epx-frame 4.1.4 → 4.1.5

package/lib/page-tabs.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 513);
+/******/ 	return __webpack_require__(__webpack_require__.s = 497);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -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,23 +1071,36 @@ function _defineProperty(obj, key, value) {
 
 /***/ }),
 
-/***/ 211:
+/***/ 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;
+}
+
+/***/ }),
+
+/***/ 216:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "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_objectSpread2_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(0);
-/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(14);
+/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(15);
 /* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_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_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(8);
+/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(9);
 /* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(23);
+/* harmony import */ var core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(24);
 /* harmony import */ var core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_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_regexp_exec_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(13);
+/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(14);
 /* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_7__);
 /* harmony import */ var core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(29);
 /* harmony import */ var core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_8__);
@@ -1249,7 +1249,15 @@ function _defineProperty(obj, key, value) {
     // }
   },
   methods: {
-    handleClick: function handleClick() {},
+    handleClick: function handleClick() {
+      if (this.$configs.clickReload) {
+        var tabComponent = this.$refs[this.activeName];
+        if (tabComponent && tabComponent[0]) {
+          var _component = tabComponent[0].$children[0];
+          _component && _component.$refesh && _component.$refesh();
+        }
+      }
+    },
     getListData: function getListData(id, _ref) {
       var total = _ref.total;
     } // const { tabCount = false } = this.$configs
@@ -1399,18 +1407,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";
@@ -1455,13 +1470,6 @@ function _asyncToGenerator(fn) {
 
 /***/ }),
 
-/***/ 26:
-/***/ (function(module, exports) {
-
-module.exports = require("core-js/modules/es.array.find.js");
-
-/***/ }),
-
 /***/ 27:
 /***/ (function(module, exports) {
 
@@ -1492,7 +1500,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
 
@@ -1512,7 +1520,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);
@@ -1543,10 +1551,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
 
@@ -1581,14 +1589,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");
 
 /***/ }),
 
@@ -1597,23 +1605,6 @@ module.exports = require("core-js/modules/es.array.filter.js");
 
 module.exports = require("core-js/modules/es.string.includes.js");
 
-/***/ }),
-
-/***/ 340:
-/***/ (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___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-page-tabs{display:flex;flex-direction:column;box-sizing:border-box;height:100%}.epx-page-tabs .el-tabs__header{background:#fff;margin:0;border-radius:var(--border-radius) var(--border-radius) 0 0}.epx-page-tabs>.el-tabs__content{flex:1;overflow:hidden}.epx-page-tabs>.el-tabs__content>.el-tab-pane{height:100%;overflow:auto}.epx-page-tabs .el-tabs__item.is-bottom:nth-child(2),.epx-page-tabs .el-tabs__item.is-top:nth-child(2),.epx-page-tabs .el-tabs__item.is-bottom:nth-child(2),.epx-page-tabs .el-tabs__item.is-top:nth-child(2){padding:0 20px}\n", ""]);
-// Exports
-/* harmony default export */ __webpack_exports__["a"] = (___CSS_LOADER_EXPORT___);
-
-
 /***/ }),
 
 /***/ 35:
@@ -1623,56 +1614,24 @@ module.exports = require("core-js/modules/es.array.join.js");
 
 /***/ }),
 
-/***/ 36:
+/***/ 351:
 /***/ (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);
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+/* 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-page-tabs{display:flex;flex-direction:column;box-sizing:border-box;height:100%}.epx-page-tabs.el-tabs--left{flex-direction:row}.epx-page-tabs.el-tabs--right{flex-direction:row-reverse}.epx-page-tabs .el-tabs__header{background:#fff;margin:0;border-radius:var(--border-radius) var(--border-radius) 0 0}.epx-page-tabs>.el-tabs__content{flex:1;overflow:hidden}.epx-page-tabs>.el-tabs__content>.el-tab-pane{height:100%;overflow:auto}.epx-page-tabs .el-tabs__item.is-bottom:nth-child(2),.epx-page-tabs .el-tabs__item.is-top:nth-child(2),.epx-page-tabs .el-tabs__item.is-bottom:nth-child(2),.epx-page-tabs .el-tabs__item.is-top:nth-child(2){padding:0 20px}\n", ""]);
+// Exports
+/* harmony default export */ __webpack_exports__["a"] = (___CSS_LOADER_EXPORT___);
 
