@deanwu/vue-component-library 1.0.50 → 1.0.52

package/dist/vue-component-library.common.js

@@ -663,6 +663,13 @@ module.exports = function ( delay, atBegin, callback ) {
 
 /***/ }),
 
+/***/ "1001":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "1098":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -11237,6 +11244,17 @@ module.exports = function dispatchRequest(config) {
 };
 
 
+/***/ }),
+
+/***/ "5435":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_12_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_12_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_12_oneOf_1_2_node_modules_stylus_loader_index_js_ref_12_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_6f78b906_prod_lang_stylus___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("1001");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_12_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_12_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_12_oneOf_1_2_node_modules_stylus_loader_index_js_ref_12_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_6f78b906_prod_lang_stylus___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_12_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_12_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_12_oneOf_1_2_node_modules_stylus_loader_index_js_ref_12_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_6f78b906_prod_lang_stylus___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "547b":
@@ -21335,6 +21353,17 @@ module.exports = function ( delay, noTrailing, callback, debounceMode ) {
 
 }));
 
+/***/ }),
+
+/***/ "59a2":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_12_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_12_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_12_oneOf_1_2_node_modules_stylus_loader_index_js_ref_12_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_input_vue_vue_type_style_index_0_id_5d845d6a_prod_lang_stylus_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("c73e");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_12_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_12_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_12_oneOf_1_2_node_modules_stylus_loader_index_js_ref_12_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_input_vue_vue_type_style_index_0_id_5d845d6a_prod_lang_stylus_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_12_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_12_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_12_oneOf_1_2_node_modules_stylus_loader_index_js_ref_12_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_input_vue_vue_type_style_index_0_id_5d845d6a_prod_lang_stylus_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "59ed":
@@ -68842,13 +68871,6 @@ module.exports = Object.create || function create(O, Properties) {
 };
 
 
-/***/ }),
-
-/***/ "7123":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
 /***/ }),
 
 /***/ "722f":
@@ -83005,17 +83027,6 @@ module.exports = $documentAll.IS_HTMLDDA ? function (it) {
 };
 
 
-/***/ }),
-
-/***/ "88a4":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_12_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_12_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_12_oneOf_1_2_node_modules_stylus_loader_index_js_ref_12_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_55adb6fc_prod_lang_stylus___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("eb96");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_12_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_12_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_12_oneOf_1_2_node_modules_stylus_loader_index_js_ref_12_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_55adb6fc_prod_lang_stylus___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_12_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_12_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_12_oneOf_1_2_node_modules_stylus_loader_index_js_ref_12_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_55adb6fc_prod_lang_stylus___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "8925":
@@ -84171,13 +84182,6 @@ module.exports = isForced;
 /* unused harmony reexport * */
 
 
-/***/ }),
-
-/***/ "9586":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
 /***/ }),
 
 /***/ "9619":
@@ -84420,6 +84424,17 @@ var RE_NARGS = /(%|)\{([0-9a-zA-Z_]+)\}/g;
  *    https://github.com/Matt-Esch/string-template/index.js
  */
 
+/***/ }),
+
+/***/ "9e7b":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_12_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_12_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_12_oneOf_1_2_node_modules_stylus_loader_index_js_ref_12_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_datetime_vue_vue_type_style_index_0_id_39d82320_prod_lang_stylus_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("d70e");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_12_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_12_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_12_oneOf_1_2_node_modules_stylus_loader_index_js_ref_12_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_datetime_vue_vue_type_style_index_0_id_39d82320_prod_lang_stylus_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_12_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_12_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_12_oneOf_1_2_node_modules_stylus_loader_index_js_ref_12_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_datetime_vue_vue_type_style_index_0_id_39d82320_prod_lang_stylus_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "9e89":
@@ -86949,6 +86964,17 @@ var isDefined = exports.isDefined = function isDefined(val) {
 
 }));
 
