@lemon-fe/components 0.0.0

package/es/Icons/Tip.js

@@ -0,0 +1,169 @@
+var _excluded = ["type"];
+
+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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(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; }
+
+import React from 'react';
+import Icon from '@ant-design/icons';
+
+var ErrorSvg = function ErrorSvg(props) {
+  return /*#__PURE__*/React.createElement("svg", _objectSpread({
+    width: "1em",
+    height: "1em",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20"
+  }, props), /*#__PURE__*/React.createElement("g", {
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/React.createElement("circle", {
+    fill: "#EC4510",
+    cx: "10",
+    cy: "10",
+    r: "10"
+  }), /*#__PURE__*/React.createElement("g", {
+    transform: "rotate(45 3.172 12.828)",
+    fill: "#FFF"
+  }, /*#__PURE__*/React.createElement("rect", {
+    x: "4",
+    width: "4",
+    height: "12",
+    rx: "1"
+  }), /*#__PURE__*/React.createElement("rect", {
+    transform: "rotate(90 6 6)",
+    x: "4",
+    width: "4",
+    height: "12",
+    rx: "1"
+  }))));
+};
+
+var SuccessSvg = function SuccessSvg(props) {
+  return /*#__PURE__*/React.createElement("svg", _objectSpread({
+    width: "1em",
+    height: "1em",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20"
+  }, props), /*#__PURE__*/React.createElement("g", {
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/React.createElement("circle", {
+    fill: "#1ED07C",
+    cx: "10",
+    cy: "10",
+    r: "10"
+  }), /*#__PURE__*/React.createElement("g", {
+    transform: "rotate(45 3.379 14.743)",
+    fill: "#FFF"
+  }, /*#__PURE__*/React.createElement("rect", {
+    x: "4",
+    width: "4",
+    height: "12",
+    rx: "1"
+  }), /*#__PURE__*/React.createElement("rect", {
+    transform: "rotate(90 4 10)",
+    x: "2",
+    y: "6",
+    width: "4",
+    height: "8",
+    rx: "1"
+  }))));
+};
+
+var WarningSvg = function WarningSvg(props) {
+  return /*#__PURE__*/React.createElement("svg", _objectSpread({
+    width: "1em",
+    height: "1em",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20"
+  }, props), /*#__PURE__*/React.createElement("g", {
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/React.createElement("circle", {
+    fill: "#FAAD14",
+    cx: "10",
+    cy: "10",
+    r: "10"
+  }), /*#__PURE__*/React.createElement("rect", {
+    fill: "#FFF",
+    x: "8",
+    y: "13",
+    width: "4",
+    height: "4",
+    rx: "1"
+  }), /*#__PURE__*/React.createElement("rect", {
+    fill: "#FFF",
+    x: "8",
+    y: "4",
+    width: "4",
+    height: "8",
+    rx: "1"
+  })));
+};
+
+var InfoSvg = function InfoSvg(props) {
+  return /*#__PURE__*/React.createElement("svg", _objectSpread({
+    width: "1em",
+    height: "1em",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20"
+  }, props), /*#__PURE__*/React.createElement("g", {
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/React.createElement("circle", {
+    fill: "#2357DF",
+    cx: "10",
+    cy: "10",
+    r: "10"
+  }), /*#__PURE__*/React.createElement("rect", {
+    fill: "#FFF",
+    x: "8",
+    y: "4",
+    width: "4",
+    height: "4",
+    rx: "1"
+  }), /*#__PURE__*/React.createElement("rect", {
+    fill: "#FFF",
+    x: "8",
+    y: "9",
+    width: "4",
+    height: "8",
+    rx: "1"
+  })));
+};
+
+export default function Tip(props) {
+  var _props$type = props.type,
+      type = _props$type === void 0 ? 'success' : _props$type,
+      restProps = _objectWithoutProperties(props, _excluded);
+
+  var comp;
+
+  switch (type) {
+    case 'warning':
+      comp = WarningSvg;
+      break;
+
+    case 'error':
+      comp = ErrorSvg;
+      break;
+
+    case 'info':
+      comp = InfoSvg;
+      break;
+
+    case 'success':
+    default:
+      comp = SuccessSvg;
+  }
+
+  return /*#__PURE__*/React.createElement(Icon, _objectSpread({
+    component: comp
+  }, restProps));
+}

package/es/Icons/index.d.ts

@@ -0,0 +1,12 @@
+import Down from './Down';
+import Search from './Search';
+import Tip from './Tip';
+import DarkSearch from './DarkSearch';
+declare const Icons: {
+    Search: typeof Search;
+    Down: typeof Down;
+    Tip: typeof Tip;
+    Empty: () => JSX.Element;
+    DarkSearch: typeof DarkSearch;
+};
+export default Icons;

package/es/Icons/index.js

@@ -0,0 +1,13 @@
+import Down from './Down';
+import Search from './Search';
+import Tip from './Tip';
+import Empty from './Empty';
+import DarkSearch from './DarkSearch';
+var Icons = {
+  Search: Search,
+  Down: Down,
+  Tip: Tip,
+  Empty: Empty,
+  DarkSearch: DarkSearch
+};
+export default Icons;

package/es/InputMaxLength/index.d.ts

@@ -0,0 +1,14 @@
+import type { CSSProperties } from 'react';
+declare type Value = string | number | undefined;
+interface InputWithLengthLimitProps {
+    maxLength?: number;
+    value?: Value;
+    isRealLength?: boolean;
+    className?: string;
+    style?: CSSProperties;
+    onChange?: (value: string) => void;
+    placeholder?: string;
+    defaultValue?: Value;
+}
+declare const InputWithLengthLimit: (props: InputWithLengthLimitProps) => JSX.Element;
+export default InputWithLengthLimit;

package/es/InputMaxLength/index.js

@@ -0,0 +1,92 @@
+var _excluded = ["maxLength", "value", "isRealLength", "className", "onChange"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(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 _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 classNames from 'classnames';
+import { Input } from 'antd';
+
+var InputWithLengthLimit = function InputWithLengthLimit(props) {
+  var _props$maxLength = props.maxLength,
+      maxLength = _props$maxLength === void 0 ? 10 : _props$maxLength,
+      value = props.value,
+      isRealLength = props.isRealLength,
+      _props$className = props.className,
+      className = _props$className === void 0 ? '' : _props$className,
+      onChange = props.onChange,
+      otherProps = _objectWithoutProperties(props, _excluded);
+
+  var getTextLength = function getTextLength(str) {
+    var chiLength = 0; //中文汉字数
+
+    var maxLength = 10;
+    var len = 0;
+    chiLength = 0; //中文汉字数
+
+    for (var i = 0; i < str.length; i++) {
+      var c = str.charCodeAt(i);
+      var one = c >= 0x0001 && c <= 0x007e || 0xff60 <= c && c <= 0xff9f; //单字节加1
+
+      if (one && len <= 20) {
+        len++;
+        maxLength++;
+      } else if (len < 20) {
+        len += 2;
+        chiLength++;
+        maxLength++;
+      }
+    }
+
+    return len;
+  };
+
+  var handleOnChange = function handleOnChange(event) {
+    var value = event.target.value;
+    var newValue = value ? value.toString() : '';
+
+    if (isRealLength) {
+      var currentNum = getTextLength(newValue);
+
+      if (currentNum > maxLength) {
+        return;
+      }
+    }
+
+    if (onChange) onChange(value);
+  };
+
+  var renderLengthNotice = function renderLengthNotice() {
+    var newValue = value ? value.toString() : '';
+    var currentNum = 0;
+    currentNum = newValue && newValue.length || 0;
+
+    if (isRealLength) {
+      currentNum = getTextLength(newValue);
+    }
+
+    return /*#__PURE__*/React.createElement("span", {
+      style: {
+        color: '#aaa'
+      }
+    }, currentNum, "/", maxLength);
+  };
+
+  return /*#__PURE__*/React.createElement(Input, _objectSpread(_objectSpread({
+    className: classNames('input-max-length', className),
+    maxLength: maxLength,
+    value: value
+  }, otherProps), {}, {
+    onChange: handleOnChange,
+    suffix: renderLengthNotice()
+  }));
+};
+
+export default InputWithLengthLimit;

package/es/InputMaxLength/index.less

@@ -0,0 +1,8 @@
+:global {
+  .input-max-length.ant-input-affix-wrapper {
+    width: 320px;
+    .ant-input:not(:last-child) {
+      padding-right: 20px;
+    }
+  }
+}

package/es/Layout/index.d.ts

@@ -0,0 +1,21 @@
+import type { ReactNode, CSSProperties } from 'react';
+interface Props {
+    children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+    /**
+     * @description 加载中
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * @description 高度是否为100%
+     * @default false
+     */
+    full?: boolean;
+    left?: ReactNode;
+    header?: ReactNode;
+    footer?: ReactNode;
+}
+export default function Layout(props: Props): JSX.Element;
+export {};

package/es/Layout/index.js

@@ -0,0 +1,35 @@
+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 { Spin } from 'antd';
+import { PREFIX_CLS } from '../constants';
+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;
+  var prefixCls = "".concat(PREFIX_CLS, "-layout");
+  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, "-content")
+  }, left ? /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-left")
+  }, left) : null, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-main")
+  }, 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)));
+}

