@pisell/materials 2.2.48 → 2.2.49

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

@@ -4,5 +4,5 @@ export interface DivProps {
     style?: React.CSSProperties;
     others?: any;
 }
-declare const Div: (props: DivProps) => React.JSX.Element;
+declare const Div: (props: DivProps) => JSX.Element;
 export default Div;

package/lib/components/drag-sort-tree/TreeItem/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import './index.less';
 import { ValueProps, SortType } from '../types';
 declare type IdType = string | number;
@@ -15,5 +15,5 @@ declare type TreeItemProps = {
     onSelectKeys?: (ids: IdType) => void;
     onChange?: (value: any[]) => void;
 };
-declare const TreeItem: (props: TreeItemProps) => React.JSX.Element;
+declare const TreeItem: (props: TreeItemProps) => JSX.Element;
 export default TreeItem;

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

@@ -1,5 +1,5 @@
-import React from 'react';
+/// <reference types="react" />
 import './index.less';
 import { SortType } from './types';
-declare const DragSortTree: (props: SortType) => React.JSX.Element;
+declare const DragSortTree: (props: SortType) => JSX.Element;
 export default DragSortTree;

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

@@ -1,3 +1,3 @@
-import React from 'react';
-declare const Dropdown: (props: any) => React.JSX.Element;
+/// <reference types="react" />
+declare const Dropdown: (props: any) => JSX.Element;
 export default Dropdown;

package/lib/components/filter/components/Dropdown/index.d.ts

@@ -4,5 +4,6 @@ import { DropdownProps } from './types';
 declare const Dropdown: React.FC<DropdownProps & {
     onOpen: () => void;
     onClose: () => void;
+    renderItem?: (item: any, otherProps?: any) => React.ReactNode;
 }>;
 export default Dropdown;

package/lib/components/filter/components/Dropdown/index.js

