ls-pro-common 1.0.52 → 1.0.53

package/es/components/IconSelector.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { InputProps } from 'antd';
+import type { InputProps, ModalProps } from 'antd';
 import type { ProFormItemProps } from 'ls-pro-form';
 export declare type IconSelectorProps = ProFormItemProps<InputProps> & {
     /** @name 图标类型 */
@@ -14,6 +14,7 @@ export declare type IconSelectorProps = ProFormItemProps<InputProps> & {
      * @name 最大值, 默认2M
      */
     maxSize?: number;
+    modalProps?: ModalProps;
 };
 declare function IconSelector(prop: IconSelectorProps): JSX.Element;
 export default IconSelector;

package/es/components/IconSelector.js

@@ -14,7 +14,7 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-var _excluded = ["type", "uploadable", "readonly", "allowClear", "title", "modalWidth", "name", "maxSize"];
+var _excluded = ["type", "uploadable", "readonly", "allowClear", "title", "modalWidth", "name", "maxSize", "modalProps"];
 import React from "react";
 import { useMemo, useState, useEffect, useContext } from 'react';
 import { ProFormText, ProFormContext } from 'ls-pro-form';
@@ -72,6 +72,7 @@ function IconSelector(prop) {
       name = prop.name,
       _prop$maxSize = prop.maxSize,
       maxSize = _prop$maxSize === void 0 ? 2 : _prop$maxSize,
+      modalProps = prop.modalProps,
       rest = _objectWithoutProperties(prop, _excluded);
 
   var uploadImgApi = useMemo(function () {
@@ -214,7 +215,7 @@ function IconSelector(prop) {
   }, rest.fieldProps, {
     readOnly: readonly,
     allowClear: allowClear
-  }))), /*#__PURE__*/React.createElement(_Modal, {
+  }))), /*#__PURE__*/React.createElement(_Modal, _extends({
     title: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", null, title), /*#__PURE__*/React.createElement("span", {
       style: {
         display: 'inline-block',
@@ -274,8 +275,11 @@ function IconSelector(prop) {
       onClick: function onClick() {
         return loadData(page, searchKey);
       }
-    }, "\u5237\u65B0"))
-  }, /*#__PURE__*/React.createElement("div", {
+    }, "\u5237\u65B0")),
+    getContainer: function getContainer() {
+      return document.body;
+    }
+  }, modalProps), /*#__PURE__*/React.createElement("div", {
     style: {
       minHeight: '120px'
     }

package/es/components/InputMultiLine.d.ts

@@ -14,6 +14,7 @@ export declare type InputMultiLineProps = ProFormItemProps<InputProps> & {
     rows?: number;
     /** @name 最大输入行数 */
     maxRows?: number;
+    getPopupContainer?: (triggerNode: any) => HTMLElement;
 };
 declare const InputMultiLine: React.ForwardRefExoticComponent<{
     fieldProps?: (import("../../../form/lib/interface").FieldProps & InputProps) | undefined;
@@ -37,5 +38,6 @@ declare const InputMultiLine: React.ForwardRefExoticComponent<{
     rows?: number | undefined;
     /** @name 最大输入行数 */
     maxRows?: number | undefined;
+    getPopupContainer?: ((triggerNode: any) => HTMLElement) | undefined;
 } & React.RefAttributes<unknown>>;
 export default InputMultiLine;

package/es/components/InputMultiLine.js

@@ -6,7 +6,7 @@ import _Input from "antd/es/input";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-var _excluded = ["name", "rows", "maxRows", "placement", "popWidth", "fieldProps", "defaultValue", "allowClear"];
+var _excluded = ["name", "rows", "maxRows", "placement", "popWidth", "fieldProps", "defaultValue", "allowClear", "getPopupContainer"];
 import React, { useRef, useState, useEffect, useContext, useMemo, useImperativeHandle } from 'react';
 import { ProFormText, ProFormContext } from 'ls-pro-form';
 import { UnorderedListOutlined } from '@ant-design/icons';
@@ -48,6 +48,10 @@ var InputMultiLine = /*#__PURE__*/React.forwardRef(function (prop, ref) {
       defaultValue = prop.defaultValue,
       _prop$allowClear = prop.allowClear,
       allowClear = _prop$allowClear === void 0 ? true : _prop$allowClear,
+      _prop$getPopupContain = prop.getPopupContainer,
+      getPopupContainer = _prop$getPopupContain === void 0 ? function (triggerNode) {
+    return triggerNode.parentNode;
+  } : _prop$getPopupContain,
       rest = _objectWithoutProperties(prop, _excluded); // 设置初始值
 
 
@@ -112,7 +116,8 @@ var InputMultiLine = /*#__PURE__*/React.forwardRef(function (prop, ref) {
       })),
       trigger: "click",
       visible: rest.disabled || (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.disabled) ? false : visible,
-      onVisibleChange: setVisible
+      onVisibleChange: setVisible,
+      getPopupContainer: getPopupContainer
     }, /*#__PURE__*/React.createElement(UnorderedListOutlined, {
       onClick: function onClick(e) {
         setVisible(true);

package/es/utils/index.js

@@ -150,7 +150,7 @@ export var setCookie = function setCookie(key, value) {
     var d = new Date(Date.now() + day * 24 * 60 * 60 * 1000);
     document.cookie = "".concat(key, "=").concat(value, ";expires=").concat(d.toUTCString(), ";path=/");
   } else {
-    document.cookie = key + "=;path=/";
+    document.cookie = key + "=" + value + ";path=/";
   }
 };
 /**

package/lib/components/IconSelector.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { InputProps } from 'antd';
+import type { InputProps, ModalProps } from 'antd';
 import type { ProFormItemProps } from 'ls-pro-form';
 export declare type IconSelectorProps = ProFormItemProps<InputProps> & {
     /** @name 图标类型 */
@@ -14,6 +14,7 @@ export declare type IconSelectorProps = ProFormItemProps<InputProps> & {
      * @name 最大值, 默认2M
      */
     maxSize?: number;
+    modalProps?: ModalProps;
 };
 declare function IconSelector(prop: IconSelectorProps): JSX.Element;
 export default IconSelector;

package/lib/components/IconSelector.js

@@ -51,7 +51,7 @@ var _http = require("../http");
 
 var _utils = require("../utils");
 
-var _excluded = ["type", "uploadable", "readonly", "allowClear", "title", "modalWidth", "name", "maxSize"];
+var _excluded = ["type", "uploadable", "readonly", "allowClear", "title", "modalWidth", "name", "maxSize", "modalProps"];
 var fileCenter = (0, _utils.getCache)('file-center-api') || '/zuul/petrel-file-center-api/';
 var pageSize = 16;
 
@@ -103,6 +103,7 @@ function IconSelector(prop) {
       name = prop.name,
       _prop$maxSize = prop.maxSize,
       maxSize = _prop$maxSize === void 0 ? 2 : _prop$maxSize,
+      modalProps = prop.modalProps,
       rest = (0, _objectWithoutProperties2.default)(prop, _excluded);
   var uploadImgApi = (0, _react.useMemo)(function () {
     return (0, _utils.toGatewayUrl)(fileCenter + 'file/upload/' + type);
@@ -244,7 +245,7 @@ function IconSelector(prop) {
   }, rest.fieldProps, {
     readOnly: readonly,
     allowClear: allowClear
-  }))), /*#__PURE__*/_react.default.createElement(_modal.default, {
+  }))), /*#__PURE__*/_react.default.createElement(_modal.default, (0, _extends2.default)({
     title: /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("span", null, title), /*#__PURE__*/_react.default.createElement("span", {
       style: {
         display: 'inline-block',
@@ -304,8 +305,11 @@ function IconSelector(prop) {
       onClick: function onClick() {
         return loadData(page, searchKey);
       }
-    }, "\u5237\u65B0"))
-  }, /*#__PURE__*/_react.default.createElement("div", {
+    }, "\u5237\u65B0")),
+    getContainer: function getContainer() {
+      return document.body;
+    }
+  }, modalProps), /*#__PURE__*/_react.default.createElement("div", {
     style: {
       minHeight: '120px'
     }

package/lib/components/InputMultiLine.d.ts

@@ -14,6 +14,7 @@ export declare type InputMultiLineProps = ProFormItemProps<InputProps> & {
     rows?: number;
     /** @name 最大输入行数 */
     maxRows?: number;
+    getPopupContainer?: (triggerNode: any) => HTMLElement;
 };
 declare const InputMultiLine: React.ForwardRefExoticComponent<{
     fieldProps?: (import("../../../form/lib/interface").FieldProps & InputProps) | undefined;
@@ -37,5 +38,6 @@ declare const InputMultiLine: React.ForwardRefExoticComponent<{
     rows?: number | undefined;
     /** @name 最大输入行数 */
     maxRows?: number | undefined;
+    getPopupContainer?: ((triggerNode: any) => HTMLElement) | undefined;
 } & React.RefAttributes<unknown>>;
 export default InputMultiLine;

package/lib/components/InputMultiLine.js

@@ -31,7 +31,7 @@ var _lsProForm = require("ls-pro-form");
 
 var _icons = require("@ant-design/icons");
 
-var _excluded = ["name", "rows", "maxRows", "placement", "popWidth", "fieldProps", "defaultValue", "allowClear"];
+var _excluded = ["name", "rows", "maxRows", "placement", "popWidth", "fieldProps", "defaultValue", "allowClear", "getPopupContainer"];
 
 var InputMultiLine = /*#__PURE__*/_react.default.forwardRef(function (prop, ref) {
   //@ts-ignore
@@ -70,6 +70,10 @@ var InputMultiLine = /*#__PURE__*/_react.default.forwardRef(function (prop, ref)
       defaultValue = prop.defaultValue,
       _prop$allowClear = prop.allowClear,
       allowClear = _prop$allowClear === void 0 ? true : _prop$allowClear,
+      _prop$getPopupContain = prop.getPopupContainer,
+      getPopupContainer = _prop$getPopupContain === void 0 ? function (triggerNode) {
+    return triggerNode.parentNode;
+  } : _prop$getPopupContain,
       rest = (0, _objectWithoutProperties2.default)(prop, _excluded); // 设置初始值
 
   (0, _react.useEffect)(function () {
@@ -133,7 +137,8 @@ var InputMultiLine = /*#__PURE__*/_react.default.forwardRef(function (prop, ref)
       })),
       trigger: "click",
       visible: rest.disabled || (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.disabled) ? false : visible,
-      onVisibleChange: setVisible
+      onVisibleChange: setVisible,
+      getPopupContainer: getPopupContainer
     }, /*#__PURE__*/_react.default.createElement(_icons.UnorderedListOutlined, {
       onClick: function onClick(e) {
         setVisible(true);

package/lib/utils/index.js

@@ -225,7 +225,7 @@ var setCookie = function setCookie(key, value) {
     var d = new Date(Date.now() + day * 24 * 60 * 60 * 1000);
     document.cookie = "".concat(key, "=").concat(value, ";expires=").concat(d.toUTCString(), ";path=/");
   } else {
-    document.cookie = key + "=;path=/";
+    document.cookie = key + "=" + value + ";path=/";
   }
 };
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ls-pro-common",
-  "version": "1.0.52",
+  "version": "1.0.53",
   "description": "ls-pro-common",
   "keywords": [
     "antd",  
@@ -28,7 +28,7 @@
   ],
   "dependencies": {
     "@ant-design/icons": "^4.3.0",
-    "ls-pro-table": "2.62.39",
+    "ls-pro-table": "2.62.40",
     "ls-pro-form": "1.52.28",
     "@babel/runtime": "^7.16.3",
     "classnames": "^2.2.6",