@panpanzhao/component-ui 0.0.21 → 0.0.23

package/lib/components/form-view-group.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 21);
+/******/ 	return __webpack_require__(__webpack_require__.s = 22);
 /******/ })
 /************************************************************************/
 /******/ ([
@@ -92,110 +92,7 @@ module.exports =
 module.exports = require("@vue/babel-helper-vue-jsx-merge-props");
 
 /***/ }),
-/* 1 */
-/***/ (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
-  }
-}
-
-
-/***/ }),
+/* 1 */,
 /* 2 */
 /***/ (function(module, exports) {
 
@@ -241,61 +138,16 @@ module.exports = require("element-ui/lib/collapse-item");
 // ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
 
-// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/vue-loader/lib??vue-loader-options!./src/components/form-view/src/index.vue?vue&type=template&id=32454b68&
-var render = function render() {
-  var _vm = this,
-    _c = _vm._self._c
-  return _c(
-    "div",
-    { staticClass: "form-view" },
-    [
-      _vm._t("default", function () {
-        return [
-          _c(
-            "el-descriptions",
-            _vm._g(
-              _vm._b({ ref: "form" }, "el-descriptions", _vm.formProps, false),
-              _vm.formListeners
-            ),
-            _vm._l(_vm.filterFormItems, function (item) {
-              return _c(
-                "el-descriptions-item",
-                _vm._g(
-                  _vm._b(
-                    { key: item.prop },
-                    "el-descriptions-item",
-                    item,
-                    false
-                  ),
-                  item.on
-                ),
-                [
-                  _vm._v(
-                    "\n      " + _vm._s(_vm.formModel[item.prop]) + "\n      "
-                  ),
-                ]
-              )
-            }),
-            1
-          ),
-        ]
-      }),
-    ],
-    2
-  )
-}
-var staticRenderFns = []
-render._withStripped = true
-
-
-// CONCATENATED MODULE: ./src/components/form-view/src/index.vue?vue&type=template&id=32454b68&
+// EXTERNAL MODULE: external "@vue/babel-helper-vue-jsx-merge-props"
+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_);
 
 // EXTERNAL MODULE: external "element-ui/lib/descriptions"
-var descriptions_ = __webpack_require__(18);
+var descriptions_ = __webpack_require__(20);
 var descriptions_default = /*#__PURE__*/__webpack_require__.n(descriptions_);
 
 // EXTERNAL MODULE: external "element-ui/lib/descriptions-item"
-var descriptions_item_ = __webpack_require__(19);
+var descriptions_item_ = __webpack_require__(21);
 var descriptions_item_default = /*#__PURE__*/__webpack_require__.n(descriptions_item_);
 
 // EXTERNAL MODULE: external "@panpanzhao/component-ui/lib/utils/formula"
@@ -304,12 +156,19 @@ var formula_ = __webpack_require__(3);
 // EXTERNAL MODULE: external "lodash"
 var external_lodash_ = __webpack_require__(2);
 
-// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/form-view/src/index.vue?vue&type=script&lang=js&
+// EXTERNAL MODULE: external "dayjs"
+var external_dayjs_ = __webpack_require__(11);
+var external_dayjs_default = /*#__PURE__*/__webpack_require__.n(external_dayjs_);
+
+// CONCATENATED MODULE: ./src/components/form-view/src/index.js
+
 
 
 
 
-/* harmony default export */ var srcvue_type_script_lang_js_ = ({
+
+
+/* harmony default export */ var src = ({
   name: "FormView",
   componentName: "FormView",
   components: {
@@ -334,22 +193,6 @@ var external_lodash_ = __webpack_require__(2);
     }
   },
   computed: {
-    formProps: function formProps() {
-      return Object.assign({
-        border: true,
-        direction: this.labelPosition === "top" ? "vertical" : "horizontal",
-        labelStyle: {
-          width: this.labelWidth,
-          textAlign: this.labelPosition
-        }
-      }, this.$attrs);
-    },
-    formListeners: function formListeners() {
-      return Object.assign({}, this.$listeners);
-    },
-    rowProps: function rowProps() {
-      return Object.assign({}, this.$attrs);
-    },
     filterFormItems: function filterFormItems() {
       var _this = this;
       return this.formItems.filter(function (item) {
@@ -387,34 +230,64 @@ var external_lodash_ = __webpack_require__(2);
   methods: {
     setFormModel: function setFormModel(model) {
       Object(external_lodash_["merge"])(this.formModel, model);
+    },
+    renderContent: function renderContent(h, item) {
+      if (typeof item.formatter === "function") {
+        return item.formatter.call(this, {
+          formModel: this.formModel,
+          config: item
+        });
+      }
+      var value = this.formModel[item.prop];
+      if (value === null || value === undefined) {
+        return value;
+      }
+      if (item.control === "Dict" && item.dictCode && this.$COMPONENT.dataSource && this.$COMPONENT.dataSource.dict) {
+        var options = this.$COMPONENT.dataSource.dict[item.dictCode];
+        var map = {};
+        if (Array.isArray(options)) {
+          options.forEach(function (dictItem) {
+            map[dictItem.value] = dictItem;
+          });
+        }
+        return map[value] && map[value].label;
+      } else if (item.control === "Data" && this.format && external_dayjs_default()(value).isValid()) {
+        return external_dayjs_default()(value).format(this.format);
+      } else {
+        return value;
+      }
+    },
+    renderItem: function renderItem(h, item) {
+      var param = {
+        attrs: Object.assign({}, item)
+      };
+      return h("el-descriptions-item", babel_helper_vue_jsx_merge_props_default()([{
+        "key": item.prop
+      }, param]), [this.renderContent(h, item)]);
     }
+  },
+  render: function render(h) {
+    var _this3 = this;
+    var param = {
+      attrs: Object.assign({
+        border: true,
+        direction: this.labelPosition === "top" ? "vertical" : "horizontal",
+        labelStyle: {
+          width: this.labelWidth,
+          textAlign: this.labelPosition
+        }
+      }, this.$attrs),
+      on: Object.assign({}, this.$listeners)
+    };
+    return h("div", {
+      "class": "form-view"
+    }, [h("el-descriptions", babel_helper_vue_jsx_merge_props_default()([{
+      "ref": "form"
+    }, param]), [this.filterFormItems.map(function (item) {
+      return _this3.renderItem(h, item);
+    })])]);
   }
 });
-// CONCATENATED MODULE: ./src/components/form-view/src/index.vue?vue&type=script&lang=js&
- /* harmony default export */ var form_view_srcvue_type_script_lang_js_ = (srcvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
-var componentNormalizer = __webpack_require__(1);
-
-// CONCATENATED MODULE: ./src/components/form-view/src/index.vue
-
-
-
-
-
-/* normalize component */
-
-var component = Object(componentNormalizer["a" /* default */])(
-  form_view_srcvue_type_script_lang_js_,
-  render,
-  staticRenderFns,
-  false,
-  null,
-  null,
-  null
-  
-)
-
-/* harmony default export */ var src = (component.exports);
 // CONCATENATED MODULE: ./src/components/form-view/index.js
 
 src.install = function (Vue) {
@@ -423,27 +296,33 @@ src.install = function (Vue) {
 /* harmony default export */ var form_view = __webpack_exports__["default"] = (src);
 
 /***/ }),
-/* 11 */,
+/* 11 */
+/***/ (function(module, exports) {
+
+module.exports = require("dayjs");
+
+/***/ }),
 /* 12 */,
 /* 13 */,
 /* 14 */,
 /* 15 */,
 /* 16 */,
 /* 17 */,
-/* 18 */
+/* 18 */,
+/* 19 */,
+/* 20 */
 /***/ (function(module, exports) {
 
 module.exports = require("element-ui/lib/descriptions");
 
 /***/ }),
-/* 19 */
+/* 21 */
 /***/ (function(module, exports) {
 
 module.exports = require("element-ui/lib/descriptions-item");
 
 /***/ }),
-/* 20 */,
-/* 21 */
+/* 22 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -454,7 +333,7 @@ __webpack_require__.r(__webpack_exports__);
 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_);
 
-// EXTERNAL MODULE: ./src/components/form-view/index.js + 5 modules
+// EXTERNAL MODULE: ./src/components/form-view/index.js + 1 modules
 var form_view = __webpack_require__(10);
 
 // CONCATENATED MODULE: ./src/components/form-view-group/src/content.js