@pisell/materials 2.2.121 → 2.2.122

package/lowcode/form-item-switch/meta.ts

@@ -0,0 +1,145 @@
+import snippets from './snippets';
+import {
+  formItemGeneralDataGroup,
+  getFormItemGeneralInfoGroup,
+  generalItemMap,
+  getFormItemValidateGroup,
+} from '../_utils/defaultSchema';
+
+export default {
+  snippets,
+  componentName: 'FormItemSwitch',
+  title: '开关(高级)',
+  category: '无代码表单',
+  group: '无代码组件',
+  docUrl: '',
+  screenshot: '',
+  devMode: 'proCode',
+  npm: {
+    package: '@pisell/materials',
+    version: '1.0.1',
+    exportName: 'FormItemSwitch',
+    main: 'src/index.tsx',
+    destructuring: true,
+    subName: '',
+  },
+  generalProps: [
+    // 数据分组
+    formItemGeneralDataGroup,
+    // 信息分组
+    getFormItemGeneralInfoGroup([
+      generalItemMap['label'],
+      generalItemMap['tooltip'],
+      generalItemMap['extra'],
+      generalItemMap['hideLabel'],
+      generalItemMap['renderMode'],
+    ]),
+    // 校验分组
+    getFormItemValidateGroup([generalItemMap['requiredobj']]),
+  ],
+  configure: {
+    props: [
+      {
+        name: 'checkedChildren',
+        title: { label: '选中时内容', tip: '选中时的内容' },
+        propType: 'string',
+        setter: 'PisellI18nSetter',
+        supportVariable: true,
+      },
+      {
+        name: 'unCheckedChildren',
+        title: { label: '非选中时内容', tip: '非选中时的内容' },
+        propType: 'string',
+        setter: 'PisellI18nSetter',
+        supportVariable: true,
+      },
+      {
+        name: 'autoFocus',
+        title: { label: '自动聚焦', tip: '自动获取焦点' },
+        propType: 'bool',
+        defaultValue: false,
+        setter: 'BoolSetter',
+        supportVariable: true,
+      },
+      {
+        name: 'checked',
+        title: { label: '当前值', tip: '指定当前是否选中' },
+        propType: 'bool',
+        defaultValue: false,
+        setter: 'BoolSetter',
+        supportVariable: true,
+      },
+      {
+        name: 'defaultChecked',
+        title: { label: '默认值', tip: '初始是否选中' },
+        propType: 'bool',
+        defaultValue: false,
+        setter: 'BoolSetter',
+        supportVariable: true,
+      },
+      {
+        name: 'disabled',
+        title: { label: '是否禁用', tip: '是否为禁用状态' },
+        propType: 'bool',
+        defaultValue: false,
+        setter: 'BoolSetter',
+        supportVariable: true,
+      },
+      {
+        name: 'loading',
+        title: { label: '加载中', tip: '加载中' },
+        propType: 'bool',
+        defaultValue: false,
+        setter: 'BoolSetter',
+        supportVariable: true,
+      },
+      {
+        name: 'size',
+        title: { label: '尺寸', tip: '开关大小' },
+        propType: { type: 'oneOf', value: ['default', 'small'] },
+        setter: {
+          componentName: 'RadioGroupSetter',
+          props: {
+            options: [
+              {
+                title: '默认',
+                value: 'default',
+              },
+              {
+                title: '小',
+                value: 'small',
+              },
+            ],
+          },
+        },
+        defaultValue: 'default',
+      },
+      {
+        name: 'onChange',
+        title: { label: '变化时回调函数', tip: '变化时回调函数' },
+        propType: 'func',
+      },
+      {
+        name: 'onClick',
+        title: { label: '点击时回调函数', tip: '点击时回调函数' },
+        propType: 'func',
+      },
+    ],
+    supports: {
+      style: true,
+      events: [
+        {
+          name: 'onChange',
+          template:
+            "onChange(checked,event,${extParams}){\n// 变化时回调函数\nconsole.log('onChange', checked, event);}",
+        },
+        {
+          name: 'onClick',
+          template:
+            "onClick(checked,event,${extParams}){\n// 点击时回调函数\nconsole.log('onClick', checked, event);}",
+        },
+      ],
+    },
+  },
+};
+

package/lowcode/form-item-switch/snippets.ts

@@ -0,0 +1,15 @@
+export default [
+  {
+    title: '开关(高级)',
+    screenshot: 'https://alifd.alicdn.com/fusion-cool/icons/icon-antd/switch-1.png',
+    schema: {
+      componentName: 'FormItemSwitch',
+      props: {
+        name: 'switch',
+        label: '开关',
+        defaultChecked: false,
+      },
+    },
+  },
+];
+

