@pisell/materials 1.0.987 → 1.0.988

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

@@ -0,0 +1,25 @@
+import React from "react";
+import { KeyboardProps } from "./Keyboard";
+import { VirtualKeyInputProps } from "./VirtualKeyInput";
+import "./index.less";
+interface VirtualKeyboardProps extends React.HTMLAttributes<HTMLDivElement> {
+    keyboardProps?: KeyboardProps;
+    virtualKeyInputProps?: VirtualKeyInputProps;
+    rightPanel?: React.ReactNode;
+    style?: React.CSSProperties;
+    onChange?: (value?: any) => void;
+    value?: string;
+    selectType?: 'light' | 'dark';
+    backgroundColor?: string;
+    containerBackgroundColor?: string;
+    buttonBackgroundColor?: string;
+    textColor?: string;
+    keyboardBackgroundColor?: string;
+    keyboardButtonBackgroundColor?: string;
+    keyboardButtonTextColor?: string;
+    keyboardButtonHoverColor?: string;
+    primaryButtonBackgroundColor?: string;
+    primaryButtonTextColor?: string;
+}
+declare const VirtualKeyboard: (props: VirtualKeyboardProps) => JSX.Element;
+export default VirtualKeyboard;

package/lib/components/virtualInput/BaseVirtualInput/index.d.ts

@@ -0,0 +1,40 @@
+import React from 'react';
+import './index.less';
+export interface BaseVirtualInputProps {
+    /** 输入值 */
+    value?: string | React.ReactNode;
+    /** 占位符 */
+    placeholder?: string;
+    /** 是否自动聚焦 */
+    autoFocus?: boolean;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 组件高度，默认60px */
+    height?: number | string;
+    /** 字体大小，默认48px，如果不设置会根据高度自动计算 */
+    fontSize?: number | string;
+    /** 聚焦回调 */
+    onFocus?: () => void;
+    /** 失焦回调 */
+    onBlur?: () => void;
+    /** 文字位置 */
+    textAlign?: 'start' | 'center' | 'end';
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+    /** 自定义类名 */
+    className?: string;
+    /** showCursor  */
+    showCursor?: boolean;
+    /** 防止失焦的元素选择器或ref */
+    preventBlurElements?: Array<string | React.RefObject<HTMLElement>>;
+    /** 是否聚焦（受控模式） */
+    focused?: boolean;
+}
+export interface BaseVirtualInputRef {
+    /** 手动聚焦 */
+    focus: () => void;
+    /** 手动失焦 */
+    blur: () => void;
+}
+declare const BaseVirtualInput: React.ForwardRefExoticComponent<BaseVirtualInputProps & React.RefAttributes<BaseVirtualInputRef>>;
+export default BaseVirtualInput;

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

@@ -0,0 +1,23 @@
+import React from 'react';
+import { BaseVirtualInputProps, BaseVirtualInputRef } from './BaseVirtualInput';
+import './index.less';
+export interface VirtualInputProps extends BaseVirtualInputProps {
+    /** 在VirtualInput上方显示的额外内容 */
+    topContent?: React.ReactNode;
+    /** 在VirtualInput下方显示的额外内容 */
+    bottomContent?: React.ReactNode;
+    /** wrapper class */
+    wrapperClassName?: string;
+    /** 虚拟输入框包装器的样式 */
+    wrapperStyle?: React.CSSProperties;
+    /** 是否允许清除输入框中的内容 */
+    allowClear?: boolean;
+    /** 清除输入框内容的回调函数 */
+    onClear?: () => void;
+    /** 自定义清除按钮的样式 */
+    clearButtonStyle?: React.CSSProperties;
+}
+export interface VirtualInputRef extends BaseVirtualInputRef {
+}
+declare const VirtualInput: React.ForwardRefExoticComponent<VirtualInputProps & React.RefAttributes<VirtualInputRef>>;
+export default VirtualInput;

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

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

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

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

package/lib/hooks/index.d.ts

@@ -0,0 +1,3 @@
+import useSharedState from './useSharedState';
+import useResponsive from './useResponsive';
+export { useSharedState, useResponsive };

package/lib/hooks/useCssVariables.d.ts

@@ -0,0 +1,8 @@
+interface Props {
+    variables: {
+        [key: string]: string;
+    };
+    ref: any;
+}
+declare const useCssVariables: (props: Props) => void;
+export default useCssVariables;

package/lib/hooks/useEngineContext.d.ts

