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

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/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.provider.cjs

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ibiz-template/vue3-components",
-  "version": "0.7.41-alpha.36",
+  "version": "0.7.41-alpha.37",
   "description": "web端组件库(vue3)",
   "main": "lib/index.cjs",
   "module": "es/index.mjs",
@@ -36,10 +36,10 @@
     "@ibiz-template-plugin/data-view": "0.0.6",
     "@ibiz-template/core": "0.7.41-alpha.35",
     "@ibiz-template/devtool": "0.0.13",
-    "@ibiz-template/model-helper": "0.7.41-alpha.35",
-    "@ibiz-template/runtime": "0.7.41-alpha.35",
+    "@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.35",
+    "@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",