epx-frame 4.1.10 → 4.2.1

package/lib/tabs.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 480);
+/******/ 	return __webpack_require__(__webpack_require__.s = 485);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -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__(19);
+/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(18);
 /* 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__ = __webpack_require__(3);
 /* 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__(32);
+/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(34);
 /* 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__(9);
+/* 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___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__ = __webpack_require__(20);
 /* 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__(20);
+/* harmony import */ var _defineProperty_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(24);
 
 
 
@@ -157,51 +157,120 @@ module.exports = require("core-js/modules/es.object.to-string.js");
 /***/ }),
 
 /***/ 10:
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.symbol.iterator.js");
+
+/***/ }),
+
+/***/ 106:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXTERNAL MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/frame/views/visual/Component.vue?vue&type=script&lang=js
+var Componentvue_type_script_lang_js = __webpack_require__(94);
+
+// CONCATENATED MODULE: ./src/frame/views/visual/Component.vue?vue&type=script&lang=js
+ /* harmony default export */ var visual_Componentvue_type_script_lang_js = (Componentvue_type_script_lang_js["a" /* default */]); 
+// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js
+var injectStylesIntoStyleTag = __webpack_require__(16);
+var injectStylesIntoStyleTag_default = /*#__PURE__*/__webpack_require__.n(injectStylesIntoStyleTag);
+
+// EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ref--2-3!./node_modules/vue-loader/lib??vue-loader-options!./src/frame/views/visual/Component.vue?vue&type=style&index=0&id=8fe7c9fc&prod&lang=scss
+var Componentvue_type_style_index_0_id_8fe7c9fc_prod_lang_scss = __webpack_require__(99);
+
+// CONCATENATED MODULE: ./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ref--2-3!./node_modules/vue-loader/lib??vue-loader-options!./src/frame/views/visual/Component.vue?vue&type=style&index=0&id=8fe7c9fc&prod&lang=scss
+
+            
+
+var options = {};
+
+options.insert = "head";
+options.singleton = false;
+
+var update = injectStylesIntoStyleTag_default()(Componentvue_type_style_index_0_id_8fe7c9fc_prod_lang_scss["a" /* default */], options);
+
+
+
+/* harmony default export */ var visual_Componentvue_type_style_index_0_id_8fe7c9fc_prod_lang_scss = (Componentvue_type_style_index_0_id_8fe7c9fc_prod_lang_scss["a" /* default */].locals || {});
+// CONCATENATED MODULE: ./src/frame/views/visual/Component.vue?vue&type=style&index=0&id=8fe7c9fc&prod&lang=scss
+
+// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__(15);
+
+// CONCATENATED MODULE: ./src/frame/views/visual/Component.vue
+var render, staticRenderFns
+
+
+
+
+
+/* normalize component */
+
+var component = Object(componentNormalizer["a" /* default */])(
+  visual_Componentvue_type_script_lang_js,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var Component = __webpack_exports__["default"] = (component.exports);
+
+/***/ }),
+
+/***/ 11:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _regeneratorRuntime; });
-/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
+/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(3);
 /* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6);
+/* harmony import */ var core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7);
 /* harmony import */ var core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(1);
 /* 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__ = __webpack_require__(10);
 /* 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__(24);
+/* harmony import */ var core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(21);
 /* 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__ = __webpack_require__(4);
 /* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_5__);
-/* harmony import */ var core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(7);
+/* harmony import */ var core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(6);
 /* 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_symbol_async_iterator_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(47);
+/* harmony import */ var core_js_modules_es_symbol_async_iterator_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(48);
 /* harmony import */ var core_js_modules_es_symbol_async_iterator_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_async_iterator_js__WEBPACK_IMPORTED_MODULE_7__);
-/* harmony import */ var core_js_modules_es_symbol_to_string_tag_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(48);
+/* harmony import */ var core_js_modules_es_symbol_to_string_tag_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(49);
 /* harmony import */ var core_js_modules_es_symbol_to_string_tag_js__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_to_string_tag_js__WEBPACK_IMPORTED_MODULE_8__);
-/* harmony import */ var core_js_modules_es_json_to_string_tag_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(49);
+/* harmony import */ var core_js_modules_es_json_to_string_tag_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(50);
 /* harmony import */ var core_js_modules_es_json_to_string_tag_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_json_to_string_tag_js__WEBPACK_IMPORTED_MODULE_9__);
-/* harmony import */ var core_js_modules_es_math_to_string_tag_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(50);
+/* harmony import */ var core_js_modules_es_math_to_string_tag_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(51);
 /* 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__ = __webpack_require__(47);
 /* 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__(9);
+/* 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___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__(8);
+/* 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___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__ = __webpack_require__(31);
 /* 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__(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__ = __webpack_require__(20);
 /* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_17___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_17__);
 /* harmony import */ var core_js_modules_es_object_set_prototype_of_js__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(53);
 /* harmony import */ var core_js_modules_es_object_set_prototype_of_js__WEBPACK_IMPORTED_MODULE_18___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_set_prototype_of_js__WEBPACK_IMPORTED_MODULE_18__);
 /* harmony import */ var core_js_modules_es_object_proto_js__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(54);
 /* harmony import */ var core_js_modules_es_object_proto_js__WEBPACK_IMPORTED_MODULE_19___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_proto_js__WEBPACK_IMPORTED_MODULE_19__);
-/* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(4);
+/* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(5);
 
 
 
@@ -544,83 +613,28 @@ function _regeneratorRuntime() {
 
 /***/ }),
 
-/***/ 105:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-// ESM COMPAT FLAG
-__webpack_require__.r(__webpack_exports__);
-
-// EXTERNAL MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/frame/views/visual/Component.vue?vue&type=script&lang=js
-var Componentvue_type_script_lang_js = __webpack_require__(75);
-
-// CONCATENATED MODULE: ./src/frame/views/visual/Component.vue?vue&type=script&lang=js
- /* harmony default export */ var visual_Componentvue_type_script_lang_js = (Componentvue_type_script_lang_js["a" /* default */]); 
-// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js
-var injectStylesIntoStyleTag = __webpack_require__(17);
-var injectStylesIntoStyleTag_default = /*#__PURE__*/__webpack_require__.n(injectStylesIntoStyleTag);
-
-// EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ref--2-3!./node_modules/vue-loader/lib??vue-loader-options!./src/frame/views/visual/Component.vue?vue&type=style&index=0&id=c5c45216&prod&lang=scss
-var Componentvue_type_style_index_0_id_c5c45216_prod_lang_scss = __webpack_require__(82);
-
-// CONCATENATED MODULE: ./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ref--2-3!./node_modules/vue-loader/lib??vue-loader-options!./src/frame/views/visual/Component.vue?vue&type=style&index=0&id=c5c45216&prod&lang=scss
-
-            
-
-var options = {};
-
-options.insert = "head";
-options.singleton = false;
-
-var update = injectStylesIntoStyleTag_default()(Componentvue_type_style_index_0_id_c5c45216_prod_lang_scss["a" /* default */], options);
-
-
-
-/* harmony default export */ var visual_Componentvue_type_style_index_0_id_c5c45216_prod_lang_scss = (Componentvue_type_style_index_0_id_c5c45216_prod_lang_scss["a" /* default */].locals || {});
-// CONCATENATED MODULE: ./src/frame/views/visual/Component.vue?vue&type=style&index=0&id=c5c45216&prod&lang=scss
-
-// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
-var componentNormalizer = __webpack_require__(13);
-
-// CONCATENATED MODULE: ./src/frame/views/visual/Component.vue
-var render, staticRenderFns
-
-
-
-
-
-/* normalize component */
-
-var component = Object(componentNormalizer["a" /* default */])(
-  visual_Componentvue_type_script_lang_js,
-  render,
-  staticRenderFns,
-  false,
-  null,
-  null,
-  null
-  
-)
+/***/ 12:
+/***/ (function(module, exports) {
 
-/* harmony default export */ var Component = __webpack_exports__["default"] = (component.exports);
+module.exports = require("core-js/modules/es.regexp.exec.js");
 
 /***/ }),
 
-/***/ 11:
+/***/ 13:
 /***/ (function(module, exports) {
 
-module.exports = require("core-js/modules/es.symbol.iterator.js");
+module.exports = require("core-js/modules/es.array.map.js");
 
 /***/ }),
 
-/***/ 12:
+/***/ 14:
 /***/ (function(module, exports) {
 
-module.exports = require("core-js/modules/es.array.map.js");
+module.exports = require("core-js/modules/es.array.concat.js");
 
 /***/ }),
 
-/***/ 13:
+/***/ 15:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -723,30 +737,9 @@ function normalizeComponent(
 }
 
 
-/***/ }),
-
-/***/ 14:
-/***/ (function(module, exports) {
-
-module.exports = require("core-js/modules/es.regexp.exec.js");
-
-/***/ }),
-
-/***/ 15:
-/***/ (function(module, exports) {
-
-module.exports = require("core-js/modules/es.array.concat.js");
-
 /***/ }),
 
 /***/ 16:
-/***/ (function(module, exports) {
-
-module.exports = require("core-js/modules/es.number.constructor.js");
-
-/***/ }),
-
-/***/ 17:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1022,7 +1015,7 @@ module.exports = function (list, options) {
 
 /***/ }),
 
-/***/ 18:
+/***/ 17:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1035,16 +1028,16 @@ module.exports = function (list, options) {
 // css base code, injected by the css-loader
 // eslint-disable-next-line func-names
 __webpack_require__(1);
-__webpack_require__(27);
+__webpack_require__(30);
 __webpack_require__(35);
-__webpack_require__(12);
-__webpack_require__(15);
+__webpack_require__(13);
+__webpack_require__(14);
 __webpack_require__(1);
-__webpack_require__(27);
+__webpack_require__(30);
 __webpack_require__(35);
-__webpack_require__(12);
-__webpack_require__(15);
-__webpack_require__(22);
+__webpack_require__(13);
+__webpack_require__(14);
+__webpack_require__(20);
 module.exports = function (cssWithMappingToString) {
   var list = []; // return the list of modules as css string
 
@@ -1095,45 +1088,116 @@ module.exports = function (cssWithMappingToString) {
 
 /***/ }),
 
-/***/ 19:
+/***/ 18:
 /***/ (function(module, exports) {
 
 module.exports = require("core-js/modules/es.object.keys.js");
 
 /***/ }),
 
-/***/ 2:
+/***/ 19:
 /***/ (function(module, exports) {
 
-module.exports = require("core-js/modules/es.symbol.js");
+module.exports = require("core-js/modules/es.number.constructor.js");
 
 /***/ }),
 
-/***/ 20:
+/***/ 2:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _defineProperty; });
-/* harmony import */ var _toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(43);
 
-function _defineProperty(obj, key, value) {
-  key = Object(_toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, "a", function() { return /* binding */ _toConsumableArray; });
+
+// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js
+var arrayLikeToArray = __webpack_require__(22);
+
+// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js
+
+function _arrayWithoutHoles(arr) {
+  if (Array.isArray(arr)) return Object(arrayLikeToArray["a" /* default */])(arr);
+}
+// EXTERNAL MODULE: external "core-js/modules/es.symbol.js"
+var es_symbol_js_ = __webpack_require__(3);
+
+// EXTERNAL MODULE: external "core-js/modules/es.symbol.description.js"
+var es_symbol_description_js_ = __webpack_require__(7);
+
+// 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.symbol.iterator.js"
+var es_symbol_iterator_js_ = __webpack_require__(10);
+
+// EXTERNAL MODULE: external "core-js/modules/es.array.iterator.js"
+var es_array_iterator_js_ = __webpack_require__(21);
+
+// EXTERNAL MODULE: external "core-js/modules/es.string.iterator.js"
+var es_string_iterator_js_ = __webpack_require__(4);
+
+// EXTERNAL MODULE: external "core-js/modules/web.dom-collections.iterator.js"
+var web_dom_collections_iterator_js_ = __webpack_require__(6);
+
+// EXTERNAL MODULE: external "core-js/modules/es.array.from.js"
+var es_array_from_js_ = __webpack_require__(32);
+
+// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/iterableToArray.js
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+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);
+
+// EXTERNAL MODULE: external "core-js/modules/es.error.cause.js"
+var es_error_cause_js_ = __webpack_require__(33);
+
+// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js
+
+function _nonIterableSpread() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js
+
+
+
+
+function _toConsumableArray(arr) {
+  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || Object(unsupportedIterableToArray["a" /* default */])(arr) || _nonIterableSpread();
 }
 
 /***/ }),
 
+/***/ 20:
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.array.push.js");
+
+/***/ }),
+
 /***/ 21:
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.array.iterator.js");
+
+/***/ }),
+
+/***/ 22:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -1146,46 +1210,45 @@ function _arrayLikeToArray(arr, len) {
 
 /***/ }),
 
-/***/ 22:
-/***/ (function(module, exports) {
-
-module.exports = require("core-js/modules/es.array.push.js");
-
-/***/ }),
-
-/***/ 226:
+/***/ 227:
 /***/ (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__(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__(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__(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__(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__);
-/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(30);
-/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_9__);
-/* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(34);
-/* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_10__);
-/* harmony import */ var core_js_modules_es_array_join_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(35);
-/* harmony import */ var core_js_modules_es_array_join_js__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_join_js__WEBPACK_IMPORTED_MODULE_11__);
-/* harmony import */ var core_js_modules_es_regexp_test_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(40);
-/* harmony import */ var core_js_modules_es_regexp_test_js__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_test_js__WEBPACK_IMPORTED_MODULE_12__);
-/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(22);
-/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_13__);
-/* harmony import */ var core_js_modules_es_json_stringify_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(59);
-/* harmony import */ var core_js_modules_es_json_stringify_js__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_json_stringify_js__WEBPACK_IMPORTED_MODULE_14__);
-/* harmony import */ var _utils_mixins_component__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(39);
+/* harmony import */ var E_workspace_gitrepo_epx_group_frame_node_modules_babel_runtime_helpers_esm_createForOfIteratorHelper_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(46);
+/* harmony import */ var E_workspace_gitrepo_epx_group_frame_node_modules_babel_runtime_helpers_esm_toConsumableArray_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2);
+/* harmony import */ var E_workspace_gitrepo_epx_group_frame_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(0);
+/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(14);
+/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(1);
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_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___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_array_includes_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(25);
+/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_6__);
+/* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(27);
+/* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_7__);
+/* harmony import */ var core_js_modules_es_string_link_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(84);
+/* harmony import */ var core_js_modules_es_string_link_js__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_link_js__WEBPACK_IMPORTED_MODULE_8__);
+/* harmony import */ var core_js_modules_es_array_join_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(35);
+/* harmony import */ var core_js_modules_es_array_join_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_join_js__WEBPACK_IMPORTED_MODULE_9__);
+/* harmony import */ var core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(21);
+/* harmony import */ var core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_10__);
+/* harmony import */ var core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(6);
+/* harmony import */ var core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_11__);
+/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(12);
+/* 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__(23);
+/* 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_array_push_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(20);
+/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_14__);
+/* harmony import */ var core_js_modules_es_json_stringify_js__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(62);
+/* harmony import */ var core_js_modules_es_json_stringify_js__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_json_stringify_js__WEBPACK_IMPORTED_MODULE_15__);
+/* harmony import */ var core_js_modules_es_regexp_test_js__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(40);
+/* harmony import */ var core_js_modules_es_regexp_test_js__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_test_js__WEBPACK_IMPORTED_MODULE_16__);
+/* harmony import */ var _utils_mixins_component__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(39);
+
+
+
 
 
 
