@umijs/plugins 4.0.0-beta.13 → 4.0.0-beta.17

package/dist/utils/localeUtils.js

@@ -0,0 +1,135 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isNeedPolyfill = exports.exactLocalePaths = exports.getLocaleList = exports.getAntdLocale = exports.getMomentLocale = void 0;
+const utils_1 = require("@umijs/utils");
+const fs_1 = require("fs");
+const path_1 = require("path");
+/**
+ * 获取 moment 包的 locale 名称
+ * @param lang 语言
+ * @param country 国家
+ * @param resolveKey 用来resolve的key，moment 或者 dayjs，为了使 dayjs 可以替换 moment
+ */
+const getMomentLocale = (lang, country, resolveKey) => {
+    var _a, _b;
+    const momentLocation = require
+        .resolve(`${resolveKey}/locale/zh-cn`)
+        .replace(/zh\-cn\.js$/, '');
+    if ((0, fs_1.existsSync)((0, path_1.join)(momentLocation, `${lang}-${(_a = country === null || country === void 0 ? void 0 : country.toLocaleLowerCase) === null || _a === void 0 ? void 0 : _a.call(country)}.js`))) {
+        const momentLocale = `${lang}-${(_b = country === null || country === void 0 ? void 0 : country.toLocaleLowerCase) === null || _b === void 0 ? void 0 : _b.call(country)}`;
+        return {
+            momentLocale,
+        };
+    }
+    if ((0, fs_1.existsSync)((0, path_1.join)(momentLocation, `${lang}.js`))) {
+        return {
+            momentLocale: lang,
+        };
+    }
+    return { momentLocale: '' };
+};
+exports.getMomentLocale = getMomentLocale;
+const getAntdLocale = (lang, country) => `${lang}_${(country || lang).toLocaleUpperCase()}`;
+exports.getAntdLocale = getAntdLocale;
+/**
+ * 有些情况下可能项目包含的locale和antd的不匹配
+ * 这个方法用于检测
+ * @param localePath
+ * @returns
+ */
+const modulesHasLocale = (localePath) => {
+    try {
+        require.resolve(localePath);
+        return true;
+    }
+    catch (error) {
+        return false;
+    }
+};
+const getLocaleList = (opts) => __awaiter(void 0, void 0, void 0, function* () {
+    const { localeFolder, separator = '-', absSrcPath = '', absPagesPath = '', addAntdLocales, resolveKey = 'moment', } = opts;
+    const localeFileMath = new RegExp(`^([a-z]{2})${separator}?([A-Z]{2})?\.(js|json|ts)$`);
+    const localeFiles = utils_1.glob
+        .sync('*.{ts,js,json}', {
+        cwd: (0, utils_1.winPath)((0, path_1.join)(absSrcPath, localeFolder)),
+    })
+        .map((name) => (0, utils_1.winPath)((0, path_1.join)(absSrcPath, localeFolder, name)))
+        .concat(utils_1.glob
+        .sync(`**/${localeFolder}/*.{ts,js,json}`, {
+        cwd: absPagesPath,
+    })
+        .map((name) => (0, utils_1.winPath)((0, path_1.join)(absPagesPath, name))))
+        .filter((p) => localeFileMath.test((0, path_1.basename)(p)) && (0, fs_1.existsSync)(p))
+        .map((fullName) => {
+        var _a, _b;
+        const fileName = (0, path_1.basename)(fullName);
+        const fileInfo = (_b = (_a = localeFileMath
+            .exec(fileName)) === null || _a === void 0 ? void 0 : _a.slice(1, 3)) === null || _b === void 0 ? void 0 : _b.filter(Boolean);
+        return {
+            name: (fileInfo || []).join(separator),
+            path: fullName,
+        };
+    });
+    const groups = utils_1.lodash.groupBy(localeFiles, 'name');
+    const promises = Object.keys(groups).map((name) => __awaiter(void 0, void 0, void 0, function* () {
+        const [lang, country = ''] = name.split(separator);
+        const { momentLocale } = (0, exports.getMomentLocale)(lang, country, resolveKey);
+        const antdLocale = utils_1.lodash
+            .uniq(yield addAntdLocales({ lang, country }))
+            .filter((localePath) => modulesHasLocale(localePath));
+        return {
+            lang,
+            name,
+            // react-intl Function.supportedLocalesOf
+            // Uncaught RangeError: Incorrect locale information provided
+            locale: name.split(separator).join('-'),
+            country,
+            antdLocale,
+            paths: groups[name].map((item) => (0, utils_1.winPath)(item.path)),
+            momentLocale,
+        };
+    }));
+    return Promise.all(promises);
+});
+exports.getLocaleList = getLocaleList;
+const exactLocalePaths = (data) => {
+    return utils_1.lodash.flatten(data.map((item) => item.paths));
+};
+exports.exactLocalePaths = exactLocalePaths;
+function isNeedPolyfill(targets = {}) {
+    // data come from https://caniuse.com/#search=intl
+    // you can find all browsers in https://github.com/browserslist/browserslist#browsers
+    const polyfillTargets = {
+        ie: 10,
+        firefox: 28,
+        chrome: 23,
+        safari: 9.1,
+        opera: 12.1,
+        ios: 9.3,
+        ios_saf: 9.3,
+        operamini: Infinity,
+        op_mini: Infinity,
+        android: 4.3,
+        blackberry: Infinity,
+        operamobile: 12.1,
+        op_mob: 12.1,
+        explorermobil: 10,
+        ie_mob: 10,
+        ucandroid: Infinity,
+    };
+    return (Object.keys(targets).find((key) => {
+        const lowKey = key.toLocaleLowerCase();
+        // @ts-ignore
+        return polyfillTargets[lowKey] && polyfillTargets[lowKey] >= targets[key];
+    }) !== undefined);
+}
+exports.isNeedPolyfill = isNeedPolyfill;

