@kep-platform/basic-component 0.0.2 → 0.0.6

package/dist/List/List.js

@@ -0,0 +1,41 @@
+var _excluded = ["items", "direction", "itemRender", "children"],
+  _excluded2 = ["key", "title"];
+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; }
+import React from 'react';
+import styled 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) {
+  return props.direction || 'row';
+});
+export var ListItem = styled.li.withConfig({
+  displayName: "ListItem",
+  componentId: "basic-component-347b__sc-1ombcxm-1"
+})(["flex:0 0 auto;"]);
+
+/* 理论上来说所有list相关的数据结构都应该交给List组件来完成,但是List组件只处理List结构不处理任何其他样式问题 */
+var List = function List(_ref) {
+  var items = _ref.items,
+    _ref$direction = _ref.direction,
+    direction = _ref$direction === void 0 ? 'row' : _ref$direction,
+    itemRender = _ref.itemRender,
+    children = _ref.children,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(StyledUL, _extends({
+    direction: direction
+  }, rest), items && Array.isArray(items) ? items.map(function (item, index) {
+    var key = item.key,
+      title = item.title,
+      rest = _objectWithoutProperties(item, _excluded2);
+    return /*#__PURE__*/React.createElement(ListItem, _extends({
+      key: key
+    }, rest), itemRender ? itemRender(item, index) : title);
+  }) : children);
+};
+export default List;

package/dist/List/index.d.ts

@@ -0,0 +1 @@
+export { default as List, ListItem, type ListProps } from './List';

package/dist/List/index.js

@@ -0,0 +1 @@
+export { default as List, ListItem } from "./List";

package/dist/Menu/Menu.d.ts

@@ -0,0 +1,14 @@
+import React, { ReactNode } from 'react';
+export type MenuProps = {
+    items: MenuItem[];
+    direction?: Direction;
+};
+declare function Menu({ items, direction }: MenuProps): React.JSX.Element;
+declare namespace Menu {
+    var Popup: typeof PopupMenu;
+}
+export declare function PopupMenu(props: MenuProps & {
+    children: ReactNode;
+    trigger?: TriggerType;
+}): React.JSX.Element | undefined;
+export default Menu;

package/dist/Menu/Menu.js

@@ -0,0 +1,107 @@
+var _excluded = ["children", "trigger"];
+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 _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; }
+import { useClickOutsize } from '@kep-platform/hooks';
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import styled, { css } from 'styled-components';
+import { List, ListItem } from "../List";
+import { PopupBox } from "../PopupBox";
+var MenuList = styled(List).withConfig({
+  displayName: "MenuList",
+  componentId: "basic-component-347b__sc-d665dh-0"
+})([""]);
+var MenuListItem = styled(ListItem).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);&:hover{background-color:var(--kep-platform-color-bg-hover);}", ""], function (props) {
+  if (props.active) {
+    return css(["background-color:var(--kep-platform-color-bg-active) !important;color:var(--kep-platform-color-text-active) !important;"]);
+  }
+});
+function Menu(_ref) {
+  var items = _ref.items,
+    _ref$direction = _ref.direction,
+    direction = _ref$direction === void 0 ? 'row' : _ref$direction;
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    activeKey = _useState2[0],
+    setActiveKey = _useState2[1];
+  var menuClickHandler = useCallback(function (e) {
+    var dataKey = e.target.getAttribute('data-key');
+    setActiveKey(dataKey);
+  }, []);
+  return /*#__PURE__*/React.createElement(MenuList, {
+    direction: direction
+  }, items.map(function (item) {
+    return /*#__PURE__*/React.createElement(MenuListItem, {
+      key: item.key,
+      active: activeKey === item.key,
+      onClick: menuClickHandler,
+      "data-key": item.key
+    }, item.label);
+  }));
+}
+export function PopupMenu(props) {
+  var children = props.children,
+    _props$trigger = props.trigger,
+    trigger = _props$trigger === void 0 ? 'click' : _props$trigger,
+    rest = _objectWithoutProperties(props, _excluded);
+  var _useState3 = useState({
+      left: 0,
+      top: 0
+    }),
+    _useState4 = _slicedToArray(_useState3, 2),
+    pos = _useState4[0],
+    setPos = _useState4[1];
+  var triggerController = useRef(null);
+  var popupBox = useRef(null);
+  var mergeProps = useMemo(function () {
+    return {
+      ref: triggerController
+    };
+  }, []);
+  var showPopupMenu = useCallback(function (e) {
+    e.stopPropagation();
+    e.preventDefault();
+    var _ref2 = e,
+      clientX = _ref2.clientX,
+      clientY = _ref2.clientY;
+    setPos({
+      left: clientX,
+      top: clientY
+    });
+  }, []);
+  var hidePopupMenu = useCallback(function () {
+    setPos({
+      left: -999,
+      top: -999
+    });
+  }, []);
+  useClickOutsize('mousedown', popupBox, hidePopupMenu);
+  useClickOutsize('scroll', popupBox, hidePopupMenu);
+  useEffect(function () {
+    var triggerTarget = triggerController.current;
+    if (trigger) triggerTarget === null || triggerTarget === void 0 || triggerTarget.addEventListener(trigger, showPopupMenu);
+    return function () {
+      triggerTarget === null || triggerTarget === void 0 || triggerTarget.removeEventListener(trigger, showPopupMenu);
+    };
+  }, [trigger, showPopupMenu]);
+  if ( /*#__PURE__*/React.isValidElement(children)) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(PopupBox, {
+      left: pos.left,
+      top: pos.top,
+      ref: popupBox
+    }, /*#__PURE__*/React.createElement(Menu, _extends({}, rest, {
+      direction: "column"
+    }))), /*#__PURE__*/React.cloneElement(children, mergeProps));
+  } else console.warn('PopupMenu需要一个触发元素!');
+}
+Menu.Popup = PopupMenu;
+export default Menu;

