ydb-components-material 0.1.118 → 0.1.120

package/lib/components/guide-pc/index.js

@@ -0,0 +1,445 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _button = _interopRequireDefault(require("@alifd/next/lib/button"));
+var _dialog = _interopRequireDefault(require("@alifd/next/lib/dialog"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _message = _interopRequireDefault(require("@alifd/next/lib/message"));
+var React = _interopRequireWildcard(require("react"));
+var _guideTabs = _interopRequireDefault(require("./components/guideTabs"));
+var _situation = _interopRequireDefault(require("./components/situation"));
+var _materialsList = _interopRequireDefault(require("./components/materialsList"));
+var _basicInfo = _interopRequireDefault(require("./components/basicInfo"));
+var _processImg = _interopRequireDefault(require("./components/processImg"));
+var _accept = _interopRequireDefault(require("./components/accept"));
+var _places = _interopRequireDefault(require("./components/places"));
+var _result = _interopRequireDefault(require("./components/result"));
+var _comment = _interopRequireDefault(require("../guide/imgs/comment.png"));
+var _share = _interopRequireDefault(require("../guide/imgs/share.png"));
+var _download = _interopRequireDefault(require("../guide/imgs/download.png"));
+require("./index.scss");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+// TODO: API imports not available
+// import { getTyEventDetailApi, getFormValueApi } from '@/api/tyBusiness.js'
+
+var tabSections = [{
+  id: 'section-materials',
+  label: '材料清单'
+}, {
+  id: 'section-basicInfo',
+  label: '事项信息'
+}, {
+  id: 'section-process',
+  label: '办事流程'
+}, {
+  id: 'section-accept',
+  label: '受理条件'
+}, {
+  id: 'section-places',
+  label: '办事大厅'
+}, {
+  id: 'section-result',
+  label: '成效分析'
+}];
+var GuidePc = function GuidePc(_ref) {
+  var _eventInfoProp$taskGe;
+  var onNextStep = _ref.onNextStep,
+    _ref$cantNext = _ref.cantNext,
+    cantNext = _ref$cantNext === void 0 ? false : _ref$cantNext,
+    _ref$hasPrevious = _ref.hasPrevious,
+    hasPrevious = _ref$hasPrevious === void 0 ? false : _ref$hasPrevious,
+    taskHandleItem = _ref.taskHandleItem,
+    accessToken = _ref.accessToken,
+    eventInfoProp = _ref.eventInfo,
+    acctType = _ref.acctType,
+    agentInfo = _ref.agentInfo,
+    applicationId = _ref.applicationId,
+    finalMaterials = _ref.finalMaterials,
+    declarationAppToken = _ref.declarationAppToken,
+    situationPageUrl = _ref.situationPageUrl,
+    baseUrl = _ref.baseUrl,
+    download = _ref.download,
+    situationResRechange = _ref.situationResRechange,
+    previousData = _ref.previousData;
+  var _React$useState = React.useState(0),
+    tabIndex = _React$useState[0],
+    setTabIndex = _React$useState[1];
+  var _React$useState2 = React.useState(true),
+    canHandle = _React$useState2[0];
+  var _React$useState3 = React.useState(false),
+    popShow = _React$useState3[0],
+    setPopShow = _React$useState3[1];
+  var _React$useState4 = React.useState(false),
+    modalShow = _React$useState4[0],
+    setModalShow = _React$useState4[1];
+  var _React$useState5 = React.useState(false),
+    isAgree = _React$useState5[0],
+    setIsAgree = _React$useState5[1];
+  var _React$useState6 = React.useState(''),
+    agreementPrompt = _React$useState6[0],
+    setAgreementPrompt = _React$useState6[1];
+  var _React$useState7 = React.useState([]),
+    userAgreementList = _React$useState7[0],
+    setUserAgreementList = _React$useState7[1];
+  var _React$useState8 = React.useState(''),
+    userAgreement = _React$useState8[0],
+    setUserAgreement = _React$useState8[1];
+  React.useEffect(function () {
+    initUserNotice();
+    document.title = '办事指南';
+  }, [eventInfoProp]);
+
+  // ============ 用户协议 ============
+  var initUserNotice = function initUserNotice() {
+    var _eventInfo$applicatio, _eventInfo$applicatio2;
+    var eventInfo = eventInfoProp;
+    if (!eventInfo) return;
+    if ((_eventInfo$applicatio = eventInfo.applicationUserAgreementBO) !== null && _eventInfo$applicatio !== void 0 && _eventInfo$applicatio.agreementContent) {
+      setAgreementPrompt(eventInfo.applicationUserAgreementBO.agreementPrompt);
+      setUserAgreementList(eventInfo.applicationUserAgreementBO.agreementContent);
+      setIsAgree(false);
+    } else {
+      setIsAgree(true);
+    }
+    if ((_eventInfo$applicatio2 = eventInfo.applicationUserNoticeBO) !== null && _eventInfo$applicatio2 !== void 0 && _eventInfo$applicatio2.userNotice) {
+      var userNotice = {
+        agreementName: '用户协议',
+        agreementDetail: eventInfo.applicationUserNoticeBO.userNotice
+      };
+      setUserAgreementList(function (prev) {
+        return [userNotice].concat(prev);
+      });
+    }
+  };
+  var showAgree = function showAgree(item) {
+    setModalShow(false);
+    setUserAgreement(item.agreementDetail);
+    setPopShow(true);
+  };
+  var yesAgree = function yesAgree() {
+    setIsAgree(true);
+    setModalShow(false);
+    handleEvent();
+  };
+
+  // ============ 按钮操作 ============
+  var prepStep = function prepStep() {
+    onNextStep === null || onNextStep === void 0 ? void 0 : onNextStep('上一步');
+  };
+  var goComment = function goComment() {
+    _message["default"].show({
+      type: 'help',
+      content: '评价页面跳转未实现'
+    });
+  };
+  var goShare = function goShare() {
+    var href = window.location.href;
+    navigator.clipboard.writeText(href).then(function () {
+      _message["default"].success('已复制网址链接');
+    })["catch"](function () {
+      var textarea = document.createElement('textarea');
+      textarea.value = href;
+      document.body.appendChild(textarea);
+      textarea.select();
+      document.execCommand('copy');
+      document.body.removeChild(textarea);
+      _message["default"].success('已复制网址链接');
+    });
+  };
+  var goDownload = function goDownload() {
+    _message["default"].show({
+      type: 'help',
+      content: '下载功能待完善'
+    });
+  };
+  var changeTab = function changeTab(index) {
+    setTabIndex(index);
+    var section = tabSections[index];
+    if (section) {
+      var element = document.getElementById(section.id);
+      if (element) {
+        var offsetTop = element.offsetTop;
+        window.scrollTo({
+          top: offsetTop - 100,
+          behavior: 'smooth'
+        });
+      }
+    }
+  };
+
+  // Scroll-spy to update active tab based on scroll position
+  React.useEffect(function () {
+    var handleScroll = function handleScroll() {
+      var scrollY = window.scrollY + 120;
+      var activeIdx = 0;
+      for (var i = 0; i < tabSections.length; i++) {
+        var el = document.getElementById(tabSections[i].id);
+        if (el && el.offsetTop <= scrollY) {
+          activeIdx = i;
+        }
+      }
+      setTabIndex(activeIdx);
+    };
+    window.addEventListener('scroll', handleScroll, {
+      passive: true
+    });
+    return function () {
+      return window.removeEventListener('scroll', handleScroll);
+    };
+  }, []);
+
+  // ============ 立即办理 ============
+  var handleEvent = /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
+      var eventInfo, _ref3, serviceObjectType, finalAcctType;
+      return _regenerator["default"].wrap(function (_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (isAgree) {
+              _context.next = 1;
+              break;
+            }
+            setModalShow(true);
+            return _context.abrupt("return");
+          case 1:
+            eventInfo = eventInfoProp;
+            if (eventInfo) {
+              _context.next = 2;
+              break;
+            }
+            return _context.abrupt("return");
+          case 2:
+            _ref3 = eventInfo.taskGeneralExtend || {}, serviceObjectType = _ref3.serviceObjectType;
+            if (serviceObjectType) {
+              _context.next = 3;
+              break;
+            }
+            _dialog["default"].confirm({
+              title: '提示',
+              content: '当前暂无匹配服务对象，无法继续办理，如需帮助请致电：0351-2366413',
+              locale: {
+                ok: '知道了'
+              },
+              footerActions: ['ok']
+            });
+            return _context.abrupt("return");
+          case 3:
+            finalAcctType = '';
+            if (agentInfo) {
+              finalAcctType = agentInfo.acctType === '10' ? '1' : '2';
+            } else {
+              finalAcctType = acctType === '10' ? '1' : '2';
+            }
+            if (serviceObjectType.split(',').includes(finalAcctType)) {
+              _context.next = 4;
+              break;
+            }
+            _message["default"].warning(finalAcctType === '1' ? '该事项不允许个人用户办理' : '该事项不允许法人用户办理');
+            return _context.abrupt("return");
+          case 4:
+            onNextStep === null || onNextStep === void 0 ? void 0 : onNextStep('立即办理');
+          case 5:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function handleEvent() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  // ============ 返回顶部 ============
+  var goUp = function goUp() {
+    window.scrollTo({
+      top: 0,
+      behavior: 'smooth'
+    });
+  };
+
+  // Show scroll-to-top button when scrolled down
+  var _React$useState9 = React.useState(false),
+    showGoUp = _React$useState9[0],
+    setShowGoUp = _React$useState9[1];
+  React.useEffect(function () {
+    var handleScroll = function handleScroll() {
+      setShowGoUp(window.scrollY > 400);
+    };
+    window.addEventListener('scroll', handleScroll, {
+      passive: true
+    });
+    return function () {
+      return window.removeEventListener('scroll', handleScroll);
+    };
+  }, []);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "guidePc-wrapper"
+  }, !canHandle && /*#__PURE__*/React.createElement("div", {
+    className: "guide-empty"
+  }, "\u6682\u672A\u67E5\u8BE2\u5230\u76F8\u5173\u4E8B\u9879"), canHandle && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: "guidePc-main"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "guidePc-content"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "stity"
+  }, /*#__PURE__*/React.createElement(_guideTabs["default"], {
+    curTab: tabIndex,
+    onTabsChange: changeTab
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "gap"
+  }), /*#__PURE__*/React.createElement("div", {
+    id: "section-materials"
+  }, (eventInfoProp === null || eventInfoProp === void 0 ? void 0 : (_eventInfoProp$taskGe = eventInfoProp.taskGeneralExtend) === null || _eventInfoProp$taskGe === void 0 ? void 0 : _eventInfoProp$taskGe.programProcess) && /*#__PURE__*/React.createElement(_situation["default"], {
+    eventInfo: eventInfoProp,
+    applicationId: applicationId,
+    accessToken: accessToken,
+    acctType: acctType,
+    declarationAppToken: declarationAppToken,
+    taskHandleItem: taskHandleItem
+  }), /*#__PURE__*/React.createElement(_materialsList["default"], {
+    eventInfo: eventInfoProp,
+    finalMaterials: finalMaterials,
+    baseUrl: baseUrl,
+    declarationAppToken: declarationAppToken,
+    download: download
+  })), /*#__PURE__*/React.createElement("div", {
+    id: "section-basicInfo",
+    className: "content-section"
+  }, /*#__PURE__*/React.createElement(_basicInfo["default"], {
+    eventInfo: eventInfoProp
+  })), /*#__PURE__*/React.createElement("div", {
+    id: "section-process",
+    className: "content-section"
+  }, /*#__PURE__*/React.createElement(_processImg["default"], {
+    eventInfo: eventInfoProp,
+    baseUrl: baseUrl,
+    declarationAppToken: declarationAppToken
+  })), /*#__PURE__*/React.createElement("div", {
+    id: "section-accept",
+    className: "content-section"
+  }, /*#__PURE__*/React.createElement(_accept["default"], {
+    eventInfo: eventInfoProp
+  })), /*#__PURE__*/React.createElement("div", {
+    id: "section-places",
+    className: "content-section"
+  }, /*#__PURE__*/React.createElement(_places["default"], {
+    eventInfo: eventInfoProp
+  })), /*#__PURE__*/React.createElement("div", {
+    id: "section-result",
+    className: "content-section"
+  }, /*#__PURE__*/React.createElement(_result["default"], {
+    eventInfo: eventInfoProp
+  })))), /*#__PURE__*/React.createElement("div", {
+    className: "guidePc-bottom"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "bottom-inner"
+  }, userAgreementList.length > 0 && /*#__PURE__*/React.createElement("div", {
+    className: "agreement-row"
+  }, /*#__PURE__*/React.createElement("label", {
+    className: "agreement-checkbox"
+  }, /*#__PURE__*/React.createElement("input", {
+    type: "checkbox",
+    checked: isAgree,
+    onChange: function onChange(e) {
+      return setIsAgree(e.target.checked);
+    }
+  }), /*#__PURE__*/React.createElement("span", {
+    className: "agreement-label-text"
+  }, agreementPrompt)), /*#__PURE__*/React.createElement("div", {
+    className: "agreement-tip-slot"
+  }, userAgreementList.map(function (item, index) {
+    return /*#__PURE__*/React.createElement("span", {
+      key: index,
+      className: "agreement-item",
+      onClick: function onClick() {
+        return showAgree(item);
+      }
+    }, "\u300A", item.agreementName, "\u300B");
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: "action-row"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "left-actions"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "action-btn",
+    onClick: goComment
+  }, /*#__PURE__*/React.createElement("img", {
+    className: "btn-icon",
+    src: _comment["default"],
+    alt: "\u8BC4\u4EF7"
+  }), /*#__PURE__*/React.createElement("span", {
+    className: "name"
+  }, "\u8BC4\u4EF7\u6307\u5357")), /*#__PURE__*/React.createElement("div", {
+    className: "action-btn",
+    onClick: goShare
+  }, /*#__PURE__*/React.createElement("img", {
+    className: "btn-icon",
+    src: _share["default"],
+    alt: "\u5206\u4EAB"
+  }), /*#__PURE__*/React.createElement("span", {
+    className: "name"
+  }, "\u5206\u4EAB")), /*#__PURE__*/React.createElement("div", {
+    className: "action-btn",
+    onClick: goDownload
+  }, /*#__PURE__*/React.createElement("img", {
+    className: "btn-icon",
+    src: _download["default"],
+    alt: "\u4E0B\u8F7D"
+  }), /*#__PURE__*/React.createElement("span", {
+    className: "name"
+  }, "\u4E0B\u8F7D"))), /*#__PURE__*/React.createElement("div", {
+    className: "right-actions"
+  }, hasPrevious && /*#__PURE__*/React.createElement(_button["default"], {
+    className: "prev-btn",
+    onClick: prepStep,
+    disabled: cantNext
+  }, "\u4E0A\u4E00\u6B65"), /*#__PURE__*/React.createElement(_button["default"], {
+    type: "primary",
+    className: "next-btn",
+    disabled: !canHandle,
+    onClick: handleEvent
+  }, "\u7ACB\u5373\u529E\u7406"))))), showGoUp && /*#__PURE__*/React.createElement("div", {
+    className: "go-up-btn",
+    onClick: goUp
+  }, "\u25B2 \u9876\u90E8")), /*#__PURE__*/React.createElement(_dialog["default"], {
+    visible: popShow,
+    onClose: function onClose() {
+      return setPopShow(false);
+    },
+    footer: false,
+    width: "90%"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "agree-detail",
+    dangerouslySetInnerHTML: {
+      __html: userAgreement
+    }
+  })), /*#__PURE__*/React.createElement(_dialog["default"], {
+    visible: modalShow,
+    title: "\u8BF7\u9605\u8BFB\u5E76\u540C\u610F\u4EE5\u4E0B\u534F\u8BAE",
+    locale: {
+      ok: '同意并继续',
+      cancel: '不同意'
+    },
+    onOk: yesAgree,
+    onCancel: function onCancel() {
+      return setModalShow(false);
+    },
+    onClose: function onClose() {
+      return setModalShow(false);
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "agree"
+  }, agreementPrompt, userAgreementList.map(function (item, index) {
+    return /*#__PURE__*/React.createElement("span", {
+      key: index,
+      className: "agreement-sub-item",
+      onClick: function onClick() {
+        return showAgree(item);
+      }
+    }, "\u300A", item.agreementName, "\u300B");
+  }))));
+};
+GuidePc.displayName = 'GuidePc';
+var _default = exports["default"] = GuidePc;

