@deanwu/vue-component-library 1.0.15 → 1.0.17

package/dist/vue-component-library.umd.js

@@ -1683,6 +1683,8 @@ if (typeof window !== 'undefined') {
 // Indicate to webpack that this file can be concatenated
 /* harmony default export */ var setPublicPath = (null);
 
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.push.js
+var es_array_push = __webpack_require__(7658);
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/unit/button.vue?vue&type=template&id=73616ebe&scoped=true&
 var render = function render() {
   var _vm = this,
@@ -2256,7 +2258,9 @@ var radiovue_type_template_id_07d956d7_scoped_true_staticRenderFns = [];
 // import Vue from 'vue'
 
 function createStore(data) {
-  return {};
+  return {
+    commit: function () {}
+  };
   // return new (Vue.extend({
   // 	data() {
   // 		return data
@@ -2702,8 +2706,6 @@ var selectvue_type_template_id_752f2375_staticRenderFns = [function () {
 
 ;// CONCATENATED MODULE: ./src/components/unit/select.vue?vue&type=template&id=752f2375&
 
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.push.js
-var es_array_push = __webpack_require__(7658);
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/unit/select.vue?vue&type=script&lang=js&
 
 
@@ -3479,6 +3481,721 @@ var file_component = normalizeComponent(
 )
 
 /* harmony default export */ var file = (file_component.exports);
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/popup/dialog.vue?vue&type=template&id=a69b8388&scoped=true&
+var dialogvue_type_template_id_a69b8388_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.show,
+      expression: "show"
+    }]
+  }, [_c('div', {
+    staticClass: "popup-mask an an-fadein",
+    class: {
+      'an-fadeout': !_vm.active
+    },
+    staticStyle: {
+      "z-index": "101"
+    }
+  }), _c('div', {
+    ref: "wrapper",
+    staticClass: "c-dialog-wrapper",
+    attrs: {
+      "mode": _vm.mode
+    }
+  }, [_c('div', {
+    staticClass: "c-dialog flex-column an",
+    class: {
+      [_vm.animate]: _vm.active,
+      'an-fadeout': !_vm.active
+    },
+    style: {
+      'width': _vm.parsePixel(_vm.compWidth)
+    },
+    attrs: {
+      "mode": _vm.mode,
+      "confirm": _vm.confirm
+    }
+  }, [_vm.title !== false ? _c('div', {
+    staticClass: "c-dialog-head"
+  }, [_c('p', [_vm._v(_vm._s(_vm.title))])]) : _vm._e(), _vm.closeButton ? _c('div', {
+    staticClass: "c-dialog-close flex-center",
+    on: {
+      "click": _vm.close
+    }
+  }, [_c('i', {
+    staticClass: "tf tf-cross"
+  })]) : _vm._e(), _c('div', {
+    ref: "content",
+    class: {
+      'flex-grow': _vm.mode == 'slide'
+    },
+    style: {
+      'height': _vm.parsePixel(_vm.compHeight),
+      'padding-bottom': _vm.oddHeight ? '1px' : '',
+      'overflow': _vm.compHeight == 'auto' ? '' : 'auto'
+    }
+  }, [_vm._t("default")], 2), _vm.button ? _c('div', {
+    staticClass: "c-dialog-button flex-center-cross flex-end-center"
+  }, [_vm.$slots.button ? _vm._t("button") : [_c('c-button', {
+    attrs: {
+      "size": "m"
+    },
+    on: {
+      "click": function ($event) {
+        return _vm.buttonHandle('resolve');
+      }
+    }
+  }, [_vm._v(_vm._s(_vm.buttonName))]), _vm.cancelButton ? _c('c-button', {
+    attrs: {
+      "color": "black",
+      "size": "m",
+      "hollow": ""
+    },
+    on: {
+      "click": function ($event) {
+        return _vm.buttonHandle('cancel');
+      }
+    }
+  }, [_vm._v(_vm._s(_vm.cancelButtonnName))]) : _vm._e()]], 2) : _vm._e()])])]);
+};
+var dialogvue_type_template_id_a69b8388_scoped_true_staticRenderFns = [];
+
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/popup/dialog.vue?vue&type=script&lang=js&
+/* harmony default export */ var dialogvue_type_script_lang_js_ = ({
+  name: 'cDialog',
+  props: {
+    mode: {
+      // 打开模式（popup: 渐显; slide: 侧滑)
+      type: String,
+      default: 'popup'
+    },
+    confirm: Boolean,
+    title: {
+      type: [String, Boolean],
+      default: ''
+    },
+    width: [Number, String],
+    height: {
+      type: [Number, String],
+      default: 'auto'
+    },
+    closeButton: {
+      type: Boolean,
+      default: true
+    },
+    button: {
+      type: Boolean,
+      default: true
+    },
+    buttonName: {
+      type: String,
+      default: '确定'
+    },
+    cancelButton: {
+      type: Boolean,
+      default: true
+    },
+    cancelButtonnName: {
+      type: String,
+      default: '取消'
+    }
+  },
+  data() {
+    return {
+      show: false,
+      active: false,
+      oddHeight: false
+    };
+  },
+  computed: {
+    compWidth() {
+      return this.width || {
+        popup: 750,
+        slide: 600
+      }[this.mode];
+    },
+    compHeight() {
+      return this.mode == 'slide' ? 0 : this.height;
+    },
+    animate() {
+      return {
+        popup: 'an-popup',
+        slide: 'an-slidein'
+      }[this.mode];
+    }
+  },
+  mounted() {
+    this._observer = new MutationObserver(this.updateOddHeight);
+    this._observer.observe(this.$refs.content, {
+      childList: true,
+      subtree: true
+    });
+  },
+  beforeDestroy() {
+    this._observer.disconnect();
+  },
+  methods: {
+    updateOddHeight() {
+      if (this.show) {
+        this.$nextTick(() => {
+          this.oddHeight = (this.$refs.wrapper.getBoundingClientRect().height - (this.oddHeight ? 1 : 0)) % 2 == 1;
+        });
+      }
+    },
+    open() {
+      this.active = true;
+      this.show = true;
+      this.updateOddHeight();
+    },
+    close() {
+      this.active = false;
+      this.$emit('close');
+      setTimeout(() => {
+        this.show = false;
+      }, 250);
+    },
+    buttonHandle(state) {
+      let stop = false;
+      this.$emit(state, () => {
+        stop = true;
+      });
+      !stop && this.close();
+    }
+  }
+});
+;// CONCATENATED MODULE: ./src/components/popup/dialog.vue?vue&type=script&lang=js&
+ /* harmony default export */ var popup_dialogvue_type_script_lang_js_ = (dialogvue_type_script_lang_js_); 
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-79.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-79.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-79.use[2]!./node_modules/stylus-loader/index.js??clonedRuleSet-79.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/popup/dialog.vue?vue&type=style&index=0&id=a69b8388&prod&lang=stylus&scoped=true&
+// extracted by mini-css-extract-plugin
+
+;// CONCATENATED MODULE: ./src/components/popup/dialog.vue?vue&type=style&index=0&id=a69b8388&prod&lang=stylus&scoped=true&
+
+;// CONCATENATED MODULE: ./src/components/popup/dialog.vue
+
+
+
+;
+
+
+/* normalize component */
+
+var dialog_component = normalizeComponent(
+  popup_dialogvue_type_script_lang_js_,
+  dialogvue_type_template_id_a69b8388_scoped_true_render,
+  dialogvue_type_template_id_a69b8388_scoped_true_staticRenderFns,
+  false,
+  null,
+  "a69b8388",
+  null
+  
+)
+
+/* harmony default export */ var dialog = (dialog_component.exports);
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/popup/loading.vue?vue&type=template&id=1786b91e&
+var loadingvue_type_template_id_1786b91e_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div');
+};
+var loadingvue_type_template_id_1786b91e_staticRenderFns = [];
+
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/popup/loading.vue?vue&type=script&lang=js&
+/* harmony default export */ var loadingvue_type_script_lang_js_ = ({
+  name: 'loading',
+  data() {
+    return {
+      message: '',
+      // 消息内容
+      timeout: 10000 // 自动消失时长
+    };
+  },
+
+  created() {
+    this._$message = this.$message({
+      type: 'loading',
+      message: this.message,
+      timeout: this.timeout,
+      mask: true
+    });
+  },
+  methods: {
+    close() {
+      this._$message.close();
+    }
+  }
+});
+;// CONCATENATED MODULE: ./src/components/popup/loading.vue?vue&type=script&lang=js&
+ /* harmony default export */ var popup_loadingvue_type_script_lang_js_ = (loadingvue_type_script_lang_js_); 
+;// CONCATENATED MODULE: ./src/components/popup/loading.vue
+
+
+
+
+
+/* normalize component */
+;
+var loading_component = normalizeComponent(
+  popup_loadingvue_type_script_lang_js_,
+  loadingvue_type_template_id_1786b91e_render,
+  loadingvue_type_template_id_1786b91e_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var loading = (loading_component.exports);
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/popup/message.vue?vue&type=template&id=54a8762f&scoped=true&
+var messagevue_type_template_id_54a8762f_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', [_vm.mask ? _c('div', {
+    staticClass: "popup-mask",
+    staticStyle: {
+      "z-index": "999"
+    },
+    attrs: {
+      "invisible": ""
+    }
+  }) : _vm._e(), _c('div', {
+    staticClass: "c-message flex flex-center an",
+    class: {
+      'an-fadein': _vm.active,
+      'an-fadeout': !_vm.active
+    },
+    style: {
+      'min-width': _vm.type == 'loading' ? 'auto' : ''
+    }
+  }, [_c('i', {
+    staticClass: "tf tf-message",
+    class: _vm.type ? `tf-message-${_vm.type}` : ''
+  }), _vm.message ? _c('p', {
+    domProps: {
+      "innerHTML": _vm._s(_vm.message)
+    }
+  }) : _vm._e()])]);
+};
+var messagevue_type_template_id_54a8762f_scoped_true_staticRenderFns = [];
+
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/popup/message.vue?vue&type=script&lang=js&
+/* harmony default export */ var messagevue_type_script_lang_js_ = ({
+  name: 'message',
+  data() {
+    return {
+      type: '',
+      // 消息类型 (success: 成功; fail: 失败; warn: 警告;)
+      message: '',
+      // 消息内容
+      timeout: 2500,
+      // 自动消失时长
+      mask: false,
+      // 是否显示遮罩
+      active: true
+    };
+  },
+  mounted() {
+    window._$messageVm && window._$messageVm.close();
+    window._$messageVm = this;
+    this.timeout && (this._timer = setTimeout(this.close, this.timeout));
+  },
+  methods: {
+    close() {
+      this.active = false;
+      clearTimeout(this._timer);
+      setTimeout(() => {
+        this.$destroy();
+        this.$el.remove();
+      }, 250);
+    }
+  }
+});
+;// CONCATENATED MODULE: ./src/components/popup/message.vue?vue&type=script&lang=js&
+ /* harmony default export */ var popup_messagevue_type_script_lang_js_ = (messagevue_type_script_lang_js_); 
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-79.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-79.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-79.use[2]!./node_modules/stylus-loader/index.js??clonedRuleSet-79.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/popup/message.vue?vue&type=style&index=0&id=54a8762f&prod&lang=stylus&scoped=true&
+// extracted by mini-css-extract-plugin
+
+;// CONCATENATED MODULE: ./src/components/popup/message.vue?vue&type=style&index=0&id=54a8762f&prod&lang=stylus&scoped=true&
+
+;// CONCATENATED MODULE: ./src/components/popup/message.vue
+
+
+
+;
+
+
+/* normalize component */
+
+var message_component = normalizeComponent(
+  popup_messagevue_type_script_lang_js_,
+  messagevue_type_template_id_54a8762f_scoped_true_render,
+  messagevue_type_template_id_54a8762f_scoped_true_staticRenderFns,
+  false,
+  null,
+  "54a8762f",
+  null
+  
+)
+
+/* harmony default export */ var message = (message_component.exports);
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/popup/notice.vue?vue&type=template&id=4669efae&scoped=true&
+var noticevue_type_template_id_4669efae_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    staticClass: "c-notice an",
+    class: {
+      'an-slidein': _vm.active,
+      'an-fadeout': !_vm.active
+    },
+    style: {
+      'margin-top': _vm.active ? '' : -_vm.height + 'px'
+    }
+  }, [_c('div', {
+    staticClass: "flex"
+  }, [_c('i', {
+    staticClass: "icon tf tf-message",
+    class: _vm.type ? `tf-message-${_vm.type}` : '',
+    attrs: {
+      "color": ""
+    }
+  }), _c('div', {
+    staticClass: "flex-grow"
+  }, [_c('p', {
+    staticClass: "title"
+  }, [_vm._v(_vm._s(_vm.title))]), _c('div', {
+    staticClass: "content",
+    domProps: {
+      "innerHTML": _vm._s(_vm.message)
+    }
+  })])]), _vm.button ? _c('div', {
+    staticClass: "button"
+  }, _vm._l(_vm.button, function (item, i) {
+    return _c('a', {
+      key: i,
+      on: {
+        "click": function ($event) {
+          return _vm.buttonHandle(item);
+        }
+      }
+    }, [_vm._v(_vm._s(item.name))]);
+  }), 0) : _vm._e(), _c('a', {
+    staticClass: "close flex-center",
+    on: {
+      "click": _vm.close
+    }
+  }, [_c('i', {
+    staticClass: "tf tf-cross"
+  })])]);
+};
+var noticevue_type_template_id_4669efae_scoped_true_staticRenderFns = [];
+
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/popup/notice.vue?vue&type=script&lang=js&
+/* harmony default export */ var noticevue_type_script_lang_js_ = ({
+  name: 'notice',
+  data() {
+    return {
+      type: '',
+      // 通知类型 (success: 成功; fail: 失败; warn: 警告;)
+      title: '',
+      // 通知标题
+      message: '',
+      // 通知内容
+      timeout: 10000,
+      // 自动消失时长
+      button: false,
+      // 按钮
+      active: true,
+      height: 0
+    };
+  },
+  mounted() {
+    this.$nextTick(() => {
+      this.height = this.$el.clientHeight;
+    });
+    this.timeout && (this._timer = setTimeout(this.close, this.timeout));
+  },
+  methods: {
+    close() {
+      this.active = false;
+      clearTimeout(this._timer);
+      setTimeout(() => {
+        this.$destroy();
+        this.$el.remove();
+      }, 450);
+    },
+    buttonHandle(item) {
+      item.callback();
+      this.close();
+    }
+  }
+});
+;// CONCATENATED MODULE: ./src/components/popup/notice.vue?vue&type=script&lang=js&
+ /* harmony default export */ var popup_noticevue_type_script_lang_js_ = (noticevue_type_script_lang_js_); 
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-79.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-79.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-79.use[2]!./node_modules/stylus-loader/index.js??clonedRuleSet-79.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/popup/notice.vue?vue&type=style&index=0&id=4669efae&prod&lang=stylus&scoped=true&
+// extracted by mini-css-extract-plugin
+
+;// CONCATENATED MODULE: ./src/components/popup/notice.vue?vue&type=style&index=0&id=4669efae&prod&lang=stylus&scoped=true&
+
+;// CONCATENATED MODULE: ./src/components/popup/notice.vue
+
+
+
+;
+
+
+/* normalize component */
+
+var notice_component = normalizeComponent(
+  popup_noticevue_type_script_lang_js_,
+  noticevue_type_template_id_4669efae_scoped_true_render,
+  noticevue_type_template_id_4669efae_scoped_true_staticRenderFns,
+  false,
+  null,
+  "4669efae",
+  null
+  
+)
+
+/* harmony default export */ var notice = (notice_component.exports);
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/popup/confirm.vue?vue&type=template&id=63f1dde7&scoped=true&
+var confirmvue_type_template_id_63f1dde7_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('c-dialog', {
+    ref: "dialog",
+    attrs: {
+      "confirm": "",
+      "title": false,
+      "width": "450",
+      "close-button": false
+    }
+  }, [_c('div', {
+    staticClass: "c-confirm flex"
+  }, [_c('i', {
+    staticClass: "icon tf",
+    class: _vm.type ? `tf-message-${_vm.type}` : '',
+    attrs: {
+      "color": ""
+    }
+  }), _c('div', {
+    staticClass: "flex-grow"
+  }, [_c('p', {
+    staticClass: "title"
+  }, [_vm._v(_vm._s(_vm.title))]), _c('div', {
+    staticClass: "content",
+    domProps: {
+      "innerHTML": _vm._s(_vm.message)
+    }
+  })])]), _c('template', {
+    slot: "button"
+  }, [_c('c-button', {
+    attrs: {
+      "width": "72",
+      "height": "34",
+      "size": "m"
+    },
+    on: {
+      "click": function ($event) {
+        return _vm.buttonHandle('resolve');
+      }
+    }
+  }, [_vm._v(_vm._s(_vm.buttonName))]), _vm.cancelButton ? _c('c-button', {
+    attrs: {
+      "width": "72",
+      "height": "34",
+      "size": "m",
+      "color": "black",
+      "hollow": ""
+    },
+    on: {
+      "click": function ($event) {
+        return _vm.buttonHandle('cancel');
+      }
+    }
+  }, [_vm._v(_vm._s(_vm.cancelButtonName))]) : _vm._e()], 1)], 2);
+};
+var confirmvue_type_template_id_63f1dde7_scoped_true_staticRenderFns = [];
+
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/popup/confirm.vue?vue&type=script&lang=js&
+/* harmony default export */ var confirmvue_type_script_lang_js_ = ({
+  name: 'confirm',
+  data() {
+    return {
+      type: 'enquire',
+      // 消息类型 (enquire: 询问; warn: 警告;)
+      title: '消息提醒',
+      // 消息标题
+      message: '',
+      // 消息内容
+      buttonName: '确定',
+      cancelButton: true,
+      cancelButtonName: '取消'
+    };
+  },
+  mounted() {
+    this.$refs.dialog.open();
+  },
+  methods: {
+    buttonHandle(state) {
+      this[state] && this[state]();
+      this.$refs.dialog.close();
+      setTimeout(() => {
+        this.$destroy();
+        this.$el.remove();
+      }, 260);
+    }
+  }
+});
+;// CONCATENATED MODULE: ./src/components/popup/confirm.vue?vue&type=script&lang=js&
+ /* harmony default export */ var popup_confirmvue_type_script_lang_js_ = (confirmvue_type_script_lang_js_); 
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-79.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-79.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-79.use[2]!./node_modules/stylus-loader/index.js??clonedRuleSet-79.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/popup/confirm.vue?vue&type=style&index=0&id=63f1dde7&prod&lang=stylus&scoped=true&
+// extracted by mini-css-extract-plugin
+
+;// CONCATENATED MODULE: ./src/components/popup/confirm.vue?vue&type=style&index=0&id=63f1dde7&prod&lang=stylus&scoped=true&
+
+;// CONCATENATED MODULE: ./src/components/popup/confirm.vue
+
+
+
+;
+
+
+/* normalize component */
+
+var confirm_component = normalizeComponent(
+  popup_confirmvue_type_script_lang_js_,
+  confirmvue_type_template_id_63f1dde7_scoped_true_render,
+  confirmvue_type_template_id_63f1dde7_scoped_true_staticRenderFns,
+  false,
+  null,
+  "63f1dde7",
+  null
+  
+)
+
+/* harmony default export */ var popup_confirm = (confirm_component.exports);
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/popup/preview.vue?vue&type=template&id=dc0d36ce&scoped=true&
+var previewvue_type_template_id_dc0d36ce_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('c-dialog', {
+    ref: "dialog",
+    attrs: {
+      "title": false,
+      "width": "auto",
+      "button": false
+    }
+  }, [_c('div', {
+    staticClass: "preview-close flex-center",
+    on: {
+      "click": _vm.close
+    }
+  }, [_c('i', {
+    staticClass: "tf tf-cross"
+  })]), _vm.video ? _c('video', {
+    ref: "video",
+    staticClass: "preview-video",
+    attrs: {
+      "src": _vm.src,
+      "controls": "",
+      "loop": "",
+      "autoplay": ""
+    }
+  }) : _c('img', {
+    ref: "img",
+    staticClass: "preview-img",
+    attrs: {
+      "src": _vm.src
+    }
+  })]);
+};
+var previewvue_type_template_id_dc0d36ce_scoped_true_staticRenderFns = [];
+
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/popup/preview.vue?vue&type=script&lang=js&
+/* harmony default export */ var previewvue_type_script_lang_js_ = ({
+  name: 'preview',
+  data() {
+    return {
+      src: ''
+    };
+  },
+  computed: {
+    video() {
+      var arr = this.src.split('.');
+      return ['mp4', 'webm'].includes(arr[arr.length - 1]);
+    }
+  },
+  mounted() {
+    if (!this.src) return;
+    this.$loading();
+    if (this.video) {
+      this.$refs.video.addEventListener('play', () => {
+        this.$loadOver();
+        this.$refs.dialog.open();
+      });
+      this.$refs.video.addEventListener('error', () => {
+        this.$loadOver();
+        this.$message({
+          type: 'fail',
+          message: '视频加载失败'
+        });
+      });
+    } else {
+      this.$refs.img.onload = () => {
+        this.$loadOver();
+        this.$refs.dialog.open();
+      };
+      this.$refs.img.onerror = () => {
+        this.$loadOver();
+        this.$message({
+          type: 'fail',
+          message: '图片加载失败'
+        });
+      };
+    }
+  },
+  methods: {
+    close() {
+      this.$refs.dialog.close();
+      setTimeout(() => {
+        this.$el.remove();
+      }, 260);
+    }
+  }
+});
+;// CONCATENATED MODULE: ./src/components/popup/preview.vue?vue&type=script&lang=js&
+ /* harmony default export */ var popup_previewvue_type_script_lang_js_ = (previewvue_type_script_lang_js_); 
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-79.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-79.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-79.use[2]!./node_modules/stylus-loader/index.js??clonedRuleSet-79.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/popup/preview.vue?vue&type=style&index=0&id=dc0d36ce&prod&lang=stylus&scoped=true&
+// extracted by mini-css-extract-plugin
+
+;// CONCATENATED MODULE: ./src/components/popup/preview.vue?vue&type=style&index=0&id=dc0d36ce&prod&lang=stylus&scoped=true&
+
+;// CONCATENATED MODULE: ./src/components/popup/preview.vue
+
+
+
+;
+
+
+/* normalize component */
+
+var preview_component = normalizeComponent(
+  popup_previewvue_type_script_lang_js_,
+  previewvue_type_template_id_dc0d36ce_scoped_true_render,
+  previewvue_type_template_id_dc0d36ce_scoped_true_staticRenderFns,
+  false,
+  null,
+  "dc0d36ce",
+  null
+  
+)
+
+/* harmony default export */ var preview = (preview_component.exports);
 ;// CONCATENATED MODULE: ./src/components/index.js
 
 
