linkmore-design 1.0.91 → 1.0.93

package/lib/CardTable/table/TableRoot.js

@@ -0,0 +1,210 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _TableWrapper = _interopRequireDefault(require("./TableWrapper"));
+
+var _fns = _interopRequireDefault(require("../fns"));
+
+var _excluded = ["checkKeys", "trigger", "checkMethod"],
+    _excluded2 = ["checkKey", "trigger"],
+    _excluded3 = ["rowConfig", "cellConfig", "defaultConfig", "checkboxConfig", "radioConfig", "selectionConfig", "pagerConfig", "toolbarConfig"];
+
+var reducer = function reducer(state, action) {
+  var page = action.page,
+      resize = action.resize,
+      columnCount = action.columnCount,
+      rows = action.rows,
+      checkboxConfig = action.checkboxConfig,
+      radioConfig = action.radioConfig;
+
+  switch (action.type) {
+    case 'changePage':
+      // 分页改变
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+        page: page
+      });
+
+    case 'changeColumnCount':
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+        columnCount: columnCount
+      });
+
+    case 'changeRows':
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+        rows: rows
+      });
+
+    case 'windowResize':
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+        resize: resize
+      });
+
+    case 'changeCheckboxConfig':
+      // 复选中的Key
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+        checkboxConfig: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state.checkboxConfig), checkboxConfig)
+      });
+
+    case 'changeRadioConfig':
+      // 单选中的Key
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+        radioConfig: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state.radioConfig), radioConfig)
+      });
+
+    default:
+      throw new Error();
+  }
+}; // 仅在初始化时触发一次
+
+
+var getInitialState = function getInitialState(props) {
+  var _props$checkboxConfig = props.checkboxConfig,
+      checkboxConfig = _props$checkboxConfig === void 0 ? {} : _props$checkboxConfig,
+      _props$radioConfig = props.radioConfig,
+      radioConfig = _props$radioConfig === void 0 ? {} : _props$radioConfig,
+      _props$dataSource = props.dataSource,
+      dataSource = _props$dataSource === void 0 ? [] : _props$dataSource,
+      cellKey = props.cellKey;
+  var _checkboxConfig$check = checkboxConfig.checkKeys,
+      checkKeys = _checkboxConfig$check === void 0 ? [] : _checkboxConfig$check,
+      _checkboxConfig$trigg = checkboxConfig.trigger,
+      checkboxTrigger = _checkboxConfig$trigg === void 0 ? 'default' : _checkboxConfig$trigg,
+      _checkboxConfig$check2 = checkboxConfig.checkMethod,
+      checkMethod = _checkboxConfig$check2 === void 0 ? true : _checkboxConfig$check2,
+      resetCheckCOnfig = (0, _objectWithoutProperties2.default)(checkboxConfig, _excluded);
+  var _radioConfig$checkKey = radioConfig.checkKey,
+      checkKey = _radioConfig$checkKey === void 0 ? '' : _radioConfig$checkKey,
+      _radioConfig$trigger = radioConfig.trigger,
+      radioTrigger = _radioConfig$trigger === void 0 ? 'default' : _radioConfig$trigger,
+      resetRadioConfig = (0, _objectWithoutProperties2.default)(radioConfig, _excluded2);
+  var checkValues = dataSource.filter(function (v) {
+    return checkKeys.includes(v[cellKey]);
+  }) || [];
+  var checkValue = dataSource.find(function (v) {
+    return checkKey === v[cellKey];
+  });
+  return {
+    // 复选框的配置
+    checkboxConfig: (0, _objectSpread2.default)({
+      checkKeys: checkKeys,
+      checkValues: checkValues,
+      trigger: checkboxTrigger,
+      checkMethod: checkMethod
+    }, resetCheckCOnfig),
+    radioConfig: (0, _objectSpread2.default)({
+      checkKey: checkKey,
+      checkValue: checkValue,
+      trigger: radioTrigger
+    }, resetRadioConfig),
+    // 分页的配置
+    page: {
+      pageIndex: 1,
+      pageSize: 20,
+      total: 0
+    },
+    // 容器盒子的大小
+    resize: {
+      widht: 0,
+      height: 0
+    },
+    // 列数量
+    columnCount: 5,
+    rows: [] // 行数据
+
+  };
+};
+
+var LmCardTableRoot = function LmCardTableRoot(props, ref) {
+  var initialState = (0, _react.useMemo)(function () {
+    return getInitialState(props);
+  }, []);
+
+  var _useReducer = (0, _react.useReducer)(reducer, initialState),
+      _useReducer2 = (0, _slicedToArray2.default)(_useReducer, 2),
+      state = _useReducer2[0],
+      dispatch = _useReducer2[1]; // eslint-disable-next-line no-unused-vars
+
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      isFullScreen = _useState2[0],
+      setIsFullScreen = _useState2[1]; // 配置对象收集
+
+
+  var configProps = (0, _react.useMemo)(function () {
+    var rowConfig = props.rowConfig,
+        cellConfig = props.cellConfig,
+        defaultConfig = props.defaultConfig,
+        checkboxConfig = props.checkboxConfig,
+        radioConfig = props.radioConfig,
+        selectionConfig = props.selectionConfig,
+        pagerConfig = props.pagerConfig,
+        toolbarConfig = props.toolbarConfig,
+        resetProps = (0, _objectWithoutProperties2.default)(props, _excluded3);
+    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, resetProps), {}, {
+      rowConfig: (0, _objectSpread2.default)({
+        // 行配置
+        gap: 16
+      }, rowConfig),
+      cellConfig: (0, _objectSpread2.default)({
+        // 单元格配置对象
+        width: 192,
+        height: 282
+      }, cellConfig),
+      selectionConfig: (0, _objectSpread2.default)({
+        type: ['checkbox', 'radio']
+      }, selectionConfig),
+      radioConfig: (0, _objectSpread2.default)({}, radioConfig),
+      checkboxConfig: (0, _objectSpread2.default)({}, checkboxConfig),
+      pagerConfig: (0, _objectSpread2.default)({}, pagerConfig),
+      toolbarConfig: (0, _objectSpread2.default)({}, toolbarConfig),
+      defaultConfig: defaultConfig
+    });
+  }, [props]); // 方法收集
+
+  var eventProps = (0, _react.useMemo)(function () {
+    return (0, _fns.default)({
+      state: state,
+      dispatch: dispatch,
+      props: configProps
+    });
+  }, [state, dispatch, configProps]);
+  var table = (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, configProps), eventProps), {}, {
+    state: state,
+    dispatch: dispatch
+  }); // 向外暴露出的方法
+
+  (0, _react.useImperativeHandle)(ref, function () {
+    return (0, _objectSpread2.default)({
+      getCheckboxRecords: function getCheckboxRecords() {
+        return state.checkboxConfig.checkValues;
+      },
+      getRadioRecord: function getRadioRecord() {
+        return state.radioConfig.checkValue;
+      }
+    }, eventProps);
+  });
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !isFullScreen && /*#__PURE__*/_react.default.createElement(_TableWrapper.default, {
+    table: table
+  }));
+};
+
+var _default = /*#__PURE__*/(0, _react.forwardRef)(LmCardTableRoot);
+
+exports.default = _default;

