@panpanzhao/component-ui 0.0.4 → 0.0.6

package/lib/components/form-input.js

@@ -224,124 +224,124 @@ module.exports = require("lodash");
 /* 17 */,
 /* 18 */,
 /* 19 */,
-/* 20 */,
-/* 21 */
+/* 20 */
 /***/ (function(module, exports) {
 
 module.exports = require("element-ui/lib/input");
 
 /***/ }),
+/* 21 */,
 /* 22 */,
 /* 23 */,
-/* 24 */
+/* 24 */,
+/* 25 */
 /***/ (function(module, exports) {
 
 module.exports = require("element-ui/lib/radio");
 
 /***/ }),
-/* 25 */,
 /* 26 */,
 /* 27 */,
 /* 28 */,
 /* 29 */,
 /* 30 */,
-/* 31 */
+/* 31 */,
+/* 32 */
 /***/ (function(module, exports) {
 
 module.exports = require("element-ui/lib/input-number");
 
 /***/ }),
-/* 32 */
+/* 33 */
 /***/ (function(module, exports) {
 
 module.exports = require("element-ui/lib/select");
 
 /***/ }),
-/* 33 */
+/* 34 */
 /***/ (function(module, exports) {
 
 module.exports = require("element-ui/lib/option");
 
 /***/ }),
-/* 34 */
+/* 35 */
 /***/ (function(module, exports) {
 
 module.exports = require("element-ui/lib/option-group");
 
 /***/ }),
-/* 35 */
+/* 36 */
 /***/ (function(module, exports) {
 
 module.exports = require("element-ui/lib/radio-group");
 
 /***/ }),
-/* 36 */
+/* 37 */
 /***/ (function(module, exports) {
 
 module.exports = require("element-ui/lib/radio-button");
 
 /***/ }),
-/* 37 */
+/* 38 */
 /***/ (function(module, exports) {
 
 module.exports = require("element-ui/lib/checkbox-group");
 
 /***/ }),
-/* 38 */
+/* 39 */
 /***/ (function(module, exports) {
 
 module.exports = require("element-ui/lib/checkbox");
 
 /***/ }),
-/* 39 */
+/* 40 */
 /***/ (function(module, exports) {
 
 module.exports = require("element-ui/lib/checkbox-button");
 
 /***/ }),
-/* 40 */
+/* 41 */
 /***/ (function(module, exports) {
 
 module.exports = require("element-ui/lib/switch");
 
 /***/ }),
-/* 41 */
+/* 42 */
 /***/ (function(module, exports) {
 
 module.exports = require("element-ui/lib/cascader");
 
 /***/ }),
-/* 42 */
+/* 43 */
 /***/ (function(module, exports) {
 
 module.exports = require("element-ui/lib/slider");
 
 /***/ }),
-/* 43 */
+/* 44 */
 /***/ (function(module, exports) {
 
 module.exports = require("element-ui/lib/transfer");
 
 /***/ }),
-/* 44 */
+/* 45 */
 /***/ (function(module, exports) {
 
 module.exports = require("element-ui/lib/time-picker");
 
 /***/ }),
-/* 45 */
+/* 46 */
 /***/ (function(module, exports) {
 
 module.exports = require("element-ui/lib/date-picker");
 
 /***/ }),
-/* 46 */
+/* 47 */
 /***/ (function(module, exports) {
 
 module.exports = require("element-ui/lib/upload");
 
 /***/ }),
-/* 47 */,
 /* 48 */,
 /* 49 */,
 /* 50 */,
@@ -433,7 +433,7 @@ Inputvue_type_template_id_24c10975_render._withStripped = true
 // CONCATENATED MODULE: ./src/components/form/src/item/Input.vue?vue&type=template&id=24c10975&
 
 // EXTERNAL MODULE: external "element-ui/lib/input"
