@lemon-fe/components 0.0.0

package/es/Table/typings.d.ts

@@ -0,0 +1,26 @@
+import { PaginationProps } from 'antd';
+import type { SortOrder } from 'antd/lib/table/interface';
+import type { Key, RefObject } from 'react';
+import type { BaseTableProps } from '../BaseTable/typings';
+
+export interface TableRef<RecordType = any> {
+  fetch: (page?: number) => void;
+  refresh: () => void;
+}
+
+export interface SortType {
+  field: Key | readonly Key[];
+  order: SortOrder;
+}
+
+export interface TableProps<RecordType> extends BaseTableProps<RecordType> {
+  fetch?: (params: { current: number; pageSize: number; sort: SortType[] }) => Promise<{
+    data: RecordType[];
+    summary?: RecordType;
+    total: number;
+  }>;
+  autoLoad?: boolean;
+  actionRef?: RefObject<TableRef<RecordType>>;
+  onLoading?: (loading: boolean) => void;
+  pagination?: PaginationProps;
+}

package/es/Table/utils.d.ts

@@ -0,0 +1,2 @@
+import { SortType } from './typings';
+export declare function isSortValue(data: Partial<SortType>): data is SortType;

package/es/Table/utils.js

@@ -0,0 +1,3 @@
+export function isSortValue(data) {
+  return data.order !== null && data.order !== undefined;
+}

package/es/TipMark/index.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from 'react';
+import { TooltipProps, TooltipPlacement } from 'antd/lib/tooltip';
+interface TipMarkProps extends Omit<TooltipProps, 'placement'> {
+    infoContent: string | ReactNode;
+    prefixCls?: string;
+    mode?: string;
+    placement?: TooltipPlacement;
+}
+declare const TipMark: ({ prefixCls, infoContent, mode, placement, ...props }: TipMarkProps) => JSX.Element;
+export default TipMark;

package/es/TipMark/index.js

@@ -0,0 +1,45 @@
+var _excluded = ["prefixCls", "infoContent", "mode", "placement"];
+
+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 { QuestionCircleFilled } from '@ant-design/icons';
+import { Tooltip, Popover } from 'antd';
+import { PREFIX_CLS } from '../constants';
+
+var TipMark = function TipMark(_ref) {
+  var _ref$prefixCls = _ref.prefixCls,
+      prefixCls = _ref$prefixCls === void 0 ? PREFIX_CLS : _ref$prefixCls,
+      infoContent = _ref.infoContent,
+      _ref$mode = _ref.mode,
+      mode = _ref$mode === void 0 ? 'toolTip' : _ref$mode,
+      _ref$placement = _ref.placement,
+      placement = _ref$placement === void 0 ? 'bottom' : _ref$placement,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  if (mode === 'toolTip') {
+    return /*#__PURE__*/React.createElement(Tooltip, _objectSpread({
+      title: infoContent,
+      placement: placement
+    }, props), /*#__PURE__*/React.createElement(QuestionCircleFilled, {
+      className: "".concat(prefixCls, "-tip-mark-questionIcon")
+    }));
+  }
+
+  return /*#__PURE__*/React.createElement(Popover, _objectSpread({
+    content: infoContent,
+    placement: placement
+  }, props), /*#__PURE__*/React.createElement(QuestionCircleFilled, {
+    className: "".concat(prefixCls, "-tip-mark-questionIcon")
+  }));
+};
+
+export default TipMark;

package/es/TipMark/index.less

@@ -0,0 +1,8 @@
+@import '../theme.less';
+
+.@{prefixCls}-tip-mark-questionIcon {
+  margin-left: 4px;
+  color: rgb(192, 196, 204);
+  font-size: 14px;
+  cursor: pointer;
+}

package/es/constants.d.ts

@@ -0,0 +1 @@
+export declare const PREFIX_CLS = "lemon";

package/es/constants.js

@@ -0,0 +1 @@
+export var PREFIX_CLS = 'lemon';

package/es/index.d.ts

