@deepinnet-components/pc 0.0.58 → 0.0.60

package/dist/OverflowTooltipText/demo/basic.d.ts

@@ -0,0 +1,8 @@
+/**
+ * title: 用法
+ * description:
+ */
+import React from 'react';
+import './index.less';
+declare const App: () => React.JSX.Element;
+export default App;

package/dist/OverflowTooltipText/demo/basic.js

@@ -0,0 +1,56 @@
+/**
+ * title: 用法
+ * description:
+ */
+
+import { OverflowTooltipText } from "../..";
+import React from 'react';
+import "./index.less";
+var App = function App() {
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    className: "text-red"
+  }, "\u8D85\u51FA\u7701\u7565\uFF1A"), /*#__PURE__*/React.createElement("div", {
+    className: "w-200"
+  }, /*#__PURE__*/React.createElement(OverflowTooltipText, {
+    text: "\u8FD9\u662F\u4E00\u6BB5\u957F\u6587\u672C\u8FD9\u662F\u4E00\u6BB5\u957F\u6587\u672C\u8FD9\u662F\u4E00\u6BB5\u957F\u6587\u672C\u8FD9\u662F\u4E00\u6BB5\u957F\u6587\u672C\u8FD9\u662F\u4E00\u6BB5\u957F\u6587\u672C"
+  })), /*#__PURE__*/React.createElement("hr", null), /*#__PURE__*/React.createElement("div", {
+    className: "text-red"
+  }, "\u6CA1\u8D85\u51FA\uFF1A"), /*#__PURE__*/React.createElement("div", {
+    className: "w-200"
+  }, /*#__PURE__*/React.createElement(OverflowTooltipText, {
+    text: "\u8FD9\u662F\u4E00\u6BB5\u77ED\u6587\u672C"
+  })), /*#__PURE__*/React.createElement("hr", null), /*#__PURE__*/React.createElement("div", {
+    className: "text-red"
+  }, "\u652F\u6301\u591A\u884C\uFF1A"), /*#__PURE__*/React.createElement("div", {
+    className: "w-200"
+  }, /*#__PURE__*/React.createElement(OverflowTooltipText, {
+    text: "\u8FD9\u662F\u4E00\u6BB5\u957F\u6587\u672C\u8FD9\u662F\u4E00\u6BB5\u957F\u6587\u672C\u8FD9\u662F\u4E00\u6BB5\u957F\u6587\u672C\u8FD9\u662F\u4E00\u6BB5\u957F\u6587\u672C\u8FD9\u662F\u4E00\u6BB5\u957F\u6587\u672C",
+    maxLines: 2
+  })), /*#__PURE__*/React.createElement("hr", null), /*#__PURE__*/React.createElement("div", {
+    className: "text-red"
+  }, "\u81EA\u52A8\u4FEE\u590Dflex\u5E03\u5C40\uFF1A"), /*#__PURE__*/React.createElement("div", {
+    className: "w-200 flex"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "w-100"
+  }), /*#__PURE__*/React.createElement("div", {
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/React.createElement(OverflowTooltipText, {
+    text: "\u8FD9\u662F\u4E00\u6BB5\u957F\u6587\u672C\u8FD9\u662F\u4E00\u6BB5\u957F\u6587\u672C\u8FD9\u662F\u4E00\u6BB5\u957F\u6587\u672C\u8FD9\u662F\u4E00\u6BB5\u957F\u6587\u672C\u8FD9\u662F\u4E00\u6BB5\u957F\u6587\u672C"
+  }))), /*#__PURE__*/React.createElement("hr", null), /*#__PURE__*/React.createElement("div", {
+    className: "text-red"
+  }, "\u4E0D\u81EA\u52A8\u4FEE\u590D\uFF0C\u9700\u8981\u5916\u5C42\u76D2\u5B50\u81EA\u884C\u52A0\u6837\u5F0F\uFF1A"), /*#__PURE__*/React.createElement("div", {
+    className: "w-200 flex"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "w-100"
+  }), /*#__PURE__*/React.createElement("div", {
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/React.createElement(OverflowTooltipText, {
+    text: "\u8FD9\u662F\u4E00\u6BB5\u957F\u6587\u672C\u8FD9\u662F\u4E00\u6BB5\u957F\u6587\u672C\u8FD9\u662F\u4E00\u6BB5\u957F\u6587\u672C\u8FD9\u662F\u4E00\u6BB5\u957F\u6587\u672C\u8FD9\u662F\u4E00\u6BB5\u957F\u6587\u672C",
+    autoFixFlexAncestor: false
+  }))));
+};
+export default App;

package/dist/OverflowTooltipText/demo/index.less

@@ -0,0 +1,15 @@
+.text-red {
+  color: red;
+}
+
+.w-200 {
+  width: 200px;
+}
+
+.w-100 {
+  width: 100px;
+}
+
+.flex {
+  display: flex;
+}

package/dist/OverflowTooltipText/index.d.ts

@@ -0,0 +1,13 @@
+import { type TooltipProps } from 'antd';
+import type React from 'react';
+interface OverflowTooltipTextProps {
+    text?: string | null;
+    className?: string;
+    wrapperClassName?: string;
+    style?: React.CSSProperties;
+    tooltipProps?: Omit<TooltipProps, 'children' | 'title'>;
+    autoFixFlexAncestor?: boolean;
+    maxLines?: number;
+}
+export default function OverflowTooltipText(props: OverflowTooltipTextProps): React.JSX.Element;
+export {};

package/dist/OverflowTooltipText/index.js

