epx-frame 4.1.4 → 4.1.5

package/lib/layout.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 468);
+/******/ 	return __webpack_require__(__webpack_require__.s = 479);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -92,23 +92,23 @@ module.exports =
 
 "use strict";
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _objectSpread2; });
-/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(17);
+/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(19);
 /* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2);
 /* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(33);
+/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(32);
 /* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_2__);
 /* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(1);
 /* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_3__);
 /* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(44);
 /* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(8);
+/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(9);
 /* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_5__);
 /* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(45);
 /* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_6__);
 /* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(22);
 /* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_7__);
-/* harmony import */ var _defineProperty_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(21);
+/* harmony import */ var _defineProperty_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(20);
 
 
 
@@ -169,7 +169,7 @@ module.exports = require("core-js/modules/es.object.to-string.js");
 /* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_2__);
 /* harmony import */ var core_js_modules_es_symbol_iterator_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(11);
 /* harmony import */ var core_js_modules_es_symbol_iterator_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_iterator_js__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(23);
+/* harmony import */ var core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(24);
 /* harmony import */ var core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_4__);
 /* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(5);
 /* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_5__);
@@ -185,15 +185,15 @@ module.exports = require("core-js/modules/es.object.to-string.js");
 /* harmony import */ var core_js_modules_es_math_to_string_tag_js__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_math_to_string_tag_js__WEBPACK_IMPORTED_MODULE_10__);
 /* harmony import */ var core_js_modules_es_object_get_prototype_of_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(46);
 /* harmony import */ var core_js_modules_es_object_get_prototype_of_js__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_prototype_of_js__WEBPACK_IMPORTED_MODULE_11__);
-/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(8);
+/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(9);
 /* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_12__);
-/* harmony import */ var core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(9);
+/* harmony import */ var core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(8);
 /* harmony import */ var core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_13__);
 /* harmony import */ var core_js_modules_es_promise_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(38);
 /* harmony import */ var core_js_modules_es_promise_js__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_promise_js__WEBPACK_IMPORTED_MODULE_14__);
 /* harmony import */ var core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(28);
 /* harmony import */ var core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_15__);
-/* harmony import */ var core_js_modules_es_error_cause_js__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(32);
+/* harmony import */ var core_js_modules_es_error_cause_js__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(33);
 /* harmony import */ var core_js_modules_es_error_cause_js__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_error_cause_js__WEBPACK_IMPORTED_MODULE_16__);
 /* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(22);
 /* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_17___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_17__);
@@ -544,21 +544,7 @@ function _regeneratorRuntime() {
 
 /***/ }),
 
-/***/ 11:
-/***/ (function(module, exports) {
-
-module.exports = require("core-js/modules/es.symbol.iterator.js");
-
-/***/ }),
-
-/***/ 12:
-/***/ (function(module, exports) {
-
-module.exports = require("core-js/modules/es.array.map.js");
-
-/***/ }),
-
-/***/ 128:
+/***/ 105:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -566,18 +552,18 @@ module.exports = require("core-js/modules/es.array.map.js");
 __webpack_require__.r(__webpack_exports__);
 
 // EXTERNAL MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/frame/views/visual/Component.vue?vue&type=script&lang=js
-var Componentvue_type_script_lang_js = __webpack_require__(77);
+var Componentvue_type_script_lang_js = __webpack_require__(75);
 
 // CONCATENATED MODULE: ./src/frame/views/visual/Component.vue?vue&type=script&lang=js
  /* harmony default export */ var visual_Componentvue_type_script_lang_js = (Componentvue_type_script_lang_js["a" /* default */]); 
 // EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js
-var injectStylesIntoStyleTag = __webpack_require__(19);
+var injectStylesIntoStyleTag = __webpack_require__(17);
 var injectStylesIntoStyleTag_default = /*#__PURE__*/__webpack_require__.n(injectStylesIntoStyleTag);
 
-// EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ref--2-3!./node_modules/vue-loader/lib??vue-loader-options!./src/frame/views/visual/Component.vue?vue&type=style&index=0&id=5a7b9934&prod&lang=scss
-var Componentvue_type_style_index_0_id_5a7b9934_prod_lang_scss = __webpack_require__(96);
+// EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ref--2-3!./node_modules/vue-loader/lib??vue-loader-options!./src/frame/views/visual/Component.vue?vue&type=style&index=0&id=c5c45216&prod&lang=scss
+var Componentvue_type_style_index_0_id_c5c45216_prod_lang_scss = __webpack_require__(82);
 
-// CONCATENATED MODULE: ./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ref--2-3!./node_modules/vue-loader/lib??vue-loader-options!./src/frame/views/visual/Component.vue?vue&type=style&index=0&id=5a7b9934&prod&lang=scss
+// CONCATENATED MODULE: ./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ref--2-3!./node_modules/vue-loader/lib??vue-loader-options!./src/frame/views/visual/Component.vue?vue&type=style&index=0&id=c5c45216&prod&lang=scss
 
             
 
@@ -586,15 +572,15 @@ var options = {};
 options.insert = "head";
 options.singleton = false;
 
-var update = injectStylesIntoStyleTag_default()(Componentvue_type_style_index_0_id_5a7b9934_prod_lang_scss["a" /* default */], options);
+var update = injectStylesIntoStyleTag_default()(Componentvue_type_style_index_0_id_c5c45216_prod_lang_scss["a" /* default */], options);
 
 
 
-/* harmony default export */ var visual_Componentvue_type_style_index_0_id_5a7b9934_prod_lang_scss = (Componentvue_type_style_index_0_id_5a7b9934_prod_lang_scss["a" /* default */].locals || {});
-// CONCATENATED MODULE: ./src/frame/views/visual/Component.vue?vue&type=style&index=0&id=5a7b9934&prod&lang=scss
+/* harmony default export */ var visual_Componentvue_type_style_index_0_id_c5c45216_prod_lang_scss = (Componentvue_type_style_index_0_id_c5c45216_prod_lang_scss["a" /* default */].locals || {});
+// CONCATENATED MODULE: ./src/frame/views/visual/Component.vue?vue&type=style&index=0&id=c5c45216&prod&lang=scss
 
 // EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
-var componentNormalizer = __webpack_require__(15);
+var componentNormalizer = __webpack_require__(13);
 
 // CONCATENATED MODULE: ./src/frame/views/visual/Component.vue
 var render, staticRenderFns
@@ -620,21 +606,21 @@ var component = Object(componentNormalizer["a" /* default */])(
 
 /***/ }),
 
-/***/ 13:
+/***/ 11:
 /***/ (function(module, exports) {
 
-module.exports = require("core-js/modules/es.regexp.exec.js");
+module.exports = require("core-js/modules/es.symbol.iterator.js");
 
 /***/ }),
 
-/***/ 14:
+/***/ 12:
 /***/ (function(module, exports) {
 
-module.exports = require("core-js/modules/es.array.concat.js");
+module.exports = require("core-js/modules/es.array.map.js");
 
 /***/ }),
 
-/***/ 15:
+/***/ 13:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -739,34 +725,28 @@ function normalizeComponent(
 
 /***/ }),
 
-/***/ 16:
+/***/ 14:
 /***/ (function(module, exports) {
 
-module.exports = require("core-js/modules/es.number.constructor.js");
+module.exports = require("core-js/modules/es.regexp.exec.js");
 
 /***/ }),
 
-/***/ 17:
+/***/ 15:
 /***/ (function(module, exports) {
 
-module.exports = require("core-js/modules/es.object.keys.js");
+module.exports = require("core-js/modules/es.array.concat.js");
 
 /***/ }),
 
-/***/ 18:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+/***/ 16:
+/***/ (function(module, exports) {
 
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _arrayLikeToArray; });
-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;
-}
+module.exports = require("core-js/modules/es.number.constructor.js");
 
 /***/ }),
 
-/***/ 19:
+/***/ 17:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1042,14 +1022,7 @@ module.exports = function (list, options) {
 
 /***/ }),
 
-/***/ 2:
-/***/ (function(module, exports) {
-
-module.exports = require("core-js/modules/es.symbol.js");
-
-/***/ }),
-
-/***/ 20:
+/***/ 18:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1065,12 +1038,12 @@ __webpack_require__(1);
 __webpack_require__(27);
 __webpack_require__(35);
 __webpack_require__(12);
-__webpack_require__(14);
+__webpack_require__(15);
 __webpack_require__(1);
 __webpack_require__(27);
 __webpack_require__(35);
 __webpack_require__(12);
-__webpack_require__(14);
+__webpack_require__(15);
 __webpack_require__(22);
 module.exports = function (cssWithMappingToString) {
   var list = []; // return the list of modules as css string
@@ -1122,7 +1095,21 @@ module.exports = function (cssWithMappingToString) {
 
 /***/ }),
 
-/***/ 21:
+/***/ 19:
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.object.keys.js");
+
+/***/ }),
+
+/***/ 2:
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.symbol.js");
+
+/***/ }),
+
+/***/ 20:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -1146,6 +1133,19 @@ function _defineProperty(obj, key, value) {
 
 /***/ }),
 
+/***/ 21:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _arrayLikeToArray; });
+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;
+}
+
+/***/ }),
+
 /***/ 22:
 /***/ (function(module, exports) {
 
@@ -1156,18 +1156,25 @@ module.exports = require("core-js/modules/es.array.push.js");
 /***/ 23:
 /***/ (function(module, exports) {
 
-module.exports = require("core-js/modules/es.array.iterator.js");
+module.exports = require("core-js/modules/es.array.find.js");
 
 /***/ }),
 
 /***/ 24:
 /***/ (function(module, exports) {
 
-module.exports = require("vuex");
+module.exports = require("core-js/modules/es.array.iterator.js");
 
 /***/ }),
 
 /***/ 25:
+/***/ (function(module, exports) {
+
+module.exports = require("vuex");
+
+/***/ }),
+
+/***/ 26:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -1212,13 +1219,6 @@ function _asyncToGenerator(fn) {
 
 /***/ }),
 
-/***/ 26:
-/***/ (function(module, exports) {
-
-module.exports = require("core-js/modules/es.array.find.js");
-
-/***/ }),
-
 /***/ 27:
 /***/ (function(module, exports) {
 
@@ -1249,7 +1249,7 @@ module.exports = require("core-js/modules/es.string.replace.js");
 __webpack_require__.d(__webpack_exports__, "a", function() { return /* binding */ _toConsumableArray; });
 
 // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js
-var arrayLikeToArray = __webpack_require__(18);
+var arrayLikeToArray = __webpack_require__(21);
 
 // CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js
 
@@ -1269,7 +1269,7 @@ var es_object_to_string_js_ = __webpack_require__(1);
 var es_symbol_iterator_js_ = __webpack_require__(11);
 
 // EXTERNAL MODULE: external "core-js/modules/es.array.iterator.js"
-var es_array_iterator_js_ = __webpack_require__(23);
+var es_array_iterator_js_ = __webpack_require__(24);
 
 // EXTERNAL MODULE: external "core-js/modules/es.string.iterator.js"
 var es_string_iterator_js_ = __webpack_require__(5);
@@ -1300,10 +1300,10 @@ function _iterableToArray(iter) {
   if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
 // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js
-var unsupportedIterableToArray = __webpack_require__(36);
+var unsupportedIterableToArray = __webpack_require__(37);
 
 // EXTERNAL MODULE: external "core-js/modules/es.error.cause.js"
-var es_error_cause_js_ = __webpack_require__(32);
+var es_error_cause_js_ = __webpack_require__(33);
 
 // CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js
 
@@ -1335,11 +1335,18 @@ module.exports = require("core-js/modules/es.array.includes.js");
 
 /***/ }),
 
-/***/ 317:
+/***/ 32:
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.array.filter.js");
+
+/***/ }),
+
+/***/ 327:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(18);
 /* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
 // Imports
 
@@ -1352,34 +1359,44 @@ ___CSS_LOADER_EXPORT___.push([module.i, ".epx-layout__row{position:static;margin
 
 /***/ }),
 
