vae-ui
Version:
基于vue的UI库
2 lines • 8.6 kB
JavaScript
(function(e){function t(t){for(var n,i,o=t[0],u=t[1],s=t[2],f=0,d=[];f<o.length;f++)i=o[f],Object.prototype.hasOwnProperty.call(r,i)&&r[i]&&d.push(r[i][0]),r[i]=0;for(n in u)Object.prototype.hasOwnProperty.call(u,n)&&(e[n]=u[n]);c&&c(t);while(d.length)d.shift()();return a.push.apply(a,s||[]),l()}function l(){for(var e,t=0;t<a.length;t++){for(var l=a[t],n=!0,o=1;o<l.length;o++){var u=l[o];0!==r[u]&&(n=!1)}n&&(a.splice(t--,1),e=i(i.s=l[0]))}return e}var n={},r={index:0},a=[];function i(t){if(n[t])return n[t].exports;var l=n[t]={i:t,l:!1,exports:{}};return e[t].call(l.exports,l,l.exports,i),l.l=!0,l.exports}i.m=e,i.c=n,i.d=function(e,t,l){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:l})},i.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&"object"===typeof e&&e&&e.__esModule)return e;var l=Object.create(null);if(i.r(l),Object.defineProperty(l,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)i.d(l,n,function(t){return e[t]}.bind(null,n));return l},i.n=function(e){var t=e&&e.__esModule?function(){return e["default"]}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="";var o=window["webpackJsonp"]=window["webpackJsonp"]||[],u=o.push.bind(o);o.push=t,o=o.slice();for(var s=0;s<o.length;s++)t(o[s]);var c=u;a.push([0,"chunk-vendors"]),l()})({0:function(e,t,l){e.exports=l("4358")},2894:function(e,t,l){"use strict";l.r(t);var n=function(){var e=this,t=e.$createElement,l=e._self._c||t;return l("el-form",{ref:"form",attrs:{model:e.value,inline:e.config.inline,"label-position":e.config.labelPosition,"label-width":e.config.labelWidth,size:e.config.size}},[e._l(e.config.itemList,(function(t,n){return l("formItem",{key:n,attrs:{item:t,value:e.value[t.key]},on:{input:function(l){return e.handleInput(l,t.key)}}})})),e._t("default")],2)},r=[],a=(l("4160"),l("159b"),l("ade3")),i=l("5530"),o=l("ad93"),u={name:"vaeForm",components:{formItem:o["default"]},props:{config:{type:Object,default:function(){return{}}},value:{type:Object,default:function(){return{}}}},computed:{},mounted:function(){this.init()},methods:{init:function(e){var t=this,l={};if("default"!==e)Object(i["a"])({},this.value);this.config.itemList.forEach((function(e){var n=e.key,r=e.value;e.type;void 0!==l[n]&&null!==l[n]||t.$set(l,n,r)})),console.log(l),this.$emit("input",l)},handleInput:function(e,t){this.$emit("input",Object(i["a"])({},this.value,Object(a["a"])({},t,e)))},resetFields:function(){this.$refs["form"].resetFields(),this.init("default")},validate:function(e){this.$refs["form"].validate((function(t){console.log(t),e(t)}))}}},s=u,c=l("2877"),f=Object(c["a"])(s,n,r,!1,null,null,null);t["default"]=f.exports},"378b":function(e,t,l){},"3ad2":function(e,t,l){var n={"./vae-button/vae-button.vue":"f236","./vae-form/form-item.vue":"ad93","./vae-form/vae-form.vue":"2894"};function r(e){var t=a(e);return l(t)}function a(e){if(!l.o(n,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return n[e]}r.keys=function(){return Object.keys(n)},r.resolve=a,e.exports=r,r.id="3ad2"},"3ec0":function(e,t,l){"use strict";var n=l("a4c2"),r=l.n(n);r.a},4358:function(e,t,l){"use strict";l.r(t);var n=l("2b0e"),r=function(){var e=this,t=e.$createElement,l=e._self._c||t;return l("div",{attrs:{id:"app"}},[e._e(),l("div",{staticClass:"form"},[l("testForm")],1)],1)},a=[],i=function(){var e=this,t=e.$createElement,l=e._self._c||t;return l("div",{staticClass:"wrap"},e._l(11,(function(e){return l("div",{key:e,staticClass:"item"})})),0)},o=[],u=l("cf05"),s=l.n(u),c={data(){return{src:s.a}}},f=c,d=(l("a9a2"),l("2877")),p=Object(d["a"])(f,i,o,!1,null,"30f61310",null),b=p.exports,m=function(){var e=this,t=e.$createElement,l=e._self._c||t;return l("vae-form",{ref:"form",attrs:{config:e.config},model:{value:e.form,callback:function(t){e.form=t},expression:"form"}},[l("el-button",{attrs:{type:"primary"},on:{click:e.handleSubmit}},[e._v("提交")]),l("el-button",{attrs:{type:"primary"},on:{click:e.handleRestart}},[e._v("清空")])],1)},v=[],y={data(){return{form:{},config:{inline:!1,labelPosition:"left",labelWidth:"80px",size:"small",statusIcon:!0,itemList:[{type:"input",label:"姓名",disable:!1,readonly:!1,value:"",placeholder:"请输入姓名",required:!0,rules:[{required:!0,message:"请输入姓名",trigger:"blur"},{min:3,max:5,message:"长度在 3 到 5 个字符",trigger:"blur"}],key:"name",subtype:"text"},{type:"radio",label:"性别",value:"0",button:!1,border:!0,rules:[],key:"gender",options:[{value:"0",label:"男",disabled:!1},{value:"1",label:"女",disabled:!1}]},{type:"checkbox",label:"爱好",value:["Vue"],rules:[],key:"hobby",options:[{value:"a",label:"Vue"},{value:"b",label:"React"},{value:"c",label:"Angular"}]},{type:"radio",label:"喜好",value:"a",rules:[],key:"happy",options:[{value:"a",label:"Vue"},{value:"b",label:"React"},{value:"c",label:"Angular"}]},{type:"switch",label:"是否推荐",key:"isTrue"},{type:"slider",label:"滑块",key:"slider"},{type:"date",label:"日期",key:"date",format:"yyyy-MM-dd"},{type:"picker",label:"颜色",key:"color"}]}}},methods:{handleSubmit(){this.$refs["form"].validate(e=>{e&&(console.log(JSON.stringify(this.form)),this.$message.success(JSON.stringify(this.form)))})},handleRestart(){this.$refs["form"].resetFields()}}},h=y,g=Object(d["a"])(h,m,v,!1,null,null,null),_=g.exports,k={name:"App",components:{testButton:b,testForm:_}},O=k,$=(l("3ec0"),Object(d["a"])(O,r,a,!1,null,null,null)),w=$.exports,j=l("5c96"),x=l.n(j),E=(l("0fae"),l("4160"),l("b0c0"),l("d3b7"),l("159b"),l("ddb0"),l("5530")),S=l("3ad2"),P={},C=function e(t){e.installed||S.keys().forEach((function(e){var l=S(e),n=l.default.name;P[n]=l.default,t.component(n,l.default||l)}))};"undefined"!==typeof window&&window.Vue&&C(window.Vue);var F=Object(E["a"])({install:C},P);n["default"].config.productionTip=!1,n["default"].use(x.a),n["default"].use(F),new n["default"]({render:e=>e(w)}).$mount("#app")},a4c2:function(e,t,l){},a965:function(e,t,l){},a9a2:function(e,t,l){"use strict";var n=l("378b"),r=l.n(n);r.a},ad93:function(e,t,l){"use strict";l.r(t);var n=function(){var e=this,t=e.$createElement,l=e._self._c||t;return l("el-form-item",{attrs:{rules:e.item.rules,label:e.item.label,prop:e.item.key}},["input"===e.item.type?l("el-input",e._g(e._b({attrs:{type:e.item.subtype,placeholder:e.item.placeholder,disabled:e.item.disable,readonly:e.item.readonly,autosize:e.item.autosize}},"el-input",e.$attrs,!1),e.$listeners)):"select"===e.item.type?l("el-select",e._g(e._b({attrs:{multiple:e.item.multiple,disabled:e.item.disabled,"multiple-limit":e.item.multipleLimit}},"el-select",e.$attrs,!1),e.$listeners),e._l(e.item.options,(function(e){return l("el-option",{key:e.value,attrs:{label:e.label,value:e.value,disabled:e.disabled}})})),1):"checkbox"===e.item.type||"radio"===e.item.type?l("el-radio-group",e._g(e._b({},"el-radio-group",e.$attrs,!1),e.$listeners),e._l(e.item.options,(function(t){return l("el-radio",{key:t.value,attrs:{label:t.value}},[e._v(" "+e._s(t.label)+" ")])})),1):"switch"===e.item.type?l("el-switch",e._g(e._b({},"el-switch",e.$attrs,!1),e.$listeners)):"slider"===e.item.type?l("el-slider",e._g(e._b({},"el-slider",e.$attrs,!1),e.$listeners)):"date"===e.item.type?l("el-date-picker",e._g(e._b({attrs:{type:"date","value-format":e.item.format,placeholder:"选择日期"}},"el-date-picker",e.$attrs,!1),e.$listeners)):"picker"===e.item.type?l("el-color-picker",e._g(e._b({},"el-color-picker",e.$attrs,!1),e.$listeners)):e._e()],1)},r=[],a={name:"form-item",props:{item:{type:Object,required:!0}}},i=a,o=l("2877"),u=Object(o["a"])(i,n,r,!1,null,null,null);t["default"]=u.exports},c7c6:function(e,t,l){"use strict";var n=l("a965"),r=l.n(n);r.a},cf05:function(e,t,l){e.exports=l.p+"img/logo.82b9c7a5.png"},f236:function(e,t,l){"use strict";l.r(t);var n=function(){var e=this,t=e.$createElement,l=e._self._c||t;return l("button",{staticClass:"vae-button",class:["vae-button--"+e.type,{"is-round":e.round,"is-disabled":e.disabled}],attrs:{disabled:e.disabled},on:{click:e.handleClick}},[l("span",[e._t("default")],2)])},r=[],a={name:"vaeButton",props:{type:{type:String,default:"default"},round:{type:Boolean,default:!1},disabled:{type:Boolean}},methods:{handleClick:function(e){this.$emit("click",e)}}},i=a,o=(l("c7c6"),l("2877")),u=Object(o["a"])(i,n,r,!1,null,null,null);t["default"]=u.exports}});
//# sourceMappingURL=index.9f96010a.js.map