antd-management-fast-framework 1.1.63 → 1.1.67

package/src/customComponents/VideoUpload/index.jsx

@@ -1,422 +0,0 @@
-import React, { PureComponent } from 'react';
-import {
-  Input,
-  Upload,
-  Dropdown,
-  Menu,
-  Button,
-  Modal,
-  Space,
-  Divider,
-  Tooltip,
-} from 'antd';
-import ReactPlayer from 'react-player';
-import {
-  LoadingOutlined,
-  PlayCircleOutlined,
-  UploadOutlined,
-  SwapOutlined,
-  EllipsisOutlined,
-  DeleteOutlined,
-  CopyOutlined,
-  VideoCameraOutlined,
-} from '@ant-design/icons';
-
-import {
-  copyToClipboard,
-  isFunction,
-  showRuntimeError,
-  showErrorMessage,
-  stringIsNullOrWhiteSpace,
-} from '../../utils/tools';
-
-import IconInfo from '../IconInfo';
-
-const { TextArea } = Input;
-
-class VideoUpload extends PureComponent {
-  constructor(props) {
-    super(props);
-
-    this.state = {
-      ...this.state,
-      ...{
-        videoSource: '',
-        videoUrl: '',
-        videoUrlTemp: '',
-        uploading: false,
-        previewVisible: false,
-        changeUrlVisible: false,
-      },
-    };
-  }
-
-  static getDerivedStateFromProps(nextProps, prevState) {
-    const { video: videoNext } = nextProps;
-    const { videoSource: videoPrev } = prevState;
-
-    if ((videoNext || '') !== (videoPrev || '')) {
-      return {
-        videoSource: videoNext,
-        videoUrl: videoNext,
-      };
-    }
-
-    return null;
-  }
-
-  handleUploadCancel = () => {
-    this.setState({
-      previewVisible: false,
-    });
-  };
-
-  showPreviewModal = () => {
-    const { videoUrl } = this.state;
-
-    if (stringIsNullOrWhiteSpace(videoUrl)) {
-      const text = '无效的视频源';
-
-      showErrorMessage({
-        message: text,
-      });
-
-      return;
-    }
-
-    this.setState({
-      previewVisible: true,
-    });
-  };
-
-  showChangeUrlModal = () => {
-    const { videoUrl } = this.state;
-
-    this.setState({
-      videoUrlTemp: videoUrl,
-      changeUrlVisible: true,
-    });
-  };
-
-  handleUrlChange = (e) => {
-    const {
-      target: { value: v },
-    } = e;
-
-    this.setState({
-      videoUrlTemp: v,
-    });
-  };
-
-  handleChangeUrlOk = () => {
-    const { afterChangeSuccess } = this.props;
-    const { videoUrlTemp } = this.state;
-
-    this.setState(
-      {
-        videoUrl: videoUrlTemp,
-        changeUrlVisible: false,
-      },
-      () => {
-        if (isFunction(afterChangeSuccess)) {
-          afterChangeSuccess(videoUrlTemp || '');
-        } else {
-          const text = 'afterChangeSuccess 配置无效';
-
-          showRuntimeError({
-            message: text,
-          });
-        }
-      },
-    );
-  };
-
-  handleChangeUrlCancel = () => {
-    this.setState({
-      changeUrlVisible: false,
-    });
-  };
-
-  clearUrl = () => {
-    const { afterChangeSuccess } = this.props;
-
-    this.setState(
-      {
-        videoUrl: '',
-        changeUrlVisible: false,
-      },
-      () => {
-        if (isFunction(afterChangeSuccess)) {
-          afterChangeSuccess('');
-        } else {
-          const text = 'afterChangeSuccess 配置无效';
-
-          showRuntimeError({
-            message: text,
-          });
-        }
-      },
-    );
-  };
-
-  beforeUpload = (file) => {
-    const isVideo = file.type === 'video/mp4';
-
-    if (!isVideo) {
-      const text = '请上传视频文件!';
-
-      showErrorMessage({
-        message: text,
-      });
-    }
-    const isLt3M = file.size / 1024 / 1024 < 3;
-    if (!isLt3M) {
-      const text = '视频文件不能超过3MB!';
-
-      showErrorMessage({
-        message: text,
-      });
-    }
-
-    return isVideo && isLt3M;
-  };
-
-  handleUploadChange = (info) => {
-    const { pretreatmentRemoteResponse, afterChangeSuccess } = this.props;
-
-    if (info.file.status === 'uploading') {
-      this.setState({ uploading: true });
-      return;
-    }
-
-    if (info.file.status === 'done') {
-      const { response } = info.file;
-
-      if (isFunction(pretreatmentRemoteResponse)) {
-        const data = pretreatmentRemoteResponse(response) || { video: '' };
-
-        const { video } = data;
-
-        this.setState(
-          {
-            videoUrl: video,
-            uploading: false,
-          },
-          () => {
-            if (isFunction(afterChangeSuccess)) {
-              afterChangeSuccess(video || '');
-            } else {
-              const text = 'afterChangeSuccess 配置无效';
-
-              showRuntimeError({
-                message: text,
-              });
-            }
-          },
-        );
-      } else {
-        const text = 'pretreatmentRemoteResponse 配置无效';
-
-        showRuntimeError({
-          message: text,
-        });
-      }
-    }
-  };
-
-  handleMenuClick = (e) => {
-    const { key } = e;
-    const { videoUrl } = this.state;
-
-    switch (key) {
-      case 'changeUrl':
-        this.showChangeUrlModal();
-        break;
-
-      case 'showPreview':
-        this.showPreviewModal();
-        break;
-
-      case 'copyUrl':
-        if (stringIsNullOrWhiteSpace(videoUrl)) {
-          const text = '当前未设置视频地址';
-
-          showErrorMessage({
-            message: text,
-          });
-        } else {
-          copyToClipboard(videoUrl);
-        }
-
-        break;
-
-      case 'clearUrl':
-        this.clearUrl();
-        break;
-
-      default:
-        break;
-    }
-  };
-
-  render() {
-    const { action, disabled, showPreview, tokenSet } = this.props;
-    const {
-      uploading,
-      previewVisible,
-      changeUrlVisible,
-      videoUrlTemp,
-      videoUrl,
-    } = this.state;
-
-    const uploadProps = {
-      disabled,
-      action,
-      listType: 'text',
-      showUploadList: false,
-      beforeUpload: this.beforeUpload,
-      onChange: this.handleUploadChange,
-      headers: { ...tokenSet },
-    };
-
-    const menu = (
-      <Menu onClick={this.handleMenuClick}>
-        <Menu.Item key="changeUrl">
-          <IconInfo icon={<SwapOutlined />} text="更换地址" />
-        </Menu.Item>
-
-        <Menu.Item key="copyUrl" disabled={stringIsNullOrWhiteSpace(videoUrl)}>
-          <IconInfo icon={<CopyOutlined />} text="复制地址" />
-        </Menu.Item>
-
-        <Menu.Divider />
-
-        <Menu.Item key="clearUrl" disabled={stringIsNullOrWhiteSpace(videoUrl)}>
-          <IconInfo icon={<DeleteOutlined />} text="清空视频" />
-        </Menu.Item>
-      </Menu>
-    );
-
-    const addonAfter = (
-      <Space split={<Divider type="vertical" />}>
-        {showPreview ? (
-          <Tooltip key="showVideoTip" placement="top" title="播放视频预览">
-            <Button
-              style={{
-                border: '0px solid #d9d9d9',
-                backgroundColor: '#fafafa',
-                height: '30px',
-                paddingLeft: 0,
-                paddingRight: 0,
-              }}
-              disabled={uploading || stringIsNullOrWhiteSpace(videoUrl)}
-              onClick={() => {
-                this.showPreviewModal();
-              }}
-            >
-              <PlayCircleOutlined />
-              播放
-            </Button>
-          </Tooltip>
-        ) : null}
-
-        <Tooltip key="showChangeUrlTip" placement="top" title="上传视频">
-          <Upload {...uploadProps}>
-            <Button
-              style={{
-                border: '0px solid #d9d9d9',
-                backgroundColor: '#fafafa',
-                height: '30px',
-                paddingLeft: 0,
-                paddingRight: 0,
-              }}
-              disabled={uploading}
-            >
-              {uploading ? <LoadingOutlined /> : <UploadOutlined />}
-              {uploading ? '稍后' : '上传'}
-            </Button>
-          </Upload>
-        </Tooltip>
-
-        <Tooltip key="showMoreTip" placement="top" title="更多操作">
-          <Dropdown
-            overlay={menu}
-            style={{
-              border: '0px solid #d9d9d9',
-              backgroundColor: '#fafafa',
-              height: '30px',
-              paddingLeft: 0,
-              paddingRight: 0,
-            }}
-          >
-            <Button
-              style={{
-                border: '0px solid #d9d9d9',
-                backgroundColor: '#fafafa',
-                height: '30px',
-                paddingLeft: 0,
-                paddingRight: 0,
-              }}
-            >
-              <EllipsisOutlined
-                style={{
-                  fontSize: 20,
-                  verticalAlign: 'top',
-                }}
-              />
-            </Button>
-          </Dropdown>
-        </Tooltip>
-      </Space>
-    );
-
-    return (
-      <>
-        <Input
-          disabled
-          addonBefore={<VideoCameraOutlined />}
-          addonAfter={addonAfter}
-          value={videoUrl}
-          placeholder="当前未设置视频地址"
-        />
-
-        <Modal
-          title={<IconInfo icon={<VideoCameraOutlined />} text="视频预览" />}
-          visible={previewVisible}
-          footer={null}
-          onCancel={this.handleUploadCancel}
-        >
-          <ReactPlayer width="100%" height="100%" url={videoUrl} controls />
-        </Modal>
-
-        <Modal
-          title={
-            <IconInfo icon={<SwapOutlined />} text="请输入将更换的视频地址" />
-          }
-          visible={changeUrlVisible}
-          onOk={this.handleChangeUrlOk}
-          onCancel={this.handleChangeUrlCancel}
-        >
-          <TextArea
-            rows={4}
-            value={videoUrlTemp}
-            onChange={this.handleUrlChange}
-            placeholder="目前没有将要更换的视频地址"
-          />
-        </Modal>
-      </>
-    );
-  }
-}
-
-VideoUpload.defaultProps = {
-  action: '',
-  disabled: false,
-  tokenSet: {},
-  video: '',
-  showPreview: false,
-  pretreatmentRemoteResponse: () => {},
-  afterChangeSuccess: () => {},
-};
-
-export default VideoUpload;

