vue-devui 1.0.0-alpha.5 → 1.0.0-beta.11

package/form/index.umd.js

@@ -0,0 +1 @@
+var xr=Object.defineProperty;var ze=Object.getOwnPropertySymbols;var qr=Object.prototype.hasOwnProperty,Sr=Object.prototype.propertyIsEnumerable;var He=(S,f,V)=>f in S?xr(S,f,{enumerable:!0,configurable:!0,writable:!0,value:V}):S[f]=V,X=(S,f)=>{for(var V in f||(f={}))qr.call(f,V)&&He(S,V,f[V]);if(ze)for(var V of ze(f))Sr.call(f,V)&&He(S,V,f[V]);return S};(function(S,f){typeof exports=="object"&&typeof module!="undefined"?f(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],f):(S=typeof globalThis!="undefined"?globalThis:S||self,f(S.index={},S.Vue))})(this,function(S,f){"use strict";function V(t){return{all:t=t||new Map,on:function(e,r){var n=t.get(e);n?n.push(r):t.set(e,[r])},off:function(e,r){var n=t.get(e);n&&(r?n.splice(n.indexOf(r)>>>0,1):t.set(e,[]))},emit:function(e,r){var n=t.get(e);n&&n.slice().map(function(i){i(r)}),(n=t.get("*"))&&n.slice().map(function(i){i(e,r)})}}}const We={formData:{type:Object,default:{}},layout:{type:String,default:"horizontal"},labelSize:{type:String,default:""},labelAlign:{type:String,default:"start"},rules:{type:Object,default:{}},columnsClass:{type:String,default:""},name:{type:String,default:""},messageShowType:{type:String,default:"popover"}},Ke={dHasFeedback:{type:Boolean,default:!1},prop:{type:String,default:""}},Ge={required:{type:Boolean,default:!1},hasHelp:{type:Boolean,default:!1},helpTips:{type:String,default:""}},Ue={feedbackStatus:{type:String,default:""},extraInfo:{type:String,default:""}},Q={addField:"d.form.addField",removeField:"d.form.removeField"},ee=Symbol("dForm"),Je=Symbol("dFormItem"),ve={blur:"d.form.blur",change:"d.form.change",input:"d.form.input"};var Ye=V();const k=Ye;function ne(t){return Object.prototype.toString.call(t).slice(8,-1)==="Object"}function ie(t,e){return ne(t)?Object.prototype.hasOwnProperty.call(t,e):!1}function Ze(t){let e=0,r=0,n=t.offsetParent;for(e+=t.offsetLeft,r+=t.offsetTop;n;)navigator.userAgent.indexOf("MSIE 8.0")===-1&&(r+=n.clientTop,e+=n.clientLeft),r+=n.offsetTop,e+=n.offsetLeft,n=n.offsetParent;return{left:e,top:r}}var Er="",z=f.defineComponent({name:"DForm",props:We,emits:["submit"],setup(t,e){const r=V(),n=[],i=()=>{n.forEach(o=>{o.resetField()})};return r.on(Q.addField,o=>{o&&n.push(o)}),r.on(Q.removeField,o=>{o.prop&&n.splice(n.indexOf(o),1)}),f.provide(ee,{formData:t.formData,formMitt:r,labelData:{layout:t.layout,labelSize:t.labelSize,labelAlign:t.labelAlign},rules:t.rules,columnsClass:t.columnsClass,messageShowType:"popover"}),{fields:n,formMitt:r,onSubmit:o=>{o.preventDefault(),e.emit("submit",o),k.emit(`formSubmit:${t.name}`)},resetFormFields:i}},render(){var e,r;const{onSubmit:t}=this;return f.createVNode("form",{onSubmit:t,class:"d-form"},[(r=(e=this.$slots).default)==null?void 0:r.call(e)])}}),be=f.defineComponent({name:"DIcon",props:{name:{type:String,required:!0},size:{type:String,default:"inherit"},color:{type:String,default:"inherit"},classPrefix:{type:String,default:"icon"}},setup(t){return X({},t)},render(){const{name:t,size:e,color:r,classPrefix:n}=this;return/^((https?):)?\/\//.test(t)?f.createVNode("img",{src:t,alt:t.split("/")[t.split("/").length-1],style:{width:e,verticalAlign:"text-bottom"}},null):f.createVNode("i",{class:`${n} ${n}-${t}`,style:{fontSize:e,color:r}},null)}}),Fe=(t,e)=>{let r=null;return()=>{r&&clearTimeout(r),r=setTimeout(()=>{t==null||t()},e)}};const Xe=typeof window!="undefined";function we(t,e,r){document.addEventListener?t&&e&&r&&t.addEventListener(e,r,!1):t&&e&&r&&t.attachEvent("on"+e,r)}const M=Symbol("@@clickoutside"),oe=new Map;let Oe,ae=0,Ae=!0;function xe(t,e,r){return Xe&&Ae&&(Ae=!1,we(document,"mousedown",n=>{Oe=n}),we(document,"mouseup",n=>{for(const[i,a]of oe)a[M].documentHandler(n,Oe)})),function(n,i){!r||!e.instance||!n.target||!i.target||t.contains(n.target)||t.contains(i.target)||t===n.target||t[M].bindingFn&&t[M].bindingFn()}}const Qe={beforeMount:function(t,e,r){ae++,oe.set(ae,t),t[M]={nid:ae,documentHandler:xe(t,e,r),bindingFn:e.value}},updated:function(t,e,r){t[M].documentHandler=xe(t,e,r),t[M].bindingFn=e.value},unmounted:function(t){oe.delete(t[M].nid),delete t[M]}};var jr="";const et={success:{name:"right-o",color:"rgb(61, 204, 166)"},error:{name:"error-o",color:"rgb(249, 95, 91)"},info:{name:"info-o",color:"rgb(81, 112, 255)"},warning:{name:"warning-o",color:"rgb(254, 204, 85)"},default:{}};var qe=f.defineComponent({name:"DPopover",directives:{clickoutside:Qe},props:{visible:{type:Boolean,default:!1},position:{type:String,default:"bottom"},content:{type:String,default:"default"},trigger:{type:String,default:"click"},zIndex:{type:Number,default:1060},popType:{type:String,default:"default"},showAnimation:{type:Boolean,default:!0},mouseEnterDelay:{type:Number,default:150},mouseLeaveDelay:{type:Number,default:100},popMaxWidth:{type:Number,default:void 0},popoverStyle:{type:Object,default:()=>({})}},setup(t,e){const{slots:r}=e,n=f.ref(t.visible),{position:i,content:a,zIndex:o,trigger:s,popType:l,popoverStyle:m,mouseEnterDelay:d,mouseLeaveDelay:b,showAnimation:A,popMaxWidth:q}=f.toRefs(t),F=X({zIndex:o.value},m.value),u=s.value==="click",y=f.reactive(et[l.value]),E=u?function(){if(n.value){n.value=!1;return}n.value=!0}:null,v=Fe(()=>{n.value=!0},d.value),w=Fe(()=>{n.value=!1},b.value),g=u?null:v,p=u?null:w,x=()=>{n.value=!1};return q.value&&(F.maxWidth=`${q.value}px`),f.watch(()=>t.visible,O=>{n.value=O}),()=>{var O,j;return f.createVNode("div",{class:["devui-popover",i.value,{"devui-popover-animation":A.value,"devui-popover-isVisible":n.value}]},[f.withDirectives(f.createVNode("div",{class:"devui-popover-reference",onMouseenter:g,onMouseleave:p,onClick:E},[(O=r.reference)==null?void 0:O.call(r)]),[[f.resolveDirective("clickoutside"),x]]),f.createVNode("div",{class:["devui-popover-content",y.name?"is-icon":""],style:F},[y.name&&f.createVNode(f.resolveComponent("d-icon"),{name:y.name,color:y.color,class:"devui-popover-icon",size:"16px"},null),((j=r.content)==null?void 0:j.call(r))||f.createVNode("span",null,[a.value]),f.createVNode("span",{class:"after",style:F},null)])])}}}),Pr="",H=f.defineComponent({name:"DFormLabel",props:Ge,setup(t,e){const r=f.reactive(f.inject(ee,{})),n=f.reactive(r.labelData),i=f.computed(()=>n.layout==="horizontal").value,a=f.computed(()=>n.labelSize==="lg").value,o=f.computed(()=>n.labelSize==="sm").value,s=f.computed(()=>n.labelAlign==="center").value,l=f.computed(()=>n.labelAlign==="end").value,m=`form-label${i?o?" form-label_sm":a?" form-label_lg":" form-label_sd":""}${s?" form-label_center":l?" form-label_end":""}`,d=`${t.required?" devui-required":""}`,b={display:i?"inline":"inline-block"};return()=>{var A,q;return f.createVNode("span",{class:m,style:b},[f.createVNode("span",{class:d},[(q=(A=e.slots).default)==null?void 0:q.call(A),t.hasHelp&&t.helpTips&&f.createVNode(qe,{content:t.helpTips,showAnimation:!1,position:"top",trigger:"hover"},{reference:()=>f.createVNode("span",{class:"form-label-help"},[f.createVNode(be,{name:"helping",color:"#252b3a"},null)])})])])}}});function _(){return _=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},_.apply(this,arguments)}function tt(t,e){t.prototype=Object.create(e.prototype),t.prototype.constructor=t,W(t,e)}function se(t){return se=Object.setPrototypeOf?Object.getPrototypeOf:function(r){return r.__proto__||Object.getPrototypeOf(r)},se(t)}function W(t,e){return W=Object.setPrototypeOf||function(n,i){return n.__proto__=i,n},W(t,e)}function rt(){if(typeof Reflect=="undefined"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function te(t,e,r){return rt()?te=Reflect.construct:te=function(i,a,o){var s=[null];s.push.apply(s,a);var l=Function.bind.apply(i,s),m=new l;return o&&W(m,o.prototype),m},te.apply(null,arguments)}function nt(t){return Function.toString.call(t).indexOf("[native code]")!==-1}function fe(t){var e=typeof Map=="function"?new Map:void 0;return fe=function(n){if(n===null||!nt(n))return n;if(typeof n!="function")throw new TypeError("Super expression must either be null or a function");if(typeof e!="undefined"){if(e.has(n))return e.get(n);e.set(n,i)}function i(){return te(n,arguments,se(this).constructor)}return i.prototype=Object.create(n.prototype,{constructor:{value:i,enumerable:!1,writable:!0,configurable:!0}}),W(i,n)},fe(t)}var it=/%[sdj%]/g,ot=function(){};typeof process!="undefined"&&process.env;function ue(t){if(!t||!t.length)return null;var e={};return t.forEach(function(r){var n=r.field;e[n]=e[n]||[],e[n].push(r)}),e}function D(t){for(var e=arguments.length,r=new Array(e>1?e-1:0),n=1;n<e;n++)r[n-1]=arguments[n];var i=0,a=r.length;if(typeof t=="function")return t.apply(null,r);if(typeof t=="string"){var o=t.replace(it,function(s){if(s==="%%")return"%";if(i>=a)return s;switch(s){case"%s":return String(r[i++]);case"%d":return Number(r[i++]);case"%j":try{return JSON.stringify(r[i++])}catch{return"[Circular]"}break;default:return s}});return o}return t}function at(t){return t==="string"||t==="url"||t==="hex"||t==="email"||t==="date"||t==="pattern"}function P(t,e){return!!(t==null||e==="array"&&Array.isArray(t)&&!t.length||at(e)&&typeof t=="string"&&!t)}function st(t,e,r){var n=[],i=0,a=t.length;function o(s){n.push.apply(n,s||[]),i++,i===a&&r(n)}t.forEach(function(s){e(s,o)})}function Se(t,e,r){var n=0,i=t.length;function a(o){if(o&&o.length){r(o);return}var s=n;n=n+1,s<i?e(t[s],a):r([])}a([])}function ft(t){var e=[];return Object.keys(t).forEach(function(r){e.push.apply(e,t[r]||[])}),e}var Ee=function(t){tt(e,t);function e(r,n){var i;return i=t.call(this,"Async Validation Error")||this,i.errors=r,i.fields=n,i}return e}(fe(Error));function ut(t,e,r,n,i){if(e.first){var a=new Promise(function(A,q){var F=function(c){return n(c),c.length?q(new Ee(c,ue(c))):A(i)},u=ft(t);Se(u,r,F)});return a.catch(function(A){return A}),a}var o=e.firstFields===!0?Object.keys(t):e.firstFields||[],s=Object.keys(t),l=s.length,m=0,d=[],b=new Promise(function(A,q){var F=function(y){if(d.push.apply(d,y),m++,m===l)return n(d),d.length?q(new Ee(d,ue(d))):A(i)};s.length||(n(d),A(i)),s.forEach(function(u){var y=t[u];o.indexOf(u)!==-1?Se(y,r,F):st(y,r,F)})});return b.catch(function(A){return A}),b}function lt(t){return!!(t&&t.message!==void 0)}function ct(t,e){for(var r=t,n=0;n<e.length;n++){if(r==null)return r;r=r[e[n]]}return r}function je(t,e){return function(r){var n;return t.fullFields?n=ct(e,t.fullFields):n=e[r.field||t.fullField],lt(r)?(r.field=r.field||t.fullField,r.fieldValue=n,r):{message:typeof r=="function"?r():r,fieldValue:n,field:r.field||t.fullField}}}function Pe(t,e){if(e){for(var r in e)if(e.hasOwnProperty(r)){var n=e[r];typeof n=="object"&&typeof t[r]=="object"?t[r]=_({},t[r],n):t[r]=n}}return t}var Ne=function(e,r,n,i,a,o){e.required&&(!n.hasOwnProperty(e.field)||P(r,o||e.type))&&i.push(D(a.messages.required,e.fullField))},dt=function(e,r,n,i,a){(/^\s+$/.test(r)||r==="")&&i.push(D(a.messages.whitespace,e.fullField))},le={email:/^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+\.)+[a-zA-Z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]{2,}))$/,url:new RegExp("^(?!mailto:)(?:(?:http|https|ftp)://|//)(?:\\S+(?::\\S*)?@)?(?:(?:(?:[1-9]\\d?|1\\d\\d|2[01]\\d|22[0-3])(?:\\.(?:1?\\d{1,2}|2[0-4]\\d|25[0-5])){2}(?:\\.(?:[0-9]\\d?|1\\d\\d|2[0-4]\\d|25[0-4]))|(?:(?:[a-z\\u00a1-\\uffff0-9]+-*)*[a-z\\u00a1-\\uffff0-9]+)(?:\\.(?:[a-z\\u00a1-\\uffff0-9]+-*)*[a-z\\u00a1-\\uffff0-9]+)*(?:\\.(?:[a-z\\u00a1-\\uffff]{2,})))|localhost)(?::\\d{2,5})?(?:(/|\\?|#)[^\\s]*)?$","i"),hex:/^#?([a-f0-9]{6}|[a-f0-9]{3})$/i},K={integer:function(e){return K.number(e)&&parseInt(e,10)===e},float:function(e){return K.number(e)&&!K.integer(e)},array:function(e){return Array.isArray(e)},regexp:function(e){if(e instanceof RegExp)return!0;try{return!!new RegExp(e)}catch{return!1}},date:function(e){return typeof e.getTime=="function"&&typeof e.getMonth=="function"&&typeof e.getYear=="function"&&!isNaN(e.getTime())},number:function(e){return isNaN(e)?!1:typeof e=="number"},object:function(e){return typeof e=="object"&&!K.array(e)},method:function(e){return typeof e=="function"},email:function(e){return typeof e=="string"&&e.length<=320&&!!e.match(le.email)},url:function(e){return typeof e=="string"&&e.length<=2048&&!!e.match(le.url)},hex:function(e){return typeof e=="string"&&!!e.match(le.hex)}},pt=function(e,r,n,i,a){if(e.required&&r===void 0){Ne(e,r,n,i,a);return}var o=["integer","float","array","regexp","object","method","email","number","date","url","hex"],s=e.type;o.indexOf(s)>-1?K[s](r)||i.push(D(a.messages.types[s],e.fullField,e.type)):s&&typeof r!==e.type&&i.push(D(a.messages.types[s],e.fullField,e.type))},mt=function(e,r,n,i,a){var o=typeof e.len=="number",s=typeof e.min=="number",l=typeof e.max=="number",m=/[\uD800-\uDBFF][\uDC00-\uDFFF]/g,d=r,b=null,A=typeof r=="number",q=typeof r=="string",F=Array.isArray(r);if(A?b="number":q?b="string":F&&(b="array"),!b)return!1;F&&(d=r.length),q&&(d=r.replace(m,"_").length),o?d!==e.len&&i.push(D(a.messages[b].len,e.fullField,e.len)):s&&!l&&d<e.min?i.push(D(a.messages[b].min,e.fullField,e.min)):l&&!s&&d>e.max?i.push(D(a.messages[b].max,e.fullField,e.max)):s&&l&&(d<e.min||d>e.max)&&i.push(D(a.messages[b].range,e.fullField,e.min,e.max))},L="enum",yt=function(e,r,n,i,a){e[L]=Array.isArray(e[L])?e[L]:[],e[L].indexOf(r)===-1&&i.push(D(a.messages[L],e.fullField,e[L].join(", ")))},gt=function(e,r,n,i,a){if(e.pattern){if(e.pattern instanceof RegExp)e.pattern.lastIndex=0,e.pattern.test(r)||i.push(D(a.messages.pattern.mismatch,e.fullField,r,e.pattern));else if(typeof e.pattern=="string"){var o=new RegExp(e.pattern);o.test(r)||i.push(D(a.messages.pattern.mismatch,e.fullField,r,e.pattern))}}},h={required:Ne,whitespace:dt,type:pt,range:mt,enum:yt,pattern:gt},ht=function(e,r,n,i,a){var o=[],s=e.required||!e.required&&i.hasOwnProperty(e.field);if(s){if(P(r,"string")&&!e.required)return n();h.required(e,r,i,o,a,"string"),P(r,"string")||(h.type(e,r,i,o,a),h.range(e,r,i,o,a),h.pattern(e,r,i,o,a),e.whitespace===!0&&h.whitespace(e,r,i,o,a))}n(o)},vt=function(e,r,n,i,a){var o=[],s=e.required||!e.required&&i.hasOwnProperty(e.field);if(s){if(P(r)&&!e.required)return n();h.required(e,r,i,o,a),r!==void 0&&h.type(e,r,i,o,a)}n(o)},bt=function(e,r,n,i,a){var o=[],s=e.required||!e.required&&i.hasOwnProperty(e.field);if(s){if(r===""&&(r=void 0),P(r)&&!e.required)return n();h.required(e,r,i,o,a),r!==void 0&&(h.type(e,r,i,o,a),h.range(e,r,i,o,a))}n(o)},Ft=function(e,r,n,i,a){var o=[],s=e.required||!e.required&&i.hasOwnProperty(e.field);if(s){if(P(r)&&!e.required)return n();h.required(e,r,i,o,a),r!==void 0&&h.type(e,r,i,o,a)}n(o)},wt=function(e,r,n,i,a){var o=[],s=e.required||!e.required&&i.hasOwnProperty(e.field);if(s){if(P(r)&&!e.required)return n();h.required(e,r,i,o,a),P(r)||h.type(e,r,i,o,a)}n(o)},Ot=function(e,r,n,i,a){var o=[],s=e.required||!e.required&&i.hasOwnProperty(e.field);if(s){if(P(r)&&!e.required)return n();h.required(e,r,i,o,a),r!==void 0&&(h.type(e,r,i,o,a),h.range(e,r,i,o,a))}n(o)},At=function(e,r,n,i,a){var o=[],s=e.required||!e.required&&i.hasOwnProperty(e.field);if(s){if(P(r)&&!e.required)return n();h.required(e,r,i,o,a),r!==void 0&&(h.type(e,r,i,o,a),h.range(e,r,i,o,a))}n(o)},xt=function(e,r,n,i,a){var o=[],s=e.required||!e.required&&i.hasOwnProperty(e.field);if(s){if(r==null&&!e.required)return n();h.required(e,r,i,o,a,"array"),r!=null&&(h.type(e,r,i,o,a),h.range(e,r,i,o,a))}n(o)},qt=function(e,r,n,i,a){var o=[],s=e.required||!e.required&&i.hasOwnProperty(e.field);if(s){if(P(r)&&!e.required)return n();h.required(e,r,i,o,a),r!==void 0&&h.type(e,r,i,o,a)}n(o)},St="enum",Et=function(e,r,n,i,a){var o=[],s=e.required||!e.required&&i.hasOwnProperty(e.field);if(s){if(P(r)&&!e.required)return n();h.required(e,r,i,o,a),r!==void 0&&h[St](e,r,i,o,a)}n(o)},jt=function(e,r,n,i,a){var o=[],s=e.required||!e.required&&i.hasOwnProperty(e.field);if(s){if(P(r,"string")&&!e.required)return n();h.required(e,r,i,o,a),P(r,"string")||h.pattern(e,r,i,o,a)}n(o)},Pt=function(e,r,n,i,a){var o=[],s=e.required||!e.required&&i.hasOwnProperty(e.field);if(s){if(P(r,"date")&&!e.required)return n();if(h.required(e,r,i,o,a),!P(r,"date")){var l;r instanceof Date?l=r:l=new Date(r),h.type(e,l,i,o,a),l&&h.range(e,l.getTime(),i,o,a)}}n(o)},Nt=function(e,r,n,i,a){var o=[],s=Array.isArray(r)?"array":typeof r;h.required(e,r,i,o,a,s),n(o)},ce=function(e,r,n,i,a){var o=e.type,s=[],l=e.required||!e.required&&i.hasOwnProperty(e.field);if(l){if(P(r,o)&&!e.required)return n();h.required(e,r,i,s,a,o),P(r,o)||h.type(e,r,i,s,a)}n(s)},Tt=function(e,r,n,i,a){var o=[],s=e.required||!e.required&&i.hasOwnProperty(e.field);if(s){if(P(r)&&!e.required)return n();h.required(e,r,i,o,a)}n(o)},G={string:ht,method:vt,number:bt,boolean:Ft,regexp:wt,integer:Ot,float:At,array:xt,object:qt,enum:Et,pattern:jt,date:Pt,url:ce,hex:ce,email:ce,required:Nt,any:Tt};function de(){return{default:"Validation error on field %s",required:"%s is required",enum:"%s must be one of %s",whitespace:"%s cannot be empty",date:{format:"%s date %s is invalid for format %s",parse:"%s date could not be parsed, %s is invalid ",invalid:"%s date %s is invalid"},types:{string:"%s is not a %s",method:"%s is not a %s (function)",array:"%s is not an %s",object:"%s is not an %s",number:"%s is not a %s",date:"%s is not a %s",boolean:"%s is not a %s",integer:"%s is not an %s",float:"%s is not a %s",regexp:"%s is not a valid %s",email:"%s is not a valid %s",url:"%s is not a valid %s",hex:"%s is not a valid %s"},string:{len:"%s must be exactly %s characters",min:"%s must be at least %s characters",max:"%s cannot be longer than %s characters",range:"%s must be between %s and %s characters"},number:{len:"%s must equal %s",min:"%s cannot be less than %s",max:"%s cannot be greater than %s",range:"%s must be between %s and %s"},array:{len:"%s must be exactly %s in length",min:"%s cannot be less than %s in length",max:"%s cannot be greater than %s in length",range:"%s must be between %s and %s in length"},pattern:{mismatch:"%s value %s does not match pattern %s"},clone:function(){var e=JSON.parse(JSON.stringify(this));return e.clone=this.clone,e}}}var pe=de(),R=function(){function t(r){this.rules=null,this._messages=pe,this.define(r)}var e=t.prototype;return e.define=function(n){var i=this;if(!n)throw new Error("Cannot configure a schema with no rules");if(typeof n!="object"||Array.isArray(n))throw new Error("Rules must be an object");this.rules={},Object.keys(n).forEach(function(a){var o=n[a];i.rules[a]=Array.isArray(o)?o:[o]})},e.messages=function(n){return n&&(this._messages=Pe(de(),n)),this._messages},e.validate=function(n,i,a){var o=this;i===void 0&&(i={}),a===void 0&&(a=function(){});var s=n,l=i,m=a;if(typeof l=="function"&&(m=l,l={}),!this.rules||Object.keys(this.rules).length===0)return m&&m(null,s),Promise.resolve(s);function d(u){var y=[],c={};function E(w){if(Array.isArray(w)){var g;y=(g=y).concat.apply(g,w)}else y.push(w)}for(var v=0;v<u.length;v++)E(u[v]);y.length?(c=ue(y),m(y,c)):m(null,s)}if(l.messages){var b=this.messages();b===pe&&(b=de()),Pe(b,l.messages),l.messages=b}else l.messages=this.messages();var A={},q=l.keys||Object.keys(this.rules);q.forEach(function(u){var y=o.rules[u],c=s[u];y.forEach(function(E){var v=E;typeof v.transform=="function"&&(s===n&&(s=_({},s)),c=s[u]=v.transform(c)),typeof v=="function"?v={validator:v}:v=_({},v),v.validator=o.getValidationMethod(v),!!v.validator&&(v.field=u,v.fullField=v.fullField||u,v.type=o.getType(v),A[u]=A[u]||[],A[u].push({rule:v,value:c,source:s,field:u}))})});var F={};return ut(A,l,function(u,y){var c=u.rule,E=(c.type==="object"||c.type==="array")&&(typeof c.fields=="object"||typeof c.defaultField=="object");E=E&&(c.required||!c.required&&u.value),c.field=u.field;function v(p,x){return _({},x,{fullField:c.fullField+"."+p,fullFields:c.fullFields?[].concat(c.fullFields,[p]):[p]})}function w(p){p===void 0&&(p=[]);var x=Array.isArray(p)?p:[p];!l.suppressWarning&&x.length&&t.warning("async-validator:",x),x.length&&c.message!==void 0&&(x=[].concat(c.message));var O=x.map(je(c,s));if(l.first&&O.length)return F[c.field]=1,y(O);if(!E)y(O);else{if(c.required&&!u.value)return c.message!==void 0?O=[].concat(c.message).map(je(c,s)):l.error&&(O=[l.error(c,D(l.messages.required,c.field))]),y(O);var j={};c.defaultField&&Object.keys(u.value).map(function(N){j[N]=c.defaultField}),j=_({},j,u.rule.fields);var T={};Object.keys(j).forEach(function(N){var C=j[N],he=Array.isArray(C)?C:[C];T[N]=he.map(v.bind(null,N))});var I=new t(T);I.messages(l.messages),u.rule.options&&(u.rule.options.messages=l.messages,u.rule.options.error=l.error),I.validate(u.value,u.rule.options||l,function(N){var C=[];O&&O.length&&C.push.apply(C,O),N&&N.length&&C.push.apply(C,N),y(C.length?C:null)})}}var g;c.asyncValidator?g=c.asyncValidator(c,u.value,w,u.source,l):c.validator&&(g=c.validator(c,u.value,w,u.source,l),g===!0?w():g===!1?w(typeof c.message=="function"?c.message(c.fullField||c.field):c.message||(c.fullField||c.field)+" fails"):g instanceof Array?w(g):g instanceof Error&&w(g.message)),g&&g.then&&g.then(function(){return w()},function(p){return w(p)})},function(u){d(u)},s)},e.getType=function(n){if(n.type===void 0&&n.pattern instanceof RegExp&&(n.type="pattern"),typeof n.validator!="function"&&n.type&&!G.hasOwnProperty(n.type))throw new Error(D("Unknown rule type %s",n.type));return n.type||"string"},e.getValidationMethod=function(n){if(typeof n.validator=="function")return n.validator;var i=Object.keys(n),a=i.indexOf("message");return a!==-1&&i.splice(a,1),i.length===1&&i[0]==="required"?G.required:G[this.getType(n)]||void 0},t}();R.register=function(e,r){if(typeof r!="function")throw new Error("Cannot register a validator by type, validator is not a function");G[e]=r},R.warning=ot,R.messages=pe,R.validators=G;var Nr="",U=f.defineComponent({name:"DFormItem",props:Ke,setup(t,e){const r=V(),n=f.reactive(f.inject(ee,{})),i=f.reactive(n.formData),a=f.ref(n.columnsClass),o=i[t.prop],s=f.reactive(n.labelData),l=f.reactive(n.rules),m=()=>{i[t.prop]=o},d=f.reactive({dHasFeedback:t.dHasFeedback,prop:t.prop,formItemMitt:r,resetField:m});f.provide(Je,d);const b=s.layout==="horizontal",A=s.layout==="vertical",q=s.layout==="columns",F=f.ref(!1),u=f.ref(""),y=w=>{const g=t.prop,p=l[g],x={};x[g]=p,new R(x).validate({[g]:i[g]}).then(()=>{F.value=!1,u.value=""}).catch(({errors:j})=>{F.value=!0,u.value=j[0].message})},c=[],E=()=>{if(l&&l[t.prop]){const w=l[t.prop];let g=w.trigger;if(Array.isArray(w))w.forEach(p=>{g=p.trigger;const x=()=>y();c.push({eventName:x}),d.formItemMitt.on(ve[g],x)});else{const p=()=>y();c.push({eventName:p}),w&&d.formItemMitt.on(ve[g],p)}}},v=()=>{l&&l[t.prop]&&c.length>0&&c.forEach(w=>{d.formItemMitt.off(w.eventName,w.cb)})};return f.onMounted(()=>{n.formMitt.emit(Q.addField,d),E()}),f.onBeforeUnmount(()=>{n.formMitt.emit(Q.removeField,d),v()}),()=>{var w,g;return f.createVNode("div",{class:`form-item${b?"":A?" form-item-vertical":" form-item-columns"}${q?" column-item "+a.value:""}`},[(g=(w=e.slots).default)==null?void 0:g.call(w),f.createVNode("div",{class:`d-validate-tip${b?" d-validate-tip-horizontal":""}`},[F.value&&u.value])])}}}),Vt=typeof global=="object"&&global&&global.Object===Object&&global,Ct=Vt,Dt=typeof self=="object"&&self&&self.Object===Object&&self,It=Ct||Dt||Function("return this")(),Te=It,Mt=Te.Symbol,B=Mt,Ve=Object.prototype,$t=Ve.hasOwnProperty,_t=Ve.toString,J=B?B.toStringTag:void 0;function Lt(t){var e=$t.call(t,J),r=t[J];try{t[J]=void 0;var n=!0}catch{}var i=_t.call(t);return n&&(e?t[J]=r:delete t[J]),i}var Rt=Object.prototype,Bt=Rt.toString;function kt(t){return Bt.call(t)}var zt="[object Null]",Ht="[object Undefined]",Ce=B?B.toStringTag:void 0;function Wt(t){return t==null?t===void 0?Ht:zt:Ce&&Ce in Object(t)?Lt(t):kt(t)}function Kt(t){return t!=null&&typeof t=="object"}var Gt="[object Symbol]";function De(t){return typeof t=="symbol"||Kt(t)&&Wt(t)==Gt}function Ut(t,e){for(var r=-1,n=t==null?0:t.length,i=Array(n);++r<n;)i[r]=e(t[r],r,t);return i}var Jt=Array.isArray,Yt=Jt,Zt=1/0,Ie=B?B.prototype:void 0,Me=Ie?Ie.toString:void 0;function $e(t){if(typeof t=="string")return t;if(Yt(t))return Ut(t,$e)+"";if(De(t))return Me?Me.call(t):"";var e=t+"";return e=="0"&&1/t==-Zt?"-0":e}var Xt=/\s/;function Qt(t){for(var e=t.length;e--&&Xt.test(t.charAt(e)););return e}var er=/^\s+/;function tr(t){return t&&t.slice(0,Qt(t)+1).replace(er,"")}function me(t){var e=typeof t;return t!=null&&(e=="object"||e=="function")}var _e=0/0,rr=/^[-+]0x[0-9a-f]+$/i,nr=/^0b[01]+$/i,ir=/^0o[0-7]+$/i,or=parseInt;function Le(t){if(typeof t=="number")return t;if(De(t))return _e;if(me(t)){var e=typeof t.valueOf=="function"?t.valueOf():t;t=me(e)?e+"":e}if(typeof t!="string")return t===0?t:+t;t=tr(t);var r=nr.test(t);return r||ir.test(t)?or(t.slice(2),r?2:8):rr.test(t)?_e:+t}function ar(t){return t==null?"":$e(t)}var sr=function(){return Te.Date.now()},ye=sr,fr="Expected a function",ur=Math.max,lr=Math.min;function cr(t,e,r){var n,i,a,o,s,l,m=0,d=!1,b=!1,A=!0;if(typeof t!="function")throw new TypeError(fr);e=Le(e)||0,me(r)&&(d=!!r.leading,b="maxWait"in r,a=b?ur(Le(r.maxWait)||0,e):a,A="trailing"in r?!!r.trailing:A);function q(p){var x=n,O=i;return n=i=void 0,m=p,o=t.apply(O,x),o}function F(p){return m=p,s=setTimeout(c,e),d?q(p):o}function u(p){var x=p-l,O=p-m,j=e-x;return b?lr(j,a-O):j}function y(p){var x=p-l,O=p-m;return l===void 0||x>=e||x<0||b&&O>=a}function c(){var p=ye();if(y(p))return E(p);s=setTimeout(c,u(p))}function E(p){return s=void 0,A&&n?q(p):(n=i=void 0,o)}function v(){s!==void 0&&clearTimeout(s),m=0,n=l=i=s=void 0}function w(){return s===void 0?o:E(ye())}function g(){var p=ye(),x=y(p);if(n=arguments,i=this,l=p,x){if(s===void 0)return F(l);if(b)return clearTimeout(s),s=setTimeout(c,e),q(l)}return s===void 0&&(s=setTimeout(c,e)),o}return g.cancel=v,g.flush=w,g}var dr=0;function pr(t){var e=++dr;return ar(t)+e}var Tr="",Y=f.defineComponent({name:"DFormControl",props:Ue,setup(t,e){const r=f.ref(),n=f.reactive(f.inject(ee,{})),a=f.reactive(n.labelData).layout==="horizontal",o=pr("dfc-"),s=f.ref(!1),l=f.ref(""),m=f.ref("bottom");let d={width:0,height:0},b={left:0,top:0},A=0,q=0;f.onMounted(()=>{const u=document.getElementById(o);b=Ze(u),k.on("showPopoverErrorMessage",y=>{o===y.uid&&(d=u.getBoundingClientRect(),A=m.value==="top"||m.value==="bottom"?d.right-d.width/2:d.right,q=m.value==="top"?b.top+d.height/2-d.height:b.top+d.height/2,s.value=y.showPopover,l.value=y.message,m.value=y.popPosition)})});const F=f.computed(()=>{switch(t.feedbackStatus){case"pending":return{name:"priority",color:"#e9edfa"};case"success":return{name:"right-o",color:"rgb(61, 204, 166)"};case"error":return{name:"error-o",color:"rgb(249, 95, 91)"};default:return{name:"",color:""}}});return()=>{var c,E,v,w,g,p,x,O;const{feedbackStatus:u,extraInfo:y}=t;return f.createVNode("div",{class:"form-control",ref:r,"data-uid":o},[f.createVNode(f.Teleport,{to:"body"},{default:()=>[f.createVNode("div",{style:{position:"absolute",left:A+"px",top:q+"px",width:d.width+"px",height:d.height+"px"}},[f.createVNode(qe,{visible:s.value,content:l.value,popType:"error",position:m.value},null)])]}),f.createVNode("div",{class:`devui-form-control-container${a?" devui-form-control-container-horizontal":""}${u?" has-feedback":""}${u==="error"?" feedback-error":""}`},[f.createVNode("div",{class:"devui-control-content-wrapper",id:o},[(E=(c=e.slots).default)==null?void 0:E.call(c)]),(u||((w=(v=e.slots).suffixTemplate)==null?void 0:w.call(v)))&&f.createVNode("span",{class:"feedback-status"},[((p=(g=e.slots).suffixTemplate)==null?void 0:p.call(g))?(O=(x=e.slots).suffixTemplate)==null?void 0:O.call(x):f.createVNode(be,{name:F.value.name,color:F.value.color},null)])]),y&&f.createVNode("div",{class:"devui-form-control-extra-info"},[y])])}}}),Vr="",Z=f.defineComponent({name:"DFormOperation",props:{},setup(t,e){return()=>{var r,n;return f.createVNode("div",{class:"form-operation"},[(n=(r=e.slots).default)==null?void 0:n.call(r)])}}}),Cr="",re;(function(t){t.dirty="dirty",t.pristine="pristine"})(re||(re={}));var ge;(function(t){t.input="input",t.focus="focus",t.change="change",t.blur="blur",t.submit="submit"})(ge||(ge={}));var $;(function(t){t.popover="popover",t.text="text",t.none="none",t.toast="toast"})($||($={}));function mr(t,e){if(!t)return console.error("[v-d-validate] validator's key is invalid"),null;switch(t){case"maxlength":return{type:"string",max:e,asyncValidator:(r,n)=>new Promise((i,a)=>{n.length>e?a("\u6700\u5927\u957F\u5EA6\u4E3A"+e):i("\u6821\u9A8C\u901A\u8FC7")})};case"minlength":return{type:"string",min:e,asyncValidator:(r,n)=>new Promise((i,a)=>{n.length<e?a("\u6700\u5C0F\u957F\u5EA6\u4E3A"+e):i("\u6821\u9A8C\u901A\u8FC7")})};case"min":return{type:"number",asyncValidator:(r,n)=>new Promise((i,a)=>{n<e?a("\u6700\u5C0F\u503C\u4E3A"+e):i("\u6821\u9A8C\u901A\u8FC7")})};case"max":return{type:"number",asyncValidator:(r,n)=>new Promise((i,a)=>{n>e?a("\u6700\u5927\u503C\u4E3A"+e):i("\u6821\u9A8C\u901A\u8FC7")})};case"required":return{reqiured:!0,asyncValidator:(r,n)=>new Promise((i,a)=>{n?i("\u6821\u9A8C\u901A\u8FC7"):a("\u5FC5\u586B\u9879")})};case"requiredTrue":return{asyncValidator:(r,n)=>new Promise((i,a)=>{n?i("\u6821\u9A8C\u901A\u8FC7"):a("\u5FC5\u987B\u4E3Atrue\u503C")})};case"email":return{type:"email",message:"\u90AE\u7BB1\u683C\u5F0F\u4E0D\u6B63\u786E"};case"pattern":return{type:"regexp",pattern:e,message:"\u53EA\u80FD\u5305\u542B\u6570\u5B57\u4E0E\u5927\u5C0F\u5199\u5B57\u7B26",validator:(r,n)=>e.test(n)};case"whitespace":return{message:"\u8F93\u5165\u4E0D\u80FD\u5168\u90E8\u4E3A\u7A7A\u683C\u6216\u7A7A\u5B57\u7B26",validator:(r,n)=>!!n.trim()};default:return{[t]:e}}}function yr(t){const e=[];for(const r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.push({key:r,value:t[r]});return e}function Re(t){const e=[...t.classList];e.push("d-validate-rules-error-pristine"),t.setAttribute("class",e.join(" "))}function gr(t){const e=[...t.classList],r=e.indexOf("d-validate-rules-error-pristine");r!==-1&&e.splice(r,1),t.setAttribute("class",e.join(" "))}function hr({el:t,tipEl:e,message:r,isFormTag:n,messageShowType:i,dfcUID:a,popPosition:o="right-bottom"}){if(n&&i===$.toast){alert(r);return}if($.popover===i){k.emit("showPopoverErrorMessage",{showPopover:!0,message:r,uid:a,popPosition:o});return}e.innerText=""+r,e.style.display="inline-flex",e.setAttribute("class","d-validate-tip"),Re(t)}function vr(t,e){e.style.display="none",gr(t)}function br(t){const e=t.instance.$refs;return Object.keys(e)[0]}function Fr(t){const e=t.instance.$refs,r=Object.keys(e)[0];return e[r].name}function Be({validator:t,modelValue:e,el:r,tipEl:n,isFormTag:i,messageShowType:a,dfcUID:o,popPosition:s}){t.validate({modelName:e}).then(()=>{vr(r,n)}).catch(l=>{const{errors:m}=l;if(!m||m.length===0)return;let d="";typeof m[0].message=="object"?d=m[0].message.default:d=m[0].message,hr({el:r,tipEl:n,message:d,isFormTag:i,messageShowType:a,dfcUID:o,popPosition:s})})}function ke(t){const r=["left","right","top","bottom","left-top","left-bottom","top-left","top-right","right-top","right-bottom","bottom-left","bottom-right"].includes(t);return!r&&console.warn(`invalid popPosition value '${t}'.`),r}var wr={mounted(t,e,r){var x;const n=t.tagName==="FORM",i=t.parentNode.parentNode.parentElement.dataset.uid,a=br(e),o=ne(e.value)&&ie(e.value,"options");let{rules:s,options:l={},messageShowType:m=$.popover}=e.value,{errorStrategy:d}=e.value;a&&(m=(x=e.instance[a].messageShowType)!=null?x:"popover");let{updateOn:b=ge.change,errorStrategy:A=re.dirty,asyncDebounceTime:q=300,popPosition:F=["right","bottom"]}=l;m===$.popover&&(Array.isArray(F)&&(F=F.length>1?F.join("-"):F[0]),ke(F)||(F="right-bottom")),d||(d=A);let u={};o?u=s!=null?s:e.value:u=e.value;const y=u&&ne(u)&&(ie(u,"validators")||ie(u,"asyncValidators")),c=Array.isArray(u)?u:[u],E=document.createElement("span");m!==$.none&&t.parentNode.append(E);const v={modelName:[]};if(c.forEach(O=>{const j=!Array.isArray(O)&&yr(O);let T={},I={};j.forEach(N=>{I=mr(N.key,N.value),T=X(X({},T),I)}),v.modelName.push(T)}),y){const{validators:O,asyncValidators:j}=u;O&&O.forEach(T=>{const I={message:(T==null?void 0:T.message)||"",validator:(N,C)=>T.validator(N,C)};v.modelName.push(I)}),j&&j.forEach(T=>{const I={message:(T==null?void 0:T.message)||"",asyncValidator:(N,C)=>new Promise(cr((he,Ar)=>{T.asyncValidator(N,C)?he(""):Ar(N.message)},q))};v.modelName.push(I)})}const w=new R(v),g=O=>{const j=O.target.value;m===$.popover&&k.emit("showPopoverErrorMessage",{showPopover:!1,message:"",uid:i,popPosition:F}),Be({validator:w,modelValue:j,el:t,tipEl:E,isFormTag:!1,messageShowType:m,dfcUID:i,popPosition:F})};r.children[0].el.addEventListener(b,g),d===re.pristine&&(Re(t),r.children[0].props.value=""+r.children[0].props.value);const p=Fr(e);p&&k.on(`formSubmit:${p}`,()=>{const O=n?"":r.children[0].el.value;Be({validator:w,modelValue:O,el:t,tipEl:E,isFormTag:n,messageShowType:m})})}};z.install=function(t){t.component(z.name,z),t.directive("d-validate-rules",wr)},H.install=function(t){t.component(H.name,H)},U.install=function(t){t.component(U.name,U)},Y.install=function(t){t.component(Y.name,Y)},Z.install=function(t){t.component(Z.name,Z)};var Or={title:"Form \u8868\u5355",category:"\u6570\u636E\u5F55\u5165",status:"75%",install(t){t.use(z),t.use(H),t.use(U),t.use(Y),t.use(Z)}};S.Form=z,S.FormControl=Y,S.FormItem=U,S.FormLabel=H,S.FormOperation=Z,S.default=Or,Object.defineProperty(S,"__esModule",{value:!0}),S[Symbol.toStringTag]="Module"});

package/form/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "form",
+  "version": "0.0.0",
+  "main": "index.umd.js",
+  "module": "index.es.js",
+  "style": "style.css"
+}

package/form/style.css

@@ -0,0 +1 @@
+.d-form{position:relative}.devui-popover{position:relative;display:inline-flex}.devui-popover.devui-popover-isVisible .devui-popover-content{display:inline-flex}.devui-popover .devui-popover-content{position:absolute;display:none;padding:5px 14px;align-items:center;flex-wrap:wrap;white-space:nowrap;border-radius:var(--devui-border-radius-feedback, 4px);color:var(--devui-feedback-overlay-text, #dfe1e6);background-color:var(--devui-feedback-overlay-bg, #464d6e);font-size:var(--devui-font-size-sm, 12px)}.devui-popover .devui-popover-content .after{content:"";width:12px;height:12px;transform:rotate(45deg);position:absolute;background-color:var(--devui-feedback-overlay-bg, #464d6e)}.devui-popover .devui-popover-content.is-icon{flex-wrap:nowrap}.devui-popover .devui-popover-content .devui-popover-icon{margin-right:5px}@keyframes some-animation{0%{opacity:0;display:inline-flex}to{opacity:1}}.devui-popover.devui-popover-animation .devui-popover-content{animation:some-animation .5s var(--devui-animation-linear, cubic-bezier(0, 0, 1, 1)) 1 forwards}.devui-popover.left .devui-popover-content{left:-8px;top:0;transform:translate(-100%);top:50%;transform:translate(-100%,-50%)}.devui-popover.left .after{right:-6px;top:50%;margin-top:-6px;margin-left:-8px}.devui-popover.left-top .devui-popover-content{left:-8px;top:0;transform:translate(-100%)}.devui-popover.left-top .after{right:-6px;top:50%;margin-left:-8px;top:8px;margin-top:auto}.devui-popover.left-bottom .devui-popover-content{left:-8px;top:0;transform:translate(-100%);top:auto;bottom:0}.devui-popover.left-bottom .after{right:-6px;top:50%;margin-left:-8px;bottom:8px;margin-top:auto}.devui-popover.top .devui-popover-content{top:-8px;left:0;transform:translateY(-100%);left:50%;transform:translate(-50%,-100%)}.devui-popover.top .after{left:50%;bottom:-6px;margin-left:-6px}.devui-popover.top-left .devui-popover-content{top:-8px;left:0;transform:translateY(-100%)}.devui-popover.top-left .after{bottom:-6px;left:8px;margin-left:auto;margin-right:-6px}.devui-popover.top-right .devui-popover-content{top:-8px;left:0;transform:translateY(-100%);left:auto;right:0}.devui-popover.top-right .after{bottom:-6px;margin-left:-6px;right:8px}.devui-popover.right .devui-popover-content{right:-8px;top:50%;transform:translate(100%);transform:translate(100%,-50%)}.devui-popover.right .after{left:-6px;margin-right:-6px;top:8px;top:50%;margin-top:-6px}.devui-popover.right-top .devui-popover-content{right:-8px;top:50%;transform:translate(100%);top:0}.devui-popover.right-top .after{left:-6px;margin-right:-6px;top:8px}.devui-popover.right-bottom .devui-popover-content{right:-8px;top:50%;transform:translate(100%);bottom:0;top:auto}.devui-popover.right-bottom .after{left:-6px;margin-right:-6px;top:8px;top:auto;bottom:8px}.devui-popover.bottom .devui-popover-content{left:0;margin-bottom:-6px;transform:translateY(100%);left:50%;bottom:0;transform:translate(-50%,100%)}.devui-popover.bottom .after{left:8px;top:-6px;margin-bottom:-6px;left:50%;margin-right:auto;margin-left:-6px}.devui-popover.bottom-left .devui-popover-content{left:0;bottom:0;margin-bottom:-6px;transform:translateY(100%)}.devui-popover.bottom-left .after{left:8px;top:-6px;margin-bottom:-6px;margin-right:-6px}.devui-popover.bottom-right .devui-popover-content{left:0;bottom:0;margin-bottom:-6px;transform:translateY(100%);left:auto;right:0}.devui-popover.bottom-right .after{left:8px;top:-6px;margin-bottom:-6px;left:auto;margin-right:auto;right:8px;margin-left:-6px}.form-label{-moz-box-flex:1;text-align:left;padding-bottom:8px;justify-content:flex-start;align-self:flex-start;margin-right:16px}.form-label .devui-required{display:inline-flex;align-items:center}.form-label .devui-required:before{content:"*";color:red;display:inline-block;margin-right:8px;margin-left:-12px}.form-label_sm{width:80px;min-width:80px}.form-label_sd{width:100px;min-width:100px}.form-label_lg{width:150px;min-width:150px}.form-label_center{text-align:center}.form-label_end{text-align:end}.form-label-help{border-radius:50%;display:inline-flex;justify-content:center;align-items:center;position:relative;margin-left:10px}.form-item{display:flex;margin-bottom:20px}.form-item-vertical{flex-direction:column}.form-item-columns{flex-direction:column;display:inline-block!important}.column-item{margin-bottom:20px}.column-item .form-control{width:60%!important}.d-validate-tip-horizontal{margin-left:10px}.form-control{position:relative}.form-control .star{color:red}.form-control .devui-form-control-container{position:relative}.form-control .devui-form-control-container .feedback-status{position:absolute;top:50%;right:0;z-index:1;width:32px;height:16px;margin-top:-7px;line-height:16px;text-align:center;visibility:visible;pointer-events:none}.form-control .devui-form-control-container .devui-radio:not(:last-child){margin-bottom:20px}.form-control .devui-form-control-container-horizontal{display:flex}.form-control .devui-form-control-container-horizontal .devui-radio:not(:last-child){margin-bottom:0;margin-right:20px}.form-control .devui-form-control-container-horizontal .devui-checkbox-group>div:first-child{display:flex;align-items:center}.form-control .devui-form-control-container-horizontal .devui-checkbox-column-margin:not(:last-child){margin-right:20px}.form-control .devui-form-control-container-horizontal input,.form-control .devui-form-control-container-horizontal .devui-tags-host{width:200px}.form-control .devui-form-control-container-horizontal .d-validate-tip{margin:0 10px}.form-control .devui-control-content-wrapper .devui-popover-wrapper{position:absolute;width:100%;height:100%;left:0;top:0;z-index:9}.form-control .devui-control-content-wrapper .devui-popover-wrapper>div{width:inherit;height:100%}.form-control .with-popover{position:relative}.form-control .with-popover>div{z-index:10}.form-control .has-feedback{display:flex;align-items:center}.form-control .has-feedback input{padding-right:28px}.form-control .feedback-error{border:1px solid #f66f6a;border-radius:2px}.form-control .feedback-error input{background-color:#ffeeed;border-color:transparent}.form-control .feedback-error input:hover{border-color:transparent!important}.form-control .feedback-error input:focus{border-color:transparent!important}.form-control .feedback-error .devui-select-arrow{right:24px!important}.form-control .devui-form-control-extra-info{font-size:12px;color:#8a8e99;min-height:20px;line-height:1.5;text-align:justify}.form-operation .star{color:red}.d-validate-rules-error-pristine input{background-color:#ffeeed;border:1px solid #f66f6a}.d-validate-rules-error-pristine input:focus{border:1px solid #f66f6a!important}.d-validate-rules-error-pristine input:hover{border:1px solid #f66f6a!important}.d-validate-tip{display:flex;justify-content:center;align-items:center;font-size:12px;color:#f66f6a}

package/fullscreen/index.d.ts

@@ -0,0 +1,7 @@
+import { App } from 'vue';
+  declare function install(app: App): void
+  declare const _default: {
+      install: typeof install;
+      version: string;
+  };
+  export default _default;

package/fullscreen/index.es.js

@@ -1 +1,163 @@
-import{defineComponent as e,ref as l,onMounted as n,renderSlot as t,useSlots as u,createVNode as s}from"vue";var c=e({name:"DFullscreen",props:{fullscreenLaunch:{type:Function,default:void 0},mode:{type:String,default:"immersive"},zIndex:{type:Number,default:10}},emits:["fullscreenLaunch"],setup(e,c){let r=l(null);const a=l(!1),m=l(null),o=()=>{if(r.value){const e=r;document.fullscreenElement?(v(),i(e)):(F(),r=null,d(e)),a.value=!!document.fullscreenElement,c.emit("fullscreenLaunch",a.value)}},i=l=>{l.classList.add("fullscreen"),e.zIndex&&l.setAttribute("style",`z-index: ${e.zIndex}`)},d=e=>{e.classList.remove("fullscreen"),e.style.zIndex=null},f=async()=>{const l=m.value.querySelector("[fullscreen-target]");let n=!1;if("normal"===e.mode){l.classList.contains("fullscreen")?(F(),d(l),n=!1):(v(),i(l),n=!0)}else r=l,n=document.fullscreenElement||document.msFullscreenElement||document.webkitFullscreenElement?await E(document):await y(r);a.value=n,c.emit("fullscreenLaunch",a.value)},v=()=>{document.getElementsByTagName("html")[0].classList.add("devui-fullscreen")},F=()=>{document.getElementsByTagName("html")[0].classList.remove("devui-fullscreen")},E=async e=>{let l=null;return e.exitFullscreen?l=e.exitFullscreen():e.mozCancelFullScreen?l=e.mozCancelFullScreen():e.webkitCancelFullScreen?l=Promise.resolve(e.webkitCancelFullScreen()):e.msExitFullscreen&&(l=Promise.resolve(e.msExitFullscreen())),await l.then((()=>!!document.fullscreenElement))},y=async e=>{let l=null;return e.requestFullscreen?l=e.requestFullscreen():e.mozRequestFullScreen?l=e.mozRequestFullScreen():e.webkitRequestFullScreen?l=Promise.resolve(e.webkitRequestFullScreen()):e.msRequestFullscreen&&(l=Promise.resolve(e.msRequestFullscreen())),await l.then((()=>!!document.fullscreenElement))},L=l=>{if(27===l.keyCode&&a.value){const l=m.value.querySelector("[fullscreen-target]");"normal"===e.mode?(F(),d(l)):document.fullscreenElement&&E(document),a.value=!1,c.emit("fullscreenLaunch",a.value)}};return n((()=>{const e=m.value.querySelector("[fullscreen-launch]");e&&e.addEventListener("click",f),document.addEventListener("fullscreenchange",o),document.addEventListener("MSFullscreenChange",o),document.addEventListener("webkitfullscreenchange",o),document.addEventListener("keydown",L)})),()=>{const e=t(u(),"default");return s("div",{ref:m},[e])}}});c.install=function(e){e.component(c.name,c)};var r={title:"Fullscreen 全屏",category:"通用",status:"已完成",install(e){e.use(c)}};export{c as Fullscreen,r as default};
+import { defineComponent, ref, onMounted, onBeforeUnmount, renderSlot, useSlots, createVNode } from "vue";
+var fullscreen = "";
+const fullscreenProps = {
+  fullscreenLaunch: {
+    type: Function,
+    default: void 0
+  },
+  mode: {
+    type: String,
+    default: "immersive"
+  },
+  zIndex: {
+    type: Number,
+    default: 10
+  }
+};
+var Fullscreen = defineComponent({
+  name: "DFullscreen",
+  props: fullscreenProps,
+  emits: ["fullscreenLaunch"],
+  setup(props, ctx) {
+    let currentTarget = null;
+    const isFullscreen = ref(false);
+    const slotElement = ref(null);
+    const onFullScreenChange = () => {
+      if (currentTarget) {
+        const targetElement = currentTarget;
+        if (document.fullscreenElement) {
+          addFullScreenStyle();
+          launchNormalFullscreen(targetElement);
+        } else {
+          removeFullScreenStyle();
+          currentTarget = null;
+          exitNormalFullscreen(targetElement);
+        }
+        isFullscreen.value = !!document.fullscreenElement;
+        ctx.emit("fullscreenLaunch", isFullscreen.value);
+      }
+    };
+    const launchNormalFullscreen = (targetElement) => {
+      targetElement.classList.add("fullscreen");
+      if (props.zIndex) {
+        targetElement.setAttribute("style", `z-index: ${props.zIndex}`);
+      }
+    };
+    const exitNormalFullscreen = (targetElement) => {
+      targetElement.classList.remove("fullscreen");
+      targetElement.style.zIndex = null;
+    };
+    const handleFullscreen = async () => {
+      const targetElement = slotElement.value.querySelector("[fullscreen-target]");
+      let isFull = false;
+      if (props.mode === "normal") {
+        const fullscreen2 = targetElement.classList.contains("fullscreen");
+        if (!fullscreen2) {
+          addFullScreenStyle();
+          launchNormalFullscreen(targetElement);
+          isFull = true;
+        } else {
+          removeFullScreenStyle();
+          exitNormalFullscreen(targetElement);
+          isFull = false;
+        }
+      } else {
+        currentTarget = targetElement;
+        if (document.fullscreenElement || document.msFullscreenElement || document.webkitFullscreenElement) {
+          isFull = await exitImmersiveFullScreen(document);
+        } else {
+          isFull = await launchImmersiveFullScreen(currentTarget);
+        }
+      }
+      isFullscreen.value = isFull;
+      ctx.emit("fullscreenLaunch", isFullscreen.value);
+    };
+    const addFullScreenStyle = () => {
+      document.getElementsByTagName("html")[0].classList.add("devui-fullscreen");
+    };
+    const removeFullScreenStyle = () => {
+      document.getElementsByTagName("html")[0].classList.remove("devui-fullscreen");
+    };
+    const exitImmersiveFullScreen = async (doc) => {
+      let fullscreenExit = null;
+      if (doc.exitFullscreen) {
+        fullscreenExit = doc.exitFullscreen();
+      } else if (doc.mozCancelFullScreen) {
+        fullscreenExit = doc.mozCancelFullScreen();
+      } else if (doc.webkitCancelFullScreen) {
+        fullscreenExit = Promise.resolve(doc.webkitCancelFullScreen());
+      } else if (doc.msExitFullscreen) {
+        fullscreenExit = Promise.resolve(doc.msExitFullscreen());
+      }
+      return await fullscreenExit.then(() => !!document.fullscreenElement);
+    };
+    const launchImmersiveFullScreen = async (docElement) => {
+      let fullscreenLaunch = null;
+      if (docElement.requestFullscreen) {
+        fullscreenLaunch = docElement.requestFullscreen();
+      } else if (docElement.mozRequestFullScreen) {
+        fullscreenLaunch = docElement.mozRequestFullScreen();
+      } else if (docElement.webkitRequestFullScreen) {
+        fullscreenLaunch = Promise.resolve(docElement.webkitRequestFullScreen());
+      } else if (docElement.msRequestFullscreen) {
+        fullscreenLaunch = Promise.resolve(docElement.msRequestFullscreen());
+      }
+      return await fullscreenLaunch.then(() => !!document.fullscreenElement);
+    };
+    const handleKeyDown = (event) => {
+      if (event.keyCode === 27) {
+        if (isFullscreen.value) {
+          const targetElement = slotElement.value.querySelector("[fullscreen-target]");
+          if (props.mode === "normal") {
+            removeFullScreenStyle();
+            exitNormalFullscreen(targetElement);
+          } else {
+            if (document.fullscreenElement) {
+              exitImmersiveFullScreen(document);
+            }
+          }
+          isFullscreen.value = false;
+          ctx.emit("fullscreenLaunch", isFullscreen.value);
+        }
+      }
+    };
+    onMounted(() => {
+      const btnLaunch = slotElement.value.querySelector("[fullscreen-launch]");
+      if (btnLaunch) {
+        btnLaunch.addEventListener("click", handleFullscreen);
+      }
+      document.addEventListener("fullscreenchange", onFullScreenChange);
+      document.addEventListener("MSFullscreenChange", onFullScreenChange);
+      document.addEventListener("webkitfullscreenchange", onFullScreenChange);
+      document.addEventListener("keydown", handleKeyDown);
+    });
+    onBeforeUnmount(() => {
+      const btnLaunch = slotElement.value.querySelector("[fullscreen-launch]");
+      if (btnLaunch) {
+        btnLaunch.removeEventListener("click", handleFullscreen);
+      }
+      document.removeEventListener("fullscreenchange", onFullScreenChange);
+      document.removeEventListener("MSFullscreenChange", onFullScreenChange);
+      document.removeEventListener("webkitfullscreenchange", onFullScreenChange);
+      document.removeEventListener("keydown", handleKeyDown);
+    });
+    return () => {
+      const defaultSlot = renderSlot(useSlots(), "default");
+      return createVNode("div", {
+        "ref": slotElement
+      }, [defaultSlot]);
+    };
+  }
+});
+Fullscreen.install = function(app) {
+  app.component(Fullscreen.name, Fullscreen);
+};
+var index = {
+  title: "Fullscreen \u5168\u5C4F",
+  category: "\u901A\u7528",
+  status: "100%",
+  install(app) {
+    app.use(Fullscreen);
+  }
+};
+export { Fullscreen, index as default };

package/fullscreen/index.umd.js

@@ -1 +1 @@
-!function(e,l){"object"==typeof exports&&"undefined"!=typeof module?l(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],l):l((e="undefined"!=typeof globalThis?globalThis:e||self).index={},e.Vue)}(this,(function(e,l){"use strict";const n={fullscreenLaunch:{type:Function,default:void 0},mode:{type:String,default:"immersive"},zIndex:{type:Number,default:10}};var t=l.defineComponent({name:"DFullscreen",props:n,emits:["fullscreenLaunch"],setup(e,n){let t=l.ref(null);const u=l.ref(!1),s=l.ref(null),c=()=>{if(t.value){const e=t;document.fullscreenElement?(i(),r(e)):(d(),t=null,o(e)),u.value=!!document.fullscreenElement,n.emit("fullscreenLaunch",u.value)}},r=l=>{l.classList.add("fullscreen"),e.zIndex&&l.setAttribute("style",`z-index: ${e.zIndex}`)},o=e=>{e.classList.remove("fullscreen"),e.style.zIndex=null},a=async()=>{const l=s.value.querySelector("[fullscreen-target]");let c=!1;if("normal"===e.mode){l.classList.contains("fullscreen")?(d(),o(l),c=!1):(i(),r(l),c=!0)}else t=l,c=document.fullscreenElement||document.msFullscreenElement||document.webkitFullscreenElement?await m(document):await f(t);u.value=c,n.emit("fullscreenLaunch",u.value)},i=()=>{document.getElementsByTagName("html")[0].classList.add("devui-fullscreen")},d=()=>{document.getElementsByTagName("html")[0].classList.remove("devui-fullscreen")},m=async e=>{let l=null;return e.exitFullscreen?l=e.exitFullscreen():e.mozCancelFullScreen?l=e.mozCancelFullScreen():e.webkitCancelFullScreen?l=Promise.resolve(e.webkitCancelFullScreen()):e.msExitFullscreen&&(l=Promise.resolve(e.msExitFullscreen())),await l.then((()=>!!document.fullscreenElement))},f=async e=>{let l=null;return e.requestFullscreen?l=e.requestFullscreen():e.mozRequestFullScreen?l=e.mozRequestFullScreen():e.webkitRequestFullScreen?l=Promise.resolve(e.webkitRequestFullScreen()):e.msRequestFullscreen&&(l=Promise.resolve(e.msRequestFullscreen())),await l.then((()=>!!document.fullscreenElement))},v=l=>{if(27===l.keyCode&&u.value){const l=s.value.querySelector("[fullscreen-target]");"normal"===e.mode?(d(),o(l)):document.fullscreenElement&&m(document),u.value=!1,n.emit("fullscreenLaunch",u.value)}};return l.onMounted((()=>{const e=s.value.querySelector("[fullscreen-launch]");e&&e.addEventListener("click",a),document.addEventListener("fullscreenchange",c),document.addEventListener("MSFullscreenChange",c),document.addEventListener("webkitfullscreenchange",c),document.addEventListener("keydown",v)})),()=>{const e=l.renderSlot(l.useSlots(),"default");return l.createVNode("div",{ref:s},[e])}}});t.install=function(e){e.component(t.name,t)};var u={title:"Fullscreen 全屏",category:"通用",status:"已完成",install(e){e.use(t)}};e.Fullscreen=t,e.default=u,Object.defineProperty(e,"__esModule",{value:!0}),e[Symbol.toStringTag]="Module"}));
+(function(t,n){typeof exports=="object"&&typeof module!="undefined"?n(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],n):(t=typeof globalThis!="undefined"?globalThis:t||self,n(t.index={},t.Vue))})(this,function(t,n){"use strict";var E="";const y={fullscreenLaunch:{type:Function,default:void 0},mode:{type:String,default:"immersive"},zIndex:{type:Number,default:10}};var c=n.defineComponent({name:"DFullscreen",props:y,emits:["fullscreenLaunch"],setup(u,o){let i=null;const s=n.ref(!1),a=n.ref(null),r=()=>{if(i){const e=i;document.fullscreenElement?(F(),d(e)):(m(),i=null,f(e)),s.value=!!document.fullscreenElement,o.emit("fullscreenLaunch",s.value)}},d=e=>{e.classList.add("fullscreen"),u.zIndex&&e.setAttribute("style",`z-index: ${u.zIndex}`)},f=e=>{e.classList.remove("fullscreen"),e.style.zIndex=null},v=async()=>{const e=a.value.querySelector("[fullscreen-target]");let l=!1;u.mode==="normal"?e.classList.contains("fullscreen")?(m(),f(e),l=!1):(F(),d(e),l=!0):(i=e,document.fullscreenElement||document.msFullscreenElement||document.webkitFullscreenElement?l=await h(document):l=await g(i)),s.value=l,o.emit("fullscreenLaunch",s.value)},F=()=>{document.getElementsByTagName("html")[0].classList.add("devui-fullscreen")},m=()=>{document.getElementsByTagName("html")[0].classList.remove("devui-fullscreen")},h=async e=>{let l=null;return e.exitFullscreen?l=e.exitFullscreen():e.mozCancelFullScreen?l=e.mozCancelFullScreen():e.webkitCancelFullScreen?l=Promise.resolve(e.webkitCancelFullScreen()):e.msExitFullscreen&&(l=Promise.resolve(e.msExitFullscreen())),await l.then(()=>!!document.fullscreenElement)},g=async e=>{let l=null;return e.requestFullscreen?l=e.requestFullscreen():e.mozRequestFullScreen?l=e.mozRequestFullScreen():e.webkitRequestFullScreen?l=Promise.resolve(e.webkitRequestFullScreen()):e.msRequestFullscreen&&(l=Promise.resolve(e.msRequestFullscreen())),await l.then(()=>!!document.fullscreenElement)},S=e=>{if(e.keyCode===27&&s.value){const l=a.value.querySelector("[fullscreen-target]");u.mode==="normal"?(m(),f(l)):document.fullscreenElement&&h(document),s.value=!1,o.emit("fullscreenLaunch",s.value)}};return n.onMounted(()=>{const e=a.value.querySelector("[fullscreen-launch]");e&&e.addEventListener("click",v),document.addEventListener("fullscreenchange",r),document.addEventListener("MSFullscreenChange",r),document.addEventListener("webkitfullscreenchange",r),document.addEventListener("keydown",S)}),n.onBeforeUnmount(()=>{const e=a.value.querySelector("[fullscreen-launch]");e&&e.removeEventListener("click",v),document.removeEventListener("fullscreenchange",r),document.removeEventListener("MSFullscreenChange",r),document.removeEventListener("webkitfullscreenchange",r),document.removeEventListener("keydown",S)}),()=>{const e=n.renderSlot(n.useSlots(),"default");return n.createVNode("div",{ref:a},[e])}}});c.install=function(u){u.component(c.name,c)};var L={title:"Fullscreen \u5168\u5C4F",category:"\u901A\u7528",status:"100%",install(u){u.use(c)}};t.Fullscreen=c,t.default=L,Object.defineProperty(t,"__esModule",{value:!0}),t[Symbol.toStringTag]="Module"});

package/gantt/index.d.ts

@@ -0,0 +1,7 @@
+import { App } from 'vue';
+  declare function install(app: App): void
+  declare const _default: {
+      install: typeof install;
+      version: string;
+  };
+  export default _default;