epx-frame 4.1.4 → 4.1.5

package/lib/num.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 469);
+/******/ 	return __webpack_require__(__webpack_require__.s = 481);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -92,23 +92,23 @@ module.exports =
 
 "use strict";
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _objectSpread2; });
-/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(17);
+/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(19);
 /* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2);
 /* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(33);
+/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(32);
 /* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_2__);
 /* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(1);
 /* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_3__);
 /* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(44);
 /* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(8);
+/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(9);
 /* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_5__);
 /* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(45);
 /* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_6__);
 /* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(22);
 /* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_7__);
-/* harmony import */ var _defineProperty_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(21);
+/* harmony import */ var _defineProperty_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(20);
 
 
 
@@ -169,7 +169,7 @@ module.exports = require("core-js/modules/es.object.to-string.js");
 /* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_2__);
 /* harmony import */ var core_js_modules_es_symbol_iterator_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(11);
 /* harmony import */ var core_js_modules_es_symbol_iterator_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_iterator_js__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(23);
+/* harmony import */ var core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(24);
 /* harmony import */ var core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_4__);
 /* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(5);
 /* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_5__);
@@ -185,15 +185,15 @@ module.exports = require("core-js/modules/es.object.to-string.js");
 /* harmony import */ var core_js_modules_es_math_to_string_tag_js__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_math_to_string_tag_js__WEBPACK_IMPORTED_MODULE_10__);
 /* harmony import */ var core_js_modules_es_object_get_prototype_of_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(46);
 /* harmony import */ var core_js_modules_es_object_get_prototype_of_js__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_prototype_of_js__WEBPACK_IMPORTED_MODULE_11__);
-/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(8);
+/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(9);
 /* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_12__);
-/* harmony import */ var core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(9);
+/* harmony import */ var core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(8);
 /* harmony import */ var core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_13__);
 /* harmony import */ var core_js_modules_es_promise_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(38);
 /* harmony import */ var core_js_modules_es_promise_js__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_promise_js__WEBPACK_IMPORTED_MODULE_14__);
 /* harmony import */ var core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(28);
 /* harmony import */ var core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_15__);
-/* harmony import */ var core_js_modules_es_error_cause_js__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(32);
+/* harmony import */ var core_js_modules_es_error_cause_js__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(33);
 /* harmony import */ var core_js_modules_es_error_cause_js__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_error_cause_js__WEBPACK_IMPORTED_MODULE_16__);
 /* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(22);
 /* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_17___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_17__);
@@ -559,20 +559,6 @@ module.exports = require("core-js/modules/es.array.map.js");
 /***/ }),
 
 /***/ 13:
-/***/ (function(module, exports) {
-
-module.exports = require("core-js/modules/es.regexp.exec.js");
-
-/***/ }),
-
-/***/ 14:
-/***/ (function(module, exports) {
-
-module.exports = require("core-js/modules/es.array.concat.js");
-
-/***/ }),
-
-/***/ 15:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -675,6 +661,20 @@ 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:
@@ -684,37 +684,37 @@ module.exports = require("core-js/modules/es.number.constructor.js");
 
 /***/ }),
 
-/***/ 165:
+/***/ 167:
 /***/ (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 E_workspace_gitrepo_epx_group_frame_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(56);
+/* harmony import */ var E_workspace_gitrepo_epx_group_frame_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(57);
 /* harmony import */ var E_workspace_gitrepo_epx_group_frame_node_modules_babel_runtime_helpers_esm_typeof_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(4);
 /* harmony import */ var core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(16);
 /* harmony import */ var core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_4__);
 /* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(1);
 /* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_5__);
-/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(8);
+/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(9);
 /* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_6__);
-/* harmony import */ var core_js_modules_es_object_entries_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(60);
+/* harmony import */ var core_js_modules_es_object_entries_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(62);
 /* harmony import */ var core_js_modules_es_object_entries_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_entries_js__WEBPACK_IMPORTED_MODULE_7__);
-/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(14);
+/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(15);
 /* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_8__);
-/* harmony import */ var core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(23);
+/* harmony import */ var core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(24);
 /* harmony import */ var core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_9__);
 /* harmony import */ var core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(7);
 /* harmony import */ var core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_10__);
-/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(13);
+/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(14);
 /* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_11__);
 /* harmony import */ var core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(29);
 /* harmony import */ var core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_12__);
 /* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(12);
 /* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_13__);
-/* harmony import */ var core_js_modules_es_string_link_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(66);
+/* harmony import */ var core_js_modules_es_string_link_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(65);
 /* harmony import */ var core_js_modules_es_string_link_js__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_link_js__WEBPACK_IMPORTED_MODULE_14__);
-/* harmony import */ var core_js_modules_es_string_search_js__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(73);
+/* harmony import */ var core_js_modules_es_string_search_js__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(74);
 /* harmony import */ var core_js_modules_es_string_search_js__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_search_js__WEBPACK_IMPORTED_MODULE_15__);
 /* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(22);
 /* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_16__);
@@ -1070,214 +1070,6 @@ module.exports = require("core-js/modules/es.number.constructor.js");
 /***/ }),
 
 /***/ 17:
