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.
Files changed (77) hide show
  1. package/auto-complete/index.es.js +1 -2
  2. package/auto-complete/index.umd.js +1 -1
  3. package/breadcrumb/index.es.js +2 -15
  4. package/breadcrumb/index.umd.js +1 -1
  5. package/button/index.es.js +1 -2
  6. package/button/index.umd.js +1 -1
  7. package/carousel/index.es.js +36 -213
  8. package/carousel/index.umd.js +1 -1
  9. package/carousel/style.css +1 -1
  10. package/category-search/index.es.js +3 -17
  11. package/category-search/index.umd.js +10 -10
  12. package/collapse/index.es.js +15 -18
  13. package/collapse/index.umd.js +5 -5
  14. package/data-grid/index.es.js +3 -17
  15. package/data-grid/index.umd.js +6 -6
  16. package/date-picker-pro/index.es.js +21 -6
  17. package/date-picker-pro/index.umd.js +12 -12
  18. package/date-picker-pro/style.css +1 -1
  19. package/dropdown/index.es.js +2 -15
  20. package/dropdown/index.umd.js +1 -1
  21. package/editable-select/index.es.js +2 -3
  22. package/editable-select/index.umd.js +2 -2
  23. package/editor-md/index.es.js +32 -18
  24. package/editor-md/index.umd.js +15 -15
  25. package/icon/index.es.js +1 -2
  26. package/icon/index.umd.js +1 -1
  27. package/input/index.es.js +21 -6
  28. package/input/index.umd.js +11 -11
  29. package/input/style.css +1 -1
  30. package/mention/index.es.js +1 -2
  31. package/mention/index.umd.js +1 -1
  32. package/message/index.es.js +1 -2
  33. package/message/index.umd.js +1 -1
  34. package/modal/index.es.js +27 -4
  35. package/modal/index.umd.js +7 -1
  36. package/modal/style.css +1 -1
  37. package/notification/index.es.js +1 -2
  38. package/notification/index.umd.js +2 -2
  39. package/package.json +1 -1
  40. package/pagination/index.es.js +55 -253
  41. package/pagination/index.umd.js +18 -23
  42. package/pagination/style.css +1 -1
  43. package/result/index.es.js +1 -2
  44. package/result/index.umd.js +1 -1
  45. package/search/index.es.js +48 -27
  46. package/search/index.umd.js +18 -14
  47. package/search/style.css +1 -1
  48. package/select/index.es.js +43 -42
  49. package/select/index.umd.js +11 -16
  50. package/select/style.css +1 -1
  51. package/steps/index.es.js +1 -2
  52. package/steps/index.umd.js +1 -1
  53. package/style.css +2 -2
  54. package/table/index.es.js +3 -17
  55. package/table/index.umd.js +6 -6
  56. package/time-picker/index.es.js +21 -6
  57. package/time-picker/index.umd.js +16 -16
  58. package/time-picker/style.css +1 -1
  59. package/time-select/index.es.js +43 -42
  60. package/time-select/index.umd.js +9 -14
  61. package/time-select/style.css +1 -1
  62. package/timeline/index.es.js +1 -2
  63. package/timeline/index.umd.js +1 -1
  64. package/types/carousel/src/components/carousel-icons.d.ts +2 -0
  65. package/types/dropdown/src/use-dropdown.d.ts +1 -1
  66. package/types/editor-md/src/composables/use-editor-md.d.ts +1 -0
  67. package/types/editor-md/src/editor-md-types.d.ts +3 -0
  68. package/types/icon/src/icon-types.d.ts +0 -1
  69. package/types/modal/src/components/modal-icons.d.ts +1 -0
  70. package/types/svg-icons/index.d.ts +3 -0
  71. package/upload/index.es.js +1 -2
  72. package/upload/index.umd.js +2 -2
  73. package/vue-devui.es.js +186 -96
  74. package/vue-devui.umd.js +97 -86
  75. package/types/search/src/components/search-close-icon.d.ts +0 -2
  76. package/types/search/src/components/search-icon.d.ts +0 -2
  77. package/types/select/src/components/select-arrow-icon.d.ts +0 -2
@@ -114,29 +114,26 @@ var Collapse = defineComponent({
114
114
  };
115
115
  }
116
116
  });
