sea-chart 0.0.103 → 1.1.0

package/dist/components/types-dialog/index.js

@@ -6,23 +6,29 @@ import { eventStopPropagation } from '../../utils';
 import context from '../../context';
 import intl from '../../intl';
 import Icon from '../icon';
+import useForceUpdate from './use-force-update';
 import './index.css';
 const TypesDialog = _ref => {
   let {
     type,
+    lang,
     onToggle: propsOnToggle,
     onChange
   } = _ref;
   const [currentCatIndex, setCurrentCatIndex] = useState(0);
   const [selectedType, setType] = useState(type);
   const seaChartTypeContainerRef = useRef(null);
+  const forceUpdate = useForceUpdate();
   const notSupportStatisticTypes = useMemo(() => {
     const lang = context.getSetting('lang');
     return lang !== 'zh-cn' ? ZH_CN_SUPPORT_CHARTS : [];
   }, []);
   useEffect(() => {
-    const lang = context.getSetting('lang');
-    intl.setLang(lang);
+    if (lang) {
+      intl.setLang(lang);
+      forceUpdate();
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   useEffect(() => {
     const selectStatisticIndex = CHART_TYPES.findIndex(item => item.children.includes(type));

package/dist/components/types-dialog/use-force-update.js

@@ -0,0 +1,9 @@
+import { useCallback, useState } from 'react';
+const useForceUpdate = () => {
+  const [, setState] = useState(0);
+  const forceUpdate = useCallback(() => {
+    setState(n => n + 1);
+  }, []);
+  return forceUpdate;
+};
+export default useForceUpdate;

package/dist/constants/index.js

@@ -6,6 +6,7 @@ import { CHART_TYPE, CHART_TYPE_SHOW, CHART_TYPES } from './type';
 import { CHART_TYPE_IMAGE } from './type-image';
 import { regions } from './regions';
 import { TABLE_DIMENSIONS } from './table';
+export const DEFAULT_LANG = 'en';
 export const TREND_TYPES = {
   UP: 'up',
   DOWN: 'down',

package/dist/intl.js

@@ -1,18 +1,19 @@
 import { setLocale } from 'dtable-ui-component/lib/lang';
 import LOCALES from './locale';
+import { DEFAULT_LANG } from './constants';
 class Intl {
   constructor(_ref) {
     var _this = this;
     let {
-      lang: _lang = 'zh-cn'
+      lang: _lang = DEFAULT_LANG
     } = _ref;
     this.setLang = function () {
-      let lang = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'zh-cn';
+      let lang = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : DEFAULT_LANG;
       const validLang = lang.toLowerCase();
       setLocale(validLang);
       if (validLang === _this.lang) return;
       _this.lang = validLang;
-      _this.translation = LOCALES[_this.lang] || LOCALES['zh-cn'];
+      _this.translation = LOCALES[_this.lang];
     };
     this.get = function (key) {
       let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
@@ -30,10 +31,10 @@ class Intl {
       }) || key;
     };
     this.lang = _lang.toLowerCase();
-    this.translation = LOCALES[this.lang] || LOCALES['zh-cn'];
+    this.translation = LOCALES[this.lang];
   }
 }
 const intl = new Intl({
-  lang: 'zh-cn'
+  lang: DEFAULT_LANG
 });
 export default intl;

package/dist/locale/lang/de.js

@@ -252,6 +252,7 @@ const de = {
   "Use_colors_in_single_select_solumn": "Verwenden Sie Farben in einer einzelnen Auswahlspalte",
   "Search_records": "Einträge suchen",
   "Please_select_a_grouping_column": "Bitte Gruppierungsspalte auswählen",
-  "View": "Sicht"
+  "View": "Sicht",
+  "All_charts": "All charts"
 };
 export default de;

package/dist/locale/lang/en.js

@@ -252,6 +252,7 @@ const en = {
   "Use_colors_in_single_select_solumn": "Use colors in single select column",
   "Search_records": "Search records",
   "Please_select_a_grouping_column": "Please select grouping column",
-  "View": "View"
+  "View": "View",
+  "All_charts": "All charts"
 };
 export default en;

package/dist/locale/lang/es.js

@@ -252,6 +252,7 @@ const es = {
   "Use_colors_in_single_select_solumn": "Use colors in single select column",
   "Search_records": "Search records",
   "Please_select_a_grouping_column": "Please select grouping column",
-  "View": "View"
+  "View": "View",
+  "All_charts": "All charts"
 };
 export default es;

package/dist/locale/lang/fr.js

@@ -252,6 +252,7 @@ const fr = {
   "Use_colors_in_single_select_solumn": "Utiliser les couleurs dans une colonne de sélection unique",
   "Search_records": "Rechercher des enregistrements",
   "Please_select_a_grouping_column": "Veuillez sélectionner la colonne de regroupement",
-  "View": "Voir"
+  "View": "Voir",
+  "All_charts": "All charts"
 };
 export default fr;

package/dist/locale/lang/pt.js

@@ -252,6 +252,7 @@ const pt = {
   "Use_colors_in_single_select_solumn": "Use colors in single select column",
   "Search_records": "Search records",
   "Please_select_a_grouping_column": "Please select grouping column",
-  "View": "View"
+  "View": "View",
+  "All_charts": "All charts"
 };
 export default pt;

package/dist/locale/lang/ru.js

@@ -252,6 +252,7 @@ const ru = {
   "Use_colors_in_single_select_solumn": "Use colors in single select column",
   "Search_records": "Search records",
   "Please_select_a_grouping_column": "Please select grouping column",
-  "View": "View"
+  "View": "View",
+  "All_charts": "All charts"
 };
 export default ru;

package/dist/locale/lang/zh_CN.js

@@ -252,6 +252,7 @@ const zh_CN = {
   "Use_colors_in_single_select_solumn": "使用列中的选项颜色",
   "Search_records": "搜索记录",
   "Please_select_a_grouping_column": "请选择一个分组列",
-  "View": "视图"
+  "View": "视图",
+  "All_charts": "所有图表"
 };
 export default zh_CN;

package/dist/utils/chart-utils/base-utils.js

@@ -662,9 +662,9 @@ BaseUtils.updateTableViewListItemNameAndColor = (result, column, nameKey, colorK
     }
   }
 };
-BaseUtils.updateTableViewList = (result, column, nameKey, colorKey, isScatter) => {
+BaseUtils.updateTableViewList = (result, column, nameKey, colorKey, isScatterChart) => {
   result.forEach(result => {
-    _BaseUtils.updateTableViewListItemNameAndColor(result, column, nameKey, colorKey, isScatter);
+    _BaseUtils.updateTableViewListItemNameAndColor(result, column, nameKey, colorKey, isScatterChart);
   });
 };
 // sort chart

package/dist/view/index.js

@@ -7,7 +7,7 @@ import intl from '../intl';
 import eventBus from '../utils/event-bus';
 import { Loading } from '../components';
 import { ChartUtils, BaseUtils } from '../utils/chart-utils';
-import { THEME_NAME_MAP } from '../constants';
+import { DEFAULT_LANG, THEME_NAME_MAP } from '../constants';
 import { CommonEventTypes } from '../constants/common-constants';
 import Wrapper from './wrapper';
 import Title from './title';
@@ -107,7 +107,7 @@ class View extends React.PureComponent {
     };
     context.init(props);
     props.onViewRef && props.onViewRef(this);
-    const lang = context.getSetting('lang') || 'zh-cn';
+    const lang = context.getSetting('lang') || DEFAULT_LANG;
     intl.setLang(lang);
   }
   componentDidMount() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sea-chart",
-  "version": "0.0.103",
+  "version": "1.1.0",
   "main": "./dist/index.js",
   "dependencies": {
     "@antv/data-set": "0.11.8",