@kep-platform/basic-component 0.0.44 → 0.0.46

package/dist/BoxShadowBox/BoxShadowBox.js

@@ -1,12 +1,11 @@
+var _templateObject;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import styled from 'styled-components';
 var BoxShadowBox = styled('div').withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
     return !['offsetLeft'].includes(prop);
   }
-}).withConfig({
-  displayName: "BoxShadowBox",
-  componentId: "basic-component-347b__sc-18cvhyx-0"
-})(["z-index:", ";width:", ";box-shadow:var(--kep-platform-box-shadow-inset);background-color:transparent;position:absolute;top:0;left:", ";height:", ";transition:opacity 0.5s;"], function (props) {
+})(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    z-index: ", ";\n    width: ", ";\n    box-shadow: var(--kep-platform-box-shadow-inset);\n    background-color: transparent;\n    position: absolute;\n    top: 0;\n    left: ", ";\n    height: ", ";\n    transition: opacity 0.5s;\n"])), function (props) {
   return props.width ? 999 : -1;
 }, function (props) {
   return props.width;

package/dist/Button/Button.js

@@ -1,4 +1,5 @@
 var _excluded = ["type", "size"];
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -8,47 +9,45 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import React, { forwardRef, useEffect, useState } from 'react';
 import styled, { css, keyframes } from 'styled-components';
 import theme from "../__consts/theme";
 // 定义关键帧动画
 
-var defaultShadowAnimation = keyframes(["0%{box-shadow:0 0 0 0 ", ";;}50%{box-shadow:0 0 0 4px ", ";;}100%{box-shadow:0 0 0 0 ", ";;}"], theme.lightenPrimaryColor, theme.lightenPrimaryColor, theme.lightenPrimaryColor);
-var dangerShadowAnimation = keyframes(["0%{box-shadow:0 0 0 0 ", ";;}50%{box-shadow:0 0 0 4px ", ";;}100%{box-shadow:0 0 0 0 ", ";;}"], theme.lightenDangerColor, theme.lightenDangerColor, theme.lightenDangerColor);
+var defaultShadowAnimation = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    0% {\n      box-shadow: 0 0 0 0 ", ";;\n    }\n    50% {\n      box-shadow: 0 0 0 4px ", ";;\n    }\n    100% {\n      box-shadow: 0 0 0 0 ", ";;\n    }\n  "])), theme.lightenPrimaryColor, theme.lightenPrimaryColor, theme.lightenPrimaryColor);
+var dangerShadowAnimation = keyframes(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  0% {\n    box-shadow: 0 0 0 0 ", ";;\n  }\n  50% {\n    box-shadow: 0 0 0 4px ", ";;\n  }\n  100% {\n    box-shadow: 0 0 0 0 ", ";;\n  }\n  "])), theme.lightenDangerColor, theme.lightenDangerColor, theme.lightenDangerColor);
 var StyledButton = styled('button').withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
     return !['isActive'].includes(prop);
   }
-}).withConfig({
-  displayName: "StyledButton",
-  componentId: "basic-component-347b__sc-nyef9a-0"
-})(["font-weight:", ";outline:none;border-width:", ";border-style:solid;padding:var(--kep-platform-padding-block) var(--kep-platform-padding-inline);font-size:var(--kep-platform-font-size);", ";", " ", " ", " &:hover{opacity:0.7;}"], function (props) {
+})(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    font-weight: ", ";\n    outline: none;\n    border-width: ", ";\n    border-style: solid;\n    padding: var(--kep-platform-padding-block) var(--kep-platform-padding-inline);\n    font-size: var(--kep-platform-font-size);\n    ", ";\n    /* type \u63A7\u5236 */\n    ", "\n    /* \u662F\u5426\u70B9\u51FBactive */\n    ", "\n    /* size\u63A7\u5236 */\n    ", "\n    &:hover {\n        opacity: 0.7;\n    }\n"])), function (props) {
   return props.theme.buttonFontWeight || theme.fontWeight;
 }, function (props) {
   return props.theme.background || theme.borderWidth;
 }, function (props) {
-  if (props.theme.buttonBorderRadius) return css(["border-radius:", ";"], props.theme.buttonBorderRadius);else return css(["border-radius:var(--kep-platform-border-radius);"]);
+  if (props.theme.buttonBorderRadius) return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n                border-radius: ", ";\n            "])), props.theme.buttonBorderRadius);else return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n                border-radius: var(--kep-platform-border-radius);\n            "])));
 }, function (props) {
   switch (props.type) {
     case 'danger':
-      return css(["color:var(--kep-platform-color-white);border-color:transparent;background-color:var(--kep-platform-red);"]);
+      return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n                    color: var(--kep-platform-color-white);\n                    border-color: transparent;\n                    background-color: var(--kep-platform-red);\n                "])));
     case 'default':
-      return css(["color:", ";border-color:var(--kep-platform-color-border);background-color:", ";&:hover{border-color:var(--kep-platform-color-primary);color:var(--kep-platform-color-primary);}"], theme.color, theme.backgroundColor);
+      return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n                    color: ", ";\n                    border-color: var(--kep-platform-color-border);\n                    background-color: ", ";\n                    &:hover {\n                        border-color: var(--kep-platform-color-primary);\n                        color: var(--kep-platform-color-primary);\n                    }\n                "])), theme.color, theme.backgroundColor);
     case 'primary':
-      return css(["color:", ";border-color:transparent;background-color:", ";"], theme.backgroundColor, theme.primaryColor);
+      return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n                    color: ", ";\n                    border-color: transparent;\n                    background-color: ", ";\n                "])), theme.backgroundColor, theme.primaryColor);
   }
 }, function (props) {
   if (props.isActive) {
-    if (props.type === 'danger') return css(["animation:", " 0.5s linear;"], dangerShadowAnimation);else {
-      return css(["animation:", " 0.5s linear;"], defaultShadowAnimation);
+    if (props.type === 'danger') return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n                    animation: ", " 0.5s linear;\n                "])), dangerShadowAnimation);else {
+      return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n                    animation: ", " 0.5s linear;\n                "])), defaultShadowAnimation);
     }
   }
 }, function (props) {
   switch (props.size) {
     case 'small':
-      return css(["padding:var(--kep-platform-padding-block-sm) var(--kep-platform-padding-inline-sm);font-size:var(--kep-platform-font-size-sm);border-radius:var(--kep-platform-border-radius-sm);"]);
+      return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n                    padding: var(--kep-platform-padding-block-sm) var(--kep-platform-padding-inline-sm);\n                    font-size: var(--kep-platform-font-size-sm);\n                    border-radius: var(--kep-platform-border-radius-sm);\n                "])));
     case 'large':
-      return css(["padding:var(--kep-platform-padding-block-lg) var(--kep-platform-padding-inline-lg);font-size:var(--kep-platform-font-size-lg);border-radius:var(--kep-platform-border-radius-lg);"]);
+      return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n                    padding: var(--kep-platform-padding-block-lg) var(--kep-platform-padding-inline-lg);\n                    font-size: var(--kep-platform-font-size-lg);\n                    border-radius: var(--kep-platform-border-radius-lg);\n                "])));
   }
 });
 var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {

package/dist/Columns/Columns.js

@@ -1,8 +1,10 @@
 var _excluded = ["columns", "rowData", "rowIndex", "isFlex", "leftBase", "columnsKey"],
   _excluded2 = ["dataIndex", "render", "key"];
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import { observer } from 'mobx-react-lite';
 import React, { useMemo } from 'react';
 import styled, { css } from 'styled-components';
@@ -13,48 +15,42 @@ var ColumnList = styled(List).withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
     return !['widthSum', 'bordered', 'isFlex', 'rowIndex'].includes(prop);
   }
