@cloud-app-dev/vidc 4.0.20 → 4.0.22

package/es/AppContext/Sync.js

@@ -0,0 +1,42 @@
+import React, { useEffect } from 'react';
+import SocketEmitter from "../SocketEmitter";
+import { _LOGIN_STATUS_EVENT_CHANGE_, _OPERATION_EVENT_CHANGE_, _STORE_EVENT_CHANGE_, _USER_EVENT_CHANGE_ } from "./static";
+function Sync(_ref) {
+  var stateChange = _ref.stateChange,
+    storeChange = _ref.storeChange;
+  /**
+   * @description 用户微应用之间的状态同步
+   */
+  useEffect(function () {
+    var userFn = function userFn(user) {
+      return stateChange({
+        user: user
+      });
+    };
+    var operationFn = function operationFn(operation) {
+      return stateChange({
+        operation: operation
+      });
+    };
+    var statusFn = function statusFn(status) {
+      return stateChange({
+        loginStatus: status
+      });
+    };
+    var storeFn = function storeFn(store) {
+      return storeChange(store);
+    };
+    SocketEmitter.on(_USER_EVENT_CHANGE_, userFn);
+    SocketEmitter.on(_OPERATION_EVENT_CHANGE_, operationFn);
+    SocketEmitter.on(_LOGIN_STATUS_EVENT_CHANGE_, statusFn);
+    SocketEmitter.on(_STORE_EVENT_CHANGE_, storeFn);
+    return function () {
+      SocketEmitter.off(_USER_EVENT_CHANGE_, userFn);
+      SocketEmitter.off(_OPERATION_EVENT_CHANGE_, operationFn);
+      SocketEmitter.off(_LOGIN_STATUS_EVENT_CHANGE_, statusFn);
+      SocketEmitter.off(_STORE_EVENT_CHANGE_, storeFn);
+    };
+  }, []);
+  return /*#__PURE__*/React.createElement(React.Fragment, null);
+}
+export default Sync;

package/es/AppContext/index.js