-/***/ (function(module, exports) {
-
-module.exports = require("core-js/modules/es.object.keys.js");
-
-/***/ }),
-
-/***/ 170:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-
-// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./src/frame/packages/num/CardNum.vue?vue&type=template&id=a6f8510c
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    {
-      class: [
-        "epx-card-num",
-        { "is-border": _vm.$configs.border },
-        "epx-card-num--" + _vm.compTheme,
-        "epx-card-num--shadow-" + _vm.$configs.shadow,
-      ].concat(_vm.classNameList),
-      style: Object.assign({}, _vm.$component.style),
-      on: { click: _vm.openPage },
-    },
-    [
-      (_vm.$configs.iconType !== "image" && _vm.$configs.icon) ||
-      (_vm.$configs.iconType === "image" && _vm.$configs.imgUrl)
-        ? _c(
-            "span",
-            {
-              class: [
-                "epx-card-num__icon",
-                {
-                  "epx-card-num__icon--showBg":
-                    _vm.$configs.iconType !== "image" &&
-                    _vm.$configs.showIconBg,
-                },
-              ],
-              style: {
-                backgroundColor:
-                  _vm.$configs.iconType !== "image" &&
-                  _vm.$configs.iconColor &&
-                  _vm.$configs.showIconBg
-                    ? _vm.$configs.iconColor
-                    : "",
-              },
-            },
-            [
-              _vm.$configs.iconType === "image"
-                ? _c("img", {
-                    style: {
-                      width: _vm.$configs.iconSize + "px",
-                      height: _vm.$configs.iconSize + "px",
-                    },
-                    attrs: { src: _vm.$util.getFileUrl(_vm.$configs.imgUrl) },
-                  })
-                : _c("i", {
-                    class: [_vm.$configs.icon],
-                    style: {
-                      fontSize: _vm.$configs.iconSize + "px",
-                      color:
-                        _vm.$configs.iconColor && !_vm.$configs.showIconBg
-                          ? _vm.$configs.iconColor
-                          : "",
-                    },
-                  }),
-            ]
-          )
-        : _vm._e(),
-      _c(
-        "div",
-        { class: ["epx-card-num__content", _vm.contentClassName] },
-        [
-          _c(
-            "font",
-            { staticClass: "epx-card-num__title", style: _vm.titleFontStyle },
-            [
-              _vm._v(
-                _vm._s(
-                  _vm.title ||
-                    _vm.$component.title ||
-                    _vm.$configs.componentName
-                )
-              ),
-            ]
-          ),
-          _c(
-            "span",
-            { staticClass: "epx-card-num__num" },
-            [
-              _c("font", { style: _vm.countFontStyle }, [
-                _vm._v(_vm._s(_vm.count || _vm.num || 0)),
-              ]),
-              _vm.$configs.suffix
-                ? _c(
-                    "font",
-                    {
-                      staticClass: "epx-card-num__suffix",
-                      style: _vm.unitFontStyle,
-                    },
-                    [_vm._v(_vm._s(_vm.$configs.suffix))]
-                  )
-                : _vm._e(),
-            ],
-            1
-          ),
-        ],
-        1
-      ),
-    ]
-  )
-}
-var staticRenderFns = []
-render._withStripped = true
-
-
-// CONCATENATED MODULE: ./src/frame/packages/num/CardNum.vue?vue&type=template&id=a6f8510c
-
-// EXTERNAL MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/frame/packages/num/CardNum.vue?vue&type=script&lang=js
-var CardNumvue_type_script_lang_js = __webpack_require__(165);
-
-// CONCATENATED MODULE: ./src/frame/packages/num/CardNum.vue?vue&type=script&lang=js
- /* harmony default export */ var num_CardNumvue_type_script_lang_js = (CardNumvue_type_script_lang_js["a" /* default */]); 
-// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js
-var injectStylesIntoStyleTag = __webpack_require__(19);
-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/num/CardNum.vue?vue&type=style&index=0&id=a6f8510c&prod&lang=scss
-var CardNumvue_type_style_index_0_id_a6f8510c_prod_lang_scss = __webpack_require__(178);
-
-// 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/num/CardNum.vue?vue&type=style&index=0&id=a6f8510c&prod&lang=scss
-
-            
-
-var options = {};
-
-options.insert = "head";
-options.singleton = false;
-
-var update = injectStylesIntoStyleTag_default()(CardNumvue_type_style_index_0_id_a6f8510c_prod_lang_scss["a" /* default */], options);
-
-
-
-/* harmony default export */ var num_CardNumvue_type_style_index_0_id_a6f8510c_prod_lang_scss = (CardNumvue_type_style_index_0_id_a6f8510c_prod_lang_scss["a" /* default */].locals || {});
-// CONCATENATED MODULE: ./src/frame/packages/num/CardNum.vue?vue&type=style&index=0&id=a6f8510c&prod&lang=scss
-
-// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
-var componentNormalizer = __webpack_require__(15);
-
-// CONCATENATED MODULE: ./src/frame/packages/num/CardNum.vue
-
-
-
-
-
-
-/* normalize component */
-
-var component = Object(componentNormalizer["a" /* default */])(
-  num_CardNumvue_type_script_lang_js,
-  render,
-  staticRenderFns,
-  false,
-  null,
-  null,
-  null
-  
-)
-
-/* harmony default export */ var CardNum = __webpack_exports__["a"] = (component.exports);
-
-/***/ }),
-
-/***/ 178:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
-// Imports
-
-var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});
-// Module
-___CSS_LOADER_EXPORT___.push([module.i, ".epx-card-num{height:100%;box-sizing:border-box;background:#fff;padding:20px;border-radius:var(--border-radius);display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap;cursor:pointer}.epx-card-num.is-border{border:1px solid #e8e8e8}.epx-card-num--dark{background:rgba(255,255,255,0.1)}.epx-card-num--dark .epx-card-num__title{color:rgba(255,255,255,0.8)}.epx-card-num--dark .epx-card-num__num{color:#fff}.epx-card-num--dark .epx-card-num__num>font{color:#fff}.epx-card-num--technology{background:rgba(255,255,255,0.1);backdrop-filter:blur(4px);position:relative}.epx-card-num--technology::before{content:'';position:absolute;top:0;display:block;width:100%;height:1px;background:linear-gradient(90deg, rgba(45,164,247,0) 0%, #2DA4F7 50%, rgba(45,164,247,0) 100%);opacity:0.5}.epx-card-num--technology::after{content:'';position:absolute;bottom:0;display:block;width:100%;height:1px;background:linear-gradient(90deg, rgba(45,164,247,0) 0%, #2DA4F7 50%, rgba(45,164,247,0) 100%);opacity:0.5}.epx-card-num--technology .epx-card-num__title{color:rgba(255,255,255,0.8)}.epx-card-num--technology .epx-card-num__num{color:#fff}.epx-card-num--technology .epx-card-num__num>font{color:#fff}.epx-card-num--center{justify-content:center}.epx-card-num--start{justify-content:flex-start}.epx-card-num--end{justify-content:flex-end}.epx-card-num--icon-top{flex-direction:column}.epx-card-num--icon-top--center{align-items:center}.epx-card-num--icon-top--start{align-items:flex-start}.epx-card-num--icon-top--end{align-items:flex-end}.epx-card-num--icon-top .epx-card-num__icon{margin-right:0;margin-bottom:10px}.epx-card-num--icon-right{flex-direction:row-reverse}.epx-card-num--icon-right .epx-card-num__icon{margin-right:0;margin-left:10px}.epx-card-num--icon-bottom{flex-direction:column-reverse}.epx-card-num--icon-bottom--center{align-items:center}.epx-card-num--icon-bottom--start{align-items:flex-start}.epx-card-num--icon-bottom--end{align-items:flex-end}.epx-card-num--icon-bottom .epx-card-num__icon{margin-right:0;margin-top:10px}.epx-card-num--shadow-hover:hover{box-shadow:0px 4px 12px -2px rgba(0,0,0,0.1)}.epx-card-num--shadow-always{box-shadow:0px 4px 12px -2px rgba(0,0,0,0.1)}.epx-card-num--horizontal{flex-direction:row;justify-content:center}.epx-card-num--horizontal .epx-card-num__icon{margin-bottom:0;margin-right:10px}.epx-card-num--center .epx-card-num__content{align-items:center}.epx-card-num--center.epx-card-num--horizontal .epx-card-num__content{align-items:flex-start}.epx-card-num--center.epx-card-num--horizontal_content .epx-card-num__content{align-items:center}.epx-card-num--between{justify-content:space-between}.epx-card-num--between.epx-card-num--horizontal_content .epx-card-num__content{flex:1;justify-content:space-between}.epx-card-num--reverse{flex-direction:row-reverse}.epx-card-num--reverse .epx-card-num__icon{margin-right:0}.epx-card-num--reverse .epx-card-num__content{align-items:flex-start}.epx-card-num--horizontal_content .epx-card-num__content{flex-direction:row;align-items:center}.epx-card-num--horizontal_content .epx-card-num__content .epx-card-num__title{margin-right:20px}.epx-card-num--horizontal_content .epx-card-num__content .epx-card-num__num{margin-right:0}.epx-card-num--horizontal_content .epx-card-num__content--reverse{flex-direction:row-reverse}.epx-card-num--horizontal_content .epx-card-num__content--reverse .epx-card-num__title{margin-right:0}.epx-card-num--horizontal_content .epx-card-num__content--reverse .epx-card-num__num{margin-right:20px}.epx-card-num__icon{margin-bottom:10px;display:flex;align-items:center;justify-content:center;color:#0874e7}[data-theme=purple] .epx-card-num__icon{color:#7569e2}[data-theme=palevioletred] .epx-card-num__icon{color:#ce4545}[data-theme=forestgreen] .epx-card-num__icon{color:#3d8a50}[data-theme=deepblue] .epx-card-num__icon{color:#0f5fbd}[data-theme=orange] .epx-card-num__icon{color:#ea6000}[data-theme=skyblue] .epx-card-num__icon{color:#1a4586}[data-theme=aurorablue] .epx-card-num__icon{color:#383b9e}[data-theme=tiffanyblue] .epx-card-num__icon{color:#00aaad}[data-theme=tsinghuapurple] .epx-card-num__icon{color:#5f2167}[data-theme=creativeblue] .epx-card-num__icon{color:#418cff}[data-theme=njhkht] .epx-card-num__icon{color:#1d2088}.epx-card-num__icon>i{font-size:24px;line-height:1}.epx-card-num__icon>img{width:24px;height:24px;object-fit:cover}.epx-card-num__icon--showBg{padding:12px;border-radius:50%;background-color:#0874e7}[data-theme=purple] .epx-card-num__icon--showBg{background-color:#7569e2}[data-theme=palevioletred] .epx-card-num__icon--showBg{background-color:#ce4545}[data-theme=forestgreen] .epx-card-num__icon--showBg{background-color:#3d8a50}[data-theme=deepblue] .epx-card-num__icon--showBg{background-color:#0f5fbd}[data-theme=orange] .epx-card-num__icon--showBg{background-color:#ea6000}[data-theme=skyblue] .epx-card-num__icon--showBg{background-color:#1a4586}[data-theme=aurorablue] .epx-card-num__icon--showBg{background-color:#383b9e}[data-theme=tiffanyblue] .epx-card-num__icon--showBg{background-color:#00aaad}[data-theme=tsinghuapurple] .epx-card-num__icon--showBg{background-color:#5f2167}[data-theme=creativeblue] .epx-card-num__icon--showBg{background-color:#418cff}[data-theme=njhkht] .epx-card-num__icon--showBg{background-color:#1d2088}.epx-card-num__icon--showBg>i{color:#fff}.epx-card-num__title{font-size:16px;color:#666}.epx-card-num__num>font{font-weight:600;font-size:30px;color:#333}.epx-card-num__content{display:flex;flex-direction:column;justify-content:center;align-items:center}.epx-card-num__content--vertical-reverse{flex-direction:column-reverse}.epx-card-num__content--horizontal{flex-direction:row}.epx-card-num__content--horizontal .epx-card-num__icon{margin:0;margin-right:16px}.epx-card-num__content--horizontal .epx-card-num__title{margin-right:20px}.epx-card-num__content--reverse{flex-direction:column-reverse}.epx-card-num__suffix{margin-left:4px}@media only screen and (max-width: 992px){.epx-card-num{text-align:center;color:#555}.epx-card-num__content{padding:0 0 11px}.epx-card-num__title{font-size:13px;font-weight:normal}.epx-card-num__num>font{font-size:24px}}\n", ""]);
-// Exports
-/* harmony default export */ __webpack_exports__["a"] = (___CSS_LOADER_EXPORT___);
-
-
-/***/ }),
-
-/***/ 18:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _arrayLikeToArray; });
-function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-  return arr2;
-}
-
-/***/ }),
-
-/***/ 19:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1553,37 +1345,201 @@ module.exports = function (list, options) {
 
 /***/ }),
 
