123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828 |
- module.exports =
- /******/ (function(modules) { // webpackBootstrap
- /******/ // The module cache
- /******/ var installedModules = {};
- /******/
- /******/ // The require function
- /******/ function __webpack_require__(moduleId) {
- /******/
- /******/ // Check if module is in cache
- /******/ if(installedModules[moduleId]) {
- /******/ return installedModules[moduleId].exports;
- /******/ }
- /******/ // Create a new module (and put it into the cache)
- /******/ var module = installedModules[moduleId] = {
- /******/ i: moduleId,
- /******/ l: false,
- /******/ exports: {}
- /******/ };
- /******/
- /******/ // Execute the module function
- /******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
- /******/
- /******/ // Flag the module as loaded
- /******/ module.l = true;
- /******/
- /******/ // Return the exports of the module
- /******/ return module.exports;
- /******/ }
- /******/
- /******/
- /******/ // expose the modules object (__webpack_modules__)
- /******/ __webpack_require__.m = modules;
- /******/
- /******/ // expose the module cache
- /******/ __webpack_require__.c = installedModules;
- /******/
- /******/ // define getter function for harmony exports
- /******/ __webpack_require__.d = function(exports, name, getter) {
- /******/ if(!__webpack_require__.o(exports, name)) {
- /******/ Object.defineProperty(exports, name, { enumerable: true, get: getter });
- /******/ }
- /******/ };
- /******/
- /******/ // define __esModule on exports
- /******/ __webpack_require__.r = function(exports) {
- /******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
- /******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
- /******/ }
- /******/ Object.defineProperty(exports, '__esModule', { value: true });
- /******/ };
- /******/
- /******/ // create a fake namespace object
- /******/ // mode & 1: value is a module id, require it
- /******/ // mode & 2: merge all properties of value into the ns
- /******/ // mode & 4: return value when already ns object
- /******/ // mode & 8|1: behave like require
- /******/ __webpack_require__.t = function(value, mode) {
- /******/ if(mode & 1) value = __webpack_require__(value);
- /******/ if(mode & 8) return value;
- /******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
- /******/ var ns = Object.create(null);
- /******/ __webpack_require__.r(ns);
- /******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value });
- /******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
- /******/ return ns;
- /******/ };
- /******/
- /******/ // getDefaultExport function for compatibility with non-harmony modules
- /******/ __webpack_require__.n = function(module) {
- /******/ var getter = module && module.__esModule ?
- /******/ function getDefault() { return module['default']; } :
- /******/ function getModuleExports() { return module; };
- /******/ __webpack_require__.d(getter, 'a', getter);
- /******/ return getter;
- /******/ };
- /******/
- /******/ // Object.prototype.hasOwnProperty.call
- /******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
- /******/
- /******/ // __webpack_public_path__
- /******/ __webpack_require__.p = "/dist/";
- /******/
- /******/
- /******/ // Load entry module and return exports
- /******/ return __webpack_require__(__webpack_require__.s = 69);
- /******/ })
- /************************************************************************/
- /******/ ({
- /***/ 0:
- /***/ (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, 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 functioal 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
- }
- }
- /***/ }),
- /***/ 3:
- /***/ (function(module, exports) {
- module.exports = require("element-ui/lib/utils/util");
- /***/ }),
- /***/ 4:
- /***/ (function(module, exports) {
- module.exports = require("element-ui/lib/mixins/emitter");
- /***/ }),
- /***/ 48:
- /***/ (function(module, exports) {
- module.exports = require("async-validator");
- /***/ }),
- /***/ 69:
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- __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/form-item.vue?vue&type=template&id=b6f3db6c&
- var render = function() {
- var _vm = this
- var _h = _vm.$createElement
- var _c = _vm._self._c || _h
- return _c(
- "div",
- {
- staticClass: "el-form-item",
- class: [
- {
- "el-form-item--feedback": _vm.elForm && _vm.elForm.statusIcon,
- "is-error": _vm.validateState === "error",
- "is-validating": _vm.validateState === "validating",
- "is-success": _vm.validateState === "success",
- "is-required": _vm.isRequired || _vm.required,
- "is-no-asterisk": _vm.elForm && _vm.elForm.hideRequiredAsterisk
- },
- _vm.sizeClass ? "el-form-item--" + _vm.sizeClass : ""
- ]
- },
- [
- _c(
- "label-wrap",
- {
- attrs: {
- "is-auto-width": _vm.labelStyle && _vm.labelStyle.width === "auto",
- "update-all": _vm.form.labelWidth === "auto"
- }
- },
- [
- _vm.label || _vm.$slots.label
- ? _c(
- "label",
- {
- staticClass: "el-form-item__label",
- style: _vm.labelStyle,
- attrs: { for: _vm.labelFor }
- },
- [
- _vm._t("label", [
- _vm._v(_vm._s(_vm.label + _vm.form.labelSuffix))
- ])
- ],
- 2
- )
- : _vm._e()
- ]
- ),
- _c(
- "div",
- { staticClass: "el-form-item__content", style: _vm.contentStyle },
- [
- _vm._t("default"),
- _c(
- "transition",
- { attrs: { name: "el-zoom-in-top" } },
- [
- _vm.validateState === "error" &&
- _vm.showMessage &&
- _vm.form.showMessage
- ? _vm._t(
- "error",
- [
- _c(
- "div",
- {
- staticClass: "el-form-item__error",
- class: {
- "el-form-item__error--inline":
- typeof _vm.inlineMessage === "boolean"
- ? _vm.inlineMessage
- : (_vm.elForm && _vm.elForm.inlineMessage) ||
- false
- }
- },
- [
- _vm._v(
- "\n " +
- _vm._s(_vm.validateMessage) +
- "\n "
- )
- ]
- )
- ],
- { error: _vm.validateMessage }
- )
- : _vm._e()
- ],
- 2
- )
- ],
- 2
- )
- ],
- 1
- )
- }
- var staticRenderFns = []
- render._withStripped = true
- // CONCATENATED MODULE: ./packages/form/src/form-item.vue?vue&type=template&id=b6f3db6c&
- // EXTERNAL MODULE: external "async-validator"
- var external_async_validator_ = __webpack_require__(48);
- var external_async_validator_default = /*#__PURE__*/__webpack_require__.n(external_async_validator_);
- // EXTERNAL MODULE: external "element-ui/lib/mixins/emitter"
- var emitter_ = __webpack_require__(4);
- var emitter_default = /*#__PURE__*/__webpack_require__.n(emitter_);
- // EXTERNAL MODULE: external "element-ui/lib/utils/merge"
- var merge_ = __webpack_require__(9);
- var merge_default = /*#__PURE__*/__webpack_require__.n(merge_);
- // EXTERNAL MODULE: external "element-ui/lib/utils/util"
- var util_ = __webpack_require__(3);
- // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/form/src/label-wrap.vue?vue&type=script&lang=js&
- /* harmony default export */ var label_wrapvue_type_script_lang_js_ = ({
- props: {
- isAutoWidth: Boolean,
- updateAll: Boolean
- },
- inject: ['elForm', 'elFormItem'],
- render: function render() {
- var h = arguments[0];
- var slots = this.$slots.default;
- if (!slots) return null;
- if (this.isAutoWidth) {
- var autoLabelWidth = this.elForm.autoLabelWidth;
- var style = {};
- if (autoLabelWidth && autoLabelWidth !== 'auto') {
- var marginLeft = parseInt(autoLabelWidth, 10) - this.computedWidth;
- if (marginLeft) {
- style.marginLeft = marginLeft + 'px';
- }
- }
- return h(
- 'div',
- { 'class': 'el-form-item__label-wrap', style: style },
- [slots]
- );
- } else {
- return slots[0];
- }
- },
- methods: {
- getLabelWidth: function getLabelWidth() {
- if (this.$el && this.$el.firstElementChild) {
- var computedWidth = window.getComputedStyle(this.$el.firstElementChild).width;
- return Math.ceil(parseFloat(computedWidth));
- } else {
- return 0;
- }
- },
- updateLabelWidth: function updateLabelWidth() {
- var action = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'update';
- if (this.$slots.default && this.isAutoWidth && this.$el.firstElementChild) {
- if (action === 'update') {
- this.computedWidth = this.getLabelWidth();
- } else if (action === 'remove') {
- this.elForm.deregisterLabelWidth(this.computedWidth);
- }
- }
- }
- },
- watch: {
- computedWidth: function computedWidth(val, oldVal) {
- if (this.updateAll) {
- this.elForm.registerLabelWidth(val, oldVal);
- this.elFormItem.updateComputedLabelWidth(val);
- }
- }
- },
- data: function data() {
- return {
- computedWidth: 0
- };
- },
- mounted: function mounted() {
- this.updateLabelWidth('update');
- },
- updated: function updated() {
- this.updateLabelWidth('update');
- },
- beforeDestroy: function beforeDestroy() {
- this.updateLabelWidth('remove');
- }
- });
- // CONCATENATED MODULE: ./packages/form/src/label-wrap.vue?vue&type=script&lang=js&
- /* harmony default export */ var src_label_wrapvue_type_script_lang_js_ = (label_wrapvue_type_script_lang_js_);
- // EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
- var componentNormalizer = __webpack_require__(0);
- // CONCATENATED MODULE: ./packages/form/src/label-wrap.vue
- var label_wrap_render, label_wrap_staticRenderFns
- /* normalize component */
- var component = Object(componentNormalizer["a" /* default */])(
- src_label_wrapvue_type_script_lang_js_,
- label_wrap_render,
- label_wrap_staticRenderFns,
- false,
- null,
- null,
- null
-
- )
- /* hot reload */
- if (false) { var api; }
- component.options.__file = "packages/form/src/label-wrap.vue"
- /* harmony default export */ var label_wrap = (component.exports);
- // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/form/src/form-item.vue?vue&type=script&lang=js&
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- /* harmony default export */ var form_itemvue_type_script_lang_js_ = ({
- name: 'ElFormItem',
- componentName: 'ElFormItem',
- mixins: [emitter_default.a],
- provide: function provide() {
- return {
- elFormItem: this
- };
- },
- inject: ['elForm'],
- props: {
- label: String,
- labelWidth: String,
- prop: String,
- required: {
- type: Boolean,
- default: undefined
- },
- rules: [Object, Array],
- error: String,
- validateStatus: String,
- for: String,
- inlineMessage: {
- type: [String, Boolean],
- default: ''
- },
- showMessage: {
- type: Boolean,
- default: true
- },
- size: String
- },
- components: {
- // use this component to calculate auto width
- LabelWrap: label_wrap
- },
- watch: {
- error: {
- immediate: true,
- handler: function handler(value) {
- this.validateMessage = value;
- this.validateState = value ? 'error' : '';
- }
- },
- validateStatus: function validateStatus(value) {
- this.validateState = value;
- },
- rules: function rules(value) {
- if ((!value || value.length === 0) && this.required === undefined) {
- this.clearValidate();
- }
- }
- },
- computed: {
- labelFor: function labelFor() {
- return this.for || this.prop;
- },
- labelStyle: function labelStyle() {
- var ret = {};
- if (this.form.labelPosition === 'top') return ret;
- var labelWidth = this.labelWidth || this.form.labelWidth;
- if (labelWidth) {
- ret.width = labelWidth;
- }
- return ret;
- },
- contentStyle: function contentStyle() {
- var ret = {};
- var label = this.label;
- if (this.form.labelPosition === 'top' || this.form.inline) return ret;
- if (!label && !this.labelWidth && this.isNested) return ret;
- var labelWidth = this.labelWidth || this.form.labelWidth;
- if (labelWidth === 'auto') {
- if (this.labelWidth === 'auto') {
- ret.marginLeft = this.computedLabelWidth;
- } else if (this.form.labelWidth === 'auto') {
- ret.marginLeft = this.elForm.autoLabelWidth;
- }
- } else {
- ret.marginLeft = labelWidth;
- }
- return ret;
- },
- form: function form() {
- var parent = this.$parent;
- var parentName = parent.$options.componentName;
- while (parentName !== 'ElForm') {
- if (parentName === 'ElFormItem') {
- this.isNested = true;
- }
- parent = parent.$parent;
- parentName = parent.$options.componentName;
- }
- return parent;
- },
- fieldValue: function fieldValue() {
- var model = this.form.model;
- if (!model || !this.prop) {
- return;
- }
- var path = this.prop;
- if (path.indexOf(':') !== -1) {
- path = path.replace(/:/, '.');
- }
- return Object(util_["getPropByPath"])(model, path, true).v;
- },
- isRequired: function isRequired() {
- var rules = this.getRules();
- var isRequired = false;
- if (rules && rules.length) {
- rules.every(function (rule) {
- if (rule.required) {
- isRequired = true;
- return false;
- }
- return true;
- });
- }
- return isRequired;
- },
- _formSize: function _formSize() {
- return this.elForm.size;
- },
- elFormItemSize: function elFormItemSize() {
- return this.size || this._formSize;
- },
- sizeClass: function sizeClass() {
- return this.elFormItemSize || (this.$ELEMENT || {}).size;
- }
- },
- data: function data() {
- return {
- validateState: '',
- validateMessage: '',
- validateDisabled: false,
- validator: {},
- isNested: false,
- computedLabelWidth: ''
- };
- },
- methods: {
- validate: function validate(trigger) {
- var _this = this;
- var callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : util_["noop"];
- this.validateDisabled = false;
- var rules = this.getFilteredRule(trigger);
- if ((!rules || rules.length === 0) && this.required === undefined) {
- callback();
- return true;
- }
- this.validateState = 'validating';
- var descriptor = {};
- if (rules && rules.length > 0) {
- rules.forEach(function (rule) {
- delete rule.trigger;
- });
- }
- descriptor[this.prop] = rules;
- var validator = new external_async_validator_default.a(descriptor);
- var model = {};
- model[this.prop] = this.fieldValue;
- validator.validate(model, { firstFields: true }, function (errors, invalidFields) {
- _this.validateState = !errors ? 'success' : 'error';
- _this.validateMessage = errors ? errors[0].message : '';
- callback(_this.validateMessage, invalidFields);
- _this.elForm && _this.elForm.$emit('validate', _this.prop, !errors, _this.validateMessage || null);
- });
- },
- clearValidate: function clearValidate() {
- this.validateState = '';
- this.validateMessage = '';
- this.validateDisabled = false;
- },
- resetField: function resetField() {
- var _this2 = this;
- this.validateState = '';
- this.validateMessage = '';
- var model = this.form.model;
- var value = this.fieldValue;
- var path = this.prop;
- if (path.indexOf(':') !== -1) {
- path = path.replace(/:/, '.');
- }
- var prop = Object(util_["getPropByPath"])(model, path, true);
- this.validateDisabled = true;
- if (Array.isArray(value)) {
- prop.o[prop.k] = [].concat(this.initialValue);
- } else {
- prop.o[prop.k] = this.initialValue;
- }
- // reset validateDisabled after onFieldChange triggered
- this.$nextTick(function () {
- _this2.validateDisabled = false;
- });
- this.broadcast('ElTimeSelect', 'fieldReset', this.initialValue);
- },
- getRules: function getRules() {
- var formRules = this.form.rules;
- var selfRules = this.rules;
- var requiredRule = this.required !== undefined ? { required: !!this.required } : [];
- var prop = Object(util_["getPropByPath"])(formRules, this.prop || '');
- formRules = formRules ? prop.o[this.prop || ''] || prop.v : [];
- return [].concat(selfRules || formRules || []).concat(requiredRule);
- },
- getFilteredRule: function getFilteredRule(trigger) {
- var rules = this.getRules();
- return rules.filter(function (rule) {
- if (!rule.trigger || trigger === '') return true;
- if (Array.isArray(rule.trigger)) {
- return rule.trigger.indexOf(trigger) > -1;
- } else {
- return rule.trigger === trigger;
- }
- }).map(function (rule) {
- return merge_default()({}, rule);
- });
- },
- onFieldBlur: function onFieldBlur() {
- this.validate('blur');
- },
- onFieldChange: function onFieldChange() {
- if (this.validateDisabled) {
- this.validateDisabled = false;
- return;
- }
- this.validate('change');
- },
- updateComputedLabelWidth: function updateComputedLabelWidth(width) {
- this.computedLabelWidth = width ? width + 'px' : '';
- },
- addValidateEvents: function addValidateEvents() {
- var rules = this.getRules();
- if (rules.length || this.required !== undefined) {
- this.$on('el.form.blur', this.onFieldBlur);
- this.$on('el.form.change', this.onFieldChange);
- }
- },
- removeValidateEvents: function removeValidateEvents() {
- this.$off();
- }
- },
- mounted: function mounted() {
- if (this.prop) {
- this.dispatch('ElForm', 'el.form.addField', [this]);
- var initialValue = this.fieldValue;
- if (Array.isArray(initialValue)) {
- initialValue = [].concat(initialValue);
- }
- Object.defineProperty(this, 'initialValue', {
- value: initialValue
- });
- this.addValidateEvents();
- }
- },
- beforeDestroy: function beforeDestroy() {
- this.dispatch('ElForm', 'el.form.removeField', [this]);
- }
- });
- // CONCATENATED MODULE: ./packages/form/src/form-item.vue?vue&type=script&lang=js&
- /* harmony default export */ var src_form_itemvue_type_script_lang_js_ = (form_itemvue_type_script_lang_js_);
- // CONCATENATED MODULE: ./packages/form/src/form-item.vue
- /* normalize component */
- var form_item_component = Object(componentNormalizer["a" /* default */])(
- src_form_itemvue_type_script_lang_js_,
- render,
- staticRenderFns,
- false,
- null,
- null,
- null
-
- )
- /* hot reload */
- if (false) { var form_item_api; }
- form_item_component.options.__file = "packages/form/src/form-item.vue"
- /* harmony default export */ var form_item = (form_item_component.exports);
- // CONCATENATED MODULE: ./packages/form-item/index.js
- /* istanbul ignore next */
- form_item.install = function (Vue) {
- Vue.component(form_item.name, form_item);
- };
- /* harmony default export */ var packages_form_item = __webpack_exports__["default"] = (form_item);
- /***/ }),
- /***/ 9:
- /***/ (function(module, exports) {
- module.exports = require("element-ui/lib/utils/merge");
- /***/ })
- /******/ });
|