@pisell/materials 1.0.967 → 1.0.969

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

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

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

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

package/es/components/virtual-keyboard/Time/utils.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const formatStringToTime: (value: string) => {
     valueArray: string[];
     valueString: string;

package/es/components/walletCard/Guest/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare const Guest: (props: any) => JSX.Element;
 export default Guest;

package/es/components/walletCard/Guide/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare const Guide: (props: any) => JSX.Element;
 export default Guide;

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

@@ -0,0 +1,79 @@
+import React from 'react';
+import './index.less';
+export interface WalletCardItem {
+    type: string;
+    custom_title?: string | {
+        original: string;
+        en: string;
+        'zh-CN': string;
+        'zh-HK': string;
+    };
+    display?: 0 | 1;
+    value?: number;
+}
+export interface WalletCardProps {
+    /** 钱包ID */
+    id?: string;
+    /** 二维码弹窗适配平台 */
+    platform?: 'pc' | 'h5' | 'ipad';
+    /** 卡片主题 */
+    mode?: 'dark' | 'light';
+    /** 默认还是完整显示code */
+    cardStyle?: 'normal' | 'full';
+    /** 条形码还是二维码 */
+    codeType?: 'barCode' | 'qrCode';
+    /** 二维码方向 */
+    codeDirection?: 'bottom' | 'top';
+    /** 自定义背景图 */
+    customBackgroundImage?: string;
+    /** 图标：可以是React组件或图片URL */
+    showIcon?: boolean;
+    showWalletName?: boolean;
+    iconImg?: string;
+    /** 钱包名称 */
+    walletName?: string;
+    /** 店铺名称 */
+    shopName?: string;
+    /** 是否显示店铺名称 */
+    showShopName?: boolean;
+    /** 卡号 */
+    cardNo?: string;
+    /** 是否显示卡号 */
+    showCardNo?: boolean;
+    /** 是否显示二维码 */
+    showCode?: boolean;
+    /** 点击二维码/条形码的回调 */
+    onCodeClick?: () => void;
+    /** 货币符号 */
+    symbol: string;
+    /** 点击卡片的回调 */
+    onClick?: () => void;
+    /** 自定义类名 */
+    className?: string;
+    items: WalletCardItem[];
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+    title?: string;
+    subTitle?: string;
+    align?: 'left' | 'center';
+    buttonText?: string;
+    [key: string]: any;
+    /** 是否已登录 */
+    isLogin?: boolean;
+    /** 是否是引导页 */
+    isGuide?: boolean;
+    /** 是否显示查看PIN */
+    showViewPin?: boolean;
+    /** 查看PIN的回调 */
+    onViewPinClick?: () => void;
+    /** 是否显示持有人 */
+    showHolderName?: boolean;
+    /** 持有人类型 */
+    holderType?: 'customer' | 'custom';
+    /** 持有人, 表单记录，展示时一般取main_field */
+    holder?: any;
+    /** 持有人点击回调 */
+    onSetHolder?: (currentValue?: any) => void;
+}
+declare const WalletCard: React.FC<WalletCardProps>;
+export default WalletCard;

package/es/components/walletCard/index.js

@@ -429,7 +429,7 @@ var WalletCard = function WalletCard(props) {
   };
   var _renderMask = function _renderMask() {
     if (holderType === 'customer') return null;
-    if (holderType === 'custom' && !(holder !== null && holder !== void 0 && holder.id)) {
+    if (holderType === 'form' && !(holder !== null && holder !== void 0 && holder.holder_id)) {
       return /*#__PURE__*/React.createElement("div", {
         className: "pisell-wallet-add-holder-mask"
       }, /*#__PURE__*/React.createElement("div", {
@@ -452,13 +452,14 @@ var WalletCard = function WalletCard(props) {
     return null;
   };
   var _showHolderName = useMemo(function () {
-    return holderType === 'custom' && showHolderName;
+    return holderType === 'form' && showHolderName;
   }, [holderType, showHolderName]);
   var holderName = useMemo(function () {
-    if (holderType === 'custom' && !(holder !== null && holder !== void 0 && holder.id)) {
+    var _holder$detail;
+    if (holderType === 'form' && !(holder !== null && holder !== void 0 && holder.holder_id)) {
       return '--';
     }
-    return (holder === null || holder === void 0 ? void 0 : holder.name) || '';
+    return (holder === null || holder === void 0 || (_holder$detail = holder.detail) === null || _holder$detail === void 0 ? void 0 : _holder$detail.main_field) || '';
   }, [holderType, holder]);
   var handleHolderClick = function handleHolderClick(e) {
     e.stopPropagation();

package/es/index.d.ts

@@ -0,0 +1,150 @@
+export { Affix, Alert, Anchor, Avatar, Breadcrumb, Card, Carousel, Col, ColorPicker, Descriptions, Divider, Empty, Grid, InputNumber, Mentions, Menu, Pagination, Popconfirm, Popover, Progress, Rate, Result, Row, Space, Spin, Statistic, Steps, Switch, Tag, Timeline, Tooltip, Transfer, Tree, message, notification, version, } from 'antd';
+export { default as AppVersionControl } from './components/appVersionControl';
+export { default as AutoComplete } from './components/auto-complete';
+export { default as AutoCompleteNumber } from './components/auto-complete-number';
+export { default as Badge } from './components/badge';
+export { default as BatchEditor } from './components/batch-editor';
+export { default as Button } from './components/button';
+export { default as ButtonGroupEdit } from './components/buttonGroupEdit';
+export { default as ButtonGroupPreview } from './components/buttonGroupPreview';
+export { default as Calendar } from './components/calendar';
+export { default as CardMetricItem } from './components/cardMetricItem';
+export { default as CardPro } from './components/cardPro';
+export { default as Cascader } from './components/cascader';
+export { default as Checkbox } from './components/checkbox';
+export { default as ClassicLayout } from './components/classicLayout';
+export { default as Collapse } from './components/collapse';
+export { default as Component } from './components/component';
+export { default as ConfigProvider } from './components/config-provider';
+export { default as CropPhoto } from './components/cropPhoto';
+export { default as CustomSelect } from './components/customSelect';
+export { default as DataSourceForm } from './components/dataSourceComponents/dataSourceForm';
+export { default as FormGroup } from './components/dataSourceComponents/dataSourceForm/group';
+export { default as JsonWrapper } from './components/dataSourceComponents/dataSourceForm/provider/jsonWrapper/JsonWrapperProvider';
+export { default as SubmitButton } from './components/dataSourceComponents/dataSourceForm/submitButton';
+export { default as DataSourceMenu } from './components/dataSourceComponents/dataSourceMenu';
+export { default as DataSourceImage } from './components/dataSourceComponents/dataSourceShow/dataSourceImage';
+export { default as DataSourceQRCode } from './components/dataSourceComponents/dataSourceShow/dataSourceQRCode';
+export { default as DataSourceTypography } from './components/dataSourceComponents/dataSourceShow/dataSourceTypography';
+export { default as DataSourceTable } from './components/dataSourceComponents/dataSourceTable';
+export { default as DataSourceWrapper } from './components/dataSourceComponents/dataSourceWrapper';
+export { default as FormItemCheckbox } from './components/dataSourceComponents/fields/Checkbox';
+export { default as FormItemColorPicker } from './components/dataSourceComponents/fields/ColorPicker';
+export { default as FormItemDatePicker } from './components/dataSourceComponents/fields/DatePicker';
+export { default as FormItemIconSelect } from './components/dataSourceComponents/fields/IconSelect';
+export { default as FormItemInput } from './components/dataSourceComponents/fields/Input';
+export { default as FormItemInputNumber } from './components/dataSourceComponents/fields/InputNumber';
+export { default as FormItemRadio } from './components/dataSourceComponents/fields/Radio';
+export { default as FormItemSelect } from './components/dataSourceComponents/fields/Select';
+export { default as FormItemTimePicker } from './components/dataSourceComponents/fields/TimePicker';
+export { default as FormItemTranslation } from './components/dataSourceComponents/fields/Translation';
+export { default as FormItemUpload } from './components/dataSourceComponents/fields/Upload';
+export { default as DatePicker } from './components/date-picker';
+export { default as Div } from './components/div';
+export { default as DragSortTree } from './components/drag-sort-tree';
+export { default as Drawer } from './components/drawer';
+export { default as Dropdown } from './components/dropdown';
+export { default as Filter } from './components/filter';
+export { default as Form } from './components/form';
+export { default as Icon } from './components/icon';
+export { default as IconSelect } from './components/iconSelect';
+export { default as Iconfont } from './components/iconfont';
+export { default as Image } from './components/image';
+export { default as Input } from './components/input';
+export { default as InputNumberRange } from './components/input-number-range';
+export { default as List } from './components/list';
+export { default as loginAndRegister } from './components/login-and-register';
+export { default as LowCodePage } from './components/lowCodePage';
+export { default as Modal } from './components/modal';
+export { default as OrganizationTenantSwitcher } from './components/organizationTenantSwitcher';
+export { default as Page } from './components/page';
+export { default as PageHeader } from './components/page-header';
+export { default as PisellConfigProvider } from './components/pisell-config-provider';
+export { default as PisellContext, globalConfig, } from './components/pisell-config-provider/context';
+export { default as usePisellConfig } from './components/pisell-config-provider/hooks/usePisellConfig';
+export { default as PisellAdjustPrice } from './components/pisellAdjustPrice';
+export { default as PisellAdjustPriceInputNumber } from './components/pisellAdjustPrice/PisellAdjustPriceInputNumber';
+export { default as PisellAlert } from './components/pisellAlert';
+export { default as PisellAnchor } from './components/pisellAnchor';
+export { default as PisellAvatar } from './components/pisellAvatar';
+export { default as PisellCard } from './components/pisellCard';
+export { default as PisellCardList } from './components/pisellCardList';
+export { default as PisellCheckboxGroup } from './components/pisellCheckboxGroup';
+export { default as PisellContainer } from './components/pisellContainer';
+export { default as PisellCountdown } from './components/pisellCountdown';
+export { default as PisellCustomCheckboxGroup } from './components/pisellCustomCheckboxGroup';
+export { default as PisellDatePicker } from './components/pisellDatePicker';
+export { default as PisellDraggable } from './components/pisellDraggable';
+export { default as PisellDropdown } from './components/pisellDropdown';
+export { default as PisellEmpty } from './components/pisellEmpty';
+export { default as PisellFloatingPanel } from './components/pisellFloatingPanel';
+export { default as PisellHeaderProgressBar } from './components/pisellHeaderProgressBar';
+export { default as PisellImageCarousels } from './components/pisellImageCarousels';
+export { default as PisellInformationEntry } from './components/pisellInformationEntry';
+export { default as PisellInput } from './components/pisellInput';
+export { getBankCardTypeImg } from './components/pisellInput/components/BankCard/utils';
+export { default as PisellLayout } from './components/pisellLayout';
+export { default as PisellContent } from './components/pisellLayout/content';
+export { default as PisellFooter } from './components/pisellLayout/footer';
+export { default as PisellHeader } from './components/pisellLayout/header';
+export { default as PisellSider } from './components/pisellLayout/sider';
+export { default as PisellList01 } from './components/pisellList01';
+export { default as PisellLoading } from './components/pisellLoading';
+export { default as PisellMenu } from './components/pisellMenu';
+export type { PisellMenuProps } from './components/pisellMenu/types';
+export { default as PisellModal } from './components/pisellModal';
+export { default as PisellQRScanner } from './components/pisellQRScanner';
+export type { PisellQRScannerProps } from './components/pisellQRScanner';
+export { default as PisellQrcode } from './components/pisellQrcode';
+export { default as PisellRow } from './components/pisellRow';
+export { default as PisellScan } from './components/pisellScan';
+export { default as PisellSectionHeaders } from './components/pisellSectionHeaders';
+export { default as PisellStatisticList } from './components/pisellStatisticList';
+export { default as PisellSteps } from './components/PisellSteps';
+export type { PisellStepsProps, StepItem, StepStatus, StepDirection, StepType, StepSize, LabelPlacement, } from './components/PisellSteps/types';
+export { default as PisellProcedure } from './components/PisellProcedure';
+export type { PisellProcedureProps, ActionItem, LayoutDirection, ActionMode, ActionPosition, HeaderFixed, ResponsiveInfo, } from './components/PisellProcedure/types';
+export { default as PisellTags } from './components/pisellTags';
+export { default as PisellText } from './components/pisellText';
+export { default as PisellToast, useToast } from './components/pisellToast';
+export { default as PisellTooltip } from './components/pisellTooltip';
+export { default as PisellUpload } from './components/pisellUpload';
+export { default as PisellViewGrid } from './components/pisellViewGrid';
+export { default as PisellWalletPassCard } from './components/pisellWalletPassCard';
+export { default as ProductCard } from './components/productCard';
+export type { PisellWalletPassCardProps } from './components/pisellWalletPassCard';
+export { default as ProfileMenu } from './components/profileMenu';
+export { default as QRCode } from './components/qrcode';
+export { default as Radio } from './components/radio';
+export { default as RecordView } from './components/record-view';
+export { default as SectionFooters } from './components/section-footers';
+export { default as Segmented } from './components/segmented';
+export { default as Select } from './components/select';
+export { default as SelectTime } from './components/select-time';
+export { default as Skeleton } from './components/skeleton';
+export { default as Slider } from './components/slider';
+export { default as Sort } from './components/sort';
+export { default as SortableList } from './components/sortableList';
+export { default as Table } from './components/table';
+export { default as Tabs } from './components/tabs';
+export { default as TimePicker } from './components/time-picker';
+export { default as Translation } from './components/translation';
+export { default as TreeSelect } from './components/tree-select';
+export { default as Typography } from './components/typography';
+export { default as Upload } from './components/upload';
+export { default as VirtualKeyboard } from './components/virtual-keyboard';
+export { default as PisellPriceKeyboard } from './components/virtual-keyboard/Amount';
+export { default as PisellNumberKeyboard } from './components/virtual-keyboard/Number';
+export { default as VirtualKeyboardTime } from './components/virtual-keyboard/Time';
+export { default as WalletCard } from './components/walletCard';
+export { default as PublishVersionModal } from './components/versionModal';
+export { default as PisellDropSort } from './components/pisellDropSort';
+export { default as PisellNavigationMenu } from './components/pisellNavigationMenu';
+export { default as PisellAppCard } from './components/pisellAppCard';
+export type { PisellAppCardProps } from './components/pisellAppCard/types';
+export { default as BaseTranslation } from './components/dataSourceComponents/fields/Translation/BaseTranslation';
+export { default as PisellGoodPassCard } from './components/pisellGoodPassCard';
+export { default as HardwareErrorTip } from './components/hardwareErrorTip';
+export { default as Keyboard } from './components/keyboard';
+export { default as VirtualInput } from './components/virtualInput';
+export { default as AutoResizeText } from './components/auto-resize-text';

package/es/index.js

@@ -100,6 +100,8 @@ export { default as PisellRow } from "./components/pisellRow";
 export { default as PisellScan } from "./components/pisellScan";
 export { default as PisellSectionHeaders } from "./components/pisellSectionHeaders";
 export { default as PisellStatisticList } from "./components/pisellStatisticList";
+export { default as PisellSteps } from "./components/PisellSteps";
+export { default as PisellProcedure } from "./components/PisellProcedure";
 export { default as PisellTags } from "./components/pisellTags";
 export { default as PisellText } from "./components/pisellText";
 export { default as PisellToast, useToast } from "./components/pisellToast";

package/lib/components/PisellProcedure/PisellProcedure.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import type { PisellProcedureProps } from './types';
+import './PisellProcedure.less';
+/**
+ * PisellProcedure 流程容器组件
+ * 用于管理多步骤流程，集成步骤导航、内容操作、实时信息反馈和动作执行功能
+ *
+ * @example
+ * ```tsx
+ * <PisellProcedure
+ *   current={current}
+ *   steps={[
+ *     { title: '选择服务' },
+ *     { title: '填写信息' },
+ *     { title: '确认订单' },
+ *   ]}
+ *   onStepChange={handleStepChange}
+ *   contentRender={(current) => <Content step={current} />}
+ *   summaryRender={(current) => <Summary step={current} />}
+ *   actions={[
+ *     { key: 'next', label: '下一步', type: 'primary', onClick: handleNext },
+ *   ]}
+ * />
+ * ```
+ */
+declare const PisellProcedure: React.FC<PisellProcedureProps>;
+export default PisellProcedure;

package/lib/components/PisellProcedure/PisellProcedure.js

@@ -0,0 +1,264 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/PisellProcedure/PisellProcedure.tsx
+var PisellProcedure_exports = {};
+__export(PisellProcedure_exports, {
+  default: () => PisellProcedure_default
+});
+module.exports = __toCommonJS(PisellProcedure_exports);
+var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
+var import_ProcedureHeader = __toESM(require("./components/ProcedureHeader"));
+var import_ProcedureContent = __toESM(require("./components/ProcedureContent"));
+var import_ProcedureSummary = __toESM(require("./components/ProcedureSummary"));
+var import_ProcedureAction = __toESM(require("./components/ProcedureAction"));
+var import_useResponsive = require("./hooks/useResponsive");
+var import_PisellProcedure = require("./PisellProcedure.less");
+var PisellProcedure = ({
+  // 基础配置
+  current: controlledCurrent,
+  steps,
+  onStepChange,
+  onClose,
+  onPrev,
+  // 内容渲染
+  contentRender,
+  summaryRender,
+  actions = [],
+  // 布局配置
+  layout = "vertical",
+  bodyLayout = "horizontal",
+  contentWidth = "auto",
+  summaryWidth = 405,
+  // 显示控制
+  showHeader = true,
+  showSummary = true,
+  showAction = true,
+  showPrevButton = true,
+  showCloseButton = true,
+  // 定位配置
+  headerFixed = false,
+  actionMode = "embedded",
+  actionPosition = "bottom",
+  // 交互配置
+  summaryCollapsible = false,
+  summaryDefaultCollapsed = false,
+  validateOnStepChange = true,
+  onValidate,
+  clearOnBack = false,
+  confirmOnDataChange = true,
+  // 样式配置
+  headerClassName,
+  headerStyle,
+  contentClassName,
+  contentStyle,
+  summaryClassName,
+  summaryStyle,
+  actionClassName,
+  actionStyle,
+  className,
+  style,
+  // 插槽配置
+  headerExtra,
+  summaryExtra,
+  actionExtra,
+  // 组件属性透传
+  stepsProps,
+  prevButtonProps,
+  closeButtonProps,
+  // 状态配置
+  loading = false,
+  disabled = false
+}) => {
+  const [internalCurrent, setInternalCurrent] = (0, import_react.useState)(0);
+  const current = controlledCurrent ?? internalCurrent;
+  const [isLoading, setIsLoading] = (0, import_react.useState)(false);
+  const [summaryCollapsed, setSummaryCollapsed] = (0, import_react.useState)(
+    summaryDefaultCollapsed
+  );
+  const responsive = (0, import_useResponsive.useResponsive)();
+  const isMobile = responsive.sm;
+  const mergedLoading = loading || isLoading;
+  (0, import_react.useEffect)(() => {
+    document.body.id = "body";
+  }, []);
+  const showSummaryArea = (0, import_react.useMemo)(() => {
+    return showSummary && !isMobile;
+  }, [showSummary, isMobile]);
+  const bodyStyle = (0, import_react.useMemo)(() => {
+    const baseStyle = {
+      flexDirection: bodyLayout === "vertical" ? "column" : "row"
+    };
+    return baseStyle;
+  }, [bodyLayout]);
+  const mergedContentStyle = (0, import_react.useMemo)(() => {
+    const baseStyle = {
+      ...contentStyle
+    };
+    if (contentWidth !== "auto") {
+      baseStyle.width = typeof contentWidth === "number" ? `${contentWidth}px` : contentWidth;
+    }
+    return baseStyle;
+  }, [contentStyle, contentWidth]);
+  const mergedSummaryStyle = (0, import_react.useMemo)(() => {
+    const baseStyle = {
+      ...summaryStyle
+    };
+    if (summaryWidth) {
+      baseStyle.width = typeof summaryWidth === "number" ? `${summaryWidth}px` : summaryWidth;
+    }
+    return baseStyle;
+  }, [summaryStyle, summaryWidth]);
+  const handleStepChange = (0, import_react.useCallback)(
+    async (nextStep) => {
+      if (validateOnStepChange && onValidate) {
+        setIsLoading(true);
+        try {
+          const isValid = await onValidate(current);
+          if (!isValid) {
+            setIsLoading(false);
+            return;
+          }
+        } catch (error) {
+          console.error("Validation error:", error);
+          setIsLoading(false);
+          return;
+        }
+      }
+      try {
+        await (onStepChange == null ? void 0 : onStepChange(nextStep));
+      } catch (error) {
+        console.error("Step change error:", error);
+        setIsLoading(false);
+        return;
+      }
+      if (controlledCurrent === void 0) {
+        setInternalCurrent(nextStep);
+      }
+      setIsLoading(false);
+    },
+    [current, controlledCurrent, validateOnStepChange, onValidate, onStepChange]
+  );
+  const handlePrev = (0, import_react.useCallback)(() => {
+    if (current > 0) {
+      if (onPrev) {
+        onPrev();
+      } else {
+        handleStepChange(current - 1);
+      }
+    }
+  }, [current, onPrev, handleStepChange]);
+  const handleClose = (0, import_react.useCallback)(() => {
+    onClose == null ? void 0 : onClose();
+  }, [onClose]);
+  const handleSummaryCollapseChange = (0, import_react.useCallback)((collapsed) => {
+    setSummaryCollapsed(collapsed);
+  }, []);
+  const mergedClassName = (0, import_react.useMemo)(() => {
+    return (0, import_classnames.default)(
+      "pisell-procedure",
+      `pisell-procedure-layout-${layout}`,
+      `pisell-procedure-body-${bodyLayout}`,
+      {
+        "pisell-procedure-loading": mergedLoading,
+        "pisell-procedure-disabled": disabled,
+        "pisell-procedure-mobile": isMobile,
+        "pisell-procedure-header-fixed": headerFixed,
+        "pisell-procedure-action-float": actionMode === "float",
+        "pisell-procedure-action-embedded": actionMode === "embedded"
+      },
+      className
+    );
+  }, [
+    layout,
+    bodyLayout,
+    mergedLoading,
+    disabled,
+    isMobile,
+    headerFixed,
+    actionMode,
+    className
+  ]);
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: mergedClassName, style }, showHeader && /* @__PURE__ */ import_react.default.createElement(
+    import_ProcedureHeader.default,
+    {
+      current,
+      steps,
+      stepsProps,
+      showPrevButton,
+      showCloseButton,
+      onPrev: handlePrev,
+      onClose: handleClose,
+      onStepClick: handleStepChange,
+      headerExtra,
+      prevButtonProps,
+      closeButtonProps,
+      fixed: headerFixed,
+      className: headerClassName,
+      style: headerStyle,
+      disabled: disabled || mergedLoading
+    }
+  ), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-procedure-body", style: bodyStyle }, /* @__PURE__ */ import_react.default.createElement(
+    import_ProcedureContent.default,
+    {
+      current,
+      contentRender,
+      className: contentClassName,
+      style: mergedContentStyle,
+      loading: mergedLoading
+    }
+  ), showSummaryArea && summaryRender && /* @__PURE__ */ import_react.default.createElement(
+    import_ProcedureSummary.default,
+    {
+      current,
+      summaryRender,
+      collapsible: summaryCollapsible,
+      defaultCollapsed: summaryDefaultCollapsed,
+      onCollapseChange: handleSummaryCollapseChange,
+      summaryExtra,
+      className: summaryClassName,
+      style: mergedSummaryStyle,
+      visible: !summaryCollapsed
+    }
+  )), showAction && actions.length > 0 && /* @__PURE__ */ import_react.default.createElement(
+    import_ProcedureAction.default,
+    {
+      actions,
+      mode: actionMode,
+      position: actionPosition,
+      actionExtra,
+      className: actionClassName,
+      style: actionStyle,
+      disabled,
+      loading: mergedLoading
+    }
+  ));
+};
+PisellProcedure.displayName = "PisellProcedure";
+var PisellProcedure_default = PisellProcedure;