-/***/ 2:
-/***/ (function(module, exports) {
-
-module.exports = require("core-js/modules/es.symbol.js");
-
-/***/ }),
-
-/***/ 20:
-/***/ (function(module, exports, __webpack_require__) {
+/***/ 172:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 
-
-/*
-  MIT License http://www.opensource.org/licenses/mit-license.php
-  Author Tobias Koppers @sokra
-*/
-// css base code, injected by the css-loader
-// eslint-disable-next-line func-names
-__webpack_require__(1);
-__webpack_require__(27);
-__webpack_require__(35);
-__webpack_require__(12);
-__webpack_require__(14);
-__webpack_require__(1);
-__webpack_require__(27);
-__webpack_require__(35);
-__webpack_require__(12);
-__webpack_require__(14);
-__webpack_require__(22);
-module.exports = function (cssWithMappingToString) {
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./src/frame/packages/num/CardNum.vue?vue&type=template&id=a6f8510c
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    {
+      class: [
+        "epx-card-num",
+        { "is-border": _vm.$configs.border },
+        "epx-card-num--" + _vm.compTheme,
+        "epx-card-num--shadow-" + _vm.$configs.shadow,
+      ].concat(_vm.classNameList),
+      style: Object.assign({}, _vm.$component.style),
+      on: { click: _vm.openPage },
+    },
+    [
+      (_vm.$configs.iconType !== "image" && _vm.$configs.icon) ||
+      (_vm.$configs.iconType === "image" && _vm.$configs.imgUrl)
+        ? _c(
+            "span",
+            {
+              class: [
+                "epx-card-num__icon",
+                {
+                  "epx-card-num__icon--showBg":
+                    _vm.$configs.iconType !== "image" &&
+                    _vm.$configs.showIconBg,
+                },
+              ],
+              style: {
+                backgroundColor:
+                  _vm.$configs.iconType !== "image" &&
+                  _vm.$configs.iconColor &&
+                  _vm.$configs.showIconBg
+                    ? _vm.$configs.iconColor
+                    : "",
+              },
+            },
+            [
+              _vm.$configs.iconType === "image"
+                ? _c("img", {
+                    style: {
+                      width: _vm.$configs.iconSize + "px",
+                      height: _vm.$configs.iconSize + "px",
+                    },
+                    attrs: { src: _vm.$util.getFileUrl(_vm.$configs.imgUrl) },
+                  })
+                : _c("i", {
+                    class: [_vm.$configs.icon],
+                    style: {
+                      fontSize: _vm.$configs.iconSize + "px",
+                      color:
+                        _vm.$configs.iconColor && !_vm.$configs.showIconBg
+                          ? _vm.$configs.iconColor
+                          : "",
+                    },
+                  }),
+            ]
+          )
+        : _vm._e(),
+      _c(
+        "div",
+        { class: ["epx-card-num__content", _vm.contentClassName] },
+        [
+          _c(
+            "font",
+            { staticClass: "epx-card-num__title", style: _vm.titleFontStyle },
+            [
+              _vm._v(
+                _vm._s(
+                  _vm.title ||
+                    _vm.$component.title ||
+                    _vm.$configs.componentName
+                )
+              ),
+            ]
+          ),
+          _c(
+            "span",
+            { staticClass: "epx-card-num__num" },
+            [
+              _c("font", { style: _vm.countFontStyle }, [
+                _vm._v(_vm._s(_vm.count || _vm.num || 0)),
+              ]),
+              _vm.$configs.suffix
+                ? _c(
+                    "font",
+                    {
+                      staticClass: "epx-card-num__suffix",
+                      style: _vm.unitFontStyle,
+                    },
+                    [_vm._v(_vm._s(_vm.$configs.suffix))]
+                  )
+                : _vm._e(),
+            ],
+            1
+          ),
+        ],
+        1
+      ),
+    ]
+  )
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+// CONCATENATED MODULE: ./src/frame/packages/num/CardNum.vue?vue&type=template&id=a6f8510c
+
+// EXTERNAL MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/frame/packages/num/CardNum.vue?vue&type=script&lang=js
+var CardNumvue_type_script_lang_js = __webpack_require__(167);
+
+// CONCATENATED MODULE: ./src/frame/packages/num/CardNum.vue?vue&type=script&lang=js
+ /* harmony default export */ var num_CardNumvue_type_script_lang_js = (CardNumvue_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/packages/num/CardNum.vue?vue&type=style&index=0&id=a6f8510c&prod&lang=scss
+var CardNumvue_type_style_index_0_id_a6f8510c_prod_lang_scss = __webpack_require__(182);
+
+// 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/num/CardNum.vue?vue&type=style&index=0&id=a6f8510c&prod&lang=scss
+
+            
+
+var options = {};
+
+options.insert = "head";
+options.singleton = false;
+
+var update = injectStylesIntoStyleTag_default()(CardNumvue_type_style_index_0_id_a6f8510c_prod_lang_scss["a" /* default */], options);
+
+
+
+/* harmony default export */ var num_CardNumvue_type_style_index_0_id_a6f8510c_prod_lang_scss = (CardNumvue_type_style_index_0_id_a6f8510c_prod_lang_scss["a" /* default */].locals || {});
+// CONCATENATED MODULE: ./src/frame/packages/num/CardNum.vue?vue&type=style&index=0&id=a6f8510c&prod&lang=scss
+
+// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__(13);
+
+// CONCATENATED MODULE: ./src/frame/packages/num/CardNum.vue
+
+
+
+
+
+
+/* normalize component */
+
+var component = Object(componentNormalizer["a" /* default */])(
+  num_CardNumvue_type_script_lang_js,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var CardNum = __webpack_exports__["a"] = (component.exports);
+
+/***/ }),
+
+/***/ 18:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+/*
+  MIT License http://www.opensource.org/licenses/mit-license.php
+  Author Tobias Koppers @sokra
+*/
+// css base code, injected by the css-loader
+// eslint-disable-next-line func-names
+__webpack_require__(1);
+__webpack_require__(27);
+__webpack_require__(35);
+__webpack_require__(12);
+__webpack_require__(15);
+__webpack_require__(1);
+__webpack_require__(27);
+__webpack_require__(35);
+__webpack_require__(12);
+__webpack_require__(15);
+__webpack_require__(22);
+module.exports = function (cssWithMappingToString) {
   var list = []; // return the list of modules as css string
 
   list.toString = function toString() {
@@ -1633,35 +1589,103 @@ module.exports = function (cssWithMappingToString) {
 
 /***/ }),
 
-/***/ 209:
+/***/ 182:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(18);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
+// Imports
+
+var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});
+// Module
+___CSS_LOADER_EXPORT___.push([module.i, ".epx-card-num{height:100%;box-sizing:border-box;background:#fff;padding:20px;border-radius:var(--border-radius);display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap;cursor:pointer}.epx-card-num.is-border{border:1px solid #e8e8e8}.epx-card-num--dark{background:rgba(255,255,255,0.1)}.epx-card-num--dark .epx-card-num__title{color:rgba(255,255,255,0.8)}.epx-card-num--dark .epx-card-num__num{color:#fff}.epx-card-num--dark .epx-card-num__num>font{color:#fff}.epx-card-num--technology{background:rgba(255,255,255,0.1);backdrop-filter:blur(4px);position:relative}.epx-card-num--technology::before{content:'';position:absolute;top:0;display:block;width:100%;height:1px;background:linear-gradient(90deg, rgba(45,164,247,0) 0%, #2DA4F7 50%, rgba(45,164,247,0) 100%);opacity:0.5}.epx-card-num--technology::after{content:'';position:absolute;bottom:0;display:block;width:100%;height:1px;background:linear-gradient(90deg, rgba(45,164,247,0) 0%, #2DA4F7 50%, rgba(45,164,247,0) 100%);opacity:0.5}.epx-card-num--technology .epx-card-num__title{color:rgba(255,255,255,0.8)}.epx-card-num--technology .epx-card-num__num{color:#fff}.epx-card-num--technology .epx-card-num__num>font{color:#fff}.epx-card-num--center{justify-content:center}.epx-card-num--start{justify-content:flex-start}.epx-card-num--end{justify-content:flex-end}.epx-card-num--icon-top{flex-direction:column}.epx-card-num--icon-top--center{align-items:center}.epx-card-num--icon-top--start{align-items:flex-start}.epx-card-num--icon-top--end{align-items:flex-end}.epx-card-num--icon-top .epx-card-num__icon{margin-right:0;margin-bottom:10px}.epx-card-num--icon-right{flex-direction:row-reverse}.epx-card-num--icon-right .epx-card-num__icon{margin-right:0;margin-left:10px}.epx-card-num--icon-bottom{flex-direction:column-reverse}.epx-card-num--icon-bottom--center{align-items:center}.epx-card-num--icon-bottom--start{align-items:flex-start}.epx-card-num--icon-bottom--end{align-items:flex-end}.epx-card-num--icon-bottom .epx-card-num__icon{margin-right:0;margin-top:10px}.epx-card-num--shadow-hover:hover{box-shadow:0px 4px 12px -2px rgba(0,0,0,0.1)}.epx-card-num--shadow-always{box-shadow:0px 4px 12px -2px rgba(0,0,0,0.1)}.epx-card-num--horizontal{flex-direction:row;justify-content:center}.epx-card-num--horizontal .epx-card-num__icon{margin-bottom:0;margin-right:10px}.epx-card-num--center .epx-card-num__content{align-items:center}.epx-card-num--center.epx-card-num--horizontal .epx-card-num__content{align-items:flex-start}.epx-card-num--center.epx-card-num--horizontal_content .epx-card-num__content{align-items:center}.epx-card-num--between{justify-content:space-between}.epx-card-num--between.epx-card-num--horizontal_content .epx-card-num__content{flex:1;justify-content:space-between}.epx-card-num--reverse{flex-direction:row-reverse}.epx-card-num--reverse .epx-card-num__icon{margin-right:0}.epx-card-num--reverse .epx-card-num__content{align-items:flex-start}.epx-card-num--horizontal_content .epx-card-num__content{flex-direction:row;align-items:center}.epx-card-num--horizontal_content .epx-card-num__content .epx-card-num__title{margin-right:20px}.epx-card-num--horizontal_content .epx-card-num__content .epx-card-num__num{margin-right:0}.epx-card-num--horizontal_content .epx-card-num__content--reverse{flex-direction:row-reverse}.epx-card-num--horizontal_content .epx-card-num__content--reverse .epx-card-num__title{margin-right:0}.epx-card-num--horizontal_content .epx-card-num__content--reverse .epx-card-num__num{margin-right:20px}.epx-card-num__icon{margin-bottom:10px;display:flex;align-items:center;justify-content:center;color:#0874e7}[data-theme=purple] .epx-card-num__icon{color:#7569e2}[data-theme=palevioletred] .epx-card-num__icon{color:#ce4545}[data-theme=forestgreen] .epx-card-num__icon{color:#3d8a50}[data-theme=deepblue] .epx-card-num__icon{color:#0f5fbd}[data-theme=orange] .epx-card-num__icon{color:#ea6000}[data-theme=skyblue] .epx-card-num__icon{color:#1a4586}[data-theme=aurorablue] .epx-card-num__icon{color:#383b9e}[data-theme=tiffanyblue] .epx-card-num__icon{color:#00aaad}[data-theme=tsinghuapurple] .epx-card-num__icon{color:#5f2167}[data-theme=creativeblue] .epx-card-num__icon{color:#418cff}[data-theme=njhkht] .epx-card-num__icon{color:#1d2088}.epx-card-num__icon>i{font-size:24px;line-height:1}.epx-card-num__icon>img{width:24px;height:24px;object-fit:cover}.epx-card-num__icon--showBg{padding:12px;border-radius:50%;background-color:#0874e7}[data-theme=purple] .epx-card-num__icon--showBg{background-color:#7569e2}[data-theme=palevioletred] .epx-card-num__icon--showBg{background-color:#ce4545}[data-theme=forestgreen] .epx-card-num__icon--showBg{background-color:#3d8a50}[data-theme=deepblue] .epx-card-num__icon--showBg{background-color:#0f5fbd}[data-theme=orange] .epx-card-num__icon--showBg{background-color:#ea6000}[data-theme=skyblue] .epx-card-num__icon--showBg{background-color:#1a4586}[data-theme=aurorablue] .epx-card-num__icon--showBg{background-color:#383b9e}[data-theme=tiffanyblue] .epx-card-num__icon--showBg{background-color:#00aaad}[data-theme=tsinghuapurple] .epx-card-num__icon--showBg{background-color:#5f2167}[data-theme=creativeblue] .epx-card-num__icon--showBg{background-color:#418cff}[data-theme=njhkht] .epx-card-num__icon--showBg{background-color:#1d2088}.epx-card-num__icon--showBg>i{color:#fff}.epx-card-num__title{font-size:16px;color:#666}.epx-card-num__num>font{font-weight:600;font-size:30px;color:#333}.epx-card-num__content{display:flex;flex-direction:column;justify-content:center;align-items:center}.epx-card-num__content--vertical-reverse{flex-direction:column-reverse}.epx-card-num__content--horizontal{flex-direction:row}.epx-card-num__content--horizontal .epx-card-num__icon{margin:0;margin-right:16px}.epx-card-num__content--horizontal .epx-card-num__title{margin-right:20px}.epx-card-num__content--reverse{flex-direction:column-reverse}.epx-card-num__suffix{margin-left:4px}@media only screen and (max-width: 992px){.epx-card-num{text-align:center;color:#555}.epx-card-num__content{padding:0 0 11px}.epx-card-num__title{font-size:13px;font-weight:normal}.epx-card-num__num>font{font-size:24px}}\n", ""]);
+// Exports
+/* harmony default export */ __webpack_exports__["a"] = (___CSS_LOADER_EXPORT___);
+
+
+/***/ }),
+
+/***/ 19:
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.object.keys.js");
+
+/***/ }),
+
+/***/ 2:
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.symbol.js");
+
+/***/ }),
+
+/***/ 20:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* 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;
+}
+
+/***/ }),
+
+/***/ 21:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _arrayLikeToArray; });
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+  return arr2;
+}
+
+/***/ }),
+
+/***/ 214:
 /***/ (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_slicedToArray_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(56);
+/* harmony import */ var E_workspace_gitrepo_epx_group_frame_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(57);
 /* harmony import */ var E_workspace_gitrepo_epx_group_frame_node_modules_babel_runtime_helpers_esm_typeof_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(4);
 /* harmony import */ var E_workspace_gitrepo_epx_group_frame_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(0);
 /* harmony import */ var core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(16);
 /* harmony import */ var core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_4__);
 /* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(1);
 /* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_5__);
-/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(8);
+/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(9);
 /* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_6__);
-/* harmony import */ var core_js_modules_es_object_entries_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(60);
+/* harmony import */ var core_js_modules_es_object_entries_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(62);
 /* harmony import */ var core_js_modules_es_object_entries_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_entries_js__WEBPACK_IMPORTED_MODULE_7__);
