agilebuilder-ui 1.1.55 → 1.1.56

package/lib/{tab-content-iframe-index-4d999deb.js → tab-content-iframe-index-65407465.js}

@@ -1,5 +1,5 @@
 import { openBlock as r, createElementBlock as t, createCommentVNode as o } from "vue";
-import { a8 as s } from "./index-41182be8.js";
+import { a8 as s } from "./index-b191aad7.js";
 const a = ["src"], f = s({ data: () => ({ src: null }), watch: { $route(n, c) {
   this.src = this.$route.query.src;
 } }, mounted() {

package/lib/{tab-content-index-106c1e39.js → tab-content-index-fbbf121e.js}

@@ -1,4 +1,4 @@
-import { a8 as f, aa as x, ab as _, ac as P, ad as h, ae as O, af as I, ag as M } from "./index-41182be8.js";
+import { a8 as f, aa as x, ab as _, ac as P, ad as h, ae as O, af as I, ag as M } from "./index-b191aad7.js";
 import { resolveComponent as u, openBlock as d, createBlock as b, withCtx as g, createVNode as v, TransitionGroup as L, createElementBlock as p, Fragment as T, renderList as C, createElementVNode as m, toDisplayString as w, normalizeClass as S, createCommentVNode as y } from "vue";
 const k = { class: "no-redirect" }, A = f({ name: "Breadcrumb", data: () => ({ levelList: null }), computed: { levelListWithTitle() {
   return this.levelList.filter((e) => e.meta.title !== void 0 && e.meta.title !== null);

package/lib/{tache-subprocess-history-741c41b2.js → tache-subprocess-history-b1e6e10b.js}

@@ -1,5 +1,5 @@
 import { resolveComponent as t, openBlock as l, createElementBlock as s, createElementVNode as y, createVNode as a, withCtx as r, createTextVNode as n, toDisplayString as p, createCommentVNode as c, createBlock as h } from "vue";
-import { a8 as I } from "./index-41182be8.js";
+import { a8 as I } from "./index-b191aad7.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));

package/lib/{timeline-definition-MYPXXCX6-gLqnWxDu-fa54e975.js → timeline-definition-MYPXXCX6-gLqnWxDu-1f4ddeaa.js}

@@ -1,6 +1,6 @@
-import { _ as a, D as yt, ag as gt, z as ft, d as G, c as mt, l as S, ac as xt, ad as bt, ae as _t, af as kt } from "./mermaid.core-CAqkCmS1-40867107.js";
-import { d as K } from "./arc-Js_tyW10-91ab4808.js";
-import "./index-41182be8.js";
+import { _ as a, D as yt, ag as gt, z as ft, d as G, c as mt, l as S, ac as xt, ad as bt, ae as _t, af as kt } from "./mermaid.core-CAqkCmS1-9e8e44c4.js";
+import { d as K } from "./arc-Js_tyW10-03a86cfe.js";
+import "./index-b191aad7.js";
 import "vue";
 var q = function() {
   var n = a(function(s, d, l, h) {

package/lib/treemap-75Q7IDZK-B2atdfMH-27c11a6b.js

@@ -0,0 +1,11 @@
+import { T as s, h as T } from "./mermaid-parser.core-CH9ryA1K-94e5104a.js";
+import "./index-b191aad7.js";
+import "vue";
+import "./mermaid.core-CAqkCmS1-9e8e44c4.js";
+import "./_baseUniq-BXtq6_NW-c6053ed4.js";
+import "./min-BngCxx8g-36e6c6a5.js";
+import "./clone-CEJtuQzg-dbf5c3b2.js";
+export {
+  s as TreemapModule,
+  T as createTreemapServices
+};

package/lib/{xychartDiagram-H2YORKM3-Whqa4ezL-c09e529f.js → xychartDiagram-H2YORKM3-Whqa4ezL-670fa744.js}

@@ -1,8 +1,8 @@
-import { _ as n, a1 as hi, G as gt, F as Bt, H as oi, aD as ri, l as zt, a9 as kt, i as li, t as Ot, b as ci, a as gi, q as ui, g as xi, s as di, z as pi, K as fi, e as mi } from "./mermaid.core-CAqkCmS1-40867107.js";
+import { _ as n, a1 as hi, G as gt, F as Bt, H as oi, aD as ri, l as zt, a9 as kt, i as li, t as Ot, b as ci, a as gi, q as ui, g as xi, s as di, z as pi, K as fi, e as mi } from "./mermaid.core-CAqkCmS1-9e8e44c4.js";
 import { i as yi } from "./init-ZxktEp_H-731b6c9b.js";
 import { o as bi } from "./ordinal-DSZU4PqD-57a34423.js";
-import { l as _t } from "./linear-DqgVh5FN-54548415.js";
-import "./index-41182be8.js";
+import { l as _t } from "./linear-DqgVh5FN-acdc9d4a.js";
+import "./index-b191aad7.js";
 import "vue";
 import "./defaultLocale-DVr69WTU-dbb4acef.js";
 var Tt, Rt, Dt, Lt, Pt, vt, Et, Mt, It, $t;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agilebuilder-ui",
-  "version": "1.1.55",
+  "version": "1.1.56",
   "type": "module",
   "private": false,
   "main": "./lib/super-ui.js",

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

@@ -13,19 +13,19 @@
       <div v-if="firstFileName" ref="toolRef" class="fs-preview-tool">
         <slot name="tool-prefix" :item="getFirstFile()"></slot>
         <el-tooltip v-if="enableDelete && !disabled" :content="$t('fsUpload.delete')">
-          <super-icon @click="deleteFirst()" iconValue="amb-color-icon-shanchu" />
+          <super-icon @click="deleteFirst()" iconValue="amb-icon-shanchu" />
         </el-tooltip>
         <el-tooltip v-if="!disabled || !fileSetObj.disabledNoPreview" :content="$t('fsUpload.preview')">
-          <super-icon @click="previewFirst()" iconValue="amb-color-icon-yulan" />
+          <super-icon @click="previewFirst()" iconValue="amb-icon-yulan" />
         </el-tooltip>
         <el-tooltip v-if="!disabled || !fileSetObj.disabledNoDownload" :content="$t('fsUpload.download')">
-          <super-icon @click="downloadFirst()" iconValue="amb-color-icon-xiazai" />
+          <super-icon @click="downloadFirst()" iconValue="amb-icon-xiazai" />
         </el-tooltip>
         <slot name="tool-suffix" :item="getFirstFile()"></slot>
         <el-divider v-if="showMultipleFile" direction="vertical" />
         <el-popover :width="450" trigger="click">
           <template #reference>
-            <el-button v-if="showMultipleFile" type="primary" round size="small" @click="showMultiView">
+            <el-button v-if="showMultipleFile" plain type="primary" round size="small" @click="showMultiView">
               {{ $t('fsUpload.more') }}
               <el-icon><ArrowDownBold /></el-icon>
             </el-button>
@@ -60,10 +60,10 @@
                   <super-icon @click="deleteFile(item)" iconValue="amb-color-icon-shanchu" />
                 </el-tooltip>
                 <el-tooltip v-if="!disabled || !fileSetObj.disabledNoPreview" :content="$t('fsUpload.preview')">
-                  <super-icon @click="previewSingle(item)" iconValue="amb-color-icon-yulan" />
+                  <super-icon @click="previewSingle(item)" iconValue="amb-icon-yulan" />
                 </el-tooltip>
                 <el-tooltip v-if="!disabled || !fileSetObj.disabledNoDownload" :content="$t('fsUpload.download')">
-                  <super-icon @click="donwloadFile(index)" iconValue="amb-color-icon-xiazai" />
+                  <super-icon @click="donwloadFile(index)" iconValue="amb-icon-xiazai" />
                 </el-tooltip>
               </div>
             </div>
@@ -331,8 +331,8 @@ export default {
       const token = getToken()
       const watermark = await getWatermarkSetting()
       let isShowWatermark = false
-      if(watermark && watermark.useRange && watermark.useRange.indexOf('annex')>=0){
-        isShowWatermark = this.watermark.isShowWatermark===undefined?true:this.watermark.isShowWatermark
+      if (watermark && watermark.useRange && watermark.useRange.indexOf('annex') >= 0) {
+        isShowWatermark = this.watermark.isShowWatermark === undefined ? true : this.watermark.isShowWatermark
       }
       let watermarkContent = this.watermark?.content
       if (!watermarkContent && watermark) {
@@ -509,4 +509,14 @@ export default {
 .super-icon + .super-icon {
   margin-left: 5px;
 }
+.amb-iconfont + .amb-iconfont {
+  margin-left: 5px;
+}
+.amb-color-iconfont + .amb-iconfont {
+  margin-left: 5px;
+}
+
+.amb-iconfont {
+  color: var(--el-color-primary);
+}
 </style>

package/packages/super-grid/src/normal-column.vue

@@ -408,7 +408,7 @@ export default {
 
 .normal-column-header-icon {
   font-size: 20px;
-  color: #409eff;
+  color: var(--el-color-primary);
   cursor: pointer;
 }
 </style>

package/src/styles/index.scss

@@ -23,6 +23,8 @@
 @import './theme/tiffany-blue-mobile/sidebar.scss';
 @import 'element-plus/theme-chalk/display.css';
 @import './page-list.scss';
+@import './theme/forest-green/index.scss';
+@import './theme/forest-green/sidebar.scss';
 
 body {
   overflow: hidden;

package/src/styles/theme/forest-green/button.scss

@@ -0,0 +1,145 @@
+@import "./forest-green.scss";
+
+.forest-green {
+
+  .is-text {
+    color: $--button-default-font-color !important;
+  }
+
+  .is-link {
+    color: $--button-default-font-color !important;
+
+    :hover {
+      color: #a0d5ff;
+    }
+  }
+
+  .el-button {
+    font-family: Source Han Sans CN;
+  }
+
+
+  .button--default,
+  button.el-button:not([class*="el-button--primary"]):not([class*="el-button--success"]):not([class*="el-button--info"]):not([class*="el-button--warning"]):not([class*="el-button--danger"]):not([class*="el-button--default"]):not([class*="el-button--text"]) {
+    border-radius: 4px;
+    border-color: $--color-fg-primary;
+    color: $--color-fg-primary;
+  }
+
+  .button--default:hover,
+  button.el-button:not([class*="el-button--primary"]):not([class*="el-button--success"]):not([class*="el-button--info"]):not([class*="el-button--warning"]):not([class*="el-button--danger"]):not([class*="el-button--default"]):not([class*="el-button--text"]):hover {
+    color: $--color-primary;
+    background-color: $--color-hover;
+    border-color: $--color-primary;
+  }
+
+  .operation-area .el-button-group .el-button {
+    border-color: $--button-default-border-color;
+    color: $--button-default-font-color;
+  }
+
+  .operation-area .el-button-group .el-button:hover {
+    background-color: $--color-hover;
+  }
+
+  .el-button.el-button--primary.is-plain {
+    color: $--button-default-font-color;
+    background-color: #ffffff;
+    border: 1px solid $--button-default-border-color;
+  }
+
+  .el-button.el-button--primary.is-plain:hover {
+    color: $--color-primary;
+    background-color: $--color-hover;
+    border-color: $--color-primary;
+  }
+
+  .el-dropdown-link {
+    color: $--button-default-font-color;
+    font-family: Source Han Sans CN;
+    font-weight: regular;
+    font-size: 14px;
+    line-height: 22px;
+    letter-spacing: 0px;
+    text-align: center;
+    cursor: pointer;
+  }
+
+  //switch 开关选中字体样式
+  .el-switch__label.is-active {
+    color: $--color-primary;
+  }
+
+  //switch 开关样式
+  .el-switch.is-checked .el-switch__core {
+    border-color: $--color-primary;
+    background-color: $--color-primary;
+  }
+
+  //单选选中样式
+  .el-radio__input.is-checked .el-radio__inner {
+    color: $--color-primary;
+    border-color: $--color-primary;
+    background-color: $--color-primary;
+  }
+
+  //单选选中样式
+  .el-radio__input.is-checked+.el-radio__label {
+    color: $--color-primary;
+  }
+
+  //下拉菜单
+  .el-dropdown__list .el-dropdown-menu .el-dropdown-menu__item:hover {
+    color: $--select-font-color;
+    background-color: $th-cell-background;
+  }
+
+  //工作流结束按钮
+  .workflow-end-button {
+    background-color: #ee6666;
+    border-color: #ee6666;
+    color: #FFFFFF;
+  }
+
+  //返回按钮
+  .button--return {
+    background-color: #FFFFFF;
+    color: #8C8C8C;
+    border: 1px solid #E3E3E3;
+  }
+
+  .el-button--danger {
+    background: #FFFFFF;
+    color: $--color-fg-danger;
+    border: 1px solid #F56C6C;
+    border-radius: 4px 4px 4px 4px;
+  }
+
+  .el-button--danger:hover {
+    background: rgba(245, 108, 108, 0.06);
+
+  }
+
+  .el-button--danger.is-disabled {
+    background: none;
+    color: #FAB5B5;
+    border: 1px solid #FAB5B5;
+  }
+
+  .el-button--danger:active {
+    background: rgba(208, 92, 92, 0.08);
+  }
+
+  .el-button--primary:hover {
+    background: $--el-button-hover-bg-color;
+  }
+
+  .el-button--primary:active {
+    background: #118E33;
+  }
+
+  .el-button.is-disabled.el-button--primary {
+    background: #89D39D;
+  }
+
+}

package/src/styles/theme/forest-green/card.scss

@@ -0,0 +1,67 @@
+@import "./forest-green.scss";
+
+.forest-green {
+  $titleColor: rgba(0, 0, 0, 0.85);
+
+  el-card box-card is-always-shadow .card-radius {
+    border-radius: 12px
+  }
+
+  .form-card-header {
+    width: 3px;
+    height: 14px;
+    left: 0;
+    align-items: center;
+    text-align: center;
+  }
+
+  .form-card-header-bgc {
+    width: 3px;
+    height: 14px;
+    display: flex;
+    background-color: #3D4CF2
+  }
+
+  .form-card-text {
+    padding-left: 8px;
+    font-size: 16px;
+    line-height: 24px;
+    font-weight: 500;
+    color: $titleColor;
+    display: table-cell;
+    position: relative;
+  }
+
+  .superForm {
+    .el-card {
+      border-radius: 12px;
+      box-shadow: 0 1px 4px 0 rgba(0, 13, 31, 0.10);
+    }
+
+
+  }
+
+
+  .el-card__header {
+    height: 40px;
+    background: $--card-header-color;
+    color: #333333;
+    font-family: Source Han Sans CN;
+    font-size: 14px;
+    font-weight: bold;
+    text-align: left;
+    padding: 9px 20px;
+    display: flex;
+    align-items: center;
+  }
+
+  .el-card__header>div {
+    border-left: 3px solid $--color-primary;
+    padding-left: 5px;
+  }
+
+  .card-style {
+    width: 100%;
+    margin-top: 20px;
+  }
+}

package/src/styles/theme/forest-green/checkbox.scss

@@ -0,0 +1,13 @@
+@import "./forest-green.scss";
+
+.forest-green {
+
+  .el-checkbox__input.is-checked .el-checkbox__inner,
+  .el-checkbox__input.is-indeterminate .el-checkbox__inner {
+    background-color: $--color-primary;
+    border-color: $--color-primary;
+  }
+  .el-checkbox-group .is-checked .el-checkbox__label{
+    color: $--color-primary;
+  }
+}

package/src/styles/theme/forest-green/date-picker.scss

@@ -0,0 +1,18 @@
+.forest-green {
+  .el-year-table td.current:not(.disabled) .el-date-table-cell__text {
+    background-color: $--color-fg-primary;
+    color: #ffffff;
+  }
+
+  .el-year-table td .el-date-table-cell__text:hover {
+    color: $--color-fg-primary;
+  }
+
+  .el-year-table td.today .el-date-table-cell__text {
+    color: $--color-fg-primary;
+  }
+
+  .el-input__wrapper.is-focus {
+    box-shadow: 0 0 0 1px $--color-fg-primary inset;
+  }
+}

package/src/styles/theme/forest-green/dialog.scss

@@ -0,0 +1,17 @@
+.forest-green {
+  .el-dialog__title::before {
+    content: "";
+    text-align: center;
+    background: $--color-fg-primary;
+    float: left;
+    position: relative;
+    border-radius: 3px;
+    /** 定义成 block 元素 **/
+    display: block;
+    height: 21px;
+    width: 4px;
+    margin-right: 12px;
+  }
+
+
+}

package/src/styles/theme/forest-green/element-variables.scss

@@ -0,0 +1,7 @@
+@import "./forest-green.scss";
+// 这样导入报404找不到文件
+// .dark-blue {
+//   /* 改变 icon 字体路径变量，必需 */
+//   $--font-path: '~element-plus/theme-chalk/fonts';
+//   @import '~element-plus/theme-chalk/index.css';
+// }

package/src/styles/theme/forest-green/font.scss

@@ -0,0 +1,73 @@
+.forest-green {
+  $titleColor: rgba(0, 0, 0, 0.85);
+
+  .list-file {
+    color: rgba(0, 13, 31, 0.45);
+    font-size: 14px;
+    cursor: pointer;
+    display: flex;
+    align-items: center
+  }
+
+  .form-list-file {
+    color: rgba(0, 0, 0, 0.65);
+    background: #F2F6FA;
+    border-radius: 6px;
+    font-size: 14px;
+    cursor: pointer;
+    height: 28px;
+    line-height: 28px;
+    padding: 0 8px 0 8px;
+    margin-right: 32px
+  }
+
+  .tip-font {
+    color: rgba(0, 0, 0, 0.65);
+    font-size: 14px;
+  }
+
+  .superForm {
+    .el-form-item__label {
+      color: rgba(0, 13, 31, 0.85);
+    }
+  }
+
+
+  .page-layout__title {
+    width: 46px;
+    height: 16px;
+    font-size: 11px;
+    font-weight: 500;
+    color: #333333;
+    line-height: 13px;
+  }
+
+  .component-type-name__title {
+    width: 40px;
+    height: 14px;
+    font-size: 10px;
+    font-weight: 500;
+    color: #333333;
+    line-height: 12px;
+    // -webkit-background-clip: text;
+    // -webkit-text-fill-color: transparent;
+  }
+
+  .page-layout__title::before {
+    content: "";
+    text-align: center;
+    background: #1A6BF3;
+    float: left;
+    position: relative;
+    border-radius: 3px;
+    /** 定义成 block 元素 **/
+    display: block;
+    // height: 21px;
+    // width: 4px;
+    margin-right: 12px;
+
+    width: 2px;
+    height: 16px;
+
+  }
+}

package/src/styles/theme/forest-green/forest-green.scss

@@ -0,0 +1,27 @@
+/* 改变主题色变量 */
+$--color-primary: #14A73C;
+$--color-hover: #ebf6f9;
+$--color-card: #E5EFFF;
+$--color-button-hover: #2aaee0;
+$--color-button-active: #3686d9;
+$--color-fg-primary: #14A73C;
+$--el-button-hover-bg-color: #37B459;
+
+$--color-fg-danger: #F56C6C;
+
+
+$--button-default-border-color: $--color-fg-primary;
+$--button-font-weight: regular;
+$--button-default-font-color: #14A73C;
+$--button-primary-btn-color: #05a0da;
+//菜单字体颜色
+$--menu-dont-color: $--color-fg-primary;
+//选中的字体颜色
+$--select-font-color: $--color-fg-primary;
+//卡片头部颜色
+$--card-header-color: rgba(20, 167, 60, 0.08);
+
+$--menu-hove-background-color: $--color-hover;
+$th-cell-background: #EDEDED;
+$th-background-color: #F2F3F8;
+$--tab-header-color: #14A73C;

package/src/styles/theme/forest-green/form.scss

@@ -0,0 +1,51 @@
+.forest-green {
+
+  .button-at-top {
+    width: 100%;
+    background: rgb(255, 255, 255);
+    line-height: 72px;
+    height: 72px;
+    position: absolute;
+    z-index: 100;
+    top: 0px;
+    left: 0px;
+    right: 0px;
+  }
+
+  .button-at-bottom {
+    width: 100%;
+    background: rgb(255, 255, 255);
+    line-height: 72px;
+    height: 72px;
+    position: absolute;
+    bottom: 0px;
+    z-index: 100;
+    left: 0px;
+    right: 0px;
+  }
+
+  .form-top-button {
+    height: 72px;
+    float: left;
+    padding-left: 24px;
+    line-height: 72px;
+  }
+
+  .form-bottom-button {
+    height: 72px;
+    float: right;
+    padding-right: 24px;
+    line-height: 72px;
+  }
+
+  .form-center-position{
+    position: relative;
+
+    .form-center-son{
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%,-50%);
+    }
+  }
+}