@panpanzhao/component-ui 1.0.2 → 1.24.930

package/lib/components/form-input.js

@@ -216,17 +216,17 @@ module.exports = require("@panpanzhao/component-ui/lib/utils/formula");
 /* 9 */,
 /* 10 */,
 /* 11 */,
-/* 12 */,
-/* 13 */,
-/* 14 */,
-/* 15 */,
-/* 16 */,
-/* 17 */
+/* 12 */
 /***/ (function(module, exports) {
 
 module.exports = require("element-ui/lib/message");
 
 /***/ }),
+/* 13 */,
+/* 14 */,
+/* 15 */,
+/* 16 */,
+/* 17 */,
 /* 18 */,
 /* 19 */,
 /* 20 */,
@@ -259,73 +259,73 @@ module.exports = require("element-ui/lib/radio");
 /* 32 */,
 /* 33 */,
 /* 34 */,
-/* 35 */,
-/* 36 */,
-/* 37 */,
-/* 38 */
+/* 35 */
 /***/ (function(module, exports) {
 
-module.exports = require("element-ui/lib/input-number");
+module.exports = require("element-ui/lib/cascader");
 
 /***/ }),
+/* 36 */,
+/* 37 */,
+/* 38 */,
 /* 39 */
 /***/ (function(module, exports) {
 
-module.exports = require("element-ui/lib/select");
+module.exports = require("element-ui/lib/input-number");
 
 /***/ }),
 /* 40 */
 /***/ (function(module, exports) {
 
-module.exports = require("element-ui/lib/option");
+module.exports = require("element-ui/lib/select");
 
 /***/ }),
 /* 41 */
 /***/ (function(module, exports) {
 
-module.exports = require("element-ui/lib/option-group");
+module.exports = require("element-ui/lib/option");
 
 /***/ }),
 /* 42 */
 /***/ (function(module, exports) {
 
-module.exports = require("@panpanzhao/component-ui/lib/components/tree-line");
+module.exports = require("element-ui/lib/option-group");
 
 /***/ }),
 /* 43 */
 /***/ (function(module, exports) {
 
-module.exports = require("element-ui/lib/radio-group");
+module.exports = require("@panpanzhao/component-ui/lib/components/tree-line");
 
 /***/ }),
 /* 44 */
 /***/ (function(module, exports) {
 
-module.exports = require("element-ui/lib/radio-button");
+module.exports = require("element-ui/lib/radio-group");
 
 /***/ }),
 /* 45 */
 /***/ (function(module, exports) {
 
-module.exports = require("element-ui/lib/checkbox-group");
+module.exports = require("element-ui/lib/radio-button");
 
 /***/ }),
 /* 46 */
 /***/ (function(module, exports) {
 
-module.exports = require("element-ui/lib/checkbox");
+module.exports = require("element-ui/lib/checkbox-group");
 
 /***/ }),
 /* 47 */
 /***/ (function(module, exports) {
 
-module.exports = require("element-ui/lib/checkbox-button");
+module.exports = require("element-ui/lib/checkbox");
 
 /***/ }),
 /* 48 */
 /***/ (function(module, exports) {
 
-module.exports = require("element-ui/lib/cascader");
+module.exports = require("element-ui/lib/checkbox-button");
 
 /***/ }),
 /* 49 */
@@ -555,7 +555,7 @@ InputNumbervue_type_template_id_6c463d52_render._withStripped = true
 // CONCATENATED MODULE: ./src/components/form/src/item/InputNumber.vue?vue&type=template&id=6c463d52
 
 // EXTERNAL MODULE: external "element-ui/lib/input-number"
-var input_number_ = __webpack_require__(38);
+var input_number_ = __webpack_require__(39);
 var input_number_default = /*#__PURE__*/__webpack_require__.n(input_number_);
 
 // CONCATENATED MODULE: ./node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.9_webpack@4.47.0/node_modules/babel-loader/lib!./node_modules/.pnpm/vue-loader@15.11.1_css-loader@2.1.1_lodash@4.17.21_vue-template-compiler@2.7.16_webpack@4.47.0/node_modules/vue-loader/lib??vue-loader-options!./src/components/form/src/item/InputNumber.vue?vue&type=script&lang=js