-/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(14);
+/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(15);
 /* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_8__);
-/* harmony import */ var core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(23);
+/* harmony import */ var core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(24);
 /* harmony import */ var core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_9__);
 /* harmony import */ var core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(7);
 /* harmony import */ var core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_10__);
-/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(13);
+/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(14);
 /* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_11__);
 /* harmony import */ var core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(29);
 /* harmony import */ var core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_12__);
-/* harmony import */ var core_js_modules_es_string_link_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(66);
+/* harmony import */ var core_js_modules_es_string_link_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(65);
 /* harmony import */ var core_js_modules_es_string_link_js__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_link_js__WEBPACK_IMPORTED_MODULE_13__);
-/* harmony import */ var core_js_modules_es_string_search_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(73);
+/* harmony import */ var core_js_modules_es_string_search_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(74);
 /* harmony import */ var core_js_modules_es_string_search_js__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_search_js__WEBPACK_IMPORTED_MODULE_14__);
 /* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(22);
 /* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_15__);
@@ -1966,31 +1990,7 @@ module.exports = function (cssWithMappingToString) {
 
 /***/ }),
 
-/***/ 21:
-/***/ (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;
-}
-
-/***/ }),
-
-/***/ 210:
+/***/ 215:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -1998,21 +1998,21 @@ function _defineProperty(obj, key, value) {
 /* harmony import */ var E_workspace_gitrepo_epx_group_frame_node_modules_babel_runtime_helpers_esm_toConsumableArray_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3);
 /* harmony import */ var core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(16);
 /* harmony import */ var core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_2__);
-/* 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__ = __webpack_require__(15);
 /* 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_array_iterator_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(23);
+/* harmony import */ var core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(24);
 /* harmony import */ var core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_4__);
 /* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(1);
 /* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_5__);
 /* harmony import */ var core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(7);
 /* harmony import */ var core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_6__);
-/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(13);
+/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(14);
 /* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_7__);
 /* harmony import */ var core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(29);
 /* harmony import */ var core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_8__);
-/* harmony import */ var core_js_modules_es_string_link_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(66);
+/* harmony import */ var core_js_modules_es_string_link_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(65);
 /* harmony import */ var core_js_modules_es_string_link_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_link_js__WEBPACK_IMPORTED_MODULE_9__);
-/* harmony import */ var core_js_modules_es_string_search_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(73);
+/* harmony import */ var core_js_modules_es_string_search_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(74);
 /* harmony import */ var core_js_modules_es_string_search_js__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_search_js__WEBPACK_IMPORTED_MODULE_10__);
 /* harmony import */ var core_js_modules_es_regexp_test_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(40);
 /* harmony import */ var core_js_modules_es_regexp_test_js__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_test_js__WEBPACK_IMPORTED_MODULE_11__);
@@ -2218,18 +2218,25 @@ module.exports = require("core-js/modules/es.array.push.js");
 /***/ 23:
 /***/ (function(module, exports) {
 
-module.exports = require("core-js/modules/es.array.iterator.js");
+module.exports = require("core-js/modules/es.array.find.js");
 
 /***/ }),
 
 /***/ 24:
 /***/ (function(module, exports) {
 
-module.exports = require("vuex");
+module.exports = require("core-js/modules/es.array.iterator.js");
 
 /***/ }),
 
 /***/ 25:
+/***/ (function(module, exports) {
+
+module.exports = require("vuex");
+
+/***/ }),
+
+/***/ 26:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -2274,13 +2281,6 @@ function _asyncToGenerator(fn) {
 
 /***/ }),
 
-/***/ 26:
-/***/ (function(module, exports) {
-
-module.exports = require("core-js/modules/es.array.find.js");
-
-/***/ }),
-
 /***/ 27:
 /***/ (function(module, exports) {
 
@@ -2311,7 +2311,7 @@ module.exports = require("core-js/modules/es.string.replace.js");
 __webpack_require__.d(__webpack_exports__, "a", function() { return /* binding */ _toConsumableArray; });
 
 // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js
-var arrayLikeToArray = __webpack_require__(18);
+var arrayLikeToArray = __webpack_require__(21);
 
 // CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js
 
@@ -2331,7 +2331,7 @@ var es_object_to_string_js_ = __webpack_require__(1);
 var es_symbol_iterator_js_ = __webpack_require__(11);
 
 // EXTERNAL MODULE: external "core-js/modules/es.array.iterator.js"
-var es_array_iterator_js_ = __webpack_require__(23);
+var es_array_iterator_js_ = __webpack_require__(24);
 
 // EXTERNAL MODULE: external "core-js/modules/es.string.iterator.js"
 var es_string_iterator_js_ = __webpack_require__(5);
@@ -2362,10 +2362,10 @@ function _iterableToArray(iter) {
   if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
 // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js
-var unsupportedIterableToArray = __webpack_require__(36);
+var unsupportedIterableToArray = __webpack_require__(37);
 
 // EXTERNAL MODULE: external "core-js/modules/es.error.cause.js"
-var es_error_cause_js_ = __webpack_require__(32);
+var es_error_cause_js_ = __webpack_require__(33);
 
 // CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js
 
@@ -2400,22 +2400,29 @@ module.exports = require("core-js/modules/es.array.includes.js");
 /***/ 32:
 /***/ (function(module, exports) {
 
-module.exports = require("core-js/modules/es.error.cause.js");
+module.exports = require("core-js/modules/es.array.filter.js");
 
 /***/ }),
 
 /***/ 33:
 /***/ (function(module, exports) {
 
-module.exports = require("core-js/modules/es.array.filter.js");
+module.exports = require("core-js/modules/es.error.cause.js");
 
 /***/ }),
 
-/***/ 335:
+/***/ 34:
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.string.includes.js");
+
+/***/ }),
+
+/***/ 346:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(18);
 /* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
 // Imports
 
@@ -2428,11 +2435,11 @@ ___CSS_LOADER_EXPORT___.push([module.i, ".epx-num-item{display:flex;justify-cont
 
 /***/ }),
 
-/***/ 336:
+/***/ 347:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(18);
 /* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
 // Imports
 
@@ -2443,13 +2450,6 @@ ___CSS_LOADER_EXPORT___.push([module.i, ".epx-num-subitem{display:inline-block;m
 /* harmony default export */ __webpack_exports__["a"] = (___CSS_LOADER_EXPORT___);
 
 
-/***/ }),
-
-/***/ 34:
-/***/ (function(module, exports) {
-
-module.exports = require("core-js/modules/es.string.includes.js");
-
 /***/ }),
 
 /***/ 35:
@@ -2462,55 +2462,6 @@ module.exports = require("core-js/modules/es.array.join.js");
 /***/ 36:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _unsupportedIterableToArray; });
-/* harmony import */ var core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(28);
-/* harmony import */ var core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1);
-/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var core_js_modules_es_regexp_to_string_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(27);
-/* harmony import */ var core_js_modules_es_regexp_to_string_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_to_string_js__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(9);
-/* harmony import */ var core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(30);
-/* harmony import */ var core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(5);
-/* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_5__);
-/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(13);
-/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_6__);
-/* harmony import */ var core_js_modules_es_regexp_test_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(40);
-/* harmony import */ var core_js_modules_es_regexp_test_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_test_js__WEBPACK_IMPORTED_MODULE_7__);
-/* harmony import */ var _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(18);
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return Object(_arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_8__[/* default */ "a"])(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return Object(_arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_8__[/* default */ "a"])(o, minLen);
-}
-
-/***/ }),
-
-/***/ 37:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
 "use strict";
 
 // EXPORTS
@@ -2520,7 +2471,7 @@ __webpack_require__.d(__webpack_exports__, "a", function() { return /* binding *
 var es_symbol_js_ = __webpack_require__(2);
 
 // EXTERNAL MODULE: external "core-js/modules/es.object.keys.js"
-var es_object_keys_js_ = __webpack_require__(17);
+var es_object_keys_js_ = __webpack_require__(19);
 
 // CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js
 
@@ -2559,6 +2510,55 @@ function _objectWithoutProperties(source, excluded) {
 
 /***/ }),
 
+/***/ 37:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _unsupportedIterableToArray; });
+/* harmony import */ var core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(28);
+/* harmony import */ var core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1);
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var core_js_modules_es_regexp_to_string_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(27);
+/* harmony import */ var core_js_modules_es_regexp_to_string_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_to_string_js__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(8);
+/* harmony import */ var core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(30);
+/* harmony import */ var core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(5);
+/* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(14);
+/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_6__);
+/* harmony import */ var core_js_modules_es_regexp_test_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(40);
+/* harmony import */ var core_js_modules_es_regexp_test_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_test_js__WEBPACK_IMPORTED_MODULE_7__);
+/* harmony import */ var _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(21);
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return Object(_arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_8__[/* default */ "a"])(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return Object(_arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_8__[/* default */ "a"])(o, minLen);
+}
+
+/***/ }),
+
 /***/ 38:
 /***/ (function(module, exports) {
 
@@ -2571,16 +2571,16 @@ module.exports = require("core-js/modules/es.promise.js");
 
 "use strict";
 /* harmony import */ var E_workspace_gitrepo_epx_group_frame_node_modules_babel_runtime_helpers_esm_toConsumableArray_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(3);
-/* harmony import */ var E_workspace_gitrepo_epx_group_frame_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(37);
+/* harmony import */ var E_workspace_gitrepo_epx_group_frame_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(36);
 /* harmony import */ var E_workspace_gitrepo_epx_group_frame_node_modules_babel_runtime_helpers_esm_regeneratorRuntime_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(10);
-/* harmony import */ var E_workspace_gitrepo_epx_group_frame_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(25);
+/* harmony import */ var E_workspace_gitrepo_epx_group_frame_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(26);
 /* harmony import */ var E_workspace_gitrepo_epx_group_frame_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(0);
 /* harmony import */ var E_workspace_gitrepo_epx_group_frame_node_modules_babel_runtime_helpers_esm_typeof_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(4);
 /* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(1);
 /* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_6__);
-/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(8);
+/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(9);
 /* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_7__);
-/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(14);
+/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(15);
 /* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_8__);
 /* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(12);
 /* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_9__);
@@ -2588,19 +2588,19 @@ module.exports = require("core-js/modules/es.promise.js");
 /* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_10__);
 /* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(34);
 /* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_11__);
-/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(13);
+/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(14);
 /* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_12__);
 /* harmony import */ var core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(29);
 /* harmony import */ var core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_13__);
 /* harmony import */ var core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(16);
 /* harmony import */ var core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_14__);
