ydb-components-material 0.1.102 → 0.1.104

package/es/components/check-loading/index.scss

@@ -1,6 +1,9 @@
 .check_loading {
   width: 100%;
   height: 100%;
+  position: fixed;
+  top: 0;
+  left: 0;
   display: flex;
   justify-content: center;
   align-items: center;

package/es/components/guide/_utils.d.ts

@@ -0,0 +1,4 @@
+export declare function getStorageItem<T = any>(key: string): T | null;
+export declare function setStorageItem(key: string, value: any): void;
+export declare function numberToChinese(num: number): string;
+export declare function parseURLParams(url: string): Record<string, string>;

package/es/components/guide/_utils.js

@@ -0,0 +1,45 @@
+// localStorage helpers (replacing uni.getStorageSync / uni.setStorageSync)
+export function getStorageItem(key) {
+  try {
+    var raw = localStorage.getItem(key);
+    return raw ? JSON.parse(raw) : null;
+  } catch (_unused) {
+    return null;
+  }
+}
+export function setStorageItem(key, value) {
+  try {
+    localStorage.setItem(key, JSON.stringify(value));
+  } catch (e) {
+    console.error('setStorageItem error', e);
+  }
+}
+
+// Convert number to Chinese numerals (e.g. 1 → '一')
+export function numberToChinese(num) {
+  var digitMap = {
+    '0': '〇',
+    '1': '一',
+    '2': '二',
+    '3': '三',
+    '4': '四',
+    '5': '五',
+    '6': '六',
+    '7': '七',
+    '8': '八',
+    '9': '九'
+  };
+  return String(num).replace(/\d/g, function (d) {
+    return digitMap[d];
+  });
+}
+
+// Parse URL query params to object
+export function parseURLParams(url) {
+  var params = {};
+  url.replace(/([^?=&]+)=([^?=&]+)/g, function (_, key, value) {
+    params[key] = value;
+    return '';
+  });
+  return params;
+}

package/es/components/guide/comment.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import './comment.scss';
+export interface CommentProps {
+    eventInfo?: any;
+    accessToken?: string;
+    userInfo?: any;
+}
+declare const Comment: React.FC<CommentProps>;
+export default Comment;

package/es/components/guide/comment.js

@@ -0,0 +1,97 @@
+import _Button from "@alifd/next/es/button";
+import _Loading from "@alifd/next/es/loading";
+import * as React from 'react';
+import "./comment.scss";
+
+// TODO: API imports not available
+// import { getGuideCommentUrlApi } from '@/api/business.js'
+// import apiConfig from '@/config/api.cofig'
+
+var Comment = function Comment(_ref) {
+  var eventInfoProp = _ref.eventInfo,
+    accessTokenProp = _ref.accessToken,
+    userInfoProp = _ref.userInfo;
+  var _React$useState = React.useState(false),
+    pageLoading = _React$useState[0],
+    setPageLoading = _React$useState[1];
+  var _React$useState2 = React.useState(false),
+    webViewShow = _React$useState2[0],
+    setWebViewShow = _React$useState2[1];
+  var _React$useState3 = React.useState(''),
+    commentSrc = _React$useState3[0],
+    setCommentSrc = _React$useState3[1];
+  React.useEffect(function () {
+    getGuideCommentUrl();
+  }, []);
+  var getGuideCommentUrl = function getGuideCommentUrl() {
+    var _eventInfo$taskGenera, _eventInfo$taskGenera2;
+    setPageLoading(true);
+    var access_token = accessTokenProp;
+    var eventInfo = eventInfoProp;
+    var userInfo = userInfoProp;
+    if (!eventInfo || !userInfo) {
+      setPageLoading(false);
+      return;
+    }
+    var params = {
+      channel: '1',
+      itemCode: ((_eventInfo$taskGenera = eventInfo.taskGeneralBasic) === null || _eventInfo$taskGenera === void 0 ? void 0 : _eventInfo$taskGenera.rowGuid) || '',
+      itemName: ((_eventInfo$taskGenera2 = eventInfo.taskGeneralBasic) === null || _eventInfo$taskGenera2 === void 0 ? void 0 : _eventInfo$taskGenera2.taskHandleItemName) || '',
+      userId: userInfo.loginAccountId || '',
+      userName: userInfo.userName || userInfo.legalName || '',
+      token: access_token || '',
+      acctType: userInfo.acctType || ''
+    };
+
+    // TODO: getGuideCommentUrlApi(params) not available
+    console.log('Comment params', params);
+
+    // Mock implementation:
+    setPageLoading(false);
+    // const url = res.url;
+    // const { commentDomain } = apiConfig.domain;
+    // const { isProduct } = apiConfig;
+    // setCommentSrc(isProduct ? url : commentDomain + url.split('11013')[1]);
+    // setWebViewShow(true);
+    // setTimeout(() => {
+    //   const iframe = document.getElementById('commentIframe') as HTMLIFrameElement;
+    //   if (iframe && commentSrc) iframe.src = commentSrc;
+    // }, 500);
+
+    setPageLoading(false);
+  };
+  var closeComment = function closeComment() {
+    // TODO: uni.navigateBack()
+    window.history.back();
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "comment-content"
+  }, pageLoading && /*#__PURE__*/React.createElement(_Loading, {
+    visible: pageLoading,
+    tip: "\u52A0\u8F7D\u4E2D..."
+  }), webViewShow && /*#__PURE__*/React.createElement("div", {
+    className: "webView-content"
+  }, /*#__PURE__*/React.createElement("iframe", {
+    id: "commentIframe",
+    src: commentSrc,
+    frameBorder: "0",
+    height: "100%",
+    width: "100%",
+    title: "\u8BC4\u4EF7"
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "btn-con"
+  }, /*#__PURE__*/React.createElement(_Button, {
+    onClick: closeComment
+  }, "\u5173\u95ED\u8BC4\u4EF7"))), !pageLoading && !webViewShow && /*#__PURE__*/React.createElement("div", {
+    className: "webView-content",
+    style: {
+      display: 'flex',
+      justifyContent: 'center',
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", null, "\u8BC4\u4EF7\u9875\u9762\u52A0\u8F7D\u4E2D..."), /*#__PURE__*/React.createElement(_Button, {
+    onClick: closeComment
+  }, "\u8FD4\u56DE"))));
+};
+Comment.displayName = 'Comment';
+export default Comment;

