@panpanzhao/component-ui 0.0.24 → 0.0.26

package/lib/component-ui.common.js

@@ -317,31 +317,31 @@ module.exports = require("element-ui/lib/cascader");
 /* 38 */
 /***/ (function(module, exports) {
 
-module.exports = require("element-ui/lib/switch");
+module.exports = require("element-ui/lib/date-picker");
 
 /***/ }),
 /* 39 */
 /***/ (function(module, exports) {
 
-module.exports = require("element-ui/lib/slider");
+module.exports = require("element-ui/lib/switch");
 
 /***/ }),
 /* 40 */
 /***/ (function(module, exports) {
 
-module.exports = require("element-ui/lib/transfer");
+module.exports = require("element-ui/lib/slider");
 
 /***/ }),
 /* 41 */
 /***/ (function(module, exports) {
 
-module.exports = require("element-ui/lib/time-picker");
+module.exports = require("element-ui/lib/transfer");
 
 /***/ }),
 /* 42 */
 /***/ (function(module, exports) {
 
-module.exports = require("element-ui/lib/date-picker");
+module.exports = require("element-ui/lib/time-picker");
 
 /***/ }),
 /* 43 */
@@ -1467,6 +1467,9 @@ var SelectTree_component = normalizeComponent(
         return {};
       }
     },
