ep-craft 0.1.35 → 0.1.37
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/dist/components/avatar/EpAvatar.vue.d.ts +20 -0
- package/dist/components/avatar/EpAvatar.vue.js +72 -0
- package/dist/components/avatar/EpAvatar2.vue.js +4 -0
- package/dist/components/avatar/avatar.d.ts +68 -0
- package/dist/components/avatar/avatar.js +59 -0
- package/dist/components/avatar/constants.d.ts +7 -0
- package/dist/components/avatar/constants.js +6 -0
- package/dist/components/avatar/index.d.ts +13 -2
- package/dist/components/avatar/index.js +8 -3
- package/dist/components/avatar/instance.d.ts +2 -0
- package/dist/components/badge/EpBadge.vue.d.ts +28 -0
- package/dist/components/badge/EpBadge.vue.js +75 -0
- package/dist/components/badge/EpBadge2.vue.js +4 -0
- package/dist/components/badge/badge.d.ts +67 -0
- package/dist/components/badge/badge.js +69 -0
- package/dist/components/badge/index.d.ts +11 -2
- package/dist/components/badge/index.js +8 -4
- package/dist/components/badge/instance.d.ts +2 -0
- package/dist/components/breadcrumb/EpBreadcrumb.vue.d.ts +15 -0
- package/dist/components/breadcrumb/EpBreadcrumb.vue.js +41 -0
- package/dist/components/breadcrumb/EpBreadcrumb2.vue.js +4 -0
- package/dist/components/breadcrumb/breadcrumb.d.ts +28 -0
- package/dist/components/breadcrumb/breadcrumb.js +21 -0
- package/dist/components/breadcrumb/constants.d.ts +3 -0
- package/dist/components/breadcrumb/constants.js +4 -0
- package/dist/components/breadcrumb/index.d.ts +20 -2
- package/dist/components/breadcrumb/index.js +10 -4
- package/dist/components/breadcrumb/instance.d.ts +2 -0
- package/dist/components/breadcrumb-item/EpBreadcrumbItem.vue.d.ts +15 -0
- package/dist/components/breadcrumb-item/EpBreadcrumbItem.vue.js +58 -0
- package/dist/components/breadcrumb-item/EpBreadcrumbItem2.vue.js +4 -0
- package/dist/components/breadcrumb-item/breadcrumb-item.d.ts +23 -0
- package/dist/components/breadcrumb-item/breadcrumb-item.js +19 -0
- package/dist/components/breadcrumb-item/index.d.ts +11 -2
- package/dist/components/breadcrumb-item/index.js +8 -4
- package/dist/components/breadcrumb-item/instance.d.ts +2 -0
- package/dist/components/card/EpCard.vue.d.ts +22 -0
- package/dist/components/card/EpCard.vue.js +64 -0
- package/dist/components/card/EpCard2.vue.js +4 -0
- package/dist/components/card/card.d.ts +51 -0
- package/dist/components/card/card.js +49 -0
- package/dist/components/card/index.d.ts +11 -2
- package/dist/components/card/index.js +5 -4
- package/dist/components/card/instance.d.ts +2 -0
- package/dist/components/col/EpCol.vue.d.ts +24 -0
- package/dist/components/col/EpCol.vue.js +61 -0
- package/dist/components/col/EpCol2.vue.js +4 -0
- package/dist/components/col/col.d.ts +71 -0
- package/dist/components/col/col.js +79 -0
- package/dist/components/col/index.d.ts +10 -2
- package/dist/components/col/index.js +5 -4
- package/dist/components/collapse/EpCollapse.vue.d.ts +27 -0
- package/dist/components/collapse/EpCollapse.vue.js +30 -0
- package/dist/components/collapse/EpCollapse2.vue.js +4 -0
- package/dist/components/collapse/collapse.d.ts +47 -0
- package/dist/components/collapse/collapse.js +46 -0
- package/dist/components/collapse/constants.d.ts +7 -0
- package/dist/components/collapse/constants.js +4 -0
- package/dist/components/collapse/index.d.ts +21 -2
- package/dist/components/collapse/index.js +11 -3
- package/dist/components/collapse/instance.d.ts +2 -0
- package/dist/components/collapse/use-collapse-item.d.ts +21 -0
- package/dist/components/collapse/use-collapse-item.js +66 -0
- package/dist/components/collapse/use-collapse.d.ts +9 -0
- package/dist/components/collapse/use-collapse.js +72 -0
- package/dist/components/collapse-item/EpCollapseItem.vue.d.ts +27 -0
- package/dist/components/collapse-item/EpCollapseItem.vue.js +102 -0
- package/dist/components/collapse-item/EpCollapseItem2.vue.js +4 -0
- package/dist/components/collapse-item/collapse-item.d.ts +34 -0
- package/dist/components/collapse-item/collapse-item.js +34 -0
- package/dist/components/collapse-item/index.d.ts +11 -2
- package/dist/components/collapse-item/index.js +8 -4
- package/dist/components/collapse-item/instance.d.ts +2 -0
- package/dist/components/countdown/EpCountdown.vue.d.ts +28 -0
- package/dist/components/countdown/EpCountdown.vue.js +71 -0
- package/dist/components/countdown/EpCountdown2.vue.js +4 -0
- package/dist/components/countdown/countdown.d.ts +48 -0
- package/dist/components/countdown/countdown.js +50 -0
- package/dist/components/countdown/index.d.ts +11 -2
- package/dist/components/countdown/index.js +9 -4
- package/dist/components/countdown/instance.d.ts +2 -0
- package/dist/components/countdown/utils.d.ts +3 -0
- package/dist/components/countdown/utils.js +40 -0
- package/dist/components/dropdown/src/dropdown-item-impl2.vue.js +1 -1
- package/dist/components/dropdown/src/dropdown-item2.vue.js +1 -1
- package/dist/components/dropdown/src/dropdown-menu2.vue.js +1 -1
- package/dist/components/dropdown/src/dropdown2.vue.js +1 -1
- package/dist/components/empty/EpEmpty.vue.d.ts +20 -0
- package/dist/components/empty/EpEmpty.vue.js +62 -0
- package/dist/components/empty/EpEmpty2.vue.js +4 -0
- package/dist/components/empty/empty.d.ts +27 -0
- package/dist/components/empty/empty.js +26 -0
- package/dist/components/empty/img-empty.vue.d.ts +2 -0
- package/dist/components/empty/img-empty.vue.js +141 -0
- package/dist/components/empty/img-empty2.vue.js +4 -0
- package/dist/components/empty/index.d.ts +11 -2
- package/dist/components/empty/index.js +8 -4
- package/dist/components/empty/instance.d.ts +2 -0
- package/dist/components/image/EpImage.vue.d.ts +63 -0
- package/dist/components/image/EpImage.vue.js +207 -0
- package/dist/components/image/EpImage2.vue.js +4 -0
- package/dist/components/image/image.d.ts +132 -0
- package/dist/components/image/image.js +132 -0
- package/dist/components/image/index.d.ts +11 -2
- package/dist/components/image/index.js +9 -4
- package/dist/components/image/instance.d.ts +2 -0
- package/dist/components/image-viewer/EpImageViewer.vue.d.ts +61 -0
- package/dist/components/image-viewer/EpImageViewer.vue.js +421 -0
- package/dist/components/image-viewer/EpImageViewer2.vue.js +4 -0
- package/dist/components/image-viewer/image-viewer.d.ts +100 -0
- package/dist/components/image-viewer/image-viewer.js +99 -0
- package/dist/components/image-viewer/index.d.ts +11 -2
- package/dist/components/image-viewer/index.js +9 -4
- package/dist/components/image-viewer/instance.d.ts +2 -0
- package/dist/components/link/EpLink.vue.d.ts +24 -0
- package/dist/components/link/EpLink.vue.js +86 -0
- package/dist/components/link/EpLink2.vue.js +4 -0
- package/dist/components/link/index.d.ts +11 -2
- package/dist/components/link/index.js +5 -3
- package/dist/components/link/instance.d.ts +2 -0
- package/dist/components/link/link.d.ts +56 -0
- package/dist/components/link/link.js +51 -0
- package/dist/components/result/EpResult.vue.d.ts +23 -0
- package/dist/components/result/EpResult.vue.js +71 -0
- package/dist/components/result/EpResult2.vue.js +4 -0
- package/dist/components/result/index.d.ts +11 -2
- package/dist/components/result/index.js +10 -4
- package/dist/components/result/instance.d.ts +2 -0
- package/dist/components/result/result.d.ts +35 -0
- package/dist/components/result/result.js +47 -0
- package/dist/components/roving-focus-group/index.js +1 -1
- package/dist/components/roving-focus-group/src/roving-focus-item.vue.js +18 -76
- package/dist/components/roving-focus-group/src/roving-focus-item2.vue.js +76 -18
- package/dist/components/row/EpRow.vue.d.ts +17 -0
- package/dist/components/row/EpRow.vue.js +50 -0
- package/dist/components/row/EpRow2.vue.js +4 -0
- package/dist/components/row/constants.d.ts +5 -0
- package/dist/components/row/constants.js +4 -0
- package/dist/components/row/index.d.ts +12 -2
- package/dist/components/row/index.js +7 -4
- package/dist/components/row/row.d.ts +41 -0
- package/dist/components/row/row.js +49 -0
- package/dist/components/skeleton/EpSkeleton.vue.d.ts +24 -0
- package/dist/components/skeleton/EpSkeleton.vue.js +56 -0
- package/dist/components/skeleton/EpSkeleton2.vue.js +4 -0
- package/dist/components/skeleton/index.d.ts +16 -2
- package/dist/components/skeleton/index.js +9 -3
- package/dist/components/skeleton/skeleton.d.ts +53 -0
- package/dist/components/skeleton/skeleton.js +39 -0
- package/dist/components/skeleton-item/EpSkeletonItem.vue.d.ts +5 -0
- package/dist/components/skeleton-item/EpSkeletonItem.vue.js +31 -0
- package/dist/components/skeleton-item/EpSkeletonItem2.vue.js +4 -0
- package/dist/components/skeleton-item/index.d.ts +8 -2
- package/dist/components/skeleton-item/index.js +7 -3
- package/dist/components/skeleton-item/skeleton-item.d.ts +19 -0
- package/dist/components/skeleton-item/skeleton-item.js +26 -0
- package/dist/components/space/index.d.ts +15 -2
- package/dist/components/space/index.js +23 -4
- package/dist/components/space/instance.d.ts +2 -0
- package/dist/components/space/item.d.ts +29 -0
- package/dist/components/space/item.js +30 -0
- package/dist/components/space/space.d.ts +92 -0
- package/dist/components/space/space.js +182 -0
- package/dist/components/space/use-space.d.ts +7 -0
- package/dist/components/space/use-space.js +47 -0
- package/dist/components/statistic/EpStatistic.vue.d.ts +28 -0
- package/dist/components/statistic/EpStatistic.vue.js +82 -0
- package/dist/components/statistic/EpStatistic2.vue.js +4 -0
- package/dist/components/statistic/index.d.ts +11 -2
- package/dist/components/statistic/index.js +8 -4
- package/dist/components/statistic/instance.d.ts +2 -0
- package/dist/components/statistic/statistic.d.ts +58 -0
- package/dist/components/statistic/statistic.js +59 -0
- package/dist/components/timeline/index.d.ts +21 -2
- package/dist/components/timeline/index.js +10 -3
- package/dist/components/timeline/instance.d.ts +2 -0
- package/dist/components/timeline/timeline.d.ts +20 -0
- package/dist/components/timeline/timeline.js +53 -0
- package/dist/components/timeline/tokens.d.ts +7 -0
- package/dist/components/timeline/tokens.js +4 -0
- package/dist/components/timeline-item/EpTimelineItem.vue.d.ts +21 -0
- package/dist/components/timeline-item/EpTimelineItem.vue.js +94 -0
- package/dist/components/timeline-item/EpTimelineItem2.vue.js +4 -0
- package/dist/components/timeline-item/index.d.ts +12 -2
- package/dist/components/timeline-item/index.js +7 -3
- package/dist/components/timeline-item/instance.d.ts +2 -0
- package/dist/components/timeline-item/timeline-item.d.ts +63 -0
- package/dist/components/timeline-item/timeline-item.js +64 -0
- package/dist/hooks/index.d.ts +1 -0
- package/dist/hooks/use-throttle-render/index.d.ts +7 -0
- package/dist/hooks/use-throttle-render/index.js +31 -0
- package/dist/utils/vue/vnode.js +32 -22
- package/dist/vendored-components.d.ts +1 -1
- package/dist/vendored-components.js +33 -3
- package/package.json +1 -1
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
import "@vue/shared";
|
|
2
|
+
import "lodash-unified";
|
|
3
|
+
import "@vueuse/core";
|
|
4
|
+
import { mutable as e } from "../../utils/typescript.js";
|
|
5
|
+
import "@element-plus/icons-vue";
|
|
6
|
+
import { buildProps as p, definePropType as t } from "../../utils/vue/props/runtime.js";
|
|
7
|
+
import "vue";
|
|
8
|
+
p({
|
|
9
|
+
/**
|
|
10
|
+
* @description custom element tag
|
|
11
|
+
*/
|
|
12
|
+
tag: {
|
|
13
|
+
type: String,
|
|
14
|
+
default: "div"
|
|
15
|
+
},
|
|
16
|
+
/**
|
|
17
|
+
* @description number of column the grid spans
|
|
18
|
+
*/
|
|
19
|
+
span: {
|
|
20
|
+
type: Number,
|
|
21
|
+
default: 24
|
|
22
|
+
},
|
|
23
|
+
/**
|
|
24
|
+
* @description number of spacing on the left side of the grid
|
|
25
|
+
*/
|
|
26
|
+
offset: {
|
|
27
|
+
type: Number,
|
|
28
|
+
default: 0
|
|
29
|
+
},
|
|
30
|
+
/**
|
|
31
|
+
* @description number of columns that grid moves to the left
|
|
32
|
+
*/
|
|
33
|
+
pull: {
|
|
34
|
+
type: Number,
|
|
35
|
+
default: 0
|
|
36
|
+
},
|
|
37
|
+
/**
|
|
38
|
+
* @description number of columns that grid moves to the right
|
|
39
|
+
*/
|
|
40
|
+
push: {
|
|
41
|
+
type: Number,
|
|
42
|
+
default: 0
|
|
43
|
+
},
|
|
44
|
+
/**
|
|
45
|
+
* @description `<768px` Responsive columns or column props object
|
|
46
|
+
*/
|
|
47
|
+
xs: {
|
|
48
|
+
type: t([Number, Object]),
|
|
49
|
+
default: () => e({})
|
|
50
|
+
},
|
|
51
|
+
/**
|
|
52
|
+
* @description `≥768px` Responsive columns or column props object
|
|
53
|
+
*/
|
|
54
|
+
sm: {
|
|
55
|
+
type: t([Number, Object]),
|
|
56
|
+
default: () => e({})
|
|
57
|
+
},
|
|
58
|
+
/**
|
|
59
|
+
* @description `≥992px` Responsive columns or column props object
|
|
60
|
+
*/
|
|
61
|
+
md: {
|
|
62
|
+
type: t([Number, Object]),
|
|
63
|
+
default: () => e({})
|
|
64
|
+
},
|
|
65
|
+
/**
|
|
66
|
+
* @description `≥1200px` Responsive columns or column props object
|
|
67
|
+
*/
|
|
68
|
+
lg: {
|
|
69
|
+
type: t([Number, Object]),
|
|
70
|
+
default: () => e({})
|
|
71
|
+
},
|
|
72
|
+
/**
|
|
73
|
+
* @description `≥1920px` Responsive columns or column props object
|
|
74
|
+
*/
|
|
75
|
+
xl: {
|
|
76
|
+
type: t([Number, Object]),
|
|
77
|
+
default: () => e({})
|
|
78
|
+
}
|
|
79
|
+
});
|
|
@@ -1,4 +1,12 @@
|
|
|
1
1
|
import type { Plugin } from 'vue';
|
|
2
|
-
import
|
|
3
|
-
|
|
2
|
+
import _EpCol from './EpCol.vue';
|
|
3
|
+
/**
|
|
4
|
+
* col 自持 barrel(vendor-batch-4 产出)。
|
|
5
|
+
*
|
|
6
|
+
* 列通过 `../row/constants` 的本地 `rowContextKey` 读取父级 gutter;
|
|
7
|
+
* 这是本批唯一允许的跨族 constants 依赖。不导出 `ElCol` 别名。
|
|
8
|
+
*/
|
|
9
|
+
export declare const EpCol: typeof _EpCol & Plugin;
|
|
4
10
|
export default EpCol;
|
|
11
|
+
export { colProps } from './col';
|
|
12
|
+
export type { ColInstance, ColProps, ColPropsPublic, ColSize, ColSizeObject, } from './col';
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import
|
|
3
|
-
|
|
1
|
+
import { withInstall as o } from "../../utils/with-install.js";
|
|
2
|
+
import t from "./EpCol.vue.js";
|
|
3
|
+
import "./col.js";
|
|
4
|
+
const i = o(t, "ep-col");
|
|
4
5
|
export {
|
|
5
|
-
|
|
6
|
+
i as EpCol
|
|
6
7
|
};
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import type { CollapseProps } from './collapse';
|
|
2
|
+
declare var __VLS_1: {};
|
|
3
|
+
type __VLS_Slots = {} & {
|
|
4
|
+
default?: (props: typeof __VLS_1) => any;
|
|
5
|
+
};
|
|
6
|
+
declare const __VLS_component: import("vue").DefineComponent<CollapseProps, {
|
|
7
|
+
/** @description active names */
|
|
8
|
+
activeNames: import("vue").Ref<(string | number)[], (string | number)[]>;
|
|
9
|
+
/** @description set active names */
|
|
10
|
+
setActiveNames: (_activeNames: import("./collapse").CollapseActiveName[]) => void;
|
|
11
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
12
|
+
"update:modelValue": (value: import("./collapse").CollapseModelValue) => void;
|
|
13
|
+
change: (value: import("./collapse").CollapseModelValue) => void;
|
|
14
|
+
}, string, import("vue").PublicProps, Readonly<CollapseProps> & Readonly<{
|
|
15
|
+
"onUpdate:modelValue"?: ((value: import("./collapse").CollapseModelValue) => any) | undefined;
|
|
16
|
+
onChange?: ((value: import("./collapse").CollapseModelValue) => any) | undefined;
|
|
17
|
+
}>, {
|
|
18
|
+
modelValue: import("./collapse").CollapseModelValue;
|
|
19
|
+
expandIconPosition: import("./collapse").CollapseIconPositionType;
|
|
20
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
21
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
22
|
+
export default _default;
|
|
23
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
24
|
+
new (): {
|
|
25
|
+
$slots: S;
|
|
26
|
+
};
|
|
27
|
+
};
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { defineComponent as m, openBlock as c, createElementBlock as i, normalizeClass as f, unref as u, renderSlot as d } from "vue";
|
|
2
|
+
import { collapseEmits as C } from "./collapse.js";
|
|
3
|
+
import { useCollapse as _, useCollapseDOM as E } from "./use-collapse.js";
|
|
4
|
+
const k = /* @__PURE__ */ m({
|
|
5
|
+
name: "EpCollapse",
|
|
6
|
+
__name: "EpCollapse",
|
|
7
|
+
props: {
|
|
8
|
+
accordion: { type: Boolean },
|
|
9
|
+
modelValue: { default: () => [] },
|
|
10
|
+
expandIconPosition: { default: "right" },
|
|
11
|
+
beforeCollapse: {}
|
|
12
|
+
},
|
|
13
|
+
emits: C,
|
|
14
|
+
setup(o, { expose: s, emit: t }) {
|
|
15
|
+
const e = o, l = t, { activeNames: a, setActiveNames: n } = _(e, l), { rootKls: p } = E(e);
|
|
16
|
+
return s({
|
|
17
|
+
/** @description active names */
|
|
18
|
+
activeNames: a,
|
|
19
|
+
/** @description set active names */
|
|
20
|
+
setActiveNames: n
|
|
21
|
+
}), (r, v) => (c(), i("div", {
|
|
22
|
+
class: f(u(p))
|
|
23
|
+
}, [
|
|
24
|
+
d(r.$slots, "default")
|
|
25
|
+
], 2));
|
|
26
|
+
}
|
|
27
|
+
});
|
|
28
|
+
export {
|
|
29
|
+
k as default
|
|
30
|
+
};
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import type { ExtractPublicPropTypes } from 'vue';
|
|
2
|
+
import type { Arrayable, Awaitable } from '@element-plus/utils';
|
|
3
|
+
export type CollapseActiveName = string | number;
|
|
4
|
+
export type CollapseModelValue = Arrayable<CollapseActiveName>;
|
|
5
|
+
export type CollapseIconPositionType = 'left' | 'right';
|
|
6
|
+
export declare const emitChangeFn: (value: CollapseModelValue) => value is string | number | CollapseActiveName[];
|
|
7
|
+
export interface CollapseProps {
|
|
8
|
+
/**
|
|
9
|
+
* @description whether to activate accordion mode
|
|
10
|
+
*/
|
|
11
|
+
accordion?: boolean;
|
|
12
|
+
/**
|
|
13
|
+
* @description currently active panel, the type is `string` in accordion mode, otherwise it is `array`
|
|
14
|
+
*/
|
|
15
|
+
modelValue?: CollapseModelValue;
|
|
16
|
+
/**
|
|
17
|
+
* @description set expand icon position
|
|
18
|
+
*/
|
|
19
|
+
expandIconPosition?: CollapseIconPositionType;
|
|
20
|
+
/**
|
|
21
|
+
* @description before-collapse hook before the collapse state changes. If `false` is returned or a `Promise` is returned and then is rejected, will stop collapsing
|
|
22
|
+
*/
|
|
23
|
+
beforeCollapse?: (name: CollapseActiveName) => Awaitable<boolean>;
|
|
24
|
+
}
|
|
25
|
+
/**
|
|
26
|
+
* @deprecated Removed after 3.0.0, Use `CollapseProps` instead.
|
|
27
|
+
*/
|
|
28
|
+
export declare const collapseProps: {
|
|
29
|
+
readonly accordion: BooleanConstructor;
|
|
30
|
+
readonly modelValue: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => string | number | CollapseActiveName[]) | (() => CollapseModelValue) | (((new (...args: any[]) => string | number | CollapseActiveName[]) | (() => CollapseModelValue)) | null)[], unknown, unknown, () => [], boolean>;
|
|
31
|
+
readonly expandIconPosition: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => "left" | "right") | (() => CollapseIconPositionType) | (((new (...args: any[]) => "left" | "right") | (() => CollapseIconPositionType)) | null)[], unknown, unknown, "right", boolean>;
|
|
32
|
+
readonly beforeCollapse: {
|
|
33
|
+
readonly type: import("vue").PropType<(name: CollapseActiveName) => Awaitable<boolean>>;
|
|
34
|
+
readonly required: false;
|
|
35
|
+
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
36
|
+
__epPropKey: true;
|
|
37
|
+
};
|
|
38
|
+
};
|
|
39
|
+
/**
|
|
40
|
+
* @deprecated Removed after 3.0.0, Use `CollapseProps` instead.
|
|
41
|
+
*/
|
|
42
|
+
export type CollapsePropsPublic = ExtractPublicPropTypes<typeof collapseProps>;
|
|
43
|
+
export declare const collapseEmits: {
|
|
44
|
+
"update:modelValue": (value: CollapseModelValue) => value is string | number | CollapseActiveName[];
|
|
45
|
+
change: (value: CollapseModelValue) => value is string | number | CollapseActiveName[];
|
|
46
|
+
};
|
|
47
|
+
export type CollapseEmits = typeof collapseEmits;
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { isNumber as i } from "../../utils/types.js";
|
|
2
|
+
import "lodash-unified";
|
|
3
|
+
import "@vueuse/core";
|
|
4
|
+
import { isString as e, isArray as m } from "@vue/shared";
|
|
5
|
+
import { mutable as p } from "../../utils/typescript.js";
|
|
6
|
+
import { CHANGE_EVENT as n, UPDATE_MODEL_EVENT as a } from "../../constants/event.js";
|
|
7
|
+
import "@element-plus/icons-vue";
|
|
8
|
+
import { buildProps as s, definePropType as r } from "../../utils/vue/props/runtime.js";
|
|
9
|
+
import "vue";
|
|
10
|
+
const t = (o) => i(o) || e(o) || m(o);
|
|
11
|
+
s({
|
|
12
|
+
/**
|
|
13
|
+
* @description whether to activate accordion mode
|
|
14
|
+
*/
|
|
15
|
+
accordion: Boolean,
|
|
16
|
+
/**
|
|
17
|
+
* @description currently active panel, the type is `string` in accordion mode, otherwise it is `array`
|
|
18
|
+
*/
|
|
19
|
+
modelValue: {
|
|
20
|
+
type: r([Array, String, Number]),
|
|
21
|
+
default: () => p([])
|
|
22
|
+
},
|
|
23
|
+
/**
|
|
24
|
+
* @description set expand icon position
|
|
25
|
+
*/
|
|
26
|
+
expandIconPosition: {
|
|
27
|
+
type: r([String]),
|
|
28
|
+
default: "right"
|
|
29
|
+
},
|
|
30
|
+
/**
|
|
31
|
+
* @description before-collapse hook before the collapse state changes. If `false` is returned or a `Promise` is returned and then is rejected, will stop collapsing
|
|
32
|
+
*/
|
|
33
|
+
beforeCollapse: {
|
|
34
|
+
type: r(
|
|
35
|
+
Function
|
|
36
|
+
)
|
|
37
|
+
}
|
|
38
|
+
});
|
|
39
|
+
const N = {
|
|
40
|
+
[a]: t,
|
|
41
|
+
[n]: t
|
|
42
|
+
};
|
|
43
|
+
export {
|
|
44
|
+
N as collapseEmits,
|
|
45
|
+
t as emitChangeFn
|
|
46
|
+
};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { InjectionKey, Ref } from 'vue';
|
|
2
|
+
import type { CollapseActiveName } from './collapse';
|
|
3
|
+
export interface CollapseContext {
|
|
4
|
+
activeNames: Ref<CollapseActiveName[]>;
|
|
5
|
+
handleItemClick: (name: CollapseActiveName) => void;
|
|
6
|
+
}
|
|
7
|
+
export declare const collapseContextKey: InjectionKey<CollapseContext>;
|
|
@@ -1,4 +1,23 @@
|
|
|
1
1
|
import type { Plugin } from 'vue';
|
|
2
|
-
import
|
|
3
|
-
|
|
2
|
+
import _EpCollapse from './EpCollapse.vue';
|
|
3
|
+
import _EpCollapseItem from '../collapse-item/EpCollapseItem.vue';
|
|
4
|
+
/**
|
|
5
|
+
* collapse 自持 barrel(vendor-batch-4 产出)。
|
|
6
|
+
*
|
|
7
|
+
* `.CollapseItem` 是对外公开面的一部分(迁移前包装态经 `Object.assign`
|
|
8
|
+
* 继承自上游),此处挂载**未安装本体**,与上游形态一致。
|
|
9
|
+
* 上下文键 `collapseContextKey` 由本入口导出,子项从 ./constants 读取同一 Symbol。
|
|
10
|
+
* 不导出 `ElCollapse` / `ElCollapseItem` 别名。
|
|
11
|
+
*/
|
|
12
|
+
export declare const EpCollapse: typeof _EpCollapse & Plugin & {
|
|
13
|
+
CollapseItem: typeof _EpCollapseItem;
|
|
14
|
+
};
|
|
4
15
|
export default EpCollapse;
|
|
16
|
+
export { collapseContextKey } from './constants';
|
|
17
|
+
export { collapseEmits, collapseProps, emitChangeFn, } from './collapse';
|
|
18
|
+
export { collapseItemProps } from '../collapse-item';
|
|
19
|
+
export type { CollapseContext } from './constants';
|
|
20
|
+
export type { CollapseActiveName, CollapseEmits, CollapseIconPositionType, CollapseModelValue, CollapseProps, CollapsePropsPublic, } from './collapse';
|
|
21
|
+
export type { CollapseInstance } from './instance';
|
|
22
|
+
export type { CollapseItemProps, CollapseItemPropsPublic, } from '../collapse-item';
|
|
23
|
+
export type { CollapseItemInstance } from '../collapse-item/instance';
|
|
@@ -1,6 +1,14 @@
|
|
|
1
|
-
import { ElCollapse as l } from "element-plus";
|
|
2
1
|
import { withInstall as o } from "../../utils/with-install.js";
|
|
3
|
-
|
|
2
|
+
import m from "./EpCollapse.vue.js";
|
|
3
|
+
import t from "../collapse-item/EpCollapseItem.vue.js";
|
|
4
|
+
import { collapseEmits as n, emitChangeFn as c } from "./collapse.js";
|
|
5
|
+
import "../collapse-item/index.js";
|
|
6
|
+
const l = Object.assign(
|
|
7
|
+
o(m, "ep-collapse"),
|
|
8
|
+
{ CollapseItem: t }
|
|
9
|
+
);
|
|
4
10
|
export {
|
|
5
|
-
|
|
11
|
+
l as EpCollapse,
|
|
12
|
+
n as collapseEmits,
|
|
13
|
+
c as emitChangeFn
|
|
6
14
|
};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import type { CollapseItemProps } from '../collapse-item/collapse-item';
|
|
2
|
+
export declare const useCollapseItem: (props: CollapseItemProps) => {
|
|
3
|
+
focusing: import("vue").Ref<boolean, boolean>;
|
|
4
|
+
id: import("vue").ComputedRef<number>;
|
|
5
|
+
isActive: import("vue").ComputedRef<boolean | undefined>;
|
|
6
|
+
handleFocus: () => void;
|
|
7
|
+
handleHeaderClick: (e: MouseEvent) => void;
|
|
8
|
+
handleEnterClick: (e: KeyboardEvent) => void;
|
|
9
|
+
};
|
|
10
|
+
export declare const useCollapseItemDOM: (props: CollapseItemProps, { focusing, isActive, id }: Partial<ReturnType<typeof useCollapseItem>>) => {
|
|
11
|
+
itemTitleKls: import("vue").ComputedRef<string[]>;
|
|
12
|
+
arrowKls: import("vue").ComputedRef<string[]>;
|
|
13
|
+
headKls: import("vue").ComputedRef<(string | {
|
|
14
|
+
focusing: boolean | undefined;
|
|
15
|
+
})[]>;
|
|
16
|
+
rootKls: import("vue").ComputedRef<string[]>;
|
|
17
|
+
itemWrapperKls: import("vue").ComputedRef<string>;
|
|
18
|
+
itemContentKls: import("vue").ComputedRef<string>;
|
|
19
|
+
scopedContentId: import("vue").ComputedRef<string>;
|
|
20
|
+
scopedHeadId: import("vue").ComputedRef<string>;
|
|
21
|
+
};
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
import { inject as v, ref as C, computed as n, unref as o } from "vue";
|
|
2
|
+
import { useNamespace as h } from "../../hooks/use-namespace/index.js";
|
|
3
|
+
import "@vue/shared";
|
|
4
|
+
import "lodash-unified";
|
|
5
|
+
import "@vueuse/core";
|
|
6
|
+
import "@element-plus/icons-vue";
|
|
7
|
+
import { useIdInjection as I } from "../../hooks/use-id/index.js";
|
|
8
|
+
import "../../hooks/use-size/index.js";
|
|
9
|
+
import "@popperjs/core";
|
|
10
|
+
import "../../hooks/use-z-index/index.js";
|
|
11
|
+
import "../../hooks/use-delayed-toggle/index.js";
|
|
12
|
+
import "../../hooks/use-aria/index.js";
|
|
13
|
+
import "../../hooks/use-model-toggle/index.js";
|
|
14
|
+
import "../../hooks/use-empty-values/index.js";
|
|
15
|
+
import { collapseContextKey as k } from "./constants.js";
|
|
16
|
+
const W = (c) => {
|
|
17
|
+
const t = v(k), { namespace: a } = h("collapse"), i = C(!1), e = C(!1), m = I(), d = n(() => m.current++), l = n(() => c.name ?? `${a.value}-id-${m.prefix}-${o(d)}`), u = n(
|
|
18
|
+
() => t == null ? void 0 : t.activeNames.value.includes(o(l))
|
|
19
|
+
);
|
|
20
|
+
return {
|
|
21
|
+
focusing: i,
|
|
22
|
+
id: d,
|
|
23
|
+
isActive: u,
|
|
24
|
+
handleFocus: () => {
|
|
25
|
+
setTimeout(() => {
|
|
26
|
+
e.value ? e.value = !1 : i.value = !0;
|
|
27
|
+
}, 50);
|
|
28
|
+
},
|
|
29
|
+
handleHeaderClick: (r) => {
|
|
30
|
+
if (c.disabled) return;
|
|
31
|
+
const s = r.target;
|
|
32
|
+
s != null && s.closest("input, textarea, select") || (t == null || t.handleItemClick(o(l)), i.value = !1, e.value = !0);
|
|
33
|
+
},
|
|
34
|
+
handleEnterClick: (r) => {
|
|
35
|
+
const s = r.target;
|
|
36
|
+
s != null && s.closest("input, textarea, select") || (r.preventDefault(), t == null || t.handleItemClick(o(l)));
|
|
37
|
+
}
|
|
38
|
+
};
|
|
39
|
+
}, q = (c, { focusing: t, isActive: a, id: i }) => {
|
|
40
|
+
const e = h("collapse"), m = n(() => [
|
|
41
|
+
e.b("item"),
|
|
42
|
+
e.is("active", o(a)),
|
|
43
|
+
e.is("disabled", c.disabled)
|
|
44
|
+
]), d = n(() => [
|
|
45
|
+
e.be("item", "header"),
|
|
46
|
+
e.is("active", o(a)),
|
|
47
|
+
{ focusing: o(t) && !c.disabled }
|
|
48
|
+
]), l = n(() => [
|
|
49
|
+
e.be("item", "arrow"),
|
|
50
|
+
e.is("active", o(a))
|
|
51
|
+
]), u = n(() => [e.be("item", "title")]), p = n(() => e.be("item", "wrap")), f = n(() => e.be("item", "content")), b = n(() => e.b(`content-${o(i)}`)), r = n(() => e.b(`head-${o(i)}`));
|
|
52
|
+
return {
|
|
53
|
+
itemTitleKls: u,
|
|
54
|
+
arrowKls: l,
|
|
55
|
+
headKls: d,
|
|
56
|
+
rootKls: m,
|
|
57
|
+
itemWrapperKls: p,
|
|
58
|
+
itemContentKls: f,
|
|
59
|
+
scopedContentId: b,
|
|
60
|
+
scopedHeadId: r
|
|
61
|
+
};
|
|
62
|
+
};
|
|
63
|
+
export {
|
|
64
|
+
W as useCollapseItem,
|
|
65
|
+
q as useCollapseItemDOM
|
|
66
|
+
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { SetupContext } from 'vue';
|
|
2
|
+
import type { CollapseActiveName, CollapseEmits, CollapseProps } from './collapse';
|
|
3
|
+
export declare const useCollapse: (props: CollapseProps, emit: SetupContext<CollapseEmits>["emit"]) => {
|
|
4
|
+
activeNames: import("vue").Ref<(string | number)[], (string | number)[]>;
|
|
5
|
+
setActiveNames: (_activeNames: CollapseActiveName[]) => void;
|
|
6
|
+
};
|
|
7
|
+
export declare const useCollapseDOM: (props: CollapseProps) => {
|
|
8
|
+
rootKls: import("vue").ComputedRef<string[]>;
|
|
9
|
+
};
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
import { ref as f, watch as d, provide as v, computed as C } from "vue";
|
|
2
|
+
import { isBoolean as h } from "../../utils/types.js";
|
|
3
|
+
import { castArray as n } from "lodash-unified";
|
|
4
|
+
import "@vueuse/core";
|
|
5
|
+
import { throwError as E, debugWarn as b } from "../../utils/error.js";
|
|
6
|
+
import { isPromise as m } from "@vue/shared";
|
|
7
|
+
import { UPDATE_MODEL_EVENT as N, CHANGE_EVENT as P } from "../../constants/event.js";
|
|
8
|
+
import "@element-plus/icons-vue";
|
|
9
|
+
import { useNamespace as O } from "../../hooks/use-namespace/index.js";
|
|
10
|
+
import "../../hooks/use-size/index.js";
|
|
11
|
+
import "@popperjs/core";
|
|
12
|
+
import "../../hooks/use-z-index/index.js";
|
|
13
|
+
import "../../hooks/use-delayed-toggle/index.js";
|
|
14
|
+
import "../../hooks/use-aria/index.js";
|
|
15
|
+
import "../../hooks/use-model-toggle/index.js";
|
|
16
|
+
import "../../hooks/use-empty-values/index.js";
|
|
17
|
+
import { collapseContextKey as x } from "./constants.js";
|
|
18
|
+
const u = "ElCollapse", U = (t, i) => {
|
|
19
|
+
const r = f(n(t.modelValue)), l = (o) => {
|
|
20
|
+
r.value = o;
|
|
21
|
+
const e = t.accordion ? r.value[0] : r.value;
|
|
22
|
+
i(N, e), i(P, e);
|
|
23
|
+
}, c = (o) => {
|
|
24
|
+
if (t.accordion)
|
|
25
|
+
l([r.value[0] === o ? "" : o]);
|
|
26
|
+
else {
|
|
27
|
+
const e = [...r.value], s = e.indexOf(o);
|
|
28
|
+
s > -1 ? e.splice(s, 1) : e.push(o), l(e);
|
|
29
|
+
}
|
|
30
|
+
}, p = async (o) => {
|
|
31
|
+
const { beforeCollapse: e } = t;
|
|
32
|
+
if (!e) {
|
|
33
|
+
c(o);
|
|
34
|
+
return;
|
|
35
|
+
}
|
|
36
|
+
const s = e(o);
|
|
37
|
+
[
|
|
38
|
+
m(s),
|
|
39
|
+
h(s)
|
|
40
|
+
].includes(!0) || E(
|
|
41
|
+
u,
|
|
42
|
+
"beforeCollapse must return type `Promise<boolean>` or `boolean`"
|
|
43
|
+
), m(s) ? s.then((a) => {
|
|
44
|
+
a !== !1 && c(o);
|
|
45
|
+
}).catch((a) => {
|
|
46
|
+
b(u, `some error occurred: ${a}`);
|
|
47
|
+
}) : s && c(o);
|
|
48
|
+
};
|
|
49
|
+
return d(
|
|
50
|
+
() => t.modelValue,
|
|
51
|
+
() => r.value = n(t.modelValue),
|
|
52
|
+
{ deep: !0 }
|
|
53
|
+
), v(x, {
|
|
54
|
+
activeNames: r,
|
|
55
|
+
handleItemClick: p
|
|
56
|
+
}), {
|
|
57
|
+
activeNames: r,
|
|
58
|
+
setActiveNames: l
|
|
59
|
+
};
|
|
60
|
+
}, W = (t) => {
|
|
61
|
+
const i = O("collapse");
|
|
62
|
+
return {
|
|
63
|
+
rootKls: C(() => [
|
|
64
|
+
i.b(),
|
|
65
|
+
i.b(`icon-position-${t.expandIconPosition}`)
|
|
66
|
+
])
|
|
67
|
+
};
|
|
68
|
+
};
|
|
69
|
+
export {
|
|
70
|
+
U as useCollapse,
|
|
71
|
+
W as useCollapseDOM
|
|
72
|
+
};
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import type { CollapseItemProps } from './collapse-item';
|
|
2
|
+
declare var __VLS_1: {
|
|
3
|
+
isActive: boolean | undefined;
|
|
4
|
+
}, __VLS_3: {
|
|
5
|
+
isActive: boolean | undefined;
|
|
6
|
+
}, __VLS_17: {};
|
|
7
|
+
type __VLS_Slots = {} & {
|
|
8
|
+
title?: (props: typeof __VLS_1) => any;
|
|
9
|
+
} & {
|
|
10
|
+
icon?: (props: typeof __VLS_3) => any;
|
|
11
|
+
} & {
|
|
12
|
+
default?: (props: typeof __VLS_17) => any;
|
|
13
|
+
};
|
|
14
|
+
declare const __VLS_component: import("vue").DefineComponent<CollapseItemProps, {
|
|
15
|
+
/** @description current collapse-item whether active */
|
|
16
|
+
isActive: import("vue").ComputedRef<boolean | undefined>;
|
|
17
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CollapseItemProps> & Readonly<{}>, {
|
|
18
|
+
icon: import("../../utils").IconPropType;
|
|
19
|
+
title: string;
|
|
20
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
21
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
22
|
+
export default _default;
|
|
23
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
24
|
+
new (): {
|
|
25
|
+
$slots: S;
|
|
26
|
+
};
|
|
27
|
+
};
|
|
@@ -0,0 +1,102 @@
|
|
|
1
|
+
import { defineComponent as g, openBlock as C, createElementBlock as A, normalizeClass as o, unref as e, createElementVNode as s, withKeys as D, withModifiers as $, renderSlot as r, createTextVNode as N, toDisplayString as S, createVNode as v, withCtx as w, createBlock as T, resolveDynamicComponent as V, withDirectives as F, vShow as H, markRaw as M } from "vue";
|
|
2
|
+
import { EpCollapseTransition as R } from "../collapse-transition/index.js";
|
|
3
|
+
import { EpIcon as z } from "../icon/index.js";
|
|
4
|
+
import { ArrowRight as O } from "@element-plus/icons-vue";
|
|
5
|
+
import { useCollapseItem as W, useCollapseItemDOM as j } from "../collapse/use-collapse-item.js";
|
|
6
|
+
const q = ["id", "aria-expanded", "aria-controls", "aria-describedby", "tabindex", "aria-disabled"], G = ["id", "aria-hidden", "aria-labelledby"], X = /* @__PURE__ */ g({
|
|
7
|
+
name: "EpCollapseItem",
|
|
8
|
+
__name: "EpCollapseItem",
|
|
9
|
+
props: {
|
|
10
|
+
title: { default: "" },
|
|
11
|
+
name: {},
|
|
12
|
+
icon: { default: M(O) },
|
|
13
|
+
disabled: { type: Boolean }
|
|
14
|
+
},
|
|
15
|
+
setup(l, { expose: y }) {
|
|
16
|
+
const c = l, {
|
|
17
|
+
focusing: m,
|
|
18
|
+
id: K,
|
|
19
|
+
isActive: t,
|
|
20
|
+
handleFocus: p,
|
|
21
|
+
handleHeaderClick: u,
|
|
22
|
+
handleEnterClick: f
|
|
23
|
+
} = W(c), {
|
|
24
|
+
arrowKls: h,
|
|
25
|
+
headKls: k,
|
|
26
|
+
rootKls: E,
|
|
27
|
+
itemTitleKls: I,
|
|
28
|
+
itemWrapperKls: x,
|
|
29
|
+
itemContentKls: B,
|
|
30
|
+
scopedContentId: d,
|
|
31
|
+
scopedHeadId: b
|
|
32
|
+
} = j(c, { focusing: m, isActive: t, id: K });
|
|
33
|
+
return y({
|
|
34
|
+
/** @description current collapse-item whether active */
|
|
35
|
+
isActive: t
|
|
36
|
+
}), (n, i) => (C(), A("div", {
|
|
37
|
+
class: o(e(E))
|
|
38
|
+
}, [
|
|
39
|
+
s("div", {
|
|
40
|
+
id: e(b),
|
|
41
|
+
class: o(e(k)),
|
|
42
|
+
"aria-expanded": e(t),
|
|
43
|
+
"aria-controls": e(d),
|
|
44
|
+
"aria-describedby": e(d),
|
|
45
|
+
tabindex: l.disabled ? void 0 : 0,
|
|
46
|
+
"aria-disabled": l.disabled,
|
|
47
|
+
role: "button",
|
|
48
|
+
onClick: i[0] || (i[0] = //@ts-ignore
|
|
49
|
+
(...a) => e(u) && e(u)(...a)),
|
|
50
|
+
onKeydown: i[1] || (i[1] = D($(
|
|
51
|
+
//@ts-ignore
|
|
52
|
+
(...a) => e(f) && e(f)(...a),
|
|
53
|
+
["stop"]
|
|
54
|
+
), ["space", "enter"])),
|
|
55
|
+
onFocus: i[2] || (i[2] = //@ts-ignore
|
|
56
|
+
(...a) => e(p) && e(p)(...a)),
|
|
57
|
+
onBlur: i[3] || (i[3] = (a) => m.value = !1)
|
|
58
|
+
}, [
|
|
59
|
+
s("span", {
|
|
60
|
+
class: o(e(I))
|
|
61
|
+
}, [
|
|
62
|
+
r(n.$slots, "title", { isActive: e(t) }, () => [
|
|
63
|
+
N(S(l.title), 1)
|
|
64
|
+
])
|
|
65
|
+
], 2),
|
|
66
|
+
r(n.$slots, "icon", { isActive: e(t) }, () => [
|
|
67
|
+
v(e(z), {
|
|
68
|
+
class: o(e(h))
|
|
69
|
+
}, {
|
|
70
|
+
default: w(() => [
|
|
71
|
+
(C(), T(V(l.icon)))
|
|
72
|
+
]),
|
|
73
|
+
_: 1
|
|
74
|
+
}, 8, ["class"])
|
|
75
|
+
])
|
|
76
|
+
], 42, q),
|
|
77
|
+
v(e(R), null, {
|
|
78
|
+
default: w(() => [
|
|
79
|
+
F(s("div", {
|
|
80
|
+
id: e(d),
|
|
81
|
+
role: "region",
|
|
82
|
+
class: o(e(x)),
|
|
83
|
+
"aria-hidden": !e(t),
|
|
84
|
+
"aria-labelledby": e(b)
|
|
85
|
+
}, [
|
|
86
|
+
s("div", {
|
|
87
|
+
class: o(e(B))
|
|
88
|
+
}, [
|
|
89
|
+
r(n.$slots, "default")
|
|
90
|
+
], 2)
|
|
91
|
+
], 10, G), [
|
|
92
|
+
[H, e(t)]
|
|
93
|
+
])
|
|
94
|
+
]),
|
|
95
|
+
_: 3
|
|
96
|
+
})
|
|
97
|
+
], 2));
|
|
98
|
+
}
|
|
99
|
+
});
|
|
100
|
+
export {
|
|
101
|
+
X as default
|
|
102
|
+
};
|