package/dist/utils/modelUtils.d.ts

@@ -11,6 +11,7 @@ export declare class Model {
     file: string;
     namespace: string;
     id: string;
+    exportName: string;
     constructor(file: string, id: number);
 }
 export declare class ModelUtils {

package/dist/utils/modelUtils.js

@@ -32,9 +32,18 @@ const path_1 = require("path");
 const astUtils_1 = require("./astUtils");
 class Model {
     constructor(file, id) {
-        this.file = file;
-        this.namespace = (0, path_1.basename)(file, (0, path_1.extname)(file));
+        let namespace;
+        let exportName;
+        const [_file, meta] = file.split('#');
+        if (meta) {
+            const metaObj = JSON.parse(meta);
+            namespace = metaObj.namespace;
+            exportName = metaObj.exportName;
+        }
+        this.file = _file;
         this.id = `model_${id}`;
+        this.namespace = namespace || (0, path_1.basename)(file, (0, path_1.extname)(file));
+        this.exportName = exportName || 'default';
     }
 }
 exports.Model = Model;
@@ -117,7 +126,12 @@ class ModelUtils {
         const imports = [];
         const modelProps = [];
         models.forEach((model) => {
-            imports.push(`import ${model.id} from '${model.file}';`);
+            if (model.exportName !== 'default') {
+                imports.push(`import { ${model.exportName} as ${model.id} } from '${model.file}';`);
+            }
+            else {
+                imports.push(`import ${model.id} from '${model.file}';`);
+            }
             modelProps.push(`${model.id}: { namespace: '${model.namespace}', model: ${model.id} },`);
         });
         return `

package/libs/locale/SelectLang.tpl

@@ -0,0 +1,478 @@
+import React,{ useState } from 'react';
+{{#Antd}}
+import { Menu, Dropdown } from 'antd';
+import { ClickParam } from 'antd/{{{antdFiles}}}/menu';
+import { DropDownProps } from 'antd/{{{antdFiles}}}/dropdown';
+{{/Antd}}
+import { getLocale, getAllLocales, setLocale } from './localeExports';
+
+{{#Antd}}
+export interface HeaderDropdownProps extends DropDownProps {
+  overlayClassName?: string;
+  placement?:
+    | 'bottomLeft'
+    | 'bottomRight'
+    | 'topLeft'
+    | 'topCenter'
+    | 'topRight'
+    | 'bottomCenter';
+}
+
+const HeaderDropdown: React.FC<HeaderDropdownProps> = ({
+  overlayClassName: cls,
+  ...restProps
+}) => (
+  <Dropdown
+    overlayClassName={cls}
+    {...restProps}
+  />
+);
+{{/Antd}}
+
+interface LocalData {
+    lang: string,
+    label?: string,
+    icon?: string,
+    title?: string,
+}
+
+interface SelectLangProps {
+  globalIconClassName?: string;
+  postLocalesData?: (locales: LocalData[]) => LocalData[];
+  onItemClick?: (params: ClickParam) => void;
+  className?: string;
+  reload?: boolean;
+  icon?: React.ReactNode;
+}
+
+const transformArrayToObject = (allLangUIConfig:LocalData[])=>{
+  return allLangUIConfig.reduce((obj, item) => {
+    if(!item.lang){
+      return obj;
+    }
+
+    return {
+      ...obj,
+      [item.lang]: item,
+    };
+  }, {});
+}
+
+const defaultLangUConfigMap = {
+  'ar-EG': {
+    lang: 'ar-EG',
+    label: 'العربية',
+    icon: '🇪🇬',
+    title: 'لغة'
+  },
+  'az-AZ': {
+    lang: 'az-AZ',
+    label: 'Azərbaycan dili',
+    icon: '🇦🇿',
+    title: 'Dil'
+  },
+  'bg-BG': {
+    lang: 'bg-BG',
+    label: 'Български език',
+    icon: '🇧🇬',
+    title: 'език'
+  },
+  'bn-BD': {
+    lang: 'bn-BD',
+    label: 'বাংলা',
+    icon: '🇧🇩',
+    title: 'ভাষা'
+  },
+  'ca-ES': {
+    lang: 'ca-ES',
+    label: 'Catalá',
+    icon: '🇨🇦',
+    title: 'llengua'
+  },
+  'cs-CZ': {
+    lang: 'cs-CZ',
+    label: 'Čeština',
+    icon: '🇨🇿',
+    title: 'Jazyk'
+  },
+  'da-DK': {
+    lang: 'da-DK',
+    label: 'Dansk',
+    icon: '🇩🇰',
+    title: 'Sprog'
+  },
+  'de-DE': {
+    lang: 'de-DE',
+    label: 'Deutsch',
+    icon: '🇩🇪',
+    title: 'Sprache'
+  },
+  'el-GR': {
+    lang: 'el-GR',
+    label: 'Ελληνικά',
+    icon: '🇬🇷',
+    title: 'Γλώσσα'
+  },
+  'en-GB': {
+    lang: 'en-GB',
+    label: 'English',
+    icon: '🇬🇧',
+    title: 'Language'
+  },
+  'en-US': {
+    lang: 'en-US',
+    label: 'English',
+    icon: '🇺🇸',
+    title: 'Language'
+  },
+  'es-ES': {
+    lang: 'es-ES',
+    label: 'Español',
+    icon: '🇪🇸',
+    title: 'Idioma'
+  },
+  'et-EE': {
+    lang: 'et-EE',
+    label: 'Eesti',
+    icon: '🇪🇪',
+    title: 'Keel'
+  },
+  'fa-IR': {
+    lang: 'fa-IR',
+    label: 'فارسی',
+    icon: '🇮🇷',
+    title: 'زبان'
+  },
+  'fi-FI': {
+    lang: 'fi-FI',
+    label: 'Suomi',
+    icon: '🇫🇮',
+    title: 'Kieli'
+  },
+  'fr-BE': {
+    lang: 'fr-BE',
+    label: 'Français',
+    icon: '🇧🇪',
+    title: 'Langue'
+  },
+  'fr-FR': {
+    lang: 'fr-FR',
+    label: 'Français',
+    icon: '🇫🇷',
+    title: 'Langue'
+  },
+  'ga-IE': {
+    lang: 'ga-IE',
+    label: 'Gaeilge',
+    icon: '🇮🇪',
+    title: 'Teanga'
+  },
+  'he-IL': {
+    lang: 'he-IL',
+    label: 'עברית',
+    icon: '🇮🇱',
+    title: 'שפה'
+  },
+  'hi-IN': {
+    lang: 'hi-IN',
+    label: 'हिन्दी, हिंदी',
+    icon: '🇮🇳',
+    title: 'भाषा: हिन्दी'
+  },
+  'hr-HR': {
+    lang: 'hr-HR',
+    label: 'Hrvatski jezik',
+    icon: '🇭🇷',
+    title: 'Jezik'
+  },
+  'hu-HU': {
+    lang: 'hu-HU',
+    label: 'Magyar',
+    icon: '🇭🇺',
+    title: 'Nyelv'
+  },
+  'hy-AM': {
+    lang: 'hu-HU',
+    label: 'Հայերեն',
+    icon: '🇦🇲',
+    title: 'Լեզու'
+  },
+  'id-ID': {
+    lang: 'id-ID',
+    label: 'Bahasa Indonesia',
+    icon: '🇮🇩',
+    title: 'Bahasa'
+  },
+  'it-IT': {
+    lang: 'it-IT',
+    label: 'Italiano',
+    icon: '🇮🇹',
+    title: 'Linguaggio'
+  },
+  'is-IS': {
+    lang: 'is-IS',
+    label: 'Íslenska',
+    icon: '🇮🇸',
+    title: 'Tungumál'
+  },
+  'ja-JP': {
+    lang: 'ja-JP',
+    label: '日本語',
+    icon: '🇯🇵',
+    title: '言語'
+  },
+  'ku-IQ': {
+    lang: 'ku-IQ',
+    label: 'کوردی',
+    icon: '🇮🇶',
+    title: 'Ziman'
+  },
+  'kn-IN': {
+    lang: 'zh-TW',
+    label: 'ಕನ್ನಡ',
+    icon: '🇮🇳',
+    title: 'ಭಾಷೆ'
+  },
+  'ko-KR': {
+    lang: 'ko-KR',
+    label: '한국어',
+    icon: '🇰🇷',
+    title: '언어'
+  },
+  'lv-LV': {
+    lang: 'lv-LV',
+    label: 'Latviešu valoda',
+    icon: '🇱🇮',
+    title: 'Kalba'
+  },
+  'mk-MK': {
+    lang: 'mk-MK',
+    label: 'македонски јазик',
+    icon: '🇲🇰',
+    title: 'Јазик'
+  },
+  'mn-MN': {
+    lang: 'mn-MN',
+    label: 'Монгол хэл',
+    icon: '🇲🇳',
+    title: 'Хэл'
+  },
+  'ms-MY': {
+    lang: 'ms-MY',
+    label: 'بهاس ملايو‎',
+    icon: '🇲🇾',
+    title: 'Bahasa'
+  },
+  'nb-NO': {
+    lang: 'nb-NO',
+    label: 'Norsk',
+    icon: '🇳🇴',
+    title: 'Språk'
+  },
+  'ne-NP': {
+    lang: 'ne-NP',
+    label: 'नेपाली',
+    icon: '🇳🇵',
+    title: 'भाषा'
+  },
+  'nl-BE': {
+    lang: 'nl-BE',
+    label: 'Vlaams',
+    icon: '🇧🇪',
+    title: 'Taal'
+  },
+  'nl-NL': {
+    lang: 'nl-NL',
+    label: 'Vlaams',
+    icon: '🇳🇱',
+    title: 'Taal'
+  },
+  'pl-PL': {
+    lang: 'pl-PL',
+    label: 'Polski',
+    icon: '🇵🇱',
+    title: 'Język'
+  },
+  'pt-BR': {
+    lang: 'pt-BR',
+    label: 'Português',
+    icon: '🇧🇷',
+    title: 'Idiomas'
+  },
+  'pt-PT': {
+    lang: 'pt-PT',
+    label: 'Português',
+    icon: '🇵🇹',
+    title: 'Idiomas'
+  },
+  'ro-RO': {
+    lang: 'ro-RO',
+    label: 'Română',
+    icon: '🇷🇴',
+    title: 'Limba'
+  },
+  'ru-RU': {
+    lang: 'ru-RU',
+    label: 'Русский',
+    icon: '🇷🇺',
+    title: 'язык'
+  },
+  'sk-SK': {
+    lang: 'sk-SK',
+    label: 'Slovenčina',
+    icon: '🇸🇰',
+    title: 'Jazyk'
+  },
+  'sr-RS': {
+    lang: 'sr-RS',
+    label: 'српски језик',
+    icon: '🇸🇷',
+    title: 'Језик'
+  },
+  'sl-SI': {
+    lang: 'sl-SI',
+    label: 'Slovenščina',
+    icon: '🇸🇱',
+    title: 'Jezik'
+  },
+  'sv-SE': {
+    lang: 'sv-SE',
+    label: 'Svenska',
+    icon: '🇸🇪',
+    title: 'Språk'
+  },
+  'ta-IN': {
+    lang: 'ta-IN',
+    label: 'தமிழ்',
+    icon: '🇮🇳',
+    title: 'மொழி'
+  },
+  'th-TH': {
+    lang: 'th-TH',
+    label: 'ไทย',
+    icon: '🇹🇭',
+    title: 'ภาษา'
+  },
+  'tr-TR': {
+    lang: 'tr-TR',
+    label: 'Türkçe',
+    icon: '🇹🇷',
+    title: 'Dil'
+  },
+  'uk-UA': {
+    lang: 'uk-UA',
+    label: 'Українська',
+    icon: '🇺🇰',
+    title: 'Мова'
+  },
+  'vi-VN': {
+    lang: 'vi-VN',
+    label: 'Tiếng Việt',
+    icon: '🇻🇳',
+    title: 'Ngôn ngữ'
+  },
+  'zh-CN': {
+    lang: 'zh-CN',
+    label: '简体中文',
+    icon: '🇨🇳',
+    title: '语言'
+  },
+  'zh-TW': {
+    lang: 'zh-TW',
+    label: '繁體中文',
+    icon: '🇭🇰',
+    title: '語言'
+  }
+};
+
+export const SelectLang: React.FC<SelectLangProps> = (props) => {
+  {{#ShowSelectLang}}
+  const {
+  globalIconClassName,
+  postLocalesData,
+  onItemClick,
+  icon,
+  style,
+  reload,
+  ...restProps
+} = props;
+  const [selectedLang, setSelectedLang] = useState(() => getLocale());
+
+  const changeLang = ({ key }: ClickParam): void => {
+    setLocale(key, reload);
+    setSelectedLang(getLocale())
+  };
+
+
+  const defaultLangUConfig = getAllLocales().map(
+    (key) =>
+      defaultLangUConfigMap[key] || {
+        lang: key,
+        label: key,
+        icon: "🌐",
+        title: key,
+      }
+  );
+
+  const allLangUIConfig =
+    postLocalesData?.(defaultLangUConfig) || defaultLangUConfig;
+  const handleClick = onItemClick
+    ? (params: ClickParam) => onItemClick(params)
+    : changeLang;
+
+  const menuItemStyle = { minWidth: "160px" };
+  const menuItemIconStyle = { marginRight: "8px" };
+  const langMenu = (
+    <Menu selectedKeys={[selectedLang]} onClick={handleClick}>
+      {allLangUIConfig.map((localeObj) => {
+        return (
+          <Menu.Item key={localeObj.lang || localeObj.key} style={menuItemStyle}>
+            <span role="img" aria-label={localeObj?.label || "en-US"} style={menuItemIconStyle}>
+              {localeObj?.icon || "🌐"}
+            </span>
+            {localeObj?.label || "en-US"}
+          </Menu.Item>
+        );
+      })}
+    </Menu>
+  );
+
+  const inlineStyle = {
+    cursor: "pointer",
+    padding: "12px",
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center",
+    fontSize: 18,
+    verticalAlign: "middle",
+    ...style,
+  };
+
+  return (
+    <HeaderDropdown overlay={langMenu} placement="bottomRight" {...restProps}>
+      <span className={globalIconClassName} style={inlineStyle}>
+        <i className="anticon" title={allLangUIConfig[selectedLang]?.title}>
+          { icon ?
+            icon : (
+            <svg
+            viewBox="0 0 24 24"
+            focusable="false"
+            width="1em"
+            height="1em"
+            fill="currentColor"
+            aria-hidden="true"
+          >
+            <path d="M0 0h24v24H0z" fill="none" />
+            <path
+              d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z "
+              className="css-c4d79v"
+            />
+          </svg>
+          )}
+        </i>
+      </span>
+    </HeaderDropdown>
+  );
+  {{/ShowSelectLang}}
+  return <></>
+};