@thestarweb/ui 1.6.0 → 1.6.1

package/dist/star-ui.common.js

@@ -346,17 +346,19 @@ var update = add("fa55371c", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
-/***/ "03fc":
+/***/ "0461":
 /***/ (function(module, exports, __webpack_require__) {
 
-// Imports
-var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
-exports = ___CSS_LOADER_API_IMPORT___(false);
-// Module
-exports.push([module.i, ".star-ui-button{border-width:1px}.star-ui-button.star-ui-size-mini{border-radius:2px}", ""]);
-// Exports
-module.exports = exports;
+// style-loader: Adds some css to the DOM by adding a <style> tag
 
+// load the styles
+var content = __webpack_require__("637a");
+if(content.__esModule) content = content.default;
+if(typeof content === 'string') content = [[module.i, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = __webpack_require__("499e").default
+var update = add("16d8406a", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -1929,6 +1931,22 @@ module.exports = exports;
 })));
 
 
+/***/ }),
+
+/***/ "1776":
+/***/ (function(module, exports, __webpack_require__) {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__("a415");
+if(content.__esModule) content = content.default;
+if(typeof content === 'string') content = [[module.i, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = __webpack_require__("499e").default
+var update = add("4c5bb1e0", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ "1b45":
@@ -2507,22 +2525,6 @@ module.exports = function (url, options) {
 })));
 
 
-/***/ }),
-
-/***/ "22e8":
-/***/ (function(module, exports, __webpack_require__) {
-
-// style-loader: Adds some css to the DOM by adding a <style> tag
-
-// load the styles
-var content = __webpack_require__("7261");
-if(content.__esModule) content = content.default;
-if(typeof content === 'string') content = [[module.i, content, '']];
-if(content.locals) module.exports = content.locals;
-// add the styles to the DOM
-var add = __webpack_require__("499e").default
-var update = add("7c509e20", content, true, {"sourceMap":false,"shadowMode":false});
-
 /***/ }),
 
 /***/ "22f8":
@@ -3498,6 +3500,17 @@ module.exports = "data:font/woff;base64,d09GRgABAAAAAAkQAAsAAAAADpgAAQAAAAAAAAAA
 })));
 
 
+/***/ }),
+
+/***/ "2c2a":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_form_item_vue_vue_type_style_index_0_id_2dc19530_lang_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("43a9");
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_form_item_vue_vue_type_style_index_0_id_2dc19530_lang_css__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_form_item_vue_vue_type_style_index_0_id_2dc19530_lang_css__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "2e8c":
@@ -3565,34 +3578,6 @@ module.exports = "data:font/woff;base64,d09GRgABAAAAAAkQAAsAAAAADpgAAQAAAAAAAAAA
 })));
 
 
-/***/ }),
-
-/***/ "3302":
-/***/ (function(module, exports, __webpack_require__) {
-
-// Imports
-var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
-exports = ___CSS_LOADER_API_IMPORT___(false);
-// Module
-exports.push([module.i, ".star-ui-form{display:flex;flex-direction:row;flex-wrap:wrap}.star-ui-view-control.star-ui-view-control-mobile .star-ui-form--auto-mobile>.star-ui-form-item{width:100%}", ""]);
-// Exports
-module.exports = exports;
-
-
-/***/ }),
-
-/***/ "3538":
-/***/ (function(module, exports, __webpack_require__) {
-
-// Imports
-var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
-exports = ___CSS_LOADER_API_IMPORT___(false);
-// Module
-exports.push([module.i, ".star-ui-popper-background{position:fixed;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,.5)}", ""]);
-// Exports
-module.exports = exports;
-
-
 /***/ }),
 
 /***/ "35d3":
@@ -4970,6 +4955,22 @@ var update = add("406a2c92", content, true, {"sourceMap":false,"shadowMode":fals
 })));
 
 
+/***/ }),
+
+/***/ "43a9":
+/***/ (function(module, exports, __webpack_require__) {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__("7376");
+if(content.__esModule) content = content.default;
+if(typeof content === 'string') content = [[module.i, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = __webpack_require__("499e").default
+var update = add("ec2dea20", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ "440c":
@@ -6680,6 +6681,22 @@ module.exports = exports;
 })));
 
 
+/***/ }),
+
+/***/ "56f9":
+/***/ (function(module, exports, __webpack_require__) {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__("eb26");
+if(content.__esModule) content = content.default;
+if(typeof content === 'string') content = [[module.i, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = __webpack_require__("499e").default
+var update = add("f8e0717e", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ "576c":
@@ -7651,13 +7668,16 @@ module.exports = function(module) {
 
 /***/ }),
 
-/***/ "6323":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+/***/ "637a":
+/***/ (function(module, exports, __webpack_require__) {
 
-"use strict";
-/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_form_item_vue_vue_type_style_index_0_id_a61da552_lang_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("22e8");
-/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_form_item_vue_vue_type_style_index_0_id_a61da552_lang_css__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_form_item_vue_vue_type_style_index_0_id_a61da552_lang_css__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
+// Imports
+var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
+exports = ___CSS_LOADER_API_IMPORT___(false);
+// Module
+exports.push([module.i, ".su-page{margin:0;padding:0;width:100%;height:100%;display:flex;flex-direction:column}.su-page--header{display:flex;flex-direction:row;background:#000;color:#e6eaf0;align-items:center}.su-page--header>h1{font-size:20px;line-height:22px;padding:0 20px}.su-page--menu-box{flex:1;height:100%;z-index:999999}.su-page--menu-box .star-ui-menu-h--chlild-box{color:var(--star-ui-font-color)}.su-page--menu-box .su-menu{height:100%}.su-page--mobile-menu-open{margin-left:15px;font-size:20px}.su-page--mobile-menu-box{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity .5s;background-color:hsla(0,0%,50.2%,.5)}.su-page--mobile-menu-close{pointer-events:none;opacity:0}.su-page--mobile-menu-box .star-ui-menu-v{margin-left:0;transition:margin-left .5s;background-color:var(--star-ui-backgorund-color);width:80%;height:100%;border-right:solid 1px var(--star-ui-line-color)}.su-page--mobile-menu-close .star-ui-menu-v{margin-left:-100%}.su-page--main{overflow:auto;flex:1}", ""]);
+// Exports
+module.exports = exports;
 
 
 /***/ }),
@@ -8972,20 +8992,6 @@ module.exports = exports;
 })));
 
 
-/***/ }),
-
-/***/ "7261":
-/***/ (function(module, exports, __webpack_require__) {
-
-// Imports
-var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
-exports = ___CSS_LOADER_API_IMPORT___(false);
-// Module
-exports.push([module.i, ".star-ui-form-item{display:flex;flex-direction:row;align-items:center;overflow:hidden}.star-ui-form-item--label{overflow:hidden}.star-ui-form-item--content{flex:1}.star-ui-form-item--content>.star-ui-input,.star-ui-form-item--content>.star-ui-select{width:100%}.star-ui-form--label-align-left .star-ui-form-item--label,.star-ui-form--label-align-top .star-ui-form-item--label{text-align:left}.star-ui-form--label-align-right .star-ui-form-item--label{text-align:right}.star-ui-form-item.star-ui-form--label-align-top{flex-direction:column;align-items:stretch}", ""]);
-// Exports
-module.exports = exports;
-
-
 /***/ }),
 
 /***/ "7333":
@@ -9066,6 +9072,20 @@ module.exports = exports;
 })));
 
 
+/***/ }),
+
+/***/ "7376":
+/***/ (function(module, exports, __webpack_require__) {
+
+// Imports
+var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
+exports = ___CSS_LOADER_API_IMPORT___(false);
+// Module
+exports.push([module.i, ".star-ui-form-item{display:flex;flex-direction:row;align-items:center;overflow:hidden}.star-ui-form-item--label{overflow:hidden;box-sizing:border-box}.star-ui-form-item--content{flex:1}.star-ui-form-item--content>.star-ui-input,.star-ui-form-item--content>.star-ui-select{width:100%}.star-ui-form--label-align-left .star-ui-form-item--label,.star-ui-form--label-align-top .star-ui-form-item--label{text-align:left}.star-ui-form--label-align-right .star-ui-form-item--label{text-align:right}.star-ui-form-item.star-ui-form--label-align-top{flex-direction:column;align-items:stretch}", ""]);
+// Exports
+module.exports = exports;
+
+
 /***/ }),
 
 /***/ "73e8":
@@ -9147,20 +9167,6 @@ module.exports = exports;
 })));
 
 
-/***/ }),
-
-/***/ "7666":
-/***/ (function(module, exports, __webpack_require__) {
-
-// Imports
-var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
-exports = ___CSS_LOADER_API_IMPORT___(false);
-// Module
-exports.push([module.i, ".su-page{margin:0;padding:0;width:100%;height:100%;display:flex;flex-direction:column}.su-page--header{display:flex;flex-direction:row;background:#000;color:#e6eaf0;align-items:center}.su-page--header>h1{font-size:20px;line-height:22px;padding:0 20px}.su-page--menu-box{flex:1;height:100%;z-index:999999}.su-page--menu-box .star-ui-menu-h--chlild-box{color:var(--star-ui-font-color)}.su-page--menu-box .su-menu{height:100%}.su-page--mobile-menu-open{margin-left:15px;font-size:20px}.su-page--mobile-menu-box{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity .5s;background-color:hsla(0,0%,50.2%,.5)}.su-page--mobile-menu-close{pointer-events:none;opacity:0}.su-page--mobile-menu-box .star-ui-menu-v{margin-left:0;transition:margin-left .5s;background-color:var(--star-ui-backgorund-color);width:80%;height:100%;border-right:solid 1px var(--star-ui-line-color)}.su-page--mobile-menu-close .star-ui-menu-v{margin-left:-100%}.su-page--main{overflow:auto}", ""]);
-// Exports
-module.exports = exports;
-
-
 /***/ }),
 
 /***/ "78aa":
@@ -9177,17 +9183,6 @@ if(content.locals) module.exports = content.locals;
 var add = __webpack_require__("499e").default
 var update = add("8b7ecdd2", content, true, {"sourceMap":false,"shadowMode":false});
 
-/***/ }),
-
-/***/ "7a4c":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_button_vue_vue_type_style_index_0_id_1915ad8e_lang_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("7d8e");
-/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_button_vue_vue_type_style_index_0_id_1915ad8e_lang_css__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_button_vue_vue_type_style_index_0_id_1915ad8e_lang_css__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "7aac":
@@ -9220,6 +9215,17 @@ exports.push([module.i, ":root{--star-ui-backgorund-color:#fff;--star-ui-font-co
 module.exports = exports;
 
 
+/***/ }),
+
+/***/ "7b56":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_form_vue_vue_type_style_index_0_id_de566c62_lang_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("1776");
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_form_vue_vue_type_style_index_0_id_de566c62_lang_css__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_form_vue_vue_type_style_index_0_id_de566c62_lang_css__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "7be6":
@@ -9380,22 +9386,6 @@ module.exports = exports;
 })));
 
 
-/***/ }),
-
-/***/ "7d8e":
-/***/ (function(module, exports, __webpack_require__) {
-
-// style-loader: Adds some css to the DOM by adding a <style> tag
-
-// load the styles
-var content = __webpack_require__("03fc");
-if(content.__esModule) content = content.default;
-if(typeof content === 'string') content = [[module.i, content, '']];
-if(content.locals) module.exports = content.locals;
-// add the styles to the DOM
-var add = __webpack_require__("499e").default
-var update = add("4368b5aa", content, true, {"sourceMap":false,"shadowMode":false});
-
 /***/ }),
 
 /***/ "7f33":
@@ -12188,17 +12178,6 @@ module.exports = "data:font/ttf;base64,AAEAAAALAIAAAwAwR1NVQiCLJXoAAAE4AAAAVE9TL
 })));
 
 
