@vtx/components 4.0.0-beta.72 → 4.0.0-beta.74

package/lib/vtx-icon/index.js1

@@ -1,90 +1,90 @@
-import { lazy, memo, Suspense, useMemo } from 'react';
-import AlignRightOutlined from './svg/alignRightOutlined.js';
-import ColumnHeightOutlined from './svg/columnHeightOutlined.js';
-import DownOutlined from './svg/downOutlined.js';
-import Fullscreen from './svg/fullscreen.js';
-import RedoOutlined from './svg/redoOutlined.js';
-import RightOutlined from './svg/rightOutlined.js';
-import SettingOutlined from './svg/settingOutlined.js';
-
-
-const iconComponents = {
-    alignRightOutlined: AlignRightOutlined,
-    columnHeightOutlined: ColumnHeightOutlined,
-    downOutlined: DownOutlined,
-    fullscreen: Fullscreen,
-    redoOutlined: RedoOutlined,
-    rightOutlined: RightOutlined,
-    settingOutlined: SettingOutlined,
-    // 低频图标如果确实需要，可以再考虑 lazy
-};
-
-// const iconComponents = {
-//     // 核心：添加你需要的所有图标， 动态导入有的组件会失败
-//     alignRightOutlined: lazy(() => import('./svg/alignRightOutlined.js')),
-//     columnHeightOutlined: lazy(() => import('./svg/columnHeightOutlined.js')),
-//     downOutlined: lazy(() => import('./svg/downOutlined.js')),
-//     fullscreen: lazy(() => import('./svg/fullscreen.js')),
-//     redoOutlined: lazy(() => import('./svg/redoOutlined.js')),
-//     rightOutlined: lazy(() => import('./svg/rightOutlined.js')),
-//     settingOutlined: lazy(() => import('./svg/settingOutlined.js')),
-//     // 新增其他图标...
-// };
-
-
-const VtxIcon = memo(({
-    type,
-    size = 16,
-    className = '',
-    style = {},
-    color,
-    fileType = 'webp',
-    ...props
-}) => {
-    const width = props.width || size;
-    const height = props.height || size;
-    if (!type) {
-        return null;
-    }
-    // const SvgComponent = useMemo(() => {
-    //     // 动态导入并缓存结果
-    //     return lazy(() => import(/* @vite-ignore */`./svg/${type}.js`));
-    // }, [type]);
-
-    const SvgComponent = useMemo(() => {
-        // 兜底：找不到对应图标时，返回一个空组件（避免报错）
-        return iconComponents[type] || lazy(() => Promise.resolve({ default: () => <svg width={width} height={height} /> }));
-    }, [type, width, height]);
-
-    // 默认返回空元素
-    if (fileType == 'svg') {
-        try {
-            // const SvgComponent = lazy(() => import(`./svg/${type}.js`));
-            return (
-                <Suspense fallback={<div style={{ width, height, ...style }} />}>
-                    <SvgComponent
-                        className={className}
-                        style={{ width, height, ...style }}
-                        fill={color}
-                        {...props}
-                    />
-                </Suspense>
-            );
-        } catch (error) {
-            // 如果动态导入失败，返回空的 SVG 元素
-            return (
-                <svg width={width} height={height} style={style} className={className} {...props} />
-            );
-        }
-    } else {
-        return (
-            // <img
-            //     src={require(`./assets/${type}.${fileType}`)}
-            //     style={{ width, height, ...style }}
-            // />
-            <></>
-        );
-    }
-});
-export { VtxIcon }
-export default VtxIcon;
+import { lazy, memo, Suspense, useMemo } from 'react';
+import AlignRightOutlined from './svg/alignRightOutlined.js';
+import ColumnHeightOutlined from './svg/columnHeightOutlined.js';
+import DownOutlined from './svg/downOutlined.js';
+import Fullscreen from './svg/fullscreen.js';
+import RedoOutlined from './svg/redoOutlined.js';
+import RightOutlined from './svg/rightOutlined.js';
+import SettingOutlined from './svg/settingOutlined.js';
+
+
+const iconComponents = {
+    alignRightOutlined: AlignRightOutlined,
+    columnHeightOutlined: ColumnHeightOutlined,
+    downOutlined: DownOutlined,
+    fullscreen: Fullscreen,
+    redoOutlined: RedoOutlined,
+    rightOutlined: RightOutlined,
+    settingOutlined: SettingOutlined,
+    // 低频图标如果确实需要，可以再考虑 lazy
+};
+
+// const iconComponents = {
+//     // 核心：添加你需要的所有图标， 动态导入有的组件会失败
+//     alignRightOutlined: lazy(() => import('./svg/alignRightOutlined.js')),
+//     columnHeightOutlined: lazy(() => import('./svg/columnHeightOutlined.js')),
+//     downOutlined: lazy(() => import('./svg/downOutlined.js')),
+//     fullscreen: lazy(() => import('./svg/fullscreen.js')),
+//     redoOutlined: lazy(() => import('./svg/redoOutlined.js')),
+//     rightOutlined: lazy(() => import('./svg/rightOutlined.js')),
+//     settingOutlined: lazy(() => import('./svg/settingOutlined.js')),
+//     // 新增其他图标...
+// };
+
+
+const VtxIcon = memo(({
+    type,
+    size = 16,
+    className = '',
+    style = {},
+    color,
+    fileType = 'webp',
+    ...props
+}) => {
+    const width = props.width || size;
+    const height = props.height || size;
+    if (!type) {
+        return null;
+    }
+    // const SvgComponent = useMemo(() => {
+    //     // 动态导入并缓存结果
+    //     return lazy(() => import(/* @vite-ignore */`./svg/${type}.js`));
+    // }, [type]);
+
+    const SvgComponent = useMemo(() => {
+        // 兜底：找不到对应图标时，返回一个空组件（避免报错）
+        return iconComponents[type] || lazy(() => Promise.resolve({ default: () => <svg width={width} height={height} /> }));
+    }, [type, width, height]);
+
+    // 默认返回空元素
+    if (fileType == 'svg') {
+        try {
+            // const SvgComponent = lazy(() => import(`./svg/${type}.js`));
+            return (
+                <Suspense fallback={<div style={{ width, height, ...style }} />}>
+                    <SvgComponent
+                        className={className}
+                        style={{ width, height, ...style }}
+                        fill={color}
+                        {...props}
+                    />
+                </Suspense>
+            );
+        } catch (error) {
+            // 如果动态导入失败，返回空的 SVG 元素
+            return (
+                <svg width={width} height={height} style={style} className={className} {...props} />
+            );
+        }
+    } else {
+        return (
+            // <img
+            //     src={require(`./assets/${type}.${fileType}`)}
+            //     style={{ width, height, ...style }}
+            // />
+            <></>
+        );
+    }
+});
+export { VtxIcon }
+export default VtxIcon;

