@qn-pandora/pandora-component 4.1.3 → 4.1.5

package/es/components/DateTimePicker/BaseMobile/Absolute/style.less

@@ -1,35 +1,35 @@
-@import '../../../../style/theme.less';
-.@{sdk-prefix}-datetime-mobile-pick-range-preset-head {
-  display: flex;
-  padding: 10px;
-  position: relative;
-  .@{sdk-prefix}-datetime-mobile-pick-range-preset-head-selector {
-    width: 60%;
-  }
-  .@{sdk-prefix}-datetime-mobile-pick-range-preset-head-button {
-    position: absolute;
-    right: 10px;
-  }
-}
-.@{sdk-prefix}-datetime-mobile-pick-range-sub-title {
-  text-align: left;
-  margin: 8px;
-  padding: 2px 2px 2px 6px;
-  background-color: @time-absolute-sub-title;
-}
-.am-picker-col-indicator {
-  background-color: @time-absolute-am-picker-col-indicator;
-}
-.am-modal-content {
-  border-radius: 12px;
-}
-.@{sdk-prefix}-datetime-mobile-pick-range-div-containter {
-  width: 32px;
-  margin: 0 auto;
-  margin-top: 10px;
-  margin-bottom: 5px;
-  .@{sdk-prefix}-datetime-mobile-pick-range-div {
-    border-radius: 2px;
-    border: 2px solid @time-absolute-picker-title-div;
-  }
-}
+@import '../../../../style/theme.less';
+.@{sdk-prefix}-datetime-mobile-pick-range-preset-head {
+  display: flex;
+  padding: 10px;
+  position: relative;
+  .@{sdk-prefix}-datetime-mobile-pick-range-preset-head-selector {
+    width: 60%;
+  }
+  .@{sdk-prefix}-datetime-mobile-pick-range-preset-head-button {
+    position: absolute;
+    right: 10px;
+  }
+}
+.@{sdk-prefix}-datetime-mobile-pick-range-sub-title {
+  text-align: left;
+  margin: 8px;
+  padding: 2px 2px 2px 6px;
+  background-color: @time-absolute-sub-title;
+}
+.am-picker-col-indicator {
+  background-color: @time-absolute-am-picker-col-indicator;
+}
+.am-modal-content {
+  border-radius: 12px;
+}
+.@{sdk-prefix}-datetime-mobile-pick-range-div-containter {
+  width: 32px;
+  margin: 0 auto;
+  margin-top: 10px;
+  margin-bottom: 5px;
+  .@{sdk-prefix}-datetime-mobile-pick-range-div {
+    border-radius: 2px;
+    border: 2px solid @time-absolute-picker-title-div;
+  }
+}

package/es/components/DateTimePicker/BaseMobile/style.css