package/es/components/guide/comment.scss

@@ -0,0 +1,23 @@
+.comment-content {
+  background: #ffffff;
+  min-height: 100vh;
+
+  .page-loading {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100vh;
+  }
+
+  .webView-content {
+    height: 90vh;
+    width: 100%;
+
+    .btn-con {
+      padding: 0 12px;
+      margin-top: -40px;
+      display: flex;
+      justify-content: center;
+    }
+  }
+}

package/es/components/guide/compoents/accept.d.ts

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

package/es/components/guide/compoents/accept.js

@@ -0,0 +1,35 @@
+import * as React from 'react';
+import "./accept.scss";
+var Accept = function Accept(_ref) {
+  var eventInfoProp = _ref.eventInfo;
+  var _React$useState = React.useState(''),
+    acceptCondition = _React$useState[0],
+    setAcceptCondition = _React$useState[1];
+  React.useEffect(function () {
+    initData();
+  }, []);
+  var initData = function initData() {
+    var _eventInfo$taskGenera;
+    var eventInfo = eventInfoProp;
+    if (eventInfo !== null && eventInfo !== void 0 && (_eventInfo$taskGenera = eventInfo.taskGeneralExtend) !== null && _eventInfo$taskGenera !== void 0 && _eventInfo$taskGenera.acceptCondition) {
+      setAcceptCondition(eventInfo.taskGeneralExtend.acceptCondition);
+    }
+  };
+  if (!acceptCondition) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "accept-content"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "empty-text"
+    }, "\u6682\u65E0\u53D7\u7406\u6761\u4EF6"));
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: "accept-content"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "card-content",
+    dangerouslySetInnerHTML: {
+      __html: acceptCondition
+    }
+  }));
+};
+Accept.displayName = 'Accept';
+export default Accept;

package/es/components/guide/compoents/accept.scss

@@ -0,0 +1,11 @@
+.accept-content {
+  background: #FFFFFF;
+  border-radius: 4px;
+  width: 100%;
+  margin-top: 10px;
+  padding: 16px 14px;
+  box-sizing: border-box;
+  line-height: 36px;
+  font-size: 14px;
+  color: #222222;
+}

package/es/components/guide/compoents/basicInfo.d.ts

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

package/es/components/guide/compoents/basicInfo.js

