@lemon-fe/kits 0.1.136 → 1.0.0-0

package/es/components/Filter/index.less

@@ -0,0 +1,82 @@
+.@{prefixCls}-filter {
+  &-tab-bar {
+    margin-bottom: @space-v;
+
+    .@{prefixCls}-tab-bar-item {
+      padding: 8px 12px;
+    }
+  }
+
+  &-form-item {
+    display: block;
+
+    &.hidden {
+      display: none;
+    }
+  }
+
+  &-btn {
+    padding: 6px;
+
+    & > svg {
+      display: block;
+      width: 18px;
+      height: 18px;
+    }
+  }
+
+  &-reset {
+    padding: 0 4px;
+  }
+
+  &-collapse {
+    padding: 4px 0;
+    font-size: 12px;
+    line-height: 1;
+
+    & > svg {
+      vertical-align: -1px;
+    }
+  }
+
+  &-btns {
+    display: flex;
+    margin-bottom: 8px;
+    padding: 0 8px;
+  }
+
+  &-submit {
+    box-sizing: border-box;
+    width: 92px;
+    padding-right: 8px;
+    text-align: right;
+  }
+
+  &-popover {
+    .popover(220px);
+
+    .@{ant-prefix}-popover-inner {
+      padding: @space-v 0;
+    }
+  }
+
+  &-items-search {
+    width: auto;
+    margin: 0 @space-h 8px;
+  }
+
+  &-items {
+    max-height: 400px;
+    overflow: auto;
+  }
+
+  &-item {
+    .popoverItem();
+
+    overflow: hidden;
+  }
+}
+
+.@{prefixCls}-section-body > .@{prefixCls}-filter:not(.@{prefixCls}-filter-simple):first-child {
+  margin-top: -@space-v;
+}

package/es/components/Filter/typings.d.ts

@@ -0,0 +1,35 @@
+import type { FormInstance } from 'antd';
+import type { CSSProperties, ReactElement, ReactNode } from 'react';
+
+export interface FilterItemType<T = any> {
+  key: string;
+  label?: string;
+  type?: string;
+  colSpan?: number;
+  hideLabel?: boolean;
+  extraProps?: Record<string, any>;
+  renderFormItem?: (form: FormInstance<T>) => ReactElement;
+  initialValue?: any;
+}
+
+export interface FilterProps<T extends Record<string, any> = Record<string, any>> {
+  data: FilterItemType<T>[];
+  defaultValue?: T;
+  value?: T;
+  onChange?: (value: T) => void;
+  onValuesChange?: (changedValues: Partial<T>, allValues: T, form: FormInstance<T>) => void;
+  defaultActiveKeys?: string[];
+  storageKey?: string;
+  style?: CSSProperties;
+  defaultCollapsed?: boolean;
+  /**
+   * @description 是否简化筛选器，简化版不包含标签以及选项保存
+   */
+  simple?: boolean;
+}
+
+export interface ComponentOption {
+  type: string;
+  colSpan?: number;
+  render: (item: FilterItemType) => ReactNode;
+}

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

@@ -0,0 +1,32 @@
+import React from 'react';
+import type { ReactNode, CSSProperties } from 'react';
+interface Props {
+    children?: ReactNode;
+    /**
+     * @description 布局类型
+     * 栅格系统同antd，总计24列，默认占8列
+     * flex 弹性型，默认占24列，完全按照百分比进行布局
+     * @default default
+     */
+    layout?: 'default' | 'flex';
+    /**
+     * @description 布局的方向
+     * row 沿水平方向排列，类似于inline类型的Form，宽度不足会自动换行;
+     * column 沿垂直方向排列，类似于horizontal类型的Form;
+     * @default column
+     */
+    direction?: 'row' | 'column';
+    style?: CSSProperties;
+    className?: string;
+}
+declare function FormLayout(props: Props): JSX.Element;
+declare namespace FormLayout {
+    var Row: React.FC<{
+        children?: React.ReactNode;
+    }>;
+    var Col: React.FC<{
+        span?: number | undefined;
+        children?: React.ReactNode;
+    }>;
+}
+export default FormLayout;

package/es/components/FormLayout/index.js