@@ -0,0 +1,9 @@
+declare type IEngineContext = {
+    appHelper: any;
+    engine: any;
+    blockContext: any;
+    components: any;
+    pageContext: any;
+};
+declare const useEngineContext: () => IEngineContext;
+export default useEngineContext;

package/lib/hooks/useResponsive.d.ts

@@ -0,0 +1,4 @@
+declare type ResponsiveConfig = Record<string, number>;
+export declare function configResponsive(config: ResponsiveConfig): void;
+export default function useResponsive(): "pc" | "ipad" | "phone";
+export {};

package/lib/hooks/useSetRequest.d.ts

@@ -0,0 +1,2 @@
+declare const useSetRequest: () => void;
+export default useSetRequest;

package/lib/hooks/useSharedState.d.ts

@@ -0,0 +1,11 @@
+import { Context } from 'react';
+/**
+ * @title: 使用状态管理器的自定义钩子函数
+ * @description:
+ * @param {useMyContext} MyContext
+ * @return {*}
+ * @Author: zhiwei.Wang
+ * @Date: 2023-07-05 10:23
+ */
+declare const useSharedState: <T>(MyContext: Context<T>) => NonNullable<T>;
+export default useSharedState;

package/lib/hooks/useTranslationOriginal.d.ts

@@ -0,0 +1,2 @@
+declare const useTranslationOriginal: () => any;
+export default useTranslationOriginal;

package/lib/index.d.ts

@@ -107,7 +107,7 @@ export { default as PisellStatisticList } from './components/pisellStatisticList
 export { default as PisellSteps } from './components/PisellSteps';
 export type { PisellStepsProps, PisellStepItem, } from './components/PisellSteps/types';
 export { default as PisellProcedure } from './components/PisellProcedure';
-export type { PisellProcedureProps, ProcedureHeaderProps, ProcedureBodyProps, ProcedureFooterProps, } from './components/PisellProcedure/types';
+export type { PisellProcedureProps, PisellProcedureRef, ProcedureHeaderProps, ProcedureBodyProps, ProcedureFooterProps, } 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';

package/lib/utils/hoc.d.ts

@@ -0,0 +1,17 @@
+import { ComponentType } from 'react';
+/**
+ * 简单包装，不做任何处理
+ * 部分组件ref比较特殊，包一层会解决这个问题
+ */
+export declare function withWrap<T extends ComponentType<any>>(Comp: T): (props: any) => JSX.Element;
+/**
+ * 某些组件会用React.Children.only检查子节点
+ * 需要做处理避免报错
+ */
+export declare function withSingleChild(Comp: ComponentType<any>, needsConvert?: string[]): (props: any) => JSX.Element;
+export declare function withSingleFunctionChild(Comp: ComponentType<any>): (props: any) => JSX.Element;
+/**
+ * moment对象在序列化后会被转为字符串
+ * 需要让日期类组件支持接受字符串值
+ */
+export declare function withMomentProps(Comp: ComponentType<any>, needsConvert?: string[]): (props: any) => JSX.Element;

package/lib/utils/index.d.ts

@@ -0,0 +1,4 @@
+export declare const isBrowser: boolean;
+export declare const getCssNumber: (val: string | number) => string | number;
+export declare function uuid(): string;
+export * from './mergeWith';

package/lib/utils/locale.d.ts

@@ -0,0 +1 @@
+export declare const getCurrentLocale: () => string;

package/lib/utils/mergeWith.d.ts

@@ -0,0 +1 @@
+export declare function mergeWith(obj: any, source: any, customizer: any): any;

package/lib/utils/miniRedux.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+interface MiniReduxProps<State, Namespace> {
+    namespace?: Namespace;
+    state?: State;
+    reducers?: any;
+    effects?: any;
+}
+declare const _default: <State extends Record<string, any>, Namespace extends string>({ namespace, state, reducers, effects, }: MiniReduxProps<State, Namespace>) => {
+    Context: React.Context<{ [K in Namespace]: State; } & {
+        dispatch: (params: {
+            type: string;
+            payload: any;
+        }) => void;
+    }>;
+    Provider: (ComponentUi: any) => (props: any, ref: any) => JSX.Element;
+};
+export default _default;

package/lib/utils/platform.d.ts

@@ -0,0 +1 @@
+export declare const isMobile: () => any;

package/lib/utils/warning.d.ts

@@ -0,0 +1 @@
+export declare const warning: (...args: any[]) => void;

