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

package/es/control/calendar/calendar.mjs

@@ -1,7 +1,8 @@
-import { isVNode, defineComponent, createVNode, resolveComponent, ref, watch } from 'vue';
+import { isVNode, defineComponent, createVNode, resolveComponent, ref, computed, watch } from 'vue';
 import { hasEmptyPanelRenderer, IBizCustomRender, useControlController, useNamespace, useUIStore } from '@ibiz-template/vue3-util';
 import { CalendarController } from '@ibiz-template/runtime';
 import dayjs from 'dayjs';
+import { debounce } from 'lodash-es';
 import { showTitle } from '@ibiz-template/core';
 import { IBizCustomCalendar } from './components/custom-calendar/index.mjs';
 import { isTimeBetween, useCalendarLegend, getWeekRange } from './calendar-util.mjs';
@@ -80,6 +81,13 @@ const CalendarControl = /* @__PURE__ */ defineComponent({
     const curPopover = ref();
     const showDateRange = ref(c.controlParams.showmode === "daterange");
     const showDateList = ref(c.controlParams.showmode === "expand");
+    const infiniteScroll = ref();
+    const disabledLodeMore = 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
@@ -116,6 +124,17 @@ const CalendarControl = /* @__PURE__ */ defineComponent({
     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 = ref("");
     const selectDate = (tag) => {
       if (!calendarRef.value)
@@ -372,15 +391,18 @@ const CalendarControl = /* @__PURE__ */ defineComponent({
       ns,
       curPopover,
       calendarRef,
-      showDateRange,
-      showDateList,
-      popoverValue,
       legendItems,
+      popoverValue,
+      showDateList,
+      showDateRange,
+      infiniteScroll,
+      disabledLodeMore,
       selectDate,
       calcItemStyle,
+      handleScrollLoad,
+      monthLegendClick,
       calcCalendarItems,
-      onNodeContextmenu,
-      monthLegendClick
+      onNodeContextmenu
     };
   },
   render() {
@@ -648,14 +670,17 @@ const CalendarControl = /* @__PURE__ */ defineComponent({
     };
     const renderTimeLine = () => {
       return createVNode("div", {
-        "class": this.ns.b("timeline-content")
+        "ref": "infiniteScroll",
+        "class": this.ns.b("timeline-content"),
+        "onScroll": debounce(this.handleScrollLoad, 300)
       }, [createVNode(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 createVNode(resolveComponent("el-timeline-item"), {
             "key": item.id,
             "placement": "top",

package/es/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/form-mdctrl-repeater.util.mjs

@@ -0,0 +1,30 @@
+import { ref } from 'vue';
+
+"use strict";
+function useLoadMore(initItems, chunkSize) {
+  let totalItems = [];
+  let page = 1;
+  const renderItems = 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
+  };
+}
+
+export { useLoadMore };

package/es/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/repeater-grid/repeater-grid.mjs

@@ -1,9 +1,10 @@
-import { isVNode, defineComponent, createVNode, resolveComponent, toRaw, h, ref, reactive, watch, onUnmounted } from 'vue';
+import { isVNode, defineComponent, createVNode, resolveComponent, mergeProps, withDirectives, resolveDirective, toRaw, h, ref, reactive, watch, onUnmounted } from 'vue';
 import Sortable from '../../../../../../node_modules/.pnpm/sortablejs@1.15.6/node_modules/sortablejs/modular/sortable.esm.mjs';
 import { EditFormController, ControlVO, FormMDCtrlRepeaterController } from '@ibiz-template/runtime';
 import { createUUID } from 'qx-util';
 import { useNamespace, useCtx } from '@ibiz-template/vue3-util';
 import { recursiveIterate, showTitle } from '@ibiz-template/core';
+import { useLoadMore } from '../form-mdctrl-repeater.util.mjs';
 import './repeater-grid.css';
 
 "use strict";
@@ -24,14 +25,21 @@ const RepeaterGrid = /* @__PURE__ */ defineComponent({
   setup(props, {
     emit
   }) {
+    var _a, _b;
     const ns = useNamespace("repeater-grid");
     const formItems = [];
     const tableRef = ref();
     const tableKey = ref(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
+    } = useLoadMore(props.controller.value, chunkSize);
     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);
         }
       }
@@ -85,14 +93,15 @@ const RepeaterGrid = /* @__PURE__ */ 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.create(wrapper, {
@@ -152,12 +161,19 @@ const RepeaterGrid = /* @__PURE__ */ 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 createVNode("div", {
       "class": this.ns.b()
     }, [this.controller.enableCreate && createVNode(resolveComponent("el-button"), {
@@ -167,104 +183,117 @@ const RepeaterGrid = /* @__PURE__ */ defineComponent({
       }
     }, _isSlot(_slot3 = ibiz.i18n.t("app.add")) ? _slot3 : {
       default: () => [_slot3]
-    }), createVNode(resolveComponent("el-table"), {
+    }), createVNode(resolveComponent("el-table"), 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 && createVNode(resolveComponent("el-table-column"), {
-        "width": 26,
-        "type": "default"
-      }, {
-        default: () => 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"
-        }, [createVNode("g", {
-          "stroke-width": "1",
-          "fill-rule": "evenodd"
-        }, [createVNode("g", {
-          "transform": "translate(5 1)",
-          "fill-rule": "nonzero"
-        }, [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)])])])
-      }), createVNode(resolveComponent("el-table-column"), {
-        "type": "index",
-        "width": 66,
-        "align": "center"
-      }, {
-        default: (opts) => {
-          const {
-            $index
-          } = opts;
-          if (!this.controller.enableDelete) {
-            return createVNode("span", null, [$index + 1]);
-          }
-          return [this.renderRemoveBtn($index), 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 createVNode(resolveComponent("el-table-column"), {
-          "label": item.caption,
-          "prop": item.id,
-          "width": columnWidth,
+    }, heightObject), {
+      default: () => {
+        return [this.controller.enableSort && createVNode(resolveComponent("el-table-column"), {
+          "width": 26,
+          "type": "default"
+        }, {
+          default: () => 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"
+          }, [createVNode("g", {
+            "stroke-width": "1",
+            "fill-rule": "evenodd"
+          }, [createVNode("g", {
+            "transform": "translate(5 1)",
+            "fill-rule": "nonzero"
+          }, [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)])])])
+        }), createVNode(resolveComponent("el-table-column"), {
+          "type": "index",
+          "width": 66,
           "align": "center"
         }, {
           default: (opts) => {
             const {
               $index
             } = opts;
-            const formC = toRaw(this.formControllers[$index]);
-            if (!formC || !formC.state.isLoaded) {
-              return createVNode("div", null, [ibiz.i18n.t("control.form.repeaterGrid.absentOrLoad")]);
+            if (!this.controller.enableDelete) {
+              return createVNode("span", null, [$index + 1]);
             }
-            const formItemC = formC.formItems.find((x) => x.name === item.id);
-            let editor = null;
-            if (!formItemC.editorProvider) {
-              editor = createVNode(resolveComponent("not-supported-editor"), {
-                "modelData": item.editor
-              }, null);
-            } else {
-              const component = resolveComponent(formItemC.editorProvider.formEditor);
-              editor = 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), 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 createVNode(resolveComponent("iBizGridEditItem"), {
-              "error": formItemC.state.error,
-              "required": formItemC.state.required
-            }, _isSlot(editor) ? editor : {
-              default: () => [editor]
-            });
+            columnWidth = "".concat(width, "px");
           }
-        });
-      })]
+          return createVNode(resolveComponent("el-table-column"), mergeProps({
+            "label": item.caption,
+            "prop": item.id
+          }, {
+            [widthName]: columnWidth
+          }, {
+            "align": "center"
+          }), {
+            default: (opts) => {
+              const {
+                $index
+              } = opts;
+              const formC = toRaw(this.formControllers[$index]);
+              if (!formC || !formC.state.isLoaded) {
+                return 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 = createVNode(resolveComponent("not-supported-editor"), {
+                  "modelData": item.editor
+                }, null);
+              } else {
+                const component = resolveComponent(formItemC.editorProvider.formEditor);
+                editor = 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 createVNode(resolveComponent("iBizGridEditItem"), {
+                "error": formItemC.state.error,
+                "required": formItemC.state.required
+              }, _isSlot(editor) ? editor : {
+                default: () => [editor]
+              });
+            }
+          });
+        })];
+      },
+      append: () => {
+        return [tableHeight && withDirectives(createVNode("div", {
+          "infinite-scroll-distance": 20
+        }, null), [[resolveDirective("infinite-scroll"), () => this.loadMore()]])];
+      }
     })]);
   }
 });

package/es/control/tab-exp-panel/tab-exp-panel.mjs

@@ -1,4 +1,4 @@
-import { isVNode, defineComponent, createVNode, resolveComponent, ref, onUnmounted, watch } from 'vue';
+import { isVNode, defineComponent, createVNode, resolveComponent, watch } from 'vue';
 import { useControlController, useNamespace, getNestedRoutePath, route2routePath } from '@ibiz-template/vue3-util';
 import './tab-exp-panel.css';
 import { TabExpPanelController } from '@ibiz-template/runtime';
@@ -52,19 +52,6 @@ const TabExpPanelControl = /* @__PURE__ */ defineComponent({
     var _a;
     const c = useControlController((...args) => new TabExpPanelController(...args));
     const ns = useNamespace("control-".concat(c.model.controlType.toLowerCase()));
-    const counterData = ref({});
-    const fn = (counter) => {
-      counterData.value = counter;
-    };
-    c.evt.on("onCreated", () => {
-      if (c.counter) {
-        c.counter.onChange(fn, true);
-      }
-    });
-    onUnmounted(() => {
-      var _a2;
-      (_a2 = c.counter) == null ? void 0 : _a2.offChange(fn);
-    });
     const handleTabChange = () => {
       c.handleTabChange();
     };
@@ -98,7 +85,6 @@ const TabExpPanelControl = /* @__PURE__ */ defineComponent({
       c,
       ns,
       tabPosition,
-      counterData,
       handleTabChange
     };
   },
@@ -106,7 +92,8 @@ const TabExpPanelControl = /* @__PURE__ */ defineComponent({
     let _slot;
     const {
       isCreated,
-      tabPages
+      tabPages,
+      counterData
     } = this.c.state;
     return createVNode(resolveComponent("iBizControlBase"), {
       "controller": this.c
@@ -117,7 +104,7 @@ const TabExpPanelControl = /* @__PURE__ */ 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 createVNode(resolveComponent("el-tab-pane"), {
           "class": [this.ns.e("tab-item")],
           "label": tab.caption,

package/es/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/es/panel-component/nav-breadcrumb/nav-breadcrumb.util.mjs

@@ -71,7 +71,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/es/panel-component/user-message/internal-message/internal-message-json/internal-message-json.provider.mjs

@@ -66,8 +66,8 @@ class InternalMessageJSONtProvider extends InternalMessageDefaultProvider {
             {
               srfapptype: "pc",
               srfapp: mainApp.model.codeName,
-              todosubtype: subType
-              // todourltype: 'RouterUrl',
+              todosubtype: subType,
+              todourltype: "RouterUrl"
             }
           );
           if (res.data && res.data.linkurl) {

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/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;