ik-next-ui 0.0.13 → 0.0.14
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/IkApprovalProcess/ik-next-ui.css +1 -1
- package/dist/IkApprovalProcess/ik.index.es.js +1 -1
- package/dist/IkApprovalProcessDetail/ik-next-ui.css +1 -1
- package/dist/IkApprovalProcessDetail/ik.index.es.js +694 -656
- package/dist/IkBaseDialog/ik-next-ui.css +1 -1
- package/dist/IkBaseDialog/ik.index.es.js +154 -116
- package/dist/IkCollapseCard/ik-next-ui.css +1 -1
- package/dist/IkCollapseCard/ik.index.es.js +163 -125
- package/dist/IkDescription/ik-next-ui.css +1 -1
- package/dist/IkDescription/ik.index.es.js +506 -468
- package/dist/IkDetailPreviewFiles/ik-next-ui.css +1 -1
- package/dist/IkDetailPreviewFiles/ik.index.es.js +709 -671
- package/dist/IkIconPicker/ik-next-ui.css +1 -1
- package/dist/IkIconPicker/ik.index.es.js +180 -142
- package/dist/IkMonacoEditor/ik-next-ui.css +1 -1
- package/dist/IkMonacoEditor/ik.index.es.js +418 -380
- package/dist/IkPickerUser/ik-next-ui.css +1 -1
- package/dist/IkPreviewFile/ik-next-ui.css +1 -1
- package/dist/IkPreviewFile/ik.index.es.js +644 -606
- package/dist/IkPreviewFileDialog/ik-next-ui.css +1 -1
- package/dist/IkPreviewFileDialog/ik.index.es.js +658 -620
- package/dist/IkRadioGroup/ik-next-ui.css +1 -1
- package/dist/IkRadioGroup/ik.index.es.js +140 -102
- package/dist/IkSideText/ik-next-ui.css +1 -1
- package/dist/IkSideText/ik.index.es.js +131 -93
- package/dist/IkSvgIcon/ik-next-ui.css +1 -1
- package/dist/IkSvgIcon/ik.index.es.js +139 -101
- package/dist/IkUploadFile/ik-next-ui.css +1 -1
- package/dist/IkUploadFile/ik.index.es.js +776 -736
- package/dist/IkUploadImage/ik-next-ui.css +1 -1
- package/dist/IkUploadImage/ik.index.es.js +261 -223
- package/dist/IkVerticalStepBar/ik-next-ui.css +1 -1
- package/dist/IkVerticalStepBar/ik.index.es.js +140 -102
- package/dist/Provider/ik.index.es.js +1 -1
- package/dist/build/version.json.d.ts +1 -1
- package/dist/ik-next-ui.css +2 -2
- package/dist/index.es.js +3044 -3043
- package/dist/index.umd.js +67 -67
- package/dist/src/components/IkUploadFile/src/hooks/useFileInfo.d.ts +1 -0
- package/dist/src/iking-ui/version.d.ts +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
.ik-icon[data-v-
|
|
1
|
+
.ik-icon[data-v-c202da9d]{cursor:pointer;outline:none;border-radius:var(--ik-radius)}.ik-icon[data-v-c202da9d] .el-tooltip__trigger{width:inherit;height:inherit}.ik-icon .iconfont[data-v-c202da9d]{display:inline-flex;align-items:center;justify-content:center}.ik-icon .two-color-icon[data-v-c202da9d]{transition:all .2s ease}.ik-icon.margin+.ik-icon[data-v-c202da9d]:not(.un-margin){margin-left:var(--ik-margin-8)}.ik-icon:not(.is-disabled):hover .two-color-icon[data-v-c202da9d]{--ik-icon-deep-color: var(--ik-icon-deep-hover);--ik-icon-shallow-color: var(--ik-icon-shallow-hover)}.ik-icon.is-active .two-color-icon[data-v-c202da9d]{--ik-icon-deep-color: var(--ik-icon-deep-active);--ik-icon-shallow-color: var(--ik-icon-shallow-active)}.ik-icon.is-disabled .two-color-icon[data-v-c202da9d]{--ik-icon-deep-color: var(--ik-icon-deep-disabled);--ik-icon-shallow-color: var(--ik-icon-shallow-disabled);cursor:not-allowed;opacity:.6}.ik-icon.is-success:not(.is-disabled):hover .two-color-icon[data-v-c202da9d]{--ik-icon-deep-color: var(--ik-icon-success-deep-hover);--ik-icon-shallow-color: var(--ik-icon-success-shallow-hover)}.ik-icon.is-success.is-active .two-color-icon[data-v-c202da9d]{--ik-icon-deep-color: var(--ik-icon-success-deep-active);--ik-icon-shallow-color: var(--ik-icon-success-shallow-active)}.ik-icon.is-warning:not(.is-disabled):hover .two-color-icon[data-v-c202da9d]{--ik-icon-deep-color: var(--ik-icon-warning-deep-hover);--ik-icon-shallow-color: var(--ik-icon-warning-shallow-hover)}.ik-icon.is-warning.is-active .two-color-icon[data-v-c202da9d]{--ik-icon-deep-color: var(--ik-icon-warning-deep-active);--ik-icon-shallow-color: var(--ik-icon-warning-shallow-active)}.ik-icon.is-danger:not(.is-disabled):hover .two-color-icon[data-v-c202da9d]{--ik-icon-deep-color: var(--ik-icon-danger-deep-hover);--ik-icon-shallow-color: var(--ik-icon-danger-shallow-hover)}.ik-icon.is-danger.is-active .two-color-icon[data-v-c202da9d]{--ik-icon-deep-color: var(--ik-icon-danger-deep-active);--ik-icon-shallow-color: var(--ik-icon-danger-shallow-active)}.ik-icon.is-error:not(.is-disabled):hover .two-color-icon[data-v-c202da9d]{--ik-icon-deep-color: var(--ik-icon-danger-deep-hover);--ik-icon-shallow-color: var(--ik-icon-danger-shallow-hover)}.ik-icon.is-error.is-active .two-color-icon[data-v-c202da9d]{--ik-icon-deep-color: var(--ik-icon-danger-deep-active);--ik-icon-shallow-color: var(--ik-icon-danger-shallow-active)}.ik-icon.text-danger[data-v-c202da9d]:hover,.ik-icon .iksvg_shanchu[data-v-c202da9d]:hover{color:var(--ik-color-error)}.ik-icon.is-active[data-v-c202da9d]{color:var(--ik-color-primary)}.ik-icon.bg[data-v-c202da9d]{color:var(--ik-icon-color);background-color:var(--ik-icon-bg)}.ik-icon.bg.is-active[data-v-c202da9d]{color:var(--ik-color-primary);background-color:var(--ik-icon-hover-bg)}.ik-icon.bg[data-v-c202da9d]:not(.is-disabled):hover{color:var(--ik-color-primary);background-color:var(--ik-icon-hover-bg)}.ik-icon.bg.is-disabled[data-v-c202da9d]{background-color:var(--ik-icon-disabled-bg)}.ik-icon.bg.is-success.is-active[data-v-c202da9d]{color:var(--ik-color-success);background-color:var(--ik-icon-success-hover-bg)}.ik-icon.bg.is-success[data-v-c202da9d]:not(.is-disabled):hover{color:var(--ik-color-success);background-color:var(--ik-icon-success-hover-bg)}.ik-icon.bg.is-warning.is-active[data-v-c202da9d]{color:var(--ik-color-warning);background-color:var(--ik-icon-warning-hover-bg)}.ik-icon.bg.is-warning[data-v-c202da9d]:not(.is-disabled):hover{color:var(--ik-color-warning);background-color:var(--ik-icon-warning-hover-bg)}.ik-icon.bg.is-danger.is-active[data-v-c202da9d]{color:var(--ik-color-error);background-color:var(--ik-icon-danger-hover-bg)}.ik-icon.bg.is-danger[data-v-c202da9d]:not(.is-disabled):hover{color:var(--ik-color-error);background-color:var(--ik-icon-danger-hover-bg)}.ik-icon.bg.is-error.is-active[data-v-c202da9d]{color:var(--ik-color-error);background-color:var(--ik-icon-error-hover-bg)}.ik-icon.bg.is-error[data-v-c202da9d]:not(.is-disabled):hover{color:var(--ik-color-error);background-color:var(--ik-icon-error-bg)}.ik-icon.bg.text-danger.is-active[data-v-c202da9d]{color:var(--ik-color-error);background-color:var(--ik-danger-light-2)}.ik-icon.bg.text-danger[data-v-c202da9d]:not(.is-disabled):hover{color:var(--ik-color-error);background-color:var(--ik-danger-light-2)}.ik-icon.bg .iksvg_shanchu[data-v-c202da9d]:hover{color:var(--ik-color-error);background-color:var(--ik-danger-light-2)}.ik-icon.bg svg[data-v-c202da9d]{padding:21%}[data-v-08141597]{margin:0;padding:0}.content[data-v-08141597]{width:100%;height:100%;border-top-left-radius:20px;border-bottom-left-radius:20px;padding:32px 28px}.content .line-block .top[data-v-08141597]{display:flex}.content .line-block .top .index[data-v-08141597]{width:32px;height:32px;display:flex;justify-content:center;align-items:center;font-size:16px;font-weight:600;transition:all .3s ease}.content .line-block .top .index.index-circle[data-v-08141597]{border-radius:50%}.content .line-block .top .index.index-rect[data-v-08141597]{border-radius:6px}.content .line-block .top .text[data-v-08141597]{line-height:32px;margin-left:20px;font-size:18px;font-weight:700}.content .line-block .active-text[data-v-08141597]{color:var(--ik-step-item-active-color, #039ef7)}.content .line-block .before-text[data-v-08141597]{color:var(--ik-color-font-title, #181c32)}.content .line-block .after-text[data-v-08141597]{color:var(--el-color-info, rgba(24, 28, 50, .4))}.content .line-block .before-bg[data-v-08141597]{color:var(--ik-step-item-active-color, #029ef7)!important;background-color:var(--ik-step-item-num-greater-bg, #d9f1fe);font-weight:700}.content .line-block .active-bg[data-v-08141597]{background-color:var(--ik-step-item-active-color, #039ef7);color:var(--el-color-white, #fff);font-weight:700;box-shadow:0 2px 8px var(--ik-step-active-shadow, rgba(3, 158, 247, .4))}.content .line-block .after-bg[data-v-08141597]{background-color:var(--ik-step-item-num-bg, #f3f6f9);color:var(--ik-step-item-text-color, #a2a6b8)}.content .line-block .bottom[data-v-08141597]{margin-left:16px;border-width:0 0 0 1px;padding:10px 0 20px 52px;margin-top:4px;margin-bottom:4px;transition:border-color .3s ease,border-style .3s ease}.content .line-block .before-style[data-v-08141597]{border-color:var(--ik-step-item-active-color, #029ef7);border-style:solid}.content .line-block .after-style[data-v-08141597]{border-color:var(--el-color-info, #ccc);border-style:dashed}.content .line-block li[data-v-08141597]{line-height:30px}.content .line-block .child-text[data-v-08141597]{padding:5px 0}
|
|
@@ -1,35 +1,74 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { Icon as
|
|
3
|
-
import { UseImage as
|
|
4
|
-
const
|
|
1
|
+
import { defineComponent as F, computed as v, resolveComponent as L, openBlock as s, createBlock as k, withCtx as C, renderSlot as P, createElementBlock as d, normalizeStyle as m, normalizeClass as g, unref as h, createElementVNode as f, createCommentVNode as z, Fragment as j, renderList as V, toDisplayString as N, createTextVNode as U, withModifiers as T } from "vue";
|
|
2
|
+
import { Icon as A } from "@iconify/vue";
|
|
3
|
+
import { UseImage as E } from "@vueuse/components";
|
|
4
|
+
const M = (t, u) => (t.install = (e) => {
|
|
5
5
|
for (const c of [t, ...Object.values({})])
|
|
6
6
|
e.component(c.name, c);
|
|
7
7
|
}, t);
|
|
8
8
|
function q(...t) {
|
|
9
|
-
const
|
|
9
|
+
const u = [];
|
|
10
10
|
for (const e of t)
|
|
11
11
|
if (e) {
|
|
12
12
|
if (typeof e == "string")
|
|
13
|
-
|
|
13
|
+
u.push(e);
|
|
14
14
|
else if (Array.isArray(e)) {
|
|
15
15
|
const c = q(...e);
|
|
16
|
-
c &&
|
|
16
|
+
c && u.push(c);
|
|
17
17
|
} else if (typeof e == "object")
|
|
18
18
|
for (const [c, n] of Object.entries(e))
|
|
19
|
-
n &&
|
|
19
|
+
n && u.push(c);
|
|
20
20
|
}
|
|
21
|
-
return
|
|
21
|
+
return u.join(" ");
|
|
22
22
|
}
|
|
23
|
-
const D = (t,
|
|
23
|
+
const D = (t, u) => {
|
|
24
24
|
const e = t.__vccOpts || t;
|
|
25
|
-
for (const [c, n] of
|
|
25
|
+
for (const [c, n] of u)
|
|
26
26
|
e[c] = n;
|
|
27
27
|
return e;
|
|
28
|
-
},
|
|
28
|
+
}, G = /* @__PURE__ */ F({
|
|
29
|
+
__name: "index",
|
|
30
|
+
props: {
|
|
31
|
+
effect: {
|
|
32
|
+
type: String,
|
|
33
|
+
default: "dark"
|
|
34
|
+
},
|
|
35
|
+
content: {
|
|
36
|
+
type: String,
|
|
37
|
+
default: ""
|
|
38
|
+
},
|
|
39
|
+
text: {
|
|
40
|
+
type: String,
|
|
41
|
+
default: ""
|
|
42
|
+
},
|
|
43
|
+
placement: {
|
|
44
|
+
type: String,
|
|
45
|
+
default: "top"
|
|
46
|
+
}
|
|
47
|
+
},
|
|
48
|
+
setup(t) {
|
|
49
|
+
const u = t, e = v(() => u.effect);
|
|
50
|
+
return (c, n) => {
|
|
51
|
+
const r = L("el-tooltip");
|
|
52
|
+
return s(), k(r, {
|
|
53
|
+
class: "gl-tooltip",
|
|
54
|
+
effect: e.value,
|
|
55
|
+
content: t.text || t.content,
|
|
56
|
+
placement: t.placement,
|
|
57
|
+
enterable: !1
|
|
58
|
+
}, {
|
|
59
|
+
default: C(() => [
|
|
60
|
+
P(c.$slots, "default")
|
|
61
|
+
]),
|
|
62
|
+
_: 3
|
|
63
|
+
/* FORWARDED */
|
|
64
|
+
}, 8, ["effect", "content", "placement"]);
|
|
65
|
+
};
|
|
66
|
+
}
|
|
67
|
+
}), H = M(G), J = {
|
|
29
68
|
key: 2,
|
|
30
69
|
class: "shrink-0 size-inherit",
|
|
31
70
|
"aria-hidden": "true"
|
|
32
|
-
},
|
|
71
|
+
}, K = ["xlink:href"], Q = ["xlink:href"], R = ["size"], X = ["xlink:href"], Y = ["xlink:href"], Z = /* @__PURE__ */ F({
|
|
33
72
|
name: "IkSvgIcon",
|
|
34
73
|
__name: "index",
|
|
35
74
|
props: {
|
|
@@ -51,28 +90,28 @@ const D = (t, f) => {
|
|
|
51
90
|
hover: { type: Boolean, default: !1 }
|
|
52
91
|
},
|
|
53
92
|
emits: ["click"],
|
|
54
|
-
setup(t, { emit:
|
|
55
|
-
const e = t, c =
|
|
93
|
+
setup(t, { emit: u }) {
|
|
94
|
+
const e = t, c = u, n = v(() => e.danger ? "danger" : e.error ? "error" : e.type), r = v(() => {
|
|
56
95
|
if (!e.name)
|
|
57
96
|
return;
|
|
58
97
|
const l = (i) => /^\.{1,2}\//.test(i) || i.startsWith("/") || i.includes("/");
|
|
59
98
|
return /^https?:\/\//.test(e.name) || l(e.name) ? "img" : e.name.startsWith("iksvg_") ? "two-color-svg" : /i-[^:]+:[^:]+/.test(e.name) || e.name.startsWith("ik") ? "unocss" : e.name.includes(":") ? "iconify" : "svg";
|
|
60
|
-
}),
|
|
99
|
+
}), S = {
|
|
61
100
|
big: 24,
|
|
62
101
|
default: 22,
|
|
63
102
|
small: 20
|
|
64
103
|
};
|
|
65
104
|
function x() {
|
|
66
|
-
return e.size ?
|
|
105
|
+
return e.size ? S[e.size] || e.size : 18;
|
|
67
106
|
}
|
|
68
|
-
const
|
|
107
|
+
const w = v(() => {
|
|
69
108
|
const l = x(), i = typeof l == "number" ? `${l}px` : l;
|
|
70
109
|
return {
|
|
71
110
|
width: i,
|
|
72
111
|
height: i,
|
|
73
112
|
fontSize: i
|
|
74
113
|
};
|
|
75
|
-
}),
|
|
114
|
+
}), B = v(() => {
|
|
76
115
|
const i = `${Number.parseInt(x()) + 8}px`;
|
|
77
116
|
return {
|
|
78
117
|
width: i,
|
|
@@ -82,7 +121,7 @@ const D = (t, f) => {
|
|
|
82
121
|
function $(l) {
|
|
83
122
|
e.onClick ? e.onClick(l) : c("click", l);
|
|
84
123
|
}
|
|
85
|
-
const
|
|
124
|
+
const y = v(() => {
|
|
86
125
|
if (r.value !== "two-color-svg")
|
|
87
126
|
return {};
|
|
88
127
|
const l = {};
|
|
@@ -103,12 +142,11 @@ const D = (t, f) => {
|
|
|
103
142
|
return e.active && n.value !== "default" && !e.deepColor && !e.shallowColor && e.colorMode === "auto" && (l["--ik-icon-deep-color"] = `var(--ik-icon-${n.value}-deep-active)`, l["--ik-icon-shallow-color"] = `var(--ik-icon-${n.value}-shallow-active)`), l;
|
|
104
143
|
});
|
|
105
144
|
return (l, i) => {
|
|
106
|
-
var
|
|
107
|
-
|
|
108
|
-
return s(), u(
|
|
145
|
+
var o;
|
|
146
|
+
return s(), d(
|
|
109
147
|
"i",
|
|
110
148
|
{
|
|
111
|
-
class:
|
|
149
|
+
class: g(h(q)(
|
|
112
150
|
"ik-icon relative size-[1em] flex-inline items-center justify-center fill-current leading-[1em]",
|
|
113
151
|
e.class,
|
|
114
152
|
t.showBg ? "bg" : "",
|
|
@@ -118,57 +156,57 @@ const D = (t, f) => {
|
|
|
118
156
|
t.unMargin ? "un-margin" : "margin",
|
|
119
157
|
t.hover ? "is-hover" : ""
|
|
120
158
|
)),
|
|
121
|
-
style:
|
|
159
|
+
style: m(t.showBg ? B.value : w.value),
|
|
122
160
|
onClick: $
|
|
123
161
|
},
|
|
124
162
|
[
|
|
125
|
-
t.title ? (s(),
|
|
163
|
+
t.title ? (s(), k(h(H), {
|
|
126
164
|
key: 0,
|
|
127
165
|
text: t.title
|
|
128
166
|
}, {
|
|
129
|
-
default:
|
|
130
|
-
var
|
|
167
|
+
default: C(() => {
|
|
168
|
+
var a;
|
|
131
169
|
return [
|
|
132
|
-
r.value === "unocss" ? (s(),
|
|
170
|
+
r.value === "unocss" ? (s(), d(
|
|
133
171
|
"i",
|
|
134
172
|
{
|
|
135
173
|
key: 0,
|
|
136
|
-
class:
|
|
137
|
-
style:
|
|
174
|
+
class: g(["iconfont shrink-0 size-inherit", `${t.name} ${(a = t.name) == null ? void 0 : a.split("_")[0]}`]),
|
|
175
|
+
style: m({ ...y.value, ...t.showBg ? w.value : {} })
|
|
138
176
|
},
|
|
139
177
|
null,
|
|
140
178
|
6
|
|
141
179
|
/* CLASS, STYLE */
|
|
142
|
-
)) : r.value === "iconify" ? (s(),
|
|
180
|
+
)) : r.value === "iconify" ? (s(), k(h(A), {
|
|
143
181
|
key: 1,
|
|
144
182
|
icon: t.name,
|
|
145
183
|
class: "shrink-0 size-inherit"
|
|
146
|
-
}, null, 8, ["icon"])) : r.value === "svg" ? (s(),
|
|
147
|
-
|
|
184
|
+
}, null, 8, ["icon"])) : r.value === "svg" ? (s(), d("svg", J, [
|
|
185
|
+
f("use", {
|
|
148
186
|
"xlink:href": `#icon-${t.name}`
|
|
149
|
-
}, null, 8,
|
|
150
|
-
])) : r.value === "two-color-svg" ? (s(),
|
|
187
|
+
}, null, 8, K)
|
|
188
|
+
])) : r.value === "two-color-svg" ? (s(), d(
|
|
151
189
|
"svg",
|
|
152
190
|
{
|
|
153
191
|
key: 3,
|
|
154
192
|
class: "two-color-icon shrink-0 size-inherit",
|
|
155
|
-
style:
|
|
193
|
+
style: m(y.value),
|
|
156
194
|
"aria-hidden": "true"
|
|
157
195
|
},
|
|
158
196
|
[
|
|
159
|
-
|
|
197
|
+
f("use", {
|
|
160
198
|
"xlink:href": `#${t.name}`
|
|
161
|
-
}, null, 8,
|
|
199
|
+
}, null, 8, Q)
|
|
162
200
|
],
|
|
163
201
|
4
|
|
164
202
|
/* STYLE */
|
|
165
|
-
)) : r.value === "img" ? (s(),
|
|
203
|
+
)) : r.value === "img" ? (s(), k(h(E), {
|
|
166
204
|
key: 4,
|
|
167
205
|
src: t.name,
|
|
168
206
|
class: "shrink-0"
|
|
169
207
|
}, {
|
|
170
|
-
loading:
|
|
171
|
-
|
|
208
|
+
loading: C(() => [...i[0] || (i[0] = [
|
|
209
|
+
f(
|
|
172
210
|
"i",
|
|
173
211
|
{ class: "i-line-md:loading-loop size-inherit" },
|
|
174
212
|
null,
|
|
@@ -176,8 +214,8 @@ const D = (t, f) => {
|
|
|
176
214
|
/* CACHED */
|
|
177
215
|
)
|
|
178
216
|
])]),
|
|
179
|
-
error:
|
|
180
|
-
|
|
217
|
+
error: C(() => [...i[1] || (i[1] = [
|
|
218
|
+
f(
|
|
181
219
|
"i",
|
|
182
220
|
{ class: "i-ph:image-broken-duotone size-inherit" },
|
|
183
221
|
null,
|
|
@@ -192,55 +230,55 @@ const D = (t, f) => {
|
|
|
192
230
|
}),
|
|
193
231
|
_: 1
|
|
194
232
|
/* STABLE */
|
|
195
|
-
}, 8, ["text"])) : (s(),
|
|
233
|
+
}, 8, ["text"])) : (s(), d(
|
|
196
234
|
j,
|
|
197
235
|
{ key: 1 },
|
|
198
236
|
[
|
|
199
|
-
r.value === "unocss" ? (s(),
|
|
237
|
+
r.value === "unocss" ? (s(), d(
|
|
200
238
|
"i",
|
|
201
239
|
{
|
|
202
240
|
key: 0,
|
|
203
|
-
class:
|
|
204
|
-
style:
|
|
241
|
+
class: g(["iconfont shrink-0 size-inherit", `${t.name} ${(o = t.name) == null ? void 0 : o.split("_")[0]}`]),
|
|
242
|
+
style: m({ ...y.value, ...t.showBg ? w.value : {} })
|
|
205
243
|
},
|
|
206
244
|
null,
|
|
207
245
|
6
|
|
208
246
|
/* CLASS, STYLE */
|
|
209
|
-
)) : r.value === "iconify" ? (s(),
|
|
247
|
+
)) : r.value === "iconify" ? (s(), k(h(A), {
|
|
210
248
|
key: 1,
|
|
211
249
|
icon: t.name,
|
|
212
250
|
class: "shrink-0 size-inherit"
|
|
213
|
-
}, null, 8, ["icon"])) : r.value === "svg" ? (s(),
|
|
251
|
+
}, null, 8, ["icon"])) : r.value === "svg" ? (s(), d("svg", {
|
|
214
252
|
key: 2,
|
|
215
253
|
class: "shrink-0 size-inherit",
|
|
216
254
|
size: t.size,
|
|
217
255
|
"aria-hidden": "true"
|
|
218
256
|
}, [
|
|
219
|
-
|
|
257
|
+
f("use", {
|
|
220
258
|
"xlink:href": `#icon-${t.name}`
|
|
221
|
-
}, null, 8,
|
|
222
|
-
], 8,
|
|
259
|
+
}, null, 8, X)
|
|
260
|
+
], 8, R)) : r.value === "two-color-svg" ? (s(), d(
|
|
223
261
|
"svg",
|
|
224
262
|
{
|
|
225
263
|
key: 3,
|
|
226
264
|
class: "two-color-icon shrink-0 size-inherit",
|
|
227
|
-
style:
|
|
265
|
+
style: m(y.value),
|
|
228
266
|
"aria-hidden": "true"
|
|
229
267
|
},
|
|
230
268
|
[
|
|
231
|
-
|
|
269
|
+
f("use", {
|
|
232
270
|
"xlink:href": `#${t.name}`
|
|
233
|
-
}, null, 8,
|
|
271
|
+
}, null, 8, Y)
|
|
234
272
|
],
|
|
235
273
|
4
|
|
236
274
|
/* STYLE */
|
|
237
|
-
)) : r.value === "img" ? (s(),
|
|
275
|
+
)) : r.value === "img" ? (s(), k(h(E), {
|
|
238
276
|
key: 4,
|
|
239
277
|
src: t.name,
|
|
240
278
|
class: "shrink-0"
|
|
241
279
|
}, {
|
|
242
|
-
loading:
|
|
243
|
-
|
|
280
|
+
loading: C(() => [...i[2] || (i[2] = [
|
|
281
|
+
f(
|
|
244
282
|
"i",
|
|
245
283
|
{ class: "i-line-md:loading-loop size-inherit" },
|
|
246
284
|
null,
|
|
@@ -248,8 +286,8 @@ const D = (t, f) => {
|
|
|
248
286
|
/* CACHED */
|
|
249
287
|
)
|
|
250
288
|
])]),
|
|
251
|
-
error:
|
|
252
|
-
|
|
289
|
+
error: C(() => [...i[3] || (i[3] = [
|
|
290
|
+
f(
|
|
253
291
|
"i",
|
|
254
292
|
{ class: "i-ph:image-broken-duotone size-inherit" },
|
|
255
293
|
null,
|
|
@@ -270,7 +308,7 @@ const D = (t, f) => {
|
|
|
270
308
|
);
|
|
271
309
|
};
|
|
272
310
|
}
|
|
273
|
-
}),
|
|
311
|
+
}), _ = /* @__PURE__ */ D(Z, [["__scopeId", "data-v-c202da9d"]]), W = M(_), ee = { class: "content" }, te = { class: "top" }, le = ["onClick"], ie = ["id"], oe = ["onClick"], ne = /* @__PURE__ */ F({
|
|
274
312
|
__name: "IkVerticalStepBar",
|
|
275
313
|
props: {
|
|
276
314
|
// 当前激活的下标
|
|
@@ -309,44 +347,44 @@ const D = (t, f) => {
|
|
|
309
347
|
}
|
|
310
348
|
},
|
|
311
349
|
emits: ["click", "update:active"],
|
|
312
|
-
setup(t, { emit:
|
|
313
|
-
const e = t, c =
|
|
350
|
+
setup(t, { emit: u }) {
|
|
351
|
+
const e = t, c = u, n = v(() => Number(
|
|
314
352
|
e.active.indexOf("-") > 0 ? e.active.split("-")[0] : e.active
|
|
315
|
-
)), r =
|
|
353
|
+
)), r = v(() => e.active.indexOf("-") > 0 ? Number(e.active.split("-")[1]) : 0), S = (l) => {
|
|
316
354
|
let i = "", o = l + 1;
|
|
317
355
|
return o < n.value ? i = "before-bg" : o === n.value ? i = "active-bg" : o > n.value && (i = "after-bg"), `${i} index`;
|
|
318
356
|
}, x = (l) => {
|
|
319
357
|
let i = "", o = l + 1;
|
|
320
358
|
return o < n.value ? i = "before-text" : o === n.value ? i = "active-text" : o > n.value && (i = "after-text"), `${i} text`;
|
|
321
|
-
},
|
|
359
|
+
}, w = (l) => {
|
|
322
360
|
let i = "", o = l + 1;
|
|
323
361
|
return o >= e.list.length ? "" : (o < n.value ? i = "before-style" : i = "after-style", `${i} bottom`);
|
|
324
|
-
},
|
|
325
|
-
let o = "", a = l + 1,
|
|
326
|
-
return a < n.value ? o = "before-text" : a === n.value ?
|
|
362
|
+
}, B = (l, i) => {
|
|
363
|
+
let o = "", a = l + 1, p = i + 1;
|
|
364
|
+
return a < n.value ? o = "before-text" : a === n.value ? p < r.value ? o = "before-text" : p === r.value ? o = "active-text" : p > r.value && (o = "after-text") : a > n.value && (o = "after-text"), `${o} child-text`;
|
|
327
365
|
}, $ = (l, i) => {
|
|
328
366
|
e.needClick && (l[e.propsField.children] || (c("update:active", i + ""), c("click", l)));
|
|
329
|
-
},
|
|
367
|
+
}, y = (l, i) => {
|
|
330
368
|
l.show = !l.show;
|
|
331
369
|
let o = document.getElementById(`children${i}`);
|
|
332
370
|
l.show ? o.style.display = "none" : o.style.display = "block";
|
|
333
371
|
};
|
|
334
|
-
return (l, i) => (s(),
|
|
335
|
-
(s(!0),
|
|
372
|
+
return (l, i) => (s(), d("div", ee, [
|
|
373
|
+
(s(!0), d(
|
|
336
374
|
j,
|
|
337
375
|
null,
|
|
338
|
-
|
|
339
|
-
var
|
|
340
|
-
return s(),
|
|
376
|
+
V(t.list, (o, a) => {
|
|
377
|
+
var p, O;
|
|
378
|
+
return s(), d("div", {
|
|
341
379
|
class: "line-block",
|
|
342
380
|
key: a
|
|
343
381
|
}, [
|
|
344
|
-
|
|
345
|
-
|
|
382
|
+
f("div", te, [
|
|
383
|
+
f(
|
|
346
384
|
"div",
|
|
347
385
|
{
|
|
348
|
-
class:
|
|
349
|
-
style:
|
|
386
|
+
class: g(`${S(a)} index index-${t.numShape}`),
|
|
387
|
+
style: m({
|
|
350
388
|
backgroundColor: a + 1 === n.value && t.activeColor ? t.activeColor : "",
|
|
351
389
|
"--ik-step-active-shadow": t.activeColor ? `${t.activeColor}40` : "rgba(3, 158, 247, 0.4)"
|
|
352
390
|
})
|
|
@@ -355,52 +393,52 @@ const D = (t, f) => {
|
|
|
355
393
|
7
|
|
356
394
|
/* TEXT, CLASS, STYLE */
|
|
357
395
|
),
|
|
358
|
-
|
|
359
|
-
class:
|
|
360
|
-
style:
|
|
361
|
-
onClick: (
|
|
396
|
+
f("div", {
|
|
397
|
+
class: g(x(a)),
|
|
398
|
+
style: m(t.needClick ? "cursor: pointer;" : ""),
|
|
399
|
+
onClick: (b) => $(o, a + 1)
|
|
362
400
|
}, [
|
|
363
|
-
|
|
401
|
+
U(
|
|
364
402
|
N(o[t.propsField.name]) + " ",
|
|
365
403
|
1
|
|
366
404
|
/* TEXT */
|
|
367
405
|
),
|
|
368
|
-
(
|
|
406
|
+
(p = o[t.propsField.children]) != null && p.length && !o.show ? (s(), k(h(W), {
|
|
369
407
|
key: 0,
|
|
370
408
|
class: "ikapprove",
|
|
371
|
-
onClick:
|
|
409
|
+
onClick: T((b) => y(o, a), ["stop"]),
|
|
372
410
|
name: "iksvg_zhankai"
|
|
373
411
|
}, null, 8, ["onClick"])) : z("v-if", !0),
|
|
374
|
-
(
|
|
412
|
+
(O = o[t.propsField.children]) != null && O.length && o.show ? (s(), k(h(W), {
|
|
375
413
|
key: 1,
|
|
376
414
|
class: "ikapprove",
|
|
377
|
-
onClick:
|
|
415
|
+
onClick: T((b) => y(o, a), ["stop"]),
|
|
378
416
|
name: "iksvg_shouqi"
|
|
379
417
|
}, null, 8, ["onClick"])) : z("v-if", !0)
|
|
380
|
-
], 14,
|
|
418
|
+
], 14, le)
|
|
381
419
|
]),
|
|
382
|
-
|
|
420
|
+
f(
|
|
383
421
|
"ul",
|
|
384
422
|
{
|
|
385
|
-
class:
|
|
423
|
+
class: g(w(a))
|
|
386
424
|
},
|
|
387
425
|
[
|
|
388
|
-
|
|
426
|
+
f("div", {
|
|
389
427
|
id: `children${a}`
|
|
390
428
|
}, [
|
|
391
|
-
(s(!0),
|
|
429
|
+
(s(!0), d(
|
|
392
430
|
j,
|
|
393
431
|
null,
|
|
394
|
-
|
|
395
|
-
class:
|
|
396
|
-
style:
|
|
432
|
+
V(o[t.propsField.children], (b, I) => (s(), d("li", {
|
|
433
|
+
class: g(B(a, I)),
|
|
434
|
+
style: m(t.needClick ? "cursor: pointer;" : ""),
|
|
397
435
|
key: I,
|
|
398
|
-
onClick: (
|
|
399
|
-
}, N(
|
|
436
|
+
onClick: (ae) => $(b, a + 1 + "-" + (I + 1))
|
|
437
|
+
}, N(b.name), 15, oe))),
|
|
400
438
|
128
|
|
401
439
|
/* KEYED_FRAGMENT */
|
|
402
440
|
))
|
|
403
|
-
], 8,
|
|
441
|
+
], 8, ie)
|
|
404
442
|
],
|
|
405
443
|
2
|
|
406
444
|
/* CLASS */
|
|
@@ -412,8 +450,8 @@ const D = (t, f) => {
|
|
|
412
450
|
))
|
|
413
451
|
]));
|
|
414
452
|
}
|
|
415
|
-
}),
|
|
453
|
+
}), se = /* @__PURE__ */ D(ne, [["__scopeId", "data-v-08141597"]]), de = M(se);
|
|
416
454
|
export {
|
|
417
|
-
|
|
418
|
-
|
|
455
|
+
de as IkVerticalStepBar,
|
|
456
|
+
de as default
|
|
419
457
|
};
|
|
@@ -2,7 +2,7 @@ import { defineComponent as f, provide as n, computed as r, renderSlot as d } fr
|
|
|
2
2
|
const p = (e, l) => (e.install = (o) => {
|
|
3
3
|
for (const t of [e, ...Object.values({})])
|
|
4
4
|
o.component(t.name, t);
|
|
5
|
-
}, e), c = "0.0.
|
|
5
|
+
}, e), c = "0.0.13", s = {
|
|
6
6
|
version: c
|
|
7
7
|
}, a = /* @__PURE__ */ f({
|
|
8
8
|
__name: "ProviderConfig",
|