@cloud-app-dev/vidc 1.0.50 → 2.0.0-alpha.3

package/es/AppLayout/AppInlineMenu/SubGroup.js

@@ -1,34 +0,0 @@
-import _IconFont from "@cloud-app-dev/basic-components/es/IconFont";
-import React from 'react';
-
-function SubGroup(_ref) {
-  var menuList = _ref.menuList,
-      style = _ref.style,
-      onMenuSelect = _ref.onMenuSelect,
-      currentMenuKeys = _ref.currentMenuKeys;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "app-inline-menu-sub-container",
-    style: style
-  }, /*#__PURE__*/React.createElement("ul", null, menuList.map(function (v) {
-    return /*#__PURE__*/React.createElement(React.Fragment, {
-      key: v.code
-    }, /*#__PURE__*/React.createElement("li", {
-      className: "app-menu-lv2-item",
-      key: v.code
-    }, /*#__PURE__*/React.createElement("span", null, v.name)), Array.isArray(v.children) && v.children.map(function (v2) {
-      return /*#__PURE__*/React.createElement("li", {
-        key: v2.code,
-        className: "app-menu-lv3-item ".concat(currentMenuKeys.includes("".concat(v2.code)) ? 'app-menu-lv3-item-selected' : ''),
-        onClick: function onClick(e) {
-          return onMenuSelect(e, v2, true);
-        }
-      }, /*#__PURE__*/React.createElement(_IconFont, {
-        type: v2.icon || 'icon-L_Bar_Objectification1'
-      }), " ", /*#__PURE__*/React.createElement("span", null, v2.name), /*#__PURE__*/React.createElement("div", {
-        className: "menu-bg-mask"
-      }));
-    }));
-  })));
-}
-
-export default SubGroup;

package/es/AppLayout/AppInlineMenu/index.css

@@ -1,110 +0,0 @@
-.app-inline-menu-container {
-  background-color: var(--nav-bg);
-  height: 100%;
-  transition: width 0.2s ease-in-out;
-  position: fixed;
-  left: 0;
-  top: 0;
-  z-index: 99;
-  overflow: hidden;
-}
-.app-inline-menu-container .menu-collapsed-btn {
-  height: var(--nav-height);
-  width: 100%;
-  background-color: var(--nav-sub-bg);
-  border: none;
-  outline: none;
-  font-size: 20px;
-  border-radius: 0;
-}
-.app-inline-menu-container .app-inline-menu-top-list {
-  height: calc(100% - var(--nav-height));
-  overflow-y: scroll;
-  overflow-x: hidden;
-  margin-right: calc(0px - var(--scrollbar-width));
-}
-.app-inline-menu-container .app-menu-top-item {
-  white-space: nowrap;
-  padding: 10px 12px;
-}
-.app-inline-menu-container .app-menu-top-item > div {
-  padding: 10px;
-  display: flex;
-  align-items: center;
-  cursor: pointer;
-  border-radius: 4px;
-  color: var(--nav-item-color);
-  transition: all 0.2s ease-in;
-}
-.app-inline-menu-container .app-menu-top-item > div:hover {
-  background-color: rgba(255, 255, 255, 0.1);
-}
-.app-inline-menu-container .app-menu-top-item > div span {
-  padding-left: 10px;
-}
-.app-inline-menu-container .app-menu-top-item > div .anticon {
-  padding-left: 2px;
-  font-size: 24px;
-}
-.app-inline-menu-container .app-menu-top-item.app-menu-top-item-selected > div {
-  background-color: var(--nav-item-bg-selected);
-}
-.app-inline-menu-container .app-menu-top-item.app-menu-sub-item-selected > div {
-  background-color: rgba(0, 0, 0, 0.1) !important;
-}
-.app-inline-menu-sub-container {
-  position: fixed;
-  top: var(--nav-height);
-  height: calc(100% - var(--nav-height));
-  width: 272px;
-  z-index: 98;
-  background-color: var(--nav-sub-bg);
-  padding: 30px 0;
-  font-size: var(--fs);
-  transition: left 0.2s ease-in;
-  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
-}
-.app-inline-menu-sub-container .app-menu-lv2-item {
-  padding: 10px 30px;
-  color: var(--nav-sub-item-color);
-  opacity: 0.8;
-}
-.app-inline-menu-sub-container .app-menu-lv3-item {
-  padding-left: 20px;
-  height: 48px;
-  margin: 16px 12px;
-  line-height: 47px;
-  border-radius: 4px;
-  border: 1px solid transparent;
-  overflow: hidden;
-  cursor: pointer;
-  border-color: transparent;
-  color: var(--nav-sub-item-color);
-}
-.app-inline-menu-sub-container .app-menu-lv3-item .anticon {
-  font-size: 20px;
-  position: relative;
-  top: 1px;
-  padding-right: 4px;
-}
-.app-inline-menu-sub-container .app-menu-lv3-item:hover {
-  background-color: var(--nav-sub-item-bg-selected);
-  color: var(--nav-sub-item-color-selected);
-}
-.app-inline-menu-sub-container .app-menu-lv3-item.app-menu-lv3-item-selected {
-  background-color: rgba(255, 255, 255, 0.1);
-  border-color: var(--nav-sub-item-bg-selected);
-  color: var(--nav-sub-item-color-selected);
-  position: relative;
-  transition: all 0.2s ease-in;
-}
-.app-inline-menu-sub-container .app-menu-lv3-item.app-menu-lv3-item-selected .menu-bg-mask {
-  position: absolute;
-  left: 0;
-  top: 0;
-  background-color: var(--nav-sub-item-bg-selected);
-  width: 100%;
-  height: 100%;
-  z-index: -1;
-  pointer-events: none;
-}