-}).withConfig({
-  displayName: "ColumnList",
-  componentId: "basic-component-347b__sc-1hh0w2t-0"
-})(["", ""], function (props) {
+})(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    ", "\n"])), function (props) {
   if (props.isFlex) {
-    return css(["display:flex;"]);
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n                display: flex;\n            "])));
   } else {
-    return css(["width:", "px;"], props.widthSum);
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n                width: ", "px;\n            "])), props.widthSum);
   }
 });
 export var Column = styled(ListItem).withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
     return !['width', 'isFlex', 'bordered', 'hideInTable', 'filter', 'sorter', 'rowIndex', 'focused'].includes(prop);
   }
-}).withConfig({
-  displayName: "Column",
-  componentId: "basic-component-347b__sc-1hh0w2t-1"
-})(["padding:var(--kep-platform-padding-xs);text-align:", ";white-space:break-spaces;word-break:break-all;border-bottom:var(--kep-platform-line-width) var(--kep-platform-line-type) var(--kep-platform-color-border-secondary);", " background-color:var(--kep-platform-color-bg-base);", ":hover &{background-color:var(--kep-platform-color-bg-hover);}", " ", " ", ""], function (props) {
+})(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    padding: var(--kep-platform-padding-xs);\n    text-align: ", ";\n    white-space: break-spaces;\n    word-break: break-all;\n    border-bottom: var(--kep-platform-line-width) var(--kep-platform-line-type)\n        var(--kep-platform-color-border-secondary);\n    ", "\n    background-color: var(--kep-platform-color-bg-base);\n    ", ":hover & {\n        background-color: var(--kep-platform-color-bg-hover);\n    }\n    ", "\n    ", "\n    ", "\n"])), function (props) {
   return props.align;
 }, function (props) {
   if (props.bordered) {
-    return css(["border:var(--kep-platform-line-width) var(--kep-platform-line-type) var(--kep-platform-color-border-secondary);border-top-width:0;border-left-width:0;"]);
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n                border: var(--kep-platform-line-width) var(--kep-platform-line-type)\n                    var(--kep-platform-color-border-secondary);\n                border-top-width: 0;\n                border-left-width: 0;\n            "])));
   }
 }, ColumnList, function (props) {
   if (props.isFlex) {
-    return css(["flex:", ";"], props.width || DefaultColumnWidth);
+    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n                flex: ", ";\n            "])), props.width || DefaultColumnWidth);
   } else {
-    return css(["width:", "px;"], props.width || DefaultColumnWidth);
+    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n                width: ", "px;\n            "])), props.width || DefaultColumnWidth);
   }
 }, function (props) {
   if (props.fixed && !props.isFlex) {
-    return css(["position:sticky;"]);
+    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n                position: sticky;\n            "])));
   }
 }, function (props) {
   if (props.fixed === 'left' && !props.isFlex) {
-    return css(["left:", ";z-index:var(--kep-platform-z-index-fixed);"], props.left);
+    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n                left: ", ";\n                z-index: var(--kep-platform-z-index-fixed);\n            "])), props.left);
   }
   if (props.fixed === 'right' && !props.isFlex) {
-    return css(["right:", ";z-index:var(--kep-platform-z-index-fixed) - 1;"], props.right);
+    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n                right: ", ";\n                z-index: var(--kep-platform-z-index-fixed) - 1;\n            "])), props.right);
   }
   if (props.focused) {
-    return css(["z-index:20 !important;"]);
+    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n                z-index: 20 !important;\n            "])));
   }
 });
 var displayColumnsCache = {};

