@pisell/materials 6.7.1 → 6.7.2

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.7.1",
+  "version": "6.7.2",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -75,8 +75,8 @@
     "antd-mobile": "^5.38.1",
     "vod-js-sdk-v6": "^1.4.11",
     "react-camera-pro": "1.4.0",
-    "@pisell/icon": "0.0.11",
     "@pisell/date-picker": "3.0.7",
+    "@pisell/icon": "0.0.11",
     "@pisell/utils": "3.0.2"
   },
   "peerDependencies": {

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

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

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/provider/formSetting/FormSettingContext.d.ts

@@ -1,15 +0,0 @@
-/// <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>;
-}
-export declare const FormSettingContext: import("react").Context<FormSettingContextType>;
-export default FormSettingContext;

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

@@ -1,8 +0,0 @@
-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/serve.d.ts

@@ -1,149 +0,0 @@
-export interface DataSourceType {
-    key: string;
-    displayName: string;
-    status: string;
-    type: string;
-    isDBInstance: boolean;
-    collections: Collection[];
-}
-export declare type ActionsItem = {
-    method: string;
-    path: string;
-    params: {
-        name: string;
-        value: string;
-    }[];
-    headers: {
-        name: string;
-        value: string;
-    }[];
-    body: Record<string, any>;
-};
-export interface Collection {
-    name: string;
-    title: string;
-    tableName: string;
-    timestamps: boolean;
-    autoGenId: boolean;
-    filterTargetKey: string;
-    fields: Field[];
-    introspected: boolean;
-    unavailableActions: any[];
-    actions: {
-        get: ActionsItem;
-        update: ActionsItem;
-        create: ActionsItem;
-        delete: ActionsItem;
-        list: ActionsItem;
-    };
-}
-interface Field {
-    name: string;
-    type: string;
-    allowNull: boolean;
-    primaryKey: boolean;
-    unique: boolean;
-    autoIncrement: boolean;
-    description?: (null | string)[];
-    possibleTypes?: string[];
-    rawType: string;
-    interface: string;
-    uiSchema: UiSchema;
-    key?: string;
-    collectionName?: string;
-    collectionKey?: any;
-    dataSourceKey?: string;
-    defaultValue?: any;
-}
-interface UiSchema {
-    type?: string;
-    'x-component': string;
-    'x-component-props'?: Xcomponentprops;
-    'x-validator'?: string;
-    title: string;
-    default?: any;
-    enum?: any[];
-}
-interface Xcomponentprops {
-    style?: Style;
-    autoSize?: AutoSize;
-    stringMode?: boolean;
-    step?: string;
-    dateFormat?: string;
-    showTime?: boolean;
-}
-interface AutoSize {
-    minRows: number;
-}
-interface Style {
-    width: string;
-}
-/**
- * 获取nocobase自定义数据源
- */
-export declare const getNocobaseDataSource: () => Promise<DataSourceType[]>;
-/**
- * 获取nocobase主数据源
- */
-export declare const getNocobaseMainDataSource: () => Promise<any>;
-/**
- * 获取nocobase数据源设置
- */
-export declare const getNocobaseDataSourceOptions: () => Promise<any>;
-/**
- * 创建nocobase数据
- */
-export declare const createNocobaseData: (params: {
-    key: string;
-    data: any;
-    headers?: any;
-}) => Promise<any>;
-/**
- * nocobase get数据
- */
-export declare const getNocobaseData: (params: {
-    key: string;
-    query: Record<string, any>;
-    headers?: any;
-}) => Promise<any>;
-/**
- * 自定义api接口
- */
-export declare const customApi: (url: string, data: Record<string, any>, options: {
-    method: 'GET' | 'POST' | 'PUT' | 'DELETE';
-    baseUrl?: string | undefined;
-    headers?: {
-        name: string;
-        value: any;
-    }[] | undefined;
-    params?: {
-        name: string;
-        value: any;
-    }[] | undefined;
-    body?: Record<string, any> | undefined;
-}) => Promise<any>;
-/**
- * 更新nocobase数据
- */
-export declare const updateNocobaseData: (params: {
-    key: string;
-    data: any;
-    headers?: any;
-    query?: Record<string, any> | undefined;
-}) => Promise<any>;
-/**
- * 获取nocobase数据列表
- */
-export declare const getNocobaseDataList: (allParams: {
-    key: string;
-    params: {
-        page: number;
-        pageSize: number;
-    };
-    headers?: any;
-}) => Promise<any>;
-/**
- * 删除nocobase数据
- */
-export declare const deleteNocobaseData: (key: string, id: string, headers?: any) => Promise<any>;
-export {};

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/type.d.ts