package/dist/Menu/index.d.ts

@@ -0,0 +1,3 @@
+import Menu from './Menu';
+export { type MenuProps } from './Menu';
+export { Menu };

package/dist/Menu/index.js

@@ -0,0 +1,2 @@
+import Menu from "./Menu";
+export { Menu };

package/dist/Pagination/Pagination.d.ts

@@ -0,0 +1,7 @@
+import { type PaginationProps as RCPaginationProps } from 'rc-pagination';
+import React from 'react';
+declare const Pagination: ({ justifyContent, ...rest }: PaginationProps) => React.JSX.Element;
+export default Pagination;
+export type PaginationProps = {
+    justifyContent?: string;
+} & RCPaginationProps;

package/dist/Pagination/Pagination.js

@@ -0,0 +1,44 @@
+var _excluded = ["justifyContent"];
+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; }
+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) {
+  return props.justifyContent;
+});
+var Pagination = function Pagination(_ref) {
+  var _ref$justifyContent = _ref.justifyContent,
+    justifyContent = _ref$justifyContent === void 0 ? 'left' : _ref$justifyContent,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(StyledRCPagination, _extends({
+    justifyContent: justifyContent
+  }, rest, {
+    nextIcon: function nextIcon() {
+      return /*#__PURE__*/React.createElement(Button, null, "\u4E0B\u4E00\u9875");
+    },
+    prevIcon: function prevIcon() {
+      return /*#__PURE__*/React.createElement(Button, null, "\u4E0A\u4E00\u9875");
+    },
+    jumpNextIcon: function jumpNextIcon() {
+      return /*#__PURE__*/React.createElement("span", {
+        className: "rc-pagination-item"
+      }, "...");
+    },
+    jumpPrevIcon: function jumpPrevIcon() {
+      return /*#__PURE__*/React.createElement("span", {
+        className: "rc-pagination-item"
+      }, "...");
+    },
+    totalBoundaryShowSizeChanger: 1,
+    showSizeChanger: true,
+    selectComponentClass: Select
+  }));
+};
+export default Pagination;

package/dist/Pagination/index.d.ts

@@ -0,0 +1 @@
+export { default as Pagination, type PaginationProps } from './Pagination';

package/dist/Pagination/index.js

@@ -0,0 +1 @@
+export { default as Pagination } from "./Pagination";

package/dist/PopupBox/PopupBox.d.ts

@@ -0,0 +1,12 @@
+import { HtmlHTMLAttributes, type ReactNode } from 'react';
+export type PopupBoxProps = {
+    children?: ReactNode;
+    left?: number;
+    top?: number;
+    right?: number;
+    bottom?: number;
+} & HtmlHTMLAttributes<HTMLDivElement>;
+declare const PopupBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, Omit<PopupBoxProps, "children">>> & string;
+export default PopupBox;

