iking-web-ui-pro 0.3.3 → 0.3.5
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/IkApprovalProcessDetail/ik.index.es.js +614 -638
- package/dist/IkApprovalProcessDetail/iking-web-ui-pro.css +1 -1
- package/dist/IkBaseDialog/ik.index.es.js +153 -177
- package/dist/IkBaseDialog/iking-web-ui-pro.css +1 -1
- package/dist/IkBtnSetting/ik.index.es.js +272 -296
- package/dist/IkBtnSetting/iking-web-ui-pro.css +1 -1
- package/dist/IkCollapseCard/ik.index.es.js +153 -177
- package/dist/IkCollapseCard/iking-web-ui-pro.css +1 -1
- package/dist/IkDescription/ik.index.es.js +1496 -1520
- package/dist/IkDescription/iking-web-ui-pro.css +1 -1
- package/dist/IkDetailPreviewFiles/ik.index.es.js +1464 -1488
- package/dist/IkDetailPreviewFiles/iking-web-ui-pro.css +1 -1
- package/dist/IkExpandCollapse/ik.index.es.js +144 -168
- package/dist/IkExpandCollapse/iking-web-ui-pro.css +1 -1
- package/dist/IkIconPicker/ik.index.es.js +227 -244
- package/dist/IkIconPicker/iking-web-ui-pro.css +1 -1
- package/dist/IkMonacoEditor/ik.index.es.js +357 -381
- package/dist/IkMonacoEditor/iking-web-ui-pro.css +1 -1
- package/dist/IkPageFull/ik.index.es.js +626 -650
- package/dist/IkPageFull/iking-web-ui-pro.css +1 -1
- package/dist/IkPreviewFile/ik.index.es.js +1440 -1464
- package/dist/IkPreviewFile/iking-web-ui-pro.css +1 -1
- package/dist/IkPreviewFileDialog/ik.index.es.js +573 -597
- package/dist/IkPreviewFileDialog/iking-web-ui-pro.css +1 -1
- package/dist/IkSchedule/ik.index.es.js +331 -355
- package/dist/IkSchedule/iking-web-ui-pro.css +1 -1
- package/dist/IkSideText/ik.index.es.js +178 -202
- package/dist/IkSideText/iking-web-ui-pro.css +1 -1
- package/dist/IkSvgIcon/ik.index.es.js +131 -155
- package/dist/IkSvgIcon/iking-web-ui-pro.css +1 -1
- package/dist/IkTree/ik.index.es.js +7 -7
- package/dist/IkTree/iking-web-ui-pro.css +1 -1
- package/dist/IkUploadFile/ik.index.es.js +692 -716
- package/dist/IkUploadFile/iking-web-ui-pro.css +1 -1
- package/dist/IkUploadImage/ik.index.es.js +385 -409
- package/dist/IkUploadImage/iking-web-ui-pro.css +1 -1
- package/dist/IkVerticalStepBar/ik.index.es.js +193 -217
- package/dist/IkVerticalStepBar/iking-web-ui-pro.css +1 -1
- package/dist/iking-web-ui-pro.css +2 -2
- package/dist/index.es.js +11633 -11650
- package/dist/index.umd.js +99 -99
- package/dist/src/components/IkMonacoEditor/index.d.ts +9 -0
- package/dist/src/components/IkMonacoEditor/src/index.vue.d.ts +9 -0
- package/dist/src/components/IkSvgIcon/index.d.ts +9 -0
- package/dist/src/components/IkSvgIcon/src/index.vue.d.ts +5 -0
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";.row-title[data-v-
|
|
1
|
+
@charset "UTF-8";.row-title[data-v-2648e369]{display:flex}.ik-svg-icon.ik-icon-span[data-v-2648e369]:not(:first-child){margin-left:var(--ik-margin-s-8)}.ik-image-upload[data-v-f467c552]{display:inline-flex;position:relative}.ik-image-upload.hide-upload[data-v-f467c552] .el-upload{display:none}.ik-image-upload .tip[data-v-f467c552]{position:absolute;bottom:-19px;font-size:14px;color:var(--el-color-info)}.ik-image-upload.preview[data-v-f467c552] .el-upload{display:none}.ik-image-upload[data-v-f467c552] .el-upload--picture-card{--el-fill-color-lighter: var(--ik-page-main-bg);border-color:transparent;border-style:solid;transition:all .3s;width:var(--4e5f919e);height:var(--2767b51c);display:flex;position:var(--17891c86);left:0}.ik-image-upload[data-v-f467c552] .el-upload--picture-card.el-upload{--el-upload-dragger-padding-horizontal: 36px;margin:0 8px 8px 0}.ik-image-upload[data-v-f467c552] .el-upload--picture-card.el-upload .el-upload-dragger{border:none;background-color:transparent}.ik-image-upload[data-v-f467c552] .el-upload--picture-card.el-upload .el-upload-dragger .el-icon{margin-bottom:5px}.ik-image-upload[data-v-f467c552] .el-upload--picture-card.el-upload:not(.is-disabled):hover{--el-fill-color-lighter: transparent}.ik-image-upload[data-v-f467c552] .el-upload--picture-card.el-upload:not(.is-disabled):hover .upload-btn{color:var(--el-color-primary)}.ik-image-upload[data-v-f467c552] .el-upload--picture-card.el-upload:not(.is-disabled):hover .upload-btn i{color:var(--el-color-primary)}.ik-image-upload[data-v-f467c552] .el-upload--picture-card.el-upload .upload-btn{display:flex;flex-direction:column;align-items:center;font-size:14px;color:var(--el-text-color-secondary)}.ik-image-upload[data-v-f467c552] .el-upload-list--picture-card{--el-upload-list-picture-card-size: 106px;flex-direction:row;justify-content:flex-start}.ik-image-upload[data-v-f467c552] .el-upload-list--picture-card .upload-btn{color:var(--el-text-color-secondary)!important}.ik-image-upload[data-v-f467c552] .el-upload-list--picture-card li:first-child{margin-left:var(--7b7a1d22)}.ik-image-upload[data-v-f467c552] .el-upload-list--picture-card.is-disabled .el-upload--picture-card{opacity:.55;cursor:not-allowed!important;--el-fill-color-lighter: var(--ik-page-main-bg) !important}.ik-image-upload[data-v-f467c552] .el-upload-list--picture-card.is-disabled .el-upload--picture-card .el-upload-dragger{pointer-events:none}.ik-image-upload[data-v-f467c552] .el-upload-list--picture-card:not(.is-disabled) .el-upload--picture-card:hover{--el-fill-color-lighter: var(--ik-color-font-reverse);--ik-icon-deep-color: var(--ik-color-tag-primary);--ik-icon-shallow-color: var(--ik-icon-shallow-hover-color);border-color:var(--el-color-primary)}.ik-image-upload[data-v-f467c552] .el-upload-list--picture-card .el-upload-list__item{border:none;background-color:var(--el-bg-color-page);overflow:hidden;width:var(--4e5f919e);height:var(--2767b51c)}.ik-image-upload[data-v-f467c552] .el-upload-list--picture-card .el-upload-list__item>span{position:absolute;right:-14px;top:-14px;z-index:2;background-color:var(--el-color-error);display:flex;border-radius:22px;width:40px;height:40px;align-items:center;justify-content:center;font-size:11px;color:#fff;font-weight:600;cursor:pointer;transition:opacity .35s}.ik-image-upload[data-v-f467c552] .el-upload-list--picture-card .el-upload-list__item>span .ik-svg-icon{position:relative;top:5px;left:-5px;font-size:14px}.ik-image-upload[data-v-f467c552] .el-upload-list--picture-card .el-upload-list__item>span:hover{opacity:.8}.ik-image-upload .load-list[data-v-f467c552]{width:var(--4e5f919e);height:var(--2767b51c);overflow:hidden}.ik-image-upload .load-list .loading-statu[data-v-f467c552]{position:absolute;top:0;left:0;color:#fff;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 0 140px 140px var(--el-overlay-color-lighter) inset;z-index:1;border-radius:6px}.ik-image-upload .load-list .loading-statu svg[data-v-f467c552]{width:26px;height:26px;fill:var(--el-color-primary);animation:rotate-f467c552 2s linear infinite}.ik-image-upload .load-list .operate-btn[data-v-f467c552]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:0;height:0;display:flex;align-items:center;justify-content:center;transition:all .35s;border-radius:4px;overflow:hidden}.ik-image-upload .load-list:hover .operate-btn[data-v-f467c552]{box-shadow:0 0 150px 150px var(--el-overlay-color-lighter) inset;color:#fff;font-size:18px;z-index:1;width:100%;height:100%}.ik-image-upload .load-list:hover .operate-btn i[data-v-f467c552]{cursor:pointer;margin:0 5px}.ik-image-upload .load-list:hover .operate-btn i[data-v-f467c552]:hover{color:var(--el-color-primary)}.ik-image-upload .load-list:hover img[data-v-f467c552],.ik-image-upload .load-list.loading img[data-v-f467c552]{filter:blur(2px)}.ik-image-upload .load-list.loading .loading-statu[data-v-f467c552]{box-shadow:0 0 140px 140px var(--el-overlay-color-lighter) inset}.ik-image-upload .load-list.loading .loading-statu svg[data-v-f467c552]{fill:var(--el-color-primary)}.ik-image-upload .load-list.fail img[data-v-f467c552]{filter:blur(0)}.ik-image-upload .load-list.fail .loading-statu[data-v-f467c552]{box-shadow:0 0 140px 140px var(--ik-error-shadow-bg) inset;line-height:2;color:var(--ik-color-font-reverse);border-radius:6px;background:#f1416d57;border:1px dashed #f1416c;cursor:pointer;transition:all .25s}.ik-image-upload .load-list.fail .loading-statu[data-v-f467c552]:hover{background:#f1416d6b}.ik-image-upload .load-list.fail .loading-statu svg[data-v-f467c552]{animation:none}.ik-image-upload .load-list.fail .loading-statu p[data-v-f467c552]{margin:0;padding:0;line-height:1}.ik-image-upload .load-list.fail .loading-statu .el-button.is-link[data-v-f467c552]{color:var(--ik-color-font-reverse)}.ik-image-upload .load-list.fail .loading-statu .el-button.is-link[data-v-f467c552]:hover{color:var(--color-primary)}@keyframes rotate-f467c552{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ik-image-upload .load-list img[data-v-f467c552]{width:100%;height:100%}
|
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { ikColor as
|
|
3
|
-
const D = (
|
|
4
|
-
for (const e of [
|
|
5
|
-
|
|
6
|
-
},
|
|
7
|
-
const
|
|
8
|
-
for (const [e,
|
|
9
|
-
|
|
10
|
-
return
|
|
11
|
-
},
|
|
1
|
+
import { defineComponent as V, computed as g, resolveComponent as F, openBlock as s, createElementBlock as r, normalizeClass as v, normalizeStyle as z, Fragment as w, createElementVNode as d, createBlock as C, withCtx as N, mergeProps as L, createTextVNode as M, toDisplayString as _, renderList as j, createCommentVNode as b, unref as O } from "vue";
|
|
2
|
+
import { ikColor as q } from "iking-utils-pro";
|
|
3
|
+
const D = (n, p) => (n.install = (c) => {
|
|
4
|
+
for (const e of [n, ...Object.values({})])
|
|
5
|
+
c.component(e.name, e);
|
|
6
|
+
}, n), E = (n, p) => {
|
|
7
|
+
const c = n.__vccOpts || n;
|
|
8
|
+
for (const [e, i] of p)
|
|
9
|
+
c[e] = i;
|
|
10
|
+
return c;
|
|
11
|
+
}, W = {
|
|
12
12
|
key: 1,
|
|
13
13
|
class: "h-[1em] w-[1em]",
|
|
14
14
|
"aria-hidden": "true"
|
|
15
|
-
},
|
|
15
|
+
}, X = ["xlink:href"], Y = ["src"], A = {
|
|
16
16
|
key: 1,
|
|
17
17
|
class: "h-[1em] w-[1em]",
|
|
18
18
|
"aria-hidden": "true"
|
|
19
|
-
},
|
|
19
|
+
}, P = ["xlink:href"], G = ["src"], H = /* @__PURE__ */ V({
|
|
20
20
|
name: "IkSvgIcon",
|
|
21
21
|
__name: "index",
|
|
22
22
|
props: {
|
|
@@ -40,14 +40,15 @@ const D = (o, h) => (o.install = (r) => {
|
|
|
40
40
|
title: {},
|
|
41
41
|
type: { default: "primary" },
|
|
42
42
|
warning: { type: Boolean },
|
|
43
|
-
width: {}
|
|
43
|
+
width: {},
|
|
44
|
+
iconClass: { default: "" }
|
|
44
45
|
},
|
|
45
46
|
emits: ["click", "mouseenter", "mouseleave", "dblclick"],
|
|
46
|
-
setup(
|
|
47
|
-
const
|
|
47
|
+
setup(n, { emit: p }) {
|
|
48
|
+
const c = n, e = g(() => c), i = g(() => {
|
|
48
49
|
const { name: t } = e.value;
|
|
49
50
|
return /^http?:\/\//.test(t) ? "img" : /i-[^:]+:[^:]+/.test(t) ? "unocss" : t != null && t.startsWith("iksig") ? "iksig" : t != null && t.includes(":") ? "iconify" : t != null && t.startsWith("iksvg") ? "svg" : "i";
|
|
50
|
-
}),
|
|
51
|
+
}), m = g(() => {
|
|
51
52
|
const t = [];
|
|
52
53
|
if (e.value.flip)
|
|
53
54
|
switch (e.value.flip) {
|
|
@@ -62,177 +63,152 @@ const D = (o, h) => (o.install = (r) => {
|
|
|
62
63
|
break;
|
|
63
64
|
}
|
|
64
65
|
e.value.rotate && t.push(`rotate(${e.value.rotate % 360}deg)`);
|
|
65
|
-
const
|
|
66
|
-
pointerEvents: e.value.disabled ? "none" : "auto",
|
|
66
|
+
const o = {
|
|
67
67
|
...e.value.color && { color: e.value.color },
|
|
68
68
|
...e.value.size && { fontSize: typeof e.value.size == "number" ? `${e.value.size}px` : e.value.size },
|
|
69
69
|
...t.length && { transform: t.join(" ") },
|
|
70
70
|
padding: e.value.showBg || e.value.bg ? e.value.padding : 0,
|
|
71
|
-
...e.value.color &&
|
|
71
|
+
...e.value.color && i.value !== "iksig" ? {
|
|
72
72
|
"--ik-icon-deep-color": e.value.color,
|
|
73
|
-
"--ik-icon-shallow-color": e.value.colorLight ||
|
|
73
|
+
"--ik-icon-shallow-color": e.value.colorLight || q.setOpacity(e.value.color, e.value.opacity)
|
|
74
74
|
} : {}
|
|
75
75
|
};
|
|
76
|
-
return e.value.width && (
|
|
77
|
-
}),
|
|
78
|
-
|
|
79
|
-
},
|
|
80
|
-
|
|
81
|
-
},
|
|
82
|
-
|
|
83
|
-
},
|
|
84
|
-
|
|
76
|
+
return e.value.width && (o.width = o.height = typeof e.value.width == "number" ? `${e.value.width}px` : e.value.width), o;
|
|
77
|
+
}), f = p, x = (t) => {
|
|
78
|
+
f("click", t);
|
|
79
|
+
}, $ = (t) => {
|
|
80
|
+
f("mouseenter", t);
|
|
81
|
+
}, B = (t) => {
|
|
82
|
+
f("mouseleave", t);
|
|
83
|
+
}, y = (t) => {
|
|
84
|
+
f("dblclick", t);
|
|
85
85
|
};
|
|
86
|
-
return (t,
|
|
87
|
-
const
|
|
88
|
-
return
|
|
89
|
-
|
|
90
|
-
{
|
|
86
|
+
return (t, o) => {
|
|
87
|
+
const a = F("el-tooltip"), l = F("el-button");
|
|
88
|
+
return s(), r(
|
|
89
|
+
"i",
|
|
90
|
+
{
|
|
91
|
+
class: v(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
|
|
92
|
+
[t.iconClass]: !0,
|
|
93
|
+
[t.name]: i.value === "unocss",
|
|
94
|
+
"show-bg": e.value.showBg || e.value.bg,
|
|
95
|
+
default: e.value.size === "default",
|
|
96
|
+
small: e.value.size === "small",
|
|
97
|
+
big: e.value.size === "big",
|
|
98
|
+
warning: e.value.warning || e.value.type === "warning",
|
|
99
|
+
primary: e.value.primary || e.value.type === "primary",
|
|
100
|
+
success: t.success || e.value.type === "success",
|
|
101
|
+
error: e.value.error || e.value.type === "error",
|
|
102
|
+
active: e.value.active,
|
|
103
|
+
disabled: e.value.disabled
|
|
104
|
+
}]),
|
|
105
|
+
style: z(m.value),
|
|
106
|
+
onClick: x,
|
|
107
|
+
onDblclick: y,
|
|
108
|
+
onMouseenter: $,
|
|
109
|
+
onMouseleave: B
|
|
110
|
+
},
|
|
91
111
|
[
|
|
92
|
-
e.value.
|
|
93
|
-
|
|
94
|
-
{
|
|
95
|
-
key: 0,
|
|
96
|
-
class: d(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
|
|
97
|
-
[t.name]: a.value === "unocss",
|
|
98
|
-
"show-bg": e.value.showBg || e.value.bg,
|
|
99
|
-
default: e.value.size === "default",
|
|
100
|
-
small: e.value.size === "small",
|
|
101
|
-
big: e.value.size === "big",
|
|
102
|
-
warning: e.value.warning || e.value.type === "warning",
|
|
103
|
-
primary: e.value.primary || e.value.type === "primary",
|
|
104
|
-
success: t.success || e.value.type === "success",
|
|
105
|
-
error: e.value.error || e.value.type === "error",
|
|
106
|
-
active: e.value.active,
|
|
107
|
-
disabled: e.value.disabled
|
|
108
|
-
}]),
|
|
109
|
-
style: p(v.value),
|
|
110
|
-
onClick: w,
|
|
111
|
-
onDblclick: k,
|
|
112
|
-
onMouseenter: _,
|
|
113
|
-
onMouseleave: x
|
|
114
|
-
},
|
|
112
|
+
e.value.tableIconType === "icon" || !e.value.tableIconType ? (s(), r(
|
|
113
|
+
w,
|
|
114
|
+
{ key: 0 },
|
|
115
115
|
[
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
{
|
|
119
|
-
key: 0,
|
|
120
|
-
class: d(`iksig ${e.value.name}`),
|
|
121
|
-
style: p(v.value)
|
|
122
|
-
},
|
|
123
|
-
null,
|
|
124
|
-
6
|
|
125
|
-
/* CLASS, STYLE */
|
|
126
|
-
)) : a.value === "svg" ? (n(), u("svg", q, [
|
|
127
|
-
f("use", {
|
|
128
|
-
"xlink:href": `#${e.value.name}`
|
|
129
|
-
}, null, 8, W)
|
|
130
|
-
])) : a.value === "img" ? (n(), u("img", {
|
|
131
|
-
key: 2,
|
|
132
|
-
src: e.value.name,
|
|
133
|
-
class: "h-[1em] w-[1em]"
|
|
134
|
-
}, null, 8, X)) : (n(), u(
|
|
135
|
-
"i",
|
|
136
|
-
{
|
|
137
|
-
key: 3,
|
|
138
|
-
class: d(e.value.name),
|
|
139
|
-
style: p(v.value)
|
|
140
|
-
},
|
|
141
|
-
null,
|
|
142
|
-
6
|
|
143
|
-
/* CLASS, STYLE */
|
|
144
|
-
))
|
|
145
|
-
],
|
|
146
|
-
38
|
|
147
|
-
/* CLASS, STYLE, NEED_HYDRATION */
|
|
148
|
-
)) : (n(), B(i, {
|
|
149
|
-
key: 1,
|
|
150
|
-
content: e.value.title,
|
|
151
|
-
placement: "top",
|
|
152
|
-
"popper-class": "ik-svg-icon-tooltip",
|
|
153
|
-
"hide-after": 0
|
|
154
|
-
}, {
|
|
155
|
-
default: N(() => [
|
|
156
|
-
f(
|
|
157
|
-
"i",
|
|
158
|
-
{
|
|
159
|
-
class: d(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
|
|
160
|
-
[t.name]: a.value === "unocss",
|
|
161
|
-
"show-bg": e.value.showBg || e.value.bg,
|
|
162
|
-
default: e.value.size === "default",
|
|
163
|
-
small: e.value.size === "small",
|
|
164
|
-
big: e.value.size === "big",
|
|
165
|
-
warning: e.value.warning || e.value.type === "warning",
|
|
166
|
-
primary: t.primary || e.value.type === "primary",
|
|
167
|
-
success: t.success || e.value.type === "success",
|
|
168
|
-
error: e.value.error || e.value.type === "error",
|
|
169
|
-
active: e.value.active,
|
|
170
|
-
disabled: e.value.disabled
|
|
171
|
-
}]),
|
|
172
|
-
style: p(v.value),
|
|
173
|
-
onClick: w,
|
|
174
|
-
onDblclick: k,
|
|
175
|
-
onMouseenter: _,
|
|
176
|
-
onMouseleave: x
|
|
177
|
-
},
|
|
116
|
+
e.value.notip || !e.value.title ? (s(), r(
|
|
117
|
+
w,
|
|
118
|
+
{ key: 0 },
|
|
178
119
|
[
|
|
179
|
-
|
|
120
|
+
i.value === "iksig" ? (s(), r(
|
|
180
121
|
"i",
|
|
181
122
|
{
|
|
182
123
|
key: 0,
|
|
183
|
-
class:
|
|
184
|
-
style: p(v.value)
|
|
124
|
+
class: v(`iksig ${e.value.name}`)
|
|
185
125
|
},
|
|
186
126
|
null,
|
|
187
|
-
|
|
188
|
-
/* CLASS
|
|
189
|
-
)) :
|
|
190
|
-
|
|
127
|
+
2
|
|
128
|
+
/* CLASS */
|
|
129
|
+
)) : i.value === "svg" ? (s(), r("svg", W, [
|
|
130
|
+
d("use", {
|
|
191
131
|
"xlink:href": `#${e.value.name}`
|
|
192
|
-
}, null, 8,
|
|
193
|
-
])) :
|
|
132
|
+
}, null, 8, X)
|
|
133
|
+
])) : i.value === "img" ? (s(), r("img", {
|
|
194
134
|
key: 2,
|
|
195
135
|
src: e.value.name,
|
|
196
136
|
class: "h-[1em] w-[1em]"
|
|
197
|
-
}, null, 8,
|
|
137
|
+
}, null, 8, Y)) : (s(), r(
|
|
198
138
|
"i",
|
|
199
139
|
{
|
|
200
140
|
key: 3,
|
|
201
|
-
class:
|
|
202
|
-
style: p(v.value)
|
|
141
|
+
class: v(e.value.name)
|
|
203
142
|
},
|
|
204
143
|
null,
|
|
205
|
-
|
|
206
|
-
/* CLASS
|
|
144
|
+
2
|
|
145
|
+
/* CLASS */
|
|
207
146
|
))
|
|
208
147
|
],
|
|
209
|
-
|
|
210
|
-
/*
|
|
148
|
+
64
|
|
149
|
+
/* STABLE_FRAGMENT */
|
|
150
|
+
)) : (s(), C(a, {
|
|
151
|
+
key: 1,
|
|
152
|
+
content: e.value.title,
|
|
153
|
+
placement: "top",
|
|
154
|
+
"popper-class": "ik-svg-icon-tooltip",
|
|
155
|
+
"hide-after": 0
|
|
156
|
+
}, {
|
|
157
|
+
default: N(() => [
|
|
158
|
+
i.value === "iksig" ? (s(), r(
|
|
159
|
+
"i",
|
|
160
|
+
{
|
|
161
|
+
key: 0,
|
|
162
|
+
class: v(`iksig ${e.value.name}`)
|
|
163
|
+
},
|
|
164
|
+
null,
|
|
165
|
+
2
|
|
166
|
+
/* CLASS */
|
|
167
|
+
)) : i.value === "svg" ? (s(), r("svg", A, [
|
|
168
|
+
d("use", {
|
|
169
|
+
"xlink:href": `#${e.value.name}`
|
|
170
|
+
}, null, 8, P)
|
|
171
|
+
])) : i.value === "img" ? (s(), r("img", {
|
|
172
|
+
key: 2,
|
|
173
|
+
src: e.value.name,
|
|
174
|
+
class: "h-[1em] w-[1em]"
|
|
175
|
+
}, null, 8, G)) : (s(), r(
|
|
176
|
+
"i",
|
|
177
|
+
{
|
|
178
|
+
key: 3,
|
|
179
|
+
class: v(e.value.name)
|
|
180
|
+
},
|
|
181
|
+
null,
|
|
182
|
+
2
|
|
183
|
+
/* CLASS */
|
|
184
|
+
))
|
|
185
|
+
]),
|
|
186
|
+
_: 1
|
|
187
|
+
/* STABLE */
|
|
188
|
+
}, 8, ["content"]))
|
|
189
|
+
],
|
|
190
|
+
64
|
|
191
|
+
/* STABLE_FRAGMENT */
|
|
192
|
+
)) : (s(), C(l, L({ key: 1 }, t.$attrs, {
|
|
193
|
+
type: ["warning", "error"].includes(e.value.type) ? "danger" : ""
|
|
194
|
+
}), {
|
|
195
|
+
default: N(() => [
|
|
196
|
+
M(
|
|
197
|
+
_(e.value.title),
|
|
198
|
+
1
|
|
199
|
+
/* TEXT */
|
|
211
200
|
)
|
|
212
201
|
]),
|
|
213
202
|
_: 1
|
|
214
203
|
/* STABLE */
|
|
215
|
-
},
|
|
204
|
+
}, 16, ["type"]))
|
|
216
205
|
],
|
|
217
|
-
|
|
218
|
-
/*
|
|
219
|
-
)
|
|
220
|
-
key: 1,
|
|
221
|
-
type: ["warning", "error"].includes(e.value.type) ? "danger" : ""
|
|
222
|
-
}, {
|
|
223
|
-
default: N(() => [
|
|
224
|
-
V(
|
|
225
|
-
$(e.value.title),
|
|
226
|
-
1
|
|
227
|
-
/* TEXT */
|
|
228
|
-
)
|
|
229
|
-
]),
|
|
230
|
-
_: 1
|
|
231
|
-
/* STABLE */
|
|
232
|
-
}, 8, ["type"]));
|
|
206
|
+
38
|
|
207
|
+
/* CLASS, STYLE, NEED_HYDRATION */
|
|
208
|
+
);
|
|
233
209
|
};
|
|
234
210
|
}
|
|
235
|
-
}), J = /* @__PURE__ */ E(H, [["__scopeId", "data-v-
|
|
211
|
+
}), J = /* @__PURE__ */ E(H, [["__scopeId", "data-v-2648e369"]]), T = D(J), K = { class: "content" }, Q = { class: "top" }, R = ["onClick"], U = ["id"], Z = ["onClick"], ee = /* @__PURE__ */ V({
|
|
236
212
|
__name: "IkVerticalStepBar",
|
|
237
213
|
props: {
|
|
238
214
|
// 当前激活的下标
|
|
@@ -260,104 +236,104 @@ const D = (o, h) => (o.install = (r) => {
|
|
|
260
236
|
}
|
|
261
237
|
},
|
|
262
238
|
emits: ["click", "update:active"],
|
|
263
|
-
setup(
|
|
264
|
-
const
|
|
265
|
-
|
|
266
|
-
)),
|
|
267
|
-
let
|
|
268
|
-
return l <
|
|
269
|
-
},
|
|
270
|
-
let
|
|
271
|
-
return l <
|
|
272
|
-
},
|
|
273
|
-
let
|
|
274
|
-
return l <
|
|
275
|
-
},
|
|
276
|
-
let l = "",
|
|
277
|
-
return
|
|
278
|
-
},
|
|
279
|
-
|
|
280
|
-
}, t = (
|
|
281
|
-
|
|
282
|
-
let l = document.getElementById(`children${
|
|
283
|
-
|
|
239
|
+
setup(n, { emit: p }) {
|
|
240
|
+
const c = n, e = p, i = g(() => Number(
|
|
241
|
+
c.active.indexOf("-") > 0 ? c.active.split("-")[0] : c.active
|
|
242
|
+
)), m = g(() => c.active.indexOf("-") > 0 ? Number(c.active.split("-")[1]) : 0), f = (o) => {
|
|
243
|
+
let a = "", l = o + 1;
|
|
244
|
+
return l < i.value ? a = "before-bg" : l === i.value ? a = "active-bg" : l > i.value && (a = "after-bg"), `${a} index`;
|
|
245
|
+
}, x = (o) => {
|
|
246
|
+
let a = "", l = o + 1;
|
|
247
|
+
return l < i.value ? a = "before-text" : l === i.value ? a = "active-text" : l > i.value && (a = "after-text"), `${a} text`;
|
|
248
|
+
}, $ = (o) => {
|
|
249
|
+
let a = "", l = o + 1;
|
|
250
|
+
return l < i.value ? a = "before-style" : l < c.list.length && (a = "after-style"), `${a} bottom`;
|
|
251
|
+
}, B = (o, a) => {
|
|
252
|
+
let l = "", u = o + 1, h = a + 1;
|
|
253
|
+
return u < i.value ? l = "before-text" : u === i.value ? h < m.value ? l = "before-text" : h === m.value ? l = "active-text" : h > m.value && (l = "after-text") : u > i.value && (l = "after-text"), `${l} child-text`;
|
|
254
|
+
}, y = (o, a) => {
|
|
255
|
+
c.needClick && (o[c.propsField.children] || (e("update:active", a + ""), e("click", o)));
|
|
256
|
+
}, t = (o, a) => {
|
|
257
|
+
o.show = !o.show;
|
|
258
|
+
let l = document.getElementById(`children${a}`);
|
|
259
|
+
o.show ? l.style.display = "none" : l.style.display = "block";
|
|
284
260
|
};
|
|
285
|
-
return (
|
|
286
|
-
(
|
|
287
|
-
|
|
261
|
+
return (o, a) => (s(), r("div", K, [
|
|
262
|
+
(s(!0), r(
|
|
263
|
+
w,
|
|
288
264
|
null,
|
|
289
|
-
j(
|
|
290
|
-
var
|
|
291
|
-
return
|
|
265
|
+
j(n.list, (l, u) => {
|
|
266
|
+
var h, S;
|
|
267
|
+
return s(), r("div", {
|
|
292
268
|
class: "line-block",
|
|
293
|
-
key:
|
|
269
|
+
key: u
|
|
294
270
|
}, [
|
|
295
|
-
|
|
296
|
-
|
|
271
|
+
d("div", Q, [
|
|
272
|
+
d(
|
|
297
273
|
"div",
|
|
298
274
|
{
|
|
299
|
-
class:
|
|
275
|
+
class: v(f(u))
|
|
300
276
|
},
|
|
301
|
-
|
|
277
|
+
_(u + 1),
|
|
302
278
|
3
|
|
303
279
|
/* TEXT, CLASS */
|
|
304
280
|
),
|
|
305
|
-
|
|
306
|
-
class:
|
|
307
|
-
style:
|
|
308
|
-
onClick: (
|
|
281
|
+
d("div", {
|
|
282
|
+
class: v(x(u)),
|
|
283
|
+
style: z(n.needClick ? "cursor: pointer;" : ""),
|
|
284
|
+
onClick: (k) => y(l, u + 1)
|
|
309
285
|
}, [
|
|
310
|
-
|
|
311
|
-
|
|
286
|
+
M(
|
|
287
|
+
_(l[n.propsField.name]) + " ",
|
|
312
288
|
1
|
|
313
289
|
/* TEXT */
|
|
314
290
|
),
|
|
315
|
-
|
|
291
|
+
b(` <i\r
|
|
316
292
|
v-if="item[propsField.children]?.length && !item.show"\r
|
|
317
293
|
class="ikapprove icon-a-putongjiantouzhankai"\r
|
|
318
294
|
@click="changeShow(item, index)"\r
|
|
319
295
|
></i> `),
|
|
320
|
-
(
|
|
296
|
+
(h = l[n.propsField.children]) != null && h.length && !l.show ? (s(), C(O(T), {
|
|
321
297
|
key: 0,
|
|
322
298
|
class: "ikapprove",
|
|
323
|
-
onClick: (
|
|
299
|
+
onClick: (k) => t(l, u),
|
|
324
300
|
name: "iksvg_zhankai"
|
|
325
|
-
}, null, 8, ["onClick"])) :
|
|
326
|
-
|
|
301
|
+
}, null, 8, ["onClick"])) : b("v-if", !0),
|
|
302
|
+
b(` <i\r
|
|
327
303
|
v-if="item[propsField.children]?.length && item.show"\r
|
|
328
304
|
@click="changeShow(item, index)"\r
|
|
329
305
|
class="ikapprove icon-a-putongjiantoushouqi"\r
|
|
330
306
|
></i> `),
|
|
331
|
-
(S = l[
|
|
307
|
+
(S = l[n.propsField.children]) != null && S.length && l.show ? (s(), C(O(T), {
|
|
332
308
|
key: 1,
|
|
333
309
|
class: "ikapprove",
|
|
334
|
-
onClick: (
|
|
310
|
+
onClick: (k) => t(l, u),
|
|
335
311
|
name: "iksvg_shouqi"
|
|
336
|
-
}, null, 8, ["onClick"])) :
|
|
337
|
-
], 14,
|
|
312
|
+
}, null, 8, ["onClick"])) : b("v-if", !0)
|
|
313
|
+
], 14, R)
|
|
338
314
|
]),
|
|
339
|
-
|
|
315
|
+
d(
|
|
340
316
|
"ul",
|
|
341
317
|
{
|
|
342
|
-
class:
|
|
318
|
+
class: v($(u))
|
|
343
319
|
},
|
|
344
320
|
[
|
|
345
|
-
|
|
346
|
-
id: `children${
|
|
321
|
+
d("div", {
|
|
322
|
+
id: `children${u}`
|
|
347
323
|
}, [
|
|
348
|
-
(
|
|
349
|
-
|
|
324
|
+
(s(!0), r(
|
|
325
|
+
w,
|
|
350
326
|
null,
|
|
351
|
-
j(l[
|
|
352
|
-
class:
|
|
353
|
-
style:
|
|
354
|
-
key:
|
|
355
|
-
onClick: (
|
|
356
|
-
},
|
|
327
|
+
j(l[n.propsField.children], (k, I) => (s(), r("li", {
|
|
328
|
+
class: v(B(u, I)),
|
|
329
|
+
style: z(n.needClick ? "cursor: pointer;" : ""),
|
|
330
|
+
key: I,
|
|
331
|
+
onClick: (le) => y(k, u + 1 + "-" + (I + 1))
|
|
332
|
+
}, _(k.name), 15, Z))),
|
|
357
333
|
128
|
|
358
334
|
/* KEYED_FRAGMENT */
|
|
359
335
|
))
|
|
360
|
-
], 8,
|
|
336
|
+
], 8, U)
|
|
361
337
|
],
|
|
362
338
|
2
|
|
363
339
|
/* CLASS */
|
|
@@ -369,8 +345,8 @@ const D = (o, h) => (o.install = (r) => {
|
|
|
369
345
|
))
|
|
370
346
|
]));
|
|
371
347
|
}
|
|
372
|
-
}),
|
|
348
|
+
}), te = /* @__PURE__ */ E(ee, [["__scopeId", "data-v-bce57528"]]), oe = D(te);
|
|
373
349
|
export {
|
|
374
|
-
|
|
375
|
-
|
|
350
|
+
oe as IkVerticalStepBar,
|
|
351
|
+
oe as default
|
|
376
352
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.row-title[data-v-
|
|
1
|
+
.row-title[data-v-2648e369]{display:flex}.ik-svg-icon.ik-icon-span[data-v-2648e369]:not(:first-child){margin-left:var(--ik-margin-s-8)}[data-v-bce57528]{margin:0;padding:0}.content[data-v-bce57528]{width:100%;height:100%;border-top-left-radius:20px;border-bottom-left-radius:20px;padding:32px 28px}.content .line-block .top[data-v-bce57528]{display:flex}.content .line-block .top .index[data-v-bce57528]{width:32px;height:32px;display:flex;justify-content:center;align-items:center;border-radius:4px;font-size:18px;font-weight:550}.content .line-block .top .text[data-v-bce57528]{line-height:32px;margin-left:20px;font-size:18px;font-weight:700}.content .line-block .active-text[data-v-bce57528]{color:var(--ik-step-item-active-color, "#039ef7")}.content .line-block .before-text[data-v-bce57528]{color:var(--ik-color-font-title)}.content .line-block .after-text[data-v-bce57528]{color:var(--el-color-info, "#181c3266")}.content .line-block .before-bg[data-v-bce57528]{color:var(--ik-step-item-active-color, #333)!important;background-color:var(--ik-step-item-num-greater-bg)}.content .line-block .active-bg[data-v-bce57528]{background-color:var(--ik-step-item-active-color, #039ef7);color:var(--el-color-white, #fff)}.content .line-block .after-bg[data-v-bce57528]{background-color:var(--ik-step-item-num-bg, #f3f6f9);color:var(--ik-step-item-text-color, #a2a6b8)}.content .line-block .bottom[data-v-bce57528]{margin-left:16px;border-width:0 0 0 1px;padding:10px 0 20px 52px;margin-top:4px;margin-bottom:4px}.content .line-block .before-style[data-v-bce57528]{border-color:var(--ik-step-item-active-color, #029ef7);border-style:solid}.content .line-block .after-style[data-v-bce57528]{border-color:var(--el-color-info, #ccc);border-style:dashed}.content .line-block li[data-v-bce57528]{line-height:30px}.content .line-block .child-text[data-v-bce57528]{padding:5px 0}
|