@@ -1,9 +1,3 @@
-.ant-btn {
-  padding: 4px 15px;
-}
-.ant-btn-sm {
-  padding: 0 7px;
-}
 .pandora-sdk-datetime-mobile-picker-title .pandora-sdk-datetime-mobile-picker-title-div-containter {
   width: 32px;
   margin: 0 auto;

package/es/components/DateTimePicker/BaseMobile/style.less

@@ -1,32 +1,32 @@
-@import '../../../style/theme.less';
-
-.@{sdk-prefix}-datetime-mobile-picker-title {
-  .@{sdk-prefix}-datetime-mobile-picker-title-div-containter {
-    width: 32px;
-    margin: 0 auto;
-    margin-top: 10px;
-    margin-bottom: 5px;
-    .@{sdk-prefix}-datetime-mobile-picker-title-div {
-      border-radius: 2px;
-      border: 2px solid @time-absolute-picker-title-div;
-    }
-  }
-}
-
-.@{sdk-prefix}-datetime-mobile-picker {
-  border-radius: 12px;
-  .am-picker-popup-header-left {
-    visibility: hidden;
-  }
-  .am-picker-popup-content {
-    .am-picker-popup-body {
-      .am-picker-popup-header {
-        border-bottom: none;
-        background-image: none;
-        background-position: unset;
-        background-size: unset;
-        position: initial;
-      }
-    }
-  }
-}
+@import '../../../style/theme.less';
+
+.@{sdk-prefix}-datetime-mobile-picker-title {
+  .@{sdk-prefix}-datetime-mobile-picker-title-div-containter {
+    width: 32px;
+    margin: 0 auto;
+    margin-top: 10px;
+    margin-bottom: 5px;
+    .@{sdk-prefix}-datetime-mobile-picker-title-div {
+      border-radius: 2px;
+      border: 2px solid @time-absolute-picker-title-div;
+    }
+  }
+}
+
+.@{sdk-prefix}-datetime-mobile-picker {
+  border-radius: 12px;
+  .am-picker-popup-header-left {
+    visibility: hidden;
+  }
+  .am-picker-popup-content {
+    .am-picker-popup-body {
+      .am-picker-popup-header {
+        border-bottom: none;
+        background-image: none;
+        background-position: unset;
+        background-size: unset;
+        position: initial;
+      }
+    }
+  }
+}

package/es/components/DateTimePicker/Collapse/Panel/style.css

@@ -1,9 +1,3 @@
-.ant-btn {
-  padding: 4px 15px;
-}
-.ant-btn-sm {
-  padding: 0 7px;
-}
 .pandora-sdk-panel-title {
   display: -webkit-box;
   display: -ms-flexbox;

package/es/components/DateTimePicker/Collapse/Panel/style.less

@@ -1,26 +1,26 @@
-@import '../../../../style/theme.less';
-
-.@{sdk-prefix}-panel-title {
-  display: flex;
-  justify-content: space-between;
-  font-size: 12px;
-  color: @icon-color-2;
-  cursor: pointer;
-  padding-bottom: 16px;
-  border-bottom: 1px solid @border-color-base;
-  .icon {
-    font-size: 14px;
-  }
-}
-.@{sdk-prefix}-panel-content {
-  padding: 20px 0 0 0;
-}
-.@{sdk-prefix}-panel-hidden {
-  display: none;
-}
-.@{sdk-prefix}-panel {
-  margin-bottom: 20px;
-}
-.@{sdk-prefix}-panel-disable {
-  cursor: default;
-}
+@import '../../../../style/theme.less';
+
+.@{sdk-prefix}-panel-title {
+  display: flex;
+  justify-content: space-between;
+  font-size: 12px;
+  color: @icon-color-2;
+  cursor: pointer;
+  padding-bottom: 16px;
+  border-bottom: 1px solid @border-color-base;
+  .icon {
+    font-size: 14px;
+  }
+}
+.@{sdk-prefix}-panel-content {
+  padding: 20px 0 0 0;
+}
+.@{sdk-prefix}-panel-hidden {
+  display: none;
+}
+.@{sdk-prefix}-panel {
+  margin-bottom: 20px;
+}
+.@{sdk-prefix}-panel-disable {
+  cursor: default;
+}

package/es/components/DateTimePicker/DisplayInput/style.css

@@ -788,12 +788,6 @@ textarea.ant-input {
     height: auto;
   }
 }
-.ant-btn {
-  padding: 4px 15px;
-}
-.ant-btn-sm {
-  padding: 0 7px;
-}
 .pandora-sdk-datetime-pick-input .ant-input-suffix {
   pointer-events: none;
   color: #7a869a;

package/es/components/DateTimePicker/DisplayInput/style.less

@@ -1,9 +1,9 @@
-@import 'antd/lib/input/style/index.less';
-@import '../../../style/theme.less';
-
-.@{sdk-prefix}-datetime-pick-input {
-  .@{ant-prefix}-input-suffix {
-    pointer-events: none;
-    color: @font-color-3;
-  }
-}
+@import 'antd/lib/input/style/index.less';
+@import '../../../style/theme.less';
+
+.@{sdk-prefix}-datetime-pick-input {
+  .@{ant-prefix}-input-suffix {
+    pointer-events: none;
+    color: @font-color-3;
+  }
+}

package/es/components/DateTimePicker/style.css

@@ -320,12 +320,6 @@
   margin-right: 8px;
   margin-left: 0;
 }
-.ant-btn {
-  padding: 4px 15px;
-}
-.ant-btn-sm {
-  padding: 0 7px;
-}
 .pandora-sdk-datetime-pick-popover-root .ant-popover-inner-content {
   padding: 0;
 }

package/es/components/DateTimePicker/style.less

@@ -1,19 +1,19 @@
-@import 'antd/lib/popover/style/index.less';
-@import '../../style/theme.less';
-
-.@{sdk-prefix}-datetime-pick-popover-root {
-  .@{ant-prefix}-popover-inner-content {
-    padding: 0;
-  }
-  .@{ant-prefix}-btn {
-    line-height: 1.499;
-  }
-
-  .@{ant-prefix}-table {
-    line-height: 1.5;
-  }
-}
-
-.@{sdk-prefix}-datetime-pick-popover {
-  width: 650px;
-}
+@import 'antd/lib/popover/style/index.less';
+@import '../../style/theme.less';
+
+.@{sdk-prefix}-datetime-pick-popover-root {
+  .@{ant-prefix}-popover-inner-content {
+    padding: 0;
+  }
+  .@{ant-prefix}-btn {
+    line-height: 1.499;
+  }
+
+  .@{ant-prefix}-table {
+    line-height: 1.5;
+  }
+}
+
+.@{sdk-prefix}-datetime-pick-popover {
+  width: 650px;
+}

package/es/components/Descriptions/style.css

@@ -320,12 +320,6 @@
   margin-right: 8px;
   margin-left: 0;
 }
