@vtx/modals2 5.0.58 → 6.0.0-beta.0

package/lib/vtx-wr-modal/components/Score/index.less

@@ -1,7 +1,12 @@
 .wr-score-content {
   width: 100%;
-  height: calc(100% - 60px);
+  height: 100%;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
   .wr-score-title {
+    flex: 0 0 auto;
     padding: 12px 16px;
     font-size: 16px;
     box-sizing: border-box;
@@ -12,38 +17,56 @@
   .wr-score-panel {
     width: 100%;
     border-radius: 8px;
-    .wr-score-content {
-      display: flex;
-      gap: 60px;
-      justify-content: center;
-      .score-chart {
-        width: 480px;
+    box-sizing: border-box;
+    overflow: hidden;
+  }
+  .wr-score-overview-panel {
+    flex: 0 0 290px;
+  }
+  .wr-score-table-panel {
+    flex: 1;
+    min-height: 0;
+    display: flex;
+    flex-direction: column;
+  }
+  .wr-score-overview-content {
+    height: calc(100% - 49px);
+    display: flex;
+    gap: 60px;
+    justify-content: center;
+    .score-chart {
+      width: 480px;
+      height: 100%;
+      box-sizing: border-box;
+      .score-summary {
         height: 100%;
-        box-sizing: border-box;
-        .score-summary {
-          height: 100%;
+        display: flex;
+        justify-content: center;
+        gap: 80px;
+        align-items: center;
+        .score-summary-item {
           display: flex;
-          justify-content: center;
-          gap: 80px;
           align-items: center;
-          .score-summary-item {
-            display: flex;
-            align-items: center;
-            img {
-              width: 44px;
-              height: 44px;
-              margin-right: 16px;
-            }
+          img {
+            width: 44px;
+            height: 44px;
+            margin-right: 16px;
           }
         }
       }
-      .score-text {
-        width: 480px;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-      }
     }
+    .score-text {
+      width: 480px;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+    }
+  }
+  .wr-score-table-body {
+    flex: 1;
+    min-height: 0;
+    padding: 12px 16px 16px;
+    box-sizing: border-box;
   }
 }
 

package/lib/vtx-wr-modal/index.js

@@ -17,6 +17,7 @@ import VtxBaseModal from "../vtx-base-modal";
 import VtxDefaultModal from "../vtx-default-modal";
 import { Appraise, Base, Build, File, Score } from "./components";
 import "./style";
+import { translateLocaleText } from "./../hooks/useTranslation.js";
 
 //弹窗配置
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
@@ -108,10 +109,12 @@ export default (function (props) {
         value: detail.facilityStatusName
       }, detail.withDevice && {
         color: 'green',
-        value: '已绑定设备'
+        value: translateLocaleText("t('vtxwrmodal.boundDevice')")
       }, !!detail.alarmNum && {
         color: 'red',
-        value: "\u6B63\u5728\u62A5\u8B66 ".concat(detail.alarmNum)
+        value: translateLocaleText("t('vtxwrmodal.alarmingWithCount')", {
+          count: detail.alarmNum
+        })
       }].filter(function (item) {
         return !!item;
       })

package/lib/vtx-wr-modal/style/index.js

@@ -1,4 +1,3 @@
-import '@vtx/components/lib/vtx-image/style/index';
 import "../components/Appraise/index.less";
 import "../components/Base/index.less";
 import "../components/Build/index.less";

package/lib/vtx-zf-modal/components/Base/index.js

@@ -1,112 +1,113 @@
 import { VmMap } from "../../../_components";
 import Right from "../Right";
+import { translateLocaleText } from "./../../../hooks/useTranslation.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export default (function (props) {
   var _detail$location, _detail$location2, _detail$location3, _detail$location4;
   var detail = props.detail;
   var base = [{
-    name: '案件来源',
+    name: translateLocaleText("t('vtxzfmodal.caseSource')"),
     key: 'caseFromStr'
   }, {
-    name: '受案机关',
+    name: translateLocaleText("t('vtxzfmodal.acceptanceAuthority')"),
     key: 'acceptDepartment'
   }, {
-    name: '受案时间',
+    name: translateLocaleText("t('vtxzfmodal.hours')"),
     key: 'acceptTime'
   }, {
-    name: '案发时间',
+    name: translateLocaleText("t('vtxzfmodal.hours2')"),
     key: 'accidentTime'
   }, {
-    name: '登记时间',
+    name: translateLocaleText("t('vtxzfmodal.hours3')"),
     key: 'registrationTime'
   }, {
-    name: '登记人',
+    name: translateLocaleText("t('vtxzfmodal.registrant')"),
     key: 'undertakeUserName'
   }, {
-    name: '案情概述',
+    name: translateLocaleText("t('vtxzfmodal.caseSummary')"),
     key: 'caseDescription',
     weights: 2
   }, {
-    name: '案发地点',
+    name: translateLocaleText("t('vtxzfmodal.point')"),
     key: 'accidentAddress',
     weights: 2
   }];
   var dsrUnit = [{
-    name: '当事人类型',
+    name: translateLocaleText("t('vtxzfmodal.currentType')"),
     key: 'casePartyTypeName'
   }, {
-    name: '单位名称',
+    name: translateLocaleText("t('vtxzfmodal.unitName')"),
     key: 'partyName'
   }, {
-    name: '法定代表人',
+    name: translateLocaleText("t('vtxzfmodal.legalRepresentative')"),
     key: 'corporate'
   }, {
-    name: '统一社会信用代码',
+    name: translateLocaleText("t('vtxzfmodal.unifiedSocialCreditCode')"),
     key: 'socialCode'
   }, {
-    name: '联系电话',
+    name: translateLocaleText("t('vtxzfmodal.phone')"),
     key: 'phone'
   }, {
-    name: '身份证号',
+    name: translateLocaleText("t('vtxzfmodal.idCardNo')"),
     key: 'identityCode'
   }, {
-    name: '住所地址',
+    name: translateLocaleText("t('vtxzfmodal.address')"),
     key: 'liveAddress',
     weights: 2
   }];
   var dsrPerson = [{
-    name: '当事人类型',
+    name: translateLocaleText("t('vtxzfmodal.currentType')"),
     key: 'casePartyTypeName'
   }, {
-    name: '姓名',
+    name: translateLocaleText("t('vtxzfmodal.personName')"),
     key: 'partyName'
   }, {
-    name: '联系电话',
+    name: translateLocaleText("t('vtxzfmodal.phone')"),
     key: 'phone'
   }, {
-    name: '身份证号',
+    name: translateLocaleText("t('vtxzfmodal.idCardNo')"),
     key: 'identityCode'
   }, {
-    name: '住所地址',
+    name: translateLocaleText("t('vtxzfmodal.address')"),
     key: 'liveAddress',
     weights: 2
   }, {
-    name: '工作单位及职务',
+    name: translateLocaleText("t('vtxzfmodal.unitPosition')"),
     key: 'job',
     weights: 2
   }];
   var cbxx = [{
-    name: '承办单位',
+    name: translateLocaleText("t('vtxzfmodal.unit')"),
     key: 'undertakeOrgName'
   }, {
-    name: '主办人',
+    name: translateLocaleText("t('vtxzfmodal.primaryHandler')"),
     key: 'undertakeUserName'
   }, {
-    name: '协办人',
+    name: translateLocaleText("t('vtxzfmodal.assistantHandler')"),
     key: 'assistUserName'
   }];
   var laxx = [{
-    name: '案件流程',
+    name: translateLocaleText("t('vtxzfmodal.caseProcess')"),
     key: 'caseTypeName'
   }, {
-    name: '案件编号',
+    name: translateLocaleText("t('vtxzfmodal.caseNo')"),
     key: 'caseCode'
   }, {
-    name: '卷宗编号',
+    name: translateLocaleText("t('vtxzfmodal.fileNo')"),
     key: 'fileCode'
   }, {
-    name: '立案时间',
+    name: translateLocaleText("t('vtxzfmodal.hours4')"),
     key: 'lianTime'
   }, {
-    name: '案件案由',
+    name: translateLocaleText("t('vtxzfmodal.caseCause')"),
     key: 'caseCauseManageName',
     weights: 2
   }, {
-    name: '违反条款',
+    name: translateLocaleText("t('vtxzfmodal.violatedClause')"),
     key: 'breakContent',
     weights: 2
   }, {
-    name: '处罚条款',
+    name: translateLocaleText("t('vtxzfmodal.penaltyClause')"),
     key: 'punishContent',
     weights: 2
   }];
@@ -118,7 +119,7 @@ export default (function (props) {
         className: "zf-left-top",
         children: [/*#__PURE__*/_jsxs("div", {
           className: "zf-base-title",
-          children: ["\u6848\u4EF6\u4FE1\u606F", detail.caseTypeName && /*#__PURE__*/_jsx("span", {
+          children: [translateLocaleText("t('vtxzfmodal.caseInformation')"), detail.caseTypeName && /*#__PURE__*/_jsx("span", {
             className: "zf-base-subTitle",
             children: "\u3010".concat(detail.caseTypeName, "-").concat(detail.currentTask, "\u3011")
           })]
@@ -156,7 +157,7 @@ export default (function (props) {
         className: "zf-left-bottom",
         children: [/*#__PURE__*/_jsx("div", {
           className: "zf-base-title",
-          children: "\u5F53\u4E8B\u4EBA\u4FE1\u606F"
+          children: translateLocaleText("t('vtxzfmodal.current')")
         }), /*#__PURE__*/_jsx("div", {
           className: "zf-base-info",
           style: {
@@ -164,7 +165,7 @@ export default (function (props) {
           },
           children: /*#__PURE__*/_jsx("div", {
             className: "zf-base-list",
-            children: (detail.casePartyType == 'unit' ? dsrUnit : dsrPerson).map(function (item) {
+            children: (detail.casePartyType === 'unit' ? dsrUnit : dsrPerson).map(function (item) {
               return /*#__PURE__*/_jsxs("div", {
                 className: "zf-base-item",
                 style: {
@@ -184,7 +185,7 @@ export default (function (props) {
         className: "zf-left-bottom",
         children: [/*#__PURE__*/_jsx("div", {
           className: "zf-base-title",
-          children: "\u627F\u529E\u4FE1\u606F"
+          children: translateLocaleText("t('vtxzfmodal.handlingInformation')")
         }), /*#__PURE__*/_jsx("div", {
           className: "zf-base-info",
           style: {
@@ -212,7 +213,7 @@ export default (function (props) {
         className: "zf-left-bottom",
         children: [/*#__PURE__*/_jsx("div", {
           className: "zf-base-title",
-          children: "\u7ACB\u6848\u4FE1\u606F"
+          children: translateLocaleText("t('vtxzfmodal.filingInformation')")
         }), /*#__PURE__*/_jsx("div", {
           className: "zf-base-info",
           style: {

package/lib/vtx-zf-modal/components/CkEditorCustom/index.js

@@ -31,6 +31,7 @@ import { UnorderedListOutlined } from '@ant-design/icons';
 import "./index.less";
 import viewRichText from "./view";
 import CKModal from "./widgets/CKModal";
+import { translateLocaleText } from "./../../../hooks/useTranslation.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var defaultPlugins = ClassicEditor.builtinPlugins;
 function CkEditorCustom(_ref, ref) {
@@ -77,22 +78,22 @@ function CkEditorCustom(_ref, ref) {
       heading: {
         options: [{
           model: 'paragraph',
-          title: '正文',
+          title: translateLocaleText("t('vtxzfmodal.paragraph')"),
           class: 'ck-heading_paragraph'
         }, {
           model: 'heading1',
           view: 'h1',
-          title: '标题1',
+          title: translateLocaleText("t('vtxzfmodal.title1')"),
           class: 'ck-heading_heading1'
         }, {
           model: 'heading2',
           view: 'h2',
-          title: '标题2',
+          title: translateLocaleText("t('vtxzfmodal.title2')"),
           class: 'ck-heading_heading2'
         }, {
           model: 'heading3',
           view: 'h3',
-          title: '标题3',
+          title: translateLocaleText("t('vtxzfmodal.title3')"),
           class: 'ck-heading_heading3'
         }]
       },
@@ -163,7 +164,7 @@ function CkEditorCustom(_ref, ref) {
             setState({
               modalVisible: true,
               modalType: defaultData.type,
-              modalTitle: '编辑',
+              modalTitle: translateLocaleText("t('vtxzfmodal.edit')"),
               defaultData: _objectSpread(_objectSpread({}, defaultData), {}, {
                 id: configid
               })
@@ -182,7 +183,7 @@ function CkEditorCustom(_ref, ref) {
       children: [/*#__PURE__*/_jsx("div", {
         className: classNames("tab1"),
         style: {
-          display: state.active == 'source' ? 'block' : 'none'
+          display: state.active === 'source' ? 'block' : 'none'
         },
         children: /*#__PURE__*/_jsx("div", {
           className: classNames("block"),
@@ -195,7 +196,7 @@ function CkEditorCustom(_ref, ref) {
       }), /*#__PURE__*/_jsxs("div", {
         className: classNames("tab2"),
         style: {
-          display: state.active == 'design' ? 'flex' : 'none'
+          display: state.active === 'design' ? 'flex' : 'none'
         },
         children: [/*#__PURE__*/_jsx("div", {
           className: classNames("editor"),
@@ -207,33 +208,33 @@ function CkEditorCustom(_ref, ref) {
             className: classNames('right_bar_title'),
             children: [/*#__PURE__*/_jsx(UnorderedListOutlined, {
               className: classNames('right_bar_title_icon')
-            }), "\u8868\u5355\u7EC4\u4EF6"]
+            }), translateLocaleText("t('vtxzfmodal.formComponents')")]
           }), [{
-            name: '文本框',
+            name: translateLocaleText("t('vtxzfmodal.text')"),
             type: 'input',
             func: 'insertCustomInput'
           }, {
-            name: '日期',
+            name: translateLocaleText("t('vtxzfmodal.date')"),
             type: 'date',
             func: 'insertCustomDate'
           }, {
-            name: '文本域',
+            name: translateLocaleText("t('vtxzfmodal.text2')"),
             type: 'textarea',
             func: 'insertCustomTextarea'
           }, {
-            name: '签名图片',
+            name: translateLocaleText("t('vtxzfmodal.signatureImage')"),
             type: 'sign',
             func: 'insertCustomSign'
           }, {
-            name: '可编辑文本',
+            name: translateLocaleText("t('vtxzfmodal.editText')"),
             type: 'editable-div',
             func: 'insertEditableDiv'
           }, {
-            name: '单选框',
+            name: translateLocaleText("t('vtxzfmodal.singleSelection')"),
             type: 'radio',
             func: 'insertCustomRadio'
           }, {
-            name: '复选框',
+            name: translateLocaleText("t('vtxzfmodal.checkbox')"),
             type: 'checkbox',
             func: 'insertCustomCheckbox'
           }].map(function (item) {
@@ -244,7 +245,7 @@ function CkEditorCustom(_ref, ref) {
                 setState({
                   modalVisible: true,
                   modalType: item.type,
-                  modalTitle: "".concat(item.name, " > \u914D\u7F6E"),
+                  modalTitle: "".concat(item.name, " > ").concat(translateLocaleText("t('vtxzfmodal.configuration')")),
                   executeFunc: item.func
                 });
               },
@@ -255,7 +256,7 @@ function CkEditorCustom(_ref, ref) {
       }), /*#__PURE__*/_jsx("div", {
         className: classNames("tab3"),
         style: {
-          display: state.active == 'preview' ? 'block' : 'none'
+          display: state.active === 'preview' ? 'block' : 'none'
         },
         children: /*#__PURE__*/_jsx("div", {
           className: classNames("block"),
@@ -268,17 +269,17 @@ function CkEditorCustom(_ref, ref) {
     }), /*#__PURE__*/_jsx("div", {
       className: classNames("footer"),
       children: [{
-        name: '源码',
+        name: translateLocaleText("t('vtxzfmodal.sourceCode')"),
         key: 'source'
       }, {
-        name: '设计',
+        name: translateLocaleText("t('vtxzfmodal.design')"),
         key: 'design'
       }, {
-        name: '预览',
+        name: translateLocaleText("t('vtxzfmodal.preview')"),
         key: 'preview'
       }].map(function (item) {
         return /*#__PURE__*/_jsx("span", {
-          className: classNames(state.active == item.key ? 'checked' : ''),
+          className: classNames(state.active === item.key ? 'checked' : ''),
           onClick: function onClick() {
             setState({
               active: item.key,

package/lib/vtx-zf-modal/components/CkEditorCustom/widgets/CKModal.js

@@ -15,6 +15,7 @@ import React, { useEffect } from "react";
 import Config from "./config";
 import classNames from "classnames";
 import { VtxFormLayout } from '@vtx/components';
+import { translateLocaleText } from "./../../../../hooks/useTranslation.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export default function CKModal(props) {
   var _props$defaultData = props.defaultData,
@@ -35,8 +36,9 @@ export default function CKModal(props) {
   };
   return /*#__PURE__*/_jsx(Modal, {
     title: "".concat(props.title),
-    visible: props.visible,
+    open: props.visible,
     maskClosable: false,
+    destroyOnHidden: true,
     onCancel: props.onClose,
     onOk: function onOk() {
       return form.submit();
@@ -48,27 +50,27 @@ export default function CKModal(props) {
       children: /*#__PURE__*/_jsx(VtxFormLayout, {
         cols: 1,
         children: (Config[props.type] || []).map(function (item) {
-          if (item.type == 'label') {
+          if (item.type === 'label') {
             return /*#__PURE__*/_jsx("div", {
               className: classNames("label"),
-              children: item.name
+              children: translateLocaleText(item.name)
             }, item.key);
           } else {
             return /*#__PURE__*/_jsx(VtxFormLayout.FormItem, {
-              label: item.name,
+              label: translateLocaleText(item.name),
               name: item.key,
               weights: 1,
               rules: [{
                 required: item.require,
-                message: '必填'
+                message: translateLocaleText("t('vtxzfmodal.required')")
               }],
               getValueFromEvent: function getValueFromEvent(e) {
                 return (e.target.value || '').trim();
               },
               children: /*#__PURE__*/_jsx(Input, {
-                placeholder: "\u8BF7\u8F93\u5165"
+                placeholder: translateLocaleText("t('common.placeholder.input')")
               })
-            });
+            }, item.key);
           }
         })
       })