-/***/ }),
-
-/***/ "9fc4":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_page_vue_vue_type_style_index_0_id_757a3334_lang_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("b511");
-/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_page_vue_vue_type_style_index_0_id_757a3334_lang_css__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_page_vue_vue_type_style_index_0_id_757a3334_lang_css__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "a0c5":
@@ -12401,6 +12380,20 @@ if(content.locals) module.exports = content.locals;
 var add = __webpack_require__("499e").default
 var update = add("ce786302", content, true, {"sourceMap":false,"shadowMode":false});
 
+/***/ }),
+
+/***/ "a415":
+/***/ (function(module, exports, __webpack_require__) {
+
+// Imports
+var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
+exports = ___CSS_LOADER_API_IMPORT___(false);
+// Module
+exports.push([module.i, ".star-ui-form{display:flex;flex-direction:row;flex-wrap:wrap}.star-ui-view-control.star-ui-view-control-mobile .star-ui-form--auto-mobile>.star-ui-form-item{width:100%}", ""]);
+// Exports
+module.exports = exports;
+
+
 /***/ }),
 
 /***/ "a448":
@@ -12484,6 +12477,17 @@ var update = add("a94da31a", content, true, {"sourceMap":false,"shadowMode":fals
 })));
 
 
+/***/ }),
+
+/***/ "aa83":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_base_popper_vue_vue_type_style_index_0_id_8923a372_lang_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("fec3");
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_base_popper_vue_vue_type_style_index_0_id_8923a372_lang_css__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_base_popper_vue_vue_type_style_index_0_id_8923a372_lang_css__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "aaf2":
@@ -12656,17 +12660,6 @@ if(content.locals) module.exports = content.locals;
 var add = __webpack_require__("499e").default
 var update = add("40790a8c", content, true, {"sourceMap":false,"shadowMode":false});
 
-/***/ }),
-
-/***/ "ad12":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_base_popper_vue_vue_type_style_index_0_id_14f7ac41_lang_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("e05b");
-/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_base_popper_vue_vue_type_style_index_0_id_14f7ac41_lang_css__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_base_popper_vue_vue_type_style_index_0_id_14f7ac41_lang_css__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "ada2":
@@ -13116,22 +13109,6 @@ var update = add("40790a8c", content, true, {"sourceMap":false,"shadowMode":fals
 })));
 
 
-/***/ }),
-
-/***/ "b511":
-/***/ (function(module, exports, __webpack_require__) {
-
-// style-loader: Adds some css to the DOM by adding a <style> tag
-
-// load the styles
-var content = __webpack_require__("7666");
-if(content.__esModule) content = content.default;
-if(typeof content === 'string') content = [[module.i, content, '']];
-if(content.locals) module.exports = content.locals;
-// add the styles to the DOM
-var add = __webpack_require__("499e").default
-var update = add("2a796be0", content, true, {"sourceMap":false,"shadowMode":false});
-
 /***/ }),
 
 /***/ "b53d":
@@ -19701,6 +19678,20 @@ var update = add("f808ccc8", content, true, {"sourceMap":false,"shadowMode":fals
 })));
 
 
+/***/ }),
+
+/***/ "c7dc":
+/***/ (function(module, exports, __webpack_require__) {
+
+// Imports
+var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
+exports = ___CSS_LOADER_API_IMPORT___(false);
+// Module
+exports.push([module.i, ".star-ui-auto-direction{display:flex;padding:0;flex-direction:row}.star-ui-view-control.star-ui-view-control-mobile .star-ui-auto-direction{flex-direction:column}", ""]);
+// Exports
+module.exports = exports;
+
+
 /***/ }),
 
 /***/ "c8f3":
@@ -19782,6 +19773,31 @@ var update = add("f808ccc8", content, true, {"sourceMap":false,"shadowMode":fals
 })));
 
 
+/***/ }),
+
+/***/ "cb6a":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_button_vue_vue_type_style_index_0_id_970e0c22_lang_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("56f9");
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_button_vue_vue_type_style_index_0_id_970e0c22_lang_css__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_button_vue_vue_type_style_index_0_id_970e0c22_lang_css__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
+/***/ }),
+
+/***/ "cbf1":
+/***/ (function(module, exports, __webpack_require__) {
+
+// Imports
+var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
+exports = ___CSS_LOADER_API_IMPORT___(false);
+// Module
+exports.push([module.i, ".star-ui-base-popper{position:fixed}.star-ui-popper-background{position:fixed;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,.5)}", ""]);
+// Exports
+module.exports = exports;
+
+
 /***/ }),
 
 /***/ "cf1e":
@@ -20162,22 +20178,6 @@ var update = add("f808ccc8", content, true, {"sourceMap":false,"shadowMode":fals
 })));
 
 
-/***/ }),
-
-/***/ "cfa1":
-/***/ (function(module, exports, __webpack_require__) {
-
-// style-loader: Adds some css to the DOM by adding a <style> tag
-
-// load the styles
-var content = __webpack_require__("3302");
-if(content.__esModule) content = content.default;
-if(typeof content === 'string') content = [[module.i, content, '']];
-if(content.locals) module.exports = content.locals;
-// add the styles to the DOM
-var add = __webpack_require__("499e").default
-var update = add("0312c464", content, true, {"sourceMap":false,"shadowMode":false});
-
 /***/ }),
 
 /***/ "d26a":
@@ -21131,22 +21131,6 @@ var update = add("e71f9f4e", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
-/***/ "e05b":
-/***/ (function(module, exports, __webpack_require__) {
-
-// style-loader: Adds some css to the DOM by adding a <style> tag
-
-// load the styles
-var content = __webpack_require__("3538");
-if(content.__esModule) content = content.default;
-if(typeof content === 'string') content = [[module.i, content, '']];
-if(content.locals) module.exports = content.locals;
-// add the styles to the DOM
-var add = __webpack_require__("499e").default
-var update = add("620fd360", content, true, {"sourceMap":false,"shadowMode":false});
-
-/***/ }),
-
 /***/ "e0c5":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -21380,6 +21364,17 @@ exports.push([module.i, ".star-ui-menu-h--item-box{height:100%;overflow:visible;
 module.exports = exports;
 
 
+/***/ }),
+
+/***/ "e412":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_index_vue_vue_type_style_index_0_id_e6fc8c10_lang_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("f80a");
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_index_vue_vue_type_style_index_0_id_e6fc8c10_lang_css__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_index_vue_vue_type_style_index_0_id_e6fc8c10_lang_css__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "e81d":
@@ -21540,6 +21535,20 @@ exports.push([module.i, ".star-ui-main{flex:1}", ""]);
 module.exports = exports;
 
 
+/***/ }),
+
+/***/ "eb26":
+/***/ (function(module, exports, __webpack_require__) {
+
+// Imports
+var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
+exports = ___CSS_LOADER_API_IMPORT___(false);
+// Module
+exports.push([module.i, ".star-ui-button{border-width:1px;cursor:pointer;background:var(--star-ui-backgorund-color);color:var(--star-ui-font-color)}", ""]);
+// Exports
+module.exports = exports;
+
+
 /***/ }),
 
 /***/ "ebe4":
@@ -22242,6 +22251,22 @@ module.exports = "data:font/woff2;base64,d09GMgABAAAAAAbcAAsAAAAADpgAAAaOAAEAAAA
 })));
 
 
