@pisell/materials 6.0.21 → 6.1.1

package/lowcode/pisell-wallet-pass-card/meta.ts

@@ -1,4 +1,5 @@
 import snippets from './snippets';
+import { actionsMeta } from './actionsMeta';
 
 export default {
   snippets,
@@ -18,172 +19,220 @@ export default {
   },
   props: [
     {
-      name: "platform",
+      name: 'platform',
       title: {
-        label: "平台",
+        label: '平台',
       },
-      propType: { type: "oneOf", value: ["h5", "pc", "ipad"] },
+      propType: { type: 'oneOf', value: ['h5', 'pc', 'ipad'] },
       setter: [
         {
-          componentName: "RadioGroupSetter",
+          componentName: 'RadioGroupSetter',
           props: {
             options: [
               {
-                title: "h5",
-                value: "h5",
+                title: 'h5',
+                value: 'h5',
               },
               {
-                title: "pc",
-                value: "pc",
+                title: 'pc',
+                value: 'pc',
               },
               {
-                title: "ipad",
-                value: "ipad",
+                title: 'ipad',
+                value: 'ipad',
               },
             ],
           },
         },
-        "VariableSetter",
+        'VariableSetter',
       ],
-      defaultValue: "pc",
+      defaultValue: 'pc',
     },
     {
-      name: "themeMode",
+      name: 'themeMode',
       title: {
-        label: "选择类型",
+        label: '选择类型',
       },
-      propType: { type: "oneOf", value: ["light", "dark", null] },
+      propType: { type: 'oneOf', value: ['light', 'dark', null] },
       setter: [
         {
-          componentName: "RadioGroupSetter",
+          componentName: 'RadioGroupSetter',
           props: {
             options: [
               {
-                title: "Light",
-                value: "light",
+                title: 'Light',
+                value: 'light',
               },
               {
-                title: "Dark",
-                value: "dark",
+                title: 'Dark',
+                value: 'dark',
               },
             ],
           },
         },
-        "VariableSetter",
+        'VariableSetter',
       ],
-      defaultValue: "light",
+      defaultValue: 'light',
     },
     {
-      name: 'name',
-      title: { label: '商品名称', tip: '商品名称' },
-      propType: 'string',
-      setter: 'StringSetter'
-    },
-    {
-      name: 'showName',
-      title: { label: '显示商品名称', tip: '显示商品名称' },
-      propType: 'bool',
-      setter: 'BoolSetter',
-      defaultValue: true,
-    },
-    {
-      name: 'storeName',
-      title: { label: '共享店铺名称', tip: '共享店铺名称' },
-      propType: 'string',
-      setter: 'StringSetter'
-    },
-    {
-      name: 'showStoreName',
-      title: { label: '显示共享店铺名称', tip: '显示共享店铺名称' },
-      propType: 'bool',
-      setter: 'BoolSetter',
-      defaultValue: true,
-    },
-    {
-      name: 'redeem',
-      title: { label: '使用金额', tip: '使用金额' },
-      propType: 'string',
-      setter: ['StringSetter', 'NumberSetter', 'VariableSetter'],
-    },
-    {
-      name: 'showRedeem',
-      title: { label: '显示使用金额', tip: '显示使用金额' },
-      propType: 'bool',
-      setter: 'BoolSetter',
-      defaultValue: true,
-    },
-    {
-      name: 'balance',
-      title: { label: '余额', tip: '余额' },
-      propType: 'string',
-      setter: ['StringSetter', 'NumberSetter', 'VariableSetter'],
-    },
-    {
-      name: 'showBalance',
-      title: { label: '显示余额', tip: '显示余额' },
-      propType: 'bool',
-      setter: 'BoolSetter',
-      defaultValue: true,
-    },
-    {
-      name: 'code',
-      title: { label: '识别码编号', tip: '识别码编号' },
-      propType: 'string',
-      setter: ['StringSetter', 'NumberSetter', 'VariableSetter'],
-    },
-    {
-      name: 'showCode',
-      title: { label: '显示识别码编号', tip: '显示识别码编号' },
-      propType: 'bool',
-      setter: 'BoolSetter',
-      defaultValue: true,
-    },
-    {
-      name: 'validDate',
-      title: { label: '有效期', tip: '有效期' },
-      propType: 'string',
-      setter: ['StringSetter', 'VariableSetter'],
-    },
-    {
-      name: 'showValidDate',
-      title: { label: '显示有效期', tip: '显示有效期' },
-      propType: 'bool',
-      setter: 'BoolSetter',
-      defaultValue: true,
-    },
-    {
-      name: 'showDetail',
-      title: { label: '显示查看详情按钮', tip: '显示查看详情按钮' },
-      propType: 'bool',
-      setter: 'BoolSetter',
-      defaultValue: true,
-    },
-    {
-      name: 'qrCode',
-      title: { label: '二维码', tip: '二维码' },
-      propType: 'string',
-      setter: ['StringSetter', 'VariableSetter'],
-    },
-    {
-      name: 'showQrCode',
-      title: { label: '显示识别码二维码', tip: '显示识别码二维码' },
-      propType: 'bool',
-      setter: 'BoolSetter',
-      defaultValue: true,
+      name: 'type',
+      title: { label: '卡片样式' },
+      propType: { type: 'oneOf', value: ['mini', 'default'] },
+      setter: [
+        {
+          componentName: 'RadioGroupSetter',
+          props: {
+            options: [
+              {
+                title: 'Mini',
+                value: 'mini',
+              },
+              {
+                title: '默认',
+                value: 'default',
+              },
+            ],
+          },
+        },
+      ],
+      defaultValue: 'default',
     },
     {
-      name: 'cover',
-      title: { label: '识别码卡封面', tip: '识别码卡封面' },
-      propType: 'string',
-      setter: ['StringSetter', 'VariableSetter'],
+      title: { label: '卡片信息展示' },
+      type: 'group',
+      display: 'block',
+      items: [
+        {
+          name: 'name',
+          title: { label: '商品名称', tip: '商品名称' },
+          propType: 'string',
+          setter: 'StringSetter',
+        },
+        {
+          name: 'showName',
+          title: { label: '显示商品名称', tip: '显示商品名称' },
+          propType: 'bool',
+          setter: 'BoolSetter',
+          defaultValue: true,
+        },
+        {
+          name: 'storeName',
+          title: { label: '共享店铺名称', tip: '共享店铺名称' },
+          propType: 'string',
+          setter: 'StringSetter',
+        },
+        {
+          name: 'showStoreName',
+          title: { label: '显示共享店铺名称', tip: '显示共享店铺名称' },
+          propType: 'bool',
+          setter: 'BoolSetter',
+          defaultValue: true,
+        },
+        {
+          name: 'redeem',
+          title: { label: '使用金额', tip: '使用金额' },
+          propType: 'string',
+          setter: ['StringSetter', 'NumberSetter', 'VariableSetter'],
+        },
+        {
+          name: 'showRedeem',
+          title: { label: '显示使用金额', tip: '显示使用金额' },
+          propType: 'bool',
+          setter: 'BoolSetter',
+          defaultValue: true,
+        },
+        {
+          name: 'balance',
+          title: { label: '余额', tip: '余额' },
+          propType: 'string',
+          setter: ['StringSetter', 'NumberSetter', 'VariableSetter'],
+        },
+        {
+          name: 'showBalance',
+          title: { label: '显示余额', tip: '显示余额' },
+          propType: 'bool',
+          setter: 'BoolSetter',
+          defaultValue: true,
+        },
+        {
+          name: 'code',
+          title: { label: '识别码编号', tip: '识别码编号' },
+          propType: 'string',
+          setter: ['StringSetter', 'NumberSetter', 'VariableSetter'],
+        },
+        {
+          name: 'showCode',
+          title: { label: '显示识别码编号', tip: '显示识别码编号' },
+          propType: 'bool',
+          setter: 'BoolSetter',
+          defaultValue: true,
+        },
+        {
+          name: 'validDate',
+          title: { label: '有效期', tip: '有效期' },
+          propType: 'string',
+          setter: ['StringSetter', 'VariableSetter'],
+        },
+        {
+          name: 'showValidDate',
+          title: { label: '显示有效期', tip: '显示有效期' },
+          propType: 'bool',
+          setter: 'BoolSetter',
+          defaultValue: true,
+        },
+        {
+          name: 'showDetail',
+          title: { label: '显示查看详情按钮', tip: '显示查看详情按钮' },
+          propType: 'bool',
+          setter: 'BoolSetter',
+          defaultValue: true,
+        },
+        {
+          name: 'qrCode',
+          title: { label: '二维码', tip: '二维码' },
+          propType: 'string',
+          setter: ['StringSetter', 'VariableSetter'],
+        },
+        {
+          name: 'showQrCode',
+          title: { label: '显示识别码二维码', tip: '显示识别码二维码' },
+          propType: 'bool',
+          setter: 'BoolSetter',
+          defaultValue: true,
+        },
+        {
+          name: 'cover',
+          title: { label: '识别码卡封面', tip: '识别码卡封面' },
+          propType: 'string',
+          setter: ['StringSetter', 'VariableSetter'],
+        },
+        {
+          name: 'showCover',
+          title: { label: '显示识别码卡封面', tip: '显示识别码卡封面' },
+          propType: 'bool',
+          setter: 'BoolSetter',
+          defaultValue: true,
+        },
+      ],
     },
     {
-      name: 'showCover',
-      title: { label: '显示识别码卡封面', tip: '显示识别码卡封面' },
-      propType: 'bool',
-      setter: 'BoolSetter',
-      defaultValue: true,
-    },
+      ...actionsMeta,
+    }
   ],
