@sdcsd/draggable-components 1.0.30 → 1.0.32

package/dist/draggable-components.umd.js

@@ -8234,6 +8234,17 @@ return /******/ (function(modules) { // webpackBootstrap
 }));
 
 
+/***/ }),
+
+/***/ "0b35":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_style1_vue_vue_type_style_index_0_id_4d80a489_prod_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("78a5");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_style1_vue_vue_type_style_index_0_id_4d80a489_prod_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_style1_vue_vue_type_style_index_0_id_4d80a489_prod_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "0fae":
@@ -8250,22 +8261,40 @@ return /******/ (function(modules) { // webpackBootstrap
 
 /***/ }),
 
-/***/ "2ec6":
+/***/ "19a7":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
+/***/ "1f7e":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_headerNav_vue_vue_type_style_index_2_id_595ab146_prod_lang_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("60d5");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_headerNav_vue_vue_type_style_index_2_id_595ab146_prod_lang_css__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_headerNav_vue_vue_type_style_index_2_id_595ab146_prod_lang_css__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_style2_vue_vue_type_style_index_1_id_1f3f2c6a_prod_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("f762");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_style2_vue_vue_type_style_index_1_id_1f3f2c6a_prod_lang_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_style2_vue_vue_type_style_index_1_id_1f3f2c6a_prod_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
 /* unused harmony reexport * */
 
 
 /***/ }),
 
-/***/ "3e87":
+/***/ "2229":
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
 
+/***/ }),
+
+/***/ "42c4":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_style4_vue_vue_type_style_index_0_id_d3d12a20_prod_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("e9da");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_style4_vue_vue_type_style_index_0_id_d3d12a20_prod_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_style4_vue_vue_type_style_index_0_id_d3d12a20_prod_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "42e9":
@@ -8326,10 +8355,14 @@ return /******/ (function(modules) { // webpackBootstrap
 
 /***/ }),
 
-/***/ "60d5":
-/***/ (function(module, exports, __webpack_require__) {
+/***/ "5fb0":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_style2_vue_vue_type_style_index_0_id_1f3f2c6a_prod_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("2229");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_style2_vue_vue_type_style_index_0_id_1f3f2c6a_prod_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_style2_vue_vue_type_style_index_0_id_1f3f2c6a_prod_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
 
-// extracted by mini-css-extract-plugin
 
 /***/ }),
 
@@ -8342,6 +8375,46 @@ return /******/ (function(modules) { // webpackBootstrap
 /* unused harmony reexport * */
 
 
+/***/ }),
+
+/***/ "6685":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_headerNav_vue_vue_type_style_index_0_id_0bf33925_prod_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("e450");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_headerNav_vue_vue_type_style_index_0_id_0bf33925_prod_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_headerNav_vue_vue_type_style_index_0_id_0bf33925_prod_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
+/***/ }),
+
+/***/ "7419":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_style3_vue_vue_type_style_index_0_id_4d7754d1_prod_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("a59e");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_style3_vue_vue_type_style_index_0_id_4d7754d1_prod_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_style3_vue_vue_type_style_index_0_id_4d7754d1_prod_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
+/***/ }),
+
+/***/ "77c1":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_style4_vue_vue_type_style_index_1_id_d3d12a20_prod_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("fe34");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_style4_vue_vue_type_style_index_1_id_d3d12a20_prod_lang_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_style4_vue_vue_type_style_index_1_id_d3d12a20_prod_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
+/***/ }),
+
+/***/ "78a5":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "78e5":
@@ -8360,6 +8433,17 @@ return /******/ (function(modules) { // webpackBootstrap
 
 // extracted by mini-css-extract-plugin
 
+/***/ }),
+
+/***/ "7f61":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_style1_vue_vue_type_style_index_1_id_4d80a489_prod_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("19a7");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_style1_vue_vue_type_style_index_1_id_4d80a489_prod_lang_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_style1_vue_vue_type_style_index_1_id_4d80a489_prod_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "8875":
@@ -8486,21 +8570,35 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__8bbf__;
 
 /***/ }),
 
-/***/ "a9ec":
+/***/ "a101":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_style3_vue_vue_type_style_index_1_id_4d7754d1_prod_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("b733");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_style3_vue_vue_type_style_index_1_id_4d7754d1_prod_lang_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_style3_vue_vue_type_style_index_1_id_4d7754d1_prod_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
+/***/ }),
+
+/***/ "a59e":
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
 
 /***/ }),
 
-/***/ "aa91":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+/***/ "a9ec":
+/***/ (function(module, exports, __webpack_require__) {
 
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_headerNav_vue_vue_type_style_index_1_id_595ab146_prod_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("3e87");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_headerNav_vue_vue_type_style_index_1_id_595ab146_prod_lang_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_headerNav_vue_vue_type_style_index_1_id_595ab146_prod_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
+/***/ "b733":
+/***/ (function(module, exports, __webpack_require__) {
 
+// extracted by mini-css-extract-plugin
 
 /***/ }),
 
@@ -8522,21 +8620,17 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__8bbf__;
 
 /***/ }),
 
-/***/ "e42e":
+/***/ "e450":
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
 
 /***/ }),
 
-/***/ "e489":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_headerNav_vue_vue_type_style_index_0_id_595ab146_prod_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("e42e");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_headerNav_vue_vue_type_style_index_0_id_595ab146_prod_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_headerNav_vue_vue_type_style_index_0_id_595ab146_prod_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
+/***/ "e9da":
+/***/ (function(module, exports, __webpack_require__) {
 
+// extracted by mini-css-extract-plugin
 
 /***/ }),
 
@@ -8565,6 +8659,13 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__8bbf__;
 
 /***/ }),
 