@@ -0,0 +1,81 @@
+import * as React from 'react';
+import "./basicInfo.scss";
+var BasicInfo = function BasicInfo(_ref) {
+  var eventInfoProp = _ref.eventInfo;
+  var _React$useState = React.useState({}),
+    taskGeneralBasic = _React$useState[0],
+    setTaskGeneralBasic = _React$useState[1];
+  var _React$useState2 = React.useState(''),
+    itemBasic = _React$useState2[0],
+    setItemBasic = _React$useState2[1];
+  var _React$useState3 = React.useState({}),
+    taskGeneralExtend = _React$useState3[0],
+    setTaskGeneralExtend = _React$useState3[1];
+  React.useEffect(function () {
+    initData();
+  }, []);
+  var initData = function initData() {
+    var eventInfo = eventInfoProp;
+    if (!eventInfo) return;
+    setTaskGeneralBasic(eventInfo.taskGeneralBasic || {});
+    setItemBasic(eventInfo.itemBasic || '');
+    setTaskGeneralExtend(eventInfo.taskGeneralExtend || {});
+  };
+  var call = function call() {
+    var phone = taskGeneralExtend.seekPhone;
+    if (phone) {
+      window.location.href = "tel:" + phone;
+    }
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "basicInfo-content"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "card"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "item"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "left"
+  }, "\u5B9E\u65BD\u4E3B\u4F53"), /*#__PURE__*/React.createElement("div", {
+    className: "right"
+  }, itemBasic.deptName || '-')), /*#__PURE__*/React.createElement("div", {
+    className: "item"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "left"
+  }, "\u670D\u52A1\u5BF9\u8C61"), /*#__PURE__*/React.createElement("div", {
+    className: "right"
+  }, taskGeneralExtend.serviceObjectTypeText || '-'))), /*#__PURE__*/React.createElement("div", {
+    className: "card"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "item"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "left"
+  }, "\u529E\u4E8B\u5730\u5740"), /*#__PURE__*/React.createElement("div", {
+    className: "right"
+  }, taskGeneralExtend.transactAddr || '-')), /*#__PURE__*/React.createElement("div", {
+    className: "item"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "left"
+  }, "\u529E\u7406\u65F6\u95F4"), /*#__PURE__*/React.createElement("div", {
+    className: "right"
+  }, taskGeneralExtend.transactTime || '-'))), /*#__PURE__*/React.createElement("div", {
+    className: "card"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "item"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "left"
+  }, "\u54A8\u8BE2\u5730\u5740"), /*#__PURE__*/React.createElement("div", {
+    className: "right"
+  }, taskGeneralExtend.seekWebsite || '-')), /*#__PURE__*/React.createElement("div", {
+    className: "item",
+    onClick: call,
+    style: {
+      cursor: taskGeneralExtend.seekPhone ? 'pointer' : undefined
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "left"
+  }, "\u54A8\u8BE2\u7535\u8BDD"), /*#__PURE__*/React.createElement("div", {
+    className: "right"
+  }, taskGeneralExtend.seekPhone || '-'))));
+};
+BasicInfo.displayName = 'BasicInfo';
+export default BasicInfo;

package/es/components/guide/compoents/basicInfo.scss

@@ -0,0 +1,32 @@
+.basicInfo-content {
+  .card {
+    background: #ffffff;
+    border-radius: 10px;
+    margin: 16px 0;
+    padding: 0 15px;
+
+    .item {
+      width: 100%;
+      padding: 16px 0;
+      display: flex;
+      justify-content: space-between;
+      border-bottom: 1px solid #EEEEEE;
+      font-size: 14px;
+
+      &:last-child {
+        border: none;
+      }
+
+      .left {
+        color: #323232;
+        font-weight: bold;
+      }
+      .right {
+        flex: 1;
+        color: #505050;
+        text-align: right;
+        margin-left: 20px;
+      }
+    }
+  }
+}

package/es/components/guide/compoents/eventInfo.d.ts

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

package/es/components/guide/compoents/eventInfo.js