package/src/customComponents/_utils/pathTools.js

@@ -1,7 +0,0 @@
-export function urlToList(url) {
-  const urlList = url.split('/').filter((i) => i);
-
-  return urlList.map(
-    (urlItem, index) => `/${urlList.slice(0, index + 1).join('/')}`,
-  );
-}

package/src/customComponents/_utils/pathTools.test.js

@@ -1,20 +0,0 @@
-import { urlToList } from './pathTools';
-
-describe('test urlToList', () => {
-  it('A path', () => {
-    expect(urlToList('/userinfo')).toEqual(['/userinfo']);
-  });
-  it('Secondary path', () => {
-    expect(urlToList('/userinfo/2144')).toEqual([
-      '/userinfo',
-      '/userinfo/2144',
-    ]);
-  });
-  it('Three paths', () => {
-    expect(urlToList('/userinfo/2144/addr')).toEqual([
-      '/userinfo',
-      '/userinfo/2144',
-      '/userinfo/2144/addr',
-    ]);
-  });
-});

package/src/framework/AuthorizationWrapper/index.jsx

@@ -1,68 +0,0 @@
-import { history } from 'umi';
-
-import {
-  getDerivedStateFromPropsForUrlParams,
-  isFunction,
-  showRuntimeError,
-} from '../../utils/tools';
-import { checkHasAuthority } from '../../utils/authority';
-
-import SupplementWrapper from '../CustomWrapper/SupplementWrapper';
-
-class AuthorizationWrapper extends SupplementWrapper {
-  componentAuthority = null;
-
-  static getDerivedStateFromProps(nextProps, prevState) {
-    return getDerivedStateFromPropsForUrlParams(nextProps, prevState);
-  }
-
-  doDidMountTask = () => {
-    let needDoOther = false;
-
-    if (this.componentAuthority == null) {
-      this.init();
-
-      needDoOther = true;
-    } else if (this.checkAuthority(this.componentAuthority)) {
-      this.init();
-
-      needDoOther = true;
-    } else {
-      const text = `缺少权限：${this.componentAuthority}`;
-
-      showRuntimeError({
-        message: text,
-      });
-
-      history.replace('/exception/404');
-    }
-
-    if (needDoOther) {
-      this.adjustWhenDidMount();
-    }
-  };
-
-  checkAuthority = (auth) => checkHasAuthority(auth);
-
-  getCurrentOperator = () => {
-    const {
-      global: { currentOperator },
-    } = this.props;
-    return currentOperator;
-  };
-
-  reloadCurrentOperator = (callback = null) => {
-    const { dispatch } = this.props;
-
-    dispatch({
-      type: 'global/getCurrentOperator',
-      payload: { force: true },
-    }).then(() => {
-      if (isFunction(callback)) {
-        callback();
-      }
-    });
-  };
-}
-
-export default AuthorizationWrapper;

