vue-devui 1.0.0-beta.5 → 1.0.0-beta.9

package/form/index.umd.js

@@ -1 +1 @@
-var wr=Object.defineProperty;var ze=Object.getOwnPropertySymbols;var Or=Object.prototype.hasOwnProperty,Ar=Object.prototype.propertyIsEnumerable;var He=(S,f,N)=>f in S?wr(S,f,{enumerable:!0,configurable:!0,writable:!0,value:N}):S[f]=N,X=(S,f)=>{for(var N in f||(f={}))Or.call(f,N)&&He(S,N,f[N]);if(ze)for(var N of ze(f))Ar.call(f,N)&&He(S,N,f[N]);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 N(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:""}},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"),he={blur:"d.form.blur",change:"d.form.change",input:"d.form.input"};var Ye=N();const B=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}var xr="",z=f.defineComponent({name:"DForm",props:We,emits:["submit"],setup(t,e){const r=N(),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}),{fields:n,formMitt:r,onSubmit:o=>{o.preventDefault(),e.emit("submit",o),B.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)])}}),ve=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 f.createVNode(f.Fragment,null,[/^((https?):)?\/\//.test(t)?f.createVNode("img",{src:t,alt:t.split("/")[t.split("/").length-1],style:{width:e}},null):f.createVNode("i",{class:`${n} ${n}-${t}`,style:{fontSize:e,color:r}},null)])}}),be=(t,e)=>{let r=null;return()=>{r&&clearTimeout(r),r=setTimeout(()=>{t==null||t()},e)}};const Ze=typeof window!="undefined";function Fe(t,e,r){document.addEventListener?t&&e&&r&&t.addEventListener(e,r,!1):t&&e&&r&&t.attachEvent("on"+e,r)}const I=Symbol("@@clickoutside"),oe=new Map;let we,ae=0,Oe=!0;function Ae(t,e,r){return Ze&&Oe&&(Oe=!1,Fe(document,"mousedown",n=>{we=n}),Fe(document,"mouseup",n=>{for(const[i,a]of oe)a[I].documentHandler(n,we)})),function(n,i){!r||!e.instance||!n.target||!i.target||t.contains(n.target)||t.contains(i.target)||t===n.target||t[I].bindingFn&&t[I].bindingFn()}}const Xe={beforeMount:function(t,e,r){ae++,oe.set(ae,t),t[I]={nid:ae,documentHandler:Ae(t,e,r),bindingFn:e.value}},updated:function(t,e,r){t[I].documentHandler=Ae(t,e,r),t[I].bindingFn=e.value},unmounted:function(t){oe.delete(t[I].nid),delete t[I]}};var qr="";const Qe={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 xe=f.defineComponent({name:"DPopover",directives:{clickoutside:Xe},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:u,popoverStyle:y,mouseEnterDelay:p,mouseLeaveDelay:m,showAnimation:x,popMaxWidth:b}=f.toRefs(t),w=X({zIndex:o.value},y.value),l=s.value==="click",h=f.reactive(Qe[u.value]),E=l?function(){if(n.value){n.value=!1;return}n.value=!0}:null,F=be(()=>{n.value=!0},p.value),O=be(()=>{n.value=!1},m.value),v=l?null:F,d=l?null:O,q=()=>{n.value=!1};return b.value&&(w.maxWidth=`${b.value}px`),()=>{var A,j;return f.createVNode("div",{class:["devui-popover",i.value,{"devui-popover-animation":x.value,"devui-popover-isVisible":n.value}]},[f.withDirectives(f.createVNode("div",{class:"devui-popover-reference",onMouseenter:v,onMouseleave:d,onClick:E},[(A=r.reference)==null?void 0:A.call(r)]),[[f.resolveDirective("clickoutside"),q]]),f.createVNode("div",{class:["devui-popover-content",h.name?"is-icon":""],style:w},[h.name&&f.createVNode(f.resolveComponent("d-icon"),{name:h.name,color:h.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:w},null)])])}}}),Er="",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,u=f.computed(()=>n.labelAlign==="end").value,y=`form-label${i?o?" form-label_sm":a?" form-label_lg":" form-label_sd":""}${s?" form-label_center":u?" form-label_end":""}`,p=`${t.required?" devui-required":""}`,m={display:i?"inline":"inline-block"};return()=>{var x,b;return f.createVNode("span",{class:y,style:m},[f.createVNode("span",{class:p},[(b=(x=e.slots).default)==null?void 0:b.call(x),t.hasHelp&&t.helpTips&&f.createVNode(xe,{content:t.helpTips,showAnimation:!1,position:"top",trigger:"hover"},{reference:()=>f.createVNode("span",{class:"form-label-help"},[f.createVNode(ve,{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 et(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 tt(){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 tt()?te=Reflect.construct:te=function(i,a,o){var s=[null];s.push.apply(s,a);var u=Function.bind.apply(i,s),y=new u;return o&&W(y,o.prototype),y},te.apply(null,arguments)}function rt(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||!rt(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 nt=/%[sdj%]/g,it=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 V(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(nt,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 ot(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||ot(e)&&typeof t=="string"&&!t)}function at(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 qe(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 st(t){var e=[];return Object.keys(t).forEach(function(r){e.push.apply(e,t[r]||[])}),e}var Ee=function(t){et(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 ft(t,e,r,n,i){if(e.first){var a=new Promise(function(x,b){var w=function(c){return n(c),c.length?b(new Ee(c,ue(c))):x(i)},l=st(t);qe(l,r,w)});return a.catch(function(x){return x}),a}var o=e.firstFields===!0?Object.keys(t):e.firstFields||[],s=Object.keys(t),u=s.length,y=0,p=[],m=new Promise(function(x,b){var w=function(h){if(p.push.apply(p,h),y++,y===u)return n(p),p.length?b(new Ee(p,ue(p))):x(i)};s.length||(n(p),x(i)),s.forEach(function(l){var h=t[l];o.indexOf(l)!==-1?qe(h,r,w):at(h,r,w)})});return m.catch(function(x){return x}),m}function ut(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 Se(t,e){return function(r){var n;return t.fullFields?n=ct(e,t.fullFields):n=e[r.field||t.fullField],ut(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 je(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 Pe=function(e,r,n,i,a,o){e.required&&(!n.hasOwnProperty(e.field)||P(r,o||e.type))&&i.push(V(a.messages.required,e.fullField))},lt=function(e,r,n,i,a){(/^\s+$/.test(r)||r==="")&&i.push(V(a.messages.whitespace,e.fullField))},ce={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(ce.email)},url:function(e){return typeof e=="string"&&e.length<=2048&&!!e.match(ce.url)},hex:function(e){return typeof e=="string"&&!!e.match(ce.hex)}},dt=function(e,r,n,i,a){if(e.required&&r===void 0){Pe(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(V(a.messages.types[s],e.fullField,e.type)):s&&typeof r!==e.type&&i.push(V(a.messages.types[s],e.fullField,e.type))},pt=function(e,r,n,i,a){var o=typeof e.len=="number",s=typeof e.min=="number",u=typeof e.max=="number",y=/[\uD800-\uDBFF][\uDC00-\uDFFF]/g,p=r,m=null,x=typeof r=="number",b=typeof r=="string",w=Array.isArray(r);if(x?m="number":b?m="string":w&&(m="array"),!m)return!1;w&&(p=r.length),b&&(p=r.replace(y,"_").length),o?p!==e.len&&i.push(V(a.messages[m].len,e.fullField,e.len)):s&&!u&&p<e.min?i.push(V(a.messages[m].min,e.fullField,e.min)):u&&!s&&p>e.max?i.push(V(a.messages[m].max,e.fullField,e.max)):s&&u&&(p<e.min||p>e.max)&&i.push(V(a.messages[m].range,e.fullField,e.min,e.max))},_="enum",mt=function(e,r,n,i,a){e[_]=Array.isArray(e[_])?e[_]:[],e[_].indexOf(r)===-1&&i.push(V(a.messages[_],e.fullField,e[_].join(", ")))},yt=function(e,r,n,i,a){if(e.pattern){if(e.pattern instanceof RegExp)e.pattern.lastIndex=0,e.pattern.test(r)||i.push(V(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(V(a.messages.pattern.mismatch,e.fullField,r,e.pattern))}}},g={required:Pe,whitespace:lt,type:dt,range:pt,enum:mt,pattern:yt},gt=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();g.required(e,r,i,o,a,"string"),P(r,"string")||(g.type(e,r,i,o,a),g.range(e,r,i,o,a),g.pattern(e,r,i,o,a),e.whitespace===!0&&g.whitespace(e,r,i,o,a))}n(o)},ht=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();g.required(e,r,i,o,a),r!==void 0&&g.type(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(r===""&&(r=void 0),P(r)&&!e.required)return n();g.required(e,r,i,o,a),r!==void 0&&(g.type(e,r,i,o,a),g.range(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(P(r)&&!e.required)return n();g.required(e,r,i,o,a),r!==void 0&&g.type(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();g.required(e,r,i,o,a),P(r)||g.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();g.required(e,r,i,o,a),r!==void 0&&(g.type(e,r,i,o,a),g.range(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();g.required(e,r,i,o,a),r!==void 0&&(g.type(e,r,i,o,a),g.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(r==null&&!e.required)return n();g.required(e,r,i,o,a,"array"),r!=null&&(g.type(e,r,i,o,a),g.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(P(r)&&!e.required)return n();g.required(e,r,i,o,a),r!==void 0&&g.type(e,r,i,o,a)}n(o)},qt="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();g.required(e,r,i,o,a),r!==void 0&&g[qt](e,r,i,o,a)}n(o)},St=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();g.required(e,r,i,o,a),P(r,"string")||g.pattern(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,"date")&&!e.required)return n();if(g.required(e,r,i,o,a),!P(r,"date")){var u;r instanceof Date?u=r:u=new Date(r),g.type(e,u,i,o,a),u&&g.range(e,u.getTime(),i,o,a)}}n(o)},Pt=function(e,r,n,i,a){var o=[],s=Array.isArray(r)?"array":typeof r;g.required(e,r,i,o,a,s),n(o)},le=function(e,r,n,i,a){var o=e.type,s=[],u=e.required||!e.required&&i.hasOwnProperty(e.field);if(u){if(P(r,o)&&!e.required)return n();g.required(e,r,i,s,a,o),P(r,o)||g.type(e,r,i,s,a)}n(s)},Nt=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();g.required(e,r,i,o,a)}n(o)},G={string:gt,method:ht,number:vt,boolean:bt,regexp:Ft,integer:wt,float:Ot,array:At,object:xt,enum:Et,pattern:St,date:jt,url:le,hex:le,email:le,required:Pt,any:Nt};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(),L=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=je(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,u=i,y=a;if(typeof u=="function"&&(y=u,u={}),!this.rules||Object.keys(this.rules).length===0)return y&&y(null,s),Promise.resolve(s);function p(l){var h=[],c={};function E(O){if(Array.isArray(O)){var v;h=(v=h).concat.apply(v,O)}else h.push(O)}for(var F=0;F<l.length;F++)E(l[F]);h.length?(c=ue(h),y(h,c)):y(null,s)}if(u.messages){var m=this.messages();m===pe&&(m=de()),je(m,u.messages),u.messages=m}else u.messages=this.messages();var x={},b=u.keys||Object.keys(this.rules);b.forEach(function(l){var h=o.rules[l],c=s[l];h.forEach(function(E){var F=E;typeof F.transform=="function"&&(s===n&&(s=$({},s)),c=s[l]=F.transform(c)),typeof F=="function"?F={validator:F}:F=$({},F),F.validator=o.getValidationMethod(F),!!F.validator&&(F.field=l,F.fullField=F.fullField||l,F.type=o.getType(F),x[l]=x[l]||[],x[l].push({rule:F,value:c,source:s,field:l}))})});var w={};return ft(x,u,function(l,h){var c=l.rule,E=(c.type==="object"||c.type==="array")&&(typeof c.fields=="object"||typeof c.defaultField=="object");E=E&&(c.required||!c.required&&l.value),c.field=l.field;function F(d,q){return $({},q,{fullField:c.fullField+"."+d,fullFields:c.fullFields?[].concat(c.fullFields,[d]):[d]})}function O(d){d===void 0&&(d=[]);var q=Array.isArray(d)?d:[d];!u.suppressWarning&&q.length&&t.warning("async-validator:",q),q.length&&c.message!==void 0&&(q=[].concat(c.message));var A=q.map(Se(c,s));if(u.first&&A.length)return w[c.field]=1,h(A);if(!E)h(A);else{if(c.required&&!l.value)return c.message!==void 0?A=[].concat(c.message).map(Se(c,s)):u.error&&(A=[u.error(c,V(u.messages.required,c.field))]),h(A);var j={};c.defaultField&&Object.keys(l.value).map(function(C){j[C]=c.defaultField}),j=$({},j,l.rule.fields);var D={};Object.keys(j).forEach(function(C){var T=j[C],Be=Array.isArray(T)?T:[T];D[C]=Be.map(F.bind(null,C))});var k=new t(D);k.messages(u.messages),l.rule.options&&(l.rule.options.messages=u.messages,l.rule.options.error=u.error),k.validate(l.value,l.rule.options||u,function(C){var T=[];A&&A.length&&T.push.apply(T,A),C&&C.length&&T.push.apply(T,C),h(T.length?T:null)})}}var v;c.asyncValidator?v=c.asyncValidator(c,l.value,O,l.source,u):c.validator&&(v=c.validator(c,l.value,O,l.source,u),v===!0?O():v===!1?O(typeof c.message=="function"?c.message(c.fullField||c.field):c.message||(c.fullField||c.field)+" fails"):v instanceof Array?O(v):v instanceof Error&&O(v.message)),v&&v.then&&v.then(function(){return O()},function(d){return O(d)})},function(l){p(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(V("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}();L.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},L.warning=it,L.messages=pe,L.validators=G;var Sr="",U=f.defineComponent({name:"DFormItem",props:Ke,setup(t,e){const r=N(),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),u=f.reactive(n.rules),y=()=>{i[t.prop]=o},p=f.reactive({dHasFeedback:t.dHasFeedback,prop:t.prop,formItemMitt:r,resetField:y});f.provide(Je,p);const m=s.layout==="horizontal",x=s.layout==="vertical",b=s.layout==="columns",w=f.ref(!1),l=f.ref(""),h=O=>{const v=t.prop,d=u[v],q={};q[v]=d,new L(q).validate({[v]:i[v]}).then(()=>{w.value=!1,l.value=""}).catch(({errors:j})=>{w.value=!0,l.value=j[0].message})},c=[],E=()=>{if(u&&u[t.prop]){const O=u[t.prop];let v=O.trigger;if(Array.isArray(O))O.forEach(d=>{v=d.trigger;const q=()=>h();c.push({eventName:q}),p.formItemMitt.on(he[v],q)});else{const d=()=>h();c.push({eventName:d}),O&&p.formItemMitt.on(he[v],d)}}},F=()=>{u&&u[t.prop]&&c.length>0&&c.forEach(O=>{p.formItemMitt.off(O.eventName,O.cb)})};return f.onMounted(()=>{n.formMitt.emit(Q.addField,p),E()}),f.onBeforeUnmount(()=>{n.formMitt.emit(Q.removeField,p),F()}),()=>{var O,v;return f.createVNode("div",{class:`form-item${m?"":x?" form-item-vertical":" form-item-columns"}${b?" column-item "+a.value:""}`},[(v=(O=e.slots).default)==null?void 0:v.call(O),f.createVNode("div",{class:`d-validate-tip${m?" d-validate-tip-horizontal":""}`},[w.value&&l.value])])}}}),Vt=typeof global=="object"&&global&&global.Object===Object&&global,Tt=Vt,Ct=typeof self=="object"&&self&&self.Object===Object&&self,Dt=Tt||Ct||Function("return this")(),Ne=Dt,It=Ne.Symbol,R=It,Ve=Object.prototype,Mt=Ve.hasOwnProperty,$t=Ve.toString,J=R?R.toStringTag:void 0;function _t(t){var e=Mt.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 Lt=Object.prototype,Rt=Lt.toString;function kt(t){return Rt.call(t)}var Bt="[object Null]",zt="[object Undefined]",Te=R?R.toStringTag:void 0;function Ht(t){return t==null?t===void 0?zt:Bt:Te&&Te in Object(t)?_t(t):kt(t)}function Wt(t){return t!=null&&typeof t=="object"}var Kt="[object Symbol]";function Ce(t){return typeof t=="symbol"||Wt(t)&&Ht(t)==Kt}function Gt(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 Ut=Array.isArray,Jt=Ut,Yt=1/0,De=R?R.prototype:void 0,Ie=De?De.toString:void 0;function Me(t){if(typeof t=="string")return t;if(Jt(t))return Gt(t,Me)+"";if(Ce(t))return Ie?Ie.call(t):"";var e=t+"";return e=="0"&&1/t==-Yt?"-0":e}var Zt=/\s/;function Xt(t){for(var e=t.length;e--&&Zt.test(t.charAt(e)););return e}var Qt=/^\s+/;function er(t){return t&&t.slice(0,Xt(t)+1).replace(Qt,"")}function me(t){var e=typeof t;return t!=null&&(e=="object"||e=="function")}var $e=0/0,tr=/^[-+]0x[0-9a-f]+$/i,rr=/^0b[01]+$/i,nr=/^0o[0-7]+$/i,ir=parseInt;function _e(t){if(typeof t=="number")return t;if(Ce(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=er(t);var r=rr.test(t);return r||nr.test(t)?ir(t.slice(2),r?2:8):tr.test(t)?$e:+t}function or(t){return t==null?"":Me(t)}var ar=function(){return Ne.Date.now()},ye=ar,sr="Expected a function",fr=Math.max,ur=Math.min;function cr(t,e,r){var n,i,a,o,s,u,y=0,p=!1,m=!1,x=!0;if(typeof t!="function")throw new TypeError(sr);e=_e(e)||0,me(r)&&(p=!!r.leading,m="maxWait"in r,a=m?fr(_e(r.maxWait)||0,e):a,x="trailing"in r?!!r.trailing:x);function b(d){var q=n,A=i;return n=i=void 0,y=d,o=t.apply(A,q),o}function w(d){return y=d,s=setTimeout(c,e),p?b(d):o}function l(d){var q=d-u,A=d-y,j=e-q;return m?ur(j,a-A):j}function h(d){var q=d-u,A=d-y;return u===void 0||q>=e||q<0||m&&A>=a}function c(){var d=ye();if(h(d))return E(d);s=setTimeout(c,l(d))}function E(d){return s=void 0,x&&n?b(d):(n=i=void 0,o)}function F(){s!==void 0&&clearTimeout(s),y=0,n=u=i=s=void 0}function O(){return s===void 0?o:E(ye())}function v(){var d=ye(),q=h(d);if(n=arguments,i=this,u=d,q){if(s===void 0)return w(u);if(m)return clearTimeout(s),s=setTimeout(c,e),b(u)}return s===void 0&&(s=setTimeout(c,e)),o}return v.cancel=F,v.flush=O,v}var lr=0;function dr(t){var e=++lr;return or(t)+e}var jr="",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=dr("dfc-"),s=f.ref(!1),u=f.ref(""),y=f.ref("bottom");f.onMounted(()=>{B.on("showPopoverErrorMessage",m=>{o===m.uid&&(s.value=m.showPopover,u.value=m.message,y.value=m.popPosition)})});const p=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 b,w,l,h,c,E,F,O;const{feedbackStatus:m,extraInfo:x}=t;return f.createVNode("div",{class:"form-control",ref:r,"data-uid":o},[f.createVNode("div",{class:`devui-form-control-container${a?" devui-form-control-container-horizontal":""}${m?" has-feedback":""}${m==="error"?" feedback-error":""}`},[f.createVNode("div",{class:"devui-control-content-wrapper"},[(w=(b=e.slots).default)==null?void 0:w.call(b),f.createVNode("div",{class:"devui-popover-wrapper"},[s.value&&f.createVNode(xe,{visible:!0,content:u.value,popType:"error",position:y.value},null)])]),(m||((h=(l=e.slots).suffixTemplate)==null?void 0:h.call(l)))&&f.createVNode("span",{class:"feedback-status"},[((E=(c=e.slots).suffixTemplate)==null?void 0:E.call(c))?(O=(F=e.slots).suffixTemplate)==null?void 0:O.call(F):f.createVNode(ve,{name:p.value.name,color:p.value.color},null)])]),x&&f.createVNode("div",{class:"devui-form-control-extra-info"},[x])])}}}),Pr="",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)])}}}),Nr="",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 M;(function(t){t.popover="popover",t.text="text",t.none="none",t.toast="toast"})(M||(M={}));function pr(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 mr(t){const e=[];for(const r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.push({key:r,value:t[r]});return e}function Le(t){const e=[...t.classList];e.push("d-validate-rules-error-pristine"),t.setAttribute("class",e.join(" "))}function yr(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 gr({el:t,tipEl:e,message:r,isFormTag:n,messageShowType:i,dfcUID:a,popPosition:o="right-bottom"}){if(n&&i===M.toast){alert(r);return}if(M.popover===i){B.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"),Le(t)}function hr(t,e){e.style.display="none",yr(t)}function vr(t){const e=t.instance.$refs,r=Object.keys(e)[0];return e[r].name}function Re({validator:t,modelValue:e,el:r,tipEl:n,isFormTag:i,messageShowType:a,dfcUID:o,popPosition:s}){t.validate({modelName:e}).then(()=>{hr(r,n)}).catch(u=>{const{errors:y}=u;if(!y||y.length===0)return;let p="";typeof y[0].message=="object"?p=y[0].message.default:p=y[0].message,gr({el:r,tipEl:n,message:p,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 br={mounted(t,e,r){const n=t.tagName==="FORM",i=t.parentNode.parentNode.parentElement.dataset.uid,a=ne(e.value)&&ie(e.value,"options"),{rules:o,options:s={},messageShowType:u=M.popover}=e.value;let{errorStrategy:y}=e.value,{updateOn:p=ge.change,errorStrategy:m=re.dirty,asyncDebounceTime:x=300,popPosition:b=["right","bottom"]}=s;u===M.popover&&(Array.isArray(b)&&(b=b.length>1?b.join("-"):b[0]),ke(b)||(b="right-bottom")),y||(y=m);let w={};a?w=o!=null?o:e.value:w=e.value;const l=w&&ne(w)&&(ie(w,"validators")||ie(w,"asyncValidators")),h=Array.isArray(w)?w:[w],c=document.createElement("span");u!==M.none&&t.parentNode.append(c);const E={modelName:[]};if(h.forEach(d=>{const q=!Array.isArray(d)&&mr(d);let A={},j={};q.forEach(D=>{j=pr(D.key,D.value),A=X(X({},A),j)}),E.modelName.push(A)}),l){const{validators:d,asyncValidators:q}=w;d&&d.forEach(A=>{const j={message:(A==null?void 0:A.message)||"",validator:(D,k)=>A.validator(D,k)};E.modelName.push(j)}),q&&q.forEach(A=>{const j={message:(A==null?void 0:A.message)||"",asyncValidator:(D,k)=>new Promise(cr((C,T)=>{A.asyncValidator(D,k)?C(""):T(D.message)},x))};E.modelName.push(j)})}const F=new L(E),O=d=>{const q=d.target.value;u===M.popover&&B.emit("showPopoverErrorMessage",{showPopover:!1,message:"",uid:i}),Re({validator:F,modelValue:q,el:t,tipEl:c,isFormTag:!1,messageShowType:u,dfcUID:i,popPosition:b})};r.children[0].el.addEventListener(p,O),y===re.pristine&&(Le(t),r.children[0].props.value=""+r.children[0].props.value);const v=vr(e);v&&B.on(`formSubmit:${v}`,()=>{const d=n?"":r.children[0].el.value;Re({validator:F,modelValue:d,el:t,tipEl:c,isFormTag:n,messageShowType:u})})}};z.install=function(t){t.component(z.name,z),t.directive("d-validate-rules",br)},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 Fr={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=Fr,Object.defineProperty(S,"__esModule",{value:!0}),S[Symbol.toStringTag]="Module"});
+var Ar=Object.defineProperty;var ze=Object.getOwnPropertySymbols;var xr=Object.prototype.hasOwnProperty,qr=Object.prototype.propertyIsEnumerable;var He=(S,f,V)=>f in S?Ar(S,f,{enumerable:!0,configurable:!0,writable:!0,value:V}):S[f]=V,X=(S,f)=>{for(var V in f||(f={}))xr.call(f,V)&&He(S,V,f[V]);if(ze)for(var V of ze(f))qr.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 B=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}var Sr="",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),B.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}},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 Ze=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 Ze&&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 Xe={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 Er="";const Qe={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:Xe},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:u,popoverStyle:m,mouseEnterDelay:p,mouseLeaveDelay:y,showAnimation:O,popMaxWidth:q}=f.toRefs(t),w=X({zIndex:o.value},m.value),l=s.value==="click",v=f.reactive(Qe[u.value]),E=l?function(){if(n.value){n.value=!1;return}n.value=!0}:null,h=Fe(()=>{n.value=!0},p.value),b=Fe(()=>{n.value=!1},y.value),F=l?null:h,d=l?null:b,x=()=>{n.value=!1};return q.value&&(w.maxWidth=`${q.value}px`),()=>{var A,j;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:F,onMouseleave:d,onClick:E},[(A=r.reference)==null?void 0:A.call(r)]),[[f.resolveDirective("clickoutside"),x]]),f.createVNode("div",{class:["devui-popover-content",v.name?"is-icon":""],style:w},[v.name&&f.createVNode(f.resolveComponent("d-icon"),{name:v.name,color:v.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:w},null)])])}}}),jr="",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,u=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":u?" form-label_end":""}`,p=`${t.required?" devui-required":""}`,y={display:i?"inline":"inline-block"};return()=>{var O,q;return f.createVNode("span",{class:m,style:y},[f.createVNode("span",{class:p},[(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 et(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 tt(){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 tt()?te=Reflect.construct:te=function(i,a,o){var s=[null];s.push.apply(s,a);var u=Function.bind.apply(i,s),m=new u;return o&&W(m,o.prototype),m},te.apply(null,arguments)}function rt(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||!rt(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 nt=/%[sdj%]/g,it=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(nt,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 ot(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||ot(e)&&typeof t=="string"&&!t)}function at(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 st(t){var e=[];return Object.keys(t).forEach(function(r){e.push.apply(e,t[r]||[])}),e}var Ee=function(t){et(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 ft(t,e,r,n,i){if(e.first){var a=new Promise(function(O,q){var w=function(c){return n(c),c.length?q(new Ee(c,ue(c))):O(i)},l=st(t);Se(l,r,w)});return a.catch(function(O){return O}),a}var o=e.firstFields===!0?Object.keys(t):e.firstFields||[],s=Object.keys(t),u=s.length,m=0,p=[],y=new Promise(function(O,q){var w=function(v){if(p.push.apply(p,v),m++,m===u)return n(p),p.length?q(new Ee(p,ue(p))):O(i)};s.length||(n(p),O(i)),s.forEach(function(l){var v=t[l];o.indexOf(l)!==-1?Se(v,r,w):at(v,r,w)})});return y.catch(function(O){return O}),y}function ut(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],ut(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))},lt=function(e,r,n,i,a){(/^\s+$/.test(r)||r==="")&&i.push(D(a.messages.whitespace,e.fullField))},ce={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(ce.email)},url:function(e){return typeof e=="string"&&e.length<=2048&&!!e.match(ce.url)},hex:function(e){return typeof e=="string"&&!!e.match(ce.hex)}},dt=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))},pt=function(e,r,n,i,a){var o=typeof e.len=="number",s=typeof e.min=="number",u=typeof e.max=="number",m=/[\uD800-\uDBFF][\uDC00-\uDFFF]/g,p=r,y=null,O=typeof r=="number",q=typeof r=="string",w=Array.isArray(r);if(O?y="number":q?y="string":w&&(y="array"),!y)return!1;w&&(p=r.length),q&&(p=r.replace(m,"_").length),o?p!==e.len&&i.push(D(a.messages[y].len,e.fullField,e.len)):s&&!u&&p<e.min?i.push(D(a.messages[y].min,e.fullField,e.min)):u&&!s&&p>e.max?i.push(D(a.messages[y].max,e.fullField,e.max)):s&&u&&(p<e.min||p>e.max)&&i.push(D(a.messages[y].range,e.fullField,e.min,e.max))},L="enum",mt=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(", ")))},yt=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))}}},g={required:Ne,whitespace:lt,type:dt,range:pt,enum:mt,pattern:yt},gt=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();g.required(e,r,i,o,a,"string"),P(r,"string")||(g.type(e,r,i,o,a),g.range(e,r,i,o,a),g.pattern(e,r,i,o,a),e.whitespace===!0&&g.whitespace(e,r,i,o,a))}n(o)},ht=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();g.required(e,r,i,o,a),r!==void 0&&g.type(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(r===""&&(r=void 0),P(r)&&!e.required)return n();g.required(e,r,i,o,a),r!==void 0&&(g.type(e,r,i,o,a),g.range(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(P(r)&&!e.required)return n();g.required(e,r,i,o,a),r!==void 0&&g.type(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();g.required(e,r,i,o,a),P(r)||g.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();g.required(e,r,i,o,a),r!==void 0&&(g.type(e,r,i,o,a),g.range(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();g.required(e,r,i,o,a),r!==void 0&&(g.type(e,r,i,o,a),g.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(r==null&&!e.required)return n();g.required(e,r,i,o,a,"array"),r!=null&&(g.type(e,r,i,o,a),g.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(P(r)&&!e.required)return n();g.required(e,r,i,o,a),r!==void 0&&g.type(e,r,i,o,a)}n(o)},qt="enum",St=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();g.required(e,r,i,o,a),r!==void 0&&g[qt](e,r,i,o,a)}n(o)},Et=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();g.required(e,r,i,o,a),P(r,"string")||g.pattern(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,"date")&&!e.required)return n();if(g.required(e,r,i,o,a),!P(r,"date")){var u;r instanceof Date?u=r:u=new Date(r),g.type(e,u,i,o,a),u&&g.range(e,u.getTime(),i,o,a)}}n(o)},Pt=function(e,r,n,i,a){var o=[],s=Array.isArray(r)?"array":typeof r;g.required(e,r,i,o,a,s),n(o)},le=function(e,r,n,i,a){var o=e.type,s=[],u=e.required||!e.required&&i.hasOwnProperty(e.field);if(u){if(P(r,o)&&!e.required)return n();g.required(e,r,i,s,a,o),P(r,o)||g.type(e,r,i,s,a)}n(s)},Nt=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();g.required(e,r,i,o,a)}n(o)},G={string:gt,method:ht,number:vt,boolean:bt,regexp:Ft,integer:wt,float:Ot,array:At,object:xt,enum:St,pattern:Et,date:jt,url:le,hex:le,email:le,required:Pt,any:Nt};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,u=i,m=a;if(typeof u=="function"&&(m=u,u={}),!this.rules||Object.keys(this.rules).length===0)return m&&m(null,s),Promise.resolve(s);function p(l){var v=[],c={};function E(b){if(Array.isArray(b)){var F;v=(F=v).concat.apply(F,b)}else v.push(b)}for(var h=0;h<l.length;h++)E(l[h]);v.length?(c=ue(v),m(v,c)):m(null,s)}if(u.messages){var y=this.messages();y===pe&&(y=de()),Pe(y,u.messages),u.messages=y}else u.messages=this.messages();var O={},q=u.keys||Object.keys(this.rules);q.forEach(function(l){var v=o.rules[l],c=s[l];v.forEach(function(E){var h=E;typeof h.transform=="function"&&(s===n&&(s=_({},s)),c=s[l]=h.transform(c)),typeof h=="function"?h={validator:h}:h=_({},h),h.validator=o.getValidationMethod(h),!!h.validator&&(h.field=l,h.fullField=h.fullField||l,h.type=o.getType(h),O[l]=O[l]||[],O[l].push({rule:h,value:c,source:s,field:l}))})});var w={};return ft(O,u,function(l,v){var c=l.rule,E=(c.type==="object"||c.type==="array")&&(typeof c.fields=="object"||typeof c.defaultField=="object");E=E&&(c.required||!c.required&&l.value),c.field=l.field;function h(d,x){return _({},x,{fullField:c.fullField+"."+d,fullFields:c.fullFields?[].concat(c.fullFields,[d]):[d]})}function b(d){d===void 0&&(d=[]);var x=Array.isArray(d)?d:[d];!u.suppressWarning&&x.length&&t.warning("async-validator:",x),x.length&&c.message!==void 0&&(x=[].concat(c.message));var A=x.map(je(c,s));if(u.first&&A.length)return w[c.field]=1,v(A);if(!E)v(A);else{if(c.required&&!l.value)return c.message!==void 0?A=[].concat(c.message).map(je(c,s)):u.error&&(A=[u.error(c,D(u.messages.required,c.field))]),v(A);var j={};c.defaultField&&Object.keys(l.value).map(function(N){j[N]=c.defaultField}),j=_({},j,l.rule.fields);var T={};Object.keys(j).forEach(function(N){var C=j[N],he=Array.isArray(C)?C:[C];T[N]=he.map(h.bind(null,N))});var I=new t(T);I.messages(u.messages),l.rule.options&&(l.rule.options.messages=u.messages,l.rule.options.error=u.error),I.validate(l.value,l.rule.options||u,function(N){var C=[];A&&A.length&&C.push.apply(C,A),N&&N.length&&C.push.apply(C,N),v(C.length?C:null)})}}var F;c.asyncValidator?F=c.asyncValidator(c,l.value,b,l.source,u):c.validator&&(F=c.validator(c,l.value,b,l.source,u),F===!0?b():F===!1?b(typeof c.message=="function"?c.message(c.fullField||c.field):c.message||(c.fullField||c.field)+" fails"):F instanceof Array?b(F):F instanceof Error&&b(F.message)),F&&F.then&&F.then(function(){return b()},function(d){return b(d)})},function(l){p(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=it,R.messages=pe,R.validators=G;var Pr="",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),u=f.reactive(n.rules),m=()=>{i[t.prop]=o},p=f.reactive({dHasFeedback:t.dHasFeedback,prop:t.prop,formItemMitt:r,resetField:m});f.provide(Je,p);const y=s.layout==="horizontal",O=s.layout==="vertical",q=s.layout==="columns",w=f.ref(!1),l=f.ref(""),v=b=>{const F=t.prop,d=u[F],x={};x[F]=d,new R(x).validate({[F]:i[F]}).then(()=>{w.value=!1,l.value=""}).catch(({errors:j})=>{w.value=!0,l.value=j[0].message})},c=[],E=()=>{if(u&&u[t.prop]){const b=u[t.prop];let F=b.trigger;if(Array.isArray(b))b.forEach(d=>{F=d.trigger;const x=()=>v();c.push({eventName:x}),p.formItemMitt.on(ve[F],x)});else{const d=()=>v();c.push({eventName:d}),b&&p.formItemMitt.on(ve[F],d)}}},h=()=>{u&&u[t.prop]&&c.length>0&&c.forEach(b=>{p.formItemMitt.off(b.eventName,b.cb)})};return f.onMounted(()=>{n.formMitt.emit(Q.addField,p),E()}),f.onBeforeUnmount(()=>{n.formMitt.emit(Q.removeField,p),h()}),()=>{var b,F;return f.createVNode("div",{class:`form-item${y?"":O?" form-item-vertical":" form-item-columns"}${q?" column-item "+a.value:""}`},[(F=(b=e.slots).default)==null?void 0:F.call(b),f.createVNode("div",{class:`d-validate-tip${y?" d-validate-tip-horizontal":""}`},[w.value&&l.value])])}}}),Tt=typeof global=="object"&&global&&global.Object===Object&&global,Vt=Tt,Ct=typeof self=="object"&&self&&self.Object===Object&&self,Dt=Vt||Ct||Function("return this")(),Te=Dt,It=Te.Symbol,k=It,Ve=Object.prototype,Mt=Ve.hasOwnProperty,$t=Ve.toString,J=k?k.toStringTag:void 0;function _t(t){var e=Mt.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 Lt=Object.prototype,Rt=Lt.toString;function kt(t){return Rt.call(t)}var Bt="[object Null]",zt="[object Undefined]",Ce=k?k.toStringTag:void 0;function Ht(t){return t==null?t===void 0?zt:Bt:Ce&&Ce in Object(t)?_t(t):kt(t)}function Wt(t){return t!=null&&typeof t=="object"}var Kt="[object Symbol]";function De(t){return typeof t=="symbol"||Wt(t)&&Ht(t)==Kt}function Gt(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 Ut=Array.isArray,Jt=Ut,Yt=1/0,Ie=k?k.prototype:void 0,Me=Ie?Ie.toString:void 0;function $e(t){if(typeof t=="string")return t;if(Jt(t))return Gt(t,$e)+"";if(De(t))return Me?Me.call(t):"";var e=t+"";return e=="0"&&1/t==-Yt?"-0":e}var Zt=/\s/;function Xt(t){for(var e=t.length;e--&&Zt.test(t.charAt(e)););return e}var Qt=/^\s+/;function er(t){return t&&t.slice(0,Xt(t)+1).replace(Qt,"")}function me(t){var e=typeof t;return t!=null&&(e=="object"||e=="function")}var _e=0/0,tr=/^[-+]0x[0-9a-f]+$/i,rr=/^0b[01]+$/i,nr=/^0o[0-7]+$/i,ir=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=er(t);var r=rr.test(t);return r||nr.test(t)?ir(t.slice(2),r?2:8):tr.test(t)?_e:+t}function or(t){return t==null?"":$e(t)}var ar=function(){return Te.Date.now()},ye=ar,sr="Expected a function",fr=Math.max,ur=Math.min;function cr(t,e,r){var n,i,a,o,s,u,m=0,p=!1,y=!1,O=!0;if(typeof t!="function")throw new TypeError(sr);e=Le(e)||0,me(r)&&(p=!!r.leading,y="maxWait"in r,a=y?fr(Le(r.maxWait)||0,e):a,O="trailing"in r?!!r.trailing:O);function q(d){var x=n,A=i;return n=i=void 0,m=d,o=t.apply(A,x),o}function w(d){return m=d,s=setTimeout(c,e),p?q(d):o}function l(d){var x=d-u,A=d-m,j=e-x;return y?ur(j,a-A):j}function v(d){var x=d-u,A=d-m;return u===void 0||x>=e||x<0||y&&A>=a}function c(){var d=ye();if(v(d))return E(d);s=setTimeout(c,l(d))}function E(d){return s=void 0,O&&n?q(d):(n=i=void 0,o)}function h(){s!==void 0&&clearTimeout(s),m=0,n=u=i=s=void 0}function b(){return s===void 0?o:E(ye())}function F(){var d=ye(),x=v(d);if(n=arguments,i=this,u=d,x){if(s===void 0)return w(u);if(y)return clearTimeout(s),s=setTimeout(c,e),q(u)}return s===void 0&&(s=setTimeout(c,e)),o}return F.cancel=h,F.flush=b,F}var lr=0;function dr(t){var e=++lr;return or(t)+e}var Nr="",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=dr("dfc-"),s=f.ref(!1),u=f.ref(""),m=f.ref("bottom");f.onMounted(()=>{B.on("showPopoverErrorMessage",y=>{o===y.uid&&(s.value=y.showPopover,u.value=y.message,m.value=y.popPosition)})});const p=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 q,w,l,v,c,E,h,b;const{feedbackStatus:y,extraInfo:O}=t;return f.createVNode("div",{class:"form-control",ref:r,"data-uid":o},[f.createVNode("div",{class:`devui-form-control-container${a?" devui-form-control-container-horizontal":""}${y?" has-feedback":""}${y==="error"?" feedback-error":""}`},[f.createVNode("div",{class:`devui-control-content-wrapper ${s.value?"with-popover":""}`},[(w=(q=e.slots).default)==null?void 0:w.call(q),s.value&&f.createVNode("div",{class:"devui-popover-wrapper"},[f.createVNode(qe,{visible:!0,content:u.value,popType:"error",position:m.value},null)])]),(y||((v=(l=e.slots).suffixTemplate)==null?void 0:v.call(l)))&&f.createVNode("span",{class:"feedback-status"},[((E=(c=e.slots).suffixTemplate)==null?void 0:E.call(c))?(b=(h=e.slots).suffixTemplate)==null?void 0:b.call(h):f.createVNode(be,{name:p.value.name,color:p.value.color},null)])]),O&&f.createVNode("div",{class:"devui-form-control-extra-info"},[O])])}}}),Tr="",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)])}}}),Vr="",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 pr(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 mr(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 yr(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 gr({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){B.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 hr(t,e){e.style.display="none",yr(t)}function vr(t){const e=t.instance.$refs;return Object.keys(e)[0]}function br(t){const e=t.instance.$refs,r=Object.keys(e)[0];return e[r].name}function ke({validator:t,modelValue:e,el:r,tipEl:n,isFormTag:i,messageShowType:a,dfcUID:o,popPosition:s}){t.validate({modelName:e}).then(()=>{hr(r,n)}).catch(u=>{const{errors:m}=u;if(!m||m.length===0)return;let p="";typeof m[0].message=="object"?p=m[0].message.default:p=m[0].message,gr({el:r,tipEl:n,message:p,isFormTag:i,messageShowType:a,dfcUID:o,popPosition:s})})}function Be(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 Fr={mounted(t,e,r){var x;const n=t.tagName==="FORM",i=t.parentNode.parentNode.parentElement.dataset.uid,a=vr(e),o=ne(e.value)&&ie(e.value,"options");let{rules:s,options:u={},messageShowType:m=$.popover}=e.value,{errorStrategy:p}=e.value;a&&(m=(x=e.instance[a].messageShowType)!=null?x:"popover");let{updateOn:y=ge.change,errorStrategy:O=re.dirty,asyncDebounceTime:q=300,popPosition:w=["right","bottom"]}=u;m===$.popover&&(Array.isArray(w)&&(w=w.length>1?w.join("-"):w[0]),Be(w)||(w="right-bottom")),p||(p=O);let l={};o?l=s!=null?s:e.value:l=e.value;const v=l&&ne(l)&&(ie(l,"validators")||ie(l,"asyncValidators")),c=Array.isArray(l)?l:[l],E=document.createElement("span");m!==$.none&&t.parentNode.append(E);const h={modelName:[]};if(c.forEach(A=>{const j=!Array.isArray(A)&&mr(A);let T={},I={};j.forEach(N=>{I=pr(N.key,N.value),T=X(X({},T),I)}),h.modelName.push(T)}),v){const{validators:A,asyncValidators:j}=l;A&&A.forEach(T=>{const I={message:(T==null?void 0:T.message)||"",validator:(N,C)=>T.validator(N,C)};h.modelName.push(I)}),j&&j.forEach(T=>{const I={message:(T==null?void 0:T.message)||"",asyncValidator:(N,C)=>new Promise(cr((he,Or)=>{T.asyncValidator(N,C)?he(""):Or(N.message)},q))};h.modelName.push(I)})}const b=new R(h),F=A=>{const j=A.target.value;m===$.popover&&B.emit("showPopoverErrorMessage",{showPopover:!1,message:"",uid:i}),ke({validator:b,modelValue:j,el:t,tipEl:E,isFormTag:!1,messageShowType:m,dfcUID:i,popPosition:w})};r.children[0].el.addEventListener(y,F),p===re.pristine&&(Re(t),r.children[0].props.value=""+r.children[0].props.value);const d=br(e);d&&B.on(`formSubmit:${d}`,()=>{const A=n?"":r.children[0].el.value;ke({validator:b,modelValue:A,el:t,tipEl:E,isFormTag:n,messageShowType:m})})}};z.install=function(t){t.component(z.name,z),t.directive("d-validate-rules",Fr)},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 wr={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=wr,Object.defineProperty(S,"__esModule",{value:!0}),S[Symbol.toStringTag]="Module"});