@@ -1238,7 +1301,7 @@ module.exports = require("core-js/modules/es.array.push.js");
 
 /* harmony default export */ __webpack_exports__["a"] = ({
   name: 'epx-tabs',
-  mixins: [_utils_mixins_component__WEBPACK_IMPORTED_MODULE_15__[/* default */ "a"]],
+  mixins: [_utils_mixins_component__WEBPACK_IMPORTED_MODULE_17__[/* default */ "a"]],
   items: [],
   flex: true,
   style: {
@@ -1262,64 +1325,17 @@ module.exports = require("core-js/modules/es.array.push.js");
         items = _this$$component$item === void 0 ? [] : _this$$component$item;
       return items;
     },
-    getComponentId: function getComponentId() {
-      var _this = this;
-      return function (tab, component) {
-        if (!_this.isPage) {
-          var id = _this.$component.id;
-          return id + '-' + tab.id + '-' + component.id;
-        }
-        return component.id;
-      };
-    },
     componentLabel: function componentLabel() {
-      var _this2 = this;
+      var _this = this;
       return function (component) {
-        var count = _this2.counts[component.id];
+        var count = _this.counts[component.id];
         if (count !== undefined) {
           return "".concat(component.title, "(").concat(count || 0, ")");
         }
         return component.title;
       };
-    },
-    countScopeMap: function countScopeMap() {
-      var _this3 = this;
-      var scopeMap = {};
-      this.tabs.forEach(function (component) {
-        var scopeParams = _this3.$_.cloneDeep(component.countScopeParams || []);
-        // eslint-disable-next-line no-unused-vars
-        var that = _this3;
-        var _loop = function _loop() {
-          var scope = scopeParams[scopeKey];
-          var values = scope.values;
-          if (/\$\[(.+)\]/.test(values)) {
-            values = values.replace(/\$\[(.+)\]/, function (match, key) {
-              try {
-                // eslint-disable-next-line no-eval
-                return eval("that.".concat(key)) || eval("that.$query.".concat(key)) || eval("that.$tab.".concat(key)) || '';
-              } catch (error) {
-                return scope.values;
-              }
-            });
-          }
-          scope.values = values;
-        };
-        for (var scopeKey in scopeParams) {
-          _loop();
-        }
-        scopeMap[component.id] = scopeParams;
-      });
-      return scopeMap;
     }
   },
-  watch: {
-    // countScopeMap: {
-    //   handler () {
-    //     this.getTabCount()
-    //   },
-    //   deep: true
-    // }
-  },
   methods: {
     handleClick: function handleClick() {
       if (this.$configs.clickReload) {
@@ -1340,113 +1356,129 @@ module.exports = require("core-js/modules/es.array.push.js");
     },
     beforeInitComponent: function beforeInitComponent() {
       if (this.$isMobile) {
-        this.$component.style = Object(E_workspace_gitrepo_epx_group_frame_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])({
+        this.$component.style = Object(E_workspace_gitrepo_epx_group_frame_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"])({
           margin: 0
         }, this.$component.style);
       }
     },
     getTabCount: function getTabCount() {
-      var _this4 = this;
-      // 获取标签页内列表数量
-      if (this.$configs.tabCount && this.tabs.length > 0) {
-        // 获取标签页数量
-        // 格式化参数
-        this.tabs.forEach(function (component) {
-          var _ref2 = _this4.upPage.pageConfig || {},
-            _ref2$itemConfigs = _ref2.itemConfigs,
-            itemConfigs = _ref2$itemConfigs === void 0 ? {} : _ref2$itemConfigs;
-          var instance = _this4.$refs[component.id] ? _this4.$refs[component.id][0] : null;
-          var componentConfig = null;
-          if (instance && !_this4.$_.isEmpty(instance.$configs)) {
-            componentConfig = instance.$configs || {};
-          } else {
-            componentConfig = itemConfigs[_this4.$component.id + '-' + component.id];
-          }
-          var _componentConfig = componentConfig,
-            _componentConfig$scop = _componentConfig.scopeParams,
-            configScopeParams = _componentConfig$scop === void 0 ? [] : _componentConfig$scop,
-            _componentConfig$quer = _componentConfig.queryParams,
-            queryParams = _componentConfig$quer === void 0 ? {} : _componentConfig$quer,
-            listFields = _componentConfig.listFields,
-            countParams = _componentConfig.countParams;
-          var _this4$$query$scopePa = _this4.$query.scopeParams,
-            queryScopeParams = _this4$$query$scopePa === void 0 ? [] : _this4$$query$scopePa;
-          var scopeParams = _this4.$_.cloneDeep([].concat(Object(E_workspace_gitrepo_epx_group_frame_node_modules_babel_runtime_helpers_esm_toConsumableArray_js__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])(queryScopeParams), Object(E_workspace_gitrepo_epx_group_frame_node_modules_babel_runtime_helpers_esm_toConsumableArray_js__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])(configScopeParams)));
-          // eslint-disable-next-line no-unused-vars
-          var that = _this4;
-          var _loop2 = function _loop2() {
-            var scope = scopeParams[scopeKey];
-            if (!scope) return 1; // continue
-            var values = scope.values;
-            if (/\$\[(.+)\]/.test(values)) {
-              values = values.replace(/\$\[(.+)\]/, function (match, key) {
-                try {
-                  // eslint-disable-next-line no-eval
-                  return eval("that.$query.".concat(key)) || eval("that.$tab.".concat(key)) || eval("that.".concat(key)) || '';
-                } catch (error) {
-                  return scope.values;
-                }
-              });
-            }
-            if (/#\{(.+)\}/.test(values)) {
-              values = values.replace(/#\{(.+)\}/, function (match, key) {
-                try {
-                  // eslint-disable-next-line no-eval
-                  return eval("that.$query.".concat(key)) || eval("that.$tab.".concat(key)) || '';
-                } catch (error) {
-                  return scope.values;
+      var _this2 = this;
+      var _this$$query$scopePar = this.$query.scopeParams,
+        queryScopeParams = _this$$query$scopePar === void 0 ? [] : _this$$query$scopePar;
+      var _ref2 = this.upPage.pageConfig || {},
+        _ref2$itemConfigs = _ref2.itemConfigs,
+        itemConfigs = _ref2$itemConfigs === void 0 ? {} : _ref2$itemConfigs;
+      var scopeParams = this.$_.cloneDeep(Object(E_workspace_gitrepo_epx_group_frame_node_modules_babel_runtime_helpers_esm_toConsumableArray_js__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(queryScopeParams));
+      var metaId = this.$metaId;
+      var _iterator = Object(E_workspace_gitrepo_epx_group_frame_node_modules_babel_runtime_helpers_esm_createForOfIteratorHelper_js__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])(this.tabs),
+        _step;
+      try {
+        var _loop = function _loop() {
+          var tab = _step.value;
+          var showTabCount = !_this2.$_.isNil(tab.tabCount) ? tab.tabCount : _this2.$configs.tabCount;
+          var params = tab.countParams || {};
+          if (showTabCount) {
+            if (tab.countScopeParams) {
+              scopeParams = _this2.$_.cloneDeep([].concat(Object(E_workspace_gitrepo_epx_group_frame_node_modules_babel_runtime_helpers_esm_toConsumableArray_js__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(queryScopeParams), Object(E_workspace_gitrepo_epx_group_frame_node_modules_babel_runtime_helpers_esm_toConsumableArray_js__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(tab.countScopeParams)));
+            } else {
+              var _component2 = tab.items && tab.items[0];
+              if (_component2) {
+                var instance = _this2.$refs[_component2.id] ? _this2.$refs[_component2.id][0] : null;
+                var componentConfig = null;
+                if (instance && !_this2.$_.isEmpty(instance.$configs)) {
+                  componentConfig = instance.$configs || {};
+                } else {
+                  componentConfig = itemConfigs[_component2.id];
                 }
-              });
-            }
-            scope.values = values;
-          };
-          for (var scopeKey in scopeParams) {
-            if (_loop2()) continue;
-          }
-          var linkArr = [];
-          if (listFields) {
-            listFields.forEach(function (item) {
-              var name = item.attriName || item;
-              if (item.type === 'meta') {
-                var flag = item.attriName;
-                if (!linkArr.includes(flag)) {
-                  linkArr.push(flag);
+                var _componentConfig = componentConfig,
+                  componentMetaId = _componentConfig.metaId,
+                  _componentConfig$scop = _componentConfig.scopeParams,
+                  configScopeParams = _componentConfig$scop === void 0 ? [] : _componentConfig$scop,
+                  listFields = _componentConfig.listFields;
+                if (componentMetaId) metaId = componentMetaId;
+                scopeParams = _this2.$_.cloneDeep([].concat(Object(E_workspace_gitrepo_epx_group_frame_node_modules_babel_runtime_helpers_esm_toConsumableArray_js__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(queryScopeParams), Object(E_workspace_gitrepo_epx_group_frame_node_modules_babel_runtime_helpers_esm_toConsumableArray_js__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(configScopeParams)));
+                var linkArr = [];
+                if (listFields) {
+                  listFields.forEach(function (item) {
+                    var name = item.attriName || item;
+                    if (item.type === 'meta') {
+                      var flag = item.attriName;
+                      if (!linkArr.includes(flag)) {
+                        linkArr.push(flag);
+                      }
+                    }
+                    if (name.includes('|')) {
+                      var arr = name.split('|');
+                      arr.pop();
+                      var flags = [];
+                      arr.forEach(function (flag, index) {
+                        if (index > 0) {
+                          flags.push(flags[index - 1] + '#' + flag.toLowerCase());
+                        } else {
+                          flags.push(flag.toLowerCase());
+                        }
+                      });
+                      flags.forEach(function (flag) {
+                        if (!linkArr.includes(flag)) {
+                          linkArr.push(flag);
+                        }
+                      });
+                    }
+                  });
+                  params.link = linkArr.join(',');
                 }
               }
-              if (name.includes('|')) {
-                var arr = name.split('|');
-                arr.pop();
-                var flags = [];
-                arr.forEach(function (flag, index) {
-                  if (index > 0) {
-                    flags.push(flags[index - 1] + '#' + flag.toLowerCase());
-                  } else {
-                    flags.push(flag.toLowerCase());
+            }
+            // eslint-disable-next-line no-unused-vars
+            var that = _this2;
+            var _loop2 = function _loop2() {
+              var scope = scopeParams[scopeKey];
+              if (!scope) return 1; // continue
+              var values = scope.values;
+              if (/\$\[(.+)\]/.test(values)) {
+                values = values.replace(/\$\[(.+)\]/, function (match, key) {
+                  try {
+                    // eslint-disable-next-line no-eval
+                    return eval("that.$query.".concat(key)) || eval("that.$tab.".concat(key)) || eval("that.".concat(key)) || '';
+                  } catch (error) {
+                    return scope.values;
                   }
                 });
-                flags.forEach(function (flag) {
-                  if (!linkArr.includes(flag)) {
-                    linkArr.push(flag);
+              }
+              if (/#\{(.+)\}/.test(values)) {
+                values = values.replace(/#\{(.+)\}/, function (match, key) {
+                  try {
+                    // eslint-disable-next-line no-eval
+                    return eval("that.$query.".concat(key)) || eval("that.$tab.".concat(key)) || '';
+                  } catch (error) {
+                    return scope.values;
                   }
                 });
               }
+              scope.values = values;
+            };
+            for (var scopeKey in scopeParams) {
+              if (_loop2()) continue;
+            }
+            _this2.$http.getCount(Object(E_workspace_gitrepo_epx_group_frame_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"])({
+              entityId: metaId,
+              scopeParams: JSON.stringify(scopeParams)
+            }, params)).then(function (data) {
+              if (data.total || data.total === 0) {
+                _this2.$set(_this2.counts, tab.id, data.total || 0);
+              } else {
+                _this2.$set(_this2.counts, tab.id, data);
+              }
             });
           }
-          var params = component.countParams || countParams || {};
-          _this4.$http.getCount(Object(E_workspace_gitrepo_epx_group_frame_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(Object(E_workspace_gitrepo_epx_group_frame_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])({
-            entityId: componentConfig.metaId || _this4.$metaId,
-            link: linkArr.join(',')
-          }, _this4.$formatParams(queryParams)), {}, {
-            scopeParams: JSON.stringify(scopeParams)
-          }, params)).then(function (data) {
-            if (data.total || data.total === 0) {
-              _this4.$set(_this4.counts, component.id, data.total || 0);
-            } else {
-              _this4.$set(_this4.counts, component.id, data);
-            }
-          });
-          // }
-        });
+        };
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          _loop();
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
       }
     }
   },
@@ -1472,25 +1504,63 @@ module.exports = require("core-js/modules/es.array.push.js");
 /***/ 23:
 /***/ (function(module, exports) {
 
-module.exports = require("core-js/modules/es.array.find.js");
+module.exports = require("core-js/modules/es.string.replace.js");
 
 /***/ }),
 
 /***/ 24:
-/***/ (function(module, exports) {
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
-module.exports = require("core-js/modules/es.array.iterator.js");
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _defineProperty; });
+/* harmony import */ var _toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(43);
+
+function _defineProperty(obj, key, value) {
+  key = Object(_toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
 
 /***/ }),
 
 /***/ 25:
 /***/ (function(module, exports) {
 
-module.exports = require("vuex");
+module.exports = require("core-js/modules/es.array.includes.js");
 
 /***/ }),
 
 /***/ 26:
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.array.find.js");
+
+/***/ }),
+
+/***/ 27:
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.string.includes.js");
+
+/***/ }),
+
+/***/ 28:
+/***/ (function(module, exports) {
+
+module.exports = require("vuex");
+
+/***/ }),
+
+/***/ 29:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -1535,74 +1605,77 @@ function _asyncToGenerator(fn) {
 
 /***/ }),
 
-/***/ 27:
+/***/ 3:
 /***/ (function(module, exports) {
 
-module.exports = require("core-js/modules/es.regexp.to-string.js");
+module.exports = require("core-js/modules/es.symbol.js");
 
 /***/ }),
 
-/***/ 28:
+/***/ 30:
 /***/ (function(module, exports) {
 
-module.exports = require("core-js/modules/es.array.slice.js");
+module.exports = require("core-js/modules/es.regexp.to-string.js");
 
 /***/ }),
 
-/***/ 29:
+/***/ 31:
 /***/ (function(module, exports) {
 
-module.exports = require("core-js/modules/es.string.replace.js");
+module.exports = require("core-js/modules/es.array.slice.js");
 
 /***/ }),
 
-/***/ 3:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, "a", function() { return /* binding */ _toConsumableArray; });
-
-// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js
-var arrayLikeToArray = __webpack_require__(21);
-
-// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js
-
-function _arrayWithoutHoles(arr) {
-  if (Array.isArray(arr)) return Object(arrayLikeToArray["a" /* default */])(arr);
-}
-// EXTERNAL MODULE: external "core-js/modules/es.symbol.js"
-var es_symbol_js_ = __webpack_require__(2);
-
-// EXTERNAL MODULE: external "core-js/modules/es.symbol.description.js"
-var es_symbol_description_js_ = __webpack_require__(6);
+/***/ 32:
+/***/ (function(module, exports) {
 
-// EXTERNAL MODULE: external "core-js/modules/es.object.to-string.js"
-var es_object_to_string_js_ = __webpack_require__(1);
+module.exports = require("core-js/modules/es.array.from.js");
 
-// EXTERNAL MODULE: external "core-js/modules/es.symbol.iterator.js"
-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__(24);
+/***/ 33:
+/***/ (function(module, exports) {
 
-// EXTERNAL MODULE: external "core-js/modules/es.string.iterator.js"
-var es_string_iterator_js_ = __webpack_require__(5);
+module.exports = require("core-js/modules/es.error.cause.js");
 
-// EXTERNAL MODULE: external "core-js/modules/web.dom-collections.iterator.js"
-var web_dom_collections_iterator_js_ = __webpack_require__(7);
+/***/ }),
 
-// EXTERNAL MODULE: external "core-js/modules/es.array.from.js"
-var es_array_from_js_ = __webpack_require__(31);
+/***/ 34:
+/***/ (function(module, exports) {
 
-// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/iterableToArray.js
+module.exports = require("core-js/modules/es.array.filter.js");
 
+/***/ }),
 
+/***/ 35:
+/***/ (function(module, exports) {
 
+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__(31);
+/* 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__(30);
+/* 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__(32);
+/* 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__(4);
+/* 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__(12);
+/* 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__(22);
 
 
 
@@ -1612,74 +1685,25 @@ var es_array_from_js_ = __webpack_require__(31);
 
 
 
-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__(37);
 
-// EXTERNAL MODULE: external "core-js/modules/es.error.cause.js"
-var es_error_cause_js_ = __webpack_require__(33);
 
-// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js
 
-function _nonIterableSpread() {
-  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js
 
 
 
 
-function _toConsumableArray(arr) {
-  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || Object(unsupportedIterableToArray["a" /* default */])(arr) || _nonIterableSpread();
+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);
 }
 
 /***/ }),
 
-/***/ 30:
-/***/ (function(module, exports) {
-
-module.exports = require("core-js/modules/es.array.includes.js");
-
-/***/ }),
-
-/***/ 31:
-/***/ (function(module, exports) {
-
-module.exports = require("core-js/modules/es.array.from.js");
-
-/***/ }),
-
-/***/ 32:
-/***/ (function(module, exports) {
-
-module.exports = require("core-js/modules/es.array.filter.js");
-
-/***/ }),
-
-/***/ 33:
-/***/ (function(module, exports) {
-
-module.exports = require("core-js/modules/es.error.cause.js");
-
-/***/ }),
-
-/***/ 34:
-/***/ (function(module, exports) {
-
-module.exports = require("core-js/modules/es.string.includes.js");
-
-/***/ }),
-
-/***/ 35:
-/***/ (function(module, exports) {
-
-module.exports = require("core-js/modules/es.array.join.js");
-
-/***/ }),
-
-/***/ 36:
+/***/ 37:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -1688,10 +1712,10 @@ module.exports = require("core-js/modules/es.array.join.js");
 __webpack_require__.d(__webpack_exports__, "a", function() { return /* binding */ _objectWithoutProperties; });
 
 // EXTERNAL MODULE: external "core-js/modules/es.symbol.js"
-var es_symbol_js_ = __webpack_require__(2);
+var es_symbol_js_ = __webpack_require__(3);
 
 // EXTERNAL MODULE: external "core-js/modules/es.object.keys.js"
-var es_object_keys_js_ = __webpack_require__(19);
+var es_object_keys_js_ = __webpack_require__(18);
 
 // CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js
 
@@ -1730,60 +1754,11 @@ function _objectWithoutProperties(source, excluded) {
 
 /***/ }),
 
-/***/ 37:
+/***/ 376:
 /***/ (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__(31);
-/* 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);
-}
-
-/***/ }),
-
-/***/ 374:
-/***/ (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__ = __webpack_require__(17);
 /* 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
 
@@ -1796,34 +1771,17 @@ ___CSS_LOADER_EXPORT___.push([module.i, ".epx-page-tabs{display:flex;flex-direct
 
 /***/ }),
 
-/***/ 375:
-/***/ (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, ".tab__item[data-v-663a31fd]{display:flex}.tab-item__drag-icon[data-v-663a31fd]{color:#AAAAAA;margin-right:5px;cursor:move}.tab-item__input[data-v-663a31fd]{width:150px;margin-right:10px}.tab-item__operates[data-v-663a31fd]{white-space:nowrap}.tab-item__operates[data-v-663a31fd] .el-button:last-child{color:#FF3535}.button-group[data-v-663a31fd]{text-align:center}\n", ""]);
-// Exports
-/* harmony default export */ __webpack_exports__["a"] = (___CSS_LOADER_EXPORT___);
-
-
-/***/ }),
-
-/***/ 376:
+/***/ 377:
 /***/ (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__ = __webpack_require__(17);
 /* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
 // Imports
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});
 // Module
-___CSS_LOADER_EXPORT___.push([module.i, ".layout-placeholder[data-v-ccfa85c4]{min-height:60px;height:100%;width:100%;background-color:#f0f0f0;border:1px dotted  #a7b1bd;position:relative}.layout-placeholder[data-v-ccfa85c4]::before{width:100%;text-align:center;content:'拖拽组件到这里';color:#666;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.has-component[data-v-ccfa85c4]::before{display:none}.component-preview[data-v-ccfa85c4]{border:1px solid transparent;margin:10px;box-shadow:border-box;position:relative;cursor:pointer}.component-preview[data-v-ccfa85c4]:hover{border-style:dashed;border-color:#0874e7}[data-theme=purple] .component-preview[data-v-ccfa85c4]:hover{border-color:#7569e2}[data-theme=palevioletred] .component-preview[data-v-ccfa85c4]:hover{border-color:#ce4545}[data-theme=forestgreen] .component-preview[data-v-ccfa85c4]:hover{border-color:#3d8a50}[data-theme=deepblue] .component-preview[data-v-ccfa85c4]:hover{border-color:#0f5fbd}[data-theme=orange] .component-preview[data-v-ccfa85c4]:hover{border-color:#ea6000}[data-theme=skyblue] .component-preview[data-v-ccfa85c4]:hover{border-color:#1a4586}[data-theme=aurorablue] .component-preview[data-v-ccfa85c4]:hover{border-color:#383b9e}[data-theme=tiffanyblue] .component-preview[data-v-ccfa85c4]:hover{border-color:#00aaad}[data-theme=tsinghuapurple] .component-preview[data-v-ccfa85c4]:hover{border-color:#5f2167}[data-theme=creativeblue] .component-preview[data-v-ccfa85c4]:hover{border-color:#418cff}[data-theme=njhkht] .component-preview[data-v-ccfa85c4]:hover{border-color:#1d2088}.component-preview.active[data-v-ccfa85c4]{border-style:solid;border-color:#0874e7}[data-theme=purple] .component-preview.active[data-v-ccfa85c4]{border-color:#7569e2}[data-theme=palevioletred] .component-preview.active[data-v-ccfa85c4]{border-color:#ce4545}[data-theme=forestgreen] .component-preview.active[data-v-ccfa85c4]{border-color:#3d8a50}[data-theme=deepblue] .component-preview.active[data-v-ccfa85c4]{border-color:#0f5fbd}[data-theme=orange] .component-preview.active[data-v-ccfa85c4]{border-color:#ea6000}[data-theme=skyblue] .component-preview.active[data-v-ccfa85c4]{border-color:#1a4586}[data-theme=aurorablue] .component-preview.active[data-v-ccfa85c4]{border-color:#383b9e}[data-theme=tiffanyblue] .component-preview.active[data-v-ccfa85c4]{border-color:#00aaad}[data-theme=tsinghuapurple] .component-preview.active[data-v-ccfa85c4]{border-color:#5f2167}[data-theme=creativeblue] .component-preview.active[data-v-ccfa85c4]{border-color:#418cff}[data-theme=njhkht] .component-preview.active[data-v-ccfa85c4]{border-color:#1d2088}.component-preview.active .component-preview__operate[data-v-ccfa85c4]{display:block}.component-preview__icon[data-v-ccfa85c4]{width:100%}\n", ""]);
+___CSS_LOADER_EXPORT___.push([module.i, ".tab__item[data-v-5b8ffaeb]{display:flex}.tab-item__drag-icon[data-v-5b8ffaeb]{color:#AAAAAA;margin-right:5px;cursor:move}.tab-item__input[data-v-5b8ffaeb]{width:150px;margin-right:10px}.tab-item__operates[data-v-5b8ffaeb]{white-space:nowrap}.tab-item__operates[data-v-5b8ffaeb] .el-button:last-child{color:#FF3535}.button-group[data-v-5b8ffaeb]{text-align:center}\n", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["a"] = (___CSS_LOADER_EXPORT___);
 
@@ -1841,37 +1799,37 @@ module.exports = require("core-js/modules/es.promise.js");
 /***/ (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_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__(26);
+/* harmony import */ var E_workspace_gitrepo_epx_group_frame_node_modules_babel_runtime_helpers_esm_toConsumableArray_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
+/* 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_regeneratorRuntime_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(11);
+/* harmony import */ var E_workspace_gitrepo_epx_group_frame_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(29);
 /* 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 E_workspace_gitrepo_epx_group_frame_node_modules_babel_runtime_helpers_esm_typeof_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(5);
 /* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(1);
 /* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_6__);
-/* 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__ = __webpack_require__(8);
 /* 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__(15);
+/* 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___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__ = __webpack_require__(13);
 /* 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__);
-/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(30);
+/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(25);
 /* 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__ = __webpack_require__(27);
 /* 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__(14);
+/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(12);
 /* 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__ = __webpack_require__(23);
 /* 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__ = __webpack_require__(19);
 /* 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__(23);
+/* 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___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__(25);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(28);
 /* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_18___default = /*#__PURE__*/__webpack_require__.n(vuex__WEBPACK_IMPORTED_MODULE_18__);
 
 
@@ -1879,7 +1837,7 @@ module.exports = require("core-js/modules/es.promise.js");
 
 
 
-var _excluded = ["itemConfigs"];
+var _excluded = ["css", "itemConfigs"];
 
 
 
@@ -1938,6 +1896,17 @@ function formatI18nConfig(configs, language) {
   }
   return configs;
 }
+function appendCss(id, css) {
+  var style = document.createElement('style');
+  style.id = 'style_' + id;
+  style.textContent = css.replace(/:current/g, '.css_' + id);
+  style.setAttribute('type', 'text/css');
+  document.head.appendChild(style);
+}
+function removeCss(id) {
+  var element = document.getElementById('style_' + id);
+  if (element) document.head.removeChild(element);
+}
 /* harmony default export */ __webpack_exports__["a"] = ({
   $componentType: 'component',
   inheritAttrs: false,
@@ -1951,6 +1920,12 @@ function formatI18nConfig(configs, language) {
     // 组件id
     contentType: String,
     // 模板名称
+    _component: {
+      type: Object,
+      default: function _default() {
+        return {};
+      }
+    },
     compStyle: {
       type: Object,
       default: function _default() {
@@ -2000,7 +1975,8 @@ function formatI18nConfig(configs, language) {
     },
     // 获取所属标签页
     $getTab: {
-      type: Function
+      type: Function,
+      default: null
     }
   },
   computed: Object(E_workspace_gitrepo_epx_group_frame_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__[/* default */ "a"])(Object(E_workspace_gitrepo_epx_group_frame_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__[/* default */ "a"])(Object(E_workspace_gitrepo_epx_group_frame_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__[/* default */ "a"])({}, Object(vuex__WEBPACK_IMPORTED_MODULE_18__["mapState"])({
@@ -2012,6 +1988,19 @@ function formatI18nConfig(configs, language) {
       var $componentType = this.$options.$componentType;
       return $componentType === 'page';
     },
+    getComponentId: function getComponentId() {
+      var _this = this;
+      return function (component) {
+        var queryPageConfigs = _this.$query.pageConfigs || {};
+        var _this$$pageInfo$confi = _this.$pageInfo.config,
+          config = _this$$pageInfo$confi === void 0 ? queryPageConfigs : _this$$pageInfo$confi;
+        if (!_this.isPage && !config.version) {
+          var id = _this.$component.id;
+          return id + '-' + component.id;
+        }
+        return component.id;
+      };
+    },
     $component: {
       get: function get() {
         return this.component;
@@ -2099,9 +2088,9 @@ function formatI18nConfig(configs, language) {
           comp.$emit(event, [].concat(params));
         },
         on: function on(event, callback) {
-          var _this = this;
+          var _this2 = this;
           comp.$on(event, function (params) {
-            return callback.apply(_this, params);
+            return callback.apply(_this2, params);
           });
         }
       };
@@ -2119,16 +2108,6 @@ 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: {
@@ -2288,9 +2267,10 @@ function formatI18nConfig(configs, language) {
       // 页面配置
       var _configs = {};
       var queryPageConfigs = this.$query.pageConfigs || {};
-      var _this$$pageInfo$confi = this.$pageInfo.config,
-        pageConfigs = _this$$pageInfo$confi === void 0 ? queryPageConfigs : _this$$pageInfo$confi;
-      var _pageConfigs$itemConf = pageConfigs.itemConfigs,
+      var _this$$pageInfo$confi2 = this.$pageInfo.config,
+        pageConfigs = _this$$pageInfo$confi2 === void 0 ? queryPageConfigs : _this$$pageInfo$confi2;
+      var css = pageConfigs.css,
+        _pageConfigs$itemConf = pageConfigs.itemConfigs,
         itemConfigs = _pageConfigs$itemConf === void 0 ? {} : _pageConfigs$itemConf,
         otherConfigs = Object(E_workspace_gitrepo_epx_group_frame_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(pageConfigs, _excluded);
       var _itemConfigs = this.itemConfigs || itemConfigs;
@@ -2303,6 +2283,14 @@ function formatI18nConfig(configs, language) {
         // eslint-disable-next-line no-eval
         eval('(function (exports) {' + pageConfigs.compileJS + ' }(exports));');
         this.pageEvents = Object(E_workspace_gitrepo_epx_group_frame_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__[/* default */ "a"])({}, exports);
+        if (css) {
+          appendCss(this.$pageId, css);
+        }
+      } else {
+        var _css = this._component.css;
+        if (_css) {
+          appendCss(this.compId, _css);
+        }
       }
       // vue保留字段
       var vueAttribute = ['name', 'mixins', 'inject', 'provide', '_Ctor', '__file', '_base', '_compiled', 'beforeCreate', 'created', 'berforeMount', 'mounted', 'beforeDestroy', 'destory', 'destroyed', 'props', 'data', 'methods', 'computed', 'watch', 'components', 'directives', 'filters', 'render', 'staticRenderFns', 'Config', 'Preview', 'parent'];
@@ -2421,6 +2409,14 @@ function formatI18nConfig(configs, language) {
   },
   mounted: function mounted() {
     var _this7 = this;
+    if (this.$el) {
+      var compId = this.isPage ? this.$pageId : this.compId;
+      if (this.$el.classList) {
+        this.$el.classList.add('css_' + compId);
+      } else {
+        this.$el.className = 'css_' + compId;
+      }
+    }
     if (this.isPage) {
       window.onpopstate = function () {
         _this7.backPage();
@@ -2429,7 +2425,9 @@ function formatI18nConfig(configs, language) {
     }
     this.$excuteEvent('onMounted');
   },
-  destory: function destory() {
+  destoryed: function destoryed() {
+    var compId = this.isPage ? this.$pageId : this.compId;
+    removeCss(compId);
     this.$excuteEvent('onDestory');
   }
 });
@@ -2437,46 +2435,9 @@ function formatI18nConfig(configs, language) {
 /***/ }),
 
 /***/ 4:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _typeof; });
-/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
-/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6);
-/* harmony import */ var core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(1);
-/* 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__(24);
-/* harmony import */ var core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(5);
-/* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_5__);
-/* harmony import */ var core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(7);
-/* harmony import */ var core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_6__);
-
-
-
-
-
-
-
-
-
-
-
-
-
-function _typeof(o) {
-  "@babel/helpers - typeof";
+/***/ (function(module, exports) {
 
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
-    return typeof o;
-  } : function (o) {
-    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
-  }, _typeof(o);
-}
+module.exports = require("core-js/modules/es.string.iterator.js");
 
 /***/ }),
 
@@ -2510,7 +2471,7 @@ module.exports = require("core-js/modules/es.date.to-primitive.js");
 __webpack_require__.d(__webpack_exports__, "a", function() { return /* binding */ toPropertyKey; });
 
 // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/typeof.js
-var esm_typeof = __webpack_require__(4);
+var esm_typeof = __webpack_require__(5);
 
 // EXTERNAL MODULE: external "core-js/modules/es.symbol.to-primitive.js"
 var es_symbol_to_primitive_js_ = __webpack_require__(41);
@@ -2519,16 +2480,16 @@ var es_symbol_to_primitive_js_ = __webpack_require__(41);
 var es_date_to_primitive_js_ = __webpack_require__(42);
 
 // EXTERNAL MODULE: external "core-js/modules/es.symbol.js"
-var es_symbol_js_ = __webpack_require__(2);
+var es_symbol_js_ = __webpack_require__(3);
 
 // EXTERNAL MODULE: external "core-js/modules/es.symbol.description.js"
-var es_symbol_description_js_ = __webpack_require__(6);
+var es_symbol_description_js_ = __webpack_require__(7);
 
 // 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.number.constructor.js"
-var es_number_constructor_js_ = __webpack_require__(16);
+var es_number_constructor_js_ = __webpack_require__(19);
 
 // EXTERNAL MODULE: external "core-js/modules/es.error.cause.js"
 var es_error_cause_js_ = __webpack_require__(33);
@@ -2583,27 +2544,111 @@ module.exports = require("core-js/modules/es.object.get-own-property-descriptors
 /***/ }),
 
 /***/ 46:
-/***/ (function(module, exports) {
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _createForOfIteratorHelper; });
+/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(3);
+/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7);
+/* harmony import */ var core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(1);
+/* 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__(10);
+/* 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__(21);
+/* 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__(4);
+/* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(6);
+/* harmony import */ var core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_6__);
+/* harmony import */ var core_js_modules_es_error_cause_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(33);
+/* harmony import */ var core_js_modules_es_error_cause_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_error_cause_js__WEBPACK_IMPORTED_MODULE_7__);
+/* harmony import */ var _unsupportedIterableToArray_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(36);
+
+
 
-module.exports = require("core-js/modules/es.object.get-prototype-of.js");
+
+
+
+
+
+
+
+
+
+
+
+
+function _createForOfIteratorHelper(o, allowArrayLike) {
+  var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
+  if (!it) {
+    if (Array.isArray(o) || (it = Object(_unsupportedIterableToArray_js__WEBPACK_IMPORTED_MODULE_8__[/* default */ "a"])(o)) || allowArrayLike && o && typeof o.length === "number") {
+      if (it) o = it;
+      var i = 0;
+      var F = function F() {};
+      return {
+        s: F,
+        n: function n() {
+          if (i >= o.length) return {
+            done: true
+          };
+          return {
+            done: false,
+            value: o[i++]
+          };
+        },
+        e: function e(_e) {
+          throw _e;
+        },
+        f: F
+      };
+    }
+    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+  var normalCompletion = true,
+    didErr = false,
+    err;
+  return {
+    s: function s() {
+      it = it.call(o);
+    },
+    n: function n() {
+      var step = it.next();
+      normalCompletion = step.done;
+      return step;
+    },
+    e: function e(_e2) {
+      didErr = true;
+      err = _e2;
+    },
+    f: function f() {
+      try {
+        if (!normalCompletion && it["return"] != null) it["return"]();
+      } finally {
+        if (didErr) throw err;
+      }
+    }
+  };
+}
 
 /***/ }),
 
 /***/ 47:
 /***/ (function(module, exports) {
 
-module.exports = require("core-js/modules/es.symbol.async-iterator.js");
+module.exports = require("core-js/modules/es.object.get-prototype-of.js");
 
 /***/ }),
 
 /***/ 48:
 /***/ (function(module, exports) {
 
-module.exports = require("core-js/modules/es.symbol.to-string-tag.js");
+module.exports = require("core-js/modules/es.symbol.async-iterator.js");
 
 /***/ }),
 
-/***/ 480:
+/***/ 485:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -2611,9 +2656,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__(8);
+var es_function_name_js_ = __webpack_require__(9);
 
-// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./src/frame/packages/tabs/Tabs.vue?vue&type=template&id=cb0c4008
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./src/frame/packages/tabs/Tabs.vue?vue&type=template&id=4c6d841b
 var render = function () {
   var _vm = this
   var _h = _vm.$createElement
@@ -2653,7 +2698,7 @@ var render = function () {
                   staticClass: "epx-page-tabs__component",
                   attrs: {
                     name: component.contentType,
-                    "comp-id": _vm.getComponentId(tab, component),
+                    "comp-id": _vm.getComponentId(component),
                     "comp-title": component.title,
                     contentType: component.contentType,
                     "comp-configs": component.configs,
@@ -2684,21 +2729,21 @@ var staticRenderFns = []
 render._withStripped = true
 
 
-// CONCATENATED MODULE: ./src/frame/packages/tabs/Tabs.vue?vue&type=template&id=cb0c4008
+// CONCATENATED MODULE: ./src/frame/packages/tabs/Tabs.vue?vue&type=template&id=4c6d841b
 
 // EXTERNAL MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/frame/packages/tabs/Tabs.vue?vue&type=script&lang=js
-var Tabsvue_type_script_lang_js = __webpack_require__(226);
+var Tabsvue_type_script_lang_js = __webpack_require__(227);
 
 // CONCATENATED MODULE: ./src/frame/packages/tabs/Tabs.vue?vue&type=script&lang=js
  /* harmony default export */ var tabs_Tabsvue_type_script_lang_js = (Tabsvue_type_script_lang_js["a" /* default */]); 
 // EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js
-var injectStylesIntoStyleTag = __webpack_require__(17);
+var injectStylesIntoStyleTag = __webpack_require__(16);
 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/tabs/Tabs.vue?vue&type=style&index=0&id=cb0c4008&prod&lang=scss
-var Tabsvue_type_style_index_0_id_cb0c4008_prod_lang_scss = __webpack_require__(374);
+// 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/tabs/Tabs.vue?vue&type=style&index=0&id=4c6d841b&prod&lang=scss
+var Tabsvue_type_style_index_0_id_4c6d841b_prod_lang_scss = __webpack_require__(376);
 
-// 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/tabs/Tabs.vue?vue&type=style&index=0&id=cb0c4008&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/tabs/Tabs.vue?vue&type=style&index=0&id=4c6d841b&prod&lang=scss
 
             
 
@@ -2707,15 +2752,15 @@ var options = {};
 options.insert = "head";
 options.singleton = false;
 
-var update = injectStylesIntoStyleTag_default()(Tabsvue_type_style_index_0_id_cb0c4008_prod_lang_scss["a" /* default */], options);
+var update = injectStylesIntoStyleTag_default()(Tabsvue_type_style_index_0_id_4c6d841b_prod_lang_scss["a" /* default */], options);
 
 
 
-/* harmony default export */ var tabs_Tabsvue_type_style_index_0_id_cb0c4008_prod_lang_scss = (Tabsvue_type_style_index_0_id_cb0c4008_prod_lang_scss["a" /* default */].locals || {});
-// CONCATENATED MODULE: ./src/frame/packages/tabs/Tabs.vue?vue&type=style&index=0&id=cb0c4008&prod&lang=scss
+/* harmony default export */ var tabs_Tabsvue_type_style_index_0_id_4c6d841b_prod_lang_scss = (Tabsvue_type_style_index_0_id_4c6d841b_prod_lang_scss["a" /* default */].locals || {});
+// CONCATENATED MODULE: ./src/frame/packages/tabs/Tabs.vue?vue&type=style&index=0&id=4c6d841b&prod&lang=scss
 
 // EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
-var componentNormalizer = __webpack_require__(13);
+var componentNormalizer = __webpack_require__(15);
 
 // CONCATENATED MODULE: ./src/frame/packages/tabs/Tabs.vue
 
@@ -2726,7 +2771,7 @@ var componentNormalizer = __webpack_require__(13);
 
 /* normalize component */
 
-var Tabs_component = Object(componentNormalizer["a" /* default */])(
+var component = Object(componentNormalizer["a" /* default */])(
   tabs_Tabsvue_type_script_lang_js,
   render,
   staticRenderFns,
@@ -2737,9 +2782,9 @@ var Tabs_component = Object(componentNormalizer["a" /* default */])(
   
 )
 
-/* harmony default export */ var Tabs = (Tabs_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/tabs/Preview.vue?vue&type=template&id=5e5f647e
-var Previewvue_type_template_id_5e5f647e_render = function () {
+/* harmony default export */ var Tabs = (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/tabs/Preview.vue?vue&type=template&id=0e086f10
+var Previewvue_type_template_id_0e086f10_render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
@@ -2747,8 +2792,8 @@ var Previewvue_type_template_id_5e5f647e_render = function () {
     "el-tabs",
     {
       staticClass: "epx-page-tabs",
-      style: _vm.style,
-      attrs: { type: _vm.type, tabPosition: _vm.compConfigs.tabPosition },
+      style: _vm.widgetStyle,
+      attrs: { type: _vm.type, tabPosition: _vm.$configs.tabPosition },
       model: {
         value: _vm.activeName,
         callback: function ($$v) {
@@ -2757,23 +2802,23 @@ var Previewvue_type_template_id_5e5f647e_render = function () {
         expression: "activeName",
       },
     },
-    _vm._l(_vm.components, function (component) {
+    _vm._l(_vm.childWidgetList, function (tab) {
       return _c(
         "el-tab-pane",
-        { key: component.id, attrs: { name: component.id, lazy: "" } },
+        { key: tab.id, attrs: { name: tab.id, lazy: "" } },
         [
           _c("span", { attrs: { slot: "label" }, slot: "label" }, [
-            component.icon ? _c("i", { class: component.icon }) : _vm._e(),
-            _vm._v(" " + _vm._s(_vm.componentLabel(component))),
+            tab.icon ? _c("i", { class: tab.icon }) : _vm._e(),
+            _vm._v(" " + _vm._s(_vm.componentLabel(tab))),
           ]),
           _c(
-            "epx-visual-config-component-preview",
+            "widget-preview",
             _vm._g(
               {
                 attrs: {
-                  component: component,
-                  upId: _vm.compId,
-                  selectComponent: _vm.selectComponent,
+                  designer: _vm.designer,
+                  "parent-widget": _vm.widget,
+                  widget: tab,
                 },
               },
               _vm.$listeners
@@ -2786,57 +2831,29 @@ var Previewvue_type_template_id_5e5f647e_render = function () {
     1
   )
 }
-var Previewvue_type_template_id_5e5f647e_staticRenderFns = []
-Previewvue_type_template_id_5e5f647e_render._withStripped = true
+var Previewvue_type_template_id_0e086f10_staticRenderFns = []
+Previewvue_type_template_id_0e086f10_render._withStripped = true
 
 
-// CONCATENATED MODULE: ./src/frame/packages/tabs/Preview.vue?vue&type=template&id=5e5f647e
+// CONCATENATED MODULE: ./src/frame/packages/tabs/Preview.vue?vue&type=template&id=0e086f10
 
-// 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: external "core-js/modules/es.array.concat.js"
+var es_array_concat_js_ = __webpack_require__(14);
 
-// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
-var defineProperty = __webpack_require__(20);
+// EXTERNAL MODULE: external "core-js/modules/es.array.find.js"
+var es_array_find_js_ = __webpack_require__(26);
 
 // 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);
+// EXTERNAL MODULE: ./src/frame/page-designer/widget-preview/Mixin.js + 7 modules
+var Mixin = __webpack_require__(87);
 
 // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/frame/packages/tabs/Preview.vue?vue&type=script&lang=js
 
 
 
 
-var _excluded = ["configs", "id", "title", "contentType"];
-
-
-
-
-
-
-
-
-
 
 
 //
@@ -2854,34 +2871,10 @@ var _excluded = ["configs", "id", "title", "contentType"];
 //
 //
 
-// import draggable from 'vuedraggable'
 
 /* harmony default export */ var Previewvue_type_script_lang_js = ({
   name: 'epx-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 {};
-      }
-    }
-  },
+  mixins: [Mixin["a" /* default */]],
   data: function data() {
     return {
       activeName: '',
@@ -2889,84 +2882,45 @@ var _excluded = ["configs", "id", "title", "contentType"];
     };
   },
   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;
+      var _this$$configs$type = this.$configs.type,
+        type = _this$$configs$type === void 0 ? this.$isMobile ? '' : 'card' : _this$$configs$type;
       return type !== 'default' ? type : '';
     },
-    components: function components() {
+    componentLabel: function componentLabel() {
       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;
+        var count = _this.counts[component.id];
+        if (count !== undefined) {
+          return "".concat(component.title, "(").concat(count || 0, ")");
         }
-        return _configs;
+        return component.title;
       };
-    },
-    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
+    }
+  },
+  watch: {
+    childWidgetList: {
+      handler: function handler(v) {
+        var _this2 = this;
+        var item = v.find(function (item) {
+          return item.id === _this2.activeName;
         });
-      }
+        if (!item) this.activeName = v[0].id;
+      },
+      immediate: true
     }
   },
   created: function created() {
-    console.log(this.components, this.compId);
-    if (this.components.length === 0) {
-      this.changeItemConfigs(this.compId, {
-        items: [{
-          id: 'tabpane_' + this.$util.genId(),
-          title: '标签项1',
-          contentType: 'tab-pane'
-        }, {
-          id: 'tabpane_' + this.$util.genId(),
-          title: '标签项2',
-          contentType: 'tab-pane'
-        }]
-      });
+    if (this.childWidgetList.length === 0) {
+      this.designer.addWidgets([{
+        id: 'tabpane_' + this.$util.genId(),
+        title: '标签项1',
+        contentType: 'tab-pane'
+      }, {
+        id: 'tabpane_' + this.$util.genId(),
+        title: '标签项2',
+        contentType: 'tab-pane'
+      }], this.widget);
     }
   }
 });
@@ -2982,8 +2936,8 @@ var _excluded = ["configs", "id", "title", "contentType"];
 
 var Preview_component = Object(componentNormalizer["a" /* default */])(
   tabs_Previewvue_type_script_lang_js,
-  Previewvue_type_template_id_5e5f647e_render,
-  Previewvue_type_template_id_5e5f647e_staticRenderFns,
+  Previewvue_type_template_id_0e086f10_render,
+  Previewvue_type_template_id_0e086f10_staticRenderFns,
   false,
   null,
   null,
@@ -2992,21 +2946,30 @@ var Preview_component = Object(componentNormalizer["a" /* default */])(
 )
 
 /* harmony default export */ var Preview = (Preview_component.exports);
+// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js + 3 modules
+var toConsumableArray = __webpack_require__(2);
+
+// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectSpread2.js
+var objectSpread2 = __webpack_require__(0);
+
+// EXTERNAL MODULE: external "core-js/modules/web.dom-collections.for-each.js"
+var web_dom_collections_for_each_js_ = __webpack_require__(8);
+
 // EXTERNAL MODULE: external "core-js/modules/es.array.find-index.js"
-var es_array_find_index_js_ = __webpack_require__(56);
+var es_array_find_index_js_ = __webpack_require__(59);
 
 // EXTERNAL MODULE: external "core-js/modules/es.array.splice.js"
 var es_array_splice_js_ = __webpack_require__(52);
 
 // EXTERNAL MODULE: external "core-js/modules/es.array.map.js"
-var es_array_map_js_ = __webpack_require__(12);
+var es_array_map_js_ = __webpack_require__(13);
 
 // EXTERNAL MODULE: external "vuedraggable"
-var external_vuedraggable_ = __webpack_require__(58);
+var external_vuedraggable_ = __webpack_require__(61);
 var external_vuedraggable_default = /*#__PURE__*/__webpack_require__.n(external_vuedraggable_);
 
 // EXTERNAL MODULE: ./src/frame/views/visual/Component.vue + 3 modules
-var Component = __webpack_require__(105);
+var Component = __webpack_require__(106);
 
 // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/frame/packages/tabs/Config.vue?vue&type=script&lang=js
 
@@ -3025,8 +2988,6 @@ var Component = __webpack_require__(105);
 
 
 
-
-
 /* harmony default export */ var Configvue_type_script_lang_js = ({
   name: 'epx-tabs-config',
   extends: Component["default"],
@@ -3043,29 +3004,25 @@ var Component = __webpack_require__(105);
   computed: {
     tabs: {
       get: function get() {
-        var component = this.componentInfo.component;
-        var _component$items = component.items,
-          items = _component$items === void 0 ? [] : _component$items;
+        var _this$widget$items = this.widget.items,
+          items = _this$widget$items === void 0 ? [] : _this$widget$items;
         return items;
       },
       set: function set(v) {
-        console.log(this.id, v);
-        this.changeItemConfigs(this.id, {
+        this.designer.updateWidget(this.id, {
           items: v
         });
       }
     }
   },
-  watch: {
-    tabs: function tabs(v) {
-      var _this = this;
-      v.forEach(function (item) {
-        _this.$set(_this.tabName, item.id, item.title);
-      });
-    }
-  },
   methods: {
     initDefaultConfigs: function initDefaultConfigs() {
+      var _this = this;
+      if (this.tabs) {
+        this.tabs.forEach(function (item) {
+          _this.$set(_this.tabName, item.id, item.title);
+        });
+      }
       // 获取到该组件的默认配置
       this.defaultConfigs = {
         flex: true,
@@ -3145,10 +3102,6 @@ var Component = __webpack_require__(105);
         label: '移动端宽度',
         type: 'select',
         options: this.spanOptions
-      }, {
-        key: 'height',
-        label: '高度',
-        type: 'height'
       }, {
         key: 'flex',
         label: '占据页面剩余空间',
@@ -3190,46 +3143,35 @@ var Component = __webpack_require__(105);
       }
     },
     addTabPane: function addTabPane() {
-      var component = this.componentInfo.component;
-      var _component$items2 = component.items,
-        items = _component$items2 === void 0 ? [] : _component$items2;
+      var _this$widget$items2 = this.widget.items,
+        items = _this$widget$items2 === void 0 ? [] : _this$widget$items2;
+      var id = 'tabpane_' + this.$util.genId();
+      var name = '标签项' + (items.length + 1);
       var newTabPane = {
-        id: 'tabpane_' + this.$util.genId(),
-        title: '标签项' + (items.length + 1),
+        id: id,
+        title: name,
         contentType: 'tab-pane'
       };
-      this.tabs = [].concat(Object(toConsumableArray["a" /* default */])(items), [newTabPane]);
+      this.$set(this.tabName, id, name);
+      this.designer.addWidget(newTabPane, this.widget, {
+        defaultSelected: false
+      });
     },
     changeTabPane: function changeTabPane(item) {
-      var tabs = Object(toConsumableArray["a" /* default */])(this.tabs);
-      var index = tabs.findIndex(function (component) {
-        return component.id === item.id;
+      this.designer.updateWidget(item.id, {
+        title: this.tabName[item.id]
       });
-      if (index !== -1) {
-        tabs.splice(index, 1, Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, item), {}, {
-          title: this.tabName[item.id]
-        }));
-        this.tabs = tabs;
-      }
     },
     deleteTabPane: function deleteTabPane(item) {
-      var tabs = Object(toConsumableArray["a" /* default */])(this.tabs);
-      if (tabs.length <= 1) {
+      if (this.tabs.length <= 1) {
         this.$message.error('标签项至少要有一个');
         return;
       }
-      var index = tabs.findIndex(function (component) {
-        return component.id === item.id;
-      });
-      if (index !== -1) {
-        tabs.splice(index, 1);
-        this.tabs = tabs;
-      }
+      this.designer.deleteWidget(item, this.widget);
     },
     editTabPane: function editTabPane(item) {
       this.editTab = Object(objectSpread2["a" /* default */])({}, item);
       this.editTabDialog = true;
-      console.log(this.editTabDialog);
     },
     changeTabPaneAttribute: function changeTabPaneAttribute(key, v) {
       this.$set(this.editTab, key, v);
@@ -3367,6 +3309,42 @@ var Component = __webpack_require__(105);
         "on": {
           "change-configs": this.changeTabPaneAttribute.bind(this, 'icon')
         }
+      })]), h("el-form-item", {
+        "attrs": {
+          "label": "显示数量"
+        },
+        "class": "epx-visual-component__form-item"
+      }, [h("el-radio-group", {
+        "model": {
+          value: _this4.editTab.tabCount,
+          callback: function callback($$v) {
+            _this4.$set(_this4.editTab, "tabCount", $$v);
+          }
+        }
+      }, [h("el-radio", {
+        "attrs": {
+          "label": true
+        }
+      }, ["\u663E\u793A"]), h("el-radio", {
+        "attrs": {
+          "label": false
+        }
+      }, ["\u4E0D\u663E\u793A"])])]), h("el-form-item", {
+        "attrs": {
+          "label": "数量范围"
+        },
+        "class": "epx-visual-component__form-item"
+      }, [h("epx-visual-config-scope", {
+        "attrs": {
+          "value": this.editTab.countScopeParams,
+          "pageParams": this.pageParams,
+          "treeFieldStore": this.treeFieldStore,
+          "componentMetaId": this.getConfigMetaId(item) || this.pageMetaId,
+          "scopeConfigs": this.scopeConfigs
+        },
+        "on": {
+          "change-configs": this.changeTabPaneAttribute.bind(this, 'countScopeParams')
+        }
       })])]), h("div", {
         "class": "button-group"
       }, [h("el-button", {
@@ -3392,24 +3370,24 @@ var Component = __webpack_require__(105);
 });
 // CONCATENATED MODULE: ./src/frame/packages/tabs/Config.vue?vue&type=script&lang=js
  /* harmony default export */ var tabs_Configvue_type_script_lang_js = (Configvue_type_script_lang_js); 
-// EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ref--2-3!./node_modules/vue-loader/lib??vue-loader-options!./src/frame/packages/tabs/Config.vue?vue&type=style&index=0&id=663a31fd&prod&lang=scss&scoped=true
-var Configvue_type_style_index_0_id_663a31fd_prod_lang_scss_scoped_true = __webpack_require__(375);
+// 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/tabs/Config.vue?vue&type=style&index=0&id=5b8ffaeb&prod&lang=scss&scoped=true
+var Configvue_type_style_index_0_id_5b8ffaeb_prod_lang_scss_scoped_true = __webpack_require__(377);
 
-// 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/tabs/Config.vue?vue&type=style&index=0&id=663a31fd&prod&lang=scss&scoped=true
+// CONCATENATED MODULE: ./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ref--2-3!./node_modules/vue-loader/lib??vue-loader-options!./src/frame/packages/tabs/Config.vue?vue&type=style&index=0&id=5b8ffaeb&prod&lang=scss&scoped=true
 
             
 
-var Configvue_type_style_index_0_id_663a31fd_prod_lang_scss_scoped_true_options = {};
+var Configvue_type_style_index_0_id_5b8ffaeb_prod_lang_scss_scoped_true_options = {};
 
-Configvue_type_style_index_0_id_663a31fd_prod_lang_scss_scoped_true_options.insert = "head";
-Configvue_type_style_index_0_id_663a31fd_prod_lang_scss_scoped_true_options.singleton = false;
+Configvue_type_style_index_0_id_5b8ffaeb_prod_lang_scss_scoped_true_options.insert = "head";
+Configvue_type_style_index_0_id_5b8ffaeb_prod_lang_scss_scoped_true_options.singleton = false;
 
-var Configvue_type_style_index_0_id_663a31fd_prod_lang_scss_scoped_true_update = injectStylesIntoStyleTag_default()(Configvue_type_style_index_0_id_663a31fd_prod_lang_scss_scoped_true["a" /* default */], Configvue_type_style_index_0_id_663a31fd_prod_lang_scss_scoped_true_options);
+var Configvue_type_style_index_0_id_5b8ffaeb_prod_lang_scss_scoped_true_update = injectStylesIntoStyleTag_default()(Configvue_type_style_index_0_id_5b8ffaeb_prod_lang_scss_scoped_true["a" /* default */], Configvue_type_style_index_0_id_5b8ffaeb_prod_lang_scss_scoped_true_options);
 
 
 
-/* harmony default export */ var tabs_Configvue_type_style_index_0_id_663a31fd_prod_lang_scss_scoped_true = (Configvue_type_style_index_0_id_663a31fd_prod_lang_scss_scoped_true["a" /* default */].locals || {});
-// CONCATENATED MODULE: ./src/frame/packages/tabs/Config.vue?vue&type=style&index=0&id=663a31fd&prod&lang=scss&scoped=true
+/* harmony default export */ var tabs_Configvue_type_style_index_0_id_5b8ffaeb_prod_lang_scss_scoped_true = (Configvue_type_style_index_0_id_5b8ffaeb_prod_lang_scss_scoped_true["a" /* default */].locals || {});
+// CONCATENATED MODULE: ./src/frame/packages/tabs/Config.vue?vue&type=style&index=0&id=5b8ffaeb&prod&lang=scss&scoped=true
 
 // CONCATENATED MODULE: ./src/frame/packages/tabs/Config.vue
 var Config_render, Config_staticRenderFns
@@ -3426,80 +3404,70 @@ var Config_component = Object(componentNormalizer["a" /* default */])(
   Config_staticRenderFns,
   false,
   null,
-  "663a31fd",
+  "5b8ffaeb",
   null
   
 )
 
 /* harmony default export */ var Config = (Config_component.exports);
-// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./src/frame/packages/tabs/tab-pane/Preview.vue?vue&type=template&id=ccfa85c4&scoped=true
-var Previewvue_type_template_id_ccfa85c4_scoped_true_render = function () {
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./src/frame/packages/tabs/tab-pane/Preview.vue?vue&type=template&id=7d5cc8c4
+var Previewvue_type_template_id_7d5cc8c4_render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
   return _c(
     "draggable",
-    {
-      class: {
-        "layout-placeholder": true,
-        "has-component": _vm.list.length > 0,
-      },
-      attrs: { group: "library", ghostClass: "drag-component__ghost" },
-      model: {
-        value: _vm.list,
-        callback: function ($$v) {
-          _vm.list = $$v
+    _vm._b(
+      {
+        staticClass: "epx-page-designer-widget-preview__draggable",
+        attrs: { tag: "div", "item-key": "id" },
+        model: {
+          value: _vm.childWidgetList,
+          callback: function ($$v) {
+            _vm.childWidgetList = $$v
+          },
+          expression: "childWidgetList",
         },
-        expression: "list",
       },
-    },
+      "draggable",
+      _vm.pageDesignerDragProps,
+      false
+    ),
     [
-      _vm.list.length > 0
+      _vm._l(_vm.childWidgetList, function (childWidget) {
+        return _c(
+          "widget-preview",
+          _vm._g(
+            {
+              key: childWidget.id,
+              attrs: {
+                widget: childWidget,
+                "parent-widget": _vm.widget,
+                designer: _vm.designer,
+              },
+            },
+            _vm.$listeners
+          )
+        )
+      }),
+      _vm.childWidgetList.length === 0
         ? _c(
             "div",
-            _vm._l(_vm.list, function (component) {
-              return _c(
-                "epx-visual-config-component-preview",
-                _vm._g(
-                  {
-                    key: component.id,
-                    attrs: {
-                      component: component,
-                      upId: _vm.compId,
-                      selectComponent: _vm.selectComponent,
-                    },
-                  },
-                  _vm.$listeners
-                )
-              )
-            }),
-            1
+            { staticClass: "epx-page-designer-widget-preview__no-widget" },
+            [_vm._v("拖拽组件到这里")]
           )
         : _vm._e(),
-    ]
+    ],
+    2
   )
 }
-var Previewvue_type_template_id_ccfa85c4_scoped_true_staticRenderFns = []
-Previewvue_type_template_id_ccfa85c4_scoped_true_render._withStripped = true
-
+var Previewvue_type_template_id_7d5cc8c4_staticRenderFns = []
+Previewvue_type_template_id_7d5cc8c4_render._withStripped = true
 
-// CONCATENATED MODULE: ./src/frame/packages/tabs/tab-pane/Preview.vue?vue&type=template&id=ccfa85c4&scoped=true
 
-// EXTERNAL MODULE: external "vue"
-var external_vue_ = __webpack_require__(64);
-var external_vue_default = /*#__PURE__*/__webpack_require__.n(external_vue_);
+// CONCATENATED MODULE: ./src/frame/packages/tabs/tab-pane/Preview.vue?vue&type=template&id=7d5cc8c4
 
 // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/frame/packages/tabs/tab-pane/Preview.vue?vue&type=script&lang=js
-
-
-
-var Previewvue_type_script_lang_js_excluded = ["configs", "id", "title", "contentType"];
-
-
-
-
-
-
 //
 //
 //
@@ -3515,124 +3483,34 @@ var Previewvue_type_script_lang_js_excluded = ["configs", "id", "title", "conten
 //
 //
 //
-
-
+//
+//
+//
+//
+//
 
 
 /* harmony default export */ var tab_pane_Previewvue_type_script_lang_js = ({
   name: 'epx-tab-pane--preview',
-  components: Object(defineProperty["a" /* default */])({
-    draggable: external_vuedraggable_default.a
-  }, ComponentPreview["a" /* default */].name, ComponentPreview["a" /* default */]),
-  props: {
-    label: {
-      type: String
-    },
-    component: {
-      type: Object,
-      default: function _default() {
-        return {};
-      }
-    },
-    compId: String,
-    selectComponent: Object,
-    compConfigs: {
-      type: Object,
-      default: function _default() {
-        return {};
-      }
-    }
-  },
-  inject: ['changeItemConfigs', 'getItemConfigs', 'getAllComponentList'],
-  computed: {
-    itemConfigs: function itemConfigs() {
-      return this.getItemConfigs();
-    },
-    allComponentList: function allComponentList() {
-      return this.getAllComponentList();
-    },
-    isExistComponent: function isExistComponent() {
-      return function (name) {
-        return !!external_vue_default.a.component(name);
-      };
-    },
-    list: {
-      get: function get() {
-        return this.compConfigs.items || [];
-      },
-      set: function set(v) {
-        this.changeItemConfigs(this.compId, {
-          items: v
-        });
-      }
-    },
-    getCompConfigs: function getCompConfigs() {
-      var _this = this;
-      return function (component) {
-        // 如果是页面 查找页面默认配置
-        var _component$configs = component.configs,
-          configs = _component$configs === void 0 ? {} : _component$configs,
-          id = component.id,
-          title = component.title,
-          contentType = component.contentType,
-          otherConfigs = Object(objectWithoutProperties["a" /* default */])(component, Previewvue_type_script_lang_js_excluded);
-        var componentId = _this.compId + '-' + id;
-        var itemConfig = _this.itemConfigs[componentId] || {};
-        var _configs = Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, otherConfigs), configs), itemConfig);
-        if (title) {
-          _configs.componentName = title;
-        }
-        return _configs;
-      };
-    },
-    getPreviewImg: function getPreviewImg() {
-      var _this2 = this;
-      return function (component) {
-        var componentInfo = _this2.allComponentList.find(function (item) {
-          return item.CODE === component.contentType;
-        }) || {};
-        return _this2.$util.getFileUrl(componentInfo.PICTURE);
-      };
-    }
-  }
+  mixins: [Mixin["a" /* default */]]
 });
 // CONCATENATED MODULE: ./src/frame/packages/tabs/tab-pane/Preview.vue?vue&type=script&lang=js
  /* harmony default export */ var tabs_tab_pane_Previewvue_type_script_lang_js = (tab_pane_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/tabs/tab-pane/Preview.vue?vue&type=style&index=0&id=ccfa85c4&prod&lang=scss&scoped=true
-var Previewvue_type_style_index_0_id_ccfa85c4_prod_lang_scss_scoped_true = __webpack_require__(376);
-
-// 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/tabs/tab-pane/Preview.vue?vue&type=style&index=0&id=ccfa85c4&prod&lang=scss&scoped=true
-
-            
-
-var Previewvue_type_style_index_0_id_ccfa85c4_prod_lang_scss_scoped_true_options = {};
-
-Previewvue_type_style_index_0_id_ccfa85c4_prod_lang_scss_scoped_true_options.insert = "head";
-Previewvue_type_style_index_0_id_ccfa85c4_prod_lang_scss_scoped_true_options.singleton = false;
-
-var Previewvue_type_style_index_0_id_ccfa85c4_prod_lang_scss_scoped_true_update = injectStylesIntoStyleTag_default()(Previewvue_type_style_index_0_id_ccfa85c4_prod_lang_scss_scoped_true["a" /* default */], Previewvue_type_style_index_0_id_ccfa85c4_prod_lang_scss_scoped_true_options);
-
-
-
-/* harmony default export */ var tab_pane_Previewvue_type_style_index_0_id_ccfa85c4_prod_lang_scss_scoped_true = (Previewvue_type_style_index_0_id_ccfa85c4_prod_lang_scss_scoped_true["a" /* default */].locals || {});
-// CONCATENATED MODULE: ./src/frame/packages/tabs/tab-pane/Preview.vue?vue&type=style&index=0&id=ccfa85c4&prod&lang=scss&scoped=true
-
 // CONCATENATED MODULE: ./src/frame/packages/tabs/tab-pane/Preview.vue
 
 
 
 
 
-
 /* normalize component */
 
 var tab_pane_Preview_component = Object(componentNormalizer["a" /* default */])(
   tabs_tab_pane_Previewvue_type_script_lang_js,
-  Previewvue_type_template_id_ccfa85c4_scoped_true_render,
-  Previewvue_type_template_id_ccfa85c4_scoped_true_staticRenderFns,
+  Previewvue_type_template_id_7d5cc8c4_render,
+  Previewvue_type_template_id_7d5cc8c4_staticRenderFns,
   false,
   null,
-  "ccfa85c4",
+  null,
   null
   
 )
@@ -3658,47 +3536,29 @@ Tabs.install = function install(Vue) {
 /***/ 49:
 /***/ (function(module, exports) {
 
-module.exports = require("core-js/modules/es.json.to-string-tag.js");
+module.exports = require("core-js/modules/es.symbol.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");
-
-/***/ }),
-
-/***/ 51:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _createForOfIteratorHelper; });
-/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _typeof; });
+/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(3);
 /* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6);
+/* harmony import */ var core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7);
 /* harmony import */ var core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(1);
 /* 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__ = __webpack_require__(10);
 /* 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__(24);
+/* harmony import */ var core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(21);
 /* 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__ = __webpack_require__(4);
 /* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_5__);
-/* harmony import */ var core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(7);
+/* harmony import */ var core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(6);
 /* harmony import */ var core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_6__);
-/* harmony import */ var core_js_modules_es_error_cause_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(33);
-/* harmony import */ var core_js_modules_es_error_cause_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_error_cause_js__WEBPACK_IMPORTED_MODULE_7__);
-/* harmony import */ var _unsupportedIterableToArray_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(37);
-
 
 
 
@@ -3712,168 +3572,1277 @@ module.exports = require("core-js/modules/es.math.to-string-tag.js");
 
 
 
+function _typeof(o) {
+  "@babel/helpers - typeof";
 
-function _createForOfIteratorHelper(o, allowArrayLike) {
-  var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
-  if (!it) {
-    if (Array.isArray(o) || (it = Object(_unsupportedIterableToArray_js__WEBPACK_IMPORTED_MODULE_8__[/* default */ "a"])(o)) || allowArrayLike && o && typeof o.length === "number") {
-      if (it) o = it;
-      var i = 0;
-      var F = function F() {};
-      return {
-        s: F,
-        n: function n() {
-          if (i >= o.length) return {
-            done: true
-          };
-          return {
-            done: false,
-            value: o[i++]
-          };
-        },
-        e: function e(_e) {
-          throw _e;
-        },
-        f: F
-      };
-    }
-    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-  }
-  var normalCompletion = true,
-    didErr = false,
-    err;
-  return {
-    s: function s() {
-      it = it.call(o);
-    },
-    n: function n() {
-      var step = it.next();
-      normalCompletion = step.done;
-      return step;
-    },
-    e: function e(_e2) {
-      didErr = true;
-      err = _e2;
-    },
-    f: function f() {
-      try {
-        if (!normalCompletion && it["return"] != null) it["return"]();
-      } finally {
-        if (didErr) throw err;
-      }
-    }
-  };
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+    return typeof o;
+  } : function (o) {
+    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+  }, _typeof(o);
 }
 
 /***/ }),
 
-/***/ 52:
+/***/ 50:
 /***/ (function(module, exports) {
 
-module.exports = require("core-js/modules/es.array.splice.js");
+module.exports = require("core-js/modules/es.json.to-string-tag.js");
 
 /***/ }),
 
-/***/ 53:
+/***/ 51:
 /***/ (function(module, exports) {
 
-module.exports = require("core-js/modules/es.object.set-prototype-of.js");
+module.exports = require("core-js/modules/es.math.to-string-tag.js");
 
 /***/ }),
 
-/***/ 54:
+/***/ 52:
 /***/ (function(module, exports) {
 
-module.exports = require("core-js/modules/es.object.proto.js");
+module.exports = require("core-js/modules/es.array.splice.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");
 
 /***/ }),
 
 /***/ 56:
 /***/ (function(module, exports) {
 
-module.exports = require("core-js/modules/es.array.find-index.js");
+module.exports = require("core-js/modules/es.string.split.js");
+
+/***/ }),
+
+/***/ 57:
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.set.js");
 
 /***/ }),
 
 /***/ 58:
 /***/ (function(module, exports) {
 
-module.exports = require("vuedraggable");
+module.exports = require("core-js/modules/es.string.match.js");
 
 /***/ }),
 
 /***/ 59:
 /***/ (function(module, exports) {
 
-module.exports = require("core-js/modules/es.json.stringify.js");
+module.exports = require("core-js/modules/es.array.find-index.js");
 
 /***/ }),
 
 /***/ 6:
 /***/ (function(module, exports) {
 
-module.exports = require("core-js/modules/es.symbol.description.js");
+module.exports = require("core-js/modules/web.dom-collections.iterator.js");
 
 /***/ }),
 
-/***/ 60:
+/***/ 61:
 /***/ (function(module, exports) {
 
-module.exports = require("core-js/modules/es.string.match.js");
+module.exports = require("vuedraggable");
 
 /***/ }),
 
-/***/ 64:
+/***/ 62:
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.json.stringify.js");
+
+/***/ }),
+
+/***/ 63:
 /***/ (function(module, exports) {
 
 module.exports = require("vue");
 
 /***/ }),
 
-/***/ 7:
+/***/ 64:
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/esnext.set.add-all.js");
+
+/***/ }),
+
+/***/ 65:
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/esnext.set.delete-all.js");
+
+/***/ }),
+
+/***/ 66:
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/esnext.set.difference.js");
+
+/***/ }),
+
+/***/ 67:
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/esnext.set.every.js");
+
+/***/ }),
+
+/***/ 68:
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/esnext.set.filter.js");
+
+/***/ }),
+
+/***/ 69:
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/esnext.set.find.js");
+
+/***/ }),
+
+/***/ 7:
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.symbol.description.js");
+
+/***/ }),
+
+/***/ 70:
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/esnext.set.intersection.js");
+
+/***/ }),
+
+/***/ 71:
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/esnext.set.is-disjoint-from.js");
+
+/***/ }),
+
+/***/ 72:
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/esnext.set.is-subset-of.js");
+
+/***/ }),
+
+/***/ 73:
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/esnext.set.is-superset-of.js");
+
+/***/ }),
+
+/***/ 74:
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/esnext.set.join.js");
+
+/***/ }),
+
+/***/ 75:
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/esnext.set.map.js");
+
+/***/ }),
+
+/***/ 76:
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/esnext.set.reduce.js");
+
+/***/ }),
+
+/***/ 77:
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/esnext.set.some.js");
+
+/***/ }),
+
+/***/ 78:
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/esnext.set.symmetric-difference.js");
+
+/***/ }),
+
+/***/ 79:
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/esnext.set.union.js");
+
+/***/ }),
+
+/***/ 8:
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/web.dom-collections.for-each.js");
+
+/***/ }),
+
+/***/ 80:
+/***/ (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__(17);
+/* 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-designer-widget-preview-item{border:1px solid transparent;padding:10px;box-shadow:border-box;position:relative;cursor:pointer}.epx-page-designer-widget-preview-item.is-hover{border-style:dashed;border-color:#0874e7}[data-theme=purple] .epx-page-designer-widget-preview-item.is-hover{border-color:#7569e2}[data-theme=palevioletred] .epx-page-designer-widget-preview-item.is-hover{border-color:#ce4545}[data-theme=forestgreen] .epx-page-designer-widget-preview-item.is-hover{border-color:#3d8a50}[data-theme=deepblue] .epx-page-designer-widget-preview-item.is-hover{border-color:#0f5fbd}[data-theme=orange] .epx-page-designer-widget-preview-item.is-hover{border-color:#ea6000}[data-theme=skyblue] .epx-page-designer-widget-preview-item.is-hover{border-color:#1a4586}[data-theme=aurorablue] .epx-page-designer-widget-preview-item.is-hover{border-color:#383b9e}[data-theme=tiffanyblue] .epx-page-designer-widget-preview-item.is-hover{border-color:#00aaad}[data-theme=tsinghuapurple] .epx-page-designer-widget-preview-item.is-hover{border-color:#5f2167}[data-theme=creativeblue] .epx-page-designer-widget-preview-item.is-hover{border-color:#418cff}[data-theme=njhkht] .epx-page-designer-widget-preview-item.is-hover{border-color:#1d2088}.epx-page-designer-widget-preview-item.is-active{border-style:solid;border-color:#0874e7}[data-theme=purple] .epx-page-designer-widget-preview-item.is-active{border-color:#7569e2}[data-theme=palevioletred] .epx-page-designer-widget-preview-item.is-active{border-color:#ce4545}[data-theme=forestgreen] .epx-page-designer-widget-preview-item.is-active{border-color:#3d8a50}[data-theme=deepblue] .epx-page-designer-widget-preview-item.is-active{border-color:#0f5fbd}[data-theme=orange] .epx-page-designer-widget-preview-item.is-active{border-color:#ea6000}[data-theme=skyblue] .epx-page-designer-widget-preview-item.is-active{border-color:#1a4586}[data-theme=aurorablue] .epx-page-designer-widget-preview-item.is-active{border-color:#383b9e}[data-theme=tiffanyblue] .epx-page-designer-widget-preview-item.is-active{border-color:#00aaad}[data-theme=tsinghuapurple] .epx-page-designer-widget-preview-item.is-active{border-color:#5f2167}[data-theme=creativeblue] .epx-page-designer-widget-preview-item.is-active{border-color:#418cff}[data-theme=njhkht] .epx-page-designer-widget-preview-item.is-active{border-color:#1d2088}.epx-page-designer-widget-preview-item.is-active>.epx-page-designer-widget-preview-item__operates,.epx-page-designer-widget-preview-item.is-active>.epx-page-designer-widget-preview-item__drag{display:block}.epx-page-designer-widget-preview-item__drag{background-color:#0874e7;position:absolute;top:0px;left:0;z-index:101;display:none;font-size:12px;line-height:14px;color:#fff;padding:2px 4px;cursor:move;opacity:.5}[data-theme=purple] .epx-page-designer-widget-preview-item__drag{background-color:#7569e2}[data-theme=palevioletred] .epx-page-designer-widget-preview-item__drag{background-color:#ce4545}[data-theme=forestgreen] .epx-page-designer-widget-preview-item__drag{background-color:#3d8a50}[data-theme=deepblue] .epx-page-designer-widget-preview-item__drag{background-color:#0f5fbd}[data-theme=orange] .epx-page-designer-widget-preview-item__drag{background-color:#ea6000}[data-theme=skyblue] .epx-page-designer-widget-preview-item__drag{background-color:#1a4586}[data-theme=aurorablue] .epx-page-designer-widget-preview-item__drag{background-color:#383b9e}[data-theme=tiffanyblue] .epx-page-designer-widget-preview-item__drag{background-color:#00aaad}[data-theme=tsinghuapurple] .epx-page-designer-widget-preview-item__drag{background-color:#5f2167}[data-theme=creativeblue] .epx-page-designer-widget-preview-item__drag{background-color:#418cff}[data-theme=njhkht] .epx-page-designer-widget-preview-item__drag{background-color:#1d2088}.epx-page-designer-widget-preview-item__drag:hover{opacity:1}.epx-page-designer-widget-preview-item__operates{position:absolute;top:-14px;right:0;display:none;font-size:12px;line-height:14px}.epx-page-designer-widget-preview-item__operates--covered{top:0px}.epx-page-designer-widget-preview-item__operate-item{background-color:#0874e7;color:#fff;margin:0 4px}[data-theme=purple] .epx-page-designer-widget-preview-item__operate-item{background-color:#7569e2}[data-theme=palevioletred] .epx-page-designer-widget-preview-item__operate-item{background-color:#ce4545}[data-theme=forestgreen] .epx-page-designer-widget-preview-item__operate-item{background-color:#3d8a50}[data-theme=deepblue] .epx-page-designer-widget-preview-item__operate-item{background-color:#0f5fbd}[data-theme=orange] .epx-page-designer-widget-preview-item__operate-item{background-color:#ea6000}[data-theme=skyblue] .epx-page-designer-widget-preview-item__operate-item{background-color:#1a4586}[data-theme=aurorablue] .epx-page-designer-widget-preview-item__operate-item{background-color:#383b9e}[data-theme=tiffanyblue] .epx-page-designer-widget-preview-item__operate-item{background-color:#00aaad}[data-theme=tsinghuapurple] .epx-page-designer-widget-preview-item__operate-item{background-color:#5f2167}[data-theme=creativeblue] .epx-page-designer-widget-preview-item__operate-item{background-color:#418cff}[data-theme=njhkht] .epx-page-designer-widget-preview-item__operate-item{background-color:#1d2088}.epx-page-designer-widget-preview-item__operate-del{background-color:#0874e7;color:#fff;margin-left:4px}[data-theme=purple] .epx-page-designer-widget-preview-item__operate-del{background-color:#7569e2}[data-theme=palevioletred] .epx-page-designer-widget-preview-item__operate-del{background-color:#ce4545}[data-theme=forestgreen] .epx-page-designer-widget-preview-item__operate-del{background-color:#3d8a50}[data-theme=deepblue] .epx-page-designer-widget-preview-item__operate-del{background-color:#0f5fbd}[data-theme=orange] .epx-page-designer-widget-preview-item__operate-del{background-color:#ea6000}[data-theme=skyblue] .epx-page-designer-widget-preview-item__operate-del{background-color:#1a4586}[data-theme=aurorablue] .epx-page-designer-widget-preview-item__operate-del{background-color:#383b9e}[data-theme=tiffanyblue] .epx-page-designer-widget-preview-item__operate-del{background-color:#00aaad}[data-theme=tsinghuapurple] .epx-page-designer-widget-preview-item__operate-del{background-color:#5f2167}[data-theme=creativeblue] .epx-page-designer-widget-preview-item__operate-del{background-color:#418cff}[data-theme=njhkht] .epx-page-designer-widget-preview-item__operate-del{background-color:#1d2088}.layout-placeholder{min-height:60px;height:100%;width:100%;background-color:#f0f0f0;border:1px dotted  #a7b1bd;position:relative}.layout-placeholder::before{width:100%;text-align:center;content:'拖拽组件到这里';color:#666;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.has-component::before{display:none}\n", ""]);
+// Exports
+/* harmony default export */ __webpack_exports__["a"] = (___CSS_LOADER_EXPORT___);
+
+
+/***/ }),
+
+/***/ 84:
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.string.link.js");
+
+/***/ }),
+
+/***/ 87:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+
+// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js + 3 modules
+var toConsumableArray = __webpack_require__(2);
+
+// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectSpread2.js
+var objectSpread2 = __webpack_require__(0);
+
+// EXTERNAL MODULE: external "core-js/modules/es.regexp.exec.js"
+var es_regexp_exec_js_ = __webpack_require__(12);
+
+// EXTERNAL MODULE: external "core-js/modules/es.string.replace.js"
+var es_string_replace_js_ = __webpack_require__(23);
+
+// EXTERNAL MODULE: external "core-js/modules/es.array.includes.js"
+var es_array_includes_js_ = __webpack_require__(25);
+
+// EXTERNAL MODULE: external "core-js/modules/es.string.includes.js"
+var es_string_includes_js_ = __webpack_require__(27);
+
+// EXTERNAL MODULE: external "core-js/modules/es.object.keys.js"
+var es_object_keys_js_ = __webpack_require__(18);
+
+// 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__(8);
+
+// EXTERNAL MODULE: external "core-js/modules/es.array.splice.js"
+var es_array_splice_js_ = __webpack_require__(52);
+
+// EXTERNAL MODULE: external "core-js/modules/es.array.concat.js"
+var es_array_concat_js_ = __webpack_require__(14);
+
+// EXTERNAL MODULE: external "core-js/modules/es.string.match.js"
+var es_string_match_js_ = __webpack_require__(58);
+
+// EXTERNAL MODULE: external "core-js/modules/es.string.split.js"
+var es_string_split_js_ = __webpack_require__(56);
+
+// EXTERNAL MODULE: external "core-js/modules/es.array.iterator.js"
+var es_array_iterator_js_ = __webpack_require__(21);
+
+// EXTERNAL MODULE: external "core-js/modules/es.set.js"
+var es_set_js_ = __webpack_require__(57);
+
+// EXTERNAL MODULE: external "core-js/modules/es.string.iterator.js"
+var es_string_iterator_js_ = __webpack_require__(4);
+
+// EXTERNAL MODULE: external "core-js/modules/esnext.set.add-all.js"
+var esnext_set_add_all_js_ = __webpack_require__(64);
+
+// EXTERNAL MODULE: external "core-js/modules/esnext.set.delete-all.js"
+var esnext_set_delete_all_js_ = __webpack_require__(65);
+
+// EXTERNAL MODULE: external "core-js/modules/esnext.set.difference.js"
+var esnext_set_difference_js_ = __webpack_require__(66);
+
+// EXTERNAL MODULE: external "core-js/modules/esnext.set.every.js"
+var esnext_set_every_js_ = __webpack_require__(67);
+
+// EXTERNAL MODULE: external "core-js/modules/esnext.set.filter.js"
+var esnext_set_filter_js_ = __webpack_require__(68);
+
+// EXTERNAL MODULE: external "core-js/modules/esnext.set.find.js"
+var esnext_set_find_js_ = __webpack_require__(69);
+
+// EXTERNAL MODULE: external "core-js/modules/esnext.set.intersection.js"
+var esnext_set_intersection_js_ = __webpack_require__(70);
+
+// EXTERNAL MODULE: external "core-js/modules/esnext.set.is-disjoint-from.js"
+var esnext_set_is_disjoint_from_js_ = __webpack_require__(71);
+
+// EXTERNAL MODULE: external "core-js/modules/esnext.set.is-subset-of.js"
+var esnext_set_is_subset_of_js_ = __webpack_require__(72);
+
+// EXTERNAL MODULE: external "core-js/modules/esnext.set.is-superset-of.js"
+var esnext_set_is_superset_of_js_ = __webpack_require__(73);
+
+// EXTERNAL MODULE: external "core-js/modules/esnext.set.join.js"
+var esnext_set_join_js_ = __webpack_require__(74);
+
+// EXTERNAL MODULE: external "core-js/modules/esnext.set.map.js"
+var esnext_set_map_js_ = __webpack_require__(75);
+
+// EXTERNAL MODULE: external "core-js/modules/esnext.set.reduce.js"
+var esnext_set_reduce_js_ = __webpack_require__(76);
+
+// EXTERNAL MODULE: external "core-js/modules/esnext.set.some.js"
+var esnext_set_some_js_ = __webpack_require__(77);
+
+// EXTERNAL MODULE: external "core-js/modules/esnext.set.symmetric-difference.js"
+var esnext_set_symmetric_difference_js_ = __webpack_require__(78);
+
+// EXTERNAL MODULE: external "core-js/modules/esnext.set.union.js"
+var esnext_set_union_js_ = __webpack_require__(79);
+
+// EXTERNAL MODULE: external "core-js/modules/web.dom-collections.iterator.js"
+var web_dom_collections_iterator_js_ = __webpack_require__(6);
+
+// EXTERNAL MODULE: external "core-js/modules/es.array.push.js"
+var es_array_push_js_ = __webpack_require__(20);
+
+// EXTERNAL MODULE: external "vuedraggable"
+var external_vuedraggable_ = __webpack_require__(61);
+var external_vuedraggable_default = /*#__PURE__*/__webpack_require__.n(external_vuedraggable_);
+
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./src/frame/page-designer/widget-preview/PreviewItem.vue?vue&type=template&id=3ef911fa
+var render = function () {
+  var _obj
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    {
+      ref: "previewItem",
+      class: [
+        "epx-page-designer-widget-preview-item",
+        { "el-col": !_vm.parentWidget },
+        ((_obj = {}),
+        (_obj["el-col-" + (_vm.widget.span || 24)] = !_vm.parentWidget),
+        _obj),
+        {
+          "is-active":
+            this.selectedWidget && this.widget.id === this.selectedWidget.id,
+        },
+        { "is-hover": _vm.hoverWidgetId === _vm.widget.id },
+      ],
+      on: {
+        mouseover: function ($event) {
+          $event.stopPropagation()
+          _vm.hoverWidgetId = _vm.widget.id
+        },
+        mouseout: function ($event) {
+          $event.stopPropagation()
+          _vm.hoverWidgetId = null
+        },
+        click: function ($event) {
+          $event.stopPropagation()
+          return _vm.clickWidget($event)
+        },
+      },
+    },
+    [
+      _c(_vm.widgetName, {
+        key: _vm.widget.id,
+        tag: "component",
+        attrs: {
+          widget: _vm.widget,
+          designer: _vm.designer,
+          "parent-widget": _vm.parentWidget,
+          pageRelationList: _vm.pageRelationList,
+        },
+      }),
+      _c(
+        "div",
+        { staticClass: "epx-page-designer-widget-preview-item__drag" },
+        [
+          _c("i", { staticClass: "el-icon-rank" }),
+          _c("span", [_vm._v(_vm._s(_vm.widgetInfo.TITLE))]),
+        ]
+      ),
+      _c(
+        "div",
+        {
+          class: [
+            "epx-page-designer-widget-preview-item__operates",
+            {
+              "epx-page-designer-widget-preview-item__operates--covered":
+                _vm.isCovered,
+            },
+          ],
+        },
+        [
+          !_vm.designer.isTemplate
+            ? _c(
+                "span",
+                {
+                  staticClass:
+                    "epx-page-designer-widget-preview-item__operate-item",
+                  on: { click: _vm.openTemplateDialog },
+                },
+                [_vm._v("保存为模板")]
+              )
+            : _vm._e(),
+          _c(
+            "span",
+            {
+              staticClass:
+                "epx-page-designer-widget-preview-item__operate-item",
+              on: { click: _vm.copyWidget },
+            },
+            [_vm._v("复制")]
+          ),
+          _c(
+            "el-popconfirm",
+            {
+              attrs: {
+                title: _vm.$t("Confirm to delete the component") + " ?",
+              },
+              on: { confirm: _vm.deleteComponent },
+            },
+            [
+              _c(
+                "span",
+                {
+                  staticClass:
+                    "epx-page-designer-widget-preview-item__operate-del",
+                  attrs: { slot: "reference" },
+                  slot: "reference",
+                },
+                [_c("i", { staticClass: "el-icon-close" })]
+              ),
+            ]
+          ),
+        ],
+        1
+      ),
+      _c(
+        "el-dialog",
+        {
+          attrs: {
+            title: "保存模板",
+            visible: !!_vm.showTemplateModal,
+            width: "520px",
+            "append-to-body": "",
+            "destroy-on-close": "",
+          },
+          on: {
+            close: function ($event) {
+              _vm.showTemplateModal = false
+            },
+          },
+          nativeOn: {
+            click: function ($event) {
+              $event.stopPropagation()
+            },
+          },
+        },
+        [
+          _c(
+            "div",
+            { staticClass: "epx-page-designer__template-form-item" },
+            [
+              _c("label", { attrs: { for: "" } }, [_vm._v("模板名称:")]),
+              _c("el-input", {
+                attrs: { size: "medium" },
+                model: {
+                  value: _vm.template.NAME,
+                  callback: function ($$v) {
+                    _vm.$set(_vm.template, "NAME", $$v)
+                  },
+                  expression: "template.NAME",
+                },
+              }),
+            ],
+            1
+          ),
+          _c(
+            "div",
+            { staticClass: "epx-page-designer__template-form-item" },
+            [
+              _c("label", { attrs: { for: "" } }, [_vm._v("缩略图:")]),
+              _c("epx-photo", {
+                attrs: {
+                  fieldConfigs: {
+                    attriName: "PICTURE",
+                    attriLabel: "缩略图",
+                    state: "EDIT",
+                  },
+                },
+                model: {
+                  value: _vm.template.PICTURE,
+                  callback: function ($$v) {
+                    _vm.$set(_vm.template, "PICTURE", $$v)
+                  },
+                  expression: "template.PICTURE",
+                },
+              }),
+            ],
+            1
+          ),
+          _vm.clientConfig.CODE === "frame"
+            ? _c(
+                "div",
+                { staticClass: "epx-page-designer__template-form-item" },
+                [
+                  _c("label", { attrs: { for: "" } }, [_vm._v("应用级别:")]),
+                  _c(
+                    "el-radio-group",
+                    {
+                      model: {
+                        value: _vm.template.LEVEL,
+                        callback: function ($$v) {
+                          _vm.$set(_vm.template, "LEVEL", $$v)
+                        },
+                        expression: "template.LEVEL",
+                      },
+                    },
+                    [
+                      _c("el-radio", { attrs: { label: "01" } }, [
+                        _vm._v("平台级"),
+                      ]),
+                      _c("el-radio", { attrs: { label: "03" } }, [
+                        _vm._v("系统级"),
+                      ]),
+                    ],
+                    1
+                  ),
+                ],
+                1
+              )
+            : _vm._e(),
+          _c(
+            "div",
+            {
+              staticClass: "dialog-footer",
+              attrs: { slot: "footer" },
+              slot: "footer",
+            },
+            [
+              _c(
+                "el-button",
+                {
+                  on: {
+                    click: function ($event) {
+                      _vm.showTemplateModal = false
+                    },
+                  },
+                },
+                [_vm._v("取 消")]
+              ),
+              _c(
+                "el-button",
+                {
+                  attrs: { type: "primary" },
+                  on: { click: _vm.saveAsTemplate },
+                },
+                [_vm._v("确 定")]
+              ),
+            ],
+            1
+          ),
+        ]
+      ),
+    ],
+    1
+  )
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+// CONCATENATED MODULE: ./src/frame/page-designer/widget-preview/PreviewItem.vue?vue&type=template&id=3ef911fa
+
+// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/createForOfIteratorHelper.js
+var createForOfIteratorHelper = __webpack_require__(46);
+
+// EXTERNAL MODULE: external "core-js/modules/es.array.find.js"
+var es_array_find_js_ = __webpack_require__(26);
+
+// EXTERNAL MODULE: external "core-js/modules/es.array.map.js"
+var es_array_map_js_ = __webpack_require__(13);
+
+// EXTERNAL MODULE: external "core-js/modules/es.json.stringify.js"
+var es_json_stringify_js_ = __webpack_require__(62);
+
+// EXTERNAL MODULE: external "vue"
+var external_vue_ = __webpack_require__(63);
+var external_vue_default = /*#__PURE__*/__webpack_require__.n(external_vue_);
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/frame/page-designer/widget-preview/PreviewItem.vue?vue&type=script&lang=js
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+/* harmony default export */ var PreviewItemvue_type_script_lang_js = ({
+  name: 'epx-page-designer-widget-preview-item',
+  data: function data() {
+    return {
+      hoverWidgetId: null,
+      showTemplateModal: false,
+      template: {},
+      isCovered: false
+    };
+  },
+  props: {
+    designer: Object,
+    parentWidget: Object,
+    widget: Object,
+    pageRelationList: Array
+  },
+  computed: {
+    selectedWidget: function selectedWidget() {
+      return this.designer.selectedWidget;
+    },
+    widgetInfo: function widgetInfo() {
+      return this.designer.getWidgetByType(this.widget.contentType) || {};
+    },
+    isContainer: function isContainer() {
+      return this.widgetInfo.CONTAINER === '1';
+    },
+    widgetName: function widgetName() {
+      var _this = this;
+      var contentType = this.widget.contentType;
+      var previewCompName = contentType + '--preview';
+      var hasPreview = external_vue_default.a.component('epx-' + previewCompName);
+      if (!hasPreview && this.widgetInfo.UP_PAGE) {
+        var parent = this.designer.allWidgets.find(function (item) {
+          return item.ID === _this.widgetInfo.UP_PAGE;
+        });
+        if (parent) {
+          previewCompName = parent.CODE + '--preview';
+          hasPreview = external_vue_default.a.component('epx-' + previewCompName);
+        }
+      }
+      if (hasPreview) {
+        return 'epx-' + previewCompName;
+      } else {
+        if (this.isContainer) {
+          return 'epx-page-designer-widget-preview-container';
+        }
+        return 'epx-page-designer-widget-preview-placeholder';
+      }
+    }
+  },
+  watch: {
+    selectedWidget: function selectedWidget(v) {
+      var _this2 = this;
+      if (this.widget.id === this.selectedWidget.id) {
+        this.$nextTick(function () {
+          _this2.isCovered = _this2.$refs.previewItem.offsetTop < 14;
+        });
+      }
+    }
+  },
+  methods: {
+    clickWidget: function clickWidget() {
+      this.designer.setSelected(this.widget);
+    },
+    copyWidget: function copyWidget() {
+      this.designer.copyWidget(this.widget, this.parentWidget);
+    },
+    deleteComponent: function deleteComponent() {
+      this.designer.deleteWidget(this.widget, this.parentWidget);
+    },
+    openTemplateDialog: function openTemplateDialog() {
+      this.showTemplateModal = true;
+      this.template = {
+        NAME: '',
+        LEVEL: '03'
+      };
+    },
+    getTemplateContent: function getTemplateContent() {
+      var _this3 = this;
+      // 获取组件及子组件配置
+      var eventNameMap = {};
+      var widgetIds = [this.widget.id];
+      var events = [];
+      var widgetConfigs = {};
+      var js = this.designer.pageConfig.JS;
+      var widgetJs = '';
+      var getAllWidgetIds = function getAllWidgetIds(widgets) {
+        if (!widgets) return;
+        var _iterator = Object(createForOfIteratorHelper["a" /* default */])(widgets),
+          _step;
+        try {
+          for (_iterator.s(); !(_step = _iterator.n()).done;) {
+            var item = _step.value;
+            widgetIds.push(item.id);
+            if (item.items) {
+              getAllWidgetIds(item.items);
+            }
+          }
+        } catch (err) {
+          _iterator.e(err);
+        } finally {
+          _iterator.f();
+        }
+      };
+      getAllWidgetIds(this.widget.items);
+      // 获取组件对应的配置
+      for (var _i = 0, _widgetIds = widgetIds; _i < _widgetIds.length; _i++) {
+        var widgetId = _widgetIds[_i];
+        if (this.designer.widgetConfig[widgetId]) {
+          // 获取对应的JS
+          var config = this.$_.cloneDeep(this.designer.widgetConfig[widgetId]);
+          widgetConfigs[widgetId] = config;
+          if (config.componentEvents) {
+            for (var key in config.componentEvents) {
+              var arr = config.componentEvents[key];
+              events.push.apply(events, Object(toConsumableArray["a" /* default */])(arr));
+              config.componentEvents[key] = arr.map(function (item) {
+                var newEventName = "".concat(item, "_").concat(_this3.$util.genId());
+                eventNameMap[item] = newEventName;
+                return newEventName;
+              });
+            }
+          }
+          if (config.fields) {
+            var _iterator2 = Object(createForOfIteratorHelper["a" /* default */])(config.fields),
+              _step2;
+            try {
+              for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+                var field = _step2.value;
+                if (field.events) {
+                  for (var _key2 in field.events) {
+                    var _arr = field.events[_key2];
+                    events.push.apply(events, Object(toConsumableArray["a" /* default */])(_arr));
+                    field.events[_key2] = _arr.map(function (item) {
+                      var newEventName = "".concat(item, "_").concat(_this3.$util.genId());
+                      eventNameMap[item] = newEventName;
+                      return newEventName;
+                    });
+                  }
+                }
+              }
+            } catch (err) {
+              _iterator2.e(err);
+            } finally {
+              _iterator2.f();
+            }
+          }
+        }
+      }
+      if (js) {
+        var result = js.split(/export\s+function\s+/);
+        result.forEach(function (item) {
+          var funtionStr = item.replace(/\/\*(\n|.)+?\*\/[\n\s]+$/, '');
+          if (funtionStr.replace(/[\n\s]+/g, '').length > 0) {
+            var funtionName = funtionStr.split(/\s+\(/)[0];
+            if (Object(toConsumableArray["a" /* default */])(new Set(events)).includes(funtionName)) {
+              widgetJs += 'export function ' + funtionStr.replace(/^\w+/, eventNameMap[funtionName]);
+            }
+          }
+        });
+      }
+      return {
+        items: [this.widget],
+        itemConfigs: widgetConfigs,
+        JS: widgetJs
+      };
+    },
+    saveAsTemplate: function saveAsTemplate() {
+      var _this4 = this;
+      var content = this.getTemplateContent();
+      if (!this.template.NAME) {
+        this.$message.error('请输入模板名称');
+        return;
+      }
+      var params = {
+        'bean.CLIENT': this.CLIENT,
+        'bean.SYSTEM': this.SYSTEM,
+        'bean.NAME': this.template.NAME,
+        'bean.LEVEL': this.template.LEVEL,
+        'bean.PICTURE': this.template.PICTURE,
+        'bean.CONTENT': JSON.stringify(content)
+      };
+      this.$http.save(Object(objectSpread2["a" /* default */])({
+        entityId: 'FM_TEMPLATE'
+      }, params)).then(function () {
+        _this4.$message.success('保存成功');
+        _this4.showTemplateModal = false;
+      }).catch(function (err) {
+        _this4.$message.error(err.message);
+      });
+    }
+  }
+});
+// CONCATENATED MODULE: ./src/frame/page-designer/widget-preview/PreviewItem.vue?vue&type=script&lang=js
+ /* harmony default export */ var widget_preview_PreviewItemvue_type_script_lang_js = (PreviewItemvue_type_script_lang_js); 
+// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js
+var injectStylesIntoStyleTag = __webpack_require__(16);
+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/page-designer/widget-preview/PreviewItem.vue?vue&type=style&index=0&id=3ef911fa&prod&lang=scss
+var PreviewItemvue_type_style_index_0_id_3ef911fa_prod_lang_scss = __webpack_require__(80);
+
+// 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/page-designer/widget-preview/PreviewItem.vue?vue&type=style&index=0&id=3ef911fa&prod&lang=scss
+
+            
+
+var options = {};
+
+options.insert = "head";
+options.singleton = false;
+
+var update = injectStylesIntoStyleTag_default()(PreviewItemvue_type_style_index_0_id_3ef911fa_prod_lang_scss["a" /* default */], options);
+
+
+
+/* harmony default export */ var widget_preview_PreviewItemvue_type_style_index_0_id_3ef911fa_prod_lang_scss = (PreviewItemvue_type_style_index_0_id_3ef911fa_prod_lang_scss["a" /* default */].locals || {});
+// CONCATENATED MODULE: ./src/frame/page-designer/widget-preview/PreviewItem.vue?vue&type=style&index=0&id=3ef911fa&prod&lang=scss
+
+// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__(15);
+
+// CONCATENATED MODULE: ./src/frame/page-designer/widget-preview/PreviewItem.vue
+
+
+
+
+
+
+/* normalize component */
+
+var component = Object(componentNormalizer["a" /* default */])(
+  widget_preview_PreviewItemvue_type_script_lang_js,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var PreviewItem = (component.exports);
+// CONCATENATED MODULE: ./src/frame/page-designer/widget-preview/Mixin.js
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+function appendCss(id, css) {
+  var element = document.getElementById('style_' + id);
+  if (element) {
+    element.textContent = css.replace(/:current/g, '.css_' + id);
+  } else {
+    var style = document.createElement('style');
+    style.id = 'style_' + id;
+    style.textContent = css.replace(/:current/g, '.css_' + id);
+    style.setAttribute('type', 'text/css');
+    document.head.appendChild(style);
+  }
+}
+function removeCss(id) {
+  var element = document.getElementById('style_' + id);
+  if (element) document.head.removeChild(element);
+}
+/* harmony default export */ var Mixin = __webpack_exports__["a"] = ({
+  data: function data() {
+    return {
+      pageDesignerDragProps: {
+        group: 'pageDesignerWidget',
+        ghostClass: 'ghost',
+        animation: 300,
+        componentData: {
+          attrs: {
+            'data-id': this.widget.id
+          }
+        },
+        move: this.checkMove
+      },
+      pageDesignerDragEvents: {
+        add: this.onDragAdd,
+        end: this.onDragEnd,
+        update: this.onDragUpdate,
+        change: this.onDragChange
+      }
+    };
+  },
+  components: {
+    draggable: external_vuedraggable_default.a,
+    'widget-preview': PreviewItem
+  },
+  props: {
+    designer: {
+      type: Object
+    },
+    widget: {
+      type: Object
+    },
+    pageRelationList: {
+      type: Array
+    }
+  },
+  computed: {
+    selectedWidget: function selectedWidget() {
+      return this.designer.selectedWidget;
+    },
+    widgetInfo: function widgetInfo() {
+      return this.designer.getWidgetByType(this.widget.contentType) || {};
+    },
+    childWidgetList: {
+      get: function get() {
+        return this.widget.items || [];
+      },
+      set: function set(v) {
+        this.designer.updateWidget(this.widget.id, {
+          items: v
+        });
+      }
+    },
+    style: function style() {
+      var _this$widget$style = this.widget.style,
+        style = _this$widget$style === void 0 ? {} : _this$widget$style;
+      if (this.$configs.height && !style.height) {
+        var height = this.$configs.height.includes('%') ? this.$configs.height : this.$configs.height + 'px';
+        style.height = height;
+      }
+      return style;
+    },
+    widgetStyle: function widgetStyle() {
+      var _this$widget$style2 = this.widget.style,
+        style = _this$widget$style2 === void 0 ? {} : _this$widget$style2;
+      return style;
+    },
+    $configs: function $configs() {
+      var _this$widget = this.widget,
+        id = _this$widget.id,
+        _this$widget$configs = _this$widget.configs,
+        configs = _this$widget$configs === void 0 ? {} : _this$widget$configs;
+      var widgetConfig = this.designer.widgetConfig[id] || {};
+      return Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, widgetConfig), configs);
+    },
+    $metaId: function $metaId() {
+      var metaId = this.$configs.metaId;
+      return metaId || this.designer.page.metaId;
+    }
+  },
+  watch: {
+    'widget.css': function widgetCss(v) {
+      appendCss(this.widget.id, this.widget.css);
+    }
+  },
+  methods: {
+    onDragAdd: function onDragAdd(evt) {
+      var _this = this;
+      var isTemplate = !!evt.item.getAttribute('template-id');
+      if (isTemplate) {
+        var content = evt.originalEvent.dataTransfer.getData('template');
+        if (content) {
+          var config = JSON.parse(content);
+          var items = config.items,
+            itemConfigs = config.itemConfigs,
+            templateJs = config.JS;
+          var formatConfig = function formatConfig(arr) {
+            arr.forEach(function (compItem) {
+              var oldId = compItem.id;
+              var newId = compItem.contentType + '_' + _this.$util.genId();
+              if (itemConfigs[oldId]) {
+                itemConfigs[newId] = itemConfigs[oldId];
+                delete itemConfigs[oldId];
+              }
+              compItem.id = newId;
+              if (compItem.items) {
+                formatConfig(compItem.items);
+              }
+            });
+          };
+          formatConfig(items);
+          if (this.widget) {
+            var childWidgetList = Object(toConsumableArray["a" /* default */])(this.childWidgetList);
+            childWidgetList.splice.apply(childWidgetList, [evt.newIndex, 0].concat(Object(toConsumableArray["a" /* default */])(items)));
+            this.childWidgetList = childWidgetList;
+          } else {
+            var widgetList = Object(toConsumableArray["a" /* default */])(this.designer.widgetList);
+            widgetList.splice.apply(widgetList, [evt.newIndex, 0].concat(Object(toConsumableArray["a" /* default */])(items)));
+            this.designer.widgetList = widgetList;
+          }
+          this.designer.widgetConfig = Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, this.designer.widgetConfig), itemConfigs);
+          // 获取原JS函数，不存在添加
+          if (templateJs) {
+            var _this$designer$pageCo = this.designer.pageConfig.JS,
+              JS = _this$designer$pageCo === void 0 ? '' : _this$designer$pageCo;
+            var result = JS.match(/export\sfunction\s(\w+)/g);
+            var events = [];
+            if (result) {
+              result.forEach(function (item) {
+                events.push(item.replace(/export\sfunction\s/, ''));
+              });
+            }
+            var templateJsResult = templateJs.split(/export\s+function\s+/);
+            templateJsResult.forEach(function (item) {
+              var funtionStr = item.replace(/\/\*(\n|.)+?\*\/[\n\s]+$/, '');
+              if (funtionStr.replace(/[\n\s]+/g, '').length > 0) {
+                var funtionName = funtionStr.split(/\s+\(/)[0];
+                if (!Object(toConsumableArray["a" /* default */])(new Set(events)).includes(funtionName)) {
+                  JS += 'export function ' + funtionStr.replace(/^\w+/, funtionName);
+                }
+              }
+            });
+            this.designer.updatePageConfig({
+              JS: JS
+            });
+          }
+        }
+      }
+    },
+    onDragEnd: function onDragEnd(evt) {
+      console.log(evt);
+    },
+    onDragUpdate: function onDragUpdate() {},
+    checkMove: function checkMove(evt) {
+      console.log(evt);
+    },
+    onDragChange: function onDragChange(evt) {
+      console.log(evt);
+    }
+  },
+  mounted: function mounted() {
+    if (this.widget.css) {
+      appendCss(this.widget.id, this.widget.css);
+    }
+    if (this.$el) {
+      if (this.$el.classList) {
+        this.$el.classList.add('css_' + this.widget.id);
+      } else {
+        this.$el.className += ' css_' + this.widget.id;
+      }
+    }
+  },
+  destroyed: function destroyed() {
+    removeCss(this.widget.id);
+  }
+});
+
+/***/ }),
+
+/***/ 9:
 /***/ (function(module, exports) {
 
-module.exports = require("core-js/modules/web.dom-collections.iterator.js");
+module.exports = require("core-js/modules/es.function.name.js");
 
 /***/ }),
 
