@pisell/materials 6.4.19 → 6.4.21

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "6.4.19",
+  "version": "6.4.21",
   "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": "3.0.7",
-    "@pisell/icon": "0.0.11",
-    "@pisell/utils": "3.0.2"
+    "@pisell/utils": "3.0.2",
+    "@pisell/icon": "0.0.11"
   },
   "peerDependencies": {
     "react": "^18.0.0",

package/es/components/dataSourceComponents/fields/Input.Mobile/serve.d.ts

@@ -1,24 +0,0 @@
-/**
- * 获取nocobase数据列表
- */
-export declare const getCountryDataList: () => Promise<any>;
-export interface Country {
-    id: number;
-    name: {
-        en: string;
-        'zh-CN': string;
-        'zh-HK': string;
-        original: string;
-    };
-    code: string;
-    calling_code: string;
-    currency_code: string;
-    sort: number;
-    status: string;
-    created_at: string;
-    updated_at: string;
-    prefix: string;
-}
-export declare const useCountries: () => {
-    data: Country[];
-};

package/es/components/dataSourceComponents/fields/Input.Phone/serve.d.ts

@@ -1,25 +0,0 @@
-/**
- * 获取nocobase数据列表
- */
-export declare const getCountryDataList: () => Promise<any>;
-export declare const getShopCountryDataList: (locale?: any) => Promise<any>;
-export interface Country {
-    id: number;
-    name: {
-        en: string;
-        'zh-CN': string;
-        'zh-HK': string;
-        original: string;
-    };
-    code: string;
-    calling_code: string;
-    currency_code: string;
-    sort: number;
-    status: string;
-    created_at: string;
-    updated_at: string;
-    prefix: string;
-}
-export declare const useCountries: () => {
-    data: Country[];
-};

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

@@ -1,5 +0,0 @@
-declare const usePlatform: () => any;
-declare const useIsShop: () => boolean;
-declare const useIsH5: () => boolean;
-declare const useIsPc: () => boolean;
-export { usePlatform, useIsShop, useIsH5, useIsPc };

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

@@ -1,46 +0,0 @@
-import { ModeType } from "../table/types";
-/**
- * 筛选总配置
- */
-export declare type FilterType = {
-    /** 筛选是否展示 */
-    show: boolean;
-    /** 筛选项排序按钮是否展示 */
-    sortButtonShow: boolean;
-    /** 筛选列表 */
-    list: FilterItemProps[];
-    items?: string[];
-    /** 快速筛选最大长度 */
-    quickFilterMaxLength: number;
-    /** 配置存储模式 */
-    storageMode: "" | "localStorage";
-    /** 筛选列表项dom */
-    dom?: any;
-};
-/**
- * 筛选列表项配置
- */
-export declare type FilterItemProps = {
-    type: "single" | "input" | "datePicker" | "rangePicker" | "search";
-    name?: string | string[];
-    key: string;
-    props: object;
-    label?: string;
-    sort?: boolean;
-    localFilter?: boolean;
-    other: Record<string, any>;
-    isCustom?: boolean;
-    columnKey?: string;
-    isHidden?: boolean;
-};
-/**
- * 筛选组件属性
- */
-export interface FilterProps {
-    filter: FilterType;
-    isRenderFormContent: boolean;
-    onValuesChange?: () => void;
-    tableId?: string;
-    viewMode?: ModeType;
-    isMobile?: boolean;
-}

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/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/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;
-    [key: string]: any;
-    /** 最大宽度 */
-    maxWidth?: number;
-}
-declare const PisellEmpty: (props: PisellEmptyProps) => JSX.Element;
-export default PisellEmpty;

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

@@ -1,24 +0,0 @@
-import React from 'react';
-import './index.less';
-export interface PisellQRScannerProps {
-    /** 是否可见 */
-    visible: boolean;
-    /** 是否显示上传图片按钮 */
-    showUpload?: boolean;
-    /** 关闭回调 */
-    onClose: () => void;
-    /** 扫码成功回调 */
-    onScan: (value: string) => void;
-    /**
-     * 样式属性，可选
-     * 注意: 不应传入renderMode等不必要属性
-     */
-    style?: React.CSSProperties;
-    /** 类名，可选 */
-    className?: string;
-}
-/**
- * 二维码扫描组件
- */
-declare const PisellQRScanner: React.FC<PisellQRScannerProps>;
-export default PisellQRScanner;

package/es/components/pisellText/components/Editable/index.d.ts

