@ibiz-template/vue3-components 0.7.41-alpha.136 → 0.7.41-alpha.138

package/es/common/back-top/back-top.css

@@ -0,0 +1 @@
+.ibiz-back-top{position:absolute;display:flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:20px;color:var(--ibiz-color-text-0);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--ibiz-color-white);border-radius:50%;box-shadow:0 0 6px rgba(0,0,0,.12)}.ibiz-back-top:hover{color:var(--ibiz-color-white);background-color:var(--ibiz-color-primary-hover)}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}

package/es/common/back-top/back-top.mjs

@@ -0,0 +1,201 @@
+import { isVNode, defineComponent, createVNode, Teleport, ref, computed, watch, onMounted, onUnmounted, Transition } from 'vue';
+import { useUIStore, useNamespace } from '@ibiz-template/vue3-util';
+import './back-top.css';
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const IBizBackTop = /* @__PURE__ */ defineComponent({
+  name: "IBizBackTop",
+  props: {
+    mode: {
+      type: String,
+      default: "bottom"
+    },
+    target: {
+      type: [String, Object],
+      default: ""
+    },
+    right: {
+      type: [Number, String],
+      default: 30
+    },
+    bottom: {
+      type: [Number, String],
+      default: 40
+    },
+    offset: {
+      type: Number,
+      default: 200
+    },
+    teleport: {
+      type: [String, Object],
+      default: ""
+    },
+    immediate: {
+      type: Boolean,
+      default: false
+    },
+    zIndex: {
+      type: [Number, String],
+      default: 5
+    }
+  },
+  setup(props, {
+    slots
+  }) {
+    const {
+      zIndex
+    } = useUIStore();
+    const ns = useNamespace("back-top");
+    const zIndexVal = zIndex.increment();
+    const isVisible = ref(false);
+    const isAtBottom = ref(false);
+    const scrollContainer = ref(null);
+    const positionStyle = computed(() => {
+      const rightVal = typeof props.right === "number" ? "".concat(props.right, "px") : props.right;
+      const bottomVal = typeof props.bottom === "number" ? "".concat(props.bottom, "px") : props.bottom;
+      return {
+        right: rightVal,
+        bottom: bottomVal,
+        zIndex: props.zIndex || zIndexVal
+      };
+    });
+    const getScrollContainer = () => {
+      if (!props.target)
+        return document.documentElement;
+      if (typeof props.target === "string") {
+        return document.querySelector(props.target);
+      }
+      return props.target;
+    };
+    const getScrollData = () => {
+      const el = scrollContainer.value;
+      if (!el)
+        return {
+          scrollTop: 0,
+          scrollHeight: 0,
+          clientHeight: 0
+        };
+      return {
+        scrollTop: el.scrollTop,
+        scrollHeight: el.scrollHeight,
+        clientHeight: el.clientHeight
+      };
+    };
+    const handleScroll = () => {
+      const {
+        scrollTop,
+        scrollHeight,
+        clientHeight
+      } = getScrollData();
+      const atBottom = scrollTop + clientHeight >= scrollHeight - props.offset;
+      isAtBottom.value = atBottom;
+      if (props.mode === "top") {
+        isVisible.value = scrollTop > props.offset;
+      } else if (props.mode === "bottom") {
+        const distanceToBottom = scrollHeight - scrollTop - clientHeight;
+        isVisible.value = distanceToBottom > props.offset;
+      } else {
+        if (atBottom) {
+          isVisible.value = scrollTop > props.offset;
+        } else {
+          if (scrollHeight - scrollTop - clientHeight > props.offset)
+            isVisible.value = true;
+        }
+      }
+    };
+    const scrollTo = () => {
+      const el = scrollContainer.value;
+      if (!el)
+        return;
+      let targetPosition = 0;
+      if (props.mode === "bottom") {
+        targetPosition = getScrollData().scrollHeight;
+      } else if (props.mode === "auto") {
+        targetPosition = isAtBottom.value ? 0 : getScrollData().scrollHeight;
+      } else {
+        targetPosition = 0;
+      }
+      el.scrollTo({
+        top: targetPosition,
+        behavior: props.immediate ? "auto" : "smooth"
+      });
+    };
+    const bindEvents = () => {
+      scrollContainer.value = getScrollContainer();
+      if (scrollContainer.value) {
+        scrollContainer.value.addEventListener("scroll", handleScroll, {
+          passive: true
+        });
+        setTimeout(() => handleScroll(), 300);
+      }
+    };
+    const unbindEvents = () => {
+      if (scrollContainer.value) {
+        scrollContainer.value.removeEventListener("scroll", handleScroll);
+      }
+    };
+    watch(() => props.target, () => {
+      unbindEvents();
+      bindEvents();
+    });
+    onMounted(() => {
+      bindEvents();
+    });
+    onUnmounted(() => {
+      zIndex.decrement();
+      unbindEvents();
+    });
+    const renderIcon = () => {
+      if (props.mode === "bottom")
+        return createVNode("ion-icon", {
+          "name": "chevron-down-outline"
+        }, null);
+      if (props.mode === "top")
+        return createVNode("ion-icon", {
+          "name": "chevron-up-outline"
+        }, null);
+      if (isAtBottom.value)
+        return createVNode("ion-icon", {
+          "name": "chevron-up-outline"
+        }, null);
+      return createVNode("ion-icon", {
+        "name": "chevron-down-outline"
+      }, null);
+    };
+    const renderContent = () => {
+      return createVNode(Transition, {
+        "name": "fade"
+      }, {
+        default: () => [isVisible.value && createVNode("div", {
+          "class": ns.b(),
+          "onClick": scrollTo,
+          "style": positionStyle.value
+        }, [slots.default ? slots.default() : renderIcon()])]
+      });
+    };
+    return {
+      ns,
+      isVisible,
+      positionStyle,
+      scrollTo,
+      renderIcon,
+      renderContent
+    };
+  },
+  render() {
+    let _slot;
+    if (!this.teleport)
+      return this.renderContent();
+    return createVNode(Teleport, {
+      "to": this.teleport,
+      "disabled": !this.teleport
+    }, _isSlot(_slot = this.renderContent()) ? _slot : {
+      default: () => [_slot]
+    });
+  }
+});
+
+export { IBizBackTop };

