epx-frame 4.1.4 → 4.1.5

package/lib/card.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 488);
+/******/ 	return __webpack_require__(__webpack_require__.s = 486);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -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__);
@@ -559,20 +559,6 @@ module.exports = require("core-js/modules/es.array.map.js");
 /***/ }),
 
 /***/ 13:
-/***/ (function(module, exports) {
-
-module.exports = require("core-js/modules/es.regexp.exec.js");
-
-/***/ }),
-
-/***/ 14:
-/***/ (function(module, exports) {
-
-module.exports = require("core-js/modules/es.array.concat.js");
-
-/***/ }),
-
-/***/ 15:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -677,34 +663,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";
@@ -980,14 +960,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";
@@ -1003,12 +976,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
@@ -1060,7 +1033,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";
@@ -1084,6 +1071,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) {
 
@@ -1094,18 +1094,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";
@@ -1150,24 +1157,34 @@ function _asyncToGenerator(fn) {
 
 /***/ }),
 
-/***/ 26:
-/***/ (function(module, exports) {
+/***/ 268:
+/***/ (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-card.el-card{border:0;overflow:auto}.epx-card.el-card .el-card__header{padding:10px 16px;line-height:32px}.epx-card.el-card .el-card__body{padding:0;overflow:hidden}.epx-card:not(.epx-card--split) .el-card__header{border:0}.epx-card__title{font-size:16px;font-weight:600}.epx-card__title>i{color:#0874e7;font-weight:500}[data-theme=purple] .epx-card__title>i{color:#7569e2}[data-theme=palevioletred] .epx-card__title>i{color:#ce4545}[data-theme=forestgreen] .epx-card__title>i{color:#3d8a50}[data-theme=deepblue] .epx-card__title>i{color:#0f5fbd}[data-theme=orange] .epx-card__title>i{color:#ea6000}[data-theme=skyblue] .epx-card__title>i{color:#1a4586}[data-theme=aurorablue] .epx-card__title>i{color:#383b9e}[data-theme=tiffanyblue] .epx-card__title>i{color:#00aaad}[data-theme=tsinghuapurple] .epx-card__title>i{color:#5f2167}[data-theme=creativeblue] .epx-card__title>i{color:#418cff}[data-theme=njhkht] .epx-card__title>i{color:#1d2088}.epx-card__title-icon{margin-right:4px}.epx-card__text--border{position:relative;padding:0 8px;line-height:16px}.epx-card__text--border::before{position:absolute;content:'';display:block;width:4px;height:16px;border-radius:2px;background-color:#0874e7;left:-4px;top:50%;margin-top:-8px}[data-theme=purple] .epx-card__text--border::before{background-color:#7569e2}[data-theme=palevioletred] .epx-card__text--border::before{background-color:#ce4545}[data-theme=forestgreen] .epx-card__text--border::before{background-color:#3d8a50}[data-theme=deepblue] .epx-card__text--border::before{background-color:#0f5fbd}[data-theme=orange] .epx-card__text--border::before{background-color:#ea6000}[data-theme=skyblue] .epx-card__text--border::before{background-color:#1a4586}[data-theme=aurorablue] .epx-card__text--border::before{background-color:#383b9e}[data-theme=tiffanyblue] .epx-card__text--border::before{background-color:#00aaad}[data-theme=tsinghuapurple] .epx-card__text--border::before{background-color:#5f2167}[data-theme=creativeblue] .epx-card__text--border::before{background-color:#418cff}[data-theme=njhkht] .epx-card__text--border::before{background-color:#1d2088}.epx-card__operates{height:34px;position:relative;top:-2px;float:right;display:flex;align-items:center}.epx-card__operate{font-size:14px}.epx-card__operate>i{margin-right:4px}.epx-card__component-list{overflow:hidden}.epx-card__layout-row{overflow:hidden;margin-right:-1px;position:static}.epx-card__layout-col>*:not(.epx-base-page),.epx-card__layout-col>*:not(.epx-layout__row){margin:10px}.epx-card__layout-col--split{position:relative}.epx-card__layout-col--split::after{content:'';display:block;width:1px;height:calc(100% - 20px);background:#e3e3e3;position:absolute;top:10px;right:0px}.epx-card__layout-col--split:last-child::after{display:none}.epx-card__operates-more .el-icon-more{font-size:20px;line-height:16px;margin-left:10px;color:#333}@media screen and (max-width: 992px){.epx-card .el-card__header{padding:4px 16px;line-height:32px}}\n", ""]);
+// Exports
+/* harmony default export */ __webpack_exports__["a"] = (___CSS_LOADER_EXPORT___);
 
-module.exports = require("core-js/modules/es.array.find.js");
 
 /***/ }),
 
-/***/ 261:
+/***/ 269:
 /***/ (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-card.el-card{border:0;overflow:auto}.epx-card.el-card .el-card__header{padding:10px 16px;line-height:32px}.epx-card.el-card .el-card__body{padding:0;overflow:hidden}.epx-card:not(.epx-card--split) .el-card__header{border:0}.epx-card__title{font-size:16px;font-weight:600}.epx-card__title>i{color:#0874e7;font-weight:500}[data-theme=purple] .epx-card__title>i{color:#7569e2}[data-theme=palevioletred] .epx-card__title>i{color:#ce4545}[data-theme=forestgreen] .epx-card__title>i{color:#3d8a50}[data-theme=deepblue] .epx-card__title>i{color:#0f5fbd}[data-theme=orange] .epx-card__title>i{color:#ea6000}[data-theme=skyblue] .epx-card__title>i{color:#1a4586}[data-theme=aurorablue] .epx-card__title>i{color:#383b9e}[data-theme=tiffanyblue] .epx-card__title>i{color:#00aaad}[data-theme=tsinghuapurple] .epx-card__title>i{color:#5f2167}[data-theme=creativeblue] .epx-card__title>i{color:#418cff}[data-theme=njhkht] .epx-card__title>i{color:#1d2088}.epx-card__title-icon{margin-right:4px}.epx-card__text--border{position:relative;padding:0 8px;line-height:16px}.epx-card__text--border::before{position:absolute;content:'';display:block;width:4px;height:16px;border-radius:2px;background-color:#0874e7;left:-4px;top:50%;margin-top:-8px}[data-theme=purple] .epx-card__text--border::before{background-color:#7569e2}[data-theme=palevioletred] .epx-card__text--border::before{background-color:#ce4545}[data-theme=forestgreen] .epx-card__text--border::before{background-color:#3d8a50}[data-theme=deepblue] .epx-card__text--border::before{background-color:#0f5fbd}[data-theme=orange] .epx-card__text--border::before{background-color:#ea6000}[data-theme=skyblue] .epx-card__text--border::before{background-color:#1a4586}[data-theme=aurorablue] .epx-card__text--border::before{background-color:#383b9e}[data-theme=tiffanyblue] .epx-card__text--border::before{background-color:#00aaad}[data-theme=tsinghuapurple] .epx-card__text--border::before{background-color:#5f2167}[data-theme=creativeblue] .epx-card__text--border::before{background-color:#418cff}[data-theme=njhkht] .epx-card__text--border::before{background-color:#1d2088}.epx-card__operates{height:34px;position:relative;top:-2px;float:right;display:flex;align-items:center}.epx-card__operate{font-size:14px}.epx-card__operate>i{margin-right:4px}.epx-card__component-list{overflow:hidden}.epx-card__layout-row{overflow:hidden;margin-right:-1px;position:static}.epx-card__layout-col>*:not(.epx-base-page),.epx-card__layout-col>*:not(.epx-layout__row){margin:10px}.epx-card__layout-col--split{position:relative}.epx-card__layout-col--split::after{content:'';display:block;width:1px;height:calc(100% - 20px);background:#e3e3e3;position:absolute;top:10px;right:0px}.epx-card__layout-col--split:last-child::after{display:none}.epx-card__operates-more .el-icon-more{font-size:20px;line-height:16px;margin-left:10px;color:#333}@media screen and (max-width: 992px){.epx-card .el-card__header{padding:4px 16px;line-height:32px}}\n", ""]);
+___CSS_LOADER_EXPORT___.push([module.i, ".layout-placeholder[data-v-14881e05]{min-height:60px;height:100%;width:100%;border:1px dotted  #a7b1bd;position:relative}.layout-placeholder[data-v-14881e05]::before{width:100%;text-align:center;content:'拖拽组件到这里';color:#666;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.has-component[data-v-14881e05]::before{display:none}\n", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["a"] = (___CSS_LOADER_EXPORT___);
 
@@ -1204,7 +1221,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
 
@@ -1224,7 +1241,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);
@@ -1255,10 +1272,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
 
@@ -1293,14 +1310,14 @@ module.exports = require("core-js/modules/es.array.includes.js");
 /***/ 32:
 /***/ (function(module, exports) {
 
-module.exports = require("core-js/modules/es.error.cause.js");
+module.exports = require("core-js/modules/es.array.filter.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");
 
 /***/ }),
 
@@ -1321,55 +1338,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
@@ -1379,7 +1347,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
 
@@ -1418,6 +1386,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) {
 
@@ -1430,16 +1447,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__);
@@ -1447,19 +1464,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__);
 
 
@@ -1558,7 +1575,8 @@ function formatI18nConfig(configs, language) {
     compTitle: String,
     items: Array,
     //
-    itemConfigs: Object
+    itemConfigs: Object,
+    metaId: String
   },
   data: function data() {
     return {
@@ -1629,7 +1647,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() {
@@ -1706,6 +1724,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: {
@@ -1723,7 +1751,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) {
@@ -1738,7 +1766,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) {
@@ -1753,13 +1781,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);
                 }
@@ -1782,7 +1810,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;
@@ -1794,7 +1822,7 @@ function formatI18nConfig(configs, language) {
       }
       if (parent) {
         parent.$on('change', function (params) {
-          return callback.apply(_this3, params);
+          return callback.apply(_this4, params);
         });
       }
     },
@@ -1847,7 +1875,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];
       }
@@ -1856,7 +1884,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() {
@@ -1956,20 +1984,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;
@@ -1977,18 +2005,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();
@@ -1997,10 +2025,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;
       };
     }
@@ -2026,7 +2054,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__);
@@ -2108,7 +2136,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
 
