@pisell/materials 6.8.16 → 6.9.1

package/lowcode/pisell-sort/meta.ts

@@ -0,0 +1,400 @@
+import snippets from './snippets';
+import { IPublicTypeComponentMetadata } from '@alilc/lowcode-types';
+
+const PisellSortMeta: IPublicTypeComponentMetadata = {
+  componentName: 'PisellSort',
+  title: 'PisellSort',
+  category: '数据展示',
+  docUrl: '',
+  screenshot: '',
+  devMode: 'proCode',
+  npm: {
+    package: '@pisell/materials',
+    version: '1.0.3',
+    exportName: 'PisellSort',
+    main: 'src/index.tsx',
+    destructuring: true,
+    subName: '',
+  },
+  configure: {
+    props: [
+      {
+        title: {
+          label: {
+            type: 'i18n',
+            'en-US': 'Basic',
+            'zh-CN': '基础',
+          },
+        },
+        display: 'block',
+        type: 'group',
+        items: [
+          {
+            name: 'name',
+            title: {
+              label: {
+                type: 'i18n',
+                'en-US': 'Field Name',
+                'zh-CN': '字段名称',
+              },
+              tip: {
+                type: 'i18n',
+                'en-US': 'name | Form field name, default is sort_key',
+                'zh-CN': 'name | 表单字段名称，默认为 sort_key',
+              },
+            },
+            propType: 'string',
+            setter: ['StringSetter', 'VariableSetter'],
+            defaultValue: 'sort_key',
+          },
+          {
+            name: 'list',
+            title: {
+              label: {
+                type: 'i18n',
+                'en-US': 'Sort List',
+                'zh-CN': '排序列表',
+              },
+              tip: {
+                type: 'i18n',
+                'en-US': 'list | Array of sort field configurations',
+                'zh-CN': 'list | 排序字段配置数组',
+              },
+            },
+            propType: {
+              type: 'arrayOf',
+              value: 'object',
+            },
+            setter: {
+              componentName: 'ArraySetter',
+              props: {
+                itemSetter: {
+                  componentName: 'ObjectSetter',
+                  props: {
+                    config: {
+                      items: [
+                        {
+                          name: 'type',
+                          title: {
+                            label: {
+                              type: 'i18n',
+                              'en-US': 'Type',
+                              'zh-CN': '字段类型',
+                            },
+                            tip: '排序字段的数据类型',
+                          },
+                          propType: {
+                            type: 'oneOf',
+                            value: ['date', 'string', 'number'],
+                          },
+                          setter: {
+                            componentName: 'SelectSetter',
+                            props: {
+                              options: [
+                                {
+                                  title: '日期',
+                                  value: 'date',
+                                },
+                                {
+                                  title: '字符串',
+                                  value: 'string',
+                                },
+                                {
+                                  title: '数字',
+                                  value: 'number',
+                                },
+                              ],
+                            },
+                          },
+                          isRequired: true,
+                        },
+                        {
+                          name: 'label',
+                          title: {
+                            label: {
+                              type: 'i18n',
+                              'en-US': 'Label',
+                              'zh-CN': '显示标签',
+                            },
+                            tip: '排序项的显示文案',
+                          },
+                          propType: 'string',
+                          setter: ['PisellI18nSetter', 'StringSetter', 'VariableSetter'],
+                        },
+                        {
+                          name: 'name',
+                          title: {
+                            label: {
+                              type: 'i18n',
+                              'en-US': 'Name',
+                              'zh-CN': '字段名称',
+                            },
+                            tip: '排序字段的名称',
+                          },
+                          propType: {
+                            type: 'oneOfType',
+                            value: ['string', 'array'],
+                          },
+                          setter: ['StringSetter', 'JsonSetter', 'VariableSetter'],
+                        },
+                        {
+                          name: 'isCustom',
+                          title: {
+                            label: {
+                              type: 'i18n',
+                              'en-US': 'Custom Sort',
+                              'zh-CN': '自定义排序',
+                            },
+                            tip: '是否为自定义排序',
+                          },
+                          propType: 'bool',
+                          setter: ['BoolSetter', 'VariableSetter'],
+                          isRequired: true,
+                          defaultValue: false,
+                        },
+                        {
+                          name: 'columnKey',
+                          title: {
+                            label: {
+                              type: 'i18n',
+                              'en-US': 'Column Key',
+                              'zh-CN': '列键值',
+                            },
+                            tip: '对应的列键值',
+                          },
+                          propType: 'string',
+                          setter: ['StringSetter', 'VariableSetter'],
+                        },
+                        {
+                          name: 'localFilter',
+                          title: {
+                            label: {
+                              type: 'i18n',
+                              'en-US': 'Local Filter',
+                              'zh-CN': '本地过滤',
+                            },
+                            tip: '是否使用本地过滤',
+                          },
+                          propType: 'bool',
+                          setter: ['BoolSetter', 'VariableSetter'],
+                          defaultValue: false,
+                        },
+                        {
+                          name: 'isHidden',
+                          title: {
+                            label: {
+                              type: 'i18n',
+                              'en-US': 'Hidden',
+                              'zh-CN': '是否隐藏',
+                            },
+                            tip: '是否隐藏该排序项',
+                          },
+                          propType: 'bool',
+                          setter: ['BoolSetter', 'VariableSetter'],
+                          defaultValue: false,
+                        },
+                      ],
+                    },
+                  },
+                  initialValue: {
+                    type: 'date',
+                    label: '创建时间',
+                    name: 'created_at',
+                    isCustom: false,
+                    localFilter: false,
+                    isHidden: false,
+                  },
+                },
+              },
+            },
+            isRequired: true,
+          },
+          {
+            name: 'value',
+            title: {
+              label: {
+                type: 'i18n',
+                'en-US': 'Value',
+                'zh-CN': '当前值',
+              },
+              tip: {
+                type: 'i18n',
+                'en-US': 'value | Current selected sort value',
+                'zh-CN': 'value | 当前选中的排序值',
+              },
+            },
+            propType: 'any',
+            setter: ['StringSetter', 'VariableSetter'],
+          },
+        ],
+      },
+      {
+        title: {
+          label: {
+            type: 'i18n',
+            'en-US': 'Appearance',
+            'zh-CN': '外观',
+          },
+        },
+        display: 'block',
+        type: 'group',
+        items: [
+          {
+            name: 'button',
+            title: {
+              label: {
+                type: 'i18n',
+                'en-US': 'Custom Button',
+                'zh-CN': '自定义按钮',
+              },
+              tip: {
+                type: 'i18n',
+                'en-US': 'button | Custom trigger button',
+                'zh-CN': 'button | 自定义触发按钮',
+              },
+            },
+            propType: {
+              type: 'oneOfType',
+              value: ['node'],
+            },
+            setter: [
+              {
+                componentName: 'SlotSetter',
+                initialValue: {
+                  type: 'JSSlot',
+                  value: [],
+                },
+              },
+              'VariableSetter',
+            ],
+          },
+          {
+            name: 'placement',
+            title: {
+              label: {
+                type: 'i18n',
+                'en-US': 'Placement',
+                'zh-CN': '弹出位置',
+              },
+              tip: {
+                type: 'i18n',
+                'en-US': 'placement | Dropdown menu placement',
+                'zh-CN': 'placement | 下拉菜单弹出位置',
+              },
+            },
+            propType: {
+              type: 'oneOf',
+              value: [
+                'bottom',
+                'bottomLeft',
+                'bottomRight',
+                'top',
+                'topLeft',
+                'topRight',
+              ],
+            },
+            setter: [
+              {
+                componentName: 'SelectSetter',
+                props: {
+                  options: [
+                    {
+                      title: '下方居中',
+                      value: 'bottom',
+                    },
+                    {
+                      title: '下方左对齐',
+                      value: 'bottomLeft',
+                    },
+                    {
+                      title: '下方右对齐',
+                      value: 'bottomRight',
+                    },
+                    {
+                      title: '上方居中',
+                      value: 'top',
+                    },
+                    {
+                      title: '上方左对齐',
+                      value: 'topLeft',
+                    },
+                    {
+                      title: '上方右对齐',
+                      value: 'topRight',
+                    },
+                  ],
+                },
+              },
+              'VariableSetter',
+            ],
+          },
+          {
+            name: 'style',
+            title: {
+              label: {
+                type: 'i18n',
+                'en-US': 'Style',
+                'zh-CN': '自定义样式',
+              },
+              tip: {
+                type: 'i18n',
+                'en-US': 'style | Custom style object',
+                'zh-CN': 'style | 自定义样式对象',
+              },
+            },
+            propType: 'object',
+            setter: 'StyleSetter',
+          },
+        ],
+      },
+      {
+        title: {
+          label: {
+            type: 'i18n',
+            'en-US': 'Advanced',
+            'zh-CN': '高级',
+          },
+        },
+        display: 'block',
+        type: 'group',
+        items: [
+          {
+            name: 'localPagination',
+            title: {
+              label: {
+                type: 'i18n',
+                'en-US': 'Local Pagination',
+                'zh-CN': '本地分页',
+              },
+              tip: {
+                type: 'i18n',
+                'en-US': 'localPagination | Whether to use local pagination',
+                'zh-CN': 'localPagination | 是否使用本地分页',
+              },
+            },
+            propType: 'bool',
+            setter: ['BoolSetter', 'VariableSetter'],
+            defaultValue: false,
+          },
+        ],
+      },
+    ],
+    supports: {
+      style: true,
+      className: true,
+      events: [
+        {
+          name: 'onChange',
+          template:
+            "onChange(val, detail, ${extParams}){\n// 排序改变时的回调\nconsole.log('onChange', val, detail);}",
+        },
+      ],
+    },
+    component: {},
+  },
+};
+
+export default {
+  ...PisellSortMeta,
+  snippets,
+};