@@ -0,0 +1,87 @@
+import * as React from 'react';
+import "./eventInfo.scss";
+var EventInfo = function EventInfo(_ref) {
+  var eventInfoProp = _ref.eventInfo,
+    filterMaterialsProp = _ref.filterMaterials;
+  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];
+  var _React$useState3 = React.useState([]),
+    info = _React$useState3[0],
+    setInfo = _React$useState3[1];
+  var _React$useState4 = React.useState(false),
+    hasSituation = _React$useState4[0],
+    setHasSituation = _React$useState4[1];
+  var _React$useState5 = React.useState(false),
+    hasFilterMaterials = _React$useState5[0],
+    setHasFilterMaterials = _React$useState5[1];
+  React.useEffect(function () {
+    initData();
+    initHasSituation();
+    getFilterMaterials();
+  }, []);
+  var initData = function initData() {
+    var eventInfo = eventInfoProp;
+    if (!eventInfo) return;
+    var basic = eventInfo.taskGeneralBasic || {};
+    var extend = eventInfo.taskGeneralExtend || {};
+    setTaskGeneralBasic(basic);
+    setTaskGeneralExtend(extend);
+    setInfo([{
+      value: extend.workSceneNumber || '--',
+      unit: '次',
+      name: '到现场次数'
+    }, {
+      value: extend.anticipateDay || '--',
+      unit: '工作日',
+      name: '法定办结时限'
+    }, {
+      value: extend.promiseDay || '--',
+      unit: '工作日',
+      name: '承诺办结时限'
+    }]);
+  };
+  var initHasSituation = function initHasSituation() {
+    var eventInfo = eventInfoProp;
+    setHasSituation(!!(eventInfo !== null && eventInfo !== void 0 && eventInfo.taskGeneralSituation));
+  };
+  var getFilterMaterials = function getFilterMaterials() {
+    setHasFilterMaterials(!!filterMaterialsProp);
+  };
+
+  // TODO: selection() – uni.navigateTo not implemented
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: "eventInfo-content"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "title"
+  }, taskGeneralBasic.taskHandleItemName), /*#__PURE__*/React.createElement("div", {
+    className: "info-con"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "tags-content"
+  }, taskGeneralBasic.projectTypeText && /*#__PURE__*/React.createElement("div", {
+    className: "tags"
+  }, taskGeneralBasic.projectTypeText), /*#__PURE__*/React.createElement("div", {
+    className: "tags"
+  }, taskGeneralExtend.isFeeText ? taskGeneralExtend.isFeeText === '是' ? '收费' : '不收费' : '不收费'))), /*#__PURE__*/React.createElement("div", {
+    className: "info-content"
+  }, info.map(function (item, index) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "info-item",
+      key: index
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "info-num"
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "num"
+    }, item.value), /*#__PURE__*/React.createElement("span", {
+      className: "unit"
+    }, item.unit)), /*#__PURE__*/React.createElement("div", {
+      className: "name"
+    }, item.name));
+  })));
+};
+EventInfo.displayName = 'EventInfo';
+export default EventInfo;

package/es/components/guide/compoents/eventInfo.scss

@@ -0,0 +1,87 @@
+.eventInfo-content {
+  background: #ffffff;
+  border-radius: 10px;
+  padding: 15px 14px;
+  margin-bottom: 2px;
+
+  .title {
+    font-size: 16px;
+    line-height: 21px;
+    font-weight: 500;
+    color: #333333;
+  }
+
+  .info-con {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin: 12px 0;
+    margin-bottom: 0;
+
+    .tags-content {
+      display: flex;
+      justify-content: flex-start;
+      align-items: center;
+      gap: 10px;
+
+      .tags {
+        width: 64px;
+        height: 26px;
+        line-height: 26px;
+        border-radius: 4px;
+        font-size: 12px;
+        color: #1678FF;
+        text-align: center;
+
+        &:nth-child(1) {
+          background: #DAF7FF;
+          color: #369EB7;
+        }
+        &:nth-child(2) {
+          background: #ECF4FF;
+          color: #1678FF;
+        }
+      }
+    }
+  }
+
+  .info-content {
+    display: flex;
+    justify-content: space-evenly;
+    align-items: center;
+    margin-top: 13px;
+    gap: 12px;
+
+    .info-item {
+      background: #ECF4FF;
+      border-radius: 4px;
+      text-align: center;
+      height: 84px;
+      flex: 1;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      flex-direction: column;
+
+      .info-num {
+        .num {
+          font-size: 24px;
+          color: #1678FF;
+          line-height: 22px;
+        }
+        .unit {
+          font-size: 12px;
+          color: #666666;
+          margin-left: 2px;
+        }
+      }
+      .name {
+        font-size: 13px;
+        color: #333333;
+        line-height: 22px;
+        margin-top: 12px;
+        font-weight: 500;
+      }
+    }
+  }
+}