-  configure: { supports: { style: true } },
+  configure: {
+    supports: {
+      style: true, events: [
+        {
+          name: 'beforeEdit',
+          template:
+            "beforeEdit(value){\n// 点击编辑按钮后，弹窗展示前\nconsole.log('beforeEdit');}",
+        },
+        {
+          name: 'onConfirmEdit',
+          template:
+            "onConfirmEdit(value){\n// 编辑弹窗点击确认\nconsole.log('onConfirmEdit');}",
+        },
+      ]
+    }
+  },
 };

package/lowcode/product-card/meta.ts

@@ -0,0 +1,145 @@
+import snippets from './snippets';
+
+export default {
+  snippets,
+  componentName: 'ProductCard',
+  title: '商品卡片',
+  category: '数据展示',
+  docUrl: '',
+  screenshot: '',
+  devMode: 'proCode',
+  npm: {
+    package: '@pisell/materials',
+    version: '1.0.1',
+    exportName: 'ProductCard',
+    main: 'src/index.tsx',
+    destructuring: true,
+    subName: '',
+  },
+  props: [
+    {
+      title: '数据源',
+      display: 'block',
+      type: 'group',
+      items: [
+        {
+          name: "dataSource",
+          title: { label: "商品信息", tip: "商品信息" },
+          propType: "object",
+          setter: "JsonSetter",
+        },
+      ],
+    },
+    {
+      title: '卡片信息展示',
+      display: 'block',
+      type: 'group',
+      items: [
+        {
+          name: "isShowImage",
+          title: { label: "商品图片", tip: "商品图片" },
+          propType: "bool",
+          setter: "BoolSetter",
+          defaultValue: true,
+        },
+        {
+          name: "isShowHolder",
+          title: { label: "Holder name", tip: "主体名称" },
+          propType: "bool",
+          setter: "BoolSetter",
+          defaultValue: true,
+        },
+        {
+          name: "isShowNote",
+          title: { label: "备注信息", tip: "商品备注信息" },
+          propType: "bool",
+          setter: "BoolSetter",
+          defaultValue: true,
+        },
+        {
+          name: "isShowDelete",
+          title: { label: "删除按钮", tip: "操作删除商品" },
+          propType: "bool",
+          setter: "BoolSetter",
+          defaultValue: true,
+        },
+      ],
+    },
+    {
+      title: '卡片信息快捷操作',
+      display: 'block',
+      type: 'group',
+      items: [
+        {
+          name: "isShowChangeHolder",
+          title: { label: "更改 Holder", tip: "更改主体名称" },
+          propType: "bool",
+          setter: "BoolSetter",
+          defaultValue: false,
+        },
+        {
+          name: "holderMode",
+          title: {
+            label: "holder 选择",
+            tip: "holderMode | holder 选择模式",
+          },
+          condition(target) {
+            return !!target.getProps().getPropValue("isShowChangeHolder");
+          },
+          setter: {
+            componentName: "RadioGroupSetter",
+            props: {
+              options: [
+                {
+                  title: "单选",
+                  value: "single",
+                },
+                {
+                  title: "多选",
+                  value: "multiple",
+                },
+              ],
+            },
+          },
+        },
+        {
+          name: "isShowChangeResource",
+          title: { label: "更改资源", tip: "更改商品资源" },
+          propType: "bool",
+          setter: "BoolSetter",
+          defaultValue: false,
+        },
+        {
+          name: "isShowChangeDate",
+          title: { label: "更改日期时间", tip: "更改商品日期时间" },
+          propType: "bool",
+          setter: "BoolSetter",
+          defaultValue: false,
+        },
+      ],
+    },
+  ],
+  configure: {
+    component: { isContainer: true },
+    supports: {
+      style: true,
+      events: [
+        {
+          name: 'onDelete',
+          template:
+            "onDelete(open,${extParams}){\n// 删除商品的回调\nconsole.log('onDelete',open);}",
+        },
+        {
+          name: 'addNote',
+          template:
+            "addNote(open,${extParams}){\n// 添加备注的回调\nconsole.log('addNote',open);}",
+        },
+        {
+          name: 'addTime',
+          template:
+            "addTime(open,${extParams}){\n// 添加时间的回调\nconsole.log('addTime',open);}",
+        },
+      ],
+    },
+  },
+};

