@deanwu/vue-component-library 1.0.31 → 1.0.32

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

@@ -67243,6 +67243,13 @@ module.exports = require("vue");
 
 /***/ }),
 
+/***/ "8c01":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "8c97":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -67781,6 +67788,17 @@ var POLYFILL = isForced.POLYFILL = 'P';
 module.exports = isForced;
 
 
+/***/ }),
+
+/***/ "95f0":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_11_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_11_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_11_oneOf_1_2_node_modules_stylus_loader_index_js_ref_11_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_lang_stylus___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("8c01");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_11_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_11_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_11_oneOf_1_2_node_modules_stylus_loader_index_js_ref_11_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_lang_stylus___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_11_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_11_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_11_oneOf_1_2_node_modules_stylus_loader_index_js_ref_11_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_lang_stylus___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+ /* unused harmony default export */ var _unused_webpack_default_export = (_node_modules_mini_css_extract_plugin_dist_loader_js_ref_11_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_11_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_11_oneOf_1_2_node_modules_stylus_loader_index_js_ref_11_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_lang_stylus___WEBPACK_IMPORTED_MODULE_0___default.a); 
+
 /***/ }),
 
 /***/ "9619":
@@ -78226,6 +78244,24 @@ module.exports = { "default": __webpack_require__("8119"), __esModule: true };
 
 /***/ }),
 
