super-page-designer 2.2.93 → 2.2.96

package/dist/es/style.css

@@ -830,7 +830,7 @@ fieldset.amb-design-item-selected {
   content: "\e605";
 }
 
-.amb-object-design-ref[data-v-e7e64fd1] .el-table td.el-table__cell > .cell {
+.amb-object-design-ref[data-v-309a3fe8] .el-table td.el-table__cell > .cell {
   padding-left: 2px;
   padding-right: 2px;
 }.runtime-page-container[data-v-f796b484] {
@@ -930,25 +930,25 @@ fieldset.amb-design-item-selected {
 }
 ._amb-page-container_1k9lg_1 ._amb-page-container-header_1k9lg_6 ~ ._amb-page-container-main_1k9lg_9 {
   height: calc(100vh - 60px);
-}.amb-component-popover-icon-list-view[data-v-395bcef1] {
+}.amb-component-popover-icon-list-view[data-v-6bf149f9] {
   display: flex;
   flex-direction: column;
   gap: 10px;
   overflow: hidden;
   height: 300px;
 }
-.amb-component-popover-icon-list-view .amb-component-popover-icon-list-scroll[data-v-395bcef1] {
+.amb-component-popover-icon-list-view .amb-component-popover-icon-list-scroll[data-v-6bf149f9] {
   flex: 1 1 auto;
   overflow: auto;
 }
-.amb-component-popover-icon-list-view .amb-component-popover-icon-list-scroll .amb-component-popover-icon-grid[data-v-395bcef1] {
+.amb-component-popover-icon-list-view .amb-component-popover-icon-list-scroll .amb-component-popover-icon-grid[data-v-6bf149f9] {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(50px, 1fr));
   grid-gap: 15px;
   padding: 0;
   list-style: none;
 }
-.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-395bcef1] {
+.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-6bf149f9] {
   position: relative;
   width: 40px;
   height: 40px;
@@ -960,14 +960,14 @@ fieldset.amb-design-item-selected {
   border-radius: 5px;
   line-height: 1;
 }
-.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-395bcef1] {
+.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-6bf149f9] {
   width: 24px;
   height: 24px;
 }
-.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-395bcef1]:hover {
+.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-6bf149f9]:hover {
   background-color: var(--el-menu-active-color);
   color: var(--el-color-white);
-}.runtime-page-container-tabs-view[data-v-eca0c768] > .el-tabs__content > .el-tab-pane {
+}.runtime-page-container-tabs-view[data-v-f64cf23d] > .el-tabs__content > .el-tab-pane {
   display: flex;
   flex-direction: row;
   align-items: flex-start;
@@ -975,16 +975,16 @@ fieldset.amb-design-item-selected {
   flex-wrap: wrap;
   gap: var(--runtime-page-container-view-gap, 15px);
 }
-.runtime-page-container-tabs-view[data-v-eca0c768] > .el-tabs__content > .el-tab-pane > div {
+.runtime-page-container-tabs-view[data-v-f64cf23d] > .el-tabs__content > .el-tab-pane > div {
   width: 100%;
 }
-.runtime-page-container-tabs-view[data-v-eca0c768] > .el-tabs__content > .el-tab-pane > div[style*="display: inline-block"] {
+.runtime-page-container-tabs-view[data-v-f64cf23d] > .el-tabs__content > .el-tab-pane > div[style*="display: inline-block"] {
   width: auto;
 }
-.runtime-page-container-tabs-view[data-v-eca0c768] > .el-tabs__content > .el-tab-pane > [style*="display: inline-block"] {
+.runtime-page-container-tabs-view[data-v-f64cf23d] > .el-tabs__content > .el-tab-pane > [style*="display: inline-block"] {
   width: auto;
 }
-.runtime-page-container-tabs-view[data-v-eca0c768] > .el-tabs__content > .el-tab-pane > .amb-design-item-default {
+.runtime-page-container-tabs-view[data-v-f64cf23d] > .el-tabs__content > .el-tab-pane > .amb-design-item-default {
   display: flex;
   flex-direction: row;
   align-items: flex-start;
@@ -992,16 +992,13 @@ fieldset.amb-design-item-selected {
   flex-wrap: wrap;
   gap: var(--runtime-page-container-view-gap, 15px);
 }
-.runtime-page-container-tabs-view[data-v-eca0c768] > .el-tabs__content > .el-tab-pane > .amb-design-item-default > div {
+.runtime-page-container-tabs-view[data-v-f64cf23d] > .el-tabs__content > .el-tab-pane > .amb-design-item-default > div {
   width: 100%;
 }
-.runtime-page-container-tabs-view[data-v-eca0c768] > .el-tabs__content > .el-tab-pane > .amb-design-item-default > div[draggable] {
+.runtime-page-container-tabs-view[data-v-f64cf23d] > .el-tabs__content > .el-tab-pane > .amb-design-item-default > div[style*="display: inline-block"] {
   width: auto;
 }
-.runtime-page-container-tabs-view[data-v-eca0c768] > .el-tabs__content > .el-tab-pane > .amb-design-item-default > div[style*="display: inline-block"] {
-  width: auto;
-}
-.runtime-page-container-tabs-view[data-v-eca0c768] > .el-tabs__content > .el-tab-pane > .amb-design-item-default > [style*="display: inline-block"] {
+.runtime-page-container-tabs-view[data-v-f64cf23d] > .el-tabs__content > .el-tab-pane > .amb-design-item-default > [style*="display: inline-block"] {
   width: auto;
 }.yx-card-box-view-main[data-v-65a008af] > .el-card__header {
   position: relative;
@@ -10933,7 +10930,7 @@ li[data-v-e50b5e57] {
 	color: #7b7b7b;
 }
 
-.seleteSort[data-v-3f9861c5] {
+.seleteSort[data-v-e95dace8] {
   border-radius: 5px;
   border: 1px solid rgba(88, 147, 239);
 }
@@ -10984,7 +10981,7 @@ li[data-v-d06d5717] {
 	width: 100%
 }
 
-.seleteSort[data-v-d2fb5ff1] {
+.seleteSort[data-v-4b6ce1f3] {
   border-radius: 5px;
   border: 1px solid rgba(88, 147, 239);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "super-page-designer",
-  "version": "2.2.93",
+  "version": "2.2.96",
   "description": "AgileBuilder super page designer",
   "license": "ISC",
   "main": "dist/es/index.js",
@@ -29,7 +29,7 @@
     "@vitejs/plugin-vue": "^5.0.4",
     "@vueuse/core": "^10.9.0",
     "agilebuilder-private-libs": "1.0.26",
-    "agilebuilder-ui": "1.1.31",
+    "agilebuilder-ui": "1.1.35",
     "echarts": "^5.5.0",
     "element-plus": "^2.6.1",
     "font-awesome": "^4.7.0",
@@ -40,8 +40,8 @@
     "pinia": "^2.1.7",
     "qrcode": "^1.5.3",
     "quill": "^2.0.1",
-    "service-flow-designer": "2.2.87",
-    "super-page-runtime": "2.2.91",
+    "service-flow-designer": "2.2.95",
+    "super-page-runtime": "2.2.92",
     "uuid": "^9.0.1",
     "vite": "^5.1.6",
     "vite-plugin-node-stdlib-browser": "^0.2.1",
@@ -52,7 +52,7 @@
     "vue-echarts": "^6.6.9",
     "vue-router": "^4.3.0",
     "vuex": "^4.1.0",
-    "workflow-editor": "0.0.55-up"
+    "workflow-editor": "0.0.56-up"
   },
   "devDependencies": {
     "@codemirror/autocomplete": "^6.16.0",

package/dist/es/components/design/index.js

@@ -1,4 +0,0 @@
-import e from "./views/design/page-design.vue.js";
-export {
-  e as default
-};

package/dist/es/components/design/views/assemblys/common/common-icon-bind.vue3.js

@@ -1,96 +0,0 @@
-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";
-import { Close as k, Check as x, Search as I, Plus as V, InfoFilled as A, CircleClose as C } from "@element-plus/icons-vue";
-import * as O from "@element-plus/icons";
-import U from "agilebuilder-ui/src/utils/request";
-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" } }, N = { class: "amb-component-popover-icon-grid" }, T = ["onClick"], q = { key: 4, style: { "text-align": "right" } }, L = 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: L2 }) {
-  var _a, _b;
-  const M = L2, B = e2, R = l([]), D = l([]), F = l([]), G = l([{ value: "ElementUI", label: "ElementUI" }, { value: "ambIcon", label: "Amb图标库" }, { value: "custom", label: "自定义" }]);
-  l(false);
-  const H = l(1), J = l(B.iconType ?? ((_b = (_a = G.value) == null ? void 0 : _a[0]) == null ? void 0 : _b.value)), K = l("");
-  K.value = B.iconValue;
-  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(() => (Z.value ?? []).slice(0, 50 * H.value)), le = () => {
-    ee.value.length > 0 && !Y.value && Z.value.length > ee.value.length && H.value++;
-  };
-  const ae = async () => {
-    if (!(F.value.length > 0)) {
-      try {
-        Y.value = true;
-        const e3 = await U.post(window.$vueApp.config.globalProperties.baseAPI + "/component/general-icon/query", { pageSize: 200, pageNo: 1 }), l2 = (e3 == null ? void 0 : e3.data) ?? [], a2 = [];
-        for (let e4 of l2) a2.push({ value: e4.iconName, label: e4.iconName });
-        Q.value.customOptions = a2, F.value = a2;
-      } catch (e3) {
-      }
-      Y.value = false;
-    }
-  };
-  function oe(e3) {
-    var l2;
-    H.value = 1, J.value = e3, "ElementUI" === (l2 = J.value) ? R.value = Q.value.elementUIOptions : "custom" === l2 ? ae() : ["ambIcon"].includes(l2) && (async () => {
-      var _a2, _b2, _c;
-      if (!(D.value.length > 0)) {
-        try {
-          Y.value = true;
-          let e4 = `${window.location.origin}${window.location.pathname}font-icon/iconfont.json`;
-          ((_c = (_b2 = (_a2 = window.$vueApp) == null ? void 0 : _a2.config) == null ? void 0 : _b2.globalProperties) == null ? void 0 : _c.fontIconAddress) && (e4 = `${window.$vueApp.config.globalProperties.fontIconAddress}/iconfont.json`);
-          const l3 = await fetch(e4, { mode: "cors" }).then((e5) => e5.json()), { css_prefix_text: a2, glyphs: o2 = [] } = l3 ?? {};
-          D.value = o2.map((e5) => ({ label: e5.name, value: `${a2}${e5.font_class}` }));
-        } catch (e4) {
-        }
-        Y.value = false;
-      }
-    })();
-  }
-  function ne() {
-    var _a2, _b2;
-    (_b2 = (_a2 = X.value) == null ? void 0 : _a2.hide) == null ? void 0 : _b2.call(_a2);
-  }
-  function te() {
-    K.value = "", M("update:modelValue", "", ""), X.value.hide();
-  }
-  function ue() {
-    if (W.value = W.value.trim(), !W.value) return void ElMessage.warning("请输入图标名!");
-    const e3 = Q.value.customOptions || [];
-    let l2 = false;
-    for (let a3 of e3) if (a3.value === W.value) {
-      l2 = true;
-      break;
-    }
-    J.value = "custom", K.value = W.value;
-    const a2 = W.value;
-    if (W.value = "", M("update:modelValue", J.value, K.value), X.value.hide(), !l2) {
-      const e4 = { iconName: a2 };
-      U.post(window.$vueApp.config.globalProperties.baseAPI + "/bs/general-icon/get-or-create", e4).then((e5) => {
-        "custom" == J.value && ae();
-      }).catch((e5) => {
-        ElMessage.warning("保存图标失败!");
-      });
-    }
-  }
-  function ie() {
-    _(() => {
-      !function() {
-        if (!Q.value.elementUIOptions) {
-          if (!window.temp_Icon_Options) {
-            const e3 = [];
-            for (const [l2, a2] of Object.entries(O)) e3.push({ value: l2, label: l2, component: a2 });
-            e3.sort(function(e4, l2) {
-              const a2 = e4.value, o2 = l2.value;
-              return a2.localeCompare(o2);
-            }), window.temp_Icon_Options = e3;
-          }
-          Q.value.elementUIOptions = window.temp_Icon_Options;
-        }
-      }(), oe(J.value);
-    });
-  }
-  return l(), (l2, a2) => {
-    const _2 = o("el-icon"), O2 = o("el-input"), U2 = o("el-button"), L3 = 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");
-    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(C))]), _: 1 }, 512), [[b, K.value]])]), _: 1 }, 8, ["modelValue"])]), default: s(() => [v(Q2, null, { default: s(() => [v(L3, { 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(L3, { 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(A))]), _: 1 }), a2[4] || (a2[4] = m("span", { style: { "margin-left": "5px" } }, "输入图标名后点击加号按钮添加", -1)), a2[5] || (a2[5] = h("   ")), v(L3, 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", N, [(i(true), t(d, null, f(ee.value, (e3) => (i(), u(L3, { key: e3.value, effect: "dark", content: e3.label, placement: "top" }, { default: s(() => [m("div", { class: "amb-component-popover-icon-grid-item", onClick: (l3) => {
-      return a3 = e3, K.value = a3.value, M("update:modelValue", J.value, K.value), void X.value.hide();
-      var a3;
-    } }, [v(H2, { iconType: J.value, iconValue: e3.value }, null, 8, ["iconType", "iconValue"])], 8, T)]), _: 2 }, 1032, ["content"]))), 128))])])), [[ce, le]]) : y("", true), J.value ? (i(), t("div", q, c(ee.value.length) + " / " + c(Z.value.length), 1)) : y("", true)]), _: 1 })), [[se, Y.value]])]), _: 1 })]), _: 1 }, 512));
-  };
-} });
-export {
-  L as default
-};