-/***/ 318:
+/***/ 328:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(18);
 /* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
 // Imports
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});
 // Module
-___CSS_LOADER_EXPORT___.push([module.i, ".visual-config[data-v-6e2a7bdf]{padding:16px}.layout-icon__list[data-v-6e2a7bdf]{display:flex;flex-wrap:wrap}.layout-icon__item[data-v-6e2a7bdf]{height:34px;width:66px;margin:4px;padding:4px;border-radius:4px;border:1px solid #e3e3e3;overflow:hidden;cursor:pointer}.layout-icon__item[data-v-6e2a7bdf]:hover{border-color:#ccc}.layout-icon__item.active[data-v-6e2a7bdf]{border-color:#0874e7}[data-theme=purple] .layout-icon__item.active[data-v-6e2a7bdf]{border-color:#7569e2}[data-theme=palevioletred] .layout-icon__item.active[data-v-6e2a7bdf]{border-color:#ce4545}[data-theme=forestgreen] .layout-icon__item.active[data-v-6e2a7bdf]{border-color:#3d8a50}[data-theme=deepblue] .layout-icon__item.active[data-v-6e2a7bdf]{border-color:#0f5fbd}[data-theme=orange] .layout-icon__item.active[data-v-6e2a7bdf]{border-color:#ea6000}[data-theme=skyblue] .layout-icon__item.active[data-v-6e2a7bdf]{border-color:#1a4586}[data-theme=aurorablue] .layout-icon__item.active[data-v-6e2a7bdf]{border-color:#383b9e}[data-theme=tiffanyblue] .layout-icon__item.active[data-v-6e2a7bdf]{border-color:#00aaad}[data-theme=tsinghuapurple] .layout-icon__item.active[data-v-6e2a7bdf]{border-color:#5f2167}[data-theme=creativeblue] .layout-icon__item.active[data-v-6e2a7bdf]{border-color:#418cff}[data-theme=njhkht] .layout-icon__item.active[data-v-6e2a7bdf]{border-color:#1d2088}.layout-icon__column[data-v-6e2a7bdf]{display:inline-block;height:100%;background:#F3F5FA;margin:0 2px}\n", ""]);
+___CSS_LOADER_EXPORT___.push([module.i, ".visual-config[data-v-3bf4230c]{padding:16px}.layout-icon__list[data-v-3bf4230c]{display:flex;flex-wrap:wrap}.layout-icon__item[data-v-3bf4230c]{height:34px;width:66px;margin:4px;padding:4px;border-radius:4px;border:1px solid #e3e3e3;overflow:hidden;cursor:pointer}.layout-icon__item[data-v-3bf4230c]:hover{border-color:#ccc}.layout-icon__item.active[data-v-3bf4230c]{border-color:#0874e7}[data-theme=purple] .layout-icon__item.active[data-v-3bf4230c]{border-color:#7569e2}[data-theme=palevioletred] .layout-icon__item.active[data-v-3bf4230c]{border-color:#ce4545}[data-theme=forestgreen] .layout-icon__item.active[data-v-3bf4230c]{border-color:#3d8a50}[data-theme=deepblue] .layout-icon__item.active[data-v-3bf4230c]{border-color:#0f5fbd}[data-theme=orange] .layout-icon__item.active[data-v-3bf4230c]{border-color:#ea6000}[data-theme=skyblue] .layout-icon__item.active[data-v-3bf4230c]{border-color:#1a4586}[data-theme=aurorablue] .layout-icon__item.active[data-v-3bf4230c]{border-color:#383b9e}[data-theme=tiffanyblue] .layout-icon__item.active[data-v-3bf4230c]{border-color:#00aaad}[data-theme=tsinghuapurple] .layout-icon__item.active[data-v-3bf4230c]{border-color:#5f2167}[data-theme=creativeblue] .layout-icon__item.active[data-v-3bf4230c]{border-color:#418cff}[data-theme=njhkht] .layout-icon__item.active[data-v-3bf4230c]{border-color:#1d2088}.layout-icon__column[data-v-3bf4230c]{display:inline-block;height:100%;background:#F3F5FA;margin:0 2px}\n", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["a"] = (___CSS_LOADER_EXPORT___);
 
 
 /***/ }),
 
-/***/ 32:
-/***/ (function(module, exports) {
+/***/ 329:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(18);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
+// Imports
+
+var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});
+// Module
+___CSS_LOADER_EXPORT___.push([module.i, ".layout-placeholder[data-v-5eb77147]{min-height:60px;height:100%;width:100%;background-color:#f0f0f0;border:1px dotted  #a7b1bd;position:relative}.layout-placeholder[data-v-5eb77147]::before{width:100%;text-align:center;content:'拖拽组件到这里';color:#666;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.has-component[data-v-5eb77147]::before{display:none}.component-preview[data-v-5eb77147]{border:1px solid transparent;margin:10px;box-shadow:border-box;position:relative;cursor:pointer}.component-preview[data-v-5eb77147]:hover{border-style:dashed;border-color:#0874e7}[data-theme=purple] .component-preview[data-v-5eb77147]:hover{border-color:#7569e2}[data-theme=palevioletred] .component-preview[data-v-5eb77147]:hover{border-color:#ce4545}[data-theme=forestgreen] .component-preview[data-v-5eb77147]:hover{border-color:#3d8a50}[data-theme=deepblue] .component-preview[data-v-5eb77147]:hover{border-color:#0f5fbd}[data-theme=orange] .component-preview[data-v-5eb77147]:hover{border-color:#ea6000}[data-theme=skyblue] .component-preview[data-v-5eb77147]:hover{border-color:#1a4586}[data-theme=aurorablue] .component-preview[data-v-5eb77147]:hover{border-color:#383b9e}[data-theme=tiffanyblue] .component-preview[data-v-5eb77147]:hover{border-color:#00aaad}[data-theme=tsinghuapurple] .component-preview[data-v-5eb77147]:hover{border-color:#5f2167}[data-theme=creativeblue] .component-preview[data-v-5eb77147]:hover{border-color:#418cff}[data-theme=njhkht] .component-preview[data-v-5eb77147]:hover{border-color:#1d2088}.component-preview.active[data-v-5eb77147]{border-style:solid;border-color:#0874e7}[data-theme=purple] .component-preview.active[data-v-5eb77147]{border-color:#7569e2}[data-theme=palevioletred] .component-preview.active[data-v-5eb77147]{border-color:#ce4545}[data-theme=forestgreen] .component-preview.active[data-v-5eb77147]{border-color:#3d8a50}[data-theme=deepblue] .component-preview.active[data-v-5eb77147]{border-color:#0f5fbd}[data-theme=orange] .component-preview.active[data-v-5eb77147]{border-color:#ea6000}[data-theme=skyblue] .component-preview.active[data-v-5eb77147]{border-color:#1a4586}[data-theme=aurorablue] .component-preview.active[data-v-5eb77147]{border-color:#383b9e}[data-theme=tiffanyblue] .component-preview.active[data-v-5eb77147]{border-color:#00aaad}[data-theme=tsinghuapurple] .component-preview.active[data-v-5eb77147]{border-color:#5f2167}[data-theme=creativeblue] .component-preview.active[data-v-5eb77147]{border-color:#418cff}[data-theme=njhkht] .component-preview.active[data-v-5eb77147]{border-color:#1d2088}.component-preview.active .component-preview__operate[data-v-5eb77147]{display:block}.component-preview__icon[data-v-5eb77147]{width:100%}\n", ""]);
+// Exports
+/* harmony default export */ __webpack_exports__["a"] = (___CSS_LOADER_EXPORT___);
 
-module.exports = require("core-js/modules/es.error.cause.js");
 
 /***/ }),
 
 /***/ 33:
 /***/ (function(module, exports) {
 
-module.exports = require("core-js/modules/es.array.filter.js");
+module.exports = require("core-js/modules/es.error.cause.js");
 
 /***/ }),
 
@@ -1400,55 +1417,6 @@ module.exports = require("core-js/modules/es.array.join.js");
 /***/ 36:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _unsupportedIterableToArray; });
-/* harmony import */ var core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(28);
-/* harmony import */ var core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1);
-/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var core_js_modules_es_regexp_to_string_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(27);
-/* harmony import */ var core_js_modules_es_regexp_to_string_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_to_string_js__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(9);
-/* harmony import */ var core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(30);
-/* harmony import */ var core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(5);
-/* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_5__);
-/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(13);
-/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_6__);
-/* harmony import */ var core_js_modules_es_regexp_test_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(40);
-/* harmony import */ var core_js_modules_es_regexp_test_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_test_js__WEBPACK_IMPORTED_MODULE_7__);
-/* harmony import */ var _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(18);
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return Object(_arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_8__[/* default */ "a"])(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 Object(_arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_8__[/* default */ "a"])(o, minLen);
-}
-
-/***/ }),
-
-/***/ 37:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
 "use strict";
 
 // EXPORTS
@@ -1458,7 +1426,7 @@ __webpack_require__.d(__webpack_exports__, "a", function() { return /* binding *
 var es_symbol_js_ = __webpack_require__(2);
 
 // EXTERNAL MODULE: external "core-js/modules/es.object.keys.js"
-var es_object_keys_js_ = __webpack_require__(17);
+var es_object_keys_js_ = __webpack_require__(19);
 
 // CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js
 
@@ -1497,6 +1465,55 @@ function _objectWithoutProperties(source, excluded) {
 
 /***/ }),
 