@@ -0,0 +1,141 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { isEmpty } from 'lodash-es';
+import React, { useCallback, useMemo, useState } from 'react';
+import cache from "../cache";
+import nextTick from "../nextTick";
+import SocketEmitter from "../SocketEmitter";
+import { _LOGIN_STATUS_EVENT_CHANGE_, _LOGIN_STATUS_SESSION_, _OPERATION_EVENT_CHANGE_, _OPERATION_SESSION_, _STORE_EVENT_CHANGE_, _STORE_SESSION_, _USER_EVENT_CHANGE_, _USER_SESSION_ } from "./static";
+import Sync from "./Sync";
+var Context = /*#__PURE__*/React.createContext(null);
+function Provider(_ref) {
+  var children = _ref.children;
+  var _useState = useState({
+      user: cache.getCache(_USER_SESSION_, 'session') || {},
+      operation: cache.getCache(_OPERATION_SESSION_, 'session') || {},
+      loginStatus: cache.getCache(_LOGIN_STATUS_SESSION_, 'session') || false,
+      store: cache.getCache(_STORE_SESSION_, 'session') || {}
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    state = _useState2[0],
+    setState = _useState2[1];
+  function updateUser() {
+    var user = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    var newUser = _objectSpread(_objectSpread({}, state.user), user);
+    setState(function (old) {
+      return _objectSpread(_objectSpread({}, old), {}, {
+        user: newUser
+      });
+    });
+    nextTick(function () {
+      SocketEmitter.emit(_USER_EVENT_CHANGE_, newUser);
+      cache.setCache(_USER_SESSION_, newUser, 'session');
+      console.info('AppContext updateUser is run !', user);
+    });
+  }
+  function updateOperation() {
+    var operation = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    var newOperation = _objectSpread(_objectSpread({}, state.operation), operation);
+    setState(function (old) {
+      return _objectSpread(_objectSpread({}, old), {}, {
+        operation: newOperation
+      });
+    });
+    nextTick(function () {
+      SocketEmitter.emit(_OPERATION_EVENT_CHANGE_, newOperation);
+      cache.setCache(_OPERATION_SESSION_, newOperation, 'session');
+      console.info('AppContext updateOperation is run !', operation);
+    });
+  }
+  function updateLoginStatus(status) {
+    if (typeof status !== 'boolean') {
+      throw new Error('status type is boolean ！');
+    }
+    setState(function (old) {
+      return status !== old.loginStatus ? _objectSpread(_objectSpread({}, old), {}, {
+        loginStatus: status
+      }) : old;
+    });
+    nextTick(function () {
+      SocketEmitter.emit(_LOGIN_STATUS_EVENT_CHANGE_, status);
+      cache.setCache(_LOGIN_STATUS_SESSION_, status, 'session');
+      console.info('AppContext updateLoginStatus is run !', status);
+    });
+  }
+
+  /**
+   * @desc 用于全局自定义状态存储，依赖sessionStorage持久化能力，不建议存储大数据量
+   * @param data
+   */
+  function updateStore() {
+    var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    setState(function (old) {
+      var newData = {};
+
+      //获取变更项
+      for (var _key in data) {
+        if (data[_key] !== old.store[_key]) {
+          newData[_key] = data[_key];
+        }
+      }
+      if (isEmpty(newData)) {
+        return old;
+      }
+      var newStore = _objectSpread(_objectSpread({}, old.store), newData);
+      cache.setCache(_STORE_SESSION_, newStore, 'session');
+      return _objectSpread(_objectSpread({}, old), {}, {
+        store: newStore
+      });
+    });
+    nextTick(function () {
+      SocketEmitter.emit(_STORE_EVENT_CHANGE_, data);
+      console.info('AppContext updateStore is run !', data);
+    });
+  }
+  var stateChange = useCallback(function (options) {
+    return setState(function (old) {
+      return _objectSpread(_objectSpread({}, old), options);
+    });
+  }, []);
+  var storeChange = useCallback(function (store) {
+    return setState(function (old) {
+      return _objectSpread(_objectSpread({}, old), {}, {
+        store: _objectSpread(_objectSpread({}, old.store), store)
+      });
+    });
+  }, []);
+  var providerValue = useMemo(function () {
+    return {
+      user: state.user,
+      operation: state.operation,
+      loginStatus: state.loginStatus,
+      store: state.store,
+      updateUser: updateUser,
+      updateOperation: updateOperation,
+      updateLoginStatus: updateLoginStatus,
+      updateStore: updateStore
+    };
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [state.user, state.operation, state.loginStatus]);
+  return /*#__PURE__*/React.createElement(Context.Provider, {
+    value: providerValue
+  }, children, /*#__PURE__*/React.createElement(Sync, {
+    stateChange: stateChange,
+    storeChange: storeChange
+  }));
+}
+export default {
+  Provider: Provider,
+  Context: Context
+};

package/es/AppContext/interface.d.ts

@@ -0,0 +1,41 @@
+export type UserInfoType = {
+  acceptAgreement: boolean;
+  id: string;
+  idCardNotNull: false;
+  lockTime: string;
+  loginName: string;
+  operationCenterId: string;
+  organizationId: string;
+  organizationName: string;
+  phoneNum: string;
+  realName: string;
+  roleIds: string[];
+  userAvatarUrl?: string;
+  userGrade: string;
+  userSource: string;
+  userType: string;
+  validState: string;
+  [key: string]: any;
+};
+
+export type OperationInfoType = {
+  [key: string]: any;
+};
+
+export type AppStoreType = {
+  [key: string]: any;
+};
+
+export interface IProviderState {
+  user: UserInfoType;
+  operation: OperationInfoType;
+  loginStatus: boolean;
+  store: AppStoreType;
+}
+
+export interface AppContextInterface extends IProviderState {
+  updateUser: (user: UserInfoType) => void;
+  updateOperation: (user: OperationInfoType) => void;
+  updateLoginStatus: (status: boolean) => void;
+  updateStore: (data: { [key: string]: any }) => void;
+}

package/es/AppContext/static.js

@@ -0,0 +1,9 @@
+export var _USER_EVENT_CHANGE_ = '_USER_EVENT_CHANGE_'; //用户信息变化
+export var _OPERATION_EVENT_CHANGE_ = '_OPERATION_EVENT_CHANGE_'; //应用系统信息变化
+export var _LOGIN_STATUS_EVENT_CHANGE_ = '_LOGIN_STATUS_EVENT_CHANGE_'; //登录状态变化
+export var _STORE_EVENT_CHANGE_ = '_STORE_EVENT_CHANGE_'; //登录状态变化
+
+export var _USER_SESSION_ = '_USER_SESSION_'; //用户信息 缓存key
+export var _OPERATION_SESSION_ = '_OPERATION_SESSION_'; //应用系统信息 缓存key
+export var _LOGIN_STATUS_SESSION_ = '_LOGIN_STATUS_SESSION_'; //登录状态 缓存key
+export var _STORE_SESSION_ = '_STORE_SESSION_'; //登录状态 缓存key

package/es/Auth/index.js

@@ -0,0 +1,14 @@
+import React, { useMemo } from 'react';
+import Config from "../Config";
+function Auth(_ref) {
+  var featureId = _ref.featureId,
+    noAuthContent = _ref.noAuthContent,
+    children = _ref.children;
+  var action = useMemo(function () {
+    return !!Config.feature.find(function (v) {
+      return v === featureId;
+    });
+  }, [featureId]); //获取按钮权限
+  return /*#__PURE__*/React.createElement(React.Fragment, null, !action ? noAuthContent ? noAuthContent : null : children);
+}
+export default Auth;

package/es/AutoExit/index.js

@@ -0,0 +1,19 @@
+import React, { useContext, useEffect } from 'react';
+import AppContext from "../AppContext";
+import nextTick from "../nextTick";
+import useHistory from "../useHistory";
+function AutoExit(_ref) {
+  var children = _ref.children;
+  var _useContext = useContext(AppContext.Context),
+    loginStatus = _useContext.loginStatus;
+  var history = useHistory();
+  useEffect(function () {
+    if (!loginStatus) {
+      nextTick(function () {
+        return history.replace('/login');
+      });
+    }
+  }, [loginStatus]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, loginStatus ? children : null);
+}
+export default AutoExit;

package/es/CheckGroupFixed/demo.js

@@ -0,0 +1,22 @@
+import { ConfigProvider } from 'antd';
+import React from 'react';
+import CheckGroupFixed from "./index";
+var defaultSource = Array.from(new Array(100)).map(function (_, i) {
+  return {
+    label: "\u9009\u9879".concat(i),
+    value: i
+  };
+});
+var App = function App() {
+  return /*#__PURE__*/React.createElement(ConfigProvider, {
+    prefixCls: "cloudapp"
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: '100%'
+    }
+  }, /*#__PURE__*/React.createElement(CheckGroupFixed, {
+    label: "\u6807\u9898",
+    source: defaultSource
+  })));
+};
+export default App;

package/es/CheckGroupFixed/index.js

@@ -0,0 +1,140 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { useUpdateEffect } from 'ahooks';
+import { Badge, Checkbox } from 'antd';
+import React, { useLayoutEffect, useMemo, useRef, useState } from 'react';
+import "./index.less";
+function CheckGroupFixed(_ref) {
+  var label = _ref.label,
+    _ref$source = _ref.source,
+    source = _ref$source === void 0 ? [] : _ref$source,
+    _ref$checboxSize = _ref.checboxSize,
+    checboxSize = _ref$checboxSize === void 0 ? 120 : _ref$checboxSize,
+    _ref$cutRow = _ref.cutRow,
+    cutRow = _ref$cutRow === void 0 ? 1 : _ref$cutRow,
+    _ref$labelSize = _ref.labelSize,
+    labelSize = _ref$labelSize === void 0 ? 100 : _ref$labelSize,
+    value = _ref.value,
+    onChange = _ref.onChange;
+  var _useState = useState({
+      visible: false,
+      sider: false,
+      pos: [0, 0],
+      w: 0,
+      selectKeys: value || []
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    state = _useState2[0],
+    setState = _useState2[1];
+  var domRef = useRef(null);
+  useLayoutEffect(function () {
+    var _domRef$current;
+    var contentEle = (_domRef$current = domRef.current) === null || _domRef$current === void 0 ? void 0 : _domRef$current.querySelector('.check-content-box');
+    var contentRect = (contentEle === null || contentEle === void 0 ? void 0 : contentEle.getBoundingClientRect()) || {
+      width: 0
+    };
+    if (contentRect.width < checboxSize * source.length) {
+      var _domRef$current2;
+      var lr = (_domRef$current2 = domRef.current) === null || _domRef$current2 === void 0 ? void 0 : _domRef$current2.getBoundingClientRect();
+      setState(function (old) {
+        return _objectSpread(_objectSpread({}, old), {}, {
+          visible: true,
+          w: (lr === null || lr === void 0 ? void 0 : lr.width) || 0
+        });
+      });
+    }
+  }, [checboxSize, source.length, state.visible]);
+  var fixedStyle = useMemo(function () {
+    return state.sider ? {
+      position: 'absolute',
+      width: state.w,
+      height: 'auto',
+      left: state.pos[0],
+      top: state.pos[1],
+      backgroundColor: 'white',
+      zIndex: 99,
+      boxShadow: ' 0 0 10px rgba(0,0,0,0.1)'
+    } : {};
+  }, [state.sider, state.w, state.pos]);
+  useUpdateEffect(function () {
+    return onChange === null || onChange === void 0 ? void 0 : onChange(state.selectKeys);
+  }, [state.selectKeys]);
+  useLayoutEffect(function () {
+    var _domRef$current3;
+    var dom = (_domRef$current3 = domRef.current) === null || _domRef$current3 === void 0 ? void 0 : _domRef$current3.querySelector('.check-box-group-layout');
+    dom === null || dom === void 0 || dom.setAttribute('style', "grid-template-columns:repeat(auto-fill, minmax(".concat(checboxSize, "px, 1fr));"));
+  }, [checboxSize]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "c-check-group-layout",
+    ref: domRef,
+    style: {
+      height: state.sider ? cutRow * 30 + 20 : 'auto'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "c-check-group-box",
+    style: fixedStyle
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "check-label-box",
+    style: {
+      width: labelSize
+    }
+  }, label, "\uFF1A"), /*#__PURE__*/React.createElement("div", {
+    className: "check-content-box",
+    style: {
+      height: state.sider ? 'auto' : cutRow * 30
+    }
+  }, /*#__PURE__*/React.createElement(Checkbox.Group, {
+    value: state.selectKeys,
+    className: "check-box-group-layout",
+    onChange: function onChange(keys) {
+      return setState(function (old) {
+        return _objectSpread(_objectSpread({}, old), {}, {
+          selectKeys: keys
+        });
+      });
+    }
+  }, source.map(function (v) {
+    return /*#__PURE__*/React.createElement(Checkbox, {
+      style: {
+        width: checboxSize
+      },
+      key: v.value,
+      value: v.value
+    }, /*#__PURE__*/React.createElement("span", {
+      title: v.label
+    }, v.label));
+  }))), state.visible && /*#__PURE__*/React.createElement(Badge, {
+    count: state.sider ? 0 : state.selectKeys.length,
+    size: "small",
+    offset: [10, 0]
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "slice-btn",
+    onClick: function onClick() {
+      return setState(function (old) {
+        return _objectSpread(_objectSpread({}, old), {}, {
+          sider: !state.sider
+        });
+      });
+    }
+  }, state.sider ? '收起' : '展开'))), state.sider && /*#__PURE__*/React.createElement("div", {
+    className: "sider-mask",
+    onClick: function onClick() {
+      return setState(function (old) {
+        return _objectSpread(_objectSpread({}, old), {}, {
+          sider: false
+        });
+      });
+    }
+  }));
+}
+export default CheckGroupFixed;

