@pisell/materials 1.0.363 → 1.0.365

package/es/locales/zh-TW.js

@@ -131,5 +131,9 @@ export default {
   'date-picker-last_day_of_last_month': '上個月的最後一天',
   'date-picker-invalid-date': '無效日期',
   "date-picker-apply": "确定",
-  'date-picker-shortcut-custom': '自定義'
+  'date-picker-shortcut-custom': '自定義',
+  'pisell-input-copy-success': '復製成功',
+  'pisell-input-copy': '復製',
+  // 空状态
+  'pisell-empty-description-no-data': '暫無數據'
 };

package/es/utils/index.d.ts

@@ -1 +1,2 @@
 export declare const isBrowser: boolean;
+export declare const getCssNumber: (val: string | number) => string;

package/es/utils/index.js

@@ -1 +1,15 @@
-export var isBrowser = !!(typeof window !== 'undefined' && window.document && window.document.createElement);
+import { isNumber, isString } from '@pisell/utils';
+export var isBrowser = !!(typeof window !== 'undefined' && window.document && window.document.createElement);
+export var getCssNumber = function getCssNumber(val) {
+  if (isNumber(val)) {
+    return "".concat(val, "px");
+  } else if (isString(val)) {
+    var trimVal = val.trim();
+    if (!Number.isNaN(Number(trimVal))) {
+      return "".concat(val, "px");
+    }
+    return val;
+  } else {
+    return val;
+  }
+};

package/lib/components/button/index.d.ts

@@ -1,8 +1,9 @@
-import React from "react";
-import { ButtonProps as OriginalButtonProps } from "antd";
+import React from 'react';
+import { ButtonProps as OriginalButtonProps } from 'antd';
 export interface ButtonProps extends OriginalButtonProps {
-    __designMode?: "design" | undefined;
+    __designMode?: 'design' | undefined;
     href?: string;
+    rightIcon?: React.ReactNode;
 }
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<any>>;
 export default Button;

package/lib/components/button/index.js

@@ -34,14 +34,18 @@ __export(button_exports, {
 module.exports = __toCommonJS(button_exports);
 var import_react = __toESM(require("react"));
 var import_antd = require("antd");
-var Button = (0, import_react.forwardRef)(
-  (props, ref) => {
-    var _a;
-    const innerProps = {};
-    if (!((_a = props.href) == null ? void 0 : _a.trim()) || props.__designMode === "design") {
-      innerProps.href = void 0;
-    }
-    return /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { ...props, ...innerProps, ref });
+var Button = (0, import_react.forwardRef)((props, ref) => {
+  var _a;
+  const innerProps = {};
+  if (!((_a = props.href) == null ? void 0 : _a.trim()) || props.__designMode === "design") {
+    innerProps.href = void 0;
   }
-);
+  const _children = (0, import_react.useMemo)(() => {
+    if (props.rightIcon) {
+      return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("span", { style: { marginRight: 8 } }, " ", props.children), props.rightIcon);
+    }
+    return props.children;
+  }, [props.children, props.rightIcon]);
+  return /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { ...props, ...innerProps, ref, children: _children });
+});
 var button_default = Button;

package/lib/components/iconfont/index.d.ts

@@ -1,5 +1,6 @@
+import { IconComponentProps } from '@ant-design/icons/es/components/Icon';
 import React from 'react';
-interface IconFontProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
+interface IconFontProps extends IconComponentProps {
     type: string;
 }
 declare const IconFont: React.FC<IconFontProps>;

package/lib/components/iconfont/index.js