@@ -598,15 +598,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__(39);
+var select_ = __webpack_require__(40);
 var select_default = /*#__PURE__*/__webpack_require__.n(select_);
 
 // EXTERNAL MODULE: external "element-ui/lib/option"
-var option_ = __webpack_require__(40);
+var option_ = __webpack_require__(41);
 var option_default = /*#__PURE__*/__webpack_require__.n(option_);
 
 // EXTERNAL MODULE: external "element-ui/lib/option-group"
-var option_group_ = __webpack_require__(41);
+var option_group_ = __webpack_require__(42);
 var option_group_default = /*#__PURE__*/__webpack_require__.n(option_group_);
 
 // CONCATENATED MODULE: ./node_modules/.pnpm/vue-loader@15.11.1_css-loader@2.1.1_lodash@4.17.21_vue-template-compiler@2.7.16_webpack@4.47.0/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/.pnpm/vue-loader@15.11.1_css-loader@2.1.1_lodash@4.17.21_vue-template-compiler@2.7.16_webpack@4.47.0/node_modules/vue-loader/lib??vue-loader-options!./src/components/form/src/item/SelectTree.vue?vue&type=template&id=0f44d547
@@ -702,7 +702,7 @@ SelectTreevue_type_template_id_0f44d547_render._withStripped = true
 // CONCATENATED MODULE: ./src/components/form/src/item/SelectTree.vue?vue&type=template&id=0f44d547
 
 // EXTERNAL MODULE: external "@panpanzhao/component-ui/lib/components/tree-line"
-var tree_line_ = __webpack_require__(42);
+var tree_line_ = __webpack_require__(43);
 var tree_line_default = /*#__PURE__*/__webpack_require__.n(tree_line_);
 
 // CONCATENATED MODULE: ./node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.9_webpack@4.47.0/node_modules/babel-loader/lib!./node_modules/.pnpm/vue-loader@15.11.1_css-loader@2.1.1_lodash@4.17.21_vue-template-compiler@2.7.16_webpack@4.47.0/node_modules/vue-loader/lib??vue-loader-options!./src/components/form/src/item/SelectTree.vue?vue&type=script&lang=js
@@ -1103,7 +1103,8 @@ var formula_ = __webpack_require__(3);
       if (!(this.api && this.api.url && this.request)) {
         return false;
       }
