vue-devui 1.0.0-rc.9 → 1.0.0

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 (200) hide show
  1. package/README.md +163 -149
  2. package/alert/index.es.js +12 -7
  3. package/alert/index.umd.js +1 -1
  4. package/alert/style.css +1 -1
  5. package/auto-complete/index.es.js +8019 -254
  6. package/auto-complete/index.umd.js +29 -3
  7. package/auto-complete/style.css +1 -1
  8. package/badge/index.es.js +8 -2
  9. package/badge/index.umd.js +1 -1
  10. package/badge/style.css +1 -1
  11. package/button/index.es.js +104 -40
  12. package/button/index.umd.js +15 -15
  13. package/button/style.css +1 -1
  14. package/card/index.es.js +5 -1
  15. package/card/index.umd.js +1 -1
  16. package/card/style.css +1 -1
  17. package/checkbox/index.es.js +7772 -81
  18. package/checkbox/index.umd.js +27 -1
  19. package/checkbox/style.css +1 -1
  20. package/{date-picker → collapse}/index.d.ts +0 -0
  21. package/collapse/index.es.js +213 -0
  22. package/collapse/index.umd.js +1 -0
  23. package/{date-picker → collapse}/package.json +1 -1
  24. package/collapse/style.css +1 -0
  25. package/countdown/index.es.js +56 -13
  26. package/countdown/index.umd.js +1 -1
  27. package/date-picker-pro/index.d.ts +7 -0
  28. package/date-picker-pro/index.es.js +12020 -0
  29. package/date-picker-pro/index.umd.js +27 -0
  30. package/date-picker-pro/package.json +7 -0
  31. package/date-picker-pro/style.css +1 -0
  32. package/drawer/index.es.js +1 -1
  33. package/drawer/index.umd.js +1 -1
  34. package/drawer/style.css +1 -1
  35. package/dropdown/index.es.js +77 -121
  36. package/dropdown/index.umd.js +1 -1
  37. package/dropdown/style.css +1 -1
  38. package/editable-select/index.es.js +324 -104
  39. package/editable-select/index.umd.js +1 -1
  40. package/editable-select/style.css +1 -1
  41. package/form/index.es.js +91 -118
  42. package/form/index.umd.js +14 -14
  43. package/form/style.css +1 -1
  44. package/icon/index.es.js +106 -41
  45. package/icon/index.umd.js +1 -1
  46. package/icon/style.css +1 -1
  47. package/image-preview/style.css +1 -1
  48. package/input/index.es.js +8088 -169
  49. package/input/index.umd.js +27 -1
  50. package/input/style.css +1 -1
  51. package/input-number/index.es.js +8 -9
  52. package/input-number/index.umd.js +1 -1
  53. package/input-number/style.css +1 -1
  54. package/layout/index.es.js +1 -1
  55. package/layout/index.umd.js +1 -1
  56. package/loading/style.css +1 -1
  57. package/mention/index.d.ts +7 -0
  58. package/mention/index.es.js +8310 -0
  59. package/mention/index.umd.js +36 -0
  60. package/mention/package.json +7 -0
  61. package/mention/style.css +1 -0
  62. package/menu/index.d.ts +7 -0
  63. package/menu/index.es.js +934 -0
  64. package/menu/index.umd.js +1 -0
  65. package/menu/package.json +7 -0
  66. package/menu/style.css +1 -0
  67. package/message/index.d.ts +7 -0
  68. package/message/index.es.js +538 -0
  69. package/message/index.umd.js +1 -0
  70. package/message/package.json +7 -0
  71. package/message/style.css +1 -0
  72. package/modal/index.es.js +275 -185
  73. package/modal/index.umd.js +1 -1
  74. package/modal/style.css +1 -1
  75. package/notification/index.es.js +143 -72
  76. package/notification/index.umd.js +1 -1
  77. package/notification/style.css +1 -1
  78. package/nuxt/components/Collapse.js +3 -0
  79. package/nuxt/components/CollapseItem.js +3 -0
  80. package/nuxt/components/DRangeDatePickerPro.js +3 -0
  81. package/nuxt/components/DatePickerPro.js +3 -0
  82. package/nuxt/components/IconGroup.js +3 -0
  83. package/nuxt/components/Mention.js +3 -0
  84. package/nuxt/components/Menu.js +3 -0
  85. package/nuxt/components/MenuItem.js +3 -0
  86. package/nuxt/components/Message.js +3 -0
  87. package/nuxt/components/OptionGroup.js +3 -0
  88. package/nuxt/components/RadioButton.js +3 -0
  89. package/nuxt/components/Step.js +3 -0
  90. package/nuxt/components/Steps.js +3 -0
  91. package/nuxt/components/SubMenu.js +3 -0
  92. package/nuxt/components/TABLE_TOKEN.js +3 -0
  93. package/nuxt/components/TimePicker.js +3 -0
  94. package/nuxt/components/TimeSelect.js +3 -0
  95. package/nuxt/components/animationInjectionKey.js +3 -0
  96. package/nuxt/components/collapseItemProps.js +3 -0
  97. package/nuxt/components/collapseProps.js +3 -0
  98. package/nuxt/components/datePickerProCommonProps.js +3 -0
  99. package/nuxt/components/datePickerProPanelProps.js +3 -0
  100. package/nuxt/components/datePickerProProps.js +3 -0
  101. package/nuxt/components/mentionProps.js +3 -0
  102. package/nuxt/components/messageProps.js +3 -0
  103. package/nuxt/components/roundInjectionKey.js +3 -0
  104. package/nuxt/components/skeletonItemProps.js +3 -0
  105. package/nuxt/components/stepProps.js +3 -0
  106. package/nuxt/components/stepsProps.js +3 -0
  107. package/nuxt/components/tableProps.js +3 -0
  108. package/nuxt/components/timerPickerPanelProps.js +3 -0
  109. package/nuxt/components/treeNodeProps.js +3 -0
  110. package/overlay/index.es.js +76 -139
  111. package/overlay/index.umd.js +1 -1
  112. package/overlay/style.css +1 -1
  113. package/package.json +6 -3
  114. package/pagination/index.es.js +175 -7
  115. package/pagination/index.umd.js +1 -1
  116. package/pagination/style.css +1 -1
  117. package/panel/style.css +1 -1
  118. package/popover/index.es.js +101 -162
  119. package/popover/index.umd.js +17 -17
  120. package/popover/style.css +1 -1
  121. package/progress/style.css +1 -1
  122. package/radio/index.es.js +7854 -58
  123. package/radio/index.umd.js +27 -1
  124. package/radio/style.css +1 -1
  125. package/rate/style.css +1 -1
  126. package/result/index.es.js +92 -41
  127. package/result/index.umd.js +1 -1
  128. package/result/style.css +1 -1
  129. package/search/index.es.js +3729 -1206
  130. package/search/index.umd.js +18 -18
  131. package/search/style.css +1 -1
  132. package/select/index.es.js +4426 -2501
  133. package/select/index.umd.js +17 -17
  134. package/select/style.css +1 -1
  135. package/skeleton/index.es.js +87 -261
  136. package/skeleton/index.umd.js +1 -1
  137. package/skeleton/style.css +1 -1
  138. package/slider/index.es.js +116 -143
  139. package/slider/index.umd.js +1 -1
  140. package/slider/style.css +1 -1
  141. package/splitter/index.es.js +256 -147
  142. package/splitter/index.umd.js +16 -16
  143. package/splitter/style.css +1 -1
  144. package/statistic/index.es.js +34 -16
  145. package/statistic/index.umd.js +1 -1
  146. package/statistic/style.css +1 -1
  147. package/status/style.css +1 -1
  148. package/steps/index.d.ts +7 -0
  149. package/steps/index.es.js +386 -0
  150. package/steps/index.umd.js +1 -0
  151. package/steps/package.json +7 -0
  152. package/steps/style.css +1 -0
  153. package/style.css +1 -1
  154. package/switch/index.es.js +7779 -60
  155. package/switch/index.umd.js +27 -1
  156. package/switch/style.css +1 -1
  157. package/table/index.es.js +4092 -1464
  158. package/table/index.umd.js +17 -17
  159. package/table/style.css +1 -1
  160. package/tabs/index.es.js +224 -77
  161. package/tabs/index.umd.js +1 -1
  162. package/tabs/style.css +1 -1
  163. package/tag/index.es.js +5 -1
  164. package/tag/index.umd.js +1 -1
  165. package/tag/style.css +1 -1
  166. package/textarea/index.es.js +3357 -1064
  167. package/textarea/index.umd.js +19 -19
  168. package/textarea/style.css +1 -1
  169. package/time-picker/index.d.ts +7 -0
  170. package/time-picker/index.es.js +9549 -0
  171. package/time-picker/index.umd.js +27 -0
  172. package/time-picker/package.json +7 -0
  173. package/time-picker/style.css +1 -0
  174. package/time-select/index.d.ts +7 -0
  175. package/time-select/index.es.js +9585 -0
  176. package/time-select/index.umd.js +27 -0
  177. package/time-select/package.json +7 -0
  178. package/time-select/style.css +1 -0
  179. package/timeline/index.es.js +92 -41
  180. package/timeline/index.umd.js +1 -1
  181. package/timeline/style.css +1 -1
  182. package/tooltip/index.es.js +100 -163
  183. package/tooltip/index.umd.js +16 -16
  184. package/tooltip/style.css +1 -1
  185. package/tree/index.es.js +11036 -608
  186. package/tree/index.umd.js +27 -1
  187. package/tree/style.css +1 -1
  188. package/upload/index.es.js +389 -105
  189. package/upload/index.umd.js +1 -1
  190. package/upload/style.css +1 -1
  191. package/vue-devui.es.js +17291 -9726
  192. package/vue-devui.umd.js +24 -23
  193. package/date-picker/index.es.js +0 -1298
  194. package/date-picker/index.umd.js +0 -1
  195. package/date-picker/style.css +0 -1
  196. package/nuxt/components/DatePicker.js +0 -3
  197. package/nuxt/components/StickSlider.js +0 -3
  198. package/nuxt/components/formControlProps.js +0 -3
  199. package/nuxt/components/overlayEmits.js +0 -3
  200. package/nuxt/components/overlayProps.js +0 -3