package/lib/CardTable/table/TableWrapper.js

@@ -0,0 +1,40 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _TableContainer = _interopRequireDefault(require("./TableContainer"));
+
+var _pager = _interopRequireDefault(require("../pager"));
+
+var _ToolBarBottom = _interopRequireDefault(require("../toolbar/ToolBarBottom"));
+
+// 包裹表格外围区域: 工具栏操作区域/主体区域/工具栏底部区域
+var LmCardTableWrapper = /*#__PURE__*/_react.default.memo(function (_ref) {
+  var table = _ref.table;
+  var height = table.height,
+      style = table.style;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "lm_card_table_wrapper",
+    style: (0, _objectSpread2.default)({
+      height: height
+    }, style)
+  }, /*#__PURE__*/_react.default.createElement(_TableContainer.default, {
+    table: table
+  }), /*#__PURE__*/_react.default.createElement(_pager.default, {
+    table: table
+  }), /*#__PURE__*/_react.default.createElement(_ToolBarBottom.default, {
+    table: table
+  }));
+});
+
+var _default = LmCardTableWrapper;
+exports.default = _default;

package/lib/CardTable/toolbar/ToolBarBottom.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var CardToolBarBottom = /*#__PURE__*/_react.default.memo(function (_ref) {
+  var table = _ref.table;
+  var pagination = table.pagination,
+      toolbarBottom = table.toolbarConfig.toolbarBottom;
+
+  if (!toolbarBottom) {
+    return null;
+  }
+
+  return typeof toolbarBottom === 'function' ? toolbarBottom(table) : toolbarBottom // <div className='lm_card_table_toolbar_bottom'>
+  //   <ToolbarBottomSlot />
+  // </div>
+  ;
+});
+
+var _default = CardToolBarBottom;
+exports.default = _default;