package/dist/Flex/flex.js

@@ -1,22 +1,18 @@
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import styled, { css } from 'styled-components';
-export var Flex = styled.div.withConfig({
-  displayName: "Flex",
-  componentId: "basic-component-347b__sc-14xikkf-0"
-})(["display:flex;flex-direction:", ";align-items:", ";", ""], function (props) {
+export var Flex = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    display: flex;\n    flex-direction: ", ";\n    align-items: ", ";\n    ", "\n"])), function (props) {
   return props.direction || 'row';
 }, function (props) {
   return props.alignItems || 'center';
 }, function (props) {
   if (props.width) {
-    return css(["width:", "px;"], props.width);
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n                width: ", "px;\n            "])), props.width);
   } else {
-    return css(["width:100%;"]);
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n                width: 100%;\n            "])));
   }
 });
-export var FlexItem = styled.div.withConfig({
-  displayName: "FlexItem",
-  componentId: "basic-component-347b__sc-14xikkf-1"
-})(["flex:", ";text-align:", ";cursor:", ";overflow:hidden;text-overflow:ellipsis;white-space:nowrap;", ";"], function (props) {
+export var FlexItem = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    flex: ", ";\n    text-align: ", ";\n    cursor: ", ";\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    ", ";\n"])), function (props) {
   return props.flex;
 }, function (props) {
   return props.align;
@@ -24,6 +20,6 @@ export var FlexItem = styled.div.withConfig({
   return props.cursor || 'default';
 }, function (props) {
   if (props.width) {
-    return css(["width:", "px;"], props.width);
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n                width: ", "px;\n            "])), props.width);
   }
 });

package/dist/Grid/Col.js

@@ -1,9 +1,8 @@
+var _templateObject;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import React from 'react';
 import styled from 'styled-components';
-export var StyledCol = styled.div.withConfig({
-  displayName: "StyledCol",
-  componentId: "basic-component-347b__sc-1arnr37-0"
-})(["flex-basis:calc(100% * ", " / 24);"], function (props) {
+export var StyledCol = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    flex-basis: calc(100% * ", " / 24); /* \u53608\u4EFD */\n"])), function (props) {
   return props.span;
 });
 var Col = function Col(props) {

package/dist/Grid/Row.js

@@ -1,15 +1,14 @@
 var _excluded = ["children"];
+var _templateObject;
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import React from 'react';
 import styled from 'styled-components';
 import theme from "../__consts/theme";
 import Col, { StyledCol } from "./Col";
-var StyledRow = styled.div.withConfig({
-  displayName: "StyledRow",
-  componentId: "basic-component-347b__sc-15h2ba-0"
-})(["display:flex;flex-wrap:wrap;margin:", ";& > ", "{padding:", ";}"], function (props) {
+var StyledRow = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    display: flex;\n    flex-wrap: wrap; /* \u5141\u8BB8\u5B50\u7EC4\u4EF6\u6362\u884C */\n    margin: ", ";\n    & > ", " {\n        padding: ", ";\n    }\n"])), function (props) {
   if (props.gap) {
     if (typeof props.gap === 'number') {
       var margin = (props.gap || parseInt(theme.gap)) / 2;

package/dist/Indent/Indent.js

@@ -1,13 +1,12 @@
+var _templateObject;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import styled from 'styled-components';
 var indentWidthRegx = /(\d*)(\D+)/;
 /* 缩进组件，默认单位是rem,默认长度是1，默认层级是1 */
 var defaultIndentUnit = 'px';
 var defaultIndentWidth = 16;
 var lengthUnits = ['px', 'rem', 'pt', 'em', '%'];
-var Indent = styled.div.withConfig({
-  displayName: "Indent",
-  componentId: "basic-component-347b__sc-1w1dll1-0"
-})(["width:", ";"], function (props) {
+var Indent = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    width: ", ";\n"])), function (props) {
   if (!props.indentWidth) {
     return props.level * defaultIndentWidth + defaultIndentUnit;
   }

package/dist/Input/Input.js

@@ -1,13 +1,12 @@
 var _excluded = ["value", "onChange"];
+var _templateObject;
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import React from 'react';
 import styled from 'styled-components';
-var StyledInput = styled.input.withConfig({
-  displayName: "StyledInput",
-  componentId: "basic-component-347b__sc-ojuww7-0"
-})(["outline:none;box-shadow:none;border:1px solid var(--kep-platform-color-border);border-radius:var(--kep-platform-border-radius-sm);&:hover{border-color:var(--kep-platform-color-primary);}"]);
+var StyledInput = styled.input(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    outline: none;\n    box-shadow: none;\n    border: 1px solid var(--kep-platform-color-border);\n    border-radius: var(--kep-platform-border-radius-sm);\n    &:hover {\n        border-color: var(--kep-platform-color-primary);\n    }\n"])));
 export default function Input(props) {
   var value = props.value,
     _onChange = props.onChange,

package/dist/List/List.js

@@ -1,6 +1,7 @@
 var _excluded = ["onClick"],
   _excluded2 = ["items", "direction", "itemRender", "children"],
   _excluded3 = ["key", "title"];
+var _templateObject, _templateObject2, _templateObject3;
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -10,28 +11,23 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import { useClickOutsize } from '@kep-platform/hooks';
 import React, { useCallback, useRef, useState } from 'react';
 import styled, { css } from 'styled-components';
 
 //因为UL自带有title属性
 
-var StyledUL = styled.ul.withConfig({
-  displayName: "StyledUL",
-  componentId: "basic-component-347b__sc-1ombcxm-0"
-})(["display:flex;flex-direction:", ";"], function (props) {
+var StyledUL = styled.ul(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    display: flex;\n    flex-direction: ", ";\n"])), function (props) {
   return props.direction || 'row';
 });
 export var StyledLi = styled('li').withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
     return !['focused'].includes(prop);
   }
-}).withConfig({
-  displayName: "StyledLi",
-  componentId: "basic-component-347b__sc-1ombcxm-1"
-})(["flex:0 0 auto;", ""], function (props) {
+})(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    flex: 0 0 auto;\n    ", "\n"])), function (props) {
   if (props.focused) {
-    return css(["z-index:20 !important;"]);
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n                z-index: 20 !important;\n            "])));
   }
 });
 export var ListItem = function ListItem(props) {

package/dist/Menu/Menu.js

@@ -1,4 +1,5 @@
 var _excluded = ["children", "onSelect", "activeKey", "trigger"];
+var _templateObject, _templateObject2, _templateObject3;
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -8,24 +9,19 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import React, { useCallback, useEffect, useState } from 'react';
 import styled, { css } from 'styled-components';
 import { List, ListItem } from "../List";
 import { Popup } from "../PopupBox";
-var MenuList = styled(List).withConfig({
-  displayName: "MenuList",
-  componentId: "basic-component-347b__sc-d665dh-0"
-})([""]);
+var MenuList = styled(List)(_templateObject || (_templateObject = _taggedTemplateLiteral([""])));
 var MenuListItem = styled(ListItem).withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
     return !['active'].includes(prop);
   }
-}).withConfig({
-  displayName: "MenuListItem",
-  componentId: "basic-component-347b__sc-d665dh-1"
-})(["background-color:var(--kep-platform-color-bg-base);border-radius:var(--kep-platform-border-radius-sm);margin:var(--kep-platform-margin-xxxs);padding:0 var(--kep-platform-padding-xs);height:var(--kep-platform-menu-item-height);line-height:var(--kep-platform-menu-item-line-height);color:var(--kep-platform-color-text) !important;&:hover{background-color:var(--kep-platform-color-bg-hover);}", ""], function (props) {
+})(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    background-color: var(--kep-platform-color-bg-base);\n    border-radius: var(--kep-platform-border-radius-sm);\n    margin: var(--kep-platform-margin-xxxs);\n    padding: 0 var(--kep-platform-padding-xs);\n    height: var(--kep-platform-menu-item-height);\n    line-height: var(--kep-platform-menu-item-line-height);\n    color: var(--kep-platform-color-text) !important;\n    &:hover {\n        background-color: var(--kep-platform-color-bg-hover);\n    }\n    ", "\n"])), function (props) {
   if (props.active) {
-    return css(["background-color:var(--kep-platform-color-bg-active) !important;color:var(--kep-platform-color-text-active) !important;"]);
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n                background-color: var(--kep-platform-color-bg-active) !important;\n                color: var(--kep-platform-color-text-active) !important;\n            "])));
   }
 });
 function Menu(_ref) {

package/dist/Pagination/Pagination.js

@@ -1,16 +1,15 @@
 var _excluded = ["justifyContent"];
+var _templateObject;
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import RCPagination from 'rc-pagination';
 import React from 'react';
 import styled from 'styled-components';
 import { Button } from "../Button";
 import { Select } from "../Select";
-var StyledRCPagination = styled(RCPagination).withConfig({
-  displayName: "StyledRCPagination",
-  componentId: "basic-component-347b__sc-11dkd3-0"
-})(["list-style:none;display:flex;justify-content:", ";align-items:center;& > *{margin:0 var(--kep-platform-margin-xxs);}& .rc-pagination-item{cursor:pointer;padding:var(--kep-platform-padding-xxs) var(--kep-platform-padding-xs);border:1px solid transparent;border-radius:var(--kep-platform-border-radius-sm);& a{color:var(--kep-platform-color-text);}&:hover{background-color:var(--kep-platform-color-bg-hover);}&.rc-pagination-item-active{border:1px solid var(--kep-platform-color-primary);a{color:var(--kep-platform-color-primary);}}}& .rc-pagination-prev{}& .rc-pagination-disabled{}& .rc-pagination-next{}& .rc-pagintaion-options{}& .rc-pagination-jump-next{}& .rc-pagination-options-quick-jumper{& input{margin:0 var(--kep-platform-margin-xs);border-radius:var(--kep-platform-border-radius-sm);border:1px solid var(--kep-platform-color-border);padding:var(--kep-platform-padding-xxs) var(--kep-platform-padding-xs);&:active,&:focus{border-color:var(--kep-platform-color-primary);}}}"], function (props) {
+var StyledRCPagination = styled(RCPagination)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    list-style: none;\n    display: flex;\n    justify-content: ", ";\n    align-items: center;\n    & > * {\n        margin: 0 var(--kep-platform-margin-xxs);\n    }\n    & .rc-pagination-item {\n        cursor: pointer;\n        padding: var(--kep-platform-padding-xxs) var(--kep-platform-padding-xs);\n        border: 1px solid transparent;\n        border-radius: var(--kep-platform-border-radius-sm);\n        & a {\n            color: var(--kep-platform-color-text);\n        }\n        &:hover {\n            background-color: var(--kep-platform-color-bg-hover);\n        }\n        &.rc-pagination-item-active {\n            border: 1px solid var(--kep-platform-color-primary);\n            a {\n                color: var(--kep-platform-color-primary);\n            }\n        }\n    }\n    & .rc-pagination-prev {\n    }\n    & .rc-pagination-disabled {\n    }\n\n    & .rc-pagination-next {\n    }\n\n    & .rc-pagintaion-options {\n    }\n\n    & .rc-pagination-jump-next {\n    }\n    & .rc-pagination-options-quick-jumper {\n        & input {\n            margin: 0 var(--kep-platform-margin-xs);\n            border-radius: var(--kep-platform-border-radius-sm);\n            border: 1px solid var(--kep-platform-color-border);\n            padding: var(--kep-platform-padding-xxs) var(--kep-platform-padding-xs);\n            &:active,\n            &:focus {\n                border-color: var(--kep-platform-color-primary);\n            }\n        }\n    }\n"])), function (props) {
   return props.justifyContent;
 });
 var Pagination = function Pagination(_ref) {

package/dist/PopupBox/PopupBox.js

@@ -1,9 +1,11 @@
+var _templateObject, _templateObject2, _templateObject3;
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import { useClickOutsize } from '@kep-platform/hooks';
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import styled, { css } from 'styled-components';
@@ -11,11 +13,8 @@ var PopupBox = styled('div').withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
     return !['left', 'right', 'top', 'bottom', 'visible'].includes(prop);
   }
-}).withConfig({
-  displayName: "PopupBox",
-  componentId: "basic-component-347b__sc-80rdwc-0"
-})(["background-color:var(--kep-platform-color-bg-base);padding:var(--kep-platform-padding-xs);border-radius:var(--kep-platform-border-radius-sm);position:fixed;box-shadow:var(--kep-platform-box-shadow);z-index:999;", ";"], function (props) {
-  if (props.visible) return css(["left:", "px;top:", "px;"], props.left || -999, props.top || -999);else return css(["left:-9999px;top:-9999px;"]);
+})(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    background-color: var(--kep-platform-color-bg-base);\n    padding: var(--kep-platform-padding-xs);\n    border-radius: var(--kep-platform-border-radius-sm);\n    position: fixed;\n    box-shadow: var(--kep-platform-box-shadow);\n    z-index: 999;\n    ", ";\n"])), function (props) {
+  if (props.visible) return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n                left: ", "px;\n                top: ", "px;\n            "])), props.left || -999, props.top || -999);else return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n                left: -9999px;\n                top: -9999px;\n            "])));
 });
 export function Popup(props) {
   var children = props.children,

package/dist/Select/Select.js

@@ -1,54 +1,38 @@
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import { useClickOutsize } from '@kep-platform/hooks';
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import styled, { css, keyframes } from 'styled-components';
 import { List, ListItem } from "../List";
-var SelectContainer = styled.div.withConfig({
-  displayName: "SelectContainer",
-  componentId: "basic-component-347b__sc-z3izsh-0"
-})(["width:200px;position:relative;"]);
-var SelectTrigger = styled.div.withConfig({
-  displayName: "SelectTrigger",
-  componentId: "basic-component-347b__sc-z3izsh-1"
-})(["display:flex;height:40px;line-height:calc(40px - 2 * var(--kep-platform-padding-xxs));border:1px solid var(--kep-platform-color-border);border-radius:var(--kep-platform-border-radius);padding:var(--kep-platform-padding-xxs) var(--kep-platform-padding-xs);"]);
-var SelectInput = styled.input.withConfig({
-  displayName: "SelectInput",
-  componentId: "basic-component-347b__sc-z3izsh-2"
-})(["border-width:0;"]);
-var fadeIn = keyframes(["0%{opacity:0;}100%{opacity:1;}"]);
+var SelectContainer = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    width: 200px;\n    position: relative;\n"])));
+var SelectTrigger = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    display: flex;\n    height: 40px;\n    line-height: calc(40px - 2 * var(--kep-platform-padding-xxs));\n    border: 1px solid var(--kep-platform-color-border);\n    border-radius: var(--kep-platform-border-radius);\n    padding: var(--kep-platform-padding-xxs) var(--kep-platform-padding-xs);\n"])));
+var SelectInput = styled.input(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    border-width: 0;\n"])));
+var fadeIn = keyframes(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n"])));
 var SelectPannel = styled('div').withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
     return !['visible'].includes(prop);
   }
-}).withConfig({
-  displayName: "SelectPannel",
-  componentId: "basic-component-347b__sc-z3izsh-3"
-})(["position:absolute;left:0;top:40px;width:100%;box-shadow:var(--kep-platform-box-shadow);border-radius:var(--kep-platform-border-radius);z-index:var(--kep-platform-z-index-popup-base);", ""], function (props) {
+})(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    position: absolute;\n    left: 0;\n    top: 40px;\n    width: 100%;\n    box-shadow: var(--kep-platform-box-shadow);\n    border-radius: var(--kep-platform-border-radius);\n    z-index: var(--kep-platform-z-index-popup-base);\n    ", "\n"])), function (props) {
   if (props.visible) {
-    return css(["animation:", " 0.3s ease-in;"], fadeIn);
+    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n                animation: ", " 0.3s ease-in;\n            "])), fadeIn);
   } else {
-    return css(["visibility:hidden;"]);
+    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n                visibility: hidden;\n            "])));
   }
 });
