@vtx/modals2 6.0.0-beta.2 → 6.0.0-beta.21

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

@@ -1,16 +1,16 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import { request } from '@vtx/utils';
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { getVtxToken, request } from '@vtx/utils';
 import { useSetState } from 'ahooks';
 import { Alert, Tabs } from 'antd';
 import dayjs from 'dayjs';
@@ -27,6 +27,12 @@ var getDetail = function getDetail(params) {
     data: params
   });
 };
+//基础设施详情
+var getJcssDetail = function getJcssDetail(params) {
+  return request.get('/cloud/jcss-reborn/facility/get', {
+    data: params
+  });
+};
 //公厕配置字段
 var getFields = function getFields(params) {
   return request.get('/cloud/jcss-reborn/facility/type/view/detail', {
@@ -50,6 +56,19 @@ var getAlarmList = function getAlarmList(params) {
     data: JSON.stringify(params)
   });
 };
+var getImgList = function getImgList(photoIds, typePhotoIds) {
+  var photoList = photoIds || typePhotoIds;
+  if (!photoList) {
+    return [];
+  }
+  return (typeof photoList === 'string' ? JSON.parse(photoList) : photoList).map(function (item, index) {
+    return _objectSpread(_objectSpread({}, item), {}, {
+      index: index + 1,
+      name: item.name.split('.')[0],
+      url: "/vortex/rest/cloud/np/file/downloadFileThumbnail/".concat(item.id, "?token=").concat(getVtxToken('token'), "&outputQuality=0.5&scale=0.5")
+    });
+  });
+};
 export default (function (props) {
   var _monitorTypeList$filt;
   var theme = props.theme,
@@ -96,11 +115,22 @@ export default (function (props) {
     alarmList = state.alarmList;
   useEffect(function () {
     if (id) {
-      getDetail({
+      Promise.all([getDetail({
         id: id
-      }).then(function (res) {
-        if ((res === null || res === void 0 ? void 0 : res.result) === 0) {
-          setGcDetail(res.data || {});
+      }), getJcssDetail({
+        id: id,
+        coordType: 'bd09'
+      })]).then(function (_ref) {
+        var _ref2 = _slicedToArray(_ref, 2),
+          detailRes = _ref2[0],
+          jcssRes = _ref2[1];
+        if ((detailRes === null || detailRes === void 0 ? void 0 : detailRes.result) === 0) {
+          var detailData = detailRes.data || {};
+          var jcssDetail = (jcssRes === null || jcssRes === void 0 ? void 0 : jcssRes.result) === 0 ? jcssRes.data || {} : {};
+          setGcDetail(_objectSpread(_objectSpread({}, detailData), {}, {
+            jcssDetail: jcssDetail,
+            imgList: getImgList(detailData.photoIds, jcssDetail.typePhotoIds)
+          }));
         }
       });
       getFields({
@@ -156,7 +186,7 @@ export default (function (props) {
   }];
   var tableProps = {
     columns: columns,
-    height: 270,
+    height: 220,
     isIndex: false,
     pagination: false,
     dataSource: alarmList
@@ -165,7 +195,7 @@ export default (function (props) {
     label: translateLocaleText("t('vtxwrmodal.monitoringData')"),
     key: 'data',
     children: /*#__PURE__*/_jsx(VmLineCharts, {
-      height: 300,
+      height: 260,
       xAxis: echartsData.names || [],
       dataList: (echartsData.values || []).map(function (item, index) {
         return {
@@ -326,7 +356,8 @@ export default (function (props) {
       children: [/*#__PURE__*/_jsxs("div", {
         className: "wr-base-sjjg",
         style: {
-          height: gcDetail.hasDevice ? '270px' : '100%'
+          height: gcDetail.hasDevice ? '270px' : 'auto',
+          flex: gcDetail.hasDevice ? '0 0 270px' : '1 1 auto'
         },
         children: [/*#__PURE__*/_jsx("div", {
           className: "wr-base-title",

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

@@ -3,6 +3,9 @@
   height: 100%;
   display: flex;
   justify-content: space-between;
+  gap: 16px;
+  box-sizing: border-box;
+  min-width: 0;
   position: relative;
   .wr-base-alart {
     width: 100%;
@@ -23,6 +26,8 @@
   }
   .wr-base-left {
     width: 448px;
+    flex: 0 1 448px;
+    min-width: 0;
     height: 100%;
     border-radius: 8px;
     box-sizing: border-box;
@@ -32,6 +37,10 @@
       height: calc(100% - 50px);
       overflow: hidden;
       overflow-y: auto;
+      scrollbar-width: none;
+      &::-webkit-scrollbar {
+        display: none;
+      }
       .wr-base-img {
         width: 100%;
         height: 207px;
@@ -75,24 +84,51 @@
   }
   .wr-base-right {
     width: 704px;
+    flex: 1 1 704px;
+    min-width: 0;
+    min-height: 0;
+    box-sizing: border-box;
     height: 100%;
     overflow: hidden;
     overflow-y: auto;
+    display: flex;
+    flex-direction: column;
+    scrollbar-width: none;
+    &::-webkit-scrollbar {
+      display: none;
+    }
     .wr-base-sjjg {
       width: 100%;
+      box-sizing: border-box;
+      min-width: 0;
+      min-height: 0;
       height: 270px;
       padding-bottom: 16px;
       border-radius: 8px;
+      overflow: hidden;
+      overflow-y: auto;
+      scrollbar-width: none;
+      &::-webkit-scrollbar {
+        display: none;
+      }
     }
     .wr-base-jcbj {
       width: 100%;
-      height: 375px;
-      padding-bottom: 16px;
+      box-sizing: border-box;
+      min-width: 0;
+      min-height: 0;
+      height: auto;
+      flex: 1 1 auto;
+      padding-bottom: 8px;
       overflow: hidden;
       overflow-y: auto;
       border-radius: 8px;
       margin-top: 15px;
       position: relative;
+      scrollbar-width: none;
+      &::-webkit-scrollbar {
+        display: none;
+      }
       .ant-tabs-nav {
         margin-bottom: 0;
         padding-left: 16px;
@@ -211,6 +247,49 @@
     }
   }
 }
+.wr-base-universal {
+  padding: 16px 16px 0;
+  box-sizing: border-box;
+  height: auto;
+  display: flex;
+  align-items: flex-start;
+  .wr-base-universal-card {
+    width: 100%;
+    min-height: 76px;
+    border-radius: 8px;
+    padding: 14px 20px;
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    .wr-universal-title {
+      display: flex;
+      gap: 10px;
+      align-items: center;
+      img {
+        width: 44px;
+        height: 44px;
+      }
+    }
+    .wr-universal-total {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      .wr-universal-tip {
+        width: 6px;
+        height: 6px;
+        border-radius: 3px;
+        background: #ffc30f;
+        box-shadow: 0 0 5px rgba(255, 195, 15, 0.8);
+      }
+      .wr-universal-used {
+        color: #1ce548;
+        font-size: 24px;
+        font-weight: bold;
+      }
+    }
+  }
+}
 .wr-base-kws {
   flex: 1;
   border-radius: 8px;
@@ -323,8 +402,12 @@
       height: calc(100% - 44px);
       overflow: hidden;
       overflow-y: auto;
+      scrollbar-width: none;
+      &::-webkit-scrollbar {
+        display: none;
+      }
       .each-value {
-        width: 120px;
+        width: calc((100% - 12px) / 3);
         display: flex;
         flex-direction: column;
         align-items: center;
@@ -332,7 +415,7 @@
           font-weight: bold;
         }
         .each-factor-value {
-          width: 120px;
+          width: 100%;
           text-align: center;
           overflow: hidden;
           text-overflow: ellipsis;

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

@@ -12,15 +12,24 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { request } from '@vtx/utils';
 import { useEffect, useState } from 'react';
+import Appraisal from "../_components/vm-appraisal-info";
 import VmCustom from "../_components/vm-custom";
+import VmRepairMaintain from "../_components/vm-repair-maintain";
+import VmVideo, { insertVideoTab } from "../_components/vm-video";
+import useGetChannels from "../_hooks/useGetChannels";
+import useGetConfig from "../_hooks/useGetConfig";
+import { CommonService } from "../_service";
 import VtxBaseModal from "../vtx-base-modal";
 import VtxDefaultModal from "../vtx-default-modal";
+import { translateLocaleText } from "./../hooks/useTranslation.js";
 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";
+var TABS_APPRAISAL = 'appraisal';
+var TABS_VIDEO = 'video';
+var TABS_RM = 'rm';
 
 //弹窗配置
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 var getByCode = function getByCode(params) {
   return request.get('/cloud/jcss-reborn/facility/type/config/getByCode', {
     data: params
@@ -32,6 +41,10 @@ var smallPop = function smallPop(params) {
     data: params
   });
 };
+var tabs = [{
+  key: 'base',
+  title: translateLocaleText("t('vtxdefaultmodal.basicInformation')")
+}];
 export default (function (props) {
   var _config$;
   var visible = props.visible,
@@ -49,19 +62,28 @@ export default (function (props) {
     _useState4 = _slicedToArray(_useState3, 2),
     config = _useState4[0],
     setConfig = _useState4[1];
+  var _CommonService$useBas = CommonService.useBaseInfo(id),
+    info = _CommonService$useBas.info;
+  var _useGetConfig = useGetConfig(info === null || info === void 0 ? void 0 : info.typeCode, tabs),
+    tabsData = _useGetConfig.tabsData;
+  var _useGetChannels = useGetChannels("".concat((info === null || info === void 0 ? void 0 : info.typeCode) || 'wr', "_").concat(info === null || info === void 0 ? void 0 : info.code), !!(info !== null && info !== void 0 && info.code) && (tabsData === null || tabsData === void 0 ? void 0 : tabsData.findIndex(function (ele) {
+      return ele.key === 'video';
+    })) > -1),
+    channels = _useGetChannels.channels;
   useEffect(function () {
     getByCode({
       code: 'wr'
     }).then(function (res) {
       if ((res === null || res === void 0 ? void 0 : res.result) === 0) {
-        setConfig((res.data.popupConfigJson || []).filter(function (item) {
+        var tabsConfig = (res.data.popupConfigJson || []).filter(function (item) {
           return item.display;
         }).map(function (item) {
           return _objectSpread(_objectSpread({}, item), {}, {
             key: item.code,
             title: item.name
           });
-        }));
+        });
+        setConfig(tabsConfig);
       }
     });
   }, []);
@@ -74,7 +96,13 @@ export default (function (props) {
       }
     });
   }, [id]);
-  var contentList = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, 'base', /*#__PURE__*/_jsx(Base, _objectSpread(_objectSpread({}, props), {}, {
+  var contentList = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, TABS_APPRAISAL, /*#__PURE__*/_jsx(Appraisal, {
+    id: id
+  })), TABS_VIDEO, /*#__PURE__*/_jsx(VmVideo, {
+    channels: channels
+  })), TABS_RM, /*#__PURE__*/_jsx(VmRepairMaintain, {
+    id: id
+  })), 'base', /*#__PURE__*/_jsx(Base, _objectSpread(_objectSpread({}, props), {}, {
     detail: detail
   }))), 'appraise', /*#__PURE__*/_jsx(Appraise, _objectSpread({}, props))), 'score', /*#__PURE__*/_jsx(Score, _objectSpread({}, props))), 'build', /*#__PURE__*/_jsx(Build, _objectSpread({}, props))), 'file', /*#__PURE__*/_jsx(File, _objectSpread({}, props)));
 
@@ -97,7 +125,7 @@ export default (function (props) {
       title: title,
       id: id,
       onCancel: onCancel,
-      tabs: config,
+      tabs: insertVideoTab(config, channels),
       contents: contentList,
       tabChose: (_config$ = config[0]) === null || _config$ === void 0 ? void 0 : _config$.key,
       modalShow: modalShow,

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

@@ -11,6 +11,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { VtxUpload } from "@vtx/components";
+import { translateLocaleText } from "../../../hooks/useTranslation.js";
 import htmr from "htmr";
 import React, { useState } from "react";
 import { useSetState } from 'ahooks';
@@ -100,7 +101,9 @@ export default function viewRichText(_ref) {
               style[key] = config[key];
             } else {
               if (key == 'label') {
-                obj.placeholder = "\u8BF7\u8F93\u5165".concat(config[key] || '');
+                obj.placeholder = translateLocaleText("t('common.placeholder.inputWithLabel')", {
+                  label: config[key] || ''
+                });
               }
               obj[key] = config[key];
             }

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

@@ -14,6 +14,7 @@ function _assertThisInitialized(self) { if (self === void 0) { throw new Referen
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 import { View, LabeledFieldView, createLabeledInputText, ButtonView, submitHandler, icons, LabelView } from "../../ckeditor/ckeditor";
+import { translateLocaleText } from "../../../../../hooks/useTranslation.js";
 var FormView = /*#__PURE__*/function (_View) {
   _inherits(FormView, _View);
   var _super = _createSuper(FormView);
@@ -21,10 +22,10 @@ var FormView = /*#__PURE__*/function (_View) {
     var _this;
     _classCallCheck(this, FormView);
     _this = _super.call(this, locale);
-    _this.attrLabel = _this._createLabel("属性");
-    _this.labelInputView = _this._createInput('字段名');
-    _this.nameInputView = _this._createInput('字段');
-    _this.orderInputView = _this._createInput('排序号');
+    _this.attrLabel = _this._createLabel(translateLocaleText("t('vtxzfmodal.ck.attribute')"));
+    _this.labelInputView = _this._createInput(translateLocaleText("t('vtxzfmodal.ck.fieldName')"));
+    _this.nameInputView = _this._createInput(translateLocaleText("t('vtxzfmodal.ck.field')"));
+    _this.orderInputView = _this._createInput(translateLocaleText("t('vtxzfmodal.ck.orderNo')"));
 
     // Create the save and cancel buttons.
     _this.saveButtonView = _this._createButton('Save', icons.check, 'ck-button-save');

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

@@ -22,6 +22,7 @@ function _assertThisInitialized(self) { if (self === void 0) { throw new Referen
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 import { Plugin, Widget, ButtonView, ContextualBalloon, Command, clickOutsideHandler, viewToModelPositionOutsideModelElement, toWidget } from "../../ckeditor/ckeditor";
+import { translateLocaleText } from "../../../../../hooks/useTranslation.js";
 import OpenPanelCommand from "../OpenPanelCommand";
 import FormView from "./FormView";
 import "./index.less";
@@ -51,7 +52,7 @@ var InputEditing = /*#__PURE__*/function (_Plugin2) {
   _createClass(InputEditing, [{
     key: "init",
     value: function init() {
-      console.log('可编辑文本内容被调用');
+      console.log('editable text editing initialized');
       this._defineSchema();
       this._defineConverters();
       this.editor.commands.add('insertEditableDiv', new InsertEditableDivCommand(this.editor));
@@ -127,7 +128,9 @@ var InputEditing = /*#__PURE__*/function (_Plugin2) {
           style += "width: ".concat(config[key], "px;");
         } else {
           if (key == 'label') {
-            obj.placeholder = "\u8BF7\u8F93\u5165".concat(config[key] || '');
+            obj.placeholder = translateLocaleText("t('common.placeholder.inputWithLabel')", {
+              label: config[key] || ''
+            });
           }
           obj[key] = config[key];
         }
@@ -174,7 +177,9 @@ function renderView(modelElement, props) {
         style += "width: ".concat(value, ";");
       } else {
         if (key == 'label') {
-          obj.placeholder = "\u8BF7\u8F93\u5165".concat(value || '');
+          obj.placeholder = translateLocaleText("t('common.placeholder.inputWithLabel')", {
+            label: value || ''
+          });
         }
         obj[key] = value;
       }
@@ -204,7 +209,7 @@ var InputUI = /*#__PURE__*/function (_Plugin3) {
     key: "init",
     value: function init() {
       var _this = this;
-      console.log('可编辑文本UI被调用');
+      console.log('editable text UI initialized');
       var editor = this.editor;
       var t = editor.t;
       this._balloon = this.editor.plugins.get(ContextualBalloon);
@@ -213,7 +218,7 @@ var InputUI = /*#__PURE__*/function (_Plugin3) {
       editor.ui.componentFactory.add('editableDiv', function (locale) {
         var buttonView = new ButtonView(locale);
         buttonView.set({
-          label: t('可编辑文本'),
+          label: translateLocaleText("t('vtxzfmodal.ck.editableText')"),
           withText: true,
           tooltip: false
         });

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

@@ -14,6 +14,7 @@ function _assertThisInitialized(self) { if (self === void 0) { throw new Referen
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 import { View, LabeledFieldView, createLabeledInputText, ButtonView, submitHandler, icons, LabelView } from "../../ckeditor/ckeditor";
+import { translateLocaleText } from "../../../../../hooks/useTranslation.js";
 var FormView = /*#__PURE__*/function (_View) {
   _inherits(FormView, _View);
   var _super = _createSuper(FormView);
@@ -21,12 +22,12 @@ var FormView = /*#__PURE__*/function (_View) {
     var _this;
     _classCallCheck(this, FormView);
     _this = _super.call(this, locale);
-    _this.attrLabel = _this._createLabel("属性");
-    _this.styleLabel = _this._createLabel("样式");
-    _this.labelInputView = _this._createInput('字段名');
-    _this.nameInputView = _this._createInput('字段');
-    _this.orderInputView = _this._createInput('排序号');
-    _this.widthInputView = _this._createInput('宽度');
+    _this.attrLabel = _this._createLabel(translateLocaleText("t('vtxzfmodal.ck.attribute')"));
+    _this.styleLabel = _this._createLabel(translateLocaleText("t('vtxzfmodal.ck.style')"));
+    _this.labelInputView = _this._createInput(translateLocaleText("t('vtxzfmodal.ck.fieldName')"));
+    _this.nameInputView = _this._createInput(translateLocaleText("t('vtxzfmodal.ck.field')"));
+    _this.orderInputView = _this._createInput(translateLocaleText("t('vtxzfmodal.ck.orderNo')"));
+    _this.widthInputView = _this._createInput(translateLocaleText("t('vtxzfmodal.ck.width')"));
 
     // Create the save and cancel buttons.
     _this.saveButtonView = _this._createButton('Save', icons.check, 'ck-button-save');

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

@@ -22,6 +22,7 @@ function _assertThisInitialized(self) { if (self === void 0) { throw new Referen
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 import { Plugin, Widget, ButtonView, ContextualBalloon, Command, clickOutsideHandler, toWidget } from "../../ckeditor/ckeditor";
+import { translateLocaleText } from "../../../../../hooks/useTranslation.js";
 import OpenPanelCommand from "../OpenPanelCommand";
 import FormView from "./FormView";
 import "./index.less";
@@ -51,7 +52,7 @@ var DateEditing = /*#__PURE__*/function (_Plugin2) {
   _createClass(DateEditing, [{
     key: "init",
     value: function init() {
-      console.log('自定义输入框内容被调用');
+      console.log('custom date input editing initialized');
       this._defineSchema();
       this._defineConverters();
       this.editor.commands.add('insertCustomDate', new InsertCustomDateCommand(this.editor));
@@ -118,7 +119,9 @@ var DateEditing = /*#__PURE__*/function (_Plugin2) {
           style += "width: ".concat(config[key], "px;");
         } else {
           if (key == 'label') {
-            obj.placeholder = "\u8BF7\u8F93\u5165".concat(config[key] || '');
+            obj.placeholder = translateLocaleText("t('common.placeholder.inputWithLabel')", {
+              label: config[key] || ''
+            });
           }
           obj[key] = config[key];
         }
@@ -162,7 +165,9 @@ function renderView(modelElement, props) {
         style += "width: ".concat(value, ";");
       } else {
         if (key == 'label') {
-          obj.placeholder = "\u8BF7\u8F93\u5165".concat(value || '');
+          obj.placeholder = translateLocaleText("t('common.placeholder.inputWithLabel')", {
+            label: value || ''
+          });
         }
         obj[key] = value;
       }
@@ -195,7 +200,7 @@ var DateUI = /*#__PURE__*/function (_Plugin3) {
     key: "init",
     value: function init() {
       var _this = this;
-      console.log('自定义输入框UI被调用');
+      console.log('custom date input UI initialized');
       var editor = this.editor;
       var t = editor.t;
       this._balloon = this.editor.plugins.get(ContextualBalloon);
@@ -204,7 +209,7 @@ var DateUI = /*#__PURE__*/function (_Plugin3) {
       editor.ui.componentFactory.add('customDate', function (locale) {
         var buttonView = new ButtonView(locale);
         buttonView.set({
-          label: t('日期'),
+          label: translateLocaleText("t('vtxzfmodal.ck.date')"),
           withText: true,
           tooltip: false
         });

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

@@ -22,6 +22,7 @@ function _assertThisInitialized(self) { if (self === void 0) { throw new Referen
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 import { Plugin, Widget, ButtonView, ContextualBalloon, Command, clickOutsideHandler, toWidget } from "../../ckeditor/ckeditor";
+import { translateLocaleText } from "../../../../../hooks/useTranslation.js";
 import OpenPanelCommand from "../OpenPanelCommand";
 import FormView from "./FormView";
 import "./index.less";
@@ -51,7 +52,7 @@ var InputEditing = /*#__PURE__*/function (_Plugin2) {
   _createClass(InputEditing, [{
     key: "init",
     value: function init() {
-      console.log('自定义文本框内容被调用');
+      console.log('custom input editing initialized');
       this._defineSchema();
       this._defineConverters();
       this.editor.commands.add('insertCustomInput', new InsertCustomInputCommand(this.editor));
@@ -118,7 +119,9 @@ var InputEditing = /*#__PURE__*/function (_Plugin2) {
           style += "width: ".concat(config[key], "px;");
         } else {
           if (key == 'label') {
-            obj.placeholder = "\u8BF7\u8F93\u5165".concat(config[key] || '');
+            obj.placeholder = translateLocaleText("t('common.placeholder.inputWithLabel')", {
+              label: config[key] || ''
+            });
           }
           obj[key] = config[key];
         }
@@ -160,7 +163,9 @@ function renderView(modelElement, props) {
         style += "width: ".concat(value, ";");
       } else {
         if (key == 'label') {
-          obj.placeholder = "\u8BF7\u8F93\u5165".concat(value || '');
+          obj.placeholder = translateLocaleText("t('common.placeholder.inputWithLabel')", {
+            label: value || ''
+          });
         }
         obj[key] = value;
       }
@@ -191,7 +196,7 @@ var InputUI = /*#__PURE__*/function (_Plugin3) {
     key: "init",
     value: function init() {
       var _this = this;
-      console.log('自定义文本框UI被调用');
+      console.log('custom input UI initialized');
       var editor = this.editor;
       var t = editor.t;
       this._balloon = this.editor.plugins.get(ContextualBalloon);
@@ -200,7 +205,7 @@ var InputUI = /*#__PURE__*/function (_Plugin3) {
       editor.ui.componentFactory.add('customInput', function (locale) {
         var buttonView = new ButtonView(locale);
         buttonView.set({
-          label: t('文本框'),
+          label: translateLocaleText("t('vtxzfmodal.ck.textInput')"),
           withText: true,
           tooltip: false
         });

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

@@ -14,6 +14,7 @@ function _assertThisInitialized(self) { if (self === void 0) { throw new Referen
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 import { View, LabeledFieldView, createLabeledInputText, ButtonView, submitHandler, icons, LabelView } from "../../ckeditor/ckeditor";
+import { translateLocaleText } from "../../../../../hooks/useTranslation.js";
 var FormView = /*#__PURE__*/function (_View) {
   _inherits(FormView, _View);
   var _super = _createSuper(FormView);
@@ -21,11 +22,11 @@ var FormView = /*#__PURE__*/function (_View) {
     var _this;
     _classCallCheck(this, FormView);
     _this = _super.call(this, locale);
-    _this.attrLabel = _this._createLabel("属性");
-    _this.labelInputView = _this._createInput('字段名');
-    _this.nameInputView = _this._createInput('字段');
-    _this.orderInputView = _this._createInput('排序号');
-    _this.urlInputView = _this._createInput('数据源');
+    _this.attrLabel = _this._createLabel(translateLocaleText("t('vtxzfmodal.ck.attribute')"));
+    _this.labelInputView = _this._createInput(translateLocaleText("t('vtxzfmodal.ck.fieldName')"));
+    _this.nameInputView = _this._createInput(translateLocaleText("t('vtxzfmodal.ck.field')"));
+    _this.orderInputView = _this._createInput(translateLocaleText("t('vtxzfmodal.ck.orderNo')"));
+    _this.urlInputView = _this._createInput(translateLocaleText("t('vtxzfmodal.ck.dataSource')"));
 
     // Create the save and cancel buttons.
     _this.saveButtonView = _this._createButton('Save', icons.check, 'ck-button-save');