+/***/ 37:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _unsupportedIterableToArray; });
+/* harmony import */ var core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(28);
+/* harmony import */ var core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1);
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var core_js_modules_es_regexp_to_string_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(27);
+/* harmony import */ var core_js_modules_es_regexp_to_string_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_to_string_js__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(8);
+/* harmony import */ var core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(30);
+/* harmony import */ var core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(5);
+/* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(14);
+/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_6__);
+/* harmony import */ var core_js_modules_es_regexp_test_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(40);
+/* harmony import */ var core_js_modules_es_regexp_test_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_test_js__WEBPACK_IMPORTED_MODULE_7__);
+/* harmony import */ var _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(21);
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return Object(_arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_8__[/* default */ "a"])(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 Object(_arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_8__[/* default */ "a"])(o, minLen);
+}
+
+/***/ }),
+
 /***/ 38:
 /***/ (function(module, exports) {
 
@@ -1509,16 +1526,16 @@ module.exports = require("core-js/modules/es.promise.js");
 
 "use strict";
 /* harmony import */ var E_workspace_gitrepo_epx_group_frame_node_modules_babel_runtime_helpers_esm_toConsumableArray_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(3);
-/* harmony import */ var E_workspace_gitrepo_epx_group_frame_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(37);
+/* harmony import */ var E_workspace_gitrepo_epx_group_frame_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(36);
 /* harmony import */ var E_workspace_gitrepo_epx_group_frame_node_modules_babel_runtime_helpers_esm_regeneratorRuntime_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(10);
-/* harmony import */ var E_workspace_gitrepo_epx_group_frame_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(25);
+/* harmony import */ var E_workspace_gitrepo_epx_group_frame_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(26);
 /* harmony import */ var E_workspace_gitrepo_epx_group_frame_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(0);
 /* harmony import */ var E_workspace_gitrepo_epx_group_frame_node_modules_babel_runtime_helpers_esm_typeof_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(4);
 /* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(1);
 /* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_6__);
-/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(8);
+/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(9);
 /* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_7__);
-/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(14);
+/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(15);
 /* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_8__);
 /* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(12);
 /* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_9__);
@@ -1526,19 +1543,19 @@ module.exports = require("core-js/modules/es.promise.js");
 /* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_10__);
 /* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(34);
 /* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_11__);
-/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(13);
+/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(14);
 /* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_12__);
 /* harmony import */ var core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(29);
 /* harmony import */ var core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_13__);
 /* harmony import */ var core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(16);
 /* harmony import */ var core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_14__);
-/* harmony import */ var core_js_modules_es_array_find_js__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(26);
+/* harmony import */ var core_js_modules_es_array_find_js__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(23);
 /* harmony import */ var core_js_modules_es_array_find_js__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_find_js__WEBPACK_IMPORTED_MODULE_15__);
 /* harmony import */ var core_js_modules_es_promise_js__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(38);
 /* harmony import */ var core_js_modules_es_promise_js__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_promise_js__WEBPACK_IMPORTED_MODULE_16__);
 /* harmony import */ var core_js_modules_es_regexp_test_js__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(40);
 /* harmony import */ var core_js_modules_es_regexp_test_js__WEBPACK_IMPORTED_MODULE_17___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_test_js__WEBPACK_IMPORTED_MODULE_17__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(24);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(25);
 /* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_18___default = /*#__PURE__*/__webpack_require__.n(vuex__WEBPACK_IMPORTED_MODULE_18__);
 
 