-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:
+/***/ 36:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -1684,7 +1643,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
 
@@ -1723,6 +1682,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) {
 
@@ -1735,16 +1743,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__);
@@ -1752,19 +1760,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__);
 
 
@@ -1863,7 +1871,8 @@ function formatI18nConfig(configs, language) {
     compTitle: String,
     items: Array,
     //
-    itemConfigs: Object
+    itemConfigs: Object,
+    metaId: String
   },
   data: function data() {
     return {
@@ -1934,7 +1943,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() {
@@ -2011,6 +2020,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: {
@@ -2028,7 +2047,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) {
@@ -2043,7 +2062,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) {
@@ -2058,13 +2077,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);
                 }
@@ -2087,7 +2106,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;
@@ -2099,7 +2118,7 @@ function formatI18nConfig(configs, language) {
       }
       if (parent) {
         parent.$on('change', function (params) {
-          return callback.apply(_this3, params);
+          return callback.apply(_this4, params);
         });
       }
     },
@@ -2152,7 +2171,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];
       }
@@ -2161,7 +2180,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() {
@@ -2261,20 +2280,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;
@@ -2282,18 +2301,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();
@@ -2302,10 +2321,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;
       };
     }
@@ -2331,7 +2350,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__);
@@ -2413,7 +2432,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
 
@@ -2492,21 +2511,7 @@ module.exports = require("core-js/modules/es.json.to-string-tag.js");
 
 /***/ }),
 