package/lib/CardTable/utils.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getResizeColumnCount = void 0;
+
+// 列响应数量处理: (盒子总高宽, 列宽度)
+var getResizeColumnCount = function getResizeColumnCount() {
+  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+      totalWidth = _ref.width;
+
+  var colWidth = arguments.length > 1 ? arguments[1] : undefined;
+
+  if (totalWidth > 1790) {
+    return colWidth > 308 ? 4 : colWidth > 228 ? 5 : colWidth > 200 ? 6 : 7;
+  }
+
+  if (totalWidth > 1390) {
+    return colWidth > 308 ? 3 : colWidth > 228 ? 4 : colWidth > 200 ? 5 : 6;
+  }
+
+  if (totalWidth > 990) {
+    return colWidth > 308 ? 2 : colWidth > 228 ? 3 : colWidth > 200 ? 4 : 5;
+  } // 小于990时
+
+
+  return colWidth > 308 ? 2 : colWidth > 228 ? 3 : colWidth > 200 ? 4 : 5;
+};
+
+exports.getResizeColumnCount = getResizeColumnCount;

package/lib/Checkbox/index.js

@@ -0,0 +1,47 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("antd/es/checkbox/style");
+
+var _checkbox = _interopRequireDefault(require("antd/es/checkbox"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _excluded = ["children"],
+    _excluded2 = ["children", "size", "buttonStyle", "direction"];
+
+var LMCheckBox = function LMCheckBox(props) {
+  var children = props.children,
+      restProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var classString = (0, _classnames.default)(restProps.className, 'lm-checkbox');
+  return /*#__PURE__*/_react.default.createElement(_checkbox.default, (0, _extends2.default)({}, restProps, {
+    className: classString
+  }), children);
+};
+
+LMCheckBox.Group = function (props) {
+  var children = props.children,
+      size = props.size,
+      buttonStyle = props.buttonStyle,
+      _props$direction = props.direction,
+      direction = _props$direction === void 0 ? 'row' : _props$direction,
+      restProps = (0, _objectWithoutProperties2.default)(props, _excluded2);
+  return /*#__PURE__*/_react.default.createElement(_checkbox.default.Group, (0, _extends2.default)({
+    className: (0, _classnames.default)('lm-checkbox-group', "lm-checkbox-group-".concat(direction))
+  }, restProps), children);
+};
+
+var _default = LMCheckBox;
+exports.default = _default;

package/lib/Checkbox/style/index.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("./index.css");

package/lib/Checkbox/style/variables.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("./variables.css");

package/lib/ConfigProvider/style/index.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("./index.css");

package/lib/ConfigProvider/style/variables.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("./variables.css");

package/lib/CustomerService/components/question.js

@@ -0,0 +1,120 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("antd/es/drawer/style");
+
+var _drawer = _interopRequireDefault(require("antd/es/drawer"));
+
+require("antd/es/button/style");
+
+var _button = _interopRequireDefault(require("antd/es/button"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _icons = require("@ant-design/icons");
+
+var _question = _interopRequireDefault(require("../assets/question01.png"));
+
+var _shuoming = _interopRequireDefault(require("../assets/shuoming01.png"));
+
+var _shuoming2 = _interopRequireDefault(require("../assets/shuoming02.png"));
+
+var Question = function Question(_ref) {
+  var cRef = _ref.cRef;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      visible = _useState2[0],
+      setVisible = _useState2[1];
+
+  var onClose = function onClose() {
+    setVisible(false);
+  };
+
+  (0, _react.useImperativeHandle)(cRef, function () {
+    return {
+      showDrawerRef: function showDrawerRef() {
+        setVisible(true);
+      }
+    };
+  });
+  return /*#__PURE__*/_react.default.createElement(_drawer.default, {
+    width: "440px",
+    title: "\u64CD\u4F5C\u5E2E\u52A9\u6587\u6863",
+    placement: "right",
+    closable: true,
+    onClose: onClose,
+    visible: visible,
+    className: "lm_question_warp"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "header"
+  }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_button.default, {
+    icon: /*#__PURE__*/_react.default.createElement(_icons.RollbackOutlined, null)
+  }, "\u8FD4\u56DE\u76EE\u5F55")), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_button.default, {
+    icon: /*#__PURE__*/_react.default.createElement(_icons.EditOutlined, null)
+  }), /*#__PURE__*/_react.default.createElement(_button.default, {
+    style: {
+      marginLeft: 10
+    },
+    icon: /*#__PURE__*/_react.default.createElement(_icons.RotateRightOutlined, null)
+  }))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "main"
+  }, /*#__PURE__*/_react.default.createElement("p", {
+    className: "title"
+  }, "\u7269\u6599\u4FE1\u606F"), /*#__PURE__*/_react.default.createElement("p", null, "\u6700\u540E\u7F16\u8F91 : 2020-09-21 22:21 @\u6CD5\u5916\u72C2\u5F92\u5F20\u4E09"), /*#__PURE__*/_react.default.createElement("img", {
+    src: _question.default,
+    alt: "",
+    style: {
+      width: '100%',
+      marginBottom: 10
+    }
+  }), /*#__PURE__*/_react.default.createElement("p", null, "1.\u6240\u6709\u7269\u6599\u5206\u7C7B\uFF1A\u7269\u6599\u5206\u7C7B\u6765\u81EA\u7CFB\u7EDF\u914D\u4FEE\u7269\u6599\u7C7B\u76EE\u4E2D\u7684\u5185\u5BB9"), /*#__PURE__*/_react.default.createElement("p", null, "2.\u72B6\u6001\u7B5B\u9009\u6846\uFF1A\u53EF\u901A\u8FC7\u72B6\u6001\u7B5B\u9009\u690E\u6765\u7B5B\u9009\u5DF2\u786E\u8BA4\u6216\u672A\u786E\u8BA4\u7684\u7269\u6599"), /*#__PURE__*/_react.default.createElement("p", null, "3.\u72B6\u6001\uFF1A\u5DF2\u5BA1\u6838\u7684\u7269\u6599\u4E3A\u5DF2\u786E\u8BA4\u72B6\u6001\uFF0C\u672A\u5BA1\u6838\u7684\u7269\u6599\u72B6\u6001\u4E3A\u672A\u786E\u8BA4"), /*#__PURE__*/_react.default.createElement("p", null, "4.\u56FE\u7247\uFF1A\u56FE\u7247\u4E3A\u65B0\u5EFA\u7269\u6599\u65F6\u4E0A\u4F20\u7684\u7269\u6599\u56FE\u7247"), /*#__PURE__*/_react.default.createElement("p", null, "5.\u5237\u65B0\uFF1A\u70B9\u51FB\u5237\u65B0\u6309\u94AE\uFF0C\u9875\u9762\u5237\u65B0"), /*#__PURE__*/_react.default.createElement("p", null, "6.\u65B0\u5EFA\uFF1A\u70B9\u51FB\u65B0\u5EFA\u6309\u94AE\u6253\u5F00\u65B0\u5EFA\u7269\u6599\u754C\u9762"), /*#__PURE__*/_react.default.createElement("p", null, "7.\u7269\u6599\u7F16\u7801\uFF1A\u7269\u6599\u7F16\u7801\u4E00\u822C\u7531\u7CFB\u7EDF\u914D\u7F6E\u7684\u7F16\u7801\u89C4\u5219\u8FDB\u884C\u81EA\u52A8\u751F\u6210\uFF0C \u4E5F\u53EF\u4EE5\u5F00\u542F\u624B\u52A8\u586B\u5199"), /*#__PURE__*/_react.default.createElement("p", null, "8.\u6253\u5370\uFF1A\u53EF\u4EE5\u6253\u5370\u7269\u6599\u7684\u4E0D\u5E72\u80F6\u548C\u6761\u5F62\u7801"), /*#__PURE__*/_react.default.createElement("p", null, "9.\u7269\u6599\u540D\u79F0\uFF1A\u7269\u6599\u540D\u79F0\u662F\u65B0\u5EFA\u7269\u6599\u65F6\u586B\u5199\u7684\u540D\u79F0"), /*#__PURE__*/_react.default.createElement("p", null, "10.\u51BB\u7ED3\uFF1A\u51BB\u7ED3\u7269\u6599\uFF0C\u51BB\u7ED3\u540E\u7684\u7269\u6599\u4E0D\u5141\u8BB8\u8FDB\u884C\u64CD\u4F5C\uFF0C\u9700\u89E3\u51BB\u540E\u518D \u8FDB\u884C\u64CD\u4F5C"), /*#__PURE__*/_react.default.createElement("p", null, "11.\u8D27\u53F7\uFF1A\u4E00\u822C\u4E3A\u5E03\u884C\u6216\u8005\u6863\u53E3\u7684\u8272\u53F7\u6216\u8005\u7F16\u7801"), /*#__PURE__*/_react.default.createElement("p", null, "12.\u5BA1\u6838\uFF1A\u5BF9\u7269\u6599\u8FDB\u884C\u5BA1\u6838\u6216\u8005\u53CD\u5BA1\u6838"), /*#__PURE__*/_react.default.createElement("p", null, "13.\u5E74\u4EFD\uFF1A\u521B\u5EFA\u7269\u6599\u65F6\u9009\u62E9\u7684\u5E74\u4EFD"), /*#__PURE__*/_react.default.createElement("p", null, "14.\u5B63\u8282\uFF1A\u521B\u5EFA\u7269\u6599\u65F6\u9009\u62E9\u7684\u5B63\u8282"), /*#__PURE__*/_react.default.createElement("p", null, "15.\u5355\u4F4D\uFF1A\u521B\u5EFA\u7269\u6599\u65F6\u9009\u62E9\u7684\u5355\u4F4D"), /*#__PURE__*/_react.default.createElement("p", null, "16.\u7C7B\u578B\uFF1A\u521B\u5EFA\u7269\u6599\u65F6\u9009\u62E9\u7684\u7C7B\u578B"), /*#__PURE__*/_react.default.createElement("p", null, "17.\u5206\u7C7B\uFF1A\u521B\u5EFA\u7269\u6599\u65F6\u9009\u62E9\u7684\u5206\u7C7B"), /*#__PURE__*/_react.default.createElement("p", null, "18.\u5185\u5E45\uFF1A\u521B\u5EFA\u7269\u6599\u65F6\u586B\u5199\u7684\u7531\u5E45"), /*#__PURE__*/_react.default.createElement("p", null, "19.\u514B\u6BD2\uFF1A\u521B\u5EFA\u7269\u6599\u65F6\u586B\u5199\u7684\u514B\u7535"), /*#__PURE__*/_react.default.createElement("p", null, "20.\u6210\u672C\u4EF7\uFF1A\u521B\u5EFA\u7269\u6599\u65F6\u586B\u5199\u7684\u6210\u672C\u4EF7"), /*#__PURE__*/_react.default.createElement("p", null, "21.\u4F9B\u5E94\u5546\uFF1A\u521B\u5EFA\u7269\u6599\u65F6\u9009\u62E9\u7684\u4F9B\u5E94\u5546"), /*#__PURE__*/_react.default.createElement("p", null, "22.\u4F9B\u5E94\u5546\u7535\u8BDD\uFF1A\u9009\u62E9\u4F9B\u5E94\u5546\u65F6\u5E26\u51FA\u7684\u4F9B\u5E94\u5546\u7535\u8BDD"), /*#__PURE__*/_react.default.createElement("p", null, "23.\u7269\u6599\u6210\u5206\uFF1A\u521B\u5EFA\u7269\u6599\u65F6\u586B\u5199\u7684\u7269\u6599\u6210\u5206"), /*#__PURE__*/_react.default.createElement("p", null, "24.\u5907\u6CE8\uFF1A\u521B\u5EFA\u7269\u6599\u65F6\u586B\u5199\u7684\u7269\u6599\u5907\u6CE8"), /*#__PURE__*/_react.default.createElement("p", {
+    style: {
+      margin: '20px 0'
+    }
+  }, "\u7269\u6599\u5BFC\u5165\u6D41\u7A0B"), /*#__PURE__*/_react.default.createElement("p", null, "\u2460\u786E\u8BA4\u7269\u6599\u57FA\u7840\u6570\u636E\u662F\u5426\u5B8C\u6574\uFF1A\u7269\u6599\u7C7B\u578B\u3001\u7269\u6599\u7C7B\u76EE\u3001\u5E74\u4EFD\u3001\u5B63\u8282\u3001 \u4ED3\u5E93\u3001\u4F9B\u5E94\u5546\u3001\u5355\u4F4D\u3001\u989C\u8272\u3001\u89C4\u683C\u5728\u7CFB\u7EDF\u662F\u5426\u5B58\u5728"), /*#__PURE__*/_react.default.createElement("p", null, "\u2461\u7269\u6599\u4FE1\u606F\u4E00\uFF1E \u66F4\u591A\u4E00\uFF1E \u5BFC\u5165\u7269\u6599\u4FE1\u606F\u4E00\uFF1E \u70B9\u51FB\u4E0B\u8F7D\u6A21\u677F\u6587\u4EF6\u4E00\uFF1E \u586B \u5199\u5BFC\u5165\u6A21\u677F\u4E00\uFF1E \u9009\u62E9\u6A21\u677F\u4E00\uFF1E \u9009\u62E9\u5BFC\u5165\u7C7B\u578B\uFF08\u4EC5\u65B0\u589E/\u65B0\u589E\u5E76\u8986\u76D6\uFF09\u4E00\uFF1E \u5BFC\u5165"), /*#__PURE__*/_react.default.createElement("img", {
+    src: _shuoming.default,
+    alt: "",
+    style: {
+      margin: '10px 0',
+      width: '100%'
+    }
+  }), /*#__PURE__*/_react.default.createElement("img", {
+    src: _shuoming2.default,
+    alt: "",
+    style: {
+      margin: '10px 0 10px -3px',
+      width: '100%'
+    }
+  }), /*#__PURE__*/_react.default.createElement("p", {
+    style: {
+      fontSize: 14,
+      marginTop: '10px'
+    }
+  }, "\u8FD9\u7BC7\u6587\u7AE0\u6709\u5E2E\u52A9\u5230\u60A8\u5417 ? "), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_button.default, {
+    style: {
+      height: 40,
+      width: '100%',
+      marginTop: '10px'
+    }
+  }, "\u6709\u5E2E\u52A9")), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_button.default, {
+    style: {
+      height: 40,
+      width: '100%',
+      marginTop: '10px'
+    }
+  }, "\u6CA1\u6709\u5E2E\u52A9"))));
+};
+
+var _default = Question;
+exports.default = _default;