@cqsjjb/jjb-react-admin-component 3.3.1-beta.4 → 3.3.1-beta.6

package/PageLayout/index.js

@@ -1,60 +0,0 @@
-import React, { memo, useCallback } from 'react';
-import { PageHeader } from '@ant-design/pro-layout';
-import './index.less';
-import { getPrefixCls } from '../tools/index.js';
-const prefixCls = getPrefixCls();
-const PageLayout = /*#__PURE__*/memo(props => {
-  const {
-    title,
-    extra,
-    style = {},
-    header,
-    footer,
-    history = {},
-    noStyle,
-    formLine,
-    formLineStyle,
-    noBorder = false,
-    previous = false,
-    children,
-    transparent,
-    contentStyle,
-    footerStyle,
-    pageHeaderStyle,
-    onBack,
-    'data-node-id': dataNodeId
-  } = props;
-  const containerClass = [`${prefixCls}-layout-container`, transparent && `${prefixCls}-layout-container-transparent`, noStyle && `${prefixCls}-layout-container-no-style`].filter(Boolean).join(' ');
-  const backHandler = useCallback(() => {
-    if (onBack) {
-      onBack();
-    } else if (previous) {
-      history.go(-1);
-    }
-  }, [onBack, previous, history]);
-  return /*#__PURE__*/React.createElement("div", {
-    style: noBorder ? {
-      border: 'none',
-      ...style
-    } : style,
-    className: containerClass,
-    "data-node-id": dataNodeId
-  }, !header ? /*#__PURE__*/React.createElement(PageHeader, {
-    title: title,
-    extra: extra,
-    style: pageHeaderStyle,
-    onBack: previous || onBack ? backHandler : undefined
-  }) : header, formLine && /*#__PURE__*/React.createElement("div", {
-    className: `${prefixCls}-layout-container-tools`,
-    style: formLineStyle
-  }, formLine), /*#__PURE__*/React.createElement("div", {
-    style: contentStyle,
-    className: `${prefixCls}-layout-container-content`
-  }, /*#__PURE__*/React.createElement("div", {
-    className: `${prefixCls}-layout-container-content-abs`
-  }, children)), footer && /*#__PURE__*/React.createElement("div", {
-    className: `${prefixCls}-lay-container-bottom`,
-    style: footerStyle
-  }, footer));
-});
-export default PageLayout;

package/SearchForm/index.js

@@ -1,95 +0,0 @@
-import React, { useState, useRef, useEffect } from 'react';
-import { Form, Button, Space, Row, Col } from 'antd';
-import { SearchOutlined, DoubleRightOutlined, UndoOutlined } from '@ant-design/icons';
-const SearchForm = ({
-  form: externalForm,
-  style,
-  expand,
-  // 受控
-  defaultExpand = false,
-  // 内部默认展开
-  colSize = 3,
-  loading = false,
-  formLine = [],
-  initialValues = {},
-  onRef = () => {},
-  onReset = () => {},
-  onFinish = () => {},
-  onExpand
-}) => {
-  const internalForm = useRef();
-  const form = externalForm || internalForm;
-  const [internalOpen, setInternalOpen] = useState(defaultExpand);
-  useEffect(() => {
-    if (onRef) {
-      onRef(form);
-    }
-  }, [form, onRef]);
-  const isControlled = expand !== undefined;
-  const isOpen = isControlled ? expand : internalOpen;
-  const handleToggle = () => {
-    if (isControlled) {
-      onExpand && onExpand(!expand);
-    } else {
-      setInternalOpen(prev => {
-        const next = !prev;
-        onExpand && onExpand(next);
-        return next;
-      });
-    }
-  };
-  const getButtons = () => /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Button, {
-    type: "primary",
-    icon: /*#__PURE__*/React.createElement(SearchOutlined, null),
-    htmlType: "submit",
-    loading: loading
-  }, "\u67E5\u8BE2"), /*#__PURE__*/React.createElement(Button, {
-    icon: /*#__PURE__*/React.createElement(UndoOutlined, null),
-    loading: loading,
-    onClick: () => {
-      form.current.resetFields();
-      onReset(form.current.getFieldsValue());
-    }
-  }, "\u91CD\u7F6E"), formLine.length / colSize > 1 && /*#__PURE__*/React.createElement(Button, {
-    icon: /*#__PURE__*/React.createElement(DoubleRightOutlined, {
-      style: {
-        transform: isOpen ? 'rotate(-90deg)' : 'rotate(90deg)'
-      }
-    }),
-    onClick: handleToggle
-  }, isOpen ? '收起' : '展开'));
-  const groupsList = () => {
-    const arr = formLine.map(node => ({
-      show: true,
-      node
-    }));
-    if (isOpen || arr.length <= 3) {
-      return arr;
-    }
-    return arr.map((item, index) => index > 2 ? {
-      ...item,
-      show: false
-    } : item);
-  };
-  const formItemList = groupsList();
-  if (formItemList.length === 0) return null;
-  return /*#__PURE__*/React.createElement(Form, {
-    ref: form,
-    style: style,
-    initialValues: initialValues,
-    onFinish: values => onFinish(values)
-  }, /*#__PURE__*/React.createElement(Row, {
-    gutter: [16, 16]
-  }, formItemList.map((item, index) => /*#__PURE__*/React.createElement(Col, {
-    key: index,
-    span: 24 / colSize,
-    style: {
-      display: item.show ? 'block' : 'none'
-    }
-  }, item.node)), /*#__PURE__*/React.createElement(Col, {
-    span: 24 / colSize
-  }, /*#__PURE__*/React.createElement(Form.Item, {
-    noStyle: true
-  }, getButtons()))));
-};
-export default SearchForm;