@@ -0,0 +1,121 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+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(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { Tooltip } from 'antd';
+import { useEffect, useRef, useState } from 'react';
+function joinClassNames() {
+  for (var _len = arguments.length, classNames = new Array(_len), _key = 0; _key < _len; _key++) {
+    classNames[_key] = arguments[_key];
+  }
+  return classNames.filter(Boolean).join(' ');
+}
+export default function OverflowTooltipText(props) {
+  var _props$text = props.text,
+    text = _props$text === void 0 ? '' : _props$text,
+    className = props.className,
+    wrapperClassName = props.wrapperClassName,
+    style = props.style,
+    tooltipProps = props.tooltipProps,
+    _props$autoFixFlexAnc = props.autoFixFlexAncestor,
+    autoFixFlexAncestor = _props$autoFixFlexAnc === void 0 ? true : _props$autoFixFlexAnc,
+    _props$maxLines = props.maxLines,
+    maxLines = _props$maxLines === void 0 ? 1 : _props$maxLines;
+  var wrapperRef = useRef(null);
+  var textRef = useRef(null);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isOverflow = _useState2[0],
+    setIsOverflow = _useState2[1];
+  useEffect(function () {
+    var wrapperElement = wrapperRef.current;
+    var fixedElement = null;
+    var previousMinWidth = '';
+    var previousMaxWidth = '';
+    if (autoFixFlexAncestor && wrapperElement) {
+      var current = wrapperElement.parentElement;
+      while ((_current = current) !== null && _current !== void 0 && _current.parentElement) {
+        var _current;
+        var parentDisplay = window.getComputedStyle(current.parentElement).display;
+        if (parentDisplay === 'flex' || parentDisplay === 'inline-flex') {
+          fixedElement = current;
+          previousMinWidth = current.style.minWidth;
+          previousMaxWidth = current.style.maxWidth;
+          current.style.minWidth = '0';
+          current.style.maxWidth = '100%';
+          break;
+        }
+        current = current.parentElement;
+      }
+    }
+    var element = textRef.current;
+    if (!element) {
+      return function () {
+        if (fixedElement) {
+          fixedElement.style.minWidth = previousMinWidth;
+          fixedElement.style.maxWidth = previousMaxWidth;
+        }
+      };
+    }
+    var checkOverflow = function checkOverflow() {
+      var hasOverflow = maxLines > 1 ? element.scrollHeight > element.clientHeight + 1 : element.scrollWidth > element.clientWidth + 1;
+      setIsOverflow(hasOverflow);
+    };
+    checkOverflow();
+    var resizeObserver = new ResizeObserver(checkOverflow);
+    resizeObserver.observe(element);
+    return function () {
+      resizeObserver.disconnect();
+      if (fixedElement) {
+        fixedElement.style.minWidth = previousMinWidth;
+        fixedElement.style.maxWidth = previousMaxWidth;
+      }
+    };
+  }, [autoFixFlexAncestor, maxLines, text]);
+  var wrapperStyle = {
+    display: 'flex',
+    width: '100%',
+    minWidth: 0,
+    maxWidth: '100%',
+    overflow: 'hidden'
+  };
+  var textStyle = maxLines > 1 ? _objectSpread({
+    minWidth: 0,
+    flex: 1,
+    display: '-webkit-box',
+    WebkitBoxOrient: 'vertical',
+    WebkitLineClamp: maxLines,
+    overflow: 'hidden',
+    wordBreak: 'break-all'
+  }, style) : _objectSpread({
+    minWidth: 0,
+    flex: 1,
+    overflow: 'hidden',
+    textOverflow: 'ellipsis',
+    whiteSpace: 'nowrap'
+  }, style);
+  return (
+    /*#__PURE__*/
+    // @ts-ignore
+    React.createElement(Tooltip, _extends({}, tooltipProps, {
+      title: isOverflow ? text : null
+    }), /*#__PURE__*/React.createElement("div", {
+      ref: wrapperRef,
+      className: joinClassNames(wrapperClassName),
+      style: wrapperStyle
+    }, /*#__PURE__*/React.createElement("span", {
+      ref: textRef,
+      className: joinClassNames(className),
+      style: textStyle
+    }, text)))
+  );
+}

package/dist/UserCenter/RolePage/components/Create/index.js

@@ -280,10 +280,12 @@ var CreateRole = function CreateRole(props) {
               }, {
                 value: 2,
                 label: '组织数据（本级及下属）'
-              }, {
-                value: 1,
-                label: '个人数据'
-              }]
+              }
+              // {
+              // 	value: 1,
+              // 	label: '个人数据'
+              // }
+              ]
             },
             'x-validator': [{
               required: true,

package/dist/index.d.ts

@@ -5,3 +5,4 @@ export { default as UserCenter } from './UserCenter';
 export { default as AuthTreeManage } from './AuthTreeManage';
 export { default as SuperAdminCreate } from './SuperAdminCreate';
 export { default as Map2D } from './Map2D';
+export { default as OverflowTooltipText } from './OverflowTooltipText';

package/dist/index.js

@@ -4,4 +4,5 @@ export { default as ShenduTable } from "./Table";
 export { default as UserCenter } from "./UserCenter";
 export { default as AuthTreeManage } from "./AuthTreeManage";
 export { default as SuperAdminCreate } from "./SuperAdminCreate";
-export { default as Map2D } from "./Map2D";
+export { default as Map2D } from "./Map2D";
+export { default as OverflowTooltipText } from "./OverflowTooltipText";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deepinnet-components/pc",
-  "version": "0.0.58",
+  "version": "0.0.60",
   "description": "A react library developed with dumi",
   "license": "MIT",
   "module": "dist/index.js",