agilebuilder-ui 1.1.13 → 1.1.14

package/lib/tab-content-iframe-index-12527a41.js

@@ -0,0 +1,12 @@
+import { openBlock as r, createElementBlock as t, createCommentVNode as o } from "vue";
+import { _ as s } from "./index-42d5d61b.js";
+const u = ["src"], f = s({ data: () => ({ src: null }), watch: { $route(n, c) {
+  this.src = this.$route.query.src;
+} }, mounted() {
+  this.src = this.$route.query.src;
+} }, [["render", function(n, c, a, l, e, m) {
+  return r(), t("div", null, [e.src && e.src !== null ? (r(), t("iframe", { key: 0, ref: "menuContent", src: e.src, name: "menu-content", title: "Main content", frameborder: "0" }, null, 8, u)) : o("", !0)]);
+}], ["__scopeId", "data-v-20dccb82"]]);
+export {
+  f as default
+};

package/lib/tab-content-index-56d7113b.js

@@ -0,0 +1,115 @@
+import { _ as v, c as $, g as x, b as P, s as h, m as M, M as O, i as I } from "./index-42d5d61b.js";
+import { resolveComponent as m, openBlock as l, createBlock as b, withCtx as g, createVNode as w, TransitionGroup as L, createElementBlock as p, Fragment as T, renderList as C, createElementVNode as u, toDisplayString as y, createCommentVNode as f, normalizeClass as S } from "vue";
+const A = { class: "no-redirect" }, k = v({ name: "Breadcrumb", data: () => ({ levelList: null }), computed: { levelListWithTitle() {
+  return this.levelList.filter((e) => e.meta.title !== void 0 && e.meta.title !== null);
+} }, watch: { $route() {
+  this.getBreadcrumb();
+} }, created() {
+  this.getBreadcrumb();
+}, methods: { getBreadcrumb() {
+  const { params: e } = this.$route;
+  let t = this.$route.matched.filter((a) => {
+    if (a.name) {
+      var r = $(a.path);
+      return a.path = r(e), !0;
+    }
+  });
+  if (t) {
+    let a;
+    const r = x(), o = window.$vueApp.config.globalProperties.systemNameObj;
+    o && (a = o[r]), t = [{ path: "/", redirect: "noredirect", meta: { title: a } }].concat(t);
+    const s = P.get("selectMenu"), d = window.$vueApp.config.globalProperties._selectMenu;
+    let n;
+    if (d ? n = d : s && (n = s), n) {
+      const i = n.substring(0, n.indexOf("~~")), c = n.substring(n.indexOf("~~") + 2);
+      if (t && t.length > 0) {
+        const _ = t[t.length - 1];
+        this.isShouldConcatLastMenu(c, i, _) && t.push({ path: i, meta: { title: c } });
+      } else
+        t.push({ path: i, meta: { title: c } });
+    }
+  }
+  this.levelList = t;
+}, isShouldConcatLastMenu(e, t, a) {
+  return !(!this.isTitleNotEqual(e, a) || !this.isPathNotEqual(t, a));
+}, isTitleNotEqual(e, t) {
+  return !(!e || !t.meta || e === t.meta.title || e === this.$t(t.meta.title));
+}, isPathNotEqual: (e, t) => !(!e || !t.path || e === t.path) } }, [["render", function(e, t, a, r, o, s) {
+  const d = m("el-breadcrumb-item"), n = m("el-breadcrumb");
+  return l(), b(n, { class: "app-breadcrumb", separator: ">" }, { default: g(() => [w(L, { name: "breadcrumb", tag: "span" }, { default: g(() => [(l(!0), p(T, null, C(s.levelListWithTitle, (i, c) => (l(), b(d, { key: i.path + "-" + c }, { default: g(() => [u("span", A, y(e.$t(i.meta.title)), 1)]), _: 2 }, 1024))), 128))]), _: 1 })]), _: 1 });
+}], ["__scopeId", "data-v-768a430c"]]), { body: B } = document, E = { watch: { $route(e) {
+  this.device === "mobile" && this.sidebar.opened && h.dispatch("closeSidebar", { withoutAnimation: !1 });
+} }, beforeMount() {
+  window.addEventListener("resize", this.resizeHandler);
+}, mounted() {
+  this.isMobile() && (h.dispatch("toggelDevice", "mobile"), h.dispatch("closeSidebar", { withoutAnimation: !0 }));
+}, methods: { isMobile: () => B.getBoundingClientRect().width - 3 < 1024, resizeHandler() {
+  if (!document.hidden) {
+    const e = this.isMobile();
+    h.dispatch("toggelDevice", e ? "mobile" : "desktop"), e && h.dispatch("closeSidebar", { withoutAnimation: !0 });
+  }
+} } }, N = { name: "TabContent", data() {
+  let e = window.$vueApp.config.globalProperties.defaultPageTip;
+  e || (e = "欢迎访问Agile Builder/Welcome to Agile Builder");
+  let t, a = e;
+  return e && e.indexOf("/") > 0 && (a = e.substring(0, e.lastIndexOf("/")), t = e.substring(e.lastIndexOf("/") + 1)), { defaultPageTipCn: a, defaultPageTipEn: t };
+}, computed: { ...M(["openTab"]), activeIndex: { get() {
+  return this.$store.state.tabContent.activeIndex;
+}, set(e) {
+  this.$store.commit("set_active_index", e);
+} } }, created() {
+  window.addEventListener("message", this.recieveMessage);
+}, mounted() {
+}, unmounted() {
+  window.removeEventListener("message", this.recieveMessage);
+}, methods: { closeSelectedTag(e) {
+  const t = this.$store.state.tabContent.openTab.findIndex((r) => r.code === e), a = this.$store.state.tabContent.openTab[t];
+  this.$store.commit("delete_tabs", a), e === this.activeIndex && this.toLastView(this.$store.state.tabContent.openTab, t > 0 ? t - 1 : 0);
+}, toLastView(e, t) {
+  if (e && e.length > 0 && e.length > t) {
+    const a = e[t];
+    a && this.$store.commit("set_active_index", a.code);
+  }
+}, getFullPath(e) {
+  let t = "";
+  if (e.routePath === "/iframe-page/page") {
+    let a, r = "";
+    if (e.routeQuery)
+      for (const o in e.routeQuery)
+        o === "src" ? a = e.routeQuery[o] : r += o + "=" + e.routeQuery[o] + "&";
+    a && (t = a), r && (t += "?" + r);
+  } else if (e.routePath.indexOf("http:") < 0 && e.routePath.indexOf("https:") < 0 && (t = "#"), t = e.routePath.indexOf("?") >= 0 ? t + e.routePath + "&" : t + e.routePath + "?", e.routeQuery)
+    for (const a in e.routeQuery)
+      t += a + "=" + e.routeQuery[a] + "&";
+  return t && t.length > 0 && t.lastIndexOf("&") === t.length - 1 && (t = t.substring(0, t.lastIndexOf("&"))), t;
+}, recieveMessage(e) {
+  if (e && typeof e.data == "string" && e.data === "refreshTabContent")
+    window.location.reload();
+  else if (e && typeof e.data == "string" && e.data.indexOf("loginTimeout") >= 0)
+    window.parent.postMessage(e.data, "*");
+  else if (e && typeof e.data == "string" && e.data === "return-to-system-list") {
+    this.$store.commit("clear_tabs");
+    let t = "_IS_APP_LIST";
+    const a = window.sessionStorage.getItem(t);
+    a !== void 0 && a === "true" ? this.$router.push({ path: "/mms/apps/list" }) : this.$router.push({ path: "/mms/systems/list" });
+  }
+} } }, V = ["src"], Q = { class: "default-page-tip" }, R = { class: "default-page-tip-msg" }, q = { class: "default-page-tip-item" }, z = { class: "default-page-tip-item" }, j = { class: "main-container" }, W = v({ name: "Layout", components: { Menubar: O, Breadcrumb: k, TabContent: v(N, [["render", function(e, t, a, r, o, s) {
+  const d = m("el-tab-pane"), n = m("el-tabs");
+  return l(), p("div", null, [e.openTab && e.openTab.length > 0 ? (l(), b(n, { key: 0, modelValue: s.activeIndex, "onUpdate:modelValue": t[0] || (t[0] = (i) => s.activeIndex = i), class: "nav-tab menu-tab-container", closable: "", onTabRemove: s.closeSelectedTag }, { default: g(() => [(l(!0), p(T, null, C(e.openTab, (i) => (l(), b(d, { key: i.code, label: i.name, name: i.code }, { default: g(() => [u("iframe", { ref_for: !0, ref: "tabMainContent", src: s.getFullPath(i), class: "tab-main-content", name: "tab-main-content", frameborder: "0" }, null, 8, V)]), _: 2 }, 1032, ["label", "name"]))), 128))]), _: 1 }, 8, ["modelValue", "onTabRemove"])) : f("", !0), u("div", Q, [u("div", R, [u("div", q, y(o.defaultPageTipCn), 1), u("div", z, y(o.defaultPageTipEn), 1)])])]);
+}], ["__scopeId", "data-v-acb71e42"]]) }, mixins: [E], data: () => ({ showMenuRoute: I(), systemCode: null }), computed: { sidebar() {
+  return this.$store.state.app.sidebar;
+}, device() {
+  return this.$store.state.app.device;
+}, classObj() {
+  return { hideSidebar: !this.sidebar.opened, openSidebar: this.sidebar.opened, withoutAnimation: this.sidebar.withoutAnimation, mobile: this.device === "mobile" };
+} }, created() {
+  this.systemCode = window.$vueApp.config.globalProperties.customSystem;
+}, methods: { handleClickOutside() {
+  this.$store.dispatch("closeSidebar", { withoutAnimation: !1 });
+} } }, [["render", function(e, t, a, r, o, s) {
+  const d = m("menubar"), n = m("breadcrumb"), i = m("tab-content");
+  return l(), p("div", { class: S([s.classObj, "app-wrapper"]) }, [s.device === "mobile" && s.sidebar.opened ? (l(), p("div", { key: 0, class: "drawer-bg", onClick: t[0] || (t[0] = (...c) => s.handleClickOutside && s.handleClickOutside(...c)) })) : f("", !0), w(d, { "system-code": o.systemCode, collapse: !0, class: "sidebar-container" }, null, 8, ["system-code"]), u("div", j, [o.showMenuRoute ? (l(), b(n, { key: 0 })) : f("", !0), w(i)])], 2);
+}], ["__scopeId", "data-v-5c0a6bf6"]]);
+export {
+  W as default
+};