+/***/ }),
+
+/***/ "ae6c":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_12_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_12_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_12_oneOf_1_2_node_modules_stylus_loader_index_js_ref_12_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_tab_list_vue_vue_type_style_index_0_id_6354729a_prod_lang_stylus___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("b061");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_12_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_12_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_12_oneOf_1_2_node_modules_stylus_loader_index_js_ref_12_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_tab_list_vue_vue_type_style_index_0_id_6354729a_prod_lang_stylus___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_12_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_12_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_12_oneOf_1_2_node_modules_stylus_loader_index_js_ref_12_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_tab_list_vue_vue_type_style_index_0_id_6354729a_prod_lang_stylus___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "aed9":
@@ -86988,6 +87014,13 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
+/***/ "b061":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "b367":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -89200,6 +89233,13 @@ try {
 } catch (error) { /* empty */ }
 
 
+/***/ }),
+
+/***/ "c73e":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "c8af":
@@ -89831,17 +89871,6 @@ module.exports = normalizeWheel;
 __webpack_require__.r(__webpack_exports__);
 /* harmony default export */ __webpack_exports__["default"] = ("## 示例代码\n\n```\r\n// 消息弹窗\r\nthis.$message({\n\tmessage: '消息弹窗内容'\n})\r\n\r\n// 通知弹窗\nthis.$notice({\n\ttitle: '通知标题',\n\tmessage: '通知弹窗内容',\n\tbutton: [{\n\t\tname: '不再提醒',\n\t\tcallback() {}\n\t}]\n})\r\n\r\n// 确认弹窗\nthis.$confirm({\n\ttitle: '确认弹窗标题',\n\tmessage: '确认弹窗内容',\n\tresolve: () => {},\n\tcancel: () => {}\n})\r\n\r\n// 加载弹窗\nthis.$loading();\r\n```\n\n## 配置项\r\n\r\n### 消息弹窗 $message\r\n\r\n属性 | 类型 | 默认值 | 说明\n---- | ---- | ---- | ----\r\ntype | String | - | 类型图标<br>**success**: 成功<br>**file**: 失败<br>**warn**: 警告\r\nmessage | String | - | 消息内容\r\ntimeout | Number | 2500 | 自动消失时长\r\nmask | Boolean | false | 消息弹窗存在时是否允许点击页面其他区域\r\n\r\n### 通知弹窗 $notice\r\n\r\n属性 | 类型 | 默认值 | 说明\n---- | ---- | ---- | ----\r\ntype | String | - | 类型图标<br>**success**: 成功<br>**file**: 失败<br>**warn**: 警告\r\ntitle | String | - | 标题\r\nmessage | String | - | 通知内容\r\ntimeout | Number | 1000 | 自动消失时长\r\nbutton | Array | - | 为通知弹窗定义按钮\r\n-- button.name | String | - | 按钮名称\r\n-- button.callback(close) | String | - | 按钮回到函数<br>**close**: 调用该方法可立即关闭通知弹窗\r\n\r\n### 确认弹窗 $confirm\r\n\r\n属性 | 类型 | 默认值 | 说明\n---- | ---- | ---- | ----\r\ntype | String | - | 类型图标<br>**enquire**: 询问<br>**warn**: 警告\r\ntitle | String | \"系统提醒\" | 标题\r\nmessage | String | - | 消息内容\r\nbuttonName | String | \"确定\" | 确定按钮名称\r\ncancelButtonName | String | \"取消\" | 取消按钮名称\r\ncancelButton | Boolean | true | 是否显示取消按钮\r\nresolve | Function | - | 确定按钮回调函数\r\ncancel | Function | - | 取消按钮回调函数\r\n\r\n### 加载弹窗 $loading\r\n\r\n属性 | 类型 | 默认值 | 说明\n---- | ---- | ---- | ----\r\nmessage | String | - | 消息内容\r\ntimeout | Number | 10000 | 自动消失时长");
 