package/src/framework/Base/index.jsx

@@ -1,93 +0,0 @@
-/* eslint-disable no-unused-vars */
-import { PureComponent } from 'react';
-import { history } from 'umi';
-
-import { defaultBaseState } from '../../utils/tools';
-
-class Base extends PureComponent {
-  mounted = false;
-
-  constructor(props) {
-    super(props);
-
-    this.mounted = false;
-
-    const defaultState = defaultBaseState();
-
-    this.state = defaultState;
-  }
-
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  static getDerivedStateFromProps(nextProps, prevState) {
-    return null;
-  }
-
-  componentDidMount() {
-    this.mounted = true;
-
-    this.doDidMountTask();
-  }
-
-  // eslint-disable-next-line react/sort-comp
-  getSnapshotBeforeUpdate(preProps, preState) {
-    return this.doWhenGetSnapshotBeforeUpdate(preProps, preState);
-  }
-
-  componentDidUpdate(preProps, preState, snapshot) {
-    this.doWorkWhenDidUpdate(preProps, preState, snapshot);
-  }
-
-  componentWillUnmount() {
-    this.beforeUnmount();
-
-    this.mounted = false;
-
-    this.setState = () => {};
-
-    this.afterUnmount();
-  }
-
-  doDidMountTask = () => {};
-
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  doWhenGetSnapshotBeforeUpdate = (preProps, preState) => {
-    return null;
-  };
-
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  doWorkWhenDidUpdate = (preProps, preState, snapshot) => {};
-
-  beforeUnmount = () => {};
-
-  afterUnmount = () => {};
-
-  goToPath = (path) => {
-    const location = {
-      pathname: path,
-    };
-
-    history.push(location);
-  };
-
-  redirectToPath = (path) => {
-    const location = {
-      pathname: path,
-    };
-
-    history.replace(location);
-  };
-
-  checkHasMore = (pageNo, pageSize, total) => {
-    if ((total || 0) <= 0) {
-      return false;
-    }
-
-    return (pageNo || 0) * (pageSize || 0) < (total || 0);
-  };
-
-  render() {
-    return null;
-  }
-}
-
-export default Base;

