@qn-pandora/pandora-component 5.1.0 → 5.1.2

package/lib/components/Steps/style.css

@@ -63,7 +63,7 @@
 .ant-steps-item-icon .ant-steps-icon {
   position: relative;
   top: -0.5px;
-  color: #7a869a;
+  color: #436bff;
   line-height: 1;
 }
 .ant-steps-item-tail {
@@ -136,13 +136,13 @@
 }
 .ant-steps-item-process .ant-steps-item-icon {
   background-color: #ffffff;
-  border-color: #7a869a;
+  border-color: #436bff;
 }
 .ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
-  color: #7a869a;
+  color: #436bff;
 }
 .ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
-  background: #7a869a;
+  background: #436bff;
 }
 .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
   color: #333;
@@ -157,7 +157,7 @@
   background-color: #e5e5e5;
 }
 .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-icon {
-  background: #7a869a;
+  background: #436bff;
 }
 .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-icon .ant-steps-icon {
   color: #fff;
@@ -167,25 +167,25 @@
 }
 .ant-steps-item-finish .ant-steps-item-icon {
   background-color: #ffffff;
-  border-color: #7a869a;
+  border-color: #436bff;
 }
 .ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon {
-  color: #7a869a;
+  color: #436bff;
 }
 .ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
-  background: #7a869a;
+  background: #436bff;
 }
 .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
   color: rgba(0, 0, 0, 0.65);
 }
 .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
-  background-color: #7a869a;
+  background-color: #436bff;
 }
 .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
   color: rgba(0, 0, 0, 0.45);
 }
 .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-tail::after {
-  background-color: #7a869a;
+  background-color: #436bff;
 }
 .ant-steps-item-error .ant-steps-item-icon {
   background-color: #ffffff;
@@ -228,13 +228,13 @@
 .ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-title,
 .ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-subtitle,
 .ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-description {
-  color: #7a869a;
+  color: #436bff;
 }
 .ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process) > .ant-steps-item-container[role='button']:hover .ant-steps-item-icon {
-  border-color: #7a869a;
+  border-color: #436bff;
 }
 .ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process) > .ant-steps-item-container[role='button']:hover .ant-steps-item-icon .ant-steps-icon {
-  color: #7a869a;
+  color: #436bff;
 }
 .ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
   padding-left: 16px;
@@ -267,7 +267,7 @@
   line-height: 32px;
 }
 .ant-steps-item-custom.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
-  color: #7a869a;
+  color: #436bff;
 }
 .ant-steps:not(.ant-steps-vertical) .ant-steps-item-custom .ant-steps-item-icon {
   width: auto;
@@ -352,7 +352,7 @@
 .ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
   position: absolute;
   top: 0;
-  left: 16px;
+  left: 15px;
   width: 1px;
   height: 100%;
   padding: 38px 0 6px;
@@ -370,7 +370,7 @@
 .ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-tail {
   position: absolute;
   top: 0;
-  left: 12px;
+  left: 11px;
   padding: 30px 0 6px;
 }
 .ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-title {
@@ -489,6 +489,12 @@
   margin: 0;
   padding: 22px 0 4px;
 }
+.ant-steps-vertical.ant-steps-dot.ant-steps-small .ant-steps-item-icon {
+  margin-top: 10px;
+}
+.ant-steps-vertical.ant-steps-dot.ant-steps-small .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
+  top: 3.5px;
+}
 .ant-steps-vertical.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot {
   left: 0;
 }
@@ -568,7 +574,7 @@
   display: inline-block;
   width: 0;
   height: 2px;
-  background-color: #7a869a;
+  background-color: #436bff;
   -webkit-transition: width 0.3s, left 0.3s;
   transition: width 0.3s, left 0.3s;
   -webkit-transition-timing-function: ease-out;
@@ -608,6 +614,9 @@
 .ant-steps-navigation.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
   visibility: hidden;
 }
+.ant-steps-navigation.ant-steps-horizontal > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
+  visibility: hidden;
+}
 .ant-steps-rtl {
   direction: rtl;
 }
