@zat-design/sisyphus-react 3.0.16-beta.2 → 3.1.4

package/es/ProTransferModal/index.js

@@ -1,338 +0,0 @@
-import "antd/es/button/style";
-import _Button from "antd/es/button";
-import "antd/es/pagination/style";
-import _Pagination from "antd/es/pagination";
-import "antd/es/col/style";
-import _Col from "antd/es/col";
-import "antd/es/row/style";
-import _Row from "antd/es/row";
-import "antd/es/checkbox/style";
-import _Checkbox from "antd/es/checkbox";
-import "antd/es/input/style";
-import _Input from "antd/es/input";
-import "antd/es/modal/style";
-import _Modal from "antd/es/modal";
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
-import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import React, { useMemo } from 'react';
-import { useSetState, useRequest as useRequestFun, useDebounce } from 'ahooks';
-import { SearchOutlined } from '@ant-design/icons';
-import { DndContext } from '@dnd-kit/core';
-import { arrayMove, SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable';
-import emptyImg from '../assets/empty.png';
-import SortableItem from './components/SortableItem';
-var ProTransferModal = function ProTransferModal(props) {
-  var _props$defaultValue = props.defaultValue,
-    defaultValue = _props$defaultValue === void 0 ? [] : _props$defaultValue,
-    fieldNames = props.fieldNames,
-    children = props.children,
-    label = props.label,
-    _props$unit = props.unit,
-    unit = _props$unit === void 0 ? '' : _props$unit,
-    title = props.title,
-    width = props.width,
-    _props$span = props.span,
-    span = _props$span === void 0 ? 24 : _props$span,
-    _props$pagination = props.pagination,
-    pagination = _props$pagination === void 0 ? false : _props$pagination,
-    _props$draggable = props.draggable,
-    draggable = _props$draggable === void 0 ? false : _props$draggable,
-    dataSource = props.dataSource,
-    _props$clearCheckedOn = props.clearCheckedOnClose,
-    clearCheckedOnClose = _props$clearCheckedOn === void 0 ? true : _props$clearCheckedOn,
-    optionRender = props.optionRender,
-    useRequest = props.useRequest,
-    transformResponse = props.transformResponse,
-    onOk = props.onOk,
-    onCancel = props.onCancel;
-  var optionValue = fieldNames.value,
-    optionLabel = fieldNames.label;
-  var _useSetState = useSetState({
-      search: undefined,
-      visible: false,
-      checkedList: defaultValue || [],
-      prevCheckedList: defaultValue || []
-    }),
-    _useSetState2 = _slicedToArray(_useSetState, 2),
-    _useSetState2$ = _useSetState2[0],
-    search = _useSetState2$.search,
-    visible = _useSetState2$.visible,
-    checkedList = _useSetState2$.checkedList,
-    prevCheckedList = _useSetState2$.prevCheckedList,
-    setState = _useSetState2[1];
-  var debouncedSearch = useDebounce(search, {
-    wait: 500
-  });
-  var _useRequestFun = useRequestFun(useRequest === null || useRequest === void 0 ? void 0 : useRequest.service, _objectSpread({
-      manual: true,
-      debounceWait: 500
-    }, useRequest === null || useRequest === void 0 ? void 0 : useRequest.options)),
-    _useRequestFun$data = _useRequestFun.data,
-    data = _useRequestFun$data === void 0 ? {} : _useRequestFun$data,
-    run = _useRequestFun.run,
-    runAsync = _useRequestFun.runAsync;
-  var _ref = transformResponse ? transformResponse(data === null || data === void 0 ? void 0 : data.data) : (data === null || data === void 0 ? void 0 : data.data) || {},
-    _ref$list = _ref.list,
-    serviceDataSource = _ref$list === void 0 ? [] : _ref$list,
-    total = _ref.total,
-    pageSize = _ref.pageSize;
-  var list = useMemo(function () {
-    var data = dataSource || serviceDataSource;
-    if (debouncedSearch) {
-      return data === null || data === void 0 ? void 0 : data.filter(function (item) {
-        var _item$optionLabel;
-        return item === null || item === void 0 ? void 0 : (_item$optionLabel = item[optionLabel]) === null || _item$optionLabel === void 0 ? void 0 : _item$optionLabel.toString().includes(debouncedSearch);
-      });
-    }
-    return data;
-  }, [dataSource, serviceDataSource, debouncedSearch]);
-  var _useMemo = useMemo(function () {
-      var min = -1;
-      var max = (list === null || list === void 0 ? void 0 : list.length) || 0;
-      var minFlag = false;
-      var maxFlag = false;
-      list === null || list === void 0 ? void 0 : list.forEach(function (item, index) {
-        if (item.disabled && !minFlag) {
-          min = index;
-        } else {
-          minFlag = true;
-        }
-        if (!item.disabled && !maxFlag) {
-          maxFlag = true;
-        } else if (maxFlag && item.disabled) {
-          max = index;
-          maxFlag = false;
-        }
-      });
-      return {
-        min: min,
-        max: max
-      };
-    }, [list]),
-    min = _useMemo.min,
-    max = _useMemo.max;
-  var checkedKeys = useMemo(function () {
-    return checkedList === null || checkedList === void 0 ? void 0 : checkedList.map(function (item) {
-      return item === null || item === void 0 ? void 0 : item[optionValue];
-    });
-  }, [checkedList, optionValue]);
-  var listKeys = useMemo(function () {
-    return list === null || list === void 0 ? void 0 : list.map(function (item) {
-      return item === null || item === void 0 ? void 0 : item[optionValue];
-    });
-  }, [list, optionValue]);
-  var _useMemo2 = useMemo(function () {
-      var curPageCheckKeys = pagination ? checkedKeys === null || checkedKeys === void 0 ? void 0 : checkedKeys.filter(function (item) {
-        return listKeys === null || listKeys === void 0 ? void 0 : listKeys.includes(item);
-      }) : checkedKeys;
-      return {
-        indeterminate: !!(curPageCheckKeys === null || curPageCheckKeys === void 0 ? void 0 : curPageCheckKeys.length) && (listKeys === null || listKeys === void 0 ? void 0 : listKeys.some(function (item) {
-          return !curPageCheckKeys.includes(item);
-        })),
-        checkAll: listKeys === null || listKeys === void 0 ? void 0 : listKeys.every(function (item) {
-          return curPageCheckKeys.includes(item);
-        })
-      };
-    }, [listKeys, checkedKeys]),
-    checkAll = _useMemo2.checkAll,
-    indeterminate = _useMemo2.indeterminate;
-  var handleOpen = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-      var _ref3, _ref3$defaultParams, defaultParams;
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            _ref3 = (useRequest === null || useRequest === void 0 ? void 0 : useRequest.options) || {}, _ref3$defaultParams = _ref3.defaultParams, defaultParams = _ref3$defaultParams === void 0 ? [] : _ref3$defaultParams;
-            if (!useRequest) {
-              _context.next = 4;
-              break;
-            }
-            _context.next = 4;
-            return runAsync(defaultParams === null || defaultParams === void 0 ? void 0 : defaultParams[0]);
-          case 4:
-            setState({
-              visible: true
-            });
-          case 5:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function handleOpen() {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-  var handleSearch = function handleSearch(e) {
-    var value = e.target.value;
-    if (useRequest) {
-      run({
-        queryBean: _defineProperty({}, optionLabel, value),
-        pageNum: 1,
-        pageSize: pageSize
-      });
-    } else {
-      setState({
-        search: value
-      });
-    }
-  };
-  var handleCheckAll = function handleCheckAll(e) {
-    var checked = e.target.checked;
-    setState({
-      checkedList: checked ? pagination ? _toConsumableArray(new Set([].concat(_toConsumableArray(checkedList), _toConsumableArray(list)))) : list : pagination ? checkedList === null || checkedList === void 0 ? void 0 : checkedList.filter(function (item) {
-        return !(listKeys === null || listKeys === void 0 ? void 0 : listKeys.includes(item === null || item === void 0 ? void 0 : item[optionValue]));
-      }) : checkedList.filter(function (item) {
-        return !!item.disabled;
-      })
-    });
-  };
-  var handleCheck = function handleCheck(checked, checkItem) {
-    var checkedKey = checkItem === null || checkItem === void 0 ? void 0 : checkItem[optionValue];
-    var newCheckedList;
-    if (checked) {
-      newCheckedList = list === null || list === void 0 ? void 0 : list.filter(function (item) {
-        return [].concat(_toConsumableArray(checkedKeys), [checkedKey]).includes(item === null || item === void 0 ? void 0 : item[optionValue]);
-      });
-    } else {
-      newCheckedList = checkedList === null || checkedList === void 0 ? void 0 : checkedList.filter(function (item) {
-        return (item === null || item === void 0 ? void 0 : item[optionValue]) !== checkedKey;
-      });
-    }
-    setState({
-      checkedList: newCheckedList
-    });
-  };
-  var handlePageChange = function handlePageChange(page, pageSize) {
-    run({
-      queryBean: _defineProperty({}, optionLabel, search),
-      pageNum: page,
-      pageSize: pageSize
-    });
-  };
-  var handleClear = function handleClear() {
-    var newCheckedList = checkedList.filter(function (item) {
-      return !!item.disabled;
-    });
-    setState({
-      checkedList: newCheckedList
-    });
-  };
-  var handleDragEnd = function handleDragEnd(_ref4) {
-    var active = _ref4.active,
-      over = _ref4.over;
-    if (active.id !== (over === null || over === void 0 ? void 0 : over.id)) {
-      var activeIndex = checkedList.findIndex(function (item) {
-        return (item === null || item === void 0 ? void 0 : item[optionValue]) === active.id;
-      });
-      var overIndex = checkedList.findIndex(function (item) {
-        return (item === null || item === void 0 ? void 0 : item[optionValue]) === (over === null || over === void 0 ? void 0 : over.id);
-      });
-      if (overIndex <= min || overIndex >= max) {
-        return;
-      }
-      setState({
-        checkedList: arrayMove(checkedList, activeIndex, overIndex)
-      });
-    }
-  };
-  var handleCancel = function handleCancel() {
-    setState({
-      search: undefined,
-      visible: false,
-      checkedList: clearCheckedOnClose ? defaultValue : prevCheckedList
-    });
-    onCancel && onCancel();
-  };
-  var handleOk = function handleOk() {
-    setState({
-      search: undefined,
-      visible: false,
-      checkedList: clearCheckedOnClose ? defaultValue : checkedList,
-      prevCheckedList: checkedList
-    });
-    onOk(checkedList);
-  };
-  var showPagination = pagination && total > pageSize;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: "pro-transfer-trigger",
-    onClick: handleOpen
-  }, children), visible && /*#__PURE__*/React.createElement(_Modal, {
-    className: "pro-transfer-modal",
-    title: title,
-    width: width || 650,
-    open: true,
-    okText: "\u786E\u8BA4",
-    onOk: handleOk,
-    onCancel: handleCancel
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "pro-transfer-left"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "pro-transfer-header"
-  }, "\u53EF\u6DFB\u52A0\u7684", label), /*#__PURE__*/React.createElement(_Input, {
-    placeholder: "\u8BF7\u8F93\u5165".concat(label, "\u540D\u79F0\u8FDB\u884C\u67E5\u8BE2"),
-    prefix: /*#__PURE__*/React.createElement(SearchOutlined, null),
-    allowClear: true,
-    onChange: handleSearch
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "check-container ".concat(showPagination ? 'has-pagination' : '')
-  }, /*#__PURE__*/React.createElement(_Checkbox, {
-    indeterminate: indeterminate,
-    onChange: handleCheckAll,
-    checked: checkAll
-  }, "\u5168\u9009"), !(list === null || list === void 0 ? void 0 : list.length) && /*#__PURE__*/React.createElement("div", {
-    className: "noData"
-  }, /*#__PURE__*/React.createElement("img", {
-    className: "emptyImg",
-    src: emptyImg,
-    alt: "\u6682\u65E0\u6570\u636E"
-  }), "\u672A\u627E\u5230\u76F8\u5173\u7ED3\u679C"), /*#__PURE__*/React.createElement(_Row, null, list === null || list === void 0 ? void 0 : list.map(function (item) {
-    return /*#__PURE__*/React.createElement(_Col, {
-      span: span,
-      key: item === null || item === void 0 ? void 0 : item[optionValue]
-    }, /*#__PURE__*/React.createElement(_Checkbox, {
-      key: item === null || item === void 0 ? void 0 : item[optionValue],
-      disabled: item === null || item === void 0 ? void 0 : item.disabled,
-      checked: checkedKeys === null || checkedKeys === void 0 ? void 0 : checkedKeys.includes(item === null || item === void 0 ? void 0 : item[optionValue]),
-      onChange: function onChange(e) {
-        return handleCheck(e.target.checked, item);
-      }
-    }, optionRender ? optionRender(item) : item === null || item === void 0 ? void 0 : item[optionLabel]));
-  }))), showPagination && /*#__PURE__*/React.createElement(_Pagination, {
-    defaultCurrent: 1,
-    total: total,
-    onChange: handlePageChange
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "pro-transfer-right"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "pro-transfer-header"
-  }, /*#__PURE__*/React.createElement("span", null, "\u5DF2\u9009", checkedList === null || checkedList === void 0 ? void 0 : checkedList.length, unit, label), /*#__PURE__*/React.createElement(_Button, {
-    type: "link",
-    onClick: handleClear
-  }, "\u6E05\u7A7A")), /*#__PURE__*/React.createElement("div", {
-    className: "checked-container"
-  }, /*#__PURE__*/React.createElement(DndContext, {
-    onDragEnd: handleDragEnd
-  }, /*#__PURE__*/React.createElement(SortableContext, {
-    items: checkedList === null || checkedList === void 0 ? void 0 : checkedList.map(function (item) {
-      return item === null || item === void 0 ? void 0 : item[optionValue];
-    }),
-    strategy: verticalListSortingStrategy
-  }, checkedList === null || checkedList === void 0 ? void 0 : checkedList.map(function (item) {
-    return /*#__PURE__*/React.createElement(SortableItem, {
-      key: "item-".concat(item === null || item === void 0 ? void 0 : item[optionValue]),
-      "data-row-key": item === null || item === void 0 ? void 0 : item[optionValue],
-      label: item === null || item === void 0 ? void 0 : item[optionLabel],
-      item: item,
-      drag: draggable,
-      onClose: function onClose() {
-        return handleCheck(false, item);
-      }
-    });
-  })))))));
-};
-export default ProTransferModal;