@@ -1,31 +0,0 @@
-import React from 'react';
-import { DataSourceType } from "../provider/dataSource/DataSourceContext";
-export declare type ModeType = 'edit' | 'add' | 'view' | 'disabled' | 'hidden' | 'tableView';
-export interface DataSourceFormProps {
-    title: string;
-    description: string;
-    dataSource: DataSourceType;
-    extraParams?: Record<string, any>;
-    showTitle: boolean;
-    showDescription: boolean;
-    groupInfoPosition: 'top' | 'side';
-    variables: any[];
-    renderMode?: ModeType;
-    currentValue?: 'server' | 'local';
-    children: React.ReactNode;
-    className?: string;
-    size?: 'small' | 'middle' | 'large';
-    onDataSourceFinish?: (values: any, result: any) => void;
-    __designMode?: string;
-    formatSubmitValues?: (values: Record<string, any>) => Record<string, any>;
-    formatInitialValues?: (values: Record<string, any>) => Record<string, any>;
-    customSubmit?: (values: Record<string, any>) => Promise<any>;
-    leaveConfirmConfig?: {
-        enable: boolean;
-        title: string;
-        content: string;
-        icon: React.ReactNode;
-        okText: string;
-        cancelText: string;
-    };
-}

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/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/type.d.ts

@@ -1,84 +0,0 @@
-/// <reference types="react" />
-import { ColumnType } from 'antd/es/table';
-import { LocalSettingsType } from '../../table/types';
-import { DataSourceType } from '../provider/dataSource/DataSourceContext';
-export declare type OperationItem = {
-    label?: string;
-    openMode: 'modal' | 'drawer' | 'custom';
-    openContentSize: 'small' | 'middle' | 'large';
-    openTitle: string;
-    actionType: 'detail' | 'edit' | 'delete' | 'custom';
-    key: string;
-    buttonProps?: any;
-    onClick?: (record: any) => void;
-    afterClose?: () => void;
-};
-export interface DataSourceTableProps {
-    __id?: string;
-    currentComponentId?: string;
-    currentSettingKey?: string;
-    title?: string | React.ReactNode | (() => React.ReactNode);
-    subTitle?: string | React.ReactNode | (() => React.ReactNode);
-    titleButtons?: {
-        show: boolean;
-        maxCount: number;
-        items: OperationItem[];
-    };
-    tableButtons?: {
-        show: boolean;
-        maxCount: number;
-        items: OperationItem[];
-    };
-    buttons?: any[];
-    operation?: {
-        show: boolean;
-        title: string;
-        width: number;
-        align: 'left' | 'center' | 'right';
-        fixed: 'left' | 'right' | false;
-        type: 'link' | 'button';
-        items: OperationItem[];
-    };
-    operationContent?: {
-        [key: string]: React.ReactNode;
-    };
-    dataSource: DataSourceType;
-    columns: ColumnType<any>[];
-    filter: any;
-    search?: {
-        show: boolean;
-        placeholder: string;
-    };
-    __designMode: string;
-    componentId: string;
-    clickToDetail?: {
-        show: boolean;
-        useCustomAction: boolean;
-        actionType: string;
-        openMode: 'modal' | 'drawer';
-        openContentSize: 'small' | 'middle' | 'large';
-        openTitle: string;
-        key: string;
-    };
-    onRow?: any;
-    filterBy?: Record<string, any>;
-    sortBy: string;
-    tabs?: {
-        show: boolean;
-        type: string;
-        items: {
-            name: string;
-            filterBy: Record<string, any>;
-            sortBy: string;
-        }[];
-    };
-    onValuesChange?: (changedValues: any, values: any) => void;
-    extraParams?: {
-        list?: Record<string, any>;
-        get?: Record<string, any>;
-        update?: Record<string, any>;
-        create?: Record<string, any>;
-        destroy?: Record<string, any>;
-    };
-    localSettings?: LocalSettingsType;
-}

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;