@panpanzhao/component-ui 0.0.1 → 0.0.3

package/lib/components/form-dialog.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 25);
+/******/ 	return __webpack_require__(__webpack_require__.s = 29);
 /******/ })
 /************************************************************************/
 /******/ ([
@@ -199,7 +199,7 @@ function normalizeComponent(
 /* 2 */
 /***/ (function(module, exports) {
 
-module.exports = require("component-ui/lib/utils/formula");
+module.exports = require("@panpanzhao/component-ui/lib/utils/formula");
 
 /***/ }),
 /* 3 */
@@ -215,6 +215,30 @@ module.exports = require("element-ui/lib/button");
 
 /***/ }),
 /* 5 */
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/tabs");
+
+/***/ }),
+/* 6 */
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/tab-pane");
+
+/***/ }),
+/* 7 */
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/collapse");
+
+/***/ }),
+/* 8 */
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/collapse-item");
+
+/***/ }),
+/* 9 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -292,22 +316,22 @@ render._withStripped = true
 // CONCATENATED MODULE: ./src/components/form/src/form.vue?vue&type=template&id=42f43bc0&
 
 // EXTERNAL MODULE: external "element-ui/lib/form"
-var form_ = __webpack_require__(12);
+var form_ = __webpack_require__(13);
 var form_default = /*#__PURE__*/__webpack_require__.n(form_);
 
 // EXTERNAL MODULE: external "element-ui/lib/row"
-var row_ = __webpack_require__(13);
+var row_ = __webpack_require__(14);
 var row_default = /*#__PURE__*/__webpack_require__.n(row_);
 
 // EXTERNAL MODULE: external "element-ui/lib/col"
-var col_ = __webpack_require__(14);
+var col_ = __webpack_require__(15);
 var col_default = /*#__PURE__*/__webpack_require__.n(col_);
 
-// EXTERNAL MODULE: external "component-ui/lib/components/form-item"
-var form_item_ = __webpack_require__(15);
+// EXTERNAL MODULE: external "@panpanzhao/component-ui/lib/components/form-item"
+var form_item_ = __webpack_require__(16);
 var form_item_default = /*#__PURE__*/__webpack_require__.n(form_item_);
 
-// EXTERNAL MODULE: external "component-ui/lib/utils/formula"
+// EXTERNAL MODULE: external "@panpanzhao/component-ui/lib/utils/formula"
 var formula_ = __webpack_require__(2);
 
 // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/form/src/form.vue?vue&type=script&lang=js&
@@ -477,64 +501,355 @@ src_form.install = function (Vue) {
 /* harmony default export */ var components_form = __webpack_exports__["default"] = (src_form);
 
 /***/ }),