+/***/ }),
+
+/***/ "f80a":
+/***/ (function(module, exports, __webpack_require__) {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__("c7dc");
+if(content.__esModule) content = content.default;
+if(typeof content === 'string') content = [[module.i, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = __webpack_require__("499e").default
+var update = add("aeb7c374", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ "f88f":
@@ -22404,6 +22429,7 @@ __webpack_require__.d(__webpack_exports__, "SuSlider", function() { return /* re
 __webpack_require__.d(__webpack_exports__, "SuCalendar", function() { return /* reexport */ calendar; });
 __webpack_require__.d(__webpack_exports__, "SuViewControl", function() { return /* reexport */ view_control; });
 __webpack_require__.d(__webpack_exports__, "SuMenu", function() { return /* reexport */ menu; });
+__webpack_require__.d(__webpack_exports__, "SuAutoDirection", function() { return /* reexport */ auto_direction; });
 __webpack_require__.d(__webpack_exports__, "SuPage", function() { return /* reexport */ page; });
 __webpack_require__.d(__webpack_exports__, "SuViewCtrlInjectKeyIsMobile", function() { return /* reexport */ SuViewCtrlInjectKeyIsMobile; });
 __webpack_require__.d(__webpack_exports__, "SuViewCtrlInjectIsMobile", function() { return /* reexport */ SuViewCtrlInjectIsMobile; });
@@ -22438,7 +22464,7 @@ const _hoisted_1 = {
   class: "star-ui su-h-layout star-ui-h-layout"
 };
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", _hoisted_1, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "default")]);
+  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", _hoisted_1, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "default")]);
 }
 // CONCATENATED MODULE: ./src/components/layout-h.vue?vue&type=template&id=775de678&ts=true
 
@@ -23344,7 +23370,7 @@ const layout_vvue_type_template_id_35f998ca_ts_true_hoisted_1 = {
   class: "star-ui su-v-layout star-ui-v-layout"
 };
 function layout_vvue_type_template_id_35f998ca_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", layout_vvue_type_template_id_35f998ca_ts_true_hoisted_1, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "default")]);
+  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", layout_vvue_type_template_id_35f998ca_ts_true_hoisted_1, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "default")]);
 }
 // CONCATENATED MODULE: ./src/components/layout-v.vue?vue&type=template&id=35f998ca&ts=true
 
@@ -23381,7 +23407,7 @@ const layout_mainvue_type_template_id_3a0ff316_ts_true_hoisted_1 = {
   class: "star-ui su-main star-ui-main"
 };
 function layout_mainvue_type_template_id_3a0ff316_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", layout_mainvue_type_template_id_3a0ff316_ts_true_hoisted_1, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "default")]);
+  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", layout_mainvue_type_template_id_3a0ff316_ts_true_hoisted_1, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "default")]);
 }
 // CONCATENATED MODULE: ./src/components/layout-main.vue?vue&type=template&id=3a0ff316&ts=true
 
@@ -23432,17 +23458,17 @@ const _hoisted_5 = {
   class: "star-ui star-ui-table--inner-tbody"
 };
 function tablevue_type_template_id_5c89cdde_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", tablevue_type_template_id_5c89cdde_ts_true_hoisted_1, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("table", _hoisted_2, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("thead", _hoisted_3, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("tr", _hoisted_4, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(_ctx.columns, item => {
-    return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("th", {
+  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", tablevue_type_template_id_5c89cdde_ts_true_hoisted_1, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("table", _hoisted_2, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("thead", _hoisted_3, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("tr", _hoisted_4, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(_ctx.columns, item => {
+    return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("th", {
       key: item.name + item.key,
       class: "star-ui star-ui-container star-ui-table--inner-th"
     }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(item.name), 1);
-  }), 128))])]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("tbody", _hoisted_5, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(_ctx.data, (row, index) => {
-    return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("tr", {
+  }), 128))])]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("tbody", _hoisted_5, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(_ctx.data, (row, index) => {
+    return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("tr", {
       key: index,
       class: "star-ui star-ui-table--inner-tr"
-    }, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(_ctx.columns, item => {
-      return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("td", {
+    }, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(_ctx.columns, item => {
+      return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("td", {
         key: item.name + item.key,
         class: "star-ui star-ui-container star-ui-table--inner-td"
       }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(row[item.field]), 1);
@@ -23495,7 +23521,7 @@ const line_hvue_type_template_id_171602c8_ts_true_hoisted_1 = {
   class: "star-ui su-h-line star-ui-h-line"
 };
 function line_hvue_type_template_id_171602c8_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", line_hvue_type_template_id_171602c8_ts_true_hoisted_1);
+  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", line_hvue_type_template_id_171602c8_ts_true_hoisted_1);
 }
 // CONCATENATED MODULE: ./src/components/line-h.vue?vue&type=template&id=171602c8&ts=true
 
@@ -23532,7 +23558,7 @@ const line_vvue_type_template_id_7e441a6c_ts_true_hoisted_1 = {
   class: "star-ui su-v-line star-ui-v-line"
 };
 function line_vvue_type_template_id_7e441a6c_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", line_vvue_type_template_id_7e441a6c_ts_true_hoisted_1);
+  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", line_vvue_type_template_id_7e441a6c_ts_true_hoisted_1);
 }
 // CONCATENATED MODULE: ./src/components/line-v.vue?vue&type=template&id=7e441a6c&ts=true
 
@@ -23580,17 +23606,17 @@ const cardvue_type_template_id_7a8cfd22_ts_true_hoisted_4 = {
   class: "star-ui star-ui-container star-ui-card--inner-body-inner"
 };
 function cardvue_type_template_id_7a8cfd22_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", cardvue_type_template_id_7a8cfd22_ts_true_hoisted_1, [_ctx.title != '' || _ctx.collapsible || this.$slots.title ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", cardvue_type_template_id_7a8cfd22_ts_true_hoisted_2, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", cardvue_type_template_id_7a8cfd22_ts_true_hoisted_3, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(_ctx.title), 1), _ctx.collapsible ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("button", {
+  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", cardvue_type_template_id_7a8cfd22_ts_true_hoisted_1, [_ctx.title != '' || _ctx.collapsible || this.$slots.title ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", cardvue_type_template_id_7a8cfd22_ts_true_hoisted_2, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", cardvue_type_template_id_7a8cfd22_ts_true_hoisted_3, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(_ctx.title), 1), _ctx.collapsible ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("button", {
     key: 0,
-    class: ['star-ui', 'star-ui-card--inner-button-collapsible', _ctx.isCollaps ? 'show' : 'hidden'],
-    onClick: _cache[1] || (_cache[1] = //@ts-ignore
+    class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(['star-ui', 'star-ui-card--inner-button-collapsible', _ctx.isCollaps ? 'show' : 'hidden']),
+    onClick: _cache[0] || (_cache[0] = //@ts-ignore
     (...args) => _ctx.collapsChange && _ctx.collapsChange(...args))
-  }, null, 2)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
+  }, null, 2)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
     ref: "body",
     class: "star-ui star-ui-card--inner-body",
-    onTransitionend: _cache[2] || (_cache[2] = //@ts-ignore
+    onTransitionend: _cache[1] || (_cache[1] = //@ts-ignore
     (...args) => _ctx.handleTransitionEnd && _ctx.handleTransitionEnd(...args))
-  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", cardvue_type_template_id_7a8cfd22_ts_true_hoisted_4, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "default")], 512)], 544)]);
+  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", cardvue_type_template_id_7a8cfd22_ts_true_hoisted_4, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "default")], 512)], 544)]);
 }
 // CONCATENATED MODULE: ./src/components/card.vue?vue&type=template&id=7a8cfd22&ts=true
 
@@ -23671,11 +23697,11 @@ const card_exports_ = /*#__PURE__*/exportHelper_default()(cardvue_type_script_la
 function treevue_type_template_id_6f87dee3_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_tree_item = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("tree-item");
 
-  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", {
-    class: ['star-ui', 'su-tree', 'star-ui-tree', {
+  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", {
+    class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(['star-ui', 'su-tree', 'star-ui-tree', {
       'star-ui-tree-highlight-current': _ctx.highlightCurrent
-    }]
-  }, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(_ctx.treeData, (item, index) => {
+    }])
+  }, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(_ctx.treeData, (item, index) => {
     return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(_component_tree_item, {
       key: index,
       size: _ctx.size,
@@ -23694,7 +23720,7 @@ function treevue_type_template_id_6f87dee3_ts_true_render(_ctx, _cache, $props,
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--14-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/ts-loader??ref--14-3!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/templateLoader.js??ref--7!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist??ref--0-1!./src/components/tree/tree-item.vue?vue&type=template&id=3e5b78e8&ts=true
 
 const tree_itemvue_type_template_id_3e5b78e8_ts_true_hoisted_1 = {
-  class: ['star-ui', 'star-ui-tree-item']
+  class: /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(['star-ui', 'star-ui-tree-item'])
 };
 const tree_itemvue_type_template_id_3e5b78e8_ts_true_hoisted_2 = {
   key: 0
@@ -23702,21 +23728,21 @@ const tree_itemvue_type_template_id_3e5b78e8_ts_true_hoisted_2 = {
 function tree_itemvue_type_template_id_3e5b78e8_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_tree_item = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("tree-item", true);
 
-  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", tree_itemvue_type_template_id_3e5b78e8_ts_true_hoisted_1, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
-    class: ['star-ui-tree-item-label', 'star-ui-size-' + _ctx.size, {
+  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", tree_itemvue_type_template_id_3e5b78e8_ts_true_hoisted_1, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
+    class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(['star-ui-tree-item-label', 'star-ui-size-' + _ctx.size, {
       'star-ui-tree-current': _ctx.currentValue != undefined && _ctx.currentValue == _ctx.valueData || _ctx.item == _ctx.current
-    }],
-    onClick: _cache[2] || (_cache[2] = //@ts-ignore
+    }]),
+    onClick: _cache[1] || (_cache[1] = //@ts-ignore
     (...args) => _ctx.handleClick && _ctx.handleClick(...args))
-  }, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(_ctx.deep, n => {
-    return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", {
+  }, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(_ctx.deep, n => {
+    return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", {
       key: n,
       class: "star-ui-tree-deep-nbsp"
     });
-  }), 128)), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", {
-    class: ['star-ui-tree-expand-button', 'star-ui-icon-font', _ctx.childrenData.length > 0 ? _ctx.isExpand ? 'star-ui-icon-arrow-down' : 'star-ui-icon-arrow-right' : ''],
-    onClick: _cache[1] || (_cache[1] = $event => _ctx.isExpand = !_ctx.isExpand)
-  }, null, 2), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createTextVNode"])(" " + Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(_ctx.labelData), 1)], 2), _ctx.isExpand ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", tree_itemvue_type_template_id_3e5b78e8_ts_true_hoisted_2, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(_ctx.childrenData, (item, index) => {
+  }), 128)), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("span", {
+    class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(['star-ui-tree-expand-button', 'star-ui-icon-font', _ctx.childrenData.length > 0 ? _ctx.isExpand ? 'star-ui-icon-arrow-down' : 'star-ui-icon-arrow-right' : '']),
+    onClick: _cache[0] || (_cache[0] = $event => _ctx.isExpand = !_ctx.isExpand)
+  }, null, 2), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createTextVNode"])(" " + Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(_ctx.labelData), 1)], 2), _ctx.isExpand ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", tree_itemvue_type_template_id_3e5b78e8_ts_true_hoisted_2, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(_ctx.childrenData, (item, index) => {
     return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(_component_tree_item, {
       key: index,
       size: _ctx.size,
@@ -23990,14 +24016,14 @@ treevue_type_script_lang_ts_SuTree = __decorate([Register({
 const tree_exports_ = /*#__PURE__*/exportHelper_default()(treevue_type_script_lang_ts, [['render',treevue_type_template_id_6f87dee3_ts_true_render]])
 
 /* harmony default export */ var tree = (tree_exports_);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--14-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/ts-loader??ref--14-3!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/templateLoader.js??ref--7!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist??ref--0-1!./src/components/form/form/form.vue?vue&type=template&id=c8dd025e&ts=true
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--14-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/ts-loader??ref--14-3!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/templateLoader.js??ref--7!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist??ref--0-1!./src/components/form/form/form.vue?vue&type=template&id=de566c62&ts=true
 
-function formvue_type_template_id_c8dd025e_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("form", {
-    class: `star-ui su-form star-ui-form ${_ctx.allowAotoMobile ? 'star-ui-form--auto-mobile' : ''}`
+function formvue_type_template_id_de566c62_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("form", {
+    class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(`star-ui su-form star-ui-form ${_ctx.allowAotoMobile ? 'star-ui-form--auto-mobile' : ''}`)
   }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "default")], 2);
 }
-// CONCATENATED MODULE: ./src/components/form/form/form.vue?vue&type=template&id=c8dd025e&ts=true
+// CONCATENATED MODULE: ./src/components/form/form/form.vue?vue&type=template&id=de566c62&ts=true
 
 // CONCATENATED MODULE: ./node_modules/vue-property-decorator/lib/decorators/Emit.js
 
@@ -24173,20 +24199,21 @@ function Watch(path, watchOptions) {
 
 
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--14-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/ts-loader??ref--14-3!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/templateLoader.js??ref--7!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist??ref--0-1!./src/components/form/form/form-item.vue?vue&type=template&id=a61da552&ts=true
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--14-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/ts-loader??ref--14-3!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/templateLoader.js??ref--7!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist??ref--0-1!./src/components/form/form/form-item.vue?vue&type=template&id=2dc19530&ts=true
 
-const form_itemvue_type_template_id_a61da552_ts_true_hoisted_1 = {
+const form_itemvue_type_template_id_2dc19530_ts_true_hoisted_1 = {
   class: "start-ui star-ui-container star-ui-form-item--content"
 };
-function form_itemvue_type_template_id_a61da552_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", {
-    class: `star-ui su-form-item star-ui-form-item star-ui-col-${_ctx.col} star-ui-form--label-align-${_ctx.labelAlign || _ctx.pLabelAlign}`
-  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
+function form_itemvue_type_template_id_2dc19530_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", {
+    class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(`star-ui su-form-item star-ui-form-item star-ui-col-${_ctx.col} star-ui-form--label-align-${_ctx.labelAlign || _ctx.pLabelAlign}`)
+  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
+    ref: "labelDiv",
     class: "start-ui star-ui-container star-ui-form-item--label",
-    style: _ctx.labelStyle
-  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createTextVNode"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(_ctx.label) + " ", 1), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "label")], 4), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", form_itemvue_type_template_id_a61da552_ts_true_hoisted_1, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "default")])], 2);
+    style: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeStyle"])(_ctx.labelStyle)
+  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createTextVNode"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(_ctx.label) + " ", 1), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "label")], 4), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", form_itemvue_type_template_id_2dc19530_ts_true_hoisted_1, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "default")])], 2);
 }
-// CONCATENATED MODULE: ./src/components/form/form/form-item.vue?vue&type=template&id=a61da552&ts=true
+// CONCATENATED MODULE: ./src/components/form/form/form-item.vue?vue&type=template&id=2dc19530&ts=true
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--14-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/ts-loader??ref--14-3!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist??ref--0-1!./src/components/form/form/form-item.vue?vue&type=script&lang=ts
 
@@ -24196,6 +24223,7 @@ function form_itemvue_type_template_id_a61da552_ts_true_render(_ctx, _cache, $pr
 
 const InjectLabelWidth = Symbol('InjectLabelWidth');
 const InjectLabelAlign = Symbol('InjectLabelAlign');
+const InjectEventBus = Symbol('InjectEventBus');
 let form_itemvue_type_script_lang_ts_SuButton = class SuButton extends Vue {
   get labelStyle() {
     const ret = {};
@@ -24209,7 +24237,17 @@ let form_itemvue_type_script_lang_ts_SuButton = class SuButton extends Vue {
   }
 
   created() {
-    console.log(this.col);
+    if (this.bus) {
+      this.bus.addItem(this);
+    }
+
+    debugger;
+  }
+
+  beforeUnmount() {
+    if (this.bus) {
+      this.bus.removeItem(this);
+    }
   }
 
 };
@@ -24226,7 +24264,8 @@ __decorate([Prop({
 })], form_itemvue_type_script_lang_ts_SuButton.prototype, "labelWidth", void 0);
 
 __decorate([Inject({
-  from: InjectLabelWidth
+  from: InjectLabelWidth,
+  default: undefined
 })], form_itemvue_type_script_lang_ts_SuButton.prototype, "pLabelWidth", void 0);
 
 __decorate([Prop({
@@ -24245,15 +24284,25 @@ __decorate([Prop({
   }
 })], form_itemvue_type_script_lang_ts_SuButton.prototype, "col", void 0);
 
+__decorate([Inject({
+  from: InjectEventBus
+})], form_itemvue_type_script_lang_ts_SuButton.prototype, "bus", void 0);
+
 form_itemvue_type_script_lang_ts_SuButton = __decorate([Register({
   name: "su-form-item",
-  hideInDoc: true
+  hideInDoc: true,
+  watch: {
+    label() {
+      this.bus && this.bus.labelUpdate(this);
+    }
+
+  }
 })], form_itemvue_type_script_lang_ts_SuButton);
 /* harmony default export */ var form_itemvue_type_script_lang_ts = (form_itemvue_type_script_lang_ts_SuButton);
 // CONCATENATED MODULE: ./src/components/form/form/form-item.vue?vue&type=script&lang=ts
  
-// EXTERNAL MODULE: ./src/components/form/form/form-item.vue?vue&type=style&index=0&id=a61da552&lang=css
-var form_itemvue_type_style_index_0_id_a61da552_lang_css = __webpack_require__("6323");
+// EXTERNAL MODULE: ./src/components/form/form/form-item.vue?vue&type=style&index=0&id=2dc19530&lang=css
+var form_itemvue_type_style_index_0_id_2dc19530_lang_css = __webpack_require__("2c2a");
 
 // CONCATENATED MODULE: ./src/components/form/form/form-item.vue
 
@@ -24263,7 +24312,7 @@ var form_itemvue_type_style_index_0_id_a61da552_lang_css = __webpack_require__("
 
 
 
-const form_item_exports_ = /*#__PURE__*/exportHelper_default()(form_itemvue_type_script_lang_ts, [['render',form_itemvue_type_template_id_a61da552_ts_true_render]])
+const form_item_exports_ = /*#__PURE__*/exportHelper_default()(form_itemvue_type_script_lang_ts, [['render',form_itemvue_type_template_id_2dc19530_ts_true_render]])
 
 /* harmony default export */ var form_item = (form_item_exports_);
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--14-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/ts-loader??ref--14-3!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist??ref--0-1!./src/components/form/form/form.vue?vue&type=script&lang=ts
@@ -24273,7 +24322,71 @@ const form_item_exports_ = /*#__PURE__*/exportHelper_default()(form_itemvue_type
 
 
 
-let formvue_type_script_lang_ts_SuButton = class SuButton extends Vue {};
+let formvue_type_script_lang_ts_SuButton = class SuButton extends Vue {
+  constructor() {
+    super(...arguments);
+    this.items = new Set();
+    this.isLoaded = false;
+    this.sendLabelWidth = 0;
+  }
+
+  addItem(item) {
+    this.items.add(item);
+    this.$nextTick(this.updateLabelWidth);
+  }
+
+  removeItem(item) {
+    this.items.delete(item);
+    this.$nextTick(this.updateLabelWidth);
+  }
+
+  updateLabelWidth() {
+    if (!this.isLoaded) return;
+
+    if (typeof this.labelWidth === 'undefined') {
+      this.sendLabelWidth = undefined;
+    } else if (this.labelWidth === 0) {
+      this.sendLabelWidth = undefined;
+      this.$nextTick(() => {
+        let maxWidth = 0;
+        this.items.forEach(item => {
+          if ((item.labelAlign || this.labelAlign) === 'top') {
+            return;
+          }
+
+          const width = item.$refs.labelDiv.offsetWidth;
+
+          if (width > maxWidth) {
+            maxWidth = width;
+          }
+        });
+        this.sendLabelWidth = maxWidth;
+      });
+    } else {
+      this.sendLabelWidth = this.labelWidth;
+    }
+  }
+
+  created() {
+    this.bus = {
+      addItem: this.addItem,
+      removeItem: this.removeItem,
+      labelUpdate: this.updateLabelWidth
+    };
+  }
+
+  mounted() {
+    this.$nextTick(() => {
+      this.isLoaded = true;
+      this.updateLabelWidth();
+    });
+  }
+
+  beforeUnmount() {
+    this.isLoaded = false;
+  }
+
+};
 
 __decorate([Prop({
   autoType: "FormLabelAlign",
@@ -24281,13 +24394,12 @@ __decorate([Prop({
     return "right";
   }
 }), Provide({
-  to: InjectLabelAlign
+  to: InjectLabelAlign,
+  reactive: true
 })], formvue_type_script_lang_ts_SuButton.prototype, "labelAlign", void 0);
 
 __decorate([Prop({
   type: Number
-}), Provide({
-  to: InjectLabelWidth
 })], formvue_type_script_lang_ts_SuButton.prototype, "labelWidth", void 0);
 
 __decorate([Prop({
@@ -24297,14 +24409,24 @@ __decorate([Prop({
   }
 })], formvue_type_script_lang_ts_SuButton.prototype, "allowAotoMobile", void 0);
 
+__decorate([Provide({
+  to: InjectEventBus,
+  reactive: true
+})], formvue_type_script_lang_ts_SuButton.prototype, "bus", void 0);
+
+__decorate([Provide({
+  to: InjectLabelWidth,
+  reactive: true
+})], formvue_type_script_lang_ts_SuButton.prototype, "sendLabelWidth", void 0);
+
 formvue_type_script_lang_ts_SuButton = __decorate([Register({
   name: "su-form"
 })], formvue_type_script_lang_ts_SuButton);
 /* harmony default export */ var formvue_type_script_lang_ts = (formvue_type_script_lang_ts_SuButton);
 // CONCATENATED MODULE: ./src/components/form/form/form.vue?vue&type=script&lang=ts
  
-// EXTERNAL MODULE: ./src/components/form/form/form.vue?vue&type=style&index=0&id=c8dd025e&lang=css
-var formvue_type_style_index_0_id_c8dd025e_lang_css = __webpack_require__("fc16");
+// EXTERNAL MODULE: ./src/components/form/form/form.vue?vue&type=style&index=0&id=de566c62&lang=css
+var formvue_type_style_index_0_id_de566c62_lang_css = __webpack_require__("7b56");
 
 // CONCATENATED MODULE: ./src/components/form/form/form.vue
 
@@ -24314,7 +24436,7 @@ var formvue_type_style_index_0_id_c8dd025e_lang_css = __webpack_require__("fc16"
 
 
 
-const form_exports_ = /*#__PURE__*/exportHelper_default()(formvue_type_script_lang_ts, [['render',formvue_type_template_id_c8dd025e_ts_true_render]])
+const form_exports_ = /*#__PURE__*/exportHelper_default()(formvue_type_script_lang_ts, [['render',formvue_type_template_id_de566c62_ts_true_render]])
 
 /* harmony default export */ var form_form = (form_exports_);
 // CONCATENATED MODULE: ./src/components/form/form/index.ts
@@ -24324,24 +24446,25 @@ const form_exports_ = /*#__PURE__*/exportHelper_default()(formvue_type_script_la
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--14-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/ts-loader??ref--14-3!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/templateLoader.js??ref--7!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist??ref--0-1!./src/components/input.vue?vue&type=template&id=21106df5&ts=true
 
+const inputvue_type_template_id_21106df5_ts_true_hoisted_1 = ["value", "name"];
 function inputvue_type_template_id_21106df5_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", {
-    class: ['star-ui', 'su-input', 'star-ui-input', {
+  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", {
+    class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(['star-ui', 'su-input', 'star-ui-input', {
       'is-focus': _ctx.isFocused
-    }]
-  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("input", {
+    }])
+  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("input", {
     type: "text",
     ref: "input",
     value: _ctx.modelValue,
     name: _ctx.name,
-    class: ['star-ui', 'star-ui-input--inner', 'star-ui-size-' + _ctx.size],
-    onInput: _cache[1] || (_cache[1] = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withModifiers"])( //@ts-ignore
+    class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(['star-ui', 'star-ui-input--inner', 'star-ui-size-' + _ctx.size]),
+    onInput: _cache[0] || (_cache[0] = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withModifiers"])( //@ts-ignore
     (...args) => _ctx.handleInput && _ctx.handleInput(...args), ["stop"])),
-    onFocus: _cache[2] || (_cache[2] = //@ts-ignore
+    onFocus: _cache[1] || (_cache[1] = //@ts-ignore
     (...args) => _ctx.handleFocus && _ctx.handleFocus(...args)),
-    onBlur: _cache[3] || (_cache[3] = //@ts-ignore
+    onBlur: _cache[2] || (_cache[2] = //@ts-ignore
     (...args) => _ctx.handleBlur && _ctx.handleBlur(...args))
-  }, null, 42, ["value", "name"])], 2);
+  }, null, 42, inputvue_type_template_id_21106df5_ts_true_hoisted_1)], 2);
 }
 // CONCATENATED MODULE: ./src/components/input.vue?vue&type=template&id=21106df5&ts=true
 
@@ -24420,52 +24543,55 @@ const input_exports_ = /*#__PURE__*/exportHelper_default()(inputvue_type_script_
 /* harmony default export */ var input = (input_exports_);
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--14-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/ts-loader??ref--14-3!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/templateLoader.js??ref--7!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist??ref--0-1!./src/components/select.vue?vue&type=template&id=69896c1b&ts=true
 
-const selectvue_type_template_id_69896c1b_ts_true_hoisted_1 = {
+const selectvue_type_template_id_69896c1b_ts_true_hoisted_1 = ["name"];
+const selectvue_type_template_id_69896c1b_ts_true_hoisted_2 = {
   key: 0,
   type: "text",
   value: 1,
   class: "star-ui star-ui-select--inner"
 };
 
-const selectvue_type_template_id_69896c1b_ts_true_hoisted_2 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("i", {
+const selectvue_type_template_id_69896c1b_ts_true_hoisted_3 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("i", {
   class: "star-ui-icon-font star-ui-icon-arrow-down"
 }, null, -1);
 
-const selectvue_type_template_id_69896c1b_ts_true_hoisted_3 = {
+const selectvue_type_template_id_69896c1b_ts_true_hoisted_4 = [selectvue_type_template_id_69896c1b_ts_true_hoisted_3];
+const selectvue_type_template_id_69896c1b_ts_true_hoisted_5 = {
   key: 0,
   class: "star-ui star-ui-select--pooper-title"
 };
+const _hoisted_6 = ["onClick"];
 function selectvue_type_template_id_69896c1b_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_su_tree = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("su-tree");
 
   const _component_base_popper = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("base-popper");
 
-  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", {
-    class: ['star-ui', 'su-select', 'star-ui-select', {
+  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", {
+    class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(['star-ui', 'su-select', 'star-ui-select', {
       'is-focus': _ctx.isFocused
-    }],
-    onClick: _cache[2] || (_cache[2] = $event => _ctx.isFocused = !_ctx.isFocused)
-  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("select", {
+    }]),
+    onClick: _cache[1] || (_cache[1] = $event => _ctx.isFocused = !_ctx.isFocused)
+  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("select", {
     name: _ctx.name,
     style: {
       "display": "none"
     }
-  }, null, 8, ["name"]), false ? (undefined) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
-    class: ['star-ui', 'star-ui-select--inner-content', 'star-ui-size-' + _ctx.size]
-  }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(this.showValue), 3), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
-    class: ['star-ui', 'start-ui-select--inner-suffix', 'star-ui-size-' + _ctx.size]
-  }, [selectvue_type_template_id_69896c1b_ts_true_hoisted_2], 2), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_base_popper, {
+  }, null, 8, selectvue_type_template_id_69896c1b_ts_true_hoisted_1), false ? (undefined) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
+    class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(['star-ui', 'star-ui-select--inner-content', 'star-ui-size-' + _ctx.size])
+  }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(this.showValue), 3), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
+    class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(['star-ui', 'start-ui-select--inner-suffix', 'star-ui-size-' + _ctx.size])
+  }, selectvue_type_template_id_69896c1b_ts_true_hoisted_4, 2), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_base_popper, {
     "from-item": _ctx.$el,
     visible: _ctx.isFocused,
-    onOutClick: _cache[1] || (_cache[1] = $event => _ctx.isFocused = false)
+    onOutClick: _cache[0] || (_cache[0] = $event => _ctx.isFocused = false)
   }, {
-    default: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(() => [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
-      class: ['star-ui', 'star-ui-select--pooper', _ctx.pooperClass],
-      style: {
+    default: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(() => [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
+      class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(['star-ui', 'star-ui-select--pooper', _ctx.pooperClass]),
+      style: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeStyle"])({
         width: _ctx.isMobile ? '100%' : _ctx.width + 'px'
-      }
-    }, [_ctx.isMobile ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", selectvue_type_template_id_69896c1b_ts_true_hoisted_3, "请选择")) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
-      class: ['star-ui', 'star-ui-select--pooper-item-list', 'star-ui-size-' + _ctx.size]
+      })
+    }, [_ctx.isMobile ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", selectvue_type_template_id_69896c1b_ts_true_hoisted_5, "请选择")) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
+      class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(['star-ui', 'star-ui-select--pooper-item-list', 'star-ui-size-' + _ctx.size])
     }, [_ctx.showAsTree ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(_component_su_tree, {
       key: 0,
       ref: "tree",
@@ -24476,34 +24602,42 @@ function selectvue_type_template_id_69896c1b_ts_true_render(_ctx, _cache, $props
       value: _ctx.valueName,
       children: _ctx.children,
       onNodeClick: _ctx.haandleNodeClick
-    }, null, 8, ["size", "treeData", "label", "value", "children", "onNodeClick"])) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], {
+    }, null, 8, ["size", "treeData", "label", "value", "children", "onNodeClick"])) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], {
       key: 1
     }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(_ctx.valueMap, item => {
-      return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", {
+      return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", {
         key: item[0],
-        class: ['star-ui', 'star-ui-select--option', 'star-ui-size-' + _ctx.size, 'star-ui-container', {
+        class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(['star-ui', 'star-ui-select--option', 'star-ui-size-' + _ctx.size, 'star-ui-container', {
           'star-ui-select--option-sel': item[0] == this.modelValue
-        }],
+        }]),
         onClick: $event => _ctx.handleSelect(item[0])
-      }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(item[1]), 11, ["onClick"]);
+      }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(item[1]), 11, _hoisted_6);
     }), 128))], 2)], 6)]),
     _: 1
   }, 8, ["from-item", "visible"])], 2);
 }
 // CONCATENATED MODULE: ./src/components/select.vue?vue&type=template&id=69896c1b&ts=true
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--14-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/ts-loader??ref--14-3!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/templateLoader.js??ref--7!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist??ref--0-1!./src/components/common/base-popper.vue?vue&type=template&id=14f7ac41&ts=true
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--14-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/ts-loader??ref--14-3!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/templateLoader.js??ref--7!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist??ref--0-1!./src/components/common/base-popper.vue?vue&type=template&id=8923a372&ts=true
 
