@pisell/materials 3.3.73 → 3.3.75

package/lib/components/walletCard/index.js

@@ -62,6 +62,10 @@ var DEFAULT_PROPS = {
   showCode: true,
   walletName: "Level",
   isLogin: true,
+  showHolderName: true,
+  holder: null,
+  onSetHolder: () => {
+  },
   items: [
     {
       type: "rechargeable",
@@ -166,7 +170,9 @@ var CardHeader = ({
   onCodeClick,
   isLogin = false,
   showViewPin = false,
-  onViewPinClick
+  onViewPinClick,
+  showHolderName,
+  holderName
 }) => {
   const processedShowIcon = toBooleanValue(showIcon);
   const processedShowWalletName = toBooleanValue(showWalletName);
@@ -181,7 +187,7 @@ var CardHeader = ({
       alt: "wallet icon",
       style: { width: "20px", height: "20px" }
     }
-  )) : null, processedShowWalletName && walletName && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-header-level-text" }, walletName)), processedShowShopName && shopName && /* @__PURE__ */ import_react.default.createElement("div", null, shopName), processedShowCardNo && cardNo && /* @__PURE__ */ import_react.default.createElement("div", null, cardNo), processedShowViewPin && /* @__PURE__ */ import_react.default.createElement(
+  )) : null, processedShowWalletName && walletName && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-header-level-text" }, walletName)), showHolderName && /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("pisell-wallet-card-header-holder-name") }, holderName), processedShowShopName && shopName && /* @__PURE__ */ import_react.default.createElement("div", null, shopName), processedShowCardNo && cardNo && /* @__PURE__ */ import_react.default.createElement("div", null, cardNo), processedShowViewPin && /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
       className: "pisell-wallet-card-header-view-pin",
@@ -307,7 +313,10 @@ var WalletCard = (props) => {
     onClick,
     className,
     style,
-    isGuide
+    isGuide,
+    showHolderName,
+    holder,
+    onSetHolder
   } = mergedProps;
   const showIcon = toBooleanValue(mergedProps.showIcon);
   const showWalletName = toBooleanValue(mergedProps.showWalletName);
@@ -350,11 +359,13 @@ var WalletCard = (props) => {
     if (!(items == null ? void 0 : items.length)) {
       return;
     }
+    const data = {
+      id: props.id,
+      holder_id: holder == null ? void 0 : holder.holder_id
+    };
     utils == null ? void 0 : utils.action({
       type: "pisell1.goWallet",
-      data: {
-        id: props.id
-      },
+      data,
       callback: () => {
       }
     });
@@ -367,6 +378,32 @@ var WalletCard = (props) => {
       console.error("onViewPinClick方法需要传入");
     }
   };
+  const _renderMask = () => {
+    if (typeof onSetHolder !== "function") return null;
+    if ((holder == null ? void 0 : holder.holder_type) === "form" && !(holder == null ? void 0 : holder.holder_id)) {
+      return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-add-holder-mask" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-add-holder-mask-text" }, (0, import_locales.getText)("pisell2.wallet-card.add-holder-tip")), /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Button,
+        {
+          type: "primary",
+          className: "pisell-wallet-add-holder-mask-button",
+          onClick: () => onSetHolder == null ? void 0 : onSetHolder()
+        },
+        (0, import_locales.getText)("pisell2.wallet-card.add-holder-button-text"),
+        /* @__PURE__ */ import_react.default.createElement(import_iconfont.default, { type: "pisell2-user-edit", style: { fontSize: 16 } })
+      ));
+    }
+    return null;
+  };
+  const _showHolderName = (0, import_react.useMemo)(() => {
+    return (holder == null ? void 0 : holder.holder_type) === "form" && showHolderName;
+  }, [holder, showHolderName]);
+  const holderName = (0, import_react.useMemo)(() => {
+    var _a2;
+    if ((holder == null ? void 0 : holder.holder_type) === "form" && !(holder == null ? void 0 : holder.holder_id)) {
+      return "--";
+    }
+    return ((_a2 = holder == null ? void 0 : holder.detail) == null ? void 0 : _a2.main_field) || "";
+  }, [holder]);
   return /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
