@qn-pandora/pandora-component 4.0.0 → 4.0.2

package/lib/index.css

@@ -8,25 +8,6 @@
 /* stylelint-disable no-duplicate-selectors */
 /* stylelint-disable */
 /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
-.ant-select-auto-complete {
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  margin: 0;
-  padding: 0;
-  color: rgba(0, 0, 0, 0.85);
-  font-size: 14px;
-  font-variant: tabular-nums;
-  line-height: 1.5715;
-  list-style: none;
-  -webkit-font-feature-settings: 'tnum';
-          font-feature-settings: 'tnum';
-}
-.ant-select-auto-complete .ant-select-clear {
-  right: 13px;
-}
-.pandora-sdk-auto-complete .ant-input {
-  border: 0px;
-}
 .ant-breadcrumb {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -102,6 +83,25 @@
 .pandora-sdk-breadcrumb a {
   text-decoration: none;
 }
+.ant-select-auto-complete {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0, 0, 0, 0.85);
+  font-size: 14px;
+  font-variant: tabular-nums;
+  line-height: 1.5715;
+  list-style: none;
+  -webkit-font-feature-settings: 'tnum';
+          font-feature-settings: 'tnum';
+}
+.ant-select-auto-complete .ant-select-clear {
+  right: 13px;
+}
+.pandora-sdk-auto-complete .ant-input {
+  border: 0px;
+}
 .ant-btn {
   line-height: 1.5715;
   position: relative;
@@ -3092,120 +3092,6 @@ a.ant-btn-sm {
 .pandora-sdk-card .ant-card-head .ant-card-extra {
   padding: 0;
 }
-.ant-divider {
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  margin: 0;
-  padding: 0;
-  color: rgba(0, 0, 0, 0.85);
-  font-size: 14px;
-  font-variant: tabular-nums;
-  line-height: 1.5715;
-  list-style: none;
-  -webkit-font-feature-settings: 'tnum';
-          font-feature-settings: 'tnum';
-  border-top: 1px solid rgba(0, 0, 0, 0.06);
-}
-.ant-divider-vertical {
-  position: relative;
-  top: -0.06em;
-  display: inline-block;
-  height: 0.9em;
-  margin: 0 8px;
-  vertical-align: middle;
-  border-top: 0;
-  border-left: 1px solid rgba(0, 0, 0, 0.06);
-}
-.ant-divider-horizontal {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  clear: both;
-  width: 100%;
-  min-width: 100%;
-  margin: 24px 0;
-}
-.ant-divider-horizontal.ant-divider-with-text {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  margin: 16px 0;
-  color: rgba(0, 0, 0, 0.85);
-  font-weight: 500;
-  font-size: 16px;
-  white-space: nowrap;
-  text-align: center;
-  border-top: 0;
-  border-top-color: rgba(0, 0, 0, 0.06);
-}
-.ant-divider-horizontal.ant-divider-with-text::before,
-.ant-divider-horizontal.ant-divider-with-text::after {
-  position: relative;
-  top: 50%;
-  width: 50%;
-  border-top: 1px solid transparent;
-  border-top-color: inherit;
-  border-bottom: 0;
-  -webkit-transform: translateY(50%);
-          transform: translateY(50%);
-  content: '';
-}
-.ant-divider-horizontal.ant-divider-with-text-left::before {
-  top: 50%;
-  width: 5%;
-}
-.ant-divider-horizontal.ant-divider-with-text-left::after {
-  top: 50%;
-  width: 95%;
-}
-.ant-divider-horizontal.ant-divider-with-text-right::before {
-  top: 50%;
-  width: 95%;
-}
-.ant-divider-horizontal.ant-divider-with-text-right::after {
-  top: 50%;
-  width: 5%;
-}
-.ant-divider-inner-text {
-  display: inline-block;
-  padding: 0 1em;
-}
-.ant-divider-dashed {
-  background: none;
-  border-color: rgba(0, 0, 0, 0.06);
-  border-style: dashed;
-  border-width: 1px 0 0;
-}
-.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed {
-  border-top: 0;
-}
-.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::before,
-.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::after {
-  border-style: dashed none none;
-}
-.ant-divider-vertical.ant-divider-dashed {
-  border-width: 0 0 0 1px;
-}
-.ant-divider-plain.ant-divider-with-text {
-  color: rgba(0, 0, 0, 0.85);
-  font-weight: normal;
-  font-size: 14px;
-}
-.ant-divider-rtl {
-  direction: rtl;
-}
-.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::before {
-  width: 95%;
-}
-.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::after {
-  width: 5%;
-}
-.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::before {
-  width: 5%;
-}
-.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::after {
-  width: 95%;
-}
 @-webkit-keyframes antCheckboxEffect {
   0% {
     -webkit-transform: scale(1);
@@ -3456,6 +3342,123 @@ a.ant-btn-sm {
 .ant-checkbox-group-rtl .ant-checkbox-group-item + .ant-checkbox-group-item {
   margin-left: 8px;
 }
+.ant-checkbox-inner::after {
+  left: 20%;
+}
+.ant-divider {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0, 0, 0, 0.85);
+  font-size: 14px;
+  font-variant: tabular-nums;
+  line-height: 1.5715;
+  list-style: none;
+  -webkit-font-feature-settings: 'tnum';
+          font-feature-settings: 'tnum';
+  border-top: 1px solid rgba(0, 0, 0, 0.06);
+}
+.ant-divider-vertical {
+  position: relative;
+  top: -0.06em;
+  display: inline-block;
+  height: 0.9em;
+  margin: 0 8px;
+  vertical-align: middle;
+  border-top: 0;
+  border-left: 1px solid rgba(0, 0, 0, 0.06);
+}
+.ant-divider-horizontal {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  clear: both;
+  width: 100%;
+  min-width: 100%;
+  margin: 24px 0;
+}
+.ant-divider-horizontal.ant-divider-with-text {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  margin: 16px 0;
+  color: rgba(0, 0, 0, 0.85);
+  font-weight: 500;
+  font-size: 16px;
+  white-space: nowrap;
+  text-align: center;
+  border-top: 0;
+  border-top-color: rgba(0, 0, 0, 0.06);
+}
+.ant-divider-horizontal.ant-divider-with-text::before,
+.ant-divider-horizontal.ant-divider-with-text::after {
+  position: relative;
+  top: 50%;
+  width: 50%;
+  border-top: 1px solid transparent;
+  border-top-color: inherit;
+  border-bottom: 0;
+  -webkit-transform: translateY(50%);
+          transform: translateY(50%);
+  content: '';
+}
+.ant-divider-horizontal.ant-divider-with-text-left::before {
+  top: 50%;
+  width: 5%;
+}
+.ant-divider-horizontal.ant-divider-with-text-left::after {
+  top: 50%;
+  width: 95%;
+}
+.ant-divider-horizontal.ant-divider-with-text-right::before {
+  top: 50%;
+  width: 95%;
+}
+.ant-divider-horizontal.ant-divider-with-text-right::after {
+  top: 50%;
+  width: 5%;
+}
+.ant-divider-inner-text {
+  display: inline-block;
+  padding: 0 1em;
+}
+.ant-divider-dashed {
+  background: none;
+  border-color: rgba(0, 0, 0, 0.06);
+  border-style: dashed;
+  border-width: 1px 0 0;
+}
+.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed {
+  border-top: 0;
+}
+.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::before,
+.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::after {
+  border-style: dashed none none;
+}
+.ant-divider-vertical.ant-divider-dashed {
+  border-width: 0 0 0 1px;
+}
+.ant-divider-plain.ant-divider-with-text {
+  color: rgba(0, 0, 0, 0.85);
+  font-weight: normal;
+  font-size: 14px;
+}
+.ant-divider-rtl {
+  direction: rtl;
+}
+.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::before {
+  width: 95%;
+}
+.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::after {
+  width: 5%;
+}
+.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::before {
+  width: 5%;
+}
+.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::after {
+  width: 95%;
+}
 .ant-input-affix-wrapper {
   position: relative;
   display: inline-block;
@@ -4273,17 +4276,6 @@ textarea.ant-input {
 .pandora-sdk-check-transform .pandora-sdk-check-transform-checkBox .pandora-sdk-check-transform-checkbox-group {
   line-height: 40px;
 }
-.ant-checkbox-inner::after {
-  left: 20%;
-}
-.pandora-sdk-checkbox-item {
-  white-space: nowrap;
-  width: 100%;
-}
-.pandora-sdk-checkbox-item.ant-checkbox-wrapper {
-  margin-left: 0;
-  line-height: 25px;
-}
 .ant-collapse {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -4544,6 +4536,14 @@ textarea.ant-input {
   padding-left: 16px;
   padding-right: 16px;
 }
+.pandora-sdk-checkbox-item {
+  white-space: nowrap;
+  width: 100%;
+}
+.pandora-sdk-checkbox-item.ant-checkbox-wrapper {
+  margin-left: 0;
+  line-height: 25px;
+}
 .ant-popover {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -11731,24 +11731,6 @@ textarea.ant-pagination-options-quick-jumper input {
 .pandora-sdk-popover > div {
   margin: 4px;
 }
-.pandora-sdk-transfer-container {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: justify;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
-}
-.pandora-sdk-transfer-container .pandora-sdk-transfer-divider {
-  height: 400px;
-}
-.pandora-sdk-transfer-container .pandora-sdk-transfer-list {
-  -webkit-box-flex: 1;
-      -ms-flex-positive: 1;
-          flex-grow: 1;
-  -ms-flex-preferred-size: 200px;
-      flex-basis: 200px;
-}
 .pandora-sdk-timeline-container {
   list-style: none;
   margin: 0;
@@ -11770,6 +11752,24 @@ textarea.ant-pagination-options-quick-jumper input {
 .pandora-sdk-timeline-container .pandora-sdk-icon:hover {
   color: #7a869a;
 }
+.pandora-sdk-transfer-container {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+}
+.pandora-sdk-transfer-container .pandora-sdk-transfer-divider {
+  height: 400px;
+}
+.pandora-sdk-transfer-container .pandora-sdk-transfer-list {
+  -webkit-box-flex: 1;
+      -ms-flex-positive: 1;
+          flex-grow: 1;
+  -ms-flex-preferred-size: 200px;
+      flex-basis: 200px;
+}
 @-webkit-keyframes ant-tree-node-fx-do-not-use {
   0% {
     opacity: 0;
@@ -19636,9 +19636,6 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
 .pandora-sdk-popover-list .pandora-sdk-item.pandora-sdk-disabled {
   color: #bfbfbf;
 }
-.pandora-sdk-prev-button {
-  margin-right: 10px;
-}
 .pandora-sdk-table-columnTag-groupTag {
   padding: 4px;
   height: 24px;
@@ -19678,6 +19675,9 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
       flex-wrap: wrap;
   width: 400px;
 }
+.pandora-sdk-prev-button {
+  margin-right: 10px;
+}
 .pandora-sdk-root {
   display: inline-block;
   line-height: 24px;
@@ -19770,37 +19770,6 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
 .pandora-sdk-switch.pandora-sdk-active.pandora-sdk-blue {
   background: #03a9f4;
 }
-.pandora-sdk-transfer-list {
-  overflow: hidden;
-}
-.pandora-sdk-transfer-list .pandora-sdk-transfer-title {
-  margin-bottom: 10px;
-}
-.pandora-sdk-transfer-list .pandora-sdk-transfer-search {
-  margin-bottom: 10px;
-}
-.pandora-sdk-transfer-list .pandora-sdk-transfer-mb10 {
-  margin-bottom: 10px;
-}
-.pandora-sdk-search-icon {
-  color: inherit;
-}
-.pandora-sdk-transfer-list-body {
-  height: 300px;
-  overflow-y: scroll;
-}
-.pandora-sdk-transfer-list-body .pandora-sdk-transfer-check-box-container {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.pandora-sdk-transfer-list-body .pandora-sdk-transfer-check-box-container .pandora-sdk-transfer-check-box-label {
-  padding-right: 0px;
-  padding-left: 8px;
-}
-.pandora-sdk-transfer-list-body .pandora-sdk-transfer-mb10 {
-  margin-bottom: 10px;
-}
 .pandora-sdk-timeline-item {
   font-size: 14px;
   list-style: none;
@@ -19845,41 +19814,36 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
   font-size: 14px;
   color: #333;
 }
-.pandora-sdk-datetime-mobile-pick-range-preset-head {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px;
-  position: relative;
+.pandora-sdk-transfer-list {
+  overflow: hidden;
 }
-.pandora-sdk-datetime-mobile-pick-range-preset-head .pandora-sdk-datetime-mobile-pick-range-preset-head-selector {
-  width: 60%;
+.pandora-sdk-transfer-list .pandora-sdk-transfer-title {
+  margin-bottom: 10px;
 }
-.pandora-sdk-datetime-mobile-pick-range-preset-head .pandora-sdk-datetime-mobile-pick-range-preset-head-button {
-  position: absolute;
-  right: 10px;
+.pandora-sdk-transfer-list .pandora-sdk-transfer-search {
+  margin-bottom: 10px;
 }
-.pandora-sdk-datetime-mobile-pick-range-sub-title {
-  text-align: left;
-  margin: 8px;
-  padding: 2px 2px 2px 6px;
-  background-color: #ebecf0;
+.pandora-sdk-transfer-list .pandora-sdk-transfer-mb10 {
+  margin-bottom: 10px;
 }
-.am-picker-col-indicator {
-  background-color: rgba(235, 236, 240, 0.5);
+.pandora-sdk-search-icon {
+  color: inherit;
 }
-.am-modal-content {
-  border-radius: 12px;
+.pandora-sdk-transfer-list-body {
+  height: 300px;
+  overflow-y: scroll;
 }
-.pandora-sdk-datetime-mobile-pick-range-div-containter {
-  width: 32px;
-  margin: 0 auto;
-  margin-top: 10px;
-  margin-bottom: 5px;
+.pandora-sdk-transfer-list-body .pandora-sdk-transfer-check-box-container {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
-.pandora-sdk-datetime-mobile-pick-range-div-containter .pandora-sdk-datetime-mobile-pick-range-div {
-  border-radius: 2px;
-  border: 2px solid #939393;
+.pandora-sdk-transfer-list-body .pandora-sdk-transfer-check-box-container .pandora-sdk-transfer-check-box-label {
+  padding-right: 0px;
+  padding-left: 8px;
+}
+.pandora-sdk-transfer-list-body .pandora-sdk-transfer-mb10 {
+  margin-bottom: 10px;
 }
 .pandora-sdk-panel-title {
   display: -webkit-box;
@@ -19909,3 +19873,39 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
 .pandora-sdk-panel-disable {
   cursor: default;
 }
+.pandora-sdk-datetime-mobile-pick-range-preset-head {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  padding: 10px;
+  position: relative;
+}
+.pandora-sdk-datetime-mobile-pick-range-preset-head .pandora-sdk-datetime-mobile-pick-range-preset-head-selector {
+  width: 60%;
+}
+.pandora-sdk-datetime-mobile-pick-range-preset-head .pandora-sdk-datetime-mobile-pick-range-preset-head-button {
+  position: absolute;
+  right: 10px;
+}
+.pandora-sdk-datetime-mobile-pick-range-sub-title {
+  text-align: left;
+  margin: 8px;
+  padding: 2px 2px 2px 6px;
+  background-color: #ebecf0;
+}
+.am-picker-col-indicator {
+  background-color: rgba(235, 236, 240, 0.5);
+}
+.am-modal-content {
+  border-radius: 12px;
+}
+.pandora-sdk-datetime-mobile-pick-range-div-containter {
+  width: 32px;
+  margin: 0 auto;
+  margin-top: 10px;
+  margin-bottom: 5px;
+}
+.pandora-sdk-datetime-mobile-pick-range-div-containter .pandora-sdk-datetime-mobile-pick-range-div {
+  border-radius: 2px;
+  border: 2px solid #939393;
+}

package/lib/index.less

@@ -1,49 +1,49 @@
-@import './style/mixin.less';
-@import './style/theme.less';
-@import './components/AutoComplete/style.less';
-@import './components/Breadcrumb/style.less';
-@import './components/Button/style.less';
-@import './components/Card/style.less';
-@import './components/CheckTransformList/style.less';
-@import './components/Checkbox/style.less';
-@import './components/CheckboxList/style.less';
-@import './components/Collapse/style.less';
-@import './components/CollapsiblePanel/style.less';
-@import './components/DateTimePicker/style.less';
-@import './components/Drawer/style.less';
-@import './components/Input/style.less';
-@import './components/KeyValuePair/style.less';
-@import './components/Menu/style.less';
-@import './components/Modal/style.less';
-@import './components/NameExplainTooltip/style.less';
-@import './components/NameLimiter/style.less';
-@import './components/OptionList/style.less';
-@import './components/RadioGroup/style.less';
-@import './components/RangeInput/style.less';
-@import './components/Selector/style.less';
-@import './components/RemarkName/style.less';
-@import './components/Spin/style.less';
-@import './components/Steps/style.less';
-@import './components/Table/style.less';
-@import './components/Tabs/style.less';
-@import './components/TagList/style.less';
-@import './components/Transfer/style.less';
-@import './components/Timeline/style.less';
-@import './components/TreeSelector/style.less';
-@import './components/Card/RowExtra/style.less';
-@import './components/Card/SearchInput/style.less';
-@import './components/DateTimePicker/Base/style.less';
-@import './components/DateTimePicker/BaseMobile/style.less';
-@import './components/DateTimePicker/DisplayInput/style.less';
-@import './components/OptionList/InlineOptionList/style.less';
-@import './components/OptionList/OptionItem/style.less';
-@import './components/OptionList/PopoverOptionList/style.less';
-@import './components/Steps/ControlButton/style.less';
-@import './components/Table/ColumnTag/style.less';
-@import './components/TagList/Tag/style.less';
-@import './components/TagList/TagSwitch/style.less';
-@import './components/Transfer/List/style.less';
-@import './components/Transfer/ListBody/style.less';
-@import './components/Timeline/TimelineItem/style.less';
-@import './components/DateTimePicker/BaseMobile/Absolute/style.less';
-@import './components/DateTimePicker/Collapse/Panel/style.less';
+@import './style\mixin.less';
+@import './style\theme.less';
+@import './components\Breadcrumb\style.less';
+@import './components\AutoComplete\style.less';
+@import './components\Button\style.less';
+@import './components\Card\style.less';
+@import './components\Checkbox\style.less';
+@import './components\CheckTransformList\style.less';
+@import './components\Collapse\style.less';
+@import './components\CollapsiblePanel\style.less';
+@import './components\CheckboxList\style.less';
+@import './components\DateTimePicker\style.less';
+@import './components\Drawer\style.less';
+@import './components\Input\style.less';
+@import './components\KeyValuePair\style.less';
+@import './components\Menu\style.less';
+@import './components\Modal\style.less';
+@import './components\NameExplainTooltip\style.less';
+@import './components\NameLimiter\style.less';
+@import './components\RadioGroup\style.less';
+@import './components\OptionList\style.less';
+@import './components\RangeInput\style.less';
+@import './components\RemarkName\style.less';
+@import './components\Selector\style.less';
+@import './components\Spin\style.less';
+@import './components\Steps\style.less';
+@import './components\Table\style.less';
+@import './components\Tabs\style.less';
+@import './components\TagList\style.less';
+@import './components\Timeline\style.less';
+@import './components\Transfer\style.less';
+@import './components\TreeSelector\style.less';
+@import './components\Card\RowExtra\style.less';
+@import './components\Card\SearchInput\style.less';
+@import './components\DateTimePicker\Base\style.less';
+@import './components\DateTimePicker\BaseMobile\style.less';
+@import './components\DateTimePicker\DisplayInput\style.less';
+@import './components\OptionList\InlineOptionList\style.less';
+@import './components\OptionList\OptionItem\style.less';
+@import './components\OptionList\PopoverOptionList\style.less';
+@import './components\Table\ColumnTag\style.less';
+@import './components\Steps\ControlButton\style.less';
+@import './components\TagList\Tag\style.less';
+@import './components\TagList\TagSwitch\style.less';
+@import './components\Timeline\TimelineItem\style.less';
+@import './components\Transfer\List\style.less';
+@import './components\Transfer\ListBody\style.less';
+@import './components\DateTimePicker\Collapse\Panel\style.less';
+@import './components\DateTimePicker\BaseMobile\Absolute\style.less';