yahee-components 0.0.93 → 0.0.94-test
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/es/annex-upload/annex-upload.vue.js +51 -154
- package/es/annex-upload/annex-upload.vue2.js +119 -2
- package/es/annex-upload/index.js +3 -3
- package/es/border-wrap/border-wrap.vue.js +64 -95
- package/es/border-wrap/border-wrap.vue2.js +46 -2
- package/es/common-import/common-import.vue.js +369 -666
- package/es/common-import/common-import.vue2.js +337 -2
- package/es/common-import/index.js +3 -3
- package/es/complex-search/complex-search.vue.js +36 -36
- package/es/copy/copy.vue.js +37 -55
- package/es/copy/copy.vue2.js +34 -2
- package/es/copy/index.js +3 -3
- package/es/country-platform-shop-condition/country-platform-shop-condition.vue.js +114 -213
- package/es/country-platform-shop-condition/country-platform-shop-condition.vue2.js +125 -2
- package/es/drop-down-condition/drop-down-condition.vue.js +113 -213
- package/es/drop-down-condition/drop-down-condition.vue2.js +127 -2
- package/es/echart-gauge/echart-gauge.vue.js +12 -140
- package/es/echart-gauge/echart-gauge.vue2.js +147 -2
- package/es/echart-gauge/index.js +3 -3
- package/es/help-tag/help-tag.vue.js +40 -64
- package/es/help-tag/help-tag.vue2.js +47 -2
- package/es/help-tag/index.js +3 -3
- package/es/help-tag/style/index.css +4 -0
- package/es/image-upload/image-upload.vue.js +109 -170
- package/es/image-upload/image-upload.vue2.js +91 -2
- package/es/image-upload/index.js +3 -3
- package/es/input/index.js +3 -3
- package/es/input/input.vue.js +17 -38
- package/es/input/input.vue2.js +33 -2
- package/es/left-condition/index.js +3 -3
- package/es/left-condition/left-condition-sub.vue.js +32 -91
- package/es/left-condition/left-condition-sub.vue2.js +76 -2
- package/es/left-condition/left-condition.vue.js +70 -218
- package/es/left-condition/left-condition.vue2.js +160 -2
- package/es/left-condition-enum/index.js +3 -3
- package/es/left-condition-enum/left-condition-enum.vue.js +20 -49
- package/es/left-condition-enum/left-condition-enum.vue2.js +40 -2
- package/es/operation-log/operation-log-content.vue.js +71 -92
- package/es/operation-log/operation-log-content.vue2.js +39 -2
- package/es/operation-log/operation-log-dialog.vue.js +46 -68
- package/es/operation-log/operation-log-dialog.vue2.js +38 -2
- package/es/operation-log/operation-log-form.vue.js +108 -183
- package/es/operation-log/operation-log-form.vue2.js +104 -2
- package/es/operation-log/operation-log.vue.js +119 -228
- package/es/operation-log/operation-log.vue2.js +135 -2
- package/es/packages/components/api/log-server.js +6 -6
- package/es/packages/components/api/upload-server.js +1 -1
- package/es/packages/components/hooks/useEcharts.js +19 -19
- package/es/packages/components/hooks/useImg.js +8 -8
- package/es/scale-screen/index.js +4 -4
- package/es/scale-screen/scale-screen.vue.js +19 -126
- package/es/scale-screen/scale-screen.vue2.js +125 -2
- package/es/style.css +5 -0
- package/es/yahee-components.css +1 -1
- package/lib/help-tag/style/index.css +4 -0
- package/lib/style.css +5 -0
- package/package.json +1 -1
|
@@ -1,158 +1,55 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
if (l.limitFileSize) {
|
|
46
|
-
let t = e.size;
|
|
47
|
-
if (l.fileSizeUnit.toLowerCase() === "kb" ? t = e.size / 1024 : t = e.size / 1024 / 1024, !(t < l.fileSize))
|
|
48
|
-
return p.error(a(`文件大小不能超过 ${l.fileSize}${l.fileSizeUnit}!`)), !1;
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
function E(e) {
|
|
52
|
-
return l.uploadType === "upload" ? b(l.fileType, e.file, (t) => {
|
|
53
|
-
e.onProgress(t);
|
|
54
|
-
}).then((t) => {
|
|
55
|
-
e.onSuccess(t);
|
|
56
|
-
}).catch(() => {
|
|
57
|
-
e.onError();
|
|
58
|
-
}) : l.uploadType === "import" && M(e.file, (t) => {
|
|
59
|
-
e.onProgress(t);
|
|
60
|
-
}).then((t) => {
|
|
61
|
-
e.onSuccess(t);
|
|
62
|
-
}).catch(() => {
|
|
63
|
-
e.onError();
|
|
64
|
-
}), null;
|
|
65
|
-
}
|
|
66
|
-
function F(e, t) {
|
|
67
|
-
p.warning(
|
|
68
|
-
a(
|
|
69
|
-
`当前限制选择 ${l.limit} 个文件,本次选择了 ${e.length} 个文件,共选择了 ${e.length + t.length} 个文件`
|
|
70
|
-
)
|
|
71
|
-
);
|
|
72
|
-
}
|
|
73
|
-
const u = N(null);
|
|
74
|
-
function d(e) {
|
|
75
|
-
return e.length === 0 ? [] : e.map((t) => t.response ? {
|
|
76
|
-
fileName: t.name,
|
|
77
|
-
fileId: t.response[0],
|
|
78
|
-
fileUrl: `https://imgs.yaheecloud.com/${t.response[0]}`
|
|
79
|
-
} : {
|
|
80
|
-
fileName: t.name,
|
|
81
|
-
fileId: t.url.split("/")[t.url.split("/").length - 1],
|
|
82
|
-
fileUrl: t.url
|
|
83
|
-
});
|
|
84
|
-
}
|
|
85
|
-
const k = async (e, t, i) => {
|
|
86
|
-
if (l.uploadType === "import")
|
|
87
|
-
o("update:modelValue", e);
|
|
88
|
-
else if (l.uploadType === "upload") {
|
|
89
|
-
const m = d(i);
|
|
90
|
-
o("update:modelValue", m), await c(), o("change", m);
|
|
91
|
-
}
|
|
92
|
-
}, B = async (e, t) => {
|
|
93
|
-
const i = d(t);
|
|
94
|
-
o("update:modelValue", i), await c(), o("change", i);
|
|
95
|
-
};
|
|
96
|
-
async function L() {
|
|
97
|
-
u.value.clearFiles(), o("update:modelValue", []), await c(), o("change", []);
|
|
98
|
-
}
|
|
99
|
-
$({ clearFiles: L });
|
|
100
|
-
const { formItem: n } = j();
|
|
101
|
-
return _(
|
|
102
|
-
() => l.modelValue,
|
|
103
|
-
(e) => {
|
|
104
|
-
var t;
|
|
105
|
-
(!e || e.length === 0) && u.value.clearFiles(), l.validateEvent && ((t = n == null ? void 0 : n.validate) == null || t.call(n, "change").catch(() => {
|
|
106
|
-
}));
|
|
107
|
-
}
|
|
108
|
-
), (e, t) => (y(), h("div", q, [
|
|
109
|
-
g(s(A), {
|
|
110
|
-
ref_key: "uploadRef",
|
|
111
|
-
ref: u,
|
|
112
|
-
style: { width: "100%" },
|
|
113
|
-
action: "",
|
|
114
|
-
"http-request": E,
|
|
115
|
-
"before-upload": V,
|
|
116
|
-
"on-success": k,
|
|
117
|
-
"on-remove": B,
|
|
118
|
-
"on-exceed": F,
|
|
119
|
-
accept: e.accept,
|
|
120
|
-
multiple: "",
|
|
121
|
-
limit: e.limit,
|
|
122
|
-
"file-list": e.fileList,
|
|
123
|
-
"show-file-list": e.showList
|
|
124
|
-
}, v({
|
|
125
|
-
default: f(() => [
|
|
126
|
-
S(e.$slots, "default", {}, () => [
|
|
127
|
-
g(s(P), {
|
|
128
|
-
plain: "",
|
|
129
|
-
type: "primary"
|
|
130
|
-
}, {
|
|
131
|
-
default: f(() => [
|
|
132
|
-
x(r(s(a)("上传文件")), 1)
|
|
133
|
-
]),
|
|
134
|
-
_: 1
|
|
135
|
-
})
|
|
1
|
+
import m from "./annex-upload.vue2.js";
|
|
2
|
+
import { createElementBlock as n, openBlock as a, createVNode as c, createSlots as r, withCtx as l, renderSlot as d, createTextVNode as f, toDisplayString as o, createElementVNode as s, createCommentVNode as _ } from "vue";
|
|
3
|
+
import p from "../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
+
const h = { class: "yahee-annex-upload" }, u = { class: "margin15 el-upload__tip" }, w = { key: 0 };
|
|
5
|
+
function x(i, y, t, e, S, E) {
|
|
6
|
+
return a(), n("div", h, [
|
|
7
|
+
c(e.ElUpload, {
|
|
8
|
+
ref: "uploadRef",
|
|
9
|
+
style: { width: "100%" },
|
|
10
|
+
action: "",
|
|
11
|
+
"http-request": e.uploadFile,
|
|
12
|
+
"before-upload": e.beforeUpload,
|
|
13
|
+
"on-success": e.handleSuccess,
|
|
14
|
+
"on-remove": e.handleRemove,
|
|
15
|
+
"on-exceed": e.handleExceed,
|
|
16
|
+
accept: t.accept,
|
|
17
|
+
multiple: "",
|
|
18
|
+
limit: t.limit,
|
|
19
|
+
"file-list": t.fileList,
|
|
20
|
+
"show-file-list": t.showList
|
|
21
|
+
}, r({
|
|
22
|
+
default: l(() => [
|
|
23
|
+
d(i.$slots, "default", {}, () => [
|
|
24
|
+
c(e.ElButton, {
|
|
25
|
+
plain: "",
|
|
26
|
+
type: "primary"
|
|
27
|
+
}, {
|
|
28
|
+
default: l(() => [
|
|
29
|
+
f(o(e.M2("上传文件")), 1)
|
|
30
|
+
]),
|
|
31
|
+
_: 1
|
|
32
|
+
})
|
|
33
|
+
])
|
|
34
|
+
]),
|
|
35
|
+
_: 2
|
|
36
|
+
}, [
|
|
37
|
+
t.showTips ? {
|
|
38
|
+
name: "tip",
|
|
39
|
+
fn: l(() => [
|
|
40
|
+
d(i.$slots, "tip", {}, () => [
|
|
41
|
+
s("span", u, [
|
|
42
|
+
s("span", null, o(e.M2(`支持扩展名:${t.accept}`)) + ",", 1),
|
|
43
|
+
t.limitFileSize ? (a(), n("span", w, o(e.M2(`文件不能大于${t.fileSize}`)) + o(t.fileSizeUnit.toUpperCase()), 1)) : _("", !0)
|
|
44
|
+
])
|
|
136
45
|
])
|
|
137
46
|
]),
|
|
138
|
-
|
|
139
|
-
}
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
z("span", D, [
|
|
145
|
-
z("span", null, r(s(a)(`支持扩展名:${e.accept}`)) + ",", 1),
|
|
146
|
-
e.limitFileSize ? (y(), h("span", I, r(s(a)(`文件不能大于${e.fileSize}`)) + r(e.fileSizeUnit.toUpperCase()), 1)) : R("", !0)
|
|
147
|
-
])
|
|
148
|
-
])
|
|
149
|
-
]),
|
|
150
|
-
key: "0"
|
|
151
|
-
} : void 0
|
|
152
|
-
]), 1032, ["accept", "limit", "file-list", "show-file-list"])
|
|
153
|
-
]));
|
|
154
|
-
}
|
|
155
|
-
});
|
|
47
|
+
key: "0"
|
|
48
|
+
} : void 0
|
|
49
|
+
]), 1032, ["accept", "limit", "file-list", "show-file-list"])
|
|
50
|
+
]);
|
|
51
|
+
}
|
|
52
|
+
const b = /* @__PURE__ */ p(m, [["render", x], ["__file", "E:/project/common_componentsweb_new/common_componentsweb/packages/components/src/annex-upload/annex-upload.vue"]]);
|
|
156
53
|
export {
|
|
157
|
-
|
|
54
|
+
b as default
|
|
158
55
|
};
|
|
@@ -1,4 +1,121 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { defineComponent as U, ref as E, watch as F, nextTick as p } from "vue";
|
|
2
|
+
import { useUpload as _ } from "../packages/components/hooks/useUpload.js";
|
|
3
|
+
import { useImport as w } from "../packages/components/hooks/useImport.js";
|
|
4
|
+
import { useFormItem as $, ElMessage as n, ElButton as b, ElUpload as B } from "element-plus";
|
|
5
|
+
import "element-plus/theme-chalk/src/base.scss";
|
|
6
|
+
import "element-plus/theme-chalk/src/badge.scss";
|
|
7
|
+
import "element-plus/theme-chalk/src/message.scss";
|
|
8
|
+
import "element-plus/theme-chalk/src/upload.scss";
|
|
9
|
+
import "element-plus/theme-chalk/src/progress.scss";
|
|
10
|
+
import "element-plus/theme-chalk/src/button.scss";
|
|
11
|
+
import { MimeType as m } from "./mimeType.js";
|
|
12
|
+
import { M2 as a } from "../utils/translate.js";
|
|
13
|
+
const I = /* @__PURE__ */ U({
|
|
14
|
+
name: "AnnexUpload",
|
|
15
|
+
__name: "annex-upload",
|
|
16
|
+
props: {
|
|
17
|
+
modelValue: { type: Array, required: !0, default: () => [] },
|
|
18
|
+
fileList: { type: Array, required: !1, default: () => [] },
|
|
19
|
+
showList: { type: Boolean, required: !1, default: !0 },
|
|
20
|
+
fileType: { type: String, required: !1, default: "105" },
|
|
21
|
+
accept: { type: String, required: !1, default: ".gif,.jpg,.png,.doc,.docx,.pdf,.xls,.xlsx" },
|
|
22
|
+
checkRealType: { type: Boolean, required: !1, default: !0 },
|
|
23
|
+
limit: { type: Number, required: !1, default: 1 },
|
|
24
|
+
limitFileSize: { type: Boolean, required: !1, default: !0 },
|
|
25
|
+
fileSize: { type: Number, required: !1, default: 20 },
|
|
26
|
+
fileSizeUnit: { type: String, required: !1, default: "mb" },
|
|
27
|
+
uploadType: { type: String, required: !1, default: "upload" },
|
|
28
|
+
validateEvent: { type: Boolean, required: !1, default: !0 },
|
|
29
|
+
showTips: { type: Boolean, required: !1, default: !0 }
|
|
30
|
+
},
|
|
31
|
+
emits: ["update:modelValue", "change", "success", "remove"],
|
|
32
|
+
setup(y, { expose: g, emit: h }) {
|
|
33
|
+
const l = y, r = h;
|
|
34
|
+
function S(t) {
|
|
35
|
+
if (l.accept && l.checkRealType) {
|
|
36
|
+
const e = [];
|
|
37
|
+
for (let i of l.accept.split(","))
|
|
38
|
+
if (i = i.toLowerCase(), m.get(i) !== void 0)
|
|
39
|
+
e.push(m.get(i));
|
|
40
|
+
else
|
|
41
|
+
return n.error(a(`文件类型错误,支持文件类型为: ${l.accept}!`)), !1;
|
|
42
|
+
if (e.join().indexOf(t.type) === -1)
|
|
43
|
+
return n.error(a(`文件类型错误,支持文件类型为: ${l.accept}!`)), !1;
|
|
44
|
+
}
|
|
45
|
+
if (l.limitFileSize) {
|
|
46
|
+
let e = t.size;
|
|
47
|
+
if (l.fileSizeUnit.toLowerCase() === "kb" ? e = t.size / 1024 : e = t.size / 1024 / 1024, !(e < l.fileSize))
|
|
48
|
+
return n.error(a(`文件大小不能超过 ${l.fileSize}${l.fileSizeUnit}!`)), !1;
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
function q(t) {
|
|
52
|
+
return l.uploadType === "upload" ? _(l.fileType, t.file, (e) => {
|
|
53
|
+
t.onProgress(e);
|
|
54
|
+
}).then((e) => {
|
|
55
|
+
t.onSuccess(e);
|
|
56
|
+
}).catch(() => {
|
|
57
|
+
t.onError();
|
|
58
|
+
}) : l.uploadType === "import" && w(t.file, (e) => {
|
|
59
|
+
t.onProgress(e);
|
|
60
|
+
}).then((e) => {
|
|
61
|
+
t.onSuccess(e);
|
|
62
|
+
}).catch(() => {
|
|
63
|
+
t.onError();
|
|
64
|
+
}), null;
|
|
65
|
+
}
|
|
66
|
+
function z(t, e) {
|
|
67
|
+
n.warning(
|
|
68
|
+
a(
|
|
69
|
+
`当前限制选择 ${l.limit} 个文件,本次选择了 ${t.length} 个文件,共选择了 ${t.length + e.length} 个文件`
|
|
70
|
+
)
|
|
71
|
+
);
|
|
72
|
+
}
|
|
73
|
+
const u = E(null);
|
|
74
|
+
function s(t) {
|
|
75
|
+
return t.length === 0 ? [] : t.map((e) => e.response ? {
|
|
76
|
+
fileName: e.name,
|
|
77
|
+
fileId: e.response[0],
|
|
78
|
+
fileUrl: `http://qas-service.yahee.com.cn:8088/FMSService/Latest/${e.response[0]}`
|
|
79
|
+
} : {
|
|
80
|
+
fileName: e.name,
|
|
81
|
+
fileId: e.url.split("/")[e.url.split("/").length - 1],
|
|
82
|
+
fileUrl: e.url
|
|
83
|
+
});
|
|
84
|
+
}
|
|
85
|
+
const T = async (t, e, i) => {
|
|
86
|
+
if (l.uploadType === "import")
|
|
87
|
+
r("update:modelValue", t);
|
|
88
|
+
else if (l.uploadType === "upload") {
|
|
89
|
+
const c = s(i);
|
|
90
|
+
r("update:modelValue", c), await p(), r("change", c);
|
|
91
|
+
}
|
|
92
|
+
}, x = async (t, e) => {
|
|
93
|
+
const i = s(e);
|
|
94
|
+
r("update:modelValue", i), await p(), r("change", i);
|
|
95
|
+
};
|
|
96
|
+
async function f() {
|
|
97
|
+
u.value.clearFiles(), r("update:modelValue", []), await p(), r("change", []);
|
|
98
|
+
}
|
|
99
|
+
g({ clearFiles: f });
|
|
100
|
+
const { formItem: o } = $();
|
|
101
|
+
F(
|
|
102
|
+
() => l.modelValue,
|
|
103
|
+
(t) => {
|
|
104
|
+
var e;
|
|
105
|
+
(!t || t.length === 0) && u.value.clearFiles(), l.validateEvent && ((e = o == null ? void 0 : o.validate) == null || e.call(o, "change").catch(() => {
|
|
106
|
+
}));
|
|
107
|
+
}
|
|
108
|
+
);
|
|
109
|
+
const d = { props: l, emits: r, beforeUpload: S, uploadFile: q, handleExceed: z, uploadRef: u, getUploadFiles: s, handleSuccess: T, handleRemove: x, clearFiles: f, formItem: o, get ElUpload() {
|
|
110
|
+
return B;
|
|
111
|
+
}, get ElButton() {
|
|
112
|
+
return b;
|
|
113
|
+
}, get M2() {
|
|
114
|
+
return a;
|
|
115
|
+
} };
|
|
116
|
+
return Object.defineProperty(d, "__isScriptSetup", { enumerable: !1, value: !0 }), d;
|
|
117
|
+
}
|
|
118
|
+
});
|
|
2
119
|
export {
|
|
3
|
-
|
|
120
|
+
I as default
|
|
4
121
|
};
|
package/es/annex-upload/index.js
CHANGED
|
@@ -1,106 +1,75 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
import { useElementSize as E } from "../node_modules/.pnpm/@vueuse_core@11.3.0_vue@3.5.17_typescript@5.8.3_/node_modules/@vueuse/core/index.js";
|
|
9
|
-
import { l as I } from "../_virtual/lodash.js";
|
|
10
|
-
const S = { class: "yahee-border-wrap" }, B = ["width", "height"], T = ["fill", "stroke", "d"], z = { class: "dv-border-box-content" }, H = { class: "paddingL20 paddingR20 paddingT20 paddingB10 d-flex ai-center jc-between" }, M = {
|
|
1
|
+
import a from "./border-wrap.vue2.js";
|
|
2
|
+
import { createElementBlock as n, openBlock as i, createElementVNode as t, createCommentVNode as c, createBlock as _, toDisplayString as h, withCtx as d, createVNode as s, renderSlot as l } from "vue";
|
|
3
|
+
import m from "../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
+
const f = { class: "yahee-border-wrap" }, g = {
|
|
5
|
+
class: "dv-border-box",
|
|
6
|
+
ref: "domRef"
|
|
7
|
+
}, v = ["width", "height"], w = ["fill", "stroke", "d"], b = { class: "dv-border-box-content" }, k = { class: "paddingL20 paddingR20 paddingT20 paddingB10 d-flex ai-center jc-between" }, L = {
|
|
11
8
|
key: 0,
|
|
12
9
|
class: "d-flex ai-center"
|
|
13
|
-
},
|
|
10
|
+
}, p = {
|
|
14
11
|
class: "fontsize-16 fontBold",
|
|
15
12
|
style: { "margin-right": "4px" }
|
|
16
|
-
},
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
type: Array,
|
|
25
|
-
default: () => []
|
|
26
|
-
},
|
|
27
|
-
backgroundColor: {
|
|
28
|
-
type: String,
|
|
29
|
-
default: "transparent"
|
|
30
|
-
},
|
|
31
|
-
tipsId: {
|
|
32
|
-
type: String,
|
|
33
|
-
default: ""
|
|
34
|
-
}
|
|
35
|
-
},
|
|
36
|
-
setup(n) {
|
|
37
|
-
const g = ["#6586ec", "#2cf7fe"], c = p(null), a = p(), { width: r, height: i } = E(c, { width: 0, height: 0 }, { box: "border-box" }), _ = C(() => I.merge(g, f.color)), f = n, v = () => {
|
|
38
|
-
L({ Id: f.tipsId }).then((o) => {
|
|
39
|
-
o && o.Content && (a.value = o.Content.Content);
|
|
40
|
-
});
|
|
41
|
-
};
|
|
42
|
-
return (o, A) => (d(), l("div", S, [
|
|
43
|
-
e("div", {
|
|
44
|
-
class: "dv-border-box",
|
|
45
|
-
ref_key: "domRef",
|
|
46
|
-
ref: c
|
|
13
|
+
}, x = ["innerHTML"], C = { class: "d-flex ai-center" }, B = { class: "item_title_content" };
|
|
14
|
+
function y(r, E, o, e, T, I) {
|
|
15
|
+
return i(), n("div", f, [
|
|
16
|
+
t("div", g, [
|
|
17
|
+
(i(), n("svg", {
|
|
18
|
+
width: e.width,
|
|
19
|
+
height: e.height,
|
|
20
|
+
class: "dv-border-svg-container"
|
|
47
21
|
}, [
|
|
48
|
-
(
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
}, [
|
|
53
|
-
e("path", {
|
|
54
|
-
fill: n.backgroundColor,
|
|
55
|
-
stroke: _.value[0],
|
|
56
|
-
d: `
|
|
22
|
+
t("path", {
|
|
23
|
+
fill: o.backgroundColor,
|
|
24
|
+
stroke: e.mergedColor[0],
|
|
25
|
+
d: `
|
|
57
26
|
M 5 20 L 5 10 L 68 10
|
|
58
|
-
L ${
|
|
59
|
-
L ${
|
|
60
|
-
L 5 ${
|
|
27
|
+
L ${e.width - 20} 10 L ${e.width - 5} 25
|
|
28
|
+
L ${e.width - 5} ${e.height - 5} L 20 ${e.height - 5}
|
|
29
|
+
L 5 ${e.height - 20} L 5 20
|
|
61
30
|
`
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
])
|
|
95
|
-
]),
|
|
96
|
-
e("div", j, [
|
|
97
|
-
u(o.$slots, "content")
|
|
31
|
+
}, null, 8, w)
|
|
32
|
+
], 8, v)),
|
|
33
|
+
t("div", b, [
|
|
34
|
+
t("div", k, [
|
|
35
|
+
o.title !== "" ? (i(), n("div", L, [
|
|
36
|
+
t("div", p, h(o.title), 1),
|
|
37
|
+
o.tipsId ? (i(), _(e.ElPopover, {
|
|
38
|
+
key: 0,
|
|
39
|
+
placement: "bottom",
|
|
40
|
+
width: 400,
|
|
41
|
+
trigger: "click"
|
|
42
|
+
}, {
|
|
43
|
+
reference: d(() => [
|
|
44
|
+
s(e.ElIcon, {
|
|
45
|
+
size: "18",
|
|
46
|
+
color: "#ccc",
|
|
47
|
+
onClick: e.getTipsContent
|
|
48
|
+
}, {
|
|
49
|
+
default: d(() => [
|
|
50
|
+
s(e.InfoFilled)
|
|
51
|
+
]),
|
|
52
|
+
_: 1
|
|
53
|
+
})
|
|
54
|
+
]),
|
|
55
|
+
default: d(() => [
|
|
56
|
+
t("div", { innerHTML: e.tipsContent }, null, 8, x)
|
|
57
|
+
]),
|
|
58
|
+
_: 1
|
|
59
|
+
})) : c("", !0)
|
|
60
|
+
])) : c("", !0),
|
|
61
|
+
t("div", C, [
|
|
62
|
+
l(r.$slots, "filter")
|
|
98
63
|
])
|
|
64
|
+
]),
|
|
65
|
+
t("div", B, [
|
|
66
|
+
l(r.$slots, "content")
|
|
99
67
|
])
|
|
100
|
-
]
|
|
101
|
-
])
|
|
102
|
-
|
|
103
|
-
}
|
|
68
|
+
])
|
|
69
|
+
], 512)
|
|
70
|
+
]);
|
|
71
|
+
}
|
|
72
|
+
const j = /* @__PURE__ */ m(a, [["render", y], ["__file", "E:/project/common_componentsweb_new/common_componentsweb/packages/components/src/border-wrap/border-wrap.vue"]]);
|
|
104
73
|
export {
|
|
105
|
-
|
|
74
|
+
j as default
|
|
106
75
|
};
|
|
@@ -1,4 +1,48 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { defineComponent as u, ref as i, computed as a } from "vue";
|
|
2
|
+
import { GetHelpTag as c } from "../packages/components/api/log/index.js";
|
|
3
|
+
import { InfoFilled as g } from "@element-plus/icons-vue";
|
|
4
|
+
import { ElIcon as C, ElPopover as _ } from "element-plus";
|
|
5
|
+
import "element-plus/theme-chalk/src/base.scss";
|
|
6
|
+
import "element-plus/theme-chalk/src/popper.scss";
|
|
7
|
+
import "element-plus/theme-chalk/src/popover.scss";
|
|
8
|
+
import { useElementSize as h } from "../node_modules/.pnpm/@vueuse_core@11.3.0_vue@3.5.17_typescript@5.8.3_/node_modules/@vueuse/core/index.js";
|
|
9
|
+
import { l as b } from "../_virtual/lodash.js";
|
|
10
|
+
const j = /* @__PURE__ */ u({
|
|
11
|
+
__name: "border-wrap",
|
|
12
|
+
props: {
|
|
13
|
+
title: {
|
|
14
|
+
type: String,
|
|
15
|
+
default: ""
|
|
16
|
+
},
|
|
17
|
+
color: {
|
|
18
|
+
type: Array,
|
|
19
|
+
default: () => []
|
|
20
|
+
},
|
|
21
|
+
backgroundColor: {
|
|
22
|
+
type: String,
|
|
23
|
+
default: "transparent"
|
|
24
|
+
},
|
|
25
|
+
tipsId: {
|
|
26
|
+
type: String,
|
|
27
|
+
default: ""
|
|
28
|
+
}
|
|
29
|
+
},
|
|
30
|
+
setup(l, { expose: s }) {
|
|
31
|
+
s();
|
|
32
|
+
const o = ["#6586ec", "#2cf7fe"], r = i(null), n = i(), { width: m, height: d } = h(r, { width: 0, height: 0 }, { box: "border-box" }), f = a(() => b.merge(o, t.color)), t = l, p = { defaultColor: o, domRef: r, tipsContent: n, width: m, height: d, mergedColor: f, props: t, getTipsContent: () => {
|
|
33
|
+
c({ Id: t.tipsId }).then((e) => {
|
|
34
|
+
e && e.Content && (n.value = e.Content.Content);
|
|
35
|
+
});
|
|
36
|
+
}, get InfoFilled() {
|
|
37
|
+
return g;
|
|
38
|
+
}, get ElPopover() {
|
|
39
|
+
return _;
|
|
40
|
+
}, get ElIcon() {
|
|
41
|
+
return C;
|
|
42
|
+
} };
|
|
43
|
+
return Object.defineProperty(p, "__isScriptSetup", { enumerable: !1, value: !0 }), p;
|
|
44
|
+
}
|
|
45
|
+
});
|
|
2
46
|
export {
|
|
3
|
-
|
|
47
|
+
j as default
|
|
4
48
|
};
|