-/***/ 5:
-/***/ (function(module, exports) {
-
-module.exports = require("core-js/modules/es.string.iterator.js");
-
-/***/ }),
-
-/***/ 50:
-/***/ (function(module, exports) {
-
-module.exports = require("core-js/modules/es.math.to-string-tag.js");
-
-/***/ }),
-
-/***/ 513:
+/***/ 497:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -2514,9 +2519,9 @@ module.exports = require("core-js/modules/es.math.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/page-tabs/PageTabs.vue?vue&type=template&id=e6e92f2c
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./src/frame/packages/page-tabs/PageTabs.vue?vue&type=template&id=221c2fc2
 var render = function () {
   var _vm = this
   var _h = _vm.$createElement
@@ -2587,21 +2592,21 @@ var staticRenderFns = []
 render._withStripped = true
 
 
-// CONCATENATED MODULE: ./src/frame/packages/page-tabs/PageTabs.vue?vue&type=template&id=e6e92f2c
+// CONCATENATED MODULE: ./src/frame/packages/page-tabs/PageTabs.vue?vue&type=template&id=221c2fc2
 
 // EXTERNAL MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/frame/packages/page-tabs/PageTabs.vue?vue&type=script&lang=js
-var PageTabsvue_type_script_lang_js = __webpack_require__(211);
+var PageTabsvue_type_script_lang_js = __webpack_require__(216);
 
 // CONCATENATED MODULE: ./src/frame/packages/page-tabs/PageTabs.vue?vue&type=script&lang=js
  /* harmony default export */ var page_tabs_PageTabsvue_type_script_lang_js = (PageTabsvue_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/packages/page-tabs/PageTabs.vue?vue&type=style&index=0&id=e6e92f2c&prod&lang=scss
-var PageTabsvue_type_style_index_0_id_e6e92f2c_prod_lang_scss = __webpack_require__(340);
+// 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/page-tabs/PageTabs.vue?vue&type=style&index=0&id=221c2fc2&prod&lang=scss
+var PageTabsvue_type_style_index_0_id_221c2fc2_prod_lang_scss = __webpack_require__(351);
 
-// 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/page-tabs/PageTabs.vue?vue&type=style&index=0&id=e6e92f2c&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/page-tabs/PageTabs.vue?vue&type=style&index=0&id=221c2fc2&prod&lang=scss
 
             
 
@@ -2610,15 +2615,15 @@ var options = {};
 options.insert = "head";
 options.singleton = false;
 
-var update = injectStylesIntoStyleTag_default()(PageTabsvue_type_style_index_0_id_e6e92f2c_prod_lang_scss["a" /* default */], options);
+var update = injectStylesIntoStyleTag_default()(PageTabsvue_type_style_index_0_id_221c2fc2_prod_lang_scss["a" /* default */], options);
 
 
 
-/* harmony default export */ var page_tabs_PageTabsvue_type_style_index_0_id_e6e92f2c_prod_lang_scss = (PageTabsvue_type_style_index_0_id_e6e92f2c_prod_lang_scss["a" /* default */].locals || {});
-// CONCATENATED MODULE: ./src/frame/packages/page-tabs/PageTabs.vue?vue&type=style&index=0&id=e6e92f2c&prod&lang=scss
+/* harmony default export */ var page_tabs_PageTabsvue_type_style_index_0_id_221c2fc2_prod_lang_scss = (PageTabsvue_type_style_index_0_id_221c2fc2_prod_lang_scss["a" /* default */].locals || {});
+// CONCATENATED MODULE: ./src/frame/packages/page-tabs/PageTabs.vue?vue&type=style&index=0&id=221c2fc2&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/page-tabs/PageTabs.vue
 
@@ -2629,7 +2634,7 @@ var componentNormalizer = __webpack_require__(15);
 
 /* normalize component */
 
-var component = Object(componentNormalizer["a" /* default */])(
+var PageTabs_component = Object(componentNormalizer["a" /* default */])(
   page_tabs_PageTabsvue_type_script_lang_js,
   render,
   staticRenderFns,
@@ -2640,31 +2645,292 @@ var component = Object(componentNormalizer["a" /* default */])(
   
 )
 
-/* harmony default export */ var PageTabs = (component.exports);
-// CONCATENATED MODULE: ./src/frame/packages/page-tabs/index.js
-
-
-
-
-/* istanbul ignore next */
-PageTabs.install = function install(Vue) {
-  Vue.component(PageTabs.name, PageTabs);
-};
-/* harmony default export */ var page_tabs = __webpack_exports__["default"] = (PageTabs);
-
-/***/ }),
-
-/***/ 53:
-/***/ (function(module, exports) {
-
-module.exports = require("core-js/modules/es.object.set-prototype-of.js");
-
-/***/ }),
-
-/***/ 54:
-/***/ (function(module, exports) {
-
-module.exports = require("core-js/modules/es.object.proto.js");
+/* harmony default export */ var PageTabs = (PageTabs_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/page-tabs/Preview.vue?vue&type=template&id=31578e3e
+var Previewvue_type_template_id_31578e3e_render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "el-tabs",
+    {
+      staticClass: "epx-page-tabs",
+      style: _vm.style,
+      attrs: { type: _vm.type },
+      model: {
+        value: _vm.activeName,
+        callback: function ($$v) {
+          _vm.activeName = $$v
+        },
+        expression: "activeName",
+      },
+    },
+    _vm._l(_vm.components, function (component) {
+      return _c(
+        "el-tab-pane",
+        {
+          key: component.id,
+          attrs: {
+            label: _vm.componentLabel(component),
+            name: component.id,
+            lazy: "",
+          },
+        },
+        [
+          _c(
+            "epx-visual-config-component-preview",
+            _vm._g(
+              {
+                attrs: {
+                  component: component,
+                  upId: _vm.compId,
+                  selectComponent: _vm.selectComponent,
+                },
+              },
+              _vm.$listeners
+            )
+          ),
+        ],
+        1
+      )
+    }),
+    1
+  )
+}
+var Previewvue_type_template_id_31578e3e_staticRenderFns = []
+Previewvue_type_template_id_31578e3e_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./src/frame/packages/page-tabs/Preview.vue?vue&type=template&id=31578e3e
+
+// 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/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: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
+var defineProperty = __webpack_require__(20);
+
+// 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: external "core-js/modules/es.array.find.js"
+var es_array_find_js_ = __webpack_require__(23);
+
+// EXTERNAL MODULE: external "core-js/modules/es.array.concat.js"
+var es_array_concat_js_ = __webpack_require__(15);
+
+// 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);
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/frame/packages/page-tabs/Preview.vue?vue&type=script&lang=js
+
+
+
+
+var _excluded = ["configs", "id", "title", "contentType"];
+
+
+
+
+
+
+
+
+
+
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+// import draggable from 'vuedraggable'
+
+/* harmony default export */ var Previewvue_type_script_lang_js = ({
+  name: 'epx-page-tabs--preview',
+  components: Object(defineProperty["a" /* default */])({}, 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 {};
+      }
+    }
+  },
+  data: function data() {
+    return {
+      activeName: '',
+      counts: {}
+    };
+  },
+  computed: {
+    style: function style() {
+      var _this$compConfigs$sty = this.compConfigs.style,
+        style = _this$compConfigs$sty === void 0 ? {} : _this$compConfigs$sty;
+      return style;
+    },
+    type: function type() {
+      var _this$compConfigs$typ = this.compConfigs.type,
+        type = _this$compConfigs$typ === void 0 ? this.$isMobile ? '' : 'card' : _this$compConfigs$typ;
+      return type === 'card' ? 'card' : '';
+    },
+    components: function components() {
+      var _this = this;
+      var items = [];
+      (this.compConfigs.items || []).forEach(function (item, index) {
+        items.push(item);
+      });
+      var item = items.find(function (item) {
+        return item.id === _this.activeName;
+      });
+      // eslint-disable-next-line vue/no-side-effects-in-computed-properties
+      if (!item) this.activeName = items[0] && items[0].id;
+      return items;
+    },
+    getCompConfigs: function getCompConfigs() {
+      var _this2 = 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 = _this2.compConfigs.id + '-' + id;
+        var itemConfig = _this2.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;
+      };
+    },
+    componentLabel: function componentLabel() {
+      var _this3 = this;
+      return function (component) {
+        var count = _this3.counts[component.id];
+        if (count !== undefined) {
+          return "".concat(component.title, "(").concat(count || 0, ")");
+        }
+        return component.title;
+      };
+    },
+    draglist: {
+      get: function get() {
+        return [];
+      },
+      set: function set(v) {
+        var components = [].concat(Object(toConsumableArray["a" /* default */])(this.components), Object(toConsumableArray["a" /* default */])(v));
+        this.changeItemConfigs(this.compId, {
+          items: components
+        });
+      }
+    }
+  }
+});
+// CONCATENATED MODULE: ./src/frame/packages/page-tabs/Preview.vue?vue&type=script&lang=js
+ /* harmony default export */ var page_tabs_Previewvue_type_script_lang_js = (Previewvue_type_script_lang_js); 
+// CONCATENATED MODULE: ./src/frame/packages/page-tabs/Preview.vue
+
+
+
+
+
+/* normalize component */
+
+var Preview_component = Object(componentNormalizer["a" /* default */])(
+  page_tabs_Previewvue_type_script_lang_js,
+  Previewvue_type_template_id_31578e3e_render,
+  Previewvue_type_template_id_31578e3e_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var Preview = (Preview_component.exports);
+// CONCATENATED MODULE: ./src/frame/packages/page-tabs/index.js
+
+
+
+
+PageTabs.install = function install(Vue) {
+  Vue.component(PageTabs.name, PageTabs);
+  Vue.component(Preview.name, Preview);
+};
+/* harmony default export */ var page_tabs = __webpack_exports__["default"] = (PageTabs);
+
+/***/ }),
+
+/***/ 5:
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.string.iterator.js");
+
+/***/ }),
+
+/***/ 50:
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.math.to-string-tag.js");
+
+/***/ }),
+
+/***/ 53:
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.object.set-prototype-of.js");
+
+/***/ }),
+
+/***/ 54:
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.object.proto.js");
+
+/***/ }),
+
+/***/ 58:
+/***/ (function(module, exports) {
+
+module.exports = require("vuedraggable");
 
 /***/ }),
 
@@ -2682,6 +2948,13 @@ module.exports = require("core-js/modules/es.symbol.description.js");
 
 /***/ }),
 
+/***/ 64:
+/***/ (function(module, exports) {
+
+module.exports = require("vue");
+
+/***/ }),
+
 /***/ 7:
 /***/ (function(module, exports) {
 
@@ -2689,17 +2962,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");
 
 /***/ })