ep-craft 0.1.35 → 0.1.36
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/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/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/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/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/roving-focus-group/index.js +1 -1
- package/dist/components/roving-focus-group/src/roving-focus-group.vue.js +19 -11
- package/dist/components/roving-focus-group/src/roving-focus-group2.vue.js +11 -19
- 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/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/vendored-components.d.ts +1 -1
- package/dist/vendored-components.js +18 -1
- package/package.json +1 -1
|
@@ -1,13 +1,21 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
1
|
+
import c from "./roving-focus-group2.vue.js";
|
|
2
|
+
import { resolveComponent as e, openBlock as p, createBlock as l, withCtx as r, createVNode as s, normalizeProps as u, guardReactiveProps as _, renderSlot as i } from "vue";
|
|
3
|
+
import a from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
+
function f(o, m, d, g, $, v) {
|
|
5
|
+
const t = e("el-roving-focus-group-impl"), n = e("el-focus-group-collection");
|
|
6
|
+
return p(), l(n, null, {
|
|
7
|
+
default: r(() => [
|
|
8
|
+
s(t, u(_(o.$attrs)), {
|
|
9
|
+
default: r(() => [
|
|
10
|
+
i(o.$slots, "default")
|
|
11
|
+
]),
|
|
12
|
+
_: 3
|
|
13
|
+
}, 16)
|
|
14
|
+
]),
|
|
15
|
+
_: 3
|
|
16
|
+
});
|
|
17
|
+
}
|
|
18
|
+
const B = /* @__PURE__ */ a(c, [["render", f]]);
|
|
11
19
|
export {
|
|
12
|
-
|
|
20
|
+
B as default
|
|
13
21
|
};
|
|
@@ -1,21 +1,13 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
]),
|
|
12
|
-
_: 3
|
|
13
|
-
}, 16)
|
|
14
|
-
]),
|
|
15
|
-
_: 3
|
|
16
|
-
});
|
|
17
|
-
}
|
|
18
|
-
const B = /* @__PURE__ */ a(c, [["render", f]]);
|
|
1
|
+
import { defineComponent as o } from "vue";
|
|
2
|
+
import n from "./roving-focus-group-impl.vue.js";
|
|
3
|
+
import { ElCollection as m } from "./roving-focus-group.js";
|
|
4
|
+
const e = o({
|
|
5
|
+
name: "EpRovingFocusGroup",
|
|
6
|
+
components: {
|
|
7
|
+
ElFocusGroupCollection: m,
|
|
8
|
+
ElRovingFocusGroupImpl: n
|
|
9
|
+
}
|
|
10
|
+
});
|
|
19
11
|
export {
|
|
20
|
-
|
|
12
|
+
e as default
|
|
21
13
|
};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type { RowProps } from './row';
|
|
2
|
+
declare var __VLS_6: {};
|
|
3
|
+
type __VLS_Slots = {} & {
|
|
4
|
+
default?: (props: typeof __VLS_6) => any;
|
|
5
|
+
};
|
|
6
|
+
declare const __VLS_component: import("vue").DefineComponent<RowProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<RowProps> & Readonly<{}>, {
|
|
7
|
+
justify: typeof import("./row").RowJustify[number];
|
|
8
|
+
tag: string;
|
|
9
|
+
gutter: number;
|
|
10
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
11
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
12
|
+
export default _default;
|
|
13
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
14
|
+
new (): {
|
|
15
|
+
$slots: S;
|
|
16
|
+
};
|
|
17
|
+
};
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { defineComponent as m, computed as r, provide as l, openBlock as p, createBlock as u, resolveDynamicComponent as c, normalizeStyle as f, normalizeClass as g, withCtx as d, renderSlot as y } from "vue";
|
|
2
|
+
import { useNamespace as w } 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 "../../hooks/use-size/index.js";
|
|
8
|
+
import "@popperjs/core";
|
|
9
|
+
import "../../hooks/use-z-index/index.js";
|
|
10
|
+
import "../../hooks/use-delayed-toggle/index.js";
|
|
11
|
+
import "../../hooks/use-aria/index.js";
|
|
12
|
+
import "../../hooks/use-model-toggle/index.js";
|
|
13
|
+
import "../../hooks/use-empty-values/index.js";
|
|
14
|
+
import { rowContextKey as v } from "./constants.js";
|
|
15
|
+
const L = /* @__PURE__ */ m({
|
|
16
|
+
name: "EpRow",
|
|
17
|
+
__name: "EpRow",
|
|
18
|
+
props: {
|
|
19
|
+
tag: { default: "div" },
|
|
20
|
+
gutter: { default: 0 },
|
|
21
|
+
justify: { default: "start" },
|
|
22
|
+
align: {}
|
|
23
|
+
},
|
|
24
|
+
setup(s) {
|
|
25
|
+
const t = s, o = w("row"), i = r(() => t.gutter);
|
|
26
|
+
l(v, {
|
|
27
|
+
gutter: i
|
|
28
|
+
});
|
|
29
|
+
const a = r(() => {
|
|
30
|
+
const e = {};
|
|
31
|
+
return t.gutter && (e.marginRight = e.marginLeft = `-${t.gutter / 2}px`), e;
|
|
32
|
+
}), n = r(() => [
|
|
33
|
+
o.b(),
|
|
34
|
+
o.is(`justify-${t.justify}`, t.justify !== "start"),
|
|
35
|
+
o.is(`align-${t.align}`, !!t.align)
|
|
36
|
+
]);
|
|
37
|
+
return (e, C) => (p(), u(c(s.tag), {
|
|
38
|
+
class: g(n.value),
|
|
39
|
+
style: f(a.value)
|
|
40
|
+
}, {
|
|
41
|
+
default: d(() => [
|
|
42
|
+
y(e.$slots, "default")
|
|
43
|
+
]),
|
|
44
|
+
_: 3
|
|
45
|
+
}, 8, ["class", "style"]));
|
|
46
|
+
}
|
|
47
|
+
});
|
|
48
|
+
export {
|
|
49
|
+
L as default
|
|
50
|
+
};
|
|
@@ -1,4 +1,14 @@
|
|
|
1
1
|
import type { Plugin } from 'vue';
|
|
2
|
-
import
|
|
3
|
-
|
|
2
|
+
import _EpRow from './EpRow.vue';
|
|
3
|
+
/**
|
|
4
|
+
* row 自持 barrel(vendor-batch-4 产出)。
|
|
5
|
+
*
|
|
6
|
+
* `rowContextKey` 是本地 Symbol,并由本入口导出;`col` 直接引用
|
|
7
|
+
* `../row/constants`,保证父子读取同一个键。不导出 `ElRow` 别名。
|
|
8
|
+
*/
|
|
9
|
+
export declare const EpRow: typeof _EpRow & Plugin;
|
|
4
10
|
export default EpRow;
|
|
11
|
+
export { rowContextKey } from './constants';
|
|
12
|
+
export { rowProps, RowAlign, RowJustify } from './row';
|
|
13
|
+
export type { RowContext } from './constants';
|
|
14
|
+
export type { RowInstance, RowProps, RowPropsPublic } from './row';
|
|
@@ -1,6 +1,9 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import
|
|
3
|
-
|
|
1
|
+
import { withInstall as o } from "../../utils/with-install.js";
|
|
2
|
+
import r from "./EpRow.vue.js";
|
|
3
|
+
import { RowAlign as w, RowJustify as n } from "./row.js";
|
|
4
|
+
const m = o(r, "ep-row");
|
|
4
5
|
export {
|
|
5
|
-
m as EpRow
|
|
6
|
+
m as EpRow,
|
|
7
|
+
w as RowAlign,
|
|
8
|
+
n as RowJustify
|
|
6
9
|
};
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import type { ExtractPublicPropTypes } from 'vue';
|
|
2
|
+
import type EpRow from './EpRow.vue';
|
|
3
|
+
export declare const RowJustify: readonly ["start", "center", "end", "space-around", "space-between", "space-evenly"];
|
|
4
|
+
export declare const RowAlign: readonly ["top", "middle", "bottom"];
|
|
5
|
+
export interface RowProps {
|
|
6
|
+
/**
|
|
7
|
+
* @description custom element tag
|
|
8
|
+
*/
|
|
9
|
+
tag?: string;
|
|
10
|
+
/**
|
|
11
|
+
* @description grid spacing
|
|
12
|
+
*/
|
|
13
|
+
gutter?: number;
|
|
14
|
+
/**
|
|
15
|
+
* @description horizontal alignment of flex layout
|
|
16
|
+
*/
|
|
17
|
+
justify?: (typeof RowJustify)[number];
|
|
18
|
+
/**
|
|
19
|
+
* @description vertical alignment of flex layout
|
|
20
|
+
*/
|
|
21
|
+
align?: (typeof RowAlign)[number];
|
|
22
|
+
}
|
|
23
|
+
/**
|
|
24
|
+
* @deprecated Removed after 3.0.0, Use `RowProps` instead.
|
|
25
|
+
*/
|
|
26
|
+
export declare const rowProps: {
|
|
27
|
+
readonly tag: import("@element-plus/utils").EpPropFinalized<StringConstructor, unknown, unknown, "div", boolean>;
|
|
28
|
+
readonly gutter: import("@element-plus/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
|
|
29
|
+
readonly justify: import("@element-plus/utils").EpPropFinalized<StringConstructor, "center" | "space-around" | "space-between" | "space-evenly" | "end" | "start", unknown, "start", boolean>;
|
|
30
|
+
readonly align: {
|
|
31
|
+
readonly type: import("vue").PropType<import("@element-plus/utils").EpPropMergeType<StringConstructor, "bottom" | "top" | "middle", unknown>>;
|
|
32
|
+
readonly required: false;
|
|
33
|
+
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
34
|
+
__epPropKey: true;
|
|
35
|
+
};
|
|
36
|
+
};
|
|
37
|
+
/**
|
|
38
|
+
* @deprecated Removed after 3.0.0, Use `RowProps` instead.
|
|
39
|
+
*/
|
|
40
|
+
export type RowPropsPublic = ExtractPublicPropTypes<typeof rowProps>;
|
|
41
|
+
export type RowInstance = InstanceType<typeof EpRow> & unknown;
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import "@vue/shared";
|
|
2
|
+
import "lodash-unified";
|
|
3
|
+
import "@vueuse/core";
|
|
4
|
+
import "@element-plus/icons-vue";
|
|
5
|
+
import { buildProps as t } from "../../utils/vue/props/runtime.js";
|
|
6
|
+
import "vue";
|
|
7
|
+
const e = [
|
|
8
|
+
"start",
|
|
9
|
+
"center",
|
|
10
|
+
"end",
|
|
11
|
+
"space-around",
|
|
12
|
+
"space-between",
|
|
13
|
+
"space-evenly"
|
|
14
|
+
], r = ["top", "middle", "bottom"];
|
|
15
|
+
t({
|
|
16
|
+
/**
|
|
17
|
+
* @description custom element tag
|
|
18
|
+
*/
|
|
19
|
+
tag: {
|
|
20
|
+
type: String,
|
|
21
|
+
default: "div"
|
|
22
|
+
},
|
|
23
|
+
/**
|
|
24
|
+
* @description grid spacing
|
|
25
|
+
*/
|
|
26
|
+
gutter: {
|
|
27
|
+
type: Number,
|
|
28
|
+
default: 0
|
|
29
|
+
},
|
|
30
|
+
/**
|
|
31
|
+
* @description horizontal alignment of flex layout
|
|
32
|
+
*/
|
|
33
|
+
justify: {
|
|
34
|
+
type: String,
|
|
35
|
+
values: e,
|
|
36
|
+
default: "start"
|
|
37
|
+
},
|
|
38
|
+
/**
|
|
39
|
+
* @description vertical alignment of flex layout
|
|
40
|
+
*/
|
|
41
|
+
align: {
|
|
42
|
+
type: String,
|
|
43
|
+
values: r
|
|
44
|
+
}
|
|
45
|
+
});
|
|
46
|
+
export {
|
|
47
|
+
r as RowAlign,
|
|
48
|
+
e as RowJustify
|
|
49
|
+
};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import type { SkeletonProps } from './skeleton';
|
|
2
|
+
declare var __VLS_1: {
|
|
3
|
+
key: number;
|
|
4
|
+
}, __VLS_9: {};
|
|
5
|
+
type __VLS_Slots = {} & {
|
|
6
|
+
template?: (props: typeof __VLS_1) => any;
|
|
7
|
+
} & {
|
|
8
|
+
default?: (props: typeof __VLS_9) => any;
|
|
9
|
+
};
|
|
10
|
+
declare const __VLS_component: import("vue").DefineComponent<SkeletonProps, {
|
|
11
|
+
/** @description loading state */
|
|
12
|
+
uiLoading: import("vue").Ref<boolean, boolean>;
|
|
13
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SkeletonProps> & Readonly<{}>, {
|
|
14
|
+
loading: boolean;
|
|
15
|
+
rows: number;
|
|
16
|
+
count: number;
|
|
17
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
18
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
19
|
+
export default _default;
|
|
20
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
21
|
+
new (): {
|
|
22
|
+
$slots: S;
|
|
23
|
+
};
|
|
24
|
+
};
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import { defineComponent as g, toRef as v, unref as e, openBlock as r, createElementBlock as n, mergeProps as y, Fragment as l, renderList as u, renderSlot as c, createVNode as h, normalizeClass as d, createBlock as B, createCommentVNode as $, normalizeProps as w, guardReactiveProps as C } from "vue";
|
|
2
|
+
import { useNamespace as E } 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 "../../hooks/use-size/index.js";
|
|
8
|
+
import "@popperjs/core";
|
|
9
|
+
import "../../hooks/use-z-index/index.js";
|
|
10
|
+
import "../../hooks/use-delayed-toggle/index.js";
|
|
11
|
+
import "../../hooks/use-aria/index.js";
|
|
12
|
+
import "../../hooks/use-model-toggle/index.js";
|
|
13
|
+
import "../../hooks/use-empty-values/index.js";
|
|
14
|
+
import { useThrottleRender as N } from "../../hooks/use-throttle-render/index.js";
|
|
15
|
+
import f from "../skeleton-item/EpSkeletonItem.vue.js";
|
|
16
|
+
const J = /* @__PURE__ */ g({
|
|
17
|
+
name: "EpSkeleton",
|
|
18
|
+
__name: "EpSkeleton",
|
|
19
|
+
props: {
|
|
20
|
+
animated: { type: Boolean },
|
|
21
|
+
count: { default: 1 },
|
|
22
|
+
rows: { default: 3 },
|
|
23
|
+
loading: { type: Boolean, default: !0 },
|
|
24
|
+
throttle: {}
|
|
25
|
+
},
|
|
26
|
+
setup(t, { expose: k }) {
|
|
27
|
+
const i = t, o = E("skeleton"), s = N(v(i, "loading"), i.throttle);
|
|
28
|
+
return k({
|
|
29
|
+
/** @description loading state */
|
|
30
|
+
uiLoading: s
|
|
31
|
+
}), (a, P) => e(s) ? (r(), n("div", y({
|
|
32
|
+
key: 0,
|
|
33
|
+
class: [e(o).b(), e(o).is("animated", t.animated)]
|
|
34
|
+
}, a.$attrs), [
|
|
35
|
+
(r(!0), n(l, null, u(t.count, (m) => (r(), n(l, { key: m }, [
|
|
36
|
+
e(s) ? c(a.$slots, "template", { key: m }, () => [
|
|
37
|
+
h(f, {
|
|
38
|
+
class: d(e(o).is("first")),
|
|
39
|
+
variant: "p"
|
|
40
|
+
}, null, 8, ["class"]),
|
|
41
|
+
(r(!0), n(l, null, u(t.rows, (p) => (r(), B(f, {
|
|
42
|
+
key: p,
|
|
43
|
+
class: d([
|
|
44
|
+
e(o).e("paragraph"),
|
|
45
|
+
e(o).is("last", p === t.rows && t.rows > 1)
|
|
46
|
+
]),
|
|
47
|
+
variant: "p"
|
|
48
|
+
}, null, 8, ["class"]))), 128))
|
|
49
|
+
]) : $("", !0)
|
|
50
|
+
], 64))), 128))
|
|
51
|
+
], 16)) : c(a.$slots, "default", w(C(a.$attrs)), void 0, void 0, 1);
|
|
52
|
+
}
|
|
53
|
+
});
|
|
54
|
+
export {
|
|
55
|
+
J as default
|
|
56
|
+
};
|
|
@@ -1,4 +1,18 @@
|
|
|
1
1
|
import type { Plugin } from 'vue';
|
|
2
|
-
import
|
|
3
|
-
|
|
2
|
+
import _EpSkeleton from './EpSkeleton.vue';
|
|
3
|
+
import _EpSkeletonItem from '../skeleton-item/EpSkeletonItem.vue';
|
|
4
|
+
/**
|
|
5
|
+
* skeleton 自持 barrel(vendor-batch-4 产出)。
|
|
6
|
+
*
|
|
7
|
+
* `.SkeletonItem` 是对外公开面的一部分(迁移前包装态经 `Object.assign`
|
|
8
|
+
* 继承自上游),此处挂载**未安装本体**,与上游形态一致。
|
|
9
|
+
* 不导出 `ElSkeleton` 别名。
|
|
10
|
+
*/
|
|
11
|
+
export declare const EpSkeleton: typeof _EpSkeleton & Plugin & {
|
|
12
|
+
SkeletonItem: typeof _EpSkeletonItem;
|
|
13
|
+
};
|
|
4
14
|
export default EpSkeleton;
|
|
15
|
+
export { skeletonProps } from './skeleton';
|
|
16
|
+
export { skeletonItemProps } from '../skeleton-item';
|
|
17
|
+
export type { SkeletonInstance, SkeletonProps, SkeletonPropsPublic, } from './skeleton';
|
|
18
|
+
export type { SkeletonItemInstance, SkeletonItemProps, SkeletonItemPropsPublic, } from '../skeleton-item';
|
|
@@ -1,6 +1,12 @@
|
|
|
1
|
-
import { ElSkeleton as e } from "element-plus";
|
|
2
1
|
import { withInstall as t } from "../../utils/with-install.js";
|
|
3
|
-
|
|
2
|
+
import o from "./EpSkeleton.vue.js";
|
|
3
|
+
import m from "../skeleton-item/EpSkeletonItem.vue.js";
|
|
4
|
+
import "./skeleton.js";
|
|
5
|
+
import "../skeleton-item/index.js";
|
|
6
|
+
const s = Object.assign(
|
|
7
|
+
t(o, "ep-skeleton"),
|
|
8
|
+
{ SkeletonItem: m }
|
|
9
|
+
);
|
|
4
10
|
export {
|
|
5
|
-
|
|
11
|
+
s as EpSkeleton
|
|
6
12
|
};
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import type EpSkeleton from './EpSkeleton.vue';
|
|
2
|
+
import type { ExtractPublicPropTypes } from 'vue';
|
|
3
|
+
import type { ThrottleType } from '@element-plus/hooks';
|
|
4
|
+
export interface SkeletonProps {
|
|
5
|
+
/**
|
|
6
|
+
* @description whether showing the animation
|
|
7
|
+
*/
|
|
8
|
+
animated?: boolean;
|
|
9
|
+
/**
|
|
10
|
+
* @description how many fake items to render to the DOM
|
|
11
|
+
*/
|
|
12
|
+
count?: number;
|
|
13
|
+
/**
|
|
14
|
+
* @description numbers of the row, only useful when no template slot were given
|
|
15
|
+
*/
|
|
16
|
+
rows?: number;
|
|
17
|
+
/**
|
|
18
|
+
* @description whether showing the real DOM
|
|
19
|
+
*/
|
|
20
|
+
loading?: boolean;
|
|
21
|
+
/**
|
|
22
|
+
* @description rendering delay in milliseconds
|
|
23
|
+
*/
|
|
24
|
+
throttle?: ThrottleType;
|
|
25
|
+
}
|
|
26
|
+
/**
|
|
27
|
+
* @deprecated Removed after 3.0.0, Use `SkeletonProps` instead.
|
|
28
|
+
*/
|
|
29
|
+
export declare const skeletonProps: {
|
|
30
|
+
readonly animated: BooleanConstructor;
|
|
31
|
+
readonly count: import("@element-plus/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>;
|
|
32
|
+
readonly rows: import("@element-plus/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 3, boolean>;
|
|
33
|
+
readonly loading: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
34
|
+
readonly throttle: {
|
|
35
|
+
readonly type: import("vue").PropType<import("@element-plus/utils").EpPropMergeType<(new (...args: any[]) => number | {
|
|
36
|
+
leading?: number;
|
|
37
|
+
trailing?: number;
|
|
38
|
+
initVal?: boolean;
|
|
39
|
+
}) | (() => ThrottleType) | (((new (...args: any[]) => number | {
|
|
40
|
+
leading?: number;
|
|
41
|
+
trailing?: number;
|
|
42
|
+
initVal?: boolean;
|
|
43
|
+
}) | (() => ThrottleType)) | null)[], unknown, unknown>>;
|
|
44
|
+
readonly required: false;
|
|
45
|
+
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
46
|
+
__epPropKey: true;
|
|
47
|
+
};
|
|
48
|
+
};
|
|
49
|
+
/**
|
|
50
|
+
* @deprecated Removed after 3.0.0, Use `SkeletonProps` instead.
|
|
51
|
+
*/
|
|
52
|
+
export type SkeletonPropsPublic = ExtractPublicPropTypes<typeof skeletonProps>;
|
|
53
|
+
export type SkeletonInstance = InstanceType<typeof EpSkeleton> & unknown;
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import "@vue/shared";
|
|
2
|
+
import "lodash-unified";
|
|
3
|
+
import "@vueuse/core";
|
|
4
|
+
import "@element-plus/icons-vue";
|
|
5
|
+
import { buildProps as t, definePropType as e } from "../../utils/vue/props/runtime.js";
|
|
6
|
+
import "vue";
|
|
7
|
+
t({
|
|
8
|
+
/**
|
|
9
|
+
* @description whether showing the animation
|
|
10
|
+
*/
|
|
11
|
+
animated: Boolean,
|
|
12
|
+
/**
|
|
13
|
+
* @description how many fake items to render to the DOM
|
|
14
|
+
*/
|
|
15
|
+
count: {
|
|
16
|
+
type: Number,
|
|
17
|
+
default: 1
|
|
18
|
+
},
|
|
19
|
+
/**
|
|
20
|
+
* @description numbers of the row, only useful when no template slot were given
|
|
21
|
+
*/
|
|
22
|
+
rows: {
|
|
23
|
+
type: Number,
|
|
24
|
+
default: 3
|
|
25
|
+
},
|
|
26
|
+
/**
|
|
27
|
+
* @description whether showing the real DOM
|
|
28
|
+
*/
|
|
29
|
+
loading: {
|
|
30
|
+
type: Boolean,
|
|
31
|
+
default: !0
|
|
32
|
+
},
|
|
33
|
+
/**
|
|
34
|
+
* @description rendering delay in milliseconds
|
|
35
|
+
*/
|
|
36
|
+
throttle: {
|
|
37
|
+
type: e([Number, Object])
|
|
38
|
+
}
|
|
39
|
+
});
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { SkeletonItemProps } from './skeleton-item';
|
|
2
|
+
declare const _default: import("vue").DefineComponent<SkeletonItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SkeletonItemProps> & Readonly<{}>, {
|
|
3
|
+
variant: "circle" | "rect" | "h1" | "h3" | "text" | "caption" | "p" | "image" | "button";
|
|
4
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
5
|
+
export default _default;
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { defineComponent as m, openBlock as r, createElementBlock as i, normalizeClass as a, unref as e, createBlock as n, createCommentVNode as p } from "vue";
|
|
2
|
+
import { useNamespace as c } from "../../hooks/use-namespace/index.js";
|
|
3
|
+
import "@vue/shared";
|
|
4
|
+
import "lodash-unified";
|
|
5
|
+
import "@vueuse/core";
|
|
6
|
+
import { PictureFilled as l } from "@element-plus/icons-vue";
|
|
7
|
+
import "../../hooks/use-size/index.js";
|
|
8
|
+
import "@popperjs/core";
|
|
9
|
+
import "../../hooks/use-z-index/index.js";
|
|
10
|
+
import "../../hooks/use-delayed-toggle/index.js";
|
|
11
|
+
import "../../hooks/use-aria/index.js";
|
|
12
|
+
import "../../hooks/use-model-toggle/index.js";
|
|
13
|
+
import "../../hooks/use-empty-values/index.js";
|
|
14
|
+
const h = /* @__PURE__ */ m({
|
|
15
|
+
name: "EpSkeletonItem",
|
|
16
|
+
__name: "EpSkeletonItem",
|
|
17
|
+
props: {
|
|
18
|
+
variant: { default: "text" }
|
|
19
|
+
},
|
|
20
|
+
setup(t) {
|
|
21
|
+
const o = c("skeleton");
|
|
22
|
+
return (s, u) => (r(), i("div", {
|
|
23
|
+
class: a([e(o).e("item"), e(o).e(t.variant)])
|
|
24
|
+
}, [
|
|
25
|
+
t.variant === "image" ? (r(), n(e(l), { key: 0 })) : p("", !0)
|
|
26
|
+
], 2));
|
|
27
|
+
}
|
|
28
|
+
});
|
|
29
|
+
export {
|
|
30
|
+
h as default
|
|
31
|
+
};
|
|
@@ -1,4 +1,10 @@
|
|
|
1
1
|
import type { Plugin } from 'vue';
|
|
2
|
-
import
|
|
3
|
-
|
|
2
|
+
import _EpSkeletonItem from './EpSkeletonItem.vue';
|
|
3
|
+
/**
|
|
4
|
+
* skeleton-item 自持 barrel(vendor-batch-4 产出)。
|
|
5
|
+
* 不导出 `ElSkeletonItem` 别名。
|
|
6
|
+
*/
|
|
7
|
+
export declare const EpSkeletonItem: typeof _EpSkeletonItem & Plugin;
|
|
4
8
|
export default EpSkeletonItem;
|
|
9
|
+
export { skeletonItemProps } from './skeleton-item';
|
|
10
|
+
export type { SkeletonItemInstance, SkeletonItemProps, SkeletonItemPropsPublic, } from './skeleton-item';
|
|
@@ -1,6 +1,10 @@
|
|
|
1
|
-
import { ElSkeletonItem as e } from "element-plus";
|
|
2
1
|
import { withInstall as t } from "../../utils/with-install.js";
|
|
3
|
-
|
|
2
|
+
import o from "./EpSkeletonItem.vue.js";
|
|
3
|
+
import "./skeleton-item.js";
|
|
4
|
+
const p = t(
|
|
5
|
+
o,
|
|
6
|
+
"ep-skeleton-item"
|
|
7
|
+
);
|
|
4
8
|
export {
|
|
5
|
-
|
|
9
|
+
p as EpSkeletonItem
|
|
6
10
|
};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import type EpSkeletonItem from './EpSkeletonItem.vue';
|
|
2
|
+
import type { ExtractPublicPropTypes } from 'vue';
|
|
3
|
+
export interface SkeletonItemProps {
|
|
4
|
+
/**
|
|
5
|
+
* @description the current rendering skeleton type
|
|
6
|
+
*/
|
|
7
|
+
variant?: 'circle' | 'rect' | 'h1' | 'h3' | 'text' | 'caption' | 'p' | 'image' | 'button';
|
|
8
|
+
}
|
|
9
|
+
/**
|
|
10
|
+
* @deprecated Removed after 3.0.0, Use `SkeletonItemProps` instead.
|
|
11
|
+
*/
|
|
12
|
+
export declare const skeletonItemProps: {
|
|
13
|
+
readonly variant: import("@element-plus/utils").EpPropFinalized<StringConstructor, "button" | "text" | "caption" | "circle" | "h1" | "h3" | "p" | "image" | "rect", unknown, "text", boolean>;
|
|
14
|
+
};
|
|
15
|
+
/**
|
|
16
|
+
* @deprecated Removed after 3.0.0, Use `SkeletonItemProps` instead.
|
|
17
|
+
*/
|
|
18
|
+
export type SkeletonItemPropsPublic = ExtractPublicPropTypes<typeof skeletonItemProps>;
|
|
19
|
+
export type SkeletonItemInstance = InstanceType<typeof EpSkeletonItem> & unknown;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import "@vue/shared";
|
|
2
|
+
import "lodash-unified";
|
|
3
|
+
import "@vueuse/core";
|
|
4
|
+
import "@element-plus/icons-vue";
|
|
5
|
+
import { buildProps as t } from "../../utils/vue/props/runtime.js";
|
|
6
|
+
import "vue";
|
|
7
|
+
t({
|
|
8
|
+
/**
|
|
9
|
+
* @description the current rendering skeleton type
|
|
10
|
+
*/
|
|
11
|
+
variant: {
|
|
12
|
+
type: String,
|
|
13
|
+
values: [
|
|
14
|
+
"circle",
|
|
15
|
+
"rect",
|
|
16
|
+
"h1",
|
|
17
|
+
"h3",
|
|
18
|
+
"text",
|
|
19
|
+
"caption",
|
|
20
|
+
"p",
|
|
21
|
+
"image",
|
|
22
|
+
"button"
|
|
23
|
+
],
|
|
24
|
+
default: "text"
|
|
25
|
+
}
|
|
26
|
+
});
|
|
@@ -1,4 +1,23 @@
|
|
|
1
1
|
import type { Plugin } from 'vue';
|
|
2
|
-
import
|
|
3
|
-
|
|
2
|
+
import _EpTimeline from './timeline';
|
|
3
|
+
import _EpTimelineItem from '../timeline-item/EpTimelineItem.vue';
|
|
4
|
+
/**
|
|
5
|
+
* timeline 自持 barrel(vendor-batch-4 产出)。
|
|
6
|
+
*
|
|
7
|
+
* 父组件保留 `.ts` defineComponent 形态(上游无 SFC),以 `flattedChildren`
|
|
8
|
+
* 展开默认插槽并支持 reverse。`.TimelineItem` 是对外公开面的一部分,
|
|
9
|
+
* 此处挂载**未安装本体**,与上游形态一致。
|
|
10
|
+
* 不导出 `ElTimeline` / `ElTimelineItem` 别名。
|
|
11
|
+
*/
|
|
12
|
+
export declare const EpTimeline: typeof _EpTimeline & Plugin & {
|
|
13
|
+
TimelineItem: typeof _EpTimelineItem;
|
|
14
|
+
};
|
|
4
15
|
export default EpTimeline;
|
|
16
|
+
export { TIMELINE_INJECTION_KEY } from './tokens';
|
|
17
|
+
export { timelineProps } from './timeline';
|
|
18
|
+
export { timelineItemProps } from '../timeline-item';
|
|
19
|
+
export type { TimelineProps, TimelinePropsPublic } from './timeline';
|
|
20
|
+
export type { TimelineProvider } from './tokens';
|
|
21
|
+
export type { TimelineInstance } from './instance';
|
|
22
|
+
export type { TimelineItemProps, TimelineItemPropsPublic, } from '../timeline-item';
|
|
23
|
+
export type { TimelineItemInstance } from '../timeline-item/instance';
|