vue-devui 1.0.0-beta.10 → 1.0.0-beta.14

package/form/index.es.js

@@ -351,6 +351,10 @@ var Popover = defineComponent({
       type: Number,
       default: 1060
     },
+    controlled: {
+      type: Boolean,
+      default: false
+    },
     popType: {
       type: String,
       default: "default"
@@ -391,7 +395,8 @@ var Popover = defineComponent({
       mouseEnterDelay,
       mouseLeaveDelay,
       showAnimation,
-      popMaxWidth
+      popMaxWidth,
+      controlled
     } = toRefs(props);
     const style2 = __spreadValues({
       zIndex: zIndex.value
@@ -405,20 +410,24 @@ var Popover = defineComponent({
       }
       visible.value = true;
     };
-    const onClick = isClick ? event : null;
+    const onClick = isClick && controlled.value ? event : null;
     const enter = debounce$1(() => {
       visible.value = true;
     }, mouseEnterDelay.value);
     const leave = debounce$1(() => {
       visible.value = false;
     }, mouseLeaveDelay.value);
-    const onMouseenter = isClick ? null : enter;
-    const onMouseleave = isClick ? null : leave;
+    const onMouseenter = !isClick && controlled.value ? enter : null;
+    const onMouseleave = !isClick && controlled.value ? leave : null;
     const hiddenContext = () => {
+      if (!controlled.value)
+        return;
       visible.value = false;
     };
     popMaxWidth.value && (style2.maxWidth = `${popMaxWidth.value}px`);
     watch(() => props.visible, (newVal) => {
+      if (controlled.value)
+        return;
       visible.value = newVal;
     });
     return () => {
@@ -1503,7 +1512,11 @@ var FormItem = defineComponent({
     const labelData = reactive(dForm.labelData);
     const rules2 = reactive(dForm.rules);
     const resetField = () => {
-      formData[props.prop] = initFormItemData;
+      if (Array.isArray(initFormItemData)) {
+        formData[props.prop] = [...initFormItemData];
+      } else {
+        formData[props.prop] = initFormItemData;
+      }
     };
     const formItem2 = reactive({
       dHasFeedback: props.dHasFeedback,
@@ -1791,6 +1804,9 @@ function uniqueId(prefix) {
 var formControl = "";
 var FormControl = defineComponent({
   name: "DFormControl",
+  directives: {
+    clickoutside: clickoutsideDirective
+  },
   props: formControlProps,
   setup(props, ctx2) {
     const formControl2 = ref();
@@ -1799,6 +1815,7 @@ var FormControl = defineComponent({
     const isHorizontal = labelData.layout === "horizontal";
     const uid = uniqueId("dfc-");
     const showPopover = ref(false);
+    const updateOn = ref("change");
     const tipMessage = ref("");
     const popPosition = ref("bottom");
     let rectInfo = {
@@ -1815,13 +1832,15 @@ var FormControl = defineComponent({
       const el = document.getElementById(uid);
       elOffset = getElOffset(el);
       EventBus.on("showPopoverErrorMessage", (data) => {
+        var _a;
         if (uid === data.uid) {
           rectInfo = el.getBoundingClientRect();
-          popoverLeftPosition = popPosition.value === "top" || popPosition.value === "bottom" ? rectInfo.right - rectInfo.width / 2 : rectInfo.right;
-          popoverTopPosition = popPosition.value === "top" ? elOffset.top + rectInfo.height / 2 - rectInfo.height : elOffset.top + rectInfo.height / 2;
           showPopover.value = data.showPopover;
           tipMessage.value = data.message;
           popPosition.value = data.popPosition;
+          popoverLeftPosition = popPosition.value === "top" || popPosition.value === "bottom" ? rectInfo.right - rectInfo.width / 2 : rectInfo.right;
+          popoverTopPosition = popPosition.value === "top" ? elOffset.top + rectInfo.height / 2 - rectInfo.height : elOffset.top + rectInfo.height / 2;
+          updateOn.value = (_a = data.updateOn) != null ? _a : "change";
         }
       });
     });
@@ -1849,17 +1868,22 @@ var FormControl = defineComponent({
           };
       }
     });
+    const handleClickOutside = () => {
+      if (updateOn.value !== "change") {
+        showPopover.value = false;
+      }
+    };
     return () => {
       var _a, _b, _c, _d, _e, _f, _g, _h;
       const {
         feedbackStatus,
         extraInfo
       } = props;
-      return createVNode("div", {
+      return withDirectives(createVNode("div", {
         "class": "form-control",
         "ref": formControl2,
         "data-uid": uid
-      }, [createVNode(Teleport, {
+      }, [showPopover.value && createVNode(Teleport, {
         "to": "body"
       }, {
         default: () => [createVNode("div", {
@@ -1871,6 +1895,7 @@ var FormControl = defineComponent({
             height: rectInfo.height + "px"
           }
         }, [createVNode(Popover, {
+          "controlled": updateOn.value !== "change",
           "visible": showPopover.value,
           "content": tipMessage.value,
           "popType": "error",
@@ -1888,7 +1913,7 @@ var FormControl = defineComponent({
         "color": iconData.value.color
       }, null)])]), extraInfo && createVNode("div", {
         "class": "devui-form-control-extra-info"
-      }, [extraInfo])]);
+      }, [extraInfo])]), [[resolveDirective("clickoutside"), handleClickOutside]]);
     };
   }
 });
@@ -2057,13 +2082,25 @@ function handleErrorStrategyPass(el) {
   index2 !== -1 && classList.splice(index2, 1);
   el.setAttribute("class", classList.join(" "));
 }
-function handleValidateError({ el, tipEl, message, isFormTag, messageShowType, dfcUID, popPosition = "right-bottom" }) {
+function getFormControlUID(el) {
+  if (el.tagName.toLocaleLowerCase() === "body")
+    return "";
+  if (el.parentElement.id.startsWith("dfc-")) {
+    return el.parentElement.id;
+  } else {
+    getFormControlUID(el.parentElement);
+  }
+}
+function handleValidateError({ el, tipEl, message = "", isFormTag, messageShowType, dfcUID, popPosition = "right-bottom", updateOn }) {
   if (isFormTag && messageShowType === MessageShowTypeEnum.toast) {
     alert(message);
     return;
   }
+  if (!dfcUID) {
+    dfcUID = getFormControlUID(el);
+  }
   if (MessageShowTypeEnum.popover === messageShowType) {
-    EventBus.emit("showPopoverErrorMessage", { showPopover: true, message, uid: dfcUID, popPosition });
+    EventBus.emit("showPopoverErrorMessage", { showPopover: true, message, uid: dfcUID, popPosition, updateOn });
     return;
   }
   tipEl.innerText = "" + message;
@@ -2085,7 +2122,7 @@ function getFormName(binding) {
   const key = Object.keys(_refs)[0];
   return _refs[key]["name"];
 }
-function validateFn({ validator, modelValue, el, tipEl, isFormTag, messageShowType, dfcUID, popPosition }) {
+function validateFn({ validator, modelValue, el, tipEl, isFormTag, messageShowType, dfcUID, popPosition, updateOn }) {
   validator.validate({ modelName: modelValue }).then(() => {
     handleValidatePass(el, tipEl);
   }).catch((err) => {
@@ -2098,7 +2135,7 @@ function validateFn({ validator, modelValue, el, tipEl, isFormTag, messageShowTy
     } else {
       msg = errors[0].message;
     }
-    handleValidateError({ el, tipEl, message: msg, isFormTag, messageShowType, dfcUID, popPosition });
+    handleValidateError({ el, tipEl, message: msg, isFormTag, messageShowType, dfcUID, popPosition, updateOn });
   });
 }
 function checkValidPopsition(positionStr) {
@@ -2197,11 +2234,16 @@ var dValidateRules = {
     const htmlEventValidateHandler = (e) => {
       const modelValue = e.target.value;
       if (messageShowType === MessageShowTypeEnum.popover) {
-        EventBus.emit("showPopoverErrorMessage", { showPopover: false, message: "", uid: dfcUID, popPosition });
+        EventBus.emit("showPopoverErrorMessage", { showPopover: false, message: "", uid: dfcUID, popPosition, updateOn });
       }
-      validateFn({ validator, modelValue, el, tipEl, isFormTag: false, messageShowType, dfcUID, popPosition });
+      validateFn({ validator, modelValue, el, tipEl, isFormTag: false, messageShowType, dfcUID, popPosition, updateOn });
     };
     vnode.children[0].el.addEventListener(updateOn, htmlEventValidateHandler);
+    if (messageShowType === MessageShowTypeEnum.popover && updateOn === UpdateOnEnum.change) {
+      vnode.children[0].el.addEventListener("focus", () => {
+        EventBus.emit("showPopoverErrorMessage", { showPopover: false, uid: dfcUID, updateOn });
+      });
+    }
     if (errorStrategy === ErrorStrategyEnum.pristine) {
       handleErrorStrategy(el);
       vnode.children[0].props.value = "" + vnode.children[0].props.value;
@@ -2209,7 +2251,7 @@ var dValidateRules = {
     const formName = getFormName(binding);
     formName && EventBus.on(`formSubmit:${formName}`, () => {
       const modelValue = isFormTag ? "" : vnode.children[0].el.value;
-      validateFn({ validator, modelValue, el, tipEl, isFormTag, messageShowType });
+      validateFn({ validator, modelValue, el, tipEl, isFormTag, messageShowType, updateOn: "submit" });
     });
   }
 };

package/form/index.umd.js

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

package/gantt/index.es.js

@@ -350,7 +350,7 @@ var GanttTools = defineComponent({
         position: isFullScreen ? "fixed" : "absolute"
       }
     }, [createVNode(resolveComponent("d-button"), {
-      "btnStyle": "common",
+      "variant": "common",
       "onClick": () => actionHandle("today"),
       "class": "tool"
     }, {
@@ -363,7 +363,7 @@ var GanttTools = defineComponent({
       "options": views,
       "onValueChange": selectView
     }, null)]), createVNode(resolveComponent("d-button"), {
-      "btnStyle": "common",
+      "variant": "common",
       "class": ["tool", "minus", this.currentUnitLabel === GanttScaleUnit.day ? "disabled" : ""],
       "disabled": this.currentUnitLabel === GanttScaleUnit.day,
       "onClick": () => actionHandle("reduce")
@@ -372,7 +372,7 @@ var GanttTools = defineComponent({
         "name": "minus"
       }, null)]
     }), createVNode(resolveComponent("d-button"), {
-      "btnStyle": "common",
+      "variant": "common",
       "class": ["tool", "add", this.currentUnitLabel === GanttScaleUnit.month ? "disabled" : ""],
       "disabled": this.currentUnitLabel === GanttScaleUnit.month,
       "onClick": () => actionHandle("increase")

package/gantt/index.umd.js

@@ -1 +1 @@
-(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";var U="",h;(function(e){e.day="day",e.week="week",e.month="month"})(h||(h={}));var V;(function(e){e.milestone="milestone",e.month="month",e.week="week"})(V||(V={}));var M;(function(e){e[e.day=10]="day",e[e.week=20]="week",e[e.month=30]="month"})(M||(M={}));const p=(e,o)=>e.getFullYear()===o.getFullYear()&&e.getMonth()===o.getMonth()&&e.getDate()===o.getDate(),E=e=>{const o=7,r=(a,l)=>{const i={dayOfMonthLabel:"",dayOfWeekLabel:"",monthLabel:"",yearLabel:"",date:a,monthStart:!1,weekend:!1,today:!1,milestone:"",highlightStart:!1,scaleStartVisable:!0,index:l},n=a.getDate();i.dayOfMonthLabel=n+"",n===1&&(i.monthStart=!0);const d=a.getDay();i.dayOfWeekLabel=d+"",d===6&&(i.weekend=!0);const m=a.getMonth()+1;i.monthLabel=m+"";const D=a.getFullYear();return i.yearLabel=D+"",p(a,new Date)&&(i.today=!0),new Date(D,m-1,n+o).getMonth()>m-1&&(i.scaleStartVisable=!1),e.value&&e.value.forEach(f=>{f.date&&p(f.date,i.date)&&(i.milestone=f.lable)}),i},s=a=>{const l=a.setDate(a.getDate()+1);return new Date(l)};return{generateScaleData:(a,l)=>{const i=[];let n=a,d=0;for(;!p(n,l);){const m=r(n,d);i.push(m),n=s(new Date(n)),d++}return console.log({scaleData:i}),i}}},g={en:{today:"today",monthsOfYear:["January","February","March","April","May","June","July","August","September","October","November","December"],yearDisplay(e){return`${e}`},monthDisplay(e){return this.monthsOfYear[Number(e)-1]},yearAndMonthDisplay(e,o){return this.yearDisplay(e)+this.monthDisplay(o)}},zh:{today:"\u4ECA\u5929",monthsOfYear:["1\u6708","2\u6708","3\u6708","4\u6708","5\u6708","6\u6708","7\u6708","8\u6708","9\u6708","10\u6708","11\u6708","12\u6708"],yearDisplay(e){return`${e}\u5E74`},monthDisplay(e){return this.monthsOfYear[Number(e)-1]},yearAndMonthDisplay(e,o){return this.yearDisplay(e)+this.monthDisplay(o)}}};var L=t.defineComponent({name:"DGanttScale",props:{unit:{type:String,default:h.day},height:{type:Number},startDate:{type:Date},endDate:{type:Date},ganttScaleContainerOffsetLeft:{type:Number},milestoneList:{type:Array},scrollElement:{type:Object},ganttBarContainerElement:{type:Object}},emits:["addMilestone"],setup(e,o){const{startDate:r,endDate:s,milestoneList:c,scrollElement:a,unit:l}=t.toRefs(e),i=t.ref([]),n=t.ref([]),d=t.ref({day:40,week:30,month:20}),m=t.ref(!1),D=t.ref(""),f=t.ref(""),{generateScaleData:x}=E(c);let w=[0,0];const A=k=>{o.emit("addMilestone",k)},S=()=>{if(a.value){const k=a.value.clientWidth,W=a.value.scrollLeft,N=Math.floor(W/d.value[l.value]),F=Math.ceil(k/d.value[l.value]);w=[N-2,N+F+2],n.value=i.value.filter(C=>C.index>=w[0]&&C.index<=w[1])}};return t.onMounted(()=>{r.value&&s.value&&(i.value=x(r.value,s.value),S())}),t.watch(()=>e.scrollElement,()=>{S(),e.scrollElement.addEventListener("scroll",()=>{S()})}),{viewSCaleData:n,scaleWidth:d,addMilestone:A,highlight:m,highlightStartText:D,highlightEndText:f}},render(){const{unit:e,viewSCaleData:o,scaleWidth:r,addMilestone:s,highlight:c,highlightStartText:a,highlightEndText:l,ganttBarContainerElement:i}=this;return t.createVNode("div",{class:"devui-gantt-scale-wrapper"},[o.map((n,d)=>t.withDirectives(t.createVNode("div",{class:`devui-gantt-scale ${e} ${n.today} ${n.milestone}`,style:{left:`${r[e]*n.index}px`,width:`${r[e]}px`}},[t.createVNode("div",{class:`devui-scale-start ${n.milestone}`},[n.milestone&&e==="day"&&t.createVNode("div",null,[n.milestone]),(!n.milestone||e!=="day")&&n.scaleStartVisable&&(d===0||n.monthStart)?e==="month"?g.zh.yearDisplay(n.yearLabel):g.zh.yearAndMonthDisplay(n.yearLabel,n.monthLabel):""]),t.createVNode("div",{class:"devui-scale-unit"},[c&&n.highlightStart&&t.createVNode("div",{class:"scale-highlight"},[t.createVNode("div",{style:"float: left"},[a]),t.createVNode("div",{style:"float: right"},[l]),t.createVNode("div",{style:"clear: both"},null)]),(!c||!n.highlightStart)&&e==="day"&&t.createVNode("div",{class:`border-left ${n.today?"today":""}`},[n.today?g.zh.today:n.dayOfMonthLabel]),(!c||!n.highlightStart)&&e==="week"&&t.createVNode("div",{class:`${n.weekend||d===0?"border-left":""}`},[d===0||n.weekend?n.dayOfMonthLabel:""]),(!c||!n.highlightStart)&&e==="month"&&t.createVNode("div",{class:`${n.monthStart||d===0?"border-left":""}`},[d===0||n.monthStart?g.zh.monthDisplay(n.monthLabel):""])]),t.createVNode("div",{class:`milestone-new ${e}`,title:"milestone",onClick:()=>s(n)},[t.createVNode(t.resolveComponent("d-icon"),{name:"add"},null)])]),[[t.resolveDirective("gantt-marker"),{ganttBarContainerElement:i,monthMark:n.monthMark,weekend:n.weekend,milestone:n.milestone,today:n.today,date:n.date,unit:e,last:d===o.length-1}]]))])}}),B="",b=t.defineComponent({name:"DGanttTools",props:{unit:{type:String,default:null},isFullScreen:{type:Boolean,default:!1}},emits:["goToday","reduceUnit","increaseUnit","switchView"],setup(e,o){const r=t.ref(e.unit),s=t.ref([{name:"Day",value:"day"},{name:"Week",value:"week"},{name:"Month",value:"month"}]);return{actionHandle:l=>{switch(l){case"today":o.emit("goToday");break;case"reduce":o.emit("reduceUnit");break;case"increase":o.emit("increaseUnit");break}},currentUnitLabel:r,views:s,selectView:l=>{o.emit("switchView",l.value)}}},render(){const{isFullScreen:e,actionHandle:o,views:r,selectView:s,$slots:c}=this;return t.createVNode("div",{class:"tools-container",style:{position:e?"fixed":"absolute"}},[t.createVNode(t.resolveComponent("d-button"),{btnStyle:"common",onClick:()=>o("today"),class:"tool"},{default:()=>[t.createTextVNode("Today")]}),t.createVNode("div",{class:"tool"},[t.createVNode(t.resolveComponent("d-select"),{modelValue:this.currentUnitLabel,"onUpdate:modelValue":a=>this.currentUnitLabel=a,options:r,onValueChange:s},null)]),t.createVNode(t.resolveComponent("d-button"),{btnStyle:"common",class:["tool","minus",this.currentUnitLabel===h.day?"disabled":""],disabled:this.currentUnitLabel===h.day,onClick:()=>o("reduce")},{default:()=>[t.createVNode(t.resolveComponent("d-icon"),{name:"minus"},null)]}),t.createVNode(t.resolveComponent("d-button"),{btnStyle:"common",class:["tool","add",this.currentUnitLabel===h.month?"disabled":""],disabled:this.currentUnitLabel===h.month,onClick:()=>o("increase")},{default:()=>[t.createVNode(t.resolveComponent("d-icon"),{name:"add"},null)]}),c.default&&c.default()])}});const v={startDate:{type:Date},endDate:{type:Date},unit:{type:String,default:h.day},progressRate:{type:Number}};var G="";const O=(e=h.day)=>{const o=24*60*60*1e3,r=()=>{switch(e){case h.day:return 40;case h.week:return 30;case h.month:return 20}},s=(a,l)=>{if(a&&l){const n=(l.getTime()-a.getTime())/o+1;return console.log("duration => ",n),Math.round(n)}};return{getDurationWidth:(a,l)=>{if(a&&l)return s(a,l)*r()}}};var y=t.defineComponent({name:"DGantt",components:{DGanttScale:L,DGanttTools:b},props:v,setup(e,o){const{startDate:r,endDate:s}=t.toRefs(e),c=t.ref(),a=t.ref(),{getDurationWidth:l}=O();return t.onMounted(()=>{a.value=l(r.value,s.value)}),{ganttContainer:c,ganttScaleWidth:a}},render(){const{$slots:e,startDate:o,endDate:r,unit:s,ganttContainer:c,ganttScaleWidth:a}=this;return t.createVNode("div",{style:{position:"relative"}},[t.createVNode("div",{class:"devui-gantt gantt-container",ref:"ganttContainer"},[t.createVNode("div",{class:"header",style:{width:`${a}px`}},[t.createVNode(t.resolveComponent("d-gantt-scale"),{startDate:o,endDate:r,unit:s,scrollElement:c},null)]),t.createVNode(t.resolveComponent("d-gantt-tools"),{unit:s},null),t.createVNode("div",{class:"body",style:{width:`${a}px`}},null)])])}});const T={ganttBarContainerElement:null,monthMarkElement:null,weekendElement:null,todayElement:null,milestoneElement:null,monthMark:"",mounted(e,o){const{ganttBarContainerElement:r,monthMark:s}=o.value;r&&(this.ganttBarContainerElement=r),s&&(this.monthMark=this.monthMark)},updated(e,o){const{monthMark:r,weekend:s,today:c,milestone:a,unit:l}=o.value;r&&this.initMarkElement()},initMarkElement(){this.ganttBarContainerElement&&this.monthMark&&!this.monthMarkElement}};y.install=function(e){e.component(y.name,y),e.component(b.name,b),e.directive("gantt-marker",T)};var $={title:"Gantt \u7518\u7279\u56FE",category:"\u6570\u636E\u5C55\u793A",status:"10%",install(e){e.use(y)}};u.Gantt=y,u.default=$,Object.defineProperty(u,"__esModule",{value:!0}),u[Symbol.toStringTag]="Module"});
+(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";var U="",h;(function(e){e.day="day",e.week="week",e.month="month"})(h||(h={}));var S;(function(e){e.milestone="milestone",e.month="month",e.week="week"})(S||(S={}));var M;(function(e){e[e.day=10]="day",e[e.week=20]="week",e[e.month=30]="month"})(M||(M={}));const p=(e,o)=>e.getFullYear()===o.getFullYear()&&e.getMonth()===o.getMonth()&&e.getDate()===o.getDate(),v=e=>{const o=7,r=(a,l)=>{const i={dayOfMonthLabel:"",dayOfWeekLabel:"",monthLabel:"",yearLabel:"",date:a,monthStart:!1,weekend:!1,today:!1,milestone:"",highlightStart:!1,scaleStartVisable:!0,index:l},n=a.getDate();i.dayOfMonthLabel=n+"",n===1&&(i.monthStart=!0);const d=a.getDay();i.dayOfWeekLabel=d+"",d===6&&(i.weekend=!0);const m=a.getMonth()+1;i.monthLabel=m+"";const D=a.getFullYear();return i.yearLabel=D+"",p(a,new Date)&&(i.today=!0),new Date(D,m-1,n+o).getMonth()>m-1&&(i.scaleStartVisable=!1),e.value&&e.value.forEach(f=>{f.date&&p(f.date,i.date)&&(i.milestone=f.lable)}),i},s=a=>{const l=a.setDate(a.getDate()+1);return new Date(l)};return{generateScaleData:(a,l)=>{const i=[];let n=a,d=0;for(;!p(n,l);){const m=r(n,d);i.push(m),n=s(new Date(n)),d++}return console.log({scaleData:i}),i}}},g={en:{today:"today",monthsOfYear:["January","February","March","April","May","June","July","August","September","October","November","December"],yearDisplay(e){return`${e}`},monthDisplay(e){return this.monthsOfYear[Number(e)-1]},yearAndMonthDisplay(e,o){return this.yearDisplay(e)+this.monthDisplay(o)}},zh:{today:"\u4ECA\u5929",monthsOfYear:["1\u6708","2\u6708","3\u6708","4\u6708","5\u6708","6\u6708","7\u6708","8\u6708","9\u6708","10\u6708","11\u6708","12\u6708"],yearDisplay(e){return`${e}\u5E74`},monthDisplay(e){return this.monthsOfYear[Number(e)-1]},yearAndMonthDisplay(e,o){return this.yearDisplay(e)+this.monthDisplay(o)}}};var E=t.defineComponent({name:"DGanttScale",props:{unit:{type:String,default:h.day},height:{type:Number},startDate:{type:Date},endDate:{type:Date},ganttScaleContainerOffsetLeft:{type:Number},milestoneList:{type:Array},scrollElement:{type:Object},ganttBarContainerElement:{type:Object}},emits:["addMilestone"],setup(e,o){const{startDate:r,endDate:s,milestoneList:c,scrollElement:a,unit:l}=t.toRefs(e),i=t.ref([]),n=t.ref([]),d=t.ref({day:40,week:30,month:20}),m=t.ref(!1),D=t.ref(""),f=t.ref(""),{generateScaleData:x}=v(c);let w=[0,0];const A=V=>{o.emit("addMilestone",V)},k=()=>{if(a.value){const V=a.value.clientWidth,W=a.value.scrollLeft,N=Math.floor(W/d.value[l.value]),F=Math.ceil(V/d.value[l.value]);w=[N-2,N+F+2],n.value=i.value.filter(C=>C.index>=w[0]&&C.index<=w[1])}};return t.onMounted(()=>{r.value&&s.value&&(i.value=x(r.value,s.value),k())}),t.watch(()=>e.scrollElement,()=>{k(),e.scrollElement.addEventListener("scroll",()=>{k()})}),{viewSCaleData:n,scaleWidth:d,addMilestone:A,highlight:m,highlightStartText:D,highlightEndText:f}},render(){const{unit:e,viewSCaleData:o,scaleWidth:r,addMilestone:s,highlight:c,highlightStartText:a,highlightEndText:l,ganttBarContainerElement:i}=this;return t.createVNode("div",{class:"devui-gantt-scale-wrapper"},[o.map((n,d)=>t.withDirectives(t.createVNode("div",{class:`devui-gantt-scale ${e} ${n.today} ${n.milestone}`,style:{left:`${r[e]*n.index}px`,width:`${r[e]}px`}},[t.createVNode("div",{class:`devui-scale-start ${n.milestone}`},[n.milestone&&e==="day"&&t.createVNode("div",null,[n.milestone]),(!n.milestone||e!=="day")&&n.scaleStartVisable&&(d===0||n.monthStart)?e==="month"?g.zh.yearDisplay(n.yearLabel):g.zh.yearAndMonthDisplay(n.yearLabel,n.monthLabel):""]),t.createVNode("div",{class:"devui-scale-unit"},[c&&n.highlightStart&&t.createVNode("div",{class:"scale-highlight"},[t.createVNode("div",{style:"float: left"},[a]),t.createVNode("div",{style:"float: right"},[l]),t.createVNode("div",{style:"clear: both"},null)]),(!c||!n.highlightStart)&&e==="day"&&t.createVNode("div",{class:`border-left ${n.today?"today":""}`},[n.today?g.zh.today:n.dayOfMonthLabel]),(!c||!n.highlightStart)&&e==="week"&&t.createVNode("div",{class:`${n.weekend||d===0?"border-left":""}`},[d===0||n.weekend?n.dayOfMonthLabel:""]),(!c||!n.highlightStart)&&e==="month"&&t.createVNode("div",{class:`${n.monthStart||d===0?"border-left":""}`},[d===0||n.monthStart?g.zh.monthDisplay(n.monthLabel):""])]),t.createVNode("div",{class:`milestone-new ${e}`,title:"milestone",onClick:()=>s(n)},[t.createVNode(t.resolveComponent("d-icon"),{name:"add"},null)])]),[[t.resolveDirective("gantt-marker"),{ganttBarContainerElement:i,monthMark:n.monthMark,weekend:n.weekend,milestone:n.milestone,today:n.today,date:n.date,unit:e,last:d===o.length-1}]]))])}}),B="",b=t.defineComponent({name:"DGanttTools",props:{unit:{type:String,default:null},isFullScreen:{type:Boolean,default:!1}},emits:["goToday","reduceUnit","increaseUnit","switchView"],setup(e,o){const r=t.ref(e.unit),s=t.ref([{name:"Day",value:"day"},{name:"Week",value:"week"},{name:"Month",value:"month"}]);return{actionHandle:l=>{switch(l){case"today":o.emit("goToday");break;case"reduce":o.emit("reduceUnit");break;case"increase":o.emit("increaseUnit");break}},currentUnitLabel:r,views:s,selectView:l=>{o.emit("switchView",l.value)}}},render(){const{isFullScreen:e,actionHandle:o,views:r,selectView:s,$slots:c}=this;return t.createVNode("div",{class:"tools-container",style:{position:e?"fixed":"absolute"}},[t.createVNode(t.resolveComponent("d-button"),{variant:"common",onClick:()=>o("today"),class:"tool"},{default:()=>[t.createTextVNode("Today")]}),t.createVNode("div",{class:"tool"},[t.createVNode(t.resolveComponent("d-select"),{modelValue:this.currentUnitLabel,"onUpdate:modelValue":a=>this.currentUnitLabel=a,options:r,onValueChange:s},null)]),t.createVNode(t.resolveComponent("d-button"),{variant:"common",class:["tool","minus",this.currentUnitLabel===h.day?"disabled":""],disabled:this.currentUnitLabel===h.day,onClick:()=>o("reduce")},{default:()=>[t.createVNode(t.resolveComponent("d-icon"),{name:"minus"},null)]}),t.createVNode(t.resolveComponent("d-button"),{variant:"common",class:["tool","add",this.currentUnitLabel===h.month?"disabled":""],disabled:this.currentUnitLabel===h.month,onClick:()=>o("increase")},{default:()=>[t.createVNode(t.resolveComponent("d-icon"),{name:"add"},null)]}),c.default&&c.default()])}});const L={startDate:{type:Date},endDate:{type:Date},unit:{type:String,default:h.day},progressRate:{type:Number}};var G="";const O=(e=h.day)=>{const o=24*60*60*1e3,r=()=>{switch(e){case h.day:return 40;case h.week:return 30;case h.month:return 20}},s=(a,l)=>{if(a&&l){const n=(l.getTime()-a.getTime())/o+1;return console.log("duration => ",n),Math.round(n)}};return{getDurationWidth:(a,l)=>{if(a&&l)return s(a,l)*r()}}};var y=t.defineComponent({name:"DGantt",components:{DGanttScale:E,DGanttTools:b},props:L,setup(e,o){const{startDate:r,endDate:s}=t.toRefs(e),c=t.ref(),a=t.ref(),{getDurationWidth:l}=O();return t.onMounted(()=>{a.value=l(r.value,s.value)}),{ganttContainer:c,ganttScaleWidth:a}},render(){const{$slots:e,startDate:o,endDate:r,unit:s,ganttContainer:c,ganttScaleWidth:a}=this;return t.createVNode("div",{style:{position:"relative"}},[t.createVNode("div",{class:"devui-gantt gantt-container",ref:"ganttContainer"},[t.createVNode("div",{class:"header",style:{width:`${a}px`}},[t.createVNode(t.resolveComponent("d-gantt-scale"),{startDate:o,endDate:r,unit:s,scrollElement:c},null)]),t.createVNode(t.resolveComponent("d-gantt-tools"),{unit:s},null),t.createVNode("div",{class:"body",style:{width:`${a}px`}},null)])])}});const T={ganttBarContainerElement:null,monthMarkElement:null,weekendElement:null,todayElement:null,milestoneElement:null,monthMark:"",mounted(e,o){const{ganttBarContainerElement:r,monthMark:s}=o.value;r&&(this.ganttBarContainerElement=r),s&&(this.monthMark=this.monthMark)},updated(e,o){const{monthMark:r,weekend:s,today:c,milestone:a,unit:l}=o.value;r&&this.initMarkElement()},initMarkElement(){this.ganttBarContainerElement&&this.monthMark&&!this.monthMarkElement}};y.install=function(e){e.component(y.name,y),e.component(b.name,b),e.directive("gantt-marker",T)};var $={title:"Gantt \u7518\u7279\u56FE",category:"\u6570\u636E\u5C55\u793A",status:"10%",install(e){e.use(y)}};u.Gantt=y,u.default=$,Object.defineProperty(u,"__esModule",{value:!0}),u[Symbol.toStringTag]="Module"});

package/image-preview/index.es.js

@@ -420,21 +420,26 @@ function getImgByEl(el) {
   return urlList;
 }
 function handleImgByEl(el) {
-  el.addEventListener("click", (e) => {
-    var _a;
-    e.stopPropagation();
-    const target = e.target;
-    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,
-        previewUrlList: urlList,
-        zIndex: el == null ? void 0 : el.zIndex,
-        backDropZIndex: el == null ? void 0 : el.backDropZIndex
-      });
-    }
-  });
+  el.addEventListener("click", handleImg);
+}
+function removeHandle(el) {
+  el.removeEventListener("click", handleImg);
+}
+function handleImg(e) {
+  var _a;
+  e.stopPropagation();
+  const el = e.currentTarget;
+  const target = e.target;
+  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,
+      previewUrlList: urlList,
+      zIndex: el == null ? void 0 : el.zIndex,
+      backDropZIndex: el == null ? void 0 : el.backDropZIndex
+    });
+  }
 }
 var ImagePreviewDirective = {
   mounted(el, binding) {
@@ -466,6 +471,19 @@ var ImagePreviewDirective = {
     var _a, _b;
     el.zIndex = (_a = binding.value) == null ? void 0 : _a.zIndex;
     el.backDropZIndex = (_b = binding.value) == null ? void 0 : _b.backDropZIndex;
+    if (binding.value) {
+      const {
+        value: { disableDefault },
+        oldValue: { disableDefault: oldDisableDefault }
+      } = binding;
+      if (disableDefault !== oldDisableDefault) {
+        if (disableDefault) {
+          removeHandle(el);
+        } else {
+          handleImgByEl(el);
+        }
+      }
+    }
   }
 };
 var index = {

package/image-preview/index.umd.js

@@ -1 +1 @@
-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"});
+var S=Object.defineProperty;var O=(r,e,u)=>e in r?S(r,e,{enumerable:!0,configurable:!0,writable:!0,value:u}):r[e]=u;var n=(r,e,u)=>(O(r,typeof e!="symbol"?e+"":e,u),u);(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 u="";const y={url:{type:String,default:"",required:!0},previewUrlList:{type:Array,default:()=>[],required:!0},zIndex:{type:Number,required:!1},backDropZIndex:{type:Number,required:!1}};class b{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 c=l.clientX-i,f=l.clientY-s;this.transformX=this.oTransformX+c,this.transformY=this.oTransformY+f,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 V=e.defineComponent({name:"DImagePreview",props:y,emits:[],setup(t){let o=null;const i=e.ref(0),s=e.computed(()=>t.previewUrlList[i.value]),l=t.zIndex?{zIndex:t.zIndex}:{},c=t.backDropZIndex?{zIndex:t.backDropZIndex}:{};function f(){const d=document.querySelector(".devui-image-preview-main-image");o=new b(d)}function M(){i.value=t.previewUrlList.findIndex(d=>d===t.url)}function m(){i.value=i.value<=0?t.previewUrlList.length-1:i.value-1}function g(){i.value=i.value>=t.previewUrlList.length-1?0:i.value+1}function N(){a.close()}function z(){o.setZoomIn()}function P(){o.setZoomOut()}function T(){o.setRotate()}function D(){o.setZoomBest()}function A(){o.setZoomOriginal()}function C(d){d.defaultPrevented||(d.code=="Escape"?N():d.code=="ArrowLeft"?m():d.code=="ArrowRight"&&g())}function $(){document.addEventListener("keydown",C,!1)}function E(){document.removeEventListener("keydown",C,!1)}return e.onMounted(()=>{M(),f(),$()}),e.onUnmounted(()=>{E()}),()=>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:N},[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: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",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:g},[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: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("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: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("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:T},[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: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",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:g},[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:D},[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:A},[e.createVNode("span",null,[e.createTextVNode("1:1")])])])]),e.createVNode("div",{class:"devui-image-preview-bg",style:c},null)])}});function k(t){return e.createApp(V,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),k(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 L(t){a.open({url:t.url,previewUrlList:t.previewUrlList,zIndex:t.zIndex,backDropZIndex:t.backDropZIndex})}function w(){a.close()}function v(t){return[...t.querySelectorAll("img")].map(i=>i.getAttribute("src"))}function h(t){t.addEventListener("click",p)}function I(t){t.removeEventListener("click",p)}function p(t){var s;t.stopPropagation();const o=t.currentTarget,i=t.target;if(((s=i==null?void 0:i.nodeName)==null?void 0:s.toLowerCase())==="img"){const l=v(o),c=i.getAttribute("src");L({url:c,previewUrlList:l,zIndex:o==null?void 0:o.zIndex,backDropZIndex:o==null?void 0:o.backDropZIndex})}}var x={mounted(t,o){if(!o.value)return h(t);const{custom:i,disableDefault:s}=o.value;i instanceof Object&&(i.open=()=>{const l=v(t);L({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=()=>w()),!s&&h(t)},unmounted(){w()},updated(t,o){var i,s;if(t.zIndex=(i=o.value)==null?void 0:i.zIndex,t.backDropZIndex=(s=o.value)==null?void 0:s.backDropZIndex,o.value){const{value:{disableDefault:l},oldValue:{disableDefault:c}}=o;l!==c&&(l?I(t):h(t))}}},Z={title:"ImagePreview \u56FE\u7247\u9884\u89C8",category:"\u6570\u636E\u5C55\u793A",status:"100%",install(t){t.directive("d-image-preview",x),t.config.globalProperties.$imagePreviewService=a}};r.ImagePreviewDirective=x,r.ImagePreviewService=a,r.default=Z,Object.defineProperty(r,"__esModule",{value:!0}),r[Symbol.toStringTag]="Module"});