@lemon-fe/kits 0.1.136 → 1.0.0-0

package/es/components/Icons/index.d.ts

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+import Down from './Down';
+import Search from './Search';
+import Tip from './Tip';
+import DarkSearch from './DarkSearch';
+import More from './More';
+import Calendar from './Calendar';
+import BigTip from './BigTip';
+import LookUp from './LookUp';
+import CollapseUp from './CollapseUp';
+import Close from './Close';
+declare const Icons: {
+    Search: typeof Search;
+    Down: typeof Down;
+    Tip: typeof Tip;
+    Empty: () => JSX.Element;
+    DarkSearch: typeof DarkSearch;
+    More: typeof More;
+    Calendar: typeof Calendar;
+    BigTip: typeof BigTip;
+    LookUp: typeof LookUp;
+    CollapseUp: typeof CollapseUp;
+    Close: typeof Close;
+};
+export default Icons;

package/es/components/Icons/index.js

@@ -0,0 +1,25 @@
+import Down from "./Down";
+import Search from "./Search";
+import Tip from "./Tip";
+import Empty from "./Empty";
+import DarkSearch from "./DarkSearch";
+import More from "./More";
+import Calendar from "./Calendar";
+import BigTip from "./BigTip";
+import LookUp from "./LookUp";
+import CollapseUp from "./CollapseUp";
+import Close from "./Close";
+var Icons = {
+  Search: Search,
+  Down: Down,
+  Tip: Tip,
+  Empty: Empty,
+  DarkSearch: DarkSearch,
+  More: More,
+  Calendar: Calendar,
+  BigTip: BigTip,
+  LookUp: LookUp,
+  CollapseUp: CollapseUp,
+  Close: Close
+};
+export default Icons;

package/es/components/Layout/index.d.ts

@@ -0,0 +1,41 @@
+import React from 'react';
+import type { ReactNode, CSSProperties } from 'react';
+interface Props {
+    children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+    /**
+     * @description 加载中
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * @deprecated
+     * @description 高度是否为100%
+     * @default false
+     */
+    full?: boolean;
+    left?: ReactNode;
+    header?: ReactNode;
+    footer?: ReactNode;
+    body?: ReactNode;
+    onCollapse?: (collapsed: boolean) => void;
+}
+declare function Layout(props: Props): JSX.Element;
+declare namespace Layout {
+    var Tabs: typeof LayoutTabs;
+    var Content: (props: {
+        children?: React.ReactNode;
+        left?: React.ReactNode;
+        tab?: string | undefined;
+    } & Pick<Props, "onCollapse">) => JSX.Element;
+}
+export default Layout;
+declare function LayoutTabs(props: {
+    tabs?: {
+        title: string;
+        key?: string;
+    }[];
+    activeKey?: string;
+    onTabClick?: (activeKey: string, e: React.KeyboardEvent | React.MouseEvent) => void;
+} & Omit<Props, 'body'>): JSX.Element;

package/es/components/Layout/index.js