package/es/Layout/index.less

@@ -0,0 +1,92 @@
+@import '../theme.less';
+
+.@{prefixCls}-layout {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  min-height: 100%;
+  background: #f5f5f5;
+
+  &-header {
+    padding: (@space - 3) @space 0;
+
+    .@{prefixCls}-actions {
+      display: inline-flex;
+      align-items: center;
+      height: 22px;
+    }
+  }
+
+  &-content {
+    display: flex;
+    flex: 1;
+    padding: @space;
+  }
+
+  &-header + &-content {
+    padding-top: @space - 3;
+  }
+
+  &-left {
+    display: flex;
+    flex: 0 0 242px;
+    flex-direction: column;
+    min-width: 0;
+    margin-right: @space;
+    overflow: auto;
+  }
+
+  &-main {
+    flex: 1;
+    min-width: 0;
+
+    & > .@{prefixCls}-section:not(:first-child) {
+      margin-top: @space;
+    }
+
+    & > .@{prefixCls}-section-with-actions:not(:first-child) {
+      margin-top: @space / 2;
+    }
+  }
+
+  &-footer {
+    position: sticky;
+    bottom: 0;
+    z-index: 10;
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    box-sizing: border-box;
+    width: 100%;
+    height: 65px;
+    padding: @space;
+    background: #fff;
+  }
+
+  &-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);
+  }
+}
+
+.@{prefixCls}-layout.@{prefixCls}-layout-full {
+  height: 100%;
+  min-height: 0;
+
+  .@{prefixCls}-layout-content {
+    min-height: 0;
+  }
+
+  .@{prefixCls}-layout-main {
+    display: flex;
+    flex-direction: column;
+  }
+}