package/es/AppLayout/AppInlineMenu/index.d.ts

@@ -1,12 +0,0 @@
-import * as H from 'history';
-import { AppStoreInterface } from '@cloud-app-dev/basic-components/es/Store/app';
-import { AuthStoreInterface } from '@cloud-app-dev/basic-components/es/Store/auth';
-import './index.less';
-interface IAppInlineMenuProps {
-    auth?: AuthStoreInterface;
-    app?: AppStoreInterface;
-    history: H.History;
-}
-declare function AppInlineMenu({ auth, app, history }: IAppInlineMenuProps): JSX.Element;
-declare const _default: typeof AppInlineMenu & import("mobx-react").IWrappedComponent<IAppInlineMenuProps>;
-export default _default;

package/es/AppLayout/AppInlineMenu/index.js

@@ -1,194 +0,0 @@
-import "antd/lib/tooltip/style";
-import _Tooltip from "antd/lib/tooltip";
-import _IconFont from "@cloud-app-dev/basic-components/es/IconFont";
-import _uuid from "@cloud-app-dev/utils/es/uuid";
-import _treeHelper from "@cloud-app-dev/utils/es/treeHelper";
-
-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(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-import React, { useCallback, useLayoutEffect, useMemo, useState } from 'react';
-import { inject, observer } from 'mobx-react';
-import QueueAnim from 'rc-queue-anim';
-import FunctionPreview from '../FunctionPreview';
-import SubGroup from './SubGroup';
-import { updateFunctionCount } from '../utils';
-import "./index.css";
-var size_min = 72;
-var size_max = 180;
-
-function AppInlineMenu(_ref) {
-  var auth = _ref.auth,
-      app = _ref.app,
-      history = _ref.history;
-
-  var _useState = useState({
-    collapsed: true,
-    subMenus: [],
-    subMenuKey: ''
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      state = _useState2[0],
-      setState = _useState2[1];
-
-  var filterMenus = useMemo(function () {
-    return auth.userMenuList.filter(function (v) {
-      return v.type !== 0;
-    });
-  }, [auth.userMenuList]);
-  var menuList = useMemo(function () {
-    return _treeHelper.computTreeList(filterMenus, 'code', 'parentCode');
-  }, [filterMenus]);
-  var popStyle = useMemo(function () {
-    return {
-      left: !state.collapsed ? size_max : size_min
-    };
-  }, [state.collapsed]);
-  var scrollSize = useMemo(function () {
-    var root = document.querySelector(':root');
-    return root.style.getPropertyValue('--scrollbar-width');
-  }, []);
-  var onMenuSelect = useCallback(function (e, item, flag) {
-    if (item.level === 3) {
-      updateFunctionCount(item.alias);
-      var menu = auth.userMenuList.find(function (v) {
-        return +v.code === +item.code;
-      });
-      history.push("".concat(menu.routeUrl).concat(e.ctrlKey || e.metaKey ? "?key=".concat(_uuid()) : ''));
-
-      if (flag) {
-        setState(function (old) {
-          return Object.assign(Object.assign({}, old), {
-            subMenuKey: '',
-            subMenus: [],
-            collapsed: true
-          });
-        });
-      }
-
-      return;
-    }
-
-    setState(function (old) {
-      return Object.assign(Object.assign({}, old), {
-        subMenuKey: old.subMenuKey === item.code ? '' : item.code,
-        subMenus: item.children
-      });
-    });
-  }, [auth.userMenuList, history]);
-  var onSelectFuns = useCallback(function () {
-    return setState(function (old) {
-      return Object.assign(Object.assign({}, old), {
-        subMenuKey: old.subMenuKey === 'all' ? '' : 'all'
-      });
-    });
-  }, []);
-  useLayoutEffect(function () {
-    var fn = function fn(e) {
-      var arr = Array.from(e.path);
-      var item = arr.find(function (v) {
-        return v.classList && (v.classList.contains('app-inline-menu-sub-container') || v.classList.contains('app-inline-menu-container'));
-      });
-
-      if (!item) {
-        setState(function (old) {
-          return Object.assign(Object.assign({}, old), {
-            collapsed: true,
-            subMenuKey: '',
-            subMenus: []
-          });
-        });
-      }
-    };
-
-    if (state.subMenuKey || !state.collapsed) {
-      document.body.addEventListener('click', fn, false);
-    }
-
-    return function () {
-      document.body.removeEventListener('click', fn, false);
-    };
-  }, [state.collapsed, state.subMenuKey]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: "app-inline-menu-container",
-    style: {
-      width: state.collapsed ? size_min : size_max
-    }
-  }, /*#__PURE__*/React.createElement("button", {
-    className: "menu-collapsed-btn",
-    onClick: function onClick() {
-      return setState(function (old) {
-        return Object.assign(Object.assign({}, old), {
-          collapsed: !state.collapsed
-        });
-      });
-    }
-  }, state.collapsed ? /*#__PURE__*/React.createElement(_IconFont, {
-    type: "icon-zhankai"
-  }) : /*#__PURE__*/React.createElement(_IconFont, {
-    type: "icon-shouqi"
-  })), /*#__PURE__*/React.createElement("ul", {
-    className: "app-inline-menu-top-list",
-    style: {
-      marginRight: "-".concat(scrollSize)
-    }
-  }, /*#__PURE__*/React.createElement("li", {
-    className: "app-menu-top-item ".concat(app.currentMenuKeys.includes('all') ? 'app-menu-top-item-selected' : '', " ").concat(state.subMenuKey === 'all' ? 'app-menu-sub-item-selected' : '')
-  }, /*#__PURE__*/React.createElement(_Tooltip, {
-    title: "\u5FEB\u901F\u5BFC\u822A",
-    placement: "right"
-  }, /*#__PURE__*/React.createElement("div", {
-    onClick: onSelectFuns
-  }, /*#__PURE__*/React.createElement(_IconFont, {
-    type: "icon-quangongneng"
-  }), !state.collapsed ? /*#__PURE__*/React.createElement("span", null, "\u5FEB\u901F\u5BFC\u822A") : null))), menuList.map(function (v) {
-    return /*#__PURE__*/React.createElement("li", {
-      className: "app-menu-top-item ".concat(app.currentMenuKeys.includes("".concat(v.code)) ? 'app-menu-top-item-selected' : '', " ").concat("".concat(state.subMenuKey) === "".concat(v.code) ? 'app-menu-sub-item-selected' : ''),
-      key: v.code
-    }, /*#__PURE__*/React.createElement(_Tooltip, {
-      title: v.name,
-      placement: "right"
-    }, /*#__PURE__*/React.createElement("div", {
-      onClick: function onClick(e) {
-        return onMenuSelect(e, v, true);
-      }
-    }, /*#__PURE__*/React.createElement(_IconFont, {
-      type: v.icon || 'icon-L_Bar_Objectification1'
-    }), !state.collapsed ? /*#__PURE__*/React.createElement("span", null, v.name) : null)));
-  }))), /*#__PURE__*/React.createElement(QueueAnim, {
-    type: "left"
-  }, state.subMenuKey && state.subMenuKey !== 'all' ? /*#__PURE__*/React.createElement(SubGroup, {
-    currentMenuKeys: app.currentMenuKeys,
-    onMenuSelect: onMenuSelect,
-    style: popStyle,
-    key: state.subMenuKey,
-    menuList: state.subMenus
-  }) : /*#__PURE__*/React.createElement(React.Fragment, {
-    key: "menuempty"
-  }), state.subMenuKey && state.subMenuKey === 'all' ? /*#__PURE__*/React.createElement(FunctionPreview, {
-    style: popStyle,
-    onMenuSelect: onMenuSelect,
-    key: "all",
-    menuList: auth.userMenuList
-  }) : /*#__PURE__*/React.createElement(React.Fragment, {
-    key: "allempty"
-  })), /*#__PURE__*/React.createElement(QueueAnim, {
-    type: "alpha"
-  }, state.subMenuKey && state.subMenuKey === 'all' ? /*#__PURE__*/React.createElement("div", {
-    key: "mask",
-    className: "fun-preview-mask"
-  }) : /*#__PURE__*/React.createElement(React.Fragment, {
-    key: "maskempty"
-  })));
-}
-
-export default inject('app', 'auth')(observer(AppInlineMenu));

package/es/AppLayout/AppLogo/index.css

@@ -1,74 +0,0 @@
-.app-logo {
-  display: flex;
-  align-items: center;
-  padding-left: 10px;
-  height: var(--nav-height);
-  width: var(--sider-size);
-}
-.app-logo .logo-img {
-  height: 100%;
-  padding: 2px 4px;
-  display: flex;
-  align-items: center;
-}
-.app-logo .logo-img img {
-  width: auto;
-  height: 100% !important;
-  display: block;
-  object-fit: contain;
-}
-.app-logo .logo-img .go-icon {
-  transform: scaleY(-1);
-  font-size: 20px;
-}
-.app-logo .logo-name {
-  flex: 1;
-  padding-left: 6px;
-  width: calc(100% - 48px);
-  white-space: nowrap;
-  overflow: hidden;
-  font-size: 18px;
-  font-weight: 600;
-  text-overflow: ellipsis;
-  line-height: var(--nav-height);
-}
-.app-log-show .logo-name {
-  animation: app_log_show 0.3s linear;
-}
-.app-log-hide .logo-name {
-  animation: app_log_hide 0.3s linear;
-}
-@keyframes app_log_show {
-  0% {
-    opacity: 0.1;
-    width: 0;
-  }
-  25% {
-    opacity: 0.3;
-  }
-  50% {
-    opacity: 0.5;
-    width: 50%;
-  }
-  100% {
-    opacity: 1;
-    width: auto;
-  }
-}
-@keyframes app_log_hide {
-  0% {
-    opacity: 0.1;
-    width: 100%;
-  }
-  25% {
-    opacity: 0.3;
-  }
-  50% {
-    opacity: 0.5;
-    width: 50%;
-  }
-  100% {
-    opacity: 1;
-    width: auto;
-  }
-}

package/es/AppLayout/AppLogo/index.d.ts

@@ -1,13 +0,0 @@
-import './index.less';
-import { UserInfo } from '@cloud-app-dev/basic-components/es/Store/app';
-import * as H from 'history';
-interface IAppLogoProps {
-    systemLogo?: string;
-    defaultSrc?: string;
-    systemName?: string;
-    userInfo?: UserInfo;
-    isMenuHome?: boolean;
-    history?: H.History;
-}
-export default function AppLogo({ systemLogo, defaultSrc, systemName, userInfo, isMenuHome }: IAppLogoProps): JSX.Element;
-export {};

package/es/AppLayout/AppLogo/index.js

@@ -1,100 +0,0 @@
-import _ImageView from "@cloud-app-dev/basic-components/es/ImageView";
-import _IconFont from "@cloud-app-dev/basic-components/es/IconFont";
-import "antd/lib/col/style";
-import _Col from "antd/lib/col";
-import _Service from "@cloud-app-dev/basic-components/es/Service";
-import _cache from "@cloud-app-dev/utils/es/cache";
-import _Config from "@cloud-app-dev/basic-components/es/Config";
-
-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(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-import React, { useState, useEffect, useMemo } from 'react';
-import "./index.css";
-export default function AppLogo(_ref) {
-  var systemLogo = _ref.systemLogo,
-      defaultSrc = _ref.defaultSrc,
-      systemName = _ref.systemName,
-      userInfo = _ref.userInfo,
-      isMenuHome = _ref.isMenuHome;
-  var BSConfig = _Config.BSConfig;
-
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      isHover = _useState2[0],
-      setHover = _useState2[1];
-
-  var _useState3 = useState(isMenuHome ? BSConfig === null || BSConfig === void 0 ? void 0 : BSConfig.systemName : systemName),
-      _useState4 = _slicedToArray(_useState3, 2),
-      name = _useState4[0],
-      setName = _useState4[1]; //门户
-
-
-  var GatewayState = useMemo(function () {
-    return _cache.getCache('GATEWAY_STATE', 'session');
-  }, []);
-  useEffect(function () {
-    var _a; //用户名显示是否加入行政区划
-
-
-    if (!isMenuHome) {
-      if (userInfo.addressCode && ((_a = BSConfig === null || BSConfig === void 0 ? void 0 : BSConfig.funcConfig) === null || _a === void 0 ? void 0 : _a.needUserAddress)) {
-        _Service.$http({
-          method: 'get',
-          url: "/micro-apps/micro-dep-librarys/config/location.json"
-        }).then(function (res) {
-          var code = userInfo.addressCode.split(',').reverse()[0];
-
-          if (code && res && Array.isArray(res)) {
-            var item = res.find(function (v) {
-              return v.code === "".concat(code);
-            });
-            item && setName(item.name + systemName);
-          }
-        });
-      }
-    }
-  }, [systemName, userInfo.addressCode, isMenuHome, BSConfig]);
-  return /*#__PURE__*/React.createElement(_Col, {
-    className: "app-logo ".concat(isHover ? 'app-log-show' : 'app-log-hide'),
-    onMouseOver: function onMouseOver() {
-      return (!isMenuHome || GatewayState) && setHover(false);
-    },
-    onMouseOut: function onMouseOut() {
-      return setHover(false);
-    }
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "logo-img"
-  }, /*#__PURE__*/React.createElement(_IconFont, {
-    style: {
-      display: "".concat(!isHover ? 'none' : 'block')
-    },
-    type: "icon-S_Place_return",
-    className: "go-icon"
-  }), /*#__PURE__*/React.createElement(_ImageView, {
-    style: {
-      display: "".concat(isHover ? 'none' : 'block')
-    },
-    src: systemLogo,
-    defaultSrc: defaultSrc
-  })), !isMenuHome || GatewayState ? /*#__PURE__*/React.createElement("span", {
-    className: "logo-name",
-    title: name,
-    //  onClick={() => handleGateway()}
-    style: {
-      cursor: 'pointer'
-    }
-  }, isHover ? !isMenuHome ? '返回到全部功能' : '返回到平台门户' : name) : /*#__PURE__*/React.createElement("span", {
-    className: "logo-name",
-    title: name
-  }, name));
-}

package/es/AppLayout/AppTools/index.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import './index.less';
-interface IAppToolsProps {
-    className?: string;
-    children?: React.ReactNode;
-}
-export default function AppTools({ className, children }: IAppToolsProps): JSX.Element;
-export {};

package/es/AppLayout/AppTools/index.js

@@ -1,10 +0,0 @@
-import React from 'react';
-import "./index.css";
-export default function AppTools(_ref) {
-  var _ref$className = _ref.className,
-      className = _ref$className === void 0 ? '' : _ref$className,
-      children = _ref.children;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "app-tools ".concat(className)
-  }, children);
-}