package/es/common/index.mjs

@@ -35,10 +35,12 @@ import { IBizCropping } from './cropping/cropping.mjs';
 import { IBizEditorEmptyText } from './editor-empty-text/editor-empty-text.mjs';
 import { IBizKanbanSetting } from './kanben-setting/kanben-setting.mjs';
 import { IBizHighLightCode } from './high-light-code/high-light-code.mjs';
+import { IBizBackTop } from './back-top/back-top.mjs';
 
 "use strict";
 const IBizCommonComponents = {
   install: (v) => {
+    v.component(IBizBackTop.name, IBizBackTop);
     v.component(IBizKanbanSetting.name, IBizKanbanSetting);
     v.component(IBizEditorEmptyText.name, IBizEditorEmptyText);
     v.component(IBizCropping.name, IBizCropping);

package/es/control/data-view/data-view.mjs

@@ -1,6 +1,6 @@
-import { isVNode, defineComponent, createVNode, resolveComponent, ref, computed, watch, h, withDirectives, resolveDirective, Fragment } from 'vue';
+import { isVNode, defineComponent, createVNode, resolveComponent, mergeProps, ref, computed, watch, h, withDirectives, resolveDirective, Fragment } from 'vue';
 import { useControlController, useNamespace, useControlPopoverzIndex, useSemanticNode, hasEmptyPanelRenderer, IBizCustomRender } from '@ibiz-template/vue3-util';
-import { DataViewControlController, ControlVO, getMDCtrlItemProvider, getControl } from '@ibiz-template/runtime';
+import { DataViewControlController, ControlVO, getMDCtrlItemProvider, getControl, filterPresetAttrs, ScriptFactory } from '@ibiz-template/runtime';
 import { createUUID } from 'qx-util';
 import draggable from 'vuedraggable';
 import '../../util/index.mjs';
@@ -774,17 +774,26 @@ const DataViewControl = /* @__PURE__ */ defineComponent({
         return renderUserStyle();
       return renderDefaultStyle();
     };
+    function renderAttrs() {
+      const attrs = {};
+      filterPresetAttrs(c.model.controlAttributes).forEach((item) => {
+        attrs[item.attrName] = ScriptFactory.execSingleLine(item.attrValue, {
+          ...c.getEventArgs()
+        });
+      });
+      return attrs;
+    }
     return {
       c,
       ns,
       semanticClass,
       semanticStyle,
       infiniteScroll,
+      renderAttrs,
       renderLayoutByStyle
     };
   },
   render() {
-    let _slot;
     return createVNode(resolveComponent("iBizControlNavigation"), {
       "controller": this.c
     }, {
@@ -792,8 +801,11 @@ const DataViewControl = /* @__PURE__ */ defineComponent({
         "class": [this.semanticClass("root"), this.ns.is("enable-page", !!this.c.state.enablePagingBar)],
         "style": this.semanticStyle("root"),
         "controller": this.c
-      }, _isSlot(_slot = this.renderLayoutByStyle()) ? _slot : {
-        default: () => [_slot]
+      }, {
+        default: () => [this.renderLayoutByStyle(), this.c.state.isLoaded && this.c.showScrollTo !== "none" && createVNode(resolveComponent("iBizBackTop"), mergeProps({
+          "target": this.infiniteScroll,
+          "mode": this.c.showScrollTo
+        }, this.renderAttrs()), null)]
       })]
     });
   }

package/es/control/list/list.mjs

@@ -1,7 +1,7 @@
-import { isVNode, defineComponent, createVNode, resolveComponent, ref, computed, watch, h } from 'vue';
+import { isVNode, defineComponent, createVNode, resolveComponent, mergeProps, ref, computed, watch, h } from 'vue';
 import { useControlController, useNamespace, useControlPopoverzIndex, useSemanticNode, hasEmptyPanelRenderer, IBizCustomRender } from '@ibiz-template/vue3-util';
 import { isNil, debounce } from 'lodash-es';
-import { ListController, ControlVO, getMDCtrlItemProvider } from '@ibiz-template/runtime';
+import { ListController, ControlVO, getMDCtrlItemProvider, filterPresetAttrs, ScriptFactory } from '@ibiz-template/runtime';
 import draggable from 'vuedraggable';
 import { showTitle } from '@ibiz-template/core';
 import '../../util/index.mjs';
@@ -669,6 +669,15 @@ const ListControl = /* @__PURE__ */ defineComponent({
         length: Math.min(count, 20)
       }, () => renderSkeletonItem())])]);
     };