package/src/framework/ButtonExtension/SelectButton/Base/index.jsx

@@ -1,67 +0,0 @@
-import React from 'react';
-import { Button } from 'antd';
-
-import { showRuntimeError } from '../../../../utils/tools';
-import SupplementWrapper from '../../../CustomWrapper/SupplementWrapper';
-
-class Base extends SupplementWrapper {
-  loadDataAfterMount = false;
-
-  constructor(props) {
-    super(props);
-
-    this.state = {
-      ...this.state,
-      ...{
-        selectData: null,
-      },
-    };
-  }
-
-  static getDerivedStateFromProps(nextProps, prevState) {
-    return super.getDerivedStateFromProps(nextProps, prevState);
-  }
-
-  showSelect = () => {
-    const text = 'showSelect 方法需要在上层进行实现';
-
-    showRuntimeError({
-      message: text,
-    });
-  };
-
-  getFieldData = () => {
-    return {
-      fieldText: '',
-      fieldTitle: '',
-      placeholder: '请选择',
-    };
-  };
-
-  renderButton = () => {
-    const { children, buttonProps } = this.props;
-
-    const p = {
-      ...(buttonProps || []),
-      ...{
-        onClick: () => {
-          this.showSelect();
-        },
-      },
-    };
-
-    return <Button {...p}>{children}</Button>;
-  };
-
-  render() {
-    return (
-      <>
-        {this.renderButton()}
-
-        {this.renderOther()}
-      </>
-    );
-  }
-}
-
-export default Base;