fancy-plugins-components 1.0.23 → 1.0.25
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/es/components.d.ts +1 -0
- package/dist/es/components.js +3 -1
- package/dist/es/fancy-card/index.d.ts +2 -0
- package/dist/es/fancy-card/index.js +4 -0
- package/dist/es/fancy-card/index.vue.d.ts +2 -0
- package/dist/es/fancy-card/index.vue.js +16 -0
- package/dist/es/fancy-card/index.vue2.js +4 -0
- package/dist/es/fancy-card/styles/index.js +0 -0
- package/dist/es/fancy-card/styles/index.scss +0 -0
- package/dist/es/fancy-card/types.d.ts +1 -0
- package/dist/es/index.d.ts +1 -1
- package/dist/es/index.js +8 -6
- package/dist/es/node_modules/.pnpm/ele-admin-plus@1.5.0_element-plus@2.13.0_vue@3.5.26_typescript@5.9.3___vue@3.5.26_typescript@5.9.3_/node_modules/ele-admin-plus/es/ele-card/index.js +106 -0
- package/dist/es/node_modules/.pnpm/ele-admin-plus@1.5.0_element-plus@2.13.0_vue@3.5.26_typescript@5.9.3___vue@3.5.26_typescript@5.9.3_/node_modules/ele-admin-plus/es/ele-card/props.js +41 -0
- package/dist/es/node_modules/.pnpm/ele-admin-plus@1.5.0_element-plus@2.13.0_vue@3.5.26_typescript@5.9.3___vue@3.5.26_typescript@5.9.3_/node_modules/ele-admin-plus/es/icons/ArrowUp.js +21 -0
- package/dist/es/node_modules/.pnpm/ele-admin-plus@1.5.0_element-plus@2.13.0_vue@3.5.26_typescript@5.9.3___vue@3.5.26_typescript@5.9.3_/node_modules/ele-admin-plus/es/utils/hook.js +29 -0
- package/dist/es/styles/element-plus.scss +1 -0
- package/dist/es/utils/resolvers.d.ts +7 -0
- package/dist/es/utils/resolvers.js +13 -14
- package/package.json +17 -3
package/dist/es/components.d.ts
CHANGED
package/dist/es/components.js
CHANGED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
2
|
+
export default _default;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { defineComponent as t, createBlock as n, openBlock as o, unref as r, withCtx as a, createElementVNode as m } from "vue";
|
|
2
|
+
import _ from "../node_modules/.pnpm/ele-admin-plus@1.5.0_element-plus@2.13.0_vue@3.5.26_typescript@5.9.3___vue@3.5.26_typescript@5.9.3_/node_modules/ele-admin-plus/es/ele-card/index.js";
|
|
3
|
+
const s = /* @__PURE__ */ t({
|
|
4
|
+
__name: "index",
|
|
5
|
+
setup(f) {
|
|
6
|
+
return (i, e) => (o(), n(r(_), { shadow: "always" }, {
|
|
7
|
+
default: a(() => [...e[0] || (e[0] = [
|
|
8
|
+
m("div", null, "123", -1)
|
|
9
|
+
])]),
|
|
10
|
+
_: 1
|
|
11
|
+
}));
|
|
12
|
+
}
|
|
13
|
+
});
|
|
14
|
+
export {
|
|
15
|
+
s as default
|
|
16
|
+
};
|
|
File without changes
|
|
File without changes
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
package/dist/es/index.d.ts
CHANGED
package/dist/es/index.js
CHANGED
|
@@ -1,8 +1,10 @@
|
|
|
1
|
-
import { installer as
|
|
2
|
-
import { FancyComponentsResolver as
|
|
3
|
-
import { default as
|
|
1
|
+
import { installer as r } from "./installer.js";
|
|
2
|
+
import { FancyComponentsResolver as e } from "./utils/resolvers.js";
|
|
3
|
+
import { default as n } from "./fancy-button/index.vue.js";
|
|
4
|
+
import { default as m } from "./fancy-card/index.vue.js";
|
|
4
5
|
export {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
6
|
+
n as FancyButton,
|
|
7
|
+
m as FancyCard,
|
|
8
|
+
e as FancyComponentsResolver,
|
|
9
|
+
r as default
|
|
8
10
|
};
|
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
import { defineComponent as B, ref as A, watch as T, createElementBlock as s, openBlock as t, normalizeClass as n, createCommentVNode as d, createVNode as f, normalizeStyle as a, createElementVNode as m, renderSlot as r, createTextVNode as p, toDisplayString as v, withModifiers as N, unref as l, withCtx as c, Transition as V, withDirectives as I, vShow as g } from "vue";
|
|
2
|
+
import { ElIcon as z } from "element-plus";
|
|
3
|
+
import D from "../icons/ArrowUp.js";
|
|
4
|
+
import { useCollapseAnim as F } from "../utils/hook.js";
|
|
5
|
+
import { cardEmits as H, cardProps as M } from "./props.js";
|
|
6
|
+
const O = /* @__PURE__ */ B({
|
|
7
|
+
name: "EleCard",
|
|
8
|
+
__name: "index",
|
|
9
|
+
props: M,
|
|
10
|
+
emits: H,
|
|
11
|
+
setup(u, { emit: y }) {
|
|
12
|
+
const i = u, C = y, {
|
|
13
|
+
handleBeforeEnter: E,
|
|
14
|
+
handleEnter: b,
|
|
15
|
+
handleAfterEnter: k,
|
|
16
|
+
handleBeforeLeave: w,
|
|
17
|
+
handleLeave: $,
|
|
18
|
+
handleAfterLeave: L
|
|
19
|
+
} = F(), o = A(!!i.collapse), h = () => {
|
|
20
|
+
o.value = !o.value, C("collapseChange", o.value);
|
|
21
|
+
}, S = () => {
|
|
22
|
+
i.collapsable === "header" && h();
|
|
23
|
+
};
|
|
24
|
+
return T(
|
|
25
|
+
() => i.collapse,
|
|
26
|
+
(e) => {
|
|
27
|
+
o.value !== !!e && (o.value = !!e);
|
|
28
|
+
}
|
|
29
|
+
), (e, P) => (t(), s("div", {
|
|
30
|
+
class: n(["ele-card", [
|
|
31
|
+
{ "is-border": e.bordered },
|
|
32
|
+
{ "is-shadow": e.shadow === "always" },
|
|
33
|
+
{ "is-hover-shadow": e.shadow === "hover" },
|
|
34
|
+
{ "is-collapse": o.value },
|
|
35
|
+
{ "is-flex-table": e.flexTable && e.flexTable !== "auto" },
|
|
36
|
+
{ "is-flex-auto-table": e.flexTable === "auto" },
|
|
37
|
+
{ "is-search-form": e.searchForm }
|
|
38
|
+
]])
|
|
39
|
+
}, [
|
|
40
|
+
e.header || e.$slots.header || e.$slots.extra ? (t(), s("div", {
|
|
41
|
+
key: 0,
|
|
42
|
+
class: n(["ele-card-header", e.headerClass]),
|
|
43
|
+
style: a(e.headerStyle),
|
|
44
|
+
onClick: S
|
|
45
|
+
}, [
|
|
46
|
+
m("div", {
|
|
47
|
+
class: "ele-card-title",
|
|
48
|
+
style: a(e.titleStyle)
|
|
49
|
+
}, [
|
|
50
|
+
r(e.$slots, "header", {}, () => [
|
|
51
|
+
p(v(e.header), 1)
|
|
52
|
+
])
|
|
53
|
+
], 4),
|
|
54
|
+
e.$slots.extra ? r(e.$slots, "extra", { key: 0 }) : d("", !0),
|
|
55
|
+
e.collapsable ? (t(), s("div", {
|
|
56
|
+
key: 1,
|
|
57
|
+
style: a(e.collapseIconStyle),
|
|
58
|
+
class: "ele-card-collapse-icon",
|
|
59
|
+
onClick: N(h, ["stop"])
|
|
60
|
+
}, [
|
|
61
|
+
r(e.$slots, "collapseIcon", { collapse: o.value }, () => [
|
|
62
|
+
f(l(z), null, {
|
|
63
|
+
default: c(() => [
|
|
64
|
+
f(l(D))
|
|
65
|
+
]),
|
|
66
|
+
_: 1
|
|
67
|
+
})
|
|
68
|
+
])
|
|
69
|
+
], 4)) : d("", !0)
|
|
70
|
+
], 6)) : d("", !0),
|
|
71
|
+
f(V, {
|
|
72
|
+
name: "ele-card-slide",
|
|
73
|
+
onBeforeLeave: l(w),
|
|
74
|
+
onLeave: l($),
|
|
75
|
+
onAfterLeave: l(L),
|
|
76
|
+
onBeforeEnter: l(E),
|
|
77
|
+
onEnter: l(b),
|
|
78
|
+
onAfterEnter: l(k)
|
|
79
|
+
}, {
|
|
80
|
+
default: c(() => [
|
|
81
|
+
I(m("div", {
|
|
82
|
+
class: n(["ele-card-body", e.bodyClass]),
|
|
83
|
+
style: a(e.bodyStyle)
|
|
84
|
+
}, [
|
|
85
|
+
r(e.$slots, "default")
|
|
86
|
+
], 6), [
|
|
87
|
+
[g, !o.value]
|
|
88
|
+
])
|
|
89
|
+
]),
|
|
90
|
+
_: 3
|
|
91
|
+
}, 8, ["onBeforeLeave", "onLeave", "onAfterLeave", "onBeforeEnter", "onEnter", "onAfterEnter"]),
|
|
92
|
+
e.footer || e.$slots.footer ? (t(), s("div", {
|
|
93
|
+
key: 1,
|
|
94
|
+
class: n(["ele-card-footer", e.footerClass]),
|
|
95
|
+
style: a(e.footerStyle)
|
|
96
|
+
}, [
|
|
97
|
+
r(e.$slots, "footer", {}, () => [
|
|
98
|
+
p(v(e.footer), 1)
|
|
99
|
+
])
|
|
100
|
+
], 6)) : d("", !0)
|
|
101
|
+
], 2));
|
|
102
|
+
}
|
|
103
|
+
});
|
|
104
|
+
export {
|
|
105
|
+
O as default
|
|
106
|
+
};
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
const o = {
|
|
2
|
+
/** 标题 */
|
|
3
|
+
header: String,
|
|
4
|
+
/** 标题类名 */
|
|
5
|
+
headerClass: String,
|
|
6
|
+
/** 页脚 */
|
|
7
|
+
footer: String,
|
|
8
|
+
/** 页脚类名 */
|
|
9
|
+
footerClass: String,
|
|
10
|
+
/** 主体样式 */
|
|
11
|
+
bodyStyle: Object,
|
|
12
|
+
/** 主体类名 */
|
|
13
|
+
bodyClass: String,
|
|
14
|
+
/** 阴影 */
|
|
15
|
+
shadow: String,
|
|
16
|
+
/** 边框 */
|
|
17
|
+
bordered: Boolean,
|
|
18
|
+
/** 标题栏样式 */
|
|
19
|
+
headerStyle: Object,
|
|
20
|
+
/** 标题样式 */
|
|
21
|
+
titleStyle: Object,
|
|
22
|
+
/** 页脚样式 */
|
|
23
|
+
footerStyle: Object,
|
|
24
|
+
/** 是否可折叠 */
|
|
25
|
+
collapsable: [Boolean, String],
|
|
26
|
+
/** 是否折叠 */
|
|
27
|
+
collapse: Boolean,
|
|
28
|
+
/** 折叠按钮样式 */
|
|
29
|
+
collapseIconStyle: Object,
|
|
30
|
+
/** 是否是搜索表单卡片 */
|
|
31
|
+
searchForm: Boolean,
|
|
32
|
+
/** 内部表格是否弹性布局 */
|
|
33
|
+
flexTable: [Boolean, String]
|
|
34
|
+
}, t = {
|
|
35
|
+
/** 折叠展开事件 */
|
|
36
|
+
collapseChange: (e) => !0
|
|
37
|
+
};
|
|
38
|
+
export {
|
|
39
|
+
t as cardEmits,
|
|
40
|
+
o as cardProps
|
|
41
|
+
};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { defineComponent as o, createElementBlock as r, openBlock as n, createElementVNode as t } from "vue";
|
|
2
|
+
const l = {
|
|
3
|
+
viewBox: "0 0 48 48",
|
|
4
|
+
fill: "none",
|
|
5
|
+
stroke: "currentColor",
|
|
6
|
+
"stroke-width": "4",
|
|
7
|
+
"stroke-linecap": "round",
|
|
8
|
+
"stroke-linejoin": "round",
|
|
9
|
+
class: "ele-arrow-up"
|
|
10
|
+
}, i = /* @__PURE__ */ o({
|
|
11
|
+
name: "ArrowUp",
|
|
12
|
+
__name: "ArrowUp",
|
|
13
|
+
setup(s) {
|
|
14
|
+
return (p, e) => (n(), r("svg", l, [...e[0] || (e[0] = [
|
|
15
|
+
t("path", { d: "M10 31 24 17 38 31" }, null, -1)
|
|
16
|
+
])]));
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
export {
|
|
20
|
+
i as default
|
|
21
|
+
};
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import "vue";
|
|
2
|
+
import "element-plus";
|
|
3
|
+
function h() {
|
|
4
|
+
let d = 0;
|
|
5
|
+
const e = (t, o) => o ? Math.max(t.offsetHeight, t.scrollHeight, d) : Math.max(t.offsetHeight, t.scrollHeight);
|
|
6
|
+
return {
|
|
7
|
+
handleBeforeEnter: (t) => {
|
|
8
|
+
t.dataset.oldPaddingTop = t.style.paddingTop, t.dataset.oldPaddingBottom = t.style.paddingBottom, t.style.maxHeight = "0px", t.style.paddingTop = "0px", t.style.paddingBottom = "0px";
|
|
9
|
+
},
|
|
10
|
+
handleEnter: (t) => {
|
|
11
|
+
t.dataset.oldOverflow = t.style.overflow, t.style.maxHeight = `${e(t, !0)}px`, t.style.paddingTop = t.dataset.oldPaddingTop ?? "", t.style.paddingBottom = t.dataset.oldPaddingBottom ?? "", t.style.overflow = "hidden";
|
|
12
|
+
},
|
|
13
|
+
handleAfterEnter: (t) => {
|
|
14
|
+
t.style.maxHeight = "", t.style.overflow = t.dataset.oldOverflow ?? "";
|
|
15
|
+
},
|
|
16
|
+
handleBeforeLeave: (t) => {
|
|
17
|
+
t.dataset.oldPaddingTop = t.style.paddingTop, t.dataset.oldPaddingBottom = t.style.paddingBottom, t.dataset.oldOverflow = t.style.overflow, d = e(t), t.style.maxHeight = `${d}px`, t.style.overflow = "hidden";
|
|
18
|
+
},
|
|
19
|
+
handleLeave: (t) => {
|
|
20
|
+
t.style.maxHeight = "0px", t.style.paddingTop = "0px", t.style.paddingBottom = "0px";
|
|
21
|
+
},
|
|
22
|
+
handleAfterLeave: (t) => {
|
|
23
|
+
t.style.maxHeight = "", t.style.overflow = t.dataset.oldOverflow ?? "", t.style.paddingTop = t.dataset.oldPaddingTop ?? "", t.style.paddingBottom = t.dataset.oldPaddingBottom ?? "";
|
|
24
|
+
}
|
|
25
|
+
};
|
|
26
|
+
}
|
|
27
|
+
export {
|
|
28
|
+
h as useCollapseAnim
|
|
29
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@use 'element-plus/theme-chalk/index.css';
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { ComponentResolver } from 'unplugin-vue-components/types';
|
|
2
|
+
export interface FancyComponentsResolverOptions {
|
|
3
|
+
path?: string | '' | '/es' | '/lib';
|
|
4
|
+
exclude?: string[];
|
|
5
|
+
importStyle?: boolean | 'css' | 'sass';
|
|
6
|
+
}
|
|
7
|
+
export declare function FancyComponentsResolver(options?: FancyComponentsResolverOptions): ComponentResolver;
|
|
@@ -1,26 +1,25 @@
|
|
|
1
|
-
function i(
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
return n === "css" ? `${t}/styles/css` : `${t}/styles/index`;
|
|
1
|
+
function i(e, t) {
|
|
2
|
+
if (t?.importStyle)
|
|
3
|
+
return `${e}/styles`;
|
|
5
4
|
}
|
|
6
|
-
function
|
|
7
|
-
return n ? `${
|
|
5
|
+
function l(e, t, n) {
|
|
6
|
+
return n ? `${t}${n}/${e}` : `${t}/es/${e}`;
|
|
8
7
|
}
|
|
9
|
-
function
|
|
8
|
+
function f(e) {
|
|
10
9
|
return {
|
|
11
10
|
type: "component",
|
|
12
|
-
resolve: (
|
|
13
|
-
const { path: n, exclude: c } =
|
|
14
|
-
if (
|
|
15
|
-
const
|
|
11
|
+
resolve: (t) => {
|
|
12
|
+
const { path: n, exclude: c } = e || {};
|
|
13
|
+
if (t.match(/^Fancy[A-Z]/) && !c?.includes?.(t)) {
|
|
14
|
+
const o = "fancy-plugins-components", r = t.replace(/([A-Z])/g, " $1").trim().split(" ").join("-").toLowerCase(), s = l(r, o, n);
|
|
16
15
|
return {
|
|
17
|
-
from: `${
|
|
18
|
-
sideEffects: i(
|
|
16
|
+
from: `${o}${n}/${r}`,
|
|
17
|
+
sideEffects: i(s, e)
|
|
19
18
|
};
|
|
20
19
|
}
|
|
21
20
|
}
|
|
22
21
|
};
|
|
23
22
|
}
|
|
24
23
|
export {
|
|
25
|
-
|
|
24
|
+
f as FancyComponentsResolver
|
|
26
25
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "fancy-plugins-components",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.25",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "./dist/es/index.js",
|
|
6
6
|
"module": "./dist/es/index.js",
|
|
@@ -35,12 +35,26 @@
|
|
|
35
35
|
"license": "ISC",
|
|
36
36
|
"type": "module",
|
|
37
37
|
"peerDependencies": {
|
|
38
|
-
"
|
|
38
|
+
"@amap/amap-jsapi-loader": "^1.0.1",
|
|
39
|
+
"countup.js": "^2.9.0",
|
|
40
|
+
"cropperjs": "^2.1.0",
|
|
41
|
+
"ele-admin-plus": "^1.5.0",
|
|
42
|
+
"element-plus": "^2.13.0",
|
|
43
|
+
"jsbarcode": "^3.12.1",
|
|
44
|
+
"vuedraggable": "^4.1.0",
|
|
45
|
+
"xgplayer": "^3.0.23"
|
|
39
46
|
},
|
|
40
47
|
"devDependencies": {
|
|
48
|
+
"@amap/amap-jsapi-loader": "^1.0.1",
|
|
49
|
+
"countup.js": "^2.9.0",
|
|
50
|
+
"cropperjs": "^2.1.0",
|
|
51
|
+
"ele-admin-plus": "^1.5.0",
|
|
41
52
|
"fast-glob": "^3.3.3",
|
|
53
|
+
"jsbarcode": "^3.12.1",
|
|
42
54
|
"rollup-plugin-postcss": "^4.0.2",
|
|
43
55
|
"sass": "^1.97.1",
|
|
44
|
-
"vite-plugin-static-copy": "^3.1.4"
|
|
56
|
+
"vite-plugin-static-copy": "^3.1.4",
|
|
57
|
+
"vuedraggable": "^4.1.0",
|
|
58
|
+
"xgplayer": "^3.0.23"
|
|
45
59
|
}
|
|
46
60
|
}
|