package/es/ProTransferModal/propsType.d.ts

@@ -1,34 +0,0 @@
-import { ReactNode } from 'react';
-import { Service, Options } from 'ahooks/lib/useRequest/src/types';
-interface List<T> {
-    pageNum: number;
-    pageSize: number;
-    total: number;
-    list: T[];
-}
-export interface ProTransferModalProps {
-    children: ReactNode;
-    title: ReactNode;
-    width?: string | number;
-    defaultValue?: any[];
-    label: string;
-    unit?: string;
-    span?: number;
-    fieldNames?: {
-        value: string;
-        label: string;
-    };
-    clearCheckedOnClose?: boolean;
-    draggable?: boolean;
-    optionRender?: (record: any) => ReactNode;
-    pagination?: boolean;
-    dataSource?: any[];
-    useRequest?: {
-        service: Service<any, any>;
-        options?: Options<any, any>;
-    };
-    transformResponse?: (data: any) => List<any>;
-    onOk: (checkedList: any[]) => void;
-    onCancel?: () => void;
-}
-export {};

package/es/ProTransferModal/style/index.less

@@ -1,169 +0,0 @@
-.pro-transfer-modal.ant-modal {
-
-  .ant-modal-header {
-    padding: var(--zaui-space-size-md, 16px);
-  }
-  
-  .ant-modal-footer {
-    padding: var(--zaui-space-size-md, 16px);
-  }
-
-  .ant-modal-body {
-    display: flex;
-    height: 360px;
-    padding: 0 var(--zaui-space-size-md, 16px);
-
-    .pro-transfer-header {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      padding: var(--zaui-space-size-sm, 8px) 10px;
-      background: #F6F7F8;
-      border-radius: var(--zaui-border-radius, 4px) var(--zaui-border-radius, 4px) 0 0;
-      color: #616161;
-
-      .ant-btn-link {
-        padding: 0;
-      }
-    }
-    
-    .pro-transfer-left {
-      flex: 1;
-      flex-shrink: 0;
-      height: 100%;
-      border: 1px solid #DCDCDC;
-      border-radius: var(--zaui-border-radius, 4px);
-
-      .ant-input-affix-wrapper {
-        height: 40px;
-        padding: 6px var(--zaui-space-size-sm, 8px);
-        background: unset;
-        border: none;
-        border-bottom: 1px solid #DCDCDC;
-        border-radius: 0;
-
-        .anticon-search {
-          color: #DCDCDC;
-        }
-
-        &:hover {
-          border-bottom: 1px solid #DCDCDC;
-        }
-      }
-      .ant-input {
-        background: unset;
-      }
-      .ant-input-affix-wrapper:focus,
-      .ant-input-affix-wrapper-focused {
-        box-shadow: none;
-      }
-
-      .check-container {
-        overflow-y: auto;
-        height: calc(100% - 76px);
-        padding: var(--zaui-space-size-md, 16px);
-
-        &.has-pagination {
-          height: calc(100% - 120px);
-        }
-        
-        .ant-checkbox-wrapper {
-          display: flex;
-          padding-bottom: var(--zaui-space-size-md, 16px);
-
-          & + .ant-checkbox-wrapper {
-            margin: 0;
-          }
-        }
-
-        .noData {
-          height: calc(100% - 60px);
-          display: flex;
-          align-items: center;
-          justify-content: center;
-          flex-direction: column;
-          color: #616161;
-
-          .emptyImg {
-            margin-bottom: var(--zaui-space-size-md, 16px);
-            width: 80px;
-          }
-        }
-      }
-
-      .ant-pagination {
-        display: flex;
-        justify-content: center;
-      }
-    }
-
-    .pro-transfer-right {
-      margin-left: var(--zaui-space-size-md, 16px);
-      width: 186px;
-      flex-shrink: 0;
-      border: 1px solid #DCDCDC;
-      border-radius: var(--zaui-border-radius, 4px);
-
-      .checked-container {
-        width: 100%;
-        height: calc(100% - 48px);
-        overflow-y: auto;
-
-        .checked-item {
-          margin: var(--zaui-space-size-sm, 8px);
-        
-          .ant-tag {
-            padding: 2px var(--zaui-space-size-sm, 8px);
-            display        : flex;
-            align-items    : center;
-            width          : 100%;
-            height         : 32px;
-            background     : #F2F2F2;
-            border-radius  : var(--zaui-border-radius, 4px);
-            border         : none;
-            color          : #343434;
-            font-size      : var(--zaui-font-size, 14px);
-        
-            .drag-icon {
-              margin-right: var(--zaui-border-radius, 4px);
-              height: 20px;
-              cursor: move;
-            }
-        
-            .disabled-icon {
-              margin-right: var(--zaui-border-radius, 4px);
-              height: 20px;
-            }
-        
-            .anticon-close {
-              margin: 0;
-              color    : #999;
-              font-size: var(--zaui-font-size-sm, 12px);
-            }
-          }
-
-          &.dragable {
-
-            .anticon-close {
-              position: relative;
-              left: -8px;
-            }
-          }
-        
-          &.disabled {
-            cursor: not-allowed;
-        
-            .pro-tooltip,
-            .anticon {
-              cursor: not-allowed;
-            }
-        
-            .anticon {
-              pointer-events: none;
-            }
-          }
-        }
-      }
-    }
-  }
-}