-var input_ = __webpack_require__(21);
+var input_ = __webpack_require__(20);
 var input_default = /*#__PURE__*/__webpack_require__.n(input_);
 
 // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/form/src/item/Input.vue?vue&type=script&lang=js&
@@ -534,7 +534,7 @@ InputNumbervue_type_template_id_7a2f5f6e_render._withStripped = true
 // CONCATENATED MODULE: ./src/components/form/src/item/InputNumber.vue?vue&type=template&id=7a2f5f6e&
 
 // EXTERNAL MODULE: external "element-ui/lib/input-number"
-var input_number_ = __webpack_require__(31);
+var input_number_ = __webpack_require__(32);
 var input_number_default = /*#__PURE__*/__webpack_require__.n(input_number_);
 
 // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/form/src/item/InputNumber.vue?vue&type=script&lang=js&
@@ -574,15 +574,15 @@ var InputNumber_component = Object(componentNormalizer["a" /* default */])(
 
 /* harmony default export */ var InputNumber = (InputNumber_component.exports);
 // EXTERNAL MODULE: external "element-ui/lib/select"
-var select_ = __webpack_require__(32);
+var select_ = __webpack_require__(33);
 var select_default = /*#__PURE__*/__webpack_require__.n(select_);
 
 // EXTERNAL MODULE: external "element-ui/lib/option"
-var option_ = __webpack_require__(33);
+var option_ = __webpack_require__(34);
 var option_default = /*#__PURE__*/__webpack_require__.n(option_);
 
 // EXTERNAL MODULE: external "element-ui/lib/option-group"
-var option_group_ = __webpack_require__(34);
+var option_group_ = __webpack_require__(35);
 var option_group_default = /*#__PURE__*/__webpack_require__.n(option_group_);
 
 // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/vue-loader/lib??vue-loader-options!./src/components/form/src/item/SelectTree.vue?vue&type=template&id=626a2185&
@@ -943,6 +943,12 @@ var formula_ = __webpack_require__(2);
         return null;
       }
     },
+    apiOpen: {
+      type: Boolean,
+      default: function _default() {
+        return true;
+      }
+    },
     optionProps: {
       type: Object,
       default: function _default() {
@@ -989,6 +995,11 @@ var formula_ = __webpack_require__(2);
       deep: true
     }
   },
