@tntd/monaco-editor 1.0.4 → 1.1.1

package/package.json

@@ -1,9 +1,10 @@
 {
   "name": "@tntd/monaco-editor",
-  "version": "1.0.4",
+  "version": "1.1.1",
   "scripts": {
     "start": "webpack-dev-server  --config webpack.config.js",
     "build": "rm -rf ./dist && webpack --config webpack.config.build.js",
+    "build:umd": "webpack --config webpack.umd.config.js",
     "prepublishOnly": "npm run build"
   },
   "peerDependencies": {
@@ -47,7 +48,9 @@
     "terser-webpack-plugin": "^5.3.14",
     "webpack": "^5.98.0",
     "webpack-cli": "^4.10.0",
-    "webpack-dev-server": "^4.15.2"
+    "webpack-dev-server": "^4.15.2",
+    "mini-css-extract-plugin": "^2.6.0",
+    "babel-plugin-lodash": "^3.3.4"
   },
   "author": "zefei.zhou",
   "license": "ISC",
@@ -71,4 +74,4 @@
     "README.md",
     ".octopus"
   ]
-}
+}

package/src/FormulaEditor.js

@@ -1,4 +1,5 @@
 import { useEffect, useRef, useCallback, forwardRef, useImperativeHandle, useState, useMemo } from 'react';
+import { WrapLocaleReceiverWithForwardRef } from './I18N'
 import BaseMonacoEditor from './BaseMonacoEditor';
 import { ConverterPlugin } from './plugins/converter';
 import { CascaderPlugin } from './plugins/cascader';
@@ -18,13 +19,14 @@ const defaultCascaderOptions = {
     showSourceName: true
 };
 
-const FormulaEditor = forwardRef((props, ref) => {
+const FormulaEditor = WrapLocaleReceiverWithForwardRef((props) => {
     const {
         isDiff,
         modified: preModified,
         original: preOriginal,
         defaultValue: preDefaultValue,
-
+        ref,
+        I18N,
         fieldList,
         methodList,
         normalList,
@@ -139,6 +141,7 @@ const FormulaEditor = forwardRef((props, ref) => {
                         regExpState: regExp,
                         searchCb,
                         isDiff,
+                        locale: I18N,
                         ...cascaderOptions,
                         triggerSuggest: (methodInfo) => {
                             baseEditor?.plugins?.get('suggestion')?.triggerSuggest?.(methodInfo);

package/src/I18N.js

@@ -1,3 +1,5 @@
+import { forwardRef } from 'react'
+import LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver'
 import Cookies from 'universal-cookie';
 const cookies = new Cookies();
 
@@ -5,3 +7,41 @@ export const getLang = () => {
     return cookies.get('lang') || 'cn';
 };
 
+const mapLocale =  {
+  'zh-cn': {
+    noData: '暂无数据',
+  },
+  'zh-tw': {
+     noData: '暫無資料',
+  },
+  en: {
+    noData: 'No data',
+  },
+  th: {
+    noData: 'ไม่มีข้อมูล',
+  }, // 泰语
+  ar: {
+    noData: 'مفيش بيانات'
+  }, // 阿拉伯语（埃及）
+  ko: {
+     noData: '데이터가 없습니다',
+  }, // 韩语
+  es: {
+    noData: 'Sin datos',
+  } // 西班牙语
+};
+
+/** 包的组件含有forwardRef, 去掉组件原有的forwardRef， 从props里获取ref **/
+export const WrapLocaleReceiverWithForwardRef = (Component, ref) => {
+  return forwardRef((props) => (
+    <LocaleReceiver componentName="TntdMonacoEditor">
+      {(locale, localeCode) => {
+        const I18N = !!Object.keys(locale).length ? locale : (mapLocale[localeCode] || mapLocale[getLang()]);
+        const transformLocaleCode = localeCode === 'zh-cn' ? 'cn' : localeCode;
+        return (
+          <Component ref={ref} locale={locale} localeCode={transformLocaleCode} I18N={I18N} {...props} />
+        )
+      }}
+    </LocaleReceiver>
+  ))
+}

package/src/plugins/cascader/Cascader.js

@@ -1,5 +1,6 @@
+
 import { useEffect, useState, useMemo } from 'react';
-import { TntdCascader, Tooltip } from 'tntd';
+import { Empty, TntdCascader, Tooltip } from 'tntd';
 import TdTag from '@tntd/cascader-tag';
 import './Cascader.less';
 
@@ -16,7 +17,8 @@ export default (props) => {
         showSourceName = true,
         placement,
         fieldNames,
-        dropdownClassName
+        dropdownClassName,
+        locale
     } = props;
     const [popupVisible, setPopupVisible] = useState(true); // 初始展开状态为true
     const [options, setOptions] = useState([]);
@@ -110,6 +112,7 @@ export default (props) => {
                 fieldNames={fieldNames}
                 // searchValue={content || undefined}
                 options={options}
+                notFoundContent={<Empty size="mini" locale={locale} />}
                 open={popupVisible}
                 changeOnSelect={changeOnSelect}
                 renderItem={renderItem}