package/lib/components/guide-pc/index.scss

@@ -0,0 +1,185 @@
+.guidePc-wrapper {
+  min-height: 100vh;
+  background: #ffffff;
+  position: relative;
+
+  .guide-empty {
+    text-align: center;
+    padding: 100px 0;
+    font-size: 16px;
+    color: #999;
+  }
+}
+
+.guidePc-main {
+  max-width: 1200px;
+  margin: 0 auto;
+  min-height: 80vh;
+}
+
+/* ============ Sticky Top Tabs ============ */
+.stity {
+  position: sticky;
+  top: 0;
+  z-index: 9;
+  background: #ffffff;
+}
+
+.gap {
+  height: 24px;
+}
+
+/* ============ Content Area ============ */
+.guidePc-content {
+  .content-section {
+    margin-top: 24px;
+  }
+}
+
+/* ============ Bottom Action Bar ============ */
+.guidePc-bottom {
+  border-top: 1px solid #e8e8e8;
+  background: #ffffff;
+  padding: 16px 0;
+
+  .bottom-inner {
+    max-width: 1200px;
+    margin: 0 auto;
+  }
+
+  .agreement-row {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    margin-bottom: 16px;
+    padding: 0 16px;
+
+    .agreement-checkbox {
+      display: flex;
+      align-items: center;
+      gap: 6px;
+      cursor: pointer;
+      font-size: 14px;
+      color: #333;
+
+      input[type="checkbox"] {
+        width: 16px;
+        height: 16px;
+        cursor: pointer;
+      }
+    }
+
+    .agreement-item {
+      color: #1678FF;
+      cursor: pointer;
+      font-size: 14px;
+      margin-left: 4px;
+
+      &:hover {
+        text-decoration: underline;
+      }
+    }
+  }
+
+  .action-row {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 16px;
+
+    .left-actions {
+      display: flex;
+      gap: 24px;
+
+      .action-btn {
+        display: flex;
+        align-items: center;
+        gap: 6px;
+        cursor: pointer;
+        color: #666666;
+        font-size: 14px;
+        padding: 6px 12px;
+        border-radius: 6px;
+        transition: all 0.2s;
+
+        &:hover {
+          background: #f0f5ff;
+          color: #1678FF;
+        }
+
+        .btn-icon {
+          width: 18px;
+          height: 18px;
+        }
+      }
+    }
+
+    .right-actions {
+      display: flex;
+      gap: 12px;
+
+      .prev-btn {
+        border-color: #d9d9d9;
+        color: #333;
+      }
+
+      .next-btn {
+        background: linear-gradient(90deg, #1678FF, #76ADFA);
+        border: none;
+        color: #ffffff;
+        font-weight: 500;
+      }
+    }
+  }
+}
+
+/* ============ Scroll-to-top Button ============ */
+.go-up-btn {
+  position: fixed;
+  bottom: 120px;
+  right: 40px;
+  width: 48px;
+  height: 48px;
+  background: #1678FF;
+  color: #ffffff;
+  border-radius: 50%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  font-size: 12px;
+  cursor: pointer;
+  box-shadow: 0 2px 8px rgba(22, 120, 255, 0.4);
+  z-index: 100;
+  transition: all 0.2s;
+
+  &:hover {
+    transform: scale(1.05);
+    box-shadow: 0 4px 12px rgba(22, 120, 255, 0.5);
+  }
+}
+
+/* ============ Agreement Modals ============ */
+.agree-detail {
+  max-height: 70vh;
+  overflow-y: auto;
+  padding: 16px;
+  font-size: 14px;
+  line-height: 1.6;
+}
+
+.agree {
+  font-size: 14px;
+  line-height: 1.6;
+  color: #333;
+
+  .agreement-sub-item {
+    color: #1678FF;
+    cursor: pointer;
+    margin-left: 4px;
+
+    &:hover {
+      text-decoration: underline;
+    }
+  }
+}

package/lib/index.d.ts

@@ -51,5 +51,7 @@ export type { CommentProps } from './components/guide/comment';
 export { default as Comment } from './components/guide/comment';
 export type { SignFileProps } from './components/sign-file';
 export { default as SignFile } from './components/sign-file';
+export type { GuidePcProps } from './components/guide-pc';
+export { default as GuidePc } from './components/guide-pc';
 declare const bizCssPrefix = "bizpack";
 export { bizCssPrefix };

package/lib/index.js

@@ -2,7 +2,7 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.bizCssPrefix = exports.Tips = exports.SuccessPrompt = exports.SubmitType = exports.Statstic = exports.SignFile = exports.SceneTree = exports.QRCodeImg = exports.PrintButton = exports.PreviewMaterial = exports.PreCheckResPC = exports.Message = exports.MaterialCheckRes = exports.IconCustom = exports.Guide = exports.FileListPreview = exports.FileList = exports.FileItem = exports.DragDropList = exports.CustomFrom = exports.Comment = exports.CheckRes = exports.CheckLoading = exports.CheckDetailPc = exports.CheckDetail = exports.CardTitle = exports.AddressSelect = exports.AddressCascader = void 0;
+exports.bizCssPrefix = exports.Tips = exports.SuccessPrompt = exports.SubmitType = exports.Statstic = exports.SignFile = exports.SceneTree = exports.QRCodeImg = exports.PrintButton = exports.PreviewMaterial = exports.PreCheckResPC = exports.Message = exports.MaterialCheckRes = exports.IconCustom = exports.GuidePc = exports.Guide = exports.FileListPreview = exports.FileList = exports.FileItem = exports.DragDropList = exports.CustomFrom = exports.Comment = exports.CheckRes = exports.CheckLoading = exports.CheckDetailPc = exports.CheckDetail = exports.CardTitle = exports.AddressSelect = exports.AddressCascader = void 0;
 var _checkLoading = _interopRequireDefault(require("./components/check-loading"));
 exports.CheckLoading = _checkLoading["default"];
 var _cardTitle = _interopRequireDefault(require("./components/card-title"));
@@ -57,6 +57,8 @@ var _comment = _interopRequireDefault(require("./components/guide/comment"));
 exports.Comment = _comment["default"];
 var _signFile = _interopRequireDefault(require("./components/sign-file"));
 exports.SignFile = _signFile["default"];
+var _guidePc = _interopRequireDefault(require("./components/guide-pc"));
+exports.GuidePc = _guidePc["default"];
 // export type { ColorfulButtonProps } from './components/colorful-button';
 // export { default as ColorfulButton } from './components/colorful-button';