+    valueIsString: Boolean,
+    optionBack: Boolean,
+    //事件改变是否返回选中的值
     apiOpen: {
       type: Boolean,
       default: function _default() {
@@ -1487,10 +1490,17 @@ var SelectTree_component = normalizeComponent(
   },
   computed: {
     attrs: function attrs() {
+      //值处理
+      var _value = this.$attrs.value ? this.$attrs.value : this.$attrs.multiple ? [] : null;
+      if (this.$attrs.multiple && this.valueIsString && this.$attrs.value) {
+        _value = typeof this.$attrs.value === "string" ? this.$attrs.value.split(",") : this.$attrs.value;
+      }
       return Object.assign({
         clearable: true,
         placeholder: "请选择"
-      }, this.$attrs);
+      }, this.$attrs, {
+        value: _value
+      });
     },
     dictOption: function dictOption() {
       if (this.dictCode && this.$COMPONENT.dataSource && this.$COMPONENT.dataSource.dict) {
@@ -1548,7 +1558,7 @@ var SelectTree_component = normalizeComponent(
     },
     initApi: function initApi() {
       var _this = this;
-      if (!(this.api.url && this.request)) {
+      if (!(this.api && this.api.url && this.request)) {
         return false;
       }
       var reqData = Object(external_lodash_["merge"])({}, this.api.data);
@@ -1634,9 +1644,6 @@ var SelectTree_component = normalizeComponent(
     if (this.selectMode === "tree") {
       return this.renderTree(h);
     }
-    if (this.attrs.multiple && !Array.isArray(this.attrs.value)) {
-      this.attrs.value = [];
-    }
     var param = {
       props: this.attrs,
       slots: this.$slots,
@@ -1645,7 +1652,27 @@ var SelectTree_component = normalizeComponent(
           return _this4.renderOptions(h, scoped);
         }
       },
-      on: this.$listeners
+      on: Object.assign({}, this.$listeners, {
+        change: function change(value) {
+          var _value = value;
+          if (_this4.$attrs.multiple && _this4.valueIsString) {
+            _value = value.toString();
+          }
+          var selectOption = [];
+          if (_this4.optionBack) {
+            if (_this4.$attrs.multiple) {
+              selectOption = value && value.length > 0 ? _this4.optionData.filter(function (item) {
+                return value.indexOf(item[_this4._optionProps.value]) > -1;
+              }) : [];
+            } else {
+              selectOption = value ? _this4.optionData.filter(function (item) {
+                return item[_this4._optionProps.value] === value;
+              }) : [];
+            }
+          }
+          _this4.$emit("change", _value, selectOption);
+        }
+      })
     };
     return h("el-select", babel_helper_vue_jsx_merge_props_default()([{}, param]));
   }
@@ -1789,7 +1816,7 @@ var radio_button_default = /*#__PURE__*/__webpack_require__.n(radio_button_);
   methods: {
     initApi: function initApi() {
       var _this = this;
-      if (!(this.api && this.request)) {
+      if (!(this.api && this.api.url && this.request)) {
         return false;
       }
       this.request({
@@ -1910,6 +1937,7 @@ var checkbox_button_default = /*#__PURE__*/__webpack_require__.n(checkbox_button
       }
     },
     selectMode: String,
+    valueIsString: Boolean,
     options: {
       type: Array,
       default: function _default() {
@@ -1942,9 +1970,15 @@ var checkbox_button_default = /*#__PURE__*/__webpack_require__.n(checkbox_button
   },
   computed: {
     attrs: function attrs() {
+      //值处理
+      var _value = this.$attrs.value ? this.$attrs.value : [];
+      if (this.valueIsString && this.$attrs.value) {
+        _value = typeof this.$attrs.value === "string" ? this.$attrs.value.split(",") : this.$attrs.value;
+      }
       return Object.assign({}, this.$attrs, {
         size: this.size,
-        border: this.border
+        border: this.border,
+        value: _value
       });
     },
     dictOption: function dictOption() {
@@ -1994,7 +2028,7 @@ var checkbox_button_default = /*#__PURE__*/__webpack_require__.n(checkbox_button
   methods: {
     initApi: function initApi() {
       var _this = this;
-      if (!(this.api && this.request)) {
+      if (!(this.api && this.api.url && this.request)) {
         return false;
       }
       this.request({
@@ -2044,9 +2078,6 @@ var checkbox_button_default = /*#__PURE__*/__webpack_require__.n(checkbox_button
   },
   render: function render(h) {
     var _this4 = this;
-    if (!Array.isArray(this.attrs.value)) {
-      this.attrs.value = [];
-    }
     var param = {
       props: this.attrs,
       slots: this.$slots,
@@ -2055,7 +2086,16 @@ var checkbox_button_default = /*#__PURE__*/__webpack_require__.n(checkbox_button
           return _this4.renderOptions(h, scoped);
         }
       },
-      on: this.$listeners
+      on: Object.assign({}, this.$listeners, {
+        change: function change(value) {
+          debugger;
+          var _value = value;
+          if (_this4.valueIsString) {
+            _value = value.toString();
+          }
+          _this4.$emit("change", _value);
+        }
+      })
     };
     return h("el-checkbox-group", babel_helper_vue_jsx_merge_props_default()([{}, param]));
   }
@@ -2205,26 +2245,114 @@ var Cascader_component = normalizeComponent(
 )
 
 /* harmony default export */ var Cascader = (Cascader_component.exports);
+// EXTERNAL MODULE: external "element-ui/lib/date-picker"
+var date_picker_ = __webpack_require__(38);
+var date_picker_default = /*#__PURE__*/__webpack_require__.n(date_picker_);
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/form/src/item/DatePicker.vue?vue&type=script&lang=js&
+
+
+/* harmony default export */ var DatePickervue_type_script_lang_js_ = ({
+  name: "DatePicker",
+  components: {
+    elDatePicker: date_picker_default.a
+  },
+  props: {
+    startProp: String,
+    endProp: String
+  },
+  computed: {
+    attrs: function attrs() {
+      //值处理
+      var _value = this.$attrs.value;
+      if (["monthrange", "daterange", "datetimerange"].indexOf(this.$attrs.type) > -1 && this.startProp && this.endProp && this._form && !_value) {
+        var startPropValue = this._form.formModel[this.startProp];
+        var endPropValue = this._form.formModel[this.endProp];
+        if (startPropValue && endPropValue) {
+          _value = [startPropValue, endPropValue];
+        }
+      }
+      var res = Object.assign({
+        clearable: true,
+        placeholder: "请选择",
+        valueFormat: "timestamp"
+      }, this.$attrs, {
+        value: _value
+      });
+      return res;
+    },
+    _form: function _form() {
+      var parent = this.$parent;
+      while (parent) {
+        if (parent.$options.componentName !== 'Form' && parent.$options.componentName !== 'FormQuery') {
+          parent = parent.$parent;
+        } else {
+          return parent;
+        }
+      }
+      return false;
+    }
+  },
+  render: function render(h) {
+    var _this = this;
+    var param = {
+      props: this.attrs,
+      slots: this.$slots,
+      scopedSlots: this.$scopedSlots,
+      on: Object.assign({}, this.$listeners, {
+        change: function change(value) {
+          if (["monthrange", "daterange", "datetimerange"].indexOf(_this.$attrs.type) > -1 && _this.startProp && _this.endProp && _this._form) {
+            var formModel = _this._form.formModel;
+            if (formModel) {
+              _this.$set(formModel, _this.startProp, value && value[0]);
+              _this.$set(formModel, _this.endProp, value && value[1]);
+            }
+          }
+          _this.$emit("change", value);
+        }
+      })
+    };
+    return h("el-date-picker", babel_helper_vue_jsx_merge_props_default()([{}, param]));
+  }
+});
+// CONCATENATED MODULE: ./src/components/form/src/item/DatePicker.vue?vue&type=script&lang=js&
+ /* harmony default export */ var item_DatePickervue_type_script_lang_js_ = (DatePickervue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./src/components/form/src/item/DatePicker.vue
+var DatePicker_render, DatePicker_staticRenderFns
+
+
+
+
+/* normalize component */
+
+var DatePicker_component = normalizeComponent(
+  item_DatePickervue_type_script_lang_js_,
+  DatePicker_render,
+  DatePicker_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var DatePicker = (DatePicker_component.exports);
 // EXTERNAL MODULE: external "element-ui/lib/switch"
-var switch_ = __webpack_require__(38);
+var switch_ = __webpack_require__(39);
 var switch_default = /*#__PURE__*/__webpack_require__.n(switch_);
 
 // EXTERNAL MODULE: external "element-ui/lib/slider"
-var slider_ = __webpack_require__(39);
+var slider_ = __webpack_require__(40);
 var slider_default = /*#__PURE__*/__webpack_require__.n(slider_);
 
 // EXTERNAL MODULE: external "element-ui/lib/transfer"
-var transfer_ = __webpack_require__(40);
+var transfer_ = __webpack_require__(41);
 var transfer_default = /*#__PURE__*/__webpack_require__.n(transfer_);
 
 // EXTERNAL MODULE: external "element-ui/lib/time-picker"
-var time_picker_ = __webpack_require__(41);
+var time_picker_ = __webpack_require__(42);
 var time_picker_default = /*#__PURE__*/__webpack_require__.n(time_picker_);
 
-// EXTERNAL MODULE: external "element-ui/lib/date-picker"
-var date_picker_ = __webpack_require__(42);
-var date_picker_default = /*#__PURE__*/__webpack_require__.n(date_picker_);
-
 // EXTERNAL MODULE: external "element-ui/lib/upload"
 var upload_ = __webpack_require__(43);
 var upload_default = /*#__PURE__*/__webpack_require__.n(upload_);
@@ -2240,7 +2368,6 @@ var upload_default = /*#__PURE__*/__webpack_require__.n(upload_);
 
 
 
-// import elCascader from "element-ui/packages/cascader";
 
 
 
@@ -2256,7 +2383,7 @@ var upload_default = /*#__PURE__*/__webpack_require__.n(upload_);
     Switchs: switch_default.a,
     Upload: upload_default.a,
     TimePicker: time_picker_default.a,
-    DatePicker: date_picker_default.a,
+    DatePicker: DatePicker,
     Input: Input,
     InputNumber: InputNumber,
     Select: Select,
@@ -2348,18 +2475,7 @@ var form_input_default = /*#__PURE__*/__webpack_require__.n(form_input_);
   watch: {
     value: function value(val) {
       //监听form的formModel变化,处理config的value变化
-      if (this.config.value === val) {
-        return false;
-      }
-      this.setValue(val);
-      this.execEvent("input", val);
-      if (this.form && this.form.formModel) {
-        this.$emit("formItemChange", {
-          itemConfig: this.config,
-          itemProp: this.prop,
-          itemVal: val
-        });
-      }
+      this.initValue(val);
     }
   },
   computed: {
@@ -2420,7 +2536,27 @@ var form_input_default = /*#__PURE__*/__webpack_require__.n(form_input_);
       });
     }
   },
+  created: function created() {
+    var formModel = this.form.formModel;
+    if (formModel) {
+      this.initValue(formModel[this.prop]);
+    }
+  },
   methods: {
+    initValue: function initValue(val) {
+      if (this.config.value === val) {
+        return false;
+      }
+      this.setValue(val);
+      this.execEvent("input", val);
+      if (this.form && this.form.formModel) {
+        this.$emit("formItemChange", {
+          itemConfig: this.config,
+          itemProp: this.prop,
+          itemVal: val
+        });
+      }
+    },
     execEvent: function execEvent(eventName) {
       var _this2 = this,
         _itemEvent$exec;
@@ -6915,8 +7051,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=2155e5c4&
-var srcvue_type_template_id_2155e5c4_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=9238b84c&
+var srcvue_type_template_id_9238b84c_render = function render() {
   var _vm = this,
     _c = _vm._self._c
   return _c("div", [
@@ -6982,11 +7118,11 @@ var srcvue_type_template_id_2155e5c4_render = function render() {
     ),
   ])
 }
-var srcvue_type_template_id_2155e5c4_staticRenderFns = []
-srcvue_type_template_id_2155e5c4_render._withStripped = true
+var srcvue_type_template_id_9238b84c_staticRenderFns = []
+srcvue_type_template_id_9238b84c_render._withStripped = true
 
 
-// CONCATENATED MODULE: ./src/components/crud/src/index.vue?vue&type=template&id=2155e5c4&
+// CONCATENATED MODULE: ./src/components/crud/src/index.vue?vue&type=template&id=9238b84c&
 
 // 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&
 
@@ -7012,25 +7148,31 @@ srcvue_type_template_id_2155e5c4_render._withStripped = true
       };
     },
     createProps: function createProps() {
-      return Object.assign({
-        dialog: {
-          title: "添加"
-        }
+      var deep = Object.assign({
+        dialog: {}
       }, this.create);
+      if (!deep.dialog.title) {
+        deep.dialog.title = "添加";
+      }
+      return deep;
     },
     updateProps: function updateProps() {
-      return Object.assign({
-        dialog: {
-          title: "修改"
-        }
-      }, this.update);
+      var deep = Object.assign({
+        dialog: {}
+      }, this.create);
+      if (!deep.dialog.title) {
+        deep.dialog.title = "修改";
+      }
+      return deep;
     },
     viewProps: function viewProps() {
-      return Object.assign({
-        dialog: {
-          title: "查看"
-        }
-      }, this.view);
+      var deep = Object.assign({
+        dialog: {}
+      }, this.create);
+      if (!deep.dialog.title) {
+        deep.dialog.title = "查看";
+      }
+      return deep;
     }
   },
   props: {
@@ -7302,8 +7444,8 @@ srcvue_type_template_id_2155e5c4_render._withStripped = true
 
 var crud_src_component = normalizeComponent(
   components_crud_srcvue_type_script_lang_js_,
-  srcvue_type_template_id_2155e5c4_render,
-  srcvue_type_template_id_2155e5c4_staticRenderFns,
+  srcvue_type_template_id_9238b84c_render,
+  srcvue_type_template_id_9238b84c_staticRenderFns,
   false,
   null,
   null,

package/lib/components/crud.js

@@ -2042,7 +2042,7 @@ module.exports = require("element-ui/lib/message-box");
 // 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/crud/src/index.vue?vue&type=template&id=2155e5c4&
+// 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=9238b84c&
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c
@@ -2113,7 +2113,7 @@ var staticRenderFns = []
 render._withStripped = true
 
 
-// CONCATENATED MODULE: ./src/components/crud/src/index.vue?vue&type=template&id=2155e5c4&
+// CONCATENATED MODULE: ./src/components/crud/src/index.vue?vue&type=template&id=9238b84c&
 
 // EXTERNAL MODULE: external "@panpanzhao/component-ui/lib/components/table-search"
 var table_search_ = __webpack_require__(28);
@@ -2159,25 +2159,31 @@ var external_lodash_ = __webpack_require__(2);
       };
     },
     createProps: function createProps() {
-      return Object.assign({
-        dialog: {
-          title: "添加"
-        }
+      var deep = Object.assign({
+        dialog: {}
       }, this.create);
+      if (!deep.dialog.title) {
+        deep.dialog.title = "添加";
+      }
+      return deep;
     },
     updateProps: function updateProps() {
-      return Object.assign({
-        dialog: {
-          title: "修改"
-        }
-      }, this.update);
+      var deep = Object.assign({
+        dialog: {}
+      }, this.create);
+      if (!deep.dialog.title) {
+        deep.dialog.title = "修改";
+      }
+      return deep;
     },
     viewProps: function viewProps() {
-      return Object.assign({
-        dialog: {
-          title: "查看"
-        }
-      }, this.view);
+      var deep = Object.assign({
+        dialog: {}
+      }, this.create);
+      if (!deep.dialog.title) {
+        deep.dialog.title = "查看";
+      }
+      return deep;
     }
   },
   props: {