vap1 0.3.2 → 0.3.4

package/utils/CustomApp.d.ts

@@ -8,7 +8,7 @@ import type { App } from '../hooks/useApp';
 */
 export type Route = {
     /**
-     * 路径
+     * 路由
     */
     path: string;
     /**
@@ -18,7 +18,7 @@ export type Route = {
     like?: boolean;
     /**
      * React 组件：
-     * 说明：对于依赖多的大组件，可使用 () => import('xxx') 进行代码分割
+     * 一般情况下，自定义页面不推荐使用chunk模式，建议统一引入。
     */
     component: any;
 };
@@ -74,86 +74,97 @@ export type Menu = {
     */
     children?: Menu[];
 };
+type CustomAppMenu = {
+    mode?: 'none' | 'list' | 'parent';
+    parent?: string;
+    list?: Menu[];
+};
+export type CustomAppTheme = {
+    /**
+     * 使用系统默认配置
+    */
+    useSystem?: boolean;
+    /**
+     * 标题
+    */
+    title?: string;
+    /**
+     * logo图片路径
+    */
+    logo?: string;
+    /**
+     * 指定一个皮肤代码
+     *
+     * 1：不指定时
+     *    1) user.useSystem = true / theme.useSystem = true   : 使用与portal一致的逻辑
+     *    2) user.useSystem = true / theme.useSystem = false  : 使用与portal一致的逻辑
+     *    3) user.useSystem = false / theme.useSystem = true  : 使用 系统默认 ：theme_default
+     *    4) user.useSystem = false / theme.useSystem = false : 使用 = 'net'
+     * 2: 指定时 ，使用指定编码
+     * 3: 指定为 `null` 时
+     *    以 `net` 为标准计算，不加载任何css文件
+     *    需要自行在入口文件里面引入对应CSS
+    */
+    code?: string | null;
+    /**
+     * 自定义页面只支持 tb / lr
+     * 默认为 tb
+    */
+    mode?: 'tb' | 'lr';
+    /**
+     * lr 模式时，不显示 crumb
+    */
+    showTop?: boolean;
+    /**
+     * true: 使用系统/用户自定义语言
+     * string: 指定应用语言, 支持 zhCN,zhHK,enUS
+     * 默认 : zhCN
+    */
+    lang?: true | string;
+    /**
+     * 限制宽度, tb模式时
+    */
+    limitWidth?: boolean;
+    /**
+     * 宽度， 默认220
+    */
+    bannerWidth?: number;
+    /**
+     * 高度,默认 64
+    */
+    bannerHeight?: number;
+    /**
+     * 是否开启Tab,默认 false
+    */
+    enableTab?: boolean;
+    /**
+     * 是否开启FullScreen,默认 false
+    */
+    enableFullScreen?: boolean;
+    /**
+     * 是否开启消息,默认 false
+    */
+    enableMessage?: boolean;
+};
+/**
+ * 说明:
+ * 1. 各配置项里面的 useSystem 全部默认为开启
+ *      即使用系统默认配置(获取系统配置需要登录)
+ *      如果自定义页面是不登录就可以看到的，必须全部设为false，否则会跳转到登录页
+ *
+*/
 export type CustomAppOptions = {
-    menu?: {
-        /**
-         * 菜单模式
-         * none   :  无菜单，无菜单时， theme.mode 不会起效，只需要注册一个 / 路由
-         * parent :  向上找一个菜单, 必须指定,parent
-         * list   :  自定义菜单，必须 指定 list
-        */
-        mode?: 'none' | 'parent' | 'list';
-        /**
-         * 可以为 id 或 url ,
-        */
-        parent?: string;
-        /**
-         * list 自定义菜单
-        */
-        list?: Menu[];
-    };
-    theme?: {
-        /**
-         * 使用系统默认配置
-        */
-        useSystem?: boolean;
-        /**
-         * 标题
-        */
-        title?: string;
-        /**
-         * logo图片路径
-        */
-        logo?: string;
-        /**
-         * 指定一个皮肤代码，
-         * 当指定时，先找皮肤代码，没有找到时，使用系统配置
-         * 当设定为 null 时，不加载样式
-        */
-        code?: string;
-        /**
-         * 自定义页面只支持 tb / lr
-         * 默认为 tb
-        */
-        mode?: 'tb' | 'lr';
-        /**
-         * lr 模式时，不显示 crumb
-        */
-        showTop?: boolean;
-        /**
-         * true: 使用系统/用户自定义语言
-         * string: 指定应用语言, 支持 zhCN,zhHK,enUS
-         * 默认 : zhCN
-        */
-        lang?: true | string;
-        /**
-         * 限制宽度, tb模式时
-        */
-        limitWidth?: boolean;
-        /**
-         * 宽度， 默认220
-        */
-        bannerWidth?: number;
-        /**
-         * 高度,默认 64
-        */
-        bannerHeight?: number;
-        /**
-         * 是否开启Tab,默认 false
-        */
-        enableTab?: boolean;
-        /**
-         * 是否开启FullScreen,默认 false
-        */
-        enableFullScreen?: boolean;
-        /**
-         * 是否开启消息,默认 false
-        */
-        enableMessage?: boolean;
-    };
+    menu?: CustomAppMenu;
+    /**
+      * 皮肤设定：请参考
+      * [系统属性/OEM](http://192.168.119.213:9999/vap2/oem-system/)
+      * 另外，自定义页面仅支持 上下/左右 两种结构 ，不支持扁平/模块化结构
+      * 设计结构后，部分参数将会失效
+     */
+    theme?: CustomAppTheme;
     system?: {
         /**
-         * 是否开启权限检测, 默认true
+         * 是否开启权限检测, 默认 true
          * 开启后可正常使用 roleCode 等属性， (PageUtil.hasRole , Role组件等)
         */
         enableRule?: boolean;
@@ -182,16 +193,18 @@ export type CustomAppOptions = {
     };
     user?: {
         /**
-         * 使用系统默认配置
-         * 默认 true
+         * 加载 config 默认为 false
+         * 使用后，使用使用 /user/preference/{*}   获取用户自定义信息
         */
         useSystem?: boolean;
         /**
-         * 不使用系统配置时，需要自己写入一个 info 信息
+         * 如果不传 info， 将会使用 /user/info 获取用户信息
+         * 传入 info 后，则直接使用 传入的信息做为 用户信息
         */
         info?: PlainObject;
         /**
-         * 加载 config 默认为 false
+         * @deprecated
+         * 此值将不再生效，统一使用 useSystem  后续将会删除
         */
         enableConfig?: boolean;
     };

package/utils/Renders/ApiGetRender.js

@@ -122,7 +122,7 @@ var loadApi = function (option) { return __awaiter(void 0, void 0, void 0, funct
                 result = _a.sent();
                 if (!cache.loaded) {
                     arr = (0, _define_1.getList)(result);
-                    arr.map(function (item) { return cache.map.set(item[option.valueFiled] + '', item[option.nameField]); });
+                    arr.map(function (item) { return cache.map.set(item[option.valueField] + '', item[option.nameField]); });
                     cache.loaded = true;
                 }
                 return [2 /*return*/, true];
@@ -234,7 +234,7 @@ var ApiGetRender = function (options) {
                             }
                             arr = (0, _define_1.getList)(result);
                             arr.map(function (item) {
-                                apiOptions.push({ label: item[options.nameField], value: format(item[options.valueFiled]) });
+                                apiOptions.push({ label: item[options.nameField], value: format(item[options.valueField]) });
                             });
                             setState(apiOptions);
                             return [2 /*return*/];
@@ -255,7 +255,7 @@ var ApiGetRender = function (options) {
         var resp = (0, XHR_1.GETSYNC)(options.api);
         var map = new Map();
         var arr = (0, _define_1.getList)(resp);
-        arr.map(function (item) { return map.set(item[options.valueFiled] + '', item[options.nameField]); });
+        arr.map(function (item) { return map.set(item[options.valueField] + '', item[options.nameField]); });
         API_CACHES.set(options.api, {
             fetcher: index_1.Ajax.GET(options.api),
             loaded: true,
@@ -276,4 +276,4 @@ var ApiGetRender = function (options) {
     return fn;
 };
 exports.ApiGetRender = ApiGetRender;
-// export const roleRender = ApiGetRender({ api: GLOBAL.CONFIG.ADMIN.ROLE, nameField: 'name', valueFiled: 'id', });
+// export const roleRender = ApiGetRender({ api: GLOBAL.CONFIG.ADMIN.ROLE, nameField: 'name', valueField: 'id', });

package/utils/Renders/ApiPostRender.js

@@ -141,7 +141,7 @@ var _ApiPostRender = function (props) {
                     cache[cacheKey] = true;
                     index_1.CacheUtil.set(KEY, cache);
                     update();
-                    return [4 /*yield*/, index_1.Ajax.POST(props.api, __assign(__assign({}, props.param), (_a = {}, _a[props.valueFiled] = props.value, _a)), { process: false })];
+                    return [4 /*yield*/, index_1.Ajax.POST(props.api, __assign(__assign({}, props.param), (_a = {}, _a[props.valueField] = props.value, _a)), { process: false })];
                 case 5:
                     resp = _b.sent();
                     result = getLabel(props, resp, cacheKey);
@@ -203,7 +203,7 @@ var ApiPostRender = function (options) {
         var _a;
         var result = getInCache(KEY, key);
         if (result === null) {
-            var resp = (0, XHR_1.POSTSYNC)(options.api, __assign(__assign({}, options.param), (_a = {}, _a[options.valueFiled] = key, _a)));
+            var resp = (0, XHR_1.POSTSYNC)(options.api, __assign(__assign({}, options.param), (_a = {}, _a[options.valueField] = key, _a)));
             result = getLabel(options, resp, key);
         }
         if (result == false)

package/utils/Renders/StringRender.d.ts

@@ -1,4 +1,4 @@
-import { BaseRenderOptions, Render } from './_define';
+import type { BaseRenderOptions, Render } from './_define';
 export declare const StrRender: (options?: number | BaseRenderOptions) => Render;
 /**
  * 返回一个 htmlRender，用于显示自定义的html,会用div包住

package/utils/Renders/_define.d.ts

@@ -4,13 +4,17 @@ export type BaseRenderOptions = {
     className?: string;
     default?: React.ReactNode;
     onlyText?: boolean;
+    bold?: boolean;
+    underline?: boolean;
+    italic?: boolean;
+    color?: string;
     format?: (param: string) => string;
     len?: number;
 };
 export type ApiRenderOptions = BaseRenderOptions & {
     api: string;
     nameField: string;
-    valueFiled: string;
+    valueField: string;
     render?: (info: BaseOption) => React.ReactNode;
 };
 export declare const getValue: (txt: string, options: BaseRenderOptions) => string | React.ReactNode;

package/utils/Renders/_define.js

@@ -24,9 +24,19 @@ var getValue = function (txt, options) {
     if (options.len && str.length > options.len) {
         str = str.substring(0, options.len) + '...';
     }
-    if (options.onlyText || options.className == null)
+    var clazz = [];
+    if (options.className)
+        clazz.push(options.className);
+    if (options.bold)
+        clazz.push('font-bold');
+    if (options.italic)
+        clazz.push('font-italic');
+    if (options.underline)
+        clazz.push('font-underline');
+    var style = options.color ? { color: options.color } : undefined;
+    if (options.onlyText || (clazz.length == 0 && style == undefined))
         return str;
-    return react_1.default.createElement("span", { className: options.className, title: txt }, str);
+    return react_1.default.createElement("span", { className: clazz.join(' '), style: style, title: txt }, str);
 };
 exports.getValue = getValue;
 var convertValue = function (value, config) {

package/utils/VAP.d.ts

@@ -9,6 +9,7 @@ export type VAP = {
     getFloat: (key: string, def?: number) => number;
 };
 declare const _VAP: VAP;
+export declare const _SET: (key: string, text: string) => void;
 /**
  * 初始化，仅在入口脚本里面使用
 */

package/utils/VAP.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports._INIT = void 0;
+exports._INIT = exports._SET = void 0;
 var lodash_1 = __importDefault(require("lodash"));
 var _Support_1 = require("./_Support");
 var StringUtil_1 = require("./StringUtil");
@@ -63,6 +63,12 @@ var defaultVAP = function () {
 };
 // const _V_SYSTEM = globalDefault<Map<string, string>>('_V_SYSTEM', new Map<string, string>());
 var _VAP = (0, _Support_1.globalDefault)('_VAP', defaultVAP());
+var _SET = function (key, text) {
+    var value = lodash_1.default.trim(text);
+    if (value)
+        _VAP.KEYMAP.set(key, value);
+};
+exports._SET = _SET;
 /**
  * 初始化，仅在入口脚本里面使用
 */

package/utils/index.d.ts

@@ -56,3 +56,5 @@ export declare function registerRoute(preload: () => Promise<Route[]>): void;
  * 注册方式二：直接注册路由。
 */
 export declare function registerRoute(...routes: Route[]): void;
+import type { ReactElement } from 'react';
+export declare const renderRoot: (node: ReactElement, domId?: string) => void | Element | import("react").Component<any, any, any>;

package/utils/index.js

@@ -51,7 +51,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.registerRoute = exports.VAP = exports.Const = exports.Renders = exports.GLOBAL = exports.i18n = exports.Ajax = exports.Format = exports.CacheUtil = exports.EventUtil = exports.ArrayUtil = exports.PageUtil = exports.TreeUtil = exports.StringUtil = void 0;
+exports.renderRoot = exports.registerRoute = exports.VAP = exports.Const = exports.Renders = exports.GLOBAL = exports.i18n = exports.Ajax = exports.Format = exports.CacheUtil = exports.EventUtil = exports.ArrayUtil = exports.PageUtil = exports.TreeUtil = exports.StringUtil = void 0;
 var lodash_1 = __importDefault(require("lodash"));
 // 全局 UTILS 定义
 exports.StringUtil = __importStar(require("./StringUtil"));
@@ -81,3 +81,9 @@ function registerRoute() {
     setTimeout(function () { return registerRoute.apply(void 0, __spreadArray([], __read(args), false)); }, 100);
 }
 exports.registerRoute = registerRoute;
+var react_dom_1 = require("react-dom");
+var renderRoot = function (node, domId) {
+    if (domId === void 0) { domId = 'root'; }
+    return (0, react_dom_1.render)(node, document.getElementById(domId));
+};
+exports.renderRoot = renderRoot;