+    function renderAttrs() {
+      const attrs = {};
+      filterPresetAttrs(c.model.controlAttributes).forEach((item) => {
+        attrs[item.attrName] = ScriptFactory.execSingleLine(item.attrValue, {
+          ...c.getEventArgs()
+        });
+      });
+      return attrs;
+    }
     return {
       c,
       ns,
@@ -677,6 +686,7 @@ const ListControl = /* @__PURE__ */ defineComponent({
       semanticStyle,
       reverseScroll,
       infiniteScroll,
+      renderAttrs,
       renderNoData,
       onPageChange,
       onPageRefresh,
@@ -722,7 +732,10 @@ const ListControl = /* @__PURE__ */ defineComponent({
           "title": ibiz.i18n.t("component.controlNavigation.hiddenNav"),
           "name": "eye-off-outline",
           "onClick": () => this.c.onShowNavViewChange()
-        }, null) : null, !this.reverseScroll && this.renderCollapseExpandIcon()]
+        }, null) : null, !this.reverseScroll && this.renderCollapseExpandIcon(), this.c.state.isLoaded && this.c.showScrollTo !== "none" && createVNode(resolveComponent("iBizBackTop"), mergeProps({
+          "target": this.infiniteScroll,
+          "mode": this.c.showScrollTo
+        }, this.renderAttrs()), null)]
       })]
     });
   }

package/es/editor/text-box/input/input.mjs

@@ -1,5 +1,6 @@
 import { isVNode, defineComponent, createVNode, resolveComponent, withDirectives, mergeProps, resolveDirective, ref, computed, watch, onUnmounted } from 'vue';
 import { debounce } from 'lodash-es';
