@panpanzhao/component-ui 0.0.17 → 0.0.18

package/lib/component-ui.common.js

@@ -481,8 +481,8 @@ __webpack_require__.r(__webpack_exports__);
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, "API", function() { return /* binding */ API; });
 
-// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/vue-loader/lib??vue-loader-options!./src/components/form/src/form.vue?vue&type=template&id=dfeb985e&
-var formvue_type_template_id_dfeb985e_render = function render() {
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/vue-loader/lib??vue-loader-options!./src/components/form/src/form.vue?vue&type=template&id=1aadb63c&
+var formvue_type_template_id_1aadb63c_render = function render() {
   var _vm = this,
     _c = _vm._self._c
   return _c(
@@ -549,10 +549,10 @@ var formvue_type_template_id_dfeb985e_render = function render() {
   )
 }
 var staticRenderFns = []
-formvue_type_template_id_dfeb985e_render._withStripped = true
+formvue_type_template_id_1aadb63c_render._withStripped = true
 
 
-// CONCATENATED MODULE: ./src/components/form/src/form.vue?vue&type=template&id=dfeb985e&
+// CONCATENATED MODULE: ./src/components/form/src/form.vue?vue&type=template&id=1aadb63c&
 
 // EXTERNAL MODULE: external "element-ui/lib/form"
 var form_ = __webpack_require__(24);
@@ -648,7 +648,7 @@ var external_lodash_ = __webpack_require__(1);
         if (item.show === false) {
           return false;
         }
-        if (typeof item.show === "function" && !item.show.call(_this, {
+        if (typeof item.show === "function" && !item.show.call(_this, _this.formModel, {
           form: _this,
           formModel: _this.formModel,
           config: item
@@ -858,7 +858,7 @@ function normalizeComponent(
 
 var component = normalizeComponent(
   src_formvue_type_script_lang_js_,
-  formvue_type_template_id_dfeb985e_render,
+  formvue_type_template_id_1aadb63c_render,
   staticRenderFns,
   false,
   null,
@@ -2386,11 +2386,30 @@ var form_input_default = /*#__PURE__*/__webpack_require__.n(form_input_);
         };
       });
       return relItemOn;
+    },
+    _rules: function _rules() {
+      var _this = this;
+      if (!this.rules) {
+        return [];
+      }
+      var rulesList = Array.isArray(this.rules) ? this.rules : [this.rules];
+      return rulesList.filter(function (item) {
+        return item.disabled !== true;
+      }).map(function (item) {
+        if (typeof item.validator === "function") {
+          item.validator = item.validator.bind({
+            form: _this.form,
+            formModel: _this.form.formModel,
+            formItemLayout: _this.form.formItemLayout
+          });
+        }
+        return item;
+      });
     }
   },
   methods: {
     execEvent: function execEvent(eventName) {
-      var _this = this,
+      var _this2 = this,
         _itemEvent$exec;
       for (var _len = arguments.length, arg = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
         arg[_key - 1] = arguments[_key];
@@ -2412,7 +2431,7 @@ var form_input_default = /*#__PURE__*/__webpack_require__.n(form_input_);
       var targetConfig = {};
       if (Array.isArray(itemEvent.target)) {
         itemEvent.target.forEach(function (tarItem) {
-          targetConfig[tarItem] = _this.form.formItemLayout[tarItem];
+          targetConfig[tarItem] = _this2.form.formItemLayout[tarItem];
         });
       } else if (typeof itemEvent.target === "string") {
         targetConfig[itemEvent.target] = this.form.formItemLayout[itemEvent.target];
@@ -2436,7 +2455,7 @@ var form_input_default = /*#__PURE__*/__webpack_require__.n(form_input_);
     }
   },
   render: function render(h) {
-    var _this2 = this;
+    var _this3 = this;
     if (typeof this.render === "function") {
       return this.render(h, {
         form: this.form,
@@ -2459,12 +2478,12 @@ var form_input_default = /*#__PURE__*/__webpack_require__.n(form_input_);
       }),
       on: Object.assign({}, this.eventOn, this.actionEventOn, {
         input: function input(val) {
-          _this2.setValue(val);
-          _this2.execEvent("input", val);
+          _this3.setValue(val);
+          _this3.execEvent("input", val);
         },
         change: function change(val, selectOption) {
-          _this2.setValue(val);
-          _this2.execEvent("change", val, selectOption);
+          _this3.setValue(val);
+          _this3.execEvent("change", val, selectOption);
         }
       })
     };
@@ -2472,7 +2491,7 @@ var form_input_default = /*#__PURE__*/__webpack_require__.n(form_input_);
       "attrs": {
         "label": this.label,
         "prop": this.prop,
-        "rules": this.rules,
+        "rules": this._rules,
         "labelWidth": this.labelWidth,
         "size": this.size
       }
@@ -3292,9 +3311,12 @@ var drawer_default = /*#__PURE__*/__webpack_require__.n(drawer_);
   },
   methods: {
     open: function open(model) {
+      var _this2 = this;
       this.show = true;
       if (model) {
-        this.setFormModel(model);
+        this.$nextTick(function () {
+          _this2.setFormModel(model);
+        });
       }
     },
     close: function close() {
@@ -3308,31 +3330,31 @@ var drawer_default = /*#__PURE__*/__webpack_require__.n(drawer_);
       this.$refs.form && this.$refs.form.reset();
     },
     submit: function submit(button) {
-      var _this2 = this;
+      var _this3 = this;
       this.$refs.form.validate(function (isValidate, errorMessage) {
         if (!isValidate) {
           return false;
         }
-        var reqData = Object(external_lodash_["merge"])(_this2.api.data || {}, _this2.formModel);
-        if (!(_this2.api.url && _this2.request)) {
-          _this2.$emit("success", null, reqData);
-          _this2.reset();
-          _this2.close();
+        var reqData = Object(external_lodash_["merge"])(_this3.api.data || {}, _this3.formModel);
+        if (!(_this3.api.url && _this3.request)) {
+          _this3.$emit("success", null, reqData);
+          _this3.reset();
+          _this3.close();
           return false;
         }
         button.loading = true;
-        _this2.request({
-          url: Object(formula_["evaluate"])(_this2.api.url, reqData),
-          method: _this2.api.method || "POST",
+        _this3.request({
+          url: Object(formula_["evaluate"])(_this3.api.url, reqData),
+          method: _this3.api.method || "POST",
           data: reqData
         }).then(function (res) {
           button.loading = false;
-          _this2.$emit("success", res, reqData);
-          _this2.reset();
-          _this2.close();
+          _this3.$emit("success", res, reqData);
+          _this3.reset();
+          _this3.close();
         }).catch(function (error) {
           button.loading = false;
-          _this2.$emit("error", error, reqData);
+          _this3.$emit("error", error, reqData);
         });
       });
     },
@@ -3352,16 +3374,28 @@ var drawer_default = /*#__PURE__*/__webpack_require__.n(drawer_);
       }, param]));
     },
     renderTitle: function renderTitle(h) {
-      if (typeof this.slots.title === "function") {
-        return this.slots.title.call(this, this.formModel);
+      if (this.$scopedSlots.title) {
+        return this.$scopedSlots.title.call(this, {
+          formModel: this.formModel
+        });
+      } else if (typeof this.slots.title === "function") {
+        return this.slots.title.call(this, {
+          formModel: this.formModel
+        });
       }
-      return this.slots.title || this.drawer.title;
+      return this.$slots.title || this.slots.title || this.drawer.title;
     },
     renderTools: function renderTools(h) {
-      if (typeof this.slots.footer === "function") {
-        return this.slots.footer.call(this, this.formModel);
+      if (this.$scopedSlots.footer) {
+        return this.$scopedSlots.footer.call(this, {
+          formModel: this.formModel
+        });
+      } else if (typeof this.slots.footer === "function") {
+        return this.slots.footer.call(this, {
+          formModel: this.formModel
+        });
       }
-      return h("div", [(this.tools || this.defaultTools).map(function (item) {
+      return h("div", [this.$slots.footer || (this.tools || this.defaultTools).map(function (item) {
         var toolParam = {
           attrs: Object.assign({}, item),
           on: item.on
@@ -3371,7 +3405,7 @@ var drawer_default = /*#__PURE__*/__webpack_require__.n(drawer_);
     }
   },
   render: function render(h) {
-    var _this3 = this;
+    var _this4 = this;
     var param = {
       attrs: Object.assign({
         visible: this.show,
@@ -3380,7 +3414,7 @@ var drawer_default = /*#__PURE__*/__webpack_require__.n(drawer_);
       }, this.drawer),
       on: Object.assign(this.on, {
         close: function close() {
-          _this3.close();
+          _this4.close();
         }
       })
     };
@@ -3421,8 +3455,8 @@ form_drawer_src.install = function (Vue) {
   Vue.component(form_drawer_src.name, form_drawer_src);
 };
 /* harmony default export */ var form_drawer = (form_drawer_src);
-// 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=720bd4fc&
-var srcvue_type_template_id_720bd4fc_render = function render() {
+// 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=32454b68&
+var srcvue_type_template_id_32454b68_render = function render() {
   var _vm = this,
     _c = _vm._self._c
   return _c(
@@ -3464,11 +3498,11 @@ var srcvue_type_template_id_720bd4fc_render = function render() {
     2
   )
 }
-var srcvue_type_template_id_720bd4fc_staticRenderFns = []
-srcvue_type_template_id_720bd4fc_render._withStripped = true
+var srcvue_type_template_id_32454b68_staticRenderFns = []
+srcvue_type_template_id_32454b68_render._withStripped = true
 
 
-// CONCATENATED MODULE: ./src/components/form-view/src/index.vue?vue&type=template&id=720bd4fc&
+// CONCATENATED MODULE: ./src/components/form-view/src/index.vue?vue&type=template&id=32454b68&
 
 // EXTERNAL MODULE: external "element-ui/lib/descriptions"
 var descriptions_ = __webpack_require__(45);
@@ -3493,6 +3527,7 @@ var descriptions_item_default = /*#__PURE__*/__webpack_require__.n(descriptions_
   props: {
     prop: String,
     labelWidth: String,
+    labelPosition: String,
     formItems: {
       type: Array,
       default: function _default() {
@@ -3510,8 +3545,10 @@ var descriptions_item_default = /*#__PURE__*/__webpack_require__.n(descriptions_
     formProps: function formProps() {
       return Object.assign({
         border: true,
+        direction: this.labelPosition === "top" ? "vertical" : "horizontal",
         labelStyle: {
-          width: this.labelWidth
+          width: this.labelWidth,
+          textAlign: this.labelPosition
         }
       }, this.$attrs);
     },
@@ -3573,8 +3610,8 @@ var descriptions_item_default = /*#__PURE__*/__webpack_require__.n(descriptions_
 
 var form_view_src_component = normalizeComponent(
   components_form_view_srcvue_type_script_lang_js_,
-  srcvue_type_template_id_720bd4fc_render,
-  srcvue_type_template_id_720bd4fc_staticRenderFns,
+  srcvue_type_template_id_32454b68_render,
+  srcvue_type_template_id_32454b68_staticRenderFns,
   false,
   null,
   null,
@@ -4029,8 +4066,8 @@ form_view_dialog_src.install = function (Vue) {
   Vue.component(form_view_dialog_src.name, form_view_dialog_src);
 };
 /* harmony default export */ var form_view_dialog = (form_view_dialog_src);
-// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/vue-loader/lib??vue-loader-options!./src/components/table/src/table.vue?vue&type=template&id=a8e62da6&
-var tablevue_type_template_id_a8e62da6_render = function render() {
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/vue-loader/lib??vue-loader-options!./src/components/table/src/table.vue?vue&type=template&id=0a336d65&
+var tablevue_type_template_id_0a336d65_render = function render() {
   var _vm = this,
     _c = _vm._self._c
   return _c("div", { staticClass: "table" }, [
@@ -4108,11 +4145,11 @@ var tablevue_type_template_id_a8e62da6_render = function render() {
       : _vm._e(),
   ])
 }
-var tablevue_type_template_id_a8e62da6_staticRenderFns = []
-tablevue_type_template_id_a8e62da6_render._withStripped = true
+var tablevue_type_template_id_0a336d65_staticRenderFns = []
+tablevue_type_template_id_0a336d65_render._withStripped = true
 
 
-// CONCATENATED MODULE: ./src/components/table/src/table.vue?vue&type=template&id=a8e62da6&
+// CONCATENATED MODULE: ./src/components/table/src/table.vue?vue&type=template&id=0a336d65&
 
 // EXTERNAL MODULE: external "element-ui/lib/table"
 var table_ = __webpack_require__(16);
@@ -4155,7 +4192,7 @@ var components_table_column_default = /*#__PURE__*/__webpack_require__.n(compone
       props: {
         label: String,
         show: {
-          type: [Boolean, Function],
+          type: [Boolean, String, Function],
           default: true
         },
         on: Object,
@@ -4179,6 +4216,11 @@ var components_table_column_default = /*#__PURE__*/__webpack_require__.n(compone
         if (this.show === false) {
           return null;
         }
+        if (typeof this.show === "string" && !Object(formula_["evaluate"])(this.show, this.$parent.selection[0], {
+          evalMode: true
+        })) {
+          return null;
+        }
         if (typeof this.show === "function" && !this.show.call(this, this.$parent.selection, this)) {
           return null;
         }
@@ -4440,8 +4482,8 @@ var components_table_column_default = /*#__PURE__*/__webpack_require__.n(compone
 
 var table_component = normalizeComponent(
   src_tablevue_type_script_lang_js_,
-  tablevue_type_template_id_a8e62da6_render,
-  tablevue_type_template_id_a8e62da6_staticRenderFns,
+  tablevue_type_template_id_0a336d65_render,
+  tablevue_type_template_id_0a336d65_staticRenderFns,
   false,
   null,
   null,
@@ -4659,8 +4701,8 @@ var selection_component = normalizeComponent(
 )
 
 /* harmony default export */ var selection = (selection_component.exports);
-// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/vue-loader/lib??vue-loader-options!./src/components/table/src/column/date.vue?vue&type=template&id=3d682315&
-var datevue_type_template_id_3d682315_render = function render() {
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/vue-loader/lib??vue-loader-options!./src/components/table/src/column/date.vue?vue&type=template&id=44c029a9&
+var datevue_type_template_id_44c029a9_render = function render() {
   var _vm = this,
     _c = _vm._self._c
   return _c(
@@ -4698,11 +4740,11 @@ var datevue_type_template_id_3d682315_render = function render() {
     )
   )
 }
-var datevue_type_template_id_3d682315_staticRenderFns = []
-datevue_type_template_id_3d682315_render._withStripped = true
+var datevue_type_template_id_44c029a9_staticRenderFns = []
+datevue_type_template_id_44c029a9_render._withStripped = true
 
 
-// CONCATENATED MODULE: ./src/components/table/src/column/date.vue?vue&type=template&id=3d682315&
+// CONCATENATED MODULE: ./src/components/table/src/column/date.vue?vue&type=template&id=44c029a9&
 
 // EXTERNAL MODULE: external "dayjs"
 var external_dayjs_ = __webpack_require__(22);
@@ -4718,7 +4760,7 @@ var external_dayjs_default = /*#__PURE__*/__webpack_require__.n(external_dayjs_)
   },
   props: {
     format: {
-      type: [String, Function],
+      type: String,
       default: "YYYY-MM-DD"
     }
   },
@@ -4734,10 +4776,10 @@ var external_dayjs_default = /*#__PURE__*/__webpack_require__.n(external_dayjs_)
   },
   methods: {
     formatDate: function formatDate(slotProps) {
-      if (typeof this.format === "function") {
-        return this.format.call(this, slotProps);
-      }
       var colVal = slotProps.row && slotProps.row[this.attrs.prop];
+      if (typeof slotProps.column.formatter === "function") {
+        return slotProps.column.formatter.call(this, slotProps.row, slotProps.column, colVal, slotProps.$index);
+      }
       if (colVal && this.format && external_dayjs_default()(colVal).isValid()) {
         return external_dayjs_default()(colVal).format(this.format);
       }
@@ -4757,8 +4799,8 @@ var external_dayjs_default = /*#__PURE__*/__webpack_require__.n(external_dayjs_)
 
 var date_component = normalizeComponent(
   column_datevue_type_script_lang_js_,
-  datevue_type_template_id_3d682315_render,
-  datevue_type_template_id_3d682315_staticRenderFns,
+  datevue_type_template_id_44c029a9_render,
+  datevue_type_template_id_44c029a9_staticRenderFns,
   false,
   null,
   null,
@@ -4767,8 +4809,8 @@ var date_component = normalizeComponent(
 )
 
 /* harmony default export */ var date = (date_component.exports);
-// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/vue-loader/lib??vue-loader-options!./src/components/table/src/column/dict.vue?vue&type=template&id=1a393e81&
-var dictvue_type_template_id_1a393e81_render = function render() {
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/vue-loader/lib??vue-loader-options!./src/components/table/src/column/dict.vue?vue&type=template&id=2b543e49&
+var dictvue_type_template_id_2b543e49_render = function render() {
   var _vm = this,
     _c = _vm._self._c
   return _c(
@@ -4806,11 +4848,11 @@ var dictvue_type_template_id_1a393e81_render = function render() {
     )
   )
 }
-var dictvue_type_template_id_1a393e81_staticRenderFns = []
-dictvue_type_template_id_1a393e81_render._withStripped = true
+var dictvue_type_template_id_2b543e49_staticRenderFns = []
+dictvue_type_template_id_2b543e49_render._withStripped = true
 
 
-// CONCATENATED MODULE: ./src/components/table/src/column/dict.vue?vue&type=template&id=1a393e81&
+// CONCATENATED MODULE: ./src/components/table/src/column/dict.vue?vue&type=template&id=2b543e49&
 
 // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/table/src/column/dict.vue?vue&type=script&lang=js&
 
@@ -4825,7 +4867,7 @@ dictvue_type_template_id_1a393e81_render._withStripped = true
       type: Array
     },
     optionProp: {
-      type: [Object, Function],
+      type: Object,
       default: function _default() {
         return {
           value: "value",
@@ -4865,10 +4907,10 @@ dictvue_type_template_id_1a393e81_render._withStripped = true
   },
   methods: {
     renderOption: function renderOption(slotProps) {
-      if (typeof this.optionProp === "function") {
-        return this.optionProp.call(this, slotProps, this.options);
-      }
       var colVal = slotProps.row && slotProps.row[this.attrs.prop];
+      if (typeof slotProps.column.formatter === "function") {
+        return slotProps.column.formatter.call(this, slotProps.row, slotProps.column, colVal, slotProps.$index);
+      }
       if (colVal && this.optionMap[colVal]) {
         return this.optionMap[colVal] && this.optionMap[colVal][this.optionProp.label || "label"];
       }
@@ -4888,8 +4930,8 @@ dictvue_type_template_id_1a393e81_render._withStripped = true
 
 var dict_component = normalizeComponent(
   column_dictvue_type_script_lang_js_,
-  dictvue_type_template_id_1a393e81_render,
-  dictvue_type_template_id_1a393e81_staticRenderFns,
+  dictvue_type_template_id_2b543e49_render,
+  dictvue_type_template_id_2b543e49_staticRenderFns,
   false,
   null,
   null,
@@ -4933,6 +4975,7 @@ var index_ = __webpack_require__(5);
 
 
 
+
 /* harmony default export */ var operatevue_type_script_lang_js_ = ({
   name: "Operate",
   props: {
@@ -4979,7 +5022,12 @@ var index_ = __webpack_require__(5);
       var _this = this;
       var filterItems = Object(external_lodash_["sortBy"])(this.items, ['sort']).filter(function (row) {
         if (typeof row.show === "function") {
-          return row.show.call(_this, scoped, row);
+          return row.show.call(_this, scoped.row, scoped);
+        }
+        if (typeof row.show === "string") {
+          return Object(formula_["evaluate"])(row.show, scoped.row, {
+            evalMode: true
+          });
         }
         return row.show !== false;
       });
@@ -5075,7 +5123,7 @@ var index_ = __webpack_require__(5);
       props: {
         label: String,
         parentData: Object,
-        show: [Boolean, Function],
+        show: [Boolean, String, Function],
         on: Object
       },
       data: function data() {
@@ -5116,7 +5164,7 @@ var index_ = __webpack_require__(5);
       props: {
         label: String,
         parentData: Object,
-        show: [Boolean, Function],
+        show: [Boolean, String, Function],
         on: Object
       },
       computed: {

package/lib/components/crud.js

@@ -215,7 +215,7 @@ module.exports = require("@panpanzhao/component-ui/lib/utils/formula");
 // 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/src/form.vue?vue&type=template&id=dfeb985e&
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/vue-loader/lib??vue-loader-options!./src/components/form/src/form.vue?vue&type=template&id=1aadb63c&
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c
@@ -286,7 +286,7 @@ var staticRenderFns = []
 render._withStripped = true
 
 
-// CONCATENATED MODULE: ./src/components/form/src/form.vue?vue&type=template&id=dfeb985e&
+// CONCATENATED MODULE: ./src/components/form/src/form.vue?vue&type=template&id=1aadb63c&
 
 // EXTERNAL MODULE: external "element-ui/lib/form"
 var form_ = __webpack_require__(12);
@@ -382,7 +382,7 @@ var external_lodash_ = __webpack_require__(2);
         if (item.show === false) {
           return false;
         }
-        if (typeof item.show === "function" && !item.show.call(_this, {
+        if (typeof item.show === "function" && !item.show.call(_this, _this.formModel, {
           form: _this,
           formModel: _this.formModel,
           config: item
@@ -552,7 +552,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=720bd4fc&
+// 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=32454b68&
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c
@@ -599,7 +599,7 @@ var staticRenderFns = []
 render._withStripped = true
 
 
-// CONCATENATED MODULE: ./src/components/form-view/src/index.vue?vue&type=template&id=720bd4fc&
+// CONCATENATED MODULE: ./src/components/form-view/src/index.vue?vue&type=template&id=32454b68&
 
 // EXTERNAL MODULE: external "element-ui/lib/descriptions"
 var descriptions_ = __webpack_require__(18);
@@ -630,6 +630,7 @@ var external_lodash_ = __webpack_require__(2);
   props: {
     prop: String,
     labelWidth: String,
+    labelPosition: String,
     formItems: {
       type: Array,
       default: function _default() {
@@ -647,8 +648,10 @@ var external_lodash_ = __webpack_require__(2);
     formProps: function formProps() {
       return Object.assign({
         border: true,
+        direction: this.labelPosition === "top" ? "vertical" : "horizontal",
         labelStyle: {
-          width: this.labelWidth
+          width: this.labelWidth,
+          textAlign: this.labelPosition
         }
       }, this.$attrs);
     },

package/lib/components/form-dialog.js

@@ -215,7 +215,7 @@ module.exports = require("@panpanzhao/component-ui/lib/utils/formula");
 // 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/src/form.vue?vue&type=template&id=dfeb985e&
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/vue-loader/lib??vue-loader-options!./src/components/form/src/form.vue?vue&type=template&id=1aadb63c&
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c
@@ -286,7 +286,7 @@ var staticRenderFns = []
 render._withStripped = true
 
 
-// CONCATENATED MODULE: ./src/components/form/src/form.vue?vue&type=template&id=dfeb985e&
+// CONCATENATED MODULE: ./src/components/form/src/form.vue?vue&type=template&id=1aadb63c&
 
 // EXTERNAL MODULE: external "element-ui/lib/form"
 var form_ = __webpack_require__(12);
@@ -382,7 +382,7 @@ var external_lodash_ = __webpack_require__(2);
         if (item.show === false) {
           return false;
         }
-        if (typeof item.show === "function" && !item.show.call(_this, {
+        if (typeof item.show === "function" && !item.show.call(_this, _this.formModel, {
           form: _this,
           formModel: _this.formModel,
           config: item