-/***/ }),
-
-/***/ "d507":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_12_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_12_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_12_oneOf_1_2_node_modules_stylus_loader_index_js_ref_12_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_input_vue_vue_type_style_index_0_id_4ad92874_prod_lang_stylus_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("7123");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_12_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_12_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_12_oneOf_1_2_node_modules_stylus_loader_index_js_ref_12_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_input_vue_vue_type_style_index_0_id_4ad92874_prod_lang_stylus_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_12_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_12_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_12_oneOf_1_2_node_modules_stylus_loader_index_js_ref_12_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_input_vue_vue_type_style_index_0_id_4ad92874_prod_lang_stylus_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "d6e6":
@@ -90169,14 +90198,10 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "d728":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_12_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_12_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_12_oneOf_1_2_node_modules_stylus_loader_index_js_ref_12_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_datetime_vue_vue_type_style_index_0_id_3dc3d63e_prod_lang_stylus_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("9586");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_12_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_12_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_12_oneOf_1_2_node_modules_stylus_loader_index_js_ref_12_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_datetime_vue_vue_type_style_index_0_id_3dc3d63e_prod_lang_stylus_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_12_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_12_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_12_oneOf_1_2_node_modules_stylus_loader_index_js_ref_12_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_datetime_vue_vue_type_style_index_0_id_3dc3d63e_prod_lang_stylus_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
+/***/ "d70e":
+/***/ (function(module, exports, __webpack_require__) {
 
+// extracted by mini-css-extract-plugin
 
 /***/ }),
 
@@ -94274,13 +94299,6 @@ module.exports = function (done, value) {
 
 /***/ }),
 