package/dist/PopupBox/PopupBox.js

@@ -0,0 +1,12 @@
+import styled, { css } from 'styled-components';
+var PopupBox = styled('div').withConfig({
+  shouldForwardProp: function shouldForwardProp(prop) {
+    return !['left', 'right', 'top', 'bottom'].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:var(--kep-platform-z-index-popup-base);", ";"], function (props) {
+  return css(["left:", "px;top:", "px;"], props.left || -999, props.top || -999);
+});
+export default PopupBox;

package/dist/PopupBox/index.d.ts

@@ -0,0 +1 @@
+export { default as PopupBox } from './PopupBox';

package/dist/PopupBox/index.js

@@ -0,0 +1 @@
+export { default as PopupBox } from "./PopupBox";

package/dist/Select/Select.d.ts

@@ -0,0 +1,13 @@
+import React, { ReactNode } from 'react';
+export type SelectOption = {
+    label: ReactNode;
+    value: string;
+};
+export type SelectProps = {
+    multiple?: boolean;
+    options?: SelectOption[];
+    value?: string;
+    onChange?: (value: string) => void;
+    children?: ReactNode;
+};
+export default function Select(props: SelectProps): React.JSX.Element;

package/dist/Select/Select.js

@@ -0,0 +1,121 @@
+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; }
+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 SelectPannel = styled.div.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) {
+  if (props.visible) {
+    return css(["animation:", " 0.3s ease-in;"], fadeIn);
+  } else {
+    return css(["visibility:hidden;"]);
+  }
+});
+var SelectList = styled(List).withConfig({
+  displayName: "SelectList",
+  componentId: "basic-component-347b__sc-z3izsh-4"
+})([""]);
+var SelectListItem = styled(ListItem).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) {
+  if (props.active) {
+    return css(["background-color:var(--kep-platform-color-bg-active) !important;color:var(--kep-platform-color-text-active) !important;"]);
+  }
+});
+export default function Select(props) {
+  var options = props.options,
+    value = props.value,
+    onChange = props.onChange,
+    children = props.children;
+  var _useState = useState(value),
+    _useState2 = _slicedToArray(_useState, 2),
+    localValue = _useState2[0],
+    setLocalValue = _useState2[1];
+  var _useState3 = useState(value),
+    _useState4 = _slicedToArray(_useState3, 2),
+    inputValue = _useState4[0],
+    setInputValue = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    pannelVisible = _useState6[0],
+    setPannelVisible = _useState6[1];
+  var pannel = useRef(null);
+  var mergeValue = useMemo(function () {
+    if (value === undefined) {
+      return localValue;
+    } else {
+      return value;
+    }
+  }, [value, localValue]);
+  useEffect(function () {
+    setInputValue(mergeValue);
+  }, [mergeValue]);
+  var selectListItemClickHandler = useCallback(function (e) {
+    var dataKey = e.target.getAttribute('data-key');
+    setLocalValue(dataKey);
+    onChange === null || onChange === void 0 || onChange(dataKey);
+    setPannelVisible(false);
+  }, []);
+  useClickOutsize('click', pannel, function () {
+    setPannelVisible(false);
+    setInputValue(mergeValue);
+  });
+  var selectItems = useMemo(function () {
+    if (options) {
+      return options === null || options === void 0 ? void 0 : options.map(function (option) {
+        return /*#__PURE__*/React.createElement(SelectListItem, {
+          key: option.value,
+          active: option.value === mergeValue,
+          "data-key": option.value,
+          onClick: selectListItemClickHandler
+        }, option.label);
+      });
+    } else {
+      return React.Children.map(children, function (child) {
+        return /*#__PURE__*/React.createElement(SelectListItem, {
+          key: child.props.value,
+          "data-key": child.props.value,
+          active: child.props.value === mergeValue,
+          onClick: selectListItemClickHandler
+        }, child.props.children);
+      });
+    }
+  }, [options, children, mergeValue]);
+  return /*#__PURE__*/React.createElement(SelectContainer, null, /*#__PURE__*/React.createElement(SelectTrigger, {
+    onClick: function onClick(e) {
+      e.stopPropagation();
+      setPannelVisible(true);
+    }
+  }, /*#__PURE__*/React.createElement(SelectInput, {
+    onChange: function onChange(e) {
+      setInputValue(e.target.value);
+    },
+    value: inputValue
+  })), /*#__PURE__*/React.createElement(SelectPannel, {
+    visible: pannelVisible,
+    ref: pannel
+  }, /*#__PURE__*/React.createElement(SelectList, {
+    direction: "column"
+  }, selectItems)));
+}