@@ -0,0 +1,173 @@
+var _excluded = ["tabs", "children", "className", "activeKey", "onTabClick"];
+
+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 _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+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(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+import React, { useState } from 'react';
+import classNames from 'classnames';
+import { Spin, Tabs } from 'antd';
+import { get } from 'lodash';
+import { PREFIX_CLS } from "../../constants";
+import { mapChildren } from "../utils";
+var prefixCls = "".concat(PREFIX_CLS, "-layout");
+
+function Sider(props) {
+  var children = props.children,
+      onCollapse = props.onCollapse;
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      collapsed = _useState2[0],
+      setCollapsed = _useState2[1];
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames("".concat(prefixCls, "-left"), _defineProperty({}, "".concat(prefixCls, "-left-collapsed"), collapsed))
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-left-body")
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-left-content")
+  }, children)), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-left-collapse"),
+    onClick: function onClick() {
+      var result = !collapsed;
+      onCollapse === null || onCollapse === void 0 ? void 0 : onCollapse(result);
+      setCollapsed(result);
+    }
+  }, /*#__PURE__*/React.createElement("svg", {
+    width: "12",
+    height: "12",
+    version: "1.1",
+    viewBox: "0 0 12 12"
+  }, /*#__PURE__*/React.createElement("g", {
+    stroke: "none",
+    strokeWidth: "1",
+    fill: "none",
+    fillRule: "evenodd",
+    opacity: "1"
+  }, /*#__PURE__*/React.createElement("g", {
+    transform: "translate(-463.000000, -140.000000)"
+  }, /*#__PURE__*/React.createElement("g", {
+    transform: "translate(463.000000, 140.000000)"
+  }, /*#__PURE__*/React.createElement("g", {
+    opacity: "0.699999988",
+    transform: "translate(2.000000, 2.000000)"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M9,0.75 C9,1.16421356 8.66421356,1.5 8.25,1.5 L5.75,1.5 C5.33578644,1.5 5,1.16421356 5,0.75 C5,0.335786438 5.33578644,7.6089797e-17 5.75,0 L8.25,0 C8.66421356,-7.6089797e-17 9,0.335786438 9,0.75 Z",
+    id: "Rectangle-393",
+    fill: "currentColor",
+    fillRule: "nonzero"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M9,4 C9,4.41421356 8.66421356,4.75 8.25,4.75 L5.75,4.75 C5.33578644,4.75 5,4.41421356 5,4 C5,3.58578644 5.33578644,3.25 5.75,3.25 L8.25,3.25 C8.66421356,3.25 9,3.58578644 9,4 Z",
+    id: "Rectangle-394",
+    fill: "currentColor",
+    fillRule: "nonzero"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M9,7.75 C9,8.16421356 8.66421356,8.5 8.25,8.5 L0.75,8.5 C0.335786438,8.5 5.07265313e-17,8.16421356 0,7.75 C-5.07265313e-17,7.33578644 0.335786438,7 0.75,7 L8.25,7 C8.66421356,7 9,7.33578644 9,7.75 Z",
+    id: "Rectangle-395",
+    fill: "currentColor",
+    fillRule: "nonzero"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M4.32842712,0.621320344 L1.32842712,0.621320344 L1.32842712,3.62132034",
+    stroke: "currentColor",
+    strokeWidth: "1.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeDasharray: "0,0",
+    transform: "translate(2.828427, 2.121320) rotate(-45.000000) translate(-2.828427, -2.121320) "
+  }))))))));
+}
+
+function Content(props) {
+  var left = props.left,
+      children = props.children,
+      onCollapse = props.onCollapse;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-content")
+  }, left ? /*#__PURE__*/React.createElement(Sider, {
+    onCollapse: onCollapse
+  }, left) : null, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-main")
+  }, children));
+}
+
+export default function Layout(props) {
+  var className = props.className,
+      style = props.style,
+      children = props.children,
+      _props$loading = props.loading,
+      loading = _props$loading === void 0 ? false : _props$loading,
+      _props$full = props.full,
+      full = _props$full === void 0 ? false : _props$full,
+      header = props.header,
+      left = props.left,
+      footer = props.footer,
+      body = props.body,
+      onCollapse = props.onCollapse;
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames(prefixCls, className, _defineProperty({}, "".concat(prefixCls, "-full"), full)),
+    style: style
+  }, header ? /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-header")
+  }, header) : null, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-body")
+  }, body || /*#__PURE__*/React.createElement(Content, {
+    onCollapse: onCollapse,
+    left: left
+  }, children)), footer ? /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-footer")
+  }, footer) : null, loading && /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-spin")
+  }, /*#__PURE__*/React.createElement(Spin, null)));
+}
+
+function LayoutTabs(props) {
+  var _props$tabs = props.tabs,
+      tabs = _props$tabs === void 0 ? [] : _props$tabs,
+      children = props.children,
+      className = props.className,
+      activeKey = props.activeKey,
+      onTabClick = props.onTabClick,
+      restProps = _objectWithoutProperties(props, _excluded);
+
+  var getKey = function getKey(tab) {
+    return tab.key || tab.title;
+  };
+
+  var nodes = mapChildren(children, function (node, index) {
+    var _get, _get2;
+
+    var tab = tabs[index];
+    return /*#__PURE__*/React.createElement(Tabs.TabPane, {
+      tab: (_get = get(node, ['props', 'tab'])) !== null && _get !== void 0 ? _get : tab.title,
+      key: (_get2 = get(node, 'key')) !== null && _get2 !== void 0 ? _get2 : getKey(tab)
+    }, node);
+  });
+  return /*#__PURE__*/React.createElement(Layout, _extends({
+    className: classNames(className, "".concat(prefixCls, "-tabs-wrapper")),
+    body: /*#__PURE__*/React.createElement(Tabs, {
+      activeKey: activeKey,
+      onTabClick: onTabClick,
+      className: "".concat(prefixCls, "-tabs")
+    }, nodes)
+  }, restProps));
+}
+
+Layout.Tabs = LayoutTabs;
+Layout.Content = Content;

package/es/components/Layout/index.less