@@ -35,7 +35,7 @@ module.exports = __toCommonJS(iconfont_exports);
 var import_icons = require("@ant-design/icons");
 var import_react = __toESM(require("react"));
 var MyIcon = (0, import_icons.createFromIconfontCN)({
-  scriptUrl: "https://at.alicdn.com/t/c/font_4075221_116anw8uttw.js"
+  scriptUrl: "https://at.alicdn.com/t/c/font_4075221_zzvy4hs6j7o.js"
   // 在 iconfont.cn 上生成
 });
 var IconFont = (props) => {

package/lib/components/page/index.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
-import { ConfigProviderProps } from "../config-provider";
+import React from 'react';
+import { ConfigProviderProps } from '../config-provider';
 interface PageProps extends ConfigProviderProps {
 }
 declare const Page: (props: PageProps) => React.JSX.Element;

package/lib/components/page/index.js

@@ -36,10 +36,13 @@ var import_react = __toESM(require("react"));
 var import_config_provider = __toESM(require("../config-provider"));
 var import_AdapterDayjs = require("@pisell/date-picker/es/AdapterDayjs");
 var import_date_picker = require("@pisell/date-picker");
+var import_antd = require("antd");
 var import_en_US = __toESM(require("antd/locale/en_US"));
 var import_zh_CN = __toESM(require("antd/locale/zh_CN"));
 var import_zh_TW = __toESM(require("antd/locale/zh_TW"));
 var import_zh_HK = __toESM(require("antd/locale/zh_HK"));
+var import_pisell_config_provider = __toESM(require("../pisell-config-provider"));
+var import_useEngineContext = __toESM(require("../../hooks/useEngineContext"));
 var localMap = {
   "zh-TW": import_zh_TW.default,
   "zh-CN": import_zh_CN.default,
@@ -47,160 +50,6 @@ var localMap = {
   "en-US": import_en_US.default,
   en: import_en_US.default
 };
-var theme = {
-  components: {
-    Table: {
-      colorFillContent: "#EAECF0",
-      colorFillSecondary: "#F2F4F7",
-      colorBorderSecondary: "#EAECF0",
-      colorFillAlter: "#F9FAFB",
-      controlItemBgHover: "#F9FAFB",
-      colorTextHeading: "#475467",
-      colorTextDescription: "#667085",
-      colorText: "#101828",
-      controlHeight: 32,
-      padding: 24,
-      margin: 16
-    },
-    Button: {
-      borderRadiusSM: 6,
-      borderRadiusLG: 9,
-      borderRadius: 8,
-      controlHeight: 36,
-      colorBgContainerDisabled: "#F2F4F7",
-      colorBgTextHover: "#F9FAFB",
-      colorBorder: "#D0D5DD",
-      colorError: "#D92D20",
-      colorErrorActive: "#D92D20",
-      colorErrorHover: "#B42318",
-      colorErrorBg: "#FEF3F2",
-      colorErrorBorderHover: "#FDA29B",
-      colorErrorOutline: "rgba(217, 45, 32, 0.06)",
-      colorLink: "#175CD3",
-      colorLinkActive: "#194185",
-      colorLinkHover: "#1849A9",
-      colorPrimaryActive: "#7f56d9",
-      colorPrimaryBorder: "#E9D7FE",
-      colorText: "#344054",
-      colorTextDisabled: "#D0D5DD",
-      colorTextLightSolid: "#fff",
-      colorBgTextActive: "#D0D5DD",
-      controlOutline: "rgba(127, 86, 217, 0.04)",
-      controlTmpOutline: "#F9FAFB",
-      paddingContentHorizontal: 14,
-      marginXS: 8
-    },
-    Divider: {
-      colorSplit: "#EAECF0"
-    },
-    Breadcrumb: {
-      itemColor: "#475467",
-      colorTextDescription: "#475467",
-      lastItemColor: "#6941C6",
-      separatorMargin: 12,
-      separatorColor: "#D0D5DD",
-      linkHoverColor: "#1D2939",
-      linkColor: "#475467",
-      colorBgTextHover: "#F9FAFB",
-      paddingXXS: 8
-    },
-    Dropdown: {
-      borderRadiusLG: 8,
-      // "boxShadowPopoverArrow": "2px 2px 5px rgba(0, 0, 0, 0.05)",
-      controlHeight: 42,
-      fontSize: 14
-    },
-    DatePicker: {
-      borderRadius: 8,
-      colorTextPlaceholder: "#667085",
-      colorIcon: "#667085",
-      colorTextQuaternary: "#D0D5DD",
-      colorBgContainerDisabled: "#F9FAFB",
-      colorTextDisabled: "#98A2B3"
-    },
-    Input: {
-      fontSizeIcon: 16
-      // "lineHeight": 1
-    },
-    Select: {
-      fontSizeIcon: 16
-      // "lineHeight": 1
-    }
-  },
-  token: {
-    colorPrimary: "#7F56D9",
-    colorPrimaryBg: "#F9F5FF",
-    colorPrimaryBgHover: "#F4EBFF",
-    colorPrimaryBorder: "#E9D7FE",
-    colorPrimaryBorderHover: "#D6BBFB",
-    colorPrimaryHover: "#6941C6",
-    colorPrimaryActive: "#53389E",
-    colorPrimaryTextHover: "#53389E",
-    colorPrimaryText: "#6941C6",
-    colorPrimaryTextActive: "#42307D",
-    colorSuccess: "#079455",
-    colorSuccessBg: "#ECFDF3",
-    colorSuccessBgHover: "#DCFAE6",
-    colorSuccessBorder: "#ABEFC6",
-    colorSuccessBorderHover: "#75E0A7",
-    colorSuccessHover: "#067647",
-    colorSuccessText: "#067647",
-    colorSuccessActive: "#085D3A",
-    colorSuccessTextHover: "#085D3A",
-    colorSuccessTextActive: "#074D31",
-    colorWarning: "#dc6803",
-    colorWarningBg: "#FFFAEB",
-    colorWarningBgHover: "#FEF0C7",
-    colorWarningBorder: "#FEDF89",
-    colorWarningBorderHover: "#FEC84B",
-    colorWarningHover: "#B54708",
-    colorWarningText: "#B54708",
-    colorWarningActive: "#93370D",
-    colorWarningTextHover: "#93370D",
-    colorWarningTextActive: "#7A2E0E",
-    colorError: "#d92d20",
-    colorErrorBg: "#FEF3F2",
-    colorErrorBgHover: "#FEE4E2",
-    colorErrorBorder: "#FECDCA",
-    colorErrorBorderHover: "#FDA29B",
-    colorErrorHover: "#B42318",
-    colorErrorText: "#B42318",
-    colorErrorActive: "#912018",
-    colorErrorTextHover: "#912018",
-    colorErrorTextActive: "#7A271A",
-    colorInfo: "#1570ef",
-    colorInfoBg: "#EFF8FF",
-    colorInfoBgHover: "#D1E9FF",
-    colorInfoBorder: "#B2DDFF",
-    colorInfoBorderHover: "#84CAFF",
-    colorInfoHover: "#175CD3",
-    colorInfoText: "#175CD3",
-    colorInfoActive: "#1849A9",
-    colorInfoTextHover: "#1849A9",
-    colorInfoTextActive: "#194185",
-    colorText: "#101828",
-    colorTextSecondary: "#475467",
-    colorTextTertiary: "#667085",
-    colorTextQuaternary: "#D0D5DD",
-    colorBorder: "#D0D5DD",
-    colorBorderSecondary: "#EAECF0",
-    colorFill: "#D0D5DD",
-    colorFillSecondary: "#EAECF0",
-    colorFillTertiary: "#F2F4F7",
-    colorFillQuaternary: "#F9FAFB",
-    colorBgLayout: "#F2F4F7",
-    colorBgSpotlight: "#101828",
-    colorBgMask: "rgba(0, 0, 0, 0.5)",
-    wireframe: false,
-    borderRadius: 8
-  }
-};
-var _a;
-var datePickerTheme = (0, import_date_picker.createTheme)({
-  palette: {
-    primary: { main: ((_a = theme.token) == null ? void 0 : _a.colorPrimary) || "#7F56D9" }
-  }
-});
 var localeDateMap = {
   "en-US": {
     adapterLocale: "en"
@@ -219,8 +68,172 @@ var localeDateMap = {
   }
 };
 var Page = (props) => {
-  var _a2;
+  var _a, _b;
   const { children, style, locale, ...others } = props;
+  const context = (0, import_useEngineContext.default)();
+  const { platform, themeColor } = ((_a = context.appHelper) == null ? void 0 : _a.constants) || {};
+  const theme = (0, import_react.useMemo)(() => {
+    return {
+      components: {
+        Table: {
+          colorFillContent: "#EAECF0",
+          colorFillSecondary: "#F2F4F7",
+          colorBorderSecondary: "#EAECF0",
+          colorFillAlter: "#F9FAFB",
+          controlItemBgHover: "#F9FAFB",
+          colorTextHeading: "#475467",
+          colorTextDescription: "#667085",
+          colorText: "#101828",
+          controlHeight: 32,
+          padding: 24,
+          margin: 16
+        },
+        Message: {
+          contentBg: "#101828"
+        },
+        Button: {
+          borderRadiusSM: 6,
+          borderRadiusLG: 9,
+          borderRadius: 8,
+          controlHeight: 36,
+          colorBgContainerDisabled: "#F2F4F7",
+          colorBgTextHover: "#F9FAFB",
+          colorBorder: "#D0D5DD",
+          colorError: "#D92D20",
+          colorErrorActive: "#D92D20",
+          colorErrorHover: "#B42318",
+          colorErrorBg: "#FEF3F2",
+          colorErrorBorderHover: "#FDA29B",
+          colorErrorOutline: "rgba(217, 45, 32, 0.06)",
+          colorLink: "#175CD3",
+          colorLinkActive: "#194185",
+          colorLinkHover: "#1849A9",
+          // colorPrimaryActive: '#7f56d9',
+          // colorPrimaryBorder: '#E9D7FE',
+          colorText: "#344054",
+          colorTextDisabled: "#D0D5DD",
+          colorTextLightSolid: "#fff",
+          colorBgTextActive: "#D0D5DD",
+          controlOutline: "rgba(127, 86, 217, 0.04)",
+          controlTmpOutline: "#F9FAFB",
+          paddingContentHorizontal: 14,
+          marginXS: 8
+        },
+        Divider: {
+          colorSplit: "#EAECF0"
+        },
+        Breadcrumb: {
+          itemColor: "#475467",
+          colorTextDescription: "#475467",
+          // lastItemColor: '#6941C6',
+          separatorMargin: 12,
+          separatorColor: "#D0D5DD",
+          linkHoverColor: "#1D2939",
+          linkColor: "#475467",
+          colorBgTextHover: "#F9FAFB",
+          paddingXXS: 8
+        },
+        Dropdown: {
+          borderRadiusLG: 8,
+          // "boxShadowPopoverArrow": "2px 2px 5px rgba(0, 0, 0, 0.05)",
+          controlHeight: 42,
+          fontSize: 14
+        },
+        DatePicker: {
+          borderRadius: 8,
+          colorTextPlaceholder: "#667085",
+          colorIcon: "#667085",
+          colorTextQuaternary: "#D0D5DD",
+          colorBgContainerDisabled: "#F9FAFB",
+          colorTextDisabled: "#98A2B3"
+        },
+        Input: {
+          fontSizeIcon: 16,
+          addonBg: "#fff"
+          // "lineHeight": 1
+        },
+        Select: {
+          fontSizeIcon: 16
+          // "lineHeight": 1
+        }
+      },
+      token: {
+        colorPrimary: "#7F56D9",
+        // colorPrimaryBg: '#F9F5FF',
+        // colorPrimaryBgHover: '#F4EBFF',
+        // colorPrimaryBorder: '#E9D7FE',
+        // colorPrimaryBorderHover: '#D6BBFB',
+        // colorPrimaryHover: '#6941C6',
+        // colorPrimaryActive: '#53389E',
+        // colorPrimaryTextHover: '#53389E',
+        // colorPrimaryText: '#6941C6',
+        // colorPrimaryTextActive: '#42307D',
+        colorSuccess: "#079455",
+        colorSuccessBg: "#ECFDF3",
+        colorSuccessBgHover: "#DCFAE6",
+        colorSuccessBorder: "#ABEFC6",
+        colorSuccessBorderHover: "#75E0A7",
+        colorSuccessHover: "#067647",
+        colorSuccessText: "#067647",
+        colorSuccessActive: "#085D3A",
+        colorSuccessTextHover: "#085D3A",
+        colorSuccessTextActive: "#074D31",
+        colorWarning: "#dc6803",
+        colorWarningBg: "#FFFAEB",
+        colorWarningBgHover: "#FEF0C7",
+        colorWarningBorder: "#FEDF89",
+        colorWarningBorderHover: "#FEC84B",
+        colorWarningHover: "#B54708",
+        colorWarningText: "#B54708",
+        colorWarningActive: "#93370D",
+        colorWarningTextHover: "#93370D",
+        colorWarningTextActive: "#7A2E0E",
+        colorError: "#d92d20",
+        colorErrorBg: "#FEF3F2",
+        colorErrorBgHover: "#FEE4E2",
+        colorErrorBorder: "#FECDCA",
+        colorErrorBorderHover: "#FDA29B",
+        colorErrorHover: "#B42318",
+        colorErrorText: "#B42318",
+        colorErrorActive: "#912018",
+        colorErrorTextHover: "#912018",
+        colorErrorTextActive: "#7A271A",
+        colorInfo: "#1570ef",
+        colorInfoBg: "#EFF8FF",
+        colorInfoBgHover: "#D1E9FF",
+        colorInfoBorder: "#B2DDFF",
+        colorInfoBorderHover: "#84CAFF",
+        colorInfoHover: "#175CD3",
+        colorInfoText: "#175CD3",
+        colorInfoActive: "#1849A9",
+        colorInfoTextHover: "#1849A9",
+        colorInfoTextActive: "#194185",
+        colorText: "#101828",
+        colorTextSecondary: "#475467",
+        colorTextTertiary: "#667085",
+        colorTextQuaternary: "#D0D5DD",
+        colorBorder: "#D0D5DD",
+        colorBorderSecondary: "#EAECF0",
+        colorFill: "#D0D5DD",
+        colorFillSecondary: "#EAECF0",
+        colorFillTertiary: "#F2F4F7",
+        colorFillQuaternary: "#F9FAFB",
+        colorBgLayout: "#F2F4F7",
+        colorBgSpotlight: "#101828",
+        colorBgMask: "rgba(0, 0, 0, 0.5)",
+        wireframe: false,
+        borderRadius: 8
+      }
+    };
+  }, [platform, themeColor]);
+  const datePickerTheme = (0, import_react.useMemo)(() => {
+    var _a2;
+    return (0, import_date_picker.createTheme)({
+      palette: {
+        primary: { main: ((_a2 = theme.token) == null ? void 0 : _a2.colorPrimary) || "#7F56D9" }
+      }
+    });
+  }, [platform, themeColor]);
   return /* @__PURE__ */ import_react.default.createElement(
     import_config_provider.default,
     {
@@ -229,14 +242,14 @@ var Page = (props) => {
       prefixCls: props.prefixCls || "pisell-lowcode",
       theme: props.theme || theme
     },
-    /* @__PURE__ */ import_react.default.createElement(
+    /* @__PURE__ */ import_react.default.createElement(import_antd.App, null, /* @__PURE__ */ import_react.default.createElement(
       import_date_picker.LocalizationProvider,
       {
         dateAdapter: import_AdapterDayjs.AdapterDayjs,
-        adapterLocale: ((_a2 = localeDateMap == null ? void 0 : localeDateMap[locale]) == null ? void 0 : _a2.adapterLocale) || "en"
+        adapterLocale: ((_b = localeDateMap == null ? void 0 : localeDateMap[locale]) == null ? void 0 : _b.adapterLocale) || "en"
       },
-      /* @__PURE__ */ import_react.default.createElement(import_date_picker.ThemeProvider, { theme: datePickerTheme }, /* @__PURE__ */ import_react.default.createElement(import_date_picker.LocaleProvider, { value: { locale } }, /* @__PURE__ */ import_react.default.createElement("div", { style }, children)))
-    )
+      /* @__PURE__ */ import_react.default.createElement(import_date_picker.ThemeProvider, { theme: datePickerTheme }, /* @__PURE__ */ import_react.default.createElement(import_date_picker.LocaleProvider, { value: { locale } }, /* @__PURE__ */ import_react.default.createElement(import_pisell_config_provider.default, null, /* @__PURE__ */ import_react.default.createElement("div", { style: { ...style, "--theme-color": "#7F56D9" } }, children))))
+    ))
   );
 };
 var page_default = Page;

package/lib/components/pisell-config-provider/context.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+export interface PisellContextType {
+    platform: 'h5' | 'pc' | 'ipad';
+    symbol?: string;
+}
+export declare const PisellContext: import("react").Context<PisellContextType>;
+declare class GlobalConfig {
+    private config;
+    constructor();
+    setConfig(config: PisellContextType): void;
+    getConfig(): {
+        platform: "h5" | "ipad" | "pc";
+    };
+}
+export declare const globalConfig: GlobalConfig;
+export default PisellContext;

package/lib/components/pisell-config-provider/context.js

@@ -0,0 +1,49 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pisell-config-provider/context.ts
+var context_exports = {};
+__export(context_exports, {
+  PisellContext: () => PisellContext,
+  default: () => context_default,
+  globalConfig: () => globalConfig
+});
+module.exports = __toCommonJS(context_exports);
+var import_react = require("react");
+var initialContext = {
+  platform: "pc"
+};
+var PisellContext = (0, import_react.createContext)(initialContext);
+var GlobalConfig = class {
+  constructor() {
+    this.config = {};
+  }
+  setConfig(config) {
+    this.config = config;
+  }
+  getConfig() {
+    return this.config;
+  }
+};
+var globalConfig = new GlobalConfig();
+var context_default = PisellContext;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PisellContext,
+  globalConfig
+});

package/lib/components/pisell-config-provider/hooks/usePisellConfig.d.ts

@@ -0,0 +1,2 @@
+declare const usePisellConfig: () => import("../context").PisellContextType;
+export default usePisellConfig;

package/lib/components/pisell-config-provider/hooks/usePisellConfig.js

@@ -0,0 +1,31 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pisell-config-provider/hooks/usePisellConfig.ts
+var usePisellConfig_exports = {};
+__export(usePisellConfig_exports, {
+  default: () => usePisellConfig_default
+});
+module.exports = __toCommonJS(usePisellConfig_exports);
+var import_react = require("react");
+var import_context = require("../context");
+var usePisellConfig = () => {
+  const config = (0, import_react.useContext)(import_context.PisellContext);
+  return config;
+};
+var usePisellConfig_default = usePisellConfig;

package/lib/components/pisell-config-provider/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { PisellContextType } from './context';
+interface PisellConfigProviderType {
+    platform?: PisellContextType['platform'];
+    children: React.ReactNode;
+    symbol?: string;
+}
+declare const PisellConfigProvider: React.FC<PisellConfigProviderType>;
+export default PisellConfigProvider;

package/lib/components/pisell-config-provider/index.js

@@ -0,0 +1,61 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pisell-config-provider/index.tsx
+var pisell_config_provider_exports = {};
+__export(pisell_config_provider_exports, {
+  default: () => pisell_config_provider_default
+});
+module.exports = __toCommonJS(pisell_config_provider_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_context = __toESM(require("./context"));
+var import_hooks = require("../../hooks");
+var import_useEngineContext = __toESM(require("../../hooks/useEngineContext"));
+var import_pisellMessage = require("../pisellMessage");
+var platformMap = {
+  phone: "h5",
+  pc: "pc",
+  ipad: "ipad"
+};
+var PisellConfigProvider = (props) => {
+  var _a;
+  const { children, platform: propsPlatform, symbol: propsSymbol } = props;
+  const platform = (0, import_hooks.useResponsive)();
+  const context = (0, import_useEngineContext.default)();
+  const { getSymbolic } = ((_a = context.appHelper) == null ? void 0 : _a.utils) || {};
+  const config = {
+    platform: propsPlatform || platformMap[platform],
+    symbol: propsSymbol || (getSymbolic == null ? void 0 : getSymbolic()) || ""
+  };
+  const staticFunction = import_antd.App.useApp();
+  (0, import_pisellMessage.setMessage)(staticFunction.message);
+  import_context.globalConfig.setConfig(config);
+  return /* @__PURE__ */ import_react.default.createElement(import_context.default.Provider, { value: config }, children);
+};
+var pisell_config_provider_default = PisellConfigProvider;