package/es/CheckGroupFixed/index.less

@@ -0,0 +1,56 @@
+.c-check-group-layout {
+  position: relative;
+
+  .c-check-group-box {
+    display: flex;
+    padding: 10px;
+  }
+
+  .check-label-box {
+    width: 80px;
+    line-height: 30px;
+    color: #999;
+    text-align: center;
+  }
+
+  .check-content-box {
+    width: 100%;
+    height: 30px;
+    overflow: hidden;
+    flex: 1;
+    .@{ant-prefix}-checkbox-group {
+      display: grid;
+      grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
+      grid-gap: 10px;
+      .@{ant-prefix}-checkbox-wrapper {
+        display: flex;
+        width: 120px;
+        height: 30px;
+        margin-left: 0;
+        align-items: center;
+        > span:not(.@{ant-prefix}-checkbox) {
+          overflow: hidden;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+          flex: 1;
+        }
+      }
+    }
+  }
+
+  .sider-mask {
+    position: fixed;
+    top: 0;
+    left: 0;
+    z-index: 98;
+    width: 100%;
+    height: 100%;
+  }
+
+  .slice-btn {
+    position: relative;
+    top: 4px;
+    color: var(--primary);
+    cursor: pointer;
+  }
+}

package/es/Config/index.js

@@ -0,0 +1,77 @@
+import { produce } from 'immer';
+import { insertThemeStyle, lock } from "./utils";
+var Config = {
+  app: produce({}, function () {}),
+  bs: produce({}, function () {}),
+  features: produce([], function () {}),
+  featureIds: produce([], function () {}),
+  theme: produce({}, function () {}),
+  registerAppConfig: function registerAppConfig() {
+    var app = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+    Config.app = produce(Config.app, function (draft) {
+      app.forEach(function (item) {
+        draft[item.routerPrefix] = item;
+      });
+    });
+  },
+  registerFeatrueIds: function registerFeatrueIds() {
+    var featureIds = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+    Config.featureIds = produce(Config.featureIds, function (draft) {
+      featureIds.forEach(function (id) {
+        var index = draft.findIndex(function (v) {
+          return v === id;
+        });
+        if (index === -1) {
+          draft.push(id);
+        } else {
+          draft[index] = id;
+        }
+      });
+    });
+  },
+  registerBSConfig: function registerBSConfig() {
+    var bs = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    Config.bs = produce(Config.bs, function (draft) {
+      Object.keys(bs).forEach(function (key) {
+        draft[key] = bs[key];
+      });
+    });
+  },
+  registerPlatformFeature: function registerPlatformFeature() {
+    var features = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+    Config.features = produce(Config.features, function (draft) {
+      features.forEach(function (item) {
+        var index = draft.findIndex(function (v) {
+          return v.id === item.id;
+        });
+        if (index === -1) {
+          draft.push(item);
+        } else {
+          draft[index] = item;
+        }
+      });
+    });
+  },
+  registerThemeConfig: function registerThemeConfig() {
+    var theme = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    insertThemeStyle(theme);
+    Config.theme = produce(Config.theme, function (draft) {
+      for (var _key in theme) {
+        if (theme[_key]) {
+          draft[_key] = theme[_key];
+        }
+      }
+    });
+  }
+};
+var LMConfig = function () {
+  var _global = window;
+  if (_global['_CONFIG_']) {
+    return _global['_CONFIG_'];
+  } else {
+    _global['_CONFIG_'] = Config;
+    lock();
+    return Config;
+  }
+}();
+export default LMConfig;

