vue-devui 1.0.0-rc.2 → 1.0.0-rc.3
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 +129 -126
- package/auto-complete/index.es.js +98 -43
- package/auto-complete/index.umd.js +5 -3
- package/auto-complete/style.css +1 -1
- package/avatar/index.es.js +77 -81
- package/avatar/index.umd.js +1 -1
- package/button/index.es.js +4 -3
- package/button/index.umd.js +1 -1
- package/card/index.es.js +3 -6
- package/card/index.umd.js +1 -1
- package/checkbox/index.es.js +5 -11
- package/checkbox/index.umd.js +1 -1
- package/comment/index.es.js +2 -5
- package/comment/index.umd.js +1 -1
- package/countdown/index.es.js +3 -6
- package/countdown/index.umd.js +1 -1
- package/editable-select/index.es.js +2 -5
- package/editable-select/index.umd.js +1 -1
- package/grid/index.es.js +30 -36
- package/grid/index.umd.js +1 -1
- package/image-preview/index.es.js +19 -19
- package/image-preview/index.umd.js +1 -1
- package/input/index.es.js +2 -5
- package/input/index.umd.js +1 -1
- package/layout/index.es.js +6 -21
- package/layout/index.umd.js +1 -1
- package/loading/index.es.js +20 -12
- package/loading/index.umd.js +1 -1
- package/modal/index.es.js +54 -46
- package/modal/index.umd.js +1 -1
- package/nuxt/components/DropdownPropsKey.js +3 -0
- package/nuxt/components/autoCompleteProps.js +3 -0
- package/nuxt/components/avatarProps.js +3 -0
- package/nuxt/components/cardProps.js +3 -0
- package/nuxt/components/checkboxGroupInjectionKey.js +3 -0
- package/nuxt/components/checkboxGroupProps.js +3 -0
- package/nuxt/components/checkboxProps.js +3 -0
- package/nuxt/components/colProps.js +3 -0
- package/nuxt/components/colPropsBaseClass.js +3 -0
- package/nuxt/components/colPropsBaseStyle.js +3 -0
- package/nuxt/components/commentProps.js +3 -0
- package/nuxt/components/countdownProps.js +3 -0
- package/nuxt/components/editableSelectProps.js +3 -0
- package/nuxt/components/imagePreviewProps.js +3 -0
- package/nuxt/components/inputProps.js +3 -0
- package/nuxt/components/progressProps.js +3 -0
- package/nuxt/components/rateProps.js +3 -0
- package/nuxt/components/readTipProps.js +3 -0
- package/nuxt/components/resultProps.js +3 -0
- package/nuxt/components/rowProps.js +3 -0
- package/nuxt/components/screenSizes.js +3 -0
- package/nuxt/components/skeletonProps.js +3 -0
- package/nuxt/components/splitterProps.js +3 -0
- package/nuxt/components/statisticProps.js +3 -0
- package/nuxt/components/switchProps.js +3 -0
- package/nuxt/components/tagInputProps.js +3 -0
- package/nuxt/components/textareaProps.js +3 -0
- package/nuxt/components/timeAxisProps.js +3 -0
- package/overlay/index.es.js +5 -5
- package/overlay/index.umd.js +1 -1
- package/package.json +1 -1
- package/pagination/index.es.js +14 -13
- package/pagination/index.umd.js +1 -1
- package/popover/index.es.js +5 -5
- package/popover/index.umd.js +12 -12
- package/progress/index.es.js +33 -35
- package/progress/index.umd.js +3 -3
- package/rate/index.es.js +4 -7
- package/rate/index.umd.js +1 -1
- package/read-tip/index.es.js +2 -5
- package/read-tip/index.umd.js +1 -1
- package/result/index.es.js +2 -5
- package/result/index.umd.js +1 -1
- package/search/index.es.js +11 -11
- package/search/index.umd.js +8 -8
- package/skeleton/index.es.js +3 -6
- package/skeleton/index.umd.js +1 -1
- package/splitter/index.es.js +8 -11
- package/splitter/index.umd.js +15 -15
- package/statistic/index.es.js +7 -18
- package/statistic/index.umd.js +1 -1
- package/style.css +1 -1
- package/switch/index.es.js +3 -6
- package/switch/index.umd.js +1 -1
- package/tag-input/index.es.js +3 -6
- package/tag-input/index.umd.js +1 -1
- package/textarea/index.es.js +2 -5
- package/textarea/index.umd.js +1 -1
- package/timeline/index.es.js +8 -14
- package/timeline/index.umd.js +1 -1
- package/upload/index.es.js +60 -57
- package/upload/index.umd.js +1 -1
- package/vue-devui.es.js +11986 -24782
- package/vue-devui.umd.js +24 -22
package/progress/index.es.js
CHANGED
|
@@ -1,37 +1,38 @@
|
|
|
1
1
|
import { defineComponent, toRefs, reactive, watch, createVNode, createTextVNode } from "vue";
|
|
2
|
+
const progressProps = {
|
|
3
|
+
height: {
|
|
4
|
+
type: String,
|
|
5
|
+
default: "20px"
|
|
6
|
+
},
|
|
7
|
+
percentage: {
|
|
8
|
+
type: Number,
|
|
9
|
+
default: 0
|
|
10
|
+
},
|
|
11
|
+
percentageText: {
|
|
12
|
+
type: String,
|
|
13
|
+
default: ""
|
|
14
|
+
},
|
|
15
|
+
barBgColor: {
|
|
16
|
+
type: String,
|
|
17
|
+
default: "#5170ff"
|
|
18
|
+
},
|
|
19
|
+
isCircle: {
|
|
20
|
+
type: Boolean,
|
|
21
|
+
default: false
|
|
22
|
+
},
|
|
23
|
+
strokeWidth: {
|
|
24
|
+
type: Number,
|
|
25
|
+
default: 6
|
|
26
|
+
},
|
|
27
|
+
showContent: {
|
|
28
|
+
type: Boolean,
|
|
29
|
+
default: true
|
|
30
|
+
}
|
|
31
|
+
};
|
|
2
32
|
var progress = "";
|
|
3
33
|
var Progress = defineComponent({
|
|
4
34
|
name: "DProgress",
|
|
5
|
-
props:
|
|
6
|
-
height: {
|
|
7
|
-
type: String,
|
|
8
|
-
default: "20px"
|
|
9
|
-
},
|
|
10
|
-
percentage: {
|
|
11
|
-
type: Number,
|
|
12
|
-
default: 0
|
|
13
|
-
},
|
|
14
|
-
percentageText: {
|
|
15
|
-
type: String,
|
|
16
|
-
default: ""
|
|
17
|
-
},
|
|
18
|
-
barBgColor: {
|
|
19
|
-
type: String,
|
|
20
|
-
default: "#5170ff"
|
|
21
|
-
},
|
|
22
|
-
isCircle: {
|
|
23
|
-
type: Boolean,
|
|
24
|
-
default: false
|
|
25
|
-
},
|
|
26
|
-
strokeWidth: {
|
|
27
|
-
type: Number,
|
|
28
|
-
default: 6
|
|
29
|
-
},
|
|
30
|
-
showContent: {
|
|
31
|
-
type: Boolean,
|
|
32
|
-
default: true
|
|
33
|
-
}
|
|
34
|
-
},
|
|
35
|
+
props: progressProps,
|
|
35
36
|
setup(props) {
|
|
36
37
|
const {
|
|
37
38
|
height,
|
|
@@ -139,15 +140,12 @@ var Progress = defineComponent({
|
|
|
139
140
|
}, [!isCircle ? progressLine : progressCircle]);
|
|
140
141
|
}
|
|
141
142
|
});
|
|
142
|
-
Progress.install = function(app) {
|
|
143
|
-
app.component(Progress.name, Progress);
|
|
144
|
-
};
|
|
145
143
|
var index = {
|
|
146
144
|
title: "Progress \u8FDB\u5EA6\u6761",
|
|
147
145
|
category: "\u6570\u636E\u5C55\u793A",
|
|
148
146
|
status: "100%",
|
|
149
147
|
install(app) {
|
|
150
|
-
app.
|
|
148
|
+
app.component(Progress.name, Progress);
|
|
151
149
|
}
|
|
152
150
|
};
|
|
153
|
-
export { Progress, index as default };
|
|
151
|
+
export { Progress, index as default, progressProps };
|
package/progress/index.umd.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
(function(
|
|
2
|
-
a ${o},${o} 0 1 1 0,${-
|
|
3
|
-
a ${o},${o} 0 1 1 0,${
|
|
1
|
+
(function(t,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(t=typeof globalThis!="undefined"?globalThis:t||self,e(t.index={},t.Vue))})(this,function(t,e){"use strict";const y={height:{type:String,default:"20px"},percentage:{type:Number,default:0},percentageText:{type:String,default:""},barBgColor:{type:String,default:"#5170ff"},isCircle:{type:Boolean,default:!1},strokeWidth:{type:Number,default:6},showContent:{type:Boolean,default:!0}};var C="",f=e.defineComponent({name:"DProgress",props:y,setup(s){const{height:i,percentage:c,percentageText:p,barBgColor:u,isCircle:n,strokeWidth:d,showContent:a}=e.toRefs(s),r=e.reactive({pathString:"",trailPath:null,strokePath:null}),h=()=>{if(!n)return;const o=50-d.value/2,k=-o,l=o*-2;r.pathString=`M 50,50 m 0,${k}
|
|
2
|
+
a ${o},${o} 0 1 1 0,${-l}
|
|
3
|
+
a ${o},${o} 0 1 1 0,${l}`;const g=Math.PI*2*o;r.trailPath={stroke:"var(--devui-dividing-line, #dfe1e6)",strokeDasharray:`${g}px ${g}px`,strokeDashoffset:"0",transition:"stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s"},r.strokePath={stroke:u||null,strokeDasharray:`${c.value/100*g}px ${g}px`,strokeDashoffset:"0",transition:"stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s"}};return h(),e.watch([i,c,p,u,n,d,a],()=>{h()}),{data:r}},render(){var l;const{height:s,percentage:i,percentageText:c,barBgColor:p,isCircle:u,strokeWidth:n,showContent:d,data:a,$slots:r}=this,h=e.createVNode("div",{class:"devui-progress--line",style:{height:s,borderRadius:s}},[e.createVNode("div",{class:"devui-progress-bar",style:{height:s,borderRadius:s,width:`${i}%`,backgroundColor:p}},null),e.createVNode("span",{style:{lineHeight:s}},[c])]),o=e.createVNode("span",{class:"devui-progress-circle-text"},[i,e.createTextVNode("%")]),k=e.createVNode("div",{class:"devui-progress-circle"},[e.createVNode("svg",{class:"devui-progress-circle",viewBox:"0 0 100 100"},[e.createVNode("path",{class:"devui-progress-circle-trail","fill-opacity":"0","stroke-width":n,style:a.trailPath,d:a.pathString},null),e.createVNode("path",{class:"devui-progress-circle-path",d:a.pathString,"stroke-linecap":"round","fill-opacity":"0",stroke:p,"stroke-width":i?n:0,style:a.strokePath},null)]),d&&((l=r.default)==null?void 0:l.call(r)),d&&!r.default&&o]);return e.createVNode("div",{class:"devui-progress"},[u?k:h])}}),P={title:"Progress \u8FDB\u5EA6\u6761",category:"\u6570\u636E\u5C55\u793A",status:"100%",install(s){s.component(f.name,f)}};t.Progress=f,t.default=P,t.progressProps=y,Object.defineProperty(t,"__esModule",{value:!0}),t[Symbol.toStringTag]="Module"});
|
package/rate/index.es.js
CHANGED
|
@@ -166,7 +166,7 @@ var Rate = defineComponent({
|
|
|
166
166
|
"fill": "#E3E5E9",
|
|
167
167
|
"id": "Mask"
|
|
168
168
|
}, [createVNode("polygon", {
|
|
169
|
-
"points": "8 12.7603585 3.67376208 14.3147912 3.81523437 9.71994835
|
|
169
|
+
"points": "8 12.7603585 3.67376208 14.3147912 3.81523437 9.71994835 1 6.0857977 5.41367261 4.80046131 8 1 10.5863274 4.80046131 15 6.0857977 12.1847656 9.71994835 12.3262379 14.3147912"
|
|
170
170
|
}, null)])])])]), icon && !character && createVNode("span", {
|
|
171
171
|
"class": `devui-star-color-active devui-active-star devui-star-color-${type}`,
|
|
172
172
|
"style": {
|
|
@@ -202,19 +202,16 @@ var Rate = defineComponent({
|
|
|
202
202
|
}, [createVNode("g", {
|
|
203
203
|
"id": "Mask"
|
|
204
204
|
}, [createVNode("polygon", {
|
|
205
|
-
"points": "8 12.7603585 3.67376208 14.3147912 3.81523437 9.71994835 1
|
|
205
|
+
"points": "8 12.7603585 3.67376208 14.3147912 3.81523437 9.71994835 1 6.0857977 5.41367261 4.80046131 8 1 10.5863274 4.80046131 15 6.0857977 12.1847656 9.71994835 12.3262379 14.3147912"
|
|
206
206
|
}, null)])])])])]))]);
|
|
207
207
|
}
|
|
208
208
|
});
|
|
209
|
-
Rate.install = function(app) {
|
|
210
|
-
app.component(Rate.name, Rate);
|
|
211
|
-
};
|
|
212
209
|
var index = {
|
|
213
210
|
title: "Rate \u8BC4\u5206",
|
|
214
211
|
category: "\u6570\u636E\u5C55\u793A",
|
|
215
212
|
status: "100%",
|
|
216
213
|
install(app) {
|
|
217
|
-
app.
|
|
214
|
+
app.component(Rate.name, Rate);
|
|
218
215
|
}
|
|
219
216
|
};
|
|
220
|
-
export { Rate, index as default };
|
|
217
|
+
export { Rate, index as default, rateProps };
|
package/rate/index.umd.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(i,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(i=typeof globalThis!="undefined"?globalThis:i||self,t(i.index={},i.Vue))})(this,function(i,t){"use strict";const g={modelValue:{type:Number},read:{type:Boolean,default:!1},count:{type:Number,default:5},type:{type:String,default:""},color:{type:String,default:""},icon:{type:String,default:""},character:{type:String,default:""},allowHalf:{type:Boolean,default:!1},onChange:{type:Function,default:void 0},onTouched:{type:Function,default:void 0}};var V="",
|
|
1
|
+
(function(i,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(i=typeof globalThis!="undefined"?globalThis:i||self,t(i.index={},i.Vue))})(this,function(i,t){"use strict";const g={modelValue:{type:Number},read:{type:Boolean,default:!1},count:{type:Number,default:5},type:{type:String,default:""},color:{type:String,default:""},icon:{type:String,default:""},character:{type:String,default:""},allowHalf:{type:Boolean,default:!1},onChange:{type:Function,default:void 0},onTouched:{type:Function,default:void 0}};var V="",f=t.defineComponent({name:"DRate",props:g,emits:["change","update:modelValue"],setup(o,h){const r=t.reactive([]),a=t.ref(0),l=(n,e,c)=>{for(let s=n;s<e;s++)r[s].width=c},d=()=>{if(!o.modelValue)return;a.value=o.modelValue-1;const n=a.value%1,e=Math.floor(a.value);l(0,e+1,"100%"),n>0?(r[e+1].width=n*100+"%",l(e+2,o.count,"0")):l(e+1,o.count,"0")};return t.onMounted(()=>{for(let n=0;n<o.count;n++)r.push({width:"0"});d()}),{totalLevelArray:r,chooseValue:a,hoverToggle:(n,e,c=!1)=>{o.read||(c?a.value>=0?(l(0,a.value+1,"100%"),l(a.value+1,o.count,"0")):l(0,o.count,"0"):(l(0,e+1,"100%"),o.allowHalf&&n.offsetX*2<=n.target.clientWidth?l(e,e+1,"50%"):l(e,e+1,"100%"),l(e+1,o.count,"0")))},selectValue:(n,e)=>{o.read||(l(0,e,"100%"),o.allowHalf&&n.offsetX*2<=n.target.clientWidth?(l(e,e+1,"50%"),a.value=e-.5):(l(e,e+1,"100%"),a.value=e),l(e+1,o.count,"0"),e=a.value,o.onChange&&o.onChange(e+1),o.onTouched&&o.onTouched(),h.emit("update:modelValue",e+1))}}},render(){const{totalLevelArray:o,chooseValue:h,icon:r,character:a,read:l,type:d,color:u,hoverToggle:v,selectValue:n}=this;return t.createVNode("div",{class:"devui-star-container",onMouseleave:e=>v(e,h,!0)},[o.map((e,c)=>t.createVNode("div",{class:`devui-star-align devui-pointer ${l?"devui-only-read":""}`,key:c,onMouseover:s=>v(s,c),onClick:s=>n(s,c)},[r&&!a&&t.createVNode("span",{class:"devui-star-color"},[t.createVNode(t.resolveComponent("d-icon"),{name:r},null)]),a&&!r&&t.createVNode("span",{class:"devui-star-color"},[a]),!r&&!a&&t.createVNode("span",{class:"devui-star-color"},[t.createVNode("svg",{width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns-xlink":"http://www.w3.org/1999/xlink"},[t.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[t.createVNode("g",{fill:"#E3E5E9",id:"Mask"},[t.createVNode("polygon",{points:"8 12.7603585 3.67376208 14.3147912 3.81523437 9.71994835 1 6.0857977 5.41367261 4.80046131 8 1 10.5863274 4.80046131 15 6.0857977 12.1847656 9.71994835 12.3262379 14.3147912"},null)])])])]),r&&!a&&t.createVNode("span",{class:`devui-star-color-active devui-active-star devui-star-color-${d}`,style:{width:e.width}},[t.createVNode(t.resolveComponent("d-icon"),{name:r,color:u},null)]),a&&!r&&t.createVNode("span",{class:`devui-star-color-active devui-active-star devui-star-color-${d}`,style:{color:u,width:e.width}},[a]),!a&&!r&&t.createVNode("span",{class:`devui-star-color-active devui-active-star devui-star-color-${d}`,style:{color:u,width:e.width}},[t.createVNode("svg",{width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns-xlink":"http://www.w3.org/1999/xlink"},[t.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[t.createVNode("g",{id:"Mask"},[t.createVNode("polygon",{points:"8 12.7603585 3.67376208 14.3147912 3.81523437 9.71994835 1 6.0857977 5.41367261 4.80046131 8 1 10.5863274 4.80046131 15 6.0857977 12.1847656 9.71994835 12.3262379 14.3147912"},null)])])])])]))])}}),w={title:"Rate \u8BC4\u5206",category:"\u6570\u636E\u5C55\u793A",status:"100%",install(o){o.component(f.name,f)}};i.Rate=f,i.default=w,i.rateProps=g,Object.defineProperty(i,"__esModule",{value:!0}),i[Symbol.toStringTag]="Module"});
|
package/read-tip/index.es.js
CHANGED
|
@@ -247,15 +247,12 @@ var ReadTip = defineComponent({
|
|
|
247
247
|
};
|
|
248
248
|
}
|
|
249
249
|
});
|
|
250
|
-
ReadTip.install = function(app) {
|
|
251
|
-
app.component(ReadTip.name, ReadTip);
|
|
252
|
-
};
|
|
253
250
|
var index = {
|
|
254
251
|
title: "ReadTip \u9605\u8BFB\u63D0\u793A",
|
|
255
252
|
category: "\u53CD\u9988",
|
|
256
253
|
status: "100%",
|
|
257
254
|
install(app) {
|
|
258
|
-
app.
|
|
255
|
+
app.component(ReadTip.name, ReadTip);
|
|
259
256
|
}
|
|
260
257
|
};
|
|
261
|
-
export { ReadTip, index as default };
|
|
258
|
+
export { ReadTip, index as default, readTipProps };
|
package/read-tip/index.umd.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var q=Object.defineProperty;var k=Object.getOwnPropertySymbols;var D=Object.prototype.hasOwnProperty,O=Object.prototype.propertyIsEnumerable;var w=(
|
|
1
|
+
var q=Object.defineProperty;var k=Object.getOwnPropertySymbols;var D=Object.prototype.hasOwnProperty,O=Object.prototype.propertyIsEnumerable;var w=(i,e,d)=>e in i?q(i,e,{enumerable:!0,configurable:!0,writable:!0,value:d}):i[e]=d,T=(i,e)=>{for(var d in e||(e={}))D.call(e,d)&&w(i,d,e[d]);if(k)for(var d of k(e))O.call(e,d)&&w(i,d,e[d]);return i};(function(i,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(i=typeof globalThis!="undefined"?globalThis:i||self,e(i.index={},i.Vue))})(this,function(i,e){"use strict";const d={readTipOptions:{type:Object},defaultTemplateProps:{type:Object}};var E="",A=e.defineComponent({name:"DReadTipTemplate",props:d,emits:[],setup(h,v){const{defaultTemplateProps:b}=e.toRefs(h);let n=b.value;const l=(n==null?void 0:n.id)?`#${n.id}`:n.selector,c=e.reactive({});if(typeof n.dataFn=="function"){const a=n.dataFn({element:document.querySelector(l),rule:n});n=T(T({},n),a)}const B=e.ref(null),g=a=>{let y=a>24?0:-(a/2)+2;return a<=10&&(y=-10),y};return e.onMounted(()=>{const a=document.querySelector(l).getBoundingClientRect(),{width:y,height:p}=a,f=10;let m=0;const t=g(p),s=g(y);let o=0;const r=document.querySelector(".read-tip-container").getBoundingClientRect();switch(n.appendToBody&&(m=a.y+document.documentElement.scrollTop,o=a.x),n.position){case"top":c.top=m-r.height-f+"px",c.left=o+s+"px";break;case"left":c.top=m+t+"px",c.left=o-r.width-f+"px";break;case"bottom":c.top=m+a.height+f+"px",c.left=o+s+"px";break;case"right":c.top=m+t+"px",c.left=o+a.width+f+"px";break}}),()=>e.createVNode(e.Teleport,{to:n.appendToBody?"body":l},{default:()=>{var a;return[e.createVNode("div",{ref:B,class:["read-tip-container",n.position,n.overlayClassName],style:c},[e.createVNode("span",{class:"after"},null),n.contentTemplate?(a=v.slots)==null?void 0:a.default():e.createVNode(e.Fragment,null,[e.createVNode("div",{class:"title"},[n.title]),e.createVNode("div",{class:"content"},[n.content])])])]}})}}),C=e.defineComponent({name:"DReadTip",props:d,emits:[],setup(h,v){const n=T(T({},{trigger:"hover",showAnimate:!1,mouseenterTime:100,mouseleaveTime:100,position:"top",overlayClassName:"",appendToBody:!0,rules:{selector:null}}),h.readTipOptions),l=e.ref(null),c=t=>()=>{setTimeout(()=>{if(t.id){const s=p.find(o=>o.id===t.id);s.status=!0}t.status=!0},t.mouseenterTime||n.mouseenterTime)},B=t=>()=>{setTimeout(()=>{if(t.id){const s=p.find(o=>o.id===t.id);s.status=!1}t.status=!1},t.mouseleaveTime||n.mouseleaveTime)},g=(t,s="hover")=>(t.map(o=>{o.status=!1,s=o.trigger||s,o.overlayClassName=o.overlayClassName||n.overlayClassName,o.position=o.position||n.position,o.contentTemplate=!!v.slots.contentTemplate,"appendToBody"in o||(o.appendToBody=n.appendToBody),[...l.value.querySelectorAll(o.selector)].map((N,V)=>{o.appendToBody===!1&&(N.style.position="relative");let u=e.reactive({id:null});const R=o.selector.slice(o.selector[0]==="."?1:0)+V;V>0&&(u=T({},o),N.id=R,u.id=R,t.push(u)),s==="hover"&&(N.addEventListener("mouseenter",c(u.id?u:o)),N.addEventListener("mouseleave",B(u.id?u:o)))})}),t);function a(t,s){s.status=!0}const y=t=>{if(t!==null)return typeof t=="object"&&!Array.isArray(t)&&(t=[t]),t=[...t],Array.isArray(t)&&t.map(s=>{s.status=!1}),t},p=e.reactive(y(n.rules)),f=()=>{p.forEach(t=>{t.status=!1})};e.onMounted(()=>{g(p,n.trigger),document.addEventListener("click",f,!0)}),e.onUnmounted(()=>{document.removeEventListener("click",f)});const m=t=>{for(const s of p){const o=l.value.querySelectorAll(s.selector);for(const r of o)if(o.length>1){if(r===t.target&&s.id){a(r,s);return}else if(r===t.target&&!s.id&&!r.id){a(r,s);return}}else if(r===t.target){a(r,s);return}else s.status=!1}};return()=>{var t;return e.createVNode("div",{class:"devui-read-tip"},[e.createVNode("div",{ref:l,onClick:m},[(t=v.slots)==null?void 0:t.default()]),p.map(s=>e.createVNode("div",{"data-test":"todo"},[s.status&&e.createVNode(A,{defaultTemplateProps:T({},s)},{default:()=>{var o;return[s.contentTemplate&&((o=v.slots)==null?void 0:o.contentTemplate())]}})]))])}}}),S={title:"ReadTip \u9605\u8BFB\u63D0\u793A",category:"\u53CD\u9988",status:"100%",install(h){h.component(C.name,C)}};i.ReadTip=C,i.default=S,i.readTipProps=d,Object.defineProperty(i,"__esModule",{value:!0}),i[Symbol.toStringTag]="Module"});
|
package/result/index.es.js
CHANGED
|
@@ -90,15 +90,12 @@ var Result = defineComponent({
|
|
|
90
90
|
};
|
|
91
91
|
}
|
|
92
92
|
});
|
|
93
|
-
Result.install = function(app) {
|
|
94
|
-
app.component(Result.name, Result);
|
|
95
|
-
};
|
|
96
93
|
var index = {
|
|
97
94
|
title: "Result \u7ED3\u679C",
|
|
98
95
|
category: "\u53CD\u9988",
|
|
99
96
|
status: "100%",
|
|
100
97
|
install(app) {
|
|
101
|
-
app.
|
|
98
|
+
app.component(Result.name, Result);
|
|
102
99
|
}
|
|
103
100
|
};
|
|
104
|
-
export { Result, index as default };
|
|
101
|
+
export { Result, index as default, resultProps };
|
package/result/index.umd.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(
|
|
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 u={icon:{type:String,default:"info"},title:{type:String,default:""},desc:{type:String,default:""}},c={name:{type:String,default:"",required:!0},size:{type:String,default:"inherit"},color:{type:String,default:"inherit"},classPrefix:{type:String,default:"icon"}};var f=e.defineComponent({name:"DIcon",props:c,setup(i){const{name:t,size:n,color:l,classPrefix:o}=e.toRefs(i);return()=>/^((https?):)?\/\//.test(t.value)?e.createVNode("img",{src:t.value,alt:t.value.split("/")[t.value.split("/").length-1],style:{width:n.value,verticalAlign:"text-bottom"}},null):e.createVNode("i",{class:`${o.value} ${o.value}-${t.value}`,style:{fontSize:n.value,color:l.value}},null)}}),v="",r=e.defineComponent({name:"DResult",props:u,setup(i,t){let n;return function(l){l.success="right-o",l.danger="error-o",l.warning="warning-o",l.info="info-o"}(n||(n={})),()=>{var l,o,a,d;return e.createVNode("div",{class:"devui-result"},[t.slots.icon?e.createVNode("div",null,[(l=t.slots)==null?void 0:l.icon()]):e.createVNode(f,{name:n[i.icon]||"",class:`devui-result__icon-${i.icon}`,size:"64px"},null),e.createVNode("div",{class:"devui-result__title"},[t.slots.title?(o=t.slots)==null?void 0:o.title():i.title]),e.createVNode("div",{class:"devui-result__desc"},[t.slots.desc?(a=t.slots)==null?void 0:a.desc():i.desc]),e.createVNode("div",{class:"devui-result__extra"},[t.slots.extra?(d=t.slots)==null?void 0:d.extra():""])])}}}),p={title:"Result \u7ED3\u679C",category:"\u53CD\u9988",status:"100%",install(i){i.component(r.name,r)}};s.Result=r,s.default=p,s.resultProps=u,Object.defineProperty(s,"__esModule",{value:!0}),s[Symbol.toStringTag]="Module"});
|
package/search/index.es.js
CHANGED
|
@@ -5723,6 +5723,16 @@ var Search = defineComponent({
|
|
|
5723
5723
|
ctx.emit("update:modelValue", event);
|
|
5724
5724
|
};
|
|
5725
5725
|
return () => {
|
|
5726
|
+
const inputProps2 = {
|
|
5727
|
+
size: props.size,
|
|
5728
|
+
disabled: props.disabled,
|
|
5729
|
+
autoFocus: props.autoFocus,
|
|
5730
|
+
modelValue: keywords.value,
|
|
5731
|
+
placeholder: props.placeholder,
|
|
5732
|
+
cssClass: props.cssClass,
|
|
5733
|
+
onKeydown: onInputKeydown,
|
|
5734
|
+
"onUpdate:modelValue": onInputUpdate
|
|
5735
|
+
};
|
|
5726
5736
|
return createVNode("div", {
|
|
5727
5737
|
"class": rootClasses.value
|
|
5728
5738
|
}, [props.iconPosition === "left" && createVNode("div", {
|
|
@@ -5732,17 +5742,7 @@ var Search = defineComponent({
|
|
|
5732
5742
|
"name": "search",
|
|
5733
5743
|
"size": "inherit",
|
|
5734
5744
|
"key": "search"
|
|
5735
|
-
}, null)]), createVNode(DInput, {
|
|
5736
|
-
"size": props.size,
|
|
5737
|
-
"disabled": props.disabled,
|
|
5738
|
-
"autoFocus": props.autoFocus,
|
|
5739
|
-
"modelValue": keywords.value,
|
|
5740
|
-
"maxLength": props.maxLength,
|
|
5741
|
-
"placeholder": props.placeholder,
|
|
5742
|
-
"cssClass": props.cssClass,
|
|
5743
|
-
"onKeydown": onInputKeydown,
|
|
5744
|
-
"onUpdate:modelValue": onInputUpdate
|
|
5745
|
-
}, null), clearIconShow.value && createVNode("div", {
|
|
5745
|
+
}, null)]), createVNode(DInput, inputProps2, null), clearIconShow.value && createVNode("div", {
|
|
5746
5746
|
"class": "devui-search__clear",
|
|
5747
5747
|
"onClick": onClearHandle
|
|
5748
5748
|
}, [createVNode(resolveComponent("d-icon"), {
|