@@ -2180,7 +2208,7 @@ module.exports = require("core-js/modules/es.symbol.to-string-tag.js");
 
 /***/ }),
 
-/***/ 488:
+/***/ 486:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -2188,9 +2216,9 @@ module.exports = require("core-js/modules/es.symbol.to-string-tag.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/card/Card.vue?vue&type=template&id=66cb3c7e
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./src/frame/packages/card/Card.vue?vue&type=template&id=7f4ac580
 var render = function () {
   var _vm = this
   var _h = _vm.$createElement
@@ -2200,7 +2228,7 @@ var render = function () {
     {
       class: ["epx-card", { "epx-card--split": _vm.$configs.split }],
       style: _vm.styles,
-      attrs: { shadow: "never" },
+      attrs: { shadow: _vm.$configs.shadow },
     },
     [
       _vm.$configs.showHeader
@@ -2304,6 +2332,7 @@ var render = function () {
         {
           staticClass: "epx-card__component-content",
           style: { padding: _vm.$util.toPx(_vm.$configs.padding) },
+          on: { click: _vm.openPage },
         },
         [
           _c(
@@ -2363,13 +2392,13 @@ var staticRenderFns = []
 render._withStripped = true
 
 
-// CONCATENATED MODULE: ./src/frame/packages/card/Card.vue?vue&type=template&id=66cb3c7e
+// CONCATENATED MODULE: ./src/frame/packages/card/Card.vue?vue&type=template&id=7f4ac580
 
 // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js + 3 modules
 var toConsumableArray = __webpack_require__(3);
 
 // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js + 1 modules
-var objectWithoutProperties = __webpack_require__(37);
+var objectWithoutProperties = __webpack_require__(36);
 
 // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectSpread2.js
 var objectSpread2 = __webpack_require__(0);
@@ -2378,10 +2407,13 @@ var objectSpread2 = __webpack_require__(0);
 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__(8);
+var web_dom_collections_for_each_js_ = __webpack_require__(9);
 
 // EXTERNAL MODULE: external "core-js/modules/es.array.filter.js"
-var es_array_filter_js_ = __webpack_require__(33);
+var es_array_filter_js_ = __webpack_require__(32);
+
+// EXTERNAL MODULE: external "core-js/modules/es.string.link.js"
+var es_string_link_js_ = __webpack_require__(65);
 
 // EXTERNAL MODULE: external "core-js/modules/es.array.splice.js"
 var es_array_splice_js_ = __webpack_require__(52);
@@ -2402,6 +2434,8 @@ var _excluded = ["xsspan"];
 
 
 
+
+
 //
 //
 //
@@ -2474,6 +2508,7 @@ function refesh() {
   mixins: [mixins_component["a" /* default */]],
   operateFlag: false,
   showHeader: true,
+  shadow: 'never',
   operates: [],
   showIcon: true,
   height: '',
@@ -2521,8 +2556,13 @@ function refesh() {
     styles: function styles() {
       var _this$$component$styl = this.$component.style,
         style = _this$$component$styl === void 0 ? {} : _this$$component$styl;
-      var background = this.$configs.background;
+      var _this$$configs = this.$configs,
+        background = _this$$configs.background,
+        link = _this$$configs.link;
       var styles = Object(objectSpread2["a" /* default */])({}, style);
+      if (link === 'page' || link === 'menu') {
+        styles.cursor = 'pointer';
+      }
       if (background) {
         styles.background = background;
       }
@@ -2546,15 +2586,15 @@ function refesh() {
       };
     },
     pageStyle: function pageStyle() {
-      var _this$$configs = this.$configs,
-        _this$$configs$layout = _this$$configs.layout,
-        layout = _this$$configs$layout === void 0 ? 'grid' : _this$$configs$layout,
-        _this$$configs$direct = _this$$configs.direction,
-        direction = _this$$configs$direct === void 0 ? 'row' : _this$$configs$direct,
-        _this$$configs$justif = _this$$configs.justify,
-        justify = _this$$configs$justif === void 0 ? 'flex-start' : _this$$configs$justif,
-        _this$$configs$align = _this$$configs.align,
-        align = _this$$configs$align === void 0 ? 'top' : _this$$configs$align;
+      var _this$$configs2 = this.$configs,
+        _this$$configs2$layou = _this$$configs2.layout,
+        layout = _this$$configs2$layou === void 0 ? 'grid' : _this$$configs2$layou,
+        _this$$configs2$direc = _this$$configs2.direction,
+        direction = _this$$configs2$direc === void 0 ? 'row' : _this$$configs2$direc,
+        _this$$configs2$justi = _this$$configs2.justify,
+        justify = _this$$configs2$justi === void 0 ? 'flex-start' : _this$$configs2$justi,
+        _this$$configs2$align = _this$$configs2.align,
+        align = _this$$configs2$align === void 0 ? 'top' : _this$$configs2$align;
       if (layout === 'flex') {
         return {
           display: 'flex',
@@ -2620,19 +2660,41 @@ function refesh() {
         };
         this.$options.padding = 0;
       }
+    },
+    openPage: function openPage() {
+      var _this$$configs3 = this.$configs,
+        link = _this$$configs3.link,
+        menuId = _this$$configs3.menuId,
+        pageId = _this$$configs3.pageId,
+        openMode = _this$$configs3.openMode,
+        params = _this$$configs3.params,
+        _this$$configs3$pageP = _this$$configs3.pageParams,
+        pageParams = _this$$configs3$pageP === void 0 ? {} : _this$$configs3$pageP;
+      if (link === 'menu') {
+        this.goPage({
+          menuId: menuId,
+          params: params || pageParams
+        });
+      } else if (link === 'page') {
+        this.goPage({
+          pageId: pageId,
+          openMode: openMode,
+          params: params || pageParams
+        });
+      }
     }
   }
 });
 // CONCATENATED MODULE: ./src/frame/packages/card/Card.vue?vue&type=script&lang=js
  /* harmony default export */ var card_Cardvue_type_script_lang_js = (Cardvue_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/card/Card.vue?vue&type=style&index=0&id=66cb3c7e&prod&lang=scss
-var Cardvue_type_style_index_0_id_66cb3c7e_prod_lang_scss = __webpack_require__(261);
+// 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/card/Card.vue?vue&type=style&index=0&id=7f4ac580&prod&lang=scss
+var Cardvue_type_style_index_0_id_7f4ac580_prod_lang_scss = __webpack_require__(268);
 
-// 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/card/Card.vue?vue&type=style&index=0&id=66cb3c7e&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/card/Card.vue?vue&type=style&index=0&id=7f4ac580&prod&lang=scss
 
             
 
@@ -2641,15 +2703,15 @@ var options = {};
 options.insert = "head";
 options.singleton = false;
 
-var update = injectStylesIntoStyleTag_default()(Cardvue_type_style_index_0_id_66cb3c7e_prod_lang_scss["a" /* default */], options);
+var update = injectStylesIntoStyleTag_default()(Cardvue_type_style_index_0_id_7f4ac580_prod_lang_scss["a" /* default */], options);
 
 
 
-/* harmony default export */ var card_Cardvue_type_style_index_0_id_66cb3c7e_prod_lang_scss = (Cardvue_type_style_index_0_id_66cb3c7e_prod_lang_scss["a" /* default */].locals || {});
-// CONCATENATED MODULE: ./src/frame/packages/card/Card.vue?vue&type=style&index=0&id=66cb3c7e&prod&lang=scss
+/* harmony default export */ var card_Cardvue_type_style_index_0_id_7f4ac580_prod_lang_scss = (Cardvue_type_style_index_0_id_7f4ac580_prod_lang_scss["a" /* default */].locals || {});
+// CONCATENATED MODULE: ./src/frame/packages/card/Card.vue?vue&type=style&index=0&id=7f4ac580&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/card/Card.vue
 
@@ -2672,14 +2734,260 @@ var Card_component = Object(componentNormalizer["a" /* default */])(
 )
 
 /* harmony default export */ var Card = (Card_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/card/Preview.vue?vue&type=template&id=14881e05&scoped=true
+var Previewvue_type_template_id_14881e05_scoped_true_render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "el-card",
+    {
+      class: ["epx-card", { "epx-card--split": _vm.compConfigs.split }],
+      style: _vm.compConfigs.style,
+      attrs: { shadow: "never" },
+    },
+    [
+      _vm.compConfigs.showHeader !== false
+        ? _c(
+            "div",
+            { class: ["clearfix"], attrs: { slot: "header" }, slot: "header" },
+            [
+              _c("span", { staticClass: "epx-card__title" }, [
+                _c("i", {
+                  class: [
+                    "epx-card__title-icon",
+                    _vm.compConfigs.icon || "epx-icon-kapianmorentubiao",
+                  ],
+                }),
+                _c("span", [
+                  _vm._v(
+                    _vm._s(
+                      _vm.compConfigs.title || _vm.compConfigs.componentName
+                    )
+                  ),
+                ]),
+              ]),
+            ]
+          )
+        : _vm._e(),
+      _c(
+        "div",
+        {
+          staticClass: "epx-card__component-content",
+          style: { padding: _vm.$util.toPx(_vm.compConfigs.padding) },
+        },
+        [
+          _c(
+            "div",
+            { staticClass: "epx-card__component-list" },
+            [
+              _c(
+                "draggable",
+                {
+                  class: {
+                    "layout-placeholder": true,
+                    "has-component": _vm.components.length > 0,
+                  },
+                  attrs: {
+                    group: "library",
+                    ghostClass: "drag-component__ghost",
+                  },
+                  model: {
+                    value: _vm.components,
+                    callback: function ($$v) {
+                      _vm.components = $$v
+                    },
+                    expression: "components",
+                  },
+                },
+                [
+                  _vm.components.length > 0
+                    ? _c(
+                        "div",
+                        _vm._l(_vm.components, 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 Previewvue_type_template_id_14881e05_scoped_true_staticRenderFns = []
+Previewvue_type_template_id_14881e05_scoped_true_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./src/frame/packages/card/Preview.vue?vue&type=template&id=14881e05&scoped=true
+
+// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
+var defineProperty = __webpack_require__(20);
+
+// EXTERNAL MODULE: external "core-js/modules/es.array.push.js"
+var es_array_push_js_ = __webpack_require__(22);
+
+// EXTERNAL MODULE: ./src/frame/packages/visual-config-page/ComponentPreview.vue + 4 modules
+var ComponentPreview = __webpack_require__(76);
+
+// 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/card/Preview.vue?vue&type=script&lang=js
+
+
+
+
+
+
+
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+/* harmony default export */ var Previewvue_type_script_lang_js = ({
+  name: 'epx-card--preview',
+  components: Object(defineProperty["a" /* default */])({
+    draggable: external_vuedraggable_default.a
+  }, ComponentPreview["a" /* default */].name, ComponentPreview["a" /* default */]),
+  inject: ['changeItemConfigs', 'getItemConfigs', 'getAllComponentList'],
+  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: {
+    components: {
+      get: function get() {
+        var items = [];
+        (this.compConfigs.items || []).forEach(function (item, index) {
+          items.push(item);
+        });
+        return items;
+      },
+      set: function set(v) {
+        this.changeItemConfigs(this.compId, {
+          items: v
+        });
+      }
+    }
+  }
+});
+// CONCATENATED MODULE: ./src/frame/packages/card/Preview.vue?vue&type=script&lang=js
+ /* harmony default export */ var card_Previewvue_type_script_lang_js = (Previewvue_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/card/Preview.vue?vue&type=style&index=0&id=14881e05&prod&lang=scss&scoped=true
+var Previewvue_type_style_index_0_id_14881e05_prod_lang_scss_scoped_true = __webpack_require__(269);
+
+// 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/card/Preview.vue?vue&type=style&index=0&id=14881e05&prod&lang=scss&scoped=true
+
+            
+
+var Previewvue_type_style_index_0_id_14881e05_prod_lang_scss_scoped_true_options = {};
+
+Previewvue_type_style_index_0_id_14881e05_prod_lang_scss_scoped_true_options.insert = "head";
+Previewvue_type_style_index_0_id_14881e05_prod_lang_scss_scoped_true_options.singleton = false;
+
+var Previewvue_type_style_index_0_id_14881e05_prod_lang_scss_scoped_true_update = injectStylesIntoStyleTag_default()(Previewvue_type_style_index_0_id_14881e05_prod_lang_scss_scoped_true["a" /* default */], Previewvue_type_style_index_0_id_14881e05_prod_lang_scss_scoped_true_options);
+
+
+
+/* harmony default export */ var card_Previewvue_type_style_index_0_id_14881e05_prod_lang_scss_scoped_true = (Previewvue_type_style_index_0_id_14881e05_prod_lang_scss_scoped_true["a" /* default */].locals || {});
+// CONCATENATED MODULE: ./src/frame/packages/card/Preview.vue?vue&type=style&index=0&id=14881e05&prod&lang=scss&scoped=true
+
+// CONCATENATED MODULE: ./src/frame/packages/card/Preview.vue
+
+
+
+
+
+
+/* normalize component */
+
+var Preview_component = Object(componentNormalizer["a" /* default */])(
+  card_Previewvue_type_script_lang_js,
+  Previewvue_type_template_id_14881e05_scoped_true_render,
+  Previewvue_type_template_id_14881e05_scoped_true_staticRenderFns,
+  false,
+  null,
+  "14881e05",
+  null
+  
+)
+
+/* harmony default export */ var Preview = (Preview_component.exports);
 // CONCATENATED MODULE: ./src/frame/packages/card/index.js
 
 
 
 
+
 /* istanbul ignore next */
 Card.install = function install(Vue) {
   Vue.component(Card.name, Card);
+  Vue.component(Preview.name, Preview);
 };
 /* harmony default export */ var card = __webpack_exports__["default"] = (Card);
 
@@ -2727,6 +3035,13 @@ module.exports = require("core-js/modules/es.object.proto.js");
 
 /***/ }),
 
+/***/ 58:
+/***/ (function(module, exports) {
+
+module.exports = require("vuedraggable");
+
+/***/ }),
+
 /***/ 6:
 /***/ (function(module, exports) {
 
@@ -2734,6 +3049,20 @@ module.exports = require("core-js/modules/es.symbol.description.js");
 
 /***/ }),
 
+/***/ 64:
+/***/ (function(module, exports) {
+
+module.exports = require("vue");
+
+/***/ }),
+
+/***/ 65:
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.string.link.js");
+
+/***/ }),
+
 /***/ 7:
 /***/ (function(module, exports) {
 
@@ -2741,17 +3070,293 @@ module.exports = require("core-js/modules/web.dom-collections.iterator.js");
 
 /***/ }),
 
+/***/ 76:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"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);
+
+/***/ }),
+
 /***/ 8:
 /***/ (function(module, exports) {
 
-module.exports = require("core-js/modules/web.dom-collections.for-each.js");
+module.exports = require("core-js/modules/es.function.name.js");
+
+/***/ }),
+
+/***/ 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__(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, ".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___);
+
 
 /***/ }),
 
 /***/ 9:
 /***/ (function(module, exports) {
 
-module.exports = require("core-js/modules/es.function.name.js");
+module.exports = require("core-js/modules/web.dom-collections.for-each.js");
 
 /***/ })