+/***/ "f762":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "fb15":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -8599,7 +8700,7 @@ if (typeof window !== 'undefined') {
 // EXTERNAL MODULE: ./node_modules/element-ui/lib/theme-chalk/index.css
 var theme_chalk = __webpack_require__("0fae");
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"433130f5-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./package/carousel/carousel.vue?vue&type=template&id=0e0de953&scoped=true
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4c560606-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./package/carousel/carousel.vue?vue&type=template&id=0e0de953&scoped=true
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -9047,7 +9148,7 @@ var component = normalizeComponent(
 
 carousel.install = Vue => Vue.component(carousel.name, carousel);
 /* harmony default export */ var package_carousel = (carousel);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"433130f5-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./package/companyIntroduction/companyIntroduction.vue?vue&type=template&id=5805156a&scoped=true
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4c560606-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./package/companyIntroduction/companyIntroduction.vue?vue&type=template&id=5805156a&scoped=true
 var companyIntroductionvue_type_template_id_5805156a_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -9640,7 +9741,7 @@ var companyIntroduction_component = normalizeComponent(
 
 companyIntroduction.install = Vue => Vue.component(companyIntroduction.name, companyIntroduction);
 /* harmony default export */ var package_companyIntroduction = (companyIntroduction);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"433130f5-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./package/floatNav/floatNav.vue?vue&type=template&id=3ea2b746&scoped=true
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4c560606-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./package/floatNav/floatNav.vue?vue&type=template&id=3ea2b746&scoped=true
 var floatNavvue_type_template_id_3ea2b746_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -10042,7 +10143,7 @@ var floatNav_component = normalizeComponent(
 
 floatNav.install = Vue => Vue.component(floatNav.name, floatNav);
 /* harmony default export */ var package_floatNav = (floatNav);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"433130f5-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./package/footerNav/footerNav.vue?vue&type=template&id=1bca4f56&scoped=true
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4c560606-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./package/footerNav/footerNav.vue?vue&type=template&id=1bca4f56&scoped=true
 var footerNavvue_type_template_id_1bca4f56_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -10486,8 +10587,8 @@ var footerNav_component = normalizeComponent(
 
 footerNav.install = Vue => Vue.component(footerNav.name, footerNav);
 /* harmony default export */ var package_footerNav = (footerNav);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"433130f5-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./package/headerNav/headerNav.vue?vue&type=template&id=595ab146&scoped=true
-var headerNavvue_type_template_id_595ab146_scoped_true_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4c560606-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./package/headerNav/headerNav.vue?vue&type=template&id=0bf33925&scoped=true
+var headerNavvue_type_template_id_0bf33925_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -10495,459 +10596,71 @@ var headerNavvue_type_template_id_595ab146_scoped_true_render = function render(
     class: _vm.theme
   }, [_vm.clickDisabled ? _c('div', {
     staticClass: "header-nav-component-click-disabled-mask"
-  }) : _vm._e(), _vm.styleType === 'style1' ? _c('div', {
-    staticClass: "header-nav-style1"
-  }, [_c('div', {
-    staticClass: "headerNav-component--style1__logo"
-  }, [_c('img', {
+  }) : _vm._e(), _vm.styleType === 'style1' ? _c('style1', {
     attrs: {
-      "src": _vm.logo,
-      "alt": ""
+      "logo": _vm.logo,
+      "menus": _vm.menus
     },
     on: {
-      "click": _vm.handleClickLogo
-    }
-  })]), _c('div', {
-    staticClass: "headerNav-component--style1__menu"
-  }, [_vm.menus.length > 0 ? _c('MenuComponent', {
-    attrs: {
-      "menus": _vm.menus,
-      "mode": "horizontal"
+      "clickLogo": _vm.handleClickLogo,
+      "search": _vm.handleSearch,
+      "changeLanguage": _vm.changeLanguage,
+      "clickMenu": _vm.handleClickMenu
     }
-  }) : _vm._e()], 1), _c('div', {
-    staticClass: "headerNav-component--style1__operate"
-  }, [_c('div', {
-    staticClass: "headerNav-component--style1__operate-search"
-  }, [_c('i', {
-    staticClass: "headerNav-component--style1__operate-search-icon el-icon-search"
-  }), _c('input', {
-    directives: [{
-      name: "model",
-      rawName: "v-model",
-      value: _vm.searchText,
-      expression: "searchText"
-    }],
-    staticClass: "headerNav-component--style1__operate-search-input",
+  }) : _vm._e(), _vm.styleType === 'style2' ? _c('style2', {
     attrs: {
-      "type": "text",
-      "placeholder": _vm.$t('搜索').toUpperCase()
-    },
-    domProps: {
-      "value": _vm.searchText
+      "logo": _vm.logo,
+      "menus": _vm.menus
     },
     on: {
-      "keydown": function ($event) {
-        if (!$event.type.indexOf('key') && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")) return null;
-        return _vm.handleSearch.apply(null, arguments);
-      },
-      "input": function ($event) {
-        if ($event.target.composing) return;
-        _vm.searchText = $event.target.value;
-      }
-    }
-  })]), _c('i', {
-    staticClass: "iconfont headerNav-component--style1__operate-language icon-a-zu61",
-    on: {
-      "click": _vm.changeLanguage
-    }
-  })])]) : _vm._e(), _vm.styleType === 'style2' ? _c('div', {
-    staticClass: "header-nav-style2"
-  }, [_c('div', {
-    staticClass: "headerNav-component--style2__left"
-  }, [_c('div', {
-    staticClass: "headerNav-component--style2__menu",
-    on: {
-      "mouseleave": _vm.handleMenuLeave
-    }
-  }, [_c('div', {
-    staticClass: "headerNav-component--style2__menu-item",
-    on: {
-      "click": function ($event) {
-        return _vm.handleClickMenu({
-          name: '首页',
-          label: '首页'
-        });
-      }
+      "clickLogo": _vm.handleClickLogo,
+      "search": _vm.handleSearch,
+      "changeLanguage": _vm.changeLanguage,
+      "clickMenu": _vm.handleClickMenu
     }
-  }, [_vm._v(" " + _vm._s(_vm.$t('首页')) + " ")]), _vm._l(_vm.menus.filter(menu => menu.isShow === true), function (item) {
-    return _c('div', {
-      key: item.id,
-      staticClass: "headerNav-component--style2__menu-item",
-      on: {
-        "click": function ($event) {
-          return _vm.handleClickMenu(item);
-        },
-        "mouseenter": function ($event) {
-          return _vm.handleMenuHover(item);
-        }
-      }
-    }, [_vm._v(" " + _vm._s(item.name || item.label) + " ")]);
-  })], 2), _c('div', {
-    staticClass: "headerNav-component--style2__logo"
-  }, [_c('img', {
+  }) : _vm._e(), _vm.styleType === 'style3' ? _c('style3', {
     attrs: {
-      "src": _vm.logo,
-      "alt": ""
+      "logo": _vm.logo,
+      "menus": _vm.menus,
+      "currentSelection": _vm.currentSelection
     },
     on: {
-      "click": _vm.handleClickLogo
+      "clickLogo": _vm.handleClickLogo,
+      "search": _vm.handleSearch,
+      "changeLanguage": _vm.changeLanguage,
+      "clickMenu": _vm.handleClickMenu
     }
-  })])]), _c('div', {
-    staticClass: "headerNav-component--style2__operate"
-  }, [_c('div', {
-    staticClass: "headerNav-component--style2__operate-search"
-  }, [_c('i', {
-    staticClass: "iconfont headerNav-component--style2__operate-search-icon icon-sousuo"
-  }), _c('input', {
-    directives: [{
-      name: "model",
-      rawName: "v-model",
-      value: _vm.searchText,
-      expression: "searchText"
-    }],
-    staticClass: "headerNav-component--style2__operate-search-input",
+  }) : _vm._e(), _vm.styleType === 'style4' ? _c('style4', {
     attrs: {
-      "type": "text",
-      "placeholder": _vm.$t('搜索').toUpperCase()
-    },
-    domProps: {
-      "value": _vm.searchText
+      "logo": _vm.logo,
+      "menus": _vm.menus,
+      "cascaderOptions": _vm.cascaderOptions,
+      "currentSelection": _vm.currentSelection,
+      "theme": _vm.theme
     },
     on: {
-      "keydown": function ($event) {
-        if (!$event.type.indexOf('key') && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")) return null;
-        return _vm.handleSearch.apply(null, arguments);
-      },
-      "input": function ($event) {
-        if ($event.target.composing) return;
-        _vm.searchText = $event.target.value;
-      }
-    }
-  })]), _c('i', {
-    staticClass: "iconfont headerNav-component--style2__operate-language icon-a-zu61",
-    on: {
-      "click": _vm.changeLanguage
+      "clickLogo": _vm.handleClickLogo,
+      "search": _vm.handleSearch,
+      "changeLanguage": _vm.changeLanguage,
+      "clickMenu": _vm.handleClickMenu
     }
-  })]), _c('div', {
-    staticClass: "headerNav-component-style2__submenu",
-    class: {
-      'show': _vm.showSubMenu
+  }) : _vm._e(), _c('ChangeLanguageDialog', {
+    attrs: {
+      "visible": _vm.showLanguageDialog,
+      "language-list": _vm.languageList,
+      "currentSelection": _vm.currentSelection
     },
     on: {
-      "mouseenter": _vm.handleSubMenuContainerEnter,
-      "mouseleave": _vm.handleSubMenuContainerLeave
-    }
-  }, _vm._l(_vm.currentSubMenu, function (item, index) {
-    return _c('div', {
-      directives: [{
-        name: "show",
-        rawName: "v-show",
-        value: item.children && item.children.length > 0,
-        expression: "item.children && item.children.length > 0"
-      }],
-      key: index
-    }, [item.children && item.children.length > 0 ? _c('div', {
-      staticClass: "headerNav-component-style2__submenu-container"
-    }, _vm._l(item.children, function (secondMenu, secondIndex) {
-      return _c('div', {
-        key: secondIndex,
-        staticClass: "headerNav-component-style2__submenu-container__item"
-      }, [_c('div', {
-        staticClass: "headerNav-component-style2__submenu-container__item__title",
-        class: {
-          'headerNav-menu-hover-color': secondMenu.children.length <= 0
-        },
-        on: {
-          "click": function ($event) {
-            return _vm.handleClickMenu(secondMenu);
-          }
-        }
-      }, [_vm._v(_vm._s(secondMenu.name || secondMenu.label))]), secondMenu.children && secondMenu.children.length > 0 ? _c('div', {
-        staticClass: "headerNav-component-style2__thirdmenu-container"
-      }, _vm._l(secondMenu.children, function (thirdMenu, thirdIndex) {
-        return _c('div', {
-          key: thirdIndex,
-          staticClass: "headerNav-component-style2__thirdmenu-container__item"
-        }, [_c('div', {
-          staticClass: "headerNav-component-style2__thirdmenu-container__item__title",
-          class: {
-            'headerNav-menu-hover-color': thirdMenu.children.length <= 0
-          },
-          on: {
-            "click": function ($event) {
-              return _vm.handleClickMenu(thirdMenu);
-            }
-          }
-        }, [_vm._v(_vm._s(thirdMenu.name || thirdMenu.label))]), thirdMenu.children && thirdMenu.children.length > 0 ? _c('div', {
-          staticClass: "headerNav-component-style2__thirdmenu-container__item__submenu"
-        }, _vm._l(thirdMenu.children, function (fourthMenu, fourthIndex) {
-          return _c('div', {
-            key: fourthIndex,
-            staticClass: "headerNav-component-style2__thirdmenu-container__item__submenu__item",
-            on: {
-              "click": function ($event) {
-                return _vm.handleClickMenu(fourthMenu);
-              }
-            }
-          }, [_vm._v(_vm._s(fourthMenu.name || fourthMenu.label))]);
-        }), 0) : _vm._e()]);
-      }), 0) : _vm._e()]);
-    }), 0) : _vm._e()]);
-  }), 0)]) : _vm._e(), _vm.styleType === 'style3' ? _c('div', {
-    staticClass: "header-nav-style3"
-  }, [_c('div', {
-    staticClass: "headerNav-component--style3__logo"
-  }, [_c('img', {
-    attrs: {
-      "src": _vm.logo,
-      "alt": ""
-    },
-    on: {
-      "click": _vm.handleClickLogo
-    }
-  })]), _c('div', {
-    staticClass: "headerNav-component--style3__menu",
-    on: {
-      "mouseleave": _vm.handleMenuLeave
-    }
-  }, [_c('div', {
-    staticClass: "headerNav-component--style3__menu-item",
-    on: {
-      "click": function ($event) {
-        return _vm.handleClickMenu({
-          name: '首页',
-          label: '首页'
-        });
-      }
-    }
-  }, [_vm._v(" " + _vm._s(_vm.$t('首页')) + " ")]), _vm._l(_vm.menus.filter(menu => menu.isShow === true), function (item) {
-    return _c('div', {
-      key: item.id,
-      staticClass: "headerNav-component--style3__menu-item",
-      on: {
-        "click": function ($event) {
-          return _vm.handleClickMenu(item);
-        },
-        "mouseenter": function ($event) {
-          return _vm.handleMenuHover(item);
-        }
-      }
-    }, [_vm._v(" " + _vm._s(item.name || item.label) + " ")]);
-  })], 2), _c('div', {
-    staticClass: "headerNav-component-style3__submenu",
-    class: {
-      'show': _vm.showSubMenu
-    },
-    on: {
-      "mouseenter": _vm.handleSubMenuContainerEnter,
-      "mouseleave": _vm.handleSubMenuContainerLeave
-    }
-  }, _vm._l(_vm.currentSubMenu, function (item, index) {
-    return _c('div', {
-      directives: [{
-        name: "show",
-        rawName: "v-show",
-        value: item.children && item.children.length > 0,
-        expression: "item.children && item.children.length > 0"
-      }],
-      key: index
-    }, [item.children && item.children.length > 0 ? _c('div', {
-      staticClass: "headerNav-component-style3__submenu-container"
-    }, _vm._l(item.children, function (secondMenu, secondIndex) {
-      return _c('div', {
-        key: secondIndex,
-        staticClass: "headerNav-component-style3__submenu-container__item"
-      }, [_c('div', {
-        staticClass: "headerNav-component-style3__submenu-container__item__title",
-        class: {
-          'headerNav-menu-hover-color': secondMenu.children.length <= 0
-        },
-        on: {
-          "click": function ($event) {
-            return _vm.handleClickMenu(secondMenu);
-          }
-        }
-      }, [_vm._v(_vm._s(secondMenu.name || secondMenu.label))]), secondMenu.children && secondMenu.children.length > 0 ? _c('div', {
-        staticClass: "headerNav-component-style3__thirdmenu-container"
-      }, _vm._l(secondMenu.children, function (thirdMenu, thirdIndex) {
-        return _c('div', {
-          key: thirdIndex,
-          staticClass: "headerNav-component-style3__thirdmenu-container__item"
-        }, [_c('div', {
-          staticClass: "headerNav-component-style3__thirdmenu-container__item__title",
-          class: {
-            'headerNav-menu-hover-color': thirdMenu.children.length <= 0
-          },
-          on: {
-            "click": function ($event) {
-              return _vm.handleClickMenu(thirdMenu);
-            }
-          }
-        }, [_vm._v(_vm._s(thirdMenu.name || thirdMenu.label))]), thirdMenu.children && thirdMenu.children.length > 0 ? _c('div', {
-          staticClass: "headerNav-component-style3__thirdmenu-container__item__submenu"
-        }, _vm._l(thirdMenu.children, function (fourthMenu, fourthIndex) {
-          return _c('div', {
-            key: fourthIndex,
-            staticClass: "headerNav-component-style3__thirdmenu-container__item__submenu__item",
-            on: {
-              "click": function ($event) {
-                return _vm.handleClickMenu(fourthMenu);
-              }
-            }
-          }, [_vm._v(_vm._s(fourthMenu.name || fourthMenu.label))]);
-        }), 0) : _vm._e()]);
-      }), 0) : _vm._e()]);
-    }), 0) : _vm._e()]);
-  }), 0), _vm.currentSelection.item ? _c('div', {
-    staticClass: "headerNav-component-style3__language",
-    on: {
-      "click": function ($event) {
-        $event.stopPropagation();
-        return _vm.changeLanguage.apply(null, arguments);
-      }
-    }
-  }, [_c('img', {
-    staticClass: "headerNav-component-style3__language-icon",
-    attrs: {
-      "width": "36",
-      "src": _vm.currentSelection.item.img
-    }
-  }), _c('div', {
-    staticClass: "headerNav-component-style3__language-text"
-  }, [_vm._v(_vm._s(_vm.$t(_vm.currentSelection.item.name)))]), _c('i', {
-    staticClass: "headerNav-component-style3__language-arrow-down el-icon-arrow-down"
-  })]) : _c('div', [_c('i', {
-    staticClass: "iconfont headerNav-component--style3__operate-language icon-a-zu61",
-    on: {
-      "click": _vm.changeLanguage
-    }
-  })]), _c('div', {
-    directives: [{
-      name: "show",
-      rawName: "v-show",
-      value: _vm.$route.path === '/',
-      expression: "$route.path === '/'"
-    }],
-    staticClass: "headerNav-component--style3__operate-search"
-  }, [_c('input', {
-    directives: [{
-      name: "model",
-      rawName: "v-model",
-      value: _vm.searchText,
-      expression: "searchText"
-    }],
-    staticClass: "headerNav-component--style3__operate-search-input",
-    attrs: {
-      "type": "text",
-      "placeholder": _vm.$t('搜索').toUpperCase()
-    },
-    domProps: {
-      "value": _vm.searchText
-    },
-    on: {
-      "keydown": function ($event) {
-        if (!$event.type.indexOf('key') && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")) return null;
-        return _vm.handleSearch.apply(null, arguments);
-      },
-      "input": function ($event) {
-        if ($event.target.composing) return;
-        _vm.searchText = $event.target.value;
-      }
-    }
-  }), _c('i', {
-    staticClass: "iconfont headerNav-component--style3__operate-search-icon icon-sousuo"
-  })])]) : _vm._e(), _vm.styleType === 'style4' ? _c('div', {
-    staticClass: "header-nav-style4"
-  }, [_c('div', {
-    staticClass: "headerNav-component--style4__logo"
-  }, [_c('img', {
-    attrs: {
-      "src": _vm.logo,
-      "alt": ""
-    },
-    on: {
-      "click": _vm.handleClickLogo
-    }
-  })]), _c('div', {
-    staticClass: "headerNav-component--style4__operate"
-  }, [_c('div', {
-    staticClass: "headerNav-component--style4__menu",
-    on: {
-      "mouseleave": _vm.handleMenuLeave
-    }
-  }, [_c('i', {
-    staticClass: "iconfont icon-ego-menu headerNav-component--style4__menu-icon"
-  }), _c('el-cascader', {
-    ref: "style4Cascader",
-    attrs: {
-      "props": {
-        value: 'id'
-      },
-      "show-all-levels": false,
-      "options": _vm.cascaderOptions,
-      "popper-class": `headerNav-component--style4__menu-cascader ${_vm.theme}`
-    },
-    on: {
-      "change": _vm.handleChangeMenu
-    },
-    model: {
-      value: _vm.style4SelectOption,
-      callback: function ($$v) {
-        _vm.style4SelectOption = $$v;
-      },
-      expression: "style4SelectOption"
-    }
-  })], 1), _c('div', {
-    staticClass: "headerNav-component--style4__operate-search"
-  }, [_c('i', {
-    staticClass: "iconfont headerNav-component--style4__operate-search-icon icon-sousuo"
-  }), _c('input', {
-    directives: [{
-      name: "model",
-      rawName: "v-model",
-      value: _vm.searchText,
-      expression: "searchText"
-    }],
-    staticClass: "headerNav-component--style4__operate-search-input",
-    attrs: {
-      "type": "text",
-      "placeholder": _vm.$t('搜索').toUpperCase()
-    },
-    domProps: {
-      "value": _vm.searchText
-    },
-    on: {
-      "keydown": function ($event) {
-        if (!$event.type.indexOf('key') && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")) return null;
-        return _vm.handleSearch.apply(null, arguments);
-      },
-      "input": function ($event) {
-        if ($event.target.composing) return;
-        _vm.searchText = $event.target.value;
-      }
-    }
-  })]), _c('i', {
-    staticClass: "iconfont headerNav-component--style4__operate-language icon-a-zu61",
-    on: {
-      "click": _vm.changeLanguage
-    }
-  })])]) : _vm._e(), _c('ChangeLanguageDialog', {
-    attrs: {
-      "visible": _vm.showLanguageDialog,
-      "language-list": _vm.languageList,
-      "currentSelection": _vm.currentSelection
-    },
-    on: {
-      "close": function ($event) {
-        _vm.showLanguageDialog = false;
-      },
-      "select": _vm.handleLanguageSelect
+      "close": function ($event) {
+        _vm.showLanguageDialog = false;
+      },
+      "select": _vm.handleLanguageSelect
     }
   })], 1);
 };
-var headerNavvue_type_template_id_595ab146_scoped_true_staticRenderFns = [];
+var headerNavvue_type_template_id_0bf33925_scoped_true_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./package/headerNav/headerNav.vue?vue&type=template&id=595ab146&scoped=true
+// CONCATENATED MODULE: ./package/headerNav/headerNav.vue?vue&type=template&id=0bf33925&scoped=true
 
 // CONCATENATED MODULE: ./package/headerNav/menus.js
 
@@ -11082,26 +10795,1021 @@ const MenuComponent = {
   }
 };
 /* harmony default export */ var menus = (MenuComponent);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"433130f5-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./package/headerNav/changeLanguageDialog.vue?vue&type=template&id=6511af1d&scoped=true
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4c560606-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./package/headerNav/changeLanguageDialog.vue?vue&type=template&id=6511af1d&scoped=true
 var changeLanguageDialogvue_type_template_id_6511af1d_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('el-dialog', {
     attrs: {
-      "visible": _vm.visible,
-      "width": "1334px",
-      "before-close": _vm.handleClose
+      "visible": _vm.visible,
+      "width": "1334px",
+      "before-close": _vm.handleClose
+    }
+  }, [_c('div', {
+    staticClass: "change-language-dialog"
+  }, [_c('div', {
+    staticClass: "change-language-dialog-header"
+  }, [_c('div', {
+    staticClass: "change-language-dialog-header-title"
+  }, [_vm._v(_vm._s(_vm.$t('选择区域/语言')))]), _c('div', {
+    staticClass: "change-language-dialog-header-input"
+  }, [_c('i', {
+    staticClass: "el-icon-search"
+  }), _c('input', {
+    directives: [{
+      name: "model",
+      rawName: "v-model",
+      value: _vm.searchText,
+      expression: "searchText"
+    }],
+    attrs: {
+      "type": "text",
+      "placeholder": _vm.$t('搜索')
+    },
+    domProps: {
+      "value": _vm.searchText
+    },
+    on: {
+      "keydown": function ($event) {
+        if (!$event.type.indexOf('key') && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")) return null;
+        return _vm.handleSearch.apply(null, arguments);
+      },
+      "input": function ($event) {
+        if ($event.target.composing) return;
+        _vm.searchText = $event.target.value;
+      }
+    }
+  })])]), _c('div', {
+    staticClass: "change-language-dialog-content"
+  }, [_vm.filteredLanguageList.length > 0 ? _c('el-tabs', {
+    model: {
+      value: _vm.activeTab,
+      callback: function ($$v) {
+        _vm.activeTab = $$v;
+      },
+      expression: "activeTab"
+    }
+  }, _vm._l(_vm.filteredLanguageList, function (region) {
+    return _c('el-tab-pane', {
+      key: region.oceania,
+      staticClass: "language-group",
+      attrs: {
+        "label": _vm.$t(region.oceania),
+        "name": region.oceania
+      }
+    }, _vm._l(region.nationalVos, function (item) {
+      return _c('div', {
+        key: item.id,
+        staticClass: "language-item"
+      }, [_c('div', {
+        staticClass: "language-item-country"
+      }, [_c('div', {
+        staticClass: "language-item-country-title"
+      }, [_c('img', {
+        attrs: {
+          "src": item.img,
+          "width": "26",
+          "alt": ""
+        }
+      }), _vm._v(" " + _vm._s(_vm.$t(item.name)) + " ")]), _c('div', {
+        staticClass: "language-item-country-language"
+      }, _vm._l(item.languages || [], function (language) {
+        return _c('span', {
+          key: language && language.code ? language.code : Math.random(),
+          class: {
+            'language-item-country-language-active': _vm.currentSelection && _vm.currentSelection.language && _vm.currentSelection.language.code && language && language.code && _vm.currentSelection.language.code === language.code && _vm.currentSelection.item && _vm.currentSelection.item.name && _vm.currentSelection.item.name === item.name
+          },
+          on: {
+            "click": function ($event) {
+              return _vm.handleLanguageSelect({
+                item: item,
+                language: language
+              });
+            }
+          }
+        }, [_vm._v(_vm._s(language && language.name ? _vm.$t(language.name) : ''))]);
+      }), 0)])]);
+    }), 0);
+  }), 1) : _c('div', {
+    staticClass: "no-result"
+  }, [_c('p', [_vm._v("未找到匹配的语言")])])], 1)])]);
+};
+var changeLanguageDialogvue_type_template_id_6511af1d_scoped_true_staticRenderFns = [];
+
+// CONCATENATED MODULE: ./package/headerNav/changeLanguageDialog.vue?vue&type=template&id=6511af1d&scoped=true
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./package/headerNav/changeLanguageDialog.vue?vue&type=script&lang=js
+
+/* harmony default export */ var changeLanguageDialogvue_type_script_lang_js = ({
+  name: 'ChangeLanguageDialog',
+  props: {
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    languageList: {
+      type: Array,
+      default: () => []
+    },
+    currentSelection: {
+      type: Object,
+      default: () => ({
+        item: {
+          countryCode: '',
+          // 国家缩写CN US JP
+          img: '',
+          // 国旗
+          oceania: '',
+          // 亚洲、欧洲等
+          name: '' // 国家名称
+        },
+        language: {
+          code: '',
+          // 语言缩写
+          name: '',
+          // 语言名称
+          id: '' // 语言id
+        }
+      })
+    }
+  },
+  emits: ['close', 'select'],
+  data() {
+    return {
+      activeTab: '',
+      searchText: ''
+    };
+  },
+  computed: {
+    safeLanguageList() {
+      // 确保 languageList 是数组，并且每个元素都有必要的属性
+      if (!Array.isArray(this.languageList)) {
+        return [];
+      }
+      return this.languageList;
+    },
+    filteredLanguageList() {
+      if (!this.searchText) {
+        return this.safeLanguageList;
+      }
+      const searchLower = this.searchText.toLowerCase();
+      return this.safeLanguageList.map(region => {
+        const filteredNations = region.nationalVos.filter(nation => {
+          // 搜索国家名称
+          if (nation.name && nation.name.toLowerCase().includes(searchLower)) {
+            return true;
+          }
+          // 搜索语言名称
+          return nation.languages && nation.languages.some(language => language && language.name && language.name.toLowerCase().includes(searchLower));
+        });
+        return {
+          ...region,
+          nationalVos: filteredNations
+        };
+      }).filter(region => region.nationalVos.length > 0);
+    }
+  },
+  watch: {
+    visible(newVal) {
+      if (newVal) {
+        this.activeTab = this.safeLanguageList[0] && this.safeLanguageList[0].oceania ? this.safeLanguageList[0].oceania : '';
+        this.searchText = '';
+        console.log(this.currentSelection);
+      }
+    },
+    searchText(newVal) {
+      if (newVal) {
+        // 搜索时，自动切换到第一个匹配的标签页
+        this.$nextTick(() => {
+          if (this.filteredLanguageList.length > 0) {
+            this.activeTab = this.filteredLanguageList[0].oceania;
+          }
+        });
+      } else {
+        // 清空搜索时，回到第一个标签页
+        if (this.safeLanguageList.length > 0) {
+          this.activeTab = this.currentSelection && this.currentSelection.item && this.currentSelection.item.oceania ? this.currentSelection.item.oceania : this.safeLanguageList[0].oceania;
+        }
+      }
+    },
+    currentSelection: {
+      handler() {
+        this.updateSelectionState();
+      },
+      deep: true
+    }
+  },
+  methods: {
+    $t(key, defaultValue = '') {
+      return i18n.t(key, defaultValue);
+    },
+    handleSearch() {},
+    handleClose() {
+      this.$emit('close');
+    },
+    handleLanguageSelect(item) {
+      this.$emit('select', item);
+    },
+    updateSelectionState() {
+      console.log('updateSelectionState', this.currentSelection);
+      if (!this.currentSelection) {
+        return;
+      }
+      this.activeTab = this.currentSelection.item && this.currentSelection.item.oceania ? this.currentSelection.item.oceania : '';
+      console.log('active', this.activeTab);
+    }
+  }
+});
+// CONCATENATED MODULE: ./package/headerNav/changeLanguageDialog.vue?vue&type=script&lang=js
+ /* harmony default export */ var headerNav_changeLanguageDialogvue_type_script_lang_js = (changeLanguageDialogvue_type_script_lang_js); 
+// EXTERNAL MODULE: ./package/headerNav/changeLanguageDialog.vue?vue&type=style&index=0&id=6511af1d&prod&scoped=true&lang=scss
+var changeLanguageDialogvue_type_style_index_0_id_6511af1d_prod_scoped_true_lang_scss = __webpack_require__("45b3");
+
+// CONCATENATED MODULE: ./package/headerNav/changeLanguageDialog.vue
+
+
+
+
+
+
+/* normalize component */
+
+var changeLanguageDialog_component = normalizeComponent(
+  headerNav_changeLanguageDialogvue_type_script_lang_js,
+  changeLanguageDialogvue_type_template_id_6511af1d_scoped_true_render,
+  changeLanguageDialogvue_type_template_id_6511af1d_scoped_true_staticRenderFns,
+  false,
+  null,
+  "6511af1d",
+  null
+  
+)
+
+/* harmony default export */ var changeLanguageDialog = (changeLanguageDialog_component.exports);
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4c560606-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./package/headerNav/components/style1.vue?vue&type=template&id=4d80a489&scoped=true
+var style1vue_type_template_id_4d80a489_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    staticClass: "header-nav-style1"
+  }, [_c('div', {
+    staticClass: "style1__logo"
+  }, [_c('img', {
+    attrs: {
+      "src": _vm.logo,
+      "alt": ""
+    },
+    on: {
+      "click": _vm.handleClickLogo
+    }
+  })]), _c('div', {
+    staticClass: "style1__menu"
+  }, [_vm.menus.length > 0 ? _c('MenuComponent', {
+    attrs: {
+      "menus": _vm.menus,
+      "mode": "horizontal"
+    },
+    on: {
+      "clickMenu": _vm.handleClickMenu
+    }
+  }) : _vm._e()], 1), _c('div', {
+    staticClass: "style1__operate"
+  }, [_c('div', {
+    staticClass: "style1__operate-search"
+  }, [_c('i', {
+    staticClass: "style1__operate-search-icon el-icon-search"
+  }), _c('input', {
+    directives: [{
+      name: "model",
+      rawName: "v-model",
+      value: _vm.searchText,
+      expression: "searchText"
+    }],
+    staticClass: "style1__operate-search-input",
+    attrs: {
+      "type": "text",
+      "placeholder": _vm.$t('搜索').toUpperCase()
+    },
+    domProps: {
+      "value": _vm.searchText
+    },
+    on: {
+      "keydown": function ($event) {
+        if (!$event.type.indexOf('key') && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")) return null;
+        return _vm.handleSearch.apply(null, arguments);
+      },
+      "input": function ($event) {
+        if ($event.target.composing) return;
+        _vm.searchText = $event.target.value;
+      }
+    }
+  })]), _c('i', {
+    staticClass: "iconfont style1__operate-language icon-a-zu61",
+    on: {
+      "click": _vm.handleChangeLanguage
+    }
+  })])]);
+};
+var style1vue_type_template_id_4d80a489_scoped_true_staticRenderFns = [];
+
+// CONCATENATED MODULE: ./package/headerNav/components/style1.vue?vue&type=template&id=4d80a489&scoped=true
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./package/headerNav/components/style1.vue?vue&type=script&lang=js
+
+
+/* harmony default export */ var style1vue_type_script_lang_js = ({
+  name: 'HeaderNavStyle1',
+  components: {
+    MenuComponent: menus
+  },
+  emits: ['clickLogo', 'search', 'changeLanguage', 'clickMenu'],
+  props: {
+    logo: {
+      // 公司logo图片路径
+      type: String,
+      default: ''
+    },
+    menus: {
+      // 导航栏菜单
+      type: Array,
+      default: () => []
+    }
+  },
+  data() {
+    return {
+      searchText: ''
+    };
+  },
+  methods: {
+    $t(key) {
+      return i18n.t(key);
+    },
+    handleClickLogo() {
+      this.$emit('clickLogo');
+    },
+    handleClickMenu(menuItem, isBlank) {
+      this.$emit('clickMenu', menuItem, isBlank);
+    },
+    handleSearch() {
+      this.$emit('search', this.searchText);
+    },
+    handleChangeLanguage() {
+      this.$emit('changeLanguage');
+    }
+  }
+});
+// CONCATENATED MODULE: ./package/headerNav/components/style1.vue?vue&type=script&lang=js
+ /* harmony default export */ var components_style1vue_type_script_lang_js = (style1vue_type_script_lang_js); 
+// EXTERNAL MODULE: ./package/headerNav/components/style1.vue?vue&type=style&index=0&id=4d80a489&prod&scoped=true&lang=scss
+var style1vue_type_style_index_0_id_4d80a489_prod_scoped_true_lang_scss = __webpack_require__("0b35");
+
+// EXTERNAL MODULE: ./package/headerNav/components/style1.vue?vue&type=style&index=1&id=4d80a489&prod&lang=scss
+var style1vue_type_style_index_1_id_4d80a489_prod_lang_scss = __webpack_require__("7f61");
+
+// CONCATENATED MODULE: ./package/headerNav/components/style1.vue
+
+
+
+
+
+
+
+/* normalize component */
+
+var style1_component = normalizeComponent(
+  components_style1vue_type_script_lang_js,
+  style1vue_type_template_id_4d80a489_scoped_true_render,
+  style1vue_type_template_id_4d80a489_scoped_true_staticRenderFns,
+  false,
+  null,
+  "4d80a489",
+  null
+  
+)
+
+/* harmony default export */ var style1 = (style1_component.exports);
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4c560606-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./package/headerNav/components/style2.vue?vue&type=template&id=1f3f2c6a&scoped=true
+var style2vue_type_template_id_1f3f2c6a_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    staticClass: "header-nav-style2"
+  }, [_c('div', {
+    staticClass: "style2__left"
+  }, [_c('div', {
+    staticClass: "style2__menu",
+    on: {
+      "mouseleave": _vm.handleMenuLeave
+    }
+  }, [_c('div', {
+    staticClass: "style2__menu-item",
+    on: {
+      "click": function ($event) {
+        return _vm.handleClickMenu({
+          name: '首页',
+          label: '首页'
+        });
+      }
+    }
+  }, [_vm._v(" " + _vm._s(_vm.$t('首页')) + " ")]), _vm._l(_vm.menus.filter(menu => menu.isShow === true), function (item) {
+    return _c('div', {
+      key: item.id,
+      staticClass: "style2__menu-item",
+      on: {
+        "click": function ($event) {
+          return _vm.handleClickMenu(item);
+        },
+        "mouseenter": function ($event) {
+          return _vm.handleMenuHover(item);
+        }
+      }
+    }, [_vm._v(" " + _vm._s(item.name || item.label) + " ")]);
+  })], 2), _c('div', {
+    staticClass: "style2__logo"
+  }, [_c('img', {
+    attrs: {
+      "src": _vm.logo,
+      "alt": ""
+    },
+    on: {
+      "click": _vm.handleClickLogo
+    }
+  })])]), _c('div', {
+    staticClass: "style2__operate"
+  }, [_c('div', {
+    staticClass: "style2__operate-search"
+  }, [_c('i', {
+    staticClass: "iconfont style2__operate-search-icon icon-sousuo"
+  }), _c('input', {
+    directives: [{
+      name: "model",
+      rawName: "v-model",
+      value: _vm.searchText,
+      expression: "searchText"
+    }],
+    staticClass: "style2__operate-search-input",
+    attrs: {
+      "type": "text",
+      "placeholder": _vm.$t('搜索').toUpperCase()
+    },
+    domProps: {
+      "value": _vm.searchText
+    },
+    on: {
+      "keydown": function ($event) {
+        if (!$event.type.indexOf('key') && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")) return null;
+        return _vm.handleSearch.apply(null, arguments);
+      },
+      "input": function ($event) {
+        if ($event.target.composing) return;
+        _vm.searchText = $event.target.value;
+      }
+    }
+  })]), _c('i', {
+    staticClass: "iconfont style2__operate-language icon-a-zu61",
+    on: {
+      "click": _vm.handleChangeLanguage
+    }
+  })]), _c('div', {
+    staticClass: "headerNav-component-style2__submenu",
+    class: {
+      'show': _vm.showSubMenu
+    },
+    on: {
+      "mouseenter": _vm.handleSubMenuContainerEnter,
+      "mouseleave": _vm.handleSubMenuContainerLeave
+    }
+  }, _vm._l(_vm.currentSubMenu, function (item, index) {
+    return _c('div', {
+      directives: [{
+        name: "show",
+        rawName: "v-show",
+        value: item.children && item.children.length > 0,
+        expression: "item.children && item.children.length > 0"
+      }],
+      key: index
+    }, [item.children && item.children.length > 0 ? _c('div', {
+      staticClass: "headerNav-component-style2__submenu-container"
+    }, _vm._l(item.children, function (secondMenu, secondIndex) {
+      return _c('div', {
+        key: secondIndex,
+        staticClass: "headerNav-component-style2__submenu-container__item"
+      }, [_c('div', {
+        staticClass: "headerNav-component-style2__submenu-container__item__title",
+        class: {
+          'headerNav-menu-hover-color': secondMenu.children.length <= 0
+        },
+        on: {
+          "click": function ($event) {
+            return _vm.handleClickMenu(secondMenu);
+          }
+        }
+      }, [_vm._v(_vm._s(secondMenu.name || secondMenu.label))]), secondMenu.children && secondMenu.children.length > 0 ? _c('div', {
+        staticClass: "headerNav-component-style2__thirdmenu-container"
+      }, _vm._l(secondMenu.children, function (thirdMenu, thirdIndex) {
+        return _c('div', {
+          key: thirdIndex,
+          staticClass: "headerNav-component-style2__thirdmenu-container__item"
+        }, [_c('div', {
+          staticClass: "headerNav-component-style2__thirdmenu-container__item__title",
+          class: {
+            'headerNav-menu-hover-color': thirdMenu.children.length <= 0
+          },
+          on: {
+            "click": function ($event) {
+              return _vm.handleClickMenu(thirdMenu);
+            }
+          }
+        }, [_vm._v(_vm._s(thirdMenu.name || thirdMenu.label))]), thirdMenu.children && thirdMenu.children.length > 0 ? _c('div', {
+          staticClass: "headerNav-component-style2__thirdmenu-container__item__submenu"
+        }, _vm._l(thirdMenu.children, function (fourthMenu, fourthIndex) {
+          return _c('div', {
+            key: fourthIndex,
+            staticClass: "headerNav-component-style2__thirdmenu-container__item__submenu__item",
+            on: {
+              "click": function ($event) {
+                return _vm.handleClickMenu(fourthMenu);
+              }
+            }
+          }, [_vm._v(_vm._s(fourthMenu.name || fourthMenu.label))]);
+        }), 0) : _vm._e()]);
+      }), 0) : _vm._e()]);
+    }), 0) : _vm._e()]);
+  }), 0)]);
+};
+var style2vue_type_template_id_1f3f2c6a_scoped_true_staticRenderFns = [];
+
+// CONCATENATED MODULE: ./package/headerNav/components/style2.vue?vue&type=template&id=1f3f2c6a&scoped=true
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./package/headerNav/components/style2.vue?vue&type=script&lang=js
+
+
+/* harmony default export */ var style2vue_type_script_lang_js = ({
+  name: 'HeaderNavStyle2',
+  components: {
+    MenuComponent: menus
+  },
+  emits: ['clickLogo', 'search', 'changeLanguage', 'clickMenu'],
+  props: {
+    logo: {
+      // 公司logo图片路径
+      type: String,
+      default: ''
+    },
+    menus: {
+      // 导航栏菜单
+      type: Array,
+      default: () => []
+    }
+  },
+  data() {
+    return {
+      searchText: '',
+      leaveTimer: null,
+      showSubMenu: false,
+      hoveredSubItem: null,
+      currentIsBlank: false,
+      currentSubMenu: []
+    };
+  },
+  methods: {
+    $t(key) {
+      return i18n.t(key);
+    },
+    handleClickLogo() {
+      this.$emit('clickLogo');
+    },
+    handleClickMenu(menuItem) {
+      if (this.showSubMenu) {
+        // 处理悬浮子菜单
+        this.$emit('clickMenu', menuItem, this.currentIsBlank);
+      } else {
+        this.$emit('clickMenu', menuItem, menuItem.isBlank);
+      }
+    },
+    handleSearch() {
+      this.$emit('search', this.searchText);
+    },
+    handleChangeLanguage() {
+      this.$emit('changeLanguage');
+    },
+    handleMenuHover(menu) {
+      if (menu.children && menu.children.length > 0) {
+        this.showSubMenu = true;
+        this.currentSubMenu = [menu];
+        this.currentIsBlank = menu.isBlank;
+      }
+    },
+    handleMenuLeave() {
+      // 延迟隐藏，以便用户可以移动鼠标到子菜单
+      this.leaveTimer = setTimeout(() => {
+        this.showSubMenu = false;
+        this.hoveredSubItem = null;
+        this.currentIsBlank = false;
+      }, 200);
+    },
+    handleSubMenuContainerEnter() {
+      // 当鼠标进入子菜单容器时，清除定时器并保持显示状态
+      if (this.leaveTimer) {
+        clearTimeout(this.leaveTimer);
+        this.leaveTimer = null;
+      }
+      this.showSubMenu = true;
+    },
+    handleSubMenuContainerLeave() {
+      // 当鼠标离开子菜单容器时，延迟隐藏
+      this.leaveTimer = setTimeout(() => {
+        this.showSubMenu = false;
+        this.hoveredSubItem = null;
+      }, 200);
+    },
+    handleSubMenuHover(menu) {
+      // 当鼠标进入二级菜单时，清除定时器并保持显示状态
+      if (this.leaveTimer) {
+        clearTimeout(this.leaveTimer);
+        this.leaveTimer = null;
+      }
+      this.showSubMenu = true;
+    },
+    handleSubMenuItemHover(subItem) {
+      this.hoveredSubItem = subItem;
+      this.showSubMenu = true;
+    }
+  }
+});
+// CONCATENATED MODULE: ./package/headerNav/components/style2.vue?vue&type=script&lang=js
+ /* harmony default export */ var components_style2vue_type_script_lang_js = (style2vue_type_script_lang_js); 
+// EXTERNAL MODULE: ./package/headerNav/components/style2.vue?vue&type=style&index=0&id=1f3f2c6a&prod&scoped=true&lang=scss
+var style2vue_type_style_index_0_id_1f3f2c6a_prod_scoped_true_lang_scss = __webpack_require__("5fb0");
+
+// EXTERNAL MODULE: ./package/headerNav/components/style2.vue?vue&type=style&index=1&id=1f3f2c6a&prod&lang=scss
+var style2vue_type_style_index_1_id_1f3f2c6a_prod_lang_scss = __webpack_require__("1f7e");
+
+// CONCATENATED MODULE: ./package/headerNav/components/style2.vue
+
+
+
+
+
+
+
+/* normalize component */
+
+var style2_component = normalizeComponent(
+  components_style2vue_type_script_lang_js,
+  style2vue_type_template_id_1f3f2c6a_scoped_true_render,
+  style2vue_type_template_id_1f3f2c6a_scoped_true_staticRenderFns,
+  false,
+  null,
+  "1f3f2c6a",
+  null
+  
+)
+
+/* harmony default export */ var style2 = (style2_component.exports);
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4c560606-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./package/headerNav/components/style3.vue?vue&type=template&id=4d7754d1&scoped=true
+var style3vue_type_template_id_4d7754d1_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    staticClass: "header-nav-style3"
+  }, [_c('div', {
+    staticClass: "style3__logo"
+  }, [_c('img', {
+    attrs: {
+      "src": _vm.logo,
+      "alt": ""
+    },
+    on: {
+      "click": _vm.handleClickLogo
+    }
+  })]), _c('div', {
+    staticClass: "style3__menu",
+    on: {
+      "mouseleave": _vm.handleMenuLeave
+    }
+  }, [_c('div', {
+    staticClass: "style3__menu-item",
+    on: {
+      "click": function ($event) {
+        return _vm.handleClickMenu({
+          name: '首页',
+          label: '首页'
+        });
+      }
+    }
+  }, [_vm._v(" " + _vm._s(_vm.$t('首页')) + " ")]), _vm._l(_vm.menus.filter(menu => menu.isShow === true), function (item) {
+    return _c('div', {
+      key: item.id,
+      staticClass: "style3__menu-item",
+      on: {
+        "click": function ($event) {
+          return _vm.handleClickMenu(item);
+        },
+        "mouseenter": function ($event) {
+          return _vm.handleMenuHover(item);
+        }
+      }
+    }, [_vm._v(" " + _vm._s(item.name || item.label) + " ")]);
+  })], 2), _c('div', {
+    staticClass: "style3__submenu",
+    class: {
+      'show': _vm.showSubMenu
+    },
+    on: {
+      "mouseenter": _vm.handleSubMenuContainerEnter,
+      "mouseleave": _vm.handleSubMenuContainerLeave
+    }
+  }, _vm._l(_vm.currentSubMenu, function (item, index) {
+    return _c('div', {
+      directives: [{
+        name: "show",
+        rawName: "v-show",
+        value: item.children && item.children.length > 0,
+        expression: "item.children && item.children.length > 0"
+      }],
+      key: index
+    }, [item.children && item.children.length > 0 ? _c('div', {
+      staticClass: "submenu-container"
+    }, _vm._l(item.children, function (secondMenu, secondIndex) {
+      return _c('div', {
+        key: secondIndex,
+        staticClass: "submenu-container__item"
+      }, [_c('div', {
+        staticClass: "submenu-container__item__title",
+        class: {
+          'headerNav-menu-hover-color': secondMenu.children.length <= 0
+        },
+        on: {
+          "click": function ($event) {
+            return _vm.handleClickMenu(secondMenu);
+          }
+        }
+      }, [_vm._v(_vm._s(secondMenu.name || secondMenu.label))]), secondMenu.children && secondMenu.children.length > 0 ? _c('div', {
+        staticClass: "thirdmenu-container"
+      }, _vm._l(secondMenu.children, function (thirdMenu, thirdIndex) {
+        return _c('div', {
+          key: thirdIndex,
+          staticClass: "thirdmenu-container__item"
+        }, [_c('div', {
+          staticClass: "thirdmenu-container__item__title",
+          class: {
+            'headerNav-menu-hover-color': thirdMenu.children.length <= 0
+          },
+          on: {
+            "click": function ($event) {
+              return _vm.handleClickMenu(thirdMenu);
+            }
+          }
+        }, [_vm._v(_vm._s(thirdMenu.name || thirdMenu.label))]), thirdMenu.children && thirdMenu.children.length > 0 ? _c('div', {
+          staticClass: "thirdmenu-container__item__submenu"
+        }, _vm._l(thirdMenu.children, function (fourthMenu, fourthIndex) {
+          return _c('div', {
+            key: fourthIndex,
+            staticClass: "thirdmenu-container__item__submenu__item",
+            on: {
+              "click": function ($event) {
+                return _vm.handleClickMenu(fourthMenu);
+              }
+            }
+          }, [_vm._v(_vm._s(fourthMenu.name || fourthMenu.label))]);
+        }), 0) : _vm._e()]);
+      }), 0) : _vm._e()]);
+    }), 0) : _vm._e()]);
+  }), 0), _vm.currentSelection.item ? _c('div', {
+    staticClass: "style3__language",
+    on: {
+      "click": function ($event) {
+        $event.stopPropagation();
+        return _vm.handleChangeLanguage.apply(null, arguments);
+      }
+    }
+  }, [_c('img', {
+    staticClass: "style3__language-icon",
+    attrs: {
+      "width": "36",
+      "src": _vm.currentSelection.item.img
+    }
+  }), _c('div', {
+    staticClass: "style3__language-text"
+  }, [_vm._v(_vm._s(_vm.$t(_vm.currentSelection.item.name)))]), _c('i', {
+    staticClass: "style3__language-arrow-down el-icon-arrow-down"
+  })]) : _c('div', [_c('i', {
+    staticClass: "iconfont style3__operate-language icon-a-zu61",
+    on: {
+      "click": _vm.handleChangeLanguage
+    }
+  })]), _c('div', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.$route.path === '/' || _vm.$route.path === '/base/homepage/preview',
+      expression: "$route.path === '/' || $route.path === '/base/homepage/preview'"
+    }],
+    staticClass: "style3__operate-search"
+  }, [_c('input', {
+    directives: [{
+      name: "model",
+      rawName: "v-model",
+      value: _vm.searchText,
+      expression: "searchText"
+    }],
+    staticClass: "style3__operate-search-input",
+    attrs: {
+      "type": "text",
+      "placeholder": _vm.$t('搜索').toUpperCase()
+    },
+    domProps: {
+      "value": _vm.searchText
+    },
+    on: {
+      "keydown": function ($event) {
+        if (!$event.type.indexOf('key') && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")) return null;
+        return _vm.handleSearch.apply(null, arguments);
+      },
+      "input": function ($event) {
+        if ($event.target.composing) return;
+        _vm.searchText = $event.target.value;
+      }
+    }
+  }), _c('i', {
+    staticClass: "iconfont style3__operate-search-icon icon-sousuo",
+    on: {
+      "click": _vm.handleSearch
+    }
+  })])]);
+};
+var style3vue_type_template_id_4d7754d1_scoped_true_staticRenderFns = [];
+
+// CONCATENATED MODULE: ./package/headerNav/components/style3.vue?vue&type=template&id=4d7754d1&scoped=true
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./package/headerNav/components/style3.vue?vue&type=script&lang=js
+
+
+/* harmony default export */ var style3vue_type_script_lang_js = ({
+  name: 'HeaderNavStyle3',
+  components: {
+    MenuComponent: menus
+  },
+  emits: ['clickLogo', 'search', 'changeLanguage', 'clickMenu'],
+  props: {
+    logo: {
+      // 公司logo图片路径
+      type: String,
+      default: ''
+    },
+    menus: {
+      // 导航栏菜单
+      type: Array,
+      default: () => []
+    },
+    currentSelection: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  data() {
+    return {
+      searchText: '',
+      leaveTimer: null,
+      showSubMenu: false,
+      hoveredSubItem: null,
+      currentIsBlank: false,
+      currentSubMenu: []
+    };
+  },
+  methods: {
+    $t(key) {
+      return i18n.t(key);
+    },
+    handleClickLogo() {
+      this.$emit('clickLogo');
+    },
+    handleClickMenu(menuItem) {
+      if (this.showSubMenu) {
+        // 处理悬浮子菜单
+        this.$emit('clickMenu', menuItem, this.currentIsBlank);
+      } else {
+        this.$emit('clickMenu', menuItem, menuItem.isBlank);
+      }
+    },
+    handleSearch() {
+      this.$emit('search', this.searchText);
+    },
+    handleChangeLanguage() {
+      this.$emit('changeLanguage');
+    },
+    handleMenuHover(menu) {
+      if (menu.children && menu.children.length > 0) {
+        this.showSubMenu = true;
+        this.currentSubMenu = [menu];
+        this.currentIsBlank = menu.isBlank;
+      }
+    },
+    handleMenuLeave() {
+      // 延迟隐藏，以便用户可以移动鼠标到子菜单
+      this.leaveTimer = setTimeout(() => {
+        this.showSubMenu = false;
+        this.hoveredSubItem = null;
+        this.currentIsBlank = false;
+      }, 200);
+    },
+    handleSubMenuContainerEnter() {
+      // 当鼠标进入子菜单容器时，清除定时器并保持显示状态
+      if (this.leaveTimer) {
+        clearTimeout(this.leaveTimer);
+        this.leaveTimer = null;
+      }
+      this.showSubMenu = true;
+    },
+    handleSubMenuContainerLeave() {
+      // 当鼠标离开子菜单容器时，延迟隐藏
+      this.leaveTimer = setTimeout(() => {
+        this.showSubMenu = false;
+        this.hoveredSubItem = null;
+      }, 200);
+    }
+  }
+});
+// CONCATENATED MODULE: ./package/headerNav/components/style3.vue?vue&type=script&lang=js
+ /* harmony default export */ var components_style3vue_type_script_lang_js = (style3vue_type_script_lang_js); 
+// EXTERNAL MODULE: ./package/headerNav/components/style3.vue?vue&type=style&index=0&id=4d7754d1&prod&scoped=true&lang=scss
+var style3vue_type_style_index_0_id_4d7754d1_prod_scoped_true_lang_scss = __webpack_require__("7419");
+
+// EXTERNAL MODULE: ./package/headerNav/components/style3.vue?vue&type=style&index=1&id=4d7754d1&prod&lang=scss
+var style3vue_type_style_index_1_id_4d7754d1_prod_lang_scss = __webpack_require__("a101");
+
+// CONCATENATED MODULE: ./package/headerNav/components/style3.vue
+
+
+
+
+
+
+
+/* normalize component */
+
+var style3_component = normalizeComponent(
+  components_style3vue_type_script_lang_js,
+  style3vue_type_template_id_4d7754d1_scoped_true_render,
+  style3vue_type_template_id_4d7754d1_scoped_true_staticRenderFns,
+  false,
+  null,
+  "4d7754d1",
+  null
+  
+)
+
+/* harmony default export */ var style3 = (style3_component.exports);
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4c560606-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./package/headerNav/components/style4.vue?vue&type=template&id=d3d12a20&scoped=true
+var style4vue_type_template_id_d3d12a20_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    staticClass: "header-nav-style4"
+  }, [_c('div', {
+    staticClass: "style4__logo"
+  }, [_c('img', {
+    attrs: {
+      "src": _vm.logo,
+      "alt": ""
+    },
+    on: {
+      "click": _vm.handleClickLogo
     }
+  })]), _c('div', {
+    staticClass: "style4__operate"
   }, [_c('div', {
-    staticClass: "change-language-dialog"
-  }, [_c('div', {
-    staticClass: "change-language-dialog-header"
-  }, [_c('div', {
-    staticClass: "change-language-dialog-header-title"
-  }, [_vm._v(_vm._s(_vm.$t('选择区域/语言')))]), _c('div', {
-    staticClass: "change-language-dialog-header-input"
+    staticClass: "style4__menu"
   }, [_c('i', {
-    staticClass: "el-icon-search"
+    staticClass: "iconfont icon-ego-menu style4__menu-icon",
+    on: {
+      "click": _vm.handleShowCascader
+    }
+  }), _c('el-cascader', {
+    ref: "style4Cascader",
+    attrs: {
+      "props": {
+        value: 'id'
+      },
+      "show-all-levels": false,
+      "options": _vm.cascaderOptions,
+      "popper-class": `style4__menu-cascader ${_vm.theme}`
+    },
+    on: {
+      "change": _vm.handleChangeMenu
+    },
+    model: {
+      value: _vm.style4SelectOption,
+      callback: function ($$v) {
+        _vm.style4SelectOption = $$v;
+      },
+      expression: "style4SelectOption"
+    }
+  })], 1), _c('div', {
+    staticClass: "style4__operate-search"
+  }, [_c('i', {
+    staticClass: "iconfont style4__operate-search-icon icon-sousuo"
   }), _c('input', {
     directives: [{
       name: "model",
@@ -11109,9 +11817,10 @@ var changeLanguageDialogvue_type_template_id_6511af1d_scoped_true_render = funct
       value: _vm.searchText,
       expression: "searchText"
     }],
+    staticClass: "style4__operate-search-input",
     attrs: {
       "type": "text",
-      "placeholder": _vm.$t('搜索')
+      "placeholder": _vm.$t('搜索').toUpperCase()
     },
     domProps: {
       "value": _vm.searchText
@@ -11126,193 +11835,94 @@ var changeLanguageDialogvue_type_template_id_6511af1d_scoped_true_render = funct
         _vm.searchText = $event.target.value;
       }
     }
-  })])]), _c('div', {
-    staticClass: "change-language-dialog-content"
-  }, [_vm.filteredLanguageList.length > 0 ? _c('el-tabs', {
-    model: {
-      value: _vm.activeTab,
-      callback: function ($$v) {
-        _vm.activeTab = $$v;
-      },
-      expression: "activeTab"
+  })]), _c('i', {
+    staticClass: "iconfont style4__operate-language icon-a-zu61",
+    on: {
+      "click": _vm.handleChangeLanguage
     }
-  }, _vm._l(_vm.filteredLanguageList, function (region) {
-    return _c('el-tab-pane', {
-      key: region.oceania,
-      staticClass: "language-group",
-      attrs: {
-        "label": _vm.$t(region.oceania),
-        "name": region.oceania
-      }
-    }, _vm._l(region.nationalVos, function (item) {
-      return _c('div', {
-        key: item.id,
-        staticClass: "language-item"
-      }, [_c('div', {
-        staticClass: "language-item-country"
-      }, [_c('div', {
-        staticClass: "language-item-country-title"
-      }, [_c('img', {
-        attrs: {
-          "src": item.img,
-          "width": "26",
-          "alt": ""
-        }
-      }), _vm._v(" " + _vm._s(_vm.$t(item.name)) + " ")]), _c('div', {
-        staticClass: "language-item-country-language"
-      }, _vm._l(item.languages || [], function (language) {
-        return _c('span', {
-          key: language && language.code ? language.code : Math.random(),
-          class: {
-            'language-item-country-language-active': _vm.currentSelection && _vm.currentSelection.language && _vm.currentSelection.language.code && language && language.code && _vm.currentSelection.language.code === language.code && _vm.currentSelection.item && _vm.currentSelection.item.name && _vm.currentSelection.item.name === item.name
-          },
-          on: {
-            "click": function ($event) {
-              return _vm.handleLanguageSelect({
-                item: item,
-                language: language
-              });
-            }
-          }
-        }, [_vm._v(_vm._s(language && language.name ? _vm.$t(language.name) : ''))]);
-      }), 0)])]);
-    }), 0);
-  }), 1) : _c('div', {
-    staticClass: "no-result"
-  }, [_c('p', [_vm._v("未找到匹配的语言")])])], 1)])]);
+  })])]);
 };
