@qn-pandora/pandora-component 3.1.1 → 4.0.1

package/es/components/Table/style.less

@@ -1,313 +1,306 @@
-@import 'antd/lib/table/style/index.less';
-@import 'antd/lib/pagination/style/index.less';
-@import '../../style/theme.less';
-@import '../../style/mixin.less';
-
-.@{sdk-prefix}-table-wrapper {
-  a {
-    color: @table-link-color;
-
-    &:hover {
-      text-decoration: underline;
-    }
-  }
-  .@{ant-prefix}-table {
-    color: @heading-color;
-    font-size: 12px;
-    colgroup {
-      .@{ant-prefix}-table-selection-col {
-        width: 36px;
-      }
-    }
-  }
-
-  .@{ant-prefix}-table-column-sorter {
-    .@{ant-prefix}-table-column-sorter-inner {
-      .on {
-        color: @theme-color !important;
-      }
-    }
-  }
-
-  .@{ant-prefix}-table-tbody > tr {
-    .@{ant-prefix}-table-selection-column {
-      text-align: left;
-    }
-  }
-
-  .@{ant-prefix}-table-thead > tr > th,
-  .@{ant-prefix}-table-tbody > tr > td {
-    padding: 12px;
-    line-height: 20px;
-  }
-
-  .@{ant-prefix}-table-thead > tr > th:first-child,
-  .@{ant-prefix}-table-tbody > tr > td:first-child {
-    padding-left: 20px;
-  }
-
-  .@{ant-prefix}-table-thead > tr > th:last-child,
-  .@{ant-prefix}-table-tbody > tr > td:last-child {
-    padding-right: 20px;
-  }
-
-  .@{ant-prefix}-table-thead > tr > th .anticon-filter {
-    line-height: 20px;
-    &.@{ant-prefix}-table-filter-selected {
-      color: @theme-color;
-    }
-  }
-
-  .@{ant-prefix}-table-thead
-    > tr
-    > th
-    .@{ant-prefix}-table-column-sorter
-    .@{ant-prefix}-table-column-sorter-inner {
-    margin-left: 8px;
-    color: @input-placeholder-color;
-    &:hover {
-      background: inherit;
-    }
-  }
-
-  .@{ant-prefix}-table-thead
-    > tr
-    > th
-    .@{ant-prefix}-table-header-column
-    .@{ant-prefix}-table-column-sorters
-    > .@{ant-prefix}-table-column-title {
-    display: inline-block;
-  }
-  .@{ant-prefix}-table-small {
-    border: none;
-  }
-
-  .@{ant-prefix}-table-thead > tr > th {
-    background: @table-thead-bg;
-    border-bottom: none !important;
-    color: @table-thead-color;
-    font-weight: 500;
-    .@{ant-prefix}-table-selection {
-      width: 16px;
-      .@{ant-prefix}-checkbox-wrapper {
-        display: none;
-      }
-    }
-  }
-
-  .@{ant-prefix}-table-thead
-    > tr
-    > th.@{ant-prefix}-table-selection-column
-    > .@{ant-prefix}-table-header-column {
-    visibility: hidden;
-  }
-
-  .@{ant-prefix}-table-thead
-    > tr
-    > th
-    .@{ant-prefix}-table-column-sorter
-    .@{ant-prefix}-table-column-sorter-inner-full
-    .@{ant-prefix}-table-column-sorter-down {
-    margin-top: 0;
-  }
-
-  .@{ant-prefix}-table-thead
-    > tr
-    > th
-    .@{ant-prefix}-table-column-sorter
-    .@{ant-prefix}-table-column-sorter-inner-full {
-    margin-top: -0.3em;
-  }
-
-  .@{ant-prefix}-table-thead
-    > tr
-    > th
-    .@{ant-prefix}-table-header-column
-    .@{ant-prefix}-table-column-sorters:hover::before {
-    background: inherit;
-  }
-
-  .@{ant-prefix}-table-tbody > tr > td {
-    border-bottom: none;
-  }
-
-  .@{ant-prefix}-table-tbody > tr > td.@{ant-prefix}-table-column-sort {
-    background: none;
-  }
-  .@{ant-prefix}-table-tbody > tr > td.@{ant-prefix}-table-selection-column {
-    padding-left: 20px;
-    width: 36px;
-  }
-
-  .@{sdk-prefix}-odd-table-row,
-  .@{sdk-prefix}-odd-table-row + .@{ant-prefix}-table-expanded-row {
-    background: @table-row-even-bg;
-  }
-  .@{sdk-prefix}-even-table-row,
-  .@{sdk-prefix}-even-table-row + .@{ant-prefix}-table-expanded-row {
-    background: @table-row-odd-bg;
-  }
-
-  .@{ant-prefix}-table-row {
-    &:hover {
-      background: @table-row-hover-bg;
-    }
-  }
-
-  .@{ant-prefix}-table-row-hover {
-    background: @table-row-hover-bg;
-  }
-
-  .@{ant-prefix}-table-placeholder {
-    border: none;
-  }
-
-  .@{ant-prefix}-table-tbody > tr.@{ant-prefix}-table-row-selected td {
-    transition: none;
-    background: inherit;
-  }
-
-  .@{ant-prefix}-pagination-item a:hover,
-  .@{ant-prefix}-pagination-item-link:hover {
-    text-decoration: none;
-  }
-
-  .@{ant-prefix}-pagination-item {
-    border-color: @pagination-item-border-color;
-    a {
-      color: @pagination-item-text-color;
-    }
-  }
-
-  .@{ant-prefix}-pagination-item:hover,
-  .@{ant-prefix}-pagination-item-active {
-    border-color: @table-link-color !important;
-    a {
-      color: @table-link-color !important;
-    }
-  }
-
-  .@{ant-prefix}-pagination-item-link,
-  .@{ant-prefix}-pagination-item-link {
-    border-color: @pagination-item-border-color;
-    i {
-      color: @pagination-item-text-color;
-    }
-  }
-
-  .@{ant-prefix}-pagination-item-link:hover,
-  .@{ant-prefix}-pagination-item-link:hover {
-    border-color: @table-link-color !important;
-    i {
-      color: @table-link-color !important;
-    }
-  }
-
-  .@{ant-prefix}-pagination-disabled {
-    .@{ant-prefix}-pagination-item-link:hover,
-    .@{ant-prefix}-pagination-item-link:hover {
-      border-color: @pagination-item-border-color !important;
-      i {
-        color: @pagination-item-text-color !important;
-      }
-    }
-  }
-
-  .@{ant-prefix}-pagination-options-size-changer {
-    color: @heading-color;
-    .@{ant-prefix}-select-selection {
-      border: solid 1px @pagination-item-border-color;
-    }
-    .@{ant-prefix}-select-selection--single {
-      height: 32px;
-      position: relative;
-      .@{ant-prefix}-select-selection__rendered {
-        line-height: 30px;
-      }
-    }
-  }
-  .@{ant-prefix}-table-thead > tr > th .@{ant-prefix}-table-filter-column,
-  .@{ant-prefix}-table-thead > tr > th .@{ant-prefix}-table-column-sorters {
-    display: flex;
-    flex-direction: row;
-    justify-content: flex-start;
-    .@{ant-prefix}-table-column-title {
-      flex: 0 1 auto;
-      padding-right: 0px;
-    }
-    .@{ant-prefix}-table-filter-trigger-container {
-      position: relative;
-    }
-  }
-
-  .@{ant-prefix}-table-filter-dropdown .@{ant-prefix}-dropdown-menu {
-    max-height: 200px;
-  }
-
-  .@{ant-prefix}-table-tbody > tr.@{ant-prefix}-table-row:hover > td {
-    background-color: @table-row-hover-bg;
-  }
-  .@{ant-prefix}-table-filter-trigger {
-    display: block;
-    line-height: 28px;
-  }
-  .@{sdk-prefix}-table-empty {
-    margin: 32px 0;
-    .@{sdk-prefix}-table-empty-text {
-      margin-top: 12px;
-      color: @icon-color;
-      font-size: 14px;
-    }
-  }
-}
-
-.@{sdk-prefix}-table-batch-opt {
-  position: absolute;
-  left: 40px;
-  bottom: 16px;
-  height: 32px;
-  line-height: 32px;
-
-  .@{sdk-prefix}-table-batch-opt-label {
-    color: @heading-color;
-    margin-right: 12px;
-    margin-left: 12px;
-  }
-
-  .@{sdk-prefix}-table-batch-opt-item {
-    margin-right: 10px;
-    cursor: pointer;
-    color: @theme-color;
-  }
-
-  .@{sdk-prefix}-table-batch-opt-disabled {
-    pointer-events: none;
-    color: @font-disable-color-2;
-  }
-}
-
-.@{sdk-prefix}-table-scrollX {
-  .@{ant-prefix}-table-scroll > .@{ant-prefix}-table-body {
-    overflow-x: auto !important;
-  }
-}
-
-.@{sdk-prefix}-table-scrollY {
-  .@{ant-prefix}-table-scroll > .@{ant-prefix}-table-body {
-    overflow-y: auto !important;
-  }
-}
-
-.@{ant-prefix}-table-row-collapsed::after {
-  margin-left: 1.2px;
-}
-
-.@{ant-prefix}-table-cell::before {
-  display: none;
-}
-
-.@{ant-prefix}-empty {
-  .@{ant-prefix}-empty-description {
-    color: @input-placeholder-color;
-  }
-}
+@import 'antd/lib/table/style/index.less';
+@import 'antd/lib/pagination/style/index.less';
+@import '../../style/theme.less';
+@import '../../style/mixin.less';
+
+.@{sdk-prefix}-table-wrapper {
+  a {
+    color: @table-link-color;
+
+    &:hover {
+      text-decoration: underline;
+    }
+  }
+  .@{ant-prefix}-table {
+    color: @heading-color;
+    font-size: 12px;
+    colgroup {
+      .@{ant-prefix}-table-selection-col {
+        width: 36px;
+      }
+    }
+  }
+
+  .@{ant-prefix}-table-tbody > tr {
+    .@{ant-prefix}-table-selection-column {
+      text-align: left;
+    }
+  }
+
+  .@{ant-prefix}-table-thead > tr > th,
+  .@{ant-prefix}-table-tbody > tr > td {
+    padding: 12px;
+    line-height: 20px;
+  }
+
+  .@{ant-prefix}-table-thead > tr > th:first-child,
+  .@{ant-prefix}-table-tbody > tr > td:first-child {
+    padding-left: 20px;
+  }
+
+  .@{ant-prefix}-table-thead > tr > th:last-child,
+  .@{ant-prefix}-table-tbody > tr > td:last-child {
+    padding-right: 20px;
+  }
+
+  .@{ant-prefix}-table-thead > tr > th .anticon-filter {
+    line-height: 20px;
+    &.@{ant-prefix}-table-filter-selected {
+      color: @theme-color;
+    }
+  }
+
+  .@{ant-prefix}-table-thead
+    > tr
+    > th
+    .@{ant-prefix}-table-column-sorter
+    .@{ant-prefix}-table-column-sorter-inner {
+    margin-left: 8px;
+    color: @input-placeholder-color;
+    &:hover {
+      background: inherit;
+    }
+  }
+
+  .@{ant-prefix}-table-thead
+    > tr
+    > th
+    .@{ant-prefix}-table-header-column
+    .@{ant-prefix}-table-column-sorters
+    > .@{ant-prefix}-table-column-title {
+    display: inline-block;
+  }
+  .@{ant-prefix}-table-small {
+    border: none;
+  }
+
+  .@{ant-prefix}-table-thead > tr > th {
+    background: @table-thead-bg;
+    border-bottom: none;
+    color: @table-thead-color;
+    font-weight: 500;
+    .@{ant-prefix}-table-selection {
+      width: 16px;
+      .@{ant-prefix}-checkbox-wrapper {
+        display: none;
+      }
+    }
+  }
+
+  .@{ant-prefix}-table-thead
+    > tr
+    > th.@{ant-prefix}-table-selection-column
+    > .@{ant-prefix}-table-header-column {
+    visibility: hidden;
+  }
+
+  .@{ant-prefix}-table-thead
+    > tr
+    > th
+    .@{ant-prefix}-table-column-sorter
+    .@{ant-prefix}-table-column-sorter-inner-full
+    .@{ant-prefix}-table-column-sorter-down {
+    margin-top: 0;
+  }
+
+  .@{ant-prefix}-table-thead
+    > tr
+    > th
+    .@{ant-prefix}-table-column-sorter
+    .@{ant-prefix}-table-column-sorter-inner-full {
+    margin-top: -0.3em;
+  }
+
+  .@{ant-prefix}-table-thead
+    > tr
+    > th
+    .@{ant-prefix}-table-header-column
+    .@{ant-prefix}-table-column-sorters:hover::before {
+    background: inherit;
+  }
+
+  .@{ant-prefix}-table-tbody > tr > td {
+    border-bottom: none;
+  }
+
+  .@{ant-prefix}-table-tbody > tr > td.@{ant-prefix}-table-column-sort {
+    background: none;
+  }
+  .@{ant-prefix}-table-tbody > tr > td.@{ant-prefix}-table-selection-column {
+    padding-left: 20px;
+    width: 36px;
+  }
+
+  .@{sdk-prefix}-odd-table-row,
+  .@{sdk-prefix}-odd-table-row + .@{ant-prefix}-table-expanded-row {
+    background: @table-row-even-bg;
+  }
+  .@{sdk-prefix}-even-table-row,
+  .@{sdk-prefix}-even-table-row + .@{ant-prefix}-table-expanded-row {
+    background: @table-row-odd-bg;
+  }
+
+  .@{ant-prefix}-table-row {
+    &:hover {
+      background: @table-row-hover-bg;
+    }
+  }
+
+  .@{ant-prefix}-table-row-hover {
+    background: @table-row-hover-bg;
+  }
+
+  .@{ant-prefix}-table-placeholder {
+    border: none;
+  }
+
+  .@{ant-prefix}-table-tbody > tr.@{ant-prefix}-table-row-selected td {
+    transition: none;
+    background: inherit;
+  }
+
+  .@{ant-prefix}-pagination-item a:hover,
+  .@{ant-prefix}-pagination-item-link:hover {
+    text-decoration: none;
+  }
+
+  .@{ant-prefix}-pagination-item {
+    border-color: @pagination-item-border-color;
+    a {
+      color: @pagination-item-text-color;
+    }
+  }
+
+  .@{ant-prefix}-pagination-item:hover,
+  .@{ant-prefix}-pagination-item-active {
+    border-color: @table-link-color;
+    a {
+      color: @table-link-color;
+    }
+  }
+
+  .@{ant-prefix}-pagination-item-link,
+  .@{ant-prefix}-pagination-item-link {
+    border-color: @pagination-item-border-color;
+    i {
+      color: @pagination-item-text-color;
+    }
+  }
+
+  .@{ant-prefix}-pagination-item-link:hover,
+  .@{ant-prefix}-pagination-item-link:hover {
+    border-color: @table-link-color;
+    i {
+      color: @table-link-color;
+    }
+  }
+
+  .@{ant-prefix}-pagination-disabled {
+    .@{ant-prefix}-pagination-item-link:hover,
+    .@{ant-prefix}-pagination-item-link:hover {
+      border-color: @pagination-item-border-color;
+      i {
+        color: @pagination-item-text-color;
+      }
+    }
+  }
+
+  .@{ant-prefix}-pagination-options-size-changer {
+    color: @heading-color;
+    .@{ant-prefix}-select-selection {
+      border: solid 1px @pagination-item-border-color;
+    }
+    .@{ant-prefix}-select-selection--single {
+      height: 32px;
+      position: relative;
+      .@{ant-prefix}-select-selection__rendered {
+        line-height: 30px;
+      }
+    }
+  }
+  .@{ant-prefix}-table-thead > tr > th .@{ant-prefix}-table-filter-column,
+  .@{ant-prefix}-table-thead > tr > th .@{ant-prefix}-table-column-sorters {
+    display: flex;
+    flex-direction: row;
+    justify-content: flex-start;
+    .@{ant-prefix}-table-column-title {
+      flex: 0 1 auto;
+      padding-right: 0px;
+    }
+    .@{ant-prefix}-table-filter-trigger-container {
+      position: relative;
+    }
+  }
+
+  .@{ant-prefix}-table-filter-dropdown .@{ant-prefix}-dropdown-menu {
+    max-height: 200px;
+  }
+
+  .@{ant-prefix}-table-tbody > tr.@{ant-prefix}-table-row:hover > td {
+    background-color: @table-row-hover-bg;
+  }
+  .@{ant-prefix}-table-filter-trigger {
+    display: block;
+    line-height: 28px;
+  }
+  .@{sdk-prefix}-table-empty {
+    margin: 32px 0;
+    .@{sdk-prefix}-table-empty-text {
+      margin-top: 12px;
+      color: @icon-color;
+      font-size: 14px;
+    }
+  }
+}
+
+.@{sdk-prefix}-table-batch-opt {
+  position: absolute;
+  left: 40px;
+  bottom: 16px;
+  height: 32px;
+  line-height: 32px;
+
+  .@{sdk-prefix}-table-batch-opt-label {
+    color: @heading-color;
+    margin-right: 12px;
+    margin-left: 12px;
+  }
+
+  .@{sdk-prefix}-table-batch-opt-item {
+    margin-right: 10px;
+    cursor: pointer;
+    color: @theme-color;
+  }
+
+  .@{sdk-prefix}-table-batch-opt-disabled {
+    pointer-events: none;
+    color: @font-disable-color-2;
+  }
+}
+
+// 表格滚动条样式，覆盖style中的样式important不能去掉
+.@{sdk-prefix}-table-scrollX {
+  .@{ant-prefix}-table-body {
+    overflow-x: auto !important;
+  }
+}
+
+.@{sdk-prefix}-table-scrollY {
+  .@{ant-prefix}-table-body {
+    overflow-y: auto !important;
+  }
+}
+
+.@{ant-prefix}-table-row-collapsed::after {
+  margin-left: 1.2px;
+}
+
+.@{ant-prefix}-table-cell::before {
+  display: none;
+}
+
+.@{ant-prefix}-empty {
+  .@{ant-prefix}-empty-description {
+    color: @input-placeholder-color;
+  }
+}

