vue-devui 1.6.4 → 1.6.5
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/auto-complete/index.es.js +1 -2
- package/auto-complete/index.umd.js +1 -1
- package/breadcrumb/index.es.js +2 -15
- package/breadcrumb/index.umd.js +1 -1
- package/button/index.es.js +1 -2
- package/button/index.umd.js +1 -1
- package/carousel/index.es.js +36 -213
- package/carousel/index.umd.js +1 -1
- package/carousel/style.css +1 -1
- package/category-search/index.es.js +3 -17
- package/category-search/index.umd.js +10 -10
- package/collapse/index.es.js +15 -18
- package/collapse/index.umd.js +5 -5
- package/data-grid/index.es.js +3 -17
- package/data-grid/index.umd.js +6 -6
- package/date-picker-pro/index.es.js +21 -6
- package/date-picker-pro/index.umd.js +12 -12
- package/date-picker-pro/style.css +1 -1
- package/dropdown/index.es.js +2 -15
- package/dropdown/index.umd.js +1 -1
- package/editable-select/index.es.js +2 -3
- package/editable-select/index.umd.js +2 -2
- package/editor-md/index.es.js +32 -18
- package/editor-md/index.umd.js +15 -15
- package/icon/index.es.js +1 -2
- package/icon/index.umd.js +1 -1
- package/input/index.es.js +21 -6
- package/input/index.umd.js +11 -11
- package/input/style.css +1 -1
- package/mention/index.es.js +1 -2
- package/mention/index.umd.js +1 -1
- package/message/index.es.js +1 -2
- package/message/index.umd.js +1 -1
- package/modal/index.es.js +27 -4
- package/modal/index.umd.js +7 -1
- package/modal/style.css +1 -1
- package/notification/index.es.js +1 -2
- package/notification/index.umd.js +2 -2
- package/package.json +1 -1
- package/pagination/index.es.js +55 -253
- package/pagination/index.umd.js +18 -23
- package/pagination/style.css +1 -1
- package/result/index.es.js +1 -2
- package/result/index.umd.js +1 -1
- package/search/index.es.js +48 -27
- package/search/index.umd.js +18 -14
- package/search/style.css +1 -1
- package/select/index.es.js +43 -42
- package/select/index.umd.js +11 -16
- package/select/style.css +1 -1
- package/steps/index.es.js +1 -2
- package/steps/index.umd.js +1 -1
- package/style.css +2 -2
- package/table/index.es.js +3 -17
- package/table/index.umd.js +6 -6
- package/time-picker/index.es.js +21 -6
- package/time-picker/index.umd.js +16 -16
- package/time-picker/style.css +1 -1
- package/time-select/index.es.js +43 -42
- package/time-select/index.umd.js +9 -14
- package/time-select/style.css +1 -1
- package/timeline/index.es.js +1 -2
- package/timeline/index.umd.js +1 -1
- package/types/carousel/src/components/carousel-icons.d.ts +2 -0
- package/types/dropdown/src/use-dropdown.d.ts +1 -1
- package/types/editor-md/src/composables/use-editor-md.d.ts +1 -0
- package/types/editor-md/src/editor-md-types.d.ts +3 -0
- package/types/icon/src/icon-types.d.ts +0 -1
- package/types/modal/src/components/modal-icons.d.ts +1 -0
- package/types/svg-icons/index.d.ts +3 -0
- package/upload/index.es.js +1 -2
- package/upload/index.umd.js +2 -2
- package/vue-devui.es.js +186 -96
- package/vue-devui.umd.js +97 -86
- package/types/search/src/components/search-close-icon.d.ts +0 -2
- package/types/search/src/components/search-icon.d.ts +0 -2
- package/types/select/src/components/select-arrow-icon.d.ts +0 -2
package/collapse/index.es.js
CHANGED
|
@@ -114,29 +114,26 @@ var Collapse = defineComponent({
|
|
|
114
114
|
};
|
|
115
115
|
}
|
|
116
116
|
});
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
width: "
|
|
120
|
-
height: "
|
|
121
|
-
viewBox: "0 0 16 16",
|
|
122
|
-
version: "1.1",
|
|
123
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
124
|
-
|
|
125
|
-
};
|
|
126
|
-
return createVNode("svg", svgProps, [createVNode("g", {
|
|
117
|
+
function SelectArrowIcon() {
|
|
118
|
+
return createVNode("svg", {
|
|
119
|
+
"width": "16px",
|
|
120
|
+
"height": "16px",
|
|
121
|
+
"viewBox": "0 0 16 16",
|
|
122
|
+
"version": "1.1",
|
|
123
|
+
"xmlns": "http://www.w3.org/2000/svg"
|
|
124
|
+
}, [createVNode("g", {
|
|
127
125
|
"stroke": "none",
|
|
128
126
|
"stroke-width": "1",
|
|
129
127
|
"fill": "none",
|
|
130
128
|
"fill-rule": "evenodd"
|
|
131
129
|
}, [createVNode("path", {
|
|
132
|
-
"d": `
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
"fill-rule": "nonzero"
|
|
130
|
+
"d": `M3.64644661,5.64644661 C3.82001296,5.47288026 4.08943736,5.45359511 4.2843055,5.58859116 L4.35355339,5.64644661
|
|
131
|
+
L8,9.293 L11.6464466,5.64644661 C11.820013,5.47288026 12.0894374,5.45359511 12.2843055,5.58859116 L12.3535534,5.64644661
|
|
132
|
+
C12.5271197,5.82001296 12.5464049,6.08943736 12.4114088,6.2843055 L12.3535534,6.35355339 L8.35355339,10.3535534
|
|
133
|
+
C8.17998704,10.5271197 7.91056264,10.5464049 7.7156945,10.4114088 L7.64644661,10.3535534 L3.64644661,6.35355339
|
|
134
|
+
C3.45118446,6.15829124 3.45118446,5.84170876 3.64644661,5.64644661 Z`
|
|
138
135
|
}, null)])]);
|
|
139
|
-
}
|
|
136
|
+
}
|
|
140
137
|
var CollapseItem = defineComponent({
|
|
141
138
|
name: "DCollapseItem",
|
|
142
139
|
props: collapseItemProps,
|
|
@@ -189,7 +186,7 @@ var CollapseItem = defineComponent({
|
|
|
189
186
|
"onClick": handlerTitleClick
|
|
190
187
|
}, [ctx.slots.title ? ctx.slots.title() : props.title, createVNode("span", {
|
|
191
188
|
"class": ns.e("open-icon")
|
|
192
|
-
}, [createVNode(
|
|
189
|
+
}, [createVNode(SelectArrowIcon, null, null)])]), createVNode(Transition, {
|
|
193
190
|
"name": transitionNs.b(),
|
|
194
191
|
"onEnter": enter,
|
|
195
192
|
"onLeave": leave
|
package/collapse/index.umd.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
var T=Object.defineProperty,
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
var T=Object.defineProperty,B=Object.defineProperties;var E=Object.getOwnPropertyDescriptors;var N=Object.getOwnPropertySymbols;var $=Object.prototype.hasOwnProperty,k=Object.prototype.propertyIsEnumerable;var v=(t,e,r)=>e in t?T(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,L=(t,e)=>{for(var r in e||(e={}))$.call(e,r)&&v(t,r,e[r]);if(N)for(var r of N(e))k.call(e,r)&&v(t,r,e[r]);return t},w=(t,e)=>B(t,E(e));(function(t,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue"),require("clipboard")):typeof define=="function"&&define.amd?define(["exports","vue","clipboard"],e):(t=typeof globalThis!="undefined"?globalThis:t||self,e(t.index={},t.Vue))})(this,function(t,e){"use strict";const r=Symbol("dCollapse"),V={modelValue:{type:[String,Number,Array],default:"",required:!0},accordion:{type:Boolean,default:!1}},b={name:{type:[String,Number],default:"",required:!0},title:{type:String,default:""},disabled:{type:Boolean,default:!1}};function h(o,a,i){let u=o;return a&&(u+=`__${a}`),i&&(u+=`--${i}`),u}function g(o,a=!1){const i=a?`.devui-${o}`:`devui-${o}`;return{b:()=>h(i),e:l=>l?h(i,l):"",m:l=>l?h(i,"",l):"",em:(l,f)=>l&&f?h(i,l,f):""}}var P="",C=e.defineComponent({name:"DCollapse",props:V,emits:["change","update:modelValue"],setup(o,a){const i=g("collapse"),u=g("scrollbar"),m=s=>!s&&s!==0?[]:Array.isArray(s)?s:[s],n=s=>{const l=[...m(o.modelValue)],f=l.indexOf(s);if(o.accordion){let p=s;(l[0]||l[0]===0)&&l[0]===s&&(p=""),a.emit("update:modelValue",p),a.emit("change",p)}else f>-1?l.splice(f,1):l.push(s),a.emit("update:modelValue",l),a.emit("change",l)};return e.provide(r,e.reactive(w(L({},e.toRefs(o)),{collapseItemClick:n}))),()=>{var s,l;return e.createVNode("div",{class:[i.b(),u.b()]},[(l=(s=a.slots).default)==null?void 0:l.call(s)])}}});function I(){return e.createVNode("svg",{width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},[e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("path",{d:`M3.64644661,5.64644661 C3.82001296,5.47288026 4.08943736,5.45359511 4.2843055,5.58859116 L4.35355339,5.64644661
|
|
2
|
+
L8,9.293 L11.6464466,5.64644661 C11.820013,5.47288026 12.0894374,5.45359511 12.2843055,5.58859116 L12.3535534,5.64644661
|
|
3
|
+
C12.5271197,5.82001296 12.5464049,6.08943736 12.4114088,6.2843055 L12.3535534,6.35355339 L8.35355339,10.3535534
|
|
4
|
+
C8.17998704,10.5271197 7.91056264,10.5464049 7.7156945,10.4114088 L7.64644661,10.3535534 L3.64644661,6.35355339
|
|
5
|
+
C3.45118446,6.15829124 3.45118446,5.84170876 3.64644661,5.64644661 Z`},null)])])}var y=e.defineComponent({name:"DCollapseItem",props:b,setup(o,a){const i=g("collapse"),u=g("collapse-transition"),m=e.shallowRef(),n=e.inject(r,null),s=e.computed(()=>o.disabled?!1:Array.isArray(n==null?void 0:n.modelValue)?Boolean(n==null?void 0:n.modelValue.length)&&(n==null?void 0:n.modelValue.includes(o.name)):Boolean(n==null?void 0:n.modelValue)&&(n==null?void 0:n.modelValue)===o.name),l=d=>{d.preventDefault(),o.disabled||n==null||n.collapseItemClick(o.name)};e.onMounted(()=>{if(m.value){const d=m.value;s.value&&(d.style.height=`${d.offsetHeight}px`)}});const f=d=>{const c=d;c.style.height="";const A=c.offsetHeight;c.style.height="0px",c.offsetHeight,c.style.height=`${A}px`},p=d=>{const c=d;c.style.height="0px"};return()=>e.createVNode("div",{class:i.e("item")},[e.createVNode("div",{class:[i.e("item-title"),i.m("overflow-ellipsis"),s.value&&i.m("open"),o.disabled&&i.em("item","disabled")],onClick:l},[a.slots.title?a.slots.title():o.title,e.createVNode("span",{class:i.e("open-icon")},[e.createVNode(I,null,null)])]),e.createVNode(e.Transition,{name:u.b(),onEnter:f,onLeave:p},{default:()=>{var d,c;return[s.value&&e.createVNode("div",{ref:m,class:i.e("item-content")},[(c=(d=a.slots).default)==null?void 0:c.call(d)])]}})])}}),S={title:"Collapse \u6298\u53E0\u9762\u677F",category:"\u6570\u636E\u5C55\u793A",status:"100%",install(o){o.component(C.name,C),o.component(y.name,y)}};t.Collapse=C,t.CollapseItem=y,t.collapseItemProps=b,t.collapseProps=V,t.default=S,Object.defineProperty(t,"__esModule",{value:!0}),t[Symbol.toStringTag]="Module"});
|
package/data-grid/index.es.js
CHANGED
|
@@ -8552,17 +8552,7 @@ const useDropdownEvent = ({ id, isOpen, origin, dropdownRef, props, emit }) => {
|
|
|
8552
8552
|
onInvalidate(() => subscriptions.forEach((v) => v()));
|
|
8553
8553
|
});
|
|
8554
8554
|
};
|
|
8555
|
-
function useDropdown(id, visible, isOpen, origin, dropdownRef,
|
|
8556
|
-
const calcPopDirection = (dropdownEl) => {
|
|
8557
|
-
const elementHeight = dropdownEl.offsetHeight;
|
|
8558
|
-
const bottomDistance = window.innerHeight - origin.value.getBoundingClientRect().bottom;
|
|
8559
|
-
const isBottomEnough = bottomDistance >= elementHeight;
|
|
8560
|
-
if (!isBottomEnough) {
|
|
8561
|
-
popDirection.value = "top";
|
|
8562
|
-
} else {
|
|
8563
|
-
popDirection.value = "bottom";
|
|
8564
|
-
}
|
|
8565
|
-
};
|
|
8555
|
+
function useDropdown(id, visible, isOpen, origin, dropdownRef, emit) {
|
|
8566
8556
|
watch(visible, (newVal, oldVal) => {
|
|
8567
8557
|
if (oldVal === void 0) {
|
|
8568
8558
|
return;
|
|
@@ -8586,9 +8576,6 @@ function useDropdown(id, visible, isOpen, origin, dropdownRef, popDirection, emi
|
|
|
8586
8576
|
}
|
|
8587
8577
|
}
|
|
8588
8578
|
}
|
|
8589
|
-
if (dropdownEl) {
|
|
8590
|
-
calcPopDirection(dropdownEl);
|
|
8591
|
-
}
|
|
8592
8579
|
});
|
|
8593
8580
|
onMounted(() => {
|
|
8594
8581
|
dropdownMap.set(id, { toggleEl: origin.value });
|
|
@@ -8657,7 +8644,7 @@ var Dropdown = defineComponent({
|
|
|
8657
8644
|
props,
|
|
8658
8645
|
emit
|
|
8659
8646
|
});
|
|
8660
|
-
useDropdown(id, visible, isOpen, origin, dropdownRef,
|
|
8647
|
+
useDropdown(id, visible, isOpen, origin, dropdownRef, emit);
|
|
8661
8648
|
const {
|
|
8662
8649
|
overlayModelValue,
|
|
8663
8650
|
overlayShowValue,
|
|
@@ -9174,8 +9161,7 @@ const DEFAULT_PREFIX = "icon";
|
|
|
9174
9161
|
const iconProps = {
|
|
9175
9162
|
name: {
|
|
9176
9163
|
type: String,
|
|
9177
|
-
default: ""
|
|
9178
|
-
required: true
|
|
9164
|
+
default: ""
|
|
9179
9165
|
},
|
|
9180
9166
|
size: {
|
|
9181
9167
|
type: [Number, String],
|