eoss-mobiles 0.4.0 → 0.4.2

package/lib/form.js

@@ -82,124 +82,19 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 43);
+/******/ 	return __webpack_require__(__webpack_require__.s = 18);
 /******/ })
 /************************************************************************/
 /******/ ({
 
-/***/ 2:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return normalizeComponent; });
-/* globals __VUE_SSR_CONTEXT__ */
-
-// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).
-// This module is a runtime utility for cleaner component module output and will
-// be included in the final webpack user bundle.
-
-function normalizeComponent(
-  scriptExports,
-  render,
-  staticRenderFns,
-  functionalTemplate,
-  injectStyles,
-  scopeId,
-  moduleIdentifier /* server only */,
-  shadowMode /* vue-cli only */
-) {
-  // Vue.extend constructor export interop
-  var options =
-    typeof scriptExports === 'function' ? scriptExports.options : scriptExports
-
-  // render functions
-  if (render) {
-    options.render = render
-    options.staticRenderFns = staticRenderFns
-    options._compiled = true
-  }
-
-  // functional template
-  if (functionalTemplate) {
-    options.functional = true
-  }
-
-  // scopedId
-  if (scopeId) {
-    options._scopeId = 'data-v-' + scopeId
-  }
-
-  var hook
-  if (moduleIdentifier) {
-    // server build
-    hook = function (context) {
-      // 2.3 injection
-      context =
-        context || // cached call
-        (this.$vnode && this.$vnode.ssrContext) || // stateful
-        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
-      // 2.2 with runInNewContext: true
-      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
-        context = __VUE_SSR_CONTEXT__
-      }
-      // inject component styles
-      if (injectStyles) {
-        injectStyles.call(this, context)
-      }
-      // register component module identifier for async chunk inferrence
-      if (context && context._registeredComponents) {
-        context._registeredComponents.add(moduleIdentifier)
-      }
-    }
-    // used by ssr in case component is cached and beforeCreate
-    // never gets called
-    options._ssrRegister = hook
-  } else if (injectStyles) {
-    hook = shadowMode
-      ? function () {
-          injectStyles.call(
-            this,
-            (options.functional ? this.parent : this).$root.$options.shadowRoot
-          )
-        }
-      : injectStyles
-  }
-
-  if (hook) {
-    if (options.functional) {
-      // for template-only hot-reload because in that case the render fn doesn't
-      // go through the normalizer
-      options._injectStyles = hook
-      // register for functional component in vue file
-      var originalRender = options.render
-      options.render = function renderWithStyleInjection(h, context) {
-        hook.call(context)
-        return originalRender(h, context)
-      }
-    } else {
-      // inject component registration as beforeCreate hook
-      var existing = options.beforeCreate
-      options.beforeCreate = existing ? [].concat(existing, hook) : [hook]
-    }
-  }
-
-  return {
-    exports: scriptExports,
-    options: options
-  }
-}
-
-
-/***/ }),
-
-/***/ 43:
+/***/ 18:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 // ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
 
-// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/form/src/main.vue?vue&type=template&id=9a0ebe50
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/form/src/main.vue?vue&type=template&id=2cd80b57
 var render = function () {
   var _vm = this
   var _h = _vm.$createElement
@@ -1079,35 +974,56 @@ var render = function () {
                     )
                   )
                 : item.type == "table"
-                ? _c(
-                    "em-table",
-                    _vm._g(
-                      _vm._b(
-                        {
-                          ref: "emFormTable",
-                          refInFor: true,
-                          staticClass: "em-form-table",
-                          style: "margin:" + (item.margin || 10) + "px 0px",
-                          attrs: {
-                            data: _vm.model[item.name],
-                            thead: item.tHead,
-                            isForm: "",
-                            form:
-                              !item.disabled &&
-                              !_vm.disabled &&
-                              !item.readonly &&
-                              !_vm.readonly &&
-                              item.form,
-                          },
-                          on: { "btn-click": _vm.handleBtnClick },
-                        },
-                        "em-table",
-                        Object.assign({}, _vm.$attrs, item),
-                        false
-                      ),
-                      Object.assign({}, item.events)
-                    )
-                  )
+                ? [
+                    item.presentType && item.presentType == "card"
+                      ? _c(
+                          "custom-card",
+                          _vm._b(
+                            {
+                              model: {
+                                value: _vm.model[item.name],
+                                callback: function ($$v) {
+                                  _vm.$set(_vm.model, item.name, $$v)
+                                },
+                                expression: "model[item.name]",
+                              },
+                            },
+                            "custom-card",
+                            Object.assign({}, _vm.$attrs, item),
+                            false
+                          )
+                        )
+                      : _c(
+                          "em-table",
+                          _vm._g(
+                            _vm._b(
+                              {
+                                ref: "emFormTable",
+                                refInFor: true,
+                                staticClass: "em-form-table",
+                                style:
+                                  "margin:" + (item.margin || 10) + "px 0px",
+                                attrs: {
+                                  data: _vm.model[item.name],
+                                  thead: item.tHead,
+                                  isForm: "",
+                                  form:
+                                    !item.disabled &&
+                                    !_vm.disabled &&
+                                    !item.readonly &&
+                                    !_vm.readonly &&
+                                    item.form,
+                                },
+                                on: { "btn-click": _vm.handleBtnClick },
+                              },
+                              "em-table",
+                              Object.assign({}, _vm.$attrs, item),
+                              false
+                            ),
+                            Object.assign({}, item.events)
+                          )
+                        ),
+                  ]
                 : item.type === "component"
                 ? _c(
                     "van-cell",
@@ -1139,7 +1055,7 @@ var render = function () {
                   )
                 : _vm._e(),
             ],