-/***/ "eb96":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "edd0":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -96527,12 +96545,12 @@ var fonts = __webpack_require__("4e02");
 // EXTERNAL MODULE: ./src/assets/style/public.styl
 var style_public = __webpack_require__("1bfa");
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"a2ced774-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/index.vue?vue&type=template&id=55adb6fc&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"a2ced774-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/index.vue?vue&type=template&id=6f78b906&
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', [_c('div', {
-    staticClass: "page"
+    staticClass: "vue-component-library"
   }, [_vm._l(_vm.docTab, function (item, i) {
     return _c('c-button', {
       staticClass: "tab",
@@ -97134,6 +97152,27 @@ var render = function render() {
     domProps: {
       "innerHTML": _vm._s(_vm.loadDoc('media'))
     }
+  })]), _c('div', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.crtTab == '选项卡',
+      expression: "crtTab == '选项卡'"
+    }]
+  }, [_c('div', {
+    staticClass: "preview"
+  }, [_c('c-tab-list', {
+    attrs: {
+      "tabs": _vm.tabs
+    },
+    on: {
+      "change": _vm.tagsHandle
+    }
+  })], 1), _c('div', {
+    staticClass: "doc",
+    domProps: {
+      "innerHTML": _vm._s(_vm.loadDoc('media'))
+    }
   })])], 2), _c('c-dialog', {
     ref: "popup",
     attrs: {
@@ -97157,7 +97196,7 @@ var render = function render() {
 };
 var staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/index.vue?vue&type=template&id=55adb6fc&
+// CONCATENATED MODULE: ./src/components/index.vue?vue&type=template&id=6f78b906&
 
 // EXTERNAL MODULE: ./node_modules/marked/lib/marked.umd.js
 var marked_umd = __webpack_require__("7c5c");
@@ -97170,7 +97209,7 @@ var marked_umd_default = /*#__PURE__*/__webpack_require__.n(marked_umd);
   data() {
     return {
       marked: marked_umd_default.a,
-      docTab: ['按钮', '输入框', '单复选框', '选择器', '开关', '文件', '编辑器', '链接', '表格', '表单', '详情', '消息弹窗', '会话弹窗', '媒体预览'],
+      docTab: ['按钮', '输入框', '单复选框', '选择器', '开关', '文件', '编辑器', '链接', '表格', '表单', '详情', '消息弹窗', '会话弹窗', '媒体预览', '选项卡'],
       crtTab: '按钮',
       buttonSize: ['s', 'm', 'l'],
       buttonColor: ['main', 'lesser', 'red', 'green', 'blue', 'yellow'],
@@ -97205,6 +97244,11 @@ var marked_umd_default = /*#__PURE__*/__webpack_require__.n(marked_umd);
       }, {
         id: 3,
         state: 2
+      }],
+      tabs: [{
+        name: '选项卡一'
+      }, {
+        name: '选项卡二'
       }]
     };
   },
@@ -97282,13 +97326,16 @@ var marked_umd_default = /*#__PURE__*/__webpack_require__.n(marked_umd);
     },
     clearFormData() {
       this.$refs.form.clear();
+    },
+    tagsHandle(tab) {
+      console.log(tab);
     }
   }
 });
 // CONCATENATED MODULE: ./src/components/index.vue?vue&type=script&lang=js&
  /* harmony default export */ var src_componentsvue_type_script_lang_js_ = (componentsvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/index.vue?vue&type=style&index=0&id=55adb6fc&prod&lang=stylus&
-var componentsvue_type_style_index_0_id_55adb6fc_prod_lang_stylus_ = __webpack_require__("88a4");
+// EXTERNAL MODULE: ./src/components/index.vue?vue&type=style&index=0&id=6f78b906&prod&lang=stylus&
+var componentsvue_type_style_index_0_id_6f78b906_prod_lang_stylus_ = __webpack_require__("5435");
 
 // CONCATENATED MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
 /* globals __VUE_SSR_CONTEXT__ */
@@ -97482,8 +97529,8 @@ var button_component = normalizeComponent(
 )
 
 /* harmony default export */ var unit_button = (button_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"a2ced774-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/unit/input.vue?vue&type=template&id=4ad92874&scoped=true&
-var inputvue_type_template_id_4ad92874_scoped_true_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"a2ced774-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/unit/input.vue?vue&type=template&id=5d845d6a&scoped=true&
+var inputvue_type_template_id_5d845d6a_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -97561,6 +97608,7 @@ var inputvue_type_template_id_4ad92874_scoped_true_render = function render() {
       "maxlength": _vm.maxlength,
       "disabled": _vm.disabled,
       "readonly": _vm.readonly,
+      "autocomplete": "off",
       "type": "checkbox"
     },
     domProps: {
@@ -97603,6 +97651,7 @@ var inputvue_type_template_id_4ad92874_scoped_true_render = function render() {
       "maxlength": _vm.maxlength,
       "disabled": _vm.disabled,
       "readonly": _vm.readonly,
+      "autocomplete": "off",
       "type": "radio"
     },
     domProps: {
@@ -97632,6 +97681,7 @@ var inputvue_type_template_id_4ad92874_scoped_true_render = function render() {
       "maxlength": _vm.maxlength,
       "disabled": _vm.disabled,
       "readonly": _vm.readonly,
+      "autocomplete": "off",
       "type": _vm.compType
     },
     domProps: {
@@ -97697,9 +97747,9 @@ var inputvue_type_template_id_4ad92874_scoped_true_render = function render() {
     staticClass: "c-input-unit flex-center"
   }, [_vm._v(_vm._s(_vm.unit))]) : _vm._e()])]);
 };