@@ -81,7 +81,8 @@ var Dropdown = (props) => {
     quickFilterMaxLength,
     formFiltersPrefix,
     onOpen,
-    onClose
+    onClose,
+    renderItem
   } = props;
   const list = (0, import_react.useMemo)(() => {
     return {
@@ -130,7 +131,10 @@ var Dropdown = (props) => {
           listeners,
           style
         },
-        /* @__PURE__ */ import_react.default.createElement(
+        renderItem ? renderItem(item, {
+          onOpen,
+          onClose
+        }) : /* @__PURE__ */ import_react.default.createElement(
           import_FilterItem.default,
           {
             key: name.join("-"),

package/lib/components/filter/components/FilterButton/index.js

@@ -42,7 +42,8 @@ var Filter = ({
   value,
   onChange,
   quickFilterMaxLength,
-  formFiltersPrefix
+  formFiltersPrefix,
+  renderItem
 }) => {
   const ref = (0, import_react.useRef)(null);
   const [open, setOpen] = (0, import_react.useState)(false);
@@ -66,10 +67,11 @@ var Filter = ({
         quickFilterMaxLength,
         formFiltersPrefix,
         onOpen: () => setDateRangeOpen(true),
-        onClose: () => setDateRangeOpen(false)
+        onClose: () => setDateRangeOpen(false),
+        renderItem
       }
     );
-  }, [quickFilter, otherFilter, quickFilterMaxLength, formFiltersPrefix]);
+  }, [quickFilter, otherFilter, quickFilterMaxLength, formFiltersPrefix, renderItem]);
   const isMobileBool = (0, import_platform.isMobile)();
   return /* @__PURE__ */ import_react.default.createElement("div", { ref }, /* @__PURE__ */ import_react.default.createElement(
     import_antd.Popover,

package/lib/components/filter/components/FilterButton/types.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FilterItemProps } from "../../types";
 export declare type FilterValueType = {
     quickFilter: FilterItemProps[];
@@ -8,4 +9,5 @@ export declare type FilterListProps = {
     onChange?: (value: FilterValueType) => void;
     quickFilterMaxLength: number;
     formFiltersPrefix: string;
+    renderItem?: (item: any, otherProps?: any) => React.ReactNode;
 };

package/lib/components/filter/components/items/index.d.ts

@@ -7,8 +7,8 @@ export declare const fieldMaps: {
             field_type: string;
             default_value: string;
         };
-        Preview: (props: any) => import("react").JSX.Element;
-        Editor: () => import("react").JSX.Element;
+        Preview: (props: any) => JSX.Element;
+        Editor: () => JSX.Element;
     };
 };
 export declare const fieldList: {
@@ -24,8 +24,8 @@ export declare const getFieldByType: (type: string) => {
         field_type: string;
         default_value: string;
     };
-    Preview: (props: any) => import("react").JSX.Element;
-    Editor: () => import("react").JSX.Element;
+    Preview: (props: any) => JSX.Element;
+    Editor: () => JSX.Element;
 };
 declare const _default: {
     text: {
@@ -35,8 +35,8 @@ declare const _default: {
             field_type: string;
             default_value: string;
         };
-        Preview: (props: any) => import("react").JSX.Element;
-        Editor: () => import("react").JSX.Element;
+        Preview: (props: any) => JSX.Element;
+        Editor: () => JSX.Element;
     };
 };
 export default _default;

package/lib/components/filter/components/items/text/Editor/index.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const Text: () => import("react").JSX.Element;
+declare const Text: () => JSX.Element;
 export default Text;

package/lib/components/filter/components/items/text/Preview/index.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const Text: (props: any) => import("react").JSX.Element;
+declare const Text: (props: any) => JSX.Element;
 export default Text;

package/lib/components/filter/components/items/text/index.d.ts

@@ -6,7 +6,7 @@ declare const _default: {
         field_type: string;
         default_value: string;
     };
-    Preview: (props: any) => import("react").JSX.Element;
-    Editor: () => import("react").JSX.Element;
+    Preview: (props: any) => JSX.Element;
+    Editor: () => JSX.Element;
 };
 export default _default;

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

@@ -1,4 +1,4 @@
-import React from "react";
+/// <reference types="react" />
 import { FilterProps } from "./types";
-declare const Filter: (props: FilterProps) => React.JSX.Element | null;
+declare const Filter: (props: FilterProps) => JSX.Element | null;
 export default Filter;

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

@@ -1,8 +1,2 @@
-import React, { Component } from 'react';
-declare class Form extends Component<any, any> {
-    formRef: React.RefObject<any>;
-    componentDidUpdate(prevProps: any): void;
-    componentDidMount(): void;
-    render(): React.JSX.Element;
-}
-export default Form;
+declare const _default: any;
+export default _default;

package/lib/components/form/index.js

@@ -35,11 +35,9 @@ module.exports = __toCommonJS(form_exports);
 var import_react = __toESM(require("react"));
 var import_antd = require("antd");
 var import_hoc = require("../../utils/hoc");
+var import_utils = require("@pisell/utils");
 var Form = class extends import_react.Component {
-  constructor() {
-    super(...arguments);
-    this.formRef = (0, import_react.createRef)();
-  }
+  formRef = (0, import_react.createRef)();
   componentDidUpdate(prevProps) {
     const { values: prevValues } = prevProps;
     const { values: currentValues } = this.props;
@@ -75,8 +73,8 @@ var Form = class extends import_react.Component {
   }
 };
 Form.Item = (props) => {
-  const { name, requiredobj, typeobj, patternobj, lenobj, validator } = props;
-  const rules = [];
+  const { name, rules: propsRules, requiredobj, typeobj, patternobj, subdomainobj, phoneobj, mobileobj, lenobj, validator } = props;
+  const rules = (0, import_utils.isArr)(propsRules) ? propsRules : [];
   if (requiredobj && requiredobj.required) {
     rules.push(requiredobj);
   }
@@ -86,6 +84,15 @@ Form.Item = (props) => {
   if (patternobj && patternobj.pattern) {
     rules.push(patternobj);
   }
+  if (subdomainobj && subdomainobj.subdomain) {
+    rules.push(subdomainobj);
+  }
+  if (phoneobj && phoneobj.phone) {
+    rules.push(phoneobj);
+  }
+  if (mobileobj && mobileobj.mobile) {
+    rules.push(mobileobj);
+  }
   if (lenobj && (lenobj.max || lenobj.min)) {
     rules.push(lenobj);
   }

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import './index.less';
+export interface IconSelectProps {
+    value?: string;
+    onChange?: (value: string) => void;
+    disabled?: boolean;
+    defaultValue?: string;
+}
+declare const IconSelect: React.FC<IconSelectProps>;
+export default IconSelect;

package/lib/components/iconSelect/index.js

@@ -0,0 +1,189 @@
+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/iconSelect/index.tsx
+var iconSelect_exports = {};
+__export(iconSelect_exports, {
+  default: () => iconSelect_default
+});
+module.exports = __toCommonJS(iconSelect_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_icons = require("@ant-design/icons");
+var import_ahooks = require("ahooks");
+var import_utils = require("@pisell/utils");
+var import_locales = require("../../locales");
+var import_utils2 = require("./utils");
+var import_index = require("./index.less");
+var IconGroupNameMap = {
+  outlined: (0, import_locales.getText)("pisell-icon-select-outlined"),
+  filled: (0, import_locales.getText)("pisell-icon-select-filled"),
+  "two-tone": (0, import_locales.getText)("pisell-icon-select-two-tone"),
+  iconfont: (0, import_locales.getText)("pisell-icon-select-iconfont")
+};
+var Icon = (props) => {
+  const { type, icons = {}, ...rest } = props;
+  const Comp = icons[type];
+  if (!Comp)
+    return null;
+  return /* @__PURE__ */ import_react.default.createElement(Comp, { ...rest });
+};
+var IconContent = ({
+  selectedGroup,
+  groups,
+  setSelectedGroup,
+  search,
+  setSearch,
+  list,
+  handleChange,
+  icons
+}) => /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-icon-select-popup" }, /* @__PURE__ */ import_react.default.createElement(
+  import_antd.Radio.Group,
+  {
+    className: "pisell-lowcode-icon-select-radio-group",
+    size: "middle",
+    value: selectedGroup,
+    onChange: (e) => setSelectedGroup(e.target.value)
+  },
+  groups.map((item) => /* @__PURE__ */ import_react.default.createElement(import_antd.Radio.Button, { key: item.group, value: item.group }, IconGroupNameMap[item.group]))
+), /* @__PURE__ */ import_react.default.createElement(
+  import_antd.Input,
+  {
+    value: search,
+    size: "middle",
+    placeholder: (0, import_locales.getText)("pisell-icon-select-search"),
+    allowClear: true,
+    prefix: /* @__PURE__ */ import_react.default.createElement(import_icons.SearchOutlined, null),
+    onChange: (e) => setSearch(e.target.value),
+    style: { width: "100%" },
+    className: "pisell-lowcode-icon-select-search"
+  }
+), /* @__PURE__ */ import_react.default.createElement("ul", { className: "pisell-lowcode-icon-select-content" }, list.map((item) => /* @__PURE__ */ import_react.default.createElement(
+  "li",
+  {
+    className: "pisell-lowcode-icon-select-item",
+    key: item.name,
+    onClick: () => handleChange(item.name),
+    title: item.name
+  },
+  /* @__PURE__ */ import_react.default.createElement(Icon, { type: item.name, icons })
+))));
+var IconSelect = (props) => {
+  const { disabled, defaultValue } = props;
+  const [open, setOpen] = (0, import_react.useState)(false);
+  const [search, setSearch] = (0, import_react.useState)("");
+  const [icons, setIcons] = (0, import_react.useState)({});
+  const [groups, setGroups] = (0, import_react.useState)([]);
+  const [selectedGroup, setSelectedGroup] = (0, import_react.useState)("outlined");
+  const [firstLoad, setFirstLoad] = (0, import_react.useState)(true);
+  const [list, setList] = (0, import_react.useState)([]);
+  const [value, onChange] = (0, import_ahooks.useControllableValue)(props, {
+    defaultValue
+  });
+  if (firstLoad && defaultValue && (0, import_utils.isUndefined)(value)) {
+    onChange(defaultValue);
+    setFirstLoad(false);
+  }
+  (0, import_react.useEffect)(() => {
+    var _a;
+    const iconList = (0, import_utils2.getIconList)();
+    const groups2 = [];
+    const icons2 = {};
+    iconList.forEach((item) => {
+      const { group, name, icon } = item;
+      if (groups2.every((item2) => item2.group !== group)) {
+        groups2.push({ group, list: [] });
+      }
+      const target = groups2.find((item2) => item2.group === group);
+      target.list.push(item);
+      icons2[item.name] = item == null ? void 0 : item.icon;
+    });
+    setIcons(icons2);
+    setGroups(groups2);
+    setSelectedGroup((_a = groups2[0]) == null ? void 0 : _a.group);
+  }, []);
+  (0, import_react.useEffect)(() => {
+    const currentGroup = groups.find((item) => item.group === selectedGroup);
+    setList(
+      ((currentGroup == null ? void 0 : currentGroup.list) ?? []).filter((item) => {
+        return search ? item.name.toLowerCase().indexOf(search.toLowerCase()) > -1 : true;
+      })
+    );
+  }, [selectedGroup, search, groups]);
+  const handleChange = (icon) => {
+    onChange == null ? void 0 : onChange(icon);
+    hide();
+  };
+  const triggerNode = /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-icon-select-trigger" }, /* @__PURE__ */ import_react.default.createElement(Icon, { type: value, icons, style: { fontSize: 24 } }));
+  const hide = () => {
+    setOpen(false);
+  };
+  const handleOpenChange = (newOpen) => {
+    setOpen(newOpen);
+  };
+  return /* @__PURE__ */ import_react.default.createElement(import_antd.Space.Compact, { block: true, className: "pisell-lowcode-icon-select" }, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Popover,
+    {
+      content: /* @__PURE__ */ import_react.default.createElement(
+        IconContent,
+        {
+          selectedGroup,
+          groups,
+          setSelectedGroup,
+          search,
+          setSearch,
+          list,
+          handleChange,
+          icons
+        }
+      ),
+      trigger: "click",
+      placement: "bottom",
+      open,
+      onOpenChange: handleOpenChange
+    },
+    value ? /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Button,
+      {
+        size: "large",
+        disabled,
+        icon: triggerNode,
+        className: "pisell-lowcode-icon-select-button"
+      }
+    ) : /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { className: "pisell-lowcode-icon-select-button-text", size: "large" }, (0, import_locales.getText)("pisell-icon-select-select"))
+  ), value && !disabled && /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Button,
+    {
+      size: "large",
+      icon: /* @__PURE__ */ import_react.default.createElement(import_icons.CloseOutlined, null),
+      className: "pisell-lowcode-icon-select-button",
+      onClick: () => onChange == null ? void 0 : onChange("")
+    }
+  ));
+};
+var iconSelect_default = IconSelect;