@@ -0,0 +1,41 @@
+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; }
+
+import React from 'react';
+import classNames from 'classnames';
+import { PREFIX_CLS } from "../../constants";
+
+var FormRow = function FormRow(props) {
+  var children = props.children;
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames("".concat(PREFIX_CLS, "-form-row"))
+  }, children);
+};
+
+var FormCol = function FormCol(props) {
+  var span = props.span,
+      children = props.children;
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames("".concat(PREFIX_CLS, "-form-col"), _defineProperty({}, "".concat(PREFIX_CLS, "-form-col-").concat(span), span !== undefined))
+  }, children);
+};
+
+function FormLayout(props) {
+  var _props$direction = props.direction,
+      direction = _props$direction === void 0 ? 'column' : _props$direction,
+      children = props.children,
+      style = props.style,
+      className = props.className,
+      layout = props.layout;
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames("".concat(PREFIX_CLS, "-form-layout"), _defineProperty({}, "".concat(PREFIX_CLS, "-form-layout-flex"), layout === 'flex'), className),
+    style: style
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(PREFIX_CLS, "-form-layout-").concat(direction)
+  }, children));
+}
+
+FormCol.displayName = 'FormCol';
+FormRow.displayName = 'FormRow';
+FormLayout.Row = FormRow;
+FormLayout.Col = FormCol;
+export default FormLayout;

package/es/components/FormLayout/index.less

@@ -0,0 +1,109 @@
+@spaceX: 16px;
+@spaceY: 8px;
+@minWidth: 350px;
+@maxWidth: 94px + 422px;
+
+.wrapper() {
+  margin-right: (-@spaceX / 2);
+  margin-left: (-@spaceX / 2);
+}
+
+.row() {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+}
+
+.col(@colSpan: 6) {
+  flex-shrink: 0;
+  flex-wrap: nowrap;
+  width: percentage((@colSpan / 24));
+  min-width: (@colSpan / 6) * @minWidth;
+  padding: 0 (@spaceX / 2);
+}
+
+.@{prefixCls}-form {
+  &-layout {
+    min-width: @minWidth - @spaceX;
+    max-width: 4 * @maxWidth - @spaceX;
+
+    .@{ant-prefix}-form-item {
+      flex-wrap: nowrap;
+      margin-bottom: @spaceY;
+
+      &-label {
+        flex: 0 0 94px;
+        min-width: 0;
+        overflow: visible;
+        line-height: 1;
+        white-space: normal;
+      }
+
+      &-label > label::after {
+        margin: 0 8px 0 0;
+        content: '';
+      }
+
+      &-required::before {
+        position: absolute;
+        left: -11px;
+      }
+
+      &-with-help &-explain {
+        margin-bottom: -@spaceY;
+      }
+    }
+
+    &-row {
+      .wrapper();
+      .row();
+
+      & > .@{ant-prefix}-form-item {
+        .col();
+      }
+    }
+
+    &-column {
+      .wrapper();
+
+      & > .@{ant-prefix}-form-item {
+        .col(8);
+      }
+    }
+
+    &:last-child &-row,
+    &:last-child &-column {
+      margin-bottom: -@spaceY;
+    }
+  }
+
+  &-layout-flex > div > .@{ant-prefix}-form-item,
+  &-layout-flex &-col {
+    width: 100%;
+    min-width: 0;
+  }
+
+  &-row {
+    .row();
+  }
+
+  &-col {
+    .col();
+  }
+
+  each(range(24), {
+    &-col-@{value} {
+      .col(@value);
+    }
+
+    &-layout-flex &-col-@{value} {
+      width: percentage((@value / 24));
+    }
+  });
+}
+
+@media (max-width: 575px) {
+  .@{prefixCls}-form-layout .@{ant-prefix}-form-item {
+    flex-wrap: wrap;
+  }
+}

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

@@ -0,0 +1,6 @@
+import { CSSProperties } from 'react';
+export default function BigTip(props: {
+    type?: 'success' | 'error' | 'warning' | 'info';
+    style?: CSSProperties;
+    className?: string;
+}): JSX.Element;

package/es/components/Icons/BigTip/index.js