-function base_poppervue_type_template_id_14f7ac41_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
+function base_poppervue_type_template_id_8923a372_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
   return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Teleport"], {
-    to: '#' + _ctx.id
-  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", null, [_ctx.isMobile ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", {
+    to: "body"
+  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
+    ref: "root",
+    class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(['star-ui-base-popper', ..._ctx.ctrlClass]),
+    style: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeStyle"])({
+      visibility: _ctx.visible ? '' : 'hidden',
+      ..._ctx.baseStyle,
+      ..._ctx.style
+    })
+  }, [_ctx.isMobile ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", {
     key: 0,
     class: "star-ui-popper-background",
-    onClick: _cache[1] || (_cache[1] = $event => _ctx.$emit('out-click'))
-  })) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "default")])], 8, ["to"]);
+    onClick: _cache[0] || (_cache[0] = $event => _ctx.$emit('out-click'))
+  })) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "default")], 6)]);
 }
-// CONCATENATED MODULE: ./src/components/common/base-popper.vue?vue&type=template&id=14f7ac41&ts=true
+// CONCATENATED MODULE: ./src/components/common/base-popper.vue?vue&type=template&id=8923a372&ts=true
 
 // CONCATENATED MODULE: ./src/outher/index.ts
 
@@ -24525,16 +24659,10 @@ const SuViewCtrlInjectClassName = Inject({
 
 let nowId = 0;
 let base_poppervue_type_script_lang_ts_SuButton = class SuButton extends Vue {
-  beforeCreate() {
-    this.div = document.createElement("div");
-    document.body.append(this.div);
-    this.id = "star-ui-popper-" + nowId++;
-    this.div.id = this.id;
-    this.div.style.position = "fixed";
-  }
+  constructor() {
+    super(...arguments); // eslint-disable-next-line
 
-  unmounted() {
-    document.body.removeChild(this.div);
+    this.baseStyle = {};
   }
 
   mounted() {
@@ -24551,7 +24679,7 @@ let base_poppervue_type_script_lang_ts_SuButton = class SuButton extends Vue {
     var dom = ev.target;
 
     while (dom && dom != document) {
-      if (dom == this.div || this.fromItem && dom == (this.fromItem instanceof HTMLElement ? this.fromItem : this.fromItem.$el)) {
+      if (dom == this.$refs.root || this.fromItem && dom == (this.fromItem instanceof HTMLElement ? this.fromItem : this.fromItem.$el)) {
         return false;
       }
 
@@ -24563,26 +24691,22 @@ let base_poppervue_type_script_lang_ts_SuButton = class SuButton extends Vue {
 
   _updateVisible() {
     if (this.visible) {
-      this.div.style.display = "";
       this.updatePos();
     } else {
-      this.div.style.display = "none";
       if (this.syncRequestId) cancelAnimationFrame(this.syncRequestId);
     }
   }
 
   updatePos() {
     if (this.fromItem) {
+      this.baseStyle = {};
       let dom = this.fromItem instanceof HTMLElement ? this.fromItem : this.fromItem.$el;
 
       if (this.isMobile) {
-        this.div.style.bottom = "0";
-        this.div.style.left = "0";
-        this.div.style.width = "100%"; // this.div.style.height="100%";
-
-        this.div.className = this.ctrlClass.join(' ');
+        this.baseStyle.bottom = "0";
+        this.baseStyle.left = "0";
+        this.baseStyle.width = "100%";
       } else {
-        this.div.className = this.ctrlClass.join(' ');
         const height = dom.clientHeight;
         let top = 0,
             left = 0;
@@ -24594,8 +24718,8 @@ let base_poppervue_type_script_lang_ts_SuButton = class SuButton extends Vue {
         }
 
         top += height;
-        this.div.style.top = top + "px";
-        this.div.style.left = left + "px";
+        this.baseStyle.top = top + "px";
+        this.baseStyle.left = left + "px";
 
         if (this.updateType == "v-sync") {
           this.syncRequestId = requestAnimationFrame(this.updatePos);
@@ -24641,6 +24765,11 @@ base_poppervue_type_script_lang_ts_SuButton = __decorate([Register({
   watch: {
     visible() {
       this._updateVisible();
+    },
+
+    isMobile() {
+      if (this.syncRequestId) cancelAnimationFrame(this.syncRequestId);
+      this.updatePos();
     }
 
   }
@@ -24648,8 +24777,8 @@ base_poppervue_type_script_lang_ts_SuButton = __decorate([Register({
 /* harmony default export */ var base_poppervue_type_script_lang_ts = (base_poppervue_type_script_lang_ts_SuButton);
 // CONCATENATED MODULE: ./src/components/common/base-popper.vue?vue&type=script&lang=ts
  
-// EXTERNAL MODULE: ./src/components/common/base-popper.vue?vue&type=style&index=0&id=14f7ac41&lang=css
-var base_poppervue_type_style_index_0_id_14f7ac41_lang_css = __webpack_require__("ad12");
+// EXTERNAL MODULE: ./src/components/common/base-popper.vue?vue&type=style&index=0&id=8923a372&lang=css
+var base_poppervue_type_style_index_0_id_8923a372_lang_css = __webpack_require__("aa83");
 
 // CONCATENATED MODULE: ./src/components/common/base-popper.vue
 
@@ -24659,7 +24788,7 @@ var base_poppervue_type_style_index_0_id_14f7ac41_lang_css = __webpack_require__
 
 
 
-const base_popper_exports_ = /*#__PURE__*/exportHelper_default()(base_poppervue_type_script_lang_ts, [['render',base_poppervue_type_template_id_14f7ac41_ts_true_render]])
+const base_popper_exports_ = /*#__PURE__*/exportHelper_default()(base_poppervue_type_script_lang_ts, [['render',base_poppervue_type_template_id_8923a372_ts_true_render]])
 
 /* harmony default export */ var base_popper = (base_popper_exports_);
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--14-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/ts-loader??ref--14-3!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist??ref--0-1!./src/components/select.vue?vue&type=script&lang=ts
@@ -24847,14 +24976,14 @@ var selectvue_type_style_index_0_id_69896c1b_lang_css = __webpack_require__("450
 const select_exports_ = /*#__PURE__*/exportHelper_default()(selectvue_type_script_lang_ts, [['render',selectvue_type_template_id_69896c1b_ts_true_render]])
 
 /* harmony default export */ var components_select = (select_exports_);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--14-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/ts-loader??ref--14-3!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/templateLoader.js??ref--7!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist??ref--0-1!./src/components/button.vue?vue&type=template&id=1915ad8e&ts=true
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--14-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/ts-loader??ref--14-3!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/templateLoader.js??ref--7!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist??ref--0-1!./src/components/button.vue?vue&type=template&id=970e0c22&ts=true
 
-function buttonvue_type_template_id_1915ad8e_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("button", {
-    class: ['star-ui', 'su-container', 'star-ui-container', 'star-ui-button', 'star-ui-size-' + _ctx.size]
+function buttonvue_type_template_id_970e0c22_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("button", {
+    class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(['star-ui', 'su-container', 'star-ui-container', 'star-ui-button', 'star-ui-size-' + _ctx.size])
   }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "default")], 2);
 }
-// CONCATENATED MODULE: ./src/components/button.vue?vue&type=template&id=1915ad8e&ts=true
+// CONCATENATED MODULE: ./src/components/button.vue?vue&type=template&id=970e0c22&ts=true
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--14-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/ts-loader??ref--14-3!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist??ref--0-1!./src/components/button.vue?vue&type=script&lang=ts
 
@@ -24876,8 +25005,8 @@ buttonvue_type_script_lang_ts_SuButton = __decorate([Register({
 /* harmony default export */ var buttonvue_type_script_lang_ts = (buttonvue_type_script_lang_ts_SuButton);
 // CONCATENATED MODULE: ./src/components/button.vue?vue&type=script&lang=ts
  
-// EXTERNAL MODULE: ./src/components/button.vue?vue&type=style&index=0&id=1915ad8e&lang=css
-var buttonvue_type_style_index_0_id_1915ad8e_lang_css = __webpack_require__("7a4c");
+// EXTERNAL MODULE: ./src/components/button.vue?vue&type=style&index=0&id=970e0c22&lang=css
+var buttonvue_type_style_index_0_id_970e0c22_lang_css = __webpack_require__("cb6a");
 
 // CONCATENATED MODULE: ./src/components/button.vue
 
@@ -24887,25 +25016,26 @@ var buttonvue_type_style_index_0_id_1915ad8e_lang_css = __webpack_require__("7a4
 
 
 
-const button_exports_ = /*#__PURE__*/exportHelper_default()(buttonvue_type_script_lang_ts, [['render',buttonvue_type_template_id_1915ad8e_ts_true_render]])
+const button_exports_ = /*#__PURE__*/exportHelper_default()(buttonvue_type_script_lang_ts, [['render',buttonvue_type_template_id_970e0c22_ts_true_render]])
 
 /* harmony default export */ var components_button = (button_exports_);
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--14-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/ts-loader??ref--14-3!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/templateLoader.js??ref--7!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist??ref--0-1!./src/components/switch.vue?vue&type=template&id=1c3073d2&ts=true
 
+const switchvue_type_template_id_1c3073d2_ts_true_hoisted_1 = ["name", "checked"];
 
-const switchvue_type_template_id_1c3073d2_ts_true_hoisted_1 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", null, [/*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span")], -1);
+const switchvue_type_template_id_1c3073d2_ts_true_hoisted_2 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", null, [/*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("span")], -1);
 
 function switchvue_type_template_id_1c3073d2_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", {
-    class: ['star-ui', 'su-switch', 'star-ui-switch', 'star-ui-size-' + _ctx.size]
-  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("label", null, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("input", {
+  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", {
+    class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(['star-ui', 'su-switch', 'star-ui-switch', 'star-ui-size-' + _ctx.size])
+  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("label", null, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("input", {
     ref: "input",
     type: "checkbox",
     name: _ctx.name,
     checked: _ctx.modelValue,
-    onChange: _cache[1] || (_cache[1] = //@ts-ignore
+    onChange: _cache[0] || (_cache[0] = //@ts-ignore
     (...args) => _ctx.handeleChange && _ctx.handeleChange(...args))
-  }, null, 40, ["name", "checked"]), switchvue_type_template_id_1c3073d2_ts_true_hoisted_1])], 2);
+  }, null, 40, switchvue_type_template_id_1c3073d2_ts_true_hoisted_1), switchvue_type_template_id_1c3073d2_ts_true_hoisted_2])], 2);
 }
 // CONCATENATED MODULE: ./src/components/switch.vue?vue&type=template&id=1c3073d2&ts=true
 
@@ -24970,23 +25100,23 @@ const switch_exports_ = /*#__PURE__*/exportHelper_default()(switchvue_type_scrip
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--14-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/ts-loader??ref--14-3!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/templateLoader.js??ref--7!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist??ref--0-1!./src/components/slider.vue?vue&type=template&id=3dc9277c&ts=true
 
 function slidervue_type_template_id_3dc9277c_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", {
-    class: ['star-ui', 'su-slider', 'star-ui-size-' + _ctx.size, {
+  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", {
+    class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(['star-ui', 'su-slider', 'star-ui-size-' + _ctx.size, {
       'su-slider-moving': _ctx.isHover
-    }]
-  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
+    }])
+  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
     ref: "bar",
     class: "su-slider--inner-runway",
-    onClick: _cache[3] || (_cache[3] = //@ts-ignore
+    onClick: _cache[2] || (_cache[2] = //@ts-ignore
     (...args) => _ctx.handleBarClick && _ctx.handleBarClick(...args))
-  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
+  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
     class: "su-slider--inner-button-wrapper",
-    style: {
+    style: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeStyle"])({
       left: _ctx.positionLeft + '%'
-    },
-    onMousedown: _cache[1] || (_cache[1] = //@ts-ignore
+    }),
+    onMousedown: _cache[0] || (_cache[0] = //@ts-ignore
     (...args) => _ctx.handleMouseDown && _ctx.handleMouseDown(...args)),
-    onTouchstart: _cache[2] || (_cache[2] = //@ts-ignore
+    onTouchstart: _cache[1] || (_cache[1] = //@ts-ignore
     (...args) => _ctx.handleTouchStart && _ctx.handleTouchStart(...args))
   }, null, 36)], 512)], 2);
 }
@@ -25168,101 +25298,103 @@ const calendarvue_type_template_id_7f64e836_ts_true_hoisted_3 = /*#__PURE__*/Obj
 const calendarvue_type_template_id_7f64e836_ts_true_hoisted_4 = {
   class: "star-ui-calendar--inner-head"
 };
-const calendarvue_type_template_id_7f64e836_ts_true_hoisted_5 = {
+const calendarvue_type_template_id_7f64e836_ts_true_hoisted_5 = ["onClcik"];
+const calendarvue_type_template_id_7f64e836_ts_true_hoisted_6 = {
   key: 0,
   class: "star-ui-calendar--select"
 };
-const _hoisted_6 = {
+const _hoisted_7 = {
   class: "star-ui-calendar--select-ctrl"
 };
 
-const _hoisted_7 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", null, null, -1);
+const _hoisted_8 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", null, null, -1);
 
-const _hoisted_8 = {
+const _hoisted_9 = {
   class: "star-ui-calendar--select-body"
 };
-const _hoisted_9 = {
+const _hoisted_10 = ["onClick"];
+const _hoisted_11 = {
   key: 1,
   class: "star-ui-calendar--select"
 };
-const _hoisted_10 = {
+const _hoisted_12 = {
   class: "star-ui-calendar--select-body"
 };
 function calendarvue_type_template_id_7f64e836_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_vnodes = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("vnodes");
 
-  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", calendarvue_type_template_id_7f64e836_ts_true_hoisted_1, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
+  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", calendarvue_type_template_id_7f64e836_ts_true_hoisted_1, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
     class: "star-ui-calendar--ctrl",
-    style: {
+    style: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeStyle"])({
       opacity: _ctx.showSelYear || _ctx.showSelMonth ? 0 : 1
-    }
-  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
-    onClick: _cache[1] || (_cache[1] = $event => _ctx.dYear--)
-  }, "<<"), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
-    onClick: _cache[2] || (_cache[2] = $event => _ctx.dMonth--)
-  }, "<"), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", calendarvue_type_template_id_7f64e836_ts_true_hoisted_2, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", {
-    onClick: _cache[3] || (_cache[3] = $event => _ctx.showSelYear = true)
-  }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(_ctx.displayMonthDate.format("YYYY")), 1), calendarvue_type_template_id_7f64e836_ts_true_hoisted_3, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", {
-    onClick: _cache[4] || (_cache[4] = $event => _ctx.showSelMonth = true)
-  }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(_ctx.displayMonthDate.format("MM")), 1)]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
-    onClick: _cache[5] || (_cache[5] = $event => _ctx.dMonth++)
-  }, ">"), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
-    onClick: _cache[6] || (_cache[6] = $event => _ctx.dYear++)
-  }, ">>")], 4), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("table", {
+    })
+  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
+    onClick: _cache[0] || (_cache[0] = $event => _ctx.dYear--)
+  }, "<<"), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
+    onClick: _cache[1] || (_cache[1] = $event => _ctx.dMonth--)
+  }, "<"), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", calendarvue_type_template_id_7f64e836_ts_true_hoisted_2, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("span", {
+    onClick: _cache[2] || (_cache[2] = $event => _ctx.showSelYear = true)
+  }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(_ctx.displayMonthDate.format("YYYY")), 1), calendarvue_type_template_id_7f64e836_ts_true_hoisted_3, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("span", {
+    onClick: _cache[3] || (_cache[3] = $event => _ctx.showSelMonth = true)
+  }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(_ctx.displayMonthDate.format("MM")), 1)]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
+    onClick: _cache[4] || (_cache[4] = $event => _ctx.dMonth++)
+  }, ">"), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
+    onClick: _cache[5] || (_cache[5] = $event => _ctx.dYear++)
+  }, ">>")], 4), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("table", {
     cellspacing: "0",
     cellpadding: "0",
-    style: {
+    style: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeStyle"])({
       opacity: _ctx.showSelYear || _ctx.showSelMonth ? 0 : 1
-    }
-  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("tr", calendarvue_type_template_id_7f64e836_ts_true_hoisted_4, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(_ctx.displayHead, (item, index) => {
-    return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("th", {
-      class: `star-ui-calendar--${item.week}`,
+    })
+  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("tr", calendarvue_type_template_id_7f64e836_ts_true_hoisted_4, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(_ctx.displayHead, (item, index) => {
+    return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("th", {
+      class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(`star-ui-calendar--${item.week}`),
       key: index
     }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(item.display), 3);
-  }), 128))]), (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(_ctx.displayData, (row, index) => {
-    return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("tr", {
+  }), 128))]), (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(_ctx.displayData, (row, index) => {
+    return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("tr", {
       key: index
-    }, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(row, (day, index) => {
-      return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("td", {
+    }, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(row, (day, index) => {
+      return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("td", {
         key: index,
-        class: ['star-ui-calendar--inner-cell', `star-ui-calendar--${day.week}`, {
+        class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(['star-ui-calendar--inner-cell', `star-ui-calendar--${day.week}`, {
           'star-ui-calendar--previous': day.isPrevious,
           'star-ui-calendar--next': day.isNext
-        }],
+        }]),
         onClcik: $event => _ctx.dateClick(day)
-      }, [_ctx.$slots['default'] ? Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "default", Object(external_commonjs_vue_commonjs2_vue_root_Vue_["mergeProps"])({
+      }, [_ctx.$slots['default'] ? Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "default", Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeProps"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["mergeProps"])({
         key: 0
-      }, day)) : _ctx.renderCell ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(_component_vnodes, {
+      }, day))) : _ctx.renderCell ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(_component_vnodes, {
         key: 1,
         func: _ctx.renderCell,
         args: [day]
-      }, null, 8, ["func", "args"])) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], {
+      }, null, 8, ["func", "args"])) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], {
         key: 2
-      }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createTextVNode"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(day.display), 1)], 64))], 42, ["onClcik"]);
+      }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createTextVNode"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(day.display), 1)], 64))], 42, calendarvue_type_template_id_7f64e836_ts_true_hoisted_5);
     }), 128))]);