@@ -1637,7 +1654,8 @@ function formatI18nConfig(configs, language) {
     compTitle: String,
     items: Array,
     //
-    itemConfigs: Object
+    itemConfigs: Object,
+    metaId: String
   },
   data: function data() {
     return {
@@ -1708,7 +1726,7 @@ function formatI18nConfig(configs, language) {
      */
     $metaId: function $metaId() {
       var metaId = this.$configs.metaId;
-      return metaId || this.$pageMetaId;
+      return this.metaId || metaId || this.$pageMetaId;
     },
     // 当前组件对象
     $meta: function $meta() {
@@ -1785,6 +1803,16 @@ function formatI18nConfig(configs, language) {
     },
     $currentRoleId: function $currentRoleId() {
       return this.$currentRole.id;
+    },
+    $getComponentId: function $getComponentId() {
+      var _this2 = this;
+      return function (component) {
+        if (!_this2.isPage) {
+          var id = _this2.$component.id;
+          return id + '-' + component.id;
+        }
+        return component.id;
+      };
     }
   }),
   watch: {
@@ -1802,7 +1830,7 @@ function formatI18nConfig(configs, language) {
       window.open(webLinkUrl);
     },
     goApp: function goApp(config) {
-      var _this2 = this;
+      var _this3 = this;
       return Object(E_workspace_gitrepo_epx_group_frame_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"])( /*#__PURE__*/Object(E_workspace_gitrepo_epx_group_frame_node_modules_babel_runtime_helpers_esm_regeneratorRuntime_js__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"])().mark(function _callee() {
         var serviceId, app;
         return Object(E_workspace_gitrepo_epx_group_frame_node_modules_babel_runtime_helpers_esm_regeneratorRuntime_js__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"])().wrap(function _callee$(_context) {
@@ -1817,7 +1845,7 @@ function formatI18nConfig(configs, language) {
             case 3:
               app = {};
               _context.next = 6;
-              return _this2.$http.get({
+              return _this3.$http.get({
                 entityId: 'FM_SERVICE',
                 id: serviceId
               }).then(function (data) {
@@ -1832,13 +1860,13 @@ function formatI18nConfig(configs, language) {
               }
               return _context.abrupt("return");
             case 8:
-              _this2.$http.get({
+              _this3.$http.get({
                 link: 'client',
                 entityId: 'FM_SYSTEM',
                 id: app.SYSTEM
               }).then(function (data) {
                 if (data && data.data) {
-                  var rootPath = _this2.$util.getRootPath();
+                  var rootPath = _this3.$util.getRootPath();
                   var url = "".concat(rootPath, "/app/").concat(data.data['CLIENT|CODE'], "/").concat(data.data.CODE, "/").concat(app.CODE);
                   window.open(url);
                 }
@@ -1861,7 +1889,7 @@ function formatI18nConfig(configs, language) {
       if (this.upPage) this.upPage.$refesh();
     },
     $routerChange: function $routerChange(callback) {
-      var _this3 = this;
+      var _this4 = this;
       // 获取上级路由
       var parent = this.$parent || this.$root;
       var name = parent.$options.componentName;
@@ -1873,7 +1901,7 @@ function formatI18nConfig(configs, language) {
       }
       if (parent) {
         parent.$on('change', function (params) {
-          return callback.apply(_this3, params);
+          return callback.apply(_this4, params);
         });
       }
     },
@@ -1926,7 +1954,7 @@ function formatI18nConfig(configs, language) {
       }
     },
     $excuteEvent: function $excuteEvent(key) {
-      var _this4 = this;
+      var _this5 = this;
       for (var _len4 = arguments.length, args = new Array(_len4 > 1 ? _len4 - 1 : 0), _key4 = 1; _key4 < _len4; _key4++) {
         args[_key4 - 1] = arguments[_key4];
       }
@@ -1935,7 +1963,7 @@ function formatI18nConfig(configs, language) {
       var _componentEvents$key = componentEvents[key],
         keyEvents = _componentEvents$key === void 0 ? [] : _componentEvents$key;
       keyEvents.map(function (event) {
-        return _this4.executeCustomJs.apply(_this4, [event].concat(args));
+        return _this5.executeCustomJs.apply(_this5, [event].concat(args));
       });
     },
     _createComponent: function _createComponent() {
@@ -2035,20 +2063,20 @@ function formatI18nConfig(configs, language) {
     initComponent: function initComponent(component) {}
   },
   created: function created() {
-    var _this5 = this;
+    var _this6 = this;
     return Object(E_workspace_gitrepo_epx_group_frame_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"])( /*#__PURE__*/Object(E_workspace_gitrepo_epx_group_frame_node_modules_babel_runtime_helpers_esm_regeneratorRuntime_js__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"])().mark(function _callee2() {
       var component;
       return Object(E_workspace_gitrepo_epx_group_frame_node_modules_babel_runtime_helpers_esm_regeneratorRuntime_js__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"])().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
-            _this5.beforeCreateComponent();
+            _this6.beforeCreateComponent();
             // 创建组件
-            _this5._createComponent();
+            _this6._createComponent();
             try {
-              _this5.oldCompConfigs = _this5.$_.cloneDeep(_this5.compConfigs);
+              _this6.oldCompConfigs = _this6.$_.cloneDeep(_this6.compConfigs);
             } catch (error) {}
             // 初始化组件配置
-            component = _this5.beforeInitComponent();
+            component = _this6.beforeInitComponent();
             if (!(component instanceof Promise)) {
               _context2.next = 7;
               break;
@@ -2056,18 +2084,18 @@ function formatI18nConfig(configs, language) {
             _context2.next = 7;
             return component;
           case 7:
-            if (!(_this5.$metaId && !_this5.$meta)) {
+            if (!(_this6.$metaId && !_this6.$meta)) {
               _context2.next = 10;
               break;
             }
             _context2.next = 10;
-            return _this5.$store.dispatch({
+            return _this6.$store.dispatch({
               type: 'ADD_META',
-              metaId: _this5.$metaId
+              metaId: _this6.$metaId
             });
           case 10:
             // 初始化组件
-            _this5.initComponent(_this5.$component);
+            _this6.initComponent(_this6.$component);
           case 11:
           case "end":
             return _context2.stop();
@@ -2076,10 +2104,10 @@ function formatI18nConfig(configs, language) {
     }))();
   },
   mounted: function mounted() {
-    var _this6 = this;
+    var _this7 = this;
     if (this.isPage) {
       window.onpopstate = function () {
-        _this6.backPage();
+        _this7.backPage();
         return false;
       };
     }
@@ -2105,7 +2133,7 @@ function formatI18nConfig(configs, language) {
 /* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_2__);
 /* harmony import */ var core_js_modules_es_symbol_iterator_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(11);
 /* harmony import */ var core_js_modules_es_symbol_iterator_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_iterator_js__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(23);
+/* harmony import */ var core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(24);
 /* harmony import */ var core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_4__);
 /* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(5);
 /* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_5__);
@@ -2187,7 +2215,7 @@ var es_object_to_string_js_ = __webpack_require__(1);
 var es_number_constructor_js_ = __webpack_require__(16);
 
 // EXTERNAL MODULE: external "core-js/modules/es.error.cause.js"
-var es_error_cause_js_ = __webpack_require__(32);
+var es_error_cause_js_ = __webpack_require__(33);
 
 // CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/toPrimitive.js
 
@@ -2245,7 +2273,14 @@ module.exports = require("core-js/modules/es.object.get-prototype-of.js");
 
 /***/ }),
 
-/***/ 468:
+/***/ 47:
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.symbol.async-iterator.js");
+
+/***/ }),
+
+/***/ 479:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -2253,71 +2288,74 @@ module.exports = require("core-js/modules/es.object.get-prototype-of.js");
 __webpack_require__.r(__webpack_exports__);
 
 // EXTERNAL MODULE: external "core-js/modules/es.function.name.js"
-var es_function_name_js_ = __webpack_require__(9);
+var es_function_name_js_ = __webpack_require__(8);
 
-// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./src/frame/packages/layout/Layout.vue?vue&type=template&id=7dd548f1
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./src/frame/packages/layout/Layout.vue?vue&type=template&id=37b70044
 var render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    { staticClass: "epx-layout", style: _vm.$component.style },
-    [
-      _c(
-        "el-row",
-        { ref: "container", staticClass: "epx-layout__row" },
-        _vm._l(_vm.components, function (component) {
-          return _c(
-            "el-col",
-            {
-              key: component.id,
-              staticClass: "epx-layout__col",
-              attrs: { span: Number(component.span || 24) },
-            },
-            [
-              _c(
-                "epx-component",
-                _vm._g(
-                  _vm._b(
-                    {
-                      staticClass: "epx-layout__component",
-                      attrs: {
-                        name: component.contentType,
-                        "is-component": "",
-                        "comp-id": _vm.getComponentId(component),
-                        "comp-style": component.style,
-                        "comp-title": component.title,
-                        contentType: component.contentType,
-                        "comp-configs": component.configs,
-                        items: component.items,
-                      },
-                    },
+  return _vm.showFlag
+    ? _c(
+        "div",
+        { staticClass: "epx-layout", style: _vm.$component.style },
+        [
+          _c(
+            "el-row",
+            { ref: "container", staticClass: "epx-layout__row" },
+            _vm._l(_vm.components, function (component) {
+              return _c(
+                "el-col",
+                {
+                  key: component.id,
+                  staticClass: "epx-layout__col",
+                  attrs: { span: Number(component.span || 24) },
+                },
+                [
+                  _c(
                     "epx-component",
-                    Object.assign({}, _vm.$attrs),
-                    false
+                    _vm._g(
+                      _vm._b(
+                        {
+                          staticClass: "epx-layout__component",
+                          attrs: {
+                            name: component.contentType,
+                            "is-component": "",
+                            "comp-id": _vm.getComponentId(component),
+                            formData: _vm.formData,
+                            "comp-style": component.style,
+                            "comp-title": component.title,
+                            contentType: component.contentType,
+                            "comp-configs": component.configs,
+                            items: component.items,
+                          },
+                        },
+                        "epx-component",
+                        Object.assign({}, _vm.$attrs),
+                        false
+                      ),
+                      _vm.$listeners
+                    )
                   ),
-                  _vm.$listeners
-                )
-              ),
-            ],
+                ],
+                1
+              )
+            }),
             1
-          )
-        }),
+          ),
+        ],
         1
-      ),
-    ],
-    1
-  )
+      )
+    : _vm._e()
 }
 var staticRenderFns = []
 render._withStripped = true
 
 
-// CONCATENATED MODULE: ./src/frame/packages/layout/Layout.vue?vue&type=template&id=7dd548f1
+// CONCATENATED MODULE: ./src/frame/packages/layout/Layout.vue?vue&type=template&id=37b70044
 
 // EXTERNAL MODULE: ./src/utils/mixins/component.js
-var component = __webpack_require__(39);
+var mixins_component = __webpack_require__(39);
 
 // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/frame/packages/layout/Layout.vue?vue&type=script&lang=js
 //
@@ -2343,16 +2381,29 @@ var component = __webpack_require__(39);
 //
 //
 //
+//
 
 
 /* harmony default export */ var Layoutvue_type_script_lang_js = ({
   name: 'epx-layout-component',
-  mixins: [component["a" /* default */]],
+  mixins: [mixins_component["a" /* default */]],
   items: [],
   style: {
     margin: 0
   },
+  props: {
+    formData: {
+      type: Object,
+      default: function _default() {
+        return {};
+      }
+    }
+  },
   computed: {
+    showFlag: function showFlag() {
+      var showCondition = this.$configs.showCondition;
+      return !showCondition || showCondition.length === 0 || this.$util.runExpByScope.call(this, showCondition, this.formData);
+    },
     components: function components() {
       var _this$$component$item = this.$component.items,
         items = _this$$component$item === void 0 ? [] : _this$$component$item;
@@ -2373,13 +2424,13 @@ var component = __webpack_require__(39);
 // CONCATENATED MODULE: ./src/frame/packages/layout/Layout.vue?vue&type=script&lang=js
  /* harmony default export */ var layout_Layoutvue_type_script_lang_js = (Layoutvue_type_script_lang_js); 
 // EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js
-var injectStylesIntoStyleTag = __webpack_require__(19);
+var injectStylesIntoStyleTag = __webpack_require__(17);
 var injectStylesIntoStyleTag_default = /*#__PURE__*/__webpack_require__.n(injectStylesIntoStyleTag);
 
-// EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ref--2-3!./node_modules/vue-loader/lib??vue-loader-options!./src/frame/packages/layout/Layout.vue?vue&type=style&index=0&id=7dd548f1&prod&lang=scss
-var Layoutvue_type_style_index_0_id_7dd548f1_prod_lang_scss = __webpack_require__(317);
+// EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ref--2-3!./node_modules/vue-loader/lib??vue-loader-options!./src/frame/packages/layout/Layout.vue?vue&type=style&index=0&id=37b70044&prod&lang=scss
+var Layoutvue_type_style_index_0_id_37b70044_prod_lang_scss = __webpack_require__(327);
 
-// CONCATENATED MODULE: ./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ref--2-3!./node_modules/vue-loader/lib??vue-loader-options!./src/frame/packages/layout/Layout.vue?vue&type=style&index=0&id=7dd548f1&prod&lang=scss
+// CONCATENATED MODULE: ./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ref--2-3!./node_modules/vue-loader/lib??vue-loader-options!./src/frame/packages/layout/Layout.vue?vue&type=style&index=0&id=37b70044&prod&lang=scss
 
             
 
@@ -2388,15 +2439,15 @@ var options = {};
 options.insert = "head";
 options.singleton = false;
 
-var update = injectStylesIntoStyleTag_default()(Layoutvue_type_style_index_0_id_7dd548f1_prod_lang_scss["a" /* default */], options);
+var update = injectStylesIntoStyleTag_default()(Layoutvue_type_style_index_0_id_37b70044_prod_lang_scss["a" /* default */], options);
 
 
 
-/* harmony default export */ var layout_Layoutvue_type_style_index_0_id_7dd548f1_prod_lang_scss = (Layoutvue_type_style_index_0_id_7dd548f1_prod_lang_scss["a" /* default */].locals || {});
-// CONCATENATED MODULE: ./src/frame/packages/layout/Layout.vue?vue&type=style&index=0&id=7dd548f1&prod&lang=scss
+/* harmony default export */ var layout_Layoutvue_type_style_index_0_id_37b70044_prod_lang_scss = (Layoutvue_type_style_index_0_id_37b70044_prod_lang_scss["a" /* default */].locals || {});
+// CONCATENATED MODULE: ./src/frame/packages/layout/Layout.vue?vue&type=style&index=0&id=37b70044&prod&lang=scss
 
 // EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
-var componentNormalizer = __webpack_require__(15);
+var componentNormalizer = __webpack_require__(13);
 
 // CONCATENATED MODULE: ./src/frame/packages/layout/Layout.vue
 
@@ -2419,8 +2470,8 @@ var Layout_component = Object(componentNormalizer["a" /* default */])(
 )
 
 /* harmony default export */ var Layout = (Layout_component.exports);
-// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./src/frame/packages/layout/Column.vue?vue&type=template&id=1abde4de
-var Columnvue_type_template_id_1abde4de_render = function () {
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./src/frame/packages/layout/Column.vue?vue&type=template&id=5b2db6a8
+var Columnvue_type_template_id_5b2db6a8_render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
@@ -2440,6 +2491,7 @@ var Columnvue_type_template_id_1abde4de_render = function () {
                 "comp-title": component.title,
                 contentType: component.contentType,
                 "comp-configs": component.configs,
+                "comp-style": component.style,
                 items: component.items,
               },
             },
@@ -2454,11 +2506,11 @@ var Columnvue_type_template_id_1abde4de_render = function () {
     1
   )
 }
-var Columnvue_type_template_id_1abde4de_staticRenderFns = []
-Columnvue_type_template_id_1abde4de_render._withStripped = true
+var Columnvue_type_template_id_5b2db6a8_staticRenderFns = []
+Columnvue_type_template_id_5b2db6a8_render._withStripped = true
 
 
-// CONCATENATED MODULE: ./src/frame/packages/layout/Column.vue?vue&type=template&id=1abde4de
+// CONCATENATED MODULE: ./src/frame/packages/layout/Column.vue?vue&type=template&id=5b2db6a8
 
 // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/frame/packages/layout/Column.vue?vue&type=script&lang=js
 //
@@ -2478,11 +2530,12 @@ Columnvue_type_template_id_1abde4de_render._withStripped = true
 //
 //
 //
+//
 
 
 /* harmony default export */ var Columnvue_type_script_lang_js = ({
   name: 'epx-column',
-  mixins: [component["a" /* default */]],
+  mixins: [mixins_component["a" /* default */]],
   items: [],
   style: {
     margin: 0
@@ -2517,8 +2570,8 @@ Columnvue_type_template_id_1abde4de_render._withStripped = true
 
 var Column_component = Object(componentNormalizer["a" /* default */])(
   layout_Columnvue_type_script_lang_js,
-  Columnvue_type_template_id_1abde4de_render,
-  Columnvue_type_template_id_1abde4de_staticRenderFns,
+  Columnvue_type_template_id_5b2db6a8_render,
+  Columnvue_type_template_id_5b2db6a8_staticRenderFns,
   false,
   null,
   null,
@@ -2537,7 +2590,7 @@ var objectSpread2 = __webpack_require__(0);
 var es_array_map_js_ = __webpack_require__(12);
 
 // EXTERNAL MODULE: external "core-js/modules/es.regexp.exec.js"
-var es_regexp_exec_js_ = __webpack_require__(13);
+var es_regexp_exec_js_ = __webpack_require__(14);
 
 // EXTERNAL MODULE: external "core-js/modules/es.string.replace.js"
 var es_string_replace_js_ = __webpack_require__(29);
@@ -2552,7 +2605,7 @@ var es_string_includes_js_ = __webpack_require__(34);
 var es_array_push_js_ = __webpack_require__(22);
 
 // EXTERNAL MODULE: ./src/frame/views/visual/Component.vue + 3 modules
-var Component = __webpack_require__(128);
+var Component = __webpack_require__(105);
 
 // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/frame/packages/layout/Config.vue?vue&type=script&lang=js
 
@@ -2608,13 +2661,39 @@ var Component = __webpack_require__(128);
       var configOptions = [{
         key: 'componentName',
         label: this.$t('component name')
-      },
-      // { key: 'layoutExample', label: '', render: this.renderLayoutComponent },
-      // { key: 'layout', label: this.$t('column proportion') },
-      {
+      }, {
+        key: 'layoutExample',
+        label: '',
+        render: this.renderLayoutComponent
+      }, {
+        key: 'layout',
+        label: this.$t('column proportion')
+      }, {
         key: 'gutter',
         label: this.$t('interval'),
         type: 'num'
+      }, {
+        key: 'showCondition',
+        label: '显示条件',
+        type: 'scope',
+        extendFields: [{
+          code: 'user',
+          text: '用户信息',
+          type: 'meta',
+          children: [{
+            code: 'user.account',
+            text: '用户账户',
+            type: 'field',
+            field: 'user.account',
+            dataType: 'text'
+          }, {
+            code: 'user.roleCode',
+            text: '用户角色编号',
+            type: 'field',
+            field: 'user.roleCode',
+            dataType: 'text'
+          }]
+        }]
       }, {
         key: 'componentEvents',
         label: this.$t('component events'),
@@ -2693,24 +2772,24 @@ var Component = __webpack_require__(128);
 });
 // CONCATENATED MODULE: ./src/frame/packages/layout/Config.vue?vue&type=script&lang=js
  /* harmony default export */ var layout_Configvue_type_script_lang_js = (Configvue_type_script_lang_js); 
-// EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ref--2-3!./node_modules/vue-loader/lib??vue-loader-options!./src/frame/packages/layout/Config.vue?vue&type=style&index=0&id=6e2a7bdf&prod&lang=scss&scoped=true
-var Configvue_type_style_index_0_id_6e2a7bdf_prod_lang_scss_scoped_true = __webpack_require__(318);
+// EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ref--2-3!./node_modules/vue-loader/lib??vue-loader-options!./src/frame/packages/layout/Config.vue?vue&type=style&index=0&id=3bf4230c&prod&lang=scss&scoped=true
+var Configvue_type_style_index_0_id_3bf4230c_prod_lang_scss_scoped_true = __webpack_require__(328);
 
-// CONCATENATED MODULE: ./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ref--2-3!./node_modules/vue-loader/lib??vue-loader-options!./src/frame/packages/layout/Config.vue?vue&type=style&index=0&id=6e2a7bdf&prod&lang=scss&scoped=true
+// CONCATENATED MODULE: ./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ref--2-3!./node_modules/vue-loader/lib??vue-loader-options!./src/frame/packages/layout/Config.vue?vue&type=style&index=0&id=3bf4230c&prod&lang=scss&scoped=true
 
             
 
-var Configvue_type_style_index_0_id_6e2a7bdf_prod_lang_scss_scoped_true_options = {};
+var Configvue_type_style_index_0_id_3bf4230c_prod_lang_scss_scoped_true_options = {};
 
-Configvue_type_style_index_0_id_6e2a7bdf_prod_lang_scss_scoped_true_options.insert = "head";
-Configvue_type_style_index_0_id_6e2a7bdf_prod_lang_scss_scoped_true_options.singleton = false;
+Configvue_type_style_index_0_id_3bf4230c_prod_lang_scss_scoped_true_options.insert = "head";
+Configvue_type_style_index_0_id_3bf4230c_prod_lang_scss_scoped_true_options.singleton = false;
 
-var Configvue_type_style_index_0_id_6e2a7bdf_prod_lang_scss_scoped_true_update = injectStylesIntoStyleTag_default()(Configvue_type_style_index_0_id_6e2a7bdf_prod_lang_scss_scoped_true["a" /* default */], Configvue_type_style_index_0_id_6e2a7bdf_prod_lang_scss_scoped_true_options);
+var Configvue_type_style_index_0_id_3bf4230c_prod_lang_scss_scoped_true_update = injectStylesIntoStyleTag_default()(Configvue_type_style_index_0_id_3bf4230c_prod_lang_scss_scoped_true["a" /* default */], Configvue_type_style_index_0_id_3bf4230c_prod_lang_scss_scoped_true_options);
 
 
 
-/* harmony default export */ var layout_Configvue_type_style_index_0_id_6e2a7bdf_prod_lang_scss_scoped_true = (Configvue_type_style_index_0_id_6e2a7bdf_prod_lang_scss_scoped_true["a" /* default */].locals || {});
-// CONCATENATED MODULE: ./src/frame/packages/layout/Config.vue?vue&type=style&index=0&id=6e2a7bdf&prod&lang=scss&scoped=true
+/* harmony default export */ var layout_Configvue_type_style_index_0_id_3bf4230c_prod_lang_scss_scoped_true = (Configvue_type_style_index_0_id_3bf4230c_prod_lang_scss_scoped_true["a" /* default */].locals || {});
+// CONCATENATED MODULE: ./src/frame/packages/layout/Config.vue?vue&type=style&index=0&id=3bf4230c&prod&lang=scss&scoped=true
 
 // CONCATENATED MODULE: ./src/frame/packages/layout/Config.vue
 var Config_render, Config_staticRenderFns
@@ -2727,12 +2806,491 @@ var Config_component = Object(componentNormalizer["a" /* default */])(
   Config_staticRenderFns,
   false,
   null,
-  "6e2a7bdf",
+  "3bf4230c",
   null
   
 )
 
 /* harmony default export */ var Config = (Config_component.exports);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./src/frame/packages/layout/Preview.vue?vue&type=template&id=4786bd8e&scoped=true
+var Previewvue_type_template_id_4786bd8e_scoped_true_render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    { staticClass: "layout-preview" },
+    [
+      _c(
+        "el-row",
+        { style: _vm.style, attrs: { gutter: _vm.gutter } },
+        [
+          _vm._l(_vm.components, function (component) {
+            return [
+              component.contentType === "column"
+                ? _c(
+                    "epx-column--preview",
+                    _vm._g(
+                      {
+                        key: component.id,
+                        attrs: {
+                          compConfigs: component,
+                          upId: _vm.compId,
+                          compId: _vm.compId
+                            ? _vm.compId + "-" + component.id
+                            : component.id,
+                          selectComponent: _vm.selectComponent,
+                        },
+                      },
+                      _vm.$listeners
+                    )
+                  )
+                : _c(
+                    "el-col",
+                    {
+                      key: component.id,
+                      attrs: {
+                        column: "false",
+                        span: Number(component.span || 24),
+                      },
+                    },
+                    [
+                      _c(
+                        "epx-visual-config-component-preview",
+                        _vm._g(
+                          {
+                            attrs: {
+                              component: component,
+                              upId: _vm.compId,
+                              selectComponent: _vm.selectComponent,
+                            },
+                          },
+                          _vm.$listeners
+                        )
+                      ),
+                    ],
+                    1
+                  ),
+            ]
+          }),
+        ],
+        2
+      ),
+    ],
+    1
+  )
+}
+var Previewvue_type_template_id_4786bd8e_scoped_true_staticRenderFns = []
+Previewvue_type_template_id_4786bd8e_scoped_true_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./src/frame/packages/layout/Preview.vue?vue&type=template&id=4786bd8e&scoped=true
+
+// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js + 1 modules
+var objectWithoutProperties = __webpack_require__(36);
+
+// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
+var defineProperty = __webpack_require__(20);
+
+// EXTERNAL MODULE: external "core-js/modules/es.number.constructor.js"
+var es_number_constructor_js_ = __webpack_require__(16);
+
+// EXTERNAL MODULE: external "core-js/modules/es.object.to-string.js"
+var es_object_to_string_js_ = __webpack_require__(1);
+
+// EXTERNAL MODULE: external "core-js/modules/web.dom-collections.for-each.js"
+var web_dom_collections_for_each_js_ = __webpack_require__(9);
+
+// EXTERNAL MODULE: ./src/frame/packages/visual-config-page/ComponentPreview.vue + 4 modules
+var ComponentPreview = __webpack_require__(76);
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/frame/packages/layout/Preview.vue?vue&type=script&lang=js
+
+
+
+var _excluded = ["configs", "id", "title", "contentType"];
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+/* harmony default export */ var Previewvue_type_script_lang_js = ({
+  name: 'epx-layout-component--preview',
+  layout: '24',
+  gutter: 10,
+  components: Object(defineProperty["a" /* default */])({}, ComponentPreview["a" /* default */].name, ComponentPreview["a" /* default */]),
+  props: {
+    compId: String,
+    component: {
+      type: Object,
+      default: function _default() {
+        return {};
+      }
+    },
+    selectComponent: Object,
+    compConfigs: {
+      type: Object,
+      default: function _default() {
+        return {};
+      }
+    },
+    itemConfigs: {
+      type: Object,
+      default: function _default() {
+        return {};
+      }
+    }
+  },
+  computed: {
+    gutter: function gutter() {
+      var _this$compConfigs$gut = this.compConfigs.gutter,
+        gutter = _this$compConfigs$gut === void 0 ? this.$options.gutter : _this$compConfigs$gut;
+      return gutter;
+    },
+    layout: function layout() {
+      var _this$compConfigs$lay = this.compConfigs.layout,
+        layout = _this$compConfigs$lay === void 0 ? this.$options.layout : _this$compConfigs$lay;
+      return layout.replace(/\s/g, '').split(':').map(function (item) {
+        return Number(item);
+      });
+    },
+    style: function style() {
+      var _this$compConfigs$sty = this.compConfigs.style,
+        style = _this$compConfigs$sty === void 0 ? {} : _this$compConfigs$sty;
+      return style;
+    },
+    components: function components() {
+      var items = [];
+      // console.log(this.compConfigs)
+      // console.log(this.itemConfigs)
+      console.log(this.compConfigs);
+      this.compConfigs.items.forEach(function (item, index) {
+        // if (item.contentType === 'column') {
+        items.push(item);
+        // } else {
+        //   items.push({
+        //     id: 'column' + index,
+        //     title: this.$t('layout'),
+        //     contentType: 'column',
+        //     span: item.span,
+        //     items: [item]
+        //   })
+        // }
+      });
+      // console.log(items)
+      return items;
+    },
+    getCompConfigs: function getCompConfigs() {
+      var _this = this;
+      return function (component) {
+        // 如果是页面 查找页面默认配置
+        var _component$configs = component.configs,
+          configs = _component$configs === void 0 ? {} : _component$configs,
+          id = component.id,
+          title = component.title,
+          contentType = component.contentType,
+          otherConfigs = Object(objectWithoutProperties["a" /* default */])(component, _excluded);
+        var componentId = _this.compConfigs.id + '-' + id;
+        var itemConfig = _this.itemConfigs[componentId] || {};
+        var _configs = Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, otherConfigs), configs), itemConfig);
+        if (title) {
+          _configs.componentName = title;
+        }
+        return _configs;
+      };
+    }
+  },
+  watch: {
+    compConfigs: function compConfigs(v) {
+      // console.log(v)
+    }
+  },
+  methods: {
+    // checkMove (v) {
+    //   console.log(v)
+    // },
+    // end (v) {
+    //   console.log(v)
+    // },
+    // change (v) {
+    //   console.log(v)
+    // }
+  }
+});
+// CONCATENATED MODULE: ./src/frame/packages/layout/Preview.vue?vue&type=script&lang=js
+ /* harmony default export */ var layout_Previewvue_type_script_lang_js = (Previewvue_type_script_lang_js); 
+// CONCATENATED MODULE: ./src/frame/packages/layout/Preview.vue
+
+
+
+
+
+/* normalize component */
+
+var Preview_component = Object(componentNormalizer["a" /* default */])(
+  layout_Previewvue_type_script_lang_js,
+  Previewvue_type_template_id_4786bd8e_scoped_true_render,
+  Previewvue_type_template_id_4786bd8e_scoped_true_staticRenderFns,
+  false,
+  null,
+  "4786bd8e",
+  null
+  
+)
+
+/* harmony default export */ var Preview = (Preview_component.exports);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./src/frame/packages/layout/ColumnPreview.vue?vue&type=template&id=5eb77147&scoped=true
+var ColumnPreviewvue_type_template_id_5eb77147_scoped_true_render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "el-col",
+    { attrs: { span: Number(_vm.compConfigs.span) } },
+    [
+      _c(
+        "draggable",
+        {
+          class: {
+            "layout-placeholder": true,
+            "has-component": _vm.list.length > 0,
+          },
+          attrs: { group: "library", ghostClass: "drag-component__ghost" },
+          model: {
+            value: _vm.list,
+            callback: function ($$v) {
+              _vm.list = $$v
+            },
+            expression: "list",
+          },
+        },
+        [
+          _vm.list.length > 0
+            ? _c(
+                "div",
+                _vm._l(_vm.list, function (component) {
+                  return _c(
+                    "epx-visual-config-component-preview",
+                    _vm._g(
+                      {
+                        key: component.id,
+                        attrs: {
+                          component: component,
+                          upId: _vm.compId,
+                          selectComponent: _vm.selectComponent,
+                        },
+                      },
+                      _vm.$listeners
+                    )
+                  )
+                }),
+                1
+              )
+            : _vm._e(),
+        ]
+      ),
+    ],
+    1
+  )
+}
+var ColumnPreviewvue_type_template_id_5eb77147_scoped_true_staticRenderFns = []
+ColumnPreviewvue_type_template_id_5eb77147_scoped_true_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./src/frame/packages/layout/ColumnPreview.vue?vue&type=template&id=5eb77147&scoped=true
+
+// EXTERNAL MODULE: external "core-js/modules/es.array.find.js"
+var es_array_find_js_ = __webpack_require__(23);
+
+// EXTERNAL MODULE: external "vue"
+var external_vue_ = __webpack_require__(64);
+var external_vue_default = /*#__PURE__*/__webpack_require__.n(external_vue_);
+
+// EXTERNAL MODULE: external "vuedraggable"
+var external_vuedraggable_ = __webpack_require__(58);
+var external_vuedraggable_default = /*#__PURE__*/__webpack_require__.n(external_vuedraggable_);
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/frame/packages/layout/ColumnPreview.vue?vue&type=script&lang=js
+
+
+
+var ColumnPreviewvue_type_script_lang_js_excluded = ["configs", "id", "title", "contentType"];
+
+
+
+
+
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+/* harmony default export */ var ColumnPreviewvue_type_script_lang_js = ({
+  name: 'epx-column--preview',
+  components: Object(defineProperty["a" /* default */])({
+    draggable: external_vuedraggable_default.a
+  }, ComponentPreview["a" /* default */].name, ComponentPreview["a" /* default */]),
+  props: {
+    compId: String,
+    selectComponent: Object,
+    compConfigs: {
+      type: Object,
+      default: function _default() {
+        return {};
+      }
+    }
+  },
+  inject: ['changeItemConfigs', 'getItemConfigs', 'getAllComponentList'],
+  computed: {
+    itemConfigs: function itemConfigs() {
+      return this.getItemConfigs();
+    },
+    allComponentList: function allComponentList() {
+      return this.getAllComponentList();
+    },
+    isExistComponent: function isExistComponent() {
+      return function (name) {
+        return !!external_vue_default.a.component(name);
+      };
+    },
+    list: {
+      get: function get() {
+        return this.compConfigs.items || [];
+      },
+      set: function set(v) {
+        this.changeItemConfigs(this.compId, {
+          items: v
+        });
+      }
+    },
+    getCompConfigs: function getCompConfigs() {
+      var _this = this;
+      return function (component) {
+        // 如果是页面 查找页面默认配置
+        var _component$configs = component.configs,
+          configs = _component$configs === void 0 ? {} : _component$configs,
+          id = component.id,
+          title = component.title,
+          contentType = component.contentType,
+          otherConfigs = Object(objectWithoutProperties["a" /* default */])(component, ColumnPreviewvue_type_script_lang_js_excluded);
+        var componentId = _this.compId + '-' + id;
+        var itemConfig = _this.itemConfigs[componentId] || {};
+        var _configs = Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, otherConfigs), configs), itemConfig);
+        if (title) {
+          _configs.componentName = title;
+        }
+        return _configs;
+      };
+    },
+    getPreviewImg: function getPreviewImg() {
+      var _this2 = this;
+      return function (component) {
+        var componentInfo = _this2.allComponentList.find(function (item) {
+          return item.CODE === component.contentType;
+        }) || {};
+        return _this2.$util.getFileUrl(componentInfo.PICTURE);
+      };
+    }
+  }
+});
+// CONCATENATED MODULE: ./src/frame/packages/layout/ColumnPreview.vue?vue&type=script&lang=js
+ /* harmony default export */ var layout_ColumnPreviewvue_type_script_lang_js = (ColumnPreviewvue_type_script_lang_js); 
+// EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ref--2-3!./node_modules/vue-loader/lib??vue-loader-options!./src/frame/packages/layout/ColumnPreview.vue?vue&type=style&index=0&id=5eb77147&prod&lang=scss&scoped=true
+var ColumnPreviewvue_type_style_index_0_id_5eb77147_prod_lang_scss_scoped_true = __webpack_require__(329);
+
+// CONCATENATED MODULE: ./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ref--2-3!./node_modules/vue-loader/lib??vue-loader-options!./src/frame/packages/layout/ColumnPreview.vue?vue&type=style&index=0&id=5eb77147&prod&lang=scss&scoped=true
+
+            
+
+var ColumnPreviewvue_type_style_index_0_id_5eb77147_prod_lang_scss_scoped_true_options = {};
+
+ColumnPreviewvue_type_style_index_0_id_5eb77147_prod_lang_scss_scoped_true_options.insert = "head";
+ColumnPreviewvue_type_style_index_0_id_5eb77147_prod_lang_scss_scoped_true_options.singleton = false;
+
+var ColumnPreviewvue_type_style_index_0_id_5eb77147_prod_lang_scss_scoped_true_update = injectStylesIntoStyleTag_default()(ColumnPreviewvue_type_style_index_0_id_5eb77147_prod_lang_scss_scoped_true["a" /* default */], ColumnPreviewvue_type_style_index_0_id_5eb77147_prod_lang_scss_scoped_true_options);
+
+
+
+/* harmony default export */ var layout_ColumnPreviewvue_type_style_index_0_id_5eb77147_prod_lang_scss_scoped_true = (ColumnPreviewvue_type_style_index_0_id_5eb77147_prod_lang_scss_scoped_true["a" /* default */].locals || {});
+// CONCATENATED MODULE: ./src/frame/packages/layout/ColumnPreview.vue?vue&type=style&index=0&id=5eb77147&prod&lang=scss&scoped=true
+
+// CONCATENATED MODULE: ./src/frame/packages/layout/ColumnPreview.vue
+
+
+
+
+
+
+/* normalize component */
+
+var ColumnPreview_component = Object(componentNormalizer["a" /* default */])(
+  layout_ColumnPreviewvue_type_script_lang_js,
+  ColumnPreviewvue_type_template_id_5eb77147_scoped_true_render,
+  ColumnPreviewvue_type_template_id_5eb77147_scoped_true_staticRenderFns,
+  false,
+  null,
+  "5eb77147",
+  null
+  
+)
+
+/* harmony default export */ var ColumnPreview = (ColumnPreview_component.exports);
 // CONCATENATED MODULE: ./src/frame/packages/layout/index.js
 
 
@@ -2740,23 +3298,20 @@ var Config_component = Object(componentNormalizer["a" /* default */])(
 
 
 
+
+
 /* istanbul ignore next */
 Layout.install = function install(Vue) {
   Vue.component(Layout.name, Layout);
   Vue.component(Column.name, Column);
   Vue.component(Config.name, Config);
+  Vue.component(Preview.name, Preview);
+  Vue.component(ColumnPreview.name, ColumnPreview);
 };
 /* harmony default export */ var packages_layout = __webpack_exports__["default"] = (Layout);
 
 /***/ }),
 
-/***/ 47:
-/***/ (function(module, exports) {
-
-module.exports = require("core-js/modules/es.symbol.async-iterator.js");
-
-/***/ }),
-
 /***/ 48:
 /***/ (function(module, exports) {
 
@@ -2798,15 +3353,15 @@ module.exports = require("core-js/modules/es.math.to-string-tag.js");
 /* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_2__);
 /* harmony import */ var core_js_modules_es_symbol_iterator_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(11);
 /* harmony import */ var core_js_modules_es_symbol_iterator_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_iterator_js__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(23);
+/* harmony import */ var core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(24);
 /* harmony import */ var core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_4__);
 /* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(5);
 /* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_5__);
 /* harmony import */ var core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(7);
 /* harmony import */ var core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_6__);
-/* harmony import */ var core_js_modules_es_error_cause_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(32);
+/* harmony import */ var core_js_modules_es_error_cause_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(33);
 /* harmony import */ var core_js_modules_es_error_cause_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_error_cause_js__WEBPACK_IMPORTED_MODULE_7__);
-/* harmony import */ var _unsupportedIterableToArray_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(36);
+/* harmony import */ var _unsupportedIterableToArray_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(37);
 
 
 
@@ -2893,7 +3448,7 @@ module.exports = require("core-js/modules/es.object.proto.js");
 /***/ 58:
 /***/ (function(module, exports) {
 
-module.exports = require("core-js/modules/es.string.match.js");
+module.exports = require("vuedraggable");
 
 /***/ }),
 
@@ -2904,6 +3459,20 @@ module.exports = require("core-js/modules/es.symbol.description.js");
 
 /***/ }),
 
+/***/ 60:
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.string.match.js");
+
+/***/ }),
+
+/***/ 64:
+/***/ (function(module, exports) {
+
+module.exports = require("vue");
+
+/***/ }),
+
 /***/ 7:
 /***/ (function(module, exports) {
 
@@ -2911,17 +3480,17 @@ module.exports = require("core-js/modules/web.dom-collections.iterator.js");
 
 /***/ }),
 
-/***/ 77:
+/***/ 75:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* harmony import */ var E_workspace_gitrepo_epx_group_frame_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(21);
+/* harmony import */ var E_workspace_gitrepo_epx_group_frame_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20);
 /* harmony import */ var E_workspace_gitrepo_epx_group_frame_node_modules_babel_runtime_helpers_esm_createForOfIteratorHelper_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(51);
 /* harmony import */ var E_workspace_gitrepo_epx_group_frame_node_modules_babel_runtime_helpers_esm_toConsumableArray_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(3);
 /* harmony import */ var E_workspace_gitrepo_epx_group_frame_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(0);
 /* harmony import */ var core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(16);
 /* harmony import */ var core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(33);
+/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(32);
 /* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_5__);
 /* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(1);
 /* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_6__);
@@ -2929,25 +3498,25 @@ module.exports = require("core-js/modules/web.dom-collections.iterator.js");
 /* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_7__);
 /* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(34);
 /* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_8__);
-/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(13);
+/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(14);
 /* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_9__);
-/* harmony import */ var core_js_modules_es_string_match_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(58);
+/* harmony import */ var core_js_modules_es_string_match_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(60);
 /* harmony import */ var core_js_modules_es_string_match_js__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_match_js__WEBPACK_IMPORTED_MODULE_10__);
-/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(8);
+/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(9);
 /* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_11__);
 /* harmony import */ var core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(29);
 /* harmony import */ var core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_12__);
-/* harmony import */ var core_js_modules_es_array_find_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(26);
+/* harmony import */ var core_js_modules_es_array_find_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(23);
 /* harmony import */ var core_js_modules_es_array_find_js__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_find_js__WEBPACK_IMPORTED_MODULE_13__);
-/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(17);
+/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(19);
 /* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_14__);
-/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(14);
+/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(15);
 /* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_15__);
 /* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(12);
 /* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_16__);
 /* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(22);
 /* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_17___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_17__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(24);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(25);
 /* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_18___default = /*#__PURE__*/__webpack_require__.n(vuex__WEBPACK_IMPORTED_MODULE_18__);
 
 
@@ -3329,7 +3898,7 @@ module.exports = require("core-js/modules/web.dom-collections.iterator.js");
             var label = meta.label,
               _meta$keyNames = meta.keyNames,
               keyNames = _meta$keyNames === void 0 ? [] : _meta$keyNames;
-            if (meta) {
+            if (meta && meta.id) {
               meta.allFields = meta.getAllFields();
               keywordFields = Object(E_workspace_gitrepo_epx_group_frame_node_modules_babel_runtime_helpers_esm_toConsumableArray_js__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"])(keyNames);
               if (label) {
@@ -3738,7 +4307,7 @@ module.exports = require("core-js/modules/web.dom-collections.iterator.js");
           'is-default': this.isDefaultValue(item.key),
           'epx-visual-component__form-item': true
         }, 'epx-visual-component__form-item--' + item.type, true), 'epx-visual-component__form-item--opened', this.opened[item.key])
-      }, [item.type === 'font' ? h("span", {
+      }, [item.type === 'font' && h("span", {
         "slot": "label"
       }, [h("i", {
         "class": "epx-visual-component__form-item-fold-icon el-icon-caret-right",
@@ -3747,20 +4316,12 @@ module.exports = require("core-js/modules/web.dom-collections.iterator.js");
             return _this12.$set(_this12.opened, item.key, !_this12.opened[item.key]);
           }
         }
-      }), item.label]) : item.tip ? h("span", {
-        "slot": "label"
-      }, [item.label, h("el-tooltip", {
-        "attrs": {
-          "content": item.tip,
-          "placement": "top"
-        }
-      }, [h("i", {
-        "class": "el-icon-warning epx-visual-component__form-item-tip"
-      })])]) : null, item.renderContent ? h("div", [item.renderContent(item)]) : item.type === 'radio' ? h("epx-visual-config-radio", {
+      }), item.label]), item.renderContent ? h("div", [item.renderContent(item)]) : item.type === 'radio' ? h("epx-visual-config-radio", {
         "attrs": {
           "code": item.code,
           "option-list": item.options,
           "value": this.allConfigs[item.key],
+          "inputable": item.inputable,
           "defaultValue": defaultValue
         },
         "on": {
@@ -3841,6 +4402,15 @@ module.exports = require("core-js/modules/web.dom-collections.iterator.js");
         "on": {
           "change-configs": this.changeConfigItem.bind(this, item.key)
         }
+      }) : item.type === 'select' ? h("epx-visual-config-select", {
+        "attrs": {
+          "option-list": item.options,
+          "value": this.allConfigs[item.key],
+          "defaultValue": defaultValue
+        },
+        "on": {
+          "change-configs": this.changeConfigItem.bind(this, item.key)
+        }
       }) : item.type === 'list-field' || item.type === 'field' && item.fieldEditable === '1' ? h("epx-visual-config-list-field", {
         "attrs": {
           "value": this.config[item.key],
@@ -4069,7 +4639,7 @@ module.exports = require("core-js/modules/web.dom-collections.iterator.js");
       value: 'goApp'
     }, {
       label: '打开指定链接',
-      value: 'goWebLink'
+      value: 'Link'
     }, {
       label: '发起通用请求',
       value: 'commonAction'
@@ -4135,35 +4705,311 @@ module.exports = require("core-js/modules/web.dom-collections.iterator.js");
 
 /***/ }),
 
-/***/ 8:
-/***/ (function(module, exports) {
+/***/ 76:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
-module.exports = require("core-js/modules/web.dom-collections.for-each.js");
+"use strict";
+
+// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectSpread2.js
+var objectSpread2 = __webpack_require__(0);
+
+// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js + 1 modules
+var objectWithoutProperties = __webpack_require__(36);
+
+// EXTERNAL MODULE: external "core-js/modules/es.array.find.js"
+var es_array_find_js_ = __webpack_require__(23);
+
+// EXTERNAL MODULE: external "core-js/modules/es.object.to-string.js"
+var es_object_to_string_js_ = __webpack_require__(1);
+
+// EXTERNAL MODULE: external "core-js/modules/es.array.map.js"
+var es_array_map_js_ = __webpack_require__(12);
+
+// EXTERNAL MODULE: external "vue"
+var external_vue_ = __webpack_require__(64);
+var external_vue_default = /*#__PURE__*/__webpack_require__.n(external_vue_);
+
+// EXTERNAL MODULE: external "vuedraggable"
+var external_vuedraggable_ = __webpack_require__(58);
+var external_vuedraggable_default = /*#__PURE__*/__webpack_require__.n(external_vuedraggable_);
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/frame/packages/visual-config-page/ComponentPreview.vue?vue&type=script&lang=js
+
+
+var _excluded = ["configs", "id", "title", "contentType"];
+
+
+
+
+
+
+
+
+/* harmony default export */ var ComponentPreviewvue_type_script_lang_js = ({
+  name: 'epx-visual-config-component-preview',
+  components: {
+    draggable: external_vuedraggable_default.a
+  },
+  props: {
+    component: {
+      type: Object,
+      default: function _default() {
+        return {};
+      }
+    },
+    upId: {
+      type: String
+    },
+    selectComponent: {
+      type: Object
+    }
+  },
+  inject: ['getAllComponentList', 'getItemConfigs', 'changeItemConfigs'],
+  computed: {
+    componentId: function componentId() {
+      return this.upId ? this.upId + '-' + this.component.id : this.component.id;
+    },
+    componentInfo: function componentInfo() {
+      var _this = this;
+      var componentInfo = this.allComponentList.find(function (item) {
+        return item.CODE === _this.component.contentType;
+      }) || {
+        CODE: this.component.contentType
+      };
+      return componentInfo || {};
+    },
+    itemConfigs: function itemConfigs() {
+      return this.getItemConfigs();
+    },
+    allComponentList: function allComponentList() {
+      return this.getAllComponentList();
+    },
+    compConfigs: function compConfigs() {
+      // 如果是页面 查找页面默认配置
+      var _this$component = this.component,
+        _this$component$confi = _this$component.configs,
+        configs = _this$component$confi === void 0 ? {} : _this$component$confi,
+        id = _this$component.id,
+        title = _this$component.title,
+        contentType = _this$component.contentType,
+        otherConfigs = Object(objectWithoutProperties["a" /* default */])(_this$component, _excluded);
+      var itemConfig = this.itemConfigs[this.componentId] || {};
+      var _configs = Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, otherConfigs), configs), itemConfig);
+      if (title) {
+        _configs.componentName = title;
+      }
+      return _configs;
+    },
+    childComponents: {
+      get: function get() {
+        var _this$compConfigs$ite = this.compConfigs.items,
+          items = _this$compConfigs$ite === void 0 ? [] : _this$compConfigs$ite;
+        return items;
+      },
+      set: function set(v) {
+        this.changeItemConfigs(this.componentId, {
+          items: v
+        });
+      }
+    }
+  },
+  methods: {
+    clickComponent: function clickComponent(event) {
+      event.stopPropagation();
+      var configs = this.compConfigs;
+      this.$emit('click', this.componentId, this.componentInfo, configs, this.upId);
+    },
+    renderPreviewComponent: function renderPreviewComponent() {
+      var _this2 = this;
+      var h = this.$createElement;
+      var previewCompName = this.componentInfo.CODE + '--preview';
+      var hasPreview = external_vue_default.a.component('epx-' + previewCompName);
+      if (!hasPreview && this.componentInfo.UP_PAGE) {
+        var parent = this.allComponentList.find(function (item) {
+          return item.ID === _this2.componentInfo.UP_PAGE;
+        });
+        if (parent) {
+          previewCompName = parent.CODE + '--preview';
+          hasPreview = external_vue_default.a.component('epx-' + previewCompName);
+        }
+      }
+      if (hasPreview) {
+        return h("epx-component", {
+          "attrs": {
+            "name": previewCompName,
+            "compId": this.componentId,
+            "itemConfigs": this.itemConfigs,
+            "component": this.component,
+            "comp-configs": this.compConfigs,
+            "upId": this.upId,
+            "selectComponent": this.selectComponent
+          },
+          "on": Object(objectSpread2["a" /* default */])({}, this.$listeners)
+        });
+      } else if (this.componentInfo.CONTAINER === '1') {
+        return h(external_vuedraggable_default.a, {
+          "class": {
+            'layout-placeholder': true,
+            'has-component': this.childComponents.length > 0
+          },
+          "attrs": {
+            "group": "library",
+            "ghostClass": "drag-component__ghost"
+          },
+          "model": {
+            value: _this2.childComponents,
+            callback: function callback($$v) {
+              _this2.childComponents = $$v;
+            }
+          }
+        }, [this.childComponents.length > 0 && h("div", [this.childComponents.map(function (component) {
+          return h("epx-visual-config-component-preview", {
+            "key": component.id,
+            "attrs": {
+              "component": component,
+              "upId": _this2.componentId,
+              "selectComponent": _this2.selectComponent
+            },
+            "on": Object(objectSpread2["a" /* default */])({}, _this2.$listeners)
+          });
+        })])]);
+      } else if (this.componentInfo.PICTURE) {
+        return h("img", {
+          "class": "component-preview__icon",
+          "attrs": {
+            "src": this.$util.getFileUrl(this.componentInfo.PICTURE)
+          }
+        });
+      } else {
+        return h("div", [this.componentInfo.TITLE]);
+      }
+    }
+  },
+  render: function render() {
+    var h = arguments[0];
+    return h("div", {
+      "class": {
+        'component-preview': true,
+        active: this.selectComponent && this.componentId === this.selectComponent.id
+      },
+      "on": {
+        "click": this.clickComponent
+      }
+    }, [this.renderPreviewComponent(), h("div", {
+      "class": "component-preview__operate"
+    }, [h("el-popconfirm", {
+      "attrs": {
+        "title": "".concat(this.$t('Confirm to delete the component'), " ?")
+      },
+      "on": {
+        "confirm": this.$emit.bind(this, 'delete', this.componentId)
+      }
+    }, [h("span", {
+      "slot": "reference",
+      "class": "component-preview__del"
+    }, [h("i", {
+      "class": "el-icon-close"
+    })])])])]);
+  }
+});
+// CONCATENATED MODULE: ./src/frame/packages/visual-config-page/ComponentPreview.vue?vue&type=script&lang=js
+ /* harmony default export */ var visual_config_page_ComponentPreviewvue_type_script_lang_js = (ComponentPreviewvue_type_script_lang_js); 
+// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js
+var injectStylesIntoStyleTag = __webpack_require__(17);
+var injectStylesIntoStyleTag_default = /*#__PURE__*/__webpack_require__.n(injectStylesIntoStyleTag);
+
+// EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ref--2-3!./node_modules/vue-loader/lib??vue-loader-options!./src/frame/packages/visual-config-page/ComponentPreview.vue?vue&type=style&index=0&id=bd96a8aa&prod&scoped=true&lang=scss
+var ComponentPreviewvue_type_style_index_0_id_bd96a8aa_prod_scoped_true_lang_scss = __webpack_require__(81);
+
+// CONCATENATED MODULE: ./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ref--2-3!./node_modules/vue-loader/lib??vue-loader-options!./src/frame/packages/visual-config-page/ComponentPreview.vue?vue&type=style&index=0&id=bd96a8aa&prod&scoped=true&lang=scss
+
+            
+
+var options = {};
+
+options.insert = "head";
+options.singleton = false;
+
+var update = injectStylesIntoStyleTag_default()(ComponentPreviewvue_type_style_index_0_id_bd96a8aa_prod_scoped_true_lang_scss["a" /* default */], options);
+
+
+
+/* harmony default export */ var visual_config_page_ComponentPreviewvue_type_style_index_0_id_bd96a8aa_prod_scoped_true_lang_scss = (ComponentPreviewvue_type_style_index_0_id_bd96a8aa_prod_scoped_true_lang_scss["a" /* default */].locals || {});
+// CONCATENATED MODULE: ./src/frame/packages/visual-config-page/ComponentPreview.vue?vue&type=style&index=0&id=bd96a8aa&prod&scoped=true&lang=scss
+
+// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__(13);
+
+// CONCATENATED MODULE: ./src/frame/packages/visual-config-page/ComponentPreview.vue
+var render, staticRenderFns
+
+
+
+
+
+/* normalize component */
+
+var ComponentPreview_component = Object(componentNormalizer["a" /* default */])(
+  visual_config_page_ComponentPreviewvue_type_script_lang_js,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  "bd96a8aa",
+  null
+  
+)
+
+/* harmony default export */ var ComponentPreview = __webpack_exports__["a"] = (ComponentPreview_component.exports);
 
 /***/ }),
 
-/***/ 9:
+/***/ 8:
 /***/ (function(module, exports) {
 
 module.exports = require("core-js/modules/es.function.name.js");
 
 /***/ }),
 
-/***/ 96:
+/***/ 81:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(18);
 /* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
 // Imports
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});
 // Module
-___CSS_LOADER_EXPORT___.push([module.i, ".epx-visual-component{padding:0 16px}.epx-visual-component__accordion.is-fold{margin-bottom:10px}.epx-visual-component__accordion.is-fold .epx-visual-component__accordion-icon{transform:rotate(180deg)}.epx-visual-component__accordion.is-fold .epx-visual-component__accordion-body{display:none}.epx-visual-component__accordion-header{width:100%;display:flex;height:40px;padding:0 16px;justify-content:space-between;align-items:center;background:rgba(31,56,88,0.1);position:relative;left:-16px}.epx-visual-component__accordion-body{padding:12px 0}.epx-visual-component__accordion-icon{font-size:16px;cursor:pointer;transition:all .5s}.epx-visual-component__form-item.el-form-item{display:flex;flex-wrap:wrap}.epx-visual-component__form-item .el-form-item__header{flex-shrink:0}.epx-visual-component__form-item>.el-form-item__content{flex:1}.epx-visual-component__form-item .el-form-item__label{flex-shrink:0;line-height:20px;padding:10px 10px 10px 0}.epx-visual-component__form-item-tip{color:#999;cursor:pointer;margin-left:2px}.epx-visual-component__form-item--font{display:block}.epx-visual-component__form-item--font .el-form-item__label{width:100% !important}.epx-visual-component__form-item--font .el-form-item__content{display:none}.epx-visual-component__form-item--opened .epx-visual-component__form-item-fold-icon{transform:rotate(90deg)}.epx-visual-component__form-item--opened .el-form-item__content{display:block}.epx-visual-component__form-item-fold-icon{cursor:pointer;transition:all .5s}\n", ""]);
+___CSS_LOADER_EXPORT___.push([module.i, ".component-preview[data-v-bd96a8aa]{width:calc(100% - 20px);border:1px solid transparent;margin:10px;box-shadow:border-box;position:relative;cursor:pointer}.component-preview[data-v-bd96a8aa]:hover{border-style:dashed;border-color:#0874e7}[data-theme=purple] .component-preview[data-v-bd96a8aa]:hover{border-color:#7569e2}[data-theme=palevioletred] .component-preview[data-v-bd96a8aa]:hover{border-color:#ce4545}[data-theme=forestgreen] .component-preview[data-v-bd96a8aa]:hover{border-color:#3d8a50}[data-theme=deepblue] .component-preview[data-v-bd96a8aa]:hover{border-color:#0f5fbd}[data-theme=orange] .component-preview[data-v-bd96a8aa]:hover{border-color:#ea6000}[data-theme=skyblue] .component-preview[data-v-bd96a8aa]:hover{border-color:#1a4586}[data-theme=aurorablue] .component-preview[data-v-bd96a8aa]:hover{border-color:#383b9e}[data-theme=tiffanyblue] .component-preview[data-v-bd96a8aa]:hover{border-color:#00aaad}[data-theme=tsinghuapurple] .component-preview[data-v-bd96a8aa]:hover{border-color:#5f2167}[data-theme=creativeblue] .component-preview[data-v-bd96a8aa]:hover{border-color:#418cff}[data-theme=njhkht] .component-preview[data-v-bd96a8aa]:hover{border-color:#1d2088}.component-preview.active[data-v-bd96a8aa]{border-style:solid;border-color:#0874e7}[data-theme=purple] .component-preview.active[data-v-bd96a8aa]{border-color:#7569e2}[data-theme=palevioletred] .component-preview.active[data-v-bd96a8aa]{border-color:#ce4545}[data-theme=forestgreen] .component-preview.active[data-v-bd96a8aa]{border-color:#3d8a50}[data-theme=deepblue] .component-preview.active[data-v-bd96a8aa]{border-color:#0f5fbd}[data-theme=orange] .component-preview.active[data-v-bd96a8aa]{border-color:#ea6000}[data-theme=skyblue] .component-preview.active[data-v-bd96a8aa]{border-color:#1a4586}[data-theme=aurorablue] .component-preview.active[data-v-bd96a8aa]{border-color:#383b9e}[data-theme=tiffanyblue] .component-preview.active[data-v-bd96a8aa]{border-color:#00aaad}[data-theme=tsinghuapurple] .component-preview.active[data-v-bd96a8aa]{border-color:#5f2167}[data-theme=creativeblue] .component-preview.active[data-v-bd96a8aa]{border-color:#418cff}[data-theme=njhkht] .component-preview.active[data-v-bd96a8aa]{border-color:#1d2088}.component-preview.active>.component-preview__operate[data-v-bd96a8aa]{display:block}.component-preview__icon[data-v-bd96a8aa]{width:100%}.component-preview__operate[data-v-bd96a8aa]{position:absolute;top:-20px;right:0;display:none}.component-preview__del[data-v-bd96a8aa]{background-color:#0874e7;color:#fff}[data-theme=purple] .component-preview__del[data-v-bd96a8aa]{background-color:#7569e2}[data-theme=palevioletred] .component-preview__del[data-v-bd96a8aa]{background-color:#ce4545}[data-theme=forestgreen] .component-preview__del[data-v-bd96a8aa]{background-color:#3d8a50}[data-theme=deepblue] .component-preview__del[data-v-bd96a8aa]{background-color:#0f5fbd}[data-theme=orange] .component-preview__del[data-v-bd96a8aa]{background-color:#ea6000}[data-theme=skyblue] .component-preview__del[data-v-bd96a8aa]{background-color:#1a4586}[data-theme=aurorablue] .component-preview__del[data-v-bd96a8aa]{background-color:#383b9e}[data-theme=tiffanyblue] .component-preview__del[data-v-bd96a8aa]{background-color:#00aaad}[data-theme=tsinghuapurple] .component-preview__del[data-v-bd96a8aa]{background-color:#5f2167}[data-theme=creativeblue] .component-preview__del[data-v-bd96a8aa]{background-color:#418cff}[data-theme=njhkht] .component-preview__del[data-v-bd96a8aa]{background-color:#1d2088}.layout-placeholder[data-v-bd96a8aa]{min-height:60px;height:100%;width:100%;background-color:#f0f0f0;border:1px dotted  #a7b1bd;position:relative}.layout-placeholder[data-v-bd96a8aa]::before{width:100%;text-align:center;content:'拖拽组件到这里';color:#666;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.has-component[data-v-bd96a8aa]::before{display:none}\n", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["a"] = (___CSS_LOADER_EXPORT___);
 
 
+/***/ }),
+
+/***/ 82:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(18);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
+// Imports
+
+var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});
+// Module
+___CSS_LOADER_EXPORT___.push([module.i, ".epx-visual-component{padding:0 16px}.epx-visual-component__accordion.is-fold{margin-bottom:10px}.epx-visual-component__accordion.is-fold .epx-visual-component__accordion-icon{transform:rotate(180deg)}.epx-visual-component__accordion.is-fold .epx-visual-component__accordion-body{display:none}.epx-visual-component__accordion-header{width:100%;display:flex;height:40px;padding:0 16px;justify-content:space-between;align-items:center;background:rgba(31,56,88,0.1);position:relative;left:-16px}.epx-visual-component__accordion-body{padding:12px 0}.epx-visual-component__accordion-icon{font-size:16px;cursor:pointer;transition:all .5s}.epx-visual-component__form-item.el-form-item{display:flex;flex-wrap:wrap}.epx-visual-component__form-item .el-form-item__header{flex-shrink:0}.epx-visual-component__form-item>.el-form-item__content{flex:1}.epx-visual-component__form-item .el-form-item__label{flex-shrink:0;line-height:20px;padding:10px 10px 10px 0}.epx-visual-component__form-item--font{display:block}.epx-visual-component__form-item--font .el-form-item__label{width:100% !important}.epx-visual-component__form-item--font .el-form-item__content{display:none}.epx-visual-component__form-item--opened .epx-visual-component__form-item-fold-icon{transform:rotate(90deg)}.epx-visual-component__form-item--opened .el-form-item__content{display:block}.epx-visual-component__form-item-fold-icon{cursor:pointer;transition:all .5s}\n", ""]);
+// Exports
+/* harmony default export */ __webpack_exports__["a"] = (___CSS_LOADER_EXPORT___);
+
+
+/***/ }),
+
+/***/ 9:
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/web.dom-collections.for-each.js");
+
 /***/ })
 
 /******/ });