@qn-pandora/pandora-component 5.1.2 → 5.1.4

package/es/components/Table/util.d.ts

@@ -18,6 +18,7 @@ export declare function addEmptyColumn(columns: IKeyValues[], hiddenColumns?: st
  */
 export declare function getSortAndHiddenKeys<T>(columns: Array<IColumnType<T>>, settingFields: ISaveFieldItem[], hiddenColumns?: string[]): {
     sortableColumns: ISaveFieldItem[];
+    settingFields: ISaveFieldItem[];
     hiddenColumns: string[];
 };
 /**

package/es/components/Table/util.js

@@ -72,13 +72,18 @@ export function getSortAndHiddenKeys(columns, settingFields, hiddenColumns) {
     if (hiddenColumns === void 0) { hiddenColumns = []; }
     var sortableColumns = [];
     var hideKeys = [];
+    var newSettingFields = [];
     // 已配置的列和实际的对不上
     // 可能新增或者删除列的情况
     // 已配置列
     // 旧类型数据为对象类型，未配置
     columns.forEach(function (column) {
+        var settingField = settingFields.find(function (field) { return field.field === (column.dataIndex || column.key); });
+        newSettingFields.push(settingField || {
+            field: (column.dataIndex || column.key).toString(),
+            fixed: column.fixed
+        });
         if (column.dataIndex && !(column.fixed || column.configurable === false)) {
-            var settingField = settingFields.find(function (field) { return field.field === column.dataIndex; });
             if (settingField) {
                 if (settingField.hide) {
                     hideKeys.push(settingField.field);
@@ -97,6 +102,7 @@ export function getSortAndHiddenKeys(columns, settingFields, hiddenColumns) {
     });
     return {
         sortableColumns: sortableColumns,
+        settingFields: newSettingFields,
         hiddenColumns: uniq(hiddenColumns.concat(hideKeys))
     };
 }
@@ -182,7 +188,7 @@ export function getResizeColumns(columns, settingFields, resizable, handleResize
                     var _a;
                     return ({
                         width: col.width,
-                        // !传入newColumn，而不传入column是因为需要拿到有onHeaderCell的值，外面collumn的变化内部监听不到
+                        // !传入newColumn，而不传入column是因为需要拿到有onHeaderCell的值，外面column的变化内部监听不到
                         onResize: function (_, _a) {
                             var size = _a.size;
                             handleResize(col, size, transformColumns);

package/es/components/Tabs/style.less

@@ -1,33 +1,33 @@
-@import 'antd/lib/tabs/style/index.less';
-@import 'antd/lib/tooltip/style/index.less';
-@import '../../style/theme.less';
-@import '../../style/mixin.less';
-
-.@{sdk-prefix}-tabs {
-  .@{sdk-prefix}-tabs-tab {
-    position: relative;
-  }
-  .@{sdk-prefix}-tabs-active {
-    .@{sdk-prefix}-tabs-refresh-icon {
-      opacity: 1;
-      pointer-events: auto;
-    }
-  }
-  span.anticon.anticon-reload.@{sdk-prefix}-tabs-refresh-icon {
-    margin-right: 0;
-  }
-  .@{sdk-prefix}-tabs-refresh-icon {
-    margin-left: 8px;
-    font-size: 12px;
-    color: @font-disable-color;
-    transition: color 0.5s, opacity 0.2s;
-    pointer-events: none;
-    opacity: 0;
-    position: absolute;
-    top: 50%;
-    transform: translateY(-50%);
-    &:hover {
-      color: @theme-color;
-    }
-  }
-}
+@import 'antd/lib/tabs/style/index.less';
+@import 'antd/lib/tooltip/style/index.less';
+@import '../../style/theme.less';
+@import '../../style/mixin.less';
+
+.@{sdk-prefix}-tabs {
+  .@{sdk-prefix}-tabs-tab {
+    position: relative;
+  }
+  .@{sdk-prefix}-tabs-active {
+    .@{sdk-prefix}-tabs-refresh-icon {
+      opacity: 1;
+      pointer-events: auto;
+    }
+  }
+  span.anticon.anticon-reload.@{sdk-prefix}-tabs-refresh-icon {
+    margin-right: 0;
+  }
+  .@{sdk-prefix}-tabs-refresh-icon {
+    margin-left: 8px;
+    font-size: 12px;
+    color: @font-disable-color;
+    transition: color 0.5s, opacity 0.2s;
+    pointer-events: none;
+    opacity: 0;
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    &:hover {
+      color: @theme-color;
+    }
+  }
+}

package/es/components/TagList/Tag/style.less

@@ -1,72 +1,72 @@
-@import '../../../style/theme.less';
-
-.@{sdk-prefix}-root {
-  display: inline-block;
-  line-height: 24px;
-  margin-right: 8px;
-  border-radius: 1px;
-  color: @font-color-7;
-  text-align: center;
-  vertical-align: middle;
-  border-radius: @border-radius-base;
-
-  .@{sdk-prefix}-prefix {
-    position: relative;
-    min-width: 24px;
-    color: @theme-color-060;
-    float: left;
-    &::after {
-      position: absolute;
-      top: 0px;
-      bottom: 0px;
-      right: 0px;
-      margin: auto;
-      content: '';
-      height: 16px;
-      border-left: 1px solid @theme-color-010;
-    }
-  }
-
-  .@{sdk-prefix}-suffix {
-    position: relative;
-    min-width: 24px;
-    color: @theme-color-060;
-    float: right;
-    &::before {
-      position: absolute;
-      top: 0px;
-      bottom: 0px;
-      left: 0px;
-      margin: auto;
-      content: '';
-      height: 16px;
-      border-left: 1px solid @theme-color-010;
-    }
-  }
-
-  .@{sdk-prefix}-content {
-    padding: 0 8px;
-    max-width: 150px;
-    vertical-align: middle;
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    font-size: 14px;
-  }
-
-  &.@{sdk-prefix}-primary {
-    background: fade(@tag-primary, 10%);
-  }
-  &.@{sdk-prefix}-green {
-    background: fade(@tag-green, 10%);
-  }
-  &.@{sdk-prefix}-yellow {
-    background: fade(@tag-yellow, 10%);
-  }
-  &.@{sdk-prefix}-blue {
-    background: fade(@tag-blue, 10%);
-  }
-  &.@{sdk-prefix}-grey {
-    background: @tag-grey;
-  }
-}
+@import '../../../style/theme.less';
+
+.@{sdk-prefix}-root {
+  display: inline-block;
+  line-height: 24px;
+  margin-right: 8px;
+  border-radius: 1px;
+  color: @font-color-7;
+  text-align: center;
+  vertical-align: middle;
+  border-radius: @border-radius-base;
+
+  .@{sdk-prefix}-prefix {
+    position: relative;
+    min-width: 24px;
+    color: @theme-color-060;
+    float: left;
+    &::after {
+      position: absolute;
+      top: 0px;
+      bottom: 0px;
+      right: 0px;
+      margin: auto;
+      content: '';
+      height: 16px;
+      border-left: 1px solid @theme-color-010;
+    }
+  }
+
+  .@{sdk-prefix}-suffix {
+    position: relative;
+    min-width: 24px;
+    color: @theme-color-060;
+    float: right;
+    &::before {
+      position: absolute;
+      top: 0px;
+      bottom: 0px;
+      left: 0px;
+      margin: auto;
+      content: '';
+      height: 16px;
+      border-left: 1px solid @theme-color-010;
+    }
+  }
+
+  .@{sdk-prefix}-content {
+    padding: 0 8px;
+    max-width: 150px;
+    vertical-align: middle;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    font-size: 14px;
+  }
+
+  &.@{sdk-prefix}-primary {
+    background: fade(@tag-primary, 10%);
+  }
+  &.@{sdk-prefix}-green {
+    background: fade(@tag-green, 10%);
+  }
+  &.@{sdk-prefix}-yellow {
+    background: fade(@tag-yellow, 10%);
+  }
+  &.@{sdk-prefix}-blue {
+    background: fade(@tag-blue, 10%);
+  }
+  &.@{sdk-prefix}-grey {
+    background: @tag-grey;
+  }
+}

package/es/components/TagList/TagSwitch/style.less

@@ -1,28 +1,28 @@
-@import '../../../style/theme.less';
-
-.@{sdk-prefix}-switch {
-  display: inline-block;
-  margin: 4px;
-  padding: 8px;
-  border-radius: 100px;
-  line-height: 1;
-  font-size: 16px;
-  color: @font-color-3;
-  background: @tag-grey;
-  cursor: pointer;
-  &.@{sdk-prefix}-active {
-    color: @normal-color;
-    &.@{sdk-prefix}-primary {
-      background: @tag-primary;
-    }
-    &.@{sdk-prefix}-green {
-      background: @tag-green;
-    }
-    &.@{sdk-prefix}-yellow {
-      background: @tag-yellow;
-    }
-    &.@{sdk-prefix}-blue {
-      background: @tag-blue;
-    }
-  }
-}
+@import '../../../style/theme.less';
+
+.@{sdk-prefix}-switch {
+  display: inline-block;
+  margin: 4px;
+  padding: 8px;
+  border-radius: 100px;
+  line-height: 1;
+  font-size: 16px;
+  color: @font-color-3;
+  background: @tag-grey;
+  cursor: pointer;
+  &.@{sdk-prefix}-active {
+    color: @normal-color;
+    &.@{sdk-prefix}-primary {
+      background: @tag-primary;
+    }
+    &.@{sdk-prefix}-green {
+      background: @tag-green;
+    }
+    &.@{sdk-prefix}-yellow {
+      background: @tag-yellow;
+    }
+    &.@{sdk-prefix}-blue {
+      background: @tag-blue;
+    }
+  }
+}

package/es/components/TagList/style.less

@@ -1,28 +1,28 @@
-@import 'antd/lib/tag/style/index.less';
-@import '../../style/theme.less';
-@import '../../style/mixin.less';
-
-.@{sdk-prefix}-taglist-containter {
-  .@{sdk-prefix}-simplify {
-    .@{sdk-prefix}-icon {
-      margin: 0 8px;
-      color: @icon-color;
-      vertical-align: middle;
-      font-size: 14px;
-      transition: 0.3s;
-      &:hover {
-        color: @font-color-3;
-      }
-    }
-  }
-}
-
-.@{sdk-prefix}-popover {
-  max-width: 400px;
-  max-height: 1000px;
-  overflow: auto;
-  padding: 8px;
-  > div {
-    margin: 4px;
-  }
-}
+@import 'antd/lib/tag/style/index.less';
+@import '../../style/theme.less';
+@import '../../style/mixin.less';
+
+.@{sdk-prefix}-taglist-containter {
+  .@{sdk-prefix}-simplify {
+    .@{sdk-prefix}-icon {
+      margin: 0 8px;
+      color: @icon-color;
+      vertical-align: middle;
+      font-size: 14px;
+      transition: 0.3s;
+      &:hover {
+        color: @font-color-3;
+      }
+    }
+  }
+}
+
+.@{sdk-prefix}-popover {
+  max-width: 400px;
+  max-height: 1000px;
+  overflow: auto;
+  padding: 8px;
+  > div {
+    margin: 4px;
+  }
+}

package/es/components/Timeline/TimelineItem/style.less

@@ -1,49 +1,49 @@
-@import '../../../style/theme.less';
-
-.@{sdk-prefix}-timeline-item {
-  font-size: 14px;
-  list-style: none;
-  margin: 0;
-  position: relative;
-  padding: 0 0 20px;
-  min-height: 50px;
-
-  .@{sdk-prefix}-timeline-item-tail {
-    position: absolute;
-    top: 0.75em;
-    height: 100%;
-    border-left: 2px solid @border-color-base;
-  }
-
-  .@{sdk-prefix}-timeline-item-head {
-    position: absolute;
-    transform: translateX(-4px);
-  }
-
-  .@{sdk-prefix}-timeline-item-head-dot {
-    display: inline-block;
-    box-sizing: border-box;
-    width: 10px;
-    height: 10px;
-    background-color: @theme-color;
-    border-radius: 100px;
-    border: 2px solid transparent;
-  }
-
-  .@{sdk-prefix}-timeline-item-content {
-    text-align: left;
-    color: @font-color-7;
-    text-overflow: ellipsis;
-    display: -webkit-box;
-    -webkit-line-clamp: 3;
-    -webkit-box-orient: vertical;
-  }
-
-  .@{sdk-prefix}-timeline-item-time {
-    margin-right: 18px;
-    position: absolute;
-    text-align: right;
-    font-size: 14px;
-    color: @font-color-7;
-  }
-}
+@import '../../../style/theme.less';
+
+.@{sdk-prefix}-timeline-item {
+  font-size: 14px;
+  list-style: none;
+  margin: 0;
+  position: relative;
+  padding: 0 0 20px;
+  min-height: 50px;
+
+  .@{sdk-prefix}-timeline-item-tail {
+    position: absolute;
+    top: 0.75em;
+    height: 100%;
+    border-left: 2px solid @border-color-base;
+  }
+
+  .@{sdk-prefix}-timeline-item-head {
+    position: absolute;
+    transform: translateX(-4px);
+  }
+
+  .@{sdk-prefix}-timeline-item-head-dot {
+    display: inline-block;
+    box-sizing: border-box;
+    width: 10px;
+    height: 10px;
+    background-color: @theme-color;
+    border-radius: 100px;
+    border: 2px solid transparent;
+  }
+
+  .@{sdk-prefix}-timeline-item-content {
+    text-align: left;
+    color: @font-color-7;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: 3;
+    -webkit-box-orient: vertical;
+  }
+
+  .@{sdk-prefix}-timeline-item-time {
+    margin-right: 18px;
+    position: absolute;
+    text-align: right;
+    font-size: 14px;
+    color: @font-color-7;
+  }
+}

package/es/components/Timeline/style.less

@@ -1,23 +1,23 @@
-@import '../../style/theme.less';
-
-.@{sdk-prefix}-timeline-container {
-  list-style: none;
-  margin: 0;
-  line-height: 1.5;
-  font-size: 14px;
-  color: rgba(0, 0, 0, 0.65);
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-  padding: 0;
-
-  .@{sdk-prefix}-icon {
-    margin: 0 8px;
-    color: @icon-color;
-    vertical-align: middle;
-    font-size: 14px;
-    transition: 0.3s;
-    &:hover {
-      color: @font-color-3;
-    }
-  }
-}
+@import '../../style/theme.less';
+
+.@{sdk-prefix}-timeline-container {
+  list-style: none;
+  margin: 0;
+  line-height: 1.5;
+  font-size: 14px;
+  color: rgba(0, 0, 0, 0.65);
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  padding: 0;
+
+  .@{sdk-prefix}-icon {
+    margin: 0 8px;
+    color: @icon-color;
+    vertical-align: middle;
+    font-size: 14px;
+    transition: 0.3s;
+    &:hover {
+      color: @font-color-3;
+    }
+  }
+}

package/es/components/TopologyChart/style.less

@@ -1,14 +1,14 @@
-.topo-tooltip-table {
-  width: 100%;
-  min-width: 250px;
-  tr + tr td {
-    padding-top: 12px;
-  }
-  td {
-    padding-right: 12px;
-    padding-left: 12px;
-    div + div {
-      font-weight: 600;
-    }
-  }
-}
+.topo-tooltip-table {
+  width: 100%;
+  min-width: 250px;
+  tr + tr td {
+    padding-top: 12px;
+  }
+  td {
+    padding-right: 12px;
+    padding-left: 12px;
+    div + div {
+      font-weight: 600;
+    }
+  }
+}

package/es/components/Transfer/List/style.less

@@ -1,19 +1,19 @@
-@import '../../../style/theme.less';
-@import '../ListBody/style.less';
-
-.@{sdk-prefix}-transfer-list {
-  overflow: hidden;
-  .@{sdk-prefix}-transfer-title {
-    margin-bottom: 10px;
-  }
-  .@{sdk-prefix}-transfer-search {
-    margin-bottom: 10px;
-  }
-  .@{sdk-prefix}-transfer-mb10 {
-    margin-bottom: 10px;
-  }
-}
-
-.@{sdk-prefix}-search-icon {
-  color: @icon-color;
-}
+@import '../../../style/theme.less';
+@import '../ListBody/style.less';
+
+.@{sdk-prefix}-transfer-list {
+  overflow: hidden;
+  .@{sdk-prefix}-transfer-title {
+    margin-bottom: 10px;
+  }
+  .@{sdk-prefix}-transfer-search {
+    margin-bottom: 10px;
+  }
+  .@{sdk-prefix}-transfer-mb10 {
+    margin-bottom: 10px;
+  }
+}
+
+.@{sdk-prefix}-search-icon {
+  color: @icon-color;
+}

package/es/components/Transfer/ListBody/style.less

@@ -1,18 +1,18 @@
-@import '../../../style/theme.less';
-
-.@{sdk-prefix}-transfer-list-body {
-  height: 300px;
-  overflow-y: scroll;
-  .@{sdk-prefix}-transfer-check-box-container {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    .@{sdk-prefix}-transfer-check-box-label {
-      padding-right: 0px;
-      padding-left: 8px;
-    }
-  }
-  .@{sdk-prefix}-transfer-mb10 {
-    margin-bottom: 10px;
-  }
-}
+@import '../../../style/theme.less';
+
+.@{sdk-prefix}-transfer-list-body {
+  height: 300px;
+  overflow-y: scroll;
+  .@{sdk-prefix}-transfer-check-box-container {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    .@{sdk-prefix}-transfer-check-box-label {
+      padding-right: 0px;
+      padding-left: 8px;
+    }
+  }
+  .@{sdk-prefix}-transfer-mb10 {
+    margin-bottom: 10px;
+  }
+}

package/es/components/Transfer/style.less

@@ -1,14 +1,14 @@
-@import '../../style/theme.less';
-@import './List/style.less';
-
-.@{sdk-prefix}-transfer-container {
-  display: flex;
-  justify-content: space-between;
-  .@{sdk-prefix}-transfer-divider {
-    height: 400px;
-  }
-  .@{sdk-prefix}-transfer-list {
-    flex-grow: 1;
-    flex-basis: 200px;
-  }
-}
+@import '../../style/theme.less';
+@import './List/style.less';
+
+.@{sdk-prefix}-transfer-container {
+  display: flex;
+  justify-content: space-between;
+  .@{sdk-prefix}-transfer-divider {
+    height: 400px;
+  }
+  .@{sdk-prefix}-transfer-list {
+    flex-grow: 1;
+    flex-basis: 200px;
+  }
+}