-  }), 128))], 4), _ctx.showSelYear ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", calendarvue_type_template_id_7f64e836_ts_true_hoisted_5, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", _hoisted_6, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
-    onClick: _cache[7] || (_cache[7] = $event => _ctx.dShowSelYear--)
-  }, "<<"), _hoisted_7, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
-    onClick: _cache[8] || (_cache[8] = $event => _ctx.dShowSelYear++)
-  }, ">>")]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", _hoisted_8, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(12, i => {
-    return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
+  }), 128))], 4), _ctx.showSelYear ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", calendarvue_type_template_id_7f64e836_ts_true_hoisted_6, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_7, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
+    onClick: _cache[6] || (_cache[6] = $event => _ctx.dShowSelYear--)
+  }, "<<"), _hoisted_8, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
+    onClick: _cache[7] || (_cache[7] = $event => _ctx.dShowSelYear++)
+  }, ">>")]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_9, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(12, i => {
+    return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
       key: i,
-      class: {
+      class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])({
         'now-sel': i == 6 && _ctx.dShowSelYear == 0
-      },
+      }),
       onClick: $event => {
         _ctx.dYear += i - 6 + _ctx.dShowSelYear * 12;
         _ctx.showSelYear = false;
         _ctx.dShowSelYear = 0;
       }