@@ -3490,87 +4207,78 @@ var file_component = normalizeComponent(
 
 
 
+
+
+
+
+
 // import Editor from './unit/editor.vue'
 
-// import cDialog from './popup/dialog.vue'
-// import loading from './popup/loading.vue';
-// import message from './popup/message.vue';
-// import notice from './popup/notice.vue';
-// import confirm from './popup/confirm.vue';
-// import preview from './popup/preview.vue';
 
-const COMPS = [unit_button, input, unit_radio, radio_group, unit_checkbox, checkbox_group, unit_select, region, upload_file, file
+
+
+
+
+
+const COMPS = [unit_button, input, unit_radio, radio_group, unit_checkbox, checkbox_group, unit_select, region, upload_file, file,
 // Editor,
-// cDialog
-];
-// const DYNAMIC_COMPS = [
-// 	loading,
-// 	message,
-// 	notice,
-// 	confirm,
-// 	preview
-// ];
+dialog];
+const DYNAMIC_COMPS = [loading, message, notice, popup_confirm, preview];
 const install = function (Vue, config) {
   COMPS.forEach(comp => {
     Vue.component(comp.name, comp);
   });
-
-  // var popupNoticeList = [];
-  // var $popupNotice = document.createElement('div');
-  // $popupNotice.style.zIndex = 999;
-  // $popupNotice.style.position = 'fixed';
-  // $popupNotice.style.right = 0;
-  // $popupNotice.style.top = 0;
-  // document.body.appendChild($popupNotice);
-  // DYNAMIC_COMPS.forEach(comp => {
-  // 	let constructor = Vue.extend(comp);
-  // 	Vue.prototype[`$${comp.name}`] = function(opt = {}) {
-  // 		let vm = new constructor({
-  // 			el: document.createElement('div'),
-  // 			data() {
-  // 				return opt
-  // 			},
-  // 			mounted() {
-  // 				if (this.$options.name == 'notice') {
-  // 					this.$nextTick(() => {
-  // 						if ($popupNotice.clientHeight > window.innerHeight) {
-  // 							popupNoticeList[0].close();
-  // 						}
-  // 					});
-  // 				}
-  // 			},
-  // 			beforeDestroy() {
-  // 				if (this.$options.name == 'notice') {
-  // 					this.$nextTick(() => {
-  // 						popupNoticeList.splice(popupNoticeList.findIndex(item => item == this), 1);
-  // 						if ($popupNotice.clientHeight > window.innerHeight) {
-  // 							popupNoticeList[0].close();
-  // 						}
-  // 					});
-  // 				}
-  // 			}
-  // 		});
-
-  // 		switch (comp.name) {
-  // 		case 'loading':
-  // 			Vue.prototype.$loadOver = function() {
-  // 				vm.close();
-  // 			};
-
-  // 		case 'notice':
-  // 			popupNoticeList.push(vm);
-  // 			$popupNotice.appendChild(vm.$el);
-  // 			break;
-
-  // 		default:
-  // 			document.body.appendChild(vm.$el);
-  // 		}
-
-  // 		return vm;
-  // 	}
-  // });
+  var popupNoticeList = [];
+  var $popupNotice = document.createElement('div');
+  $popupNotice.style.zIndex = 999;
+  $popupNotice.style.position = 'fixed';
+  $popupNotice.style.right = 0;
+  $popupNotice.style.top = 0;
+  document.body.appendChild($popupNotice);
+  DYNAMIC_COMPS.forEach(comp => {
+    let constructor = Vue.extend(comp);
+    Vue.prototype[`$${comp.name}`] = function (opt = {}) {
+      let vm = new constructor({
+        el: document.createElement('div'),
+        data() {
+          return opt;
+        },
+        mounted() {
+          if (this.$options.name == 'notice') {
+            this.$nextTick(() => {
+              if ($popupNotice.clientHeight > window.innerHeight) {
+                popupNoticeList[0].close();
+              }
+            });
+          }
+        },
+        beforeDestroy() {
+          if (this.$options.name == 'notice') {
+            this.$nextTick(() => {
+              popupNoticeList.splice(popupNoticeList.findIndex(item => item == this), 1);
+              if ($popupNotice.clientHeight > window.innerHeight) {
+                popupNoticeList[0].close();
+              }
+            });
+          }
+        }
+      });
+      switch (comp.name) {
+        case 'loading':
+          Vue.prototype.$loadOver = function () {
+            vm.close();
+          };
+        case 'notice':
+          popupNoticeList.push(vm);
+          $popupNotice.appendChild(vm.$el);
+          break;
+        default:
+          document.body.appendChild(vm.$el);
+      }
+      return vm;
+    };
+  });
 };
-
 /* harmony default export */ var components = (install);
 ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/lib/commands/build/entry-lib.js