-.ant-btn {
-  padding: 4px 15px;
-}
-.ant-btn-sm {
-  padding: 0 7px;
-}
 .pandora-sdk-descriptions .pandora-sdk-remark-icon {
   margin-left: 5px;
 }

package/es/components/Descriptions/style.less

@@ -1,15 +1,15 @@
-@import 'antd/lib/popover/style/index.less';
-@import '../../style/theme.less';
-
-.@{sdk-prefix}-descriptions {
-  .@{sdk-prefix}-remark-icon {
-    margin-left: 5px;
-  }
-  .@{ant-prefix}-descriptions-item-label {
-    color: @font-color-9;
-  }
-
-  .@{ant-prefix}-descriptions-item-content {
-    color: @font-color-7;
-  }
-}
+@import 'antd/lib/popover/style/index.less';
+@import '../../style/theme.less';
+
+.@{sdk-prefix}-descriptions {
+  .@{sdk-prefix}-remark-icon {
+    margin-left: 5px;
+  }
+  .@{ant-prefix}-descriptions-item-label {
+    color: @font-color-9;
+  }
+
+  .@{ant-prefix}-descriptions-item-content {
+    color: @font-color-7;
+  }
+}

package/es/components/Drawer/CloseIcon/index.js

@@ -1,13 +1,15 @@
-import React from 'react';
+import React, { useContext } from 'react';
 import classnames from 'classnames';
 import { Tooltip } from 'antd';