-    }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(_ctx.displayMonthDate.year() + i - 6 + _ctx.dShowSelYear * 12), 11, ["onClick"]);
-  }), 64))])])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), _ctx.showSelMonth ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", _hoisted_9, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", _hoisted_10, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(12, i => {
-    return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
+    }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(_ctx.displayMonthDate.year() + i - 6 + _ctx.dShowSelYear * 12), 11, _hoisted_10);
+  }), 64))])])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), _ctx.showSelMonth ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", _hoisted_11, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_12, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(12, i => {
+    return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
       key: i,
-      class: {
+      class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])({
         'now-sel': i == 6 && _ctx.dShowSelYear == 0
-      },
-      onClick: _cache[9] || (_cache[9] = $event => {
+      }),
+      onClick: _cache[8] || (_cache[8] = $event => {
         _ctx.showSelMonth = false;
         _ctx.dShowSelYear = 0;
       })
@@ -25420,14 +25552,14 @@ var calendarvue_type_style_index_0_id_7f64e836_lang_css = __webpack_require__("9
 const calendar_exports_ = /*#__PURE__*/exportHelper_default()(calendarvue_type_script_lang_ts, [['render',calendarvue_type_template_id_7f64e836_ts_true_render]])
 
 /* harmony default export */ var calendar = (calendar_exports_);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--14-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/ts-loader??ref--14-3!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/templateLoader.js??ref--7!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist??ref--0-1!./src/components/view-control.vue?vue&type=template&id=6d9c1590&ts=true
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--14-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/ts-loader??ref--14-3!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/templateLoader.js??ref--7!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist??ref--0-1!./src/components/view-control.vue?vue&type=template&id=3c0b3499&ts=true
 
-function view_controlvue_type_template_id_6d9c1590_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", {
-    class: ['star-ui', _ctx.className]
+function view_controlvue_type_template_id_3c0b3499_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", {
+    class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(['star-ui', _ctx.className])
   }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "default")], 2);
 }
