@cqsjjb/jjb-react-admin-component 3.0.30 → 3.1.1

package/Table/index.mjs

@@ -1,118 +0,0 @@
-import React from 'react';
-
-import { ProTable } from '@ant-design/pro-components';
-import { useAntdResizableHeader } from 'use-antd-resizable-header';
-
-import { getElementAbsRect, antPrefix, className, setTableSize, getTableSize, getPersistenceKey } from './utils';
-
-import './index.less';
-
-require('use-antd-resizable-header/dist/style.css');
-
-export default function TablePro(props) {
-  const { storeIndex } = props;
-  const [ size, setSize ] = React.useState(getTableSize(storeIndex) || 'default');
-  const [ tableHeight, setTableHeight ] = React.useState(0);
-
-  const persistenceKey = getPersistenceKey(storeIndex);
-
-  React.useEffect(() => {
-    let observer;
-    const table = document.querySelector(className('pro-table'));
-
-    if (!props.disabledResizer) {
-
-      observer = new ResizeObserver(() => {
-        setTimeout(() => {
-          const tBody = document.querySelector(className('table-body'));
-          const tFooter = document.querySelector(className('table-footer'));
-          const tPagination = document.querySelector(className('table-pagination'));
-
-          const tBodyNativeRect = tBody.getBoundingClientRect();
-          const tFooterAbsRect = getElementAbsRect(tFooter);
-          const tPaginationAbsRect = getElementAbsRect(tPagination);
-
-          const gap = 38;
-
-          const height = window.innerHeight - (
-            gap +
-            tBodyNativeRect.y +
-            tFooterAbsRect.absHeight +
-            tPaginationAbsRect.absHeight
-          );
-          setTableHeight(height);
-        }, 100);
-      });
-
-      observer.observe(table);
-    }
-
-    return () => {
-      if (observer && !props.disabledResizer) {
-        observer.unobserve(table);
-        observer.disconnect();
-      }
-    };
-  }, []);
-  React.useEffect(() => {
-    setTableSize(size, storeIndex);
-  }, [ size ]);
-
-  const {
-    components,
-    resizableColumns,
-    tableWidth,
-    resetColumns
-    // refresh
-  } = useAntdResizableHeader({
-    columns: props.columns,
-    columnsState: {
-      persistenceKey: persistenceKey.resizable,
-      persistenceType: 'localStorage'
-    }
-  });
-
-  const scroll = {
-    x: tableWidth
-  };
-
-  if (!props.disabledResizer) {
-    scroll.y = tableHeight;
-  }
-
-  return (
-    <>
-      <ProTable
-        {...props}
-        ghost
-        columnEmptyText
-        size={size}
-        search={false}
-        scroll={scroll}
-        columns={resizableColumns}
-        className={`${antPrefix}-gbs-pro-table`}
-        options={{
-          reload: false,
-          fullScreen: true,
-          setting: {
-            checkedReset: true,
-            extra: (
-              <a
-                className={`${antPrefix}-pro-table-column-setting-action-rest-button`}
-                onClick={resetColumns}
-              >
-                重置列宽
-              </a>
-            )
-          }
-        }}
-        components={components}
-        columnsState={{
-          persistenceKey: persistenceKey.columnState,
-          persistenceType: 'localStorage'
-        }}
-        onSizeChange={setSize}
-      />
-    </>
-  );
-}

package/TableAction/index.mjs

@@ -1,36 +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(props) {
-  const maximum = props.maximum || 3;
-  const children = (tools.isArray(props.children)
-    ? props.children
-    : [].concat(props.children)).filter(i => i);
-  const showArray = children.slice(0, maximum);
-  const hideArray = children.slice(maximum);
-
-  return (
-    <Space size={props.space}>
-      {showArray}
-      {hideArray.length !== 0 && (
-        <Dropdown
-          menu={{
-            items: hideArray.map((record, index) => {
-              return {
-                key: index,
-                label: record
-              };
-            })
-          }}
-        >
-          <a>
-            <MoreOutlined />
-          </a>
-        </Dropdown>
-      )}
-    </Space>
-  );
-}