package/es/PageLoading/index.d.ts

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

package/es/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/PageLoading/index.less

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

package/es/Popup/index.d.ts

@@ -0,0 +1,27 @@
+import { ComponentType, ReactElement } from 'react';
+import { ModalProps } from 'antd/lib/modal';
+export interface PopupProps<ValueType> extends ModalProps {
+    value?: ValueType;
+    onChange?: (value?: ValueType) => void;
+    component: ComponentType<{
+        value?: ValueType;
+        onChange: (value: ValueType) => void;
+    }>;
+    formatLabel?: (value: ValueType) => string;
+    beforeOk?: (value: ValueType) => ValueType | PromiseLike<ValueType>;
+    children?: ReactElement;
+    allowClear?: boolean;
+    disabled?: boolean;
+    autoFocus?: boolean;
+    showLabel?: boolean;
+    placeholder?: string;
+    disabledTip?: string;
+    onClick?: () => void;
+}
+interface ValuedPopupProps<ValueType> extends Omit<PopupProps<ValueType>, 'value' | 'onChange'> {
+    value: ValueType;
+    onChange?: (value: ValueType) => void;
+}
+declare function Popup<ValueType>(props: ValuedPopupProps<ValueType>): JSX.Element;
+declare function Popup<ValueType>(props: PopupProps<ValueType>): JSX.Element;
+export default Popup;