@@ -0,0 +1,136 @@
+.@{prefixCls}-layout {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  padding: 0 @space-h;
+  background: #f2f2f2;
+
+  &-header {
+    padding: 8px 0;
+    background-color: #f2f2f2;
+  }
+
+  &-body {
+    flex: 1;
+    min-height: 0;
+
+    &:first-child {
+      margin-top: 8px;
+    }
+  }
+
+  &-tabs {
+    .fullTabs();
+  }
+
+  &-tabs-wrapper &-header {
+    padding-bottom: 0;
+  }
+
+  &-content {
+    display: flex;
+    height: 100%;
+    overflow: hidden;
+    background-color: #fff;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+  }
+
+  &-left {
+    position: relative;
+
+    &-body {
+      width: 242px;
+      height: 100%;
+      overflow-x: hidden;
+      transition: width 0.2s;
+    }
+
+    &-content {
+      position: relative;
+      display: flex;
+      flex-direction: column;
+      width: 242px;
+      height: 100%;
+
+      &::after {
+        position: absolute;
+        top: 0;
+        right: 0;
+        width: 1px;
+        height: 100%;
+        background-color: #e6e6e6;
+        content: '';
+      }
+    }
+
+    &-collapse {
+      position: absolute;
+      top: @space-v;
+      right: 0;
+      z-index: 100;
+      box-sizing: border-box;
+      width: 16px;
+      height: 32px;
+      font-size: 14px;
+      line-height: 32px;
+      text-align: center;
+      text-decoration: underline overline;
+      background-color: #fff;
+      border: 1px solid #e6e6e6;
+      border-right: none;
+      border-top-left-radius: 4px;
+      border-bottom-left-radius: 4px;
+      transform-origin: 100% 50%;
+      cursor: pointer;
+      transition: transform 0.3s;
+
+      &:hover {
+        color: @primary-color;
+      }
+    }
+
+    &-collapsed &-body {
+      width: 0;
+    }
+
+    &-collapsed &-collapse {
+      transform: rotateY(180deg);
+    }
+  }
+
+  &-main {
+    display: flex;
+    flex: 1;
+    flex-direction: column;
+    min-width: 0;
+    overflow: auto;
+
+    .scrollBar(8px);
+  }
+
+  &-footer {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    box-sizing: border-box;
+    height: 60px;
+    padding: @space-v @space-h;
+    background: #fff;
+    box-shadow: inset 0 1px 0 0 #dfdfdf;
+  }
+
+  &-spin {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    z-index: 3;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-color: rgba(255, 255, 255, 0.5);
+  }
+}

package/es/components/PageLoading/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const PageLoading: React.FC<{
+    tip?: string;
+}>;
+export default PageLoading;

package/es/components/PageLoading/index.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Spin } from 'antd';
+import { PREFIX_CLS } from "../../constants";
+
+var PageLoading = function PageLoading(_ref) {
+  var tip = _ref.tip;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "".concat(PREFIX_CLS, "-page-loading")
+  }, /*#__PURE__*/React.createElement(Spin, {
+    size: "large",
+    tip: tip
+  }));
+};
+
+export default PageLoading;

package/es/components/PageLoading/index.less

@@ -0,0 +1,8 @@
+.@{prefixCls}-page-loading {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  min-height: 420px;
+}

package/es/components/Popup/index.d.ts

@@ -0,0 +1,39 @@
+import { ReactElement } from 'react';
+import type { ModalProps } from 'antd/lib/modal';
+export interface PopupProps<ValueType> extends ModalProps {
+    value?: ValueType;
+    onChange?: (value?: ValueType) => void;
+    /**
+     * @description  渲染函数，这个函数不是作为组件渲染的，偷懒可以直接传入组件，如果需要考虑优化参考demo的传入方式
+     */
+    component: (params: {
+        value?: ValueType;
+        onChange: (value: ValueType) => void;
+    }) => ReactElement | null;
+    formatLabel?: (value: ValueType) => string;
+    beforeOk?: (value: ValueType) => ValueType | PromiseLike<ValueType>;
+    /** 确认事件之前校验 */
+    beforeOkCheck?: (value?: ValueType) => boolean | PromiseLike<boolean>;
+    children?: JSX.Element | ((props: {
+        value?: ValueType;
+    }) => JSX.Element);
+    allowClear?: boolean;
+    disabled?: boolean;
+    autoFocus?: boolean;
+    showLabel?: boolean;
+    placeholder?: string;
+    disabledTip?: string;
+    bordered?: boolean;
+    onClick?: () => void;
+    /**
+     * @description 清空后的值
+     */
+    emptyValue?: ValueType;
+}
+interface ValuedPopupProps<ValueType> extends Omit<PopupProps<ValueType>, 'onChange' | 'emptyValue'> {
+    onChange?: (value: ValueType) => void;
+    emptyValue: ValueType;
+}
+declare function Popup<ValueType>(props: ValuedPopupProps<ValueType>): JSX.Element;
+declare function Popup<ValueType>(props: PopupProps<ValueType>): JSX.Element;
+export default Popup;