-/***/ 75:
+/***/ 94:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* harmony import */ var E_workspace_gitrepo_epx_group_frame_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20);
-/* harmony import */ var E_workspace_gitrepo_epx_group_frame_node_modules_babel_runtime_helpers_esm_createForOfIteratorHelper_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(51);
-/* harmony import */ var E_workspace_gitrepo_epx_group_frame_node_modules_babel_runtime_helpers_esm_toConsumableArray_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(3);
+/* harmony import */ var E_workspace_gitrepo_epx_group_frame_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(24);
+/* harmony import */ var E_workspace_gitrepo_epx_group_frame_node_modules_babel_runtime_helpers_esm_createForOfIteratorHelper_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(46);
+/* harmony import */ var E_workspace_gitrepo_epx_group_frame_node_modules_babel_runtime_helpers_esm_toConsumableArray_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(2);
 /* harmony import */ var E_workspace_gitrepo_epx_group_frame_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(0);
-/* harmony import */ var core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(16);
+/* harmony import */ var core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(19);
 /* harmony import */ var core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(32);
+/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(34);
 /* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_5__);
 /* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(1);
 /* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_6__);
-/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(30);
+/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(25);
 /* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_7__);
-/* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(34);
+/* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(27);
 /* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_8__);
-/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(14);
+/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(12);
 /* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_9__);
-/* harmony import */ var core_js_modules_es_string_match_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(60);
+/* harmony import */ var core_js_modules_es_string_match_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(58);
 /* harmony import */ var core_js_modules_es_string_match_js__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_match_js__WEBPACK_IMPORTED_MODULE_10__);