package/lowcode/pisell-procedure/meta.ts

@@ -29,6 +29,27 @@ const PisellProcedureMeta = {
         display: 'block',
         type: 'group',
         items: [
+          {
+            name: 'mode',
+            title: {
+              label: '使用模式',
+              tip: 'mode | 组件使用模式：page（页面模式）或 modal（弹窗模式）。弹窗模式下不应用移动端模式、不隐藏信息区、不强制底部悬浮、不显示移动端总结按钮',
+            },
+            propType: {
+              type: 'oneOf',
+              value: ['page', 'modal'],
+            },
+            setter: {
+              componentName: 'RadioGroupSetter',
+              props: {
+                options: [
+                  { title: '页面模式', value: 'page' },
+                  { title: '弹窗模式', value: 'modal' },
+                ],
+              },
+            },
+            defaultValue: 'page',
+          },
           {
             name: 'showHeader',
             title: {
@@ -136,6 +157,37 @@ const PisellProcedureMeta = {
               },
             },
           },
+          {
+            name: 'headerProps.slotOrder',
+            title: {
+              label: '插槽顺序',
+              tip: 'default: 默认顺序（left 在左，right 在右）；reverse: 反转顺序（left 在右，right 在左，关闭按钮可在左侧）',
+            },
+            propType: {
+              type: 'oneOf',
+              value: ['default', 'reverse'],
+            },
+            setter: {
+              componentName: 'SelectSetter',
+              props: {
+                options: [
+                  { title: '默认顺序', value: 'default' },
+                  { title: '反转顺序', value: 'reverse' },
+                ],
+              },
+            },
+            defaultValue: 'default',
+          },
+          {
+            name: 'headerProps.showSteps',
+            title: {
+              label: '显示步骤条',
+              tip: '是否显示步骤条，设置为 false 可隐藏步骤条',
+            },
+            propType: 'bool',
+            setter: 'BoolSetter',
+            defaultValue: true,
+          },
           {
             name: 'headerProps.showBackOnFirstStep',
             title: {
@@ -319,6 +371,27 @@ const PisellProcedureMeta = {
             },
             defaultValue: 'horizontal',
           },
+          {
+            name: 'bodyProps.contentOrder',
+            title: {
+              label: '内容顺序',
+              tip: 'content-first: 内容区在前（默认：横向时内容区在左，纵向时内容区在上）；sidebar-first: 信息区在前（横向时信息区在左，纵向时信息区在上）',
+            },
+            propType: {
+              type: 'oneOf',
+              value: ['content-first', 'sidebar-first'],
+            },
+            setter: {
+              componentName: 'SelectSetter',
+              props: {
+                options: [
+                  { title: '内容区在前', value: 'content-first' },
+                  { title: '信息区在前', value: 'sidebar-first' },
+                ],
+              },
+            },
+            defaultValue: 'content-first',
+          },
           {
             name: 'bodyProps.layoutMode',
             title: {
@@ -444,6 +517,19 @@ const PisellProcedureMeta = {
               },
             },
           },
+          {
+            name: 'bodyProps.sidebarContainerSelector',
+            title: {
+              label: {
+                type: 'i18n',
+                'en-US': 'Sidebar Container Selector',
+                'zh-CN': '信息区容器选择器',
+              },
+              tip: '用于计算信息区高度的容器元素选择器（类名或 ID），如 ".modal-content" 或 "#dialog-container"。如果不提供，则使用 window.innerHeight 作为基准。',
+            },
+            propType: 'string',
+            setter: ['StringSetter', 'VariableSetter'],
+          },
         ],
       },
       // ========== 底部操作区配置 (8.4) ==========

package/lowcode/pisell-steps/meta.ts

@@ -36,11 +36,11 @@ const PisellStepsMeta = {
                 'en-US': 'Type',
                 'zh-CN': '步骤条类型',
               },
-              tip: 'type | 步骤条类型，可选 default、dot、navigation',
+              tip: 'type | 步骤条类型，可选 default、navigation。点状模式通过 progressDot 属性控制',
             },
             propType: {
               type: 'oneOf',
-              value: ['default', 'dot', 'navigation'],
+              value: ['default', 'navigation'],
             },
             setter: [
               {
@@ -51,10 +51,6 @@ const PisellStepsMeta = {
                       title: '默认',
                       value: 'default',
                     },
-                    {
-                      title: '点状',
-                      value: 'dot',
-                    },
                     {
                       title: '导航',
                       value: 'navigation',
@@ -66,6 +62,20 @@ const PisellStepsMeta = {
             ],
             defaultValue: 'default',
           },
+          {
+            name: 'progressDot',
+            title: {
+              label: {
+                type: 'i18n',
+                'en-US': 'Progress Dot',
+                'zh-CN': '点状步骤条',
+              },
+              tip: 'progressDot | 点状步骤条，设置为 true 启用点状模式',
+            },
+            propType: 'bool',
+            setter: 'BoolSetter',
+            defaultValue: false,
+          },
           {
             name: 'current',
             title: {
@@ -382,20 +392,6 @@ const PisellStepsMeta = {
             setter: 'BoolSetter',
             defaultValue: true,
           },
-          {
-            name: 'showProgressPercent',
-            title: {
-              label: {
-                type: 'i18n',
-                'en-US': 'Show Progress Percent',
-                'zh-CN': '显示进度百分比',
-              },
-              tip: 'showProgressPercent | 是否显示进度百分比',
-            },
-            propType: 'bool',
-            setter: 'BoolSetter',
-            defaultValue: false,
-          },
           {
             name: 'percent',
             title: {
@@ -404,68 +400,117 @@ const PisellStepsMeta = {
                 'en-US': 'Percent',
                 'zh-CN': '进度百分比',
               },
-              tip: 'percent | 当前步骤的进度百分比（0-100）',
+              tip: 'percent | 当前步骤的进度百分比（0-100），直接使用 antd Steps 的 percent 属性',
             },
             propType: 'number',
             setter: ['NumberSetter', 'VariableSetter'],
-            condition: {
-              type: 'JSFunction',
-              value: 'target => !!target.getProps().getPropValue("showProgressPercent")',
-            },
           },
           {
-            name: 'iconSize',
+            name: 'responsive',
             title: {
               label: {
                 type: 'i18n',
-                'en-US': 'Icon Size',
-                'zh-CN': '图标尺寸',
+                'en-US': 'Responsive',
+                'zh-CN': '响应式',
               },
-              tip: 'iconSize | 图标尺寸（单位：px）',
+              tip: 'responsive | 是否开启响应式',
             },
-            propType: 'number',
-            setter: ['NumberSetter', 'VariableSetter'],
+            propType: 'bool',
+            setter: 'BoolSetter',
+            defaultValue: true,
           },
-          {
-            name: 'iconColor',
-            title: {
-              label: {
-                type: 'i18n',
-                'en-US': 'Icon Color',
-                'zh-CN': '图标颜色',
-              },
-              tip: 'iconColor | 图标颜色',
-            },
-            propType: 'string',
-            setter: ['ColorSetter', 'StringSetter', 'VariableSetter'],
+        ],
+      },
+      {
+        title: {
+          label: {
+            type: 'i18n',
+            'en-US': 'Scroll Mode',
+            'zh-CN': '滚动模式',
           },
+        },
+        display: 'block',
+        type: 'group',
+        items: [
           {
-            name: 'responsive',
+            name: 'enableScrollMode',
             title: {
               label: {
                 type: 'i18n',
-                'en-US': 'Responsive',
-                'zh-CN': '响应式',
+                'en-US': 'Enable Scroll Mode',
+                'zh-CN': '启用滚动模式',
               },
-              tip: 'responsive | 是否开启响应式',
+              tip: 'enableScrollMode | 当步骤条宽度不足时，启用横向滚动并显示左右箭头按钮',
             },
             propType: 'bool',
             setter: 'BoolSetter',
-            defaultValue: true,
+            defaultValue: false,
           },
           {
-            name: 'animated',
+            name: 'scrollActionsConfig',
             title: {
               label: {
                 type: 'i18n',
-                'en-US': 'Animated',
-                'zh-CN': '动画',
+                'en-US': 'Scroll Actions Config',
+                'zh-CN': '滚动箭头配置',
               },
-              tip: 'animated | 是否开启动画',
+              tip: 'scrollActionsConfig | 配置滚动箭头的显示类型和滚动距离',
+            },
+            propType: 'object',
+            setter: {
+              componentName: 'ObjectSetter',
+              props: {
+                config: {
+                  items: [
+                    {
+                      name: 'show',
+                      title: {
+                        label: '显示箭头',
+                        tip: '是否显示滚动箭头',
+                      },
+                      propType: 'bool',
+                      setter: 'BoolSetter',
+                      defaultValue: true,
+                    },
+                    {
+                      name: 'type',
+                      title: {
+                        label: '箭头类型',
+                        tip: '滚动箭头的显示类型',
+                      },
+                      propType: {
+                        type: 'oneOf',
+                        value: ['lrArrows', 'rArrows'],
+                      },
+                      setter: {
+                        componentName: 'SelectSetter',
+                        props: {
+                          options: [
+                            { title: '左右箭头', value: 'lrArrows' },
+                            { title: '仅右箭头', value: 'rArrows' },
+                          ],
+                        },
+                      },
+                      defaultValue: 'lrArrows',
+                    },
+                    {
+                      name: 'scrollDistance',
+                      title: {
+                        label: '滚动距离',
+                        tip: '每次点击箭头滚动的距离（单位：px）',
+                      },
+                      propType: 'number',
+                      setter: 'NumberSetter',
+                      defaultValue: 200,
+                    },
+                  ],
+                },
+              },
+            },
+            condition: {
+              type: 'JSFunction',
+              value: 'target => !!target.getProps().getPropValue("enableScrollMode")',
             },
-            propType: 'bool',
-            setter: 'BoolSetter',
-            defaultValue: true,
           },
         ],
       },
@@ -488,7 +533,7 @@ const PisellStepsMeta = {
                 'en-US': 'Label Placement',
                 'zh-CN': '标签位置',
               },
-              tip: 'labelPlacement | 标签文本位置',
+              tip: 'labelPlacement | 标识区和文本区的布局方式：horizontal-文本在图标右侧，vertical-文本在图标下方（仅在水平步骤条时生效）',
             },
             propType: {
               type: 'oneOf',
@@ -514,6 +559,19 @@ const PisellStepsMeta = {
             ],
             defaultValue: 'horizontal',
           },
+          {
+            name: 'itemGap',
+            title: {
+              label: {
+                type: 'i18n',
+                'en-US': 'Item Gap',
+                'zh-CN': '标识区和文本区间距',
+              },
+              tip: 'itemGap | 标识区和文本区的间距（单位：px），横向时控制图标右侧间距，纵向时控制图标下方间距',
+            },
+            propType: 'number',
+            setter: ['NumberSetter', 'VariableSetter'],
+          },
           {
             name: 'gridLayout',
             title: {
@@ -545,91 +603,6 @@ const PisellStepsMeta = {
               value: 'target => !!target.getProps().getPropValue("gridLayout")',
             },
           },
-          {
-            name: 'itemLayout',
-            title: {
-              label: {
-                type: 'i18n',
-                'en-US': 'Item Layout',
-                'zh-CN': '项布局',
-              },
-              tip: 'itemLayout | 标识区和文本区的布局方式',
-            },
-            propType: {
-              type: 'oneOf',
-              value: ['horizontal', 'vertical'],
-            },
-            setter: [
-              {
-                componentName: 'RadioGroupSetter',
-                props: {
-                  options: [
-                    {
-                      title: '水平',
-                      value: 'horizontal',
-                    },
-                    {
-                      title: '垂直',
-                      value: 'vertical',
-                    },
-                  ],
-                },
-              },
-              'VariableSetter',
-            ],
-            defaultValue: 'horizontal',
-          },
-          {
-            name: 'itemGap',
-            title: {
-              label: {
-                type: 'i18n',
-                'en-US': 'Item Gap',
-                'zh-CN': '项间距',
-              },
-              tip: 'itemGap | 标识区和文本区的间距（单位：px）',
-            },
-            propType: 'number',
-            setter: ['NumberSetter', 'VariableSetter'],
-          },
-          {
-            name: 'connectorPosition',
-            title: {
-              label: {
-                type: 'i18n',
-                'en-US': 'Connector Position',
-                'zh-CN': '连接器位置',
-              },
-              tip: 'connectorPosition | 连接器位置',
-            },
-            propType: {
-              type: 'oneOf',
-              value: ['center', 'top', 'bottom'],
-            },
-            setter: [
-              {
-                componentName: 'SelectSetter',
-                props: {
-                  options: [
-                    {
-                      title: '居中',
-                      value: 'center',
-                    },
-                    {
-                      title: '顶部',
-                      value: 'top',
-                    },
-                    {
-                      title: '底部',
-                      value: 'bottom',
-                    },
-                  ],
-                },
-              },
-              'VariableSetter',
-            ],
-            defaultValue: 'center',
-          },
         ],
       },
     ],