@para-ui/core 3.0.50 → 3.0.51

package/Drawer/index.js

@@ -190,7 +190,7 @@ var Drawer = function Drawer(props) {
     motionAppear: true,
     motionEnter: true,
     motionLeave: true,
-    motionDeadline: 500
+    motionDeadline: 100
   };
   var panelMotion = function panelMotion(motionPlacement) {
     return {
@@ -198,7 +198,7 @@ var Drawer = function Drawer(props) {
       motionAppear: true,
       motionEnter: true,
       motionLeave: true,
-      motionDeadline: 500
+      motionDeadline: 100
     };
   };
   return jsx(RcDrawer, Object.assign({}, restProps, getOffsetStyle(), {

package/MultiBox/index.js

@@ -174,7 +174,7 @@ var MultiBox = function MultiBox(props) {
         size: size,
         disabled: disabled,
         placeholder: placeholderKey,
-        value: item[replaceFieldsCom.key || '']
+        value: item[replaceFieldsCom.key || ''] || ''
       }, handError(index, replaceFieldsCom.key || ''), {
         onChange: changeValue(replaceFieldsCom.key || '', index),
         fetchSuggestions: fetchSuggestionsKey ? fetchSuggestions('key') : undefined,
@@ -188,7 +188,7 @@ var MultiBox = function MultiBox(props) {
         size: size,
         disabled: disabled,
         placeholder: placeholderValue,
-        value: item[replaceFieldsCom.value || '']
+        value: item[replaceFieldsCom.value || ''] || ''
       }, handError(index, replaceFieldsCom.value || ''), {
         onChange: changeValue(replaceFieldsCom.value || '', index),
         fetchSuggestions: fetchSuggestionsValue ? fetchSuggestions('value') : undefined,

package/Notification/index.js

@@ -11,7 +11,7 @@ import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../_verture/typeof-498dd2b1.js';
 
-var css_248z = "@charset \"UTF-8\";\n/**\n * @author Hanz\n * @date 2022/1/13 上午10:30\n * @description 通知提醒框\n */\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-notification {\n  position: fixed;\n  margin: 0 24px 0 0;\n  padding: 0;\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n  z-index: 9999;\n}\n.paraui-v3-notification-topLeft, .paraui-v3-notification-bottomLeft {\n  margin-right: 0;\n  margin-left: 24px;\n}\n.paraui-v3-notification-topLeft .paraui-v3-notification-fade-enter.paraui-v3-notification-fade-enter-active, .paraui-v3-notification-bottomLeft .paraui-v3-notification-fade-enter.paraui-v3-notification-fade-enter-active, .paraui-v3-notification-topLeft .paraui-v3-notification-fade-appear.paraui-v3-notification-fade-appear-active, .paraui-v3-notification-bottomLeft .paraui-v3-notification-fade-appear.paraui-v3-notification-fade-appear-active {\n  animation-name: NotificationLeftFadeIn;\n}\n.paraui-v3-notification-hook-holder, .paraui-v3-notification-notice {\n  position: relative;\n  width: 430px;\n  max-width: calc(100vw - 48px);\n  margin-bottom: 16px;\n  margin-left: auto;\n  overflow: hidden;\n  word-wrap: break-word;\n  background: rgb(255, 255, 255);\n  border-radius: 4px;\n  box-shadow: 0px 2px 8px 0px rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-notification-topLeft .paraui-v3-notification-hook-holder, .paraui-v3-notification-topLeft .paraui-v3-notification-notice, .paraui-v3-notification-bottomLeft .paraui-v3-notification-hook-holder, .paraui-v3-notification-bottomLeft .paraui-v3-notification-notice {\n  margin-right: auto;\n  margin-left: 0;\n}\n.paraui-v3-notification-hook-holder > .paraui-v3-notification-notice {\n  margin-bottom: 0;\n  box-shadow: none;\n}\n.paraui-v3-notification-notice {\n  padding: 20px;\n  line-height: 1.5715;\n}\n.paraui-v3-notification-notice-content {\n  position: relative;\n}\n.paraui-v3-notification-notice-message {\n  margin-bottom: 8px;\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 24px;\n}\n.paraui-v3-notification-notice-message-single-line-auto-margin {\n  display: block;\n  width: calc(264px - 100%);\n  max-width: 4px;\n  background-color: transparent;\n  pointer-events: none;\n}\n.paraui-v3-notification-notice-message-single-line-auto-margin::before {\n  display: block;\n  content: \"\";\n}\n.paraui-v3-notification-notice-description {\n  font-size: 14px;\n  font-weight: 400;\n}\n.paraui-v3-notification-notice-closable .paraui-v3-notification-notice-message {\n  padding-right: 24px;\n}\n.paraui-v3-notification-notice-with-icon .paraui-v3-notification-notice-message {\n  margin-bottom: 4px;\n  margin-left: 24px;\n}\n.paraui-v3-notification-notice-with-icon .paraui-v3-notification-notice-description {\n  margin-left: 24px;\n}\n.paraui-v3-notification .paraui-v3-notification-notice-icon {\n  position: absolute;\n  top: 4px;\n  font-size: 16px;\n  line-height: 24px;\n}\n.paraui-v3-notification .paraui-v3-notification-notice-icon-success {\n  color: rgb(83, 195, 27);\n}\n.paraui-v3-notification .paraui-v3-notification-notice-icon-info {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-notification .paraui-v3-notification-notice-icon-warning {\n  color: rgb(255, 161, 80);\n}\n.paraui-v3-notification .paraui-v3-notification-notice-icon-error {\n  color: rgb(235, 96, 84);\n}\n.paraui-v3-notification-notice-close {\n  position: absolute;\n  top: 16px;\n  right: 22px;\n  color: rgba(46, 55, 67, 0.7);\n  outline: none;\n}\n.paraui-v3-notification-notice-close:hover {\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-notification .paraui-v3-notification-close-icon {\n  font-size: 18px;\n  cursor: pointer;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-notification-notice-btn {\n  float: right;\n  margin-top: 16px;\n}\n.paraui-v3-notification .notification-fade-effect {\n  animation-duration: 0.24s;\n  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);\n  animation-fill-mode: both;\n}\n.paraui-v3-notification-fade-enter, .paraui-v3-notification-fade-appear {\n  animation-duration: 0.24s;\n  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);\n  animation-fill-mode: both;\n  opacity: 0;\n  animation-play-state: paused;\n}\n.paraui-v3-notification-fade-leave {\n  animation-duration: 0.24s;\n  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n.paraui-v3-notification-fade-enter.paraui-v3-notification-fade-enter-active, .paraui-v3-notification-fade-appear.paraui-v3-notification-fade-appear-active {\n  animation-name: NotificationFadeIn;\n  animation-play-state: running;\n}\n.paraui-v3-notification-fade-leave.paraui-v3-notification-fade-leave-active {\n  animation-name: NotificationFadeOut;\n  animation-play-state: running;\n}\n@keyframes NotificationFadeIn {\n  0% {\n    left: 430px;\n    opacity: 0;\n  }\n  100% {\n    left: 0;\n    opacity: 1;\n  }\n}\n@keyframes NotificationLeftFadeIn {\n  0% {\n    right: 430px;\n    opacity: 0;\n  }\n  100% {\n    right: 0;\n    opacity: 1;\n  }\n}\n@keyframes NotificationFadeOut {\n  0% {\n    max-height: 150px;\n    margin-bottom: 16px;\n    opacity: 1;\n  }\n  100% {\n    max-height: 0;\n    margin-bottom: 0;\n    padding-top: 0;\n    padding-bottom: 0;\n    opacity: 0;\n  }\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n * @author Hanz\n * @date 2022/1/13 上午10:30\n * @description 通知提醒框\n */\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-notification {\n  position: fixed;\n  margin: 0 24px 0 0;\n  padding: 0;\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n  z-index: 9999;\n}\n.paraui-v3-notification-topLeft, .paraui-v3-notification-bottomLeft {\n  margin-right: 0;\n  margin-left: 24px;\n}\n.paraui-v3-notification-topLeft .paraui-v3-notification-fade-enter.paraui-v3-notification-fade-enter-active, .paraui-v3-notification-bottomLeft .paraui-v3-notification-fade-enter.paraui-v3-notification-fade-enter-active, .paraui-v3-notification-topLeft .paraui-v3-notification-fade-appear.paraui-v3-notification-fade-appear-active, .paraui-v3-notification-bottomLeft .paraui-v3-notification-fade-appear.paraui-v3-notification-fade-appear-active {\n  animation-name: NotificationLeftFadeIn;\n}\n.paraui-v3-notification-hook-holder, .paraui-v3-notification-notice {\n  position: relative;\n  width: 430px;\n  max-width: calc(100vw - 48px);\n  margin-bottom: 16px;\n  margin-left: auto;\n  overflow: hidden;\n  word-wrap: break-word;\n  background: rgb(255, 255, 255);\n  border-radius: 4px;\n  box-shadow: 0px 2px 8px 0px rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-notification-topLeft .paraui-v3-notification-hook-holder, .paraui-v3-notification-topLeft .paraui-v3-notification-notice, .paraui-v3-notification-bottomLeft .paraui-v3-notification-hook-holder, .paraui-v3-notification-bottomLeft .paraui-v3-notification-notice {\n  margin-right: auto;\n  margin-left: 0;\n}\n.paraui-v3-notification-hook-holder > .paraui-v3-notification-notice {\n  margin-bottom: 0;\n  box-shadow: none;\n}\n.paraui-v3-notification-notice {\n  padding: 20px;\n  line-height: 1.5715;\n}\n.paraui-v3-notification-notice-content {\n  position: relative;\n}\n.paraui-v3-notification-notice-message {\n  margin-bottom: 8px;\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 24px;\n}\n.paraui-v3-notification-notice-message-single-line-auto-margin {\n  display: block;\n  width: calc(264px - 100%);\n  max-width: 4px;\n  background-color: transparent;\n  pointer-events: none;\n}\n.paraui-v3-notification-notice-message-single-line-auto-margin::before {\n  display: block;\n  content: \"\";\n}\n.paraui-v3-notification-notice-description {\n  font-size: 14px;\n  font-weight: 400;\n}\n.paraui-v3-notification-notice-closable .paraui-v3-notification-notice-message {\n  padding-right: 24px;\n}\n.paraui-v3-notification-notice-with-icon .paraui-v3-notification-notice-message {\n  margin-bottom: 4px;\n  margin-left: 24px;\n}\n.paraui-v3-notification-notice-with-icon .paraui-v3-notification-notice-description {\n  margin-left: 24px;\n}\n.paraui-v3-notification-notice-without-description .paraui-v3-notification-notice-message {\n  margin-bottom: 0;\n}\n.paraui-v3-notification .paraui-v3-notification-notice-icon {\n  position: absolute;\n  top: 4px;\n  font-size: 16px;\n  line-height: 24px;\n}\n.paraui-v3-notification .paraui-v3-notification-notice-icon-success {\n  color: rgb(83, 195, 27);\n}\n.paraui-v3-notification .paraui-v3-notification-notice-icon-info {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-notification .paraui-v3-notification-notice-icon-warning {\n  color: rgb(255, 161, 80);\n}\n.paraui-v3-notification .paraui-v3-notification-notice-icon-error {\n  color: rgb(235, 96, 84);\n}\n.paraui-v3-notification-notice-close {\n  position: absolute;\n  top: 16px;\n  right: 22px;\n  color: rgba(46, 55, 67, 0.7);\n  outline: none;\n}\n.paraui-v3-notification-notice-close:hover {\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-notification .paraui-v3-notification-close-icon {\n  font-size: 18px;\n  cursor: pointer;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-notification-notice-btn {\n  float: right;\n  margin-top: 16px;\n}\n.paraui-v3-notification .notification-fade-effect {\n  animation-duration: 0.24s;\n  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);\n  animation-fill-mode: both;\n}\n.paraui-v3-notification-fade-enter, .paraui-v3-notification-fade-appear {\n  animation-duration: 0.24s;\n  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);\n  animation-fill-mode: both;\n  opacity: 0;\n  animation-play-state: paused;\n}\n.paraui-v3-notification-fade-leave {\n  animation-duration: 0.24s;\n  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n.paraui-v3-notification-fade-enter.paraui-v3-notification-fade-enter-active, .paraui-v3-notification-fade-appear.paraui-v3-notification-fade-appear-active {\n  animation-name: NotificationFadeIn;\n  animation-play-state: running;\n}\n.paraui-v3-notification-fade-leave.paraui-v3-notification-fade-leave-active {\n  animation-name: NotificationFadeOut;\n  animation-play-state: running;\n}\n@keyframes NotificationFadeIn {\n  0% {\n    left: 430px;\n    opacity: 0;\n  }\n  100% {\n    left: 0;\n    opacity: 1;\n  }\n}\n@keyframes NotificationLeftFadeIn {\n  0% {\n    right: 430px;\n    opacity: 0;\n  }\n  100% {\n    right: 0;\n    opacity: 1;\n  }\n}\n@keyframes NotificationFadeOut {\n  0% {\n    max-height: 150px;\n    margin-bottom: 16px;\n    opacity: 1;\n  }\n  100% {\n    max-height: 0;\n    margin-bottom: 0;\n    padding-top: 0;\n    padding-bottom: 0;\n    opacity: 0;\n  }\n}";
 styleInject(css_248z);
 
 //通知框实例存储
@@ -22,7 +22,10 @@ var defaultTop = 24;
 var defaultBottom = 24;
 var defaultPlacement = 'topRight';
 var defaultGetContainer;
-var defaultCloseIcon;
+var prefixCls = "".concat($prefixCls, "-notification");
+var defaultCloseIcon = jsx(CloseIcon, {
+  className: "".concat(prefixCls, "-close-icon")
+});
 var rtl = false;
 var maxCount;
 //设置全局配置
@@ -102,7 +105,7 @@ function getNotificationInstance(args, callback) {
     getContainer = _args$getContainer === void 0 ? defaultGetContainer : _args$getContainer,
     _args$closeIcon = args.closeIcon,
     closeIcon = _args$closeIcon === void 0 ? defaultCloseIcon : _args$closeIcon;
-  var prefixCls = "".concat($prefixCls, "-notification");
+  // const prefixCls = `${$prefixCls}-notification`;
   var cacheKey = "".concat(prefixCls, "-").concat(placement);
   var cacheInstance = notificationInstance[cacheKey];
   if (cacheInstance) {
@@ -160,7 +163,9 @@ function getNoticeProps(args, prefixCls) {
     onClick = args.onClick,
     key = args.key,
     style = args.style,
-    className = args.className;
+    className = args.className,
+    _args$closeIcon2 = args.closeIcon,
+    closeIcon = _args$closeIcon2 === void 0 ? defaultCloseIcon : _args$closeIcon2;
   var duration = durationArg === undefined ? defaultDuration : durationArg;
   var iconNode = null;
   if (icon) {
@@ -179,13 +184,13 @@ function getNoticeProps(args, prefixCls) {
   }) : null;
   return {
     content: jsxs("div", Object.assign({
-      className: iconNode ? "".concat(prefixCls, "-with-icon") : ''
+      className: "".concat(iconNode ? "".concat(prefixCls, "-with-icon") : '', " ").concat(description ? '' : prefixCls + '-without-description')
     }, {
       children: [iconNode, jsxs("div", Object.assign({
         className: "".concat(prefixCls, "-message")
       }, {
         children: [autoMarginTag, message]
-      })), jsx("div", Object.assign({
+      })), description && jsx("div", Object.assign({
         className: "".concat(prefixCls, "-description")
       }, {
         children: description
@@ -201,7 +206,8 @@ function getNoticeProps(args, prefixCls) {
     onClick: onClick,
     key: key,
     style: style || {},
-    className: clsx(className, _defineProperty({}, "".concat(prefixCls, "-").concat(type), !!type))
+    className: clsx(className, _defineProperty({}, "".concat(prefixCls, "-").concat(type), !!type)),
+    closeIcon: closeIcon
   };
 }
 //通知框调用方法

package/README.md

@@ -1,3 +1,10 @@
+## 版本: 3.0.51
+    para-ui/core@3.0.51 发布
+        【多值框-MultiBox】修复多值框删除渲染错乱
+        【单值框-SingleBox】修复单值框删除渲染错乱
+        【抽屉-Drawer】解决抽屉中含有弹窗时，关闭弹窗悬浮在导航栏不展示弹窗的问题
+        【通知提示框-Notification】支持移除closeIcon
+
 ## 版本: 3.0.50
     para-ui/core@3.0.50 发布
         【富文本-TextEditor】解决excludeKeys传常量时，富文本无限刷新的问题

package/SingleBox/index.js

@@ -182,7 +182,7 @@ var SingleBox = function SingleBox(props) {
             children: jsx(TextField, Object.assign({
               className: 'single-box-text-field',
               disabled: disabled,
-              value: item,
+              value: item || '',
               placeholder: placeholder,
               size: size
             }, handError(index), {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@para-ui/core",
   "private": false,
-  "version": "3.0.50",
+  "version": "3.0.51",
   "main": "./index.js",
   "typings": "./index.d.ts",
   "description": "Powered by Para FED",