-var changeLanguageDialogvue_type_template_id_6511af1d_scoped_true_staticRenderFns = [];
+var style4vue_type_template_id_d3d12a20_scoped_true_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./package/headerNav/changeLanguageDialog.vue?vue&type=template&id=6511af1d&scoped=true
+// CONCATENATED MODULE: ./package/headerNav/components/style4.vue?vue&type=template&id=d3d12a20&scoped=true
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./package/headerNav/changeLanguageDialog.vue?vue&type=script&lang=js
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./package/headerNav/components/style4.vue?vue&type=script&lang=js
 
-/* harmony default export */ var changeLanguageDialogvue_type_script_lang_js = ({
-  name: 'ChangeLanguageDialog',
+
+/* harmony default export */ var style4vue_type_script_lang_js = ({
+  name: 'HeaderNavStyle4',
+  components: {
+    MenuComponent: menus
+  },
+  emits: ['clickLogo', 'search', 'changeLanguage', 'clickMenu'],
   props: {
-    visible: {
-      type: Boolean,
-      default: false
+    logo: {
+      // 公司logo图片路径
+      type: String,
+      default: ''
     },
-    languageList: {
+    menus: {
+      // 导航栏菜单
+      type: Array,
+      default: () => []
+    },
+    cascaderOptions: {
+      // 导航栏菜单级联选择器选项
       type: Array,
       default: () => []
     },
     currentSelection: {
       type: Object,
-      default: () => ({
-        item: {
-          countryCode: '',
-          // 国家缩写CN US JP
-          img: '',
-          // 国旗
-          oceania: '',
-          // 亚洲、欧洲等
-          name: '' // 国家名称
-        },
-        language: {
-          code: '',
-          // 语言缩写
-          name: '',
-          // 语言名称
-          id: '' // 语言id
-        }
-      })
+      default: () => ({})
+    },
+    theme: {
+      type: String,
+      default: ''
     }
   },
-  emits: ['close', 'select'],
   data() {
     return {
-      activeTab: '',
-      searchText: ''
+      searchText: '',
+      style4SelectOption: '首页'
     };
   },
-  computed: {
-    safeLanguageList() {
-      // 确保 languageList 是数组，并且每个元素都有必要的属性
-      if (!Array.isArray(this.languageList)) {
-        return [];
-      }
-      return this.languageList;
-    },
-    filteredLanguageList() {
-      if (!this.searchText) {
-        return this.safeLanguageList;
-      }
-      const searchLower = this.searchText.toLowerCase();
-      return this.safeLanguageList.map(region => {
-        const filteredNations = region.nationalVos.filter(nation => {
-          // 搜索国家名称
-          if (nation.name && nation.name.toLowerCase().includes(searchLower)) {
-            return true;
-          }
-          // 搜索语言名称
-          return nation.languages && nation.languages.some(language => language && language.name && language.name.toLowerCase().includes(searchLower));
-        });
-        return {
-          ...region,
-          nationalVos: filteredNations
-        };
-      }).filter(region => region.nationalVos.length > 0);
-    }
-  },
-  watch: {
-    visible(newVal) {
-      if (newVal) {
-        this.activeTab = this.safeLanguageList[0] && this.safeLanguageList[0].oceania ? this.safeLanguageList[0].oceania : '';
-        this.searchText = '';
-        console.log(this.currentSelection);
-      }
+  methods: {
+    $t(key) {
+      return i18n.t(key);
     },
-    searchText(newVal) {
-      if (newVal) {
-        // 搜索时，自动切换到第一个匹配的标签页
-        this.$nextTick(() => {
-          if (this.filteredLanguageList.length > 0) {
-            this.activeTab = this.filteredLanguageList[0].oceania;
-          }
-        });
-      } else {
-        // 清空搜索时，回到第一个标签页
-        if (this.safeLanguageList.length > 0) {
-          this.activeTab = this.currentSelection && this.currentSelection.item && this.currentSelection.item.oceania ? this.currentSelection.item.oceania : this.safeLanguageList[0].oceania;
-        }
-      }
+    handleClickLogo() {
+      this.$emit('clickLogo');
     },
-    currentSelection: {
-      handler() {
-        this.updateSelectionState();
-      },
-      deep: true
-    }
-  },
-  methods: {
-    $t(key, defaultValue = '') {
-      return i18n.t(key, defaultValue);
+    handleSearch() {
+      this.$emit('search', this.searchText);
     },
-    handleSearch() {},
-    handleClose() {
-      this.$emit('close');
+    handleChangeLanguage() {
+      this.$emit('changeLanguage');
     },
-    handleLanguageSelect(item) {
-      this.$emit('select', item);
+    handleChangeMenu() {
+      const _menu = this.$refs.style4Cascader.getCheckedNodes()[0].data;
+      const _parent = this.cascaderOptions.find(item => item.id === this.style4SelectOption[0]);
+      if (_parent) {
+        this.$emit('clickMenu', _menu, _parent.isBlank);
+      }
     },
-    updateSelectionState() {
-      console.log('updateSelectionState', this.currentSelection);
-      if (!this.currentSelection) {
-        return;
+    handleShowCascader() {
+      if (!this.$refs.style4Cascader.showPopover) {
+        this.$refs.style4Cascader.toggleDropDownVisible();
       }
-      this.activeTab = this.currentSelection.item && this.currentSelection.item.oceania ? this.currentSelection.item.oceania : '';
-      console.log('active', this.activeTab);
     }
   }
 });
-// CONCATENATED MODULE: ./package/headerNav/changeLanguageDialog.vue?vue&type=script&lang=js
- /* harmony default export */ var headerNav_changeLanguageDialogvue_type_script_lang_js = (changeLanguageDialogvue_type_script_lang_js); 
-// EXTERNAL MODULE: ./package/headerNav/changeLanguageDialog.vue?vue&type=style&index=0&id=6511af1d&prod&scoped=true&lang=scss
-var changeLanguageDialogvue_type_style_index_0_id_6511af1d_prod_scoped_true_lang_scss = __webpack_require__("45b3");
+// CONCATENATED MODULE: ./package/headerNav/components/style4.vue?vue&type=script&lang=js
+ /* harmony default export */ var components_style4vue_type_script_lang_js = (style4vue_type_script_lang_js); 
+// EXTERNAL MODULE: ./package/headerNav/components/style4.vue?vue&type=style&index=0&id=d3d12a20&prod&scoped=true&lang=scss
+var style4vue_type_style_index_0_id_d3d12a20_prod_scoped_true_lang_scss = __webpack_require__("42c4");
+
+// EXTERNAL MODULE: ./package/headerNav/components/style4.vue?vue&type=style&index=1&id=d3d12a20&prod&lang=scss
+var style4vue_type_style_index_1_id_d3d12a20_prod_lang_scss = __webpack_require__("77c1");
+
+// CONCATENATED MODULE: ./package/headerNav/components/style4.vue
 
-// CONCATENATED MODULE: ./package/headerNav/changeLanguageDialog.vue
 
 
 
@@ -11321,28 +11931,36 @@ var changeLanguageDialogvue_type_style_index_0_id_6511af1d_prod_scoped_true_lang
 
 /* normalize component */
 
-var changeLanguageDialog_component = normalizeComponent(
-  headerNav_changeLanguageDialogvue_type_script_lang_js,
-  changeLanguageDialogvue_type_template_id_6511af1d_scoped_true_render,
-  changeLanguageDialogvue_type_template_id_6511af1d_scoped_true_staticRenderFns,
+var style4_component = normalizeComponent(
+  components_style4vue_type_script_lang_js,
+  style4vue_type_template_id_d3d12a20_scoped_true_render,
+  style4vue_type_template_id_d3d12a20_scoped_true_staticRenderFns,
   false,
   null,
-  "6511af1d",
+  "d3d12a20",
   null
   
 )
 
-/* harmony default export */ var changeLanguageDialog = (changeLanguageDialog_component.exports);
+/* harmony default export */ var style4 = (style4_component.exports);
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./package/headerNav/headerNav.vue?vue&type=script&lang=js
 
 
 
 
+
+
+
+
 /* harmony default export */ var headerNavvue_type_script_lang_js = ({
   name: 'HeaderNavComponent',
   components: {
     MenuComponent: menus,
-    ChangeLanguageDialog: changeLanguageDialog
+    ChangeLanguageDialog: changeLanguageDialog,
+    style1: style1,
+    style2: style2,
+    style3: style3,
+    style4: style4
   },
   props: {
     logo: {
@@ -11380,16 +11998,12 @@ var changeLanguageDialog_component = normalizeComponent(
       type: Array,
       default: () => []
     },
-    // national: {
-    //   type: Object,
-    //   default: () => ({})
-    // },
     currentSelection: {
       type: Object,
       default: () => ({})
     }
   },
-  emits: ['changeLanguage'],
+  emits: ['changeLanguage', 'clickMenu', 'clickLogo', 'search'],
   data() {
     return {
       assets: assets,
@@ -11420,7 +12034,8 @@ var changeLanguageDialog_component = normalizeComponent(
         label: this.$t('首页'),
         value: '首页',
         id: '首页',
-        isShow: true
+        isShow: true,
+        isBlank: false
       }, ...this.navList];
       return _menus.filter(item => item.isShow === true).map(item => {
         if (item.value === '首页') {
@@ -11453,8 +12068,7 @@ var changeLanguageDialog_component = normalizeComponent(
         });
       }
     },
-    handleChangeMenu(value) {
-      console.log(value);
+    _handleChangeMenu(value) {
       if (value[0] === '首页') {
         window.location.href = '/';
         return;
@@ -11476,7 +12090,6 @@ var changeLanguageDialog_component = normalizeComponent(
         url = `/${routeMap[_menu.catgType]}?&catgId=${_menu.id}&maxCatgId=${_menu.maxParentId}&title=${_menu.label}`;
       }
       const _parent = this.cascaderOptions.find(item => item.id === this.style4SelectOption[0]);
-      console.log(_parent);
       if (_parent) {
         if (_parent.isBlank) {
           const baseUrl = window.location.origin;
@@ -11487,6 +12100,10 @@ var changeLanguageDialog_component = normalizeComponent(
       }
     },
     handleClickLogo() {
+      // 回到根页面
+      this.$emit('clickLogo');
+    },
+    _handleClickLogo() {
       // 回到根页面
       window.location.href = '/';
     },
@@ -11495,14 +12112,16 @@ var changeLanguageDialog_component = normalizeComponent(
     },
     changeLanguage() {
       this.showLanguageDialog = true;
-      console.log(this.showLanguageDialog);
     },
     handleLanguageSelect(language) {
       // 处理语言选择逻辑
       this.showLanguageDialog = false;
       this.$emit('changeLanguage', language);
     },
-    handleClickMenu(menu) {
+    handleClickMenu(menu, isBlank) {
+      this.$emit('clickMenu', menu, isBlank);
+    },
+    _handleClickMenu(menu) {
       // 如果有子节点，则当前不可点击
       if (menu.children && menu.children.length > 0) {
         return;
@@ -11545,8 +12164,10 @@ var changeLanguageDialog_component = normalizeComponent(
         }
       }
     },
-    handleSearch() {
-      // todo 搜索
+    handleSearch(searchText) {
+      this.$emit('search', searchText);
+    },
+    _handleSearch() {
       this.$router.push({
         path: 'search-result?str=' + this.searchText
       });
@@ -11557,7 +12178,6 @@ var changeLanguageDialog_component = normalizeComponent(
         this.currentSubMenu = [menu];
         this.currentIsBlank = menu.isBlank;
       }
-      console.log(menu);
     },
     handleMenuLeave() {
       // 延迟隐藏，以便用户可以移动鼠标到子菜单
@@ -11598,14 +12218,8 @@ var changeLanguageDialog_component = normalizeComponent(
 });
 // CONCATENATED MODULE: ./package/headerNav/headerNav.vue?vue&type=script&lang=js
  /* harmony default export */ var headerNav_headerNavvue_type_script_lang_js = (headerNavvue_type_script_lang_js); 
-// EXTERNAL MODULE: ./package/headerNav/headerNav.vue?vue&type=style&index=0&id=595ab146&prod&scoped=true&lang=scss
-var headerNavvue_type_style_index_0_id_595ab146_prod_scoped_true_lang_scss = __webpack_require__("e489");
-
-// EXTERNAL MODULE: ./package/headerNav/headerNav.vue?vue&type=style&index=1&id=595ab146&prod&lang=scss
-var headerNavvue_type_style_index_1_id_595ab146_prod_lang_scss = __webpack_require__("aa91");
-
-// EXTERNAL MODULE: ./package/headerNav/headerNav.vue?vue&type=style&index=2&id=595ab146&prod&lang=css
-var headerNavvue_type_style_index_2_id_595ab146_prod_lang_css = __webpack_require__("2ec6");
+// EXTERNAL MODULE: ./package/headerNav/headerNav.vue?vue&type=style&index=0&id=0bf33925&prod&scoped=true&lang=scss
+var headerNavvue_type_style_index_0_id_0bf33925_prod_scoped_true_lang_scss = __webpack_require__("6685");
 
 // CONCATENATED MODULE: ./package/headerNav/headerNav.vue
 
@@ -11614,17 +12228,15 @@ var headerNavvue_type_style_index_2_id_595ab146_prod_lang_css = __webpack_requir
 
 
 
-
-
 /* normalize component */
 
 var headerNav_component = normalizeComponent(
   headerNav_headerNavvue_type_script_lang_js,
-  headerNavvue_type_template_id_595ab146_scoped_true_render,
-  headerNavvue_type_template_id_595ab146_scoped_true_staticRenderFns,
+  headerNavvue_type_template_id_0bf33925_scoped_true_render,
+  headerNavvue_type_template_id_0bf33925_scoped_true_staticRenderFns,
   false,
   null,
-  "595ab146",
+  "0bf33925",
   null
   
 )
@@ -11634,7 +12246,7 @@ var headerNav_component = normalizeComponent(
 
 headerNav.install = Vue => Vue.component(headerNav.name, headerNav);
 /* harmony default export */ var package_headerNav = (headerNav);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"433130f5-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./package/hotProduct/hotProduct.vue?vue&type=template&id=2bced5e8&scoped=true
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4c560606-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./package/hotProduct/hotProduct.vue?vue&type=template&id=2bced5e8&scoped=true
 var hotProductvue_type_template_id_2bced5e8_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -12114,7 +12726,7 @@ var hotProduct_component = normalizeComponent(
 
 hotProduct.install = Vue => Vue.component(hotProduct.name, hotProduct);
 /* harmony default export */ var package_hotProduct = (hotProduct);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"433130f5-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./package/newsInformation/newsInformation.vue?vue&type=template&id=1176d393&scoped=true
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4c560606-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./package/newsInformation/newsInformation.vue?vue&type=template&id=1176d393&scoped=true
 var newsInformationvue_type_template_id_1176d393_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -12484,7 +13096,7 @@ var newsInformation_component = normalizeComponent(
 
 newsInformation.install = Vue => Vue.component(newsInformation.name, newsInformation);
 /* harmony default export */ var package_newsInformation = (newsInformation);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"433130f5-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./package/productList/productList.vue?vue&type=template&id=c74bdb0e&scoped=true
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4c560606-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./package/productList/productList.vue?vue&type=template&id=c74bdb0e&scoped=true
 var productListvue_type_template_id_c74bdb0e_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -12933,6 +13545,13 @@ const install = function (Vue) {
 
 
 
+/***/ }),
+
+/***/ "fe34":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ })
 
 /******/ });