iglooform 2.5.21 → 2.5.23

package/es/filter/index.js

@@ -273,6 +273,10 @@ function deleteSomeOne(optionsConfirmed, optionItem, cbFucs) {
 }
 
 var getTextWidth = function getTextWidth(str) {
+  if (typeof document === 'undefined') {
+    return str.length * 12;
+  }
+
   var ele = document.createElement('span');
   ele.style.fontSize = '12px';
   ele.style.opacity = '0';

package/es/index.d.ts

@@ -4,7 +4,6 @@ export { default as DatePicker, IglooBuddhistDatePicker as BuddhistDatePicker, I
 export { default as Input, PhoneNumber, Amount, Password, Email, InputNumber, TextArea, InputDate, CreditCard, ExpiryDate, InputId, } from './input';
 export { default as Select, TimeSelect, AttachedSelect } from './select';
 export { default as Radio, RadioGroup, RadioGroupWithOther } from './radio';
-export { default as Example } from './example';
 export { default as Upload } from './upload';
 export { default as Checkbox, CheckboxGroup } from './checkbox';
 export { default as Declaration } from './declaration';

package/es/index.js

@@ -4,7 +4,6 @@ export { default as DatePicker, IglooBuddhistDatePicker as BuddhistDatePicker, I
 export { default as Input, PhoneNumber, Amount, Password, Email, InputNumber, TextArea, InputDate, CreditCard, ExpiryDate, InputId } from './input';
 export { default as Select, TimeSelect, AttachedSelect } from './select';
 export { default as Radio, RadioGroup, RadioGroupWithOther } from './radio';
-export { default as Example } from './example';
 export { default as Upload } from './upload';
 export { default as Checkbox, CheckboxGroup } from './checkbox';
 export { default as Declaration } from './declaration';

package/es/input/expiry-date.js

@@ -52,6 +52,10 @@ function dealFormat(str) {
 }
 
 var getTextWidth = function getTextWidth(str) {
+  if (typeof document === 'undefined') {
+    return str.length * 16;
+  }
+
   var ele = document.createElement('span');
   ele.style.fontSize = '16px';
   ele.style.opacity = '0';

package/es/input/input-date.js

@@ -59,6 +59,10 @@ function dealFormat(str) {
 }
 
 var getTextWidth = function getTextWidth(str) {
+  if (typeof document === 'undefined') {
+    return str.length * 16;
+  }
+
   var ele = document.createElement('span');
   ele.style.fontSize = '16px';
   ele.style.opacity = '0';

package/es/layout/defaultFooter.js

@@ -2,12 +2,13 @@ import "antd/es/space/style";
 import _Space from "antd/es/space";
 import "antd/es/grid/style";
 import _Grid from "antd/es/grid";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import Typography from '../typography';
 import Button from '../button';
 import './style';
 
-var DefaultFooter = function DefaultFooter() {
+var DefaultFooter = function DefaultFooter(props) {
+  var hiddenIglooIcon = props.hiddenIglooIcon;
   var useBreakpoint = _Grid.useBreakpoint;
 
   var _useBreakpoint = useBreakpoint(),
@@ -17,18 +18,20 @@ var DefaultFooter = function DefaultFooter() {
     className: "igloo-layout-footer",
     children: _jsxs("div", {
       className: "footer-content",
-      children: [_jsx(_Space, {
-        size: 32,
-        align: "start",
-        className: "footer-top",
-        children: _jsx("div", {
-          className: "top-left",
+      children: [!hiddenIglooIcon && _jsxs(_Fragment, {
+        children: [_jsx(_Space, {
+          size: 32,
+          align: "start",
+          className: "footer-top",
           children: _jsx("div", {
-            className: "igloo-logo"
+            className: "top-left",
+            children: _jsx("div", {
+              className: "igloo-logo"
+            })
           })
-        })
-      }), _jsx("div", {
-        className: "footer-divider"
+        }), _jsx("div", {
+          className: "footer-divider"
+        })]
       }), _jsxs("div", {
         className: "footer-bottom",
         children: [_jsx(Typography, {
@@ -67,7 +70,7 @@ var DefaultFooter = function DefaultFooter() {
     className: "igloo-layout-footer",
     children: _jsxs("div", {
       className: "footer-content",
-      children: [_jsx("div", {
+      children: [!hiddenIglooIcon && _jsx("div", {
         className: "igloo-logo"
       }), _jsxs("div", {
         className: "footer-bottom",

package/es/layout/defaultHeader.js

@@ -4,12 +4,14 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import classnames from 'classnames';
 import './style';
 
-var DefaultHeader = function DefaultHeader() {
+var DefaultHeader = function DefaultHeader(props) {
+  var hiddenIglooIcon = props.hiddenIglooIcon;
   var useBreakpoint = _Grid.useBreakpoint;
 
   var _useBreakpoint = useBreakpoint(),
       md = _useBreakpoint.md;
 
+  if (hiddenIglooIcon) return null;
   return md ? _jsx("div", {
     className: classnames({
       'igloo-layout-header': true

package/es/layout/footer.d.ts

@@ -1,12 +1,5 @@
-import { FC, ReactNode } from 'react';
+import { FC } from 'react';
+import { FooterConfig } from './index';
 import './style';
-interface ILayoutFooter {
-    companyInfoRender?: () => any;
-    copyRightRender?: (origin: ReactNode) => any;
-    tel?: string;
-    email?: string;
-    workTime?: any;
-    address?: string;
-}
-declare const LayoutFooter: FC<ILayoutFooter>;
+declare const LayoutFooter: FC<FooterConfig>;
 export default LayoutFooter;

package/es/layout/footer.js

@@ -4,12 +4,15 @@ import "antd/es/grid/style";
 import _Grid from "antd/es/grid";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { EmailOutlined, LocationOutlined, TimeOutlined, PhoneOutlined } from 'iglooicon';
+import classnames from 'classnames';
 import Typography from '../typography';
 import Button from '../button';
 import './style';
 
 var LayoutFooter = function LayoutFooter(_ref) {
-  var companyInfoRender = _ref.companyInfoRender,
+  var hiddenIglooIcon = _ref.hiddenIglooIcon,
+      extraInfo = _ref.extraInfo,
+      companyInfoRender = _ref.companyInfoRender,
       copyRightRender = _ref.copyRightRender,
       tel = _ref.tel,
       email = _ref.email,
@@ -79,11 +82,11 @@ var LayoutFooter = function LayoutFooter(_ref) {
       className: "igloo-layout-footer",
       children: _jsxs("div", {
         className: "footer-content",
-        children: [_jsxs(_Space, {
+        children: [extraInfo && extraInfo(), _jsxs(_Space, {
           size: 32,
           align: "start",
           className: "footer-top",
-          children: [_jsx("div", {
+          children: [!hiddenIglooIcon && _jsx("div", {
             className: "top-left",
             children: _jsx("div", {
               className: "igloo-logo"
@@ -131,10 +134,12 @@ var LayoutFooter = function LayoutFooter(_ref) {
       className: "igloo-layout-footer",
       children: _jsxs("div", {
         className: "footer-content",
-        children: [_jsx("div", {
+        children: [extraInfo && extraInfo(), !hiddenIglooIcon && _jsx("div", {
           className: "igloo-logo"
         }), _jsxs("div", {
-          className: "compony-info",
+          className: classnames('compony-info', {
+            'compony-info-without-icon': hiddenIglooIcon
+          }),
           children: [tel && _jsxs("div", {
             className: "info-item",
             children: [_jsx(PhoneOutlined, {}), _jsx("div", {

package/es/layout/header.d.ts

@@ -1,31 +1,5 @@
 import { FC } from 'react';
-import { BadgeProps } from 'antd';
+import { HeaderConfig } from './index';
 import './style/index';
-interface Menu {
-    title: string;
-    key: string;
-    badge?: 'dot' | number | string | BadgeProps | (() => any);
-}
-interface Info {
-    title: string;
-    value: string;
-}
-interface Action {
-    title: string;
-    onClick?: () => void;
-}
-interface ILayoutHeader {
-    menus?: Menu[];
-    defaultSelected?: string;
-    selectedKey?: string;
-    onMenuChange?: (menuItem: any) => any;
-    dropMenuConfig?: {
-        customInfos: Info[];
-        actions: Action[];
-    };
-    userName?: string;
-    userAvatar?: string;
-    spaceBetween?: boolean;
-}
-declare const LayoutHeader: FC<ILayoutHeader>;
+declare const LayoutHeader: FC<HeaderConfig>;
 export default LayoutHeader;

package/es/layout/header.js

@@ -40,7 +40,8 @@ import defaultAvatar from './style/avatar.svg';
 import './style/index';
 
 var LayoutHeader = function LayoutHeader(_ref) {
-  var _ref$menus = _ref.menus,
+  var hiddenIglooIcon = _ref.hiddenIglooIcon,
+      _ref$menus = _ref.menus,
       menus = _ref$menus === void 0 ? [] : _ref$menus,
       _ref$defaultSelected = _ref.defaultSelected,
       defaultSelected = _ref$defaultSelected === void 0 ? '' : _ref$defaultSelected,
@@ -66,6 +67,7 @@ var LayoutHeader = function LayoutHeader(_ref) {
       activeMenu = _useState4[0],
       setActiveMenu = _useState4[1];
 
+  var onlyHaveIconButNotShow = hiddenIglooIcon && menus.length === 0 && Object.keys(dropMenuConfig || {}).length === 0 && !userName && !children;
   useEffect(function () {
     if (selectedKey) {
       setSelectedMenu(selectedKey);
@@ -144,6 +146,8 @@ var LayoutHeader = function LayoutHeader(_ref) {
     }
   }
 
+  if (onlyHaveIconButNotShow) return null;
+
   if (md) {
     return _jsx("div", {
       className: classnames({
@@ -156,7 +160,7 @@ var LayoutHeader = function LayoutHeader(_ref) {
         }),
         children: [_jsxs("div", {
           className: "header-left",
-          children: [_jsx("div", {
+          children: [!hiddenIglooIcon && _jsx("div", {
             className: "igloo-logo"
           }), Boolean(menus === null || menus === void 0 ? void 0 : menus.length) && !children && _jsx(_Row, {
             children: menus.map(function (menu) {
@@ -191,7 +195,7 @@ var LayoutHeader = function LayoutHeader(_ref) {
           'igloo-layout-header': true,
           'igloo-layout-header-fix': Boolean(menus === null || menus === void 0 ? void 0 : menus.length) || Boolean(dropMenuConfig)
         }),
-        children: [_jsx("div", {
+        children: [!hiddenIglooIcon && _jsx("div", {
           className: "igloo-logo"
         }), dropMenuConfig && !children && _jsx(HomeMenu, _objectSpread({
           userAvatar: userAvatar,

package/es/layout/index.d.ts

@@ -14,7 +14,8 @@ interface Action {
     title: string;
     onClick?: () => void;
 }
-interface HeaderConfig {
+export interface HeaderConfig {
+    hiddenIglooIcon?: boolean;
     menus?: Menu[];
     defaultSelected?: string;
     selectedKey?: string;
@@ -27,7 +28,9 @@ interface HeaderConfig {
     userAvatar?: string;
     children?: any;
 }
-interface FooterConfig {
+export interface FooterConfig {
+    hiddenIglooIcon?: boolean;
+    extraInfo?: () => any;
     companyInfoRender?: () => any;
     copyRightRender?: (origin: ReactNode) => any;
     tel?: string;
@@ -36,6 +39,7 @@ interface FooterConfig {
     address?: string;
 }
 interface layoutType {
+    hiddenIglooIcon?: boolean;
     className?: string;
     style?: CSSProperties;
     withFixedPanel?: boolean;

package/es/layout/index.js

@@ -16,7 +16,8 @@ import DefaultFooter from './defaultFooter';
 import './style';
 
 var Layout = function Layout(props) {
-  var className = props.className,
+  var hiddenIglooIcon = props.hiddenIglooIcon,
+      className = props.className,
       style = props.style,
       headerConfig = props.headerConfig,
       footerConfig = props.footerConfig,
@@ -95,13 +96,17 @@ var Layout = function Layout(props) {
   return _jsxs("div", {
     style: style,
     className: classnames(layoutContainerClass, className),
-    children: [!headerDom && !headerConfig && _jsx(DefaultHeader, {}), headerConfig && _jsx(LayoutHeader, _objectSpread({}, headerConfig)), headerDom, _jsx("div", {
+    children: [!headerDom && !headerConfig && _jsx(DefaultHeader, {
+      hiddenIglooIcon: hiddenIglooIcon
+    }), headerConfig && _jsx(LayoutHeader, _objectSpread({}, headerConfig)), headerDom, _jsx("div", {
       className: "igloo-layout-center",
       children: _jsx("div", {
         className: "igloo-layout-content",
         children: contentDom
       })
-    }), !footerDom && !footerConfig && _jsx(DefaultFooter, {}), footerConfig && _jsx(LayoutFooter, _objectSpread({}, footerConfig)), footerDom]
+    }), !footerDom && !footerConfig && _jsx(DefaultFooter, {
+      hiddenIglooIcon: hiddenIglooIcon
+    }), footerConfig && _jsx(LayoutFooter, _objectSpread({}, footerConfig)), footerDom]
   });
 };
 

package/es/layout/style/index.less

@@ -359,6 +359,10 @@
         }
       }
 
+      .compony-info-without-icon {
+        margin-top: 0;
+      }
+
       .footer-bottom {
         text-align: center;
         color: #666666;

package/es/media/media.js

@@ -15,7 +15,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useRef, useState, useContext } from 'react';
-import { Document, Page } from 'react-pdf/dist/esm/entry.webpack';
+import { Document, Page } from 'react-pdf';
 import { LocaleContext } from '../locale';
 
 var MediaItem = function MediaItem(_ref) {

package/es/media/preview.js

@@ -23,7 +23,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState, useRef, useContext, useReducer } from 'react';
-import { Document, Page } from 'react-pdf/dist/esm/entry.webpack';
+import { Document, Page } from 'react-pdf';
 import classnames from 'classnames';
 import { ArrowLeftOutlined, ArrowRightOutlined } from 'iglooicon';
 import Modal from '../modal';

package/es/upload-photo/media.js

@@ -12,7 +12,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useState, useContext } from 'react';
-import { Document, Page } from 'react-pdf/dist/esm/entry.webpack';
+import { Document, Page } from 'react-pdf';
 import { LocaleContext } from '../locale';
 
 var MediaItem = function MediaItem(_ref) {

package/es/upload-preview/media.js

@@ -18,7 +18,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useContext, useReducer, useRef } from 'react';
 import Typography from '../typography';
-import { Document, Page } from 'react-pdf/dist/esm/entry.webpack';
+import { Document, Page } from 'react-pdf';
 import { ErrorFilled } from 'iglooicon';
 import LocaleContext from '../locale/locale-context';
 import Modal from '../modal';

package/es/utils/option-utils.d.ts

@@ -7,6 +7,7 @@ export declare const compareSelected: (newValue: any | any[], oldValue: any | an
 declare type Options = SelectProps<SelectValue>['options'];
 export interface HOCProps extends IglooComponentProps {
     options?: Options;
+    onSearch?: any;
     getOptions?: (form: FormInstance) => any[];
     optionGroups?: {
         parentKey: string;

package/es/utils/option-utils.js

@@ -1,4 +1,4 @@
-var _excluded = ["options", "optionGroups", "getOptions", "datasourceKey", "dependField", "children"];
+var _excluded = ["options", "optionGroups", "getOptions", "datasourceKey", "dependField", "children", "onSearch"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -89,6 +89,7 @@ export function optionsHOC(Component) {
         datasourceKey = props.datasourceKey,
         dependField = props.dependField,
         children = props.children,
+        _onSearch = props.onSearch,
         rest = _objectWithoutProperties(props, _excluded);
 
     var _useState = useState(false),
@@ -249,7 +250,10 @@ export function optionsHOC(Component) {
     return _options ? _jsx(Component, _objectSpread(_objectSpread({
       options: _options
     }, rest), {}, {
-      onSearch: setSearchKey,
+      onSearch: function onSearch(e) {
+        setSearchKey(e);
+        typeof _onSearch === 'function' && _onSearch(e);
+      },
       optionsUpdating: updating
     })) : null;
   };

package/lib/filter/index.js

@@ -307,6 +307,10 @@ function deleteSomeOne(optionsConfirmed, optionItem, cbFucs) {
 }
 
 var getTextWidth = function getTextWidth(str) {
+  if (typeof document === 'undefined') {
+    return str.length * 12;
+  }
+
   var ele = document.createElement('span');
   ele.style.fontSize = '12px';
   ele.style.opacity = '0';

package/lib/index.d.ts

@@ -4,7 +4,6 @@ export { default as DatePicker, IglooBuddhistDatePicker as BuddhistDatePicker, I
 export { default as Input, PhoneNumber, Amount, Password, Email, InputNumber, TextArea, InputDate, CreditCard, ExpiryDate, InputId, } from './input';
 export { default as Select, TimeSelect, AttachedSelect } from './select';
 export { default as Radio, RadioGroup, RadioGroupWithOther } from './radio';
-export { default as Example } from './example';
 export { default as Upload } from './upload';
 export { default as Checkbox, CheckboxGroup } from './checkbox';
 export { default as Declaration } from './declaration';

package/lib/index.js

@@ -33,7 +33,6 @@ var _exportNames = {
   Radio: true,
   RadioGroup: true,
   RadioGroupWithOther: true,
-  Example: true,
   Upload: true,
   Checkbox: true,
   CheckboxGroup: true,
@@ -221,12 +220,6 @@ Object.defineProperty(exports, "Email", {
     return _input.Email;
   }
 });
-Object.defineProperty(exports, "Example", {
-  enumerable: true,
-  get: function get() {
-    return _example.default;
-  }
-});
 Object.defineProperty(exports, "ExpiryDate", {
   enumerable: true,
   get: function get() {
@@ -510,8 +503,6 @@ var _select = _interopRequireWildcard(require("./select"));
 
 var _radio = _interopRequireWildcard(require("./radio"));
 
-var _example = _interopRequireDefault(require("./example"));
-
 var _upload = _interopRequireDefault(require("./upload"));
 
 var _checkbox = _interopRequireWildcard(require("./checkbox"));

package/lib/input/expiry-date.js

@@ -68,6 +68,10 @@ function dealFormat(str) {
 }
 
 var getTextWidth = function getTextWidth(str) {
+  if (typeof document === 'undefined') {
+    return str.length * 16;
+  }
+
   var ele = document.createElement('span');
   ele.style.fontSize = '16px';
   ele.style.opacity = '0';

package/lib/input/input-date.js

@@ -76,6 +76,10 @@ function dealFormat(str) {
 }
 
 var getTextWidth = function getTextWidth(str) {
+  if (typeof document === 'undefined') {
+    return str.length * 16;
+  }
+
   var ele = document.createElement('span');
   ele.style.fontSize = '16px';
   ele.style.opacity = '0';

package/lib/layout/defaultFooter.js

@@ -23,7 +23,8 @@ require("./style");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var DefaultFooter = function DefaultFooter() {
+var DefaultFooter = function DefaultFooter(props) {
+  var hiddenIglooIcon = props.hiddenIglooIcon;
   var useBreakpoint = _grid.default.useBreakpoint;
 
   var _useBreakpoint = useBreakpoint(),
@@ -33,18 +34,20 @@ var DefaultFooter = function DefaultFooter() {
     className: "igloo-layout-footer",
     children: (0, _jsxRuntime.jsxs)("div", {
       className: "footer-content",
-      children: [(0, _jsxRuntime.jsx)(_space.default, {
-        size: 32,
-        align: "start",
-        className: "footer-top",
-        children: (0, _jsxRuntime.jsx)("div", {
-          className: "top-left",
+      children: [!hiddenIglooIcon && (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [(0, _jsxRuntime.jsx)(_space.default, {
+          size: 32,
+          align: "start",
+          className: "footer-top",
           children: (0, _jsxRuntime.jsx)("div", {
-            className: "igloo-logo"
+            className: "top-left",
+            children: (0, _jsxRuntime.jsx)("div", {
+              className: "igloo-logo"
+            })
           })
-        })
-      }), (0, _jsxRuntime.jsx)("div", {
-        className: "footer-divider"
+        }), (0, _jsxRuntime.jsx)("div", {
+          className: "footer-divider"
+        })]
       }), (0, _jsxRuntime.jsxs)("div", {
         className: "footer-bottom",
         children: [(0, _jsxRuntime.jsx)(_typography.default, {
@@ -83,7 +86,7 @@ var DefaultFooter = function DefaultFooter() {
     className: "igloo-layout-footer",
     children: (0, _jsxRuntime.jsxs)("div", {
       className: "footer-content",
-      children: [(0, _jsxRuntime.jsx)("div", {
+      children: [!hiddenIglooIcon && (0, _jsxRuntime.jsx)("div", {
         className: "igloo-logo"
       }), (0, _jsxRuntime.jsxs)("div", {
         className: "footer-bottom",

package/lib/layout/defaultHeader.js

@@ -17,12 +17,14 @@ require("./style");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var DefaultHeader = function DefaultHeader() {
+var DefaultHeader = function DefaultHeader(props) {
+  var hiddenIglooIcon = props.hiddenIglooIcon;
   var useBreakpoint = _grid.default.useBreakpoint;
 
   var _useBreakpoint = useBreakpoint(),
       md = _useBreakpoint.md;
 
+  if (hiddenIglooIcon) return null;
   return md ? (0, _jsxRuntime.jsx)("div", {
     className: (0, _classnames.default)({
       'igloo-layout-header': true

package/lib/layout/footer.d.ts

@@ -1,12 +1,5 @@
-import { FC, ReactNode } from 'react';
+import { FC } from 'react';
+import { FooterConfig } from './index';
 import './style';
-interface ILayoutFooter {
-    companyInfoRender?: () => any;
-    copyRightRender?: (origin: ReactNode) => any;
-    tel?: string;
-    email?: string;
-    workTime?: any;
-    address?: string;
-}
-declare const LayoutFooter: FC<ILayoutFooter>;
+declare const LayoutFooter: FC<FooterConfig>;
 export default LayoutFooter;

package/lib/layout/footer.js

@@ -17,6 +17,8 @@ var _jsxRuntime = require("react/jsx-runtime");
 
 var _iglooicon = require("iglooicon");
 
+var _classnames = _interopRequireDefault(require("classnames"));
+
 var _typography = _interopRequireDefault(require("../typography"));
 
 var _button = _interopRequireDefault(require("../button"));
@@ -26,7 +28,9 @@ require("./style");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var LayoutFooter = function LayoutFooter(_ref) {
-  var companyInfoRender = _ref.companyInfoRender,
+  var hiddenIglooIcon = _ref.hiddenIglooIcon,
+      extraInfo = _ref.extraInfo,
+      companyInfoRender = _ref.companyInfoRender,
       copyRightRender = _ref.copyRightRender,
       tel = _ref.tel,
       email = _ref.email,
@@ -96,11 +100,11 @@ var LayoutFooter = function LayoutFooter(_ref) {
       className: "igloo-layout-footer",
       children: (0, _jsxRuntime.jsxs)("div", {
         className: "footer-content",
-        children: [(0, _jsxRuntime.jsxs)(_space.default, {
+        children: [extraInfo && extraInfo(), (0, _jsxRuntime.jsxs)(_space.default, {
           size: 32,
           align: "start",
           className: "footer-top",
-          children: [(0, _jsxRuntime.jsx)("div", {
+          children: [!hiddenIglooIcon && (0, _jsxRuntime.jsx)("div", {
             className: "top-left",
             children: (0, _jsxRuntime.jsx)("div", {
               className: "igloo-logo"
@@ -148,10 +152,12 @@ var LayoutFooter = function LayoutFooter(_ref) {
       className: "igloo-layout-footer",
       children: (0, _jsxRuntime.jsxs)("div", {
         className: "footer-content",
-        children: [(0, _jsxRuntime.jsx)("div", {
+        children: [extraInfo && extraInfo(), !hiddenIglooIcon && (0, _jsxRuntime.jsx)("div", {
           className: "igloo-logo"
         }), (0, _jsxRuntime.jsxs)("div", {
-          className: "compony-info",
+          className: (0, _classnames.default)('compony-info', {
+            'compony-info-without-icon': hiddenIglooIcon
+          }),
           children: [tel && (0, _jsxRuntime.jsxs)("div", {
             className: "info-item",
             children: [(0, _jsxRuntime.jsx)(_iglooicon.PhoneOutlined, {}), (0, _jsxRuntime.jsx)("div", {

package/lib/layout/header.d.ts

@@ -1,31 +1,5 @@
 import { FC } from 'react';
-import { BadgeProps } from 'antd';
+import { HeaderConfig } from './index';
 import './style/index';
-interface Menu {
-    title: string;
-    key: string;
-    badge?: 'dot' | number | string | BadgeProps | (() => any);
-}
-interface Info {
-    title: string;
-    value: string;
-}
-interface Action {
-    title: string;
-    onClick?: () => void;
-}
-interface ILayoutHeader {
-    menus?: Menu[];
-    defaultSelected?: string;
-    selectedKey?: string;
-    onMenuChange?: (menuItem: any) => any;
-    dropMenuConfig?: {
-        customInfos: Info[];
-        actions: Action[];
-    };
-    userName?: string;
-    userAvatar?: string;
-    spaceBetween?: boolean;
-}
-declare const LayoutHeader: FC<ILayoutHeader>;
+declare const LayoutHeader: FC<HeaderConfig>;
 export default LayoutHeader;

package/lib/layout/header.js

@@ -66,7 +66,8 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 var LayoutHeader = function LayoutHeader(_ref) {
-  var _ref$menus = _ref.menus,
+  var hiddenIglooIcon = _ref.hiddenIglooIcon,
+      _ref$menus = _ref.menus,
       menus = _ref$menus === void 0 ? [] : _ref$menus,
       _ref$defaultSelected = _ref.defaultSelected,
       defaultSelected = _ref$defaultSelected === void 0 ? '' : _ref$defaultSelected,
@@ -92,6 +93,7 @@ var LayoutHeader = function LayoutHeader(_ref) {
       activeMenu = _useState4[0],
       setActiveMenu = _useState4[1];
 
+  var onlyHaveIconButNotShow = hiddenIglooIcon && menus.length === 0 && Object.keys(dropMenuConfig || {}).length === 0 && !userName && !children;
   (0, _react.useEffect)(function () {
     if (selectedKey) {
       setSelectedMenu(selectedKey);
@@ -170,6 +172,8 @@ var LayoutHeader = function LayoutHeader(_ref) {
     }
   }
 
+  if (onlyHaveIconButNotShow) return null;
+
   if (md) {
     return (0, _jsxRuntime.jsx)("div", {
       className: (0, _classnames.default)({
@@ -182,7 +186,7 @@ var LayoutHeader = function LayoutHeader(_ref) {
         }),
         children: [(0, _jsxRuntime.jsxs)("div", {
           className: "header-left",
-          children: [(0, _jsxRuntime.jsx)("div", {
+          children: [!hiddenIglooIcon && (0, _jsxRuntime.jsx)("div", {
             className: "igloo-logo"
           }), Boolean(menus === null || menus === void 0 ? void 0 : menus.length) && !children && (0, _jsxRuntime.jsx)(_row.default, {
             children: menus.map(function (menu) {
@@ -217,7 +221,7 @@ var LayoutHeader = function LayoutHeader(_ref) {
           'igloo-layout-header': true,
           'igloo-layout-header-fix': Boolean(menus === null || menus === void 0 ? void 0 : menus.length) || Boolean(dropMenuConfig)
         }),
-        children: [(0, _jsxRuntime.jsx)("div", {
+        children: [!hiddenIglooIcon && (0, _jsxRuntime.jsx)("div", {
           className: "igloo-logo"
         }), dropMenuConfig && !children && (0, _jsxRuntime.jsx)(_index.default, _objectSpread({
           userAvatar: userAvatar,

package/lib/layout/index.d.ts

@@ -14,7 +14,8 @@ interface Action {
     title: string;
     onClick?: () => void;
 }
-interface HeaderConfig {
+export interface HeaderConfig {
+    hiddenIglooIcon?: boolean;
     menus?: Menu[];
     defaultSelected?: string;
     selectedKey?: string;
@@ -27,7 +28,9 @@ interface HeaderConfig {
     userAvatar?: string;
     children?: any;
 }
-interface FooterConfig {
+export interface FooterConfig {
+    hiddenIglooIcon?: boolean;
+    extraInfo?: () => any;
     companyInfoRender?: () => any;
     copyRightRender?: (origin: ReactNode) => any;
     tel?: string;
@@ -36,6 +39,7 @@ interface FooterConfig {
     address?: string;
 }
 interface layoutType {
+    hiddenIglooIcon?: boolean;
     className?: string;
     style?: CSSProperties;
     withFixedPanel?: boolean;

package/lib/layout/index.js

@@ -32,7 +32,8 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 var Layout = function Layout(props) {
-  var className = props.className,
+  var hiddenIglooIcon = props.hiddenIglooIcon,
+      className = props.className,
       style = props.style,
       headerConfig = props.headerConfig,
       footerConfig = props.footerConfig,
@@ -111,13 +112,17 @@ var Layout = function Layout(props) {
   return (0, _jsxRuntime.jsxs)("div", {
     style: style,
     className: (0, _classnames.default)(layoutContainerClass, className),
-    children: [!headerDom && !headerConfig && (0, _jsxRuntime.jsx)(_defaultHeader.default, {}), headerConfig && (0, _jsxRuntime.jsx)(_header.default, _objectSpread({}, headerConfig)), headerDom, (0, _jsxRuntime.jsx)("div", {
+    children: [!headerDom && !headerConfig && (0, _jsxRuntime.jsx)(_defaultHeader.default, {
+      hiddenIglooIcon: hiddenIglooIcon
+    }), headerConfig && (0, _jsxRuntime.jsx)(_header.default, _objectSpread({}, headerConfig)), headerDom, (0, _jsxRuntime.jsx)("div", {
       className: "igloo-layout-center",
       children: (0, _jsxRuntime.jsx)("div", {
         className: "igloo-layout-content",
         children: contentDom
       })
-    }), !footerDom && !footerConfig && (0, _jsxRuntime.jsx)(_defaultFooter.default, {}), footerConfig && (0, _jsxRuntime.jsx)(_footer.default, _objectSpread({}, footerConfig)), footerDom]
+    }), !footerDom && !footerConfig && (0, _jsxRuntime.jsx)(_defaultFooter.default, {
+      hiddenIglooIcon: hiddenIglooIcon
+    }), footerConfig && (0, _jsxRuntime.jsx)(_footer.default, _objectSpread({}, footerConfig)), footerDom]
   });
 };
 

package/lib/layout/style/index.less

@@ -359,6 +359,10 @@
         }
       }
 
+      .compony-info-without-icon {
+        margin-top: 0;
+      }
+
       .footer-bottom {
         text-align: center;
         color: #666666;

package/lib/media/media.js

@@ -13,7 +13,7 @@ var _jsxRuntime = require("react/jsx-runtime");
 
 var _react = require("react");
 
-var _entry = require("react-pdf/dist/esm/entry.webpack");
+var _reactPdf = require("react-pdf");
 
 var _locale = require("../locale");
 
@@ -79,7 +79,7 @@ var MediaItem = function MediaItem(_ref) {
           maxHeight: 80,
           position: 'absolute'
         },
-        children: (0, _jsxRuntime.jsx)(_entry.Document, {
+        children: (0, _jsxRuntime.jsx)(_reactPdf.Document, {
           ref: documentRef,
           file: src,
           onPassword: needPassword,
@@ -89,7 +89,7 @@ var MediaItem = function MediaItem(_ref) {
             },
             children: errorText
           }),
-          children: (0, _jsxRuntime.jsx)(_entry.Page, {
+          children: (0, _jsxRuntime.jsx)(_reactPdf.Page, {
             pageNumber: 1,
             scale: 0.1
           })

package/lib/media/preview.js

@@ -17,7 +17,7 @@ var _jsxRuntime = require("react/jsx-runtime");
 
 var _react = require("react");
 
-var _entry = require("react-pdf/dist/esm/entry.webpack");
+var _reactPdf = require("react-pdf");
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
@@ -184,7 +184,7 @@ var PdfViewer = function PdfViewer(_ref) {
         position: 'absolute',
         overflow: 'auto'
       },
-      children: (0, _jsxRuntime.jsx)(_entry.Document, {
+      children: (0, _jsxRuntime.jsx)(_reactPdf.Document, {
         file: src,
         onLoadSuccess: handlePageInit,
         ref: documentRef,
@@ -192,7 +192,7 @@ var PdfViewer = function PdfViewer(_ref) {
         children: Array.from({
           length: pageSize
         }).map(function (_, index) {
-          return (0, _jsxRuntime.jsx)(_entry.Page, {
+          return (0, _jsxRuntime.jsx)(_reactPdf.Page, {
             pageNumber: index + 1,
             scale: scale
           }, index);
@@ -210,12 +210,12 @@ var PdfViewer = function PdfViewer(_ref) {
         position: 'absolute',
         overflow: 'auto'
       },
-      children: (0, _jsxRuntime.jsx)(_entry.Document, {
+      children: (0, _jsxRuntime.jsx)(_reactPdf.Document, {
         file: src,
         onLoadSuccess: handlePageInit,
         ref: documentRef,
         onPassword: onPassword,
-        children: (0, _jsxRuntime.jsx)(_entry.Page, {
+        children: (0, _jsxRuntime.jsx)(_reactPdf.Page, {
           pageNumber: page,
           scale: scale
         })

package/lib/upload-photo/media.js

@@ -9,7 +9,7 @@ var _jsxRuntime = require("react/jsx-runtime");
 
 var _react = require("react");
 
-var _entry = require("react-pdf/dist/esm/entry.webpack");
+var _reactPdf = require("react-pdf");
 
 var _locale = require("../locale");
 
@@ -55,12 +55,12 @@ var MediaItem = function MediaItem(_ref) {
         className: className,
         children: needPassword ? formatMessage({
           id: 'Encrypted PDF'
-        }) : (0, _jsxRuntime.jsx)(_entry.Document, {
+        }) : (0, _jsxRuntime.jsx)(_reactPdf.Document, {
           file: src,
           onPassword: function onPassword() {
             setNeedPassword(true);
           },
-          children: (0, _jsxRuntime.jsx)(_entry.Page, {
+          children: (0, _jsxRuntime.jsx)(_reactPdf.Page, {
             pageNumber: 1,
             height: 96
           })

package/lib/upload-preview/media.js

@@ -19,7 +19,7 @@ var _react = require("react");
 
 var _typography = _interopRequireDefault(require("../typography"));
 
-var _entry = require("react-pdf/dist/esm/entry.webpack");
+var _reactPdf = require("react-pdf");
 
 var _iglooicon = require("iglooicon");
 
@@ -157,14 +157,14 @@ var PDF = function PDF(_ref) {
 
   return (0, _jsxRuntime.jsx)("div", {
     className: "igloo-upload-preview-pdf",
-    children: (0, _jsxRuntime.jsx)(_entry.Document, {
+    children: (0, _jsxRuntime.jsx)(_reactPdf.Document, {
       file: src,
       onLoadSuccess: handlePageInit,
       onPassword: onPassword,
       children: Array.from({
         length: pageSize
       }).map(function (_, index) {
-        return (0, _jsxRuntime.jsx)(_entry.Page, {
+        return (0, _jsxRuntime.jsx)(_reactPdf.Page, {
           pageNumber: index + 1,
           scale: md ? 1 : 0.5
         }, index);

package/lib/utils/option-utils.d.ts

@@ -7,6 +7,7 @@ export declare const compareSelected: (newValue: any | any[], oldValue: any | an
 declare type Options = SelectProps<SelectValue>['options'];
 export interface HOCProps extends IglooComponentProps {
     options?: Options;
+    onSearch?: any;
     getOptions?: (form: FormInstance) => any[];
     optionGroups?: {
         parentKey: string;

package/lib/utils/option-utils.js

@@ -14,7 +14,7 @@ var _formContext = _interopRequireDefault(require("../form-context"));
 
 var _invariant = _interopRequireDefault(require("invariant"));
 
-var _excluded = ["options", "optionGroups", "getOptions", "datasourceKey", "dependField", "children"];
+var _excluded = ["options", "optionGroups", "getOptions", "datasourceKey", "dependField", "children", "onSearch"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -109,6 +109,7 @@ function optionsHOC(Component) {
         datasourceKey = props.datasourceKey,
         dependField = props.dependField,
         children = props.children,
+        _onSearch = props.onSearch,
         rest = _objectWithoutProperties(props, _excluded);
 
     var _useState = (0, _react.useState)(false),
@@ -269,7 +270,10 @@ function optionsHOC(Component) {
     return _options ? (0, _jsxRuntime.jsx)(Component, _objectSpread(_objectSpread({
       options: _options
     }, rest), {}, {
-      onSearch: setSearchKey,
+      onSearch: function onSearch(e) {
+        setSearchKey(e);
+        typeof _onSearch === 'function' && _onSearch(e);
+      },
       optionsUpdating: updating
     })) : null;
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "iglooform",
-  "version": "2.5.21",
+  "version": "2.5.23",
   "scripts": {
     "start": "dumi dev",
     "build-dev": "dumi build",