+  mounted: function mounted() {
+    if (this.apiOpen) {
+      this.initApi();
+    }
+  },
   methods: {
     transformOption: function transformOption(item) {
       item.value = item[this.optionProps.value];
@@ -1109,15 +1120,15 @@ var Select_component = Object(componentNormalizer["a" /* default */])(
 
 /* harmony default export */ var Select = (Select_component.exports);
 // EXTERNAL MODULE: external "element-ui/lib/radio-group"
-var radio_group_ = __webpack_require__(35);
+var radio_group_ = __webpack_require__(36);
 var radio_group_default = /*#__PURE__*/__webpack_require__.n(radio_group_);
 
 // EXTERNAL MODULE: external "element-ui/lib/radio"
-var radio_ = __webpack_require__(24);
+var radio_ = __webpack_require__(25);
 var radio_default = /*#__PURE__*/__webpack_require__.n(radio_);
 
 // EXTERNAL MODULE: external "element-ui/lib/radio-button"
-var radio_button_ = __webpack_require__(36);
+var radio_button_ = __webpack_require__(37);
 var radio_button_default = /*#__PURE__*/__webpack_require__.n(radio_button_);
 
 // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/form/src/item/Radio.vue?vue&type=script&lang=js&
@@ -1155,6 +1166,12 @@ var radio_button_default = /*#__PURE__*/__webpack_require__.n(radio_button_);
         return null;
       }
     },
+    apiOpen: {
+      type: Boolean,
+      default: function _default() {
+        return true;
+      }
+    },
     optionProps: {
       type: Object,
       default: function _default() {
@@ -1204,6 +1221,11 @@ var radio_button_default = /*#__PURE__*/__webpack_require__.n(radio_button_);
       deep: true
     }
   },
+  mounted: function mounted() {
+    if (this.apiOpen) {
+      this.initApi();
+    }
+  },
   methods: {
     initApi: function initApi() {
       var _this = this;
@@ -1293,25 +1315,25 @@ var Radio_component = Object(componentNormalizer["a" /* default */])(
 
 /* harmony default export */ var Radio = (Radio_component.exports);
 // EXTERNAL MODULE: external "element-ui/lib/checkbox-group"
-var checkbox_group_ = __webpack_require__(37);
+var checkbox_group_ = __webpack_require__(38);
 var checkbox_group_default = /*#__PURE__*/__webpack_require__.n(checkbox_group_);
 
 // EXTERNAL MODULE: external "element-ui/lib/checkbox"
-var checkbox_ = __webpack_require__(38);
+var checkbox_ = __webpack_require__(39);
 var checkbox_default = /*#__PURE__*/__webpack_require__.n(checkbox_);
 
 // EXTERNAL MODULE: external "element-ui/lib/checkbox-button"
-var checkbox_button_ = __webpack_require__(39);
+var checkbox_button_ = __webpack_require__(40);
 var checkbox_button_default = /*#__PURE__*/__webpack_require__.n(checkbox_button_);
 
-// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/form/src/item/checkbox.vue?vue&type=script&lang=js&
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/form/src/item/Checkbox.vue?vue&type=script&lang=js&
 
 
 
 
 
 
-/* harmony default export */ var checkboxvue_type_script_lang_js_ = ({
+/* harmony default export */ var Checkboxvue_type_script_lang_js_ = ({
   name: "Checkbox",
   components: {
     elCheckboxGroup: checkbox_group_default.a,
@@ -1339,6 +1361,12 @@ var checkbox_button_default = /*#__PURE__*/__webpack_require__.n(checkbox_button
         return null;
       }
     },
+    apiOpen: {
+      type: Boolean,
+      default: function _default() {
+        return true;
+      }
+    },
     optionProps: {
       type: Object,
       default: function _default() {
@@ -1388,6 +1416,11 @@ var checkbox_button_default = /*#__PURE__*/__webpack_require__.n(checkbox_button
       deep: true
     }
   },
+  mounted: function mounted() {
+    if (this.apiOpen) {
+      this.initApi();
+    }
+  },
   methods: {
     initApi: function initApi() {
       var _this = this;
@@ -1457,20 +1490,20 @@ var checkbox_button_default = /*#__PURE__*/__webpack_require__.n(checkbox_button
     return h("el-checkbox-group", babel_helper_vue_jsx_merge_props_default()([{}, param]));
   }
 });
-// CONCATENATED MODULE: ./src/components/form/src/item/checkbox.vue?vue&type=script&lang=js&
- /* harmony default export */ var item_checkboxvue_type_script_lang_js_ = (checkboxvue_type_script_lang_js_); 
-// CONCATENATED MODULE: ./src/components/form/src/item/checkbox.vue
-var checkbox_render, checkbox_staticRenderFns
+// CONCATENATED MODULE: ./src/components/form/src/item/Checkbox.vue?vue&type=script&lang=js&
+ /* harmony default export */ var item_Checkboxvue_type_script_lang_js_ = (Checkboxvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./src/components/form/src/item/Checkbox.vue
+var Checkbox_render, Checkbox_staticRenderFns
 
 
 
 
 /* normalize component */
 
-var checkbox_component = Object(componentNormalizer["a" /* default */])(
-  item_checkboxvue_type_script_lang_js_,
-  checkbox_render,
-  checkbox_staticRenderFns,
+var Checkbox_component = Object(componentNormalizer["a" /* default */])(
+  item_Checkboxvue_type_script_lang_js_,
+  Checkbox_render,
+  Checkbox_staticRenderFns,
   false,
   null,
   null,
@@ -1478,33 +1511,85 @@ var checkbox_component = Object(componentNormalizer["a" /* default */])(
   
 )
 
-/* harmony default export */ var item_checkbox = (checkbox_component.exports);
+/* harmony default export */ var Checkbox = (Checkbox_component.exports);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/vue-loader/lib??vue-loader-options!./src/components/form/src/item/InputText.vue?vue&type=template&id=2a53dc99&
+var InputTextvue_type_template_id_2a53dc99_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c
+  return _c("div", [_vm._v(_vm._s(_vm.value))])
+}
+var InputTextvue_type_template_id_2a53dc99_staticRenderFns = []
+InputTextvue_type_template_id_2a53dc99_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./src/components/form/src/item/InputText.vue?vue&type=template&id=2a53dc99&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/form/src/item/InputText.vue?vue&type=script&lang=js&
+
+/* harmony default export */ var InputTextvue_type_script_lang_js_ = ({
+  name: "InputText",
+  components: {
+    elInput: input_default.a
+  },
+  props: {
+    value: {
+      type: [String, Number, Array]
+    }
+  },
+  computed: {
+    attrs: function attrs() {
+      return Object.assign({}, this.$attrs);
+    }
+  }
+});
+// CONCATENATED MODULE: ./src/components/form/src/item/InputText.vue?vue&type=script&lang=js&
+ /* harmony default export */ var item_InputTextvue_type_script_lang_js_ = (InputTextvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./src/components/form/src/item/InputText.vue
+
+
+
+
+
+/* normalize component */
+
+var InputText_component = Object(componentNormalizer["a" /* default */])(
+  item_InputTextvue_type_script_lang_js_,
+  InputTextvue_type_template_id_2a53dc99_render,
+  InputTextvue_type_template_id_2a53dc99_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var InputText = (InputText_component.exports);
 // EXTERNAL MODULE: external "element-ui/lib/switch"
-var switch_ = __webpack_require__(40);
+var switch_ = __webpack_require__(41);
 var switch_default = /*#__PURE__*/__webpack_require__.n(switch_);
 
 // EXTERNAL MODULE: external "element-ui/lib/cascader"
-var cascader_ = __webpack_require__(41);
+var cascader_ = __webpack_require__(42);
 var cascader_default = /*#__PURE__*/__webpack_require__.n(cascader_);
 
 // EXTERNAL MODULE: external "element-ui/lib/slider"
-var slider_ = __webpack_require__(42);
+var slider_ = __webpack_require__(43);
 var slider_default = /*#__PURE__*/__webpack_require__.n(slider_);
 
 // EXTERNAL MODULE: external "element-ui/lib/transfer"
-var transfer_ = __webpack_require__(43);
+var transfer_ = __webpack_require__(44);
 var transfer_default = /*#__PURE__*/__webpack_require__.n(transfer_);
 
 // EXTERNAL MODULE: external "element-ui/lib/time-picker"
-var time_picker_ = __webpack_require__(44);
+var time_picker_ = __webpack_require__(45);
 var time_picker_default = /*#__PURE__*/__webpack_require__.n(time_picker_);
 
 // EXTERNAL MODULE: external "element-ui/lib/date-picker"
-var date_picker_ = __webpack_require__(45);
+var date_picker_ = __webpack_require__(46);
 var date_picker_default = /*#__PURE__*/__webpack_require__.n(date_picker_);
 
 // EXTERNAL MODULE: external "element-ui/lib/upload"
-var upload_ = __webpack_require__(46);
+var upload_ = __webpack_require__(47);
 var upload_default = /*#__PURE__*/__webpack_require__.n(upload_);
 
 // CONCATENATED MODULE: ./src/components/form/src/form-input.js
@@ -1521,6 +1606,7 @@ var upload_default = /*#__PURE__*/__webpack_require__.n(upload_);
 
 
 
+
 /* harmony default export */ var form_input = ({
   name: "FormInput",
   inheritAttrs: false,
@@ -1536,7 +1622,8 @@ var upload_default = /*#__PURE__*/__webpack_require__.n(upload_);
     InputNumber: InputNumber,
     Select: Select,
     Radio: Radio,
-    Checkbox: item_checkbox
+    Checkbox: Checkbox,
+    InputText: InputText
   },
   props: {
     control: String,

package/lib/components/form-item.js

@@ -94,14 +94,14 @@ module.exports = require("@vue/babel-helper-vue-jsx-merge-props");
 
 /***/ }),
 
-/***/ 22:
+/***/ 23:
 /***/ (function(module, exports) {
 
 module.exports = require("@panpanzhao/component-ui/lib/components/form-input");
 
 /***/ }),
 
-/***/ 47:
+/***/ 48:
 /***/ (function(module, exports) {
 
 module.exports = require("element-ui/lib/form-item");
@@ -120,11 +120,11 @@ var babel_helper_vue_jsx_merge_props_ = __webpack_require__(0);
 var babel_helper_vue_jsx_merge_props_default = /*#__PURE__*/__webpack_require__.n(babel_helper_vue_jsx_merge_props_);
 
 // EXTERNAL MODULE: external "element-ui/lib/form-item"
-var form_item_ = __webpack_require__(47);
+var form_item_ = __webpack_require__(48);
 var form_item_default = /*#__PURE__*/__webpack_require__.n(form_item_);
 
 // EXTERNAL MODULE: external "@panpanzhao/component-ui/lib/components/form-input"
-var form_input_ = __webpack_require__(22);
+var form_input_ = __webpack_require__(23);
 var form_input_default = /*#__PURE__*/__webpack_require__.n(form_input_);
 
 // CONCATENATED MODULE: ./src/components/form/src/form-item.js

package/lib/components/form-view-dialog.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 27);
+/******/ 	return __webpack_require__(__webpack_require__.s = 28);
 /******/ })
 /************************************************************************/
 /******/ ([
@@ -246,7 +246,7 @@ module.exports = require("element-ui/lib/collapse-item");
 // ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
 
-// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/vue-loader/lib??vue-loader-options!./src/components/form-view/src/index.vue?vue&type=template&id=82a59c42&
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/vue-loader/lib??vue-loader-options!./src/components/form-view/src/index.vue?vue&type=template&id=1df6f53d&
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c
@@ -293,7 +293,7 @@ var staticRenderFns = []
 render._withStripped = true
 
 
-// CONCATENATED MODULE: ./src/components/form-view/src/index.vue?vue&type=template&id=82a59c42&
+// CONCATENATED MODULE: ./src/components/form-view/src/index.vue?vue&type=template&id=1df6f53d&
 
 // EXTERNAL MODULE: external "element-ui/lib/descriptions"
 var descriptions_ = __webpack_require__(17);
@@ -323,6 +323,7 @@ var external_lodash_ = __webpack_require__(3);
   },
   props: {
     prop: String,
+    labelWidth: String,
     formItems: {
       type: Array,
       default: function _default() {
@@ -339,7 +340,10 @@ var external_lodash_ = __webpack_require__(3);
   computed: {
     formProps: function formProps() {
       return Object.assign({
-        border: true
+        border: true,
+        labelStyle: {
+          width: this.labelWidth
+        }
       }, this.$attrs);
     },
     formListeners: function formListeners() {
@@ -443,7 +447,9 @@ module.exports = require("element-ui/lib/descriptions-item");
 
 /***/ }),
 /* 19 */,
-/* 20 */
+/* 20 */,
+/* 21 */,
+/* 22 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -694,13 +700,12 @@ src.install = function (Vue) {
 /* harmony default export */ var form_view_group = __webpack_exports__["default"] = (src);
 
 /***/ }),
-/* 21 */,
-/* 22 */,
 /* 23 */,
 /* 24 */,
 /* 25 */,
 /* 26 */,
-/* 27 */
+/* 27 */,
+/* 28 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -723,7 +728,7 @@ var button_default = /*#__PURE__*/__webpack_require__.n(button_);
 var form_view = __webpack_require__(10);
 
 // EXTERNAL MODULE: ./src/components/form-view-group/index.js + 2 modules
-var form_view_group = __webpack_require__(20);
+var form_view_group = __webpack_require__(22);
 
 // EXTERNAL MODULE: external "@panpanzhao/component-ui/lib/utils/formula"
 var formula_ = __webpack_require__(2);

package/lib/components/form-view-group.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 20);
+/******/ 	return __webpack_require__(__webpack_require__.s = 22);
 /******/ })
 /************************************************************************/
 /******/ ([
@@ -241,7 +241,7 @@ module.exports = require("element-ui/lib/collapse-item");
 // ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
 
-// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/vue-loader/lib??vue-loader-options!./src/components/form-view/src/index.vue?vue&type=template&id=82a59c42&
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/vue-loader/lib??vue-loader-options!./src/components/form-view/src/index.vue?vue&type=template&id=1df6f53d&
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c
@@ -288,7 +288,7 @@ var staticRenderFns = []
 render._withStripped = true
 
 
-// CONCATENATED MODULE: ./src/components/form-view/src/index.vue?vue&type=template&id=82a59c42&
+// CONCATENATED MODULE: ./src/components/form-view/src/index.vue?vue&type=template&id=1df6f53d&
 
 // EXTERNAL MODULE: external "element-ui/lib/descriptions"
 var descriptions_ = __webpack_require__(17);
@@ -318,6 +318,7 @@ var external_lodash_ = __webpack_require__(3);
   },
   props: {
     prop: String,
+    labelWidth: String,
     formItems: {
       type: Array,
       default: function _default() {
@@ -334,7 +335,10 @@ var external_lodash_ = __webpack_require__(3);
   computed: {
     formProps: function formProps() {
       return Object.assign({
-        border: true
+        border: true,
+        labelStyle: {
+          width: this.labelWidth
+        }
       }, this.$attrs);
     },
     formListeners: function formListeners() {
@@ -433,7 +437,9 @@ module.exports = require("element-ui/lib/descriptions-item");
 
 /***/ }),
 /* 19 */,
-/* 20 */
+/* 20 */,
+/* 21 */,
+/* 22 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

package/lib/components/form-view.js

@@ -216,7 +216,7 @@ module.exports = require("lodash");
 // ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
 
-// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/vue-loader/lib??vue-loader-options!./src/components/form-view/src/index.vue?vue&type=template&id=82a59c42&
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/vue-loader/lib??vue-loader-options!./src/components/form-view/src/index.vue?vue&type=template&id=1df6f53d&
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c
@@ -263,7 +263,7 @@ var staticRenderFns = []
 render._withStripped = true
 
 
-// CONCATENATED MODULE: ./src/components/form-view/src/index.vue?vue&type=template&id=82a59c42&
+// CONCATENATED MODULE: ./src/components/form-view/src/index.vue?vue&type=template&id=1df6f53d&
 
 // EXTERNAL MODULE: external "element-ui/lib/descriptions"
 var descriptions_ = __webpack_require__(17);
@@ -293,6 +293,7 @@ var external_lodash_ = __webpack_require__(3);
   },
   props: {
     prop: String,
+    labelWidth: String,
     formItems: {
       type: Array,
       default: function _default() {
@@ -309,7 +310,10 @@ var external_lodash_ = __webpack_require__(3);
   computed: {
     formProps: function formProps() {
       return Object.assign({
-        border: true
+        border: true,
+        labelStyle: {
+          width: this.labelWidth
+        }
       }, this.$attrs);
     },
     formListeners: function formListeners() {