@@ -0,0 +1,21 @@
+export { default as PageLoading } from './PageLoading';
+export { default as Actions } from './Actions';
+export { default as Filter } from './Filter';
+export type { FilterItemType } from './Filter/typings';
+export { default as BaseTable } from './BaseTable';
+export type { BaseTableProps, ColumnType, ColumnsType } from './BaseTable/typings';
+export { default as Section } from './Section';
+export { default as Layout } from './Layout';
+export { default as Table } from './Table';
+export type { TableProps, TableRef } from './Table/typings';
+export { default as DurationPicker } from './DurationPicker';
+export { default as InputMaxLength } from './InputMaxLength';
+export { default as TipMark } from './TipMark';
+export { default as EditableTable } from './EditableTable';
+export type { EditableTableProps, EditableTableColumnType, EditableCellFocusedType, EditableTableRef, EditableTableRule, } from './EditableTable/typings';
+export { default as Popup } from './Popup';
+export { default as SiderTree } from './SiderTree';
+export { default as Icons } from './Icons';
+export { default as FormLayout } from './FormLayout';
+export { default as init } from './init';
+export * from './constants';

package/es/index.js

@@ -0,0 +1,17 @@
+export { default as PageLoading } from './PageLoading';
+export { default as Actions } from './Actions';
+export { default as Filter } from './Filter';
+export { default as BaseTable } from './BaseTable';
+export { default as Section } from './Section';
+export { default as Layout } from './Layout';
+export { default as Table } from './Table';
+export { default as DurationPicker } from './DurationPicker';
+export { default as InputMaxLength } from './InputMaxLength';
+export { default as TipMark } from './TipMark';
+export { default as EditableTable } from './EditableTable';
+export { default as Popup } from './Popup';
+export { default as SiderTree } from './SiderTree';
+export { default as Icons } from './Icons';
+export { default as FormLayout } from './FormLayout';
+export { default as init } from './init';
+export * from './constants';

package/es/index.less

@@ -0,0 +1,50 @@
+@import './Actions/index.less';
+@import './Layout/index.less';
+@import './Section/index.less';
+@import './BaseTable/index.less';
+@import './Filter/index.less';
+@import './Table/index.less';
+@import './DurationPicker/index.less';
+@import './InputMaxLength/index.less';
+@import './TipMark/index.less';
+@import './Popup/index.less';
+@import './SiderTree/index.less';
+@import './FormLayout/index.less';
+@import './EditableTable/index.less';
+@import './PageLoading/index.less';
+@import '~antd/dist/antd.variable.less';
+
+@blue-base: #2357df;
+
+/** basic */
+
+@height-base: 32px;
+@border-color-base: #c0c0c0;
+@label-color: #464646;
+
+/** table */
+
+@table-header-bg: #f0f0f0;
+@table-header-color: rgba(51, 51, 51, 0.65);
+@table-padding-vertical: 14px;
+@table-border-color: rgba(0, 0, 0, 0.04);
+
+.ant-modal-confirm-body-wrapper .ant-modal-confirm-body .ant-modal-confirm-content {
+  color: rgba(0, 0, 0, 0.65);
+}
+
+.ant-pagination-item-active {
+  background: @primary-color;
+
+  a {
+    color: #fff;
+  }
+
+  &:hover a {
+    color: #fff;
+  }
+}
+
+a[title='站长统计'] {
+  display: none;
+}

package/es/init.d.ts

@@ -0,0 +1,3 @@
+export default function init(opts?: {
+    enableCNZZ?: boolean;
+}): void;

package/es/init.js