@@ -17,9 +17,6 @@ const timeAxisProps = {
17
17
  default: "left"
18
18
  }
19
19
  };
20
- function isUrl(value) {
21
- return /^((http|https):)?\/\//.test(value);
22
- }
23
20
  const DEFAULT_PREFIX = "icon";
24
21
  const iconProps = {
25
22
  name: {
@@ -42,6 +39,17 @@ const iconProps = {
42
39
  classPrefix: {
43
40
  type: String,
44
41
  default: DEFAULT_PREFIX
42
+ },
43
+ operable: {
44
+ type: Boolean,
45
+ default: false
46
+ },
47
+ disabled: {
48
+ type: Boolean,
49
+ default: false
50
+ },
51
+ rotate: {
52
+ type: [Number, String]
45
53
  }
46
54
  };
47
55
  const svgIconProps = {
@@ -112,51 +120,94 @@ var svgIcon = defineComponent({
112
120
  };
113
121
  }
114
122
  });
123
+ function isUrl(value) {
124
+ return /^((http|https):)?\/\//.test(value);
125
+ }
126
+ function useIconDom(props, ctx) {
127
+ const {
128
+ component,
129
+ name,
130
+ size,
131
+ color,
132
+ classPrefix,
133
+ rotate
134
+ } = toRefs(props);
135
+ const ns = useNamespace("icon");
136
+ const iconSize = computed(() => {
137
+ return typeof size.value === "number" ? `${size.value}px` : size.value;
138
+ });
139
+ const IconComponent = component.value ? resolveDynamicComponent(component.value) : resolveDynamicComponent(svgIcon);
140
+ const imgIconDom = () => {
141
+ return createVNode("img", mergeProps({
142
+ "src": name.value,
143
+ "alt": name.value.split("/")[name.value.split("/").length - 1],
144
+ "class": [(rotate == null ? void 0 : rotate.value) === "infinite" && ns.m("spin")],
145
+ "style": {
146
+ width: iconSize.value || "",
147
+ transform: `rotate(${rotate == null ? void 0 : rotate.value}deg)`,
148
+ verticalAlign: "middle"
149
+ }
150
+ }, ctx.attrs), null);
151
+ };
152
+ const svgIconDom = () => {
153
+ return createVNode(IconComponent, mergeProps({
154
+ "name": name.value,
155
+ "color": color.value,
156
+ "size": iconSize.value,
157
+ "class": [(rotate == null ? void 0 : rotate.value) === "infinite" && ns.m("spin")],
158
+ "style": {
159
+ transform: `rotate(${rotate == null ? void 0 : rotate.value}deg)`
160
+ }
161
+ }, ctx.attrs), null);
162
+ };
163
+ const fontIconDom = () => {
164
+ const fontIconClass = /^icon-/.test(name.value) ? name.value : `${classPrefix.value}-${name.value}`;
165
+ return createVNode("i", mergeProps({
166
+ "class": [classPrefix.value, fontIconClass, (rotate == null ? void 0 : rotate.value) === "infinite" && ns.m("spin")],
167
+ "style": {
168
+ fontSize: iconSize.value,
169
+ color: color.value,
170
+ transform: `rotate(${rotate == null ? void 0 : rotate.value}deg)`
171
+ }
172
+ }, ctx.attrs), null);
173
+ };
174
+ const iconDom = () => {
175
+ return component.value ? svgIconDom() : isUrl(name.value) ? imgIconDom() : fontIconDom();
176
+ };
177
+ return {
178
+ iconDom
179
+ };
180
+ }
115
181
  var DIcon = defineComponent({
116
182
  name: "DIcon",
117
183
  props: iconProps,
118
- setup(props, {
119
- attrs
120
- }) {
184
+ emits: ["click"],
185
+ setup(props, ctx) {
121
186
  const {
122
- component,
123
- name,
124
- size,
125
- color,
126
- classPrefix
187
+ disabled,
188
+ operable
127
189
  } = toRefs(props);
128
- const IconComponent = component.value ? resolveDynamicComponent(component.value) : resolveDynamicComponent(svgIcon);
129
- const iconSize = computed(() => {
130
- return typeof size.value === "number" ? `${size.value}px` : size.value;
131
- });
132
- const svgIconDom = () => {
133
- return createVNode(IconComponent, mergeProps({
134
- "name": name.value,
135
- "color": color.value,
136
- "size": iconSize.value
137
- }, attrs), null);
138
- };
139
- const imgIconDom = () => {
140
- return createVNode("img", mergeProps({
141
- "src": name.value,
142
- "alt": name.value.split("/")[name.value.split("/").length - 1],
143
- "style": {
144
- width: iconSize.value || ""
145
- }
146
- }, attrs), null);
147
- };
148
- const fontIconDom = () => {
149
- const fontIconClass = /^icon-/.test(name.value) ? name.value : `${classPrefix.value}-${name.value}`;
150
- return createVNode("i", mergeProps({
151
- "class": [classPrefix.value, fontIconClass],
152
- "style": {
153
- fontSize: iconSize.value,
154
- color: color.value
155
- }
156
- }, attrs), null);
190
+ const {
191
+ iconDom
192
+ } = useIconDom(props, ctx);
193
+ const ns = useNamespace("icon");
194
+ const wrapClassed = computed(() => ({
195
+ [ns.e("container")]: true,
196
+ [ns.m("disabled")]: disabled.value,
197
+ [ns.m("operable")]: operable.value
198
+ }));
199
+ const onClick = (e) => {
200
+ if (disabled.value) {
201
+ return;
202
+ }
203
+ ctx.emit("click", e);
157
204
  };
158
205
  return () => {
159
- return component.value ? svgIconDom() : isUrl(name.value) ? imgIconDom() : fontIconDom();
206
+ var _a, _b, _c, _d;
207
+ return createVNode("div", {
208
+ "class": wrapClassed.value,
209
+ "onClick": onClick
210
+ }, [(_b = (_a = ctx.slots).prefix) == null ? void 0 : _b.call(_a), iconDom(), (_d = (_c = ctx.slots).suffix) == null ? void 0 : _d.call(_c)]);
160
211
  };
161
212
  }
162
213
  });
@@ -1 +1 @@
1
- (function(f,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(f=typeof globalThis!="undefined"?globalThis:f||self,e(f.index={},f.Vue))})(this,function(f,e){"use strict";const $={direction:{type:String,default:"vertical"},center:{type:Boolean,default:!1},mode:{type:String,default:"normal"},timePosition:{type:String,default:"left"}};function T(n){return/^((http|https):)?\/\//.test(n)}const D={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"}},z={name:{type:String,default:"",required:!0},color:{type:String,default:"inherit"},size:{type:[Number,String],default:"inherit"}};function p(n,l,s){let t=n;return l&&(t+=`__${l}`),s&&(t+=`--${s}`),t}function F(n,l=!1){const s=l?`.devui-${n}`:`devui-${n}`;return{b:()=>p(s),e:r=>r?p(s,r):"",m:r=>r?p(s,"",r):"",em:(r,c)=>r&&c?p(s,r,c):""}}var R="",q=e.defineComponent({name:"DSvgIcon",props:z,setup(n){const{name:l,color:s,size:t}=e.toRefs(n),u=F("svg-icon"),o=e.computed(()=>`#icon-${l.value}`),d=e.computed(()=>typeof t.value=="number"?`${t.value}px`:t.value),r={width:d.value,height:d.value};return()=>e.createVNode("svg",{class:u.b(),style:r},[e.createVNode("use",{"xlink:href":o.value,fill:s.value},null)])}}),E=e.defineComponent({name:"DIcon",props:D,setup(n,{attrs:l}){const{component:s,name:t,size:u,color:o,classPrefix:d}=e.toRefs(n),r=s.value?e.resolveDynamicComponent(s.value):e.resolveDynamicComponent(q),c=e.computed(()=>typeof u.value=="number"?`${u.value}px`:u.value),i=()=>e.createVNode(r,e.mergeProps({name:t.value,color:o.value,size:c.value},l),null),m=()=>e.createVNode("img",e.mergeProps({src:t.value,alt:t.value.split("/")[t.value.split("/").length-1],style:{width:c.value||""}},l),null),g=()=>{const h=/^icon-/.test(t.value)?t.value:`${d.value}-${t.value}`;return e.createVNode("i",e.mergeProps({class:[d.value,h],style:{fontSize:c.value,color:o.value}},l),null)};return()=>s.value?i():T(t.value)?m():g()}});const _={time:{type:String},dotColor:{type:String},lineStyle:{type:String,default:"solid"},lineColor:{type:String},position:{type:String},timePosition:{type:String,default:"left"},type:{type:String,default:"primary"}};var y=e.defineComponent({name:"DTimelineItem",components:{DIcon:E},props:_,emits:[],setup(n,l){const s=e.inject("timeAxis"),t="devui-timeline-item",u=()=>{var i,m;return e.createVNode("div",{class:`${t}-time`},[l.slots.time?(m=(i=l.slots).time)==null?void 0:m.call(i):n.time])},o=()=>{var i,m;return e.createVNode("div",{class:`${t}-content`},[(m=(i=l.slots).default)==null?void 0:m.call(i,n)])},d=i=>i.includes(n.position)?o():s.props.direction==="horizontal"||n.timePosition==="left"?u():"",r=i=>i==="primary"?"":e.createVNode("i",{class:`icon-${i==="success"?"right":i}-o`},null),c=()=>{var i,m;return l.slots.dot?e.createVNode("div",{style:{color:n.dotColor},class:`${t}-dot`},[" ",(m=(i=l.slots).dot)==null?void 0:m.call(i)]):e.createVNode("div",{class:`${t}-dot ${t}-type-${n.type}`,style:{borderColor:n.dotColor}},[r(n.type)])};return()=>e.createVNode("div",{class:t},[e.createVNode("div",{class:`${t}-data-left ${t}-data-top`},[d(["top","left"])]),e.createVNode("div",{class:`${t}-axis`},[c(),s.props.direction==="vertical"&&n.timePosition==="bottom"?u():"",e.createVNode("div",{class:`${t}-line ${t}-line-style-${n.lineStyle}`,style:{borderColor:n.lineColor}},[l.slots.extra?e.createVNode("div",{class:`${t}-line-extra`},[l.slots.extra()]):""])]),e.createVNode("div",{class:`${t}-data-right ${t}-data-bottom`},[d(["right","bottom"])])])}}),j="",v=e.defineComponent({name:"DTimeline",components:{TimelineItem:y},props:$,emits:[],setup(n,l){e.provide("timeAxis",{ctx:l,props:n});const s=e.ref(),t=e.reactive({marginLeft:"0px",height:"auto"}),u=()=>{t.height="auto",t.marginLeft="0px",n.direction==="horizontal"&&e.nextTick(()=>{var d;const o=s.value;n.center&&(t.marginLeft=(((d=o==null?void 0:o.firstElementChild)==null?void 0:d.clientWidth)||0)/2+"px"),t.height=Math.max(...Array.from(o==null?void 0:o.querySelectorAll(".devui-timeline-item-data-top")).map(r=>r.clientHeight),...Array.from(o==null?void 0:o.querySelectorAll(".devui-timeline-item-data-bottom")).map(r=>r.clientHeight))*2+Math.max(...Array.from(o==null?void 0:o.querySelectorAll(".devui-timeline-item-axis")).map(r=>r.clientHeight))+"px"})};return e.onMounted(()=>{u()}),e.watch(e.toRef(n,"direction"),()=>{u()}),()=>{const o=(c,i)=>i?e.createVNode(c,{position:i},null):e.createVNode(c,null,null),d=()=>{var m,g,h;const c=(h=(g=(m=l.slots).default)==null?void 0:g.call(m))!=null?h:[];let i;return c.length===1&&c[0].type===e.Fragment?i=c[0].children||[]:i=c,i.map((a,S)=>{var N,P,V,C,I,b,A,x;return S+1===i.length&&!((N=a.props)==null?void 0:N.lineStyle)&&!((P=a.props)==null?void 0:P["line-style"])&&(a=e.createVNode(a,{"line-style":"none"},null)),!((V=a.props)==null?void 0:V.timePosition)&&!((C=a.props)==null?void 0:C["time-position"])&&(a=e.createVNode(a,{"time-position":n.timePosition?n.timePosition:"left"},null)),n.direction==="horizontal"?((I=a.props)==null?void 0:I.position)==="top"||((b=a.props)==null?void 0:b.position)==="bottom"?a:n.mode==="alternative"?o(a,S%2===0?"bottom":"top"):o(a,"bottom"):((A=a.props)==null?void 0:A.position)==="left"||((x=a.props)==null?void 0:x.position)==="right"?a:n.mode==="alternative"?o(a,S%2===0?"left":"right"):o(a,"right")})},r=()=>n.direction==="horizontal"?"horizontal":"vertical";return e.createVNode("div",{class:`devui-timeline devui-timeline-${r()} ${n.center?"devui-timeline-"+r()+"-center":""} `,ref:s,style:t},[d()])}}}),L={title:"Timeline \u65F6\u95F4\u8F74",category:"\u6570\u636E\u5C55\u793A",status:"100%",install(n){n.component(v.name,v),n.component(y.name,y)}};f.Timeline=v,f.TimelineItem=y,f.default=L,f.timeAxisProps=$,Object.defineProperty(f,"__esModule",{value:!0}),f[Symbol.toStringTag]="Module"});
1
+ (function(f,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(f=typeof globalThis!="undefined"?globalThis:f||self,e(f.index={},f.Vue))})(this,function(f,e){"use strict";const b={direction:{type:String,default:"vertical"},center:{type:Boolean,default:!1},mode:{type:String,default:"normal"},timePosition:{type:String,default:"left"}},z={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]}},x={name:{type:String,default:"",required:!0},color:{type:String,default:"inherit"},size:{type:[Number,String],default:"inherit"}};function y(n,l,s){let i=n;return l&&(i+=`__${l}`),s&&(i+=`--${s}`),i}function $(n,l=!1){const s=l?`.devui-${n}`:`devui-${n}`;return{b:()=>y(s),e:t=>t?y(s,t):"",m:t=>t?y(s,"",t):"",em:(t,a)=>t&&a?y(s,t,a):""}}var M="",F=e.defineComponent({name:"DSvgIcon",props:x,setup(n){const{name:l,color:s,size:i}=e.toRefs(n),m=$("svg-icon"),o=e.computed(()=>`#icon-${l.value}`),d=e.computed(()=>typeof i.value=="number"?`${i.value}px`:i.value),t={width:d.value,height:d.value};return()=>e.createVNode("svg",{class:m.b(),style:t},[e.createVNode("use",{"xlink:href":o.value,fill:s.value},null)])}});function q(n){return/^((http|https):)?\/\//.test(n)}function E(n,l){const{component:s,name:i,size:m,color:o,classPrefix:d,rotate:t}=e.toRefs(n),a=$("icon"),r=e.computed(()=>typeof m.value=="number"?`${m.value}px`:m.value),u=s.value?e.resolveDynamicComponent(s.value):e.resolveDynamicComponent(F),p=()=>e.createVNode("img",e.mergeProps({src:i.value,alt:i.value.split("/")[i.value.split("/").length-1],class:[(t==null?void 0:t.value)==="infinite"&&a.m("spin")],style:{width:r.value||"",transform:`rotate(${t==null?void 0:t.value}deg)`,verticalAlign:"middle"}},l.attrs),null),h=()=>e.createVNode(u,e.mergeProps({name:i.value,color:o.value,size:r.value,class:[(t==null?void 0:t.value)==="infinite"&&a.m("spin")],style:{transform:`rotate(${t==null?void 0:t.value}deg)`}},l.attrs),null),c=()=>{const S=/^icon-/.test(i.value)?i.value:`${d.value}-${i.value}`;return e.createVNode("i",e.mergeProps({class:[d.value,S,(t==null?void 0:t.value)==="infinite"&&a.m("spin")],style:{fontSize:r.value,color:o.value,transform:`rotate(${t==null?void 0:t.value}deg)`}},l.attrs),null)};return{iconDom:()=>s.value?h():q(i.value)?p():c()}}var R=e.defineComponent({name:"DIcon",props:z,emits:["click"],setup(n,l){const{disabled:s,operable:i}=e.toRefs(n),{iconDom:m}=E(n,l),o=$("icon"),d=e.computed(()=>({[o.e("container")]:!0,[o.m("disabled")]:s.value,[o.m("operable")]:i.value})),t=a=>{s.value||l.emit("click",a)};return()=>{var a,r,u,p;return e.createVNode("div",{class:d.value,onClick:t},[(r=(a=l.slots).prefix)==null?void 0:r.call(a),m(),(p=(u=l.slots).suffix)==null?void 0:p.call(u)])}}});const _={time:{type:String},dotColor:{type:String},lineStyle:{type:String,default:"solid"},lineColor:{type:String},position:{type:String},timePosition:{type:String,default:"left"},type:{type:String,default:"primary"}};var g=e.defineComponent({name:"DTimelineItem",components:{DIcon:R},props:_,emits:[],setup(n,l){const s=e.inject("timeAxis"),i="devui-timeline-item",m=()=>{var r,u;return e.createVNode("div",{class:`${i}-time`},[l.slots.time?(u=(r=l.slots).time)==null?void 0:u.call(r):n.time])},o=()=>{var r,u;return e.createVNode("div",{class:`${i}-content`},[(u=(r=l.slots).default)==null?void 0:u.call(r,n)])},d=r=>r.includes(n.position)?o():s.props.direction==="horizontal"||n.timePosition==="left"?m():"",t=r=>r==="primary"?"":e.createVNode("i",{class:`icon-${r==="success"?"right":r}-o`},null),a=()=>{var r,u;return l.slots.dot?e.createVNode("div",{style:{color:n.dotColor},class:`${i}-dot`},[" ",(u=(r=l.slots).dot)==null?void 0:u.call(r)]):e.createVNode("div",{class:`${i}-dot ${i}-type-${n.type}`,style:{borderColor:n.dotColor}},[t(n.type)])};return()=>e.createVNode("div",{class:i},[e.createVNode("div",{class:`${i}-data-left ${i}-data-top`},[d(["top","left"])]),e.createVNode("div",{class:`${i}-axis`},[a(),s.props.direction==="vertical"&&n.timePosition==="bottom"?m():"",e.createVNode("div",{class:`${i}-line ${i}-line-style-${n.lineStyle}`,style:{borderColor:n.lineColor}},[l.slots.extra?e.createVNode("div",{class:`${i}-line-extra`},[l.slots.extra()]):""])]),e.createVNode("div",{class:`${i}-data-right ${i}-data-bottom`},[d(["right","bottom"])])])}}),j="",N=e.defineComponent({name:"DTimeline",components:{TimelineItem:g},props:b,emits:[],setup(n,l){e.provide("timeAxis",{ctx:l,props:n});const s=e.ref(),i=e.reactive({marginLeft:"0px",height:"auto"}),m=()=>{i.height="auto",i.marginLeft="0px",n.direction==="horizontal"&&e.nextTick(()=>{var d;const o=s.value;n.center&&(i.marginLeft=(((d=o==null?void 0:o.firstElementChild)==null?void 0:d.clientWidth)||0)/2+"px"),i.height=Math.max(...Array.from(o==null?void 0:o.querySelectorAll(".devui-timeline-item-data-top")).map(t=>t.clientHeight),...Array.from(o==null?void 0:o.querySelectorAll(".devui-timeline-item-data-bottom")).map(t=>t.clientHeight))*2+Math.max(...Array.from(o==null?void 0:o.querySelectorAll(".devui-timeline-item-axis")).map(t=>t.clientHeight))+"px"})};return e.onMounted(()=>{m()}),e.watch(e.toRef(n,"direction"),()=>{m()}),()=>{const o=(a,r)=>r?e.createVNode(a,{position:r},null):e.createVNode(a,null,null),d=()=>{var u,p,h;const a=(h=(p=(u=l.slots).default)==null?void 0:p.call(u))!=null?h:[];let r;return a.length===1&&a[0].type===e.Fragment?r=a[0].children||[]:r=a,r.map((c,v)=>{var S,V,C,P,I,D,A,T;return v+1===r.length&&!((S=c.props)==null?void 0:S.lineStyle)&&!((V=c.props)==null?void 0:V["line-style"])&&(c=e.createVNode(c,{"line-style":"none"},null)),!((C=c.props)==null?void 0:C.timePosition)&&!((P=c.props)==null?void 0:P["time-position"])&&(c=e.createVNode(c,{"time-position":n.timePosition?n.timePosition:"left"},null)),n.direction==="horizontal"?((I=c.props)==null?void 0:I.position)==="top"||((D=c.props)==null?void 0:D.position)==="bottom"?c:n.mode==="alternative"?o(c,v%2===0?"bottom":"top"):o(c,"bottom"):((A=c.props)==null?void 0:A.position)==="left"||((T=c.props)==null?void 0:T.position)==="right"?c:n.mode==="alternative"?o(c,v%2===0?"left":"right"):o(c,"right")})},t=()=>n.direction==="horizontal"?"horizontal":"vertical";return e.createVNode("div",{class:`devui-timeline devui-timeline-${t()} ${n.center?"devui-timeline-"+t()+"-center":""} `,ref:s,style:i},[d()])}}}),k={title:"Timeline \u65F6\u95F4\u8F74",category:"\u6570\u636E\u5C55\u793A",status:"100%",install(n){n.component(N.name,N),n.component(g.name,g)}};f.Timeline=N,f.TimelineItem=g,f.default=k,f.timeAxisProps=b,Object.defineProperty(f,"__esModule",{value:!0}),f[Symbol.toStringTag]="Module"});
@@ -1 +1 @@
1
- .devui-svg-icon{vertical-align:middle}.devui-timeline-vertical{display:flex;flex-direction:column;align-items:center;position:relative}.devui-timeline-vertical .devui-timeline-item{display:flex;flex-direction:row;width:100%}.devui-timeline-vertical .devui-timeline-item-axis{display:flex;flex-direction:column;align-items:center;padding:0 12px}.devui-timeline-vertical .devui-timeline-item-line{position:relative;height:calc(100% - 18px);min-height:20px;border-left-width:2px;border-left-color:var(--devui-dividing-line, #dfe1e6)}.devui-timeline-vertical .devui-timeline-item-line-extra{position:absolute;top:50%;transform:translate(-50%,-50%)}.devui-timeline-vertical .devui-timeline-item-line:first-child{display:none}.devui-timeline-vertical .devui-timeline-item-data-left{text-align:end}.devui-timeline-vertical .devui-timeline-item-data-left,.devui-timeline-vertical .devui-timeline-item-data-right{margin-bottom:24px;margin-top:-2px;flex:1}.devui-timeline-vertical .devui-timeline-item-line-style-dashed{border-left-style:dashed}.devui-timeline-vertical .devui-timeline-item-line-style-solid{border-left-style:solid}.devui-timeline-vertical .devui-timeline-item-line-style-dotted{border-left-style:dotted}.devui-timeline-vertical .devui-timeline-item-line-style-none{border-left-style:none}.devui-timeline-vertical .devui-timeline-item .devui-timeline-middle-zone{position:absolute;top:50%;transform:translate(-50%,-50%)}.devui-timeline-horizontal{display:flex;flex-direction:row;align-items:center;position:relative}.devui-timeline-horizontal-center .devui-timeline-item-data-top,.devui-timeline-horizontal-center .devui-timeline-item-data-bottom{text-align:center;padding:0 6px}.devui-timeline-horizontal-center .devui-timeline-item-data-top>div,.devui-timeline-horizontal-center .devui-timeline-item-data-bottom>div{transform:translate(-50%)}.devui-timeline-horizontal .devui-timeline-item{display:flex;flex-direction:column;height:100%}.devui-timeline-horizontal .devui-timeline-item-axis{display:flex;flex-direction:row;align-items:center;padding:12px 0}.devui-timeline-horizontal .devui-timeline-item-line{position:relative;min-width:60px;width:calc(100% - 18px);border-bottom-width:2px;border-bottom-color:var(--devui-dividing-line, #dfe1e6)}.devui-timeline-horizontal .devui-timeline-item-line-extra{position:absolute;left:50%;transform:translate(-50%,-50%)}.devui-timeline-horizontal .devui-timeline-item:first-child .devui-timeline-item-line:first-child{opacity:0}.devui-timeline-horizontal .devui-timeline-item-data-top,.devui-timeline-horizontal .devui-timeline-item-data-bottom{padding-right:12px;flex:1}.devui-timeline-horizontal .devui-timeline-item-line-style-dashed{border-bottom-style:dashed}.devui-timeline-horizontal .devui-timeline-item-line-style-solid{border-bottom-style:solid}.devui-timeline-horizontal .devui-timeline-item-line-style-dotted{border-bottom-style:dotted}.devui-timeline-horizontal .devui-timeline-item-line-style-none{border-bottom-style:none}.devui-timeline-horizontal .devui-timeline-item .devui-timeline-middle-zone{position:absolute;left:50%;transform:translate(-50%,-50%)}.devui-timeline-item-dot,.devui-timeline-item-dot>svg{width:18px;height:18px;flex-shrink:0}.devui-timeline-item-dot>i{font-size:18px;vertical-align:0}.devui-timeline-item-type-primary{border:2px solid var(--devui-placeholder, #8a8e99);border-radius:50%}.devui-timeline-item-type-success i{color:var(--devui-success, #50d4ab)}.devui-timeline-item-type-error i{color:var(--devui-danger, #f66f6a)}.devui-timeline-item-type-warning i{color:var(--devui-warning, #fac20a)}.devui-timeline-item-type-running{line-height:16px;text-align:center;animation:devui-timeline-running 1.5s linear infinite;border:2px solid var(--devui-success, #50d4ab);border-radius:50%}@keyframes devui-timeline-running{0%{transform:rotate(0);color:var(--devui-success, #50d4ab);border-color:var(--devui-success, #50d4ab)}50%{transform:rotate(180deg);color:var(--devui-success, #50d4ab);border-color:var(--devui-success, #50d4ab)}to{transform:rotate(360deg);color:var(--devui-success, #50d4ab);border-color:var(--devui-success, #50d4ab)}}
1
+ .devui-icon__container{display:inline-block;color:var(--devui-icon-fill, #71757f)}.devui-icon__container>*:not(:last-child){vertical-align:middle;margin-right:8px}.devui-icon__container i{vertical-align:middle;transition:all var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-icon--disabled{color:var(--devui-disabled-text, #adb0b8);cursor:not-allowed}.devui-icon--disabled i{color:var(--devui-disabled-text, #adb0b8)}.devui-icon--operable:not(.devui-icon--disabled){cursor:pointer;transition:color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-icon--operable:not(.devui-icon--disabled) i{cursor:pointer}.devui-icon--operable:hover:not(.devui-icon--disabled){color:var(--devui-icon-fill-hover, #252b3a)}.devui-icon--operable:hover:not(.devui-icon--disabled).devui-icon__container{background-color:var(--devui-icon-background-hover, var(--devui-list-item-hover-bg, #f2f2f3))}.devui-icon--operable:hover:not(.devui-icon--disabled) i{color:var(--devui-icon-fill-hover, #252b3a)}.devui-icon--operable:active:not(.devui-icon--disabled){color:var(--devui-icon-active-color, var(--devui-icon-fill-active, #252b3a))}.devui-icon--operable:active:not(.devui-icon--disabled).devui-icon__container{background-color:var(--devui-icon-background-active, var(--devui-list-item-active-bg, #f2f5fc))}.devui-icon--operable:active:not(.devui-icon--disabled) i{color:var(--devui-icon-active-color, var(--devui-icon-fill-active, #252b3a))}.devui-icon--operable.devui-icon__container{height:32px;line-height:32px;padding:0 8px;margin-left:-8px;border-radius:var(--devui-border-radius, 4px);transition:all var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-icon--spin{animation:iconSpin 2.5s linear infinite}.devui-svg-icon{vertical-align:middle}@keyframes iconSpin{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}.devui-timeline-vertical{display:flex;flex-direction:column;align-items:center;position:relative}.devui-timeline-vertical .devui-timeline-item{display:flex;flex-direction:row;width:100%}.devui-timeline-vertical .devui-timeline-item-axis{display:flex;flex-direction:column;align-items:center;padding:0 12px}.devui-timeline-vertical .devui-timeline-item-line{position:relative;height:calc(100% - 18px);min-height:20px;border-left-width:2px;border-left-color:var(--devui-dividing-line, #f2f2f3)}.devui-timeline-vertical .devui-timeline-item-line-extra{position:absolute;top:50%;transform:translate(-50%,-50%)}.devui-timeline-vertical .devui-timeline-item-line:first-child{display:none}.devui-timeline-vertical .devui-timeline-item-data-left{text-align:end}.devui-timeline-vertical .devui-timeline-item-data-left,.devui-timeline-vertical .devui-timeline-item-data-right{margin-bottom:24px;margin-top:-2px;flex:1}.devui-timeline-vertical .devui-timeline-item-line-style-dashed{border-left-style:dashed}.devui-timeline-vertical .devui-timeline-item-line-style-solid{border-left-style:solid}.devui-timeline-vertical .devui-timeline-item-line-style-dotted{border-left-style:dotted}.devui-timeline-vertical .devui-timeline-item-line-style-none{border-left-style:none}.devui-timeline-vertical .devui-timeline-item .devui-timeline-middle-zone{position:absolute;top:50%;transform:translate(-50%,-50%)}.devui-timeline-horizontal{display:flex;flex-direction:row;align-items:center;position:relative}.devui-timeline-horizontal-center .devui-timeline-item-data-top,.devui-timeline-horizontal-center .devui-timeline-item-data-bottom{text-align:center;padding:0 6px}.devui-timeline-horizontal-center .devui-timeline-item-data-top>div,.devui-timeline-horizontal-center .devui-timeline-item-data-bottom>div{transform:translate(-50%)}.devui-timeline-horizontal .devui-timeline-item{display:flex;flex-direction:column;height:100%}.devui-timeline-horizontal .devui-timeline-item-axis{display:flex;flex-direction:row;align-items:center;padding:12px 0}.devui-timeline-horizontal .devui-timeline-item-line{position:relative;min-width:60px;width:calc(100% - 18px);border-bottom-width:2px;border-bottom-color:var(--devui-dividing-line, #f2f2f3)}.devui-timeline-horizontal .devui-timeline-item-line-extra{position:absolute;left:50%;transform:translate(-50%,-50%)}.devui-timeline-horizontal .devui-timeline-item:first-child .devui-timeline-item-line:first-child{opacity:0}.devui-timeline-horizontal .devui-timeline-item-data-top,.devui-timeline-horizontal .devui-timeline-item-data-bottom{padding-right:12px;flex:1}.devui-timeline-horizontal .devui-timeline-item-line-style-dashed{border-bottom-style:dashed}.devui-timeline-horizontal .devui-timeline-item-line-style-solid{border-bottom-style:solid}.devui-timeline-horizontal .devui-timeline-item-line-style-dotted{border-bottom-style:dotted}.devui-timeline-horizontal .devui-timeline-item-line-style-none{border-bottom-style:none}.devui-timeline-horizontal .devui-timeline-item .devui-timeline-middle-zone{position:absolute;left:50%;transform:translate(-50%,-50%)}.devui-timeline-item-dot,.devui-timeline-item-dot>svg{width:18px;height:18px;flex-shrink:0}.devui-timeline-item-dot>i{font-size:18px;vertical-align:0}.devui-timeline-item-type-primary{border:2px solid var(--devui-placeholder, #babbc0);border-radius:50%}.devui-timeline-item-type-success i{color:var(--devui-success, #50d4ab)}.devui-timeline-item-type-error i{color:var(--devui-danger, #f66f6a)}.devui-timeline-item-type-warning i{color:var(--devui-warning, #fac20a)}.devui-timeline-item-type-running{line-height:16px;text-align:center;animation:devui-timeline-running 1.5s linear infinite;border:2px solid var(--devui-success, #50d4ab);border-radius:50%}@keyframes devui-timeline-running{0%{transform:rotate(0);color:var(--devui-success, #50d4ab);border-color:var(--devui-success, #50d4ab)}50%{transform:rotate(180deg);color:var(--devui-success, #50d4ab);border-color:var(--devui-success, #50d4ab)}to{transform:rotate(360deg);color:var(--devui-success, #50d4ab);border-color:var(--devui-success, #50d4ab)}}
@@ -1,24 +1,60 @@
1
- var __defProp = Object.defineProperty;
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
- import { defineComponent, createVNode, Teleport, Transition, renderSlot, isVNode, computed, onMounted, watch, onUnmounted, ref, unref, nextTick, mergeProps, Comment, Text, h, Fragment, inject, withDirectives, cloneVNode, toRefs, provide } from "vue";
1
+ import { watch, onUnmounted, defineComponent, toRefs, createVNode, Transition, mergeProps, ref, unref, nextTick, Comment, Text, h, Fragment, inject, withDirectives, cloneVNode, computed, onMounted, provide, Teleport } from "vue";
21
2
  import { offset, autoPlacement, arrow, shift, computePosition } from "@floating-ui/dom";
3
+ const fixedOverlayProps = {
4
+ modelValue: {
5
+ type: Boolean,
6
+ default: false
7
+ },
8
+ lockScroll: {
9
+ type: Boolean,
10
+ default: true
11
+ },
12
+ closeOnClickOverlay: {
13
+ type: Boolean,
14
+ default: true
15
+ }
16
+ };
17
+ function lockScroll() {
18
+ if (document.documentElement.scrollHeight > document.documentElement.clientHeight) {
19
+ const scrollTop = document.documentElement.scrollTop;
20
+ const style = document.documentElement.getAttribute("style");
21
+ document.documentElement.style.position = "fixed";
22
+ document.documentElement.style.top = `-${scrollTop}px`;
23
+ document.documentElement.style.width = document.documentElement.style.width || "100%";
24
+ document.documentElement.style.overflowY = "scroll";
25
+ return () => {
26
+ if (style) {
27
+ document.documentElement.setAttribute("style", style);
28
+ } else {
29
+ document.documentElement.removeAttribute("style");
30
+ }
31
+ document.documentElement.scrollTop = scrollTop;
32
+ };
33
+ }
34
+ return;
35
+ }
36
+ function useFixedOverlay(props, ctx) {
37
+ let lockScrollCb;
38
+ const onClick = (event) => {
39
+ event.preventDefault();
40
+ ctx.emit("click", event);
41
+ if (props.closeOnClickOverlay) {
42
+ ctx.emit("update:modelValue", false);
43
+ }
44
+ };
45
+ const removeBodyAdditions = () => {
46
+ lockScrollCb == null ? void 0 : lockScrollCb();
47
+ };
48
+ watch(() => props.modelValue, (val) => {
49
+ if (val) {
50
+ props.lockScroll && (lockScrollCb = lockScroll());
51
+ } else {
52
+ removeBodyAdditions();
53
+ }
54
+ });
55
+ onUnmounted(removeBodyAdditions);
56
+ return { onClick };
57
+ }
22
58
  function createBem(namespace, element, modifier) {
23
59
  let cls = namespace;
24
60
  if (element) {
@@ -42,130 +78,31 @@ function useNamespace(block, needDot = false) {
42
78
  em
43
79
  };
44
80
  }
45
- var baseOverlay = "";
46
- function _isSlot(s) {
47
- return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
48
- }
49
- const CommonOverlay = defineComponent({
50
- setup(props, ctx) {
51
- const ns2 = useNamespace("overlay");
52
- return () => {
53
- let _slot;
54
- return createVNode(Teleport, {
55
- "to": "#d-overlay-anchor"
56
- }, {
57
- default: () => [createVNode(Transition, {
58
- "name": ns2.e("fade")
59
- }, _isSlot(_slot = renderSlot(ctx.slots, "default")) ? _slot : {
60
- default: () => [_slot]
61
- })]
62
- });
63
- };
64
- }
65
- });
66
- const overlayProps = {
67
- visible: {
68
- type: Boolean
69
- },
70
- backgroundBlock: {
71
- type: Boolean,
72
- default: false
73
- },
74
- backgroundClass: {
75
- type: String,
76
- default: ""
77
- },
78
- backgroundStyle: {
79
- type: [String, Object]
80
- },
81
- onBackdropClick: {
82
- type: Function
83
- },
84
- backdropClose: {
85
- type: Boolean,
86
- default: true
87
- },
88
- hasBackdrop: {
89
- type: Boolean,
90
- default: true
91
- }
92
- };
93
- const fixedOverlayProps = __spreadProps(__spreadValues({}, overlayProps), {
94
- overlayStyle: {
95
- type: [String, Object],
96
- default: void 0
97
- }
98
- });
99
- const overlayEmits = ["update:visible", "backdropClick"];
100
- function useOverlayLogic(props, ctx) {
101
- const ns2 = useNamespace("overlay");
102
- const backgroundClass = computed(() => {
103
- return [ns2.e("background"), props.backgroundClass, !props.hasBackdrop ? ns2.em("background", "disabled") : ns2.em("background", "color")];
104
- });
105
- const overlayClass = computed(() => {
106
- return ns2.b();
107
- });
108
- const handleBackdropClick = (event) => {
109
- var _a;
110
- event.preventDefault();
111
- (_a = props.onBackdropClick) == null ? void 0 : _a.call(props);
112
- if (props.backdropClose) {
113
- ctx.emit("update:visible", false);
114
- }
115
- };
116
- const handleOverlayBubbleCancel = (event) => event.cancelBubble = true;
117
- onMounted(() => {
118
- const body = document.body;
119
- const originOverflow = body.style.overflow;
120
- const originPosition = body.style.position;
121
- watch([() => props.visible, () => props.backgroundBlock], ([visible, backgroundBlock]) => {
122
- if (backgroundBlock) {
123
- const top = body.getBoundingClientRect().y;
124
- if (visible) {
125
- body.style.overflowY = "scroll";
126
- body.style.position = visible ? "fixed" : "";
127
- body.style.top = `${top}px`;
128
- } else {
129
- body.style.overflowY = originOverflow;
130
- body.style.position = originPosition;
131
- body.style.top = "";
132
- window.scrollTo(0, -top);
133
- }
134
- }
135
- });
136
- onUnmounted(() => {
137
- document.body.style.overflow = originOverflow;
138
- });
139
- });
140
- return {
141
- backgroundClass,
142
- overlayClass,
143
- handleBackdropClick,
144
- handleOverlayBubbleCancel
145
- };
146
- }
147
81
  var fixedOverlay = "";
148
82
  defineComponent({
149
83
  name: "DFixedOverlay",
84
+ inheritAttrs: false,
150
85
  props: fixedOverlayProps,
151
- emits: overlayEmits,
86
+ emits: ["update:modelValue", "click"],
152
87
  setup(props, ctx) {
153
88
  const {
154
- backgroundClass,
155
- overlayClass,
156
- handleBackdropClick,
157
- handleOverlayBubbleCancel
158
- } = useOverlayLogic(props, ctx);
159
- return () => createVNode(CommonOverlay, null, {
160
- default: () => [props.visible && createVNode("div", {
161
- "class": backgroundClass.value,
162
- "style": props.backgroundStyle,
163
- "onClick": handleBackdropClick
164
- }, [createVNode("div", {
165
- "class": overlayClass.value,
166
- "style": props.overlayStyle,
167
- "onClick": handleOverlayBubbleCancel
168
- }, [renderSlot(ctx.slots, "default")])])]
89
+ modelValue
90
+ } = toRefs(props);
91
+ const ns2 = useNamespace("fixed-overlay");
92
+ const {
93
+ onClick
94
+ } = useFixedOverlay(props, ctx);
95
+ return () => createVNode(Transition, {
96
+ "name": ns2.m("fade")
97
+ }, {
98
+ default: () => {
99
+ var _a, _b;
100
+ return [modelValue.value && createVNode("div", mergeProps({
101
+ "class": ns2.b()
102
+ }, ctx.attrs, {
103
+ "onClick": onClick
104
+ }), [(_b = (_a = ctx.slots).default) == null ? void 0 : _b.call(_a)])];
105
+ }
169
106
  });
170
107
  }
171
108
  });
@@ -1121,7 +1058,7 @@ var lodash = { exports: {} };
1121
1058
  }
1122
1059
  var runInContext = function runInContext2(context) {
1123
1060
  context = context == null ? root : _.defaults(root.Object(), context, _.pick(root, contextProps));
1124
- var Array2 = context.Array, Date = context.Date, Error2 = context.Error, Function2 = context.Function, Math2 = context.Math, Object2 = context.Object, RegExp2 = context.RegExp, String2 = context.String, TypeError2 = context.TypeError;
1061
+ var Array2 = context.Array, Date = context.Date, Error = context.Error, Function2 = context.Function, Math2 = context.Math, Object2 = context.Object, RegExp2 = context.RegExp, String2 = context.String, TypeError = context.TypeError;
1125
1062
  var arrayProto = Array2.prototype, funcProto = Function2.prototype, objectProto = Object2.prototype;
1126
1063
  var coreJsData = context["__core-js_shared__"];
1127
1064
  var funcToString = funcProto.toString;
@@ -1135,7 +1072,7 @@ var lodash = { exports: {} };
1135
1072
  var objectCtorString = funcToString.call(Object2);
1136
1073
  var oldDash = root._;
1137
1074
  var reIsNative = RegExp2("^" + funcToString.call(hasOwnProperty).replace(reRegExpChar, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$");
1138
- var Buffer2 = moduleExports ? context.Buffer : undefined$1, Symbol2 = context.Symbol, Uint8Array2 = context.Uint8Array, allocUnsafe = Buffer2 ? Buffer2.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
+ 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;
1139
1076
  var defineProperty = function() {
1140
1077
  try {
1141
1078
  var func = getNative(Object2, "defineProperty");
@@ -1145,11 +1082,11 @@ var lodash = { exports: {} };
1145
1082
  }
1146
1083
  }();
1147
1084
  var ctxClearTimeout = context.clearTimeout !== root.clearTimeout && context.clearTimeout, ctxNow = Date && Date.now !== root.Date.now && Date.now, ctxSetTimeout = context.setTimeout !== root.setTimeout && context.setTimeout;
1148
- var nativeCeil = Math2.ceil, nativeFloor = Math2.floor, nativeGetSymbols = Object2.getOwnPropertySymbols, nativeIsBuffer = Buffer2 ? Buffer2.isBuffer : undefined$1, nativeIsFinite = context.isFinite, nativeJoin = arrayProto.join, nativeKeys = overArg(Object2.keys, Object2), nativeMax = Math2.max, nativeMin = Math2.min, nativeNow = Date.now, nativeParseInt = context.parseInt, nativeRandom = Math2.random, nativeReverse = arrayProto.reverse;
1149
- var DataView = getNative(context, "DataView"), Map = getNative(context, "Map"), Promise2 = getNative(context, "Promise"), Set = getNative(context, "Set"), WeakMap2 = getNative(context, "WeakMap"), nativeCreate = getNative(Object2, "create");
1150
- var metaMap = WeakMap2 && new WeakMap2();
1085
+ 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 = Date.now, nativeParseInt = context.parseInt, nativeRandom = Math2.random, nativeReverse = arrayProto.reverse;
1086
+ var DataView = getNative(context, "DataView"), Map = getNative(context, "Map"), Promise = getNative(context, "Promise"), Set = getNative(context, "Set"), WeakMap = getNative(context, "WeakMap"), nativeCreate = getNative(Object2, "create");
1087
+ var metaMap = WeakMap && new WeakMap();
1151
1088
  var realNames = {};
1152
- var dataViewCtorString = toSource(DataView), mapCtorString = toSource(Map), promiseCtorString = toSource(Promise2), setCtorString = toSource(Set), weakMapCtorString = toSource(WeakMap2);
1089
+ var dataViewCtorString = toSource(DataView), mapCtorString = toSource(Map), promiseCtorString = toSource(Promise), setCtorString = toSource(Set), weakMapCtorString = toSource(WeakMap);
1153
1090
  var symbolProto = Symbol2 ? Symbol2.prototype : undefined$1, symbolValueOf = symbolProto ? symbolProto.valueOf : undefined$1, symbolToString = symbolProto ? symbolProto.toString : undefined$1;
1154
1091
  function lodash2(value) {
1155
1092
  if (isObjectLike(value) && !isArray(value) && !(value instanceof LazyWrapper)) {
@@ -1602,7 +1539,7 @@ var lodash = { exports: {} };
1602
1539
  }
1603
1540
  function baseDelay(func, wait, args) {
1604
1541
  if (typeof func != "function") {
1605
- throw new TypeError2(FUNC_ERROR_TEXT);
1542
+ throw new TypeError(FUNC_ERROR_TEXT);
1606
1543
  }
1607
1544
  return setTimeout2(function() {
1608
1545
  func.apply(undefined$1, args);
@@ -2397,7 +2334,7 @@ var lodash = { exports: {} };
2397
2334
  }
2398
2335
  function cloneArrayBuffer(arrayBuffer) {
2399
2336
  var result2 = new arrayBuffer.constructor(arrayBuffer.byteLength);
2400
- new Uint8Array2(result2).set(new Uint8Array2(arrayBuffer));
2337
+ new Uint8Array(result2).set(new Uint8Array(arrayBuffer));
2401
2338
  return result2;
2402
2339
  }
2403
2340
  function cloneDataView(dataView, isDeep) {
@@ -2646,7 +2583,7 @@ var lodash = { exports: {} };
2646
2583
  while (index2--) {
2647
2584
  var func = funcs[index2];
2648
2585
  if (typeof func != "function") {
2649
- throw new TypeError2(FUNC_ERROR_TEXT);
2586
+ throw new TypeError(FUNC_ERROR_TEXT);
2650
2587
  }
2651
2588
  if (prereq && !wrapper && getFuncName(func) == "wrapper") {
2652
2589
  var wrapper = new LodashWrapper([], true);
@@ -2859,7 +2796,7 @@ var lodash = { exports: {} };
2859
2796
  function createWrap(func, bitmask, thisArg, partials, holders, argPos, ary2, arity) {
2860
2797
  var isBindKey = bitmask & WRAP_BIND_KEY_FLAG;
2861
2798
  if (!isBindKey && typeof func != "function") {
2862
- throw new TypeError2(FUNC_ERROR_TEXT);
2799
+ throw new TypeError(FUNC_ERROR_TEXT);
2863
2800
  }
2864
2801
  var length = partials ? partials.length : 0;
2865
2802
  if (!length) {
@@ -2979,7 +2916,7 @@ var lodash = { exports: {} };
2979
2916
  object = object.buffer;
2980
2917
  other = other.buffer;
2981
2918
  case arrayBufferTag:
2982
- if (object.byteLength != other.byteLength || !equalFunc(new Uint8Array2(object), new Uint8Array2(other))) {
2919
+ if (object.byteLength != other.byteLength || !equalFunc(new Uint8Array(object), new Uint8Array(other))) {
2983
2920
  return false;
2984
2921
  }
2985
2922
  return true;
@@ -3141,7 +3078,7 @@ var lodash = { exports: {} };
3141
3078
  return result2;
3142
3079
  };
3143
3080
  var getTag = baseGetTag;
3144
- if (DataView && getTag(new DataView(new ArrayBuffer(1))) != dataViewTag || Map && getTag(new Map()) != mapTag || Promise2 && getTag(Promise2.resolve()) != promiseTag || Set && getTag(new Set()) != setTag || WeakMap2 && getTag(new WeakMap2()) != weakMapTag) {
3081
+ if (DataView && getTag(new DataView(new ArrayBuffer(1))) != dataViewTag || Map && getTag(new Map()) != mapTag || Promise && getTag(Promise.resolve()) != promiseTag || Set && getTag(new Set()) != setTag || WeakMap && getTag(new WeakMap()) != weakMapTag) {
3145
3082
  getTag = function(value) {
3146
3083
  var result2 = baseGetTag(value), Ctor = result2 == objectTag ? value.constructor : undefined$1, ctorString = Ctor ? toSource(Ctor) : "";
3147
3084
  if (ctorString) {
@@ -4126,7 +4063,7 @@ var lodash = { exports: {} };
4126
4063
  };
4127
4064
  function after(n, func) {
4128
4065
  if (typeof func != "function") {
4129
- throw new TypeError2(FUNC_ERROR_TEXT);
4066
+ throw new TypeError(FUNC_ERROR_TEXT);
4130
4067
  }
4131
4068
  n = toInteger(n);
4132
4069
  return function() {
@@ -4143,7 +4080,7 @@ var lodash = { exports: {} };
4143
4080
  function before(n, func) {
4144
4081
  var result2;
4145
4082
  if (typeof func != "function") {
4146
- throw new TypeError2(FUNC_ERROR_TEXT);
4083
+ throw new TypeError(FUNC_ERROR_TEXT);
4147
4084
  }
4148
4085
  n = toInteger(n);
4149
4086
  return function() {
@@ -4187,7 +4124,7 @@ var lodash = { exports: {} };
4187
4124
  function debounce(func, wait, options) {
4188
4125
  var lastArgs, lastThis, maxWait, result2, timerId, lastCallTime, lastInvokeTime = 0, leading = false, maxing = false, trailing = true;
4189
4126
  if (typeof func != "function") {
4190
- throw new TypeError2(FUNC_ERROR_TEXT);
4127
+ throw new TypeError(FUNC_ERROR_TEXT);
4191
4128
  }
4192
4129
  wait = toNumber(wait) || 0;
4193
4130
  if (isObject2(options)) {
@@ -4276,7 +4213,7 @@ var lodash = { exports: {} };
4276
4213
  }
4277
4214
  function memoize(func, resolver) {
4278
4215
  if (typeof func != "function" || resolver != null && typeof resolver != "function") {
4279
- throw new TypeError2(FUNC_ERROR_TEXT);
4216
+ throw new TypeError(FUNC_ERROR_TEXT);
4280
4217
  }
4281
4218
  var memoized = function() {
4282
4219
  var args = arguments, key = resolver ? resolver.apply(this, args) : args[0], cache = memoized.cache;
@@ -4293,7 +4230,7 @@ var lodash = { exports: {} };
4293
4230
  memoize.Cache = MapCache;
4294
4231
  function negate(predicate) {
4295
4232
  if (typeof predicate != "function") {
4296
- throw new TypeError2(FUNC_ERROR_TEXT);
4233
+ throw new TypeError(FUNC_ERROR_TEXT);
4297
4234
  }
4298
4235
  return function() {
4299
4236
  var args = arguments;
@@ -4337,14 +4274,14 @@ var lodash = { exports: {} };
4337
4274
  });
4338
4275
  function rest(func, start) {
4339
4276
  if (typeof func != "function") {
4340
- throw new TypeError2(FUNC_ERROR_TEXT);
4277
+ throw new TypeError(FUNC_ERROR_TEXT);
4341
4278
  }
4342
4279
  start = start === undefined$1 ? start : toInteger(start);
4343
4280
  return baseRest(func, start);
4344
4281
  }
4345
4282
  function spread(func, start) {
4346
4283
  if (typeof func != "function") {
4347
- throw new TypeError2(FUNC_ERROR_TEXT);
4284
+ throw new TypeError(FUNC_ERROR_TEXT);
4348
4285
  }
4349
4286
  start = start == null ? 0 : nativeMax(toInteger(start), 0);
4350
4287
  return baseRest(function(args) {
@@ -4358,7 +4295,7 @@ var lodash = { exports: {} };
4358
4295
  function throttle(func, wait, options) {
4359
4296
  var leading = true, trailing = true;
4360
4297
  if (typeof func != "function") {
4361
- throw new TypeError2(FUNC_ERROR_TEXT);
4298
+ throw new TypeError(FUNC_ERROR_TEXT);
4362
4299
  }
4363
4300
  if (isObject2(options)) {
4364
4301
  leading = "leading" in options ? !!options.leading : leading;
@@ -4500,7 +4437,7 @@ var lodash = { exports: {} };
4500
4437
  }
4501
4438
  function isNative(value) {
4502
4439
  if (isMaskable(value)) {
4503
- throw new Error2(CORE_ERROR_TEXT);
4440
+ throw new Error(CORE_ERROR_TEXT);
4504
4441
  }
4505
4442
  return baseIsNative(value);
4506
4443
  }
@@ -5038,7 +4975,7 @@ var lodash = { exports: {} };
5038
4975
  if (!variable) {
5039
4976
  source = "with (obj) {\n" + source + "\n}\n";
5040
4977
  } else if (reForbiddenIdentifierChars.test(variable)) {
5041
- throw new Error2(INVALID_TEMPL_VAR_ERROR_TEXT);
4978
+ throw new Error(INVALID_TEMPL_VAR_ERROR_TEXT);
5042
4979
  }
5043
4980
  source = (isEvaluating ? source.replace(reEmptyStringLeading, "") : source).replace(reEmptyStringMiddle, "$1").replace(reEmptyStringTrailing, "$1;");
5044
4981
  source = "function(" + (variable || "obj") + ") {\n" + (variable ? "" : "obj || (obj = {});\n") + "var __t, __p = ''" + (isEscaping ? ", __e = _.escape" : "") + (isEvaluating ? ", __j = Array.prototype.join;\nfunction print() { __p += __j.call(arguments, '') }\n" : ";\n") + source + "return __p\n}";
@@ -5157,7 +5094,7 @@ var lodash = { exports: {} };
5157
5094
  try {
5158
5095
  return apply(func, undefined$1, args);
5159
5096
  } catch (e) {
5160
- return isError(e) ? e : new Error2(e);
5097
+ return isError(e) ? e : new Error(e);
5161
5098
  }
5162
5099
  });
5163
5100
  var bindAll = flatRest(function(object, methodNames) {
@@ -5171,7 +5108,7 @@ var lodash = { exports: {} };
5171
5108
  var length = pairs == null ? 0 : pairs.length, toIteratee = getIteratee();
5172
5109
  pairs = !length ? [] : arrayMap(pairs, function(pair) {
5173
5110
  if (typeof pair[1] != "function") {
5174
- throw new TypeError2(FUNC_ERROR_TEXT);
5111
+ throw new TypeError(FUNC_ERROR_TEXT);
5175
5112
  }
5176
5113
  return [toIteratee(pair[0]), pair[1]];
5177
5114
  });
@@ -5955,7 +5892,7 @@ var Tooltip = defineComponent({
5955
5892
  var index = {
5956
5893
  title: "Tooltip \u63D0\u793A",
5957
5894
  category: "\u53CD\u9988",
5958
- status: "70%",
5895
+ status: "100%",
5959
5896
  install(app) {
5960
5897
  app.component(Tooltip.name, Tooltip);
5961
5898
  }