super-page-designer 2.2.93 → 2.2.94
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/design/views/assemblys/common/common-icon-bind.vue.js +2 -2
- package/dist/es/components/design/views/assemblys/common/{common-icon-bind.vue3.js → common-icon-bind.vue2.js} +15 -9
- package/dist/es/components/design/views/assemblys/container/tabs/tabs-design.vue.js +1 -1
- package/dist/es/style.css +14 -17
- package/package.json +1 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import o from "./common-icon-bind.
|
|
1
|
+
import o from "./common-icon-bind.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import e from "../../../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const i = e(o, [["__scopeId", "data-v-
|
|
4
|
+
const i = e(o, [["__scopeId", "data-v-055e1bd3"]]);
|
|
5
5
|
export {
|
|
6
6
|
i as default
|
|
7
7
|
};
|
|
@@ -1,15 +1,21 @@
|
|
|
1
1
|
import { defineComponent as e, ref as l, computed as a, resolveComponent as o, resolveDirective as n, createElementBlock as t, createBlock as u, openBlock as i, toDisplayString as c, withCtx as s, createVNode as v, withDirectives as p, unref as r, createElementVNode as m, Fragment as d, renderList as f, normalizeClass as g, vShow as b, createCommentVNode as y, createTextVNode as h, withModifiers as w, nextTick as _ } from "vue";
|
|
2
|
-
import { Close as k, Check as x, Search as I, Plus as V, InfoFilled as
|
|
2
|
+
import { Close as k, Check as x, Search as I, Plus as V, InfoFilled as C, CircleClose as A } from "@element-plus/icons-vue";
|
|
3
3
|
import * as O from "@element-plus/icons";
|
|
4
4
|
import U from "agilebuilder-ui/src/utils/request";
|
|
5
|
-
const $ = { key: 0 }, z = { class: "amb-component-popover-left-menu-main" }, E = ["onClick"], P = { key: 1, style: { display: "flex", gap: "10px", "align-items": "center" } }, S = { key: 2 }, j = { key: 3, class: "amb-component-popover-icon-list-scroll", style: { overflow: "auto" } },
|
|
5
|
+
const $ = { key: 0 }, z = { class: "amb-component-popover-left-menu-main" }, E = ["onClick"], P = { key: 1, style: { display: "flex", gap: "10px", "align-items": "center" } }, S = { key: 2 }, j = { key: 3, class: "amb-component-popover-icon-list-scroll", style: { overflow: "auto" } }, L = { class: "amb-component-popover-icon-grid" }, N = ["onClick"], T = { key: 4, style: { "text-align": "right" } }, q = e({ __name: "common-icon-bind", props: { iconType: String, iconValue: String, size: { type: String, default: "medium" }, showLabel: { type: Boolean, default: false } }, emits: ["update:modelValue"], setup(e2, { emit: q2 }) {
|
|
6
6
|
var _a, _b;
|
|
7
|
-
const M =
|
|
7
|
+
const M = q2, B = e2, R = l([]), D = l([]), F = l([]), G = l([{ value: "ElementUI", label: "ElementUI" }, { value: "ambIcon", label: "Amb图标库" }, { value: "custom", label: "自定义" }]);
|
|
8
8
|
l(false);
|
|
9
9
|
const H = l(1), J = l(B.iconType ?? ((_b = (_a = G.value) == null ? void 0 : _a[0]) == null ? void 0 : _b.value)), K = l("");
|
|
10
10
|
K.value = B.iconValue;
|
|
11
|
-
const Q = l({}), W = l(""), X = l(), Y = l(false), Z = a(() => ["ElementUI"].includes(J.value) ? R.value : ["ambIcon"].includes(J.value) ? D.value : F.value), ee = a(() =>
|
|
12
|
-
|
|
11
|
+
const Q = l({}), W = l(""), X = l(), Y = l(false), Z = a(() => ["ElementUI"].includes(J.value) ? R.value : ["ambIcon"].includes(J.value) ? D.value : F.value), ee = a(() => {
|
|
12
|
+
let e3 = Z.value ?? [];
|
|
13
|
+
return W.value && (e3 = e3.filter((e4) => [e4.label ?? "", e4.value ?? ""].some((e5) => {
|
|
14
|
+
var _a2;
|
|
15
|
+
return (_a2 = e5.toLowerCase()) == null ? void 0 : _a2.includes(W.value.toLowerCase());
|
|
16
|
+
}))), e3.slice(0, 50 * H.value);
|
|
17
|
+
}), le = () => {
|
|
18
|
+
ee.value.length > 0 && !Y.value && Z.value.length > ee.value.length && !W.value && H.value++;
|
|
13
19
|
};
|
|
14
20
|
const ae = async () => {
|
|
15
21
|
if (!(F.value.length > 0)) {
|
|
@@ -84,13 +90,13 @@ const $ = { key: 0 }, z = { class: "amb-component-popover-left-menu-main" }, E =
|
|
|
84
90
|
});
|
|
85
91
|
}
|
|
86
92
|
return l(), (l2, a2) => {
|
|
87
|
-
const _2 = o("el-icon"), O2 = o("el-input"), U2 = o("el-button"),
|
|
88
|
-
return e2.showLabel ? (i(), t("span", $, c(K.value), 1)) : (i(), u(ae2, { key: 1, ref_key: "popoverRef", ref: X, "popper-class": "amb-component-popover-main", trigger: "click", width: 540 }, { reference: s(() => [v(O2, { readonly: "", size: "small", onClick: ie, modelValue: K.value, "onUpdate:modelValue": a2[0] || (a2[0] = (e3) => K.value = e3), placeholder: "请选择" }, { suffix: s(() => [p(v(_2, { style: { cursor: "pointer" }, onClick: w(te, ["stop"]) }, { default: s(() => [v(r(
|
|
93
|
+
const _2 = o("el-icon"), O2 = o("el-input"), U2 = o("el-button"), q3 = o("el-tooltip"), B2 = o("el-scrollbar"), R2 = o("el-col"), D2 = o("el-empty"), F2 = o("el-tag"), H2 = o("SuperIcon"), Q2 = o("el-row"), ae2 = o("el-popover"), ce = n("infinite-scroll"), se = n("loading");
|
|
94
|
+
return e2.showLabel ? (i(), t("span", $, c(K.value), 1)) : (i(), u(ae2, { key: 1, ref_key: "popoverRef", ref: X, "popper-class": "amb-component-popover-main", trigger: "click", width: 540 }, { reference: s(() => [v(O2, { readonly: "", size: "small", onClick: ie, modelValue: K.value, "onUpdate:modelValue": a2[0] || (a2[0] = (e3) => K.value = e3), placeholder: "请选择" }, { suffix: s(() => [p(v(_2, { style: { cursor: "pointer" }, onClick: w(te, ["stop"]) }, { default: s(() => [v(r(A))]), _: 1 }, 512), [[b, K.value]])]), _: 1 }, 8, ["modelValue"])]), default: s(() => [v(Q2, null, { default: s(() => [v(q3, { effect: "dark", content: "关闭", placement: "top-end" }, { default: s(() => [v(U2, { type: "text", class: "amb-component-popover-close-btn", icon: r(k), onClick: ne }, null, 8, ["icon"])]), _: 1 }), v(R2, { span: 8 }, { default: s(() => [m("div", z, [v(B2, { "max-height": "100%" }, { default: s(() => [(i(true), t(d, null, f(G.value, (e3) => (i(), t("div", { class: g(["amb-popover-menu-item", e3.value == J.value ? "is-active" : ""]), onClick: (l3) => oe(e3.value) }, [v(_2, null, { default: s(() => [p(v(r(x), null, null, 512), [[b, e3.value == J.value]])]), _: 2 }, 1024), m("span", null, c(e3.label), 1)], 10, E))), 256))]), _: 1 })])]), _: 1 }), p((i(), u(R2, { span: 16, style: { "padding-left": "10px" }, class: "amb-component-popover-icon-list-view" }, { default: s(() => [J.value ? y("", true) : (i(), u(D2, { key: 0, description: "请选择类型", "image-size": 80 })), J.value ? (i(), t("div", P, [v(O2, { modelValue: W.value, "onUpdate:modelValue": a2[1] || (a2[1] = (e3) => W.value = e3), placeholder: "搜索", size: "default", "prefix-icon": r(I), clearable: "", style: { flex: "1 1 auto" } }, null, 8, ["modelValue", "prefix-icon"]), ["custom"].includes(J.value) && W.value && !ee.value.length ? (i(), u(q3, { key: 0, effect: "dark", content: "创建该图标", placement: "top-end" }, { default: s(() => [v(U2, { type: "primary", circle: "", icon: r(V), onClick: ue }, null, 8, ["icon"])]), _: 1 })) : y("", true)])) : y("", true), ["custom"].includes(J.value) ? (i(), t("div", S, [v(_2, null, { default: s(() => [v(r(C))]), _: 1 }), a2[4] || (a2[4] = m("span", { style: { "margin-left": "5px" } }, "输入图标名后点击加号按钮添加", -1)), a2[5] || (a2[5] = h(" ")), v(q3, null, { content: s(() => a2[2] || (a2[2] = [h(" 1.支持fa图标,图标名称详见官网：https://fontawesome.com.cn/v4/icons-ui/; "), m("br", null, null, -1), h(" 2.支持svg图标,需以svg-开头,接svg内容,如：svg-xxxxxx. ")])), default: s(() => [v(F2, { type: "primary" }, { default: s(() => a2[3] || (a2[3] = [h("更多")])), _: 1 })]), _: 1 })])) : y("", true), J.value ? p((i(), t("div", j, [ee.value.length || Y.value ? y("", true) : (i(), u(D2, { key: 0, description: "没有相关图标", "image-size": 80 })), m("div", L, [(i(true), t(d, null, f(ee.value, (e3) => (i(), u(q3, { key: e3.value, effect: "dark", content: e3.label, placement: "top" }, { default: s(() => [m("div", { class: "amb-component-popover-icon-grid-item", onClick: (l3) => {
|
|
89
95
|
return a3 = e3, K.value = a3.value, M("update:modelValue", J.value, K.value), void X.value.hide();
|
|
90
96
|
var a3;
|
|
91
|
-
} }, [v(H2, { iconType: J.value, iconValue: e3.value }, null, 8, ["iconType", "iconValue"])], 8,
|
|
97
|
+
} }, [v(H2, { iconType: J.value, iconValue: e3.value }, null, 8, ["iconType", "iconValue"])], 8, N)]), _: 2 }, 1032, ["content"]))), 128))])])), [[ce, le]]) : y("", true), J.value ? (i(), t("div", T, c(ee.value.length) + " / " + c(Z.value.length), 1)) : y("", true)]), _: 1 })), [[se, Y.value]])]), _: 1 })]), _: 1 }, 512));
|
|
92
98
|
};
|
|
93
99
|
} });
|
|
94
100
|
export {
|
|
95
|
-
|
|
101
|
+
q as default
|
|
96
102
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import e from "./tabs-design.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import t from "../../../../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const s = t(e, [["__scopeId", "data-v-
|
|
4
|
+
const s = t(e, [["__scopeId", "data-v-f64cf23d"]]);
|
|
5
5
|
export {
|
|
6
6
|
s as default
|
|
7
7
|
};
|
package/dist/es/style.css
CHANGED
|
@@ -930,25 +930,25 @@ fieldset.amb-design-item-selected {
|
|
|
930
930
|
}
|
|
931
931
|
._amb-page-container_1k9lg_1 ._amb-page-container-header_1k9lg_6 ~ ._amb-page-container-main_1k9lg_9 {
|
|
932
932
|
height: calc(100vh - 60px);
|
|
933
|
-
}.amb-component-popover-icon-list-view[data-v-
|
|
933
|
+
}.amb-component-popover-icon-list-view[data-v-055e1bd3] {
|
|
934
934
|
display: flex;
|
|
935
935
|
flex-direction: column;
|
|
936
936
|
gap: 10px;
|
|
937
937
|
overflow: hidden;
|
|
938
938
|
height: 300px;
|
|
939
939
|
}
|
|
940
|
-
.amb-component-popover-icon-list-view .amb-component-popover-icon-list-scroll[data-v-
|
|
940
|
+
.amb-component-popover-icon-list-view .amb-component-popover-icon-list-scroll[data-v-055e1bd3] {
|
|
941
941
|
flex: 1 1 auto;
|
|
942
942
|
overflow: auto;
|
|
943
943
|
}
|
|
944
|
-
.amb-component-popover-icon-list-view .amb-component-popover-icon-list-scroll .amb-component-popover-icon-grid[data-v-
|
|
944
|
+
.amb-component-popover-icon-list-view .amb-component-popover-icon-list-scroll .amb-component-popover-icon-grid[data-v-055e1bd3] {
|
|
945
945
|
display: grid;
|
|
946
946
|
grid-template-columns: repeat(auto-fill, minmax(50px, 1fr));
|
|
947
947
|
grid-gap: 15px;
|
|
948
948
|
padding: 0;
|
|
949
949
|
list-style: none;
|
|
950
950
|
}
|
|
951
|
-
.amb-component-popover-icon-list-view .amb-component-popover-icon-list-scroll .amb-component-popover-icon-grid .amb-component-popover-icon-grid-item[data-v-
|
|
951
|
+
.amb-component-popover-icon-list-view .amb-component-popover-icon-list-scroll .amb-component-popover-icon-grid .amb-component-popover-icon-grid-item[data-v-055e1bd3] {
|
|
952
952
|
position: relative;
|
|
953
953
|
width: 40px;
|
|
954
954
|
height: 40px;
|
|
@@ -960,14 +960,14 @@ fieldset.amb-design-item-selected {
|
|
|
960
960
|
border-radius: 5px;
|
|
961
961
|
line-height: 1;
|
|
962
962
|
}
|
|
963
|
-
.amb-component-popover-icon-list-view .amb-component-popover-icon-list-scroll .amb-component-popover-icon-grid .amb-component-popover-icon-grid-item svg[data-v-
|
|
963
|
+
.amb-component-popover-icon-list-view .amb-component-popover-icon-list-scroll .amb-component-popover-icon-grid .amb-component-popover-icon-grid-item svg[data-v-055e1bd3] {
|
|
964
964
|
width: 24px;
|
|
965
965
|
height: 24px;
|
|
966
966
|
}
|
|
967
|
-
.amb-component-popover-icon-list-view .amb-component-popover-icon-list-scroll .amb-component-popover-icon-grid .amb-component-popover-icon-grid-item[data-v-
|
|
967
|
+
.amb-component-popover-icon-list-view .amb-component-popover-icon-list-scroll .amb-component-popover-icon-grid .amb-component-popover-icon-grid-item[data-v-055e1bd3]:hover {
|
|
968
968
|
background-color: var(--el-menu-active-color);
|
|
969
969
|
color: var(--el-color-white);
|
|
970
|
-
}.runtime-page-container-tabs-view[data-v-
|
|
970
|
+
}.runtime-page-container-tabs-view[data-v-f64cf23d] > .el-tabs__content > .el-tab-pane {
|
|
971
971
|
display: flex;
|
|
972
972
|
flex-direction: row;
|
|
973
973
|
align-items: flex-start;
|
|
@@ -975,16 +975,16 @@ fieldset.amb-design-item-selected {
|
|
|
975
975
|
flex-wrap: wrap;
|
|
976
976
|
gap: var(--runtime-page-container-view-gap, 15px);
|
|
977
977
|
}
|
|
978
|
-
.runtime-page-container-tabs-view[data-v-
|
|
978
|
+
.runtime-page-container-tabs-view[data-v-f64cf23d] > .el-tabs__content > .el-tab-pane > div {
|
|
979
979
|
width: 100%;
|
|
980
980
|
}
|
|
981
|
-
.runtime-page-container-tabs-view[data-v-
|
|
981
|
+
.runtime-page-container-tabs-view[data-v-f64cf23d] > .el-tabs__content > .el-tab-pane > div[style*="display: inline-block"] {
|
|
982
982
|
width: auto;
|
|
983
983
|
}
|
|
984
|
-
.runtime-page-container-tabs-view[data-v-
|
|
984
|
+
.runtime-page-container-tabs-view[data-v-f64cf23d] > .el-tabs__content > .el-tab-pane > [style*="display: inline-block"] {
|
|
985
985
|
width: auto;
|
|
986
986
|
}
|
|
987
|
-
.runtime-page-container-tabs-view[data-v-
|
|
987
|
+
.runtime-page-container-tabs-view[data-v-f64cf23d] > .el-tabs__content > .el-tab-pane > .amb-design-item-default {
|
|
988
988
|
display: flex;
|
|
989
989
|
flex-direction: row;
|
|
990
990
|
align-items: flex-start;
|
|
@@ -992,16 +992,13 @@ fieldset.amb-design-item-selected {
|
|
|
992
992
|
flex-wrap: wrap;
|
|
993
993
|
gap: var(--runtime-page-container-view-gap, 15px);
|
|
994
994
|
}
|
|
995
|
-
.runtime-page-container-tabs-view[data-v-
|
|
995
|
+
.runtime-page-container-tabs-view[data-v-f64cf23d] > .el-tabs__content > .el-tab-pane > .amb-design-item-default > div {
|
|
996
996
|
width: 100%;
|
|
997
997
|
}
|
|
998
|
-
.runtime-page-container-tabs-view[data-v-
|
|
998
|
+
.runtime-page-container-tabs-view[data-v-f64cf23d] > .el-tabs__content > .el-tab-pane > .amb-design-item-default > div[style*="display: inline-block"] {
|
|
999
999
|
width: auto;
|
|
1000
1000
|
}
|
|
1001
|
-
.runtime-page-container-tabs-view[data-v-
|
|
1002
|
-
width: auto;
|
|
1003
|
-
}
|
|
1004
|
-
.runtime-page-container-tabs-view[data-v-eca0c768] > .el-tabs__content > .el-tab-pane > .amb-design-item-default > [style*="display: inline-block"] {
|
|
1001
|
+
.runtime-page-container-tabs-view[data-v-f64cf23d] > .el-tabs__content > .el-tab-pane > .amb-design-item-default > [style*="display: inline-block"] {
|
|
1005
1002
|
width: auto;
|
|
1006
1003
|
}.yx-card-box-view-main[data-v-65a008af] > .el-card__header {
|
|
1007
1004
|
position: relative;
|