vue-devui 1.0.0-rc.14 → 1.0.0-rc.17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +3 -0
- package/alert/index.umd.js +1 -1
- package/auto-complete/index.es.js +92 -81
- package/auto-complete/index.umd.js +24 -13
- package/auto-complete/style.css +1 -1
- package/avatar/index.umd.js +1 -1
- package/badge/index.umd.js +1 -1
- package/button/index.es.js +21 -42
- package/button/index.umd.js +9 -9
- package/button/style.css +1 -1
- package/card/index.umd.js +1 -1
- package/checkbox/index.es.js +96 -77
- package/checkbox/index.umd.js +26 -15
- package/collapse/index.es.js +3 -21
- package/collapse/index.umd.js +1 -1
- package/countdown/index.umd.js +1 -1
- package/date-picker-pro/index.es.js +133 -114
- package/date-picker-pro/index.umd.js +23 -12
- package/date-picker-pro/style.css +1 -1
- package/drawer/index.es.js +5 -18
- package/drawer/index.umd.js +1 -1
- package/dropdown/index.es.js +6 -31
- package/dropdown/index.umd.js +1 -1
- package/editable-select/index.es.js +104 -99
- package/editable-select/index.umd.js +1 -1
- package/editable-select/style.css +1 -1
- package/form/index.es.js +87 -71
- package/form/index.umd.js +22 -11
- package/fullscreen/index.umd.js +1 -1
- package/grid/index.es.js +7 -20
- package/grid/index.umd.js +1 -1
- package/icon/index.umd.js +1 -1
- package/image-preview/index.es.js +12 -23
- package/image-preview/index.umd.js +1 -1
- package/input/index.es.js +88 -72
- package/input/index.umd.js +24 -13
- package/input-number/index.es.js +1 -16
- package/input-number/index.umd.js +1 -1
- package/layout/index.umd.js +1 -1
- package/loading/index.es.js +15 -38
- package/loading/index.umd.js +1 -1
- package/loading/style.css +1 -1
- package/mention/index.d.ts +7 -0
- package/mention/index.es.js +8326 -0
- package/mention/index.umd.js +47 -0
- package/mention/package.json +7 -0
- package/mention/style.css +1 -0
- package/menu/index.d.ts +7 -0
- package/menu/index.es.js +927 -0
- package/menu/index.umd.js +1 -0
- package/menu/package.json +7 -0
- package/menu/style.css +1 -0
- package/message/index.d.ts +7 -0
- package/message/index.es.js +533 -0
- package/message/index.umd.js +1 -0
- package/message/package.json +7 -0
- package/message/style.css +1 -0
- package/modal/index.es.js +14 -44
- package/modal/index.umd.js +1 -1
- package/notification/index.es.js +16 -22
- package/notification/index.umd.js +1 -1
- package/nuxt/components/Mention.js +3 -0
- package/nuxt/components/Menu.js +3 -0
- package/nuxt/components/MenuItem.js +3 -0
- package/nuxt/components/Message.js +3 -0
- package/nuxt/components/SubMenu.js +3 -0
- package/nuxt/components/animationInjectionKey.js +3 -0
- package/nuxt/components/mentionProps.js +3 -0
- package/nuxt/components/messageProps.js +3 -0
- package/nuxt/components/roundInjectionKey.js +3 -0
- package/nuxt/components/skeletonItemProps.js +3 -0
- package/nuxt/components/treeNodeProps.js +3 -0
- package/overlay/index.es.js +1 -1
- package/overlay/index.umd.js +1 -1
- package/package.json +5 -3
- package/pagination/index.umd.js +1 -1
- package/panel/index.umd.js +1 -1
- package/popover/index.es.js +3 -1
- package/popover/index.umd.js +6 -6
- package/progress/index.umd.js +3 -3
- package/radio/index.es.js +93 -75
- package/radio/index.umd.js +27 -16
- package/radio/style.css +1 -1
- package/rate/index.umd.js +1 -1
- package/result/index.umd.js +1 -1
- package/ripple/index.es.js +5 -18
- package/ripple/index.umd.js +1 -1
- package/search/index.es.js +104 -75
- package/search/index.umd.js +26 -15
- package/search/style.css +1 -1
- package/select/index.es.js +132 -111
- package/select/index.umd.js +26 -15
- package/select/style.css +1 -1
- package/skeleton/index.es.js +87 -261
- package/skeleton/index.umd.js +1 -1
- package/skeleton/style.css +1 -1
- package/slider/index.umd.js +1 -1
- package/splitter/index.es.js +22 -29
- package/splitter/index.umd.js +9 -9
- package/statistic/index.es.js +0 -21
- package/statistic/index.umd.js +1 -1
- package/status/index.umd.js +1 -1
- package/steps/index.umd.js +1 -1
- package/style.css +1 -1
- package/switch/index.es.js +87 -71
- package/switch/index.umd.js +25 -14
- package/switch/style.css +1 -1
- package/table/index.es.js +153 -102
- package/table/index.umd.js +22 -11
- package/table/style.css +1 -1
- package/tabs/index.umd.js +1 -1
- package/tag/index.umd.js +1 -1
- package/textarea/index.es.js +91 -73
- package/textarea/index.umd.js +26 -15
- package/time-picker/index.es.js +99 -88
- package/time-picker/index.umd.js +25 -14
- package/time-picker/style.css +1 -1
- package/time-select/index.es.js +132 -111
- package/time-select/index.umd.js +25 -14
- package/time-select/style.css +1 -1
- package/timeline/index.umd.js +1 -1
- package/tooltip/index.es.js +1 -1
- package/tooltip/index.umd.js +4 -4
- package/tree/index.es.js +11148 -9855
- package/tree/index.umd.js +29 -18
- package/tree/style.css +1 -1
- package/upload/index.es.js +17 -48
- package/upload/index.umd.js +1 -1
- package/vue-devui.es.js +11421 -8832
- package/vue-devui.umd.js +34 -22
package/fullscreen/index.umd.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(
|
|
1
|
+
(function(r,n){typeof exports=="object"&&typeof module!="undefined"?n(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],n):(r=typeof globalThis!="undefined"?globalThis:r||self,n(r.index={},r.Vue))})(this,function(r,n){"use strict";const F={modelValue:{type:Boolean,default:!1},mode:{type:String,default:"normal"},zIndex:{type:Number,default:10}},v=27;function S(e,l){const{modelValue:t}=n.toRefs(e),s=c=>{c.keyCode===v&&t&&l.emit("update:modelValue",!1)};n.onMounted(()=>{document.addEventListener("keydown",s)}),n.onUnmounted(()=>{document.removeEventListener("keydown",s)})}function i(e,l,t){let s=e;return l&&(s+=`__${l}`),t&&(s+=`--${t}`),s}function h(e,l=!1){const t=l?`.devui-${e}`:`devui-${e}`;return{b:()=>i(t),e:u=>u?i(t,u):"",m:u=>u?i(t,"",u):"",em:(u,a)=>u&&a?i(t,u,a):""}}const m=h("fullscreen"),p=(e,l)=>{e.classList.add(m.b()),l.zIndex&&e.setAttribute("style",`z-index: ${l.zIndex}`)},x=e=>{e.classList.remove(m.b()),e.style.zIndex=""},b=async e=>{let l=null;return e.requestFullscreen?l=e.requestFullscreen():e.mozRequestFullScreen?l=e.mozRequestFullScreen():e.webkitRequestFullScreen?l=Promise.resolve(e.webkitRequestFullScreen()):e.msRequestFullscreen&&(l=Promise.resolve(e.msRequestFullscreen())),await(l==null?void 0:l.then(()=>!!document.fullscreenElement))},w=async e=>{let l=null;return e.exitFullscreen?l=e.exitFullscreen():e.mozCancelFullScreen?l=e.mozCancelFullScreen():e.webkitCancelFullScreen?l=Promise.resolve(e.webkitCancelFullScreen()):e.msExitFullscreen&&(l=Promise.resolve(e.msExitFullscreen())),await(l==null?void 0:l.then(()=>!!document.fullscreenElement))},C=()=>{document.getElementsByTagName("html")[0].classList.add(m.e("html"))},q=()=>{document.getElementsByTagName("html")[0].classList.remove(m.e("html"))};function z(e,l,t){const{modelValue:s,mode:c}=n.toRefs(e);let d=!1;const y=o=>{o?(p(l.value,e),C()):(x(l.value),q())},u=o=>{o?b(l.value):d||w(document)};n.watch(s,o=>{c.value==="normal"&&y(o),c.value==="immersive"&&u(o)});const a=()=>{document.fullscreenElement?d=!1:(t.emit("update:modelValue"),d=!0)};n.onMounted(()=>{document.addEventListener("fullscreenchange",a)}),n.onUnmounted(()=>{document.removeEventListener("fullscreenchange",a)})}var N="",f=n.defineComponent({name:"DFullscreen",props:F,emits:["update:modelValue"],setup(e,l){const t=n.ref();return z(e,t,l),S(e,l),()=>{const s=n.renderSlot(n.useSlots(),"default");return n.createVNode("div",{ref:t},[s])}}}),g={title:"Fullscreen \u5168\u5C4F",category:"\u901A\u7528",status:"100%",install(e){e.component(f.name,f)}};r.Fullscreen=f,r.default=g,r.fullscreenProps=F,Object.defineProperties(r,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|
package/grid/index.es.js
CHANGED
|
@@ -1,19 +1,3 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
3
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
4
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
5
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
6
|
-
var __spreadValues = (a, b) => {
|
|
7
|
-
for (var prop in b || (b = {}))
|
|
8
|
-
if (__hasOwnProp.call(b, prop))
|
|
9
|
-
__defNormalProp(a, prop, b[prop]);
|
|
10
|
-
if (__getOwnPropSymbols)
|
|
11
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
12
|
-
if (__propIsEnum.call(b, prop))
|
|
13
|
-
__defNormalProp(a, prop, b[prop]);
|
|
14
|
-
}
|
|
15
|
-
return a;
|
|
16
|
-
};
|
|
17
1
|
import { defineComponent, ref, computed, onMounted, onUnmounted, provide, createVNode, inject } from "vue";
|
|
18
2
|
const rowProps = {
|
|
19
3
|
align: {
|
|
@@ -53,7 +37,7 @@ const screenSizes = {
|
|
|
53
37
|
xl: screenSizesProp,
|
|
54
38
|
xxl: screenSizesProp
|
|
55
39
|
};
|
|
56
|
-
const colProps =
|
|
40
|
+
const colProps = { ...colPropsBaseStyle, ...colPropsBaseClass, ...screenSizes };
|
|
57
41
|
const RESULT_SCREEN = ["xxl", "xl", "lg", "md", "sm", "xs"];
|
|
58
42
|
const screenMedias = {
|
|
59
43
|
xs: "screen and (max-width: 575px)",
|
|
@@ -69,7 +53,7 @@ const screen = {};
|
|
|
69
53
|
const results = {};
|
|
70
54
|
function dispatch() {
|
|
71
55
|
subscribers.forEach((value) => {
|
|
72
|
-
value(
|
|
56
|
+
value({ ...screen });
|
|
73
57
|
});
|
|
74
58
|
}
|
|
75
59
|
function register() {
|
|
@@ -96,7 +80,7 @@ function responesScreen(func) {
|
|
|
96
80
|
}
|
|
97
81
|
subUid += 1;
|
|
98
82
|
subscribers.set(subUid, func);
|
|
99
|
-
func(
|
|
83
|
+
func({ ...screen });
|
|
100
84
|
return subUid;
|
|
101
85
|
}
|
|
102
86
|
function unRegister() {
|
|
@@ -267,7 +251,10 @@ var Col = defineComponent({
|
|
|
267
251
|
var _a;
|
|
268
252
|
return createVNode("div", {
|
|
269
253
|
"class": [ns.b(), colClassNames.value, sizeClassNames.value],
|
|
270
|
-
"style":
|
|
254
|
+
"style": {
|
|
255
|
+
...colStyle.value,
|
|
256
|
+
...gutterStyle == null ? void 0 : gutterStyle.value
|
|
257
|
+
}
|
|
271
258
|
}, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
|
|
272
259
|
};
|
|
273
260
|
}
|
package/grid/index.umd.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
(function(o,c){typeof exports=="object"&&typeof module!="undefined"?c(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],c):(o=typeof globalThis!="undefined"?globalThis:o||self,c(o.index={},o.Vue))})(this,function(o,c){"use strict";const P={align:{type:String,default:"top"},gutter:{type:[Number,Object,Array],default:0},justify:{type:String,default:"start"},wrap:{type:Boolean,default:!1}},p=Number,E={flex:[String,Number],order:p},S={offset:p,pull:p,push:p,span:p},a=[Number,Object],$={xs:a,sm:a,md:a,lg:a,xl:a,xxl:a},B={...E,...S,...$},T=["xxl","xl","lg","md","sm","xs"],w={xs:"screen and (max-width: 575px)",sm:"screen and (min-width: 576px)",md:"screen and (min-width: 768px)",lg:"screen and (min-width: 992px)",xl:"screen and (min-width: 1200px)",xxl:"screen and (min-width: 1600px)"},l=new Map;let x=-1;const g={},O={};function R(){l.forEach(e=>{e({...g})})}function _(){Object.keys(w).forEach(e=>{const s=window.matchMedia(w[e]);s.matches&&(g[e]=!0,R());const n=r=>{g[e]=r.matches,R()};s.addEventListener("change",n),O[e]={res:s,listener:n}})}function L(e){return l.size||_(),x+=1,l.set(x,e),e({...g}),x}function A(){Object.keys(w).forEach(e=>{const s=O[e];s.res.removeEventListener("change",s.listener)}),l.clear()}function U(e){l.delete(e),l.size===0&&A()}function b(e,s,n){let r=e;return s&&(r+=`__${s}`),n&&(r+=`--${n}`),r}function C(e,s=!1){const n=s?`.devui-${e}`:`devui-${e}`;return{b:()=>b(n),e:t=>t?b(n,t):"",m:t=>t?b(n,"",t):"",em:(t,u)=>t&&u?b(n,t,u):""}}var q="",j=c.defineComponent({name:"DRow",props:P,emits:[],setup(e,{slots:s}){const n=c.ref({}),r=C("row"),i=c.computed(()=>({[r.em("align",e.align)]:!0,[r.em("justify",e.justify)]:!0,[r.e("wrap")]:e.wrap}));let f;c.onMounted(()=>{f=L(t=>{n.value=t})}),c.onUnmounted(()=>{U(f)});const m=c.computed(()=>{if(!e.gutter)return{};let t=[0,0];Array.isArray(e.gutter)?t=e.gutter:typeof e.gutter=="number"?t=[e.gutter,0]:T.some(M=>{const h=e.gutter[M];return n.value[M]&&h?(typeof h=="number"?t=[h,0]:t=h,!0):!1});const u=`${(t[0]||0)/2}px`,z=`${(t[0]||0)/2}px`,y=`${(t[1]||0)/2}px`,K=`${(t[1]||0)/2}px`;return{paddingLeft:u,paddingRight:z,paddingTop:y,paddingBottom:K}});return c.provide("gutterStyle",m),()=>{var t;return c.createVNode("div",{class:[r.b(),i.value]},[(t=s.default)==null?void 0:t.call(s)])}}});const d=C("col");function V(e){return c.computed(()=>({[d.em("span",e.span?String(e.span):"")]:!0,[d.em("offset",e.offset?String(e.offset):"")]:!0,[d.em("pull",e.pull?String(e.pull):"")]:!0,[d.em("push",e.push?String(e.push):"")]:!0}))}function v(e){return` ${e.trim()}${e&&" "}`}function D(e){const s=Object.keys(e).filter(n=>n in $);return c.computed(()=>s.reduce((n,r)=>{const i=typeof e[r];if(i==="number")n=`${v(n)}${d.em(r,`span-${e[r]}`)}`;else if(i==="object"){const m=Object.keys(e[r]).filter(t=>t in S).reduce((t,u)=>{const y=e[r][u];return typeof y!="number"?"":(t=`${v(t)}${d.em(r,`${u}-${y}`)}`,t)},"");n=`${v(n)}${m}`}return n},""))}var F="",N=c.defineComponent({name:"DCol",props:B,setup(e,{slots:s}){const n=C("col"),r=u=>typeof u=="number"?`${u} ${u} auto`:/^\d+(\.\d+)?(px|rem|em|%)$/.test(u)?`0 0 ${u}`:u,i=V(e),f=D(e),m=c.computed(()=>({flex:r(e.flex),order:e.order})),t=c.inject("gutterStyle");return()=>{var u;return c.createVNode("div",{class:[n.b(),i.value,f.value],style:{...m.value,...t==null?void 0:t.value}},[(u=s.default)==null?void 0:u.call(s)])}}}),G={title:"Grid \u6805\u683C",category:"\u5E03\u5C40",status:"100%",install(e){e.component(j.name,j),e.component(N.name,N)}};o.Col=N,o.Row=j,o.colProps=B,o.colPropsBaseClass=S,o.colPropsBaseStyle=E,o.default=G,o.rowProps=P,o.screenSizes=$,Object.defineProperties(o,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|
package/icon/index.umd.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(i,n){typeof exports=="object"&&typeof module!="undefined"?n(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],n):(i=typeof globalThis!="undefined"?globalThis:i||self,n(i.index={},i.Vue))})(this,function(i,n){"use strict";const I={name:{type:String,default:"",required:!0},size:{type:[Number,String],default:"inherit"},color:{type:String,default:"inherit"},component:{type:Object,default:null},classPrefix:{type:String,default:"icon"},operable:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},rotate:{type:[Number,String]}},b={name:{type:String,default:"",required:!0},color:{type:String,default:"inherit"},size:{type:[Number,String],default:"inherit"}};function m(s,l,o){let t=s;return l&&(t+=`__${l}`),o&&(t+=`--${o}`),t}function d(s,l=!1){const o=l?`.devui-${s}`:`devui-${s}`;return{b:()=>m(o),e:e=>e?m(o,e):"",m:e=>e?m(o,"",e):"",em:(e,a)=>e&&a?m(o,e,a):""}}var V="",h=n.defineComponent({name:"DSvgIcon",props:b,setup(s){const{name:l,color:o,size:t}=n.toRefs(s),c=d("svg-icon"),r=n.computed(()=>`#icon-${l.value}`),u=n.computed(()=>typeof t.value=="number"?`${t.value}px`:t.value),e={width:u.value,height:u.value};return()=>n.createVNode("svg",{class:c.b(),style:e},[n.createVNode("use",{"xlink:href":r.value,fill:o.value},null)])}});function D(s){return/^((http|https):)?\/\//.test(s)}function S(s,l){const{component:o,name:t,size:c,color:r,classPrefix:u,rotate:e}=n.toRefs(s),a=d("icon"),p=n.computed(()=>typeof c.value=="number"?`${c.value}px`:c.value),f=o.value?n.resolveDynamicComponent(o.value):n.resolveDynamicComponent(h),v=()=>n.createVNode("img",n.mergeProps({src:t.value,alt:t.value.split("/")[t.value.split("/").length-1],class:[(e==null?void 0:e.value)==="infinite"&&a.m("spin")],style:{width:p.value||"",transform:`rotate(${e==null?void 0:e.value}deg)`,verticalAlign:"middle"}},l.attrs),null),P=()=>n.createVNode(f,n.mergeProps({name:t.value,color:r.value,size:p.value,class:[(e==null?void 0:e.value)==="infinite"&&a.m("spin")],style:{transform:`rotate(${e==null?void 0:e.value}deg)`}},l.attrs),null),$=()=>{const C=/^icon-/.test(t.value)?t.value:`${u.value}-${t.value}`;return n.createVNode("i",n.mergeProps({class:[u.value,C,(e==null?void 0:e.value)==="infinite"&&a.m("spin")],style:{fontSize:p.value,color:r.value,transform:`rotate(${e==null?void 0:e.value}deg)`}},l.attrs),null)};return{iconDom:()=>o.value?P():D(t.value)?v():$()}}var g=n.defineComponent({name:"DIcon",props:I,emits:["click"],setup(s,l){const{disabled:o,operable:t}=n.toRefs(s),{iconDom:c}=S(s,l),r=d("icon"),u=n.computed(()=>({[r.e("container")]:!0,[r.m("disabled")]:o.value,[r.m("operable")]:t.value})),e=a=>{o.value||l.emit("click",a)};return()=>{var a,p,f,v;return n.createVNode("div",{class:u.value,onClick:e},[(p=(a=l.slots).prefix)==null?void 0:p.call(a),c(),(v=(f=l.slots).suffix)==null?void 0:v.call(f)])}}}),_="",y=n.defineComponent({name:"DIconGroup",setup(s,l){const o=d("icon-group");return()=>{var t,c;return n.createVNode("div",{class:o.b()},[(c=(t=l.slots).default)==null?void 0:c.call(t)])}}}),N={title:"Icon \u56FE\u6807",category:"\u901A\u7528",status:"100%",install(s){s.component(g.name,g),s.component(y.name,y)}};i.Icon=g,i.IconGroup=y,i.default=N,i.iconProps=I,i.svgIconProps=b,Object.
|
|
1
|
+
(function(i,n){typeof exports=="object"&&typeof module!="undefined"?n(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],n):(i=typeof globalThis!="undefined"?globalThis:i||self,n(i.index={},i.Vue))})(this,function(i,n){"use strict";const I={name:{type:String,default:"",required:!0},size:{type:[Number,String],default:"inherit"},color:{type:String,default:"inherit"},component:{type:Object,default:null},classPrefix:{type:String,default:"icon"},operable:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},rotate:{type:[Number,String]}},b={name:{type:String,default:"",required:!0},color:{type:String,default:"inherit"},size:{type:[Number,String],default:"inherit"}};function m(s,l,o){let t=s;return l&&(t+=`__${l}`),o&&(t+=`--${o}`),t}function d(s,l=!1){const o=l?`.devui-${s}`:`devui-${s}`;return{b:()=>m(o),e:e=>e?m(o,e):"",m:e=>e?m(o,"",e):"",em:(e,a)=>e&&a?m(o,e,a):""}}var V="",h=n.defineComponent({name:"DSvgIcon",props:b,setup(s){const{name:l,color:o,size:t}=n.toRefs(s),c=d("svg-icon"),r=n.computed(()=>`#icon-${l.value}`),u=n.computed(()=>typeof t.value=="number"?`${t.value}px`:t.value),e={width:u.value,height:u.value};return()=>n.createVNode("svg",{class:c.b(),style:e},[n.createVNode("use",{"xlink:href":r.value,fill:o.value},null)])}});function D(s){return/^((http|https):)?\/\//.test(s)}function S(s,l){const{component:o,name:t,size:c,color:r,classPrefix:u,rotate:e}=n.toRefs(s),a=d("icon"),p=n.computed(()=>typeof c.value=="number"?`${c.value}px`:c.value),f=o.value?n.resolveDynamicComponent(o.value):n.resolveDynamicComponent(h),v=()=>n.createVNode("img",n.mergeProps({src:t.value,alt:t.value.split("/")[t.value.split("/").length-1],class:[(e==null?void 0:e.value)==="infinite"&&a.m("spin")],style:{width:p.value||"",transform:`rotate(${e==null?void 0:e.value}deg)`,verticalAlign:"middle"}},l.attrs),null),P=()=>n.createVNode(f,n.mergeProps({name:t.value,color:r.value,size:p.value,class:[(e==null?void 0:e.value)==="infinite"&&a.m("spin")],style:{transform:`rotate(${e==null?void 0:e.value}deg)`}},l.attrs),null),$=()=>{const C=/^icon-/.test(t.value)?t.value:`${u.value}-${t.value}`;return n.createVNode("i",n.mergeProps({class:[u.value,C,(e==null?void 0:e.value)==="infinite"&&a.m("spin")],style:{fontSize:p.value,color:r.value,transform:`rotate(${e==null?void 0:e.value}deg)`}},l.attrs),null)};return{iconDom:()=>o.value?P():D(t.value)?v():$()}}var g=n.defineComponent({name:"DIcon",props:I,emits:["click"],setup(s,l){const{disabled:o,operable:t}=n.toRefs(s),{iconDom:c}=S(s,l),r=d("icon"),u=n.computed(()=>({[r.e("container")]:!0,[r.m("disabled")]:o.value,[r.m("operable")]:t.value})),e=a=>{o.value||l.emit("click",a)};return()=>{var a,p,f,v;return n.createVNode("div",{class:u.value,onClick:e},[(p=(a=l.slots).prefix)==null?void 0:p.call(a),c(),(v=(f=l.slots).suffix)==null?void 0:v.call(f)])}}}),_="",y=n.defineComponent({name:"DIconGroup",setup(s,l){const o=d("icon-group");return()=>{var t,c;return n.createVNode("div",{class:o.b()},[(c=(t=l.slots).default)==null?void 0:c.call(t)])}}}),N={title:"Icon \u56FE\u6807",category:"\u901A\u7528",status:"100%",install(s){s.component(g.name,g),s.component(y.name,y)}};i.Icon=g,i.IconGroup=y,i.default=N,i.iconProps=I,i.svgIconProps=b,Object.defineProperties(i,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|
|
@@ -1,9 +1,3 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
3
|
-
var __publicField = (obj, key, value) => {
|
|
4
|
-
__defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
|
|
5
|
-
return value;
|
|
6
|
-
};
|
|
7
1
|
import { defineComponent, ref, computed, onMounted, onUnmounted, createVNode, Fragment, createTextVNode, createApp } from "vue";
|
|
8
2
|
const imagePreviewProps = {
|
|
9
3
|
url: {
|
|
@@ -27,20 +21,15 @@ const imagePreviewProps = {
|
|
|
27
21
|
};
|
|
28
22
|
class Transform {
|
|
29
23
|
constructor(el, options = {}) {
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
__publicField(this, "MAX_SCALE", 2.5);
|
|
40
|
-
__publicField(this, "TRANSFORMX", 0);
|
|
41
|
-
__publicField(this, "TRANSFORMY", 0);
|
|
42
|
-
__publicField(this, "ZOOM", 1);
|
|
43
|
-
__publicField(this, "ROTATE", 0);
|
|
24
|
+
this.oTransformX = 0;
|
|
25
|
+
this.oTransformY = 0;
|
|
26
|
+
this.STEP = 0.25;
|
|
27
|
+
this.MIN_SCALE = 0.2;
|
|
28
|
+
this.MAX_SCALE = 2.5;
|
|
29
|
+
this.TRANSFORMX = 0;
|
|
30
|
+
this.TRANSFORMY = 0;
|
|
31
|
+
this.ZOOM = 1;
|
|
32
|
+
this.ROTATE = 0;
|
|
44
33
|
this.el = el;
|
|
45
34
|
this.transformX = options.transformX || this.TRANSFORMX;
|
|
46
35
|
this.transformY = options.transformY || this.TRANSFORMY;
|
|
@@ -425,9 +414,9 @@ class ImagePreviewService {
|
|
|
425
414
|
this.$div = null;
|
|
426
415
|
}
|
|
427
416
|
}
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
|
|
417
|
+
ImagePreviewService.$body = null;
|
|
418
|
+
ImagePreviewService.$div = null;
|
|
419
|
+
ImagePreviewService.$overflow = "";
|
|
431
420
|
function mountedPreviewImages(props) {
|
|
432
421
|
ImagePreviewService.open({
|
|
433
422
|
url: props.url,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var X=Object.defineProperty;var R=(s,e,d)=>e in s?X(s,e,{enumerable:!0,configurable:!0,writable:!0,value:d}):s[e]=d;var r=(s,e,d)=>(R(s,typeof e!="symbol"?e+"":e,d),d);(function(s,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(s=typeof globalThis!="undefined"?globalThis:s||self,e(s.index={},s.Vue))})(this,function(s,e){"use strict";const d={url:{type:String,default:"",required:!0},previewUrlList:{type:Array,default:()=>[],required:!0},zIndex:{type:Number,required:!1},backDropZIndex:{type:Number,required:!1}};class k{constructor(o,n={}){r(this,"el");r(this,"oTransformX",0);r(this,"oTransformY",0);r(this,"transformX");r(this,"transformY");r(this,"zoom");r(this,"rotate");r(this,"STEP",.25);r(this,"MIN_SCALE",.2);r(this,"MAX_SCALE",2.5);r(this,"TRANSFORMX",0);r(this,"TRANSFORMY",0);r(this,"ZOOM",1);r(this,"ROTATE",0);this.el=o,this.transformX=n.transformX||this.TRANSFORMX,this.transformY=n.transformY||this.TRANSFORMY,this.zoom=n.zoom||this.ZOOM,this.rotate=n.rotate||this.ROTATE,this.handleDefaultDraggable(),this.onDraggable(),this.onMouseWheel()}handleDefaultDraggable(){document.body.ondragstart=()=>(window.event.returnValue=!1,!1)}onDraggable(){this.el.onmousedown=o=>{const n=o.clientX,i=o.clientY;document.onmousemove=l=>{const u=l.clientX-n,m=l.clientY-i;this.transformX=this.oTransformX+u,this.transformY=this.oTransformY+m,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=n=>{const i=-n.wheelDelta||n.deltaY||n.detail;o(i)}}throttle(o,n){let i=null;return(...l)=>{i||setTimeout(()=>{i=null,o.apply(this,l)},n)}}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)`}}function f(t,o,n){let i=t;return o&&(i+=`__${o}`),n&&(i+=`--${n}`),i}function I(t,o=!1){const n=o?`.devui-${t}`:`devui-${t}`;return{b:()=>f(n),e:a=>a?f(n,a):"",m:a=>a?f(n,"",a):"",em:(a,L)=>a&&L?f(n,a,L):""}}var Y="",Z=e.defineComponent({name:"DImagePreview",props:d,emits:[],setup(t){const o=I("image-preview");let n=null;const i=e.ref(0),l=e.computed(()=>t.previewUrlList[i.value]),u=t.zIndex?{zIndex:t.zIndex}:{},m=t.backDropZIndex?{zIndex:t.backDropZIndex}:{};function a(){const h=document.querySelector(`.${o.e("main-image")}`);n=new k(h)}function L(){i.value=t.previewUrlList.findIndex(h=>h===t.url)}function w(){i.value=i.value<=0?t.previewUrlList.length-1:i.value-1}function p(){i.value=i.value>=t.previewUrlList.length-1?0:i.value+1}function y(){c.close()}function T(){n.setZoomIn()}function $(){n.setZoomOut()}function D(){n.setRotate()}function A(){n.setZoomBest()}function E(){n.setZoomOriginal()}function V(h){h.defaultPrevented||(h.code==="Escape"?y():h.code==="ArrowLeft"?w():h.code==="ArrowRight"&&p())}function S(){document.addEventListener("keydown",V,!1)}function O(){document.removeEventListener("keydown",V,!1)}return e.onMounted(()=>{L(),a(),S()}),e.onUnmounted(()=>{O()}),()=>e.createVNode(e.Fragment,null,[e.createVNode("div",{class:o.b(),style:u},[e.createVNode("img",{class:o.e("main-image"),src:l.value},null),e.createVNode("button",{class:o.e("close-btn"),onClick:y},[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:o.e("arrow-left"),onClick:w},[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:o.e("arrow-right"),onClick:p},[e.createVNode("svg",{width:"18px",height:"18px",viewBox:"0 0 16 16",version:"1.1"},[e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("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:o.e("toolbar")},[e.createVNode("button",{onClick:T},[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:$},[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:D},[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:w},[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:o.e("index")},[i.value+1,e.createTextVNode(":"),t.previewUrlList.length]),e.createVNode("button",{onClick:p},[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:A},[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:E},[e.createVNode("span",null,[e.createTextVNode("1:1")])])])]),e.createVNode("div",{class:o.e("bg"),style:m},null)])}});function M(t){return e.createApp(Z,t)}class c{static open(o){this.$body=document.body,this.$div=document.createElement("div"),this.$overflow=this.$body.style.overflow,this.$body.appendChild(this.$div),M(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}}r(c,"$body",null),r(c,"$div",null),r(c,"$overflow","");function x(t){c.open({url:t.url,previewUrlList:t.previewUrlList,zIndex:t.zIndex,backDropZIndex:t.backDropZIndex})}function N(){c.close()}function C(t){return[...t.querySelectorAll("img")].map(n=>n.getAttribute("src"))}function v(t){var i;t.stopPropagation();const o=t.currentTarget,n=t.target;if(((i=n==null?void 0:n.nodeName)==null?void 0:i.toLowerCase())==="img"){const l=C(o),u=n.getAttribute("src");x({url:u,previewUrlList:l,zIndex:o==null?void 0:o.zIndex,backDropZIndex:o==null?void 0:o.backDropZIndex})}}function g(t){t.addEventListener("click",v)}function z(t){t.removeEventListener("click",v)}var b={mounted(t,o){if(!o.value)return g(t);const{custom:n,disableDefault:i}=o.value;n instanceof Object&&(n.open=()=>{const l=C(t);x({url:l==null?void 0:l[0],previewUrlList:l,zIndex:t==null?void 0:t.zIndex,backDropZIndex:t==null?void 0:t.backDropZIndex})},n.close=()=>N()),!i&&g(t)},unmounted(){N()},updated(t,o){var n,i;if(t.zIndex=(n=o.value)==null?void 0:n.zIndex,t.backDropZIndex=(i=o.value)==null?void 0:i.backDropZIndex,o.value){const{value:{disableDefault:l},oldValue:{disableDefault:u}}=o;l!==u&&(l?z(t):g(t))}}},P={title:"ImagePreview \u56FE\u7247\u9884\u89C8",category:"\u6570\u636E\u5C55\u793A",status:"100%",install(t){t.directive("d-image-preview",b),t.config.globalProperties.$imagePreviewService=c}};s.ImagePreviewDirective=b,s.ImagePreviewService=c,s.default=P,s.imagePreviewProps=d,Object.defineProperty(s,"__esModule",{value:!0}),s[Symbol.toStringTag]="Module"});
|
|
1
|
+
(function(s,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(s=typeof globalThis!="undefined"?globalThis:s||self,e(s.index={},s.Vue))})(this,function(s,e){"use strict";const w={url:{type:String,default:"",required:!0},previewUrlList:{type:Array,default:()=>[],required:!0},zIndex:{type:Number,required:!1},backDropZIndex:{type:Number,required:!1}};class V{constructor(o,n={}){this.oTransformX=0,this.oTransformY=0,this.STEP=.25,this.MIN_SCALE=.2,this.MAX_SCALE=2.5,this.TRANSFORMX=0,this.TRANSFORMY=0,this.ZOOM=1,this.ROTATE=0,this.el=o,this.transformX=n.transformX||this.TRANSFORMX,this.transformY=n.transformY||this.TRANSFORMY,this.zoom=n.zoom||this.ZOOM,this.rotate=n.rotate||this.ROTATE,this.handleDefaultDraggable(),this.onDraggable(),this.onMouseWheel()}handleDefaultDraggable(){document.body.ondragstart=()=>(window.event.returnValue=!1,!1)}onDraggable(){this.el.onmousedown=o=>{const n=o.clientX,i=o.clientY;document.onmousemove=r=>{const d=r.clientX-n,u=r.clientY-i;this.transformX=this.oTransformX+d,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=n=>{const i=-n.wheelDelta||n.deltaY||n.detail;o(i)}}throttle(o,n){let i=null;return(...r)=>{i||setTimeout(()=>{i=null,o.apply(this,r)},n)}}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)`}}function h(t,o,n){let i=t;return o&&(i+=`__${o}`),n&&(i+=`--${n}`),i}function I(t,o=!1){const n=o?`.devui-${t}`:`devui-${t}`;return{b:()=>h(n),e:l=>l?h(n,l):"",m:l=>l?h(n,"",l):"",em:(l,f)=>l&&f?h(n,l,f):""}}var O="",k=e.defineComponent({name:"DImagePreview",props:w,emits:[],setup(t){const o=I("image-preview");let n=null;const i=e.ref(0),r=e.computed(()=>t.previewUrlList[i.value]),d=t.zIndex?{zIndex:t.zIndex}:{},u=t.backDropZIndex?{zIndex:t.backDropZIndex}:{};function l(){const c=document.querySelector(`.${o.e("main-image")}`);n=new V(c)}function f(){i.value=t.previewUrlList.findIndex(c=>c===t.url)}function L(){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 b(){a.close()}function z(){n.setZoomIn()}function T(){n.setZoomOut()}function $(){n.setRotate()}function D(){n.setZoomBest()}function S(){n.setZoomOriginal()}function y(c){c.defaultPrevented||(c.code==="Escape"?b():c.code==="ArrowLeft"?L():c.code==="ArrowRight"&&g())}function A(){document.addEventListener("keydown",y,!1)}function E(){document.removeEventListener("keydown",y,!1)}return e.onMounted(()=>{f(),l(),A()}),e.onUnmounted(()=>{E()}),()=>e.createVNode(e.Fragment,null,[e.createVNode("div",{class:o.b(),style:d},[e.createVNode("img",{class:o.e("main-image"),src:r.value},null),e.createVNode("button",{class:o.e("close-btn"),onClick:b},[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:o.e("arrow-left"),onClick:L},[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:o.e("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:o.e("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:T},[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:$},[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:L},[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:o.e("index")},[i.value+1,e.createTextVNode(":"),t.previewUrlList.length]),e.createVNode("button",{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:S},[e.createVNode("span",null,[e.createTextVNode("1:1")])])])]),e.createVNode("div",{class:o.e("bg"),style:u},null)])}});function Z(t){return e.createApp(k,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),Z(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}}a.$body=null,a.$div=null,a.$overflow="";function p(t){a.open({url:t.url,previewUrlList:t.previewUrlList,zIndex:t.zIndex,backDropZIndex:t.backDropZIndex})}function v(){a.close()}function x(t){return[...t.querySelectorAll("img")].map(n=>n.getAttribute("src"))}function N(t){var i;t.stopPropagation();const o=t.currentTarget,n=t.target;if(((i=n==null?void 0:n.nodeName)==null?void 0:i.toLowerCase())==="img"){const r=x(o),d=n.getAttribute("src");p({url:d,previewUrlList:r,zIndex:o==null?void 0:o.zIndex,backDropZIndex:o==null?void 0:o.backDropZIndex})}}function m(t){t.addEventListener("click",N)}function M(t){t.removeEventListener("click",N)}var C={mounted(t,o){if(!o.value)return m(t);const{custom:n,disableDefault:i}=o.value;n instanceof Object&&(n.open=()=>{const r=x(t);p({url:r==null?void 0:r[0],previewUrlList:r,zIndex:t==null?void 0:t.zIndex,backDropZIndex:t==null?void 0:t.backDropZIndex})},n.close=()=>v()),!i&&m(t)},unmounted(){v()},updated(t,o){var n,i;if(t.zIndex=(n=o.value)==null?void 0:n.zIndex,t.backDropZIndex=(i=o.value)==null?void 0:i.backDropZIndex,o.value){const{value:{disableDefault:r},oldValue:{disableDefault:d}}=o;r!==d&&(r?M(t):m(t))}}},P={title:"ImagePreview \u56FE\u7247\u9884\u89C8",category:"\u6570\u636E\u5C55\u793A",status:"100%",install(t){t.directive("d-image-preview",C),t.config.globalProperties.$imagePreviewService=a}};s.ImagePreviewDirective=C,s.ImagePreviewService=a,s.default=P,s.imagePreviewProps=w,Object.defineProperties(s,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|
package/input/index.es.js
CHANGED
|
@@ -1,35 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
var __defProps = Object.defineProperties;
|
|
3
|
-
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
4
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
7
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
8
|
-
var __spreadValues = (a, b) => {
|
|
9
|
-
for (var prop in b || (b = {}))
|
|
10
|
-
if (__hasOwnProp.call(b, prop))
|
|
11
|
-
__defNormalProp(a, prop, b[prop]);
|
|
12
|
-
if (__getOwnPropSymbols)
|
|
13
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
14
|
-
if (__propIsEnum.call(b, prop))
|
|
15
|
-
__defNormalProp(a, prop, b[prop]);
|
|
16
|
-
}
|
|
17
|
-
return a;
|
|
18
|
-
};
|
|
19
|
-
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
|
-
var __objRest = (source, exclude) => {
|
|
21
|
-
var target = {};
|
|
22
|
-
for (var prop in source)
|
|
23
|
-
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
24
|
-
target[prop] = source[prop];
|
|
25
|
-
if (source != null && __getOwnPropSymbols)
|
|
26
|
-
for (var prop of __getOwnPropSymbols(source)) {
|
|
27
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
28
|
-
target[prop] = source[prop];
|
|
29
|
-
}
|
|
30
|
-
return target;
|
|
31
|
-
};
|
|
32
|
-
import { defineComponent, toRefs, computed, createVNode, resolveDynamicComponent, mergeProps, watch, provide, reactive, onUnmounted, Transition, ref, unref, nextTick, Comment, Text, h, Fragment, inject, withDirectives, cloneVNode, onMounted, Teleport, createTextVNode, onBeforeUnmount, getCurrentInstance, shallowRef } from "vue";
|
|
1
|
+
import { defineComponent, toRefs, computed, createVNode, resolveDynamicComponent, mergeProps, watch, provide, reactive, onUnmounted, Transition, ref, nextTick, unref, Comment, Text, Fragment, h, inject, withDirectives, cloneVNode, onMounted, Teleport, withModifiers, createTextVNode, onBeforeUnmount, getCurrentInstance, shallowRef } from "vue";
|
|
33
2
|
import { offset, autoPlacement, arrow, shift, computePosition } from "@floating-ui/dom";
|
|
34
3
|
const DEFAULT_PREFIX = "icon";
|
|
35
4
|
const iconProps = {
|
|
@@ -1071,7 +1040,7 @@ var lodash = { exports: {} };
|
|
|
1071
1040
|
var objectCtorString = funcToString.call(Object2);
|
|
1072
1041
|
var oldDash = root._;
|
|
1073
1042
|
var reIsNative = RegExp2("^" + funcToString.call(hasOwnProperty).replace(reRegExpChar, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$");
|
|
1074
|
-
var
|
|
1043
|
+
var Buffer = moduleExports ? context.Buffer : undefined$1, Symbol2 = context.Symbol, Uint8Array = context.Uint8Array, allocUnsafe = Buffer ? Buffer.allocUnsafe : undefined$1, getPrototype = overArg(Object2.getPrototypeOf, Object2), objectCreate = Object2.create, propertyIsEnumerable = objectProto.propertyIsEnumerable, splice = arrayProto.splice, spreadableSymbol = Symbol2 ? Symbol2.isConcatSpreadable : undefined$1, symIterator = Symbol2 ? Symbol2.iterator : undefined$1, symToStringTag = Symbol2 ? Symbol2.toStringTag : undefined$1;
|
|
1075
1044
|
var defineProperty = function() {
|
|
1076
1045
|
try {
|
|
1077
1046
|
var func = getNative(Object2, "defineProperty");
|
|
@@ -1081,11 +1050,11 @@ var lodash = { exports: {} };
|
|
|
1081
1050
|
}
|
|
1082
1051
|
}();
|
|
1083
1052
|
var ctxClearTimeout = context.clearTimeout !== root.clearTimeout && context.clearTimeout, ctxNow = Date2 && Date2.now !== root.Date.now && Date2.now, ctxSetTimeout = context.setTimeout !== root.setTimeout && context.setTimeout;
|
|
1084
|
-
var nativeCeil = Math2.ceil, nativeFloor = Math2.floor, nativeGetSymbols = Object2.getOwnPropertySymbols, nativeIsBuffer =
|
|
1085
|
-
var DataView = getNative(context, "DataView"), Map2 = getNative(context, "Map"), Promise2 = getNative(context, "Promise"), Set2 = getNative(context, "Set"),
|
|
1086
|
-
var metaMap =
|
|
1053
|
+
var nativeCeil = Math2.ceil, nativeFloor = Math2.floor, nativeGetSymbols = Object2.getOwnPropertySymbols, nativeIsBuffer = Buffer ? Buffer.isBuffer : undefined$1, nativeIsFinite = context.isFinite, nativeJoin = arrayProto.join, nativeKeys = overArg(Object2.keys, Object2), nativeMax = Math2.max, nativeMin = Math2.min, nativeNow = Date2.now, nativeParseInt = context.parseInt, nativeRandom = Math2.random, nativeReverse = arrayProto.reverse;
|
|
1054
|
+
var DataView = getNative(context, "DataView"), Map2 = getNative(context, "Map"), Promise2 = getNative(context, "Promise"), Set2 = getNative(context, "Set"), WeakMap = getNative(context, "WeakMap"), nativeCreate = getNative(Object2, "create");
|
|
1055
|
+
var metaMap = WeakMap && new WeakMap();
|
|
1087
1056
|
var realNames = {};
|
|
1088
|
-
var dataViewCtorString = toSource(DataView), mapCtorString = toSource(Map2), promiseCtorString = toSource(Promise2), setCtorString = toSource(Set2), weakMapCtorString = toSource(
|
|
1057
|
+
var dataViewCtorString = toSource(DataView), mapCtorString = toSource(Map2), promiseCtorString = toSource(Promise2), setCtorString = toSource(Set2), weakMapCtorString = toSource(WeakMap);
|
|
1089
1058
|
var symbolProto = Symbol2 ? Symbol2.prototype : undefined$1, symbolValueOf = symbolProto ? symbolProto.valueOf : undefined$1, symbolToString = symbolProto ? symbolProto.toString : undefined$1;
|
|
1090
1059
|
function lodash2(value) {
|
|
1091
1060
|
if (isObjectLike(value) && !isArray(value) && !(value instanceof LazyWrapper)) {
|
|
@@ -1540,7 +1509,7 @@ var lodash = { exports: {} };
|
|
|
1540
1509
|
if (typeof func != "function") {
|
|
1541
1510
|
throw new TypeError2(FUNC_ERROR_TEXT);
|
|
1542
1511
|
}
|
|
1543
|
-
return
|
|
1512
|
+
return setTimeout2(function() {
|
|
1544
1513
|
func.apply(undefined$1, args);
|
|
1545
1514
|
}, wait);
|
|
1546
1515
|
}
|
|
@@ -2333,7 +2302,7 @@ var lodash = { exports: {} };
|
|
|
2333
2302
|
}
|
|
2334
2303
|
function cloneArrayBuffer(arrayBuffer) {
|
|
2335
2304
|
var result2 = new arrayBuffer.constructor(arrayBuffer.byteLength);
|
|
2336
|
-
new
|
|
2305
|
+
new Uint8Array(result2).set(new Uint8Array(arrayBuffer));
|
|
2337
2306
|
return result2;
|
|
2338
2307
|
}
|
|
2339
2308
|
function cloneDataView(dataView, isDeep) {
|
|
@@ -2915,7 +2884,7 @@ var lodash = { exports: {} };
|
|
|
2915
2884
|
object4 = object4.buffer;
|
|
2916
2885
|
other = other.buffer;
|
|
2917
2886
|
case arrayBufferTag:
|
|
2918
|
-
if (object4.byteLength != other.byteLength || !equalFunc(new
|
|
2887
|
+
if (object4.byteLength != other.byteLength || !equalFunc(new Uint8Array(object4), new Uint8Array(other))) {
|
|
2919
2888
|
return false;
|
|
2920
2889
|
}
|
|
2921
2890
|
return true;
|
|
@@ -3077,7 +3046,7 @@ var lodash = { exports: {} };
|
|
|
3077
3046
|
return result2;
|
|
3078
3047
|
};
|
|
3079
3048
|
var getTag = baseGetTag;
|
|
3080
|
-
if (DataView && getTag(new DataView(new ArrayBuffer(1))) != dataViewTag || Map2 && getTag(new Map2()) != mapTag || Promise2 && getTag(Promise2.resolve()) != promiseTag || Set2 && getTag(new Set2()) != setTag ||
|
|
3049
|
+
if (DataView && getTag(new DataView(new ArrayBuffer(1))) != dataViewTag || Map2 && getTag(new Map2()) != mapTag || Promise2 && getTag(Promise2.resolve()) != promiseTag || Set2 && getTag(new Set2()) != setTag || WeakMap && getTag(new WeakMap()) != weakMapTag) {
|
|
3081
3050
|
getTag = function(value) {
|
|
3082
3051
|
var result2 = baseGetTag(value), Ctor = result2 == objectTag ? value.constructor : undefined$1, ctorString = Ctor ? toSource(Ctor) : "";
|
|
3083
3052
|
if (ctorString) {
|
|
@@ -3349,7 +3318,7 @@ var lodash = { exports: {} };
|
|
|
3349
3318
|
return object4[key];
|
|
3350
3319
|
}
|
|
3351
3320
|
var setData = shortOut(baseSetData);
|
|
3352
|
-
var
|
|
3321
|
+
var setTimeout2 = ctxSetTimeout || function(func, wait) {
|
|
3353
3322
|
return root.setTimeout(func, wait);
|
|
3354
3323
|
};
|
|
3355
3324
|
var setToString = shortOut(baseSetToString);
|
|
@@ -4141,7 +4110,7 @@ var lodash = { exports: {} };
|
|
|
4141
4110
|
}
|
|
4142
4111
|
function leadingEdge(time) {
|
|
4143
4112
|
lastInvokeTime = time;
|
|
4144
|
-
timerId =
|
|
4113
|
+
timerId = setTimeout2(timerExpired, wait);
|
|
4145
4114
|
return leading ? invokeFunc(time) : result2;
|
|
4146
4115
|
}
|
|
4147
4116
|
function remainingWait(time) {
|
|
@@ -4157,7 +4126,7 @@ var lodash = { exports: {} };
|
|
|
4157
4126
|
if (shouldInvoke(time)) {
|
|
4158
4127
|
return trailingEdge(time);
|
|
4159
4128
|
}
|
|
4160
|
-
timerId =
|
|
4129
|
+
timerId = setTimeout2(timerExpired, remainingWait(time));
|
|
4161
4130
|
}
|
|
4162
4131
|
function trailingEdge(time) {
|
|
4163
4132
|
timerId = undefined$1;
|
|
@@ -4188,12 +4157,12 @@ var lodash = { exports: {} };
|
|
|
4188
4157
|
}
|
|
4189
4158
|
if (maxing) {
|
|
4190
4159
|
clearTimeout(timerId);
|
|
4191
|
-
timerId =
|
|
4160
|
+
timerId = setTimeout2(timerExpired, wait);
|
|
4192
4161
|
return invokeFunc(lastCallTime);
|
|
4193
4162
|
}
|
|
4194
4163
|
}
|
|
4195
4164
|
if (timerId === undefined$1) {
|
|
4196
|
-
timerId =
|
|
4165
|
+
timerId = setTimeout2(timerExpired, wait);
|
|
4197
4166
|
}
|
|
4198
4167
|
return result2;
|
|
4199
4168
|
}
|
|
@@ -5794,7 +5763,10 @@ function useFormValidation(itemContexts) {
|
|
|
5794
5763
|
try {
|
|
5795
5764
|
await field.validate("");
|
|
5796
5765
|
} catch (err) {
|
|
5797
|
-
errors =
|
|
5766
|
+
errors = {
|
|
5767
|
+
...errors,
|
|
5768
|
+
...err
|
|
5769
|
+
};
|
|
5798
5770
|
}
|
|
5799
5771
|
}
|
|
5800
5772
|
if (!Object.keys(errors).length) {
|
|
@@ -5851,11 +5823,12 @@ defineComponent({
|
|
|
5851
5823
|
}, {
|
|
5852
5824
|
deep: true
|
|
5853
5825
|
});
|
|
5854
|
-
provide(FORM_TOKEN, reactive(
|
|
5826
|
+
provide(FORM_TOKEN, reactive({
|
|
5827
|
+
...toRefs(props),
|
|
5855
5828
|
emit: ctx.emit,
|
|
5856
5829
|
addItemContext,
|
|
5857
5830
|
removeItemContext
|
|
5858
|
-
}))
|
|
5831
|
+
}));
|
|
5859
5832
|
ctx.expose({
|
|
5860
5833
|
validate,
|
|
5861
5834
|
validateFields,
|
|
@@ -6479,6 +6452,8 @@ var Popover = defineComponent({
|
|
|
6479
6452
|
"style": overlayStyles.value
|
|
6480
6453
|
}, attrs, {
|
|
6481
6454
|
"onPositionChange": handlePositionChange,
|
|
6455
|
+
"onClick": withModifiers(() => ({}), ["stop"]),
|
|
6456
|
+
"onPointerup": withModifiers(() => ({}), ["stop"]),
|
|
6482
6457
|
"onMouseenter": onMouseenter,
|
|
6483
6458
|
"onMouseleave": onMouseleave
|
|
6484
6459
|
}), {
|
|
@@ -6693,7 +6668,7 @@ var FormControl = defineComponent({
|
|
|
6693
6668
|
}
|
|
6694
6669
|
});
|
|
6695
6670
|
function _extends() {
|
|
6696
|
-
_extends = Object.assign
|
|
6671
|
+
_extends = Object.assign ? Object.assign.bind() : function(target) {
|
|
6697
6672
|
for (var i = 1; i < arguments.length; i++) {
|
|
6698
6673
|
var source = arguments[i];
|
|
6699
6674
|
for (var key in source) {
|
|
@@ -6712,13 +6687,13 @@ function _inheritsLoose(subClass, superClass) {
|
|
|
6712
6687
|
_setPrototypeOf(subClass, superClass);
|
|
6713
6688
|
}
|
|
6714
6689
|
function _getPrototypeOf(o) {
|
|
6715
|
-
_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf2(o2) {
|
|
6690
|
+
_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf2(o2) {
|
|
6716
6691
|
return o2.__proto__ || Object.getPrototypeOf(o2);
|
|
6717
6692
|
};
|
|
6718
6693
|
return _getPrototypeOf(o);
|
|
6719
6694
|
}
|
|
6720
6695
|
function _setPrototypeOf(o, p) {
|
|
6721
|
-
_setPrototypeOf = Object.setPrototypeOf
|
|
6696
|
+
_setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf2(o2, p2) {
|
|
6722
6697
|
o2.__proto__ = p2;
|
|
6723
6698
|
return o2;
|
|
6724
6699
|
};
|
|
@@ -6741,7 +6716,7 @@ function _isNativeReflectConstruct() {
|
|
|
6741
6716
|
}
|
|
6742
6717
|
function _construct(Parent, args, Class) {
|
|
6743
6718
|
if (_isNativeReflectConstruct()) {
|
|
6744
|
-
_construct = Reflect.construct;
|
|
6719
|
+
_construct = Reflect.construct.bind();
|
|
6745
6720
|
} else {
|
|
6746
6721
|
_construct = function _construct2(Parent2, args2, Class2) {
|
|
6747
6722
|
var a = [null];
|
|
@@ -7019,9 +6994,45 @@ var whitespace = function whitespace2(rule, value, source, errors, options) {
|
|
|
7019
6994
|
errors.push(format(options.messages.whitespace, rule.fullField));
|
|
7020
6995
|
}
|
|
7021
6996
|
};
|
|
6997
|
+
var urlReg;
|
|
6998
|
+
var getUrlRegex = function() {
|
|
6999
|
+
if (urlReg) {
|
|
7000
|
+
return urlReg;
|
|
7001
|
+
}
|
|
7002
|
+
var word = "[a-fA-F\\d:]";
|
|
7003
|
+
var b = function b2(options) {
|
|
7004
|
+
return options && options.includeBoundaries ? "(?:(?<=\\s|^)(?=" + word + ")|(?<=" + word + ")(?=\\s|$))" : "";
|
|
7005
|
+
};
|
|
7006
|
+
var v4 = "(?:25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]\\d|\\d)(?:\\.(?:25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]\\d|\\d)){3}";
|
|
7007
|
+
var v6seg = "[a-fA-F\\d]{1,4}";
|
|
7008
|
+
var v6 = ("\n(?:\n(?:" + v6seg + ":){7}(?:" + v6seg + "|:)| // 1:2:3:4:5:6:7:: 1:2:3:4:5:6:7:8\n(?:" + v6seg + ":){6}(?:" + v4 + "|:" + v6seg + "|:)| // 1:2:3:4:5:6:: 1:2:3:4:5:6::8 1:2:3:4:5:6::8 1:2:3:4:5:6::1.2.3.4\n(?:" + v6seg + ":){5}(?::" + v4 + "|(?::" + v6seg + "){1,2}|:)| // 1:2:3:4:5:: 1:2:3:4:5::7:8 1:2:3:4:5::8 1:2:3:4:5::7:1.2.3.4\n(?:" + v6seg + ":){4}(?:(?::" + v6seg + "){0,1}:" + v4 + "|(?::" + v6seg + "){1,3}|:)| // 1:2:3:4:: 1:2:3:4::6:7:8 1:2:3:4::8 1:2:3:4::6:7:1.2.3.4\n(?:" + v6seg + ":){3}(?:(?::" + v6seg + "){0,2}:" + v4 + "|(?::" + v6seg + "){1,4}|:)| // 1:2:3:: 1:2:3::5:6:7:8 1:2:3::8 1:2:3::5:6:7:1.2.3.4\n(?:" + v6seg + ":){2}(?:(?::" + v6seg + "){0,3}:" + v4 + "|(?::" + v6seg + "){1,5}|:)| // 1:2:: 1:2::4:5:6:7:8 1:2::8 1:2::4:5:6:7:1.2.3.4\n(?:" + v6seg + ":){1}(?:(?::" + v6seg + "){0,4}:" + v4 + "|(?::" + v6seg + "){1,6}|:)| // 1:: 1::3:4:5:6:7:8 1::8 1::3:4:5:6:7:1.2.3.4\n(?::(?:(?::" + v6seg + "){0,5}:" + v4 + "|(?::" + v6seg + "){1,7}|:)) // ::2:3:4:5:6:7:8 ::2:3:4:5:6:7:8 ::8 ::1.2.3.4\n)(?:%[0-9a-zA-Z]{1,})? // %eth0 %1\n").replace(/\s*\/\/.*$/gm, "").replace(/\n/g, "").trim();
|
|
7009
|
+
var v46Exact = new RegExp("(?:^" + v4 + "$)|(?:^" + v6 + "$)");
|
|
7010
|
+
var v4exact = new RegExp("^" + v4 + "$");
|
|
7011
|
+
var v6exact = new RegExp("^" + v6 + "$");
|
|
7012
|
+
var ip = function ip2(options) {
|
|
7013
|
+
return options && options.exact ? v46Exact : new RegExp("(?:" + b(options) + v4 + b(options) + ")|(?:" + b(options) + v6 + b(options) + ")", "g");
|
|
7014
|
+
};
|
|
7015
|
+
ip.v4 = function(options) {
|
|
7016
|
+
return options && options.exact ? v4exact : new RegExp("" + b(options) + v4 + b(options), "g");
|
|
7017
|
+
};
|
|
7018
|
+
ip.v6 = function(options) {
|
|
7019
|
+
return options && options.exact ? v6exact : new RegExp("" + b(options) + v6 + b(options), "g");
|
|
7020
|
+
};
|
|
7021
|
+
var protocol = "(?:(?:[a-z]+:)?//)";
|
|
7022
|
+
var auth = "(?:\\S+(?::\\S*)?@)?";
|
|
7023
|
+
var ipv4 = ip.v4().source;
|
|
7024
|
+
var ipv6 = ip.v6().source;
|
|
7025
|
+
var host = "(?:(?:[a-z\\u00a1-\\uffff0-9][-_]*)*[a-z\\u00a1-\\uffff0-9]+)";
|
|
7026
|
+
var domain = "(?:\\.(?:[a-z\\u00a1-\\uffff0-9]-*)*[a-z\\u00a1-\\uffff0-9]+)*";
|
|
7027
|
+
var tld = "(?:\\.(?:[a-z\\u00a1-\\uffff]{2,}))";
|
|
7028
|
+
var port = "(?::\\d{2,5})?";
|
|
7029
|
+
var path = '(?:[/?#][^\\s"]*)?';
|
|
7030
|
+
var regex = "(?:" + protocol + "|www\\.)" + auth + "(?:localhost|" + ipv4 + "|" + ipv6 + "|" + host + domain + tld + ")" + port + path;
|
|
7031
|
+
urlReg = new RegExp("(?:^" + regex + "$)", "i");
|
|
7032
|
+
return urlReg;
|
|
7033
|
+
};
|
|
7022
7034
|
var pattern$2 = {
|
|
7023
7035
|
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,}))$/,
|
|
7024
|
-
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"),
|
|
7025
7036
|
hex: /^#?([a-f0-9]{6}|[a-f0-9]{3})$/i
|
|
7026
7037
|
};
|
|
7027
7038
|
var types = {
|
|
@@ -7063,7 +7074,7 @@ var types = {
|
|
|
7063
7074
|
return typeof value === "string" && value.length <= 320 && !!value.match(pattern$2.email);
|
|
7064
7075
|
},
|
|
7065
7076
|
url: function url(value) {
|
|
7066
|
-
return typeof value === "string" && value.length <= 2048 && !!value.match(
|
|
7077
|
+
return typeof value === "string" && value.length <= 2048 && !!value.match(getUrlRegex());
|
|
7067
7078
|
},
|
|
7068
7079
|
hex: function hex(value) {
|
|
7069
7080
|
return typeof value === "string" && !!value.match(pattern$2.hex);
|
|
@@ -7638,7 +7649,17 @@ var Schema = /* @__PURE__ */ function() {
|
|
|
7638
7649
|
if (rule.asyncValidator) {
|
|
7639
7650
|
res = rule.asyncValidator(rule, data.value, cb, data.source, options);
|
|
7640
7651
|
} else if (rule.validator) {
|
|
7641
|
-
|
|
7652
|
+
try {
|
|
7653
|
+
res = rule.validator(rule, data.value, cb, data.source, options);
|
|
7654
|
+
} catch (error) {
|
|
7655
|
+
console.error == null ? void 0 : console.error(error);
|
|
7656
|
+
if (!options.suppressValidatorError) {
|
|
7657
|
+
setTimeout(function() {
|
|
7658
|
+
throw error;
|
|
7659
|
+
}, 0);
|
|
7660
|
+
}
|
|
7661
|
+
cb(error.message);
|
|
7662
|
+
}
|
|
7642
7663
|
if (res === true) {
|
|
7643
7664
|
cb();
|
|
7644
7665
|
} else if (res === false) {
|
|
@@ -7759,10 +7780,7 @@ function useFormItemValidate(props, _rules) {
|
|
|
7759
7780
|
} else {
|
|
7760
7781
|
return rule.trigger === triggerVal;
|
|
7761
7782
|
}
|
|
7762
|
-
}).map((
|
|
7763
|
-
var rule = __objRest(_a, []);
|
|
7764
|
-
return rule;
|
|
7765
|
-
});
|
|
7783
|
+
}).map(({ ...rule }) => rule);
|
|
7766
7784
|
};
|
|
7767
7785
|
const onValidateSuccess = () => {
|
|
7768
7786
|
validateState.value = "success";
|
|
@@ -7835,15 +7853,12 @@ defineComponent({
|
|
|
7835
7853
|
props: formItemProps,
|
|
7836
7854
|
setup(props, ctx) {
|
|
7837
7855
|
const formContext = inject(FORM_TOKEN);
|
|
7838
|
-
const
|
|
7856
|
+
const {
|
|
7839
7857
|
messageType: itemMessageType,
|
|
7840
7858
|
popPosition: itemPopPosition,
|
|
7841
|
-
showFeedback: itemShowFeedback
|
|
7842
|
-
|
|
7843
|
-
|
|
7844
|
-
"popPosition",
|
|
7845
|
-
"showFeedback"
|
|
7846
|
-
]);
|
|
7859
|
+
showFeedback: itemShowFeedback,
|
|
7860
|
+
...otherProps
|
|
7861
|
+
} = toRefs(props);
|
|
7847
7862
|
const {
|
|
7848
7863
|
label,
|
|
7849
7864
|
helpTips,
|
|
@@ -7873,7 +7888,8 @@ defineComponent({
|
|
|
7873
7888
|
labelAlign: formContext.labelAlign
|
|
7874
7889
|
}));
|
|
7875
7890
|
provide(LABEL_DATA, labelData);
|
|
7876
|
-
const context = reactive(
|
|
7891
|
+
const context = reactive({
|
|
7892
|
+
...otherProps,
|
|
7877
7893
|
showFeedback,
|
|
7878
7894
|
messageType,
|
|
7879
7895
|
popPosition,
|
|
@@ -7883,7 +7899,7 @@ defineComponent({
|
|
|
7883
7899
|
validate,
|
|
7884
7900
|
resetField,
|
|
7885
7901
|
clearValidate
|
|
7886
|
-
})
|
|
7902
|
+
});
|
|
7887
7903
|
provide(FORM_ITEM_TOKEN, context);
|
|
7888
7904
|
ctx.expose({
|
|
7889
7905
|
resetField,
|
|
@@ -7908,8 +7924,8 @@ defineComponent({
|
|
|
7908
7924
|
"extra-info": extraInfo.value
|
|
7909
7925
|
}, {
|
|
7910
7926
|
default: () => {
|
|
7911
|
-
var
|
|
7912
|
-
return [(_b = (
|
|
7927
|
+
var _a, _b;
|
|
7928
|
+
return [(_b = (_a = ctx.slots).default) == null ? void 0 : _b.call(_a)];
|
|
7913
7929
|
}
|
|
7914
7930
|
})]);
|
|
7915
7931
|
}
|
|
@@ -7947,7 +7963,7 @@ function useInputRender(props, ctx) {
|
|
|
7947
7963
|
const slots = ctx.slots;
|
|
7948
7964
|
const inputDisabled = computed(() => disabled.value || (formContext == null ? void 0 : formContext.disabled));
|
|
7949
7965
|
const inputSize = computed(() => (size == null ? void 0 : size.value) || (formContext == null ? void 0 : formContext.size) || "");
|
|
7950
|
-
const
|
|
7966
|
+
const { style, class: customClass, ...otherAttrs } = ctx.attrs;
|
|
7951
7967
|
const customStyle = { style };
|
|
7952
7968
|
const wrapClasses = computed(() => ({
|
|
7953
7969
|
[ns2.e("wrapper")]: true,
|