@pisell/materials 2.2.13 → 2.2.14

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,23 +68,214 @@ var localeDateMap = {
   }
 };
 var Page = (props) => {
-  var _a2;
-  const { children, style, locale, ...others } = props;
+  var _a, _b, _c, _d;
+  const { children, style, locale: propsLocale, ...others } = props;
+  const context = (0, import_useEngineContext.default)();
+  const { platform, themeColor } = ((_a = context.appHelper) == null ? void 0 : _a.constants) || {};
+  const locale = propsLocale || ((_c = (_b = context == null ? void 0 : context.engine) == null ? void 0 : _b.props) == null ? void 0 : _c.locale) || "en";
+  const theme = (0, import_react.useMemo)(() => {
+    var _a2, _b2;
+    if (props == null ? void 0 : props.theme) {
+      return {
+        ...props.theme,
+        token: {
+          ...props.theme.token,
+          // 外部透传主题时，如果没有传入colorPrimary 默认使用主项目内主题色
+          colorPrimary: ((_b2 = (_a2 = props == null ? void 0 : props.theme) == null ? void 0 : _a2.token) == null ? void 0 : _b2.colorPrimary) || themeColor || "#7F56D9"
+        }
+      };
+    }
+    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: themeColor || "#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, props == null ? void 0 : props.theme]);
+  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,
     {
       ...others,
       locale: localMap[locale],
       prefixCls: props.prefixCls || "pisell-lowcode",
-      theme: props.theme || theme
+      theme
     },
     /* @__PURE__ */ import_react.default.createElement(
-      import_date_picker.LocalizationProvider,
+      import_antd.App,
       {
-        dateAdapter: import_AdapterDayjs.AdapterDayjs,
-        adapterLocale: ((_a2 = localeDateMap == null ? void 0 : localeDateMap[locale]) == null ? void 0 : _a2.adapterLocale) || "en"
+        component: false,
+        message: {
+          maxCount: 1
+        }
       },
-      /* @__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.LocalizationProvider,
+        {
+          dateAdapter: import_AdapterDayjs.AdapterDayjs,
+          adapterLocale: ((_d = localeDateMap == null ? void 0 : localeDateMap[locale]) == null ? void 0 : _d.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(import_pisell_config_provider.default, { locale }, /* @__PURE__ */ import_react.default.createElement(
+          "div",
+          {
+            style: { ...style, "--theme-color": themeColor || "#7F56D9" }
+          },
+          children
+        ))))
+      )
     )
   );
 };

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

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+export interface PisellContextType {
+    platform: 'h5' | 'pc' | 'ipad';
+    /** 货币符号 */
+    symbol?: string;
+    /** 当前语言环境 */
+    locale?: string;
+}
+export declare const PisellContext: import("react").Context<PisellContextType>;
+/**
+ * provider外获取当前全局配置
+ */
+declare class GlobalConfig {
+    private config;
+    constructor();
+    setConfig(config: PisellContextType): void;
+    getConfig(): PisellContextType;
+}
+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,5 @@
+/**
+ * 获取当前pisell全局配置
+ */
+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,12 @@
+import React from 'react';
+import { PisellContextType } from './context';
+interface PisellConfigProviderType {
+    platform?: PisellContextType['platform'];
+    children: React.ReactNode;
+    /** 货币符号 */
+    symbol?: string;
+    /** 当前语言环境 */
+    locale?: string;
+}
+declare const PisellConfigProvider: React.FC<PisellConfigProviderType>;
+export default PisellConfigProvider;

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

@@ -0,0 +1,69 @@
+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,
+    locale
+  } = 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()) || "",
+    locale: locale || "en"
+  };
+  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;

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import { AlertProps } from 'antd';
+import './index.less';
+export interface PisellAlertProps extends AlertProps {
+    /** 是否展示忽略按钮 */
+    showDismiss?: boolean;
+    /** 忽略按钮内容 */
+    dismiss?: React.ReactNode;
+    /** 是否展示行为按钮 */
+    showView?: boolean;
+    /** 行为按钮内容 */
+    view?: React.ReactNode;
+    /** 行为按钮点击事件 */
+    onViewClick?: (e: any) => void;
+}
+/**
+ * PisellAlert警告提示组件
+ * @param props
+ * @constructor
+ */
+declare const PisellAlert: (props: PisellAlertProps) => false | React.JSX.Element;
+export default PisellAlert;