-// CONCATENATED MODULE: ./src/components/view-control.vue?vue&type=template&id=6d9c1590&ts=true
+// CONCATENATED MODULE: ./src/components/view-control.vue?vue&type=template&id=3c0b3499&ts=true
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--14-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/ts-loader??ref--14-3!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist??ref--0-1!./src/components/view-control.vue?vue&type=script&lang=ts
 
@@ -25466,7 +25598,6 @@ let view_controlvue_type_script_lang_ts_SuViewControl = class SuViewControl exte
         return navigator.userAgent.toLowerCase().indexOf("mobile") != -1;
 
       case "screen-width":
-        console.log(this.windowWidth);
         return this.windowWidth < 1000;
     }
 
@@ -25505,11 +25636,13 @@ __decorate([Prop({
 })], view_controlvue_type_script_lang_ts_SuViewControl.prototype, "checkFunction", void 0);
 
 __decorate([Provide({
-  to: SuViewCtrlInjectKeyIsMobile
+  to: SuViewCtrlInjectKeyIsMobile,
+  reactive: true
 })], view_controlvue_type_script_lang_ts_SuViewControl.prototype, "$isMobile", null);
 
 __decorate([Provide({
-  to: SuViewCtrlInjectKeyClassName
+  to: SuViewCtrlInjectKeyClassName,
+  reactive: true
 })], view_controlvue_type_script_lang_ts_SuViewControl.prototype, "className", null);
 
 view_controlvue_type_script_lang_ts_SuViewControl = __decorate([Register({
@@ -25524,32 +25657,33 @@ view_controlvue_type_script_lang_ts_SuViewControl = __decorate([Register({
 
 
 
-const view_control_exports_ = /*#__PURE__*/exportHelper_default()(view_controlvue_type_script_lang_ts, [['render',view_controlvue_type_template_id_6d9c1590_ts_true_render]])
+const view_control_exports_ = /*#__PURE__*/exportHelper_default()(view_controlvue_type_script_lang_ts, [['render',view_controlvue_type_template_id_3c0b3499_ts_true_render]])
 
 /* harmony default export */ var view_control = (view_control_exports_);
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--14-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/ts-loader??ref--14-3!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/templateLoader.js??ref--7!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist??ref--0-1!./src/components/menu/index.vue?vue&type=template&id=61b01141&ts=true
 
+const menuvue_type_template_id_61b01141_ts_true_hoisted_1 = ["onClick"];
 function menuvue_type_template_id_61b01141_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
   return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveDynamicComponent"])(_ctx.menuComponent), {
     menu: _ctx.menu,
     class: "star-ui su-menu star-ui-menu"
   }, {
-    default: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(data => [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
+    default: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(data => [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
       onClick: $event => _ctx.handleItemClick(data)
-    }, [_ctx.$slots['default'] ? Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "default", Object(external_commonjs_vue_commonjs2_vue_root_Vue_["mergeProps"])({
+    }, [_ctx.$slots['default'] ? Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "default", Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeProps"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["mergeProps"])({
       key: 0
-    }, data)) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveDynamicComponent"])(_ctx.displayComponent), {
+    }, data))) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveDynamicComponent"])(_ctx.displayComponent), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeProps"])({
       key: 1,
       [_ctx.useedKey || ""]: data.path || '#',
-      onClick: _cache[1] || (_cache[1] = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withModifiers"])(() => {}, ["prevent"]))
-    }, {
-      default: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(() => [_ctx.$slots['menu-text'] ? Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "menu-text", Object(external_commonjs_vue_commonjs2_vue_root_Vue_["mergeProps"])({
+      onClick: _cache[0] || (_cache[0] = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withModifiers"])(() => {}, ["prevent"]))
+    }), {
+      default: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(() => [_ctx.$slots['menu-text'] ? Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "menu-text", Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeProps"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["mergeProps"])({
         key: 0
-      }, data)) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], {
+      }, data))) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], {
         key: 1
       }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createTextVNode"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(data.title), 1)], 64))]),
       _: 2
-    }, 1040))], 8, ["onClick"])]),
+    }, 1040))], 8, menuvue_type_template_id_61b01141_ts_true_hoisted_1)]),
     _: 3
   }, 8, ["menu"]);
 }
@@ -25558,18 +25692,18 @@ function menuvue_type_template_id_61b01141_ts_true_render(_ctx, _cache, $props,
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--14-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/ts-loader??ref--14-3!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/templateLoader.js??ref--7!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist??ref--0-1!./src/components/menu/menu-h/index.vue?vue&type=template&id=6e2f265e&ts=true
 
 const menu_hvue_type_template_id_6e2f265e_ts_true_hoisted_1 = {
-  class: ['star-ui', 'star-ui-menu', 'star-ui-menu-h']
+  class: /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(['star-ui', 'star-ui-menu', 'star-ui-menu-h'])
 };
 function menu_hvue_type_template_id_6e2f265e_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_su_h_menu_item = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("su-h-menu-item");
 
-  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", menu_hvue_type_template_id_6e2f265e_ts_true_hoisted_1, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(_ctx.menu, item => {
+  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", menu_hvue_type_template_id_6e2f265e_ts_true_hoisted_1, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(_ctx.menu, item => {
     return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(_component_su_h_menu_item, {
       key: item.path,
       item: item,
       childDirection: "bottom"
     }, {
-      default: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(data => [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "default", data)]),
+      default: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(data => [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "default", Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeProps"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["guardReactiveProps"])(data)))]),
       _: 2
     }, 1032, ["item"]);
   }), 128))]);
@@ -25579,15 +25713,15 @@ function menu_hvue_type_template_id_6e2f265e_ts_true_render(_ctx, _cache, $props
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--14-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/ts-loader??ref--14-3!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/templateLoader.js??ref--7!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist??ref--0-1!./src/components/menu/menu-h/menu-h-child.vue?vue&type=template&id=f0572370&ts=true
 
 function menu_h_childvue_type_template_id_f0572370_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return _ctx.menu && _ctx.menu.length > 0 ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", {
+  return _ctx.menu && _ctx.menu.length > 0 ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", {
     key: 0,
-    class: ['star-ui', 'star-ui-menu--chlild-box', 'star-ui-menu-h--chlild-box', `star-ui-menu-h--chlild-box-${_ctx.direction}`]
-  }, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(_ctx.menu, item => {
+    class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(['star-ui', 'star-ui-menu--chlild-box', 'star-ui-menu-h--chlild-box', `star-ui-menu-h--chlild-box-${_ctx.direction}`])
+  }, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(_ctx.menu, item => {
     return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveDynamicComponent"])(_ctx.itemComponent), {
       key: item.path,
       item: item
     }, {
-      default: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(item => [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "default", item)]),
+      default: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(item => [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "default", Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeProps"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["guardReactiveProps"])(item)))]),
       _: 2
     }, 1032, ["item"]);
   }), 128))], 2)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true);
@@ -25646,12 +25780,12 @@ const menu_h_itemvue_type_template_id_6ed86598_ts_true_hoisted_2 = {
 function menu_h_itemvue_type_template_id_6ed86598_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_su_h_menu_child = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("su-h-menu-child");
 
-  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", menu_h_itemvue_type_template_id_6ed86598_ts_true_hoisted_1, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", menu_h_itemvue_type_template_id_6ed86598_ts_true_hoisted_2, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "default", _ctx.item)]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_su_h_menu_child, {
+  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", menu_h_itemvue_type_template_id_6ed86598_ts_true_hoisted_1, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", menu_h_itemvue_type_template_id_6ed86598_ts_true_hoisted_2, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "default", Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeProps"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["guardReactiveProps"])(_ctx.item)))]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_su_h_menu_child, {
     menu: _ctx.item.children || [],
     itemComponent: _ctx.selfClass,
     direction: _ctx.childDirection
   }, {
-    default: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(item => [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "default", item)]),
+    default: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(item => [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "default", Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeProps"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["guardReactiveProps"])(item)))]),
     _: 3
   }, 8, ["menu", "itemComponent", "direction"])]);
 }
@@ -25784,28 +25918,31 @@ const menu_h_exports_ = /*#__PURE__*/exportHelper_default()(menu_hvue_type_scrip
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--14-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/ts-loader??ref--14-3!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/templateLoader.js??ref--7!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist??ref--0-1!./src/components/menu/menu-v/index.vue?vue&type=template&id=1c99a264&ts=true
 
 const menu_vvue_type_template_id_1c99a264_ts_true_hoisted_1 = {
-  class: ['star-ui', 'star-ui-menu', 'star-ui-menu-v']
+  class: /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(['star-ui', 'star-ui-menu', 'star-ui-menu-v'])
 };
 
-const menu_vvue_type_template_id_1c99a264_ts_true_hoisted_2 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", {
+const menu_vvue_type_template_id_1c99a264_ts_true_hoisted_2 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("span", {
   class: "star-ui-icon-font star-ui-icon-home"
 }, null, -1);
 
 const menu_vvue_type_template_id_1c99a264_ts_true_hoisted_3 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createTextVNode"])(">");
 
+const menu_vvue_type_template_id_1c99a264_ts_true_hoisted_4 = [menu_vvue_type_template_id_1c99a264_ts_true_hoisted_2, menu_vvue_type_template_id_1c99a264_ts_true_hoisted_3];
+const menu_vvue_type_template_id_1c99a264_ts_true_hoisted_5 = ["onClick"];
+const menu_vvue_type_template_id_1c99a264_ts_true_hoisted_6 = ["onClick"];
 function menu_vvue_type_template_id_1c99a264_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", menu_vvue_type_template_id_1c99a264_ts_true_hoisted_1, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", null, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", {
-    onClick: _cache[1] || (_cache[1] = $event => _ctx.handlePathClick(0))
-  }, [menu_vvue_type_template_id_1c99a264_ts_true_hoisted_2, menu_vvue_type_template_id_1c99a264_ts_true_hoisted_3]), (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(_ctx.path, (item, index) => {
-    return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("span", {
+  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", menu_vvue_type_template_id_1c99a264_ts_true_hoisted_1, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", null, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("span", {
+    onClick: _cache[0] || (_cache[0] = $event => _ctx.handlePathClick(0))
+  }, menu_vvue_type_template_id_1c99a264_ts_true_hoisted_4), (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(_ctx.path, (item, index) => {
+    return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("span", {
       key: `${index}-${item.path || 'nopath'}`,
       onClick: $event => _ctx.handlePathClick(index + 1)
-    }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(item.title) + "> ", 9, ["onClick"]);
-  }), 128))]), (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(_ctx.current, item => {
-    return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", {
+    }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(item.title) + "> ", 9, menu_vvue_type_template_id_1c99a264_ts_true_hoisted_5);
+  }), 128))]), (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(_ctx.current, item => {
+    return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", {
       key: item.path,
       onClick: $event => _ctx.handleItemClick(item)
-    }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "default", item)], 8, ["onClick"]);
+    }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "default", Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeProps"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["guardReactiveProps"])(item)))], 8, menu_vvue_type_template_id_1c99a264_ts_true_hoisted_6);
   }), 128))]);
 }
 // CONCATENATED MODULE: ./src/components/menu/menu-v/index.vue?vue&type=template&id=1c99a264&ts=true