-/* harmony import */ var core_js_modules_es_array_find_js__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(26);
+/* harmony import */ var core_js_modules_es_array_find_js__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(23);
 /* harmony import */ var core_js_modules_es_array_find_js__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_find_js__WEBPACK_IMPORTED_MODULE_15__);
 /* harmony import */ var core_js_modules_es_promise_js__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(38);
 /* harmony import */ var core_js_modules_es_promise_js__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_promise_js__WEBPACK_IMPORTED_MODULE_16__);
 /* harmony import */ var core_js_modules_es_regexp_test_js__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(40);
 /* harmony import */ var core_js_modules_es_regexp_test_js__WEBPACK_IMPORTED_MODULE_17___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_test_js__WEBPACK_IMPORTED_MODULE_17__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(24);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(25);
 /* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_18___default = /*#__PURE__*/__webpack_require__.n(vuex__WEBPACK_IMPORTED_MODULE_18__);
 
 
@@ -2699,7 +2699,8 @@ function formatI18nConfig(configs, language) {
     compTitle: String,
     items: Array,
     //
-    itemConfigs: Object
+    itemConfigs: Object,
+    metaId: String
   },
   data: function data() {
     return {
@@ -2770,7 +2771,7 @@ function formatI18nConfig(configs, language) {
      */
     $metaId: function $metaId() {
       var metaId = this.$configs.metaId;
-      return metaId || this.$pageMetaId;
+      return this.metaId || metaId || this.$pageMetaId;
     },
     // 当前组件对象
     $meta: function $meta() {
@@ -2847,6 +2848,16 @@ function formatI18nConfig(configs, language) {
     },
     $currentRoleId: function $currentRoleId() {
       return this.$currentRole.id;
+    },
+    $getComponentId: function $getComponentId() {
+      var _this2 = this;
+      return function (component) {
+        if (!_this2.isPage) {
+          var id = _this2.$component.id;
+          return id + '-' + component.id;
+        }
+        return component.id;
+      };
     }
   }),
   watch: {
@@ -2864,7 +2875,7 @@ function formatI18nConfig(configs, language) {
       window.open(webLinkUrl);
     },
     goApp: function goApp(config) {
-      var _this2 = this;
+      var _this3 = this;
       return Object(E_workspace_gitrepo_epx_group_frame_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"])( /*#__PURE__*/Object(E_workspace_gitrepo_epx_group_frame_node_modules_babel_runtime_helpers_esm_regeneratorRuntime_js__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"])().mark(function _callee() {
         var serviceId, app;
         return Object(E_workspace_gitrepo_epx_group_frame_node_modules_babel_runtime_helpers_esm_regeneratorRuntime_js__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"])().wrap(function _callee$(_context) {
@@ -2879,7 +2890,7 @@ function formatI18nConfig(configs, language) {
             case 3:
               app = {};
               _context.next = 6;
-              return _this2.$http.get({
+              return _this3.$http.get({
                 entityId: 'FM_SERVICE',
                 id: serviceId
               }).then(function (data) {
@@ -2894,13 +2905,13 @@ function formatI18nConfig(configs, language) {
               }
               return _context.abrupt("return");
             case 8:
-              _this2.$http.get({
+              _this3.$http.get({
                 link: 'client',
                 entityId: 'FM_SYSTEM',
                 id: app.SYSTEM
               }).then(function (data) {
                 if (data && data.data) {
-                  var rootPath = _this2.$util.getRootPath();
+                  var rootPath = _this3.$util.getRootPath();
                   var url = "".concat(rootPath, "/app/").concat(data.data['CLIENT|CODE'], "/").concat(data.data.CODE, "/").concat(app.CODE);
                   window.open(url);
                 }
@@ -2923,7 +2934,7 @@ function formatI18nConfig(configs, language) {
       if (this.upPage) this.upPage.$refesh();
     },
     $routerChange: function $routerChange(callback) {
-      var _this3 = this;
+      var _this4 = this;
       // 获取上级路由
       var parent = this.$parent || this.$root;
       var name = parent.$options.componentName;
@@ -2935,7 +2946,7 @@ function formatI18nConfig(configs, language) {
       }
       if (parent) {
         parent.$on('change', function (params) {
-          return callback.apply(_this3, params);
+          return callback.apply(_this4, params);
         });
       }
     },
@@ -2988,7 +2999,7 @@ function formatI18nConfig(configs, language) {
       }
     },
     $excuteEvent: function $excuteEvent(key) {
-      var _this4 = this;
+      var _this5 = this;
       for (var _len4 = arguments.length, args = new Array(_len4 > 1 ? _len4 - 1 : 0), _key4 = 1; _key4 < _len4; _key4++) {
         args[_key4 - 1] = arguments[_key4];
       }
@@ -2997,7 +3008,7 @@ function formatI18nConfig(configs, language) {
       var _componentEvents$key = componentEvents[key],
         keyEvents = _componentEvents$key === void 0 ? [] : _componentEvents$key;
       keyEvents.map(function (event) {
-        return _this4.executeCustomJs.apply(_this4, [event].concat(args));
+        return _this5.executeCustomJs.apply(_this5, [event].concat(args));
       });
     },
     _createComponent: function _createComponent() {
@@ -3097,20 +3108,20 @@ function formatI18nConfig(configs, language) {
     initComponent: function initComponent(component) {}
   },
   created: function created() {
-    var _this5 = this;
+    var _this6 = this;
     return Object(E_workspace_gitrepo_epx_group_frame_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"])( /*#__PURE__*/Object(E_workspace_gitrepo_epx_group_frame_node_modules_babel_runtime_helpers_esm_regeneratorRuntime_js__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"])().mark(function _callee2() {
       var component;
       return Object(E_workspace_gitrepo_epx_group_frame_node_modules_babel_runtime_helpers_esm_regeneratorRuntime_js__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"])().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
-            _this5.beforeCreateComponent();
+            _this6.beforeCreateComponent();
             // 创建组件
-            _this5._createComponent();
+            _this6._createComponent();
             try {
-              _this5.oldCompConfigs = _this5.$_.cloneDeep(_this5.compConfigs);
+              _this6.oldCompConfigs = _this6.$_.cloneDeep(_this6.compConfigs);
             } catch (error) {}
             // 初始化组件配置
-            component = _this5.beforeInitComponent();
+            component = _this6.beforeInitComponent();
             if (!(component instanceof Promise)) {
               _context2.next = 7;
               break;
@@ -3118,18 +3129,18 @@ function formatI18nConfig(configs, language) {
             _context2.next = 7;
             return component;
           case 7:
-            if (!(_this5.$metaId && !_this5.$meta)) {
+            if (!(_this6.$metaId && !_this6.$meta)) {
               _context2.next = 10;
               break;
             }
             _context2.next = 10;
-            return _this5.$store.dispatch({
+            return _this6.$store.dispatch({
               type: 'ADD_META',
-              metaId: _this5.$metaId
+              metaId: _this6.$metaId
             });
           case 10:
             // 初始化组件
-            _this5.initComponent(_this5.$component);
+            _this6.initComponent(_this6.$component);
           case 11:
           case "end":
             return _context2.stop();
@@ -3138,10 +3149,10 @@ function formatI18nConfig(configs, language) {
     }))();
   },
   mounted: function mounted() {
-    var _this6 = this;
+    var _this7 = this;
     if (this.isPage) {
       window.onpopstate = function () {
-        _this6.backPage();
+        _this7.backPage();
         return false;
       };
     }
@@ -3167,7 +3178,7 @@ function formatI18nConfig(configs, language) {
 /* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_2__);
 /* harmony import */ var core_js_modules_es_symbol_iterator_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(11);
 /* harmony import */ var core_js_modules_es_symbol_iterator_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_iterator_js__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(23);
+/* harmony import */ var core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(24);
 /* harmony import */ var core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_4__);
 /* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(5);
 /* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_5__);
@@ -3249,7 +3260,7 @@ var es_object_to_string_js_ = __webpack_require__(1);
 var es_number_constructor_js_ = __webpack_require__(16);
 
 // EXTERNAL MODULE: external "core-js/modules/es.error.cause.js"
-var es_error_cause_js_ = __webpack_require__(32);
+var es_error_cause_js_ = __webpack_require__(33);
 
 // CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/toPrimitive.js
 
@@ -3307,7 +3318,21 @@ module.exports = require("core-js/modules/es.object.get-prototype-of.js");
 
 /***/ }),
 
-/***/ 469:
+/***/ 47:
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.symbol.async-iterator.js");
+
+/***/ }),
+
+/***/ 48:
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.symbol.to-string-tag.js");
+
+/***/ }),
+
+/***/ 481:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -3320,7 +3345,7 @@ __webpack_require__.d(__webpack_exports__, "NumItem", function() { return /* ree
 __webpack_require__.d(__webpack_exports__, "NumSubItem", function() { return /* reexport */ NumSubItem; });
 
 // EXTERNAL MODULE: external "core-js/modules/es.function.name.js"
-var es_function_name_js_ = __webpack_require__(9);
+var es_function_name_js_ = __webpack_require__(8);
 
 // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./src/frame/packages/num/Statistic.vue?vue&type=template&id=aa6147e0
 var render = function () {
@@ -3425,7 +3450,7 @@ var component = __webpack_require__(39);
 // CONCATENATED MODULE: ./src/frame/packages/num/Statistic.vue?vue&type=script&lang=js
  /* harmony default export */ var num_Statisticvue_type_script_lang_js = (Statisticvue_type_script_lang_js); 
 // EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
-var componentNormalizer = __webpack_require__(15);
+var componentNormalizer = __webpack_require__(13);
 
 // CONCATENATED MODULE: ./src/frame/packages/num/Statistic.vue
 
@@ -3448,7 +3473,7 @@ var Statistic_component = Object(componentNormalizer["a" /* default */])(
 
 /* harmony default export */ var Statistic = (Statistic_component.exports);
 // EXTERNAL MODULE: ./src/frame/packages/num/CardNum.vue + 5 modules
-var CardNum = __webpack_require__(170);
+var CardNum = __webpack_require__(172);
 
 // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./src/frame/packages/num/NumItem.vue?vue&type=template&id=36636d8a
 var NumItemvue_type_template_id_36636d8a_render = function () {
@@ -3508,16 +3533,16 @@ NumItemvue_type_template_id_36636d8a_render._withStripped = true
 // CONCATENATED MODULE: ./src/frame/packages/num/NumItem.vue?vue&type=template&id=36636d8a
 
 // EXTERNAL MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/frame/packages/num/NumItem.vue?vue&type=script&lang=js
-var NumItemvue_type_script_lang_js = __webpack_require__(209);
+var NumItemvue_type_script_lang_js = __webpack_require__(214);
 
 // CONCATENATED MODULE: ./src/frame/packages/num/NumItem.vue?vue&type=script&lang=js
  /* harmony default export */ var num_NumItemvue_type_script_lang_js = (NumItemvue_type_script_lang_js["a" /* default */]); 
 // EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js
-var injectStylesIntoStyleTag = __webpack_require__(19);
+var injectStylesIntoStyleTag = __webpack_require__(17);
 var injectStylesIntoStyleTag_default = /*#__PURE__*/__webpack_require__.n(injectStylesIntoStyleTag);
 
 // EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ref--2-3!./node_modules/vue-loader/lib??vue-loader-options!./src/frame/packages/num/NumItem.vue?vue&type=style&index=0&id=36636d8a&prod&lang=scss
-var NumItemvue_type_style_index_0_id_36636d8a_prod_lang_scss = __webpack_require__(335);
+var NumItemvue_type_style_index_0_id_36636d8a_prod_lang_scss = __webpack_require__(346);
 
 // 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/num/NumItem.vue?vue&type=style&index=0&id=36636d8a&prod&lang=scss
 
@@ -3584,12 +3609,12 @@ NumSubItemvue_type_template_id_56c86c2e_render._withStripped = true
 // CONCATENATED MODULE: ./src/frame/packages/num/NumSubItem.vue?vue&type=template&id=56c86c2e
 
 // EXTERNAL MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/frame/packages/num/NumSubItem.vue?vue&type=script&lang=js
-var NumSubItemvue_type_script_lang_js = __webpack_require__(210);
+var NumSubItemvue_type_script_lang_js = __webpack_require__(215);
 
 // CONCATENATED MODULE: ./src/frame/packages/num/NumSubItem.vue?vue&type=script&lang=js
  /* harmony default export */ var num_NumSubItemvue_type_script_lang_js = (NumSubItemvue_type_script_lang_js["a" /* default */]); 
 // 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/num/NumSubItem.vue?vue&type=style&index=0&id=56c86c2e&prod&lang=scss
-var NumSubItemvue_type_style_index_0_id_56c86c2e_prod_lang_scss = __webpack_require__(336);
+var NumSubItemvue_type_style_index_0_id_56c86c2e_prod_lang_scss = __webpack_require__(347);
 
 // 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/num/NumSubItem.vue?vue&type=style&index=0&id=56c86c2e&prod&lang=scss
 
@@ -3628,6 +3653,344 @@ var NumSubItem_component = Object(componentNormalizer["a" /* default */])(
 )
 
 /* harmony default export */ var NumSubItem = (NumSubItem_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/num/Preview.vue?vue&type=template&id=742dab4e
+var Previewvue_type_template_id_742dab4e_render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _vm.componentType === "card"
+    ? _c(
+        "div",
+        {
+          class: [
+            "epx-card-num",
+            { "is-border": _vm.compConfigs.border },
+            "epx-card-num--" + _vm.compConfigs.theme,
+            "epx-card-num--shadow-" + _vm.compConfigs.shadow,
+          ].concat(_vm.classNameList),
+          style: Object.assign({}, _vm.style),
+        },
+        [
+          (_vm.compConfigs.iconType !== "image" && _vm.compConfigs.icon) ||
+          (_vm.compConfigs.iconType === "image" && _vm.compConfigs.imgUrl)
+            ? _c(
+                "span",
+                {
+                  class: [
+                    "epx-card-num__icon",
+                    {
+                      "epx-card-num__icon--showBg":
+                        _vm.compConfigs.iconType !== "image" &&
+                        _vm.compConfigs.showIconBg,
+                    },
+                  ],
+                  style: {
+                    backgroundColor:
+                      _vm.compConfigs.iconType !== "image" &&
+                      _vm.compConfigs.iconColor &&
+                      _vm.compConfigs.showIconBg
+                        ? _vm.compConfigs.iconColor
+                        : "",
+                  },
+                },
+                [
+                  _vm.compConfigs.iconType === "image"
+                    ? _c("img", {
+                        style: {
+                          width: _vm.compConfigs.iconSize + "px",
+                          height: _vm.compConfigs.iconSize + "px",
+                        },
+                        attrs: {
+                          src: _vm.$util.getFileUrl(_vm.compConfigs.imgUrl),
+                        },
+                      })
+                    : _c("i", {
+                        class: [_vm.compConfigs.icon],
+                        style: {
+                          fontSize: _vm.compConfigs.iconSize + "px",
+                          color:
+                            _vm.compConfigs.iconColor &&
+                            !_vm.compConfigs.showIconBg
+                              ? _vm.compConfigs.iconColor
+                              : "",
+                        },
+                      }),
+                ]
+              )
+            : _vm._e(),
+          _c(
+            "div",
+            { class: ["epx-card-num__content", _vm.contentClassName] },
+            [
+              _c(
+                "font",
+                {
+                  staticClass: "epx-card-num__title",
+                  style: _vm.titleFontStyle,
+                },
+                [
+                  _vm._v(
+                    _vm._s(
+                      _vm.compConfigs.title || _vm.compConfigs.componentName
+                    )
+                  ),
+                ]
+              ),
+              _c(
+                "span",
+                { staticClass: "epx-card-num__num" },
+                [
+                  _c("font", { style: _vm.countFontStyle }, [
+                    _vm._v(_vm._s(0)),
+                  ]),
+                  _vm.compConfigs.suffix
+                    ? _c(
+                        "font",
+                        {
+                          staticClass: "epx-card-num__suffix",
+                          style: _vm.unitFontStyle,
+                        },
+                        [_vm._v(_vm._s(_vm.compConfigs.suffix))]
+                      )
+                    : _vm._e(),
+                ],
+                1
+              ),
+            ],
+            1
+          ),
+        ]
+      )
+    : _c("div", { staticClass: "epx-num-item", style: _vm.style }, [
+        _c("p", { staticClass: "epx-num-item__title" }, [
+          _c("i", { class: ["epx-num-item__icon", _vm.compConfigs.icon] }),
+          _c(
+            "i",
+            { staticClass: "epx-num-item__text", style: _vm.titleFontStyle },
+            [
+              _vm._v(
+                _vm._s(_vm.compConfigs.title || _vm.compConfigs.componentName)
+              ),
+            ]
+          ),
+        ]),
+        _c(
+          "p",
+          { staticClass: "epx-num-item__counts", style: _vm.countFontStyle },
+          [_c("span", [_vm._v("0")])]
+        ),
+      ])
+}
+var Previewvue_type_template_id_742dab4e_staticRenderFns = []
+Previewvue_type_template_id_742dab4e_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./src/frame/packages/num/Preview.vue?vue&type=template&id=742dab4e
+
+// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectSpread2.js
+var objectSpread2 = __webpack_require__(0);
+
+// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
+var defineProperty = __webpack_require__(20);
+
+// EXTERNAL MODULE: external "core-js/modules/es.object.to-string.js"
+var es_object_to_string_js_ = __webpack_require__(1);
+
+// EXTERNAL MODULE: external "core-js/modules/web.dom-collections.for-each.js"
+var web_dom_collections_for_each_js_ = __webpack_require__(9);
+
+// EXTERNAL MODULE: external "core-js/modules/es.array.map.js"
+var es_array_map_js_ = __webpack_require__(12);
+
+// EXTERNAL MODULE: external "core-js/modules/es.array.push.js"
+var es_array_push_js_ = __webpack_require__(22);
+
+// EXTERNAL MODULE: ./src/frame/packages/visual-config-page/ComponentPreview.vue + 4 modules
+var ComponentPreview = __webpack_require__(76);
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/frame/packages/num/Preview.vue?vue&type=script&lang=js
+
+
+
+
+
+
+
+
+
+
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+// import draggable from 'vuedraggable'
+
+/* harmony default export */ var Previewvue_type_script_lang_js = ({
+  name: 'epx-num-statistic--preview',
+  components: Object(defineProperty["a" /* default */])({}, ComponentPreview["a" /* default */].name, ComponentPreview["a" /* default */]),
+  inject: ['changeItemConfigs', 'getItemConfigs', 'getAllComponentList'],
+  props: {
+    compId: String,
+    component: {
+      type: Object,
+      default: function _default() {
+        return {};
+      }
+    },
+    selectComponent: Object,
+    compConfigs: {
+      type: Object,
+      default: function _default() {
+        return {};
+      }
+    },
+    itemConfigs: {
+      type: Object,
+      default: function _default() {
+        return {};
+      }
+    }
+  },
+  data: function data() {
+    return {
+      activeName: '',
+      counts: {}
+    };
+  },
+  computed: {
+    style: function style() {
+      var _this$compConfigs$sty = this.compConfigs.style,
+        style = _this$compConfigs$sty === void 0 ? {} : _this$compConfigs$sty;
+      return style;
+    },
+    type: function type() {
+      var _this$compConfigs$typ = this.compConfigs.type,
+        type = _this$compConfigs$typ === void 0 ? this.$isMobile ? '' : 'card' : _this$compConfigs$typ;
+      return type !== 'default' ? type : '';
+    },
+    components: function components() {
+      var items = [];
+      (this.compConfigs.items || []).forEach(function (item, index) {
+        items.push(item);
+      });
+      return items;
+    },
+    componentType: function componentType() {
+      var type = this.compConfigs.type;
+      return type || 'card';
+    },
+    classNameList: function classNameList() {
+      var _this$compConfigs = this.compConfigs,
+        cardLayout = _this$compConfigs.cardLayout,
+        iconPosition = _this$compConfigs.iconPosition,
+        justify = _this$compConfigs['justify-content'];
+      if (cardLayout) {
+        return cardLayout.split('-').map(function (item) {
+          return 'epx-card-num--' + item;
+        });
+      } else {
+        var classNameList = [];
+        if (iconPosition) {
+          classNameList.push('epx-card-num--icon-' + iconPosition);
+        }
+        if (this.justify || justify) {
+          classNameList.push('epx-card-num--' + this.justify || false);
+        }
+        return classNameList;
+      }
+    },
+    titleFontStyle: function titleFontStyle() {
+      var _this$compConfigs2 = this.compConfigs,
+        _this$compConfigs2$ti = _this$compConfigs2.titleFontStyle,
+        titleFontStyle = _this$compConfigs2$ti === void 0 ? {} : _this$compConfigs2$ti,
+        titleColor = _this$compConfigs2.titleColor,
+        titleFontSize = _this$compConfigs2.titleFontSize;
+      return Object(objectSpread2["a" /* default */])({
+        fontSize: titleFontSize,
+        color: titleColor
+      }, titleFontStyle);
+    },
+    countFontStyle: function countFontStyle() {
+      var _this$compConfigs3 = this.compConfigs,
+        _this$compConfigs3$co = _this$compConfigs3.countFontStyle,
+        countFontStyle = _this$compConfigs3$co === void 0 ? {} : _this$compConfigs3$co,
+        countFontSize = _this$compConfigs3.countFontSize,
+        countColor = _this$compConfigs3.countColor;
+      return Object(objectSpread2["a" /* default */])({
+        fontSize: countFontSize,
+        color: countColor
+      }, countFontStyle);
+    },
+    unitFontStyle: function unitFontStyle() {
+      var _this$compConfigs$uni = this.compConfigs.unitFontStyle,
+        unitFontStyle = _this$compConfigs$uni === void 0 ? {} : _this$compConfigs$uni;
+      return Object(objectSpread2["a" /* default */])({}, unitFontStyle);
+    },
+    contentClassName: function contentClassName() {
+      var _this$compConfigs4 = this.compConfigs,
+        cardLayout = _this$compConfigs4.cardLayout,
+        titleNumOrder = _this$compConfigs4.titleNumOrder,
+        orientation = _this$compConfigs4.orientation;
+      if (cardLayout) {
+        return 'epx-card-num__content--' + titleNumOrder;
+      }
+      return "epx-card-num__content--".concat(this.orientation || orientation);
+    }
+  }
+});
+// CONCATENATED MODULE: ./src/frame/packages/num/Preview.vue?vue&type=script&lang=js
+ /* harmony default export */ var num_Previewvue_type_script_lang_js = (Previewvue_type_script_lang_js); 
+// CONCATENATED MODULE: ./src/frame/packages/num/Preview.vue
+
+
+
+
+
+/* normalize component */
+
+var Preview_component = Object(componentNormalizer["a" /* default */])(
+  num_Previewvue_type_script_lang_js,
+  Previewvue_type_template_id_742dab4e_render,
+  Previewvue_type_template_id_742dab4e_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var Preview = (Preview_component.exports);
 // CONCATENATED MODULE: ./src/frame/packages/num/index.js
 
 
@@ -3636,30 +3999,18 @@ var NumSubItem_component = Object(componentNormalizer["a" /* default */])(
 
 
 
+
 /* istanbul ignore next */
 CardNum["a" /* default */].install = function install(Vue) {
   Vue.component(Statistic.name, Statistic);
   Vue.component(CardNum["a" /* default */].name, CardNum["a" /* default */]);
   Vue.component(NumItem.name, NumItem);
   Vue.component(NumSubItem.name, NumSubItem);
+  Vue.component(Preview.name, Preview);
 };
 /* harmony default export */ var num = __webpack_exports__["default"] = (CardNum["a" /* default */]);
 
 
-/***/ }),
-
-/***/ 47:
-/***/ (function(module, exports) {
-
-module.exports = require("core-js/modules/es.symbol.async-iterator.js");
-
-/***/ }),
-
-/***/ 48:
-/***/ (function(module, exports) {
-
-module.exports = require("core-js/modules/es.symbol.to-string-tag.js");
-
 /***/ }),
 
 /***/ 49:
@@ -3697,7 +4048,7 @@ module.exports = require("core-js/modules/es.object.proto.js");
 
 /***/ }),
 
-/***/ 56:
+/***/ 57:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -3722,7 +4073,7 @@ var es_object_to_string_js_ = __webpack_require__(1);
 var es_symbol_iterator_js_ = __webpack_require__(11);
 
 // EXTERNAL MODULE: external "core-js/modules/es.array.iterator.js"
-var es_array_iterator_js_ = __webpack_require__(23);
+var es_array_iterator_js_ = __webpack_require__(24);
 
 // EXTERNAL MODULE: external "core-js/modules/es.string.iterator.js"
 var es_string_iterator_js_ = __webpack_require__(5);
@@ -3776,10 +4127,10 @@ function _iterableToArrayLimit(r, l) {
   }
 }
 // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js
-var unsupportedIterableToArray = __webpack_require__(36);
+var unsupportedIterableToArray = __webpack_require__(37);
 
 // EXTERNAL MODULE: external "core-js/modules/es.error.cause.js"
-var es_error_cause_js_ = __webpack_require__(32);
+var es_error_cause_js_ = __webpack_require__(33);
 
 // CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/nonIterableRest.js
 
@@ -3797,6 +4148,13 @@ function _slicedToArray(arr, i) {
 
 /***/ }),
 
+/***/ 58:
+/***/ (function(module, exports) {
+
+module.exports = require("vuedraggable");
+
+/***/ }),
+
 /***/ 59:
 /***/ (function(module, exports) {
 
@@ -3811,14 +4169,21 @@ module.exports = require("core-js/modules/es.symbol.description.js");
 
 /***/ }),
 
-/***/ 60:
+/***/ 62:
 /***/ (function(module, exports) {
 
 module.exports = require("core-js/modules/es.object.entries.js");
 
 /***/ }),
 
-/***/ 66:
+/***/ 64:
+/***/ (function(module, exports) {
+
+module.exports = require("vue");
+
+/***/ }),
+
+/***/ 65:
 /***/ (function(module, exports) {
 
 module.exports = require("core-js/modules/es.string.link.js");
@@ -3832,24 +4197,300 @@ module.exports = require("core-js/modules/web.dom-collections.iterator.js");
 
 /***/ }),
 
-/***/ 73:
+/***/ 74:
 /***/ (function(module, exports) {
 
 module.exports = require("core-js/modules/es.string.search.js");
 
 /***/ }),
 
+/***/ 76:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+
+// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectSpread2.js
+var objectSpread2 = __webpack_require__(0);
+
+// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js + 1 modules
+var objectWithoutProperties = __webpack_require__(36);
+
+// EXTERNAL MODULE: external "core-js/modules/es.array.find.js"
+var es_array_find_js_ = __webpack_require__(23);
+
+// EXTERNAL MODULE: external "core-js/modules/es.object.to-string.js"
+var es_object_to_string_js_ = __webpack_require__(1);
+
+// EXTERNAL MODULE: external "core-js/modules/es.array.map.js"
+var es_array_map_js_ = __webpack_require__(12);
+
+// EXTERNAL MODULE: external "vue"
+var external_vue_ = __webpack_require__(64);
+var external_vue_default = /*#__PURE__*/__webpack_require__.n(external_vue_);
+
+// EXTERNAL MODULE: external "vuedraggable"
+var external_vuedraggable_ = __webpack_require__(58);
+var external_vuedraggable_default = /*#__PURE__*/__webpack_require__.n(external_vuedraggable_);
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/frame/packages/visual-config-page/ComponentPreview.vue?vue&type=script&lang=js
+
+
+var _excluded = ["configs", "id", "title", "contentType"];
+
+
+
+
+
+
+
+
+/* harmony default export */ var ComponentPreviewvue_type_script_lang_js = ({
+  name: 'epx-visual-config-component-preview',
+  components: {
+    draggable: external_vuedraggable_default.a
+  },
+  props: {
+    component: {
+      type: Object,
+      default: function _default() {
+        return {};
+      }
+    },
+    upId: {
+      type: String
+    },
+    selectComponent: {
+      type: Object
+    }
+  },
+  inject: ['getAllComponentList', 'getItemConfigs', 'changeItemConfigs'],
+  computed: {
+    componentId: function componentId() {
+      return this.upId ? this.upId + '-' + this.component.id : this.component.id;
+    },
+    componentInfo: function componentInfo() {
+      var _this = this;
+      var componentInfo = this.allComponentList.find(function (item) {
+        return item.CODE === _this.component.contentType;
+      }) || {
+        CODE: this.component.contentType
+      };
+      return componentInfo || {};
+    },
+    itemConfigs: function itemConfigs() {
+      return this.getItemConfigs();
+    },
+    allComponentList: function allComponentList() {
+      return this.getAllComponentList();
+    },
+    compConfigs: function compConfigs() {
+      // 如果是页面 查找页面默认配置
+      var _this$component = this.component,
+        _this$component$confi = _this$component.configs,
+        configs = _this$component$confi === void 0 ? {} : _this$component$confi,
+        id = _this$component.id,
+        title = _this$component.title,
+        contentType = _this$component.contentType,
+        otherConfigs = Object(objectWithoutProperties["a" /* default */])(_this$component, _excluded);
+      var itemConfig = this.itemConfigs[this.componentId] || {};
+      var _configs = Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, otherConfigs), configs), itemConfig);
+      if (title) {
+        _configs.componentName = title;
+      }
+      return _configs;
+    },
+    childComponents: {
+      get: function get() {
+        var _this$compConfigs$ite = this.compConfigs.items,
+          items = _this$compConfigs$ite === void 0 ? [] : _this$compConfigs$ite;
+        return items;
+      },
+      set: function set(v) {
+        this.changeItemConfigs(this.componentId, {
+          items: v
+        });
+      }
+    }
+  },
+  methods: {
+    clickComponent: function clickComponent(event) {
+      event.stopPropagation();
+      var configs = this.compConfigs;
+      this.$emit('click', this.componentId, this.componentInfo, configs, this.upId);
+    },
+    renderPreviewComponent: function renderPreviewComponent() {
+      var _this2 = this;
+      var h = this.$createElement;
+      var previewCompName = this.componentInfo.CODE + '--preview';
+      var hasPreview = external_vue_default.a.component('epx-' + previewCompName);
+      if (!hasPreview && this.componentInfo.UP_PAGE) {
+        var parent = this.allComponentList.find(function (item) {
+          return item.ID === _this2.componentInfo.UP_PAGE;
+        });
+        if (parent) {
+          previewCompName = parent.CODE + '--preview';
+          hasPreview = external_vue_default.a.component('epx-' + previewCompName);
+        }
+      }
+      if (hasPreview) {
+        return h("epx-component", {
+          "attrs": {
+            "name": previewCompName,
+            "compId": this.componentId,
+            "itemConfigs": this.itemConfigs,
+            "component": this.component,
+            "comp-configs": this.compConfigs,
+            "upId": this.upId,
+            "selectComponent": this.selectComponent
+          },
+          "on": Object(objectSpread2["a" /* default */])({}, this.$listeners)
+        });
+      } else if (this.componentInfo.CONTAINER === '1') {
+        return h(external_vuedraggable_default.a, {
+          "class": {
+            'layout-placeholder': true,
+            'has-component': this.childComponents.length > 0
+          },
+          "attrs": {
+            "group": "library",
+            "ghostClass": "drag-component__ghost"
+          },
+          "model": {
+            value: _this2.childComponents,
+            callback: function callback($$v) {
+              _this2.childComponents = $$v;
+            }
+          }
+        }, [this.childComponents.length > 0 && h("div", [this.childComponents.map(function (component) {
+          return h("epx-visual-config-component-preview", {
+            "key": component.id,
+            "attrs": {
+              "component": component,
+              "upId": _this2.componentId,
+              "selectComponent": _this2.selectComponent
+            },
+            "on": Object(objectSpread2["a" /* default */])({}, _this2.$listeners)
+          });
+        })])]);
+      } else if (this.componentInfo.PICTURE) {
+        return h("img", {
+          "class": "component-preview__icon",
+          "attrs": {
+            "src": this.$util.getFileUrl(this.componentInfo.PICTURE)
+          }
+        });
+      } else {
+        return h("div", [this.componentInfo.TITLE]);
+      }
+    }
+  },
+  render: function render() {
+    var h = arguments[0];
+    return h("div", {
+      "class": {
+        'component-preview': true,
+        active: this.selectComponent && this.componentId === this.selectComponent.id
+      },
+      "on": {
+        "click": this.clickComponent
+      }
+    }, [this.renderPreviewComponent(), h("div", {
+      "class": "component-preview__operate"
+    }, [h("el-popconfirm", {
+      "attrs": {
+        "title": "".concat(this.$t('Confirm to delete the component'), " ?")
+      },
+      "on": {
+        "confirm": this.$emit.bind(this, 'delete', this.componentId)
+      }
+    }, [h("span", {
+      "slot": "reference",
+      "class": "component-preview__del"
+    }, [h("i", {
+      "class": "el-icon-close"
+    })])])])]);
+  }
+});
+// CONCATENATED MODULE: ./src/frame/packages/visual-config-page/ComponentPreview.vue?vue&type=script&lang=js
+ /* harmony default export */ var visual_config_page_ComponentPreviewvue_type_script_lang_js = (ComponentPreviewvue_type_script_lang_js); 
+// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js
+var injectStylesIntoStyleTag = __webpack_require__(17);
+var injectStylesIntoStyleTag_default = /*#__PURE__*/__webpack_require__.n(injectStylesIntoStyleTag);
+
+// EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ref--2-3!./node_modules/vue-loader/lib??vue-loader-options!./src/frame/packages/visual-config-page/ComponentPreview.vue?vue&type=style&index=0&id=bd96a8aa&prod&scoped=true&lang=scss
+var ComponentPreviewvue_type_style_index_0_id_bd96a8aa_prod_scoped_true_lang_scss = __webpack_require__(81);
+
+// CONCATENATED MODULE: ./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ref--2-3!./node_modules/vue-loader/lib??vue-loader-options!./src/frame/packages/visual-config-page/ComponentPreview.vue?vue&type=style&index=0&id=bd96a8aa&prod&scoped=true&lang=scss
+
+            
+
+var options = {};
+
+options.insert = "head";
+options.singleton = false;
+
+var update = injectStylesIntoStyleTag_default()(ComponentPreviewvue_type_style_index_0_id_bd96a8aa_prod_scoped_true_lang_scss["a" /* default */], options);
+
+
+
+/* harmony default export */ var visual_config_page_ComponentPreviewvue_type_style_index_0_id_bd96a8aa_prod_scoped_true_lang_scss = (ComponentPreviewvue_type_style_index_0_id_bd96a8aa_prod_scoped_true_lang_scss["a" /* default */].locals || {});
+// CONCATENATED MODULE: ./src/frame/packages/visual-config-page/ComponentPreview.vue?vue&type=style&index=0&id=bd96a8aa&prod&scoped=true&lang=scss
+
+// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__(13);
+
+// CONCATENATED MODULE: ./src/frame/packages/visual-config-page/ComponentPreview.vue
+var render, staticRenderFns
+
+
+
+
+
+/* normalize component */
+
+var ComponentPreview_component = Object(componentNormalizer["a" /* default */])(
+  visual_config_page_ComponentPreviewvue_type_script_lang_js,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  "bd96a8aa",
+  null
+  
+)
+
+/* harmony default export */ var ComponentPreview = __webpack_exports__["a"] = (ComponentPreview_component.exports);
+
+/***/ }),
+
 /***/ 8:
 /***/ (function(module, exports) {
 
-module.exports = require("core-js/modules/web.dom-collections.for-each.js");
+module.exports = require("core-js/modules/es.function.name.js");
+
+/***/ }),
+
+/***/ 81:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(18);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
+// Imports
+
+var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});
+// Module
+___CSS_LOADER_EXPORT___.push([module.i, ".component-preview[data-v-bd96a8aa]{width:calc(100% - 20px);border:1px solid transparent;margin:10px;box-shadow:border-box;position:relative;cursor:pointer}.component-preview[data-v-bd96a8aa]:hover{border-style:dashed;border-color:#0874e7}[data-theme=purple] .component-preview[data-v-bd96a8aa]:hover{border-color:#7569e2}[data-theme=palevioletred] .component-preview[data-v-bd96a8aa]:hover{border-color:#ce4545}[data-theme=forestgreen] .component-preview[data-v-bd96a8aa]:hover{border-color:#3d8a50}[data-theme=deepblue] .component-preview[data-v-bd96a8aa]:hover{border-color:#0f5fbd}[data-theme=orange] .component-preview[data-v-bd96a8aa]:hover{border-color:#ea6000}[data-theme=skyblue] .component-preview[data-v-bd96a8aa]:hover{border-color:#1a4586}[data-theme=aurorablue] .component-preview[data-v-bd96a8aa]:hover{border-color:#383b9e}[data-theme=tiffanyblue] .component-preview[data-v-bd96a8aa]:hover{border-color:#00aaad}[data-theme=tsinghuapurple] .component-preview[data-v-bd96a8aa]:hover{border-color:#5f2167}[data-theme=creativeblue] .component-preview[data-v-bd96a8aa]:hover{border-color:#418cff}[data-theme=njhkht] .component-preview[data-v-bd96a8aa]:hover{border-color:#1d2088}.component-preview.active[data-v-bd96a8aa]{border-style:solid;border-color:#0874e7}[data-theme=purple] .component-preview.active[data-v-bd96a8aa]{border-color:#7569e2}[data-theme=palevioletred] .component-preview.active[data-v-bd96a8aa]{border-color:#ce4545}[data-theme=forestgreen] .component-preview.active[data-v-bd96a8aa]{border-color:#3d8a50}[data-theme=deepblue] .component-preview.active[data-v-bd96a8aa]{border-color:#0f5fbd}[data-theme=orange] .component-preview.active[data-v-bd96a8aa]{border-color:#ea6000}[data-theme=skyblue] .component-preview.active[data-v-bd96a8aa]{border-color:#1a4586}[data-theme=aurorablue] .component-preview.active[data-v-bd96a8aa]{border-color:#383b9e}[data-theme=tiffanyblue] .component-preview.active[data-v-bd96a8aa]{border-color:#00aaad}[data-theme=tsinghuapurple] .component-preview.active[data-v-bd96a8aa]{border-color:#5f2167}[data-theme=creativeblue] .component-preview.active[data-v-bd96a8aa]{border-color:#418cff}[data-theme=njhkht] .component-preview.active[data-v-bd96a8aa]{border-color:#1d2088}.component-preview.active>.component-preview__operate[data-v-bd96a8aa]{display:block}.component-preview__icon[data-v-bd96a8aa]{width:100%}.component-preview__operate[data-v-bd96a8aa]{position:absolute;top:-20px;right:0;display:none}.component-preview__del[data-v-bd96a8aa]{background-color:#0874e7;color:#fff}[data-theme=purple] .component-preview__del[data-v-bd96a8aa]{background-color:#7569e2}[data-theme=palevioletred] .component-preview__del[data-v-bd96a8aa]{background-color:#ce4545}[data-theme=forestgreen] .component-preview__del[data-v-bd96a8aa]{background-color:#3d8a50}[data-theme=deepblue] .component-preview__del[data-v-bd96a8aa]{background-color:#0f5fbd}[data-theme=orange] .component-preview__del[data-v-bd96a8aa]{background-color:#ea6000}[data-theme=skyblue] .component-preview__del[data-v-bd96a8aa]{background-color:#1a4586}[data-theme=aurorablue] .component-preview__del[data-v-bd96a8aa]{background-color:#383b9e}[data-theme=tiffanyblue] .component-preview__del[data-v-bd96a8aa]{background-color:#00aaad}[data-theme=tsinghuapurple] .component-preview__del[data-v-bd96a8aa]{background-color:#5f2167}[data-theme=creativeblue] .component-preview__del[data-v-bd96a8aa]{background-color:#418cff}[data-theme=njhkht] .component-preview__del[data-v-bd96a8aa]{background-color:#1d2088}.layout-placeholder[data-v-bd96a8aa]{min-height:60px;height:100%;width:100%;background-color:#f0f0f0;border:1px dotted  #a7b1bd;position:relative}.layout-placeholder[data-v-bd96a8aa]::before{width:100%;text-align:center;content:'拖拽组件到这里';color:#666;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.has-component[data-v-bd96a8aa]::before{display:none}\n", ""]);
+// Exports
+/* harmony default export */ __webpack_exports__["a"] = (___CSS_LOADER_EXPORT___);
+
 
 /***/ }),
 
 /***/ 9:
 /***/ (function(module, exports) {
 
-module.exports = require("core-js/modules/es.function.name.js");
+module.exports = require("core-js/modules/web.dom-collections.for-each.js");
 
 /***/ })