@panpanzhao/component-ui 0.0.18 → 0.0.19

package/lib/component-ui.common.js

@@ -179,79 +179,79 @@ module.exports = require("@panpanzhao/component-ui/lib/components/table-search")
 /* 15 */
 /***/ (function(module, exports) {
 
-module.exports = require("element-ui/lib/radio");
+module.exports = require("element-ui/lib/form");
 
 /***/ }),
 /* 16 */
 /***/ (function(module, exports) {
 
-module.exports = require("element-ui/lib/table");
+module.exports = require("element-ui/lib/row");
 
 /***/ }),
 /* 17 */
 /***/ (function(module, exports) {
 
-module.exports = require("element-ui/lib/message-box");
+module.exports = require("element-ui/lib/col");
 
 /***/ }),
 /* 18 */
 /***/ (function(module, exports) {
 
-module.exports = require("element-ui/src/utils/popup");
+module.exports = require("@panpanzhao/component-ui/lib/components/form-item");
 
 /***/ }),
 /* 19 */
 /***/ (function(module, exports) {
 
-module.exports = require("element-ui/src/mixins/emitter");
+module.exports = require("element-ui/lib/radio");
 
 /***/ }),
 /* 20 */
 /***/ (function(module, exports) {
 
-module.exports = require("codemirror");
+module.exports = require("element-ui/lib/table");
 
 /***/ }),
 /* 21 */
 /***/ (function(module, exports) {
 
-module.exports = require("@panpanzhao/component-ui/lib/components/drawer");
+module.exports = require("element-ui/lib/message-box");
 
 /***/ }),
 /* 22 */
 /***/ (function(module, exports) {
 
-module.exports = require("dayjs");
+module.exports = require("element-ui/src/utils/popup");
 
 /***/ }),
 /* 23 */
 /***/ (function(module, exports) {
 
-module.exports = require("element-ui/lib/link");
+module.exports = require("element-ui/src/mixins/emitter");
 
 /***/ }),
 /* 24 */
 /***/ (function(module, exports) {
 
-module.exports = require("element-ui/lib/form");
+module.exports = require("codemirror");
 
 /***/ }),
 /* 25 */
 /***/ (function(module, exports) {
 
-module.exports = require("element-ui/lib/row");
+module.exports = require("@panpanzhao/component-ui/lib/components/drawer");
 
 /***/ }),
 /* 26 */
 /***/ (function(module, exports) {
 
-module.exports = require("element-ui/lib/col");
+module.exports = require("dayjs");
 
 /***/ }),
 /* 27 */
 /***/ (function(module, exports) {
 
-module.exports = require("@panpanzhao/component-ui/lib/components/form-item");
+module.exports = require("element-ui/lib/link");
 
 /***/ }),
 /* 28 */