package/dist/Select/index.d.ts

@@ -0,0 +1 @@
+export { default as Select, type SelectProps } from './Select';

package/dist/Select/index.js

@@ -0,0 +1 @@
+export { default as Select } from "./Select";

package/dist/Space/Space.d.ts

@@ -0,0 +1,11 @@
+import React, { CSSProperties, HtmlHTMLAttributes, ReactNode } from 'react';
+export type SpaceProps = {
+    children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+    size?: SizeType;
+    direction?: Direction;
+} & HtmlHTMLAttributes<HTMLUListElement>;
+export declare const SpaceItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never>> & string;
+declare const Space: React.FC<SpaceProps>;
+export default Space;

package/dist/Space/Space.js

@@ -0,0 +1,39 @@
+var _excluded = ["size"];
+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; }
+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) {
+  return props.direction;
+}, function (props) {
+  switch (props.size) {
+    case 'small':
+      return 'var(--kep-platform-padding-xxs)';
+    case 'large':
+      return 'var(--kep-platform-padding-s)';
+    case 'middle':
+    default:
+      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;"]);
+var Space = function Space(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'middle' : _ref$size,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(StyledSpace, _extends({}, rest, {
+    size: size
+  }), React.Children.map(rest.children, function (child, index) {
+    return /*#__PURE__*/React.createElement(SpaceItem, {
+      key: index
+    }, child);
+  }));
+};
+export default Space;

package/dist/Space/index.d.ts

@@ -0,0 +1 @@
+export { default as Space, SpaceItem, type SpaceProps } from './Space';

package/dist/Space/index.js

@@ -0,0 +1 @@
+export { default as Space, SpaceItem } from "./Space";

package/dist/Spin/Spin.d.ts

@@ -0,0 +1,6 @@
+import React, { ReactNode } from 'react';
+export type SpinProps = {
+    spinning: boolean;
+    children: ReactNode;
+};
+export default function Spin(props: SpinProps): React.JSX.Element;

package/dist/Spin/Spin.js

@@ -0,0 +1,16 @@
+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;display:flex;"]);
+var SpinMark = styled.div.withConfig({
+  displayName: "SpinMark",
+  componentId: "basic-component-347b__sc-1s1g2fa-1"
+})(["position:absolute;content:'';inset:0 0 0 0;background-color:rgba(255,255,255,0.5);display:flex;justify-content:center;align-items:center;"]);
+export default function Spin(props) {
+  return /*#__PURE__*/React.createElement(SpinContainer, null, props.children, /*#__PURE__*/React.createElement(SpinMark, {
+    spinning: props.spinning
+  }, /*#__PURE__*/React.createElement(LoadingOutlined, null)));
+}

package/dist/Spin/index.d.ts

@@ -0,0 +1 @@
+export { default as Spin, type SpinProps } from './Spin';

package/dist/Spin/index.js

@@ -0,0 +1 @@
+export { default as Spin } from "./Spin";

package/dist/Table/Table.d.ts

@@ -0,0 +1,17 @@
+import React, { ReactNode } from 'react';
+type SorterDesc = Record<string, Sorter>;
+type FilterDesc = Record<string, string>;
+export type TableProps = {
+    dataSource: Record<string, any>[];
+    columns: ColumnType[];
+    rowKey: string;
+    actions?: ReactNode[];
+    title?: ReactNode;
+    scroll?: boolean;
+    onChange?: (pagination?: Pagination, sorter?: SorterDesc, fitler?: FilterDesc) => void;
+    headerRender?: (column: ColumnType) => ReactNode;
+    groupBy?: string;
+    pagination?: Pagination;
+};
+export default function Table({ columns, dataSource, rowKey, actions, title, scroll, onChange, headerRender, pagination, }: TableProps): React.JSX.Element;
+export {};