@cloud-app-dev/vidc 2.1.0-alpha.7 → 2.2.0-alpha.1

package/.umirc.ts

@@ -5,7 +5,7 @@ const token =
   'eyJhbGciOiJIUzI1NiJ9.eyJvcmdhbml6YXRpb25JZCI6IjEwMDEwMTAwMDQ0NiIsImV4dCI6MTY0MDQwOTc4NjQ3OCwidWlkIjoiMTAxMDAwMDAwMjQ5IiwidmFsaWRTdGF0ZSI6MTA0NDA2LCJyb2xlSWQiOlsxMDAwMDAxMTAzODddLCJ2YWxpZFRpbWUiOm51bGwsIm9wdENlbnRlcklkIjoiMTAwMTAwMDAwMjMzIiwidXNlclR5cGUiOjEwMDcwMiwiaWF0IjoxNjQwMTUwNTg2NDc4fQ.9a8me82dxS_DJ52Ac8eBu1Y2Gigs7mZ6Cm3Rd-tj5Vk';
 
 export default defineConfig({
-  title: '云应用-业务组件库',
+  title: 'CloudApp VIDC',
   favicon: 'https://user-images.githubusercontent.com/9554297/83762004-a0761b00-a6a9-11ea-83b4-9c8ff721d4b8.png',
   logo: 'https://user-images.githubusercontent.com/9554297/83762004-a0761b00-a6a9-11ea-83b4-9c8ff721d4b8.png',
   outputPath: 'docs-dist',

package/es/AppContext/Sync.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { AppContextInterface } from './interface';
 interface ISyncProps {
     stateChange: (options: AppContextInterface) => void;

package/es/AppContext/interface.d.ts

@@ -15,9 +15,12 @@ export type UserInfoType = {
   userSource: string;
   userType: string;
   validState: string;
+  [key: string]: any;
 };
 
-export type OperationInfoType = {};
+export type OperationInfoType = {
+  [key: string]: any;
+};
 
 export interface AppContextInterface {
   user: UserInfoType;

package/es/AppRedirect/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import * as H from 'history';
 import './index.less';
 interface AppRedirectProps {

package/es/CheckGroupFixed/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 export interface SourceDictType {
     value?: string | number;

package/es/DeviceSelect/TreeType.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface ITreeTypeProps {
     mode: string;
     onChange: (mode: string) => void;

package/es/DeviceSelect/demo.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare function App(): JSX.Element;
 export default App;

package/es/DeviceSelect/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DeviceItemType } from '../core';
 import './index.less';
 interface IDeviceSelectProps {

package/es/DeviceSelect/index.js

@@ -51,7 +51,7 @@ function DeviceSelect(_ref) {
 
   useEffect(function () {
     if (state.selectDevices || !selectDevices) {
-      return null;
+      return;
     }
 
     var ids = selectDevices === null || selectDevices === void 0 ? void 0 : selectDevices.map(function (v) {

package/es/Dict/hook.d.ts

@@ -1,4 +1,3 @@
 import { DictItem } from './interface';
 export declare function useDict(typeCode: string | number): DictItem[];
-export declare function useTypeCodes(): DictItem[];
 export declare function useDicts(typeCodes?: any[], isWebVisible?: boolean): DictItem[][];

package/es/Dict/hook.js

@@ -19,7 +19,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import { useMemo, useState, useEffect } from 'react';
-import { queryByTypeCode, queryByTypeCodes, queryTypeCodes, formartItemTextExt } from './utils';
+import { queryByTypeCode, queryByTypeCodes, formartItemTextExt } from './utils';
 import LMDict from './cache';
 export function useDict(typeCode) {
   var _useState = useState(LMDict.data[typeCode] || []),
@@ -47,22 +47,6 @@ export function useDict(typeCode) {
   }, [typeCode]);
   return codes;
 }
-export function useTypeCodes() {
-  var _useState3 = useState(LMDict.data['typeCodes'] || []),
-      _useState4 = _slicedToArray(_useState3, 2),
-      typeCodes = _useState4[0],
-      setTypeCodes = _useState4[1];
-
-  useEffect(function () {
-    if (!LMDict.data['typeCodes']) {
-      queryTypeCodes().then(function (res) {
-        setTypeCodes(res);
-        LMDict.updateDictMap('typeCode', res);
-      });
-    }
-  }, []);
-  return typeCodes;
-}
 export function useDicts() {
   var typeCodes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   var isWebVisible = arguments.length > 1 ? arguments[1] : undefined;
@@ -70,14 +54,14 @@ export function useDicts() {
     return typeCodes.toString();
   }, [typeCodes]);
 
-  var _useState5 = useState(function () {
+  var _useState3 = useState(function () {
     return typeCodes.map(function (v) {
       return LMDict.data[v] ? LMDict.data[v] : [];
     });
   }),
-      _useState6 = _slicedToArray(_useState5, 2),
-      dicts = _useState6[0],
-      setDicts = _useState6[1];
+      _useState4 = _slicedToArray(_useState3, 2),
+      dicts = _useState4[0],
+      setDicts = _useState4[1];
 
   useEffect(function () {
     var codes = typeCodes.filter(function (v) {

package/es/Dict/index.d.ts

@@ -1,13 +1,9 @@
 import * as device from './device';
-import { useDict, useDicts, useTypeCodes } from './hook';
-import { withDict, withTypeCodes } from './desc';
+import { useDict, useDicts } from './hook';
 declare const Dict: {
     useDict: typeof useDict;
     useDicts: typeof useDicts;
     device: typeof device;
     cacheMap: import("./interface").CacheDictType;
-    withDict: typeof withDict;
-    useTypeCodes: typeof useTypeCodes;
-    withTypeCodes: typeof withTypeCodes;
 };
 export default Dict;

package/es/Dict/index.js

@@ -1,14 +1,10 @@
 import LMDict from './cache';
 import * as device from './device';
-import { useDict, useDicts, useTypeCodes } from './hook';
-import { withDict, withTypeCodes } from './desc';
+import { useDict, useDicts } from './hook';
 var Dict = {
   useDict: useDict,
   useDicts: useDicts,
   device: device,
-  cacheMap: LMDict,
-  withDict: withDict,
-  useTypeCodes: useTypeCodes,
-  withTypeCodes: withTypeCodes
+  cacheMap: LMDict
 };
 export default Dict;

package/es/Dict/utils.d.ts

@@ -5,7 +5,6 @@ export declare function queryByTypeCode(typeCode: any): Promise<{
 export declare function queryByTypeCodes(typeCodes?: any[], isWebVisible?: boolean): Promise<{
     data: DictItem[];
 }>;
-export declare function queryTypeCodes(): Promise<DictItem[]>;
 export declare function formartItemTextExt(text: string): {
     [key: string]: any;
 };

package/es/Dict/utils.js

@@ -29,13 +29,6 @@ export function queryByTypeCodes() {
     }
   });
 }
-export function queryTypeCodes() {
-  return Service.http({
-    url: "/micro-apps/micro-dep-librarys/config/typeCodes.json",
-    method: 'get',
-    requestId: 'queryTypeCodes'
-  });
-}
 export function formartItemTextExt(text) {
   var ext = {};
 

package/es/Drag/DragAndDropItem.js

@@ -59,8 +59,8 @@ function DragAndDropItem(_ref) {
       return [old[0], 'dragleave'];
     });
   }, []);
-  var allowDrop = useCallback(function (e) {
-    e.preventDefault();
+  var allowDrop = useCallback(function (event) {
+    return event.preventDefault();
   }, []);
   var onDragStart = useCallback(function (event) {
     if (!domRef.current) {

package/es/Drag/DropItem.js

@@ -38,8 +38,8 @@ function DropItem(_ref) {
     event.stopPropagation();
     setStatus('dragleave');
   }, []);
-  var allowDrop = useCallback(function (e) {
-    e.preventDefault();
+  var allowDrop = useCallback(function (event) {
+    return event.preventDefault();
   }, []);
   return /*#__PURE__*/React.cloneElement(children, {
     ref: domRef,

package/es/Drawer/Footer.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IFooterProps } from './interface';
 import './index.less';
 declare function Footer({ onClose, cancelText, okText, onOk }: IFooterProps): JSX.Element;

package/es/Drawer/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DrawerProps } from './interface';
 import './index.less';
 declare function ZVDrawer({ style, getContainer, onClose, className, onOk, cancelText, okText, children, ...props }: DrawerProps): JSX.Element;

package/es/InitialConfig/index.js

@@ -11,7 +11,6 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import React, { useState, useEffect } from 'react';
-import Dict from '../Dict';
 import Config from '../Config';
 import { queryBSConfig, queryMicroApplicationList, querySystemUpdate, queryDefaultTheme } from './utils';
 
@@ -28,7 +27,6 @@ function InitialConfig(_ref) {
       state = _useState2[0],
       setState = _useState2[1];
 
-  Dict.useTypeCodes();
   useEffect(function () {
     var arr = [queryBSConfig(), queryMicroApplicationList(), querySystemUpdate(), queryDefaultTheme()];
     Promise.all(arr).then(function (_ref2) {

package/es/InitialConfig/utils.d.ts

@@ -3,11 +3,6 @@
  * @description 获取系统配置
  */
 export declare function queryBSConfig(): Promise<any>;
-/**
- *
- * @description 获取所有微应用配置
- */
-export declare function queryMicroApplicationList(): Promise<any>;
 /**
  *
  * @description 获取平台升级状态
@@ -18,3 +13,8 @@ export declare function querySystemUpdate(): Promise<any>;
  * @description 获取平台配色
  */
 export declare function queryDefaultTheme(): Promise<any>;
+/**
+ *
+ * @description 获取所有微应用
+ */
+export declare function queryMicroApplicationList(): Promise<any>;

package/es/InitialConfig/utils.js

@@ -29,24 +29,20 @@ export function queryBSConfig() {
 }
 /**
  *
- * @description 获取所有微应用配置
+ * @description 获取平台升级状态
  */
 
-export function queryMicroApplicationList() {
+export function querySystemUpdate() {
   return __awaiter(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
     return regeneratorRuntime.wrap(function _callee2$(_context2) {
       while (1) {
         switch (_context2.prev = _context2.next) {
           case 0:
-            _context2.next = 2;
-            return Service.http({
-              url: "/statics/config/app.conf.json?".concat(Date.now())
-            });
-
-          case 2:
-            return _context2.abrupt("return", _context2.sent.data);
+            return _context2.abrupt("return", Service.http({
+              url: "/statics/config/update.status.conf.json?".concat(Date.now())
+            }));
 
-          case 3:
+          case 1:
           case "end":
             return _context2.stop();
         }
@@ -56,20 +52,24 @@ export function queryMicroApplicationList() {
 }
 /**
  *
- * @description 获取平台升级状态
+ * @description 获取平台配色
  */
 
-export function querySystemUpdate() {
+export function queryDefaultTheme() {
   return __awaiter(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee3() {
     return regeneratorRuntime.wrap(function _callee3$(_context3) {
       while (1) {
         switch (_context3.prev = _context3.next) {
           case 0:
-            return _context3.abrupt("return", Service.http({
-              url: "/statics/config/update.status.conf.json?".concat(Date.now())
-            }));
+            _context3.next = 2;
+            return Service.http({
+              url: "/statics/config/theme.info.json?".concat(Date.now())
+            });
 
-          case 1:
+          case 2:
+            return _context3.abrupt("return", _context3.sent.data);
+
+          case 3:
           case "end":
             return _context3.stop();
         }
@@ -79,10 +79,10 @@ export function querySystemUpdate() {
 }
 /**
  *
- * @description 获取平台配色
+ * @description 获取所有微应用
  */
 
-export function queryDefaultTheme() {
+export function queryMicroApplicationList() {
   return __awaiter(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee4() {
     return regeneratorRuntime.wrap(function _callee4$(_context4) {
       while (1) {
@@ -90,7 +90,7 @@ export function queryDefaultTheme() {
           case 0:
             _context4.next = 2;
             return Service.http({
-              url: "/statics/config/theme.info.json?".concat(Date.now())
+              url: '/api/micro-app-service/app/v1/allList'
             });
 
           case 2:

package/es/Input/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { InputProps } from 'antd';
 import './index.less';
 interface IInputProps extends Omit<InputProps, 'onChange'> {

package/es/List/CheckExt.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface ICheckExtProps {
     selectCount: number;
     count: number;

package/es/List/DeviceList/index.js

@@ -21,7 +21,7 @@ function DeviceList(_a) {
     });
   }, [getIconStyle]);
   var deleteItemAction = useCallback(function (item, e) {
-    e.stopPropagation(e);
+    e.stopPropagation();
     e.preventDefault();
     deleteItem && deleteItem(item);
   }, []);

package/es/List/DynamicDeviceList/Demo.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare function App(): JSX.Element;
 export default App;

package/es/List/DynamicDeviceList/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IDynamicDeviceListProps } from './interface';
 import './index.less';
 declare function DynamicDeviceList({ onClick, checkedKeys, defaultCheckedIds, onChecked, params, title, onKeywordChange, limit, itemHeight }: IDynamicDeviceListProps): JSX.Element;

package/es/List/VList/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 interface IVListProps<T> {
     data?: Array<T>;

package/es/List/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CheckListProps } from './interface';
 import './index.less';
 declare function List(props: CheckListProps<any>): JSX.Element;

package/es/LoaderApp/index.js

@@ -1,3 +1,5 @@
+import _useUnmount from "ahooks/es/useUnmount";
+import _useMount from "ahooks/es/useMount";
 import _uuid from "@cloud-app-dev/utils/es/uuid";
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
@@ -13,7 +15,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import { __awaiter } from "tslib";
-import React, { useRef, useEffect, useState, useMemo } from 'react';
+import React, { useRef, useState, useMemo } from 'react';
 import { getMicroConfig } from './utils';
 import LoaderModule from './loader';
 import "./index.css";
@@ -36,8 +38,7 @@ function LoaderApp(_ref) {
       status = _useState2[0],
       setStatus = _useState2[1];
 
-  useEffect(function () {
-    var app;
+  _useMount(function () {
     var config = getMicroConfig(appConfig, appProps, domRef.current);
 
     if (!config) {
@@ -72,26 +73,25 @@ function LoaderApp(_ref) {
           while (1) {
             switch (_context.prev = _context.next) {
               case 0:
-                app = mod;
                 loadedAppRef.current = mod;
 
                 if (!status) {
-                  _context.next = 5;
+                  _context.next = 4;
                   break;
                 }
 
-                _context.next = 5;
-                return app.bootstrap(props);
+                _context.next = 4;
+                return mod.bootstrap(props);
 
-              case 5:
+              case 4:
                 setStatus('bootstrap');
-                _context.next = 8;
-                return app.mount(props);
+                _context.next = 7;
+                return mod.mount(props);
 
-              case 8:
+              case 7:
                 setStatus('mount');
 
-              case 9:
+              case 8:
               case "end":
                 return _context.stop();
             }
@@ -99,16 +99,20 @@ function LoaderApp(_ref) {
         }, _callee);
       }));
     });
-    return function () {
-      try {
-        app.unmount(props);
-        setStatus('unmount');
-        app = null;
-      } catch (error) {
-        console.error(error);
-      }
-    };
-  }, []);
+  });
+
+  _useUnmount(function () {
+    if (loadedAppRef.current) {
+      var app = loadedAppRef.current;
+      var props = Object.assign(Object.assign({}, appProps), {
+        container: domRef.current
+      });
+      app.unmount(props);
+      setStatus('unmount');
+      loadedAppRef.current = null;
+    }
+  });
+
   return /*#__PURE__*/React.createElement("main", {
     ref: domRef,
     className: "loaded-app-layout ".concat(appConfig.routerPrefix, "-").concat(id),

package/es/LoaderApp/loader.js

@@ -1,5 +1,5 @@
 import { __awaiter } from "tslib";
-import { arrayify, rewrite } from './utils';
+import { arrayify, fetchStyle, rewrite } from './utils';
 var _global = window;
 export function createScopedCssText(_ref) {
   var styleNode = _ref.styleNode,
@@ -27,11 +27,7 @@ export function LoaderStyle(_ref2) {
             }
 
             _context.next = 3;
-            return fetch(style).then(function (r) {
-              return r.text();
-            }).catch(function () {
-              return '';
-            });
+            return fetchStyle(style);
 
           case 3:
             cssText = _context.sent;

package/es/LoaderApp/utils.d.ts

@@ -10,5 +10,6 @@ export declare const getMicroConfig: (appConfig: AppItemType, appProps: any, con
         html: string;
     };
 };
+export declare function fetchStyle(style: string): Promise<string>;
 export declare const arrayify: <T>(list: CSSRuleList | any[]) => T[];
 export declare function rewrite(rules: CSSRule[], prefix?: string): string;

package/es/LoaderApp/utils.js

@@ -1,3 +1,4 @@
+import { __awaiter } from "tslib";
 export var getMicroConfig = function getMicroConfig() {
   var appConfig = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var appProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
@@ -18,6 +19,42 @@ export var getMicroConfig = function getMicroConfig() {
     entry: microAppEntry
   };
 };
+var styleCache = {};
+export function fetchStyle(style) {
+  return __awaiter(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+    var cssText;
+    return regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            if (!styleCache[style]) {
+              _context.next = 2;
+              break;
+            }
+
+            return _context.abrupt("return", styleCache[style]);
+
+          case 2:
+            _context.next = 4;
+            return fetch(style).then(function (r) {
+              return r.text();
+            }).catch(function () {
+              return '';
+            });
+
+          case 4:
+            cssText = _context.sent;
+            styleCache[style] = cssText;
+            return _context.abrupt("return", cssText);
+
+          case 7:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+}
 var RuleType = {
   // type: rule will be rewrote
   STYLE: 1,

package/es/Modal/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ModalProps } from './interface';
 import './index.less';
 declare function Modal({ children, className, style, getContainer, ...props }: ModalProps): JSX.Element;

package/es/Picture/component/DefaultRects/RectInfo.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { RectType } from '../../interface';
 interface IRectInfoProps {
     item: RectType;

package/es/Picture/component/DefaultRects/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { RectType } from '../../interface';
 import './index.less';
 interface IDefaultRectsProps {
@@ -6,7 +7,7 @@ interface IDefaultRectsProps {
     onClickRect?: (item: RectType & {
         base64: string;
     }) => void;
-    getRectImage: (rect: number[]) => void;
+    getRectImage: (rect: number[]) => string;
 }
 declare function DefaultRects({ rects, containerDom, onClickRect, getRectImage }: IDefaultRectsProps): JSX.Element;
 export default DefaultRects;

package/es/Picture/component/DrawRect/index.d.ts

@@ -1,14 +1,13 @@
+/// <reference types="react" />
 import { MenuRectType } from '../../interface';
 import './index.less';
 interface IDrawRectProps {
     rect: number[];
     canRenderMenu?: boolean;
     containerDom: HTMLDivElement;
-    onMenuClick: (options: MenuRectType & {
-        base64: string;
-    }) => void;
+    onMenuClick: (options: MenuRectType) => void;
     menus: MenuRectType[];
-    getRectImage: (rect: number[]) => void;
+    getRectImage: (rect: number[]) => string;
 }
 declare function DrawRect({ rect, canRenderMenu, containerDom, onMenuClick, menus, getRectImage }: IDrawRectProps): JSX.Element;
 export default DrawRect;

package/es/Picture/component/RectMenu/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 import { MenuRectType } from 'src/Picture/interface';
 interface IRectMenuProps {
@@ -5,9 +6,7 @@ interface IRectMenuProps {
     y: number;
     menus: MenuRectType[];
     containerDom: HTMLDivElement;
-    onMenuClick: (options: MenuRectType & {
-        base64: string;
-    }) => void;
+    onMenuClick: (options: MenuRectType) => void;
 }
 declare function RectMenu({ x, y, menus, containerDom, onMenuClick }: IRectMenuProps): JSX.Element;
 export default RectMenu;

package/es/Picture/component/WheelScale/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface IWheelScaleProps {
     dom: HTMLElement;
     setScale: (scale: number) => void;

package/es/Picture/component/WheelScale/index.js

@@ -13,14 +13,14 @@ function WheelScale(_ref) {
 
   useEffect(function () {
     if (!dom) {
-      return null;
+      return undefined;
     }
 
-    dom.addEventListener('mousewheel', onWheel, {
+    dom.addEventListener('wheel', onWheel, {
       passive: false
     });
     return function () {
-      return dom.removeEventListener('mousewheel', onWheel);
+      return dom.removeEventListener('wheel', onWheel);
     };
   }, [dom, onWheel]);
   return /*#__PURE__*/React.createElement(React.Fragment, null);

package/es/Picture/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IPictureProps } from './interface';
 import './index.less';
 declare function Picture({ className, width, height, minHeight, disabledDrag, imagePath, rects, isOpenSelect, disabledDrawMenu, menus, hasTool, fullScreenEle, ...props }: IPictureProps): JSX.Element;