package/es/Config/interface.d.ts

@@ -0,0 +1,65 @@
+export type AppItemType = {
+  id: string;
+  routerPrefix: string;
+  version: string;
+  status: 0 | 1 | 2; //App状态1：正常，2：下架，0：删除，微应用下架或者删除时对应的功能项全部停用
+  resource: string[]; //App对应脚本静态资源文件路径[js,css]
+  icon: string;
+  name: string;
+  ext?: any;
+  html: string;
+  devHtml?: string;
+};
+export type FeatureItemType = {
+  id: string;
+  appId: string;
+  name: string;
+  status: 0 | 1 | 2; //功能项状态1，正常，2，停用，0删除，当App更新了版后是可能出现功能项缩减的情况
+  type: 1 | 2 | 3; //功能类型1：实际菜单，2：权限，3：虚拟分组
+  interfaceCodes: string[];
+  icon: string;
+  routerUrl: string;
+  sort: number;
+  children?: FeatureItemType[];
+  parentId?: string;
+  level?: number;
+  functionName?: string;
+};
+
+export type BSConfigType = {
+  systemLogo: string;
+  systemName: string;
+  parterLogo: string[];
+  loginBG: string;
+  icp: string[];
+  openSocket: boolean;
+  chromeDownloadUrl: string;
+  AppTimeOut: number;
+  shortcut: string;
+  download: { chrome: string; player: string };
+  [key: string]: any;
+};
+
+export interface ThemeInfoType {
+  vars: { [key: string]: string[] };
+  style: {
+    menuType: 'inline' | 'horizontal';
+    hasTab: boolean;
+  };
+}
+
+export type ConfigKey = 'app' | 'feature' | 'featureIds' | 'bs' | 'theme';
+
+export type ConfigJOSN = {
+  app: { [key: string]: AppItemType };
+  features: FeatureItemType[];
+  featureIds: string[];
+  bs: BSConfigType;
+  theme: ThemeInfoType;
+  registerAppConfig: (conf: AppItemType[]) => void;
+  registerFeatrueIds: (conf: string[]) => void;
+  registerBSConfig: (conf: BSConfigType) => void;
+  registerPlatformFeature: (conf: FeatureItemType[]) => void;
+  registerThemeConfig: (conf: ThemeInfoType) => void;
+  [key: string]: any;
+};

package/es/Config/utils.js

@@ -0,0 +1,33 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var style = document.createElement('style');
+var isInit = false;
+export function insertThemeStyle(options) {
+  var tplStr = ':root{<content>}';
+  var attrArr = Object.values(options.vars).flat();
+  style.innerHTML = tplStr.replace('<content>', attrArr.reduce(function (a, b) {
+    var _b$split = b.split(':'),
+      _b$split2 = _slicedToArray(_b$split, 2),
+      key = _b$split2[0],
+      value = _b$split2[1];
+    return a + "--".concat(key, ":").concat(value, ";\n");
+  }, ''));
+  if (!isInit) {
+    isInit = true;
+    document.head.appendChild(style);
+  }
+}
+export function lock() {
+  Object.defineProperty(window, '_CONFIG_', {
+    writable: false
+  });
+}
+export function unlock() {
+  Object.defineProperty(window, '_CONFIG_', {
+    writable: true
+  });
+}