vue-devui 1.0.0-beta.1 → 1.0.0-beta.13

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=(E,f,V)=>f in E?xr(E,f,{enumerable:!0,configurable:!0,writable:!0,value:V}):E[f]=V,X=(E,f)=>{for(var V in f||(f={}))qr.call(f,V)&&He(E,V,f[V]);if(ze)for(var V of ze(f))Sr.call(f,V)&&He(E,V,f[V]);return E};(function(E,f){typeof exports=="object"&&typeof module!="undefined"?f(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],f):(E=typeof globalThis!="undefined"?globalThis:E||self,f(E.index={},E.Vue))})(this,function(E,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},controlled:{type:Boolean,default:!1},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:c,popoverStyle:m,mouseEnterDelay:d,mouseLeaveDelay:F,showAnimation:O,popMaxWidth:q,controlled:v}=f.toRefs(t),l=X({zIndex:o.value},m.value),y=s.value==="click",u=f.reactive(et[c.value]),j=function(){if(n.value){n.value=!1;return}n.value=!0},b=y&&v.value?j:null,w=Fe(()=>{n.value=!0},d.value),g=Fe(()=>{n.value=!1},F.value),p=!y&&v.value?w:null,x=!y&&v.value?g:null,A=()=>{!v.value||(n.value=!1)};return q.value&&(l.maxWidth=`${q.value}px`),f.watch(()=>t.visible,S=>{v.value||(n.value=S)}),()=>{var S,N;return f.createVNode("div",{class:["devui-popover",i.value,{"devui-popover-animation":O.value,"devui-popover-isVisible":n.value}]},[f.withDirectives(f.createVNode("div",{class:"devui-popover-reference",onMouseenter:p,onMouseleave:x,onClick:b},[(S=r.reference)==null?void 0:S.call(r)]),[[f.resolveDirective("clickoutside"),A]]),f.createVNode("div",{class:["devui-popover-content",u.name?"is-icon":""],style:l},[u.name&&f.createVNode(f.resolveComponent("d-icon"),{name:u.name,color:u.color,class:"devui-popover-icon",size:"16px"},null),((N=r.content)==null?void 0:N.call(r))||f.createVNode("span",null,[a.value]),f.createVNode("span",{class:"after",style:l},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,c=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":c?" form-label_end":""}`,d=`${t.required?" devui-required":""}`,F={display:i?"inline":"inline-block"};return()=>{var O,q;return f.createVNode("span",{class:m,style:F},[f.createVNode("span",{class:d},[(q=(O=e.slots).default)==null?void 0:q.call(O),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 c=Function.bind.apply(i,s),m=new c;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(O,q){var v=function(u){return n(u),u.length?q(new Ee(u,ue(u))):O(i)},l=ft(t);Se(l,r,v)});return a.catch(function(O){return O}),a}var o=e.firstFields===!0?Object.keys(t):e.firstFields||[],s=Object.keys(t),c=s.length,m=0,d=[],F=new Promise(function(O,q){var v=function(y){if(d.push.apply(d,y),m++,m===c)return n(d),d.length?q(new Ee(d,ue(d))):O(i)};s.length||(n(d),O(i)),s.forEach(function(l){var y=t[l];o.indexOf(l)!==-1?Se(y,r,v):st(y,r,v)})});return F.catch(function(O){return O}),F}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",c=typeof e.max=="number",m=/[\uD800-\uDBFF][\uDC00-\uDFFF]/g,d=r,F=null,O=typeof r=="number",q=typeof r=="string",v=Array.isArray(r);if(O?F="number":q?F="string":v&&(F="array"),!F)return!1;v&&(d=r.length),q&&(d=r.replace(m,"_").length),o?d!==e.len&&i.push(D(a.messages[F].len,e.fullField,e.len)):s&&!c&&d<e.min?i.push(D(a.messages[F].min,e.fullField,e.min)):c&&!s&&d>e.max?i.push(D(a.messages[F].max,e.fullField,e.max)):s&&c&&(d<e.min||d>e.max)&&i.push(D(a.messages[F].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 c;r instanceof Date?c=r:c=new Date(r),h.type(e,c,i,o,a),c&&h.range(e,c.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=[],c=e.required||!e.required&&i.hasOwnProperty(e.field);if(c){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,c=i,m=a;if(typeof c=="function"&&(m=c,c={}),!this.rules||Object.keys(this.rules).length===0)return m&&m(null,s),Promise.resolve(s);function d(l){var y=[],u={};function j(w){if(Array.isArray(w)){var g;y=(g=y).concat.apply(g,w)}else y.push(w)}for(var b=0;b<l.length;b++)j(l[b]);y.length?(u=ue(y),m(y,u)):m(null,s)}if(c.messages){var F=this.messages();F===pe&&(F=de()),Pe(F,c.messages),c.messages=F}else c.messages=this.messages();var O={},q=c.keys||Object.keys(this.rules);q.forEach(function(l){var y=o.rules[l],u=s[l];y.forEach(function(j){var b=j;typeof b.transform=="function"&&(s===n&&(s=_({},s)),u=s[l]=b.transform(u)),typeof b=="function"?b={validator:b}:b=_({},b),b.validator=o.getValidationMethod(b),!!b.validator&&(b.field=l,b.fullField=b.fullField||l,b.type=o.getType(b),O[l]=O[l]||[],O[l].push({rule:b,value:u,source:s,field:l}))})});var v={};return ut(O,c,function(l,y){var u=l.rule,j=(u.type==="object"||u.type==="array")&&(typeof u.fields=="object"||typeof u.defaultField=="object");j=j&&(u.required||!u.required&&l.value),u.field=l.field;function b(p,x){return _({},x,{fullField:u.fullField+"."+p,fullFields:u.fullFields?[].concat(u.fullFields,[p]):[p]})}function w(p){p===void 0&&(p=[]);var x=Array.isArray(p)?p:[p];!c.suppressWarning&&x.length&&t.warning("async-validator:",x),x.length&&u.message!==void 0&&(x=[].concat(u.message));var A=x.map(je(u,s));if(c.first&&A.length)return v[u.field]=1,y(A);if(!j)y(A);else{if(u.required&&!l.value)return u.message!==void 0?A=[].concat(u.message).map(je(u,s)):c.error&&(A=[c.error(u,D(c.messages.required,u.field))]),y(A);var S={};u.defaultField&&Object.keys(l.value).map(function(T){S[T]=u.defaultField}),S=_({},S,l.rule.fields);var N={};Object.keys(S).forEach(function(T){var C=S[T],he=Array.isArray(C)?C:[C];N[T]=he.map(b.bind(null,T))});var I=new t(N);I.messages(c.messages),l.rule.options&&(l.rule.options.messages=c.messages,l.rule.options.error=c.error),I.validate(l.value,l.rule.options||c,function(T){var C=[];A&&A.length&&C.push.apply(C,A),T&&T.length&&C.push.apply(C,T),y(C.length?C:null)})}}var g;u.asyncValidator?g=u.asyncValidator(u,l.value,w,l.source,c):u.validator&&(g=u.validator(u,l.value,w,l.source,c),g===!0?w():g===!1?w(typeof u.message=="function"?u.message(u.fullField||u.field):u.message||(u.fullField||u.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(l){d(l)},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),c=f.reactive(n.rules),m=()=>{Array.isArray(o)?i[t.prop]=[...o]:i[t.prop]=o},d=f.reactive({dHasFeedback:t.dHasFeedback,prop:t.prop,formItemMitt:r,resetField:m});f.provide(Je,d);const F=s.layout==="horizontal",O=s.layout==="vertical",q=s.layout==="columns",v=f.ref(!1),l=f.ref(""),y=w=>{const g=t.prop,p=c[g],x={};x[g]=p,new R(x).validate({[g]:i[g]}).then(()=>{v.value=!1,l.value=""}).catch(({errors:S})=>{v.value=!0,l.value=S[0].message})},u=[],j=()=>{if(c&&c[t.prop]){const w=c[t.prop];let g=w.trigger;if(Array.isArray(w))w.forEach(p=>{g=p.trigger;const x=()=>y();u.push({eventName:x}),d.formItemMitt.on(ve[g],x)});else{const p=()=>y();u.push({eventName:p}),w&&d.formItemMitt.on(ve[g],p)}}},b=()=>{c&&c[t.prop]&&u.length>0&&u.forEach(w=>{d.formItemMitt.off(w.eventName,w.cb)})};return f.onMounted(()=>{n.formMitt.emit(Q.addField,d),j()}),f.onBeforeUnmount(()=>{n.formMitt.emit(Q.removeField,d),b()}),()=>{var w,g;return f.createVNode("div",{class:`form-item${F?"":O?" 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${F?" d-validate-tip-horizontal":""}`},[v.value&&l.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,c,m=0,d=!1,F=!1,O=!0;if(typeof t!="function")throw new TypeError(fr);e=Le(e)||0,me(r)&&(d=!!r.leading,F="maxWait"in r,a=F?ur(Le(r.maxWait)||0,e):a,O="trailing"in r?!!r.trailing:O);function q(p){var x=n,A=i;return n=i=void 0,m=p,o=t.apply(A,x),o}function v(p){return m=p,s=setTimeout(u,e),d?q(p):o}function l(p){var x=p-c,A=p-m,S=e-x;return F?lr(S,a-A):S}function y(p){var x=p-c,A=p-m;return c===void 0||x>=e||x<0||F&&A>=a}function u(){var p=ye();if(y(p))return j(p);s=setTimeout(u,l(p))}function j(p){return s=void 0,O&&n?q(p):(n=i=void 0,o)}function b(){s!==void 0&&clearTimeout(s),m=0,n=c=i=s=void 0}function w(){return s===void 0?o:j(ye())}function g(){var p=ye(),x=y(p);if(n=arguments,i=this,c=p,x){if(s===void 0)return v(c);if(F)return clearTimeout(s),s=setTimeout(u,e),q(c)}return s===void 0&&(s=setTimeout(u,e)),o}return g.cancel=b,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),c=f.ref(""),m=f.ref("bottom");let d={width:0,height:0},F={left:0,top:0},O=0,q=0;f.onMounted(()=>{const l=document.getElementById(o);F=Ze(l),k.on("showPopoverErrorMessage",y=>{o===y.uid&&(d=l.getBoundingClientRect(),O=m.value==="top"||m.value==="bottom"?d.right-d.width/2:d.right,q=m.value==="top"?F.top+d.height/2-d.height:F.top+d.height/2,s.value=y.showPopover,c.value=y.message,m.value=y.popPosition)})});const v=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 u,j,b,w,g,p,x,A;const{feedbackStatus:l,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:O+"px",top:q+"px",width:d.width+"px",height:d.height+"px"}},[f.createVNode(qe,{visible:s.value,content:c.value,popType:"error",position:m.value},null)])]}),f.createVNode("div",{class:`devui-form-control-container${a?" devui-form-control-container-horizontal":""}${l?" has-feedback":""}${l==="error"?" feedback-error":""}`},[f.createVNode("div",{class:"devui-control-content-wrapper",id:o},[(j=(u=e.slots).default)==null?void 0:j.call(u)]),(l||((w=(b=e.slots).suffixTemplate)==null?void 0:w.call(b)))&&f.createVNode("span",{class:"feedback-status"},[((p=(g=e.slots).suffixTemplate)==null?void 0:p.call(g))?(A=(x=e.slots).suffixTemplate)==null?void 0:A.call(x):f.createVNode(be,{name:v.value.name,color:v.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(c=>{const{errors:m}=c;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:c={},messageShowType:m=$.popover}=e.value,{errorStrategy:d}=e.value;a&&(m=(x=e.instance[a].messageShowType)!=null?x:"popover");let{updateOn:F=ge.change,errorStrategy:O=re.dirty,asyncDebounceTime:q=300,popPosition:v=["right","bottom"]}=c;m===$.popover&&(Array.isArray(v)&&(v=v.length>1?v.join("-"):v[0]),ke(v)||(v="right-bottom")),d||(d=O);let l={};o?l=s!=null?s:e.value:l=e.value;const y=l&&ne(l)&&(ie(l,"validators")||ie(l,"asyncValidators")),u=Array.isArray(l)?l:[l],j=document.createElement("span");m!==$.none&&t.parentNode.append(j);const b={modelName:[]};if(u.forEach(A=>{const S=!Array.isArray(A)&&yr(A);let N={},I={};S.forEach(T=>{I=mr(T.key,T.value),N=X(X({},N),I)}),b.modelName.push(N)}),y){const{validators:A,asyncValidators:S}=l;A&&A.forEach(N=>{const I={message:(N==null?void 0:N.message)||"",validator:(T,C)=>N.validator(T,C)};b.modelName.push(I)}),S&&S.forEach(N=>{const I={message:(N==null?void 0:N.message)||"",asyncValidator:(T,C)=>new Promise(cr((he,Ar)=>{N.asyncValidator(T,C)?he(""):Ar(T.message)},q))};b.modelName.push(I)})}const w=new R(b),g=A=>{const S=A.target.value;m===$.popover&&k.emit("showPopoverErrorMessage",{showPopover:!1,message:"",uid:i,popPosition:v}),Be({validator:w,modelValue:S,el:t,tipEl:j,isFormTag:!1,messageShowType:m,dfcUID:i,popPosition:v})};r.children[0].el.addEventListener(F,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 A=n?"":r.children[0].el.value;Be({validator:w,modelValue:A,el:t,tipEl:j,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)}};E.Form=z,E.FormControl=Y,E.FormItem=U,E.FormLabel=H,E.FormOperation=Z,E.default=Or,Object.defineProperty(E,"__esModule",{value:!0}),E[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,4 +1,4 @@
-import { defineComponent, ref, onMounted, renderSlot, useSlots, createVNode } from "vue";
+import { defineComponent, ref, onMounted, onBeforeUnmount, renderSlot, useSlots, createVNode } from "vue";
 var fullscreen = "";
 const fullscreenProps = {
   fullscreenLaunch: {
@@ -19,11 +19,11 @@ var Fullscreen = defineComponent({
   props: fullscreenProps,
   emits: ["fullscreenLaunch"],
   setup(props, ctx) {
-    let currentTarget = ref(null);
+    let currentTarget = null;
     const isFullscreen = ref(false);
     const slotElement = ref(null);
     const onFullScreenChange = () => {
-      if (currentTarget.value) {
+      if (currentTarget) {
         const targetElement = currentTarget;
         if (document.fullscreenElement) {
           addFullScreenStyle();
@@ -131,6 +131,16 @@ var Fullscreen = defineComponent({
       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", {
@@ -145,7 +155,7 @@ Fullscreen.install = function(app) {
 var index = {
   title: "Fullscreen \u5168\u5C4F",
   category: "\u901A\u7528",
-  status: "\u5DF2\u5B8C\u6210",
+  status: "100%",
   install(app) {
     app.use(Fullscreen);
   }

package/fullscreen/index.umd.js

@@ -1 +1 @@
-(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 S={fullscreenLaunch:{type:Function,default:void 0},mode:{type:String,default:"immersive"},zIndex:{type:Number,default:10}};var r=n.defineComponent({name:"DFullscreen",props:S,emits:["fullscreenLaunch"],setup(u,a){let c=n.ref(null);const s=n.ref(!1),i=n.ref(null),o=()=>{if(c.value){const e=c;document.fullscreenElement?(F(),d(e)):(m(),c=null,f(e)),s.value=!!document.fullscreenElement,a.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},y=async()=>{const e=i.value.querySelector("[fullscreen-target]");let l=!1;u.mode==="normal"?e.classList.contains("fullscreen")?(m(),f(e),l=!1):(F(),d(e),l=!0):(c=e,document.fullscreenElement||document.msFullscreenElement||document.webkitFullscreenElement?l=await v(document):l=await L(c)),s.value=l,a.emit("fullscreenLaunch",s.value)},F=()=>{document.getElementsByTagName("html")[0].classList.add("devui-fullscreen")},m=()=>{document.getElementsByTagName("html")[0].classList.remove("devui-fullscreen")},v=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)},L=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)},g=e=>{if(e.keyCode===27&&s.value){const l=i.value.querySelector("[fullscreen-target]");u.mode==="normal"?(m(),f(l)):document.fullscreenElement&&v(document),s.value=!1,a.emit("fullscreenLaunch",s.value)}};return n.onMounted(()=>{const e=i.value.querySelector("[fullscreen-launch]");e&&e.addEventListener("click",y),document.addEventListener("fullscreenchange",o),document.addEventListener("MSFullscreenChange",o),document.addEventListener("webkitfullscreenchange",o),document.addEventListener("keydown",g)}),()=>{const e=n.renderSlot(n.useSlots(),"default");return n.createVNode("div",{ref:i},[e])}}});r.install=function(u){u.component(r.name,r)};var h={title:"Fullscreen \u5168\u5C4F",category:"\u901A\u7528",status:"\u5DF2\u5B8C\u6210",install(u){u.use(r)}};t.Fullscreen=r,t.default=h,Object.defineProperty(t,"__esModule",{value:!0}),t[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;