bhd-components 0.1.2 → 0.1.5

package/esm/table/index.module.less

@@ -1,3 +1,64 @@
-.Table{
-    
-}
+.Table {
+  width: 100%;
+  :global {
+    table {
+      th,
+      td {
+        border: none;
+        border-bottom: 1px solid #e8e8e8;
+      }
+      thead {
+        tr {
+          th {
+            &:nth-child(1){
+                padding-left: 40px;
+            }
+            &:last-child{
+                padding-right: 40px;
+            }
+            background: #fafafa;
+            &::before {
+              display: none;
+            }
+          }
+        }
+      }
+      tbody {
+        tr {
+          background: transparent;
+          &:hover {
+            td {
+                
+            //   background-color: rgba(244, 82, 59, 0.1) !important;
+            background-color: #FFEEEB !important;
+            }
+          }
+          td {
+            word-wrap: break-word;
+            word-break: break-all;
+            overflow: hidden;
+            white-space: nowrap;
+            text-overflow: ellipsis;
+            &:nth-child(1){
+                padding-left: 40px;
+            }
+            &:last-child{
+                padding-right: 40px;
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+.columnTootipClassName{
+  :global{
+    .bhd-tooltip-content{
+      .bhd-tooltip-inner{
+        color: rgba(0,0,0,0.85);
+        word-break: break-all;
+      }
+    }
+  }
+}

package/esm/textTootip/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { TooltipProps } from 'antd/es/tooltip';
+type TextTootipProps = TooltipProps & {
+    children: any;
+    width?: number;
+    title: any;
+};
+declare const TextTootip: (props: TextTootipProps) => JSX.Element;
+export default TextTootip;

package/esm/textTootip/index.js

@@ -0,0 +1,42 @@
+import _object_spread from "@swc/helpers/src/_object_spread.mjs";
+import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
+import _sliced_to_array from "@swc/helpers/src/_sliced_to_array.mjs";
+import { jsx as _jsx } from "@ice/jsx-runtime/jsx-runtime";
+import * as React from "react";
+import { useState } from "react";
+import { Tooltip } from "antd";
+var getTextSize = function(str) {
+    var fontSize = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 14;
+    var result = 0;
+    var ele = document.createElement("div");
+    ele.style.position = "absolute";
+    ele.style.whiteSpace = "nowrap";
+    ele.style.fontSize = fontSize + "px";
+    ele.style.opacity = "0";
+    ele.innerText = str;
+    document.body.append(ele);
+    result = ele.getBoundingClientRect().width;
+    document.body.removeChild(ele);
+    return result;
+};
+var TextTootip = function(props) {
+    var children = props.children, width = props.width, title = props.title;
+    var _useState = _sliced_to_array(useState(false), 2), open = _useState[0], setOpen = _useState[1];
+    var mouseEnter = function() {
+        if (!width) setOpen(true);
+        else //存在width
+        setOpen(getTextSize(title) < width ? false : true);
+    };
+    var mouseLeave = function() {
+        setOpen(false);
+    };
+    return /*#__PURE__*/ _jsx(Tooltip, _object_spread_props(_object_spread({}, props), {
+        open: open,
+        children: /*#__PURE__*/ _jsx("span", {
+            onMouseEnter: mouseEnter,
+            onMouseLeave: mouseLeave,
+            children: children
+        })
+    }));
+};
+export default TextTootip;

package/esm/utils/object.d.ts

@@ -0,0 +1,2 @@
+declare const cloneDeep: (obj: any) => any;
+export { cloneDeep };

package/esm/utils/object.js

@@ -0,0 +1,27 @@
+import _instanceof from "@swc/helpers/src/_instanceof.mjs";
+var cloneDeep = function(obj) {
+    // 处理null
+    if (obj === null) return null;
+    // 处理原始值
+    if (typeof obj != "object" && typeof obj != "function") return obj;
+    // 处理函数
+    if (typeof obj === "function") {
+        var func = obj + "";
+        // 返回匿名函数
+        // new Function('...')()  直接执行引号中的内容，与eval
+        return new Function("return " + func)();
+    }
+    // 处理正则
+    if (_instanceof(obj, RegExp)) return new RegExp(obj);
+    // 处理Set对象
+    if (_instanceof(obj, Set)) return new Set(obj);
+    // 处理Map对象
+    if (_instanceof(obj, Map)) return new Map(obj);
+    // 处理日期
+    if (_instanceof(obj, Date)) return new Date(obj);
+    // 用被克隆对象的构造函数创建一个实例，这样克隆出来的对象也是那个构造函数的实例，保持相同的所属类
+    var newObj = new obj.constructor();
+    for(var key in obj)if (obj.hasOwnProperty(key)) newObj[key] = cloneDeep(obj[key]);
+    return newObj;
+};
+export { cloneDeep };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bhd-components",
-  "version": "0.1.2",
+  "version": "0.1.5",
   "description": "组件功能描述",
   "files": [
     "esm",
@@ -63,7 +63,8 @@
     "stylelint": "^13.7.2"
   },
   "peerDependencies": {
-    "react": "^17 || ^18"
+    "react": ">=16.9.0",
+    "react-dom": ">=16.9.0"
   },
   "publishConfig": {
     "access": "public"