@@ -623,6 +632,11 @@
   padding-right: 0;
   padding-left: 16px;
 }
+.ant-steps-rtl .ant-steps-item-title .ant-steps-item-subtitle {
+  float: left;
+  margin-right: 8px;
+  margin-left: 0;
+}
 .ant-steps-rtl .ant-steps-item-title::after {
   right: 100%;
   left: auto;
@@ -736,19 +750,43 @@
   right: -2px;
   left: auto;
 }
+.ant-steps-rtl.ant-steps-with-progress.ant-steps-vertical > .ant-steps-item {
+  padding-right: 4px;
+}
+.ant-steps-rtl.ant-steps-with-progress.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
+  right: 19px;
+}
+.ant-steps-rtl.ant-steps-with-progress.ant-steps-small.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
+  right: 15px;
+}
+.ant-steps-rtl.ant-steps-with-progress.ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item:first-child {
+  padding-right: 4px;
+  padding-left: 0;
+}
 .ant-steps-rtl.ant-steps-with-progress.ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item:first-child.ant-steps-item-active {
   padding-right: 4px;
 }
 .ant-steps-with-progress .ant-steps-item {
   padding-top: 4px;
 }
-.ant-steps-with-progress .ant-steps-item .ant-steps-item-tail {
-  top: 4px !important;
+.ant-steps-with-progress .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
+  top: 4px;
+  left: 19px;
 }
-.ant-steps-with-progress.ant-steps-horizontal .ant-steps-item:first-child {
+.ant-steps-with-progress.ant-steps-horizontal .ant-steps-item:first-child,
+.ant-steps-with-progress.ant-steps-small.ant-steps-horizontal .ant-steps-item:first-child {
   padding-bottom: 4px;
   padding-left: 4px;
 }
+.ant-steps-with-progress.ant-steps-small > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
+  left: 15px;
+}
+.ant-steps-with-progress.ant-steps-vertical .ant-steps-item {
+  padding-left: 4px;
+}
+.ant-steps-with-progress.ant-steps-label-vertical .ant-steps-item .ant-steps-item-tail {
+  top: 14px !important;
+}
 .ant-steps-with-progress .ant-steps-item-icon {
   position: relative;
 }