package/es/components/guide/compoents/guideTabs.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import './guideTabs.scss';
+export interface GuideTabsProps {
+    tabsList: Array<{
+        label: string;
+    }>;
+    isSticky?: boolean;
+    curTab?: number;
+    scrollable?: boolean;
+    keyName?: string;
+    fontSize?: string | number;
+    lineHeight?: string | number;
+    lineWidth?: string | number;
+    lineColor?: string;
+    hasLineImg?: boolean;
+    activeColor?: string;
+    onTabsChange?: (index: number) => void;
+}
+declare const GuideTabs: React.FC<GuideTabsProps>;
+export default GuideTabs;

package/es/components/guide/compoents/guideTabs.js

@@ -0,0 +1,55 @@
+import * as React from 'react';
+import "./guideTabs.scss";
+var GuideTabs = function GuideTabs(_ref) {
+  var tabsList = _ref.tabsList,
+    _ref$curTab = _ref.curTab,
+    curTab = _ref$curTab === void 0 ? 0 : _ref$curTab,
+    _ref$keyName = _ref.keyName,
+    keyName = _ref$keyName === void 0 ? 'label' : _ref$keyName,
+    _ref$fontSize = _ref.fontSize,
+    fontSize = _ref$fontSize === void 0 ? '16' : _ref$fontSize,
+    _ref$lineHeight = _ref.lineHeight,
+    lineHeight = _ref$lineHeight === void 0 ? '7' : _ref$lineHeight,
+    _ref$lineWidth = _ref.lineWidth,
+    lineWidth = _ref$lineWidth === void 0 ? '30' : _ref$lineWidth,
+    _ref$lineColor = _ref.lineColor,
+    lineColor = _ref$lineColor === void 0 ? '#1678FF' : _ref$lineColor,
+    _ref$hasLineImg = _ref.hasLineImg,
+    hasLineImg = _ref$hasLineImg === void 0 ? false : _ref$hasLineImg,
+    _ref$activeColor = _ref.activeColor,
+    activeColor = _ref$activeColor === void 0 ? '#1678FF' : _ref$activeColor,
+    onTabsChange = _ref.onTabsChange;
+  var px = function px(val) {
+    return typeof val === 'number' ? val + "px" : val;
+  };
+  var lineH = px(lineHeight);
+  var lineR = typeof lineHeight === 'number' ? lineHeight / 2 + "px" : '3px';
+  return /*#__PURE__*/React.createElement("div", {
+    className: "guide-tabs-content"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "guide-tabs-nav"
+  }, tabsList.map(function (item, index) {
+    var isActive = index === curTab;
+    return /*#__PURE__*/React.createElement("div", {
+      key: item[keyName] || index,
+      className: "guide-tab-item" + (isActive ? ' active' : ''),
+      onClick: function onClick() {
+        return onTabsChange === null || onTabsChange === void 0 ? void 0 : onTabsChange(index);
+      },
+      style: {
+        fontSize: px(fontSize),
+        color: isActive ? activeColor : '#505050'
+      }
+    }, item[keyName], isActive && /*#__PURE__*/React.createElement("div", {
+      className: "guide-tab-line",
+      style: {
+        width: px(lineWidth),
+        height: lineH,
+        background: hasLineImg ? 'currentColor' : lineColor,
+        borderRadius: lineR
+      }
+    }));
+  })));
+};
+GuideTabs.displayName = 'GuideTabs';
+export default GuideTabs;

package/es/components/guide/compoents/guideTabs.scss

@@ -0,0 +1,39 @@
+.guide-tabs-content {
+  overflow: hidden;
+}
+
+.guide-tabs-nav {
+  display: flex;
+  align-items: center;
+  overflow-x: auto;
+  white-space: nowrap;
+  -webkit-overflow-scrolling: touch;
+  scrollbar-width: none;
+
+  &::-webkit-scrollbar {
+    display: none;
+  }
+}
+
+.guide-tab-item {
+  position: relative;
+  flex-shrink: 0;
+  padding: 14px 10px;
+  text-align: center;
+  cursor: pointer;
+  transition: color 0.2s;
+  user-select: none;
+  font-size: 18px;
+  color: rgb(22, 120, 255);
+
+  &.active {
+    font-weight: 500;
+  }
+}
+
+.guide-tab-line {
+  position: absolute;
+  bottom: 0;
+  left: 50%;
+  transform: translateX(-50%);
+}