package/es/AppLayout/FunctionPreview/index.css

@@ -1,128 +0,0 @@
-.app-inline-menu-sub-container.app-inline-funs-sub-container {
-  width: 1100px;
-  padding: 34px 92px;
-  font-size: var(--fs);
-  user-select: none;
-  overflow: auto;
-  z-index: 102;
-  position: fixed;
-}
-.app-inline-menu-sub-container.app-inline-funs-sub-container .top-search {
-  width: 100%;
-  border-radius: 3px;
-  border: none;
-  font-size: var(--fs);
-  padding: 16px 28px;
-  outline: none;
-  position: relative;
-  overflow: hidden;
-  display: flex;
-  align-items: center;
-}
-.app-inline-menu-sub-container.app-inline-funs-sub-container .top-search .anticon {
-  font-size: 20px;
-  color: var(--nav-sub-item-color);
-}
-.app-inline-menu-sub-container.app-inline-funs-sub-container .top-search .input-mask {
-  position: absolute;
-  left: 0;
-  top: 0;
-  width: 100%;
-  height: 100%;
-  background: var(--nav-sub-bg2);
-  pointer-events: none;
-  z-index: -1;
-}
-.app-inline-menu-sub-container.app-inline-funs-sub-container .top-search input {
-  width: 100%;
-  height: 24px;
-  border: none;
-  background-color: transparent;
-  outline: none;
-  color: var(--nav-sub-item-color);
-  opacity: 0.6;
-}
-.app-inline-menu-sub-container.app-inline-funs-sub-container .top-search input:focus {
-  opacity: 1;
-}
-.app-inline-menu-sub-container.app-inline-funs-sub-container .func-part .func-title {
-  padding: 16px 0;
-  color: var(--nav-sub-item-color);
-}
-.app-inline-menu-sub-container.app-inline-funs-sub-container .func-part .func-title-ext {
-  display: flex;
-  justify-content: space-between;
-}
-.app-inline-menu-sub-container.app-inline-funs-sub-container .func-part .func-title-ext span:last-child {
-  color: var(--primary);
-  cursor: pointer;
-}
-.app-inline-menu-sub-container.app-inline-funs-sub-container .no-funcs {
-  color: var(--nav-sub-item-color);
-  text-align: center;
-  padding-top: 30px;
-}
-.app-inline-menu-sub-container.app-inline-funs-sub-container .func-list-content {
-  display: grid;
-  grid-template-columns: repeat(6, 1fr);
-  grid-row-gap: 16px;
-  grid-column-gap: 16px;
-}
-.app-inline-menu-sub-container.app-inline-funs-sub-container .func-list-content .func-card {
-  height: 140px;
-  text-align: center;
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  padding: 34px 10px;
-  border-radius: 4px;
-  cursor: pointer;
-  overflow: hidden;
-  color: var(--nav-sub-item-color);
-}
-.app-inline-menu-sub-container.app-inline-funs-sub-container .func-list-content .func-card span {
-  overflow: hidden;
-  display: inline-block;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.app-inline-menu-sub-container.app-inline-funs-sub-container .func-list-content .func-card .func-card-mask {
-  position: absolute;
-  left: 0;
-  top: 0;
-  width: 100%;
-  height: 100%;
-  background: var(--nav-sub-bg2);
-  pointer-events: none;
-  z-index: -1;
-}
-.app-inline-menu-sub-container.app-inline-funs-sub-container .func-list-content .func-card .anticon {
-  font-size: 30px;
-  display: block;
-}
-.app-inline-menu-sub-container.app-inline-funs-sub-container .func-list-content .func-card .delete-function {
-  font-size: 16px;
-  position: absolute;
-  top: 4px;
-  right: 4px;
-  display: none;
-}
-.app-inline-menu-sub-container.app-inline-funs-sub-container .func-list-content .func-card:hover {
-  color: var(--nav-sub-item-color-selected);
-}
-.app-inline-menu-sub-container.app-inline-funs-sub-container .func-list-content .func-card:hover .func-card-mask {
-  background-color: var(--nav-sub-item-bg-selected);
-}
-.app-inline-menu-sub-container.app-inline-funs-sub-container .func-list-content .func-card:hover .delete-function {
-  display: block;
-}
-.fun-preview-mask {
-  position: fixed;
-  width: 100%;
-  height: calc(100vh - var(--nav-height));
-  left: 0;
-  top: var(--nav-height);
-  background-color: rgba(0, 0, 0, 0.6);
-  z-index: 88;
-}