+import { createUUID } from 'qx-util';
 import { useNamespace, useSemanticNode, useUIStore, useCodeListListen, getEditorEmits, getInputProps } from '@ibiz-template/vue3-util';
 import { isEmoji, base64ToStr } from '@ibiz-template/core';
 import './input.css';
@@ -281,6 +282,20 @@ const IBizInput = /* @__PURE__ */ defineComponent({
       }
     };
     useCodeListListen(c.model.appCodeListId, c.context.srfappid, fn);
+    const curInstanceUUID = ref("");
+    const initCurInstanceUUID = () => {
+      const {
+        predefinedType
+      } = c.model;
+      if (predefinedType === "AUTH_USERID") {
+        curInstanceUUID.value = "login-username";
+      } else if (predefinedType === "AUTH_PASSWORD") {
+        curInstanceUUID.value = "login-password";
+      } else {
+        curInstanceUUID.value = createUUID();
+      }
+    };
+    initCurInstanceUUID();
     return {
       c,
       ns,
@@ -300,6 +315,7 @@ const IBizInput = /* @__PURE__ */ defineComponent({
       currentFormatVal,
       shouldAutoComplete,
       showFormDefaultContent,
+      curInstanceUUID,
       onBlur,
       onFocus,
       onClick,
@@ -380,7 +396,8 @@ const IBizInput = /* @__PURE__ */ defineComponent({
         "disabled": this.disabled,
         "style": this.semanticStyle("editor.content"),
         "show-password": this.type === "password",
-        "autocomplete": this.shouldAutoComplete
+        "autocomplete": this.shouldAutoComplete,
+        "id": this.curInstanceUUID
       }, this.$attrs), _isSlot(slots) ? slots : {
         default: () => [slots]
       }), [[resolveDirective("child-class"), this.childClass], [resolveDirective("child-style"), this.childStyle]]);

package/es/index.mjs

@@ -117,6 +117,22 @@ export { PanelRememberMeController } from './panel-component/panel-remember-me/p
 export { PanelTabPanelController } from './panel-component/panel-tab-panel/panel-tab-panel.controller.mjs';
 export { SearchFormButtonsController } from './panel-component/searchform-buttons/searchform-buttons.controller.mjs';
 export { ViewMsgPosController } from './panel-component/view-msg-pos/view-msg-pos.controller.mjs';
+export { ExtendMenuBase } from './panel-component/app-extend-menu/extend-menu-base/extend-menu-base.state.mjs';
+export { AppSwitchState } from './panel-component/app-switch/app-switch.state.mjs';
+export { AuthCaptchaState } from './panel-component/auth-captcha/auth-captcha.state.mjs';
+export { CoopPosState } from './panel-component/coop-pos/coop-pos.state.mjs';
+export { GlobalSearchState } from './panel-component/global-search/global-search.state.mjs';
+export { IndexBlankPlaceholderState } from './panel-component/index-blank-placeholder/index-blank-placeholder.state.mjs';
+export { NavBreadcrumbState } from './panel-component/nav-breadcrumb/nav-breadcrumb.state.mjs';
+export { NavTabsState } from './panel-component/nav-tabs/nav-tabs.state.mjs';
+export { PanelAppLoginViewState } from './panel-component/panel-app-login-view/panel-app-login-view.state.mjs';
+export { PanelAppTitleState } from './panel-component/panel-app-title/panel-app-title.state.mjs';
+export { PanelButtonListState } from './panel-component/panel-button-list/panel-button-list.state.mjs';
+export { PanelButtonState } from './panel-component/panel-button/panel-button.state.mjs';
+export { PanelContainerGroupState } from './panel-component/panel-container-group/panel-container-group.state.mjs';
+export { PanelRememberMeState } from './panel-component/panel-remember-me/panel-remember-me.state.mjs';
+export { PanelTabPanelState } from './panel-component/panel-tab-panel/panel-tab-panel.state.mjs';
+export { SplitContainerState } from './panel-component/split-container/split-container.state.mjs';
 export { IBizAuthUserinfo } from './panel-component/auth-userinfo/index.mjs';
 export { NavPosIndexState } from './panel-component/nav-pos-index/nav-pos-index.state.mjs';
 export { NavPosIndexController } from './panel-component/nav-pos-index/nav-pos-index.controller.mjs';

package/es/panel-component/index.mjs

@@ -54,6 +54,22 @@ export { PanelRememberMeController } from './panel-remember-me/panel-remember-me
 export { PanelTabPanelController } from './panel-tab-panel/panel-tab-panel.controller.mjs';
 export { SearchFormButtonsController } from './searchform-buttons/searchform-buttons.controller.mjs';
 export { ViewMsgPosController } from './view-msg-pos/view-msg-pos.controller.mjs';
+export { ExtendMenuBase } from './app-extend-menu/extend-menu-base/extend-menu-base.state.mjs';
+export { AppSwitchState } from './app-switch/app-switch.state.mjs';
+export { AuthCaptchaState } from './auth-captcha/auth-captcha.state.mjs';
+export { CoopPosState } from './coop-pos/coop-pos.state.mjs';
+export { GlobalSearchState } from './global-search/global-search.state.mjs';
+export { IndexBlankPlaceholderState } from './index-blank-placeholder/index-blank-placeholder.state.mjs';
+export { NavBreadcrumbState } from './nav-breadcrumb/nav-breadcrumb.state.mjs';
+export { NavTabsState } from './nav-tabs/nav-tabs.state.mjs';
+export { PanelAppLoginViewState } from './panel-app-login-view/panel-app-login-view.state.mjs';
+export { PanelAppTitleState } from './panel-app-title/panel-app-title.state.mjs';
+export { PanelButtonListState } from './panel-button-list/panel-button-list.state.mjs';
+export { PanelButtonState } from './panel-button/panel-button.state.mjs';
+export { PanelContainerGroupState } from './panel-container-group/panel-container-group.state.mjs';
+export { PanelRememberMeState } from './panel-remember-me/panel-remember-me.state.mjs';
+export { PanelTabPanelState } from './panel-tab-panel/panel-tab-panel.state.mjs';
+export { SplitContainerState } from './split-container/split-container.state.mjs';
 export { NavPosIndexState } from './nav-pos-index/nav-pos-index.state.mjs';
 export { NavPosIndexController } from './nav-pos-index/nav-pos-index.controller.mjs';
 export { PanelAppTitleController } from './panel-app-title/panel-app-title.controller.mjs';

package/es/panel-component/panel-button/panel-button.mjs

@@ -1,4 +1,5 @@
 import { defineComponent, createVNode, resolveComponent, ref, computed } from 'vue';
+import { createUUID } from 'qx-util';
 import { useNamespace, useSemanticNode } from '@ibiz-template/vue3-util';
 import { showTitle } from '@ibiz-template/core';
 import { PanelButtonController } from './panel-button.controller.mjs';
@@ -75,6 +76,15 @@ const PanelButton = /* @__PURE__ */ defineComponent({
         state.loading = false;
       }
     };
+    const curInstanceUUID = ref("");
+    const initCurInstanceUUID = () => {
+      if (props.modelData && props.modelData.uiactionId === "app_login") {
+        curInstanceUUID.value = "login-submit";
+      } else {
+        curInstanceUUID.value = createUUID();
+      }
+    };
+    initCurInstanceUUID();
     return {
       ns,
       isText,
@@ -90,7 +100,8 @@ const PanelButton = /* @__PURE__ */ defineComponent({
       tempStyle,
       itemStyle,
       semanticClass,
-      semanticStyle
+      semanticStyle,
+      curInstanceUUID
     };
   },
   render() {
@@ -103,6 +114,7 @@ const PanelButton = /* @__PURE__ */ defineComponent({
         "text": this.isText,
         "data-id": this.modelData.id,
         "title": showTitle(this.tooltip),
+        "id": this.curInstanceUUID,
         "disabled": this.state.disabled,
         "loading": this.state.loading,
         "onClick": this.handleButtonClick

package/es/util/ai-chat-util/ai-chat-util.mjs

@@ -37,19 +37,17 @@ class AIChatUtil {
    */
   async getEditorExAIChatParams(editorParams, context, params, data, deACMode, args) {
     var _a;
-    const containerOptions = {};
-    if (editorParams.enableaiminimize) {
-      containerOptions.enableAIMinimize = editorParams.enableaiminimize === "true";
-    }
-    if (editorParams.openmode) {
-      containerOptions.openMode = containerOptions.enableAIMinimize ? editorParams.openmode : "default";
-    } else {
-      containerOptions.enableAIMinimize = ibiz.config.common.enableAIMinimize;
-    }
+    const containerOptions = {
+      minimizeOptions: {
+        enable: editorParams.enableaiminimize === "true" || ibiz.config.common.enableAIMinimize,
+        openMode: editorParams.openmode || "default",
+        containerId: editorParams.minimizecontainerid || ibiz.config.common.aiMinimizeContainerId
+      }
+    };
     if (editorParams.autoclose) {
       try {
         const autoClose = JSON.parse(editorParams.autoclose);
-        if (!containerOptions.enableAIMinimize && autoClose && autoClose.mode === "minimize") {
+        if (autoClose && autoClose.mode === "minimize" && !containerOptions.minimizeOptions.enable) {
           autoClose.mode = "close";
         }
         containerOptions.autoClose = autoClose;
@@ -638,21 +636,23 @@ class AIChatUtil {
    */
   async getUIActionExAIChatParams(context, params, data, deACMode, args) {
     var _a;
-    const containerOptions = {};
-    if (params.hasOwnProperty("enableaiminimize")) {
-      containerOptions.enableAIMinimize = params.enableaiminimize === "true";
-      delete params.disableminimize;
-    } else {
-      containerOptions.enableAIMinimize = ibiz.config.common.enableAIMinimize;
-    }
-    if (params.hasOwnProperty("openmode")) {
-      containerOptions.openMode = containerOptions.enableAIMinimize ? params.openmode : "default";
+    const containerOptions = {
+      minimizeOptions: {
+        enable: params.enableaiminimize === "true" || ibiz.config.common.enableAIMinimize,
+        openMode: params.openmode || "default",
+        containerId: params.minimizecontainerid || ibiz.config.common.aiMinimizeContainerId
+      }
+    };
+    if (params.hasOwnProperty("enableaiminimize"))
+      delete params.enableaiminimize;
+    if (params.hasOwnProperty("openmode"))
       delete params.openmode;
-    }
+    if (params.hasOwnProperty("minimizecontainerid"))
+      delete params.minimizecontainerid;
     if (params.hasOwnProperty("autoclose")) {
       try {
         const autoClose = JSON.parse(params.autoclose);
-        if (!containerOptions.enableAIMinimize && autoClose && autoClose.mode === "minimize") {
+        if (autoClose && autoClose.mode === "minimize" && !containerOptions.minimizeOptions.enable) {
           autoClose.mode = "close";
         }
         containerOptions.autoClose = autoClose;

package/es/view/login-view/login-view.mjs

@@ -164,7 +164,8 @@ const LoginView = /* @__PURE__ */ defineComponent({
               "modelValue": loginData.username,
               "onUpdate:modelValue": ($event) => loginData.username = $event,
               "clearable": true,
-              "placeholder": ibiz.i18n.t("app.pleaseEnterAccount")
+              "placeholder": ibiz.i18n.t("app.pleaseEnterAccount"),
+              "id": "login-username"
             }, {
               prefix: () => createVNode("ion-icon", {
                 "name": "person"
@@ -179,7 +180,8 @@ const LoginView = /* @__PURE__ */ defineComponent({
               "modelValue": loginData.password,
               "onUpdate:modelValue": ($event) => loginData.password = $event,
               "show-password": true,
-              "placeholder": ibiz.i18n.t("app.pleaseEnterPassword")
+              "placeholder": ibiz.i18n.t("app.pleaseEnterPassword"),
+              "id": "login-password"
             }, {
               prefix: () => createVNode("ion-icon", {
                 "name": "unlock-alt"
@@ -198,7 +200,8 @@ const LoginView = /* @__PURE__ */ defineComponent({
               "size": "large",
               "round": true,
               "loading": loading.value,
-              "onKeyup": (e) => onKeyUp(e)
+              "onKeyup": (e) => onKeyUp(e),
+              "id": "login-submit"
             }, _isSlot(_slot = ibiz.i18n.t("view.loginView.login")) ? _slot : {
               default: () => [_slot]
             })]