@fecp/designer 5.5.71 → 5.5.72

package/es/designer/package.json.mjs

@@ -1,4 +1,4 @@
-const version = "5.5.71";
+const version = "5.5.72";
 const packageJson = {
   version
 };

package/es/designer.css

@@ -5556,7 +5556,48 @@ body,
   display: flex;
   margin-top: 2px;
   justify-content: space-between;
-}.el-timeline{--el-timeline-node-size-normal:12px;--el-timeline-node-size-large:14px;--el-timeline-node-color:var(--el-border-color-light);font-size:var(--el-font-size-base);margin:0;list-style:none}.el-timeline .el-timeline-item:last-child .el-timeline-item__tail{display:none}.el-timeline .el-timeline-item__center{align-items:center;display:flex}.el-timeline .el-timeline-item__center .el-timeline-item__wrapper{width:100%}.el-timeline .el-timeline-item__center .el-timeline-item__tail{top:0}.el-timeline .el-timeline-item__center:first-child .el-timeline-item__tail{height:calc(50% + 10px);top:calc(50% - 10px)}.el-timeline .el-timeline-item__center:last-child .el-timeline-item__tail{height:calc(50% - 10px);display:block}.el-timeline.is-start{padding-left:40px;padding-right:0}.el-timeline.is-end{padding-left:0;padding-right:40px}.el-timeline.is-alternate{padding-left:20px;padding-right:20px}.el-timeline.is-alternate .el-timeline-item:nth-child(odd) .el-timeline-item__wrapper{width:calc(50% - 28px);left:calc(50% - var(--el-timeline-node-size-large) / 2);padding-left:28px}.el-timeline.is-alternate .el-timeline-item:nth-child(2n) .el-timeline-item__wrapper{width:calc(50% - 28px + var(--el-timeline-node-size-large) / 2);text-align:right;padding-right:28px}.el-timeline.is-alternate-reverse{padding-left:20px;padding-right:20px}.el-timeline.is-alternate-reverse .el-timeline-item:nth-child(odd) .el-timeline-item__wrapper{width:calc(50% - 28px + var(--el-timeline-node-size-large) / 2);text-align:right;padding-right:28px}.el-timeline.is-alternate-reverse .el-timeline-item:nth-child(2n) .el-timeline-item__wrapper{width:calc(50% - 28px);left:calc(50% - var(--el-timeline-node-size-large) / 2);padding-left:28px}.el-timeline-item{padding-bottom:20px;position:relative}.el-timeline-item__wrapper{box-sizing:content-box;position:relative;top:-3px}.el-timeline-item__tail{border-left:2px solid var(--el-timeline-node-color);height:100%;position:absolute}.el-timeline-item .el-timeline-item__icon{color:var(--el-color-white);font-size:var(--el-font-size-small)}.el-timeline-item__node{background-color:var(--el-timeline-node-color);border-color:var(--el-timeline-node-color);box-sizing:border-box;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.el-timeline-item__node--normal{width:var(--el-timeline-node-size-normal);height:var(--el-timeline-node-size-normal)}.el-timeline-item__node--large{width:var(--el-timeline-node-size-large);height:var(--el-timeline-node-size-large)}.el-timeline-item__node.is-hollow{background:var(--el-color-white);border-style:solid;border-width:2px}.el-timeline-item__node--primary{background-color:var(--el-color-primary);border-color:var(--el-color-primary)}.el-timeline-item__node--success{background-color:var(--el-color-success);border-color:var(--el-color-success)}.el-timeline-item__node--warning{background-color:var(--el-color-warning);border-color:var(--el-color-warning)}.el-timeline-item__node--danger{background-color:var(--el-color-danger);border-color:var(--el-color-danger)}.el-timeline-item__node--info{background-color:var(--el-color-info);border-color:var(--el-color-info)}.el-timeline-item__dot{justify-content:center;align-items:center;display:flex;position:absolute}.el-timeline-item__content{color:var(--el-text-color-primary)}.el-timeline-item__timestamp{color:var(--el-text-color-secondary);line-height:1;font-size:var(--el-font-size-small)}.el-timeline-item__timestamp.is-top{margin-bottom:8px;padding-top:4px}.el-timeline-item__timestamp.is-bottom{margin-top:8px}.el-timeline-item.is-start .el-timeline-item__wrapper{padding-left:28px}.el-timeline-item.is-start .el-timeline-item__tail{left:4px}.el-timeline-item.is-start .el-timeline-item__node--normal{left:-1px}.el-timeline-item.is-start .el-timeline-item__node--large{left:-2px}.el-timeline-item.is-end .el-timeline-item__wrapper{text-align:right;padding-right:28px}.el-timeline-item.is-end .el-timeline-item__tail{right:4px}.el-timeline-item.is-end .el-timeline-item__node--normal{right:-1px}.el-timeline-item.is-end .el-timeline-item__node--large{right:-2px}.el-timeline-item.is-alternate .el-timeline-item__tail,.el-timeline-item.is-alternate .el-timeline-item__node,.el-timeline-item.is-alternate-reverse .el-timeline-item__tail,.el-timeline-item.is-alternate-reverse .el-timeline-item__node{left:50%;transform:translate(-50%)}
+}.el-timeline{--el-timeline-node-size-normal:12px;--el-timeline-node-size-large:14px;--el-timeline-node-color:var(--el-border-color-light);font-size:var(--el-font-size-base);margin:0;list-style:none}.el-timeline .el-timeline-item:last-child .el-timeline-item__tail{display:none}.el-timeline .el-timeline-item__center{align-items:center;display:flex}.el-timeline .el-timeline-item__center .el-timeline-item__wrapper{width:100%}.el-timeline .el-timeline-item__center .el-timeline-item__tail{top:0}.el-timeline .el-timeline-item__center:first-child .el-timeline-item__tail{height:calc(50% + 10px);top:calc(50% - 10px)}.el-timeline .el-timeline-item__center:last-child .el-timeline-item__tail{height:calc(50% - 10px);display:block}.el-timeline.is-start{padding-left:40px;padding-right:0}.el-timeline.is-end{padding-left:0;padding-right:40px}.el-timeline.is-alternate{padding-left:20px;padding-right:20px}.el-timeline.is-alternate .el-timeline-item:nth-child(odd) .el-timeline-item__wrapper{width:calc(50% - 28px);left:calc(50% - var(--el-timeline-node-size-large) / 2);padding-left:28px}.el-timeline.is-alternate .el-timeline-item:nth-child(2n) .el-timeline-item__wrapper{width:calc(50% - 28px + var(--el-timeline-node-size-large) / 2);text-align:right;padding-right:28px}.el-timeline.is-alternate-reverse{padding-left:20px;padding-right:20px}.el-timeline.is-alternate-reverse .el-timeline-item:nth-child(odd) .el-timeline-item__wrapper{width:calc(50% - 28px + var(--el-timeline-node-size-large) / 2);text-align:right;padding-right:28px}.el-timeline.is-alternate-reverse .el-timeline-item:nth-child(2n) .el-timeline-item__wrapper{width:calc(50% - 28px);left:calc(50% - var(--el-timeline-node-size-large) / 2);padding-left:28px}.el-timeline-item{padding-bottom:20px;position:relative}.el-timeline-item__wrapper{box-sizing:content-box;position:relative;top:-3px}.el-timeline-item__tail{border-left:2px solid var(--el-timeline-node-color);height:100%;position:absolute}.el-timeline-item .el-timeline-item__icon{color:var(--el-color-white);font-size:var(--el-font-size-small)}.el-timeline-item__node{background-color:var(--el-timeline-node-color);border-color:var(--el-timeline-node-color);box-sizing:border-box;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.el-timeline-item__node--normal{width:var(--el-timeline-node-size-normal);height:var(--el-timeline-node-size-normal)}.el-timeline-item__node--large{width:var(--el-timeline-node-size-large);height:var(--el-timeline-node-size-large)}.el-timeline-item__node.is-hollow{background:var(--el-color-white);border-style:solid;border-width:2px}.el-timeline-item__node--primary{background-color:var(--el-color-primary);border-color:var(--el-color-primary)}.el-timeline-item__node--success{background-color:var(--el-color-success);border-color:var(--el-color-success)}.el-timeline-item__node--warning{background-color:var(--el-color-warning);border-color:var(--el-color-warning)}.el-timeline-item__node--danger{background-color:var(--el-color-danger);border-color:var(--el-color-danger)}.el-timeline-item__node--info{background-color:var(--el-color-info);border-color:var(--el-color-info)}.el-timeline-item__dot{justify-content:center;align-items:center;display:flex;position:absolute}.el-timeline-item__content{color:var(--el-text-color-primary)}.el-timeline-item__timestamp{color:var(--el-text-color-secondary);line-height:1;font-size:var(--el-font-size-small)}.el-timeline-item__timestamp.is-top{margin-bottom:8px;padding-top:4px}.el-timeline-item__timestamp.is-bottom{margin-top:8px}.el-timeline-item.is-start .el-timeline-item__wrapper{padding-left:28px}.el-timeline-item.is-start .el-timeline-item__tail{left:4px}.el-timeline-item.is-start .el-timeline-item__node--normal{left:-1px}.el-timeline-item.is-start .el-timeline-item__node--large{left:-2px}.el-timeline-item.is-end .el-timeline-item__wrapper{text-align:right;padding-right:28px}.el-timeline-item.is-end .el-timeline-item__tail{right:4px}.el-timeline-item.is-end .el-timeline-item__node--normal{right:-1px}.el-timeline-item.is-end .el-timeline-item__node--large{right:-2px}.el-timeline-item.is-alternate .el-timeline-item__tail,.el-timeline-item.is-alternate .el-timeline-item__node,.el-timeline-item.is-alternate-reverse .el-timeline-item__tail,.el-timeline-item.is-alternate-reverse .el-timeline-item__node{left:50%;transform:translate(-50%)}.app-content .approveIdea[data-v-f893cd22] {
+  min-height: 30px;
+  background: linear-gradient(to bottom, transparent 29px, #dedede 1px);
+  background-size: 100% 30px;
+  color: #ff9800;
+  overflow: hidden;
+  white-space: pre-wrap;
+  word-break: break-all;
+  word-wrap: break-word;
+  display: -webkit-box;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+  line-height: 30px;
+  max-height: 90px;
+  position: relative;
+}
+.app-content .approveIdea[data-v-f893cd22]:not(.is-expanded)::after {
+  content: "";
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  height: 40px;
+  background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.9));
+  pointer-events: none;
+}
+.app-content .approveIdea.is-expanded[data-v-f893cd22] {
+  display: block;
+  max-height: none;
+  -webkit-line-clamp: unset;
+  overflow: visible;
+}
+.app-content .approveIdea.is-expanded[data-v-f893cd22]::after {
+  display: none;
+}
+.app-content .approve-toggle[data-v-f893cd22] {
+  color: var(--el-color-primary);
+  font-size: 12px;
+  cursor: pointer;
+  padding: 4px 0;
+  text-align: right;
+}
 .flowTimeline {
   width: 100%;
   height: 100%;

package/es/packages/vue/src/components/bus/approvalHistory/ApproveIdea.vue.mjs

@@ -0,0 +1,64 @@
+import { ref, onMounted, watch, createElementBlock, createCommentVNode, openBlock, createElementVNode, normalizeClass, toDisplayString, nextTick } from "vue";
+/* empty css                  */
+import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.mjs";
+const _hoisted_1 = {
+  key: 0,
+  class: "app-content"
+};
+const _sfc_main = {
+  __name: "ApproveIdea",
+  props: {
+    approveDesc: {
+      type: String,
+      default: ""
+    },
+    uniqueKey: {
+      type: String,
+      required: true
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const ideaRef = ref(null);
+    const isExpanded = ref(false);
+    const isOverflow = ref(false);
+    const checkOverflow = () => {
+      if (!ideaRef.value) return;
+      nextTick(() => {
+        isOverflow.value = ideaRef.value.scrollHeight > ideaRef.value.offsetHeight;
+      });
+    };
+    const toggle = () => {
+      isExpanded.value = !isExpanded.value;
+    };
+    onMounted(() => {
+      checkOverflow();
+    });
+    watch(
+      () => props.approveDesc,
+      () => {
+        isExpanded.value = false;
+        checkOverflow();
+      }
+    );
+    return (_ctx, _cache) => {
+      return __props.approveDesc ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", {
+          class: normalizeClass(["approveIdea", { "is-expanded": isExpanded.value || !isOverflow.value }]),
+          ref: (el) => {
+            if (el) ideaRef.value = el;
+          }
+        }, toDisplayString(__props.approveDesc), 3),
+        isOverflow.value ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: "approve-toggle",
+          onClick: toggle
+        }, toDisplayString(isExpanded.value ? "收起" : "展开"), 1)) : createCommentVNode("", true)
+      ])) : createCommentVNode("", true);
+    };
+  }
+};
+const ApproveIdea = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f893cd22"]]);
+export {
+  ApproveIdea as default
+};