package/es/ProTreeModal/data/datasource.d.ts

@@ -1,5 +0,0 @@
-declare const dataSource: {
-    title: string;
-    value: string;
-}[];
-export default dataSource;

package/es/ProTreeModal/data/datasource.js

@@ -1,17 +0,0 @@
-var dataSource = [{
-  title: '01-中意财产保险有限公司黑龙江分公司',
-  value: 'A'
-}, {
-  title: '0101-中意财产保险有限公司黑龙江分公司市场部',
-  value: 'B'
-}, {
-  title: '01010173-中意财产保险有限公司黑龙江分公司市场营销部黑分专代海洋望奎吉龙',
-  value: 'C'
-}, {
-  title: '选项四',
-  value: 'D'
-}, {
-  title: '0201-中意财产保险有限公司成都分公司市场部',
-  value: 'E'
-}];
-export default dataSource;

package/es/ProTreeModal/data/mock.d.ts

@@ -1,9 +0,0 @@
-declare const serverRequest: (params: {
-    pageNum: number;
-    pageSize: number;
-}) => any;
-declare const treeRequest: (params: {
-    pageNum: number;
-    pageSize: number;
-}) => any;
-export { serverRequest, treeRequest };

package/es/ProTreeModal/data/mock.js

@@ -1,39 +0,0 @@
-import Mock from 'mockjs';
-var serverRequest = function serverRequest(params) {
-  return Mock.mock({
-    code: 200,
-    message: null,
-    data: {
-      'list|10': [{
-        value: '@guid',
-        title: '@ctitle(5,50)',
-        disabled: false
-      }]
-    }
-  });
-};
-var treeRequest = function treeRequest(params) {
-  return Mock.mock({
-    code: 200,
-    message: null,
-    data: {
-      'list|10': [{
-        key: '@guid',
-        title: '@ctitle(5,50)',
-        disabled: false,
-        'children|1-5': [{
-          key: '@guid',
-          title: '@ctitle(5,50)',
-          disabled: false,
-          'children|1-3': [{
-            key: '@guid',
-            title: '@ctitle(3,10)',
-            disabled: false,
-            children: []
-          }]
-        }]
-      }]
-    }
-  });
-};
-export { serverRequest, treeRequest };

