@lemon-fe/kits 1.0.0-116 → 1.0.0-118

package/es/components/Popup/index.js

@@ -28,8 +28,8 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React, { useState, cloneElement, useRef, useEffect, useContext } from 'react';
 import { Modal, Input, message, ConfigProvider } from 'antd';
-import SearchIcon from "../Icons/Search";
 import { prefixClassName } from "../utils";
+import SearchIcon from "../Icons/Search";
 import Icons from "../Icons";
 var prefix = prefixClassName('popup');
 

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

@@ -0,0 +1,8 @@
+import { type TooltipProps } from 'antd';
+import type { ReactNode } from 'react';
+interface TipMarkProps extends Omit<TooltipProps, 'title' | 'overlay'> {
+    infoContent: string | ReactNode;
+    mode?: string;
+}
+declare const TipMark: ({ infoContent, mode, placement, style, className, ...props }: TipMarkProps) => JSX.Element;
+export default TipMark;

package/es/components/TipMark/index.js

@@ -0,0 +1,60 @@
+var _excluded = ["infoContent", "mode", "placement", "style", "className"];
+
+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 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 { Tooltip, Popover } from 'antd';
+import { prefixClassName } from "../utils";
+import classNames from 'classnames';
+import React from 'react';
+
+var TipMark = function TipMark(_ref) {
+  var 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,
+      style = _ref.style,
+      className = _ref.className,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  var prefix = prefixClassName('tip-mark');
+  var icon = /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "12",
+    height: "12",
+    viewBox: "0 0 12 12",
+    style: _objectSpread({
+      marginLeft: 2
+    }, style),
+    className: classNames(prefix(), className)
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#333",
+    fillRule: "evenodd",
+    d: "M6 0a6 6 0 1 1 0 12A6 6 0 0 1 6 0Zm-.061 8.04a.673.673 0 0 0-.48.183.613.613 0 0 0-.193.471c0 .192.062.35.193.472a.68.68 0 0 0 .48.192c.192 0 .35-.061.48-.183a.639.639 0 0 0 .201-.48c0-.193-.07-.35-.192-.472a.694.694 0 0 0-.49-.184ZM6.096 3c-.646 0-1.153.183-1.528.55C4.183 3.917 4 4.424 4 5.07h.996c0-.367.07-.655.218-.856.166-.245.437-.358.82-.358.298 0 .534.078.7.244.157.166.244.393.244.682a.967.967 0 0 1-.236.62l-.104.122c-.568.507-.909.873-1.022 1.11-.123.235-.175.523-.175.855v.122h1.004V7.49c0-.21.044-.393.131-.568.079-.157.193-.305.35-.436.14-.123.26-.23.363-.323l.18-.164c.103-.096.173-.164.208-.203.21-.28.323-.638.323-1.074 0-.533-.175-.952-.524-1.258C7.126 3.148 6.664 3 6.096 3Z",
+    opacity: ".5"
+  }));
+
+  if (mode === 'toolTip') {
+    return /*#__PURE__*/React.createElement(Tooltip, _extends({
+      title: infoContent,
+      placement: placement
+    }, props), icon);
+  }
+
+  return /*#__PURE__*/React.createElement(Popover, _extends({
+    content: infoContent,
+    placement: placement
+  }, props), icon);
+};
+
+export default TipMark;

package/es/index.d.ts

@@ -36,6 +36,7 @@ export * from './components/DataGrid/hooks';
 export type { ColDef, ColGroupDef, ColumnState, GridOptions, GridReadyEvent, ICellEditorParams, ICellRendererParams, IHeaderParams, RowDataUpdatedEvent, CellValueChangedEvent, NavigateToNextCellParams, TabToNextCellParams, AgGridEvent, GroupCellRendererParams as IGroupCellRendererParams, Column, CellPosition, } from '@ag-grid-community/core';
 export { GridApi, ColumnApi } from '@ag-grid-community/core';
 export * from '@ag-grid-community/react';
+export { default as TipMark } from './components/TipMark';
 export { default as BasicLayout } from './layouts/BasicLayout';
 export { default as BlankLayout } from './layouts/BlankLayout';
 export { default as MicroLayout } from './layouts/MicroLayout';

package/es/index.js

@@ -29,6 +29,7 @@ export * from "./components/DataGrid/typings";
 export * from "./components/DataGrid/hooks";
 export { GridApi, ColumnApi } from '@ag-grid-community/core';
 export * from '@ag-grid-community/react';
+export { default as TipMark } from "./components/TipMark";
 export { default as BasicLayout } from "./layouts/BasicLayout";
 export { default as BlankLayout } from "./layouts/BlankLayout";
 export { default as MicroLayout } from "./layouts/MicroLayout";

package/es/styles/overrides.less

@@ -244,3 +244,6 @@ span.@{ant-prefix}-radio + * {
     margin-right: 4px;
   }
 }
+
+/** tooltip **/
+@tooltip-arrow-width: 5px * sqrt(2);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lemon-fe/kits",
-  "version": "1.0.0-116",
+  "version": "1.0.0-118",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",
@@ -38,7 +38,7 @@
     "@ag-grid-community/react": "29.2.0",
     "@ag-grid-community/styles": "29.2.0",
     "@ant-design/icons": "^4.7.0",
-    "@lemon-fe/hooks": "^0.1.142",
+    "@lemon-fe/hooks": "^0.1.147",
     "@lemon-fe/utils": "^0.1.117",
     "antd": "4.24.8",
     "async-validator": "^4.2.5",
@@ -84,6 +84,7 @@
     "gh-pages": "^3.0.0",
     "husky": "^8.0.1",
     "lint-staged": "^10.0.7",
+    "prettier-plugin-sort-imports": "^1.7.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   }