-/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(9);
+/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(8);
 /* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_11__);
-/* harmony import */ var core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(29);
+/* harmony import */ var core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(23);
 /* harmony import */ var core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_12__);
-/* harmony import */ var core_js_modules_es_array_find_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(23);
+/* harmony import */ var core_js_modules_es_array_find_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(26);
 /* harmony import */ var core_js_modules_es_array_find_js__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_find_js__WEBPACK_IMPORTED_MODULE_13__);
-/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(19);
+/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(18);
 /* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_14__);
-/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(15);
+/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(14);
 /* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_15__);
-/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(12);
+/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(13);
 /* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_16__);
-/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(22);
+/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(20);
 /* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_17___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_17__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(25);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(28);
 /* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_18___default = /*#__PURE__*/__webpack_require__.n(vuex__WEBPACK_IMPORTED_MODULE_18__);
 
 
@@ -3911,6 +4880,8 @@ module.exports = require("core-js/modules/web.dom-collections.iterator.js");
 /* harmony default export */ __webpack_exports__["a"] = ({
   name: 'epx-visual-component',
   props: {
+    designer: Object,
+    widget: Object,
     id: [String, Number],
     metaId: String,
     upMetaId: String,
@@ -3981,6 +4952,9 @@ module.exports = require("core-js/modules/web.dom-collections.iterator.js");
     changeItemConfigs: {
       type: Function
     },
+    updateWidget: {
+      type: Function
+    },
     setContainerDefaultItems: {
       type: Function
     }
@@ -4137,7 +5111,8 @@ module.exports = require("core-js/modules/web.dom-collections.iterator.js");
         var componentSetting = this.getComponentSetting();
         var configs = this.getConfigs();
         this.changeItemConfigs(this.id, configs);
-        this.changeItemConfigs(this.id, componentSetting, 'component');
+        if (this.designer) this.designer.updateWidget(this.id, componentSetting);
+        // this.changeItemConfigs(this.id, componentSetting, 'component')
         // 控制设置到
       },
       deep: true
@@ -4221,10 +5196,6 @@ module.exports = require("core-js/modules/web.dom-collections.iterator.js");
         label: '移动端宽度',
         type: 'select',
         options: this.spanOptions
-      }, {
-        key: 'height',
-        label: '高度',
-        type: 'input'
       }, {
         key: 'flex',
         label: '占据页面剩余空间',
@@ -4586,11 +5557,15 @@ module.exports = require("core-js/modules/web.dom-collections.iterator.js");
     getComponentSetting: function getComponentSetting() {
       var _this10 = this;
       var _setting = {};
+      var componentAttris = ['flex', 'layout', 'direction', 'justify', 'align', 'style', 'componentName', 'span', 'xsspan', 'items', 'countScopeParams'];
       var _loop = function _loop(key) {
+        var isAttri = componentAttris.find(function (item) {
+          return item === key || item + '.i18n' === key;
+        });
         var configOption = _this10.configOptions.find(function (item) {
           return item.key === key;
         }) || {};
-        if (configOption.allocation === 'component') {
+        if (configOption.allocation === 'component' || isAttri) {
           if (!_this10.$_.isEqual(_this10.config[key], _this10.defaultConfigs[key])) {
             _setting[key] = _this10.config[key];
           }
@@ -4757,16 +5732,7 @@ module.exports = require("core-js/modules/web.dom-collections.iterator.js");
           "defaultValue": defaultValue
         },
         "on": {
-          "change-configs": this.changeConfigItem.bind(this, item.key)
-        }
-      }) : item.type === 'select' ? h("epx-visual-config-select", {
-        "attrs": {
-          "option-list": item.options,
-          "value": this.allConfigs[item.key],
-          "defaultValue": defaultValue
-        },
-        "on": {
-          "change-configs": this.changeConfigItem.bind(this, item.key)
+          "change-configs": item.change || this.changeConfigItem.bind(this, item.key)
         }
       }) : item.type === 'list-field' || item.type === 'field' && item.fieldEditable === '1' ? h("epx-visual-config-list-field", {
         "attrs": {
@@ -4972,6 +5938,7 @@ module.exports = require("core-js/modules/web.dom-collections.iterator.js");
           "value": this.allConfigs[item.key],
           "i18nValue": this.allConfigs[item.key + '.i18n'],
           "defaultValue": this.defaultConfigs[item.key],
+          "regExp": item.regExp,
           "change": item.change
         },
         "on": {
@@ -5062,294 +6029,11 @@ 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/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___);
-
-
-/***/ }),
-
-/***/ 82:
+/***/ 99:
 /***/ (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__ = __webpack_require__(17);
 /* 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
 
@@ -5360,13 +6044,6 @@ ___CSS_LOADER_EXPORT___.push([module.i, ".epx-visual-component{padding:0 16px}.e
 /* harmony default export */ __webpack_exports__["a"] = (___CSS_LOADER_EXPORT___);
 
 
-/***/ }),
-
-/***/ 9:
-/***/ (function(module, exports) {
-
-module.exports = require("core-js/modules/web.dom-collections.for-each.js");
-
 /***/ })
 
 /******/ });