package/es/ProUpload/Example.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-interface ExampleProps {
-    content?: React.ReactNode;
-    className?: string;
-}
-export declare const Example: React.FC<ExampleProps>;
-export {};

package/es/ProUpload/Example.js

@@ -1,40 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-/*
- * @Author: wangshengqiang
- * @Date: 2023-02-16 16:32:18
- * @LastEditTime: 2023-03-30 10:12:34
- * @LastEditors: wangshengqiang
- * @Description:
- */
-import React, { useState } from 'react';
-import { ProDrawerForm } from 'zat-design-pro-component';
-export var Example = function Example(props) {
-  var content = props.content,
-    className = props.className;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    visible = _useState2[0],
-    setVisible = _useState2[1];
-  var handleShowModal = function handleShowModal() {
-    setVisible(true);
-  };
-  var handleCancel = function handleCancel() {
-    setVisible(false);
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    className: className
-  }, /*#__PURE__*/React.createElement("div", {
-    onClick: handleShowModal
-  }, " \u67E5\u770B\u793A\u4F8B"), /*#__PURE__*/React.createElement(ProDrawerForm, {
-    title: "\u57FA\u7840\u62BD\u5C49",
-    width: "800",
-    open: visible,
-    showType: "Modal",
-    onCancel: handleCancel,
-    disabled: true
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "exam-con"
-  }, content || /*#__PURE__*/React.createElement("img", {
-    src: "https://img2.baidu.com/it/u=861863691,2776527252&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=500"
-  }))));
-};