@@ -0,0 +1,46 @@
+var _excluded = ["type"];
+
+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 success from "./success.png";
+import error from "./error.png";
+import info from "./info.png";
+import warning from "./warning.png";
+export default function BigTip(props) {
+  var _props$type = props.type,
+      type = _props$type === void 0 ? 'success' : _props$type,
+      restProps = _objectWithoutProperties(props, _excluded);
+
+  var src;
+
+  switch (type) {
+    case 'warning':
+      src = warning;
+      break;
+
+    case 'error':
+      src = error;
+      break;
+
+    case 'info':
+      src = info;
+      break;
+
+    case 'success':
+    default:
+      src = success;
+  }
+
+  return /*#__PURE__*/React.createElement("img", _extends({
+    src: src,
+    style: {
+      width: 48,
+      height: 48
+    }
+  }, restProps));
+}

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

@@ -0,0 +1,5 @@
+import { CSSProperties } from 'react';
+export default function Down(props: {
+    className?: string;
+    style?: CSSProperties;
+}): JSX.Element;

package/es/components/Icons/Calendar.js

@@ -0,0 +1,43 @@
+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); }
+
+import React from 'react';
+import Icon from '@ant-design/icons';
+
+var CalendarSvg = function CalendarSvg(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), /*#__PURE__*/React.createElement("g", {
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M5.25 1a.75.75 0 0 1 .75.75V4H4.5V1.75A.75.75 0 0 1 5.25 1ZM10.75 1a.75.75 0 0 1 .75.75V4H10V1.75a.75.75 0 0 1 .75-.75Z",
+    fill: "currentColor"
+  }), /*#__PURE__*/React.createElement("rect", {
+    stroke: "currentColor",
+    strokeWidth: "1.5",
+    x: "1.75",
+    y: "3.75",
+    width: "12.5",
+    height: "10.5",
+    rx: "2"
+  }), /*#__PURE__*/React.createElement("rect", {
+    fill: "currentColor",
+    x: "6",
+    y: "8",
+    width: "4",
+    height: "1.5",
+    rx: ".75"
+  })));
+};
+
+export default function Down(props) {
+  return /*#__PURE__*/React.createElement(Icon, _extends({
+    style: {
+      pointerEvents: 'none'
+    },
+    component: CalendarSvg
+  }, props));
+}

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

@@ -0,0 +1,5 @@
+import { CSSProperties } from 'react';
+export default function Close(props: {
+    className?: string;
+    style?: CSSProperties;
+}): JSX.Element;

package/es/components/Icons/Close.js

@@ -0,0 +1,25 @@
+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); }
+
+import React from 'react';
+import Icon from '@ant-design/icons';
+
+var Svg = function Svg(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    viewBox: "0 0 1024 1024",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "m597.796 511.488 215.769-215.77c23.834-23.834 23.834-62.475 0-86.308-23.832-23.832-62.474-23.833-86.307 0l-215.77 215.77-215.77-215.77c-23.834-23.833-62.476-23.833-86.308 0-23.833 23.833-23.834 62.475 0 86.31l215.77 215.768-215.77 215.77c-23.833 23.834-23.833 62.475 0 86.308 23.834 23.834 62.475 23.834 86.309 0l215.768-215.768 215.769 215.77c23.835 23.833 62.476 23.832 86.309 0 23.834-23.835 23.834-62.476 0-86.308l-215.77-215.772z",
+    fill: "currentColor"
+  }));
+};
+
+export default function Close(props) {
+  return /*#__PURE__*/React.createElement(Icon, _extends({
+    style: {
+      pointerEvents: 'none'
+    },
+    component: Svg
+  }, props));
+}

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

@@ -0,0 +1,5 @@
+import { CSSProperties } from 'react';
+export default function CollapseUp(props: {
+    className?: string;
+    style?: CSSProperties;
+}): JSX.Element;

package/es/components/Icons/CollapseUp.js