-/* 6 */,
-/* 7 */
-/***/ (function(module, exports) {
+/* 10 */,
+/* 11 */,
+/* 12 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
-module.exports = require("element-ui/lib/tabs");
+"use strict";
 
-/***/ }),
-/* 8 */
-/***/ (function(module, exports) {
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/vue-loader/lib??vue-loader-options!./src/components/dialog/src/index.vue?vue&type=template&id=f33d57c0&
+var render = function render() {
+  var _vm = this,
+    _c = _vm._self._c
+  return _c(
+    "transition",
+    {
+      attrs: { name: "dialog-fade" },
+      on: { "after-enter": _vm.afterEnter, "after-leave": _vm.afterLeave },
+    },
+    [
+      _c(
+        "div",
+        {
+          directives: [
+            {
+              name: "show",
+              rawName: "v-show",
+              value: _vm.visible,
+              expression: "visible",
+            },
+          ],
+          staticClass: "el-dialog__wrapper",
+          on: {
+            click: function ($event) {
+              if ($event.target !== $event.currentTarget) return null
+              return _vm.handleWrapperClick.apply(null, arguments)
+            },
+          },
+        },
+        [
+          _c(
+            "div",
+            {
+              key: _vm.key,
+              ref: "dialog",
+              class: [
+                "el-dialog",
+                {
+                  "is-scroll": _vm.scroll,
+                  "is-fullscreen": _vm.fullscreen,
+                  "el-dialog--center": _vm.center,
+                },
+                _vm.customClass,
+              ],
+              style: _vm.style,
+              attrs: {
+                role: "dialog",
+                "aria-modal": "true",
+                "aria-label": _vm.title || "dialog",
+              },
+            },
+            [
+              _c(
+                "div",
+                { staticClass: "el-dialog__header" },
+                [
+                  _vm._t("title", function () {
+                    return [
+                      _c("span", { staticClass: "el-dialog__title" }, [
+                        _vm._v(_vm._s(_vm.title)),
+                      ]),
+                    ]
+                  }),
+                  _vm.showClose
+                    ? _c(
+                        "button",
+                        {
+                          staticClass: "el-dialog__headerbtn",
+                          attrs: { type: "button", "aria-label": "Close" },
+                          on: { click: _vm.handleClose },
+                        },
+                        [
+                          _c("i", {
+                            staticClass:
+                              "el-dialog__close el-icon el-icon-close",
+                          }),
+                        ]
+                      )
+                    : _vm._e(),
+                ],
+                2
+              ),
+              _vm.rendered
+                ? _c(
+                    "div",
+                    { staticClass: "el-dialog__body" },
+                    [_vm._t("default")],
+                    2
+                  )
+                : _vm._e(),
+              _vm.$slots.footer
+                ? _c(
+                    "div",
+                    { staticClass: "el-dialog__footer" },
+                    [_vm._t("footer")],
+                    2
+                  )
+                : _vm._e(),
+            ]
+          ),
+        ]
+      ),
+    ]
+  )
+}
+var staticRenderFns = []
+render._withStripped = true
 
-module.exports = require("element-ui/lib/tab-pane");
 
-/***/ }),
-/* 9 */
-/***/ (function(module, exports) {
+// CONCATENATED MODULE: ./src/components/dialog/src/index.vue?vue&type=template&id=f33d57c0&
 
-module.exports = require("element-ui/lib/collapse");
+// EXTERNAL MODULE: external "element-ui/src/utils/popup"
+var popup_ = __webpack_require__(21);
+var popup_default = /*#__PURE__*/__webpack_require__.n(popup_);
 
-/***/ }),
-/* 10 */
-/***/ (function(module, exports) {
+// EXTERNAL MODULE: external "element-ui/src/mixins/migrating"
+var migrating_ = __webpack_require__(22);
+var migrating_default = /*#__PURE__*/__webpack_require__.n(migrating_);
 
-module.exports = require("element-ui/lib/collapse-item");
+// EXTERNAL MODULE: external "element-ui/src/mixins/emitter"
+var emitter_ = __webpack_require__(23);
+var emitter_default = /*#__PURE__*/__webpack_require__.n(emitter_);
 
-/***/ }),
-/* 11 */,
-/* 12 */
-/***/ (function(module, exports) {
+// 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&
 
-module.exports = require("element-ui/lib/form");
+
+
+/* harmony default export */ var srcvue_type_script_lang_js_ = ({
+  name: 'Dialog',
+  mixins: [popup_default.a, emitter_default.a, migrating_default.a],
+  props: {
+    title: {
+      type: String,
+      default: ''
+    },
+    modal: {
+      type: Boolean,
+      default: true
+    },
+    scroll: {
+      type: Boolean,
+      default: true
+    },
+    modalAppendToBody: {
+      type: Boolean,
+      default: true
+    },
+    appendToBody: {
+      type: Boolean,
+      default: false
+    },
+    lockScroll: {
+      type: Boolean,
+      default: true
+    },
+    closeOnClickModal: {
+      type: Boolean,
+      default: true
+    },
+    closeOnPressEscape: {
+      type: Boolean,
+      default: true
+    },
+    showClose: {
+      type: Boolean,
+      default: true
+    },
+    width: String,
+    fullscreen: Boolean,
+    customClass: {
+      type: String,
+      default: ''
+    },
+    top: {
+      type: String,
+      default: '15vh'
+    },
+    beforeClose: Function,
+    center: {
+      type: Boolean,
+      default: false
+    },
+    destroyOnClose: Boolean
+  },
+  data: function data() {
+    return {
+      closed: false,
+      key: 0
+    };
+  },
+  watch: {
+    visible: function visible(val) {
+      var _this = this;
+      if (val) {
+        this.closed = false;
+        this.$emit('open');
+        this.$el.addEventListener('scroll', this.updatePopper);
+        this.$nextTick(function () {
+          _this.$refs.dialog.scrollTop = 0;
+        });
+        if (this.appendToBody) {
+          document.body.appendChild(this.$el);
+        }
+      } else {
+        this.$el.removeEventListener('scroll', this.updatePopper);
+        if (!this.closed) this.$emit('close');
+        if (this.destroyOnClose) {
+          this.$nextTick(function () {
+            _this.key++;
+          });
+        }
+      }
+    }
+  },
+  computed: {
+    style: function style() {
+      var style = {};
+      if (!this.fullscreen) {
+        style.marginTop = this.top;
+        if (this.width) {
+          style.width = this.width;
+        }
+        if (this.scroll) {
+          style.maxHeight = "calc(100vh - " + this.top + " * 2)";
+        }
+      }
+      return style;
+    }
+  },
+  methods: {
+    getMigratingConfig: function getMigratingConfig() {
+      return {
+        props: {
+          'size': 'size is removed.'
+        }
+      };
+    },
+    handleWrapperClick: function handleWrapperClick() {
+      if (!this.closeOnClickModal) return;
+      this.handleClose();
+    },
+    handleClose: function handleClose() {
+      if (typeof this.beforeClose === 'function') {
+        this.beforeClose(this.hide);
+      } else {
+        this.hide();
+      }
+    },
+    hide: function hide(cancel) {
+      if (cancel !== false) {
+        this.$emit('update:visible', false);
+        this.$emit('close');
+        this.closed = true;
+      }
+    },
+    updatePopper: function updatePopper() {
+      this.broadcast('ElSelectDropdown', 'updatePopper');
+      this.broadcast('ElDropdownMenu', 'updatePopper');
+    },
+    afterEnter: function afterEnter() {
+      this.$emit('opened');
+    },
+    afterLeave: function afterLeave() {
+      this.$emit('closed');
+    }
+  },
+  mounted: function mounted() {
+    if (this.visible) {
+      this.rendered = true;
+      this.open();
+      if (this.appendToBody) {
+        document.body.appendChild(this.$el);
+      }
+    }
+  },
+  destroyed: function destroyed() {
+    // if appendToBody is true, remove DOM node after destroy
+    if (this.appendToBody && this.$el && this.$el.parentNode) {
+      this.$el.parentNode.removeChild(this.$el);
+    }
+  }
+});
+// CONCATENATED MODULE: ./src/components/dialog/src/index.vue?vue&type=script&lang=js&
+ /* harmony default export */ var dialog_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/dialog/src/index.vue
+
+
+
+
+
+/* normalize component */
+
+var component = Object(componentNormalizer["a" /* default */])(
+  dialog_srcvue_type_script_lang_js_,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var src = (component.exports);
+// CONCATENATED MODULE: ./src/components/dialog/index.js
+
+src.install = function (Vue) {
+  Vue.component(src.name, src);
+};
+/* harmony default export */ var dialog = __webpack_exports__["a"] = (src);
 
 /***/ }),
 /* 13 */
 /***/ (function(module, exports) {
 
-module.exports = require("element-ui/lib/row");
+module.exports = require("element-ui/lib/form");
 
 /***/ }),
 /* 14 */
 /***/ (function(module, exports) {
 
-module.exports = require("element-ui/lib/col");
+module.exports = require("element-ui/lib/row");
 
 /***/ }),
 /* 15 */
 /***/ (function(module, exports) {
 
-module.exports = require("component-ui/lib/components/form-item");
+module.exports = require("element-ui/lib/col");
 
 /***/ }),
-/* 16 */,
-/* 17 */,
-/* 18 */
+/* 16 */
 /***/ (function(module, exports) {
 
-module.exports = require("element-ui/lib/dialog");
+module.exports = require("@panpanzhao/component-ui/lib/components/form-item");
 
 /***/ }),
+/* 17 */,
+/* 18 */,
 /* 19 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -547,7 +862,7 @@ 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/index.js + 5 modules
-var components_form = __webpack_require__(5);
+var components_form = __webpack_require__(9);
 
 // CONCATENATED MODULE: ./src/components/form-group/src/content.js
 
@@ -629,19 +944,19 @@ var components_form = __webpack_require__(5);
   }
 });
 // EXTERNAL MODULE: external "element-ui/lib/tabs"
-var tabs_ = __webpack_require__(7);
+var tabs_ = __webpack_require__(5);
 var tabs_default = /*#__PURE__*/__webpack_require__.n(tabs_);
 
 // EXTERNAL MODULE: external "element-ui/lib/tab-pane"
-var tab_pane_ = __webpack_require__(8);
+var tab_pane_ = __webpack_require__(6);
 var tab_pane_default = /*#__PURE__*/__webpack_require__.n(tab_pane_);
 
 // EXTERNAL MODULE: external "element-ui/lib/collapse"
-var collapse_ = __webpack_require__(9);
+var collapse_ = __webpack_require__(7);
 var collapse_default = /*#__PURE__*/__webpack_require__.n(collapse_);
 
 // EXTERNAL MODULE: external "element-ui/lib/collapse-item"
-var collapse_item_ = __webpack_require__(10);
+var collapse_item_ = __webpack_require__(8);
 var collapse_item_default = /*#__PURE__*/__webpack_require__.n(collapse_item_);
 
 // CONCATENATED MODULE: ./src/components/form-group/src/index.js
@@ -896,11 +1211,30 @@ src.install = function (Vue) {
 
 /***/ }),
 /* 20 */,