package/lowcode/wallet-card/meta.ts

@@ -220,8 +220,26 @@ export default {
               'zh-CN': '是否显示二维码/条形码图标。类型: boolean',
             },
           },
-          setter: "BoolSetter",
-          defaultValue: true
+          setter: 'BoolSetter',
+          defaultValue: true,
+        },
+        {
+          name: 'showViewPin',
+          title: {
+            label: {
+              type: 'i18n',
+              'en-US': 'View PIN',
+              'zh-CN': '查看PIN',
+            },
+            tip: {
+              type: 'i18n',
+              'en-US':
+                'If open, you need to configure the "onViewPinClick" event. Type: boolean',
+              'zh-CN': '如果打开需要配置"onViewPinClick"事件。类型: boolean',
+            },
+          },
+          setter: 'BoolSetter',
+          defaultValue: false,
         },
         {
           name: 'showViewPin',
@@ -261,7 +279,7 @@ export default {
           },
           defaultValue: 'qrCode',
         }
-      ]
+      ],
     },
     {
       name: 'guest',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "2.2.121",
+  "version": "2.2.122",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -76,8 +76,8 @@
     "vod-js-sdk-v6": "^1.4.11",
     "react-camera-pro": "1.4.0",
     "@pisell/date-picker": "1.0.103",
-    "@pisell/utils": "2.0.3",
-    "@pisell/icon": "0.0.11"
+    "@pisell/icon": "0.0.11",
+    "@pisell/utils": "2.0.3"
   },
   "peerDependencies": {
     "react": "^18.0.0",

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

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

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

@@ -1,20 +0,0 @@
-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

@@ -1,6 +0,0 @@
-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/cardPro/index.d.ts

@@ -1,3 +0,0 @@
-import './index.less';
-declare const _default: (props: any) => JSX.Element;
-export default _default;

package/es/components/dataSourceComponents/dataSourceForm/BaseForm.d.ts

@@ -1,3 +0,0 @@
-import './index.less';
-declare const _default: any;
-export default _default;

package/es/components/dataSourceComponents/dataSourceForm/submitButton/index.d.ts

@@ -1,39 +0,0 @@
-import React from 'react';
-import { ButtonProps } from 'antd';
-import './index.less';
-export interface SubmitButtonProps extends ButtonProps {
-    status: 'normal' | 'disabled' | 'hidden';
-    children: React.ReactNode;
-    childrenString?: string;
-    confirmConfig?: {
-        enable: boolean;
-        title: string;
-        content: string;
-        icon: React.ReactNode;
-        okText: string;
-        cancelText: string;
-    };
-    toastConfig?: {
-        enable: boolean;
-        icon: React.ReactNode;
-        title: string;
-        showAfterSubmit?: boolean;
-    };
-    refreshData?: boolean;
-    afterSubmitType?: 'none' | 'close' | 'showModal' | 'showNotification';
-    afterSubmitModalConfig?: {
-        title: string;
-        content: string;
-        okText: string;
-        onOk?: () => void;
-    };
-    afterSubmitNotificationConfig?: {
-        title: string;
-        content: string;
-        icon: React.ReactNode;
-        duration: number;
-        placement: 'top' | 'topLeft' | 'topRight' | 'bottom' | 'bottomLeft' | 'bottomRight';
-    };
-}
-declare const SubmitButton: (props: SubmitButtonProps) => JSX.Element | null;
-export default SubmitButton;

package/es/components/dataSourceComponents/dataSourceForm/utils.d.ts

@@ -1,56 +0,0 @@
-import React from 'react';
-import { FormInstance } from 'antd';
-import { ModeType } from './type';
-import './style.less';
-export interface WithModeProps {
-    renderMode?: ModeType;
-    value?: any;
-    onChange?: (value: any) => void;
-    [key: string]: any;
-}
-/**
- * @title: 增加renderMode属性
- * @description: 基于renderMode属性控制渲染模式
- * @return: *
- * @Author: shengjie.zuo
- * @Date: 2024-11-23 17:13:18
- */
-export declare const withMode: <P extends object>(FieldComponent: React.ComponentType<P>, ReadPrettyComponent?: React.ComponentType<P & {
-    renderMode: ModeType;
-}> | undefined, transformProps?: ((props: P, renderMode: ModeType) => P) | undefined) => React.FC<P & WithModeProps>;
-export interface WithFormItemProps {
-    name: string;
-    label?: string;
-    mode?: ModeType;
-    [key: string]: any;
-}
-export declare const formItemNameReplace: (name: string) => string;
-export declare const formItemNameReverse: (name: string) => string;
-export declare const isValidDomain: (value: string) => boolean;
-/**
- * @title: 追加formItem层
- * @description:
- * @return: *
- * @Author: shengjie.zuo
- * @Date: 2024-11-23 17:14:25
- */
-export declare const withFormItem: <P extends object>(WrappedComponent: React.ComponentType<P>, overlayProps?: {
-    otherFormItemProps?: Record<string, any> | ((props: Record<string, any>, others?: Record<string, any>) => Record<string, any>) | undefined;
-    innerProps?: Record<string, any> | undefined;
-} | undefined) => React.FC<P & WithFormItemProps>;
-export declare const withDataSource: <P extends unknown>(WrappedComponent: React.ComponentType<P>) => (props: P & {
-    dataSource?: any;
-}) => JSX.Element;
-export declare const withOptions: <P extends unknown>(WrappedComponent: React.ComponentType<P>) => (props: P & {
-    options?: any;
-    optionSourceType?: "default" | "custom" | "api" | undefined;
-    labelField: string;
-    valueField: string;
-    extraParams?: Record<string, any> | undefined;
-}) => JSX.Element;
-export declare const getNestedValue: (obj: Record<string, any>, path: string) => Record<string, any>;
-export declare const renderValueWithMap: (value: any, valueMap?: Record<string, string>, renderMode?: ModeType) => JSX.Element | null;
-export declare function toArr(str: string | number | (string | number)[]): (string | number)[];
-export declare const filterSystemFields: (params: Record<string, any>) => Record<string, any>;
-export declare const transformFormObjToArrayWithUntouched: (obj: Record<string, any>) => any[];
-export declare const setFormFieldsUntouched: (form: FormInstance) => void;

package/es/components/dataSourceComponents/dataSourceShow/dataSourceImage/index.d.ts

@@ -1,2 +0,0 @@
-declare const DataSourceImage: (props: import("../utils").ParsedProps) => JSX.Element;
-export default DataSourceImage;

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

@@ -1,8 +0,0 @@
-import React from 'react';
-import { DataSourceTableProps } from './type';
-export interface TableRef {
-    refreshCurrentPage: () => void;
-    refreshData: () => void;
-}
-declare const _default: React.ForwardRefExoticComponent<DataSourceTableProps & React.RefAttributes<TableRef>>;
-export default _default;

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

@@ -1,14 +0,0 @@
-import type { ComponentType } from 'react';
-import { OperationItem } from '../type';
-declare const useDrawerState: (operationContent?: {
-    [key: string]: import("react").ReactNode;
-} | undefined) => {
-    drawerVisible: boolean;
-    setDrawerVisible: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-    openDrawer: (item: OperationItem) => void;
-    closeDrawer: () => void;
-    drawerContent: import("react").ReactNode;
-    Container: ComponentType<any>;
-    containerProps: {};
-};
-export default useDrawerState;

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

@@ -1,100 +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;
-    getInitialValues: () => Record<string, any>;
-}
-/**
- * 处理table的props
- * 转换title
- * @param props
- * @returns
- */
-declare const useTableProps: (props: UseTablePropsProps) => {
-    currentComponentId: any;
-    title: number | boolean | JSX.Element | React.ReactFragment | (() => React.ReactNode) | null | undefined;
-    pagination: {
-        total: number;
-        current: number;
-        pageSize: number;
-        size: string;
-        showSizeChanger: boolean;
-    };
-    columns: import("./useColumns").Column[];
-    subTitle: number | boolean | JSX.Element | React.ReactFragment | (() => React.ReactNode) | null | undefined;
-    buttons: any[] | null;
-    filter: {
-        dom: any;
-        items: any;
-    } | null;
-    onRow: (record: any) => any;
-    actionButtons: any[] | null;
-    __id?: string | undefined;
-    currentSettingKey?: string | undefined;
-    titleButtons?: {
-        show: boolean;
-        maxCount: number;
-        items: OperationItem[];
-    } | undefined;
-    tableButtons?: {
-        show: boolean;
-        maxCount: number;
-        items: OperationItem[];
-    } | undefined;
-    operation?: {
-        show: boolean;
-        title: string;
-        width: number;
-        align: "center" | "left" | "right";
-        fixed: false | "left" | "right";
-        type: "link" | "button";
-        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;
-    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;
-    localSettings?: import("../../../table/types").LocalSettingsType | undefined;
-};
-export default useTableProps;

package/es/components/dataSourceComponents/fields/DatePicker/WithMode.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { DatePickerProps } from 'antd';
-declare const DatePickerWithMode: import("react").FC<DatePickerProps & import("../../dataSourceForm/utils").WithModeProps>;
-export default DatePickerWithMode;

package/es/components/dataSourceComponents/fields/DatePicker/index.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const DatePicker: React.FC<(import("antd").DatePickerProps & import("../../dataSourceForm/utils").WithModeProps) & import("../../dataSourceForm/utils").WithFormItemProps>;
-export default DatePicker;

package/es/components/dataSourceComponents/hooks/useActions.d.ts

@@ -1,18 +0,0 @@
-import { DataSourceType } from '../provider/dataSource/DataSourceContext';
-export interface UseActionsParams {
-    dataSource?: DataSourceType;
-    currentValue?: 'server' | 'local';
-    __designMode?: string;
-    extraParams?: Record<string, any>;
-}
-declare const useActions: ({ dataSource: propsDataSource, currentValue: propsCurrentValue, __designMode, extraParams: propsExtraParams, }?: UseActionsParams) => {
-    create: (values: Record<string, any>) => Promise<any>;
-    get: () => Promise<any>;
-    update: (values: Record<string, any>) => Promise<any>;
-    list: (params: {
-        page: number;
-        pageSize: number;
-    }) => Promise<any>;
-    destroy: (id: string) => Promise<any>;
-};
-export default useActions;

package/es/components/dataSourceComponents/provider/variables/VariablesProvider.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { VariablesContextType } from './VariablesContext';
-declare const VariablesProvider: React.FC<VariablesContextType>;
-export default VariablesProvider;

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

@@ -1,18 +0,0 @@
-import './index.less';
-import { ValueProps, SortType } from '../types';
-declare type IdType = string | number;
-declare type TreeItemProps = {
-    id: string | number;
-    key: string | number;
-    item: ValueProps | any;
-    depth: number;
-    lists: any[];
-    childrenProps?: SortType;
-    sensors?: any;
-    expandedKeys?: IdType[];
-    setExpandedKeys?: any;
-    onSelectKeys?: (ids: IdType) => void;
-    onChange?: (value: any[]) => void;
-};
-declare const TreeItem: (props: TreeItemProps) => JSX.Element;
-export default TreeItem;

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

@@ -1,8 +0,0 @@
-import { IconComponentProps } from '@ant-design/icons/es/components/Icon';
-import React from 'react';
-interface IconFontProps extends IconComponentProps {
-    type: string;
-    onClick?: React.MouseEventHandler<HTMLSpanElement>;
-}
-declare const IconFont: React.FC<IconFontProps>;
-export default IconFont;

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

@@ -1,22 +0,0 @@
-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 {
-    id?: string;
-    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/es/components/page/index.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import { ConfigProviderProps } from '../config-provider';
-interface PageProps extends ConfigProviderProps {
-}
-declare const Page: (props: PageProps) => JSX.Element;
-export default Page;

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

@@ -1,22 +0,0 @@
-/// <reference types="react" />
-export interface PisellContextType {
-    platform: 'h5' | 'pc' | 'ipad';
-    /** 货币符号 */
-    symbol?: string;
-    /** 当前语言环境 */
-    locale?: string;
-    /** 获取货币符号 */
-    getSymbolic?: () => string;
-}
-export declare const PisellContext: import("react").Context<PisellContextType>;
-/**
- * provider外获取当前全局配置
- */
-declare class GlobalConfig {
-    private config;
-    constructor();
-    setConfig(config: PisellContextType): void;
-    getConfig(): PisellContextType;
-}
-export declare const globalConfig: GlobalConfig;
-export default PisellContext;

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

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

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

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

package/es/components/pisellAdjustPrice/status.d.ts

@@ -1,32 +0,0 @@
-export declare const defaultConfig: {
-    dark: {
-        backgroundColor: string;
-        containerBackgroundColor: string;
-        buttonBackgroundColor: string;
-        textColor: string;
-        resetButtonBackgroundColor: string;
-        resetButtonTextColor: string;
-        isDoneButtonFollowTheme: boolean;
-        doneButtonBackgroundColor: string;
-        doneButtonTextColor: string;
-        isShowMainText: boolean;
-        mainTextColor: string;
-        isShowSubText: boolean;
-        subTextColor: string;
-    };
-    light: {
-        backgroundColor: string;
-        containerBackgroundColor: string;
-        buttonBackgroundColor: string;
-        textColor: string;
-        resetButtonBackgroundColor: string;
-        resetButtonTextColor: string;
-        isDoneButtonFollowTheme: boolean;
-        doneButtonBackgroundColor: string;
-        doneButtonTextColor: string;
-        isShowMainText: boolean;
-        mainTextColor: string;
-        isShowSubText: boolean;
-        subTextColor: string;
-    };
-};