@@ -1,29 +0,0 @@
-import React from 'react';
-import './index.less';
-export declare type MultiLanguageValue = {
-    en: string;
-    'zh-CN': string;
-    'zh-HK': string;
-};
-export interface EditableConfig {
-    /** 是否禁用编辑 */
-    disabled?: boolean;
-    /** 最大长度 */
-    maxLength?: number;
-    /** 编辑图标 */
-    icon?: React.ReactNode;
-}
-export interface EditableProps extends React.HTMLAttributes<HTMLSpanElement> {
-    /** 文本内容，支持字符串或多语言对象 */
-    value?: string | MultiLanguageValue;
-    /** 子节点内容，优先级高于 value */
-    children?: string;
-    /** 可编辑配置，boolean 时使用默认配置 */
-    editable?: boolean | EditableConfig;
-    /** 编辑变更回调 */
-    onChange?: (value: string | MultiLanguageValue) => void;
-    /** 输入框尺寸 */
-    size?: 'large' | 'middle' | 'small';
-}
-declare const Editable: React.FC<EditableProps>;
-export default Editable;

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

@@ -1,9 +0,0 @@
-import React from 'react';
-export interface PisellTextProps extends React.HTMLAttributes<HTMLSpanElement> {
-}
-declare const PisellText: {
-    (props: PisellTextProps): JSX.Element;
-    Amount: (props: import("./components/Amount").AmountProps) => JSX.Element;
-    Editable: React.FC<import("./components/Editable").EditableProps>;
-};
-export default PisellText;

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

@@ -1,18 +0,0 @@
-import './index.less';
-interface ResourceItem {
-    id: string | number;
-    label: string;
-    isError?: boolean;
-    [key: string]: any;
-}
-interface SelectResourceProps {
-    lists: ResourceItem[];
-    value: any;
-    onChange: (val: any) => void;
-    resourceMode?: 'multiple' | 'tags' | undefined;
-    maxLength?: number;
-    isParallelResource?: boolean;
-    [key: string]: any;
-}
-declare const SelectResource: ({ lists, value, onChange, resourceMode, allowClear, onClearResource, maxLength, isErrorResource, resourceErrorText, ...props }: SelectResourceProps) => JSX.Element;
-export default SelectResource;

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

@@ -1,9 +0,0 @@
-import React from 'react';
-import { Select as OriginalSelect } from 'antd';
-import type { SelectProps } from 'antd';
-import './index.less';
-interface CompoundedComponent extends React.ForwardRefExoticComponent<SelectProps> {
-    Option: typeof OriginalSelect.Option;
-}
-declare const Select: CompoundedComponent;
-export default Select;

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

@@ -1,11 +0,0 @@
-import React from "react";
-import { Props } from "../DragSortList";
-export interface SortableListProps<T> {
-    dataSource: Props<T>["list"];
-    onChange: Props<T>["onChange"];
-    rowKey: Props<T>["rowKey"];
-    renderItem?: (item: T, index: number) => React.ReactNode;
-    activationConstraint?: Props<T>["activationConstraint"];
-}
-declare const SortableList: React.FC<SortableListProps<any>>;
-export default SortableList;

package/es/components/table/Actions/component/ExportImport/components/ExportTable/function.d.ts

@@ -1,7 +0,0 @@
-interface IExportParams {
-    type: string;
-    originDataSource: any[];
-    currentDataSource: any[];
-}
-export declare const batchExport: (exportParams: IExportParams, exportImport: any) => Promise<true | undefined>;
-export {};

package/es/components/table/Actions/index.d.ts

@@ -1,18 +0,0 @@
-/// <reference types="react" />
-import { FilterType } from "../../filter/types";
-import { ColumnSettingType, DataSourceGroupType, ExportImportType, GallerySettingType, GridViewType, SortType } from "../types";
-import "./index.less";
-declare type ActionsProps = {
-    filter: FilterType;
-    tableId?: string;
-    columnSetting?: ColumnSettingType;
-    dataSourceGroup?: DataSourceGroupType;
-    sort: SortType;
-    localPagination?: boolean;
-    buttons: any[];
-    view: GridViewType;
-    gallery: GallerySettingType;
-    exportImport?: ExportImportType;
-};
-declare const Actions: ({ filter, sort, columnSetting, dataSourceGroup, tableId, localPagination, buttons, view, gallery, exportImport, }: ActionsProps) => JSX.Element | null;
-export default Actions;

package/es/components/table/Table/index.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import './index.less';
-declare const _default: React.NamedExoticComponent<any>;
-export default _default;

package/es/components/table/hooks/useTransColumns.d.ts

@@ -1,14 +0,0 @@
-import { FormInstance } from "antd/es/form";
-declare type UseTransColumnsProps = {
-    columns: Record<string, any>[];
-    form: FormInstance;
-    localPagination: boolean;
-    handleSave?: (row: Record<string, any>) => void;
-    handleResize?: (index: number, record: Record<string, any>) => (e: any, p2: any) => void;
-    dragSort: boolean;
-    bordered: boolean;
-};
-declare const useTransColumns: (params: UseTransColumnsProps) => {
-    columns: any[];
-};
-export default useTransColumns;

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