package/lib/tache-subprocess-history-b289d758.js

@@ -0,0 +1,12 @@
+import { resolveComponent as t, openBlock as a, createElementBlock as s, createElementVNode as y, createVNode as l, withCtx as r, createTextVNode as n, toDisplayString as p, createCommentVNode as c, createBlock as h } from "vue";
+import { _ as I } from "./index-42d5d61b.js";
+const g = { style: { "padding-bottom": "10px" } }, k = { key: 0, class: "graphDiv" }, N = I({ name: "TacheSubprocessHistory", data: () => ({ type: "graph", workflowId: null }), created() {
+  const o = this.$route.query.workflowId;
+  o && (this.workflowId = parseInt(o));
+} }, [["render", function(o, d, V, b, e, v) {
+  const i = t("el-radio-button"), w = t("el-radio-group"), u = t("workflow-history"), m = t("workflow-history-list");
+  return a(), s("div", null, [y("div", g, [l(w, { modelValue: e.type, "onUpdate:modelValue": d[0] || (d[0] = (f) => e.type = f) }, { default: r(() => [l(i, { label: "graph" }, { default: r(() => [n(p(o.$t("imatrixUIPublicModel.graphView")), 1)]), _: 1 }), l(i, { label: "list" }, { default: r(() => [n(p(o.$t("imatrixUIPublicModel.listView")), 1)]), _: 1 })]), _: 1 }, 8, ["modelValue"])]), e.type === "graph" ? (a(), s("div", k, [l(u, { id: e.workflowId }, null, 8, ["id"])])) : c("", !0), e.type === "list" ? (a(), h(m, { key: 1, "workflow-id": e.workflowId }, null, 8, ["workflow-id"])) : c("", !0)]);
+}], ["__scopeId", "data-v-a936569d"]]);
+export {
+  N as default
+};