package/lowcode/product-card/snippets.ts

@@ -0,0 +1,36 @@
+export default [
+  {
+    title: '商品卡片',
+    // screenshot: 'https://alifd.alicdn.com/fusion-cool/icons/icon-antd/tooltip-1.jpg',
+    screenshot: '',
+    schema: {
+      componentName: 'ProductCard',
+      props: {
+        dataSource: {
+          title: '商品标题',
+          num: 1,
+          price: 100,
+          total: 120,
+          symbol: '&',
+          isShowChangeResource: true,
+          resource_id: 3,
+          isShowChangeHolder: true,
+          holderMode: 'single',
+          holder_id: 2,
+          holders: [{
+            label: 'holder1',
+            id: 1
+          }, {
+            label: 'holder2',
+            id: 2
+          }]
+        },
+        isShowImage: true,
+        isShowHolder: true,
+        isShowNote: true,
+        isShowDelete: true,
+        holderMode: "single",
+      },
+    },
+  },
+];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "6.0.21",
+  "version": "6.1.1",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -71,9 +71,9 @@
     "swiper": "^8.4.7",
     "react-barcode": "^1.5.3",
     "vod-js-sdk-v6": "^1.4.11",
-    "@pisell/date-picker": "1.0.100",
     "@pisell/icon": "0.0.11",