-var inputvue_type_template_id_4ad92874_scoped_true_staticRenderFns = [];
+var inputvue_type_template_id_5d845d6a_scoped_true_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/unit/input.vue?vue&type=template&id=4ad92874&scoped=true&
+// CONCATENATED MODULE: ./src/components/unit/input.vue?vue&type=template&id=5d845d6a&scoped=true&
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/unit/input.vue?vue&type=script&lang=js&
 /* harmony default export */ var inputvue_type_script_lang_js_ = ({
@@ -97839,8 +97889,8 @@ var inputvue_type_template_id_4ad92874_scoped_true_staticRenderFns = [];
 });
 // CONCATENATED MODULE: ./src/components/unit/input.vue?vue&type=script&lang=js&
  /* harmony default export */ var unit_inputvue_type_script_lang_js_ = (inputvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/unit/input.vue?vue&type=style&index=0&id=4ad92874&prod&lang=stylus&scoped=true&
-var inputvue_type_style_index_0_id_4ad92874_prod_lang_stylus_scoped_true_ = __webpack_require__("d507");
+// EXTERNAL MODULE: ./src/components/unit/input.vue?vue&type=style&index=0&id=5d845d6a&prod&lang=stylus&scoped=true&
+var inputvue_type_style_index_0_id_5d845d6a_prod_lang_stylus_scoped_true_ = __webpack_require__("59a2");
 
 // CONCATENATED MODULE: ./src/components/unit/input.vue
 
@@ -97853,11 +97903,11 @@ var inputvue_type_style_index_0_id_4ad92874_prod_lang_stylus_scoped_true_ = __we
 
 var input_component = normalizeComponent(
   unit_inputvue_type_script_lang_js_,
-  inputvue_type_template_id_4ad92874_scoped_true_render,
-  inputvue_type_template_id_4ad92874_scoped_true_staticRenderFns,
+  inputvue_type_template_id_5d845d6a_scoped_true_render,
+  inputvue_type_template_id_5d845d6a_scoped_true_staticRenderFns,
   false,
   null,
-  "4ad92874",
+  "5d845d6a",
   null
   
 )
@@ -98781,8 +98831,8 @@ var region_component = normalizeComponent(
 )
 
 /* harmony default export */ var region = (region_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"a2ced774-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/unit/datetime.vue?vue&type=template&id=3dc3d63e&scoped=true&
-var datetimevue_type_template_id_3dc3d63e_scoped_true_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"a2ced774-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/unit/datetime.vue?vue&type=template&id=39d82320&scoped=true&
+var datetimevue_type_template_id_39d82320_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -98802,9 +98852,9 @@ var datetimevue_type_template_id_3dc3d63e_scoped_true_render = function render()
     }
   })], 1);
 };