-var SelectList = styled(List).withConfig({
-  displayName: "SelectList",
-  componentId: "basic-component-347b__sc-z3izsh-4"
-})([""]);
+var SelectList = styled(List)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral([""])));
 var SelectListItem = styled(ListItem).withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
     return !['active'].includes(prop);
   }
-}).withConfig({
-  displayName: "SelectListItem",
-  componentId: "basic-component-347b__sc-z3izsh-5"
-})(["background-color:var(--kep-platform-color-bg-base);border-radius:var(--kep-platform-border-radius-sm);margin:var(--kep-platform-margin-xxxs);padding:0 var(--kep-platform-padding-xs);height:var(--kep-platform-menu-item-height);line-height:var(--kep-platform-menu-item-line-height);&:hover{background-color:var(--kep-platform-color-bg-hover);}", ""], function (props) {
+})(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    background-color: var(--kep-platform-color-bg-base);\n    border-radius: var(--kep-platform-border-radius-sm);\n    margin: var(--kep-platform-margin-xxxs);\n    padding: 0 var(--kep-platform-padding-xs);\n    height: var(--kep-platform-menu-item-height);\n    line-height: var(--kep-platform-menu-item-line-height);\n    &:hover {\n        background-color: var(--kep-platform-color-bg-hover);\n    }\n    ", "\n"])), function (props) {
   if (props.active) {
-    return css(["background-color:var(--kep-platform-color-bg-active) !important;color:var(--kep-platform-color-text-active) !important;"]);
+    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n                background-color: var(--kep-platform-color-bg-active) !important;\n                color: var(--kep-platform-color-text-active) !important;\n            "])));
   }
 });
 export default function Select(props) {

package/dist/Space/Space.js

@@ -1,13 +1,12 @@
 var _excluded = ["size"];
+var _templateObject, _templateObject2;
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import React from 'react';
 import styled from 'styled-components';
-var StyledSpace = styled.ul.withConfig({
-  displayName: "StyledSpace",
-  componentId: "basic-component-347b__sc-90tegf-0"
-})(["list-style:none;display:inline-flex;align-items:center;flex-direction:", ";gap:", ";"], function (props) {
+var StyledSpace = styled.ul(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    list-style: none;\n    display: inline-flex;\n    align-items: center;\n    flex-direction: ", ";\n    gap: ", ";\n"])), function (props) {
   return props.direction;
 }, function (props) {
   switch (props.size) {
@@ -20,10 +19,7 @@ var StyledSpace = styled.ul.withConfig({
       return 'var(--kep-platform-padding-xs)';
   }
 });
-export var SpaceItem = styled.li.withConfig({
-  displayName: "SpaceItem",
-  componentId: "basic-component-347b__sc-90tegf-1"
-})(["margin:0;padding:0;"]);
+export var SpaceItem = styled.li(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    margin: 0;\n    padding: 0;\n"])));
 var Space = function Space(_ref) {
   var _ref$size = _ref.size,
     size = _ref$size === void 0 ? 'middle' : _ref$size,

package/dist/Spin/Spin.js

@@ -1,18 +1,14 @@
+var _templateObject, _templateObject2;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import LoadingOutlined from '@ant-design/icons/LoadingOutlined';
 import React from 'react';
 import styled from 'styled-components';
-var SpinContainer = styled.div.withConfig({
-  displayName: "SpinContainer",
-  componentId: "basic-component-347b__sc-1s1g2fa-0"
-})(["position:relative;"]);
+var SpinContainer = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    position: relative;\n"])));
 var SpinMark = styled('div').withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
     return !['spinning'].includes(prop);
   }
-}).withConfig({
-  displayName: "SpinMark",
-  componentId: "basic-component-347b__sc-1s1g2fa-1"
-})(["position:absolute;inset:0 0 0 0;background-color:rgba(255,255,255,0.706);display:flex;justify-content:center;align-items:center;color:var(--kep-platform-color-primary);"]);
+})(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    position: absolute;\n    inset: 0 0 0 0;\n    background-color: rgba(255, 255, 255, 0.706);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    color: var(--kep-platform-color-primary);\n"])));
 export default function Spin(props) {
   return /*#__PURE__*/React.createElement(SpinContainer, null, props.children, /*#__PURE__*/React.createElement(SpinMark, {
     spinning: props.spinning,