package/lib/components/iconSelect/index.less

@@ -0,0 +1,54 @@
+.pisell-lowcode-icon-select-trigger {
+  font-size: 20px;
+  .anticon {
+    font-size: 20px;
+  }
+}
+
+.pisell-lowcode-icon-select-button {
+  // width: 44px;
+  // height: 44px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.pisell-lowcode-icon-select-button-text {
+  border-radius: 9px;
+}
+
+.pisell-lowcode-icon-select-popup {
+  width: 350px;
+  border-radius: 12px;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  .pisell-lowcode-icon-select-radio-group {
+    width: 100%;
+    display: flex;
+    & > * {
+      flex: 1;
+      padding: 0;
+      text-align: center;
+    }
+  }
+  .pisell-lowcode-icon-select-content {
+    flex: 1;
+    overflow-y: auto;
+    max-height: 280px;
+    .pisell-lowcode-icon-select-item {
+      width: 36px;
+      height: 36px;
+      line-height: 36px;
+      font-size: 24px;
+      cursor: pointer;
+      display: inline-block;
+      transition: background-color 0.2s;
+      text-align: center;
+      border-radius: 4px;
+      &:hover {
+        background-color: #f1f2f3;
+      }
+    }
+  }
+}

package/lib/components/iconSelect/utils.d.ts