package/es/components/Tabs/style.css

@@ -355,6 +355,12 @@
           box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
 }
 .ant-tabs-dropdown-menu-item {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
   min-width: 120px;
   margin: 0;
   padding: 5px 12px;
@@ -369,6 +375,26 @@
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
 }
+.ant-tabs-dropdown-menu-item > span {
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+  white-space: nowrap;
+}
+.ant-tabs-dropdown-menu-item-remove {
+  -webkit-box-flex: 0;
+      -ms-flex: none;
+          flex: none;
+  margin-left: 12px;
+  color: rgba(0, 0, 0, 0.45);
+  font-size: 12px;
+  background: transparent;
+  border: 0;
+  cursor: pointer;
+}
+.ant-tabs-dropdown-menu-item-remove:hover {
+  color: #2c6dd2;
+}
 .ant-tabs-dropdown-menu-item:hover {
   background: rgba(44, 109, 210, 0.05);
 }
@@ -948,9 +974,11 @@
   opacity: 1;
   pointer-events: auto;
 }
+.pandora-sdk-tabs span.anticon.anticon-reload.pandora-sdk-tabs-refresh-icon {
+  margin-right: 0;
+}
 .pandora-sdk-tabs .pandora-sdk-tabs-refresh-icon {
   margin-left: 8px;
-  margin-right: 0 !important;
   font-size: 12px;
   color: #d9d9d9;
   -webkit-transition: color 0.5s, opacity 0.2s;