@@ -25957,65 +26094,104 @@ const menu_exports_ = /*#__PURE__*/exportHelper_default()(menuvue_type_script_la
 /* harmony default export */ var menu = (menu_exports_);
 // CONCATENATED MODULE: ./src/components/menu/index.ts
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--14-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/ts-loader??ref--14-3!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/templateLoader.js??ref--7!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist??ref--0-1!./src/components/content/page.vue?vue&type=template&id=757a3334&ts=true
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--14-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/ts-loader??ref--14-3!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/templateLoader.js??ref--7!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist??ref--0-1!./src/components/layout/auto-direction/index.vue?vue&type=template&id=e6fc8c10&ts=true
+
+const auto_directionvue_type_template_id_e6fc8c10_ts_true_hoisted_1 = {
+  class: "star-ui star-ui-auto-direction su-auto-direction"
+};
+function auto_directionvue_type_template_id_e6fc8c10_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", auto_directionvue_type_template_id_e6fc8c10_ts_true_hoisted_1, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "default")]);
+}
+// CONCATENATED MODULE: ./src/components/layout/auto-direction/index.vue?vue&type=template&id=e6fc8c10&ts=true
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--14-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/ts-loader??ref--14-3!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist??ref--0-1!./src/components/layout/auto-direction/index.vue?vue&type=script&lang=ts
+
+
+
+
+let auto_directionvue_type_script_lang_ts_SuAutoDirection = class SuAutoDirection extends Vue {};
+auto_directionvue_type_script_lang_ts_SuAutoDirection = __decorate([Register({
+  name: "su-auto-direction"
+})], auto_directionvue_type_script_lang_ts_SuAutoDirection);
+/* harmony default export */ var auto_directionvue_type_script_lang_ts = (auto_directionvue_type_script_lang_ts_SuAutoDirection);
+// CONCATENATED MODULE: ./src/components/layout/auto-direction/index.vue?vue&type=script&lang=ts
+ 
+// EXTERNAL MODULE: ./src/components/layout/auto-direction/index.vue?vue&type=style&index=0&id=e6fc8c10&lang=css
+var auto_directionvue_type_style_index_0_id_e6fc8c10_lang_css = __webpack_require__("e412");
 
-const pagevue_type_template_id_757a3334_ts_true_hoisted_1 = {
+// CONCATENATED MODULE: ./src/components/layout/auto-direction/index.vue
+
+
+
+
+
+
+
+const auto_direction_exports_ = /*#__PURE__*/exportHelper_default()(auto_directionvue_type_script_lang_ts, [['render',auto_directionvue_type_template_id_e6fc8c10_ts_true_render]])
+
+/* harmony default export */ var auto_direction = (auto_direction_exports_);
+// CONCATENATED MODULE: ./src/components/layout/index.ts
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--14-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/ts-loader??ref--14-3!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/templateLoader.js??ref--7!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist??ref--0-1!./src/components/content/page.vue?vue&type=template&id=418de82e&ts=true
+
+const pagevue_type_template_id_418de82e_ts_true_hoisted_1 = {
   class: "star-ui su-page"
 };
-const pagevue_type_template_id_757a3334_ts_true_hoisted_2 = {
+const pagevue_type_template_id_418de82e_ts_true_hoisted_2 = {
   class: "su-ui su-page--header"
 };
-const pagevue_type_template_id_757a3334_ts_true_hoisted_3 = {
+const pagevue_type_template_id_418de82e_ts_true_hoisted_3 = {
   key: 1
 };
-const pagevue_type_template_id_757a3334_ts_true_hoisted_4 = {
+const pagevue_type_template_id_418de82e_ts_true_hoisted_4 = ["src"];
+const pagevue_type_template_id_418de82e_ts_true_hoisted_5 = {
   key: 3,
   class: "su-page--menu-box"
 };
-const pagevue_type_template_id_757a3334_ts_true_hoisted_5 = {
+const pagevue_type_template_id_418de82e_ts_true_hoisted_6 = {
   class: "su-ui su-page--main"
 };
-function pagevue_type_template_id_757a3334_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
+function pagevue_type_template_id_418de82e_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_su_menu = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("su-menu");
 
-  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", pagevue_type_template_id_757a3334_ts_true_hoisted_1, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("header", pagevue_type_template_id_757a3334_ts_true_hoisted_2, [_ctx.isMobile ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("span", {
+  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", pagevue_type_template_id_418de82e_ts_true_hoisted_1, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("header", pagevue_type_template_id_418de82e_ts_true_hoisted_2, [_ctx.isMobile ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("span", {
     key: 0,
     class: "star-ui-icon-font star-ui-icon-menu su-page--mobile-menu-open",
-    onClick: _cache[1] || (_cache[1] = $event => _ctx.isOpenMenu = true)
-  })) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), _ctx.title ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("h1", pagevue_type_template_id_757a3334_ts_true_hoisted_3, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(_ctx.title), 1)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), _ctx.logo ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("img", {
+    onClick: _cache[0] || (_cache[0] = $event => _ctx.isOpenMenu = true)
+  })) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), _ctx.title ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("h1", pagevue_type_template_id_418de82e_ts_true_hoisted_3, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(_ctx.title), 1)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), _ctx.logo ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("img", {
     key: 2,
     src: _ctx.logo,
     alt: "logo"
-  }, null, 8, ["src"])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "header"), !_ctx.isMobile ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", pagevue_type_template_id_757a3334_ts_true_hoisted_4, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_su_menu, {
+  }, null, 8, pagevue_type_template_id_418de82e_ts_true_hoisted_4)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "header"), !_ctx.isMobile ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", pagevue_type_template_id_418de82e_ts_true_hoisted_5, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_su_menu, {
     menu: _ctx.menu,
     direction: "h"
   }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createSlots"])({
     _: 2
   }, [_ctx.$slots['menu'] ? {
     name: "default",
-    fn: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(item => [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "menu", item)])
+    fn: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(item => [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "menu", Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeProps"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["guardReactiveProps"])(item)))])
   } : _ctx.$slots['menu-text'] ? {
     name: "menu-text",
-    fn: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(item => [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "text", item)])
-  } : undefined]), 1032, ["menu"])])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("main", pagevue_type_template_id_757a3334_ts_true_hoisted_5, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "default")]), _ctx.isMobile ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", {
+    fn: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(item => [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "text", Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeProps"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["guardReactiveProps"])(item)))])
+  } : undefined]), 1032, ["menu"])])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("main", pagevue_type_template_id_418de82e_ts_true_hoisted_6, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "default")]), _ctx.isMobile ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", {
     key: 0,
-    class: ['su-ui', 'su-page--mobile-menu-box', _ctx.isOpenMenu ? 'su-page--mobile-menu-box-open' : 'su-page--mobile-menu-close'],
-    onClick: _cache[3] || (_cache[3] = $event => _ctx.isOpenMenu = false)
+    class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(['su-ui', 'su-page--mobile-menu-box', _ctx.isOpenMenu ? 'su-page--mobile-menu-box-open' : 'su-page--mobile-menu-close']),
+    onClick: _cache[2] || (_cache[2] = $event => _ctx.isOpenMenu = false)
   }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_su_menu, {
     menu: _ctx.menu,
     direction: "v",
-    onClick: _cache[2] || (_cache[2] = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withModifiers"])(() => {}, ["stop"]))
+    onClick: _cache[1] || (_cache[1] = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withModifiers"])(() => {}, ["stop"]))
   }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createSlots"])({
     _: 2
   }, [_ctx.$slots['menu'] ? {
     name: "default",
-    fn: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(item => [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "menu", item)])
+    fn: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(item => [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "menu", Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeProps"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["guardReactiveProps"])(item)))])
   } : _ctx.$slots['menu-text'] ? {
     name: "menu-text",
-    fn: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(item => [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "text", item)])
+    fn: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(item => [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "text", Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeProps"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["guardReactiveProps"])(item)))])
   } : undefined]), 1032, ["menu"])], 2)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)]);
 }
-// CONCATENATED MODULE: ./src/components/content/page.vue?vue&type=template&id=757a3334&ts=true
+// CONCATENATED MODULE: ./src/components/content/page.vue?vue&type=template&id=418de82e&ts=true
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--14-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/ts-loader??ref--14-3!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist??ref--0-1!./src/components/content/page.vue?vue&type=script&lang=ts
 
@@ -26058,8 +26234,8 @@ pagevue_type_script_lang_ts_SuMain = __decorate([Register({
 /* harmony default export */ var pagevue_type_script_lang_ts = (pagevue_type_script_lang_ts_SuMain);
 // CONCATENATED MODULE: ./src/components/content/page.vue?vue&type=script&lang=ts
  
-// EXTERNAL MODULE: ./src/components/content/page.vue?vue&type=style&index=0&id=757a3334&lang=css
-var pagevue_type_style_index_0_id_757a3334_lang_css = __webpack_require__("9fc4");
+// EXTERNAL MODULE: ./src/components/content/page.vue?vue&type=style&index=0&id=418de82e&lang=css
+var pagevue_type_style_index_0_id_418de82e_lang_css = __webpack_require__("fe9b");
 
 // CONCATENATED MODULE: ./src/components/content/page.vue
 
@@ -26069,7 +26245,7 @@ var pagevue_type_style_index_0_id_757a3334_lang_css = __webpack_require__("9fc4"
 
 
 
-const page_exports_ = /*#__PURE__*/exportHelper_default()(pagevue_type_script_lang_ts, [['render',pagevue_type_template_id_757a3334_ts_true_render]])
+const page_exports_ = /*#__PURE__*/exportHelper_default()(pagevue_type_script_lang_ts, [['render',pagevue_type_template_id_418de82e_ts_true_render]])
 
 /* harmony default export */ var page = (page_exports_);
 // CONCATENATED MODULE: ./src/components/content/index.ts
@@ -26097,6 +26273,7 @@ const page_exports_ = /*#__PURE__*/exportHelper_default()(pagevue_type_script_la
 
 
 
+
  // eslint-disable-next-line
 
 const components = {};
@@ -26131,17 +26308,6 @@ const infos = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["readonly"])(
 
 
 
-/***/ }),
-
-/***/ "fc16":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_form_vue_vue_type_style_index_0_id_c8dd025e_lang_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("cfa1");
-/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_form_vue_vue_type_style_index_0_id_c8dd025e_lang_css__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_form_vue_vue_type_style_index_0_id_c8dd025e_lang_css__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "fd7e":
@@ -26229,6 +26395,33 @@ const infos = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["readonly"])(
 })));
 
 
+/***/ }),
+
+/***/ "fe9b":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_page_vue_vue_type_style_index_0_id_418de82e_lang_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("0461");
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_page_vue_vue_type_style_index_0_id_418de82e_lang_css__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_page_vue_vue_type_style_index_0_id_418de82e_lang_css__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
+/***/ }),
+
+/***/ "fec3":
+/***/ (function(module, exports, __webpack_require__) {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__("cbf1");
+if(content.__esModule) content = content.default;
+if(typeof content === 'string') content = [[module.i, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = __webpack_require__("499e").default
+var update = add("6ced18d8", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ "ffff":