@@ -0,0 +1,27 @@
+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); }
+
+import React from 'react';
+import Icon from '@ant-design/icons';
+
+var Svg = function Svg(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: "18",
+    height: "18",
+    viewBox: "0 0 18 18",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M2.47 4.22a.75.75 0 0 1 1.06 0l2.25 2.25a.75.75 0 1 1-1.06 1.065l-.97-.976v5.693a.751.751 0 0 1-1.5 0V6.559l-.97.975A.75.75 0 1 1 .22 6.47l2.25-2.25Zm14.78 1.282h-9a.751.751 0 0 1 0-1.5h9a.751.751 0 0 1 0 1.5Zm-9.75 3c0-.413.336-.75.75-.75h6a.751.751 0 0 1 0 1.5h-6a.751.751 0 0 1-.75-.75Zm0 3.75c0-.413.336-.75.75-.75h6a.751.751 0 0 1 0 1.5h-6a.751.751 0 0 1-.75-.75Z",
+    fillOpacity: ".65",
+    fill: "currentColor",
+    fillRule: "evenodd"
+  }));
+};
+
+export default function CollapseUp(props) {
+  return /*#__PURE__*/React.createElement(Icon, _extends({
+    style: {
+      pointerEvents: 'none'
+    },
+    component: Svg
+  }, props));
+}

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

@@ -0,0 +1,5 @@
+import { CSSProperties } from 'react';
+export default function Search(props: {
+    className?: string;
+    style?: CSSProperties;
+}): JSX.Element;

package/es/components/Icons/DarkSearch.js

@@ -0,0 +1,34 @@
+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); }
+
+import React from 'react';
+import Icon from '@ant-design/icons';
+
+var Svg = function Svg(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: "15",
+    height: "15",
+    xmlns: "http://www.w3.org/2000/svg",
+    xmlnsXlink: "http://www.w3.org/1999/xlink"
+  }, props), /*#__PURE__*/React.createElement("g", {
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/React.createElement("g", {
+    fill: "currentColor"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M6.5,12 C9.53756612,12 12,9.53756612 12,6.5 C12,3.46243388 9.53756612,1 6.5,1 C3.46243388,1 1,3.46243388 1,6.5 C1,9.53756612 3.46243388,12 6.5,12 Z M6.5,13 C2.91014913,13 0,10.0898509 0,6.5 C0,2.91014913 2.91014913,0 6.5,0 C10.0898509,0 13,2.91014913 13,6.5 C13,10.0898509 10.0898509,13 6.5,13 Z",
+    fillRule: "nonzero",
+    transform: "translate(-1745.000000, -58.000000) translate(1736.000000, 49.000000) translate(9.000000, 9.000000)"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M11.4367319,10.4419477 L13.4367319,10.4419477 L13.4367319,13.6845884 C13.4367319,14.2368732 12.9890167,14.6845884 12.4367319,14.6845884 C11.8844472,14.6845884 11.4367319,14.2368732 11.4367319,13.6845884 L11.4367319,10.4419477 L11.4367319,10.4419477 Z",
+    transform: "translate(-1745.000000, -58.000000) translate(1736.000000, 49.000000) translate(9.000000, 9.000000) translate(12.436732, 12.563268) rotate(-45.000000) translate(-12.436732, -12.563268)"
+  }))));
+};
+
+export default function Search(props) {
+  return /*#__PURE__*/React.createElement(Icon, _extends({
+    style: {
+      pointerEvents: 'none'
+    },
+    component: Svg
+  }, props));
+}

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

@@ -0,0 +1,5 @@
+import { CSSProperties } from 'react';
+export default function Down(props: {
+    className?: string;
+    style?: CSSProperties;
+}): JSX.Element;

package/es/components/Icons/Down.js

@@ -0,0 +1,31 @@
+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); }
+
+import React from 'react';
+import Icon from '@ant-design/icons';
+
+var DownSvg = function DownSvg(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M3.757 5.757 8 10l4.243-4.243",
+    stroke: "currentColor",
+    strokeWidth: "1.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeDasharray: "0,0",
+    fill: "none",
+    fillRule: "evenodd"
+  }));
+};
+
+export default function Down(props) {
+  return /*#__PURE__*/React.createElement(Icon, _extends({
+    style: {
+      pointerEvents: 'none'
+    },
+    component: DownSvg
+  }, props));
+}

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const Empty: () => JSX.Element;
+export default Empty;