@@ -382,6 +419,7 @@ var WalletCard = (props) => {
           flexDirection: codeDirection === "top" ? "column-reverse" : "column"
         }
       },
+      _renderMask(),
       /* @__PURE__ */ import_react.default.createElement(
         "div",
         {
@@ -417,7 +455,9 @@ var WalletCard = (props) => {
               onCodeClick: handleCodeClick,
               isLogin,
               showViewPin,
-              onViewPinClick
+              onViewPinClick,
+              showHolderName: _showHolderName,
+              holderName
             }
           ),
           /* @__PURE__ */ import_react.default.createElement(

package/lib/components/walletCard/index.less

@@ -9,6 +9,36 @@
     width: 100%;
     display: flex;
     cursor: pointer;
+    position: relative;
+  }
+
+  .pisell-wallet-add-holder-mask {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0, 0, 0, 0.6);
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    gap: 16px;
+    z-index: 9;
+
+    &-text {
+      color: #fff;
+      text-align: center;
+      font-size: 16px;
+      font-style: normal;
+      font-weight: 600;
+      line-height: 24px;
+      white-space: pre-line;
+    }
+
+    &-button {
+      font-weight: bold;
+    }
   }
 
   // 卡片内容区域
@@ -35,6 +65,12 @@
           color: #fff;
         }
       }
+
+      .pisell-wallet-card-header-holder-name {
+        color: var(--Gray-900, #101828);
+        border: 1px solid var(--Gray-100, #f2f4f7);
+        background: var(--Gray-100, #f2f4f7);
+      }
     }
 
     // 亮色主题
@@ -54,6 +90,12 @@
           color: #101828;
         }
       }
+
+      .pisell-wallet-card-header-holder-name {
+        color: #fff;
+        border: 1px solid var(--Gray-600, #475467);
+        background: var(--Gray-600, #475467);
+      }
     }
   }
 
@@ -66,6 +108,25 @@
     display: flex;
     justify-content: space-between;
     align-items: flex-start;
