vue-devui 1.0.0-beta.18 → 1.0.0-beta.19
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 +200 -187
- package/accordion/index.es.js +221 -6
- package/accordion/index.umd.js +1 -1
- package/alert/index.es.js +28 -30
- package/alert/index.umd.js +1 -1
- package/auto-complete/index.es.js +131 -269
- package/auto-complete/index.umd.js +1 -1
- package/auto-complete/style.css +1 -1
- package/back-top/index.es.js +4 -2
- package/badge/index.es.js +13 -19
- package/badge/index.umd.js +1 -1
- package/badge/style.css +1 -1
- package/breadcrumb/index.es.js +2 -1
- package/button/index.es.js +39 -40
- package/button/index.umd.js +1 -1
- package/carousel/index.es.js +38 -53
- package/carousel/index.umd.js +1 -1
- package/cascader/index.es.js +16 -8
- package/cascader/style.css +1 -1
- package/color-picker/index.es.js +97 -89
- package/color-picker/index.umd.js +7 -7
- package/countdown/index.es.js +2 -1
- package/date-picker/index.es.js +40 -57
- package/date-picker/index.umd.js +1 -1
- package/date-picker/style.css +1 -1
- package/drawer/index.es.js +162 -5741
- package/drawer/index.umd.js +1 -27
- package/drawer/style.css +1 -1
- package/dropdown/index.es.js +459 -301
- package/dropdown/index.umd.js +1 -1
- package/dropdown/style.css +1 -1
- package/editable-select/index.es.js +6 -3
- package/form/index.es.js +1953 -1550
- package/form/index.umd.js +18 -18
- package/form/style.css +1 -1
- package/fullscreen/index.es.js +112 -133
- package/fullscreen/index.umd.js +1 -1
- package/fullscreen/style.css +1 -1
- package/icon/index.es.js +39 -57
- package/icon/index.umd.js +1 -1
- package/image-preview/index.es.js +2 -1
- package/input/style.css +1 -1
- package/input-icon/index.es.js +38 -37
- package/input-icon/index.umd.js +1 -1
- package/input-icon/style.css +1 -1
- package/input-number/index.es.js +46 -57
- package/input-number/index.umd.js +1 -1
- package/input-number/style.css +1 -1
- package/{time-axis → list}/index.d.ts +0 -0
- package/list/index.es.js +39 -0
- package/list/index.umd.js +1 -0
- package/{toast → list}/package.json +1 -1
- package/list/style.css +1 -0
- package/modal/index.es.js +300 -934
- package/modal/index.umd.js +1 -1
- package/modal/style.css +1 -1
- package/{toast → notification}/index.d.ts +0 -0
- package/notification/index.es.js +284 -0
- package/notification/index.umd.js +1 -0
- package/notification/package.json +7 -0
- package/notification/style.css +1 -0
- package/nuxt/components/DropdownMenu.js +3 -0
- package/nuxt/components/IFileOptions.js +3 -0
- package/nuxt/components/IUploadOptions.js +3 -0
- package/nuxt/components/List.js +3 -0
- package/nuxt/components/ListItem.js +3 -0
- package/nuxt/components/Notification.js +3 -0
- package/nuxt/components/NotificationService.js +3 -0
- package/nuxt/components/PanelBody.js +3 -0
- package/nuxt/components/PanelFooter.js +3 -0
- package/nuxt/components/PanelHeader.js +3 -0
- package/nuxt/components/Timeline.js +3 -0
- package/nuxt/components/TimelineItem.js +3 -0
- package/nuxt/components/UploadStatus.js +3 -0
- package/nuxt/components/alertProps.js +3 -0
- package/nuxt/components/badgeProps.js +3 -0
- package/nuxt/components/dropdownMenuProps.js +3 -0
- package/nuxt/components/fixedOverlayProps.js +3 -0
- package/nuxt/components/flexibleOverlayProps.js +3 -0
- package/nuxt/components/fullscreenProps.js +3 -0
- package/nuxt/components/iconProps.js +2 -0
- package/nuxt/components/notificationProps.js +3 -0
- package/nuxt/components/overlayEmits.js +3 -0
- package/nuxt/components/overlayProps.js +3 -0
- package/nuxt/components/paginationProps.js +3 -0
- package/nuxt/components/panelProps.js +3 -0
- package/nuxt/components/popoverProps.js +3 -0
- package/nuxt/components/searchProps.js +3 -0
- package/nuxt/components/tooltipProps.js +3 -0
- package/nuxt/components/uploadProps.js +3 -0
- package/overlay/index.es.js +152 -198
- package/overlay/index.umd.js +1 -1
- package/overlay/style.css +1 -1
- package/package.json +40 -87
- package/pagination/index.es.js +10 -12
- package/pagination/index.umd.js +1 -1
- package/panel/index.es.js +45 -32
- package/panel/index.umd.js +1 -1
- package/popover/index.es.js +5954 -201
- package/popover/index.umd.js +27 -1
- package/popover/style.css +1 -1
- package/read-tip/index.es.js +6 -3
- package/result/index.es.js +38 -53
- package/result/index.umd.js +1 -1
- package/ripple/index.es.js +9 -5
- package/search/index.es.js +19 -29
- package/search/index.umd.js +6 -6
- package/search/style.css +1 -1
- package/select/index.es.js +42 -42
- package/select/index.umd.js +1 -1
- package/select/style.css +1 -1
- package/skeleton/index.es.js +17 -17
- package/skeleton/index.umd.js +1 -1
- package/slider/index.es.js +2 -1
- package/splitter/index.es.js +5814 -98
- package/splitter/index.umd.js +27 -1
- package/splitter/style.css +1 -1
- package/status/index.es.js +1 -4
- package/status/index.umd.js +1 -1
- package/status/style.css +1 -1
- package/steps-guide/index.es.js +6 -3
- package/style.css +1 -1
- package/table/index.es.js +456 -299
- package/table/index.umd.js +1 -1
- package/table/style.css +1 -1
- package/tabs/index.es.js +3 -4
- package/tabs/index.umd.js +1 -1
- package/tag/index.es.js +2 -1
- package/tag-input/index.es.js +4 -2
- package/textarea/style.css +1 -1
- package/time-picker/index.es.js +43 -42
- package/time-picker/index.umd.js +1 -1
- package/timeline/index.d.ts +7 -0
- package/{time-axis → timeline}/index.es.js +65 -78
- package/timeline/index.umd.js +1 -0
- package/{time-axis → timeline}/package.json +1 -1
- package/timeline/style.css +1 -0
- package/tooltip/index.es.js +5804 -94
- package/tooltip/index.umd.js +27 -1
- package/tooltip/style.css +1 -1
- package/transfer/index.es.js +440 -165
- package/transfer/index.umd.js +17 -17
- package/transfer/style.css +1 -1
- package/tree/index.es.js +12 -7
- package/tree/index.umd.js +10 -10
- package/tree-select/index.es.js +10 -6
- package/tree-select/index.umd.js +1 -1
- package/upload/index.es.js +335 -6068
- package/upload/index.umd.js +1 -27
- package/upload/style.css +1 -1
- package/vue-devui.es.js +2555 -2799
- package/vue-devui.umd.js +16 -16
- package/nuxt/components/TimeAxis.js +0 -3
- package/nuxt/components/TimeAxisItem.js +0 -3
- package/nuxt/components/Toast.js +0 -3
- package/nuxt/components/ToastService.js +0 -3
- package/time-axis/index.umd.js +0 -1
- package/time-axis/style.css +0 -1
- package/toast/index.es.js +0 -5918
- package/toast/index.umd.js +0 -27
- package/toast/style.css +0 -1
package/accordion/index.es.js
CHANGED
|
@@ -17,7 +17,8 @@ var __spreadValues = (a, b) => {
|
|
|
17
17
|
return a;
|
|
18
18
|
};
|
|
19
19
|
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
|
-
import { createVNode, getCurrentInstance, defineComponent, toRefs, inject, computed, Fragment, mergeProps, resolveComponent, createTextVNode, provide, onMounted, watch } from "vue";
|
|
20
|
+
import { createVNode, getCurrentInstance, defineComponent, toRefs, inject, computed, Fragment, mergeProps, resolveComponent, isVNode, createTextVNode, provide, onMounted, watch } from "vue";
|
|
21
|
+
import { useRoute } from "vue-router";
|
|
21
22
|
const accordionProps = {
|
|
22
23
|
data: {
|
|
23
24
|
type: Array,
|
|
@@ -131,16 +132,18 @@ var DAccordionMenu = defineComponent({
|
|
|
131
132
|
accordionCtx.menuToggleFn(itemEvent);
|
|
132
133
|
};
|
|
133
134
|
const hasActiveChildren = (item2) => {
|
|
134
|
-
if (item2[activeKey.value] === true)
|
|
135
|
+
if (item2[activeKey.value] === true) {
|
|
135
136
|
return true;
|
|
137
|
+
}
|
|
136
138
|
if (item2[childrenKey.value]) {
|
|
137
139
|
return hasChildActive(item2[childrenKey.value]);
|
|
138
140
|
}
|
|
139
141
|
};
|
|
140
142
|
const hasChildActive = (arr) => {
|
|
141
143
|
let flag = false;
|
|
142
|
-
if (!arr.length)
|
|
144
|
+
if (!arr.length) {
|
|
143
145
|
return false;
|
|
146
|
+
}
|
|
144
147
|
for (let i = 0; i < arr.length; i++) {
|
|
145
148
|
if (arr[i][activeKey.value] === true) {
|
|
146
149
|
flag = true;
|
|
@@ -148,8 +151,9 @@ var DAccordionMenu = defineComponent({
|
|
|
148
151
|
}
|
|
149
152
|
if (arr[i][childrenKey.value]) {
|
|
150
153
|
flag = hasChildActive(arr[i][childrenKey.value]);
|
|
151
|
-
if (flag)
|
|
154
|
+
if (flag) {
|
|
152
155
|
break;
|
|
156
|
+
}
|
|
153
157
|
}
|
|
154
158
|
}
|
|
155
159
|
return flag;
|
|
@@ -277,11 +281,201 @@ var DAccordionItem = defineComponent({
|
|
|
277
281
|
};
|
|
278
282
|
}
|
|
279
283
|
});
|
|
284
|
+
var DAccordionItemHreflink = defineComponent({
|
|
285
|
+
name: "DAccordionItemHreflink",
|
|
286
|
+
component: {
|
|
287
|
+
DAccordionItem
|
|
288
|
+
},
|
|
289
|
+
props: __spreadValues({
|
|
290
|
+
item: Object,
|
|
291
|
+
deepth: {
|
|
292
|
+
type: Number,
|
|
293
|
+
default: 0
|
|
294
|
+
},
|
|
295
|
+
parent: {
|
|
296
|
+
type: Object,
|
|
297
|
+
default: null
|
|
298
|
+
}
|
|
299
|
+
}, accordionProps),
|
|
300
|
+
setup(props) {
|
|
301
|
+
const {
|
|
302
|
+
item,
|
|
303
|
+
deepth,
|
|
304
|
+
parent,
|
|
305
|
+
titleKey,
|
|
306
|
+
linkKey,
|
|
307
|
+
linkTargetKey,
|
|
308
|
+
linkDefaultTarget,
|
|
309
|
+
disabledKey,
|
|
310
|
+
itemTemplate
|
|
311
|
+
} = toRefs(props);
|
|
312
|
+
const rootSlots = getRootSlots();
|
|
313
|
+
const accordionCtx = inject("accordionContext");
|
|
314
|
+
const title = computed(() => {
|
|
315
|
+
return item.value && item.value[titleKey.value];
|
|
316
|
+
});
|
|
317
|
+
const link = computed(() => {
|
|
318
|
+
return item.value && item.value[linkKey.value];
|
|
319
|
+
});
|
|
320
|
+
const target = computed(() => {
|
|
321
|
+
return item.value && (item.value[linkTargetKey.value] || linkDefaultTarget.value);
|
|
322
|
+
});
|
|
323
|
+
const disabled = computed(() => {
|
|
324
|
+
return item.value && item.value[disabledKey.value];
|
|
325
|
+
});
|
|
326
|
+
const parentValue = parent.value;
|
|
327
|
+
const deepValue = deepth.value;
|
|
328
|
+
const linkItemClickFn = (itemEvent) => {
|
|
329
|
+
if (item.value && !disabled.value) {
|
|
330
|
+
accordionCtx.itemClickFn(itemEvent);
|
|
331
|
+
}
|
|
332
|
+
};
|
|
333
|
+
const renderContent = () => {
|
|
334
|
+
var _a;
|
|
335
|
+
return createVNode(Fragment, null, [createVNode("div", {
|
|
336
|
+
"class": ["devui-accordion-splitter", deepValue === 0 && "devui-parent-list"],
|
|
337
|
+
"style": {
|
|
338
|
+
left: deepValue * 20 + 10 + "px"
|
|
339
|
+
}
|
|
340
|
+
}, null), (!rootSlots.itemTemplate || itemTemplate.value === false) && createVNode(Fragment, null, [title.value]), rootSlots.itemTemplate && itemTemplate.value !== false && ((_a = rootSlots.itemTemplate) == null ? void 0 : _a.call(rootSlots, {
|
|
341
|
+
parent: parentValue,
|
|
342
|
+
deepth: deepValue,
|
|
343
|
+
item: item.value
|
|
344
|
+
}))]);
|
|
345
|
+
};
|
|
346
|
+
return () => {
|
|
347
|
+
return createVNode(Fragment, null, [createVNode("div", {
|
|
348
|
+
"class": ["devui-accordion-item-title", disabled.value && "disabled"],
|
|
349
|
+
"style": {
|
|
350
|
+
textIndent: deepValue * 20 + "px"
|
|
351
|
+
}
|
|
352
|
+
}, [!disabled.value && createVNode("a", {
|
|
353
|
+
"href": link.value,
|
|
354
|
+
"target": target.value,
|
|
355
|
+
"class": "devui-over-flow-ellipsis",
|
|
356
|
+
"title": title.value,
|
|
357
|
+
"onClick": (e) => linkItemClickFn({
|
|
358
|
+
item: item.value,
|
|
359
|
+
parent: parentValue,
|
|
360
|
+
event: e
|
|
361
|
+
})
|
|
362
|
+
}, [renderContent()]), disabled.value && createVNode("a", {
|
|
363
|
+
"class": "devui-over-flow-ellipsis",
|
|
364
|
+
"title": title.value
|
|
365
|
+
}, [renderContent()])])]);
|
|
366
|
+
};
|
|
367
|
+
}
|
|
368
|
+
});
|
|
369
|
+
function _isSlot(s) {
|
|
370
|
+
return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
|
|
371
|
+
}
|
|
372
|
+
var DAccordionItemRouterlink = defineComponent({
|
|
373
|
+
name: "DAccordionItemRouterlink",
|
|
374
|
+
component: {
|
|
375
|
+
DAccordionItem
|
|
376
|
+
},
|
|
377
|
+
props: __spreadValues({
|
|
378
|
+
item: Object,
|
|
379
|
+
deepth: {
|
|
380
|
+
type: Number,
|
|
381
|
+
default: 0
|
|
382
|
+
},
|
|
383
|
+
parent: {
|
|
384
|
+
type: Object,
|
|
385
|
+
default: null
|
|
386
|
+
}
|
|
387
|
+
}, accordionProps),
|
|
388
|
+
setup(props) {
|
|
389
|
+
const {
|
|
390
|
+
item,
|
|
391
|
+
deepth,
|
|
392
|
+
parent,
|
|
393
|
+
titleKey,
|
|
394
|
+
linkKey,
|
|
395
|
+
linkDefaultTarget,
|
|
396
|
+
disabledKey,
|
|
397
|
+
itemTemplate
|
|
398
|
+
} = toRefs(props);
|
|
399
|
+
const route = useRoute();
|
|
400
|
+
const rootSlots = getRootSlots();
|
|
401
|
+
const accordionCtx = inject("accordionContext");
|
|
402
|
+
console.log(useRoute());
|
|
403
|
+
const title = computed(() => {
|
|
404
|
+
return item.value && item.value[titleKey.value];
|
|
405
|
+
});
|
|
406
|
+
const link = computed(() => {
|
|
407
|
+
return item.value && item.value[linkKey.value];
|
|
408
|
+
});
|
|
409
|
+
const isUsedVueRouter = computed(() => route !== void 0);
|
|
410
|
+
const routerLinkActive = computed(() => {
|
|
411
|
+
return route === link.value;
|
|
412
|
+
});
|
|
413
|
+
const disabled = computed(() => {
|
|
414
|
+
return item.value && item.value[disabledKey.value];
|
|
415
|
+
});
|
|
416
|
+
const parentValue = parent.value;
|
|
417
|
+
const deepValue = deepth.value;
|
|
418
|
+
const linkItemClickFn = (itemEvent) => {
|
|
419
|
+
if (item.value && !disabled.value) {
|
|
420
|
+
accordionCtx.itemClickFn(itemEvent);
|
|
421
|
+
}
|
|
422
|
+
};
|
|
423
|
+
const renderContent = () => {
|
|
424
|
+
var _a;
|
|
425
|
+
return createVNode(Fragment, null, [createVNode("div", {
|
|
426
|
+
"class": ["devui-accordion-splitter", deepValue === 0 && "devui-parent-list"],
|
|
427
|
+
"style": {
|
|
428
|
+
left: deepValue * 20 + 10 + "px"
|
|
429
|
+
}
|
|
430
|
+
}, null), (!rootSlots.itemTemplate || itemTemplate.value === false) && createVNode(Fragment, null, [title.value]), rootSlots.itemTemplate && itemTemplate.value !== false && ((_a = rootSlots.itemTemplate) == null ? void 0 : _a.call(rootSlots, {
|
|
431
|
+
parent: parentValue,
|
|
432
|
+
deepth: deepValue,
|
|
433
|
+
item: item.value
|
|
434
|
+
}))]);
|
|
435
|
+
};
|
|
436
|
+
return () => {
|
|
437
|
+
let _slot;
|
|
438
|
+
return createVNode(Fragment, null, [createVNode("div", {
|
|
439
|
+
"class": ["devui-accordion-item-title", disabled.value && "disabled"],
|
|
440
|
+
"style": {
|
|
441
|
+
textIndent: deepValue * 20 + "px"
|
|
442
|
+
}
|
|
443
|
+
}, [!disabled.value && createVNode(Fragment, null, [isUsedVueRouter.value && createVNode(resolveComponent("router-link"), {
|
|
444
|
+
"to": link.value,
|
|
445
|
+
"class": ["devui-over-flow-ellipsis", routerLinkActive.value && ".devui-router-active"],
|
|
446
|
+
"custom": true,
|
|
447
|
+
"title": title.value,
|
|
448
|
+
"onClick": (e) => linkItemClickFn({
|
|
449
|
+
item: item.value,
|
|
450
|
+
parent: parentValue,
|
|
451
|
+
event: e
|
|
452
|
+
})
|
|
453
|
+
}, _isSlot(_slot = renderContent()) ? _slot : {
|
|
454
|
+
default: () => [_slot]
|
|
455
|
+
}), !isUsedVueRouter.value && createVNode("a", {
|
|
456
|
+
"href": link.value,
|
|
457
|
+
"target": linkDefaultTarget.value,
|
|
458
|
+
"class": "devui-over-flow-ellipsis",
|
|
459
|
+
"title": title.value,
|
|
460
|
+
"onClick": (e) => linkItemClickFn({
|
|
461
|
+
item: item.value,
|
|
462
|
+
parent: parentValue,
|
|
463
|
+
event: e
|
|
464
|
+
})
|
|
465
|
+
}, [renderContent()])]), disabled.value && createVNode("a", {
|
|
466
|
+
"class": "devui-over-flow-ellipsis",
|
|
467
|
+
"title": title.value
|
|
468
|
+
}, [renderContent()])])]);
|
|
469
|
+
};
|
|
470
|
+
}
|
|
471
|
+
});
|
|
280
472
|
var AccordionList = defineComponent({
|
|
281
473
|
name: "DAccordionList",
|
|
282
474
|
components: {
|
|
283
475
|
DAccordionMenu,
|
|
284
|
-
DAccordionItem
|
|
476
|
+
DAccordionItem,
|
|
477
|
+
DAccordionItemHreflink,
|
|
478
|
+
DAccordionItemRouterlink
|
|
285
479
|
},
|
|
286
480
|
inheritAttrs: false,
|
|
287
481
|
props: __spreadValues({
|
|
@@ -311,6 +505,7 @@ var AccordionList = defineComponent({
|
|
|
311
505
|
showNoContent,
|
|
312
506
|
loadingKey,
|
|
313
507
|
titleKey,
|
|
508
|
+
linkTypeKey,
|
|
314
509
|
loadingTemplate,
|
|
315
510
|
noContentTemplate,
|
|
316
511
|
innerListTemplate
|
|
@@ -344,7 +539,27 @@ var AccordionList = defineComponent({
|
|
|
344
539
|
"item": item,
|
|
345
540
|
"deepth": deepValue,
|
|
346
541
|
"parent": parentValue
|
|
347
|
-
}), null)
|
|
542
|
+
}), null), linkType.value === "routerLink" && createVNode(resolveComponent("d-accordion-item-routerlink"), mergeProps(props, {
|
|
543
|
+
"item": item,
|
|
544
|
+
"deepth": deepValue,
|
|
545
|
+
"parent": parentValue
|
|
546
|
+
}), null), linkType.value === "hrefLink" && createVNode(resolveComponent("d-accordion-item-hreflink"), mergeProps(props, {
|
|
547
|
+
"item": item,
|
|
548
|
+
"deepth": deepValue,
|
|
549
|
+
"parent": parentValue
|
|
550
|
+
}), null), linkType.value === "dependOnLinkTypeKey" && createVNode(Fragment, null, [item[linkTypeKey.value] === "routerLink" && createVNode(resolveComponent("d-accordion-item-routerlink"), mergeProps(props, {
|
|
551
|
+
"item": item,
|
|
552
|
+
"deepth": deepValue,
|
|
553
|
+
"parent": parentValue
|
|
554
|
+
}), null), item[linkTypeKey.value] === "hrefLink" && createVNode(resolveComponent("d-accordion-item-hreflink"), mergeProps(props, {
|
|
555
|
+
"item": item,
|
|
556
|
+
"deepth": deepValue,
|
|
557
|
+
"parent": parentValue
|
|
558
|
+
}), null), item[linkTypeKey.value] !== "routerLink" && item[linkTypeKey.value] !== "hrefLink" && createVNode(resolveComponent("d-accordion-item"), mergeProps(props, {
|
|
559
|
+
"item": item,
|
|
560
|
+
"deepth": deepValue,
|
|
561
|
+
"parent": parentValue
|
|
562
|
+
}), null)])])]);
|
|
348
563
|
})]), rootSlots.innerListTemplate && innerListTemplate.value !== false && deepValue !== 0 && ((_a = rootSlots.innerListTemplate) == null ? void 0 : _a.call(rootSlots, {
|
|
349
564
|
item: parentValue,
|
|
350
565
|
deepth: deepValue,
|
package/accordion/index.umd.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var q=Object.defineProperty,z=Object.defineProperties;var E=Object.getOwnPropertyDescriptors;var M=Object.getOwnPropertySymbols;var Z=Object.prototype.hasOwnProperty,G=Object.prototype.propertyIsEnumerable;var S=(i,e,m)=>e in i?q(i,e,{enumerable:!0,configurable:!0,writable:!0,value:m}):i[e]=m,K=(i,e)=>{for(var m in e||(e={}))Z.call(e,m)&&S(i,m,e[m]);if(M)for(var m of M(e))G.call(e,m)&&S(i,m,e[m]);return i},L=(i,e)=>z(i,E(e));(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 m={data:{type:Array,default:null},titleKey:{type:String,default:"title"},loadingKey:{type:String,default:"loading"},childrenKey:{type:String,default:"children"},disabledKey:{type:String,default:"disabled"},activeKey:{type:String,default:"active"},openKey:{type:String,default:"open"},menuItemTemplate:{type:Boolean,default:!0},itemTemplate:{type:Boolean,default:!0},menuToggle:{type:Function,default:null},itemClick:{type:Function,default:null},activeItemChange:{type:Function,default:null},restrictOneOpen:{type:Boolean,default:!1},autoOpenActiveMenu:{type:Boolean,default:!1},showNoContent:{type:Boolean,default:!0},noContentTemplate:{type:Boolean,default:!0},loadingTemplate:{type:Boolean,default:!0},innerListTemplate:{type:Boolean,default:!0},linkType:{type:String,default:""},linkTypeKey:{type:String,default:"linkType"},linkKey:{type:String,default:"link"},linkTargetKey:{type:String,default:"target"},linkDefaultTarget:{type:String,default:"_self"},accordionType:{type:String,default:"normal"}},D=()=>e.createVNode("svg",{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"},[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 7.84170876,10.8417088 7.64644661,10.6464466 L3.85355339,6.85355339 C3.65829124,6.65829124 3.65829124,6.34170876 3.85355339,6.14644661 C3.94732158,6.05267842 4.07449854,6 4.20710678,6 L11.7928932,6 C12.0690356,6 12.2928932,6.22385763 12.2928932,6.5 C12.2928932,6.63260824 12.2402148,6.7597852 12.1464466,6.85355339 Z","fill-rule":"nonzero"},null)])]),B=()=>{const d="DAccordion",t=c=>{if(c&&c.type.name===d)return c;if(c&&c.parent){const h=c.parent;return t(h)}},u=t(e.getCurrentInstance());return u==null?void 0:u.slots};var P=e.defineComponent({name:"DAccordionMenu",components:{OpenIcon:D},props:K({item:Object,deepth:{type:Number,default:0},parent:{type:Object,default:null}},m),setup(d){const{item:t,deepth:u,parent:c,openKey:h,activeKey:T,autoOpenActiveMenu:k,disabledKey:N,childrenKey:v,titleKey:s,menuItemTemplate:C}=e.toRefs(d),p=B(),V=e.inject("accordionContext"),f=c.value,o=u.value,a=r=>{V.menuToggleFn(r)},x=r=>{if(r[T.value]===!0)return!0;if(r[v.value])return y(r[v.value])},y=r=>{let F=!1;if(!r.length)return!1;for(let O=0;O<r.length;O++){if(r[O][T.value]===!0){F=!0;break}if(r[O][v.value]&&(F=y(r[O][v.value]),F))break}return F},n=e.computed(()=>t.value&&t.value[h.value]),l=e.computed(()=>t.value&&t.value[N.value]),A=e.computed(()=>t.value&&t.value[s.value]),b=e.computed(()=>t.value&&t.value[v.value]),g=e.computed(()=>x(t.value)),I=e.computed(()=>n.value===void 0&&k.value?g.value:n.value);return()=>{var r;return e.createVNode(e.Fragment,null,[e.createVNode("div",{class:["devui-accordion-item-title","devui-over-flow-ellipsis",I.value&&"open",g.value&&"active",l.value&&"disabled"],title:A.value,style:{textIndent:o*20+"px"},onClick:F=>!l.value&&a({item:t.value,open:!I.value,parent:f,event:F})},[e.createVNode("div",{class:["devui-accordion-splitter",o===0&&"devui-parent-list"],style:{left:o*20+10+"px"}},null),(!p.menuItemTemplate||C.value===!1)&&e.createVNode(e.Fragment,null,[A.value]),p.menuItemTemplate&&C.value!==!1&&((r=p.menuItemTemplate)==null?void 0:r.call(p,{parent:f,deepth:o,item:t.value})),e.createVNode("span",{class:"devui-accordion-open-icon"},[e.createVNode(D,null,null)])]),e.createVNode("div",{class:[!I.value&&"devui-accordion-menu-hidden","devui-accordion-submenu","devui-accordion-show-animate"]},[e.createVNode(j,e.mergeProps(d,{deepth:o+1,data:b.value||[],parent:t.value}),null)])])}}}),R=e.defineComponent({name:"DAccordionItem",props:K({item:Object,deepth:{type:Number,default:0},parent:{type:Object,default:null}},m),setup(d){const{item:t,deepth:u,parent:c,titleKey:h,activeKey:T,disabledKey:k,itemTemplate:N}=e.toRefs(d),v=B(),s=e.inject("accordionContext"),C=c.value,p=u.value,V=e.computed(()=>t.value&&t.value[k.value]),f=e.computed(()=>t.value&&t.value[h.value]),o=e.computed(()=>t.value&&t.value[T.value]),a=e.computed(()=>o.value),x=y=>{t.value&&!V.value&&s.itemClickFn(y)};return()=>{var y;return e.createVNode(e.Fragment,null,[e.createVNode("div",{class:["devui-accordion-item-title","devui-over-flow-ellipsis",a.value&&"active",V.value&&"disabled"],title:f.value,style:{textIndent:p*20+"px"},onClick:n=>x({item:t.value,parent:C,event:n})},[e.createVNode("div",{class:["devui-accordion-splitter",p===0&&"devui-parent-list"],style:{left:p*20+10+"px"}},null),(!v.itemTemplate||N.value===!1)&&e.createVNode(e.Fragment,null,[f.value]),v.itemTemplate&&N.value!==!1&&((y=v.itemTemplate)==null?void 0:y.call(v,{parent:C,deepth:p,item:t.value}))])])}}}),j=e.defineComponent({name:"DAccordionList",components:{DAccordionMenu:P,DAccordionItem:R},inheritAttrs:!1,props:K({data:{type:Array,default:null},deepth:{type:Number,default:0},parent:{type:Object,default:null},innerListTemplate:Boolean},m),setup(d,{attrs:t}){const{childrenKey:u,deepth:c,parent:h,data:T,linkType:k,showNoContent:N,loadingKey:v,titleKey:s,loadingTemplate:C,noContentTemplate:p,innerListTemplate:V}=e.toRefs(d),f=h.value,o=c.value,a=B(),x=e.inject("accordionContext"),y=e.computed(()=>f&&f[v.value]),n=e.computed(()=>{const l=T.value;return l==null||l.length===0});return()=>{var l,A,b;return e.createVNode(e.Fragment,null,[(!a.innerListTemplate||c.value===0||V.value===!1)&&e.createVNode("ul",e.mergeProps({class:["devui-accordion-list"]},t),[T.value.map(g=>e.createVNode("li",{class:"devui-accordion-item",key:g[s.value]},[g[u.value]!==void 0&&e.createVNode("div",{class:"devui-accordion-menu-item"},[e.createVNode(e.resolveComponent("d-accordion-menu"),e.mergeProps(d,{item:g,deepth:o,parent:f}),null)]),g[u.value]===void 0&&e.createVNode(e.Fragment,null,[(!k.value||k.value==="")&&e.createVNode(e.resolveComponent("d-accordion-item"),e.mergeProps(d,{item:g,deepth:o,parent:f}),null)])]))]),a.innerListTemplate&&V.value!==!1&&o!==0&&((l=a.innerListTemplate)==null?void 0:l.call(a,{item:f,deepth:o,itemClickFn:x.itemClickFn,menuToggleFn:x.menuToggleFn})),(!a.innerListTemplate||V.value===!1)&&(y.value||n.value&&N.value)&&e.createVNode("ul",e.mergeProps({class:["devui-accordion-list"]},t),[y.value&&(!a.loadingTemplate||C.value===!1)&&e.createVNode("li",{class:"devui-accordion-item"},[e.createVNode("div",{class:["devui-accordion-item-title","devui-over-flow-ellipsis"],style:{textIndent:o*20+"px"}},[e.createTextVNode("\u52A0\u8F7D\u4E2D...")])]),y.value&&a.loadingTemplate&&C.value!==!1&&((A=a.loadingTemplate)==null?void 0:A.call(a,{item:f,deepth:o})),N.value&&!y.value&&n.value&&(!a.noContentTemplate||p.value===!1)&&e.createVNode("li",{class:"devui-accordion-item"},[e.createVNode("div",{class:["devui-accordion-item-title","devui-over-flow-ellipsis disabled"],style:{textIndent:o*20+"px"}},[e.createTextVNode("\u6CA1\u6709\u6570\u636E")])]),N.value&&!y.value&&n.value&&a.noContentTemplate&&p.value!==!1&&((b=a.noContentTemplate)==null?void 0:b.call(a,{item:f,deepth:o}))])])}}}),H="",w=e.defineComponent({name:"DAccordion",props:m,setup(d,{emit:t}){const{data:u,childrenKey:c,activeKey:h,openKey:T,accordionType:k,autoOpenActiveMenu:N,restrictOneOpen:v}=e.toRefs(d);let s;const C=(n,l="children",A=!1,b=!0)=>n.reduce((g,I)=>{const r=I[l];return r===void 0?b&&g.push(I):(A&&g.push(I),Array.isArray(r)&&g.push(...C(r,l,A))),g},[]),p=()=>{const n=C(u.value,c.value).filter(l=>l[h.value]).pop();n?s||V(n):s=void 0},V=n=>{s&&s[h.value]&&(s[h.value]=!1),n[h.value]=!0,s=n,t("activeItemChange",s)},f=(n,l)=>{l&&v.value&&u.value.forEach(A=>{A[T.value]=!1}),n[T.value]=l},o=n=>{const l=s;V(n.item),t("itemClick",L(K({},n),{prevActiveItem:l}))},a=n=>{const l=s;s=n.item,t("linkItemClick",L(K({},n),{prevActiveItem:l}))},x=n=>{f(n.item,n.open),t("menuToggle",n)},y=()=>{C(u.value,c.value,!0,!1).forEach(n=>n[T.value]=void 0)};return e.provide("accordionContext",{itemClickFn:o,linkItemClickFn:a,menuToggleFn:x}),e.onMounted(()=>{u.value&&p()}),e.watch(()=>N.value,(n,l)=>{n&&l===!1&&y()}),e.watch(u.value,(n,l)=>{p()},{deep:!0}),()=>e.createVNode("div",{class:["devui-accordion-menu","devui-scrollbar","devui-accordion-show-animate",k.value==="normal"&&"devui-accordion-menu-normal"]},[e.createVNode(j,e.mergeProps(d,{data:u.value,deepth:0,parent:null}),null)])}});w.install=function(d){d.component(w.name,w)};var _={title:"Accordion \u624B\u98CE\u7434",category:"\u5BFC\u822A",status:"10%",install(d){d.use(w)}};i.Accordion=w,i.default=_,Object.defineProperty(i,"__esModule",{value:!0}),i[Symbol.toStringTag]="Module"});
|
|
1
|
+
var U=Object.defineProperty,Z=Object.defineProperties;var G=Object.getOwnPropertyDescriptors;var M=Object.getOwnPropertySymbols;var J=Object.prototype.hasOwnProperty,Q=Object.prototype.propertyIsEnumerable;var S=(v,e,F)=>e in v?U(v,e,{enumerable:!0,configurable:!0,writable:!0,value:F}):v[e]=F,I=(v,e)=>{for(var F in e||(e={}))J.call(e,F)&&S(v,F,e[F]);if(M)for(var F of M(e))Q.call(e,F)&&S(v,F,e[F]);return v},R=(v,e)=>Z(v,G(e));(function(v,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue"),require("vue-router")):typeof define=="function"&&define.amd?define(["exports","vue","vue-router"],e):(v=typeof globalThis!="undefined"?globalThis:v||self,e(v.index={},v.Vue,v.vueRouter))})(this,function(v,e,F){"use strict";const K={data:{type:Array,default:null},titleKey:{type:String,default:"title"},loadingKey:{type:String,default:"loading"},childrenKey:{type:String,default:"children"},disabledKey:{type:String,default:"disabled"},activeKey:{type:String,default:"active"},openKey:{type:String,default:"open"},menuItemTemplate:{type:Boolean,default:!0},itemTemplate:{type:Boolean,default:!0},menuToggle:{type:Function,default:null},itemClick:{type:Function,default:null},activeItemChange:{type:Function,default:null},restrictOneOpen:{type:Boolean,default:!1},autoOpenActiveMenu:{type:Boolean,default:!1},showNoContent:{type:Boolean,default:!0},noContentTemplate:{type:Boolean,default:!0},loadingTemplate:{type:Boolean,default:!0},innerListTemplate:{type:Boolean,default:!0},linkType:{type:String,default:""},linkTypeKey:{type:String,default:"linkType"},linkKey:{type:String,default:"link"},linkTargetKey:{type:String,default:"target"},linkDefaultTarget:{type:String,default:"_self"},accordionType:{type:String,default:"normal"}},B=()=>e.createVNode("svg",{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"},[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 7.84170876,10.8417088 7.64644661,10.6464466 L3.85355339,6.85355339 C3.65829124,6.65829124 3.65829124,6.34170876 3.85355339,6.14644661 C3.94732158,6.05267842 4.07449854,6 4.20710678,6 L11.7928932,6 C12.0690356,6 12.2928932,6.22385763 12.2928932,6.5 C12.2928932,6.63260824 12.2402148,6.7597852 12.1464466,6.85355339 Z","fill-rule":"nonzero"},null)])]),O=()=>{const n="DAccordion",t=f=>{if(f&&f.type.name===n)return f;if(f&&f.parent){const k=f.parent;return t(k)}},p=t(e.getCurrentInstance());return p==null?void 0:p.slots};var _=e.defineComponent({name:"DAccordionMenu",components:{OpenIcon:B},props:I({item:Object,deepth:{type:Number,default:0},parent:{type:Object,default:null}},K),setup(n){const{item:t,deepth:p,parent:f,openKey:k,activeKey:N,autoOpenActiveMenu:T,disabledKey:A,childrenKey:y,titleKey:u,menuItemTemplate:r}=e.toRefs(n),g=O(),h=e.inject("accordionContext"),C=f.value,o=p.value,c=V=>{h.menuToggleFn(V)},a=V=>{if(V[N.value]===!0)return!0;if(V[y.value])return m(V[y.value])},m=V=>{let w=!1;if(!V.length)return!1;for(let j=0;j<V.length;j++){if(V[j][N.value]===!0){w=!0;break}if(V[j][y.value]&&(w=m(V[j][y.value]),w))break}return w},l=e.computed(()=>t.value&&t.value[k.value]),i=e.computed(()=>t.value&&t.value[A.value]),d=e.computed(()=>t.value&&t.value[u.value]),b=e.computed(()=>t.value&&t.value[y.value]),x=e.computed(()=>a(t.value)),s=e.computed(()=>l.value===void 0&&T.value?x.value:l.value);return()=>{var V;return e.createVNode(e.Fragment,null,[e.createVNode("div",{class:["devui-accordion-item-title","devui-over-flow-ellipsis",s.value&&"open",x.value&&"active",i.value&&"disabled"],title:d.value,style:{textIndent:o*20+"px"},onClick:w=>!i.value&&c({item:t.value,open:!s.value,parent:C,event:w})},[e.createVNode("div",{class:["devui-accordion-splitter",o===0&&"devui-parent-list"],style:{left:o*20+10+"px"}},null),(!g.menuItemTemplate||r.value===!1)&&e.createVNode(e.Fragment,null,[d.value]),g.menuItemTemplate&&r.value!==!1&&((V=g.menuItemTemplate)==null?void 0:V.call(g,{parent:C,deepth:o,item:t.value})),e.createVNode("span",{class:"devui-accordion-open-icon"},[e.createVNode(B,null,null)])]),e.createVNode("div",{class:[!s.value&&"devui-accordion-menu-hidden","devui-accordion-submenu","devui-accordion-show-animate"]},[e.createVNode(P,e.mergeProps(n,{deepth:o+1,data:b.value||[],parent:t.value}),null)])])}}}),D=e.defineComponent({name:"DAccordionItem",props:I({item:Object,deepth:{type:Number,default:0},parent:{type:Object,default:null}},K),setup(n){const{item:t,deepth:p,parent:f,titleKey:k,activeKey:N,disabledKey:T,itemTemplate:A}=e.toRefs(n),y=O(),u=e.inject("accordionContext"),r=f.value,g=p.value,h=e.computed(()=>t.value&&t.value[T.value]),C=e.computed(()=>t.value&&t.value[k.value]),o=e.computed(()=>t.value&&t.value[N.value]),c=e.computed(()=>o.value),a=m=>{t.value&&!h.value&&u.itemClickFn(m)};return()=>{var m;return e.createVNode(e.Fragment,null,[e.createVNode("div",{class:["devui-accordion-item-title","devui-over-flow-ellipsis",c.value&&"active",h.value&&"disabled"],title:C.value,style:{textIndent:g*20+"px"},onClick:l=>a({item:t.value,parent:r,event:l})},[e.createVNode("div",{class:["devui-accordion-splitter",g===0&&"devui-parent-list"],style:{left:g*20+10+"px"}},null),(!y.itemTemplate||A.value===!1)&&e.createVNode(e.Fragment,null,[C.value]),y.itemTemplate&&A.value!==!1&&((m=y.itemTemplate)==null?void 0:m.call(y,{parent:r,deepth:g,item:t.value}))])])}}}),q=e.defineComponent({name:"DAccordionItemHreflink",component:{DAccordionItem:D},props:I({item:Object,deepth:{type:Number,default:0},parent:{type:Object,default:null}},K),setup(n){const{item:t,deepth:p,parent:f,titleKey:k,linkKey:N,linkTargetKey:T,linkDefaultTarget:A,disabledKey:y,itemTemplate:u}=e.toRefs(n),r=O(),g=e.inject("accordionContext"),h=e.computed(()=>t.value&&t.value[k.value]),C=e.computed(()=>t.value&&t.value[N.value]),o=e.computed(()=>t.value&&(t.value[T.value]||A.value)),c=e.computed(()=>t.value&&t.value[y.value]),a=f.value,m=p.value,l=d=>{t.value&&!c.value&&g.itemClickFn(d)},i=()=>{var d;return e.createVNode(e.Fragment,null,[e.createVNode("div",{class:["devui-accordion-splitter",m===0&&"devui-parent-list"],style:{left:m*20+10+"px"}},null),(!r.itemTemplate||u.value===!1)&&e.createVNode(e.Fragment,null,[h.value]),r.itemTemplate&&u.value!==!1&&((d=r.itemTemplate)==null?void 0:d.call(r,{parent:a,deepth:m,item:t.value}))])};return()=>e.createVNode(e.Fragment,null,[e.createVNode("div",{class:["devui-accordion-item-title",c.value&&"disabled"],style:{textIndent:m*20+"px"}},[!c.value&&e.createVNode("a",{href:C.value,target:o.value,class:"devui-over-flow-ellipsis",title:h.value,onClick:d=>l({item:t.value,parent:a,event:d})},[i()]),c.value&&e.createVNode("a",{class:"devui-over-flow-ellipsis",title:h.value},[i()])])])}});function H(n){return typeof n=="function"||Object.prototype.toString.call(n)==="[object Object]"&&!e.isVNode(n)}var z=e.defineComponent({name:"DAccordionItemRouterlink",component:{DAccordionItem:D},props:I({item:Object,deepth:{type:Number,default:0},parent:{type:Object,default:null}},K),setup(n){const{item:t,deepth:p,parent:f,titleKey:k,linkKey:N,linkDefaultTarget:T,disabledKey:A,itemTemplate:y}=e.toRefs(n),u=F.useRoute(),r=O(),g=e.inject("accordionContext");console.log(F.useRoute());const h=e.computed(()=>t.value&&t.value[k.value]),C=e.computed(()=>t.value&&t.value[N.value]),o=e.computed(()=>u!==void 0),c=e.computed(()=>u===C.value),a=e.computed(()=>t.value&&t.value[A.value]),m=f.value,l=p.value,i=b=>{t.value&&!a.value&&g.itemClickFn(b)},d=()=>{var b;return e.createVNode(e.Fragment,null,[e.createVNode("div",{class:["devui-accordion-splitter",l===0&&"devui-parent-list"],style:{left:l*20+10+"px"}},null),(!r.itemTemplate||y.value===!1)&&e.createVNode(e.Fragment,null,[h.value]),r.itemTemplate&&y.value!==!1&&((b=r.itemTemplate)==null?void 0:b.call(r,{parent:m,deepth:l,item:t.value}))])};return()=>{let b;return e.createVNode(e.Fragment,null,[e.createVNode("div",{class:["devui-accordion-item-title",a.value&&"disabled"],style:{textIndent:l*20+"px"}},[!a.value&&e.createVNode(e.Fragment,null,[o.value&&e.createVNode(e.resolveComponent("router-link"),{to:C.value,class:["devui-over-flow-ellipsis",c.value&&".devui-router-active"],custom:!0,title:h.value,onClick:x=>i({item:t.value,parent:m,event:x})},H(b=d())?b:{default:()=>[b]}),!o.value&&e.createVNode("a",{href:C.value,target:T.value,class:"devui-over-flow-ellipsis",title:h.value,onClick:x=>i({item:t.value,parent:m,event:x})},[d()])]),a.value&&e.createVNode("a",{class:"devui-over-flow-ellipsis",title:h.value},[d()])])])}}}),P=e.defineComponent({name:"DAccordionList",components:{DAccordionMenu:_,DAccordionItem:D,DAccordionItemHreflink:q,DAccordionItemRouterlink:z},inheritAttrs:!1,props:I({data:{type:Array,default:null},deepth:{type:Number,default:0},parent:{type:Object,default:null},innerListTemplate:Boolean},K),setup(n,{attrs:t}){const{childrenKey:p,deepth:f,parent:k,data:N,linkType:T,showNoContent:A,loadingKey:y,titleKey:u,linkTypeKey:r,loadingTemplate:g,noContentTemplate:h,innerListTemplate:C}=e.toRefs(n),o=k.value,c=f.value,a=O(),m=e.inject("accordionContext"),l=e.computed(()=>o&&o[y.value]),i=e.computed(()=>{const d=N.value;return d==null||d.length===0});return()=>{var d,b,x;return e.createVNode(e.Fragment,null,[(!a.innerListTemplate||f.value===0||C.value===!1)&&e.createVNode("ul",e.mergeProps({class:["devui-accordion-list"]},t),[N.value.map(s=>e.createVNode("li",{class:"devui-accordion-item",key:s[u.value]},[s[p.value]!==void 0&&e.createVNode("div",{class:"devui-accordion-menu-item"},[e.createVNode(e.resolveComponent("d-accordion-menu"),e.mergeProps(n,{item:s,deepth:c,parent:o}),null)]),s[p.value]===void 0&&e.createVNode(e.Fragment,null,[(!T.value||T.value==="")&&e.createVNode(e.resolveComponent("d-accordion-item"),e.mergeProps(n,{item:s,deepth:c,parent:o}),null),T.value==="routerLink"&&e.createVNode(e.resolveComponent("d-accordion-item-routerlink"),e.mergeProps(n,{item:s,deepth:c,parent:o}),null),T.value==="hrefLink"&&e.createVNode(e.resolveComponent("d-accordion-item-hreflink"),e.mergeProps(n,{item:s,deepth:c,parent:o}),null),T.value==="dependOnLinkTypeKey"&&e.createVNode(e.Fragment,null,[s[r.value]==="routerLink"&&e.createVNode(e.resolveComponent("d-accordion-item-routerlink"),e.mergeProps(n,{item:s,deepth:c,parent:o}),null),s[r.value]==="hrefLink"&&e.createVNode(e.resolveComponent("d-accordion-item-hreflink"),e.mergeProps(n,{item:s,deepth:c,parent:o}),null),s[r.value]!=="routerLink"&&s[r.value]!=="hrefLink"&&e.createVNode(e.resolveComponent("d-accordion-item"),e.mergeProps(n,{item:s,deepth:c,parent:o}),null)])])]))]),a.innerListTemplate&&C.value!==!1&&c!==0&&((d=a.innerListTemplate)==null?void 0:d.call(a,{item:o,deepth:c,itemClickFn:m.itemClickFn,menuToggleFn:m.menuToggleFn})),(!a.innerListTemplate||C.value===!1)&&(l.value||i.value&&A.value)&&e.createVNode("ul",e.mergeProps({class:["devui-accordion-list"]},t),[l.value&&(!a.loadingTemplate||g.value===!1)&&e.createVNode("li",{class:"devui-accordion-item"},[e.createVNode("div",{class:["devui-accordion-item-title","devui-over-flow-ellipsis"],style:{textIndent:c*20+"px"}},[e.createTextVNode("\u52A0\u8F7D\u4E2D...")])]),l.value&&a.loadingTemplate&&g.value!==!1&&((b=a.loadingTemplate)==null?void 0:b.call(a,{item:o,deepth:c})),A.value&&!l.value&&i.value&&(!a.noContentTemplate||h.value===!1)&&e.createVNode("li",{class:"devui-accordion-item"},[e.createVNode("div",{class:["devui-accordion-item-title","devui-over-flow-ellipsis disabled"],style:{textIndent:c*20+"px"}},[e.createTextVNode("\u6CA1\u6709\u6570\u636E")])]),A.value&&!l.value&&i.value&&a.noContentTemplate&&h.value!==!1&&((x=a.noContentTemplate)==null?void 0:x.call(a,{item:o,deepth:c}))])])}}}),W="",L=e.defineComponent({name:"DAccordion",props:K,setup(n,{emit:t}){const{data:p,childrenKey:f,activeKey:k,openKey:N,accordionType:T,autoOpenActiveMenu:A,restrictOneOpen:y}=e.toRefs(n);let u;const r=(l,i="children",d=!1,b=!0)=>l.reduce((x,s)=>{const V=s[i];return V===void 0?b&&x.push(s):(d&&x.push(s),Array.isArray(V)&&x.push(...r(V,i,d))),x},[]),g=()=>{const l=r(p.value,f.value).filter(i=>i[k.value]).pop();l?u||h(l):u=void 0},h=l=>{u&&u[k.value]&&(u[k.value]=!1),l[k.value]=!0,u=l,t("activeItemChange",u)},C=(l,i)=>{i&&y.value&&p.value.forEach(d=>{d[N.value]=!1}),l[N.value]=i},o=l=>{const i=u;h(l.item),t("itemClick",R(I({},l),{prevActiveItem:i}))},c=l=>{const i=u;u=l.item,t("linkItemClick",R(I({},l),{prevActiveItem:i}))},a=l=>{C(l.item,l.open),t("menuToggle",l)},m=()=>{r(p.value,f.value,!0,!1).forEach(l=>l[N.value]=void 0)};return e.provide("accordionContext",{itemClickFn:o,linkItemClickFn:c,menuToggleFn:a}),e.onMounted(()=>{p.value&&g()}),e.watch(()=>A.value,(l,i)=>{l&&i===!1&&m()}),e.watch(p.value,(l,i)=>{g()},{deep:!0}),()=>e.createVNode("div",{class:["devui-accordion-menu","devui-scrollbar","devui-accordion-show-animate",T.value==="normal"&&"devui-accordion-menu-normal"]},[e.createVNode(P,e.mergeProps(n,{data:p.value,deepth:0,parent:null}),null)])}});L.install=function(n){n.component(L.name,L)};var E={title:"Accordion \u624B\u98CE\u7434",category:"\u5BFC\u822A",status:"10%",install(n){n.use(L)}};v.Accordion=L,v.default=E,Object.defineProperty(v,"__esModule",{value:!0}),v[Symbol.toStringTag]="Module"});
|
package/alert/index.es.js
CHANGED
|
@@ -14,7 +14,7 @@ const AlertCloseIcon = () => createVNode("svg", {
|
|
|
14
14
|
"transform": "translate(-3.000000, -3.000000)",
|
|
15
15
|
"fill-rule": "nonzero"
|
|
16
16
|
}, [createVNode("path", {
|
|
17
|
-
"d": "M11.6426,3.19816936 C11.9239974,2.91574512 12.4131626,2.93784891
|
|
17
|
+
"d": "M11.6426,3.19816936 C11.9239974,2.91574512 12.4131626,2.93784891 12.7352108,3.24751057 C13.0571998,3.5572302 13.0901298,4.03723416 12.8087324,4.31965839 L9.14064666,7.99900183 L12.8087324,11.6803416 C13.0645482,11.9370909 13.0605893,12.3571292 12.8158402,12.6640749 L12.7352108,12.7524894 C12.4131626,13.0621511 11.9239974,13.0842548 11.6426,12.8018306 L8,9.14489021 L4.35740003,12.8018306 C4.10158422,13.05858 3.6740594,13.0636532 3.35648225,12.8298003 L3.26478919,12.7524894 C2.94280021,12.4427698 2.90987023,11.9627658 3.19126762,11.6803416 L6.8583349,7.99900183 L3.19126762,4.31965839 C2.93545181,4.06290908 2.93941068,3.64287076 3.18415975,3.3359251 L3.26478919,3.24751057 C3.58683735,2.93784891 4.07600264,2.91574512 4.35740003,3.19816936 L8,6.85411161 L11.6426,3.19816936 Z"
|
|
18
18
|
}, null)])])]);
|
|
19
19
|
const AlertTypeIcon = (props) => createVNode("svg", {
|
|
20
20
|
"width": "16px",
|
|
@@ -47,12 +47,12 @@ const AlertTypeIcon = (props) => createVNode("svg", {
|
|
|
47
47
|
"fill-rule": "evenodd"
|
|
48
48
|
}, [createVNode("path", {
|
|
49
49
|
"class": "devui-icon-warning-outer",
|
|
50
|
-
"d": "M8.96244623,0.57254229 L15.8714442,13.4101975 C16.1549662,13.9370117
|
|
50
|
+
"d": "M8.96244623,0.57254229 L15.8714442,13.4101975 C16.1549662,13.9370117 15.9538562,14.5918482 15.4222523,14.8728158 C15.2642579,14.9563203 15.0879506,15 14.9088903,15 L1.09089441,15 C0.488410063,15 0,14.5159904 0,13.9189343 C0,13.7414873 0.0440768395,13.5667684 0.128340519,13.4101975 L7.03733844,0.57254229 C7.32086049,0.0457280838 7.98165058,-0.153569987 8.51325441,0.127397589 C8.70423071,0.228333932 8.8605922,0.383286648 8.96244623,0.57254229 Z"
|
|
51
51
|
}, null), createVNode("path", {
|
|
52
52
|
"class": "devui-icon-warning-inner",
|
|
53
53
|
"stroke-width": "0.3",
|
|
54
54
|
"fill-rule": "nonzero",
|
|
55
|
-
"d": "M8.87894737,13 L7.08947368,13 L7.08947368,11.2105263 L8.87894737,11.2105263
|
|
55
|
+
"d": "M8.87894737,13 L7.08947368,13 L7.08947368,11.2105263 L8.87894737,11.2105263 L8.87894737,13 Z M8.62102372,9.86842105 L7.32800539,9.86842105 L7,4.5 L8.96842105,4.5 L8.62102372,9.86842105 Z"
|
|
56
56
|
}, null)]);
|
|
57
57
|
case "info":
|
|
58
58
|
return createVNode("g", {
|
|
@@ -90,31 +90,32 @@ const AlertTypeIcon = (props) => createVNode("svg", {
|
|
|
90
90
|
return null;
|
|
91
91
|
}
|
|
92
92
|
})()]);
|
|
93
|
+
const alertProps = {
|
|
94
|
+
type: {
|
|
95
|
+
type: String,
|
|
96
|
+
default: "info"
|
|
97
|
+
},
|
|
98
|
+
cssClass: {
|
|
99
|
+
type: String,
|
|
100
|
+
default: ""
|
|
101
|
+
},
|
|
102
|
+
closeable: {
|
|
103
|
+
type: Boolean,
|
|
104
|
+
default: true
|
|
105
|
+
},
|
|
106
|
+
showIcon: {
|
|
107
|
+
type: Boolean,
|
|
108
|
+
default: true
|
|
109
|
+
},
|
|
110
|
+
dismissTime: {
|
|
111
|
+
type: Number,
|
|
112
|
+
default: 0
|
|
113
|
+
}
|
|
114
|
+
};
|
|
93
115
|
var alert = "";
|
|
94
116
|
var Alert = defineComponent({
|
|
95
117
|
name: "DAlert",
|
|
96
|
-
props:
|
|
97
|
-
type: {
|
|
98
|
-
type: String,
|
|
99
|
-
default: "info"
|
|
100
|
-
},
|
|
101
|
-
cssClass: {
|
|
102
|
-
type: String,
|
|
103
|
-
default: ""
|
|
104
|
-
},
|
|
105
|
-
closeable: {
|
|
106
|
-
type: Boolean,
|
|
107
|
-
default: true
|
|
108
|
-
},
|
|
109
|
-
showIcon: {
|
|
110
|
-
type: Boolean,
|
|
111
|
-
default: true
|
|
112
|
-
},
|
|
113
|
-
dismissTime: {
|
|
114
|
-
type: Number,
|
|
115
|
-
default: 0
|
|
116
|
-
}
|
|
117
|
-
},
|
|
118
|
+
props: alertProps,
|
|
118
119
|
emits: ["close"],
|
|
119
120
|
setup(props, ctx) {
|
|
120
121
|
const hide = ref(false);
|
|
@@ -161,15 +162,12 @@ var Alert = defineComponent({
|
|
|
161
162
|
};
|
|
162
163
|
}
|
|
163
164
|
});
|
|
164
|
-
Alert.install = function(app) {
|
|
165
|
-
app.component(Alert.name, Alert);
|
|
166
|
-
};
|
|
167
165
|
var index = {
|
|
168
166
|
title: "Alert \u8B66\u544A",
|
|
169
167
|
category: "\u53CD\u9988",
|
|
170
168
|
status: "100%",
|
|
171
169
|
install(app) {
|
|
172
|
-
app.
|
|
170
|
+
app.component(Alert.name, Alert);
|
|
173
171
|
}
|
|
174
172
|
};
|
|
175
|
-
export { Alert, index as default };
|
|
173
|
+
export { Alert, alertProps, index as default };
|
package/alert/index.umd.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(
|
|
1
|
+
(function(l,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(l=typeof globalThis!="undefined"?globalThis:l||self,e(l.index={},l.Vue))})(this,function(l,e){"use strict";const f=()=>e.createVNode("svg",{width:"10px",height:"10px",viewBox:"0 0 10 10",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("g",{transform:"translate(-3.000000, -3.000000)","fill-rule":"nonzero"},[e.createVNode("path",{d:"M11.6426,3.19816936 C11.9239974,2.91574512 12.4131626,2.93784891 12.7352108,3.24751057 C13.0571998,3.5572302 13.0901298,4.03723416 12.8087324,4.31965839 L9.14064666,7.99900183 L12.8087324,11.6803416 C13.0645482,11.9370909 13.0605893,12.3571292 12.8158402,12.6640749 L12.7352108,12.7524894 C12.4131626,13.0621511 11.9239974,13.0842548 11.6426,12.8018306 L8,9.14489021 L4.35740003,12.8018306 C4.10158422,13.05858 3.6740594,13.0636532 3.35648225,12.8298003 L3.26478919,12.7524894 C2.94280021,12.4427698 2.90987023,11.9627658 3.19126762,11.6803416 L6.8583349,7.99900183 L3.19126762,4.31965839 C2.93545181,4.06290908 2.93941068,3.64287076 3.18415975,3.3359251 L3.26478919,3.24751057 C3.58683735,2.93784891 4.07600264,2.91574512 4.35740003,3.19816936 L8,6.85411161 L11.6426,3.19816936 Z"},null)])])]),L=t=>e.createVNode("svg",{width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg",class:`devui-icon ${t.type==="danger"?"devui-icon-error":`devui-icon-${t.type}`}`},[(()=>{switch(t.type){case"success":return e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("path",{"fill-rule":"nonzero",d:"M8,0 C3.6,0 0,3.6 0,8 C0,12.4 3.6,16 8,16 C12.4,16 16,12.4 16,8 C16,3.6 12.4,0 8,0 Z"},null),e.createVNode("polygon",{"stroke-width":"0.3","fill-rule":"nonzero",points:"6.82767602 11.5282799 3 7.24668779 3.89864233 6.37912367 6.82767602 9.04910002 12.2964408 4 13 4.64144383"},null)]);case"warning":return e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("path",{class:"devui-icon-warning-outer",d:"M8.96244623,0.57254229 L15.8714442,13.4101975 C16.1549662,13.9370117 15.9538562,14.5918482 15.4222523,14.8728158 C15.2642579,14.9563203 15.0879506,15 14.9088903,15 L1.09089441,15 C0.488410063,15 0,14.5159904 0,13.9189343 C0,13.7414873 0.0440768395,13.5667684 0.128340519,13.4101975 L7.03733844,0.57254229 C7.32086049,0.0457280838 7.98165058,-0.153569987 8.51325441,0.127397589 C8.70423071,0.228333932 8.8605922,0.383286648 8.96244623,0.57254229 Z"},null),e.createVNode("path",{class:"devui-icon-warning-inner","stroke-width":"0.3","fill-rule":"nonzero",d:"M8.87894737,13 L7.08947368,13 L7.08947368,11.2105263 L8.87894737,11.2105263 L8.87894737,13 Z M8.62102372,9.86842105 L7.32800539,9.86842105 L7,4.5 L8.96842105,4.5 L8.62102372,9.86842105 Z"},null)]);case"info":return e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("g",{"fill-rule":"nonzero"},[e.createVNode("path",{class:"devui-icon-info-outer",d:"M8,0 C3.6,0 0,3.6 0,8 C0,12.4 3.6,16 8,16 C12.4,16 16,12.4 16,8 C16,3.6 12.4,0 8,0 Z"},null),e.createVNode("path",{class:"devui-icon-info-inner",d:"M9.19008504,7 L8.79402696,13 L7.15622605,13 L6.73158434,7 L9.19008504,7 Z M9,3 L9,5 L7,5 L7,3 L9,3 Z","stroke-width":"0.2"},null)])]);case"danger":return e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("g",{"fill-rule":"nonzero"},[e.createVNode("path",{class:"devui-icon-error-outer",d:"M8,0 C3.6,0 0,3.6 0,8 C0,12.4 3.6,16 8,16 C12.4,16 16,12.4 16,8 C16,3.6 12.4,0 8,0 Z"},null),e.createVNode("path",{class:"devui-icon-error-inner",d:"M9,10.6 L9,12.6 L7,12.6 L7,10.6 L9,10.6 Z M9.1,3.1 L8.65924344,9.1 L7.28422786,9.1 L6.9,3.1 L9.1,3.1 Z","stroke-width":"0.2"},null)])]);default:return null}})()]),d={type:{type:String,default:"info"},cssClass:{type:String,default:""},closeable:{type:Boolean,default:!0},showIcon:{type:Boolean,default:!0},dismissTime:{type:Number,default:0}};var g="",i=e.defineComponent({name:"DAlert",props:d,emits:["close"],setup(t,s){const a=e.ref(!1),n=e.ref(!1),C=e.ref();let o;const c=r=>{o&&clearTimeout(o),n.value=!0,s.emit("close",r)},w=()=>{o=void 0,a.value=!0,n.value=!1};return e.onMounted(()=>{t.dismissTime&&(o=window.setTimeout(()=>{c()},t.dismissTime))}),()=>a.value?null:e.createVNode(e.Transition,{name:"devui-alert",onAfterLeave:w},{default:()=>{var r,u;return[e.withDirectives(e.createVNode("div",{ref:C,class:`devui-alert devui-alert-${t.type} ${t.cssClass} ${n.value?"devui-alter-close":""}`},[t.closeable?e.createVNode("div",{class:"devui-close",onClick:c},[e.createVNode(f,null,null)]):null,t.showIcon!==!1&&t.type!=="simple"?e.createVNode("span",{class:"devui-alert-icon"},[e.createVNode(L,{type:t.type},null)]):null,(u=(r=s.slots).default)==null?void 0:u.call(r)]),[[e.vShow,!n.value]])]}})}}),h={title:"Alert \u8B66\u544A",category:"\u53CD\u9988",status:"100%",install(t){t.component(i.name,i)}};l.Alert=i,l.alertProps=d,l.default=h,Object.defineProperty(l,"__esModule",{value:!0}),l[Symbol.toStringTag]="Module"});
|