@@ -776,7 +814,7 @@
 }
 .pandora-sdk-steps .ant-steps-item .ant-steps-item-icon {
   border-radius: 2px;
-  background: #2c6dd2;
+  background: #436bff;
   border: none;
 }
 .pandora-sdk-steps .ant-steps-item.ant-steps-item-finish .ant-steps-item-icon .ant-steps-icon {

package/lib/components/Steps/style.less

@@ -1,48 +1,48 @@
-@import 'antd/lib/steps/style/index.less';
-@import '../../style/theme.less';
-
-.@{sdk-prefix}-steps {
-  .@{ant-prefix}-steps-item-icon {
-    width: 24px;
-    height: 24px;
-    font-size: 12px;
-    line-height: 24px;
-    .@{ant-prefix}-steps-icon {
-      font-size: 10px;
-    }
-  }
-  .@{ant-prefix}-steps-item:last-of-type {
-    .@{ant-prefix}-steps-item-title::after {
-      display: none;
-    }
-  }
-
-  .@{ant-prefix}-steps-item-process .@{ant-prefix}-steps-item-title {
-    font-weight: 400;
-  }
-
-  .@{ant-prefix}-steps-item {
-    .@{ant-prefix}-steps-item-icon {
-      border-radius: 2px;
-      background: @theme-color;
-      border: none;
-    }
-    &.@{ant-prefix}-steps-item-finish {
-      .@{ant-prefix}-steps-item-icon {
-        .@{ant-prefix}-steps-icon {
-          color: @normal-color;
-          span.anticon.anticon-check.@{ant-prefix}-steps-finish-icon {
-            color: @normal-color;
-          }
-        }
-      }
-    }
-
-    &.@{ant-prefix}-steps-item-wait .@{ant-prefix}-steps-item-icon {
-      background: @button-disabled-bg;
-      .@{ant-prefix}-steps-icon {
-        color: @icon-color;
-      }
-    }
-  }
-}
+@import 'antd/lib/steps/style/index.less';
+@import '../../style/theme.less';
+
+.@{sdk-prefix}-steps {
+  .@{ant-prefix}-steps-item-icon {
+    width: 24px;
+    height: 24px;
+    font-size: 12px;
+    line-height: 24px;
+    .@{ant-prefix}-steps-icon {
+      font-size: 10px;
+    }
+  }
+  .@{ant-prefix}-steps-item:last-of-type {
+    .@{ant-prefix}-steps-item-title::after {
+      display: none;
+    }
+  }
+
+  .@{ant-prefix}-steps-item-process .@{ant-prefix}-steps-item-title {
+    font-weight: 400;
+  }
+
+  .@{ant-prefix}-steps-item {
+    .@{ant-prefix}-steps-item-icon {
+      border-radius: 2px;
+      background: @theme-color;
+      border: none;
+    }
+    &.@{ant-prefix}-steps-item-finish {
+      .@{ant-prefix}-steps-item-icon {
+        .@{ant-prefix}-steps-icon {
+          color: @normal-color;
+          span.anticon.anticon-check.@{ant-prefix}-steps-finish-icon {
+            color: @normal-color;
+          }
+        }
+      }
+    }
+
+    &.@{ant-prefix}-steps-item-wait .@{ant-prefix}-steps-item-icon {
+      background: @button-disabled-bg;
+      .@{ant-prefix}-steps-icon {
+        color: @icon-color;
+      }
+    }
+  }
+}

package/lib/components/Table/ColumnSetting/index.d.ts

@@ -11,6 +11,7 @@ export interface ISettingBtnProps {
     hiddenKeys?: string[];
     options?: IOption[];
     loading?: boolean;
+    sortable: boolean;
 }
 export declare function ColumnSetting(props: ISettingBtnProps): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof ColumnSetting>;

package/lib/components/Table/ColumnSetting/index.js

@@ -56,8 +56,17 @@ var style_1 = require("../../../constants/style");
 var NameLimiter_1 = __importDefault(require("../../NameLimiter"));
 var Input_1 = __importDefault(require("../../Input"));
 exports.All = '_all';
+function Item(_a) {
+    var item = _a.item, checked = _a.checked, onChange = _a.onChange, sortable = _a.sortable;
+    return (react_1.default.createElement("div", { key: item.value, "data-id": item.value },
+        react_1.default.createElement("div", { className: style_1.SDK_PREFIX + "-table-column-setting-checkbox-container" },
+            sortable && (react_1.default.createElement("div", { className: style_1.SDK_PREFIX + "-table-column-setting-dragholder" },
+                react_1.default.createElement(icons_1.HolderOutlined, null))),
+            react_1.default.createElement(antd_1.Checkbox, { checked: checked, value: item.value, className: style_1.SDK_PREFIX + "-table-column-setting-checkbox", onChange: onChange },
+                react_1.default.createElement("span", { className: style_1.SDK_PREFIX + "-table-column-setting-value" }, typeof item.label === 'string' ? (react_1.default.createElement(NameLimiter_1.default, { name: item.label })) : (item.label))))));
+}
 function ColumnSetting(props) {
-    var overlayClass = props.overlayClass, _a = props.hiddenKeys, hiddenKeys = _a === void 0 ? [] : _a, onHiddenKeysChange = props.onHiddenKeysChange, onMove = props.onMove, _b = props.options, options = _b === void 0 ? [] : _b, loading = props.loading;
+    var overlayClass = props.overlayClass, _a = props.hiddenKeys, hiddenKeys = _a === void 0 ? [] : _a, onHiddenKeysChange = props.onHiddenKeysChange, onMove = props.onMove, _b = props.options, options = _b === void 0 ? [] : _b, loading = props.loading, sortable = props.sortable;
     var locale = react_1.useContext(config_provider_1.ConfigContext).locale;
     var _c = __read(react_1.useState(''), 2), prefix = _c[0], setPrefix = _c[1];
     var allKeys = react_1.useMemo(function () {
@@ -106,19 +115,15 @@ function ColumnSetting(props) {
                     react_1.default.createElement(antd_1.Checkbox, { value: exports.All, checked: hiddenKeys.length === 0, onChange: allCheckChange, className: style_1.SDK_PREFIX + "-table-column-setting-all-check" }, language_1.formatString(type_1.TableLocale.check_all, locale)),
                     react_1.default.createElement(Input_1.default, { value: prefix, allowClear: true, onChange: handlePrefixChange, placeholder: language_1.formatString(type_1.TableLocale.search, locale), className: style_1.SDK_PREFIX + "-table-column-setting-search-input" })),
                 react_1.default.createElement("div", null,
-                    react_1.default.createElement("div", { className: style_1.SDK_PREFIX + "-table-column-setting-content" },
-                        react_1.default.createElement(ReactSortable_1.default, { onChange: onMove, options: {
-                                group: 'setting-config',
-                                animation: 150,
-                                preventOnFilter: false
-                            } }, realOptions.map(function (item) {
-                            return (react_1.default.createElement("div", { key: item.value, "data-id": item.value },
-                                react_1.default.createElement("div", { className: style_1.SDK_PREFIX + "-table-column-setting-checkbox-container" },
-                                    react_1.default.createElement("div", { className: style_1.SDK_PREFIX + "-table-column-setting-dragholder" },
-                                        react_1.default.createElement(icons_1.HolderOutlined, null)),
-                                    react_1.default.createElement(antd_1.Checkbox, { checked: !!realValues.find(function (v) { return v === item.value; }), value: item.value, className: style_1.SDK_PREFIX + "-table-column-setting-checkbox", onChange: handleChange },
-                                        react_1.default.createElement("span", { className: style_1.SDK_PREFIX + "-table-column-setting-value" }, typeof item.label === 'string' ? (react_1.default.createElement(NameLimiter_1.default, { name: item.label })) : (item.label))))));
-                        })))))) },
+                    react_1.default.createElement("div", { className: style_1.SDK_PREFIX + "-table-column-setting-content" }, sortable ? (react_1.default.createElement(ReactSortable_1.default, { onChange: onMove, options: {
+                            group: 'setting-config',
+                            animation: 150,
+                            preventOnFilter: false
+                        } }, realOptions.map(function (item) {
+                        return (react_1.default.createElement(Item, { item: item, checked: !!realValues.find(function (v) { return v === item.value; }), sortable: true, onChange: handleChange, key: item.value.toString() }));
+                    }))) : (react_1.default.createElement("div", null, realOptions.map(function (item) {
+                        return (react_1.default.createElement(Item, { item: item, checked: !!realValues.find(function (v) { return v === item.value; }), sortable: false, onChange: handleChange, key: item.value.toString() }));
+                    }))))))) },
         react_1.default.createElement(icons_1.SettingOutlined, { className: style_1.SDK_PREFIX + "-table-column-setting-icon", onClick: function (e) {
                 e.stopPropagation();
                 e.preventDefault();

package/lib/components/Table/ColumnSetting/style.css

@@ -1,7 +1,6 @@
 .pandora-sdk-table-column-setting-popover {
   padding: 10px;
   width: 100%;
-  width: 600px;
   max-height: 300px;
   overflow-y: auto;
 }
@@ -29,9 +28,6 @@
       flex-wrap: wrap;
 }
 .pandora-sdk-table-column-setting-content > div {
-  -webkit-box-flex: 0;
-      -ms-flex: 0 0 33.33%;
-          flex: 0 0 33.33%;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   position: relative;
@@ -48,7 +44,8 @@
   cursor: move;
 }
 .pandora-sdk-table-column-setting-content > div .pandora-sdk-table-column-setting-checkbox-container .pandora-sdk-table-column-setting-checkbox {
-  width: 120px;
+  width: 100%;
+  min-width: 120px;
   overflow: hidden;
 }
 .pandora-sdk-table-column-setting-content > div .pandora-sdk-table-column-setting-checkbox-container .pandora-sdk-table-column-setting-checkbox > span:nth-child(2) {

package/lib/components/Table/ColumnSetting/style.less

@@ -1,51 +1,50 @@
-@import '../../../style/theme.less';
-
-.@{sdk-prefix}-table-column-setting-popover {
-  padding: 10px;
-  width: 100%;
-  width: 600px;
-  .@{sdk-prefix}-table-column-setting-header {
-    border-bottom: 1px solid @border-color-base;
-    display: flex;
-    padding-bottom: 10px;
-    .@{sdk-prefix}-table-column-setting-all-check {
-      line-height: 32px;
-    }
-    .@{sdk-prefix}-table-column-setting-search-input {
-      width: 200px;
-    }
-  }
-  max-height: 300px;
-  overflow-y: auto;
-}
-
-.@{sdk-prefix}-table-column-setting-icon {
-  color: @font-color-7;
-}
-
-.@{sdk-prefix}-table-column-setting-content {
-  display: flex;
-  flex-wrap: wrap;
-}
-
-.@{sdk-prefix}-table-column-setting-content > div {
-  flex: 0 0 33.33%;
-  box-sizing: border-box;
-  position: relative;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  .@{sdk-prefix}-table-column-setting-checkbox-container {
-    margin: 4px 0;
-    display: flex;
-    .@{sdk-prefix}-table-column-setting-dragholder {
-      cursor: move;
-    }
-    .@{sdk-prefix}-table-column-setting-checkbox {
-      width: 120px;
-      overflow: hidden;
-    }
-    .@{sdk-prefix}-table-column-setting-checkbox > span:nth-child(2) {
-      overflow: hidden;
-    }
-  }
-}
+@import '../../../style/theme.less';
+
+.@{sdk-prefix}-table-column-setting-popover {
+  padding: 10px;
+  width: 100%;
+  .@{sdk-prefix}-table-column-setting-header {
+    border-bottom: 1px solid @border-color-base;
+    display: flex;
+    padding-bottom: 10px;
+    .@{sdk-prefix}-table-column-setting-all-check {
+      line-height: 32px;
+    }
+    .@{sdk-prefix}-table-column-setting-search-input {
+      width: 200px;
+    }
+  }
+  max-height: 300px;
+  overflow-y: auto;
+}
+
+.@{sdk-prefix}-table-column-setting-icon {
+  color: @font-color-7;
+}
+
+.@{sdk-prefix}-table-column-setting-content {
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.@{sdk-prefix}-table-column-setting-content > div {
+  box-sizing: border-box;
+  position: relative;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  .@{sdk-prefix}-table-column-setting-checkbox-container {
+    margin: 4px 0;
+    display: flex;
+    .@{sdk-prefix}-table-column-setting-dragholder {
+      cursor: move;
+    }
+    .@{sdk-prefix}-table-column-setting-checkbox {
+      width: 100%;
+      min-width: 120px;
+      overflow: hidden;
+    }
+    .@{sdk-prefix}-table-column-setting-checkbox > span:nth-child(2) {
+      overflow: hidden;
+    }
+  }
+}

package/lib/components/Table/ColumnTag/style.css

@@ -1,9 +1,9 @@
 .pandora-sdk-table-columnTag-groupTag {
   padding: 4px;
   height: 24px;
-  background: rgba(44, 109, 210, 0.1);
+  background: rgba(67, 107, 255, 0.1);
   margin-right: 4px;
-  color: #7a869a;
+  color: #436bff;
   white-space: nowrap;
   font-size: 12px;
   margin-top: 4px;
@@ -25,8 +25,8 @@
   cursor: pointer;
 }
 .pandora-sdk-table-columnTag-moreTagsIcon:hover {
-  color: #2c6dd2;
-  border-color: #2c6dd2;
+  color: #436bff;
+  border-color: #436bff;
 }
 .pandora-sdk-table-columnTag-tagPopoverContainer {
   padding: 6px 10px 10px 10px;

package/lib/components/Table/ColumnTag/style.less

@@ -1,40 +1,40 @@
-@import '../../../style/theme.less';
-.@{sdk-prefix}-table-columnTag-groupTag {
-  padding: 4px;
-  height: 24px;
-  background: @theme-color-010;
-  margin-right: 4px;
-  color: @primary-color;
-  white-space: nowrap;
-  font-size: 12px;
-  margin-top: 4px;
-}
-
-.@{sdk-prefix}-table-columnTag-moreTagsIcon {
-  margin-left: 4px;
-  vertical-align: middle;
-  width: 14px;
-  height: 13px;
-  line-height: 6px;
-  border: 1px solid @icon-color;
-  padding: 0 1px;
-  text-align: center;
-  border-radius: 48%;
-  display: inline-block;
-  font-size: 12px;
-  font-weight: 400;
-  color: @icon-color;
-  cursor: pointer;
-
-  &:hover {
-    color: @theme-color;
-    border-color: @theme-color;
-  }
-}
-
-.@{sdk-prefix}-table-columnTag-tagPopoverContainer {
-  padding: 6px 10px 10px 10px;
-  display: flex;
-  flex-wrap: wrap;
-  width: 400px;
-}
+@import '../../../style/theme.less';
+.@{sdk-prefix}-table-columnTag-groupTag {
+  padding: 4px;
+  height: 24px;
+  background: @theme-color-010;
+  margin-right: 4px;
+  color: @primary-color;
+  white-space: nowrap;
+  font-size: 12px;
+  margin-top: 4px;
+}
+
+.@{sdk-prefix}-table-columnTag-moreTagsIcon {
+  margin-left: 4px;
+  vertical-align: middle;
+  width: 14px;
+  height: 13px;
+  line-height: 6px;
+  border: 1px solid @icon-color;
+  padding: 0 1px;
+  text-align: center;
+  border-radius: 48%;
+  display: inline-block;
+  font-size: 12px;
+  font-weight: 400;
+  color: @icon-color;
+  cursor: pointer;
+
+  &:hover {
+    color: @theme-color;
+    border-color: @theme-color;
+  }
+}
+
+.@{sdk-prefix}-table-columnTag-tagPopoverContainer {
+  padding: 6px 10px 10px 10px;
+  display: flex;
+  flex-wrap: wrap;
+  width: 400px;
+}

package/lib/components/Table/EmptyText.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { Locale } from 'antd/es/locale-provider';
+declare function EmptyTextComp({ emptyText, locale }: {
+    emptyText?: React.ReactNode;
+    locale: Locale | undefined;
+}): React.JSX.Element;
+export default EmptyTextComp;

package/lib/components/Table/EmptyText.js

@@ -0,0 +1,27 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var language_1 = require("../../utils/language");
+var style_1 = require("../../constants/style");
+var type_1 = require("../../constants/language/table/type");
+var pandora_component_icons_1 = require("@qn-pandora/pandora-component-icons");
+function EmptyTextComp(_a) {
+    var emptyText = _a.emptyText, locale = _a.locale;
+    if (!emptyText) {
+        return (react_1.default.createElement("div", { className: style_1.SDK_PREFIX + "-table-empty" },
+            react_1.default.createElement("div", { className: style_1.SDK_PREFIX + "-table-empty-icon" },
+                react_1.default.createElement(pandora_component_icons_1.EmptyIcon, null)),
+            react_1.default.createElement("div", { className: style_1.SDK_PREFIX + "-table-empty-text" }, language_1.formatString(type_1.TableLocale.empty, locale))));
+    }
+    if (typeof emptyText === 'string' || typeof emptyText === 'number') {
+        return (react_1.default.createElement("div", { className: style_1.SDK_PREFIX + "-table-empty" },
+            react_1.default.createElement("div", { className: style_1.SDK_PREFIX + "-table-empty-icon" },
+                react_1.default.createElement(pandora_component_icons_1.EmptyIcon, null)),
+            react_1.default.createElement("div", { className: style_1.SDK_PREFIX + "-table-empty-text" }, emptyText)));
+    }
+    return emptyText;
+}
+exports.default = EmptyTextComp;