@lemon-fe/components 0.0.32 → 0.1.0

package/es/utils.less

@@ -0,0 +1,53 @@
+/* stylelint-disable property-no-unknown */
+
+.primary(@alpha: 1) {
+  rgb: rgb(var(--lemon-primary-color));
+  rgba: rgba(var(--lemon-primary-color), @alpha);
+}
+
+.popoverInner(@width: 120px) {
+  position: relative;
+  width: @width;
+  padding: 8px 0;
+  background-color: #fff;
+  border-radius: 8px;
+  border-image: linear-gradient(147deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)) 1 1;
+  box-shadow: 0 12px 48px 16px rgba(0, 0, 0, 0.03), 0 9px 28px 0 rgba(0, 0, 0, 0.05),
+    0 6px 16px -8px rgba(0, 0, 0, 0.08);
+}
+
+.popover(@width: 120px) {
+  padding-top: 0 !important;
+
+  .ant-popover-arrow {
+    display: none;
+  }
+
+  .ant-popover-inner {
+    .popoverInner(@width);
+  }
+
+  .ant-popover-inner-content {
+    padding: 0;
+  }
+}
+
+.popoverItem() {
+  position: relative;
+  width: 100%;
+  height: 36px;
+  padding: 0 16px;
+  overflow-x: hidden;
+  color: #333;
+  font-size: 14px;
+  line-height: 36px;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  cursor: pointer;
+  transition: background-color 0.2s;
+  user-select: none;
+
+  &:hover {
+    background-color: #eee;
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lemon-fe/components",
-  "version": "0.0.32",
+  "version": "0.1.0",
   "description": "> TODO: description",
   "author": "鲁盛杰 <lusj@cnlemon.net>",
   "homepage": "",
@@ -16,7 +16,7 @@
     "registry": "https://registry.npmjs.org"
   },
   "dependencies": {
-    "@lemon-fe/hooks": "^0.0.32",
+    "@lemon-fe/hooks": "^0.0.33",
     "antd": "^4.17.0",
     "classnames": "^2.2.6",
     "lodash": "^4.17.21",
@@ -39,5 +39,5 @@
     "@types/lodash": "^4.14.179",
     "@types/react-resizable": "^1.7.4"
   },
-  "gitHead": "6a550441c4b063aaf2539e69bc0cb8c87687c185"
+  "gitHead": "194106879a74eb16c75e56c3832a2f555627a8ee"
 }

package/es/BaseTable/Sort.d.ts

@@ -1,10 +0,0 @@
-import type { ReactNode } from 'react';
-interface Props {
-    value?: string;
-    title: ReactNode;
-    onChange: (value?: string) => void;
-    align?: string;
-    index?: number;
-}
-export default function Sort(props: Props): JSX.Element;
-export {};

package/es/BaseTable/Sort.js

@@ -1,122 +0,0 @@
-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, useEffect, useCallback } from 'react';
-import { debounce } from 'lodash';
-var SortValue;
-
-(function (SortValue) {
-  SortValue["ASC"] = "asc";
-  SortValue["DESC"] = "desc";
-})(SortValue || (SortValue = {}));
-
-export default function Sort(props) {
-  var value = props.value,
-      title = props.title,
-      onChange = props.onChange,
-      align = props.align,
-      index = props.index;
-
-  var _useState = useState(value),
-      _useState2 = _slicedToArray(_useState, 2),
-      val = _useState2[0],
-      setVal = _useState2[1];
-
-  useEffect(function () {
-    setVal(value);
-  }, [value]);
-  var handleChange = useCallback(debounce(function (result) {
-    onChange(result);
-  }, 500), [onChange]);
-  var node;
-
-  if (val === SortValue.DESC) {
-    node = /*#__PURE__*/React.createElement("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "8px",
-      height: "10px"
-    }, /*#__PURE__*/React.createElement("path", {
-      fillRule: "evenodd",
-      fill: "rgb(6, 57, 133)",
-      d: "M3.971,9.785 L-0.000,6.000 L8.000,6.000 L3.971,9.785 Z"
-    }), /*#__PURE__*/React.createElement("path", {
-      fillRule: "evenodd",
-      fill: "rgb(153, 153, 153)",
-      d: "M4.000,-0.000 L8.000,4.000 L-0.000,4.000 L4.000,-0.000 Z"
-    }));
-  } else if (val === SortValue.ASC) {
-    node = /*#__PURE__*/React.createElement("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "8px",
-      height: "10px"
-    }, /*#__PURE__*/React.createElement("path", {
-      fillRule: "evenodd",
-      fill: "rgb(6, 57, 133)",
-      d: "M4.029,0.215 L8.000,4.000 L-0.000,4.000 L4.029,0.215 Z"
-    }), /*#__PURE__*/React.createElement("path", {
-      fillRule: "evenodd",
-      fill: "rgb(153, 153, 153)",
-      d: "M4.000,10.000 L-0.000,6.000 L8.000,6.000 L4.000,10.000 Z"
-    }));
-  } else {
-    node = /*#__PURE__*/React.createElement("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "8px",
-      height: "10px"
-    }, /*#__PURE__*/React.createElement("path", {
-      fillRule: "evenodd",
-      fill: "rgb(153, 153, 153)",
-      d: "M4.029,0.215 L8.000,4.000 L-0.000,4.000 L4.029,0.215 ZM4.000,10.000 L0.004,6.008 L8.000,6.000 L4.000,10.000 Z"
-    }));
-  }
-
-  var handleClick = function handleClick() {
-    var nextVal;
-
-    if (val === SortValue.DESC) {
-      nextVal = undefined;
-    } else if (val === SortValue.ASC) {
-      nextVal = SortValue.DESC;
-    } else {
-      nextVal = SortValue.ASC;
-    }
-
-    setVal(nextVal);
-    handleChange(nextVal);
-  };
-
-  var justify;
-
-  switch (align) {
-    case 'right':
-      justify = 'flex-end';
-      break;
-
-    case 'center':
-      justify = 'center';
-      break;
-
-    default:
-  }
-
-  return /*#__PURE__*/React.createElement("div", {
-    className: "lemon-table-sort",
-    onClick: handleClick,
-    style: justify ? {
-      justifyContent: justify
-    } : undefined
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "lemon-table-sort-title"
-  }, title), /*#__PURE__*/React.createElement("div", null, node, index !== undefined && /*#__PURE__*/React.createElement("span", {
-    className: "lemon-table-sort-number"
-  }, index)));
-}