@@ -0,0 +1,100 @@
+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 _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+import React from 'react';
+import Icons from './Icons';
+import { message, Modal, Empty, Select } from 'antd';
+var Tip = Icons.Tip,
+    EmptyIcon = Icons.Empty,
+    Down = Icons.Down;
+export default function init() {
+  var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
+  // 添加站长统计
+  if (opts.enableCNZZ) {
+    var node = document.createElement('script');
+    node.innerHTML = "\n    var _czc = _czc || [];\n    window._czc&&window._czc.push(['_setAutoPageview', false]);\n  ";
+    document.body.appendChild(node);
+    node = document.createElement('script');
+    node.src = '//v1.cnzz.com/z_stat.php?id=1280732258&web_id=1280732258';
+    document.body.appendChild(node);
+  }
+
+  var types = ['success', 'error', 'warning', 'info'];
+  types.forEach(function (item) {
+    var msgAPI = message[item].bind(message);
+    var modalAPI = Modal[item].bind(Modal);
+
+    message[item] = function () {
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+
+      var args0 = args[0],
+          args1 = args[1],
+          args2 = args[2];
+
+      if (args.length === 1 && _typeof(args0) === 'object' && ! /*#__PURE__*/React.isValidElement(args0)) {
+        return msgAPI(_objectSpread({
+          icon: /*#__PURE__*/React.createElement(Tip, {
+            type: item
+          })
+        }, args0));
+      }
+
+      return msgAPI({
+        content: args0,
+        duration: args1,
+        onClose: args2,
+        icon: /*#__PURE__*/React.createElement(Tip, {
+          type: item
+        })
+      });
+    };
+
+    Modal[item] = function () {
+      return modalAPI(_objectSpread({
+        icon: /*#__PURE__*/React.createElement(Tip, {
+          type: item,
+          style: {
+            fontSize: 20
+          }
+        })
+      }, arguments.length <= 0 ? undefined : arguments[0]));
+    };
+  });
+  var modalConfirm = Modal.confirm.bind(Modal);
+
+  Modal.confirm = function () {
+    return modalConfirm(_objectSpread({
+      icon: /*#__PURE__*/React.createElement(Tip, {
+        type: "warning",
+        style: {
+          fontSize: 20
+        }
+      })
+    }, arguments.length <= 0 ? undefined : arguments[0]));
+  }; //@ts-ignore
+
+
+  Select.defaultProps = {
+    suffixIcon: function suffixIcon() {
+      return /*#__PURE__*/React.createElement("div", {
+        style: {
+          margin: '-2px 0 0 -2px',
+          fontSize: 16,
+          color: '#BFBFBF'
+        }
+      }, /*#__PURE__*/React.createElement(Down, null));
+    }
+  };
+  Empty.PRESENTED_IMAGE_DEFAULT = /*#__PURE__*/React.createElement(EmptyIcon, null);
+  Empty.defaultProps = {
+    image: Empty.PRESENTED_IMAGE_DEFAULT
+  };
+}

package/es/theme.less

@@ -0,0 +1,13 @@
+/* stylelint-disable property-no-unknown */
+@prefixCls: lemon;
+
+html {
+  --lemon-primary-color: 35, 87, 223;
+}
+
+.primary(@alpha: 1) {
+  rgb: rgb(var(--lemon-primary-color));
+  rgba: rgba(var(--lemon-primary-color), @alpha);
+}
+
+@space: 16px;

package/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "@lemon-fe/components",
+  "version": "0.0.0",
+  "private": false,
+  "description": "> TODO: description",
+  "author": "鲁盛杰 <lusj@cnlemon.net>",
+  "homepage": "",
+  "license": "ISC",
+  "main": "es/index.js",
+  "files": [
+    "es"
+  ],
+  "publishConfig": {
+    "@lemon-fe:registry": "https://registry.npmjs.org"
+  },
+  "scripts": {
+    "test": "echo \"Error: run tests from root\" && exit 1"
+  },
+  "dependencies": {
+    "@lemon-fe/hooks": "^0.0.0",
+    "antd": "^4.17.0",
+    "classnames": "^2.2.6",
+    "lodash": "^4.17.21",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "react-resizable": "^3.0.4"
+  },
+  "peerDependencies": {
+    "@ant-design/icons": ">=4.0.0",
+    "antd": ">=4.17.0-alpha.8",
+    "classnames": ">=2.2.6",
+    "color-string": ">=1.0.0",
+    "lodash": ">=4.17.0",
+    "rc-tree": ">=4.0.0",
+    "react": ">=16.9.0",
+    "react-dom": ">=16.9.0"
+  },
+  "devDependencies": {
+    "@types/color-string": "^1.5.2",
+    "@types/lodash": "^4.14.179",
+    "@types/react-resizable": "^1.7.4"
+  }
+}