@@ -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=1aadb63c&
-var formvue_type_template_id_1aadb63c_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=5d1533a2&
+var formvue_type_template_id_5d1533a2_render = function render() {
   var _vm = this,
     _c = _vm._self._c
   return _c(
@@ -549,25 +549,25 @@ var formvue_type_template_id_1aadb63c_render = function render() {
   )
 }
 var staticRenderFns = []
-formvue_type_template_id_1aadb63c_render._withStripped = true
+formvue_type_template_id_5d1533a2_render._withStripped = true
 
 
-// CONCATENATED MODULE: ./src/components/form/src/form.vue?vue&type=template&id=1aadb63c&
+// CONCATENATED MODULE: ./src/components/form/src/form.vue?vue&type=template&id=5d1533a2&
 
 // EXTERNAL MODULE: external "element-ui/lib/form"
-var form_ = __webpack_require__(24);
+var form_ = __webpack_require__(15);
 var form_default = /*#__PURE__*/__webpack_require__.n(form_);
 
 // EXTERNAL MODULE: external "element-ui/lib/row"
-var row_ = __webpack_require__(25);
+var row_ = __webpack_require__(16);
 var row_default = /*#__PURE__*/__webpack_require__.n(row_);
 
 // EXTERNAL MODULE: external "element-ui/lib/col"
-var col_ = __webpack_require__(26);
+var col_ = __webpack_require__(17);
 var col_default = /*#__PURE__*/__webpack_require__.n(col_);
 
 // EXTERNAL MODULE: external "@panpanzhao/component-ui/lib/components/form-item"
-var form_item_ = __webpack_require__(27);
+var form_item_ = __webpack_require__(18);
 var form_item_default = /*#__PURE__*/__webpack_require__.n(form_item_);
 
 // EXTERNAL MODULE: external "@panpanzhao/component-ui/lib/utils/formula"
@@ -683,6 +683,8 @@ var external_lodash_ = __webpack_require__(1);
   },
   created: function created() {
     var _this2 = this;
+    console.log(this.formItems);
+    debugger;
     this.formItems.forEach(function (item) {
       _this2.formItemLayout[item.prop] = item;
       if (typeof item.value === "function") {
@@ -858,7 +860,7 @@ function normalizeComponent(
 
 var component = normalizeComponent(
   src_formvue_type_script_lang_js_,
-  formvue_type_template_id_1aadb63c_render,
+  formvue_type_template_id_5d1533a2_render,
   staticRenderFns,
   false,
   null,
@@ -878,8 +880,8 @@ src_form.install = function (Vue) {
 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_);
 
-// 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/Input.vue?vue&type=template&id=24c10975&
-var Inputvue_type_template_id_24c10975_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/item/Input.vue?vue&type=template&id=74fa485e&
+var Inputvue_type_template_id_74fa485e_render = function render() {
   var _vm = this,
     _c = _vm._self._c
   return _c(
@@ -930,11 +932,11 @@ var Inputvue_type_template_id_24c10975_render = function render() {
     )
   )
 }
-var Inputvue_type_template_id_24c10975_staticRenderFns = []
-Inputvue_type_template_id_24c10975_render._withStripped = true
+var Inputvue_type_template_id_74fa485e_staticRenderFns = []
+Inputvue_type_template_id_74fa485e_render._withStripped = true
 
 
-// CONCATENATED MODULE: ./src/components/form/src/item/Input.vue?vue&type=template&id=24c10975&
+// CONCATENATED MODULE: ./src/components/form/src/item/Input.vue?vue&type=template&id=74fa485e&
 
 // EXTERNAL MODULE: external "element-ui/lib/input"
 var input_ = __webpack_require__(6);
@@ -950,7 +952,11 @@ var input_default = /*#__PURE__*/__webpack_require__.n(input_);
   props: {},
   computed: {
     attrs: function attrs() {
-      return Object.assign({}, this.$attrs);
+      return Object.assign({
+        clearable: true,
+        placeholder: "请输入",
+        maxlength: 30
+      }, this.$attrs);
     }
   }
 });
@@ -966,8 +972,8 @@ var input_default = /*#__PURE__*/__webpack_require__.n(input_);
 
 var Input_component = normalizeComponent(
   item_Inputvue_type_script_lang_js_,
-  Inputvue_type_template_id_24c10975_render,
-  Inputvue_type_template_id_24c10975_staticRenderFns,
+  Inputvue_type_template_id_74fa485e_render,
+  Inputvue_type_template_id_74fa485e_staticRenderFns,
   false,
   null,
   null,
@@ -976,8 +982,8 @@ var Input_component = normalizeComponent(
 )
 
 /* harmony default export */ var Input = (Input_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/InputNumber.vue?vue&type=template&id=7a2f5f6e&
-var InputNumbervue_type_template_id_7a2f5f6e_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/item/InputNumber.vue?vue&type=template&id=6c463d52&
+var InputNumbervue_type_template_id_6c463d52_render = function render() {
   var _vm = this,
     _c = _vm._self._c
   return _c(
@@ -1028,11 +1034,11 @@ var InputNumbervue_type_template_id_7a2f5f6e_render = function render() {
     )
   )
 }
-var InputNumbervue_type_template_id_7a2f5f6e_staticRenderFns = []
-InputNumbervue_type_template_id_7a2f5f6e_render._withStripped = true
+var InputNumbervue_type_template_id_6c463d52_staticRenderFns = []
+InputNumbervue_type_template_id_6c463d52_render._withStripped = true
 
 
-// CONCATENATED MODULE: ./src/components/form/src/item/InputNumber.vue?vue&type=template&id=7a2f5f6e&
+// 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__(28);
@@ -1048,7 +1054,10 @@ var input_number_default = /*#__PURE__*/__webpack_require__.n(input_number_);
   props: {},
   computed: {
     attrs: function attrs() {
-      return Object.assign({}, this.$attrs);
+      return Object.assign({
+        clearable: true,
+        placeholder: "请输入"
+      }, this.$attrs);
     }
   }
 });
@@ -1064,8 +1073,8 @@ var input_number_default = /*#__PURE__*/__webpack_require__.n(input_number_);
 
 var InputNumber_component = normalizeComponent(
   item_InputNumbervue_type_script_lang_js_,
-  InputNumbervue_type_template_id_7a2f5f6e_render,
-  InputNumbervue_type_template_id_7a2f5f6e_staticRenderFns,
+  InputNumbervue_type_template_id_6c463d52_render,
+  InputNumbervue_type_template_id_6c463d52_staticRenderFns,
   false,
   null,
   null,
@@ -1478,7 +1487,10 @@ var SelectTree_component = normalizeComponent(
   },
   computed: {
     attrs: function attrs() {
-      return Object.assign({}, this.$attrs);
+      return Object.assign({
+        clearable: true,
+        placeholder: "请选择"
+      }, this.$attrs);
     },
     dictOption: function dictOption() {
       if (this.dictCode && this.$COMPONENT.dataSource && this.$COMPONENT.dataSource.dict) {
@@ -1665,7 +1677,7 @@ var radio_group_ = __webpack_require__(32);
 var radio_group_default = /*#__PURE__*/__webpack_require__.n(radio_group_);
 
 // EXTERNAL MODULE: external "element-ui/lib/radio"
-var radio_ = __webpack_require__(15);
+var radio_ = __webpack_require__(19);
 var radio_default = /*#__PURE__*/__webpack_require__.n(radio_);
 
 // EXTERNAL MODULE: external "element-ui/lib/radio-button"
@@ -2327,6 +2339,7 @@ var form_input_default = /*#__PURE__*/__webpack_require__.n(form_input_);
     inlineMessage: Boolean,
     size: String,
     rules: [Object, Array],
+    required: Boolean,
     actions: Array,
     on: Object,
     config: Object,
@@ -2436,7 +2449,7 @@ var form_input_default = /*#__PURE__*/__webpack_require__.n(form_input_);
       } else if (typeof itemEvent.target === "string") {
         targetConfig[itemEvent.target] = this.form.formItemLayout[itemEvent.target];
       }
-      (_itemEvent$exec = itemEvent.exec).call.apply(_itemEvent$exec, [this, {
+      itemEvent.exec && (_itemEvent$exec = itemEvent.exec).call.apply(_itemEvent$exec, [this, {
         trigger: this.form,
         triggerForm: this.form.formModel,
         triggerConfig: this.form.formItemLayout[this.prop],
@@ -2491,6 +2504,7 @@ var form_input_default = /*#__PURE__*/__webpack_require__.n(form_input_);
       "attrs": {
         "label": this.label,
         "prop": this.prop,
+        "required": this.required,
         "rules": this._rules,
         "labelWidth": this.labelWidth,
         "size": this.size
@@ -2505,6 +2519,339 @@ form_item.install = function (Vue) {
   Vue.component(form_item.name, form_item);
 };
 /* harmony default export */ var components_form_item = (form_item);
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/form-query/src/form.vue?vue&type=script&lang=js&
+
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+
+
+
+
+/* harmony default export */ var form_query_src_formvue_type_script_lang_js_ = ({
+  name: "FormQuery",
+  componentName: "FormQuery",
+  components: {
+    elForm: form_default.a,
+    FormItem: form_item_default.a,
+    elRow: row_default.a,
+    elCol: col_default.a
+  },
+  provide: function provide() {
+    return {
+      form: this
+    };
+  },
+  props: {
+    defaultCollapsed: {
+      type: Boolean,
+      default: true
+    },
+    defaultColsNumber: Number,
+    //默认展示数
+    span: {
+      //每列占用行
+      Number: Number,
+      default: 8
+    },
+    gutter: {
+      type: Number,
+      default: 24
+    },
+    showHiddenNum: Boolean,
+    //是否显示隐藏数量
+    isFull: {
+      type: Boolean,
+      default: true
+    },
+    actions: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
+    },
+    formItems: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
+    },
+    formModel: {
+      type: Object,
+      default: function _default() {
+        return {};
+      }
+    }
+  },
+  computed: {
+    formProps: function formProps() {
+      return Object.assign({}, this.$attrs, {
+        model: this.formModel
+      });
+    },
+    actionItem: function actionItem() {
+      var relItem = {};
+      this.actions.forEach(function (item) {
+        if (!relItem[item.trigger]) {
+          relItem[item.trigger] = [];
+        }
+        relItem[item.trigger].push(item);
+      });
+      return relItem;
+    }
+  },
+  data: function data() {
+    return {
+      pageData: {
+        searchLoading: false
+      },
+      collapsed: true,
+      defaultModel: {},
+      //默认值存储
+      formItemLayout: {}
+    };
+  },
+  created: function created() {
+    var _this = this;
+    this.collapsed = this.defaultCollapsed;
+    this.formItems.forEach(function (item) {
+      _this.formItemLayout[item.prop] = item;
+      if (typeof item.value === "function") {
+        item.value = item.value.call(_this);
+      }
+      _this.defaultModel[item.prop] = item.value;
+      //初始化值处理
+      var formVal = Object(external_lodash_["get"])(_this.formModel, item.prop);
+      if (typeof formVal === 'undefined') {
+        //初始化数据值
+        if (item.prop && item.prop.indexOf(".") != -1) {
+          //循环设置值
+          var keyArr = item.prop.split('.');
+          var tempObj = _this.formModel;
+          keyArr.forEach(function (key, index) {
+            if (index < keyArr.length - 1) {
+              if (typeof tempObj[key] === 'undefined') {
+                _this.$set(tempObj, key, {});
+              }
+              tempObj = tempObj[key];
+            } else {
+              _this.$set(tempObj, key, item.value || null);
+            }
+          });
+        } else {
+          _this.$set(_this.formModel, item.prop, item.value || null);
+        }
+      } else {
+        item.value = formVal;
+      }
+    });
+  },
+  methods: {
+    validate: function validate(callback) {
+      return this.$refs.form.validate(callback);
+    },
+    validateField: function validateField(props, callback) {
+      return this.$refs.form.validateField(props, callback);
+    },
+    reset: function reset() {
+      this.resetFields();
+    },
+    resetFields: function resetFields() {
+      for (var key in this.defaultModel) {
+        if (this.formItemLayout[key]) {
+          this.formItemLayout[key].value = this.defaultModel[key];
+          this.formModel[key] = this.defaultModel[key];
+        }
+      }
+      this.$refs.form.resetFields();
+    },
+    clearValidate: function clearValidate(props) {
+      return this.$refs.form.clearValidate(props);
+    },
+    searchSubmit: function searchSubmit() {
+      console.log(this.formModel);
+    },
+    resetForm: function resetForm() {
+      this.reset();
+    },
+    needCollapseRender: function needCollapseRender(totalSize, showLength, totalSpan) {
+      if (totalSpan < 24 || totalSize <= showLength) {
+        return false;
+      }
+      return true;
+    },
+    offset: function offset(currentSpan) {
+      var offsetSpan = currentSpan % 24 + this.span;
+      if (offsetSpan > 24) {
+        return 24 - this.span;
+      }
+      return 24 - offsetSpan;
+    },
+    renderQueryContent: function renderQueryContent(h, data) {
+      var _this2 = this;
+      var showLength = data.showLength;
+      // totalSpan 统计控件占的位置，计算 offset 保证查询按钮在最后一列
+      var totalSpan = 0;
+      // totalSize 统计控件占的份数
+      var totalSize = 0;
+      //首个表单项是否占满第一行
+      var firstRowFull = false;
+      var itemLength = 0;
+
+      // 处理过，包含是否需要隐藏的 数组
+      var processedList = this.formItems.map(function (item, index) {
+        // 如果 formItem 自己配置了 hidden，默认使用它自己的
+        var colSize = item.colSize ? item.colSize : 1;
+        var colSpan = item.span || Math.min(_this2.span * (colSize || 1), 24);
+        // 计算总的 totalSpan 长度
+        totalSpan += colSpan;
+        // 计算总的 colSize 长度
+        totalSize += colSize;
+        if (index === 0) {
+          firstRowFull == colSpan === 24 && !item.hidden;
+        }
+        var hidden = item.hidden ||
+        // 如果收起了
+        _this2.collapsed && (firstRowFull ||
+        // 如果 超过显示长度 且 总长度超过了 24
+        totalSize > showLength) && !!index && totalSpan >= 24;
+        itemLength += 1;
+        return {
+          itemDom: item,
+          hidden: hidden,
+          colSpan: colSpan
+        };
+      });
+      // for split compute
+      var currentSpan = 0;
+      var doms = processedList.map(function (itemProps, index) {
+        var itemDom = itemProps.itemDom,
+          colSpan = itemProps.colSpan,
+          hidden = itemProps.hidden;
+        var isHidden = itemDom.hidden || hidden;
+        if (isHidden) return null;
+
+        // 每一列的key, 一般是存在的
+        var itemKey = itemDom.key || itemDom.prop || index;
+        if (24 - currentSpan % 24 < colSpan) {
+          // 如果当前行空余位置放不下，那么折行
+          totalSpan += 24 - currentSpan % 24;
+          currentSpan += 24 - currentSpan % 24;
+        }
+        currentSpan += colSpan;
+        var itemProp = {
+          attrs: Object.assign(_extends({}, itemDom), {
+            config: itemDom,
+            value: _this2.formModel[itemDom.prop],
+            actions: _this2.actionItem[itemDom.prop]
+          }),
+          on: Object.assign(_extends({}, itemDom.on))
+        };
+        return h("el-col", {
+          "key": itemKey,
+          "attrs": {
+            "span": colSpan
+          }
+        }, [h("form-item", babel_helper_vue_jsx_merge_props_default()([{}, itemProp]))]);
+      });
+      var hiddenNum = this.showHiddenNum && processedList.filter(function (item) {
+        return item.hidden;
+      }).length;
+      /** 是否需要展示 collapseRender */
+      var needCollapseRender = this.needCollapseRender(totalSize, showLength, totalSpan);
+      var offset = this.offset(currentSpan);
+      return h("el-row", {
+        "attrs": {
+          "gutter": this.gutter
+        }
+      }, [doms, h("el-col", {
+        "key": "submitter",
+        "attrs": {
+          "span": this.span,
+          "offset": offset
+        },
+        "style": {
+          textAlign: 'end'
+        }
+      }, [h("div", [h("el-button", {
+        "attrs": {
+          "icon": "el-icon-refresh-left"
+        },
+        "on": {
+          "click": this.resetForm
+        }
+      }, ["\u91CD\u7F6E"]), h("el-button", {
+        "attrs": {
+          "loading": this.pageData.searchLoading,
+          "type": "primary",
+          "icon": "el-icon-search"
+        },
+        "on": {
+          "click": this.searchSubmit
+        }
+      }, ["\u67E5\u8BE2"]), needCollapseRender ? h("el-link", {
+        "attrs": {
+          "type": "primary"
+        },
+        "on": {
+          "click": function click() {
+            _this2.collapsed = !_this2.collapsed;
+          }
+        }
+      }, [this.collapsed ? "\u5C55\u5F00" + (hiddenNum && "(" + hiddenNum + ")") : "收起", h("i", {
+        "class": this.collapsed ? "el-icon-arrow-down" : "el-icon-arrow-up"
+      })]) : null])])]);
+    }
+  },
+  render: function render(h) {
+    // 查询重置按钮也会占一个格子，需要减掉计算
+    var showLength = this.defaultColsNumber ? this.defaultColsNumber : null; //展示数量
+    if (!showLength) {
+      showLength = Math.max(1, 24 / this.span - 1);
+    }
+    var formProp = {
+      attrs: Object.assign({}, this.formProps),
+      on: Object.assign({}, this.$listeners)
+    };
+    return h("div", {
+      "class": ['form', {
+        'is-full': this.isFull
+      }]
+    }, [h("el-form", babel_helper_vue_jsx_merge_props_default()([{
+      "ref": "form"
+    }, formProp]), [this.renderQueryContent(h, {
+      showLength: showLength
+    })])]);
+  }
+});
+// CONCATENATED MODULE: ./src/components/form-query/src/form.vue?vue&type=script&lang=js&
+ /* harmony default export */ var components_form_query_src_formvue_type_script_lang_js_ = (form_query_src_formvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./src/components/form-query/src/form.vue
+var form_render, form_staticRenderFns
+
+
+
+
+/* normalize component */
+
+var form_component = normalizeComponent(
+  components_form_query_src_formvue_type_script_lang_js_,
+  form_render,
+  form_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var form_query_src_form = (form_component.exports);
+// CONCATENATED MODULE: ./src/components/form-query/index.js
+
+form_query_src_form.install = function (Vue) {
+  Vue.component(form_query_src_form.name, form_query_src_form);
+};
+/* harmony default export */ var form_query = (form_query_src_form);
 // CONCATENATED MODULE: ./src/components/form-group/src/content.js
 
 
@@ -3003,6 +3350,9 @@ var button_default = /*#__PURE__*/__webpack_require__.n(button_);
       return this.api.request || this.request || (this.$COMPONENT || {}).request;
     }
   },
+  created: function created() {
+    console.log(this.form);
+  },
   methods: {
     open: function open(model, expandModel) {
       var _this2 = this;
@@ -3166,7 +3516,7 @@ form_dialog_src.install = function (Vue) {
 };
 /* harmony default export */ var form_dialog = (form_dialog_src);
 // EXTERNAL MODULE: external "@panpanzhao/component-ui/lib/components/drawer"
-var drawer_ = __webpack_require__(21);
+var drawer_ = __webpack_require__(25);
 var drawer_default = /*#__PURE__*/__webpack_require__.n(drawer_);
 
 // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/form-drawer/src/index.vue?vue&type=script&lang=js&
@@ -4066,8 +4416,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=0a336d65&
-var tablevue_type_template_id_0a336d65_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=36fba632&
+var tablevue_type_template_id_36fba632_render = function render() {
   var _vm = this,
     _c = _vm._self._c
   return _c("div", { staticClass: "table" }, [
@@ -4145,14 +4495,14 @@ var tablevue_type_template_id_0a336d65_render = function render() {
       : _vm._e(),
   ])
 }
-var tablevue_type_template_id_0a336d65_staticRenderFns = []
-tablevue_type_template_id_0a336d65_render._withStripped = true
+var tablevue_type_template_id_36fba632_staticRenderFns = []
+tablevue_type_template_id_36fba632_render._withStripped = true
 
 
-// CONCATENATED MODULE: ./src/components/table/src/table.vue?vue&type=template&id=0a336d65&
+// CONCATENATED MODULE: ./src/components/table/src/table.vue?vue&type=template&id=36fba632&
 
 // EXTERNAL MODULE: external "element-ui/lib/table"
-var table_ = __webpack_require__(16);
+var table_ = __webpack_require__(20);
 var table_default = /*#__PURE__*/__webpack_require__.n(table_);
 
 // EXTERNAL MODULE: external "element-ui/lib/table-column"
@@ -4411,6 +4761,11 @@ var components_table_column_default = /*#__PURE__*/__webpack_require__.n(compone
       });
     }
   },
+  created: function created() {
+    if (this.pagination && this.pagination.pageSize) {
+      this.pageSize = this.pagination.pageSize;
+    }
+  },
   mounted: function mounted() {
     if (this.hasInit) {
       this.reset();
@@ -4482,8 +4837,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_0a336d65_render,
-  tablevue_type_template_id_0a336d65_staticRenderFns,
+  tablevue_type_template_id_36fba632_render,
+  tablevue_type_template_id_36fba632_staticRenderFns,
   false,
   null,
   null,
@@ -4747,7 +5102,7 @@ datevue_type_template_id_44c029a9_render._withStripped = true
 // CONCATENATED MODULE: ./src/components/table/src/column/date.vue?vue&type=template&id=44c029a9&
 
 // EXTERNAL MODULE: external "dayjs"
-var external_dayjs_ = __webpack_require__(22);
+var external_dayjs_ = __webpack_require__(26);
 var external_dayjs_default = /*#__PURE__*/__webpack_require__.n(external_dayjs_);
 
 // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/table/src/column/date.vue?vue&type=script&lang=js&
@@ -4953,7 +5308,7 @@ var dropdown_menu_ = __webpack_require__(50);
 var dropdown_menu_default = /*#__PURE__*/__webpack_require__.n(dropdown_menu_);
 
 // EXTERNAL MODULE: external "element-ui/lib/link"
-var link_ = __webpack_require__(23);
+var link_ = __webpack_require__(27);
 var link_default = /*#__PURE__*/__webpack_require__.n(link_);
 
 // EXTERNAL MODULE: external "@panpanzhao/component-ui/lib/utils/index"
@@ -5227,7 +5582,7 @@ var operate_component = normalizeComponent(
 
 /* harmony default export */ var operate = (operate_component.exports);
 // CONCATENATED MODULE: ./src/components/table/src/table-column.js
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function table_column_extends() { table_column_extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return table_column_extends.apply(this, arguments); }
 
 
 
@@ -5286,7 +5641,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
         _loop(key);
       }
     }
-    return h(this.control, _extends({}, param));
+    return h(this.control, table_column_extends({}, param));
   }
 });
 // CONCATENATED MODULE: ./src/components/table-column/index.js
@@ -5775,7 +6130,8 @@ var external_async_validator_default = /*#__PURE__*/__webpack_require__.n(extern
         render: this.render
       }, this.inputConfig, {
         value: this.value,
-        rowData: this.rowData
+        rowData: this.rowData,
+        row: this.row
       }),
       on: Object.assign({}, this.eventOn, this.actionEventOn, {
         focus: function focus() {
@@ -6200,7 +6556,7 @@ var table_search_ = __webpack_require__(14);
 var table_search_default = /*#__PURE__*/__webpack_require__.n(table_search_);
 
 // EXTERNAL MODULE: external "element-ui/lib/message-box"
-var message_box_ = __webpack_require__(17);
+var message_box_ = __webpack_require__(21);
 var message_box_default = /*#__PURE__*/__webpack_require__.n(message_box_);
 
 // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/table-operate/src/index.vue?vue&type=script&lang=js&
@@ -6494,8 +6850,8 @@ table_operate_src.install = function (Vue) {
   Vue.component(table_operate_src.name, table_operate_src);
 };
 /* harmony default export */ var table_operate = (table_operate_src);
-// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/vue-loader/lib??vue-loader-options!./src/components/crud/src/index.vue?vue&type=template&id=34fe6a3b&
-var srcvue_type_template_id_34fe6a3b_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/crud/src/index.vue?vue&type=template&id=8fb8bc56&
+var srcvue_type_template_id_8fb8bc56_render = function render() {
   var _vm = this,
     _c = _vm._self._c
   return _c("div", [
@@ -6561,11 +6917,11 @@ var srcvue_type_template_id_34fe6a3b_render = function render() {
     ),
   ])
 }
-var srcvue_type_template_id_34fe6a3b_staticRenderFns = []
-srcvue_type_template_id_34fe6a3b_render._withStripped = true
+var srcvue_type_template_id_8fb8bc56_staticRenderFns = []
+srcvue_type_template_id_8fb8bc56_render._withStripped = true
 
 
-// CONCATENATED MODULE: ./src/components/crud/src/index.vue?vue&type=template&id=34fe6a3b&
+// CONCATENATED MODULE: ./src/components/crud/src/index.vue?vue&type=template&id=8fb8bc56&
 
 // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/crud/src/index.vue?vue&type=script&lang=js&
 
@@ -6591,21 +6947,21 @@ srcvue_type_template_id_34fe6a3b_render._withStripped = true
       };
     },
     createProps: function createProps() {
-      return Object.assign({
+      return Object(external_lodash_["merge"])({
         dialog: {
           title: "添加"
         }
       }, this.create);
     },
     updateProps: function updateProps() {
-      return Object.assign({
+      return Object(external_lodash_["merge"])({
         dialog: {
           title: "修改"
         }
       }, this.update);
     },
     viewProps: function viewProps() {
-      return Object.assign({
+      return Object(external_lodash_["merge"])({
         dialog: {
           title: "查看"
         }
@@ -6681,7 +7037,7 @@ srcvue_type_template_id_34fe6a3b_render._withStripped = true
       // 添加按钮处理
       if (this.create) {
         var tools = this.table && this.table.tools || [];
-        tools.unshift(Object.assign({
+        tools.unshift(Object(external_lodash_["merge"])({
           label: "添加",
           loading: false,
           sort: 10,
@@ -6701,7 +7057,7 @@ srcvue_type_template_id_34fe6a3b_render._withStripped = true
       var optColumn = filterColumns && filterColumns[0];
       var items = optColumn && optColumn.items || [];
       if (this.update) {
-        items.push(Object.assign({
+        items.push(Object(external_lodash_["merge"])({
           label: "修改",
           loading: false,
           sort: 10,
@@ -6711,7 +7067,7 @@ srcvue_type_template_id_34fe6a3b_render._withStripped = true
         }, this.update.tool));
       }
       if (this.view) {
-        items.push(Object.assign({
+        items.push(Object(external_lodash_["merge"])({
           label: "查看",
           loading: false,
           sort: 20,
@@ -6721,7 +7077,7 @@ srcvue_type_template_id_34fe6a3b_render._withStripped = true
         }, this.view.tool));
       }
       if (this.delete) {
-        items.push(Object.assign({
+        items.push(Object(external_lodash_["merge"])({
           label: "删除",
           loading: false,
           sort: 30,
@@ -6875,8 +7231,8 @@ srcvue_type_template_id_34fe6a3b_render._withStripped = true
 
 var crud_src_component = normalizeComponent(
   components_crud_srcvue_type_script_lang_js_,
-  srcvue_type_template_id_34fe6a3b_render,
-  srcvue_type_template_id_34fe6a3b_staticRenderFns,
+  srcvue_type_template_id_8fb8bc56_render,
+  srcvue_type_template_id_8fb8bc56_staticRenderFns,
   false,
   null,
   null,
@@ -6892,7 +7248,7 @@ crud_src.install = function (Vue) {
 };
 /* harmony default export */ var crud = (crud_src);
 // EXTERNAL MODULE: external "codemirror"
-var external_codemirror_ = __webpack_require__(20);
+var external_codemirror_ = __webpack_require__(24);
 var external_codemirror_default = /*#__PURE__*/__webpack_require__.n(external_codemirror_);
 
 // EXTERNAL MODULE: external "codemirror/mode/javascript/javascript"
@@ -9495,7 +9851,7 @@ srcvue_type_template_id_6ea89ba6_render._withStripped = true
 // CONCATENATED MODULE: ./src/components/dialog/src/index.vue?vue&type=template&id=6ea89ba6&
 
 // EXTERNAL MODULE: external "element-ui/src/utils/popup"
-var popup_ = __webpack_require__(18);
+var popup_ = __webpack_require__(22);
 var popup_default = /*#__PURE__*/__webpack_require__.n(popup_);
 
 // EXTERNAL MODULE: external "element-ui/src/mixins/migrating"
@@ -9503,7 +9859,7 @@ var migrating_ = __webpack_require__(58);
 var migrating_default = /*#__PURE__*/__webpack_require__.n(migrating_);
 
 // EXTERNAL MODULE: external "element-ui/src/mixins/emitter"
-var emitter_ = __webpack_require__(19);
+var emitter_ = __webpack_require__(23);
 var emitter_default = /*#__PURE__*/__webpack_require__.n(emitter_);
 
 // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/dialog/src/index.vue?vue&type=script&lang=js&
@@ -10036,8 +10392,9 @@ drawer_src.install = function (Vue) {
 
 
 
+
 var API = index_;
-var components = [components_form, components_form_input, components_form_item, form_group, form_dialog, form_drawer, form_view, form_view_group, form_view_dialog, components_table, components_table_column, table_search, table_editable, table_operate, crud, formula, dialog, drawer];
+var components = [components_form, components_form_input, components_form_item, form_query, form_group, form_dialog, form_drawer, form_view, form_view_group, form_view_dialog, components_table, components_table_column, table_search, table_editable, table_operate, crud, formula, dialog, drawer];
 var install = function install(Vue, opts) {
   if (opts === void 0) {
     opts = {};
@@ -10064,6 +10421,7 @@ if (typeof window !== 'undefined' && window.Vue) {
   Form: components_form,
   FormInput: components_form_input,
   FormItem: components_form_item,
+  FormQuery: form_query,
   FormGroup: form_group,
   FormDialog: form_dialog,
   FormDrawer: form_drawer,