@@ -1,4 +0,0 @@
-import React from 'react';
-import './index.less';
-declare const _default: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<unknown>>;
-export default _default;

package/es/components/table/serve.d.ts

@@ -1,13 +0,0 @@
-declare type exportParams = {
-    ids?: Array<string | number>;
-    file_name?: string;
-    form_id?: string | number;
-    code?: string;
-    url?: string;
-};
-export declare const exportData: (params: exportParams) => Promise<any>;
-export declare const batchImport: (params: any) => Promise<any>;
-export declare const importTemplate: (params: exportParams) => Promise<any>;
-export declare const getExportFile: (params: any) => Promise<any>;
-export declare const getImportLog: (params: any) => Promise<any>;
-export {};

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

@@ -1,17 +0,0 @@
-import { Component } from 'react';
-import { TabsProps } from 'antd';
-import './index.less';
-declare class Tabs extends Component<any> {
-    state: {
-        activeKey: any;
-    };
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: Readonly<any>): void;
-    private _handleChange;
-    setActiveKey: (key: string) => void;
-    getActiveKey: () => any;
-    renderIconLabelTabBar: TabsProps['renderTabBar'];
-    filterHiddenTabs: (tabs: any[]) => any[];
-    render(): JSX.Element;
-}
-export default Tabs;

package/es/components/virtual-keyboard/Amount/index.d.ts

@@ -1,5 +0,0 @@
-import { AmountProps, RightItemsStyleProps } from './types';
-import './index.less';
-export type { AmountProps, RightItemsStyleProps };
-declare const Amount: (props: AmountProps) => JSX.Element;
-export default Amount;

package/es/components/virtual-keyboard/Amount/types.d.ts

@@ -1,44 +0,0 @@
-/// <reference types="react" />
-import { BaseNumberKeyboardProps } from '../BaseNumberKeyboard';
-export interface RightItemsStyleProps {
-    buttonBackgroundColor?: string;
-    textColor?: string;
-    resetButtonBackgroundColor?: string;
-    resetButtonTextColor?: string;
-    isDoneButtonFollowTheme?: boolean;
-    doneButtonBackgroundColor?: string;
-    doneButtonTextColor?: string;
-}
-export interface AmountProps {
-    max?: number;
-    min?: number;
-    doneText?: string;
-    resetText?: string;
-    defaultValue?: string | number;
-    placeholder?: string;
-    amountProps?: {
-        showCurrencySymbol: boolean;
-        useThousandsSeparator: boolean;
-    };
-    presets?: BaseNumberKeyboardProps['presets'];
-    value?: string | number;
-    onChange?: (val: string | number) => void;
-    onEnter?: (val: string | number) => void;
-    defaultSelect?: boolean;
-    inputFormat?: (_v: string) => React.ReactNode | null;
-    rightItemsStyle?: RightItemsStyleProps;
-    selectType?: 'light' | 'dark';
-    backgroundColor?: string;
-    containerBackgroundColor?: string;
-    buttonBackgroundColor?: string;
-    textColor?: string;
-    resetButtonBackgroundColor?: string;
-    resetButtonTextColor?: string;
-    isDoneButtonFollowTheme?: boolean;
-    doneButtonBackgroundColor?: string;
-    doneButtonTextColor?: string;
-    keyboardBackgroundColor?: string;
-    keyboardButtonBackgroundColor?: string;
-    keyboardButtonTextColor?: string;
-    keyboardButtonHoverColor?: string;
-}

package/es/components/virtual-keyboard/BaseNumberKeyboard/index.d.ts

@@ -1,25 +0,0 @@
-import React from 'react';
-import { PresetsProps } from './Presets';
-import { KeyboardProps } from '../Keyboard';
-import { RightItemsStyleProps } from '../Amount';
-import './index.less';
-export interface BaseNumberKeyboardProps {
-    placeholder?: string;
-    format?: (val: string) => React.ReactNode;
-    defaultValue?: string | number;
-    doneText?: string;
-    resetText?: string;
-    onChange?: (val: string) => void;
-    onEnter?: (val: string) => void;
-    value?: string | number;
-    max?: number;
-    min?: number;
-    presets?: PresetsProps['presets'];
-    defaultSelect?: boolean;
-    rightItemsStyle?: RightItemsStyleProps;
-    customDisplay?: React.ReactNode | ((props: any) => React.ReactNode);
-    keyboardProps?: KeyboardProps;
-    style?: React.CSSProperties;
-}
-declare const BaseNumberKeyboard: (props: BaseNumberKeyboardProps) => JSX.Element;
-export default BaseNumberKeyboard;

package/es/components/virtual-keyboard/Number/index.d.ts

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