+/***/ "f8de":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
+/***/ "fa8b":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_11_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_11_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_11_oneOf_1_2_node_modules_stylus_loader_index_js_ref_11_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_lang_stylus___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("f8de");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_11_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_11_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_11_oneOf_1_2_node_modules_stylus_loader_index_js_ref_11_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_lang_stylus___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_11_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_11_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_11_oneOf_1_2_node_modules_stylus_loader_index_js_ref_11_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_lang_stylus___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+ /* unused harmony default export */ var _unused_webpack_default_export = (_node_modules_mini_css_extract_plugin_dist_loader_js_ref_11_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_11_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_11_oneOf_1_2_node_modules_stylus_loader_index_js_ref_11_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_lang_stylus___WEBPACK_IMPORTED_MODULE_0___default.a); 
+
+/***/ }),
+
 /***/ "faf5":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -82288,6 +82324,673 @@ var button_component = normalizeComponent(
 )
 
 /* harmony default export */ var table_button = (button_component.exports);
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"70e68b08-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/form/index.vue?vue&type=template&id=4007987e&
+var formvue_type_template_id_4007987e_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"c-form"},[_c('div',{staticClass:"c-form-content"},[_vm._t("default")],2)])}
+var formvue_type_template_id_4007987e_staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./src/components/form/index.vue?vue&type=template&id=4007987e&
+
+// CONCATENATED MODULE: ./src/assets/script/validate.js
+
+
+
+
+
+
+var app = new external_commonjs_vue_commonjs2_vue_root_Vue_default.a();
+var regexp = {
+  phone: /^T?1[0-9]{10}$/,
+  // 手机号
+  tel: /^(0[0-9]{2,3}\-?)?([2-9][0-9]{6,7})+(\-[0-9]{1,4})?$/,
+  // 固定电话
+  email: /^[a-zA-Z0-9_.-]+@[a-zA-Z0-9-]+(\.[a-zA-Z0-9-]+)*\.[a-zA-Z0-9]{2,6}$/,
+  // 邮箱
+  realname: /[\u4E00-\u9FA5]{2,5}(?:·[\u4E00-\u9FA5]{2,5})*/,
+  // 真实姓名
+  idcard: /^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$|^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$/,
+  // 身份证号
+  username: /^([a-zA-Z0-9\u4e00-\u9fa5_-]){4,20}$/,
+  // 用户名，4-20位，包含汉字、字母、数字以及-、_
+  password: /^[\@A-Za-z0-9\!\#\$\%\^\&\*\.\~]{6,20}$/ // 密码，6-20位，包含字母、数字以及!、@、#、$、%、^、&、*、.、~
+
+};
+
+var checkRule = function checkRule(data, value, rule) {
+  if (['regexp', 'range'].includes(rule.type) && (value === '' || value === undefined)) {
+    return true;
+  }
+
+  if (rule.skip && rule.skip(data)) {
+    return true;
+  }
+
+  switch (rule.type) {
+    case 'empty':
+      // 空值校验
+      if (value === '' || value === undefined || value === null) return false;
+      break;
+
+    case 'regexp':
+      // 正则校验
+      var state = true;
+
+      for (var i in rule.regexp) {
+        var re = rule.regexp[i];
+        if (!regexp[re]) continue;
+
+        if (regexp[re].test(value)) {
+          state = true;
+
+          if (rule.callback && rule.callback[re]) {
+            rule.callback[re](value);
+          }
+
+          break;
+        } else {
+          state = false;
+        }
+      }
+
+      return state;
+
+    case 'length':
+      // 字符串长度校验
+      var str = value.toString();
+      if (str.length < rule.range[0] || str.length > rule.range[1]) return false;
+      break;
+
+    case 'range':
+      // 数字范围校验
+      var num = parseFloat(value);
+      if (num != num) return false;
+      if (num < rule.range[0] || num > rule.range[1]) return false;
+      break;
+
+    case 'check':
+      // 复选数量校验
+      var len = value ? value.length : 0;
+      if (len < rule.total[0] || len > rule.total[1]) return false;
+      break;
+
+    case 'function':
+      // 自定义方法判断
+      return rule.fun(data) || false;
+  }
+
+  return true;
+};
+
+var checkItem = function checkItem(opt, data, name, next) {
+  var value = data[name],
+      rule = opt.rule[name];
+
+  if (typeof rule == 'string') {
+    rule = [{
+      type: 'empty',
+      message: rule
+    }];
+  }
+
+  if (!rule || !rule.length) {
+    next && next(true);
+    return;
+  }
+
+  function loop(index) {
+    var r = rule[index];
+
+    if (r.type == 'async') {
+      opt.SYS_AJAX({
+        url: r.url,
+        data: function () {
+          var data = r.data || {};
+          data[r.name] = value;
+          return data;
+        }(),
+        success: function success() {
+          callback(index, true, r);
+        }
+      });
+    } else {
+      callback(index, checkRule(data, value, r), r);
+    }
+  }
+
+  function callback(index, state, r) {
+    if (state) {
+      if (!r.pass || r.pass(name) !== false) {
+        opt.pass && opt.pass(name, r.type);
+      }
+    } else {
+      if (!r.fail || r.fail(name, r.message || '提交数据有误，请检查后重试') !== false) {
+        r.message !== false && opt.fail && opt.fail(name, r.type, r.message || '提交数据有误，请检查后重试');
+      }
+    }
+
+    if (index == rule.length - 1 || !state) {
+      next && next(state);
+    } else {
+      loop(++index);
+    }
+  }
+
+  loop(0);
+};
+
+var vaildate = function vaildate(data, opt, callback) {
+  var arr = [];
+  var state = true;
+
+  for (var name in opt.rule) {
+    arr.push(name);
+  }
+
+  if (!arr.length) {
+    callback(true);
+    return;
+  }
+
+  !function loop(index) {
+    var name = arr[index];
+
+    if (opt.skip && opt.skip[name] && opt.skip[name](data)) {
+      itemCallback(true);
+    } else {
+      checkItem(opt, data, name, itemCallback);
+    }
+
+    function itemCallback(s) {
+      if (!s) {
+        state = false;
+
+        if (!opt.vaildAll) {
+          callback && callback(false);
+          return;
+        }
+      }
+
+      if (index == arr.length - 1) {
+        callback && callback(state);
+      } else {
+        loop(++index);
+      }
+    }
+  }(0);
+};
+
+var main = function main(data, opt) {
+  opt = Object.assign({
+    rule: {},
+    fail: function fail(n, t, m) {
+      app.$message({
+        message: m
+      });
+    },
+    success: function success() {}
+  }, opt);
+  vaildate(data, opt, function (state) {
+    state && opt.success(data);
+  });
+};
+
+/* harmony default export */ var validate = (main);
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/form/index.vue?vue&type=script&lang=js&
+
+
+
+
+
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+/* harmony default export */ var formvue_type_script_lang_js_ = ({
+  name: 'cForm',
+  props: {
+    column: {
+      type: [Number, String],
+      default: 1
+    },
+    unitWidth: {
+      type: [Number, String],
+      default: 300
+    }
+  },
+  data: function data() {
+    return {
+      store: createStore({
+        labelLength: 0,
+        columnWidth: this.columnWidth,
+        unitWidth: this.unitWidth
+      })
+    };
+  },
+  computed: {
+    columnWidth: function columnWidth() {
+      return 1 / parseInt(this.column) * 100 + '%';
+    }
+  },
+  watch: {
+    columnWidth: function columnWidth(val) {
+      this.store.commit('columnWidth', val);
+    },
+    unitWidth: function unitWidth(val) {
+      this.store.commit('unitWidth', val);
+    }
+  },
+  created: function created() {
+    this.store.commit('columnWidth', this.columnWidth);
+  },
+  methods: {
+    eachUnit: function eachUnit(fun) {
+      var that = this;
+      !function loop($children) {
+        $children.forEach(function ($item) {
+          if (['cInput', 'cRadioGroup', 'cCheckboxGroup', 'cSelect', 'cRegion', 'cDatetime', 'cColor', 'cUploadFile', 'cSwitch', 'cEditor'].includes($item.$options.name)) {
+            fun($item);
+          } else if (!['cTable', 'cForm'].includes($item.$options.name)) {
+            loop($item.$children);
+          }
+        });
+      }(this.$children);
+    },
+    set: function set(data) {
+      this.eachUnit(function ($item) {
+        if ($item.$options.name == 'cRegion') {
+          var region = {};
+          var keys = ['province', 'city', 'county', 'address'];
+
+          for (var i in keys) {
+            var name = keys[i] + 'Name';
+
+            if ($item[name] && data[$item[name]] !== undefined && data[$item[name]] !== null) {
+              region[keys[i]] = data[$item[name]];
+            } else {
+              break;
+            }
+          }
+
+          $item.set(region);
+        } else if ($item.name && data[$item.name] !== undefined && data[$item.name] !== null) {
+          $item.set(data[$item.name]);
+        }
+      });
+    },
+    get: function get() {
+      var data = {};
+      this.eachUnit(function ($item) {
+        if ($item.$options.name == 'cRegion') {
+          var region = $item.get();
+          $item.provinceName && (data[$item.provinceName] = region.province);
+          $item.cityName && (data[$item.cityName] = region.city);
+          $item.countyName && (data[$item.countyName] = region.county);
+          $item.addressName && (data[$item.addressName] = region.address);
+        } else if ($item.name) {
+          data[$item.name] = $item.get();
+        }
+      });
+      return data;
+    },
+    clear: function clear() {
+      this.eachUnit(function ($item) {
+        $item.set();
+      });
+    },
+    submit: function submit(opt) {
+      var _this = this;
+
+      opt.SYS_AJAX = function (opt) {
+        _this.request(opt);
+      };
+
+      var callback = opt.success;
+
+      opt.success = function (data) {
+        if (!opt.url) return;
+
+        if (opt.beforeSubmit) {
+          data = opt.beforeSubmit(data);
+        }
+
+        _this.request({
+          url: opt.url,
+          data: data,
+          loading: true,
+          success: function success(res) {
+            callback(data, res);
+          }
+        });
+      };
+
+      validate(opt.beforeValid ? opt.beforeValid(this.get()) : this.get(), opt);
+    }
+  }
+});
+// CONCATENATED MODULE: ./src/components/form/index.vue?vue&type=script&lang=js&
+ /* harmony default export */ var components_formvue_type_script_lang_js_ = (formvue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./src/components/form/index.vue?vue&type=style&index=0&lang=stylus&
+var formvue_type_style_index_0_lang_stylus_ = __webpack_require__("fa8b");
+
+// CONCATENATED MODULE: ./src/components/form/index.vue
+
+
+
+
+
+
+/* normalize component */
+
+var form_component = normalizeComponent(
+  components_formvue_type_script_lang_js_,
+  formvue_type_template_id_4007987e_render,
+  formvue_type_template_id_4007987e_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var components_form = (form_component.exports);
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"70e68b08-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/form/item.vue?vue&type=template&id=3548cabe&
+var itemvue_type_template_id_3548cabe_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"c-form-item",style:({'width': _vm.compWidth})},[_c('div',{staticClass:"flex"},[_c('div',{staticClass:"c-form-item-label flex-end-center",style:({'min-width': (_vm.labelLength + "em")})},[(_vm.required)?_c('b',[_vm._v("*")]):_vm._e(),_c('span',[_vm._v(_vm._s(_vm.label))])]),_c('div',{staticClass:"c-form-item-content flex-grow-auto"},[_c('div',{staticClass:"c-form-item-unit",style:({'width': _vm.compUnitWidth})},[_vm._t("default")],2),(_vm.$slots.tip)?_c('div',{staticClass:"c-form-item-tip"},[_vm._t("tip")],2):(_vm.tip)?_c('div',{staticClass:"c-form-item-tip"},[_vm._v(_vm._s(_vm.tip))]):_vm._e()])])])}
+var itemvue_type_template_id_3548cabe_staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./src/components/form/item.vue?vue&type=template&id=3548cabe&
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/form/item.vue?vue&type=script&lang=js&
+
+
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+/* harmony default export */ var itemvue_type_script_lang_js_ = ({
+  name: 'cFormItem',
+  props: {
+    colspan: {
+      type: [Number, String],
+      default: 1
+    },
+    label: {
+      type: String,
+      default: ''
+    },
+    width: [Number, String],
+    required: Boolean,
+    tip: [String, Number]
+  },
+  data: function data() {
+    return {
+      store: this.$parent.store
+    };
+  },
+  computed: _objectSpread2(_objectSpread2({}, mapState(['columnWidth', 'labelLength', 'unitWidth'])), {}, {
+    compWidth: function compWidth() {
+      if (this.$parent.$options.name == 'cFormColumn') {
+        return '100%';
+      }
+
+      return parseFloat(this.columnWidth) * parseInt(this.colspan) + '%';
+    },
+    compUnitWidth: function compUnitWidth() {
+      return this.parsePixel(this.width || this.unitWidth);
+    },
+    labelLen: function labelLen() {
+      return this.label.length + (this.required ? 1 : 0);
+    }
+  }),
+  watch: {
+    labelLen: function labelLen() {
+      this.updateLabel();
+    }
+  },
+  created: function created() {
+    this.updateLabel();
+  },
+  methods: {
+    updateLabel: function updateLabel() {
+      if (this.labelLength < this.labelLen) {
+        this.labelLength = this.labelLen;
+        this.store.commit('labelLength', this.labelLen);
+      }
+    }
+  }
+});
+// CONCATENATED MODULE: ./src/components/form/item.vue?vue&type=script&lang=js&
+ /* harmony default export */ var form_itemvue_type_script_lang_js_ = (itemvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./src/components/form/item.vue
+
+
+
+
+
+/* normalize component */
+
+var item_component = normalizeComponent(
+  form_itemvue_type_script_lang_js_,
+  itemvue_type_template_id_3548cabe_render,
+  itemvue_type_template_id_3548cabe_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var form_item = (item_component.exports);
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"70e68b08-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/form/column.vue?vue&type=template&id=12b7988f&
+var columnvue_type_template_id_12b7988f_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"c-form-column",style:({'width': _vm.columnWidth})},[_vm._t("default")],2)}
+var columnvue_type_template_id_12b7988f_staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./src/components/form/column.vue?vue&type=template&id=12b7988f&
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/form/column.vue?vue&type=script&lang=js&
+
+//
+//
+//
+//
+//
+//
+
+/* harmony default export */ var form_columnvue_type_script_lang_js_ = ({
+  name: 'cFormColumn',
+  data: function data() {
+    return {
+      store: this.$parent.store
+    };
+  },
+  computed: _objectSpread2({}, mapState(['columnWidth']))
+});
+// CONCATENATED MODULE: ./src/components/form/column.vue?vue&type=script&lang=js&
+ /* harmony default export */ var components_form_columnvue_type_script_lang_js_ = (form_columnvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./src/components/form/column.vue
+
+
+
+
+
+/* normalize component */
+
+var form_column_component = normalizeComponent(
+  components_form_columnvue_type_script_lang_js_,
+  columnvue_type_template_id_12b7988f_render,
+  columnvue_type_template_id_12b7988f_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var form_column = (form_column_component.exports);
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"70e68b08-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/detail/index.vue?vue&type=template&id=241eeb08&
+var detailvue_type_template_id_241eeb08_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"c-detail"},[_c('div',{staticClass:"c-detail-content flex-wrap"},[_vm._t("default")],2)])}
+var detailvue_type_template_id_241eeb08_staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./src/components/detail/index.vue?vue&type=template&id=241eeb08&
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/detail/index.vue?vue&type=script&lang=js&
+
+//
+//
+//
+//
+//
+//
+//
+//
+
+/* harmony default export */ var detailvue_type_script_lang_js_ = ({
+  name: 'cDetail',
+  props: {
+    column: {
+      type: [Number, String],
+      default: 1
+    }
+  },
+  data: function data() {
+    return {
+      store: createStore({
+        columnWidth: this.columnWidth
+      })
+    };
+  },
+  computed: {
+    columnWidth: function columnWidth() {
+      return 1 / parseInt(this.column) * 100 + '%';
+    }
+  },
+  watch: {
+    columnWidth: function columnWidth(val) {
+      this.store.commit('columnWidth', val);
+    }
+  },
+  created: function created() {
+    this.store.commit('columnWidth', this.columnWidth);
+  }
+});
+// CONCATENATED MODULE: ./src/components/detail/index.vue?vue&type=script&lang=js&
+ /* harmony default export */ var components_detailvue_type_script_lang_js_ = (detailvue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./src/components/detail/index.vue?vue&type=style&index=0&lang=stylus&
+var detailvue_type_style_index_0_lang_stylus_ = __webpack_require__("95f0");
+
+// CONCATENATED MODULE: ./src/components/detail/index.vue
+
+
+
+
+
+
+/* normalize component */
+
+var detail_component = normalizeComponent(
+  components_detailvue_type_script_lang_js_,
+  detailvue_type_template_id_241eeb08_render,
+  detailvue_type_template_id_241eeb08_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var detail = (detail_component.exports);
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"70e68b08-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/detail/item.vue?vue&type=template&id=17f715b4&
+var itemvue_type_template_id_17f715b4_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"c-detail-item flex",style:({'width': _vm.compWidth})},[_c('label',{staticClass:"c-detail-item-label flex-end-main"},[_vm._v(_vm._s(_vm.label))]),_c('div',{staticClass:"c-detail-item-content flex-grow"},[_vm._t("default")],2)])}
+var itemvue_type_template_id_17f715b4_staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./src/components/detail/item.vue?vue&type=template&id=17f715b4&
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/detail/item.vue?vue&type=script&lang=js&
+
+
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+/* harmony default export */ var detail_itemvue_type_script_lang_js_ = ({
+  name: 'cDetailItem',
+  props: {
+    colspan: {
+      type: [Number, String],
+      default: 1
+    },
+    label: String
+  },
+  data: function data() {
+    return {
+      store: this.$parent.store
+    };
+  },
+  computed: _objectSpread2(_objectSpread2({}, mapState(['columnWidth'])), {}, {
+    compWidth: function compWidth() {
+      if (this.$parent.$options.name == 'cFormColumn') {
+        return '100%';
+      }
+
+      return parseFloat(this.columnWidth) * parseInt(this.colspan) + '%';
+    }
+  })
+});
+// CONCATENATED MODULE: ./src/components/detail/item.vue?vue&type=script&lang=js&
+ /* harmony default export */ var components_detail_itemvue_type_script_lang_js_ = (detail_itemvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./src/components/detail/item.vue
+
+
+
+
+
+/* normalize component */
+
+var detail_item_component = normalizeComponent(
+  components_detail_itemvue_type_script_lang_js_,
+  itemvue_type_template_id_17f715b4_render,
+  itemvue_type_template_id_17f715b4_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var detail_item = (detail_item_component.exports);
 // EXTERNAL MODULE: ./node_modules/element-ui/lib/element-ui.common.js
 var element_ui_common = __webpack_require__("5c96");
 
@@ -82328,7 +83031,12 @@ var theme_chalk = __webpack_require__("0fae");
 
 
 
-var COMPS = [unit_button, input, unit_radio, radio_group, unit_checkbox, checkbox_group, unit_select, region, datetime, color, unit_switch, upload_file, file, editor, dialog, components_table, column, table_button];
+
+
+
+
+
+var COMPS = [unit_button, input, unit_radio, radio_group, unit_checkbox, checkbox_group, unit_select, region, datetime, color, unit_switch, upload_file, file, editor, dialog, components_table, column, table_button, components_form, form_item, form_column, detail, detail_item];
 var DYNAMIC_COMPS = [loading, message, notice, popup_confirm, preview];
 
 var components_install = function install(Vue, config) {