-var datetimevue_type_template_id_3dc3d63e_scoped_true_staticRenderFns = [];
+var datetimevue_type_template_id_39d82320_scoped_true_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/unit/datetime.vue?vue&type=template&id=3dc3d63e&scoped=true&
+// CONCATENATED MODULE: ./src/components/unit/datetime.vue?vue&type=template&id=39d82320&scoped=true&
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/unit/datetime.vue?vue&type=script&lang=js&
 /* harmony default export */ var datetimevue_type_script_lang_js_ = ({
@@ -98858,8 +98908,8 @@ var datetimevue_type_template_id_3dc3d63e_scoped_true_staticRenderFns = [];
 });
 // CONCATENATED MODULE: ./src/components/unit/datetime.vue?vue&type=script&lang=js&
  /* harmony default export */ var unit_datetimevue_type_script_lang_js_ = (datetimevue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/unit/datetime.vue?vue&type=style&index=0&id=3dc3d63e&prod&lang=stylus&scoped=true&
-var datetimevue_type_style_index_0_id_3dc3d63e_prod_lang_stylus_scoped_true_ = __webpack_require__("d728");
+// EXTERNAL MODULE: ./src/components/unit/datetime.vue?vue&type=style&index=0&id=39d82320&prod&lang=stylus&scoped=true&
+var datetimevue_type_style_index_0_id_39d82320_prod_lang_stylus_scoped_true_ = __webpack_require__("9e7b");
 
 // CONCATENATED MODULE: ./src/components/unit/datetime.vue
 
@@ -98872,11 +98922,11 @@ var datetimevue_type_style_index_0_id_3dc3d63e_prod_lang_stylus_scoped_true_ = _
 
 var datetime_component = normalizeComponent(
   unit_datetimevue_type_script_lang_js_,
-  datetimevue_type_template_id_3dc3d63e_scoped_true_render,
-  datetimevue_type_template_id_3dc3d63e_scoped_true_staticRenderFns,
+  datetimevue_type_template_id_39d82320_scoped_true_render,
+  datetimevue_type_template_id_39d82320_scoped_true_staticRenderFns,
   false,
   null,
-  "3dc3d63e",
+  "39d82320",
   null
   
 )
@@ -103049,6 +103099,90 @@ var tab_item_component = normalizeComponent(
 )
 
 /* harmony default export */ var tab_item = (tab_item_component.exports);
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"a2ced774-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/public/tab_list.vue?vue&type=template&id=6354729a&
+var tab_listvue_type_template_id_6354729a_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    staticClass: "c-tab-list"
+  }, [_c('ul', {
+    staticClass: "flex"
+  }, _vm._l(_vm.tabs, function (item, i) {
+    return _c('li', {
+      key: i,
+      class: {
+        'z-crt': _vm.currentIndex == i
+      },
+      on: {
+        "click": function ($event) {
+          return _vm.clickHandle(item, i);
+        }
+      }
+    }, [_vm._v(_vm._s(item.name))]);
+  }), 0)]);
+};
+var tab_listvue_type_template_id_6354729a_staticRenderFns = [];
+
+// CONCATENATED MODULE: ./src/components/public/tab_list.vue?vue&type=template&id=6354729a&
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/public/tab_list.vue?vue&type=script&lang=js&
+/* harmony default export */ var tab_listvue_type_script_lang_js_ = ({
+  name: 'cTabList',
+  props: {
+    tabs: Array,
+    immediate: {
+      type: Boolean,
+      default: true
+    }
+  },
+  data() {
+    return {
+      currentIndex: 0
+    };
+  },
+  watch: {
+    tabs(val, old) {
+      if (this.immediate && !old.length) {
+        this.clickHandle(this.tabs[0], 0);
+      }
+    }
+  },
+  mounted() {
+    this.immediate && this.tabs.length && this.clickHandle(this.tabs[0], 0);
+  },
+  methods: {
+    clickHandle(item, i) {
+      this.currentIndex = i;
+      this.$emit('change', item);
+    }
+  }
+});
+// CONCATENATED MODULE: ./src/components/public/tab_list.vue?vue&type=script&lang=js&
+ /* harmony default export */ var public_tab_listvue_type_script_lang_js_ = (tab_listvue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./src/components/public/tab_list.vue?vue&type=style&index=0&id=6354729a&prod&lang=stylus&
+var tab_listvue_type_style_index_0_id_6354729a_prod_lang_stylus_ = __webpack_require__("ae6c");
+
+// CONCATENATED MODULE: ./src/components/public/tab_list.vue
+
+
+
+
+
+
+/* normalize component */
+
+var tab_list_component = normalizeComponent(
+  public_tab_listvue_type_script_lang_js_,
+  tab_listvue_type_template_id_6354729a_render,
+  tab_listvue_type_template_id_6354729a_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var tab_list = (tab_list_component.exports);
 // EXTERNAL MODULE: ./node_modules/element-ui/lib/element-ui.common.js
 var element_ui_common = __webpack_require__("5c96");
 
@@ -103387,7 +103521,8 @@ const SHORTCUTS = {
 
 
 
-const COMPS = [components, unit_button, input, unit_radio, radio_group, unit_checkbox, checkbox_group, unit_select, region, datetime, color, unit_switch, upload_file, file, editor, unit_link, dialog, components_table, column, table_button, components_form, item, form_column, detail, detail_item, page, layout_module, module_col, module_row, module_content, tab_group, tab_item];
+
+const COMPS = [components, unit_button, input, unit_radio, radio_group, unit_checkbox, checkbox_group, unit_select, region, datetime, color, unit_switch, upload_file, file, editor, unit_link, dialog, components_table, column, table_button, components_form, item, form_column, detail, detail_item, page, layout_module, module_col, module_row, module_content, tab_group, tab_item, tab_list];
 const DYNAMIC_COMPS = [loading, message, notice, popup_confirm, preview];
 function components_install(Vue, config) {
   Vue.use(element_ui_common["DatePicker"]);