ydb-components-material 0.1.124 → 0.1.126

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

@@ -1,9 +1,9 @@
-.guidePc-wrapper {
-  min-height: 100vh;
+.pc-guidePc-wrapper {
   background: #ffffff;
-  position: relative;
+  display: flex;
+  flex-direction: column;
 
-  .guide-empty {
+  .pc-guide-empty {
     text-align: center;
     padding: 100px 0;
     font-size: 16px;
@@ -11,130 +11,70 @@
   }
 }
 
-.guidePc-main {
-  max-width: 1200px;
-  margin: 0 auto;
-  min-height: 80vh;
+.pc-guidePc-main {
+  flex: 1;
+  overflow-y: auto;
+  overflow-x: hidden;
 }
 
 /* ============ Sticky Top Tabs ============ */
-.stity {
+.pc-stity {
   position: sticky;
   top: 0;
   z-index: 9;
   background: #ffffff;
 }
 
-.gap {
+.pc-gap {
   height: 24px;
 }
 
 /* ============ Content Area ============ */
-.guidePc-content {
-  .content-section {
+.pc-guidePc-content {
+  .pc-content-section {
     margin-top: 24px;
   }
 }
 
 /* ============ Bottom Action Bar ============ */
-.guidePc-bottom {
+.pc-guidePc-bottom {
+  flex-shrink: 0;
   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;
-      }
-    }
+  padding: 16px 24px;
+  display: flex;
+  justify-content: flex-end;
+  gap: 12px;
 
-    .agreement-item {
-      color: #1678FF;
-      cursor: pointer;
-      font-size: 14px;
-      margin-left: 4px;
 
-      &:hover {
-        text-decoration: underline;
-      }
-    }
+  .pc-next-btn {
+    width: 96px;
+    height: 40px;
+    border-radius: 4px;
+    opacity: 1;
+    text-align: center;
+    font-size: 14px;
+    line-height: 40px;
+    background: #1678FF;
+    color: #ffffff;
   }
 
-  .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;
-      }
-    }
+  .pc-action-btn {
+    width: 88px;
+    height: 40px;
+    border-radius: 4px;
+    opacity: 1;
+    text-align: center;
+    font-size: 14px;
+    line-height: 40px;
+    background: #F7F8FA;
+    color: #222222;
+    font-size: 14px;
   }
 }
 
 /* ============ Scroll-to-top Button ============ */
-.go-up-btn {
+.pc-go-up-btn {
   position: fixed;
   bottom: 120px;
   right: 40px;
@@ -160,7 +100,7 @@
 }
 
 /* ============ Agreement Modals ============ */
-.agree-detail {
+.pc-agree-detail {
   max-height: 70vh;
   overflow-y: auto;
   padding: 16px;
@@ -168,12 +108,12 @@
   line-height: 1.6;
 }
 
-.agree {
+.pc-agree {
   font-size: 14px;
   line-height: 1.6;
   color: #333;
 
-  .agreement-sub-item {
+  .pc-agreement-sub-item {
     color: #1678FF;
     cursor: pointer;
     margin-left: 4px;

package/lib/components/file-list/item.js

@@ -469,6 +469,7 @@ var FileItem = function FileItem(_ref) {
               break;
             }
             _message["default"].error('该单位下暂无印章，请前往"山西政务服务网"或"三晋通"小程序申领印章');
+            closeLoading();
             return _context3.abrupt("return");
           case 4:
             setIsShowSealPage(true);
@@ -780,7 +781,7 @@ var FileItem = function FileItem(_ref) {
             return extractImageUrls(res.url);
           case 5:
             list = _context7.sent;
-            console.log('list---', list);
+            console.log('list---111111', list);
             return _context7.abrupt("return", list[0]);
           case 6:
           case "end":
@@ -794,6 +795,7 @@ var FileItem = function FileItem(_ref) {
   }();
   (0, _react.useEffect)(function () {
     if (fileId) {
+      console.log('fileId---', fileId);
       getViewUrl(fileId).then(function (url) {
         setThumbnail(url);
       });

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

@@ -66,12 +66,12 @@ var Comment = function Comment(_ref) {
     window.history.back();
   };
   return /*#__PURE__*/React.createElement("div", {
-    className: "comment-content"
+    className: "pc-comment-content"
   }, pageLoading && /*#__PURE__*/React.createElement(_loading["default"], {
     visible: pageLoading,
     tip: "\u52A0\u8F7D\u4E2D..."
   }), webViewShow && /*#__PURE__*/React.createElement("div", {
-    className: "webView-content"
+    className: "pc-webView-content"
   }, /*#__PURE__*/React.createElement("iframe", {
     id: "commentIframe",
     src: commentSrc,
@@ -80,11 +80,11 @@ var Comment = function Comment(_ref) {
     width: "100%",
     title: "\u8BC4\u4EF7"
   }), /*#__PURE__*/React.createElement("div", {
-    className: "btn-con"
+    className: "pc-btn-con"
   }, /*#__PURE__*/React.createElement(_button["default"], {
     onClick: closeComment
   }, "\u5173\u95ED\u8BC4\u4EF7"))), !pageLoading && !webViewShow && /*#__PURE__*/React.createElement("div", {
-    className: "webView-content",
+    className: "pc-webView-content",
     style: {
       display: 'flex',
       justifyContent: 'center',

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

@@ -1,10 +1,10 @@
-.comment-content {
-  .webView-content {
+.pc-comment-content {
+  .pc-webView-content {
     height: 800px;
     width: 100%;
     position: relative;
 
-    .btn-con {
+    .pc-btn-con {
       position: absolute;
       bottom: 20px;
       left: 50%;

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

@@ -20,16 +20,16 @@ var Accept = function Accept(_ref) {
     }
   }, [eventInfoProp]);
   return /*#__PURE__*/React.createElement("div", {
-    className: "accept-content"
+    className: "pc-accept-content"
   }, /*#__PURE__*/React.createElement(_guideTitle["default"], {
     title: "\u53D7\u7406\u6761\u4EF6"
   }), acceptCondition ? /*#__PURE__*/React.createElement("div", {
-    className: "card-content",
+    className: "pc-card-content",
     dangerouslySetInnerHTML: {
       __html: acceptCondition
     }
   }) : /*#__PURE__*/React.createElement("div", {
-    className: "empty-text"
+    className: "pc-empty-text"
   }, "\u6682\u65E0\u53D7\u7406\u6761\u4EF6"));
 };
 Accept.displayName = 'Accept';

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

@@ -1,5 +1,5 @@
-.accept-content {
-  .card-content {
+.pc-accept-content {
+  .pc-card-content {
     line-height: 25px;
     font-size: 14px;
     color: #222222;
@@ -9,7 +9,7 @@
     border-radius: 8px;
   }
 
-  .empty-text {
+  .pc-empty-text {
     text-align: center;
     padding: 40px;
     color: #999;

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

@@ -26,69 +26,69 @@ var BasicInfo = function BasicInfo(_ref) {
     setItemBasic(eventInfo.itemBasic || {});
   }, [eventInfoProp]);
   return /*#__PURE__*/React.createElement("div", {
-    className: "basicInfo-content"
+    className: "pc-basicInfo-content"
   }, /*#__PURE__*/React.createElement(_guideTitle["default"], {
     title: "\u57FA\u672C\u4FE1\u606F"
   }), /*#__PURE__*/React.createElement("div", {
-    className: "inner"
+    className: "pc-inner"
   }, /*#__PURE__*/React.createElement("table", {
-    className: "info-table"
+    className: "pc-info-table"
   }, /*#__PURE__*/React.createElement("tbody", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
-    className: "label"
+    className: "pc-label"
   }, "\u4E8B\u9879\u7F16\u7801"), /*#__PURE__*/React.createElement("td", {
-    className: "value"
+    className: "pc-value"
   }, taskGeneralBasic.leadingCatalogCode || '-'), /*#__PURE__*/React.createElement("td", {
-    className: "label"
+    className: "pc-label"
   }, "\u5B9E\u65BD\u7F16\u7801/\u4E1A\u52A1\u529E\u7406\u9879\u7F16\u7801"), /*#__PURE__*/React.createElement("td", {
-    className: "value"
+    className: "pc-value"
   }, itemBasic.taskHandleItem || '-')), /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
-    className: "label"
+    className: "pc-label"
   }, "\u662F\u5426\u627F\u8BFA"), /*#__PURE__*/React.createElement("td", {
-    className: "value"
+    className: "pc-value"
   }, taskGeneralBasic.projectTypeText || '-'), /*#__PURE__*/React.createElement("td", {
-    className: "label"
+    className: "pc-label"
   }, "\u662F\u5426\u6536\u8D39"), /*#__PURE__*/React.createElement("td", {
-    className: "value"
+    className: "pc-value"
   }, taskGeneralExtend.isFeeText ? taskGeneralExtend.isFeeText === '是' ? '收费' : '不收费' : '不收费')), /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
-    className: "label"
+    className: "pc-label"
   }, "\u627F\u8BFA\u529E\u7ED3\u65F6\u9650"), /*#__PURE__*/React.createElement("td", {
-    className: "value"
+    className: "pc-value"
   }, taskGeneralExtend.promiseDay || '-', "\u5DE5\u4F5C\u65E5"), /*#__PURE__*/React.createElement("td", {
-    className: "label"
+    className: "pc-label"
   }, "\u6CD5\u5B9A\u529E\u7ED3\u65F6\u9650"), /*#__PURE__*/React.createElement("td", {
-    className: "value"
+    className: "pc-value"
   }, taskGeneralExtend.anticipateDay || '-', "\u5DE5\u4F5C\u65E5")), /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
-    className: "label"
+    className: "pc-label"
   }, "\u5230\u73B0\u573A\u6B21\u6570"), /*#__PURE__*/React.createElement("td", {
-    className: "value"
+    className: "pc-value"
   }, taskGeneralExtend.workSceneNumber || '-', "\u6B21"), /*#__PURE__*/React.createElement("td", {
-    className: "label"
+    className: "pc-label"
   }, "\u5B9E\u65BD\u4E3B\u4F53"), /*#__PURE__*/React.createElement("td", {
-    className: "value"
+    className: "pc-value"
   }, itemBasic.deptName || '-')), /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
-    className: "label"
+    className: "pc-label"
   }, "\u670D\u52A1\u5BF9\u8C61"), /*#__PURE__*/React.createElement("td", {
-    className: "value"
+    className: "pc-value"
   }, taskGeneralExtend.serviceObjectTypeText || '-'), /*#__PURE__*/React.createElement("td", {
-    className: "label"
+    className: "pc-label"
   }, "\u529E\u4E8B\u5730\u5740"), /*#__PURE__*/React.createElement("td", {
-    className: "value"
+    className: "pc-value"
   }, taskGeneralExtend.transactAddr || '-')), /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
-    className: "label"
+    className: "pc-label"
   }, "\u529E\u7406\u65F6\u95F4"), /*#__PURE__*/React.createElement("td", {
-    className: "value"
+    className: "pc-value"
   }, taskGeneralExtend.transactTime || '-'), /*#__PURE__*/React.createElement("td", {
-    className: "label"
+    className: "pc-label"
   }, "\u54A8\u8BE2\u5730\u5740"), /*#__PURE__*/React.createElement("td", {
-    className: "value"
+    className: "pc-value"
   }, taskGeneralExtend.seekWebsite || '-')), /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
-    className: "label"
+    className: "pc-label"
   }, "\u54A8\u8BE2\u7535\u8BDD"), /*#__PURE__*/React.createElement("td", {
-    className: "value"
+    className: "pc-value"
   }, taskGeneralExtend.seekPhone || '-'), /*#__PURE__*/React.createElement("td", {
-    className: "label"
+    className: "pc-label"
   }), /*#__PURE__*/React.createElement("td", {
-    className: "value"
+    className: "pc-value"
   }))))));
 };
 BasicInfo.displayName = 'BasicInfo';

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

@@ -1,9 +1,9 @@
-.basicInfo-content {
-  .inner {
+.pc-basicInfo-content {
+  .pc-inner {
     margin-top: 20px;
   }
 
-  .info-table {
+  .pc-info-table {
     width: 100%;
     border-collapse: collapse;
     border: 1px solid #e8e8e8;
@@ -15,7 +15,7 @@
       border: 1px solid #e8e8e8;
     }
 
-    .label {
+    .pc-label {
       background: #f7f8fa;
       font-weight: 500;
       color: #666666;
@@ -23,7 +23,7 @@
       white-space: nowrap;
     }
 
-    .value {
+    .pc-value {
       color: #222222;
     }
   }

package/lib/components/guide-pc/components/eventInfo.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import './eventInfo.scss';
+export interface EventInfoProps {
+    eventInfo?: any;
+}
+declare const EventInfo: React.FC<EventInfoProps>;
+export default EventInfo;

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

@@ -0,0 +1,51 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var React = _interopRequireWildcard(require("react"));
+require("./eventInfo.scss");
+var _icon = _interopRequireDefault(require("../imgs/icon1.png"));
+var _icon2 = _interopRequireDefault(require("../imgs/icon2.png"));
+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); }
+var EventInfo = function EventInfo(_ref) {
+  var eventInfoProp = _ref.eventInfo;
+  var _React$useState = React.useState({}),
+    taskGeneralBasic = _React$useState[0],
+    setTaskGeneralBasic = _React$useState[1];
+  var _React$useState2 = React.useState({}),
+    taskGeneralExtend = _React$useState2[0],
+    setTaskGeneralExtend = _React$useState2[1];
+  React.useEffect(function () {
+    initData();
+  }, []);
+  var initData = function initData() {
+    var eventInfo = eventInfoProp;
+    if (!eventInfo) return;
+    var basic = eventInfo.taskGeneralBasic || {};
+    var extend = eventInfo.taskGeneralExtend || {};
+    setTaskGeneralBasic(basic);
+    setTaskGeneralExtend(extend);
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "pc-eventInfo-content"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "title"
+  }, taskGeneralBasic.taskHandleItemName), /*#__PURE__*/React.createElement("div", {
+    className: "info-con"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "info-item"
+  }, /*#__PURE__*/React.createElement("img", {
+    className: "icon",
+    src: _icon["default"],
+    alt: ""
+  }), "\u5B9E\u65BD\u4E3B\u4F53\uFF1A", eventInfoProp.itemBasic.deptName), /*#__PURE__*/React.createElement("div", {
+    className: "info-item"
+  }, /*#__PURE__*/React.createElement("img", {
+    className: "icon",
+    src: _icon2["default"],
+    alt: ""
+  }), "\u627F\u8BFA\u529E\u7ED3\u65F6\u9650\uFF1A", taskGeneralExtend.promiseDay)));
+};
+EventInfo.displayName = 'EventInfo';
+var _default = exports["default"] = EventInfo;

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

@@ -0,0 +1,36 @@
+.pc-eventInfo-content {
+  padding: 20px 24px;
+  margin-bottom: 16px;
+  border-radius: 8px;
+  opacity: 1;
+
+  background: #EEF5FF;
+
+  .title {
+    font-size: 16px;
+    line-height: 21px;
+    font-weight: 500;
+    color: #333333;
+  }
+
+  .info-con {
+    display: flex;
+    color: #666666;
+    font-size: 14px;
+    margin-top: 12px;
+    gap: 40px;
+
+    .info-item {
+      display: flex;
+      align-items: center;
+    }
+
+    .icon {
+      width: 16px;
+      height: 16px;
+      margin-right: 8px;
+
+    }
+  }
+
+}

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

@@ -22,10 +22,10 @@ var GuideTabs = function GuideTabs(_ref) {
   var curTab = _ref.curTab,
     onTabsChange = _ref.onTabsChange;
   return /*#__PURE__*/React.createElement("div", {
-    className: "guideTabs-con"
+    className: "pc-guideTabs-con"
   }, tabList.map(function (item, index) {
     return /*#__PURE__*/React.createElement("div", {
-      className: "tab-item " + (curTab === index ? 'active' : ''),
+      className: "pc-tab-item " + (curTab === index ? 'active' : ''),
       key: index,
       onClick: function onClick() {
         return onTabsChange(index);

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

@@ -1,8 +1,8 @@
-.guideTabs-con {
+.pc-guideTabs-con {
   display: flex;
   border-bottom: 1px solid #e8e8e8;
 
-  .tab-item {
+  .pc-tab-item {
     flex: 1;
     padding: 14px 0;
     text-align: center;
@@ -19,6 +19,7 @@
     &.active {
       color: #1678FF;
       font-weight: 500;
+      background: #e2efff;
 
       &::after {
         content: '';

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

@@ -11,15 +11,15 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 var GuideTitle = function GuideTitle(_ref) {
   var title = _ref.title;
   return /*#__PURE__*/React.createElement("div", {
-    className: "guideTitle-con"
+    className: "pc-guideTitle-con"
   }, /*#__PURE__*/React.createElement("img", {
-    className: "titleImg",
+    className: "pc-titleImg",
     src: _titleL["default"],
     alt: ""
   }), /*#__PURE__*/React.createElement("div", {
-    className: "titleText"
+    className: "pc-titleText"
   }, title), /*#__PURE__*/React.createElement("img", {
-    className: "titleImg",
+    className: "pc-titleImg",
     src: _titleR["default"],
     alt: ""
   }));

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

@@ -1,14 +1,14 @@
-.guideTitle-con {
+.pc-guideTitle-con {
   display: flex;
   justify-content: center;
   align-items: center;
 
-  .titleText {
+  .pc-titleText {
     font-size: 24px;
     font-weight: 500;
     margin: 0 10px;
   }
-  .titleImg {
+  .pc-titleImg {
     width: 20px;
     height: 21px;
   }