package/es/packages/vue/src/components/bus/approvalHistory/timeLine.vue.mjs

@@ -9,6 +9,7 @@ import "../../../../../../node_modules/element-plus/es/index.mjs";
 import { ref, watch, nextTick, resolveComponent, createElementBlock, openBlock, createVNode, withCtx, Fragment, renderList, unref, createBlock, createElementVNode, createCommentVNode, toDisplayString, createTextVNode, isRef } from "vue";
 import api from "./api/index.mjs";
 import { getCurrentVueInstance } from "../../../utils/getInstance.mjs";
+import ApproveIdea from "./ApproveIdea.vue.mjs";
 /* empty css               */
 import { ElScrollbar } from "../../../../../../node_modules/element-plus/es/components/scrollbar/index.mjs";
 import { ElTimeline, ElTimelineItem } from "../../../../../../node_modules/element-plus/es/components/timeline/index.mjs";
@@ -59,40 +60,30 @@ const _hoisted_21 = {
 const _hoisted_22 = { class: "app-header" };
 const _hoisted_23 = { class: "approveType" };
 const _hoisted_24 = { class: "duration" };
-const _hoisted_25 = {
-  key: 0,
-  class: "app-content"
-};
-const _hoisted_26 = { class: "approveIdea" };
-const _hoisted_27 = { class: "app-footer" };
-const _hoisted_28 = { class: "endTime" };
-const _hoisted_29 = {
+const _hoisted_25 = { class: "app-footer" };
+const _hoisted_26 = { class: "endTime" };
+const _hoisted_27 = {
   key: 0,
   class: "assignee"
 };
-const _hoisted_30 = { class: "assignee-name" };
-const _hoisted_31 = {
+const _hoisted_28 = { class: "assignee-name" };
+const _hoisted_29 = {
   key: 1,
   class: "assignee"
 };
-const _hoisted_32 = {
+const _hoisted_30 = {
   key: 1,
   class: "signContent"
 };
-const _hoisted_33 = { class: "content" };
-const _hoisted_34 = { class: "app-header" };
-const _hoisted_35 = { class: "approveType" };
-const _hoisted_36 = { class: "duration" };
-const _hoisted_37 = {
-  key: 0,
-  class: "app-content"
-};
-const _hoisted_38 = { class: "approveIdea" };
-const _hoisted_39 = { class: "app-footer" };
-const _hoisted_40 = { class: "endTime" };
-const _hoisted_41 = { class: "assignee" };
-const _hoisted_42 = { class: "assignee-name" };
-const _hoisted_43 = {
+const _hoisted_31 = { class: "content" };
+const _hoisted_32 = { class: "app-header" };
+const _hoisted_33 = { class: "approveType" };
+const _hoisted_34 = { class: "duration" };
+const _hoisted_35 = { class: "app-footer" };
+const _hoisted_36 = { class: "endTime" };
+const _hoisted_37 = { class: "assignee" };
+const _hoisted_38 = { class: "assignee-name" };
+const _hoisted_39 = {
   key: 1,
   class: "content"
 };
@@ -257,19 +248,19 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
                           createElementVNode("span", _hoisted_23, toDisplayString(node.approveName || "办理完成"), 1),
                           createElementVNode("span", _hoisted_24, "耗时：" + toDisplayString(node.duration), 1)
                         ]),
-                        node.approveDesc ? (openBlock(), createElementBlock("div", _hoisted_25, [
-                          createElementVNode("div", _hoisted_26, toDisplayString(node.approveDesc), 1)
-                        ])) : createCommentVNode("", true),
-                        createElementVNode("div", _hoisted_27, [
-                          createElementVNode("span", _hoisted_28, [
+                        createVNode(ApproveIdea, {
+                          approveDesc: node.approveDesc
+                        }, null, 8, ["approveDesc"]),
+                        createElementVNode("div", _hoisted_25, [
+                          createElementVNode("span", _hoisted_26, [
                             _cache[3] || (_cache[3] = createElementVNode("i", { class: "el-icon-time" }, null, -1)),
                             createTextVNode(toDisplayString(node.endTime), 1)
                           ]),
-                          node.taskType == "task" ? (openBlock(), createElementBlock("span", _hoisted_29, [
+                          node.taskType == "task" ? (openBlock(), createElementBlock("span", _hoisted_27, [
                             _cache[4] || (_cache[4] = createTextVNode("处理人：")),
-                            createElementVNode("span", _hoisted_30, toDisplayString(node.assigneeName), 1)
+                            createElementVNode("span", _hoisted_28, toDisplayString(node.assigneeName), 1)
                           ])) : createCommentVNode("", true),
-                          node.taskType == "callActivity" ? (openBlock(), createElementBlock("span", _hoisted_31, [
+                          node.taskType == "callActivity" ? (openBlock(), createElementBlock("span", _hoisted_29, [
                             createVNode(_component_el_button, {
                               type: "primary",
                               link: "",
@@ -285,29 +276,29 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
                           _cache[6] || (_cache[6] = createElementVNode("div", { class: "addNodeList" }, null, -1))
                         ])
                       ])) : createCommentVNode("", true),
-                      node.taskType == "signTask" ? (openBlock(), createElementBlock("div", _hoisted_32, [
+                      node.taskType == "signTask" ? (openBlock(), createElementBlock("div", _hoisted_30, [
                         node.signTaskList && node.signTaskList.length > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(node.signTaskList, (sign) => {
-                          return openBlock(), createElementBlock("div", _hoisted_33, [
-                            createElementVNode("div", _hoisted_34, [
-                              createElementVNode("span", _hoisted_35, toDisplayString(sign.approveName || "办理完成"), 1),
-                              createElementVNode("span", _hoisted_36, "耗时：" + toDisplayString(sign.duration), 1)
+                          return openBlock(), createElementBlock("div", _hoisted_31, [
+                            createElementVNode("div", _hoisted_32, [
+                              createElementVNode("span", _hoisted_33, toDisplayString(sign.approveName || "办理完成"), 1),
+                              createElementVNode("span", _hoisted_34, "耗时：" + toDisplayString(sign.duration), 1)
                             ]),
-                            sign.approveDesc ? (openBlock(), createElementBlock("div", _hoisted_37, [
-                              createElementVNode("div", _hoisted_38, toDisplayString(sign.approveDesc), 1)
-                            ])) : createCommentVNode("", true),
-                            createElementVNode("div", _hoisted_39, [
-                              createElementVNode("span", _hoisted_40, [
+                            createVNode(ApproveIdea, {
+                              approveDesc: sign.approveDesc
+                            }, null, 8, ["approveDesc"]),
+                            createElementVNode("div", _hoisted_35, [
+                              createElementVNode("span", _hoisted_36, [
                                 _cache[7] || (_cache[7] = createElementVNode("i", { class: "el-icon-time" }, null, -1)),
                                 createTextVNode(toDisplayString(sign.endTime), 1)
                               ]),
-                              createElementVNode("span", _hoisted_41, [
+                              createElementVNode("span", _hoisted_37, [
                                 _cache[8] || (_cache[8] = createTextVNode("处理人：")),
-                                createElementVNode("span", _hoisted_42, toDisplayString(sign.assigneeName), 1)
+                                createElementVNode("span", _hoisted_38, toDisplayString(sign.assigneeName), 1)
                               ]),
                               _cache[9] || (_cache[9] = createElementVNode("div", { class: "addNodeList" }, null, -1))
                             ])
                           ]);
-                        }), 256)) : (openBlock(), createElementBlock("div", _hoisted_43, _cache[10] || (_cache[10] = [
+                        }), 256)) : (openBlock(), createElementBlock("div", _hoisted_39, _cache[10] || (_cache[10] = [
                           createElementVNode("div", { class: "approve" }, [
                             createElementVNode("span", { class: "point" }),
                             createElementVNode("span", { class: "iconfont icon-flow-default approveIcon approve_color_11" }),

package/lib/designer/package.json.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const version = "5.5.71";
+const version = "5.5.72";
 const packageJson = {
   version
 };

package/lib/designer.css

@@ -5556,7 +5556,48 @@ body,
   display: flex;
   margin-top: 2px;
   justify-content: space-between;
-}.el-timeline{--el-timeline-node-size-normal:12px;--el-timeline-node-size-large:14px;--el-timeline-node-color:var(--el-border-color-light);font-size:var(--el-font-size-base);margin:0;list-style:none}.el-timeline .el-timeline-item:last-child .el-timeline-item__tail{display:none}.el-timeline .el-timeline-item__center{align-items:center;display:flex}.el-timeline .el-timeline-item__center .el-timeline-item__wrapper{width:100%}.el-timeline .el-timeline-item__center .el-timeline-item__tail{top:0}.el-timeline .el-timeline-item__center:first-child .el-timeline-item__tail{height:calc(50% + 10px);top:calc(50% - 10px)}.el-timeline .el-timeline-item__center:last-child .el-timeline-item__tail{height:calc(50% - 10px);display:block}.el-timeline.is-start{padding-left:40px;padding-right:0}.el-timeline.is-end{padding-left:0;padding-right:40px}.el-timeline.is-alternate{padding-left:20px;padding-right:20px}.el-timeline.is-alternate .el-timeline-item:nth-child(odd) .el-timeline-item__wrapper{width:calc(50% - 28px);left:calc(50% - var(--el-timeline-node-size-large) / 2);padding-left:28px}.el-timeline.is-alternate .el-timeline-item:nth-child(2n) .el-timeline-item__wrapper{width:calc(50% - 28px + var(--el-timeline-node-size-large) / 2);text-align:right;padding-right:28px}.el-timeline.is-alternate-reverse{padding-left:20px;padding-right:20px}.el-timeline.is-alternate-reverse .el-timeline-item:nth-child(odd) .el-timeline-item__wrapper{width:calc(50% - 28px + var(--el-timeline-node-size-large) / 2);text-align:right;padding-right:28px}.el-timeline.is-alternate-reverse .el-timeline-item:nth-child(2n) .el-timeline-item__wrapper{width:calc(50% - 28px);left:calc(50% - var(--el-timeline-node-size-large) / 2);padding-left:28px}.el-timeline-item{padding-bottom:20px;position:relative}.el-timeline-item__wrapper{box-sizing:content-box;position:relative;top:-3px}.el-timeline-item__tail{border-left:2px solid var(--el-timeline-node-color);height:100%;position:absolute}.el-timeline-item .el-timeline-item__icon{color:var(--el-color-white);font-size:var(--el-font-size-small)}.el-timeline-item__node{background-color:var(--el-timeline-node-color);border-color:var(--el-timeline-node-color);box-sizing:border-box;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.el-timeline-item__node--normal{width:var(--el-timeline-node-size-normal);height:var(--el-timeline-node-size-normal)}.el-timeline-item__node--large{width:var(--el-timeline-node-size-large);height:var(--el-timeline-node-size-large)}.el-timeline-item__node.is-hollow{background:var(--el-color-white);border-style:solid;border-width:2px}.el-timeline-item__node--primary{background-color:var(--el-color-primary);border-color:var(--el-color-primary)}.el-timeline-item__node--success{background-color:var(--el-color-success);border-color:var(--el-color-success)}.el-timeline-item__node--warning{background-color:var(--el-color-warning);border-color:var(--el-color-warning)}.el-timeline-item__node--danger{background-color:var(--el-color-danger);border-color:var(--el-color-danger)}.el-timeline-item__node--info{background-color:var(--el-color-info);border-color:var(--el-color-info)}.el-timeline-item__dot{justify-content:center;align-items:center;display:flex;position:absolute}.el-timeline-item__content{color:var(--el-text-color-primary)}.el-timeline-item__timestamp{color:var(--el-text-color-secondary);line-height:1;font-size:var(--el-font-size-small)}.el-timeline-item__timestamp.is-top{margin-bottom:8px;padding-top:4px}.el-timeline-item__timestamp.is-bottom{margin-top:8px}.el-timeline-item.is-start .el-timeline-item__wrapper{padding-left:28px}.el-timeline-item.is-start .el-timeline-item__tail{left:4px}.el-timeline-item.is-start .el-timeline-item__node--normal{left:-1px}.el-timeline-item.is-start .el-timeline-item__node--large{left:-2px}.el-timeline-item.is-end .el-timeline-item__wrapper{text-align:right;padding-right:28px}.el-timeline-item.is-end .el-timeline-item__tail{right:4px}.el-timeline-item.is-end .el-timeline-item__node--normal{right:-1px}.el-timeline-item.is-end .el-timeline-item__node--large{right:-2px}.el-timeline-item.is-alternate .el-timeline-item__tail,.el-timeline-item.is-alternate .el-timeline-item__node,.el-timeline-item.is-alternate-reverse .el-timeline-item__tail,.el-timeline-item.is-alternate-reverse .el-timeline-item__node{left:50%;transform:translate(-50%)}
+}.el-timeline{--el-timeline-node-size-normal:12px;--el-timeline-node-size-large:14px;--el-timeline-node-color:var(--el-border-color-light);font-size:var(--el-font-size-base);margin:0;list-style:none}.el-timeline .el-timeline-item:last-child .el-timeline-item__tail{display:none}.el-timeline .el-timeline-item__center{align-items:center;display:flex}.el-timeline .el-timeline-item__center .el-timeline-item__wrapper{width:100%}.el-timeline .el-timeline-item__center .el-timeline-item__tail{top:0}.el-timeline .el-timeline-item__center:first-child .el-timeline-item__tail{height:calc(50% + 10px);top:calc(50% - 10px)}.el-timeline .el-timeline-item__center:last-child .el-timeline-item__tail{height:calc(50% - 10px);display:block}.el-timeline.is-start{padding-left:40px;padding-right:0}.el-timeline.is-end{padding-left:0;padding-right:40px}.el-timeline.is-alternate{padding-left:20px;padding-right:20px}.el-timeline.is-alternate .el-timeline-item:nth-child(odd) .el-timeline-item__wrapper{width:calc(50% - 28px);left:calc(50% - var(--el-timeline-node-size-large) / 2);padding-left:28px}.el-timeline.is-alternate .el-timeline-item:nth-child(2n) .el-timeline-item__wrapper{width:calc(50% - 28px + var(--el-timeline-node-size-large) / 2);text-align:right;padding-right:28px}.el-timeline.is-alternate-reverse{padding-left:20px;padding-right:20px}.el-timeline.is-alternate-reverse .el-timeline-item:nth-child(odd) .el-timeline-item__wrapper{width:calc(50% - 28px + var(--el-timeline-node-size-large) / 2);text-align:right;padding-right:28px}.el-timeline.is-alternate-reverse .el-timeline-item:nth-child(2n) .el-timeline-item__wrapper{width:calc(50% - 28px);left:calc(50% - var(--el-timeline-node-size-large) / 2);padding-left:28px}.el-timeline-item{padding-bottom:20px;position:relative}.el-timeline-item__wrapper{box-sizing:content-box;position:relative;top:-3px}.el-timeline-item__tail{border-left:2px solid var(--el-timeline-node-color);height:100%;position:absolute}.el-timeline-item .el-timeline-item__icon{color:var(--el-color-white);font-size:var(--el-font-size-small)}.el-timeline-item__node{background-color:var(--el-timeline-node-color);border-color:var(--el-timeline-node-color);box-sizing:border-box;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.el-timeline-item__node--normal{width:var(--el-timeline-node-size-normal);height:var(--el-timeline-node-size-normal)}.el-timeline-item__node--large{width:var(--el-timeline-node-size-large);height:var(--el-timeline-node-size-large)}.el-timeline-item__node.is-hollow{background:var(--el-color-white);border-style:solid;border-width:2px}.el-timeline-item__node--primary{background-color:var(--el-color-primary);border-color:var(--el-color-primary)}.el-timeline-item__node--success{background-color:var(--el-color-success);border-color:var(--el-color-success)}.el-timeline-item__node--warning{background-color:var(--el-color-warning);border-color:var(--el-color-warning)}.el-timeline-item__node--danger{background-color:var(--el-color-danger);border-color:var(--el-color-danger)}.el-timeline-item__node--info{background-color:var(--el-color-info);border-color:var(--el-color-info)}.el-timeline-item__dot{justify-content:center;align-items:center;display:flex;position:absolute}.el-timeline-item__content{color:var(--el-text-color-primary)}.el-timeline-item__timestamp{color:var(--el-text-color-secondary);line-height:1;font-size:var(--el-font-size-small)}.el-timeline-item__timestamp.is-top{margin-bottom:8px;padding-top:4px}.el-timeline-item__timestamp.is-bottom{margin-top:8px}.el-timeline-item.is-start .el-timeline-item__wrapper{padding-left:28px}.el-timeline-item.is-start .el-timeline-item__tail{left:4px}.el-timeline-item.is-start .el-timeline-item__node--normal{left:-1px}.el-timeline-item.is-start .el-timeline-item__node--large{left:-2px}.el-timeline-item.is-end .el-timeline-item__wrapper{text-align:right;padding-right:28px}.el-timeline-item.is-end .el-timeline-item__tail{right:4px}.el-timeline-item.is-end .el-timeline-item__node--normal{right:-1px}.el-timeline-item.is-end .el-timeline-item__node--large{right:-2px}.el-timeline-item.is-alternate .el-timeline-item__tail,.el-timeline-item.is-alternate .el-timeline-item__node,.el-timeline-item.is-alternate-reverse .el-timeline-item__tail,.el-timeline-item.is-alternate-reverse .el-timeline-item__node{left:50%;transform:translate(-50%)}.app-content .approveIdea[data-v-f893cd22] {
+  min-height: 30px;
+  background: linear-gradient(to bottom, transparent 29px, #dedede 1px);
+  background-size: 100% 30px;
+  color: #ff9800;
+  overflow: hidden;
+  white-space: pre-wrap;
+  word-break: break-all;
+  word-wrap: break-word;
+  display: -webkit-box;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+  line-height: 30px;
+  max-height: 90px;
+  position: relative;
+}
+.app-content .approveIdea[data-v-f893cd22]:not(.is-expanded)::after {
+  content: "";
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  height: 40px;
+  background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.9));
+  pointer-events: none;
+}
+.app-content .approveIdea.is-expanded[data-v-f893cd22] {
+  display: block;
+  max-height: none;
+  -webkit-line-clamp: unset;
+  overflow: visible;
+}
+.app-content .approveIdea.is-expanded[data-v-f893cd22]::after {
+  display: none;
+}
+.app-content .approve-toggle[data-v-f893cd22] {
+  color: var(--el-color-primary);
+  font-size: 12px;
+  cursor: pointer;
+  padding: 4px 0;
+  text-align: right;
+}
 .flowTimeline {
   width: 100%;
   height: 100%;

package/lib/packages/vue/src/components/bus/approvalHistory/ApproveIdea.vue.js

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+;/* empty css                  */
+const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.js");
+const _hoisted_1 = {
+  key: 0,
+  class: "app-content"
+};
+const _sfc_main = {
+  __name: "ApproveIdea",
+  props: {
+    approveDesc: {
+      type: String,
+      default: ""
+    },
+    uniqueKey: {
+      type: String,
+      required: true
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const ideaRef = Vue.ref(null);
+    const isExpanded = Vue.ref(false);
+    const isOverflow = Vue.ref(false);
+    const checkOverflow = () => {
+      if (!ideaRef.value) return;
+      Vue.nextTick(() => {
+        isOverflow.value = ideaRef.value.scrollHeight > ideaRef.value.offsetHeight;
+      });
+    };
+    const toggle = () => {
+      isExpanded.value = !isExpanded.value;
+    };
+    Vue.onMounted(() => {
+      checkOverflow();
+    });
+    Vue.watch(
+      () => props.approveDesc,
+      () => {
+        isExpanded.value = false;
+        checkOverflow();
+      }
+    );
+    return (_ctx, _cache) => {
+      return __props.approveDesc ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
+        Vue.createElementVNode("div", {
+          class: Vue.normalizeClass(["approveIdea", { "is-expanded": isExpanded.value || !isOverflow.value }]),
+          ref: (el) => {
+            if (el) ideaRef.value = el;
+          }
+        }, Vue.toDisplayString(__props.approveDesc), 3),
+        isOverflow.value ? (Vue.openBlock(), Vue.createElementBlock("div", {
+          key: 0,
+          class: "approve-toggle",
+          onClick: toggle
+        }, Vue.toDisplayString(isExpanded.value ? "收起" : "展开"), 1)) : Vue.createCommentVNode("", true)
+      ])) : Vue.createCommentVNode("", true);
+    };
+  }
+};
+const ApproveIdea = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-f893cd22"]]);
+exports.default = ApproveIdea;

package/lib/packages/vue/src/components/bus/approvalHistory/timeLine.vue.js

@@ -11,6 +11,7 @@ require("../../../../../../node_modules/element-plus/es/index.js");
 const Vue = require("vue");
 const index = require("./api/index.js");
 const getInstance = require("../../../utils/getInstance.js");
+const ApproveIdea = require("./ApproveIdea.vue.js");
 ;/* empty css               */
 const index$1 = require("../../../../../../node_modules/element-plus/es/components/scrollbar/index.js");
 const index$2 = require("../../../../../../node_modules/element-plus/es/components/timeline/index.js");
@@ -61,40 +62,30 @@ const _hoisted_21 = {
 const _hoisted_22 = { class: "app-header" };
 const _hoisted_23 = { class: "approveType" };
 const _hoisted_24 = { class: "duration" };
-const _hoisted_25 = {
-  key: 0,
-  class: "app-content"
-};
-const _hoisted_26 = { class: "approveIdea" };
-const _hoisted_27 = { class: "app-footer" };
-const _hoisted_28 = { class: "endTime" };
-const _hoisted_29 = {
+const _hoisted_25 = { class: "app-footer" };
+const _hoisted_26 = { class: "endTime" };
+const _hoisted_27 = {
   key: 0,
   class: "assignee"
 };
-const _hoisted_30 = { class: "assignee-name" };
-const _hoisted_31 = {
+const _hoisted_28 = { class: "assignee-name" };
+const _hoisted_29 = {
   key: 1,
   class: "assignee"
 };
-const _hoisted_32 = {
+const _hoisted_30 = {
   key: 1,
   class: "signContent"
 };
-const _hoisted_33 = { class: "content" };
-const _hoisted_34 = { class: "app-header" };
-const _hoisted_35 = { class: "approveType" };
-const _hoisted_36 = { class: "duration" };
-const _hoisted_37 = {
-  key: 0,
-  class: "app-content"
-};
-const _hoisted_38 = { class: "approveIdea" };
-const _hoisted_39 = { class: "app-footer" };
-const _hoisted_40 = { class: "endTime" };
-const _hoisted_41 = { class: "assignee" };
-const _hoisted_42 = { class: "assignee-name" };
-const _hoisted_43 = {
+const _hoisted_31 = { class: "content" };
+const _hoisted_32 = { class: "app-header" };
+const _hoisted_33 = { class: "approveType" };
+const _hoisted_34 = { class: "duration" };
+const _hoisted_35 = { class: "app-footer" };
+const _hoisted_36 = { class: "endTime" };
+const _hoisted_37 = { class: "assignee" };
+const _hoisted_38 = { class: "assignee-name" };
+const _hoisted_39 = {
   key: 1,
   class: "content"
 };
@@ -259,19 +250,19 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
                           Vue.createElementVNode("span", _hoisted_23, Vue.toDisplayString(node.approveName || "办理完成"), 1),
                           Vue.createElementVNode("span", _hoisted_24, "耗时：" + Vue.toDisplayString(node.duration), 1)
                         ]),
-                        node.approveDesc ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_25, [
-                          Vue.createElementVNode("div", _hoisted_26, Vue.toDisplayString(node.approveDesc), 1)
-                        ])) : Vue.createCommentVNode("", true),
-                        Vue.createElementVNode("div", _hoisted_27, [
-                          Vue.createElementVNode("span", _hoisted_28, [
+                        Vue.createVNode(ApproveIdea.default, {
+                          approveDesc: node.approveDesc
+                        }, null, 8, ["approveDesc"]),
+                        Vue.createElementVNode("div", _hoisted_25, [
+                          Vue.createElementVNode("span", _hoisted_26, [
                             _cache[3] || (_cache[3] = Vue.createElementVNode("i", { class: "el-icon-time" }, null, -1)),
                             Vue.createTextVNode(Vue.toDisplayString(node.endTime), 1)
                           ]),
-                          node.taskType == "task" ? (Vue.openBlock(), Vue.createElementBlock("span", _hoisted_29, [
+                          node.taskType == "task" ? (Vue.openBlock(), Vue.createElementBlock("span", _hoisted_27, [
                             _cache[4] || (_cache[4] = Vue.createTextVNode("处理人：")),
-                            Vue.createElementVNode("span", _hoisted_30, Vue.toDisplayString(node.assigneeName), 1)
+                            Vue.createElementVNode("span", _hoisted_28, Vue.toDisplayString(node.assigneeName), 1)
                           ])) : Vue.createCommentVNode("", true),
-                          node.taskType == "callActivity" ? (Vue.openBlock(), Vue.createElementBlock("span", _hoisted_31, [
+                          node.taskType == "callActivity" ? (Vue.openBlock(), Vue.createElementBlock("span", _hoisted_29, [
                             Vue.createVNode(_component_el_button, {
                               type: "primary",
                               link: "",
@@ -287,29 +278,29 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
                           _cache[6] || (_cache[6] = Vue.createElementVNode("div", { class: "addNodeList" }, null, -1))
                         ])
                       ])) : Vue.createCommentVNode("", true),
-                      node.taskType == "signTask" ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_32, [
+                      node.taskType == "signTask" ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_30, [
                         node.signTaskList && node.signTaskList.length > 0 ? (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, { key: 0 }, Vue.renderList(node.signTaskList, (sign) => {
-                          return Vue.openBlock(), Vue.createElementBlock("div", _hoisted_33, [
-                            Vue.createElementVNode("div", _hoisted_34, [
-                              Vue.createElementVNode("span", _hoisted_35, Vue.toDisplayString(sign.approveName || "办理完成"), 1),
-                              Vue.createElementVNode("span", _hoisted_36, "耗时：" + Vue.toDisplayString(sign.duration), 1)
+                          return Vue.openBlock(), Vue.createElementBlock("div", _hoisted_31, [
+                            Vue.createElementVNode("div", _hoisted_32, [
+                              Vue.createElementVNode("span", _hoisted_33, Vue.toDisplayString(sign.approveName || "办理完成"), 1),
+                              Vue.createElementVNode("span", _hoisted_34, "耗时：" + Vue.toDisplayString(sign.duration), 1)
                             ]),
-                            sign.approveDesc ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_37, [
-                              Vue.createElementVNode("div", _hoisted_38, Vue.toDisplayString(sign.approveDesc), 1)
-                            ])) : Vue.createCommentVNode("", true),
-                            Vue.createElementVNode("div", _hoisted_39, [
-                              Vue.createElementVNode("span", _hoisted_40, [
+                            Vue.createVNode(ApproveIdea.default, {
+                              approveDesc: sign.approveDesc
+                            }, null, 8, ["approveDesc"]),
+                            Vue.createElementVNode("div", _hoisted_35, [
+                              Vue.createElementVNode("span", _hoisted_36, [
                                 _cache[7] || (_cache[7] = Vue.createElementVNode("i", { class: "el-icon-time" }, null, -1)),
                                 Vue.createTextVNode(Vue.toDisplayString(sign.endTime), 1)
                               ]),
-                              Vue.createElementVNode("span", _hoisted_41, [
+                              Vue.createElementVNode("span", _hoisted_37, [
                                 _cache[8] || (_cache[8] = Vue.createTextVNode("处理人：")),
-                                Vue.createElementVNode("span", _hoisted_42, Vue.toDisplayString(sign.assigneeName), 1)
+                                Vue.createElementVNode("span", _hoisted_38, Vue.toDisplayString(sign.assigneeName), 1)
                               ]),
                               _cache[9] || (_cache[9] = Vue.createElementVNode("div", { class: "addNodeList" }, null, -1))
                             ])
                           ]);
-                        }), 256)) : (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_43, _cache[10] || (_cache[10] = [
+                        }), 256)) : (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_39, _cache[10] || (_cache[10] = [
                           Vue.createElementVNode("div", { class: "approve" }, [
                             Vue.createElementVNode("span", { class: "point" }),
                             Vue.createElementVNode("span", { class: "iconfont icon-flow-default approveIcon approve_color_11" }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fecp/designer",
-  "version": "5.5.71",
+  "version": "5.5.72",
   "main": "lib/designer/index.js",
   "module": "es/designer/index.mjs",
   "files": [