package/Table/index.js

@@ -1,118 +0,0 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React from 'react';
-import { tools } from '@cqsjjb/jjb-common-lib';
-import { ProTable } from '@ant-design/pro-components';
-import { useAntdResizableHeader } from 'use-antd-resizable-header';
-import { antPrefix, setTableSize, getTableSize, getPersistenceKey } from './utils';
-import './index.less';
-require('use-antd-resizable-header/dist/style.css');
-export default function TablePro(props) {
-  const prefix = antPrefix || 'ant';
-  const baseCls = `.${prefix}-table`;
-  const tableCls = `${baseCls}-wrapper`;
-  const tableBodyCls = `${baseCls}-body`;
-  const {
-    storeIndex
-  } = props;
-  const [size, setSize] = React.useState(getTableSize(storeIndex) || 'default');
-  const [tableHeight, setTableHeight] = React.useState(0);
-  const persistenceKey = getPersistenceKey(storeIndex);
-  const enabledResizer = tools.isUndefined(props.disabledResizer);
-  React.useEffect(() => {
-    let mutationObserver, resizeObserver;
-    if (enabledResizer) {
-      // 监听-DOM树
-      mutationObserver = new MutationObserver(mutations => mutations.forEach(() => calcTableHeight()));
-      // 监听-缩放
-      resizeObserver = new ResizeObserver(entries => entries.forEach(() => calcTableHeight()));
-
-      // 初始化首次计算
-      setTimeout(() => calcTableHeight(), 500);
-
-      // 执行-监听-缩放
-      resizeObserver.observe(document.body);
-      // 执行-监听-DOM树是否发生变化
-      mutationObserver.observe(document.body, {
-        subtree: true,
-        childList: true
-      });
-    }
-    return () => {
-      if (mutationObserver && resizeObserver && enabledResizer) {
-        resizeObserver.unobserve(document.body);
-        mutationObserver.disconnect(document.body);
-      }
-    };
-  }, []);
-  React.useEffect(() => {
-    setTableSize(size, storeIndex);
-  }, [size]);
-
-  // 计算高度
-  const calcTableHeight = () => {
-    try {
-      // table元素
-      const tableEl = document.querySelector(tableCls);
-      // table-body元素
-      const tableBodyEl = document.querySelector(tableBodyCls);
-      if (tableBodyEl && tableEl) {
-        // 获取table元素的矩形数据
-        const tableRect = tableEl.getBoundingClientRect();
-        // 获取table-body元素的矩形数据
-        const tableBodyRect = tableBodyEl.getBoundingClientRect();
-        // 获取底部的高度差
-        const bottomHeight = tableRect.bottom - tableBodyRect.bottom;
-        // 计算最终值
-        setTableHeight(innerHeight - tableBodyRect.top - bottomHeight - (window.__IN_BASE__ ? 38 : 22));
-      }
-    } catch (e) {
-      window.console['error'](e);
-    }
-  };
-  const {
-    components,
-    resizableColumns,
-    tableWidth,
-    resetColumns
-    // refresh
-  } = useAntdResizableHeader({
-    columns: props.columns,
-    columnsState: {
-      persistenceKey: persistenceKey.resizable,
-      persistenceType: 'localStorage'
-    }
-  });
-  const scroll = {
-    x: tableWidth
-  };
-  if (enabledResizer) {
-    scroll.y = tableHeight;
-  }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ProTable, _extends({
-    ghost: true,
-    columnEmptyText: true,
-    size: size,
-    search: false,
-    scroll: scroll,
-    className: `${antPrefix}-gbs-pro-table`,
-    options: {
-      reload: false,
-      fullScreen: true,
-      setting: {
-        checkedReset: true,
-        extra: /*#__PURE__*/React.createElement("a", {
-          className: `${antPrefix}-pro-table-column-setting-action-rest-button`,
-          onClick: resetColumns
-        }, "\u91CD\u7F6E\u5217\u5BBD")
-      }
-    },
-    components: components,
-    columnsState: {
-      persistenceKey: persistenceKey.columnState,
-      persistenceType: 'localStorage'
-    },
-    onSizeChange: setSize
-  }, props, {
-    columns: resizableColumns
-  })));
-}

package/TableAction/index.js

@@ -1,30 +0,0 @@
-import React from 'react';
-import { tools } from '@cqsjjb/jjb-common-lib';
-import { MoreOutlined } from '@ant-design/icons';
-import { Dropdown, Space } from 'antd';
-export default function TableAction({
-  maximum = 3,
-  children,
-  space,
-  icon: Icon = MoreOutlined,
-  placement = 'bottomRight',
-  // 下拉菜单位置，默认 bottomRight
-  trigger = ['hover'] // 下拉触发方式，默认 hover
-}) {
-  // 将 children 统一成数组并过滤空值
-  const childArray = (tools.isArray(children) ? children : [].concat(children)).filter(Boolean);
-  const showArray = childArray.slice(0, maximum);
-  const hideArray = childArray.slice(maximum);
-  return /*#__PURE__*/React.createElement(Space, {
-    size: space
-  }, showArray, hideArray.length > 0 && /*#__PURE__*/React.createElement(Dropdown, {
-    menu: {
-      items: hideArray.map((child, index) => ({
-        key: index,
-        label: child
-      }))
-    },
-    placement: placement,
-    trigger: trigger
-  }, /*#__PURE__*/React.createElement("a", null, /*#__PURE__*/React.createElement(Icon, null))));
-}