-            1
+            2
           )
         }),
         0
@@ -1206,8 +1122,426 @@ var staticRenderFns = []
 render._withStripped = true
 
 
-// CONCATENATED MODULE: ./packages/form/src/main.vue?vue&type=template&id=9a0ebe50
+// CONCATENATED MODULE: ./packages/form/src/main.vue?vue&type=template&id=2cd80b57
+
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/form/src/CustomCard.vue?vue&type=template&id=a568ae9a
+var CustomCardvue_type_template_id_a568ae9a_render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    { staticClass: "em-custom-card" },
+    [
+      _vm.cardList.length === 0
+        ? _c("div", { staticClass: "empty-tip" }, [_vm._v("暂无数据")])
+        : _vm._e(),
+      _vm._l(_vm.cardList, function (card, index) {
+        return _c(
+          "div",
+          { key: index, staticClass: "card-item" },
+          [
+            _c(
+              "van-cell-group",
+              { staticClass: "card-content" },
+              _vm._l(_vm.tHead, function (field, fieldIndex) {
+                return _c(
+                  "div",
+                  { key: fieldIndex, staticClass: "card-field" },
+                  [
+                    _c("div", { staticClass: "field-label" }, [
+                      _vm._v(_vm._s(field.title)),
+                    ]),
+                    _c(
+                      "div",
+                      { staticClass: "field-value" },
+                      [
+                        field.type === "text"
+                          ? _c("em-input", {
+                              attrs: {
+                                placeholder: field.placeholder,
+                                disabled: _vm.disabled || _vm.readonly,
+                                "label-width": "0",
+                              },
+                              model: {
+                                value: card[field.key],
+                                callback: function ($$v) {
+                                  _vm.$set(card, field.key, $$v)
+                                },
+                                expression: "card[field.key]",
+                              },
+                            })
+                          : field.type === "number" || field.type === "digit"
+                          ? _c("em-input", {
+                              attrs: {
+                                type: "number",
+                                placeholder: field.placeholder,
+                                disabled: _vm.disabled || _vm.readonly,
+                                "label-width": "0",
+                              },
+                              model: {
+                                value: card[field.key],
+                                callback: function ($$v) {
+                                  _vm.$set(card, field.key, $$v)
+                                },
+                                expression: "card[field.key]",
+                              },
+                            })
+                          : field.type === "textarea"
+                          ? _c("em-input", {
+                              attrs: {
+                                type: "textarea",
+                                autosize: field.autosize || { minRows: 2 },
+                                placeholder: field.placeholder,
+                                disabled: _vm.disabled || _vm.readonly,
+                                "label-width": "0",
+                              },
+                              model: {
+                                value: card[field.key],
+                                callback: function ($$v) {
+                                  _vm.$set(card, field.key, $$v)
+                                },
+                                expression: "card[field.key]",
+                              },
+                            })
+                          : field.type === "radio"
+                          ? _c("em-radio-group", {
+                              attrs: {
+                                data: _vm.getOptions(field.field),
+                                disabled: _vm.disabled || _vm.readonly,
+                              },
+                              model: {
+                                value: card[field.key],
+                                callback: function ($$v) {
+                                  _vm.$set(card, field.key, $$v)
+                                },
+                                expression: "card[field.key]",
+                              },
+                            })
+                          : field.type === "checkbox"
+                          ? _c("em-checkbox-group", {
+                              attrs: {
+                                disabled: _vm.disabled || _vm.readonly,
+                                data: _vm.getOptions(field.field),
+                              },
+                              model: {
+                                value: card[field.key],
+                                callback: function ($$v) {
+                                  _vm.$set(card, field.key, $$v)
+                                },
+                                expression: "card[field.key]",
+                              },
+                            })
+                          : field.type === "select"
+                          ? _c("em-picker", {
+                              attrs: {
+                                columns: _vm.getOptions(field.field),
+                                placeholder: field.placeholder,
+                                disabled: _vm.disabled || _vm.readonly,
+                                "label-width": "0",
+                              },
+                              model: {
+                                value: card[field.key],
+                                callback: function ($$v) {
+                                  _vm.$set(card, field.key, $$v)
+                                },
+                                expression: "card[field.key]",
+                              },
+                            })
+                          : _c("span", [_vm._v(_vm._s(card[field.key]))]),
+                      ],
+                      1
+                    ),
+                  ]
+                )
+              }),
+              0
+            ),
+            _vm.editable && !_vm.disabled && !_vm.readonly
+              ? _c(
+                  "div",
+                  { staticClass: "card-actions" },
+                  [
+                    _c(
+                      "em-button",
+                      {
+                        attrs: { size: "small", type: "danger", plain: "" },
+                        on: {
+                          click: function ($event) {
+                            _vm.handleDelete(index)
+                          },
+                        },
+                      },
+                      [_vm._v("\n        删除\n      ")]
+                    ),
+                  ],
+                  1
+                )
+              : _vm._e(),
+          ],
+          1
+        )
+      }),
+      _vm.editable && !_vm.disabled && !_vm.readonly
+        ? _c(
+            "div",
+            { staticClass: "add-btn-wrapper" },
+            [
+              _c(
+                "em-button",
+                {
+                  attrs: {
+                    block: "",
+                    type: "primary",
+                    plain: "",
+                    icon: "plus",
+                  },
+                  on: { click: _vm.handleAdd },
+                },
+                [_vm._v("\n      添加\n    ")]
+              ),
+            ],
+            1
+          )
+        : _vm._e(),
+    ],
+    2
+  )
+}
+var CustomCardvue_type_template_id_a568ae9a_staticRenderFns = []
+CustomCardvue_type_template_id_a568ae9a_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/form/src/CustomCard.vue?vue&type=template&id=a568ae9a
 
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/form/src/CustomCard.vue?vue&type=script&lang=js
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+/* harmony default export */ var CustomCardvue_type_script_lang_js = ({
+  name: 'CustomCard',
+  props: {
+    value: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
+    },
+    tHead: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
+    },
+    optionData: {
+      type: Object,
+      default: function _default() {
+        return {};
+      }
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    readonly: {
+      type: Boolean,
+      default: false
+    },
+    editable: {
+      type: Boolean,
+      default: false
+    },
+    maxCount: {
+      type: Number,
+      default: 0
+    }
+  },
+  data: function data() {
+    return {
+      cardList: [],
+      isInternalUpdate: false
+    };
+  },
+
+  watch: {
+    value: {
+      handler: function handler(val) {
+        var _this = this;
+
+        this.isInternalUpdate = true;
+        if (val && Array.isArray(val)) {
+          this.cardList = JSON.parse(JSON.stringify(val));
+        } else {
+          this.cardList = [];
+        }
+        this.$nextTick(function () {
+          _this.isInternalUpdate = false;
+        });
+      },
+
+      immediate: true,
+      deep: true
+    },
+    cardList: {
+      handler: function handler(val) {
+        if (!this.isInternalUpdate) {
+          this.$emit('input', val);
+          this.$emit('change', val);
+        }
+      },
+
+      deep: true
+    }
+  },
+  methods: {
+    getOptions: function getOptions(fieldName) {
+      return this.optionData[fieldName].map(function (ele) {
+        return { name: ele, value: ele };
+      }) || [];
+    },
+    handleAdd: function handleAdd() {
+      if (this.maxCount > 0 && this.cardList.length >= this.maxCount) {
+        this.$toast('\u6700\u591A\u53EA\u80FD\u6DFB\u52A0' + this.maxCount + '\u6761');
+        return;
+      }
+      var newCard = {};
+      this.tHead.forEach(function (field) {
+        newCard[field.key] = field.defaultValue !== undefined && field.defaultValue != '' ? field.defaultValue : field.type === 'checkbox' ? [] : '';
+      });
+      console.log('newCard', newCard);
+      this.cardList.push(newCard);
+      this.$emit('add', newCard, this.cardList.length - 1);
+    },
+    handleDelete: function handleDelete(index) {
+      var _this2 = this;
+
+      this.$dialog.confirm({
+        title: '提示',
+        message: '确定要删除这条数据吗？'
+      }).then(function () {
+        _this2.cardList.splice(index, 1);
+        _this2.$emit('delete', index);
+      }).catch(function () {});
+    },
+    updateParentData: function updateParentData() {
+      this.$emit('input', this.cardList);
+      this.$emit('change', this.cardList);
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/form/src/CustomCard.vue?vue&type=script&lang=js
+ /* harmony default export */ var src_CustomCardvue_type_script_lang_js = (CustomCardvue_type_script_lang_js); 
+// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__(2);
+
+// CONCATENATED MODULE: ./packages/form/src/CustomCard.vue
+
+
+
+
+
+/* normalize component */
+
+var component = Object(componentNormalizer["a" /* default */])(
+  src_CustomCardvue_type_script_lang_js,
+  CustomCardvue_type_template_id_a568ae9a_render,
+  CustomCardvue_type_template_id_a568ae9a_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var CustomCard = (component.exports);
 // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/form/src/main.vue?vue&type=script&lang=js
 //
 //
@@ -1646,6 +1980,18 @@ render._withStripped = true
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
 
 /* harmony default export */ var mainvue_type_script_lang_js = ({
   name: 'EmForm',
@@ -1681,6 +2027,7 @@ render._withStripped = true
       default: 'left'
     }
   },
+  components: { CustomCard: CustomCard },
   computed: {
     btnList: function btnList() {
       return this.contents.filter(function (x) {
@@ -1762,9 +2109,6 @@ render._withStripped = true
 });
 // CONCATENATED MODULE: ./packages/form/src/main.vue?vue&type=script&lang=js
  /* harmony default export */ var src_mainvue_type_script_lang_js = (mainvue_type_script_lang_js); 
-// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
-var componentNormalizer = __webpack_require__(2);
-
 // CONCATENATED MODULE: ./packages/form/src/main.vue
 
 
@@ -1773,7 +2117,7 @@ var componentNormalizer = __webpack_require__(2);
 
 /* normalize component */
 
-var component = Object(componentNormalizer["a" /* default */])(
+var main_component = Object(componentNormalizer["a" /* default */])(
   src_mainvue_type_script_lang_js,
   render,
   staticRenderFns,
@@ -1784,7 +2128,7 @@ var component = Object(componentNormalizer["a" /* default */])(
   
 )
 
-/* harmony default export */ var main = (component.exports);
+/* harmony default export */ var main = (main_component.exports);
 // CONCATENATED MODULE: ./packages/form/index.js
 
 
@@ -1794,6 +2138,111 @@ main.install = function (Vue) {
 
 /* harmony default export */ var packages_form = __webpack_exports__["default"] = (main);
 
+/***/ }),
+
+/***/ 2:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return normalizeComponent; });
+/* globals __VUE_SSR_CONTEXT__ */
+
+// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).
+// This module is a runtime utility for cleaner component module output and will
+// be included in the final webpack user bundle.
+
+function normalizeComponent(
+  scriptExports,
+  render,
+  staticRenderFns,
+  functionalTemplate,
+  injectStyles,
+  scopeId,
+  moduleIdentifier /* server only */,
+  shadowMode /* vue-cli only */
+) {
+  // Vue.extend constructor export interop
+  var options =
+    typeof scriptExports === 'function' ? scriptExports.options : scriptExports
+
+  // render functions
+  if (render) {
+    options.render = render
+    options.staticRenderFns = staticRenderFns
+    options._compiled = true
+  }
+
+  // functional template
+  if (functionalTemplate) {
+    options.functional = true
+  }
+
+  // scopedId
+  if (scopeId) {
+    options._scopeId = 'data-v-' + scopeId
+  }
+
+  var hook
+  if (moduleIdentifier) {
+    // server build
+    hook = function (context) {
+      // 2.3 injection
+      context =
+        context || // cached call
+        (this.$vnode && this.$vnode.ssrContext) || // stateful
+        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
+      // 2.2 with runInNewContext: true
+      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
+        context = __VUE_SSR_CONTEXT__
+      }
+      // inject component styles
+      if (injectStyles) {
+        injectStyles.call(this, context)
+      }
+      // register component module identifier for async chunk inferrence
+      if (context && context._registeredComponents) {
+        context._registeredComponents.add(moduleIdentifier)
+      }
+    }
+    // used by ssr in case component is cached and beforeCreate
+    // never gets called
+    options._ssrRegister = hook
+  } else if (injectStyles) {
+    hook = shadowMode
+      ? function () {
+          injectStyles.call(
+            this,
+            (options.functional ? this.parent : this).$root.$options.shadowRoot
+          )
+        }
+      : injectStyles
+  }
+
+  if (hook) {
+    if (options.functional) {
+      // for template-only hot-reload because in that case the render fn doesn't
+      // go through the normalizer
+      options._injectStyles = hook
+      // register for functional component in vue file
+      var originalRender = options.render
+      options.render = function renderWithStyleInjection(h, context) {
+        hook.call(context)
+        return originalRender(h, context)
+      }
+    } else {
+      // inject component registration as beforeCreate hook
+      var existing = options.beforeCreate
+      options.beforeCreate = existing ? [].concat(existing, hook) : [hook]
+    }
+  }
+
+  return {
+    exports: scriptExports,
+    options: options
+  }
+}
+
+
 /***/ })
 
 /******/ });