package/lowcode/pisell-sort/snippets.ts

@@ -0,0 +1,36 @@
+import { IPublicTypeSnippet } from '@alilc/lowcode-types';
+
+const snippets: IPublicTypeSnippet[] = [
+  {
+    title: 'PisellSort',
+    screenshot: '',
+    schema: {
+      componentName: 'PisellSort',
+      props: {
+        name: 'sort_key',
+        list: [
+          {
+            type: 'date',
+            label: '创建时间',
+            name: 'created_at',
+            isCustom: false,
+            columnKey: 'created_at',
+            localFilter: false,
+            isHidden: false,
+          },
+          {
+            type: 'number',
+            label: '价格',
+            name: 'price',
+            isCustom: false,
+            columnKey: 'price',
+            localFilter: false,
+            isHidden: false,
+          },
+        ],
+      },
+    },
+  },
+];
+
+export default snippets;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "6.8.16",
+  "version": "6.9.1",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -13,7 +13,7 @@
     "@alilc/lowcode-react-renderer": "^1.1.7",
     "@alilc/lowcode-types": "1.3.2",
     "@alilc/lowcode-utils": "1.1.6",
-    "@pisell/build-plugin-lowcode": "^1.0.12",
+    "@pisell/build-plugin-lowcode": "^1.0.13",
     "@storybook/addon-essentials": "^7.6.19",
     "@storybook/addon-interactions": "^7.6.19",
     "@storybook/addon-links": "^7.6.19",
