@umijs/plugins 4.0.0-beta.11 → 4.0.0-beta.15

package/dist/utils/modelUtils.d.ts

@@ -0,0 +1,35 @@
+import * as t from '@umijs/bundler-utils/compiled/babel/types';
+import { IApi } from 'umi';
+interface IOpts {
+    contentTest?: (content: string) => Boolean;
+    astTest?: (opts: {
+        node: t.Node;
+        content: string;
+    }) => Boolean;
+}
+export declare class Model {
+    file: string;
+    namespace: string;
+    id: string;
+    exportName: string;
+    constructor(file: string, id: number);
+}
+export declare class ModelUtils {
+    api: IApi;
+    opts: IOpts;
+    count: number;
+    constructor(api: IApi | null, opts: IOpts);
+    getAllModels(opts: {
+        extraModels: string[];
+    }): Model[];
+    getModels(opts: {
+        base: string;
+        pattern?: string;
+    }): string[];
+    isModelValid(opts: {
+        content: string;
+        file: string;
+    }): boolean;
+    static getModelsContent(models: Model[]): string;
+}
+export {};

package/dist/utils/modelUtils.js

@@ -0,0 +1,145 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ModelUtils = exports.Model = void 0;
+const parser = __importStar(require("@umijs/bundler-utils/compiled/babel/parser"));
+const traverse_1 = __importDefault(require("@umijs/bundler-utils/compiled/babel/traverse"));
+const esbuild_1 = require("@umijs/bundler-utils/compiled/esbuild");
+const utils_1 = require("@umijs/utils");
+const fs_1 = require("fs");
+const path_1 = require("path");
+const astUtils_1 = require("./astUtils");
+class Model {
+    constructor(file, id) {
+        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;
+class ModelUtils {
+    constructor(api, opts) {
+        this.opts = {};
+        this.count = 1;
+        this.api = api;
+        this.opts = opts;
+    }
+    getAllModels(opts) {
+        // reset count
+        this.count = 1;
+        return [
+            ...this.getModels({
+                base: (0, path_1.join)(this.api.paths.absSrcPath, 'models'),
+                pattern: '**/*.{ts,tsx,js,jsx}',
+            }),
+            ...this.getModels({
+                base: (0, path_1.join)(this.api.paths.absPagesPath),
+                pattern: '**/models/**/*.{ts,tsx,js,jsx}',
+            }),
+            ...this.getModels({
+                base: (0, path_1.join)(this.api.paths.absPagesPath),
+                pattern: '**/model.{ts,tsx,js,jsx}',
+            }),
+            ...opts.extraModels,
+        ].map((file) => {
+            return new Model(file, this.count++);
+        });
+    }
+    getModels(opts) {
+        return utils_1.glob
+            .sync(opts.pattern || '**/*.{ts,js}', {
+            cwd: opts.base,
+            absolute: true,
+        })
+            .map(utils_1.winPath)
+            .filter((file) => {
+            if (/\.d.ts$/.test(file))
+                return false;
+            if (/\.(test|e2e|spec).([jt])sx?$/.test(file))
+                return false;
+            const content = (0, fs_1.readFileSync)(file, 'utf-8');
+            return this.isModelValid({ content, file });
+        });
+    }
+    isModelValid(opts) {
+        const { file, content } = opts;
+        if (this.opts.contentTest && this.opts.contentTest(content)) {
+            return true;
+        }
+        // transform with esbuild first
+        // to reduce unexpected ast problem
+        const loader = (0, path_1.extname)(file).slice(1);
+        const result = (0, esbuild_1.transformSync)(content, {
+            loader,
+            sourcemap: false,
+            minify: false,
+        });
+        // transform with babel
+        let ret = false;
+        const ast = parser.parse(result.code, {
+            sourceType: 'module',
+            sourceFilename: file,
+            plugins: [],
+        });
+        (0, traverse_1.default)(ast, {
+            ExportDefaultDeclaration: (path) => {
+                let node = path.node.declaration;
+                node = (0, astUtils_1.getIdentifierDeclaration)(node, path);
+                if (this.opts.astTest && this.opts.astTest({ node, content })) {
+                    ret = true;
+                }
+            },
+        });
+        return ret;
+    }
+    static getModelsContent(models) {
+        const imports = [];
+        const modelProps = [];
+        models.forEach((model) => {
+            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 `
+${imports.join('\n')}
+
+export const models = {
+${modelProps.join('\n')}
+}`;
+    }
+}
+exports.ModelUtils = ModelUtils;

package/dist/utils/resolveProjectDep.d.ts

@@ -0,0 +1,5 @@
+export declare function resolveProjectDep(opts: {
+    pkg: any;
+    cwd: string;
+    dep: string;
+}): string | undefined;

package/dist/utils/resolveProjectDep.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.resolveProjectDep = void 0;
+const path_1 = require("path");
+const plugin_utils_1 = require("umi/plugin-utils");
+function resolveProjectDep(opts) {
+    var _a, _b;
+    if (((_a = opts.pkg.dependencies) === null || _a === void 0 ? void 0 : _a[opts.dep]) ||
+        ((_b = opts.pkg.devDependencies) === null || _b === void 0 ? void 0 : _b[opts.dep])) {
+        return (0, path_1.dirname)(plugin_utils_1.resolve.sync(`${opts.dep}/package.json`, {
+            basedir: opts.cwd,
+        }));
+    }
+}
+exports.resolveProjectDep = resolveProjectDep;

package/dist/utils/withTmpPath.d.ts

@@ -0,0 +1,6 @@
+import { IApi } from 'umi';
+export declare function withTmpPath(opts: {
+    api: IApi;
+    path: string;
+    noPluginDir?: boolean;
+}): string;

package/dist/utils/withTmpPath.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.withTmpPath = void 0;
+const utils_1 = require("@umijs/utils");
+const path_1 = require("path");
+function withTmpPath(opts) {
+    return (0, utils_1.winPath)((0, path_1.join)(opts.api.paths.absTmpPath, opts.api.plugin.key && !opts.noPluginDir
+        ? `plugin-${opts.api.plugin.key}`
+        : '', opts.path));
+}
+exports.withTmpPath = withTmpPath;

package/libs/dva.ts

@@ -0,0 +1,10 @@
+// @ts-ignore
+export { create, saga, utils } from 'dva-core';
+export {
+  connect,
+  Provider,
+  useDispatch,
+  useSelector,
+  useStore,
+} from 'react-redux';
+export { bindActionCreators } from 'redux';

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 <></>
+};