@@ -0,0 +1,14 @@
+export declare type IconGroup = 'outlined' | 'filled' | 'two-tone' | 'iconfont';
+export declare function get(obj: any, path: string, defaultValue?: any): any;
+export declare function getAntdIconList(): ({
+    name: any;
+    group: "filled" | "outlined" | "two-tone";
+    icon: any;
+} | null)[];
+interface IconItem {
+    name: string;
+    group: IconGroup;
+    icon: any;
+}
+export declare function getIconList(): IconItem[];
+export {};

package/lib/components/iconSelect/utils.js

@@ -0,0 +1,119 @@
+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/iconSelect/utils.tsx
+var utils_exports = {};
+__export(utils_exports, {
+  get: () => get,
+  getAntdIconList: () => getAntdIconList,
+  getIconList: () => getIconList
+});
+module.exports = __toCommonJS(utils_exports);
+var import_react = __toESM(require("react"));
+function get(obj, path, defaultValue) {
+  if (!path)
+    return defaultValue;
+  const keys = path.split(".");
+  let result = obj;
+  for (const key of keys) {
+    if (result == null) {
+      return defaultValue;
+    }
+    result = result[key];
+  }
+  return result === void 0 ? defaultValue : result;
+}
+function getIconfontIconList() {
+  const symbols = Array.prototype.slice.call(
+    window.document.querySelectorAll(
+      'svg[style="position: absolute; width: 0px; height: 0px; overflow: hidden;"][aria-hidden="true"] > symbol'
+    )
+  );
+  return symbols.map((symbol) => {
+    const { id } = symbol;
+    return {
+      name: id,
+      group: "iconfont",
+      icon: (props) => /* @__PURE__ */ import_react.default.createElement("span", { role: "img", className: "anticon" }, /* @__PURE__ */ import_react.default.createElement(
+        "svg",
+        {
+          viewBox: "64 64 896 896",
+          width: "1em",
+          height: "1em",
+          fill: "currentColor",
+          dangerouslySetInnerHTML: { __html: symbol.innerHTML }
+        }
+      ))
+    };
+  });
+}
+function getAntdIconList() {
+  const antdIcons = window.icons;
+  return Object.keys(antdIcons).map((key) => {
+    var _a;
+    const item = antdIcons[key];
+    if (typeof item !== "object") {
+      return null;
+    }
+    const name = (item == null ? void 0 : item.displayName) ?? ((_a = item == null ? void 0 : item.render) == null ? void 0 : _a.displayName) ?? key;
+    let group = "outlined";
+    const lowercaseName = name.toLowerCase();
+    if (/outlined$/.test(lowercaseName)) {
+      group = "outlined";
+    } else if (/filled$/.test(lowercaseName)) {
+      group = "filled";
+    } else if (/twotone$/.test(lowercaseName)) {
+      group = "two-tone";
+    } else {
+      return null;
+    }
+    return {
+      name,
+      group,
+      icon: item
+    };
+  }).filter(Boolean);
+}
+function getIconList() {
+  const iconfontIconList = getIconfontIconList();
+  const antdIconList = getAntdIconList();
+  const allIcons = [...iconfontIconList, ...antdIconList];
+  const uniqueIconsMap = /* @__PURE__ */ new Map();
+  allIcons.forEach((icon) => {
+    if (!uniqueIconsMap.has(icon.name)) {
+      uniqueIconsMap.set(icon.name, icon);
+    }
+  });
+  return Array.from(uniqueIconsMap.values());
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  get,
+  getAntdIconList,
+  getIconList
+});

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

@@ -2,6 +2,7 @@ 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/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://static.pisellcdn.com/pisell2/iconfont_1.0.js"
+  scriptUrl: "https://static.pisellcdn.com/pisell2iconfont1.3.js"
   // 在 iconfont.cn 上生成
 });
 var IconFont = (props) => {

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { ImageProps as AntdImageProps } from 'antd';
+export interface ImageProps extends Omit<AntdImageProps, 'placeholder'> {
+    /**
+     * 占位图类型
+     */
+    fallbackType?: 'image' | 'avatar' | 'product';
+}
+declare const Image: React.FC<ImageProps>;
+export default Image;