@@ -92,8 +92,8 @@
     "antd-mobile": "^5.38.1",
     "vod-js-sdk-v6": "^1.4.11",
     "@pisell/date-picker": "3.0.7",
-    "@pisell/utils": "3.0.2",
-    "@pisell/icon": "0.0.11"
+    "@pisell/icon": "0.0.11",
+    "@pisell/utils": "3.0.2"
   },
   "peerDependencies": {
     "react": "^18.0.0",

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/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/fields/Translation/BaseTranslation.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { TranslationProps } from './type';
-import './index.less';
-declare const Translation: React.FC<TranslationProps>;
-export default Translation;

package/es/components/dataSourceComponents/fields/Translation/type.d.ts

@@ -1,16 +0,0 @@
-import { ModeType } from "../../dataSourceForm/type";
-export interface TranslationValue {
-    en: string;
-    'zh-CN': string;
-    'zh-HK': string;
-    original: string;
-}
-export interface TranslationProps {
-    renderMode: ModeType;
-    value?: TranslationValue;
-    onChange?: (value: TranslationValue) => void;
-    disabled?: boolean;
-    placeholder?: string;
-    className?: string;
-    type?: 'text' | 'textarea';
-}

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

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

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/login-and-register/index.d.ts

@@ -1,82 +0,0 @@
-import React from 'react';
-import './index.less';
-/**
- * loginAndRegister组件的属性接口
- */
-export interface loginAndRegisterProps {
-    /** Logo相关配置 */
-    showLogo?: boolean;
-    logo?: string;
-    logoPosition?: 'left' | 'center' | 'right';
-    logoSize?: {
-        width?: number;
-        height?: number;
-    };
-    /** 标题相关配置 */
-    title?: string;
-    showTitle?: boolean;
-    titleAlign?: 'left' | 'center' | 'right';
-    /** 副标题相关配置 */
-    subtitle?: string;
-    showSubtitle?: boolean;
-    subtitleAlign?: 'left' | 'center' | 'right';
-    /** 登录方式配置 */
-    loginMethods?: ('email' | 'google' | 'facebook' | 'apple')[];
-    defaultLoginMethod?: 'email' | 'google' | 'facebook' | 'apple';
-    /** 表单配置 */
-    emailLabel?: string;
-    passwordLabel?: string;
-    emailPlaceholder?: string;
-    passwordPlaceholder?: string;
-    emailRules?: any[];
-    buttonText?: string;
-    rememberMeText?: string;
-    forgotPasswordText?: string;
-    showRememberMe?: boolean;
-    showForgotPassword?: boolean;
-    /** 社交登录配置 */
-    socialLoginTexts?: {
-        google?: string;
-        facebook?: string;
-        apple?: string;
-    };
-    /** 底部配置 */
-    showFooter?: boolean;
-    showSignUp?: boolean;
-    signUpText?: string;
-    signUpLink?: string;
-    signUpPosition?: 'left' | 'center' | 'right';
-    otherLinks?: Array<{
-        text: string;
-        url: string;
-    }>;
-    otherLinksPosition?: 'left' | 'center' | 'right';
-    /** 登录/注册切换配置 */
-    showTabs?: boolean;
-    loginTabText?: string;
-    registerTabText?: string;
-    /** 注册表单配置 */
-    registerEmailPlaceholder?: string;
-    registerPasswordPlaceholder?: string;
-    registerButtonText?: string;
-    /** 事件回调 */
-    onLogin?: (values: {
-        email: string;
-        loginMethod: string;
-    }) => void;
-    onSocialLogin?: (type: 'google' | 'facebook' | 'apple') => void;
-    onSignUp?: () => void;
-    onRegister?: (values: {
-        email: string;
-        password: string;
-    }) => void;
-    /** 新增背景图片属性 */
-    backgroundImage?: string;
-}
-/**
- * Saas登录组件
- * @param props - 组件属性
- * @returns React组件
- */
-declare const loginAndRegister: React.FC<loginAndRegisterProps>;
-export default loginAndRegister;

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;