cfel-base-components 0.0.24 → 1.0.0

package/src/components/widthAutoLabelProps/index.tsx

@@ -1,54 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-
-interface WidthAutoLabelProps {
-    children: string;  // 要绘制的文本
-}
-
-/**
- * 文本宽度自适应标签组件
- * @param props
- * @constructor
- */
-const WidthAutoLabel = (props: WidthAutoLabelProps) => {
-    const { children = '' } = props;
-    const ref = useRef<any>(null);
-
-    useEffect(() => {
-        drawText();
-    }, [children]);
-
-
-    const drawText = () => {
-        let canvas = ref.current;
-        if (!canvas) {
-            return;
-        }
-        let parentNode = canvas.parentNode;
-        if (!parentNode) {
-            return;
-        }
-        const { fontSize, fontStyle, fontWeight, fontFamily } = getComputedStyle(parentNode, null);
-        const { clientWidth, clientHeight } = parentNode;
-        canvas.width = clientWidth;
-        canvas.height = clientHeight;
-        let ctx = canvas.getContext("2d");
-        // 设置文本样式
-        ctx.font = `${fontStyle} ${fontWeight} ${fontSize} ${fontFamily}`;
-        ctx.textBaseline = 'top';
-        let y = Math.ceil((clientHeight - Number(fontSize.replace('px', ''))) / 2);
-        let x = 0;
-        // 居中显示
-        const { width: textWidth } = ctx.measureText(children);
-        if (textWidth < clientWidth) {
-            x = (clientWidth - textWidth) / 2;
-        }
-        // 绘制文本
-        ctx.fillText(children, x, y, clientWidth);
-    }
-
-    return (
-        <canvas ref={ref}></canvas>
-    )
-}
-
-export default WidthAutoLabel;

package/src/hooks/useTableHooks.ts

@@ -1,60 +0,0 @@
-import React, { useState } from 'react'
-import { get } from "lodash"
-
-function useTableHooks({
-  asyncFunction
-}: any) {
-  const [isLoading, setIsLoading] = useState<any>(false)
-  const [pageNo, setPageNo] = useState(1)
-  const [pageSize, setPageSize] = useState(10)
-  const [total, setTotal] = useState(0)
-  const [dataList, setDataList] = useState([])
-
-  const execute: any = async (options: any) => {
-    const { innerPageNo = pageNo, innerPageSize = pageSize, ...otherOptions } = options || {}
-
-    setPageNo(innerPageNo);
-    setPageSize(innerPageSize);
-    setIsLoading(true);
-
-    try {
-      const res = await asyncFunction({
-        innerPageNo,
-        innerPageSize,
-        ...otherOptions
-      })
-
-      setIsLoading(false)
-
-      const list: any = get(res, "dataList", [])
-      const totalCount: any = get(res, "totalCount", 0)
-
-      setTotal(totalCount)
-      setDataList(list)
-
-    } catch {
-      setIsLoading(false)
-    }
-  }
-
-  const pagination = {
-    current: pageNo,
-    pageSize,
-    total,
-    onChange: (innerPageNo: number, innerPageSize: number) => {
-      execute({
-        innerPageNo,
-        innerPageSize
-      })
-    }
-  }
-
-  return {
-    execute,
-    pagination,
-    isLoading,
-    dataList,
-  }
-}
-
-export default useTableHooks

package/src/utils/index.ts

@@ -1,29 +0,0 @@
-import dayjs from "dayjs"
-//获取url上的参数
-export const getUrlParams = (id: string) => {
-    let params = new URLSearchParams(location.search);
-    return params.get(id) || ""
-  }
-  
-export const downloadFile = (url: string, name: string, suffix?: string) => {
-    if (!url || !name) return
-    const link = document.createElement('a');
-    link.target = '_blank'
-    link.style.display = 'none';
-    fetch(url, {
-        method: 'post',
-    }).then(res => res.blob()).then((blob) => {
-        link.href = URL.createObjectURL(blob);
-        link.download = name + "." + (suffix || 'xlsx');
-        document.body.appendChild(link);
-        link.click();
-        link.remove();
-    });
-}
-
-export const timeFormatter = (timestamp: number, format?: string) => {
-    if (isNaN(Number(timestamp))) {
-        return "-"
-    }
-    return dayjs(timestamp).format(format || "YYYY-MM-DD HH:mm:ss")
-}