+import { ConfigContext } from 'antd/es/config-provider';
 import { Close } from '@qn-pandora/pandora-component-icons';
 import { SDK_PREFIX } from '../../../constants/style';
 import { formatString } from '../../../utils/language';
 import { ModalLocale } from '../../../constants/language/modal/type';
 export var CloseIcon = function (props) {
+    var locale = useContext(ConfigContext).locale;
     var className = props.className, onClick = props.onClick;
-    return (React.createElement(Tooltip, { title: formatString(ModalLocale.close_tooltip) },
+    return (React.createElement(Tooltip, { title: formatString(ModalLocale.close_tooltip, locale) },
         React.createElement(Close, { className: classnames(SDK_PREFIX + "-modal-close-icon", className), onClick: onClick })));
 };
 export default CloseIcon;

package/es/components/Drawer/CloseIcon/style.css

@@ -1,9 +1,3 @@
-.ant-btn {
-  padding: 4px 15px;
-}
-.ant-btn-sm {
-  padding: 0 7px;
-}
 .pandora-sdk-modal-close-icon {
   font-size: 20px;
 }

package/es/components/Drawer/CloseIcon/style.less

@@ -1,8 +1,8 @@
-@import '../../../style/theme.less';
-
-.@{sdk-prefix}-modal-close-icon {
-  font-size: 20px;
-  &:hover {
-    background: @close-icon-hover-color;
-  }
-}
+@import '../../../style/theme.less';
+
+.@{sdk-prefix}-modal-close-icon {
+  font-size: 20px;
+  &:hover {
+    background: @close-icon-hover-color;
+  }
+}

package/es/components/Drawer/style.css

@@ -251,12 +251,6 @@
   margin-right: 0;
   margin-left: 12px;
 }
-.ant-btn {
-  padding: 4px 15px;
-}
-.ant-btn-sm {
-  padding: 0 7px;
-}
 .pandora-sdk-drawer .ant-drawer-content-wrapper {
   width: 50%;
   min-width: 300px;

package/es/components/Drawer/style.less

@@ -1,48 +1,48 @@
-@import 'antd/lib/drawer/style/index.less';
-@import '../../style/theme.less';
-
-.@{sdk-prefix}-drawer {
-  .@{ant-prefix}-drawer-content-wrapper {
-    width: 50%;
-    min-width: 300px;
-  }
-  .@{ant-prefix}-drawer-content > div {
-    position: relative;
-  }
-  .@{ant-prefix}-drawer-close-x {
-    width: 60px;
-    height: 60px;
-    line-height: 60px;
-  }
-}
-
-.@{sdk-prefix}-drawer-size-small {
-  max-width: 38%;
-}
-.@{sdk-prefix}-drawer-size-default {
-  max-width: 50%;
-}
-.@{sdk-prefix}-drawer-size-large {
-  max-width: 75%;
-}
-
-.@{sdk-prefix}-drawer-no-mask {
-  .@{ant-prefix}-drawer-content-wrapper {
-    width: 100%;
-  }
-}
-
-.@{sdk-prefix}-scroll-handler {
-  position: absolute;
-  width: 5px;
-  padding: 4px 0 0;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  z-index: 100;
-  cursor: ew-resize;
-}
-
-.@{sdk-prefix}-drawer-close-icon {
-  margin-left: 24px;
-}
+@import 'antd/lib/drawer/style/index.less';
+@import '../../style/theme.less';
+
+.@{sdk-prefix}-drawer {
+  .@{ant-prefix}-drawer-content-wrapper {
+    width: 50%;
+    min-width: 300px;
+  }
+  .@{ant-prefix}-drawer-content > div {
+    position: relative;
+  }
+  .@{ant-prefix}-drawer-close-x {
+    width: 60px;
+    height: 60px;
+    line-height: 60px;
+  }
+}
+
+.@{sdk-prefix}-drawer-size-small {
+  max-width: 38%;
+}
+.@{sdk-prefix}-drawer-size-default {
+  max-width: 50%;
+}
+.@{sdk-prefix}-drawer-size-large {
+  max-width: 75%;
+}
+
+.@{sdk-prefix}-drawer-no-mask {
+  .@{ant-prefix}-drawer-content-wrapper {
+    width: 100%;
+  }
+}
+
+.@{sdk-prefix}-scroll-handler {
+  position: absolute;
+  width: 5px;
+  padding: 4px 0 0;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  z-index: 100;
+  cursor: ew-resize;
+}
+
+.@{sdk-prefix}-drawer-close-icon {
+  margin-left: 24px;
+}

package/es/components/FileResumable/style.css

@@ -674,12 +674,6 @@
   margin: 8px 0 0;
   padding: 0;
 }
-.ant-btn {
-  padding: 4px 15px;
-}
-.ant-btn-sm {
-  padding: 0 7px;
-}
 .pandora-sdk-file-resumable {
   cursor: pointer;
 }