-/* 21 */,
-/* 22 */,
-/* 23 */,
+/* 21 */
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/src/utils/popup");
+
+/***/ }),
+/* 22 */
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/src/mixins/migrating");
+
+/***/ }),
+/* 23 */
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/src/mixins/emitter");
+
+/***/ }),
 /* 24 */,
-/* 25 */
+/* 25 */,
+/* 26 */,
+/* 27 */,
+/* 28 */,
+/* 29 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -911,21 +1245,20 @@ __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: external "element-ui/lib/dialog"
-var dialog_ = __webpack_require__(18);
-var dialog_default = /*#__PURE__*/__webpack_require__.n(dialog_);
+// EXTERNAL MODULE: ./src/components/dialog/index.js + 5 modules
+var dialog = __webpack_require__(12);
 
 // EXTERNAL MODULE: external "element-ui/lib/button"
 var button_ = __webpack_require__(4);
 var button_default = /*#__PURE__*/__webpack_require__.n(button_);
 
 // EXTERNAL MODULE: ./src/components/form/index.js + 5 modules
-var components_form = __webpack_require__(5);
+var components_form = __webpack_require__(9);
 
 // EXTERNAL MODULE: ./src/components/form-group/index.js + 2 modules
 var form_group = __webpack_require__(19);
 
-// EXTERNAL MODULE: external "component-ui/lib/utils/formula"
+// EXTERNAL MODULE: external "@panpanzhao/component-ui/lib/utils/formula"
 var formula_ = __webpack_require__(2);
 
 // EXTERNAL MODULE: external "lodash"
@@ -949,7 +1282,7 @@ var external_lodash_ = __webpack_require__(3);
   components: {
     Form: components_form["default"],
     FormGroup: form_group["default"],
-    elDialog: dialog_default.a,
+    Dialog: dialog["a" /* default */],
     Tool: {
       components: {
         elButton: button_default.a
@@ -1153,7 +1486,7 @@ var external_lodash_ = __webpack_require__(3);
         }
       })
     };
-    return h("el-dialog", babel_helper_vue_jsx_merge_props_default()([{}, param]), [h("template", {
+    return h(dialog["a" /* default */], babel_helper_vue_jsx_merge_props_default()([{}, param]), [h("template", {
       "slot": "title",
       "class": "dialog-title"
     }, [this.renderTitle(h)]), h("template", {