package/form/style.css

@@ -1 +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{position:relative}.form-control .devui-control-content-wrapper>div{z-index:10}.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 .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}
+.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;

package/grid/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/grid/index.es.js

@@ -68,7 +68,7 @@ function useColClassNames(props) {
   });
 }
 function setSpace(val) {
-  return val && ` ${val.trim()} `;
+  return ` ${val.trim()}${val && " "}`;
 }
 function useSize(colSizes) {
   const keys = Object.keys(colSizes).filter((key) => key in screenSizes);
@@ -260,7 +260,7 @@ Col.install = function(app) {
 var index = {
   title: "Grid \u6805\u683C",
   category: "\u5E03\u5C40",
-  status: "\u5DF2\u5B8C\u6210",
+  status: "100%",
   install(app) {
     app.use(Col);
     app.use(Row);

package/grid/index.umd.js

@@ -1 +1 @@
-var X=Object.defineProperty;var L=Object.getOwnPropertySymbols;var q=Object.prototype.hasOwnProperty,H=Object.prototype.propertyIsEnumerable;var M=(u,t,i)=>t in u?X(u,t,{enumerable:!0,configurable:!0,writable:!0,value:i}):u[t]=i,l=(u,t)=>{for(var i in t||(t={}))q.call(t,i)&&M(u,i,t[i]);if(L)for(var i of L(t))H.call(t,i)&&M(u,i,t[i]);return u};(function(u,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(u=typeof globalThis!="undefined"?globalThis:u||self,t(u.index={},u.Vue))})(this,function(u,t){"use strict";const i={align:{type:String,default:"top"},gutter:{type:[Number,Object,Array],default:0},justify:{type:String,default:"start"},wrap:{type:Boolean,default:!1}},m=[Number,Object],E={xs:m,sm:m,md:m,lg:m,xl:m,xxl:m},g=Number,T={flex:[String,Number],order:g},N={offset:g,pull:g,push:g,span:g},A=l(l(l({},T),N),E),d="devui-col";function p(e,n){return n!==void 0?` ${e}-${n}`:""}function B(e){return t.computed(()=>{const n=p(`${d}-span`,e.span),o=p(`${d}-offset`,e.offset),c=p(`${d}-pull`,e.pull),a=p(`${d}-push`,e.push);return`${n}${o}${c}${a}`})}function w(e){return e&&` ${e.trim()} `}function _(e){const n=Object.keys(e).filter(o=>o in E);return t.computed(()=>n.reduce((o,c)=>{const a=typeof e[c];if(a==="number")o=`${w(o)}${d}-${c}-span-${e[c]}`;else if(a==="object"){const s=Object.keys(e[c]).filter(r=>r in N).reduce((r,f)=>typeof e[c][f]!="number"?"":(r=`${w(r)}${d}-${c}-${f}-${e[c][f]}`,r),"");o=`${w(o)}${s}`}return o},""))}const z=["xxl","xl","lg","md","sm","xs"],j={xs:"screen and (max-width: 575px)",sm:"screen and (min-width: 576px)",md:"screen and (min-width: 768px)",lg:"screen and (min-width: 992px)",xl:"screen and (min-width: 1200px)",xxl:"screen and (min-width: 1600px)"},$=new Map;let v=-1;const b={},P={};function F(e){return $.size||U(),v+=1,$.set(v,e),e(l({},b)),v}function D(e){$.delete(e),$.size===0&&V()}function U(){Object.keys(j).forEach(e=>{const n=window.matchMedia(j[e]);n.matches&&(b[e]=!0,R());const o=c=>{b[e]=c.matches,R()};n.addEventListener("change",o),P[e]={res:n,listener:o}})}function V(){Object.keys(j).forEach(e=>{const n=P[e];n.res.removeEventListener("change",n.listener)}),$.clear()}function R(){$.forEach(e=>{e(l({},b))})}var J="";const h="devui-row";var y=t.defineComponent({name:"DRow",props:i,emits:[],setup(e,{slots:n}){const o=t.ref({}),c=t.computed(()=>{const s=p(`${h}-align`,e.align),r=p(`${h}-justify`,e.justify),f=e.wrap?` ${h}-wrap`:"";return`${s}${r}${f}`});let a;t.onMounted(()=>{a=F(s=>{o.value=s})}),t.onUnmounted(()=>{D(a)});const x=t.computed(()=>{if(!e.gutter)return{};let s=[0,0];Array.isArray(e.gutter)?s=e.gutter:typeof e.gutter=="number"?s=[e.gutter,0]:z.some(O=>{const S=e.gutter[O];return o.value[O]&&S?(typeof S=="number"?s=[S,0]:s=S,!0):!1});const r=`${(s[0]||0)/2}px`,f=`${(s[0]||0)/2}px`,I=`${(s[1]||0)/2}px`,K=`${(s[1]||0)/2}px`;return{paddingLeft:r,paddingRight:f,paddingTop:I,paddingBottom:K}});return t.provide("gutterStyle",x),()=>{var s;return t.createVNode("div",{class:`${h}${c.value}`},[(s=n.default)==null?void 0:s.call(n)])}}}),Q="",C=t.defineComponent({name:"DCol",props:A,setup(e,{slots:n}){const o=r=>typeof r=="number"?`${r} ${r} auto`:/^\d+(\.\d+)?(px|rem|em|%)$/.test(r)?`0 0 ${r}`:r,c=B(e),a=_(e),x=t.computed(()=>({flex:o(e.flex),order:e.order})),s=t.inject("gutterStyle");return()=>{var r;return t.createVNode("div",{class:`${d}${c.value}${a.value}`,style:l(l({},x.value),s.value)},[(r=n.default)==null?void 0:r.call(n)])}}});y.install=function(e){e.component(y.name,y)},C.install=function(e){e.component(C.name,C)};var G={title:"Grid \u6805\u683C",category:"\u5E03\u5C40",status:"\u5DF2\u5B8C\u6210",install(e){e.use(C),e.use(y)}};u.Col=C,u.Row=y,u.default=G,Object.defineProperty(u,"__esModule",{value:!0}),u[Symbol.toStringTag]="Module"});
+var X=Object.defineProperty;var L=Object.getOwnPropertySymbols;var q=Object.prototype.hasOwnProperty,H=Object.prototype.propertyIsEnumerable;var M=(u,t,i)=>t in u?X(u,t,{enumerable:!0,configurable:!0,writable:!0,value:i}):u[t]=i,l=(u,t)=>{for(var i in t||(t={}))q.call(t,i)&&M(u,i,t[i]);if(L)for(var i of L(t))H.call(t,i)&&M(u,i,t[i]);return u};(function(u,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(u=typeof globalThis!="undefined"?globalThis:u||self,t(u.index={},u.Vue))})(this,function(u,t){"use strict";const i={align:{type:String,default:"top"},gutter:{type:[Number,Object,Array],default:0},justify:{type:String,default:"start"},wrap:{type:Boolean,default:!1}},m=[Number,Object],E={xs:m,sm:m,md:m,lg:m,xl:m,xxl:m},g=Number,T={flex:[String,Number],order:g},N={offset:g,pull:g,push:g,span:g},A=l(l(l({},T),N),E),d="devui-col";function p(e,n){return n!==void 0?` ${e}-${n}`:""}function _(e){return t.computed(()=>{const n=p(`${d}-span`,e.span),o=p(`${d}-offset`,e.offset),c=p(`${d}-pull`,e.pull),a=p(`${d}-push`,e.push);return`${n}${o}${c}${a}`})}function w(e){return` ${e.trim()}${e&&" "}`}function z(e){const n=Object.keys(e).filter(o=>o in E);return t.computed(()=>n.reduce((o,c)=>{const a=typeof e[c];if(a==="number")o=`${w(o)}${d}-${c}-span-${e[c]}`;else if(a==="object"){const s=Object.keys(e[c]).filter(r=>r in N).reduce((r,f)=>typeof e[c][f]!="number"?"":(r=`${w(r)}${d}-${c}-${f}-${e[c][f]}`,r),"");o=`${w(o)}${s}`}return o},""))}const B=["xxl","xl","lg","md","sm","xs"],j={xs:"screen and (max-width: 575px)",sm:"screen and (min-width: 576px)",md:"screen and (min-width: 768px)",lg:"screen and (min-width: 992px)",xl:"screen and (min-width: 1200px)",xxl:"screen and (min-width: 1600px)"},$=new Map;let v=-1;const C={},P={};function F(e){return $.size||V(),v+=1,$.set(v,e),e(l({},C)),v}function U(e){$.delete(e),$.size===0&&D()}function V(){Object.keys(j).forEach(e=>{const n=window.matchMedia(j[e]);n.matches&&(C[e]=!0,R());const o=c=>{C[e]=c.matches,R()};n.addEventListener("change",o),P[e]={res:n,listener:o}})}function D(){Object.keys(j).forEach(e=>{const n=P[e];n.res.removeEventListener("change",n.listener)}),$.clear()}function R(){$.forEach(e=>{e(l({},C))})}var J="";const h="devui-row";var y=t.defineComponent({name:"DRow",props:i,emits:[],setup(e,{slots:n}){const o=t.ref({}),c=t.computed(()=>{const s=p(`${h}-align`,e.align),r=p(`${h}-justify`,e.justify),f=e.wrap?` ${h}-wrap`:"";return`${s}${r}${f}`});let a;t.onMounted(()=>{a=F(s=>{o.value=s})}),t.onUnmounted(()=>{U(a)});const x=t.computed(()=>{if(!e.gutter)return{};let s=[0,0];Array.isArray(e.gutter)?s=e.gutter:typeof e.gutter=="number"?s=[e.gutter,0]:B.some(O=>{const S=e.gutter[O];return o.value[O]&&S?(typeof S=="number"?s=[S,0]:s=S,!0):!1});const r=`${(s[0]||0)/2}px`,f=`${(s[0]||0)/2}px`,I=`${(s[1]||0)/2}px`,K=`${(s[1]||0)/2}px`;return{paddingLeft:r,paddingRight:f,paddingTop:I,paddingBottom:K}});return t.provide("gutterStyle",x),()=>{var s;return t.createVNode("div",{class:`${h}${c.value}`},[(s=n.default)==null?void 0:s.call(n)])}}}),Q="",b=t.defineComponent({name:"DCol",props:A,setup(e,{slots:n}){const o=r=>typeof r=="number"?`${r} ${r} auto`:/^\d+(\.\d+)?(px|rem|em|%)$/.test(r)?`0 0 ${r}`:r,c=_(e),a=z(e),x=t.computed(()=>({flex:o(e.flex),order:e.order})),s=t.inject("gutterStyle");return()=>{var r;return t.createVNode("div",{class:`${d}${c.value}${a.value}`,style:l(l({},x.value),s.value)},[(r=n.default)==null?void 0:r.call(n)])}}});y.install=function(e){e.component(y.name,y)},b.install=function(e){e.component(b.name,b)};var G={title:"Grid \u6805\u683C",category:"\u5E03\u5C40",status:"100%",install(e){e.use(b),e.use(y)}};u.Col=b,u.Row=y,u.default=G,Object.defineProperty(u,"__esModule",{value:!0}),u[Symbol.toStringTag]="Module"});

package/icon/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/icon/index.es.js

@@ -14,7 +14,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
-import { defineComponent, createVNode, Fragment } from "vue";
+import { defineComponent, createVNode } from "vue";
 var Icon = defineComponent({
   name: "DIcon",
   props: {
@@ -45,7 +45,7 @@ var Icon = defineComponent({
       color,
       classPrefix
     } = this;
-    return createVNode(Fragment, null, [/^((https?):)?\/\//.test(name) ? createVNode("img", {
+    return /^((https?):)?\/\//.test(name) ? createVNode("img", {
       "src": name,
       "alt": name.split("/")[name.split("/").length - 1],
       "style": {
@@ -57,7 +57,7 @@ var Icon = defineComponent({
         fontSize: size,
         color
       }
-    }, null)]);
+    }, null);
   }
 });
 Icon.install = function(app) {
@@ -66,7 +66,7 @@ Icon.install = function(app) {
 var index = {
   title: "Icon \u56FE\u6807",
   category: "\u901A\u7528",
-  status: "\u5DF2\u5B8C\u6210",
+  status: "100%",
   install(app) {
     app.use(Icon);
   }

package/icon/index.umd.js

@@ -1 +1 @@
-var c=Object.defineProperty;var o=Object.getOwnPropertySymbols;var f=Object.prototype.hasOwnProperty,p=Object.prototype.propertyIsEnumerable;var s=(t,e,n)=>e in t?c(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n,l=(t,e)=>{for(var n in e||(e={}))f.call(e,n)&&s(t,n,e[n]);if(o)for(var n of o(e))p.call(e,n)&&s(t,n,e[n]);return t};(function(t,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(t=typeof globalThis!="undefined"?globalThis:t||self,e(t.index={},t.Vue))})(this,function(t,e){"use strict";var n=e.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(i){return l({},i)},render(){const{name:i,size:r,color:a,classPrefix:u}=this;return e.createVNode(e.Fragment,null,[/^((https?):)?\/\//.test(i)?e.createVNode("img",{src:i,alt:i.split("/")[i.split("/").length-1],style:{width:r}},null):e.createVNode("i",{class:`${u} ${u}-${i}`,style:{fontSize:r,color:a}},null)])}});n.install=function(i){i.component(n.name,n)};var d={title:"Icon \u56FE\u6807",category:"\u901A\u7528",status:"\u5DF2\u5B8C\u6210",install(i){i.use(n)}};t.Icon=n,t.default=d,Object.defineProperty(t,"__esModule",{value:!0}),t[Symbol.toStringTag]="Module"});
+var f=Object.defineProperty;var s=Object.getOwnPropertySymbols;var a=Object.prototype.hasOwnProperty,p=Object.prototype.propertyIsEnumerable;var u=(t,e,n)=>e in t?f(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n,l=(t,e)=>{for(var n in e||(e={}))a.call(e,n)&&u(t,n,e[n]);if(s)for(var n of s(e))p.call(e,n)&&u(t,n,e[n]);return t};(function(t,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(t=typeof globalThis!="undefined"?globalThis:t||self,e(t.index={},t.Vue))})(this,function(t,e){"use strict";var n=e.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(i){return l({},i)},render(){const{name:i,size:o,color:c,classPrefix:r}=this;return/^((https?):)?\/\//.test(i)?e.createVNode("img",{src:i,alt:i.split("/")[i.split("/").length-1],style:{width:o}},null):e.createVNode("i",{class:`${r} ${r}-${i}`,style:{fontSize:o,color:c}},null)}});n.install=function(i){i.component(n.name,n)};var d={title:"Icon \u56FE\u6807",category:"\u901A\u7528",status:"100%",install(i){i.use(n)}};t.Icon=n,t.default=d,Object.defineProperty(t,"__esModule",{value:!0}),t[Symbol.toStringTag]="Module"});

package/image-preview/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/image-preview/index.es.js

@@ -4,16 +4,26 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-import { defineComponent, ref, computed, onMounted, onUnmounted, createVNode, createTextVNode, createApp } from "vue";
+import { defineComponent, ref, computed, onMounted, onUnmounted, createVNode, Fragment, createTextVNode, createApp } from "vue";
 var imagePreview$1 = "";
 const imagePreviewProps = {
   url: {
     type: String,
-    default: ""
+    default: "",
+    required: true
   },
   previewUrlList: {
     type: Array,
-    default: () => []
+    default: () => [],
+    required: true
+  },
+  zIndex: {
+    type: Number,
+    required: false
+  },
+  backDropZIndex: {
+    type: Number,
+    required: false
   }
 };
 class Transform {
@@ -140,6 +150,12 @@ var imagePreview = defineComponent({
     let transform = null;
     const index2 = ref(0);
     const url = computed(() => props.previewUrlList[index2.value]);
+    const imageStyle = props.zIndex ? {
+      zIndex: props.zIndex
+    } : {};
+    const bgStyle = props.backDropZIndex ? {
+      zIndex: props.backDropZIndex
+    } : {};
     function initTransform() {
       const imageElement = document.querySelector(".devui-image-preview-main-image");
       transform = new Transform(imageElement);
@@ -197,8 +213,9 @@ var imagePreview = defineComponent({
       unKeyBoard();
     });
     return () => {
-      return createVNode("div", {
-        "class": "devui-image-preview"
+      return createVNode(Fragment, null, [createVNode("div", {
+        "class": "devui-image-preview",
+        "style": imageStyle
       }, [createVNode("img", {
         "class": "devui-image-preview-main-image",
         "src": url.value
@@ -356,7 +373,10 @@ var imagePreview = defineComponent({
         "fill-rule": "nonzero"
       }, null)])])]), createVNode("button", {
         "onClick": onZoomOriginal
-      }, [createVNode("span", null, [createTextVNode("1:1")])])])]);
+      }, [createVNode("span", null, [createTextVNode("1:1")])])])]), createVNode("div", {
+        "class": "devui-image-preview-bg",
+        "style": bgStyle
+      }, null)]);
     };
   }
 });
@@ -384,8 +404,13 @@ class ImagePreviewService {
 __publicField(ImagePreviewService, "$body", null);
 __publicField(ImagePreviewService, "$div", null);
 __publicField(ImagePreviewService, "$overflow", "");
-function mountedPreviewImages(url, urlList) {
-  ImagePreviewService.open({ url, previewUrlList: urlList });
+function mountedPreviewImages(props) {
+  ImagePreviewService.open({
+    url: props.url,
+    previewUrlList: props.previewUrlList,
+    zIndex: props.zIndex,
+    backDropZIndex: props.backDropZIndex
+  });
 }
 function unmountedPreviewImages() {
   ImagePreviewService.close();
@@ -402,7 +427,12 @@ function handleImgByEl(el) {
     if (((_a = target == null ? void 0 : target.nodeName) == null ? void 0 : _a.toLowerCase()) === "img") {
       const urlList = getImgByEl(el);
       const url = target.getAttribute("src");
-      mountedPreviewImages(url, urlList);
+      mountedPreviewImages({
+        url,
+        previewUrlList: urlList,
+        zIndex: el == null ? void 0 : el.zIndex,
+        backDropZIndex: el == null ? void 0 : el.backDropZIndex
+      });
     }
   });
 }
@@ -415,7 +445,12 @@ var ImagePreviewDirective = {
     if (custom instanceof Object) {
       custom.open = () => {
         const urlList = getImgByEl(el);
-        mountedPreviewImages(urlList == null ? void 0 : urlList[0], urlList);
+        mountedPreviewImages({
+          url: urlList == null ? void 0 : urlList[0],
+          previewUrlList: urlList,
+          zIndex: el == null ? void 0 : el.zIndex,
+          backDropZIndex: el == null ? void 0 : el.backDropZIndex
+        });
       };
       custom.close = () => unmountedPreviewImages();
     }
@@ -426,12 +461,17 @@ var ImagePreviewDirective = {
   },
   unmounted() {
     unmountedPreviewImages();
+  },
+  updated(el, binding) {
+    var _a, _b;
+    el.zIndex = (_a = binding.value) == null ? void 0 : _a.zIndex;
+    el.backDropZIndex = (_b = binding.value) == null ? void 0 : _b.backDropZIndex;
   }
 };
 var index = {
   title: "ImagePreview \u56FE\u7247\u9884\u89C8",
   category: "\u6570\u636E\u5C55\u793A",
-  status: "\u5DF2\u5B8C\u6210",
+  status: "100%",
   install(app) {
     app.directive("d-image-preview", ImagePreviewDirective);
     app.config.globalProperties.$imagePreviewService = ImagePreviewService;

package/image-preview/index.umd.js

@@ -1 +1 @@
-var E=Object.defineProperty;var O=(r,e,c)=>e in r?E(r,e,{enumerable:!0,configurable:!0,writable:!0,value:c}):r[e]=c;var n=(r,e,c)=>(O(r,typeof e!="symbol"?e+"":e,c),c);(function(r,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(r=typeof globalThis!="undefined"?globalThis:r||self,e(r.index={},r.Vue))})(this,function(r,e){"use strict";var c="";const N={url:{type:String,default:""},previewUrlList:{type:Array,default:()=>[]}};class V{constructor(t,o={}){n(this,"el");n(this,"oTransformX",0);n(this,"oTransformY",0);n(this,"transformX");n(this,"transformY");n(this,"zoom");n(this,"rotate");n(this,"STEP",.25);n(this,"MIN_SCALE",.2);n(this,"MAX_SCALE",2.5);n(this,"TRANSFORMX",0);n(this,"TRANSFORMY",0);n(this,"ZOOM",1);n(this,"ROTATE",0);this.el=t,this.transformX=o.transformX||this.TRANSFORMX,this.transformY=o.transformY||this.TRANSFORMY,this.zoom=o.zoom||this.ZOOM,this.rotate=o.rotate||this.ROTATE,this.handleDefaultDraggable(),this.onDraggable(),this.onMouseWheel()}handleDefaultDraggable(){document.body.ondragstart=()=>(window.event.returnValue=!1,!1)}onDraggable(){this.el.onmousedown=t=>{const o=t.clientX,s=t.clientY;document.onmousemove=l=>{const h=l.clientX-o,u=l.clientY-s;this.transformX=this.oTransformX+h,this.transformY=this.oTransformY+u,this.el.style.cursor="grabbing",this.setPosition()}},document.onmouseup=()=>{document.onmousemove=null,this.oTransformX=this.transformX,this.oTransformY=this.transformY,this.el.style.cursor="grab"}}onMouseWheel(){const t=this.throttle(this.setMouseWheel,100);this.el.onmousewheel=o=>{const s=-o.wheelDelta||o.deltaY||o.detail;t(s)}}throttle(t,o){let s=null;return(...l)=>{s||setTimeout(()=>{s=null,t.apply(this,l)},o)}}setMouseWheel(t){if(t<0){if(this.zoom>=this.MAX_SCALE){this.el.style.cursor="not-allowed";return}this.el.style.cursor="zoom-in",this.setZoomIn(this.STEP)}else{if(this.zoom<=this.MIN_SCALE){this.el.style.cursor="not-allowed";return}this.el.style.cursor="zoom-out",this.setZoomOut(this.STEP)}this.setPosition()}setZoomIn(t=this.STEP){this.zoom=Math.min(this.MAX_SCALE,this.zoom+t),this.setPosition()}setZoomOut(t=this.STEP){this.zoom=Math.max(this.MIN_SCALE,this.zoom-t),this.setPosition()}setZoomBest(){this.reset(),this.setPosition()}setZoomOriginal(){this.reset(),this.setPosition()}setRotate(){this.rotate+=.25,this.setPosition()}reset(){this.transformX=this.TRANSFORMX,this.transformY=this.TRANSFORMY,this.zoom=this.ZOOM}setPosition(){this.el.style.transform=`translate(${this.transformX}px, ${this.transformY}px) scale(${this.zoom}) rotate(${this.rotate}turn)`}}var y=e.defineComponent({name:"DImagePreview",props:N,emits:[],setup(i){let t=null;const o=e.ref(0),s=e.computed(()=>i.previewUrlList[o.value]);function l(){const d=document.querySelector(".devui-image-preview-main-image");t=new V(d)}function h(){o.value=i.previewUrlList.findIndex(d=>d===i.url)}function u(){o.value=o.value<=0?i.previewUrlList.length-1:o.value-1}function f(){o.value=o.value>=i.previewUrlList.length-1?0:o.value+1}function v(){a.close()}function b(){t.setZoomIn()}function k(){t.setZoomOut()}function P(){t.setRotate()}function Z(){t.setZoomBest()}function T(){t.setZoomOriginal()}function C(d){d.defaultPrevented||(d.code=="Escape"?v():d.code=="ArrowLeft"?u():d.code=="ArrowRight"&&f())}function A(){document.addEventListener("keydown",C,!1)}function $(){document.removeEventListener("keydown",C,!1)}return e.onMounted(()=>{h(),l(),A()}),e.onUnmounted(()=>{$()}),()=>e.createVNode("div",{class:"devui-image-preview"},[e.createVNode("img",{class:"devui-image-preview-main-image",src:s.value},null),e.createVNode("button",{class:"devui-image-preview-close-btn",onClick:v},[e.createVNode("svg",{width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1"},[e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("polygon",{fill:"#293040","fill-rule":"nonzero",points:"8 6.58578644 12.2426407 2.34314575 13.6568542 3.75735931 9.41421356 8 13.6568542 12.2426407 12.2426407 13.6568542 8 9.41421356 3.75735931 13.6568542 2.34314575 12.2426407 6.58578644 8 2.34314575 3.75735931 3.75735931 2.34314575"},null)])])]),e.createVNode("button",{class:"devui-image-preview-arrow-left",onClick:u},[e.createVNode("svg",{width:"18px",height:"18px",viewBox:"0 0 16 16",version:"1.1"},[e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("polygon",{fill:"#293040","fill-rule":"nonzero",points:"10.7071068 12.2928932 9.29289322 13.7071068 3.58578644 8 9.29289322 2.29289322 10.7071068 3.70710678 6.41421356 8"},null)])])]),e.createVNode("button",{class:"devui-image-preview-arrow-right",onClick:f},[e.createVNode("svg",{width:"18px",height:"18px",viewBox:"0 0 16 16",version:"1.1"},[e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("polygon",{fill:"#293040","fill-rule":"nonzero",transform:"translate(8.146447, 8.000000) scale(-1, 1) translate(-8.146447, -8.000000) ",points:"11.7071068 12.2928932 10.2928932 13.7071068 4.58578644 8 10.2928932 2.29289322 11.7071068 3.70710678 7.41421356 8"},null)])])]),e.createVNode("div",{class:"devui-image-preview-toolbar"},[e.createVNode("button",{onClick:b},[e.createVNode("svg",{width:"18px",height:"18px",viewBox:"0 0 16 16"},[e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("g",{fill:"#293040","fill-rule":"nonzero"},[e.createVNode("path",{d:"M6,6 L6,4 L8,4 L8,6 L10,6 L10,8 L8,8 L8,10 L6,10 L6,8 L4,8 L4,6 L6,6 Z M12.6063847,11.1921711 L15.6568542,14.2426407 L14.2426407,15.6568542 L11.1921711,12.6063847 C10.0235906,13.4815965 8.5723351,14 7,14 C3.13400675,14 0,10.8659932 0,7 C0,3.13400675 3.13400675,0 7,0 C10.8659932,0 14,3.13400675 14,7 C14,8.5723351 13.4815965,10.0235906 12.6063847,11.1921711 L12.6063847,11.1921711 Z M7,12 C9.76142375,12 12,9.76142375 12,7 C12,4.23857625 9.76142375,2 7,2 C4.23857625,2 2,4.23857625 2,7 C2,9.76142375 4.23857625,12 7,12 Z"},null)])])])]),e.createVNode("button",{onClick:k},[e.createVNode("svg",{width:"18px",height:"18px",viewBox:"0 0 16 16"},[e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("g",{fill:"#293040","fill-rule":"nonzero"},[e.createVNode("path",{d:"M12.6063847,11.1921711 L15.6568542,14.2426407 L14.2426407,15.6568542 L11.1921711,12.6063847 C10.0235906,13.4815965 8.5723351,14 7,14 C3.13400675,14 0,10.8659932 0,7 C0,3.13400675 3.13400675,0 7,0 C10.8659932,0 14,3.13400675 14,7 C14,8.5723351 13.4815965,10.0235906 12.6063847,11.1921711 L12.6063847,11.1921711 Z M7,12 C9.76142375,12 12,9.76142375 12,7 C12,4.23857625 9.76142375,2 7,2 C4.23857625,2 2,4.23857625 2,7 C2,9.76142375 4.23857625,12 7,12 Z M4,6 L10,6 L10,8 L4,8 L4,6 Z"},null)])])])]),e.createVNode("button",{onClick:P},[e.createVNode("svg",{width:"18px",height:"18px",viewBox:"0 0 16 16",version:"1.1"},[e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("path",{d:"M7.5,3.02242151 L7.5,4 L4.5,2 L7.5,0 L7.5,1.01640228 C7.66526181,1.00552468 7.83198572,1 8,1 C12.1421356,1 15.5,4.35786438 15.5,8.5 C15.5,12.6421356 12.1421356,16 8,16 C3.85786438,16 0.5,12.6421356 0.5,8.5 C0.5,6.9828355 0.950484514,5.5708873 1.72499011,4.39061882 L3.42173231,5.4510827 C2.83944149,6.32371289 2.5,7.37221604 2.5,8.5 C2.5,11.5375661 4.96243388,14 8,14 C11.0375661,14 13.5,11.5375661 13.5,8.5 C13.5,5.46243388 11.0375661,3 8,3 C7.83145515,3 7.66468102,3.00758131 7.5,3.02242151 Z M8,11 C6.61928813,11 5.5,9.88071187 5.5,8.5 C5.5,7.11928813 6.61928813,6 8,6 C9.38071187,6 10.5,7.11928813 10.5,8.5 C10.5,9.88071187 9.38071187,11 8,11 Z M8,10 C8.82842712,10 9.5,9.32842712 9.5,8.5 C9.5,7.67157288 8.82842712,7 8,7 C7.17157288,7 6.5,7.67157288 6.5,8.5 C6.5,9.32842712 7.17157288,10 8,10 Z",fill:"#293040"},null)])])]),e.createVNode("button",{onClick:u},[e.createVNode("svg",{width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1"},[e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("polygon",{fill:"#293040","fill-rule":"nonzero",points:"10.7071068 12.2928932 9.29289322 13.7071068 3.58578644 8 9.29289322 2.29289322 10.7071068 3.70710678 6.41421356 8"},null)])])]),e.createVNode("span",{class:"devui-image-preview-index"},[o.value+1,e.createTextVNode(":"),i.previewUrlList.length]),e.createVNode("button",{class:"devui-next",onClick:f},[e.createVNode("svg",{width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1"},[e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("polygon",{fill:"#293040","fill-rule":"nonzero",transform:"translate(8.146447, 8.000000) scale(-1, 1) translate(-8.146447, -8.000000) ",points:"11.7071068 12.2928932 10.2928932 13.7071068 4.58578644 8 10.2928932 2.29289322 11.7071068 3.70710678 7.41421356 8"},null)])])]),e.createVNode("button",{onClick:Z},[e.createVNode("svg",{width:"18px",height:"18px",viewBox:"0 0 16 16"},[e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("path",{d:"M16,16 L11.429,16 L11.429,15 L14.456,15 L11.006,11.226 L11.652,10.519 L15.086,14.275 L15.086,11 L16,11 L16,16 Z M15.164,1.544 L12.009,4.994 L11.418,4.348 L14.558,0.914 L11.82,0.914 L11.82,0 L16,0 L16,4.571 L15.164,4.571 L15.164,1.544 Z M5,15 L5,16 L0,16 L0,11 L1,11 L1,14.275 L4.756,10.519 L5.463,11.226 L1.689,15 L5,15 Z M4.365,4.994 L0.914,1.544 L0.914,4.571 L3.41060513e-13,4.571 L3.41060513e-13,0 L4.571,0 L4.571,0.914 L1.578,0.914 L5.011,4.348 L4.365,4.994 Z",fill:"#293040","fill-rule":"nonzero"},null)])])]),e.createVNode("button",{onClick:T},[e.createVNode("span",null,[e.createTextVNode("1:1")])])])])}});function x(i){return e.createApp(y,i)}class a{static open(t){this.$body=document.body,this.$div=document.createElement("div"),this.$overflow=this.$body.style.overflow,this.$body.appendChild(this.$div),x(t).mount(this.$div),this.$body.style.setProperty("overflow","hidden","important")}static close(){var t;(t=this.$body)==null||t.style.setProperty("overflow",this.$overflow),this.$overflow=null,this.$div&&this.$body.removeChild(this.$div),this.$body=null,this.$div=null}}n(a,"$body",null),n(a,"$div",null),n(a,"$overflow","");function m(i,t){a.open({url:i,previewUrlList:t})}function g(){a.close()}function L(i){return[...i.querySelectorAll("img")].map(o=>o.getAttribute("src"))}function w(i){i.addEventListener("click",t=>{var s;t.stopPropagation();const o=t.target;if(((s=o==null?void 0:o.nodeName)==null?void 0:s.toLowerCase())==="img"){const l=L(i),h=o.getAttribute("src");m(h,l)}})}var p={mounted(i,t){if(!t.value)return w(i);const{custom:o,disableDefault:s}=t.value;o instanceof Object&&(o.open=()=>{const l=L(i);m(l==null?void 0:l[0],l)},o.close=()=>g()),!s&&w(i)},unmounted(){g()}},M={title:"ImagePreview \u56FE\u7247\u9884\u89C8",category:"\u6570\u636E\u5C55\u793A",status:"\u5DF2\u5B8C\u6210",install(i){i.directive("d-image-preview",p),i.config.globalProperties.$imagePreviewService=a}};r.ImagePreviewDirective=p,r.ImagePreviewService=a,r.default=M,Object.defineProperty(r,"__esModule",{value:!0}),r[Symbol.toStringTag]="Module"});
+var S=Object.defineProperty;var D=(r,e,c)=>e in r?S(r,e,{enumerable:!0,configurable:!0,writable:!0,value:c}):r[e]=c;var n=(r,e,c)=>(D(r,typeof e!="symbol"?e+"":e,c),c);(function(r,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(r=typeof globalThis!="undefined"?globalThis:r||self,e(r.index={},r.Vue))})(this,function(r,e){"use strict";var c="";const C={url:{type:String,default:"",required:!0},previewUrlList:{type:Array,default:()=>[],required:!0},zIndex:{type:Number,required:!1},backDropZIndex:{type:Number,required:!1}};class y{constructor(o,i={}){n(this,"el");n(this,"oTransformX",0);n(this,"oTransformY",0);n(this,"transformX");n(this,"transformY");n(this,"zoom");n(this,"rotate");n(this,"STEP",.25);n(this,"MIN_SCALE",.2);n(this,"MAX_SCALE",2.5);n(this,"TRANSFORMX",0);n(this,"TRANSFORMY",0);n(this,"ZOOM",1);n(this,"ROTATE",0);this.el=o,this.transformX=i.transformX||this.TRANSFORMX,this.transformY=i.transformY||this.TRANSFORMY,this.zoom=i.zoom||this.ZOOM,this.rotate=i.rotate||this.ROTATE,this.handleDefaultDraggable(),this.onDraggable(),this.onMouseWheel()}handleDefaultDraggable(){document.body.ondragstart=()=>(window.event.returnValue=!1,!1)}onDraggable(){this.el.onmousedown=o=>{const i=o.clientX,s=o.clientY;document.onmousemove=l=>{const h=l.clientX-i,u=l.clientY-s;this.transformX=this.oTransformX+h,this.transformY=this.oTransformY+u,this.el.style.cursor="grabbing",this.setPosition()}},document.onmouseup=()=>{document.onmousemove=null,this.oTransformX=this.transformX,this.oTransformY=this.transformY,this.el.style.cursor="grab"}}onMouseWheel(){const o=this.throttle(this.setMouseWheel,100);this.el.onmousewheel=i=>{const s=-i.wheelDelta||i.deltaY||i.detail;o(s)}}throttle(o,i){let s=null;return(...l)=>{s||setTimeout(()=>{s=null,o.apply(this,l)},i)}}setMouseWheel(o){if(o<0){if(this.zoom>=this.MAX_SCALE){this.el.style.cursor="not-allowed";return}this.el.style.cursor="zoom-in",this.setZoomIn(this.STEP)}else{if(this.zoom<=this.MIN_SCALE){this.el.style.cursor="not-allowed";return}this.el.style.cursor="zoom-out",this.setZoomOut(this.STEP)}this.setPosition()}setZoomIn(o=this.STEP){this.zoom=Math.min(this.MAX_SCALE,this.zoom+o),this.setPosition()}setZoomOut(o=this.STEP){this.zoom=Math.max(this.MIN_SCALE,this.zoom-o),this.setPosition()}setZoomBest(){this.reset(),this.setPosition()}setZoomOriginal(){this.reset(),this.setPosition()}setRotate(){this.rotate+=.25,this.setPosition()}reset(){this.transformX=this.TRANSFORMX,this.transformY=this.TRANSFORMY,this.zoom=this.ZOOM}setPosition(){this.el.style.transform=`translate(${this.transformX}px, ${this.transformY}px) scale(${this.zoom}) rotate(${this.rotate}turn)`}}var b=e.defineComponent({name:"DImagePreview",props:C,emits:[],setup(t){let o=null;const i=e.ref(0),s=e.computed(()=>t.previewUrlList[i.value]),l=t.zIndex?{zIndex:t.zIndex}:{},h=t.backDropZIndex?{zIndex:t.backDropZIndex}:{};function u(){const d=document.querySelector(".devui-image-preview-main-image");o=new y(d)}function Z(){i.value=t.previewUrlList.findIndex(d=>d===t.url)}function f(){i.value=i.value<=0?t.previewUrlList.length-1:i.value-1}function m(){i.value=i.value>=t.previewUrlList.length-1?0:i.value+1}function x(){a.close()}function I(){o.setZoomIn()}function M(){o.setZoomOut()}function z(){o.setRotate()}function P(){o.setZoomBest()}function T(){o.setZoomOriginal()}function N(d){d.defaultPrevented||(d.code=="Escape"?x():d.code=="ArrowLeft"?f():d.code=="ArrowRight"&&m())}function A(){document.addEventListener("keydown",N,!1)}function $(){document.removeEventListener("keydown",N,!1)}return e.onMounted(()=>{Z(),u(),A()}),e.onUnmounted(()=>{$()}),()=>e.createVNode(e.Fragment,null,[e.createVNode("div",{class:"devui-image-preview",style:l},[e.createVNode("img",{class:"devui-image-preview-main-image",src:s.value},null),e.createVNode("button",{class:"devui-image-preview-close-btn",onClick:x},[e.createVNode("svg",{width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1"},[e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("polygon",{fill:"#293040","fill-rule":"nonzero",points:"8 6.58578644 12.2426407 2.34314575 13.6568542 3.75735931 9.41421356 8 13.6568542 12.2426407 12.2426407 13.6568542 8 9.41421356 3.75735931 13.6568542 2.34314575 12.2426407 6.58578644 8 2.34314575 3.75735931 3.75735931 2.34314575"},null)])])]),e.createVNode("button",{class:"devui-image-preview-arrow-left",onClick:f},[e.createVNode("svg",{width:"18px",height:"18px",viewBox:"0 0 16 16",version:"1.1"},[e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("polygon",{fill:"#293040","fill-rule":"nonzero",points:"10.7071068 12.2928932 9.29289322 13.7071068 3.58578644 8 9.29289322 2.29289322 10.7071068 3.70710678 6.41421356 8"},null)])])]),e.createVNode("button",{class:"devui-image-preview-arrow-right",onClick:m},[e.createVNode("svg",{width:"18px",height:"18px",viewBox:"0 0 16 16",version:"1.1"},[e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("polygon",{fill:"#293040","fill-rule":"nonzero",transform:"translate(8.146447, 8.000000) scale(-1, 1) translate(-8.146447, -8.000000) ",points:"11.7071068 12.2928932 10.2928932 13.7071068 4.58578644 8 10.2928932 2.29289322 11.7071068 3.70710678 7.41421356 8"},null)])])]),e.createVNode("div",{class:"devui-image-preview-toolbar"},[e.createVNode("button",{onClick:I},[e.createVNode("svg",{width:"18px",height:"18px",viewBox:"0 0 16 16"},[e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("g",{fill:"#293040","fill-rule":"nonzero"},[e.createVNode("path",{d:"M6,6 L6,4 L8,4 L8,6 L10,6 L10,8 L8,8 L8,10 L6,10 L6,8 L4,8 L4,6 L6,6 Z M12.6063847,11.1921711 L15.6568542,14.2426407 L14.2426407,15.6568542 L11.1921711,12.6063847 C10.0235906,13.4815965 8.5723351,14 7,14 C3.13400675,14 0,10.8659932 0,7 C0,3.13400675 3.13400675,0 7,0 C10.8659932,0 14,3.13400675 14,7 C14,8.5723351 13.4815965,10.0235906 12.6063847,11.1921711 L12.6063847,11.1921711 Z M7,12 C9.76142375,12 12,9.76142375 12,7 C12,4.23857625 9.76142375,2 7,2 C4.23857625,2 2,4.23857625 2,7 C2,9.76142375 4.23857625,12 7,12 Z"},null)])])])]),e.createVNode("button",{onClick:M},[e.createVNode("svg",{width:"18px",height:"18px",viewBox:"0 0 16 16"},[e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("g",{fill:"#293040","fill-rule":"nonzero"},[e.createVNode("path",{d:"M12.6063847,11.1921711 L15.6568542,14.2426407 L14.2426407,15.6568542 L11.1921711,12.6063847 C10.0235906,13.4815965 8.5723351,14 7,14 C3.13400675,14 0,10.8659932 0,7 C0,3.13400675 3.13400675,0 7,0 C10.8659932,0 14,3.13400675 14,7 C14,8.5723351 13.4815965,10.0235906 12.6063847,11.1921711 L12.6063847,11.1921711 Z M7,12 C9.76142375,12 12,9.76142375 12,7 C12,4.23857625 9.76142375,2 7,2 C4.23857625,2 2,4.23857625 2,7 C2,9.76142375 4.23857625,12 7,12 Z M4,6 L10,6 L10,8 L4,8 L4,6 Z"},null)])])])]),e.createVNode("button",{onClick:z},[e.createVNode("svg",{width:"18px",height:"18px",viewBox:"0 0 16 16",version:"1.1"},[e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("path",{d:"M7.5,3.02242151 L7.5,4 L4.5,2 L7.5,0 L7.5,1.01640228 C7.66526181,1.00552468 7.83198572,1 8,1 C12.1421356,1 15.5,4.35786438 15.5,8.5 C15.5,12.6421356 12.1421356,16 8,16 C3.85786438,16 0.5,12.6421356 0.5,8.5 C0.5,6.9828355 0.950484514,5.5708873 1.72499011,4.39061882 L3.42173231,5.4510827 C2.83944149,6.32371289 2.5,7.37221604 2.5,8.5 C2.5,11.5375661 4.96243388,14 8,14 C11.0375661,14 13.5,11.5375661 13.5,8.5 C13.5,5.46243388 11.0375661,3 8,3 C7.83145515,3 7.66468102,3.00758131 7.5,3.02242151 Z M8,11 C6.61928813,11 5.5,9.88071187 5.5,8.5 C5.5,7.11928813 6.61928813,6 8,6 C9.38071187,6 10.5,7.11928813 10.5,8.5 C10.5,9.88071187 9.38071187,11 8,11 Z M8,10 C8.82842712,10 9.5,9.32842712 9.5,8.5 C9.5,7.67157288 8.82842712,7 8,7 C7.17157288,7 6.5,7.67157288 6.5,8.5 C6.5,9.32842712 7.17157288,10 8,10 Z",fill:"#293040"},null)])])]),e.createVNode("button",{onClick:f},[e.createVNode("svg",{width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1"},[e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("polygon",{fill:"#293040","fill-rule":"nonzero",points:"10.7071068 12.2928932 9.29289322 13.7071068 3.58578644 8 9.29289322 2.29289322 10.7071068 3.70710678 6.41421356 8"},null)])])]),e.createVNode("span",{class:"devui-image-preview-index"},[i.value+1,e.createTextVNode(":"),t.previewUrlList.length]),e.createVNode("button",{class:"devui-next",onClick:m},[e.createVNode("svg",{width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1"},[e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("polygon",{fill:"#293040","fill-rule":"nonzero",transform:"translate(8.146447, 8.000000) scale(-1, 1) translate(-8.146447, -8.000000) ",points:"11.7071068 12.2928932 10.2928932 13.7071068 4.58578644 8 10.2928932 2.29289322 11.7071068 3.70710678 7.41421356 8"},null)])])]),e.createVNode("button",{onClick:P},[e.createVNode("svg",{width:"18px",height:"18px",viewBox:"0 0 16 16"},[e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("path",{d:"M16,16 L11.429,16 L11.429,15 L14.456,15 L11.006,11.226 L11.652,10.519 L15.086,14.275 L15.086,11 L16,11 L16,16 Z M15.164,1.544 L12.009,4.994 L11.418,4.348 L14.558,0.914 L11.82,0.914 L11.82,0 L16,0 L16,4.571 L15.164,4.571 L15.164,1.544 Z M5,15 L5,16 L0,16 L0,11 L1,11 L1,14.275 L4.756,10.519 L5.463,11.226 L1.689,15 L5,15 Z M4.365,4.994 L0.914,1.544 L0.914,4.571 L3.41060513e-13,4.571 L3.41060513e-13,0 L4.571,0 L4.571,0.914 L1.578,0.914 L5.011,4.348 L4.365,4.994 Z",fill:"#293040","fill-rule":"nonzero"},null)])])]),e.createVNode("button",{onClick:T},[e.createVNode("span",null,[e.createTextVNode("1:1")])])])]),e.createVNode("div",{class:"devui-image-preview-bg",style:h},null)])}});function V(t){return e.createApp(b,t)}class a{static open(o){this.$body=document.body,this.$div=document.createElement("div"),this.$overflow=this.$body.style.overflow,this.$body.appendChild(this.$div),V(o).mount(this.$div),this.$body.style.setProperty("overflow","hidden","important")}static close(){var o;(o=this.$body)==null||o.style.setProperty("overflow",this.$overflow),this.$overflow=null,this.$div&&this.$body.removeChild(this.$div),this.$body=null,this.$div=null}}n(a,"$body",null),n(a,"$div",null),n(a,"$overflow","");function g(t){a.open({url:t.url,previewUrlList:t.previewUrlList,zIndex:t.zIndex,backDropZIndex:t.backDropZIndex})}function L(){a.close()}function w(t){return[...t.querySelectorAll("img")].map(i=>i.getAttribute("src"))}function p(t){t.addEventListener("click",o=>{var s;o.stopPropagation();const i=o.target;if(((s=i==null?void 0:i.nodeName)==null?void 0:s.toLowerCase())==="img"){const l=w(t),h=i.getAttribute("src");g({url:h,previewUrlList:l,zIndex:t==null?void 0:t.zIndex,backDropZIndex:t==null?void 0:t.backDropZIndex})}})}var v={mounted(t,o){if(!o.value)return p(t);const{custom:i,disableDefault:s}=o.value;i instanceof Object&&(i.open=()=>{const l=w(t);g({url:l==null?void 0:l[0],previewUrlList:l,zIndex:t==null?void 0:t.zIndex,backDropZIndex:t==null?void 0:t.backDropZIndex})},i.close=()=>L()),!s&&p(t)},unmounted(){L()},updated(t,o){var i,s;t.zIndex=(i=o.value)==null?void 0:i.zIndex,t.backDropZIndex=(s=o.value)==null?void 0:s.backDropZIndex}},k={title:"ImagePreview \u56FE\u7247\u9884\u89C8",category:"\u6570\u636E\u5C55\u793A",status:"100%",install(t){t.directive("d-image-preview",v),t.config.globalProperties.$imagePreviewService=a}};r.ImagePreviewDirective=v,r.ImagePreviewService=a,r.default=k,Object.defineProperty(r,"__esModule",{value:!0}),r[Symbol.toStringTag]="Module"});