117
- const OpenIcon = () => {
118
- const svgProps = {
119
- width: "1em",
120
- height: "1em",
121
- viewBox: "0 0 16 16",
122
- version: "1.1",
123
- xmlns: "http://www.w3.org/2000/svg",
124
- "xmlns:xlink": "http://www.w3.org/1999/xlink"
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": `M12.1464466,6.85355339 L8.35355339,10.6464466 C8.15829124,10.8417088
133
- 7.84170876,10.8417088 7.64644661,10.6464466 L3.85355339,6.85355339 C3.65829124,6.65829124
134
- 3.65829124,6.34170876 3.85355339,6.14644661 C3.94732158,6.05267842 4.07449854,6 4.20710678,6
135
- L11.7928932,6 C12.0690356,6 12.2928932,6.22385763 12.2928932,6.5 C12.2928932,6.63260824
136
- 12.2402148,6.7597852 12.1464466,6.85355339 Z`,
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(OpenIcon, null, null)])]), createVNode(Transition, {
189
+ }, [createVNode(SelectArrowIcon, null, null)])]), createVNode(Transition, {
193
190
  "name": transitionNs.b(),
194
191
  "onEnter": enter,
195
192
  "onLeave": leave
@@ -1,5 +1,5 @@
1
- var T=Object.defineProperty,A=Object.defineProperties;var B=Object.getOwnPropertyDescriptors;var N=Object.getOwnPropertySymbols;var E=Object.prototype.hasOwnProperty,P=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,w=(t,e)=>{for(var r in e||(e={}))E.call(e,r)&&v(t,r,e[r]);if(N)for(var r of N(e))P.call(e,r)&&v(t,r,e[r]);return t},I=(t,e)=>A(t,B(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(l,a,i){let u=l;return a&&(u+=`__${a}`),i&&(u+=`--${i}`),u}function g(l,a=!1){const i=a?`.devui-${l}`:`devui-${l}`;return{b:()=>h(i),e:n=>n?h(i,n):"",m:n=>n?h(i,"",n):"",em:(n,m)=>n&&m?h(i,n,m):""}}var $="",C=e.defineComponent({name:"DCollapse",props:V,emits:["change","update:modelValue"],setup(l,a){const i=g("collapse"),u=g("scrollbar"),f=s=>!s&&s!==0?[]:Array.isArray(s)?s:[s],o=s=>{const n=[...f(l.modelValue)],m=n.indexOf(s);if(l.accordion){let p=s;(n[0]||n[0]===0)&&n[0]===s&&(p=""),a.emit("update:modelValue",p),a.emit("change",p)}else m>-1?n.splice(m,1):n.push(s),a.emit("update:modelValue",n),a.emit("change",n)};return e.provide(r,e.reactive(I(w({},e.toRefs(l)),{collapseItemClick:o}))),()=>{var s,n;return e.createVNode("div",{class:[i.b(),u.b()]},[(n=(s=a.slots).default)==null?void 0:n.call(s)])}}});const k=()=>{const l={width:"1em",height:"1em",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink"};return e.createVNode("svg",l,[e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("path",{d:`M12.1464466,6.85355339 L8.35355339,10.6464466 C8.15829124,10.8417088
2
- 7.84170876,10.8417088 7.64644661,10.6464466 L3.85355339,6.85355339 C3.65829124,6.65829124
3
- 3.65829124,6.34170876 3.85355339,6.14644661 C3.94732158,6.05267842 4.07449854,6 4.20710678,6
4
- L11.7928932,6 C12.0690356,6 12.2928932,6.22385763 12.2928932,6.5 C12.2928932,6.63260824
5
- 12.2402148,6.7597852 12.1464466,6.85355339 Z`,"fill-rule":"nonzero"},null)])])};var y=e.defineComponent({name:"DCollapseItem",props:b,setup(l,a){const i=g("collapse"),u=g("collapse-transition"),f=e.shallowRef(),o=e.inject(r,null),s=e.computed(()=>l.disabled?!1:Array.isArray(o==null?void 0:o.modelValue)?Boolean(o==null?void 0:o.modelValue.length)&&(o==null?void 0:o.modelValue.includes(l.name)):Boolean(o==null?void 0:o.modelValue)&&(o==null?void 0:o.modelValue)===l.name),n=d=>{d.preventDefault(),l.disabled||o==null||o.collapseItemClick(l.name)};e.onMounted(()=>{if(f.value){const d=f.value;s.value&&(d.style.height=`${d.offsetHeight}px`)}});const m=d=>{const c=d;c.style.height="";const S=c.offsetHeight;c.style.height="0px",c.offsetHeight,c.style.height=`${S}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"),l.disabled&&i.em("item","disabled")],onClick:n},[a.slots.title?a.slots.title():l.title,e.createVNode("span",{class:i.e("open-icon")},[e.createVNode(k,null,null)])]),e.createVNode(e.Transition,{name:u.b(),onEnter:m,onLeave:p},{default:()=>{var d,c;return[s.value&&e.createVNode("div",{ref:f,class:i.e("item-content")},[(c=(d=a.slots).default)==null?void 0:c.call(d)])]}})])}}),L={title:"Collapse \u6298\u53E0\u9762\u677F",category:"\u6570\u636E\u5C55\u793A",status:"100%",install(l){l.component(C.name,C),l.component(y.name,y)}};t.Collapse=C,t.CollapseItem=y,t.collapseItemProps=b,t.collapseProps=V,t.default=L,Object.defineProperty(t,"__esModule",{value:!0}),t[Symbol.toStringTag]="Module"});
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"});
@@ -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, popDirection, emit) {
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, currentPosition, emit);
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],