package/package.json

@@ -1,15 +1,18 @@
 {
   "name": "agilebuilder-ui",
-  "version": "1.1.13",
+  "version": "1.1.14",
   "type": "module",
   "private": false,
   "main": "./lib/super-ui.js",
   "scripts": {
-    "lib": "vite build",
+    "lib": "vite build --mode production",
+    "lib:dev": "vite build --mode development",
+    "dev:watch": "vite build --mode development --watch",
     "preview": "vite preview"
   },
   "dependencies": {
     "@tinymce/tinymce-vue": "4.0.4",
+    "@vitejs/plugin-vue-jsx": "^4.1.2",
     "@zxing/library": "^0.20.0",
     "async-validator": "^4.2.5",
     "compressorjs": "1.2.1",
@@ -17,6 +20,7 @@
     "js-base64": "^3.7.7",
     "js-cookie": "^3.0.5",
     "mitt": "^3.0.1",
+    "normalize.css": "^8.0.1",
     "path-to-regexp": "6.2.1",
     "sortablejs": "^1.15.0",
     "tinymce": "5.8.2",

package/packages/fs-preview/src/fs-preview.vue

@@ -5,28 +5,9 @@
       {{ label }}
       <el-icon class="annex-cell"><el-icon-view /></el-icon>
     </div>
-
-    <el-dialog
-      :append-to-body="true"
-      :show-close="true"
-      :title="$t('imatrixUIPublicModel.previewImage')"
-      v-model="showPreviewSingleImage"
-      @close="$emit('close')"
-    >
-      <template v-slot:title>
-        <span
-          >{{ $t('imatrixUIPublicModel.previewImage') }}
-          <!-- <i v-if="downloadable" class="el-icon-download" style="padding-left:5px;cursor:pointer;color:#409EFF" @click="downloadFile()" /> -->
-          <!-- <i v-if="deleteable" class="el-icon-delete" style="padding-left:5px;cursor:pointer;color:#F56C6C" @click="deleteFile()" /> -->
-        </span>
-      </template>
-      <el-image
-        v-if="previewImageInfo && previewImageInfo.isImg"
-        :preview-src-list="[previewImageInfo.src]"
-        :src="previewImageInfo.src"
-      />
-    </el-dialog>
+    <el-image-viewer v-if="showPreviewSingleImage" teleported :url-list="[previewImageInfo.src]" @close="showPreviewSingleImage = false" />
     <el-dialog
+      layout-mobile="bottom"
       :append-to-body="true"
       :show-close="true"
       :title="$t('imatrixUIPublicModel.preview')"
@@ -41,22 +22,24 @@
           <!-- <i v-if="deleteable" class="el-icon-delete" style="padding-left:5px;cursor:pointer;color:#F56C6C" @click="deleteFile()" /> -->
         </span>
       </template>
-      <el-table :show-header="false" :data="fileList">
-        <el-table-column prop="showName" width="200" />
-        <el-table-column align="right">
+      <el-table :show-header="false" :data="fileList" max-height="60vh">
+        <el-table-column prop="showName" show-overflow-tooltip />
+        <el-table-column width="80" align="center">
           <template v-slot="scope">
-            <el-tooltip :content="$t('imatrixUIPublicModel.preview')" class="item" effect="dark" placement="top">
-              <el-icon @click="previewSingle(scope.row)" style="cursor: pointer"><el-icon-view /></el-icon>
-            </el-tooltip>
-          </template>
-        </el-table-column>
-        <el-table-column>
-          <template v-slot="scope">
-            <el-tooltip :content="$t('imatrixUIPublicModel.download')" class="item" effect="dark" placement="top">
-              <el-icon v-if="downloadable" @click="donwloadFile(scope.$index, fileList)" style="cursor: pointer"
-                ><el-icon-download
-              /></el-icon>
-            </el-tooltip>
+            <div style="margin: -10px 0;">
+              <el-tooltip :content="$t('imatrixUIPublicModel.preview')" class="item" effect="dark" placement="top">
+                <el-button type="text" @click="previewSingle(scope.row)">
+                  <el-icon style="cursor: pointer"><el-icon-view /></el-icon>
+                </el-button>
+              </el-tooltip>
+              <el-tooltip :content="$t('imatrixUIPublicModel.download')" class="item" effect="dark" placement="top">
+                <el-button type="text" @click="donwloadFile(scope.$index, fileList)">
+                  <el-icon v-if="downloadable" style="cursor: pointer">
+                    <el-icon-download />
+                  </el-icon>
+                </el-button>
+              </el-tooltip>
+            </div>
           </template>
         </el-table-column>
       </el-table>
@@ -65,6 +48,7 @@
 </template>
 
 <script>
+// import { Image } from 'antd';
 import { Paperclip as ElIconPaperclip, View as ElIconView, Download as ElIconDownload } from '@element-plus/icons-vue'
 import * as Vue from 'vue'
 import { isPlateSys, getSystemFrontendUrl } from '../../../src/utils/common-util'
@@ -148,6 +132,7 @@ export default {
     },
     previewSingle(fileInfo) {
       fileInfo = packageFile(fileInfo.showName, fileInfo.serverPath)
+      debugger
       if (isImage(fileInfo.showName)) {
         this.previewImageInfo = fileInfo
         this.showPreviewSingleImage = true
@@ -281,3 +266,6 @@ export default {
   emits: ['close']
 }
 </script>
+
+<style lang="scss" scoped>
+</style>

package/packages/super-grid/src/apis.js

@@ -21,6 +21,8 @@ import {
 import eventBus from './eventBus'
 import { isPromise } from '../../../src/utils/common-util'
 import { updateWithPageValue } from '../../../src/utils/jump-page-utils'
+import { getGuId } from '../../../src/utils/guid.js';
+
 const apis = {
   // 列表工具栏控件刷新列表数据。添加该方法解决工具栏值清空后，列表内容没有还原问题
   toolbarRefresh(parentRowIds, isLineEdit, toolbarFieldParam, isDeleteSubTableData) {
@@ -133,12 +135,13 @@ const apis = {
   // 新建行
   createRow(listCode, row, options) {
     return new Promise((resolve, reject) => {
+      debugger;
       if (!listCode) {
         listCode = store.get('_list_code')
       }
       const gridParams = store.get(listCode)
       const gridData = gridParams.gridData
-      gridParams.superGrid.clearSort()
+      gridParams.superGrid?.clearSort?.()
       // console.log('创建行记录的条件1', gridParams.lineEdit)
       // console.log('创建行记录的条件2', gridParams.lineEdit.editable)
       // console.log('创建行记录的条件3', gridParams.loaded)
@@ -364,7 +367,10 @@ const apis = {
         }
       }
     }
-    return row
+    return {
+      $rowDataGuId: getGuId(),
+      ...row,
+    }
   },
   // 设置默认值null
   setColumnsDefaultValue(allColumns, row, gridParams, getDefaultValueFunc) {
@@ -1005,7 +1011,7 @@ const apis = {
           }
         }
         if (gridParams.isMulitiSelect) {
-          gridParams.superGrid.clearSelection()
+          gridParams.superGrid?.clearSelection?.()
         }
         gridParams.isCreateRow = false
         if (isRestore === undefined || !isRestore) {
@@ -1382,3 +1388,40 @@ const apis = {
   }
 }
 export default apis
+
+export const apisMixin = {
+  data() {
+    return {
+      toolbarFieldParam: null,
+      showSearch: false,
+      isMobile: false,
+      baseURL: '',
+      currentPage: 1,
+      pageSize: 10,
+      code: '',
+      pageCode: '',
+      jumpPageSetting: null,
+      isShowPageDialog: false,
+      gridData: [],
+      subTableData: [],
+      searchForm: [],
+      options: {},
+      lineEdit: null,
+      loaded: false,
+      configureObj: {},
+      additionalParamMap: {},
+      basicInfo: {},
+      dynamicColumnInfo: {},
+      $dataTypeMap: {},
+      mainDefaultValueColumns: [],
+      dynamicServiceName: '',
+      isHasDynamic: false,
+      isMulitiSelect: false,
+      sql: false,
+      restoreCurrentRowTimer: null
+    };
+  },
+  methods: {
+    ...apis
+  }
+}