package/lib/vtx-modal/index.js

@@ -141,8 +141,8 @@ function VtxModal(props) {
     }
   };
 
-  /*
-   *重写title，加入对话框全屏功能
+  /*
+   *重写title，加入对话框全屏功能
    */
   title = function renderTitle() {
     if (typeof title == 'string' && title.indexOf('>') > -1) {

package/lib/vtx-page-layout/Basic.js

@@ -10,8 +10,8 @@ var _style = require("./style");
 var _vtxProvider = require("../vtx-provider");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-/**
- * 基础布局
+/**
+ * 基础布局
  */
 
 function Basic(props) {

package/lib/vtx-page-layout/TabLayout.js

@@ -12,9 +12,9 @@ var _style = require("./style");
 var _vtxProvider = require("../vtx-provider");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-/**
- * 页面
- * @param {*} props
+/**
+ * 页面
+ * @param {*} props
  */var Page = function Page(props) {
   var _useContext = (0, _react.useContext)(_vtxProvider.VtxProvider),
     getPrefixCls = _useContext.getPrefixCls;
@@ -34,9 +34,9 @@ Page.propTypes = {
   children: _propTypes.default.node
 };
 
-/**
- * 内容
- * @param {*} props
+/**
+ * 内容
+ * @param {*} props
  */
 var Content = function Content(props) {
   var className = props.className,

package/lib/vtx-page-layout/TableLayout.js

@@ -33,9 +33,9 @@ var pagePaddingTop = 20;
 var searchMarginBottom = 20;
 
 // eslint-disable-next-line valid-jsdoc
-/**
- * 页面
- * @param {*} props
+/**
+ * 页面
+ * @param {*} props
  */
 var Page = function Page(props) {
   var _useContext = (0, _react.useContext)(_vtxProvider.VtxProvider),
@@ -83,17 +83,17 @@ Page.propTypes = {
   onSearchCollapse: _propTypes.default.func
 };
 
-/**
- * 搜索
+/**
+ * 搜索
  */
 var Search = (0, _container.default)({
   componentClass: 'vtx-page-table-search'
 })(_Basic.default);
 
 // eslint-disable-next-line valid-jsdoc
-/**
- * 内容
- * @param {*} props
+/**
+ * 内容
+ * @param {*} props
  */
 var Content = function Content(props) {
   var className = props.className,
@@ -128,8 +128,8 @@ Content.propTypes = {
 };
 
 // eslint-disable-next-line valid-jsdoc
-/**
- * 表格布局
+/**
+ * 表格布局
  */
 var Table = function Table(props) {
   var className = props.className,

package/lib/vtx-page-layout/TreeLayout.js

@@ -11,9 +11,9 @@ var _style = require("./style");
 var _vtxProvider = require("../vtx-provider");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-/**
- * 页面
- * @param {*} props
+/**
+ * 页面
+ * @param {*} props
  */var Page = function Page(props) {
   var _useContext = (0, _react.useContext)(_vtxProvider.VtxProvider),
     getPrefixCls = _useContext.getPrefixCls;
@@ -33,9 +33,9 @@ Page.propTypes = {
   children: _propTypes.default.node
 };
 
-/**
- * 内容
- * @param {*} props
+/**
+ * 内容
+ * @param {*} props
  */
 var Content = function Content(props) {
   var className = props.className,

package/lib/vtx-page-layout/container.js

@@ -24,8 +24,8 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 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 _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 getDisplayName(WrappedComponend) {
   return WrappedComponend.displayName || WrappedComponend.name || 'Component';

package/lib/vtx-provider/index.js

@@ -82,11 +82,11 @@ var omitUndefined = function omitUndefined(obj) {
   return newObj;
 };
 
-/**
- * 用于判断当前是否需要开启哈希（Hash）模式。
- * 首先也会判断当前是否处于测试环境中（通过 process.env.NODE_ENV === 'TEST' 判断），
- * 如果是，则返回 false。否则，直接返回 true 表示需要打开。
- * @returns
+/**
+ * 用于判断当前是否需要开启哈希（Hash）模式。
+ * 首先也会判断当前是否处于测试环境中（通过 process.env.NODE_ENV === 'TEST' 判断），
+ * 如果是，则返回 false。否则，直接返回 true 表示需要打开。
+ * @returns
  */
 var isNeedOpenHash = exports.isNeedOpenHash = function isNeedOpenHash() {
   var _process$env$NODE_ENV, _process$env$NODE_ENV2;
@@ -121,10 +121,10 @@ var VtxConfigContext = exports.VtxConfigContext = /*#__PURE__*/_react.default.cr
 });
 var ConfigConsumer = exports.ConfigConsumer = VtxConfigContext.Consumer;
 
-/**
- * 组件解除挂载后清空一下 cache
- * @date 2022-11-28
- * @returns null
+/**
+ * 组件解除挂载后清空一下 cache
+ * @date 2022-11-28
+ * @returns null
  */
 var CacheClean = function CacheClean() {
   var _useSWRConfig = (0, _swr.useSWRConfig)(),
@@ -137,10 +137,10 @@ var CacheClean = function CacheClean() {
   return null;
 };
 
-/**
- * 用于配置 Pro 的组件,分装之后会简单一些
- * @param props
- * @returns
+/**
+ * 用于配置 Pro 的组件,分装之后会简单一些
+ * @param props
+ * @returns
  */
 var ConfigProviderContainer = function ConfigProviderContainer(props) {
   var _antdTheme$useToken;
@@ -159,17 +159,17 @@ var ConfigProviderContainer = function ConfigProviderContainer(props) {
   var tokenContext = (_antdTheme$useToken = _antd.theme.useToken) === null || _antdTheme$useToken === void 0 ? void 0 : _antdTheme$useToken.call(_antd.theme);
   var proProvide = (0, _react.useContext)(VtxConfigContext);
 
-  /**
-   * pro 的 类
-   * @type {string}
-   * @example .ant-pro
+  /**
+   * pro 的 类
+   * @type {string}
+   * @example .ant-pro
    */
 
   var vtxComponentsCls = prefixCls ? ".".concat(prefixCls) : ".vtx";
   var antCls = '.' + getPrefixCls();
   var salt = "".concat(vtxComponentsCls);
-  /**
-   * 合并一下token，不然导致嵌套 token 失效
+  /**
+   * 合并一下token，不然导致嵌套 token 失效
    */
   var proLayoutTokenMerge = (0, _react.useMemo)(function () {
     return (0, _layoutToken.getLayoutDesignToken)(propsToken || {}, tokenContext.token);
@@ -266,10 +266,10 @@ var ConfigProviderContainer = function ConfigProviderContainer(props) {
   });
 };
 
-/**
- * 用于配置 一些全局性的东西
- * @param props
- * @returns
+/**
+ * 用于配置 一些全局性的东西
+ * @param props
+ * @returns
  */
 var VtxConfigProvider = exports.VtxConfigProvider = function VtxConfigProvider(props) {
   var _theme$components, _theme$components2;
@@ -334,13 +334,13 @@ var VtxConfigProvider = exports.VtxConfigProvider = function VtxConfigProvider(p
   }));
 };
 
-/**
- * It returns the intl object from the context if it exists, otherwise it returns the intl object for
- * 获取国际化的方法
- * @param locale
- * @param localeMap
- * the current locale
- * @returns The return value of the function is the intl object.
+/**
+ * It returns the intl object from the context if it exists, otherwise it returns the intl object for
+ * 获取国际化的方法
+ * @param locale
+ * @param localeMap
+ * the current locale
+ * @returns The return value of the function is the intl object.
  */
 function useIntl() {
   var _useContext3 = (0, _react.useContext)(_antd.ConfigProvider.ConfigContext),

package/lib/vtx-provider/intl.js

@@ -39,11 +39,11 @@ var _zh_CN = _interopRequireDefault(require("./locale/zh_CN"));
 var _zh_HK = _interopRequireDefault(require("./locale/zh_HK"));
 var _zh_TW = _interopRequireDefault(require("./locale/zh_TW"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-/**
- * 创建一个国际化的操作函数
- *
- * @param locale
- * @param localeMap
+/**
+ * 创建一个国际化的操作函数
+ *
+ * @param locale
+ * @param localeMap
  */
 var createIntl = exports.createIntl = function createIntl(locale, localeMap) {
   return {
@@ -131,10 +131,10 @@ var intlMap = exports.intlMap = {
 };
 var intlMapKeys = exports.intlMapKeys = Object.keys(intlMap);
 
-/**
- * 根据 antd 的 key 来找到的 locale 插件的 key
- *
- * @param localeKey
+/**
+ * 根据 antd 的 key 来找到的 locale 插件的 key
+ *
+ * @param localeKey
  */
 var findIntlKeyByAntdLocaleKey = exports.findIntlKeyByAntdLocaleKey = function findIntlKeyByAntdLocaleKey(localeKey) {
   var localeName = (localeKey || 'zh-CN').toLocaleLowerCase();

package/lib/vtx-provider/useStyle/index.js

@@ -16,23 +16,23 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 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); }
-/**
- * 把一个颜色设置一下透明度
- * @example (#fff, 0.5) => rgba(255, 255, 255, 0.5)
- * @param baseColor {string}
- * @param alpha {0-1}
- * @returns rgba {string}
+/**
+ * 把一个颜色设置一下透明度
+ * @example (#fff, 0.5) => rgba(255, 255, 255, 0.5)
+ * @param baseColor {string}
+ * @param alpha {0-1}
+ * @returns rgba {string}
  */
 var setAlpha = exports.setAlpha = function setAlpha(baseColor, alpha) {
   return new _tinycolor.TinyColor(baseColor).setAlpha(alpha).toRgbString();
 };
 
-/**
- * 把一个颜色修改一些明度
- * @example (#000, 50) => #808080
- * @param baseColor {string}
- * @param brightness {0-100}
- * @returns hexColor {string}
+/**
+ * 把一个颜色修改一些明度
+ * @example (#000, 50) => #808080
+ * @param baseColor {string}
+ * @param brightness {0-100}
+ * @returns hexColor {string}
  */
 var lighten = exports.lighten = function lighten(baseColor, brightness) {
   var instance = new _tinycolor.TinyColor(baseColor);
@@ -67,11 +67,11 @@ var operationUnit = exports.operationUnit = function operationUnit(token) {
   };
 };
 
-/**
- * 封装了一下 antd 的 useStyle
- * @param componentName {string} 组件的名字
- * @param styleFn {GenerateStyle} 生成样式的函数
- * @returns UseStyleResult
+/**
+ * 封装了一下 antd 的 useStyle
+ * @param componentName {string} 组件的名字
+ * @param styleFn {GenerateStyle} 生成样式的函数
+ * @returns UseStyleResult
  */
 function useStyle(componentName, styleFn) {
   var _token$vtxComponentsC;

package/lib/vtx-split-pane/SplitPane.js

@@ -5,14 +5,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _antd = require("antd");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _react = _interopRequireWildcard(require("react"));
-var _antd = require("antd");
-var _Resizer = _interopRequireDefault(require("./Resizer"));
-var _style = require("./style");
 var _vtxProvider = require("../vtx-provider");
+var _style = require("./style");
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["children", "defaultSize", "minSize", "maxSize", "style"];
+var _excluded = ["children", "defaultSize", "minSize", "maxSize", "style", "direction", "orientation", "handle", "draggerIcon"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -35,31 +34,32 @@ function VtxSplitPane(props) {
   var _useStyle = (0, _style.useStyle)(prefixCls),
     wrapSSR = _useStyle.wrapSSR,
     hashId = _useStyle.hashId;
-  var splitPane = (0, _react.useRef)();
   var children = props.children,
     defaultSize = props.defaultSize,
     minSize = props.minSize,
     maxSize = props.maxSize,
     style = props.style,
+    direction = props.direction,
+    orientation = props.orientation,
+    handle = props.handle,
+    draggerIcon = props.draggerIcon,
     rest = _objectWithoutProperties(props, _excluded);
   var notNullChildren = removeNullChildren(children);
-  var refs = (0, _react.useRef)([]);
+  var mergedOrientation = orientation || direction;
+  var mergedDraggerIcon = draggerIcon !== null && draggerIcon !== void 0 ? draggerIcon : handle;
   return wrapSSR( /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: (0, _classnames.default)("".concat(prefixCls), hashId),
-    ref: splitPane,
     style: style,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Splitter, _objectSpread(_objectSpread({}, rest), {}, {
+      orientation: mergedOrientation,
+      draggerIcon: mergedDraggerIcon,
       children: notNullChildren === null || notNullChildren === void 0 ? void 0 : notNullChildren.map(function (v, index) {
         var _v$props;
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-          children: /*#__PURE__*/(0, _react.cloneElement)(notNullChildren[index], _objectSpread(_objectSpread(_objectSpread({
-            ref: function ref(el) {
-              refs.current[index] = el;
-            }
-          }, index === 0 ? {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Fragment, {
+          children: /*#__PURE__*/(0, _react.cloneElement)(notNullChildren[index], _objectSpread(_objectSpread(_objectSpread({}, index === 0 ? {
             max: maxSize,
             min: minSize,
-            size: defaultSize
+            defaultSize: defaultSize
           } : {}), v.props), {}, {
             collapsible: _objectSpread({
               start: true,
@@ -67,7 +67,7 @@ function VtxSplitPane(props) {
               showCollapsibleIcon: 'auto'
             }, (_v$props = v.props) === null || _v$props === void 0 ? void 0 : _v$props.collapsible)
           }))
-        });
+        }, v.key || index);
       })
     }))
   }));

package/lib/vtx-wang-editor/style/index.less

@@ -1,12 +1,12 @@
-
-
-.vtx-wang-editor {
-    border: @border-width-base @border-style-base @border-color-base;
-    &.w-e-full-screen-container {
-        z-index: 999999;
-    }
-    &-content {
-        height: 350px;
-        border-top: @border-width-base @border-style-base @border-color-base;
-    }
-}
+
+
+.vtx-wang-editor {
+    border: @border-width-base @border-style-base @border-color-base;
+    &.w-e-full-screen-container {
+        z-index: 999999;
+    }
+    &-content {
+        height: 350px;
+        border-top: @border-width-base @border-style-base @border-color-base;
+    }
+}