@ibiz-template/vue3-components 0.7.41-alpha.35 → 0.7.41-alpha.37

package/lib/control/calendar/calendar.cjs

@@ -4,6 +4,7 @@ var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 var runtime = require('@ibiz-template/runtime');
 var dayjs = require('dayjs');
+var lodashEs = require('lodash-es');
 var core = require('@ibiz-template/core');
 var index = require('./components/custom-calendar/index.cjs');
 var calendarUtil = require('./calendar-util.cjs');
@@ -82,6 +83,13 @@ const CalendarControl = /* @__PURE__ */ vue.defineComponent({
     const curPopover = vue.ref();
     const showDateRange = vue.ref(c.controlParams.showmode === "daterange");
     const showDateList = vue.ref(c.controlParams.showmode === "expand");
+    const infiniteScroll = vue.ref();
+    const disabledLodeMore = vue.computed(() => {
+      if (c.model.calendarStyle !== "TIMELINE" || c.state.isLoading)
+        return true;
+      const result = !Object.values(c.loadMoreItems).some((item) => item.curPage < item.totalPage);
+      return result;
+    });
     const monthLegendClick = (_item) => {
       Object.assign(_item, {
         isShow: !_item.isShow
@@ -118,6 +126,17 @@ const CalendarControl = /* @__PURE__ */ vue.defineComponent({
     vue.watch(() => UIStore.theme, () => {
       calcLegend();
     });
+    const handleScrollLoad = async () => {
+      if (!infiniteScroll.value || disabledLodeMore.value)
+        return;
+      const scrollTop = infiniteScroll.value.scrollTop;
+      const scrollHeight = infiniteScroll.value.scrollHeight;
+      const clientHeight = infiniteScroll.value.clientHeight;
+      if (scrollHeight - scrollTop - clientHeight < 10)
+        await c.load({
+          isLoadMore: true
+        });
+    };
     const popoverValue = vue.ref("");
     const selectDate = (tag) => {
       if (!calendarRef.value)
@@ -374,15 +393,18 @@ const CalendarControl = /* @__PURE__ */ vue.defineComponent({
       ns,
       curPopover,
       calendarRef,
-      showDateRange,
-      showDateList,
-      popoverValue,
       legendItems,
+      popoverValue,
+      showDateList,
+      showDateRange,
+      infiniteScroll,
+      disabledLodeMore,
       selectDate,
       calcItemStyle,
+      handleScrollLoad,
+      monthLegendClick,
       calcCalendarItems,
-      onNodeContextmenu,
-      monthLegendClick
+      onNodeContextmenu
     };
   },
   render() {
@@ -650,14 +672,17 @@ const CalendarControl = /* @__PURE__ */ vue.defineComponent({
     };
     const renderTimeLine = () => {
       return vue.createVNode("div", {
-        "class": this.ns.b("timeline-content")
+        "ref": "infiniteScroll",
+        "class": this.ns.b("timeline-content"),
+        "onScroll": lodashEs.debounce(this.handleScrollLoad, 300)
       }, [vue.createVNode(vue.resolveComponent("el-timeline"), null, {
         default: () => [this.c.state.items.length > 0 ? this.c.state.items.map((item) => {
           var _a;
           const model = (_a = this.c.model.sysCalendarItems) == null ? void 0 : _a.find((calendarItems) => {
             return item.itemType === calendarItems.itemType;
           });
-          const temptime = item.beginTime ? dayjs(item.beginTime).format(this.c.timelineCaptionFormat) : item.beginTime;
+          const time = item[this.c.groupTimeField];
+          const temptime = time ? dayjs(time).format(this.c.timelineCaptionFormat) : time;
           return vue.createVNode(vue.resolveComponent("el-timeline-item"), {
             "key": item.id,
             "placement": "top",

package/lib/control/drtab/drtab-control.util.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 var vue = require('vue');
-var namespace = require('../../node_modules/.pnpm/@ibiz-template_core@0.7.41-alpha.33_axios@1.12.2_lodash-es@4.17.21_qs@6.14.0_qx-util@0.4.8_ramda@0.29.1/node_modules/@ibiz-template/core/out/utils/namespace/namespace.cjs');
+var namespace = require('../../node_modules/.pnpm/@ibiz-template_core@0.7.41-alpha.35_axios@1.12.2_lodash-es@4.17.21_qs@6.14.0_qx-util@0.4.8_ramda@0.29.1/node_modules/@ibiz-template/core/out/utils/namespace/namespace.cjs');
 
 "use strict";
 function useAppDRTab(c, controlRef, counterData) {

package/lib/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/form-mdctrl-repeater.util.cjs

@@ -0,0 +1,32 @@
+'use strict';
+
+var vue = require('vue');
+
+"use strict";
+function useLoadMore(initItems, chunkSize) {
+  let totalItems = [];
+  let page = 1;
+  const renderItems = vue.ref([]);
+  const updateTotalItems = (items) => {
+    page = 1;
+    totalItems = items != null ? items : [];
+    renderItems.value = totalItems.slice(0, chunkSize);
+  };
+  updateTotalItems(initItems);
+  const loadMore = () => {
+    if (renderItems.value.length >= totalItems.length) {
+      return;
+    }
+    page += 1;
+    const start = (page - 1) * chunkSize;
+    const end = page * chunkSize;
+    renderItems.value.push(...totalItems.slice(start, end));
+  };
+  return {
+    renderItems,
+    loadMore,
+    updateTotalItems
+  };
+}
+
+exports.useLoadMore = useLoadMore;

package/lib/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/repeater-grid/repeater-grid.cjs

@@ -6,6 +6,7 @@ var runtime = require('@ibiz-template/runtime');
 var qxUtil = require('qx-util');
 var vue3Util = require('@ibiz-template/vue3-util');
 var core = require('@ibiz-template/core');
+var formMdctrlRepeater_util = require('../form-mdctrl-repeater.util.cjs');
 require('./repeater-grid.css');
 
 "use strict";
@@ -26,14 +27,21 @@ const RepeaterGrid = /* @__PURE__ */ vue.defineComponent({
   setup(props, {
     emit
   }) {
+    var _a, _b;
     const ns = vue3Util.useNamespace("repeater-grid");
     const formItems = [];
     const tableRef = vue.ref();
     const tableKey = vue.ref(qxUtil.createUUID());
+    const chunkSize = ((_a = props.controller.model.ctrlParams) == null ? void 0 : _a.chunkSize) ? Number((_b = props.controller.model.ctrlParams) == null ? void 0 : _b.chunkSize) : 100;
+    const {
+      renderItems,
+      loadMore,
+      updateTotalItems
+    } = formMdctrlRepeater_util.useLoadMore(props.controller.value, chunkSize);
     core.recursiveIterate(props.controller.repeatedForm, (item) => {
-      var _a;
+      var _a2;
       if (item.detailType === "FORMITEM") {
-        if (((_a = item.editor) == null ? void 0 : _a.editorType) !== "HIDDEN") {
+        if (((_a2 = item.editor) == null ? void 0 : _a2.editorType) !== "HIDDEN") {
           formItems.push(item);
         }
       }
@@ -87,14 +95,15 @@ const RepeaterGrid = /* @__PURE__ */ vue.defineComponent({
           });
         }
       }
+      updateTotalItems(newVal || []);
     }, {
       immediate: true,
       deep: true
     });
     let sortable;
     const rowDrop = () => {
-      var _a, _b;
-      const wrapper = (_b = (_a = tableRef.value) == null ? void 0 : _a.$el) == null ? void 0 : _b.querySelector(".el-table__body-wrapper tbody");
+      var _a2, _b2;
+      const wrapper = (_b2 = (_a2 = tableRef.value) == null ? void 0 : _a2.$el) == null ? void 0 : _b2.querySelector(".el-table__body-wrapper tbody");
       if (!wrapper || !props.controller.enableSort)
         return;
       sortable = sortable_esm.default.create(wrapper, {
@@ -154,12 +163,19 @@ const RepeaterGrid = /* @__PURE__ */ vue.defineComponent({
       tableRef,
       tableKey,
       formItems,
+      renderItems,
       formControllers,
-      renderRemoveBtn
+      renderRemoveBtn,
+      loadMore
     };
   },
   render() {
+    var _a;
     let _slot3;
+    const tableHeight = (_a = this.controller.model.layoutPos) == null ? void 0 : _a.height;
+    const heightObject = tableHeight ? {
+      height: tableHeight
+    } : {};
     return vue.createVNode("div", {
       "class": this.ns.b()
     }, [this.controller.enableCreate && vue.createVNode(vue.resolveComponent("el-button"), {
@@ -169,104 +185,117 @@ const RepeaterGrid = /* @__PURE__ */ vue.defineComponent({
       }
     }, _isSlot(_slot3 = ibiz.i18n.t("app.add")) ? _slot3 : {
       default: () => [_slot3]
-    }), vue.createVNode(vue.resolveComponent("el-table"), {
+    }), vue.createVNode(vue.resolveComponent("el-table"), vue.mergeProps({
       "ref": "tableRef",
       "key": this.tableKey,
       "show-header": true,
       "class": this.ns.e("table"),
-      "data": this.controller.value,
+      "data": this.renderItems,
       "cell-class-name": ({
         columnIndex
       }) => {
         const shouldShowIndex = this.controller.enableSort ? columnIndex === 1 : columnIndex === 0;
         return shouldShowIndex ? this.ns.b("index") : "";
       }
-    }, {
-      default: () => [this.controller.enableSort && vue.createVNode(vue.resolveComponent("el-table-column"), {
-        "width": 26,
-        "type": "default"
-      }, {
-        default: () => vue.createVNode("svg", {
-          "viewBox": "0 0 16 16",
-          "xmlns": "http://www.w3.org/2000/svg",
-          "height": "1em",
-          "width": "1em",
-          "class": this.ns.e("drag-icon"),
-          "preserveAspectRatio": "xMidYMid meet",
-          "focusable": "false"
-        }, [vue.createVNode("g", {
-          "stroke-width": "1",
-          "fill-rule": "evenodd"
-        }, [vue.createVNode("g", {
-          "transform": "translate(5 1)",
-          "fill-rule": "nonzero"
-        }, [vue.createVNode("path", {
-          "d": "M1 2a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm4 0a1 1 0 1 1 0-2 1 1 0 0 1 0 2zM1 6a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm4 0a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm-4 4a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm4 0a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm-4 4a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm4 0a1 1 0 1 1 0-2 1 1 0 0 1 0 2z"
-        }, null)])])])
-      }), vue.createVNode(vue.resolveComponent("el-table-column"), {
-        "type": "index",
-        "width": 66,
-        "align": "center"
-      }, {
-        default: (opts) => {
-          const {
-            $index
-          } = opts;
-          if (!this.controller.enableDelete) {
-            return vue.createVNode("span", null, [$index + 1]);
-          }
-          return [this.renderRemoveBtn($index), vue.createVNode("span", {
-            "class": this.ns.be("index", "text")
-          }, [$index + 1])];
-        }
-      }), this.formItems.length > 0 && this.formItems.map((item) => {
-        const width = item.labelWidth;
-        let columnWidth = "";
-        if (typeof width === "number") {
-          columnWidth = "".concat(width, "px");
-        }
-        return vue.createVNode(vue.resolveComponent("el-table-column"), {
-          "label": item.caption,
-          "prop": item.id,
-          "width": columnWidth,
+    }, heightObject), {
+      default: () => {
+        return [this.controller.enableSort && vue.createVNode(vue.resolveComponent("el-table-column"), {
+          "width": 26,
+          "type": "default"
+        }, {
+          default: () => vue.createVNode("svg", {
+            "viewBox": "0 0 16 16",
+            "xmlns": "http://www.w3.org/2000/svg",
+            "height": "1em",
+            "width": "1em",
+            "class": this.ns.e("drag-icon"),
+            "preserveAspectRatio": "xMidYMid meet",
+            "focusable": "false"
+          }, [vue.createVNode("g", {
+            "stroke-width": "1",
+            "fill-rule": "evenodd"
+          }, [vue.createVNode("g", {
+            "transform": "translate(5 1)",
+            "fill-rule": "nonzero"
+          }, [vue.createVNode("path", {
+            "d": "M1 2a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm4 0a1 1 0 1 1 0-2 1 1 0 0 1 0 2zM1 6a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm4 0a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm-4 4a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm4 0a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm-4 4a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm4 0a1 1 0 1 1 0-2 1 1 0 0 1 0 2z"
+          }, null)])])])
+        }), vue.createVNode(vue.resolveComponent("el-table-column"), {
+          "type": "index",
+          "width": 66,
           "align": "center"
         }, {
           default: (opts) => {
             const {
               $index
             } = opts;
-            const formC = vue.toRaw(this.formControllers[$index]);
-            if (!formC || !formC.state.isLoaded) {
-              return vue.createVNode("div", null, [ibiz.i18n.t("control.form.repeaterGrid.absentOrLoad")]);
+            if (!this.controller.enableDelete) {
+              return vue.createVNode("span", null, [$index + 1]);
             }
-            const formItemC = formC.formItems.find((x) => x.name === item.id);
-            let editor = null;
-            if (!formItemC.editorProvider) {
-              editor = vue.createVNode(vue.resolveComponent("not-supported-editor"), {
-                "modelData": item.editor
-              }, null);
-            } else {
-              const component = vue.resolveComponent(formItemC.editorProvider.formEditor);
-              editor = vue.h(component, {
-                value: formItemC.value,
-                data: formItemC.data,
-                controller: formItemC.editor,
-                disabled: formItemC.state.disabled,
-                readonly: formItemC.state.readonly,
-                onChange: (val, name) => {
-                  formItemC.setDataValue(val, name);
-                }
-              });
+            return [this.renderRemoveBtn($index), vue.createVNode("span", {
+              "class": this.ns.be("index", "text")
+            }, [$index + 1])];
+          }
+        }), this.formItems.length > 0 && this.formItems.map((item) => {
+          const width = item.labelWidth;
+          let widthName = "width";
+          let columnWidth = "";
+          if (typeof width === "number") {
+            if (width === 1) {
+              widthName = "min-width";
             }
-            return vue.createVNode(vue.resolveComponent("iBizGridEditItem"), {
-              "error": formItemC.state.error,
-              "required": formItemC.state.required
-            }, _isSlot(editor) ? editor : {
-              default: () => [editor]
-            });
+            columnWidth = "".concat(width, "px");
           }
-        });
-      })]
+          return vue.createVNode(vue.resolveComponent("el-table-column"), vue.mergeProps({
+            "label": item.caption,
+            "prop": item.id
+          }, {
+            [widthName]: columnWidth
+          }, {
+            "align": "center"
+          }), {
+            default: (opts) => {
+              const {
+                $index
+              } = opts;
+              const formC = vue.toRaw(this.formControllers[$index]);
+              if (!formC || !formC.state.isLoaded) {
+                return vue.createVNode("div", null, [ibiz.i18n.t("control.form.repeaterGrid.absentOrLoad")]);
+              }
+              const formItemC = formC.formItems.find((x) => x.name === item.id);
+              let editor = null;
+              if (!formItemC.editorProvider) {
+                editor = vue.createVNode(vue.resolveComponent("not-supported-editor"), {
+                  "modelData": item.editor
+                }, null);
+              } else {
+                const component = vue.resolveComponent(formItemC.editorProvider.formEditor);
+                editor = vue.h(component, {
+                  value: formItemC.value,
+                  data: formItemC.data,
+                  controller: formItemC.editor,
+                  disabled: formItemC.state.disabled,
+                  readonly: formItemC.state.readonly,
+                  onChange: (val, name) => {
+                    formItemC.setDataValue(val, name);
+                  }
+                });
+              }
+              return vue.createVNode(vue.resolveComponent("iBizGridEditItem"), {
+                "error": formItemC.state.error,
+                "required": formItemC.state.required
+              }, _isSlot(editor) ? editor : {
+                default: () => [editor]
+              });
+            }
+          });
+        })];
+      },
+      append: () => {
+        return [tableHeight && vue.withDirectives(vue.createVNode("div", {
+          "infinite-scroll-distance": 20
+        }, null), [[vue.resolveDirective("infinite-scroll"), () => this.loadMore()]])];
+      }
     })]);
   }
 });

package/lib/control/tab-exp-panel/tab-exp-panel.cjs

@@ -54,19 +54,6 @@ const TabExpPanelControl = /* @__PURE__ */ vue.defineComponent({
     var _a;
     const c = vue3Util.useControlController((...args) => new runtime.TabExpPanelController(...args));
     const ns = vue3Util.useNamespace("control-".concat(c.model.controlType.toLowerCase()));
-    const counterData = vue.ref({});
-    const fn = (counter) => {
-      counterData.value = counter;
-    };
-    c.evt.on("onCreated", () => {
-      if (c.counter) {
-        c.counter.onChange(fn, true);
-      }
-    });
-    vue.onUnmounted(() => {
-      var _a2;
-      (_a2 = c.counter) == null ? void 0 : _a2.offChange(fn);
-    });
     const handleTabChange = () => {
       c.handleTabChange();
     };
@@ -100,7 +87,6 @@ const TabExpPanelControl = /* @__PURE__ */ vue.defineComponent({
       c,
       ns,
       tabPosition,
-      counterData,
       handleTabChange
     };
   },
@@ -108,7 +94,8 @@ const TabExpPanelControl = /* @__PURE__ */ vue.defineComponent({
     let _slot;
     const {
       isCreated,
-      tabPages
+      tabPages,
+      counterData
     } = this.c.state;
     return vue.createVNode(vue.resolveComponent("iBizControlBase"), {
       "controller": this.c
@@ -119,7 +106,7 @@ const TabExpPanelControl = /* @__PURE__ */ vue.defineComponent({
         "tabPosition": this.tabPosition,
         "onTabChange": this.handleTabChange
       }, _isSlot(_slot = tabPages.map((tab) => {
-        const counterNum = tab.counterId ? this.counterData[tab.counterId] : void 0;
+        const counterNum = tab.counterId ? counterData[tab.counterId] : void 0;
         return vue.createVNode(vue.resolveComponent("el-tab-pane"), {
           "class": [this.ns.e("tab-item")],
           "label": tab.caption,

package/lib/control/tree/tree.cjs

@@ -899,10 +899,11 @@ const TreeControl = /* @__PURE__ */ vue.defineComponent({
               }, [nodeData._text])];
             }
             return vue.createVNode("div", {
+              "class": [this.ns.b("node"), nodeData._disableSelect ? this.ns.bm("node", "disabled") : "", (_b = nodeModel.sysCss) == null ? void 0 : _b.cssName],
+              "title": nodeData._text,
               "onDblclick": (evt) => this.onNodeDbClick(nodeData, evt),
               "onClick": (evt) => this.onNodeClick(nodeData, data, evt),
-              "onContextmenu": (evt) => this.onNodeContextmenu(nodeData, evt),
-              "class": [this.ns.b("node"), nodeData._disableSelect ? this.ns.bm("node", "disabled") : "", (_b = nodeModel.sysCss) == null ? void 0 : _b.cssName]
+              "onContextmenu": (evt) => this.onNodeContextmenu(nodeData, evt)
             }, [content, this.renderCounter(nodeModel), this.renderContextMenu(nodeModel, nodeData)]);
           }
         }), !this.newNodeData && this.renderNewNode(), this.c.state.enableNavView && this.c.state.showNavIcon ? !this.c.state.showNavView ? vue.createVNode("ion-icon", {

package/lib/editor/text-box/input/input.css

@@ -1 +1 @@
-.ibiz-input{width:100%;height:100%;font-size:var(--ibiz-form-item-font-size);font-weight:var(--ibiz-form-item-regular);--ibiz-input-min-height:var(--ibiz-editor-default-line-height);--ibiz-input-ai-chat-bottom-tight:10px}.ibiz-input__ai-chat{display:flex;align-items:center;justify-content:center;position:absolute;right:var(--ibiz-spacing-base-tight);bottom:var(--ibiz-input-ai-chat-bottom-tight);width:calc(var(--ibiz-width-icon-medium) + 2 * var(--ibiz-spacing-tight));height:calc(var(--ibiz-width-icon-medium) + 2 * var(--ibiz-spacing-tight));padding:var(--ibiz-spacing-tight);font-size:var(--ibiz-width-icon-medium);color:var(--ibiz-color-primary-text);cursor:pointer;background-color:var(--ibiz-color-primary);border-radius:var(--ibiz-border-radius-circle)}.ibiz-input__ai-chat:hover{color:var(--ibiz-color-primary-hover-text);background-color:var(--ibiz-color-primary-hover)}.ibiz-input .el-input .el-input__inner{height:100%}.ibiz-input .el-input .el-input__inner::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-input .el-input .el-input__inner::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-input .el-textarea .el-textarea__inner{height:100%}.ibiz-input .el-textarea .el-textarea__inner::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color);word-break:break-word;white-space:pre-wrap}.ibiz-input .el-textarea .el-textarea__inner::placeholder{color:var(--ibiz-form-item-placeholder-color);word-break:break-word;white-space:pre-wrap}.ibiz-input .el-input__count{bottom:0}.ibiz-input .ibiz-input-input{height:100%}.ibiz-input .ibiz-input-input .el-input__wrapper{width:100%;min-height:var(--ibiz-input-min-height)}.ibiz-input--readonly{height:auto;overflow:auto;line-height:var(--ibiz-input-min-height);color:var(--ibiz-form-item-readonly-color);word-break:break-word;white-space:pre-wrap}.ibiz-input .el-input__suffix .ibiz-input__unit{font-style:normal}.ibiz-input .el-textarea__inner{min-height:32px!important}.ibiz-input-form-default-content{display:none}.ibiz-form-item .ibiz-input.is-show-default.is-textarea{padding:var(--ibiz-form-item-hover-edit-padding);overflow:hidden}.ibiz-form-item .ibiz-input.is-show-default.is-textarea .ibiz-input-form-default-content{display:block}.ibiz-form-item .ibiz-input.is-show-default.is-textarea .ibiz-input-input{display:none}.ibiz-form-item .ibiz-input.is-show-default:hover .ibiz-input-form-default-content{display:none}.ibiz-form-item .ibiz-input.is-show-default:hover .ibiz-input-input{display:inline-flex}.ibiz-form-item .ibiz-input.is-show-default .ibiz-input-form-default-content{display:flex;align-items:center;width:100%;padding:var(--ibiz-form-item-hover-edit-padding);font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color);word-wrap:break-word;white-space:pre-wrap}.ibiz-form-item .ibiz-input.is-show-default .ibiz-input-input{display:none;font-family:Arial,sans-serif}.ibiz-form-item .ibiz-input.is-show-default .ibiz-input-input.el-textarea .el-textarea__inner{word-wrap:break-word;white-space:pre-wrap}.ibiz-form-item .ibiz-input.is-show-default.is-editable .ibiz-input-form-default-content{display:none}.ibiz-form-item .ibiz-input.is-show-default.is-editable .ibiz-input-input{display:inline-flex}
+.ibiz-input{width:100%;height:100%;font-size:var(--ibiz-form-item-font-size);font-weight:var(--ibiz-form-item-regular);--ibiz-input-min-height:var(--ibiz-editor-default-line-height);--ibiz-input-ai-chat-bottom-tight:10px}.ibiz-input__ai-chat{display:flex;align-items:center;justify-content:center;position:absolute;right:var(--ibiz-spacing-base-tight);bottom:var(--ibiz-input-ai-chat-bottom-tight);width:calc(var(--ibiz-width-icon-medium) + 2 * var(--ibiz-spacing-tight));height:calc(var(--ibiz-width-icon-medium) + 2 * var(--ibiz-spacing-tight));padding:var(--ibiz-spacing-tight);font-size:var(--ibiz-width-icon-medium);color:var(--ibiz-color-primary-text);cursor:pointer;background-color:var(--ibiz-color-primary);border-radius:var(--ibiz-border-radius-circle)}.ibiz-input__ai-chat:hover{color:var(--ibiz-color-primary-hover-text);background-color:var(--ibiz-color-primary-hover)}.ibiz-input .el-input .el-input__inner{height:100%}.ibiz-input .el-input .el-input__inner::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-input .el-input .el-input__inner::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-input .el-textarea .el-textarea__inner{height:100%}.ibiz-input .el-textarea .el-textarea__inner::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color);word-break:break-word;white-space:pre-wrap}.ibiz-input .el-textarea .el-textarea__inner::placeholder{color:var(--ibiz-form-item-placeholder-color);word-break:break-word;white-space:pre-wrap}.ibiz-input .el-input__count{bottom:0}.ibiz-input .ibiz-input-input{height:100%}.ibiz-input .ibiz-input-input .el-input__wrapper{width:100%;min-height:var(--ibiz-input-min-height)}.ibiz-input--readonly{height:auto;overflow:auto;line-height:var(--ibiz-input-min-height);color:var(--ibiz-form-item-readonly-color);word-break:break-word;white-space:pre-wrap}.ibiz-input .el-input__suffix .ibiz-input__unit{font-style:normal}.ibiz-input .el-textarea__inner{min-height:32px!important}.ibiz-input-form-default-content{display:none}.ibiz-form-item .ibiz-input.is-show-default.is-textarea{overflow:hidden}.ibiz-form-item .ibiz-input.is-show-default.is-textarea .ibiz-input-form-default-content{display:block}.ibiz-form-item .ibiz-input.is-show-default.is-textarea .ibiz-input-input{display:none}.ibiz-form-item .ibiz-input.is-show-default:hover .ibiz-input-form-default-content{display:none}.ibiz-form-item .ibiz-input.is-show-default:hover .ibiz-input-input{display:inline-flex}.ibiz-form-item .ibiz-input.is-show-default .ibiz-input-form-default-content{display:flex;align-items:center;width:100%;padding:var(--ibiz-form-item-hover-edit-padding);font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color);word-wrap:break-word;white-space:pre-wrap}.ibiz-form-item .ibiz-input.is-show-default .ibiz-input-input{display:none;font-family:Arial,sans-serif}.ibiz-form-item .ibiz-input.is-show-default .ibiz-input-input.el-textarea .el-textarea__inner{word-wrap:break-word;white-space:pre-wrap}.ibiz-form-item .ibiz-input.is-show-default.is-editable .ibiz-input-form-default-content{display:none}.ibiz-form-item .ibiz-input.is-show-default.is-editable .ibiz-input-input{display:inline-flex}

package/lib/panel-component/nav-breadcrumb/nav-breadcrumb.util.cjs

@@ -73,7 +73,7 @@ function getViewInfoByViewStack(viewName, context) {
   const indexViewName = getAppIndexViewName(context);
   if (view) {
     let isEmbed = false;
-    if (view.parentView && view.parentView.model.codeName !== indexViewName) {
+    if (view.parentView && view.parentView.model.codeName !== indexViewName && view.parentView.model.viewType !== "APPINDEXVIEW") {
       isEmbed = true;
     }
     const data = view.state.srfactiveviewdata;

package/lib/panel-component/user-message/internal-message/internal-message-json/internal-message-json.cjs

@@ -38,6 +38,10 @@ const InternalMessageJSON = /* @__PURE__ */ vue.defineComponent({
       const url = ibiz.env.isMob ? props.message.mobile_url : props.message.url;
       return url || ((_a = jsonContent.value) == null ? void 0 : _a.redirecturl);
     });
+    const isWFMessage = vue.computed(() => {
+      var _a;
+      return (_a = jsonContent.value) == null ? void 0 : _a.todoid;
+    });
     const toolbarItems = vue.computed(() => {
       if (!redirectUrl.value) {
         return void 0;
@@ -59,6 +63,7 @@ const InternalMessageJSON = /* @__PURE__ */ vue.defineComponent({
       jsonContent,
       toolbarItems,
       redirectUrl,
+      isWFMessage,
       onToolbarClick
     };
   },
@@ -98,7 +103,7 @@ const InternalMessageJSON = /* @__PURE__ */ vue.defineComponent({
       "class": [this.ns.b()],
       "message": this.message,
       "provider": this.provider,
-      "clickable": !!this.redirectUrl,
+      "clickable": !!this.redirectUrl || !!this.isWFMessage,
       "toolbarItems": this.toolbarItems,
       "onToolbarClick": this.onToolbarClick,
       "onClose": () => this.$emit("close")

package/lib/panel-component/user-message/internal-message/internal-message-json/internal-message-json.provider.cjs

@@ -1,5 +1,7 @@
 'use strict';
 
+var core = require('@ibiz-template/core');
+var runtime = require('@ibiz-template/runtime');
 var internalMessageJson = require('./internal-message-json.cjs');
 require('../common/index.cjs');
 var internalMessageDefault_provider = require('../common/internal-message-default/internal-message-default.provider.cjs');
@@ -15,8 +17,39 @@ class InternalMessageJSONtProvider extends internalMessageDefault_provider.Inter
   constructor() {
     super(...arguments);
     __publicField(this, "component", internalMessageJson.InternalMessageJSON);
+    // 待办
+    __publicField(this, "PREKEY_WFINST", "WFINST__");
+    // 已完成
+    __publicField(this, "PREKEY_TODOHIS", "TODOHIS__");
+    // 抄送
+    __publicField(this, "PREKEY_CARBONCOPY", "CARBONCOPY__");
+  }
+  /**
+   * 计算工作流参数
+   * @param json
+   * @returns
+   */
+  computeWFParams(json) {
+    switch (json.todostate) {
+      case "ACTIVE":
+        return {
+          preKey: "",
+          subType: "Todo"
+        };
+      case "COMPLETED":
+        return {
+          preKey: this.PREKEY_TODOHIS,
+          subType: "Done"
+        };
+      default:
+        return {
+          preKey: "",
+          subType: ""
+        };
+    }
   }
   async onClick(message, event) {
+    var _a;
     const result = await super.onClick(message, event);
     if (!result && message.content_type === "JSON" && message.content) {
       const json = JSON.parse(message.content);
@@ -24,6 +57,27 @@ class InternalMessageJSONtProvider extends internalMessageDefault_provider.Inter
         this.openRedirectView(message, json.redirecturl);
         return true;
       }
+      if (json.todoid && json.biztype) {
+        if (ibiz.env.isPortalApp) {
+          ibiz.log.error("\u95E8\u6237\u5E94\u7528\u6682\u4E0D\u652F\u6301\u8DF3\u8F6C\u5DE5\u4F5C\u6D41");
+        } else {
+          const mainApp = ibiz.hub.getApp();
+          const { preKey, subType } = this.computeWFParams(json);
+          const res = await ibiz.net.post(
+            "/systodos/".concat(preKey).concat(json.todoid, "/getlinkurl"),
+            {
+              srfapptype: "pc",
+              srfapp: mainApp.model.codeName,
+              todosubtype: subType,
+              todourltype: "RouterUrl"
+            }
+          );
+          if (res.data && res.data.linkurl) {
+            const context = core.IBizContext.create(((_a = ibiz.appData) == null ? void 0 : _a.context) || {});
+            await runtime.toLocalOpenWFRedirectView(context, res.data.linkurl);
+          }
+        }
+      }
     }
     return true;
   }

package/lib/util/fullscreen/fullscreen-util.cjs

@@ -2,7 +2,7 @@
 
 var vue = require('vue');
 var ElementPlus = require('element-plus');
-var namespace = require('../../node_modules/.pnpm/@ibiz-template_core@0.7.41-alpha.33_axios@1.12.2_lodash-es@4.17.21_qs@6.14.0_qx-util@0.4.8_ramda@0.29.1/node_modules/@ibiz-template/core/out/utils/namespace/namespace.cjs');
+var namespace = require('../../node_modules/.pnpm/@ibiz-template_core@0.7.41-alpha.35_axios@1.12.2_lodash-es@4.17.21_qs@6.14.0_qx-util@0.4.8_ramda@0.29.1/node_modules/@ibiz-template/core/out/utils/namespace/namespace.cjs');
 var fullscreenToolbar = require('../../common/fullscreen-toolbar/fullscreen-toolbar.cjs');
 
 "use strict";

package/lib/util/modal-util/modal-util.cjs

@@ -33,6 +33,16 @@ class ModalUtil {
       ElementPlus.ElMessageBox.confirm(params.desc, params.title, params).then(() => resolve(true)).catch(() => resolve(false));
     });
   }
+  async extendConfirm(params) {
+    return new Promise((resolve) => {
+      ElementPlus.ElMessageBox.confirm(params.desc, params.title, {
+        ...params,
+        ...params.options
+      }).then(() => resolve("yes")).catch(
+        (action) => resolve(action === "cancel" ? "no" : "cancel")
+      );
+    });
+  }
 }
 
 exports.ModalUtil = ModalUtil;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ibiz-template/vue3-components",
-  "version": "0.7.41-alpha.35",
+  "version": "0.7.41-alpha.37",
   "description": "web端组件库(vue3)",
   "main": "lib/index.cjs",
   "module": "es/index.mjs",
@@ -32,14 +32,14 @@
     "@floating-ui/dom": "^1.5.3",
     "@ibiz-template-plugin/ai-chat": "^0.0.32",
     "@ibiz-template-plugin/gantt": "0.1.8-alpha.316",
-    "@ibiz-template-plugin/bi-report": "0.0.29",
+    "@ibiz-template-plugin/bi-report": "0.0.30",
     "@ibiz-template-plugin/data-view": "0.0.6",
-    "@ibiz-template/core": "0.7.41-alpha.33",
+    "@ibiz-template/core": "0.7.41-alpha.35",
     "@ibiz-template/devtool": "0.0.13",
-    "@ibiz-template/model-helper": "0.7.41-alpha.34",
-    "@ibiz-template/runtime": "0.7.41-alpha.34",
+    "@ibiz-template/model-helper": "0.7.41-alpha.36",
+    "@ibiz-template/runtime": "0.7.41-alpha.36",
     "@ibiz-template/theme": "0.7.39",
-    "@ibiz-template/vue3-util": "0.7.41-alpha.34",
+    "@ibiz-template/vue3-util": "0.7.41-alpha.36",
     "@ibiz-template/web-theme": "3.9.0",
     "@ibiz/model-core": "^0.1.83",
     "@imengyu/vue3-context-menu": "^1.3.5",