+    min-height: 100px;
+
+    .pisell-wallet-card-header-holder-name {
+      cursor: pointer;
+      display: inline-block;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      padding: 2px 8px;
+      border-radius: 16px;
+      height: 22px;
+      min-width: 50px;
+      text-align: center;
+      font-size: 12px;
+      line-height: 16px;
+      max-width: 100%;
+      font-style: normal;
+      font-weight: 500;
+    }
 
     // 头部左侧
     .pisell-wallet-card-header-left {
@@ -78,7 +139,7 @@
         display: flex;
         align-items: center;
         gap: 10px;
-        margin-bottom: 8px;
+        margin-bottom: 4px;
 
         // 卡片名称文本
         .pisell-wallet-card-header-level-text {
@@ -157,7 +218,7 @@
 
   // 卡片内容列表
   .pisell-wallet-card-list {
-    margin-top: 30px;
+    margin-top: unset;
     height: 50px;
     box-sizing: border-box;
     display: flex;

package/lib/locales/en-US.d.ts

@@ -273,6 +273,8 @@ declare const _default: {
     'pisell-login-and-register-register-button-text': string;
     'pisell-login-and-register-remember-me': string;
     'pisell-login-and-register-forgot-password': string;
+    'pisell2.wallet-card.add-holder-tip': string;
+    'pisell2.wallet-card.add-holder-button-text': string;
     'pisell2.text.goodpass.product-vouchers': string;
     'pisell2.text.goodpass.last-settlement': string;
     'pisell2.text.goodpass.view-more': string;

package/lib/locales/en-US.js

@@ -325,7 +325,9 @@ var en_US_default = {
   "pisell-login-and-register-register-button-text": "Create account",
   "pisell-login-and-register-remember-me": "Remember me",
   "pisell-login-and-register-forgot-password": "Forgot password?",
-  // 商品券组件
+  // 钱包卡片组件
+  "pisell2.wallet-card.add-holder-tip": "To ensure your benefits, please\r\nassign a holder to activate this card.",
+  "pisell2.wallet-card.add-holder-button-text": "Set Holder",
   "pisell2.text.goodpass.product-vouchers": "Promotions & Vouchers",
   "pisell2.text.goodpass.last-settlement": "(Last payment)",
   "pisell2.text.goodpass.view-more": "View More",

package/lib/locales/zh-CN.d.ts

@@ -268,6 +268,8 @@ declare const _default: {
     'pisell-login-and-register-register-button-text': string;
     'pisell-login-and-register-remember-me': string;
     'pisell-login-and-register-forgot-password': string;
+    'pisell2.wallet-card.add-holder-tip': string;
+    'pisell2.wallet-card.add-holder-button-text': string;
     'pisell2.text.goodpass.product-vouchers': string;
     'pisell2.text.goodpass.last-settlement': string;
     'pisell2.text.goodpass.view-more': string;

package/lib/locales/zh-CN.js

@@ -316,7 +316,9 @@ var zh_CN_default = {
   "pisell-login-and-register-register-button-text": "创建账户",
   "pisell-login-and-register-remember-me": "记住我",
   "pisell-login-and-register-forgot-password": "忘记密码？",
-  // 商品券
+  // 钱包卡片组件
+  "pisell2.wallet-card.add-holder-tip": "为确保您的权益，此卡\r\n需指定使用人后方可激活使用。",
+  "pisell2.wallet-card.add-holder-button-text": "添加持有人",
   "pisell2.text.goodpass.product-vouchers": "优惠促销",
   "pisell2.text.goodpass.last-settlement": "(上次结算)",
   "pisell2.text.goodpass.view-more": "查看更多",

package/lib/locales/zh-TW.d.ts

@@ -268,6 +268,8 @@ declare const _default: {
     'pisell-login-and-register-register-button-text': string;
     'pisell-login-and-register-remember-me': string;
     'pisell-login-and-register-forgot-password': string;
+    'pisell2.wallet-card.add-holder-tip': string;
+    'pisell2.wallet-card.add-holder-button-text': string;
     'pisell2.text.goodpass.product-vouchers': string;
     'pisell2.text.goodpass.last-settlement': string;
     'pisell2.text.goodpass.view-more': string;

package/lib/locales/zh-TW.js

@@ -318,6 +318,9 @@ var zh_TW_default = {
   "pisell-login-and-register-register-button-text": "創建帳戶",
   "pisell-login-and-register-remember-me": "記住我",
   "pisell-login-and-register-forgot-password": "忘記密碼？",
+  // 钱包卡片组件
+  "pisell2.wallet-card.add-holder-tip": "為確保您的權益，此卡\r\n需指定使用人後方可激活使用。",
+  "pisell2.wallet-card.add-holder-button-text": "添加使用人",
   "pisell2.text.goodpass.product-vouchers": "優惠促銷",
   "pisell2.text.goodpass.last-settlement": "(上次結算)",
   "pisell2.text.goodpass.view-more": "查看更多",

package/lib/utils/hoc.d.ts

@@ -1,17 +1,17 @@
-import { ComponentType } from 'react';
+import React, { ComponentType } from 'react';
 /**
  * 简单包装，不做任何处理
  * 部分组件ref比较特殊，包一层会解决这个问题
  */
-export declare function withWrap<T extends ComponentType<any>>(Comp: T): (props: any) => JSX.Element;
+export declare function withWrap<T extends ComponentType<any>>(Comp: T): (props: any) => React.JSX.Element;
 /**
  * 某些组件会用React.Children.only检查子节点
  * 需要做处理避免报错
  */
-export declare function withSingleChild(Comp: ComponentType<any>, needsConvert?: string[]): (props: any) => JSX.Element;
-export declare function withSingleFunctionChild(Comp: ComponentType<any>): (props: any) => JSX.Element;
+export declare function withSingleChild(Comp: ComponentType<any>, needsConvert?: string[]): (props: any) => React.JSX.Element;
+export declare function withSingleFunctionChild(Comp: ComponentType<any>): (props: any) => React.JSX.Element;
 /**
  * moment对象在序列化后会被转为字符串
  * 需要让日期类组件支持接受字符串值
  */
-export declare function withMomentProps(Comp: ComponentType<any>, needsConvert?: string[]): (props: any) => JSX.Element;
+export declare function withMomentProps(Comp: ComponentType<any>, needsConvert?: string[]): (props: any) => React.JSX.Element;

package/lib/utils/miniRedux.d.ts

@@ -12,6 +12,6 @@ declare const _default: <State extends Record<string, any>, Namespace extends st
             payload: any;
         }) => void;
     }>;
-    Provider: (ComponentUi: any) => (props: any, ref: any) => JSX.Element;
+    Provider: (ComponentUi: any) => (props: any, ref: any) => React.JSX.Element;
 };
 export default _default;

package/package.json

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

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

@@ -1,16 +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>;
-    beforeSubmit?: (values: Record<string, any>) => Promise<boolean> | boolean;
-}
-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,179 +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>;
-/**
- * 获取formSettingMeta数据
- * @param params 请求参数
- * @param params.sectionCodes 配置段代码数组，如 ['payment']
- * @param params.businessCode 业务代码
- * @param params.channelCode 渠道代码
- * @param params.isBoard 是否包含board_code参数
- * @returns Promise<any> 返回设置元数据
- */
-export declare const getFormSettingMetaData: (params: {
-    sectionCodes: string[];
-    businessCode?: string | undefined;
-    channelCode?: string | undefined;
-    isBoard?: boolean | undefined;
-}) => Promise<any>;
-/**
- * 更新租户设置数据
- * @param params 请求参数
- * @param params.businessCode 业务代码
- * @param params.channelCode 渠道代码
- * @param params.boardCode 板块代码
- * @param params.data 要更新的数据对象，如 {"order.prefix":"","order.suffix":"","payment.number":""}
- * @returns Promise<any> 返回更新结果
- */
-export declare const updateTenantSetting: (params: {
-    business_code?: string | undefined;
-    channel_code?: string | undefined;
-    board_code?: string | undefined;
-    data: Record<string, any>;
-}) => Promise<any>;
-export {};

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

@@ -1,32 +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>;
-    beforeSubmit?: (values: Record<string, any>) => Promise<boolean> | boolean;
-    leaveConfirmConfig?: {
-        enable: boolean;
-        title: string;
-        content: string;
-        icon: React.ReactNode;
-        okText: string;
-        cancelText: string;
-    };
-}

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

@@ -1,24 +0,0 @@
-/**
- * URL参数处理工具方法
- */
-/**
- * 从浏览器URL获取查询参数
- * @returns Record<string, string> URL查询参数对象
- */
-export declare const getUrlParams: () => Record<string, string>;
-/**
- * 从URL参数中提取formSettingMeta相关的参数
- * @param urlParams URL查询参数对象，如果不传则自动从浏览器获取
- * @returns 包含business_code、channel_code和isBoard参数的对象
- */
-export declare const getFormSettingParams: (urlParams?: Record<string, string>) => {
-    businessCode: string;
-    channelCode: string;
-    isBoard: boolean;
-};
-/**
- * 根据URL参数更新租户设置数据
- * @param data 要更新的数据对象，如 {"order.prefix":"","order.suffix":"","payment.number":""}
- * @returns Promise<any> 返回更新结果
- */
-export declare const updateTenantSettingFromUrl: (data: Record<string, any>) => Promise<any>;

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;
-}