-    "@pisell/utils": "1.0.42"
+    "@pisell/date-picker": "3.0.2",
+    "@pisell/utils": "3.0.0"
   },
   "peerDependencies": {
     "react": "^18.0.0",

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

@@ -1,7 +0,0 @@
-import { BadgeProps as OriginalBadgeprops } from 'antd';
-import './index.less';
-export interface Badgeprops extends OriginalBadgeprops {
-    styleType: 'default' | 'warning';
-}
-declare const Badge: (props: any) => JSX.Element;
-export default Badge;

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

@@ -1,8 +0,0 @@
-import React from 'react';
-import { ButtonGroupListItemProps } from './../buttonGroupPreview';
-interface ButtonGroupEditProps {
-    buttonList: ButtonGroupListItemProps[];
-    buttonGroupList: ButtonGroupListItemProps[][];
-}
-declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<ButtonGroupEditProps & React.RefAttributes<any>>>;
-export default _default;

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

@@ -1,19 +0,0 @@
-import React from 'react';
-import type { MenuProps, ButtonProps } from 'antd';
-export interface ButtonGroupListItemProps {
-    id?: string;
-    isMore?: boolean;
-    menuData?: MenuProps['items'];
-    buttonProps?: ButtonProps;
-}
-interface ButtonConfigProps {
-    [id: string]: ButtonGroupListItemProps;
-}
-export declare type ButtonGroupListProps = ButtonGroupListItemProps[][];
-interface ButtonGroupPreviewProps {
-    buttonConfig?: ButtonConfigProps;
-    buttonGroupList?: ButtonGroupListProps;
-    updateButtonProps?: ButtonGroupListItemProps;
-}
-declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<ButtonGroupPreviewProps & React.RefAttributes<any>>>;
-export default _default;

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

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const CropPhoto: React.FC;
-export default CropPhoto;

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

@@ -1,38 +0,0 @@
-import { Drawer } from 'antd';
-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: {
-        (props: import("../../../pisellModal").PisellModalProps): JSX.Element;
-        confirm: (props: import("../../../pisellModal/components/functions").PisellModalFuncProps) => {
-            destroy: () => void;
-            update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
-        };
-        info: (props: import("../../../pisellModal/components/functions").PisellModalFuncProps) => {
-            destroy: () => void;
-            update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
-        };
-        error: (props: import("../../../pisellModal/components/functions").PisellModalFuncProps) => {
-            destroy: () => void;
-            update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
-        };
-        warn: (props: import("../../../pisellModal/components/functions").PisellModalFuncProps) => any;
-        warning: (props: import("../../../pisellModal/components/functions").PisellModalFuncProps) => {
-            destroy: () => void;
-            update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
-        };
-        success: (props: import("../../../pisellModal/components/functions").PisellModalFuncProps) => {
-            destroy: () => void;
-            update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
-        };
-        Information: (props: import("../../../pisellModal/components/Information").InformationProps) => JSX.Element;
-    } | typeof Drawer;
-    containerProps: {};
-};
-export default useDrawerState;

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

@@ -1,32 +0,0 @@
-import { DataSourceTableProps } from '../type';
-declare type Params = {
-    pagination?: {
-        page: number;
-        size: number;
-    };
-    order_by?: string;
-    tabs?: {
-        name: string;
-        filterBy: Record<string, any>;
-        sortBy: string;
-    };
-};
-declare const useTableQuery: (props: DataSourceTableProps) => {
-    queryPageConfig: {
-        page: number;
-        pageSize: number;
-        filter: Record<string, any>;
-        sort: string;
-    };
-    setQueryPageConfig: import("react").Dispatch<import("react").SetStateAction<{
-        page: number;
-        pageSize: number;
-        filter: Record<string, any>;
-        sort: string;
-    }>>;
-    handleValuesChange: (params: Params, allParams: Params) => void;
-    refreshData: () => void;
-    handleFilterChange: (changedFields: any, allFields: any) => void;
-    refreshCurrentPage: () => void;
-};
-export default useTableQuery;