-      var reqData = Object(external_lodash_["merge"])({}, this.api.data);
+      var reqData = Object.assign({}, this.api.body, this.api.data);
+      // let reqData=merge({},this.api.data)
       if (typeof this.api.before === "function") {
         reqData = this.api.before.call(this, reqData, {
           form: this._form,
@@ -1242,7 +1243,7 @@ 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__(43);
+var radio_group_ = __webpack_require__(44);
 var radio_group_default = /*#__PURE__*/__webpack_require__.n(radio_group_);
 
 // EXTERNAL MODULE: external "element-ui/lib/radio"
@@ -1250,7 +1251,7 @@ var radio_ = __webpack_require__(31);
 var radio_default = /*#__PURE__*/__webpack_require__.n(radio_);
 
 // EXTERNAL MODULE: external "element-ui/lib/radio-button"
-var radio_button_ = __webpack_require__(44);
+var radio_button_ = __webpack_require__(45);
 var radio_button_default = /*#__PURE__*/__webpack_require__.n(radio_button_);
 
 // CONCATENATED MODULE: ./node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.9_webpack@4.47.0/node_modules/babel-loader/lib!./node_modules/.pnpm/vue-loader@15.11.1_css-loader@2.1.1_lodash@4.17.21_vue-template-compiler@2.7.16_webpack@4.47.0/node_modules/vue-loader/lib??vue-loader-options!./src/components/form/src/item/Radio.vue?vue&type=script&lang=js
@@ -1361,10 +1362,11 @@ var radio_button_default = /*#__PURE__*/__webpack_require__.n(radio_button_);
       if (!(this.api && this.api.url && this.request)) {
         return false;
       }
+      var reqData = Object.assign({}, this.api.body, this.api.data);
       this.request({
-        url: Object(formula_["evaluate"])(this.api.url, this.api.data),
+        url: Object(formula_["evaluate"])(this.api.url, reqData),
         method: this.api.method || "GET",
-        data: this.api.data
+        data: reqData
       }).then(function (res) {
         if (typeof _this.api.transform === "function") {
           _this.apiOptions = _this.api.transform.call(_this, resData);
@@ -1444,15 +1446,15 @@ 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__(45);
+var checkbox_group_ = __webpack_require__(46);
 var checkbox_group_default = /*#__PURE__*/__webpack_require__.n(checkbox_group_);
 
 // EXTERNAL MODULE: external "element-ui/lib/checkbox"
-var checkbox_ = __webpack_require__(46);
+var checkbox_ = __webpack_require__(47);
 var checkbox_default = /*#__PURE__*/__webpack_require__.n(checkbox_);
 
 // EXTERNAL MODULE: external "element-ui/lib/checkbox-button"
-var checkbox_button_ = __webpack_require__(47);
+var checkbox_button_ = __webpack_require__(48);
 var checkbox_button_default = /*#__PURE__*/__webpack_require__.n(checkbox_button_);
 
 // CONCATENATED MODULE: ./node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.9_webpack@4.47.0/node_modules/babel-loader/lib!./node_modules/.pnpm/vue-loader@15.11.1_css-loader@2.1.1_lodash@4.17.21_vue-template-compiler@2.7.16_webpack@4.47.0/node_modules/vue-loader/lib??vue-loader-options!./src/components/form/src/item/Checkbox.vue?vue&type=script&lang=js
@@ -1573,10 +1575,11 @@ var checkbox_button_default = /*#__PURE__*/__webpack_require__.n(checkbox_button
       if (!(this.api && this.api.url && this.request)) {
         return false;
       }
+      var reqData = Object.assign({}, this.api.body, this.api.data);
       this.request({
-        url: Object(formula_["evaluate"])(this.api.url, this.api.data),
+        url: Object(formula_["evaluate"])(this.api.url, reqData),
         method: this.api.method || "GET",
-        data: this.api.data
+        data: reqData
       }).then(function (res) {
         if (typeof _this.api.transform === "function") {
           _this.apiOptions = _this.api.transform.call(_this, resData);
@@ -1740,7 +1743,7 @@ Cascadervue_type_template_id_1306b5bf_render._withStripped = true
 // CONCATENATED MODULE: ./src/components/form/src/item/Cascader.vue?vue&type=template&id=1306b5bf
 
 // EXTERNAL MODULE: external "element-ui/lib/cascader"
-var cascader_ = __webpack_require__(48);
+var cascader_ = __webpack_require__(35);
 var cascader_default = /*#__PURE__*/__webpack_require__.n(cascader_);
 
 // CONCATENATED MODULE: ./node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.9_webpack@4.47.0/node_modules/babel-loader/lib!./node_modules/.pnpm/vue-loader@15.11.1_css-loader@2.1.1_lodash@4.17.21_vue-template-compiler@2.7.16_webpack@4.47.0/node_modules/vue-loader/lib??vue-loader-options!./src/components/form/src/item/Cascader.vue?vue&type=script&lang=js
@@ -1787,6 +1790,384 @@ var Cascader_component = Object(componentNormalizer["a" /* default */])(
 )
 
 /* harmony default export */ var Cascader = (Cascader_component.exports);
+// CONCATENATED MODULE: ./node_modules/.pnpm/vue-loader@15.11.1_css-loader@2.1.1_lodash@4.17.21_vue-template-compiler@2.7.16_webpack@4.47.0/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/.pnpm/vue-loader@15.11.1_css-loader@2.1.1_lodash@4.17.21_vue-template-compiler@2.7.16_webpack@4.47.0/node_modules/vue-loader/lib??vue-loader-options!./src/components/form/src/item/CascaderAddr.vue?vue&type=template&id=12c36b3c
+var CascaderAddrvue_type_template_id_12c36b3c_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c
+  return _c(
+    "div",
+    { staticClass: "cascader-addr", class: { isAddr: _vm.showAddress } },
+    [
+      _c(
+        "div",
+        { staticClass: "cascader-addr__cascader" },
+        [
+          _c(
+            "el-cascader",
+            _vm._b(
+              {
+                ref: "cascaderRef",
+                on: { change: _vm.cascaderChange },
+                model: {
+                  value: _vm.cascaderValue,
+                  callback: function ($$v) {
+                    _vm.cascaderValue = $$v
+                  },
+                  expression: "cascaderValue",
+                },
+              },
+              "el-cascader",
+              _vm.cascaderAttrs,
+              false
+            )
+          ),
+        ],
+        1
+      ),
+      _vm.showAddress
+        ? _c(
+            "div",
+            { staticClass: "cascader-addr__input" },
+            [
+              _c(
+                "el-input",
+                _vm._b(
+                  {
+                    on: { change: _vm.inputChange, clear: _vm.inputChange },
+                    model: {
+                      value: _vm.inputValue,
+                      callback: function ($$v) {
+                        _vm.inputValue = $$v
+                      },
+                      expression: "inputValue",
+                    },
+                  },
+                  "el-input",
+                  _vm.inputAttrs,
+                  false
+                )
+              ),
+            ],
+            1
+          )
+        : _vm._e(),
+    ]
+  )
+}
+var CascaderAddrvue_type_template_id_12c36b3c_staticRenderFns = []
+CascaderAddrvue_type_template_id_12c36b3c_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./src/components/form/src/item/CascaderAddr.vue?vue&type=template&id=12c36b3c
+
+// CONCATENATED MODULE: ./node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.9_webpack@4.47.0/node_modules/babel-loader/lib!./node_modules/.pnpm/vue-loader@15.11.1_css-loader@2.1.1_lodash@4.17.21_vue-template-compiler@2.7.16_webpack@4.47.0/node_modules/vue-loader/lib??vue-loader-options!./src/components/form/src/item/CascaderAddr.vue?vue&type=script&lang=js
+
+
+
+/* harmony default export */ var CascaderAddrvue_type_script_lang_js = ({
+  name: "CascaderAddr",
+  components: {
+    elCascader: cascader_default.a,
+    elInput: input_default.a
+  },
+  props: {
+    size: String,
+    value: {
+      type: Object,
+      default: function _default() {
+        return null;
+      }
+    },
+    showAddress: {
+      type: Boolean,
+      default: true
+    },
+    cascader: {
+      type: Object,
+      default: function _default() {
+        return {};
+      }
+    },
+    input: {
+      type: Object,
+      default: function _default() {
+        return {};
+      }
+    },
+    api: {
+      type: Object,
+      default: function _default() {
+        return {};
+      }
+    },
+    dictCode: String,
+    options: {
+      type: Array,
+      default: function _default() {
+        return null;
+      }
+    },
+    optionProps: {
+      type: Object,
+      default: function _default() {
+        return {};
+      }
+    },
+    fieldProps: {
+      type: Object,
+      default: function _default() {
+        return {
+          provinceCode: "provinceCode",
+          provinceName: "provinceName",
+          cityCode: "cityCode",
+          cityName: "cityName",
+          countyCode: "countyCode",
+          countyName: "countyName",
+          address: "address"
+        };
+      }
+    }
+  },
+  watch: {
+    value: {
+      handler: function handler(val) {
+        this.valueCached['provinceCode'] = val == null ? void 0 : val[this._fieldProps['provinceCode']];
+        this.valueCached['cityCode'] = val == null ? void 0 : val[this._fieldProps['cityCode']];
+        this.valueCached['countyCode'] = val == null ? void 0 : val[this._fieldProps['countyCode']];
+        this.valueCached['provinceName'] = val == null ? void 0 : val[this._fieldProps['provinceName']];
+        this.valueCached['cityName'] = val == null ? void 0 : val[this._fieldProps['cityName']];
+        this.valueCached['countyName'] = val == null ? void 0 : val[this._fieldProps['countyName']];
+        this.valueCached['address'] = val == null ? void 0 : val[this._fieldProps['address']];
+      },
+      deep: true
+    },
+    "_form.formModel.countyCode": function _formFormModelCountyCode(val) {
+      var _this$_form$formModel, _this$_form$formModel2, _this$_form$formModel3, _this$_form$formModel4, _this$_form$formModel5, _this$_form$formModel6, _this$_form$formModel7;
+      this.valueCached['provinceCode'] = (_this$_form$formModel = this._form.formModel) == null ? void 0 : _this$_form$formModel[this._fieldProps['provinceCode']];
+      this.valueCached['cityCode'] = (_this$_form$formModel2 = this._form.formModel) == null ? void 0 : _this$_form$formModel2[this._fieldProps['cityCode']];
+      this.valueCached['countyCode'] = (_this$_form$formModel3 = this._form.formModel) == null ? void 0 : _this$_form$formModel3[this._fieldProps['countyCode']];
+      this.valueCached['provinceName'] = (_this$_form$formModel4 = this._form.formModel) == null ? void 0 : _this$_form$formModel4[this._fieldProps['provinceName']];
+      this.valueCached['cityName'] = (_this$_form$formModel5 = this._form.formModel) == null ? void 0 : _this$_form$formModel5[this._fieldProps['cityName']];
+      this.valueCached['countyName'] = (_this$_form$formModel6 = this._form.formModel) == null ? void 0 : _this$_form$formModel6[this._fieldProps['countyName']];
+      this.valueCached['address'] = (_this$_form$formModel7 = this._form.formModel) == null ? void 0 : _this$_form$formModel7[this._fieldProps['address']];
+      this.$emit("change", this.valueCached);
+    }
+  },
+  data: function data() {
+    return {
+      apiOptions: null,
+      valueCached: {
+        provinceCode: null,
+        provinceName: null,
+        cityCode: null,
+        cityName: null,
+        countyCode: null,
+        countyName: null,
+        address: null
+      }
+    };
+  },
+  computed: {
+    cascaderValue: {
+      get: function get() {
+        var valObj = this.valueCached;
+        if (!valObj) {
+          return [];
+        }
+        var provinceCode = valObj[this._fieldProps['provinceCode']];
+        var cityCode = valObj[this._fieldProps['cityCode']];
+        var countyCode = valObj[this._fieldProps['countyCode']];
+        if (!(provinceCode && cityCode && countyCode)) {
+          return [];
+        }
+        return [provinceCode, cityCode, countyCode];
+      },
+      set: function set(val) {
+        this.cascaderChange(val);
+      }
+    },
+    inputValue: {
+      get: function get() {
+        var valObj = this.valueCached;
+        if (!valObj) {
+          return null;
+        }
+        return valObj[this._fieldProps['address']];
+      },
+      set: function set(val) {
+        this.inputChange(val);
+      }
+    },
+    cascaderAttrs: function cascaderAttrs() {
+      return Object.assign({
+        size: this.size,
+        clearable: true
+      }, this.cascader, {
+        options: this.optionData,
+        props: this._optionProps
+      });
+    },
+    inputAttrs: function inputAttrs() {
+      return Object.assign({
+        size: this.size,
+        clearable: true
+      }, this.input);
+    },
+    request: function request() {
+      return this.api.request || this._form && this._form.request || (this.$COMPONENT || {}).request;
+    },
+    _optionProps: function _optionProps() {
+      return Object.assign({
+        value: "value",
+        label: "label",
+        children: "children"
+      }, this.optionProps);
+    },
+    _fieldProps: function _fieldProps() {
+      return Object.assign({
+        provinceCode: "provinceCode",
+        provinceName: "provinceName",
+        cityCode: "cityCode",
+        cityName: "cityName",
+        countyCode: "countyCode",
+        countyName: "countyName",
+        address: "address"
+      }, this.fieldProps);
+    },
+    dictOption: function dictOption() {
+      if (this.dictCode && this.$COMPONENT.dataSource && this.$COMPONENT.dataSource.dict) {
+        return this.$COMPONENT.dataSource.dict[this.dictCode];
+      }
+      return [];
+    },
+    optionData: function optionData() {
+      var options = this.options || this.apiOptions;
+      return Array.isArray(options) ? options : this.dictOption;
+    },
+    _form: function _form() {
+      var parent = this.$parent;
+      while (parent) {
+        if (parent.$options.componentName !== 'Form') {
+          parent = parent.$parent;
+        } else {
+          return parent;
+        }
+      }
+      return false;
+    }
+  },
+  created: function created() {
+    var _this$_form;
+    //设置为可响应数据
+    this.initVal(this == null || (_this$_form = this._form) == null ? void 0 : _this$_form.formModel);
+    this.initVal(this.value);
+    debugger;
+  },
+  mounted: function mounted() {
+    this.initApi();
+  },
+  methods: {
+    initVal: function initVal(model) {
+      var provinceCode = this._fieldProps['provinceCode'];
+      var cityCode = this._fieldProps['cityCode'];
+      var countyCode = this._fieldProps['countyCode'];
+      var provinceName = this._fieldProps['provinceName'];
+      var cityName = this._fieldProps['cityName'];
+      var countyName = this._fieldProps['countyName'];
+      var address = this._fieldProps['address'];
+      if (model) {
+        this.$set(model, provinceCode, model[provinceCode]);
+        this.$set(model, cityCode, model[cityCode]);
+        this.$set(model, countyCode, model[countyCode]);
+        this.$set(model, provinceName, model[provinceName]);
+        this.$set(model, cityName, model[cityName]);
+        this.$set(model, countyName, model[countyName]);
+        this.$set(model, address, model[address]);
+      }
+    },
+    initApi: function initApi() {
+      var _this = this;
+      if (!(this.api && this.api.url && this.request)) {
+        return false;
+      }
+      var reqData = Object.assign({}, this.api.body, this.api.data);
+      if (typeof this.api.before === "function") {
+        reqData = this.api.before.call(this, reqData, {
+          form: this._form,
+          formModel: this._form && this._form.formModel
+        });
+      }
+      this.request({
+        url: Object(formula_["evaluate"])(this.api.url, reqData),
+        method: this.api.method || "GET",
+        headers: this.api.headers,
+        data: reqData
+      }).then(function (res) {
+        if (typeof _this.api.after === "function") {
+          res = _this.api.after.call(_this, res, {
+            form: _this._form,
+            formModel: _this._form && _this._form.formModel
+          });
+        }
+        _this.apiOptions = _this.api.dataPath ? get(res, _this.api.dataPath, []) : res;
+      }).catch(function (error) {
+        _this.apiOptions = null;
+      });
+    },
+    cascaderChange: function cascaderChange(val) {
+      var _nodes$, _this$_form2, _this$_form3;
+      var nodes = this.$refs.cascaderRef.getCheckedNodes();
+      var pathLabels = nodes == null || (_nodes$ = nodes[0]) == null ? void 0 : _nodes$.pathLabels;
+      this.valueCached.provinceCode = val[0];
+      this.valueCached.provinceName = pathLabels == null ? void 0 : pathLabels[0];
+      this.valueCached.cityCode = val[1];
+      this.valueCached.cityName = pathLabels == null ? void 0 : pathLabels[1];
+      this.valueCached.countyCode = val[2];
+      this.valueCached.countyName = pathLabels == null ? void 0 : pathLabels[2];
+      this.valueCached.address = this.valueCached.address || ((_this$_form2 = this._form) == null || (_this$_form2 = _this$_form2.formModel) == null ? void 0 : _this$_form2[this._fieldProps['address']]);
+      this.$emit("change", this.valueCached);
+      if (this != null && (_this$_form3 = this._form) != null && _this$_form3.formModel) {
+        Object.assign(this._form.formModel, this.valueCached);
+      }
+    },
+    inputChange: function inputChange(val) {
+      var _this$_form4, _this$_form5, _this$_form6, _this$_form7, _this$_form8, _this$_form9, _this$_form10;
+      this.valueCached.provinceCode = this.valueCached.provinceCode || ((_this$_form4 = this._form) == null || (_this$_form4 = _this$_form4.formModel) == null ? void 0 : _this$_form4[this._fieldProps['provinceCode']]);
+      this.valueCached.provinceName = this.valueCached.provinceName || ((_this$_form5 = this._form) == null || (_this$_form5 = _this$_form5.formModel) == null ? void 0 : _this$_form5[this._fieldProps['provinceName']]);
+      this.valueCached.cityCode = this.valueCached.cityCode || ((_this$_form6 = this._form) == null || (_this$_form6 = _this$_form6.formModel) == null ? void 0 : _this$_form6[this._fieldProps['cityCode']]);
+      this.valueCached.cityName = this.valueCached.cityName || ((_this$_form7 = this._form) == null || (_this$_form7 = _this$_form7.formModel) == null ? void 0 : _this$_form7[this._fieldProps['cityName']]);
+      this.valueCached.countyCode = this.valueCached.countyCode || ((_this$_form8 = this._form) == null || (_this$_form8 = _this$_form8.formModel) == null ? void 0 : _this$_form8[this._fieldProps['countyCode']]);
+      this.valueCached.countyName = this.valueCached.provinceCode || ((_this$_form9 = this._form) == null || (_this$_form9 = _this$_form9.formModel) == null ? void 0 : _this$_form9[this._fieldProps['countyName']]);
+      this.valueCached.address = val;
+      this.$emit("change", this.valueCached);
+      if (this != null && (_this$_form10 = this._form) != null && _this$_form10.formModel) {
+        this._form.formModel[this._fieldProps['address']] = val;
+      }
+    }
+  }
+});
+// CONCATENATED MODULE: ./src/components/form/src/item/CascaderAddr.vue?vue&type=script&lang=js
+ /* harmony default export */ var item_CascaderAddrvue_type_script_lang_js = (CascaderAddrvue_type_script_lang_js); 
+// CONCATENATED MODULE: ./src/components/form/src/item/CascaderAddr.vue
+
+
+
+
+
+/* normalize component */
+
+var CascaderAddr_component = Object(componentNormalizer["a" /* default */])(
+  item_CascaderAddrvue_type_script_lang_js,
+  CascaderAddrvue_type_template_id_12c36b3c_render,
+  CascaderAddrvue_type_template_id_12c36b3c_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var CascaderAddr = (CascaderAddr_component.exports);
 // EXTERNAL MODULE: external "element-ui/lib/date-picker"
 var date_picker_ = __webpack_require__(49);
 var date_picker_default = /*#__PURE__*/__webpack_require__.n(date_picker_);
@@ -2163,7 +2544,7 @@ UploadProcessvue_type_template_id_f0c82e34_render._withStripped = true
 // CONCATENATED MODULE: ./src/components/form/src/item/UploadProcess.vue?vue&type=template&id=f0c82e34
 
 // EXTERNAL MODULE: external "element-ui/lib/message"
-var message_ = __webpack_require__(17);
+var message_ = __webpack_require__(12);
 var message_default = /*#__PURE__*/__webpack_require__.n(message_);
 
 // EXTERNAL MODULE: external "element-ui/lib/message-box"
@@ -2597,11 +2978,13 @@ var upload_default = /*#__PURE__*/__webpack_require__.n(upload_);
 
 
 
+
 /* harmony default export */ var form_input = ({
   name: "FormInput",
   inheritAttrs: false,
   components: {
     Cascader: Cascader,
+    CascaderAddr: CascaderAddr,
     Slider: slider_default.a,
     Transfer: transfer_default.a,
     Switchs: switch_default.a,

package/lib/components/form-item.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 83);
+/******/ 	return __webpack_require__(__webpack_require__.s = 84);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -115,7 +115,7 @@ module.exports = require("element-ui/lib/form-item");
 
 /***/ }),
 
-/***/ 83:
+/***/ 84:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";