@ibiz-template/vue3-components 0.7.26 → 0.7.28-alpha.0

package/es/node_modules/.pnpm/snabbdom@3.5.1/node_modules/snabbdom/build/modules/style.mjs

@@ -0,0 +1,115 @@
+// Bindig `requestAnimationFrame` like this fixes a bug in IE/Edge. See #360 and #409.
+const raf = (typeof window !== "undefined" &&
+    window.requestAnimationFrame.bind(window)) ||
+    setTimeout;
+const nextFrame = function (fn) {
+    raf(function () {
+        raf(fn);
+    });
+};
+let reflowForced = false;
+function setNextFrame(obj, prop, val) {
+    nextFrame(function () {
+        obj[prop] = val;
+    });
+}
+function updateStyle(oldVnode, vnode) {
+    let cur;
+    let name;
+    const elm = vnode.elm;
+    let oldStyle = oldVnode.data.style;
+    let style = vnode.data.style;
+    if (!oldStyle && !style)
+        return;
+    if (oldStyle === style)
+        return;
+    oldStyle = oldStyle || {};
+    style = style || {};
+    const oldHasDel = "delayed" in oldStyle;
+    for (name in oldStyle) {
+        if (!style[name]) {
+            if (name[0] === "-" && name[1] === "-") {
+                elm.style.removeProperty(name);
+            }
+            else {
+                elm.style[name] = "";
+            }
+        }
+    }
+    for (name in style) {
+        cur = style[name];
+        if (name === "delayed" && style.delayed) {
+            for (const name2 in style.delayed) {
+                cur = style.delayed[name2];
+                if (!oldHasDel || cur !== oldStyle.delayed[name2]) {
+                    setNextFrame(elm.style, name2, cur);
+                }
+            }
+        }
+        else if (name !== "remove" && cur !== oldStyle[name]) {
+            if (name[0] === "-" && name[1] === "-") {
+                elm.style.setProperty(name, cur);
+            }
+            else {
+                elm.style[name] = cur;
+            }
+        }
+    }
+}
+function applyDestroyStyle(vnode) {
+    let style;
+    let name;
+    const elm = vnode.elm;
+    const s = vnode.data.style;
+    if (!s || !(style = s.destroy))
+        return;
+    for (name in style) {
+        elm.style[name] = style[name];
+    }
+}
+function applyRemoveStyle(vnode, rm) {
+    const s = vnode.data.style;
+    if (!s || !s.remove) {
+        rm();
+        return;
+    }
+    if (!reflowForced) {
+        // eslint-disable-next-line @typescript-eslint/no-unused-expressions
+        vnode.elm.offsetLeft;
+        reflowForced = true;
+    }
+    let name;
+    const elm = vnode.elm;
+    let i = 0;
+    const style = s.remove;
+    let amount = 0;
+    const applied = [];
+    for (name in style) {
+        applied.push(name);
+        elm.style[name] = style[name];
+    }
+    const compStyle = getComputedStyle(elm);
+    const props = compStyle["transition-property"].split(", ");
+    for (; i < props.length; ++i) {
+        if (applied.indexOf(props[i]) !== -1)
+            amount++;
+    }
+    elm.addEventListener("transitionend", function (ev) {
+        if (ev.target === elm)
+            --amount;
+        if (amount === 0)
+            rm();
+    });
+}
+function forceReflow() {
+    reflowForced = false;
+}
+const styleModule = {
+    pre: forceReflow,
+    create: updateStyle,
+    update: updateStyle,
+    destroy: applyDestroyStyle,
+    remove: applyRemoveStyle,
+};
+
+export { styleModule };

package/es/node_modules/.pnpm/snabbdom@3.5.1/node_modules/snabbdom/build/thunk.mjs

@@ -0,0 +1,52 @@
+import { addNS, h } from './h.mjs';
+
+function copyToThunk(vnode, thunk) {
+    var _a;
+    const ns = (_a = thunk.data) === null || _a === void 0 ? void 0 : _a.ns;
+    vnode.data.fn = thunk.data.fn;
+    vnode.data.args = thunk.data.args;
+    thunk.data = vnode.data;
+    thunk.children = vnode.children;
+    thunk.text = vnode.text;
+    thunk.elm = vnode.elm;
+    if (ns)
+        addNS(thunk.data, thunk.children, thunk.sel);
+}
+function init(thunk) {
+    const cur = thunk.data;
+    const vnode = cur.fn(...cur.args);
+    copyToThunk(vnode, thunk);
+}
+function prepatch(oldVnode, thunk) {
+    let i;
+    const old = oldVnode.data;
+    const cur = thunk.data;
+    const oldArgs = old.args;
+    const args = cur.args;
+    if (old.fn !== cur.fn || oldArgs.length !== args.length) {
+        copyToThunk(cur.fn(...args), thunk);
+        return;
+    }
+    for (i = 0; i < args.length; ++i) {
+        if (oldArgs[i] !== args[i]) {
+            copyToThunk(cur.fn(...args), thunk);
+            return;
+        }
+    }
+    copyToThunk(oldVnode, thunk);
+}
+const thunk = function thunk(sel, key, fn, args) {
+    if (args === undefined) {
+        args = fn;
+        fn = key;
+        key = undefined;
+    }
+    return h(sel, {
+        key: key,
+        hook: { init, prepatch },
+        fn: fn,
+        args: args,
+    });
+};
+
+export { thunk };

package/es/node_modules/.pnpm/snabbdom@3.5.1/node_modules/snabbdom/build/tovnode.mjs

@@ -0,0 +1,62 @@
+import { addNS } from './h.mjs';
+import { vnode } from './vnode.mjs';
+import { htmlDomApi } from './htmldomapi.mjs';
+
+function toVNode(node, domApi) {
+    const api = domApi !== undefined ? domApi : htmlDomApi;
+    let text;
+    if (api.isElement(node)) {
+        const id = node.id ? "#" + node.id : "";
+        const cn = node.getAttribute("class");
+        const c = cn ? "." + cn.split(" ").join(".") : "";
+        const sel = api.tagName(node).toLowerCase() + id + c;
+        const attrs = {};
+        const dataset = {};
+        const data = {};
+        const children = [];
+        let name;
+        let i, n;
+        const elmAttrs = node.attributes;
+        const elmChildren = node.childNodes;
+        for (i = 0, n = elmAttrs.length; i < n; i++) {
+            name = elmAttrs[i].nodeName;
+            if (name[0] === "d" &&
+                name[1] === "a" &&
+                name[2] === "t" &&
+                name[3] === "a" &&
+                name[4] === "-") {
+                dataset[name.slice(5)] = elmAttrs[i].nodeValue || "";
+            }
+            else if (name !== "id" && name !== "class") {
+                attrs[name] = elmAttrs[i].nodeValue;
+            }
+        }
+        for (i = 0, n = elmChildren.length; i < n; i++) {
+            children.push(toVNode(elmChildren[i], domApi));
+        }
+        if (Object.keys(attrs).length > 0)
+            data.attrs = attrs;
+        if (Object.keys(dataset).length > 0)
+            data.dataset = dataset;
+        if (sel[0] === "s" &&
+            sel[1] === "v" &&
+            sel[2] === "g" &&
+            (sel.length === 3 || sel[3] === "." || sel[3] === "#")) {
+            addNS(data, children, sel);
+        }
+        return vnode(sel, data, children, undefined, node);
+    }
+    else if (api.isText(node)) {
+        text = api.getTextContent(node);
+        return vnode(undefined, undefined, undefined, text, node);
+    }
+    else if (api.isComment(node)) {
+        text = api.getTextContent(node);
+        return vnode("!", {}, [], text, node);
+    }
+    else {
+        return vnode("", {}, [], undefined, node);
+    }
+}
+
+export { toVNode };

package/es/node_modules/.pnpm/snabbdom@3.5.1/node_modules/snabbdom/build/vnode.mjs

@@ -0,0 +1,6 @@
+function vnode(sel, data, children, text, elm) {
+    const key = data === undefined ? undefined : data.key;
+    return { sel, data, children, text, elm, key };
+}
+
+export { vnode };

package/es/panel-component/nav-tabs/nav-tabs.controller.mjs

@@ -1,5 +1,6 @@
 import { PanelItemController } from '@ibiz-template/runtime';
 import { isNil, reject } from 'ramda';
+import { nextTick } from 'vue';
 import { NavTabsState } from './nav-tabs.state.mjs';
 
 "use strict";
@@ -130,10 +131,10 @@ class NavTabsController extends PanelItemController {
     };
     this.state.tabItems.push(tempItem);
     this.state.activeTab = tempItem.key;
-    setTimeout(() => {
+    nextTick(() => {
       this.state.tabItems.pop();
       this.state.activeTab = this.state.tabItems[this.state.tabItems.length - 1].key;
-    }, 100);
+    });
   }
 }
 

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

@@ -101,7 +101,7 @@ const PanelButton = /* @__PURE__ */ defineComponent({
       }, [createVNode(resolveComponent("el-button"), {
         "type": this.buttonType,
         "text": this.isText,
-        "title": this.tooltip,
+        "title": ibiz.env.enableTitle ? this.tooltip : void 0,
         "disabled": this.state.disabled,
         "loading": this.state.loading,
         "onClick": this.handleButtonClick

package/es/view-engine/edit-view.engine.mjs

@@ -61,9 +61,10 @@ class EditViewEngine extends ViewEngineBase {
     }
     this.view.slotProps.toolbar.manualCalcButtonState = true;
     modal.hooks.shouldDismiss.tapPromise(async (context) => {
+      var _a, _b;
       const uiDomain = ibiz.uiDomainManager.get(this.view.context.srfsessionid);
-      const isChange = (this.form.state.modified || uiDomain.dataModification) && this.view.model.enableDirtyChecking === true;
-      if (isChange && this.form.model.enableAutoSave && !uiDomain.dataModification) {
+      const isChange = (((_a = this.form) == null ? void 0 : _a.state.modified) || uiDomain.dataModification) && this.view.model.enableDirtyChecking === true;
+      if (isChange && ((_b = this.form) == null ? void 0 : _b.model.enableAutoSave) && !uiDomain.dataModification) {
         await this.form.immediateAutoSave();
       } else if (isChange && context.allowClose == null) {
         const isAllow = await ibiz.confirm.error({

package/es/view-engine/opt-view.engine.mjs

@@ -30,8 +30,9 @@ class OptViewEngine extends ViewEngineBase {
     }
     this.view.slotProps.toolbar.manualCalcButtonState = true;
     modal.hooks.shouldDismiss.tapPromise(async (context) => {
+      var _a;
       const uiDomain = ibiz.uiDomainManager.get(this.view.context.srfsessionid);
-      const isChange = (this.form.state.modified || uiDomain.dataModification) && this.view.model.enableDirtyChecking === true;
+      const isChange = (((_a = this.form) == null ? void 0 : _a.state.modified) || uiDomain.dataModification) && this.view.model.enableDirtyChecking === true;
       if (isChange && context.allowClose == null) {
         const isAllow = await ibiz.confirm.error({
           title: ibiz.i18n.t("viewEngine.closeRemind"),

package/es/view-engine/pickup-tree-view.engine.mjs

@@ -39,6 +39,7 @@ class PickupTreeViewEngine extends TreeViewEngine {
       this.view.slotProps.tree = {};
     }
     this.view.slotProps.tree.singleSelect = this.view.state.singleSelect;
+    this.view.slotProps.tree.checkStrictly = this.view.state.checkStrictly;
     if (this.view.state.selectedData) {
       this.selectData = this.view.state.selectedData.map((item) => {
         return {

package/es/web-app/attach-environment-config.mjs

@@ -6,7 +6,8 @@ const envMap = /* @__PURE__ */ new Map([
   ["baseUrl", "BaseUrl"],
   ["remoteModelUrl", "remoteDynaPath"],
   ["dcSystem", "mockDcSystemId"],
-  ["enablePermission", "enablePermissionValid"]
+  ["enablePermission", "enablePermissionValid"],
+  ["enableTitle", "enableTitle"]
 ]);
 async function attachEnvironmentConfig() {
   const env = window.Environment;

package/lib/common/action-toolbar/action-toolbar.cjs

@@ -106,7 +106,7 @@ const IBizActionToolbar = /* @__PURE__ */ vue.defineComponent({
             "text": true,
             "size": "small",
             "onClick": (e) => this.handleClick(detail, e),
-            "title": detail.tooltip,
+            "title": ibiz.env.enableTitle ? detail.tooltip : void 0,
             "disabled": this.actionsState[detail.id].disabled,
             "class": this.calcActionItemClass(detail)
           }, {

package/lib/common/custom-theme/custom-theme.cjs

@@ -126,7 +126,7 @@ const CustomTheme = /* @__PURE__ */ vue.defineComponent({
       }, [c.predefineType.map((item) => {
         return vue.createVNode(vue.resolveComponent("el-button"), {
           "color": item.color,
-          "title": ibiz.i18n.t("control.common.customTheme.".concat(item.labelLang)),
+          "title": ibiz.env.enableTitle ? ibiz.i18n.t("control.common.customTheme.".concat(item.labelLang)) : void 0,
           "onClick": () => {
             handleThemeChange(item.codeName);
           }

package/lib/common/data-import2/data-import2.cjs

@@ -415,7 +415,10 @@ const DataImport2 = /* @__PURE__ */ vue.defineComponent({
     }, [vue.createVNode(vue.resolveComponent("el-button"), {
       "onClick": this.onButtonImportClick,
       "disabled": !this.selectValues.join(""),
-      "title": !this.selectValues.join("") ? ibiz.i18n.t("component.dataImport2.selectProperties") : ""
+      "title": (
+        // eslint-disable-next-line no-nested-ternary
+        ibiz.env.enableTitle ? !this.selectValues.join("") ? ibiz.i18n.t("component.dataImport2.selectProperties") : "" : void 0
+      )
     }, _isSlot(_slot2 = ibiz.i18n.t("component.dataImport2.import")) ? _slot2 : {
       default: () => [_slot2]
     })]) : ""])])])]), vue.createVNode(vue.resolveComponent("data-import2-table"), {

package/lib/control/context-menu/context-menu.cjs

@@ -141,7 +141,7 @@ const ContextMenuControl = /* @__PURE__ */ vue.defineComponent({
             "text": true,
             "size": "small",
             "onClick": (e) => this.handleClick(detail, e),
-            "title": detail.tooltip,
+            "title": ibiz.env.enableTitle ? detail.tooltip : void 0,
             "disabled": this.c.state.buttonsState[detail.id].disabled,
             "class": this.calcActionItemClass(detail)
           }, {
@@ -167,7 +167,7 @@ const ContextMenuControl = /* @__PURE__ */ vue.defineComponent({
                 "text": true,
                 "size": "small",
                 "onClick": (e) => this.handleClick(detail, e),
-                "title": detail.tooltip,
+                "title": ibiz.env.enableTitle ? detail.tooltip : void 0,
                 "disabled": this.c.state.buttonsState[detail.id].disabled,
                 "class": this.calcActionItemClass(detail)
               }, {

package/lib/control/dashboard/custom-dashboard-container/custom-dashboard-container.cjs

@@ -134,7 +134,7 @@ const CustomDashboardContainer = /* @__PURE__ */ vue.defineComponent({
       "class": this.ns.b("build-btn")
     }, [this.showTypeDir ? vue.createVNode("div", null, [vue.createVNode(vue.resolveComponent("el-button"), {
       "class": this.ns.b("deisgn-btn"),
-      "title": ibiz.i18n.t("control.dashboard.customDashboardContainer.portalCustomPrompt"),
+      "title": ibiz.env.enableTitle ? ibiz.i18n.t("control.dashboard.customDashboardContainer.portalCustomPrompt") : void 0,
       "onClick": this.openDesign
     }, {
       default: () => [vue.createVNode("ion-icon", {

package/lib/control/dashboard/dashboard-design/dashboard-design.cjs

@@ -111,7 +111,7 @@ const DashboardDesign = /* @__PURE__ */ vue.defineComponent({
     const prepareData = async () => {
       const list3 = [];
       const app = ibiz.hub.getApp(ibiz.env.appId);
-      if (c.enableDynamic) {
+      if (c.model.customizeMode === 2) {
         const dynamicPortlets = await c.loadAllDynaPortlet();
         dynamicPortlets == null ? void 0 : dynamicPortlets.forEach((portlet) => {
           const temp = {
@@ -120,8 +120,8 @@ const DashboardDesign = /* @__PURE__ */ vue.defineComponent({
             portletId: portlet.psappportletid,
             portletCodeName: portlet.codename,
             portletName: portlet.psappportletname,
-            groupCodeName: "Ungroup",
-            groupName: "\u672A\u5206\u7C7B",
+            groupCodeName: portlet.groupcodename || "Ungroup",
+            groupName: portlet.groupname || "\u672A\u5206\u7C7B",
             appCodeName: app.model.pkgcodeName,
             appName: app.model.name
           };

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.26_axios@1.6.8_lodash-es@4.17.21_qs@6.11.2_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.28-alpha.0_axios@1.6.8_lodash-es@4.17.21_qs@6.11.2_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) {
@@ -36,9 +36,10 @@ function useAppDRTab(c, controlRef, counterData) {
     const totalDom = controlRef.value.$el;
     const totalWidth = totalDom.offsetWidth;
     let accumulatedWidth = 0;
-    let splitIndex = -1;
+    visibleItems.value = [];
+    moreItems.value = [];
     drTabPages.forEach((tab, index) => {
-      if (splitIndex === -1) {
+      if (!tab.hidden) {
         const caption = tab.caption || "";
         const counterNum = tab.counterId ? counterData[tab.counterId] : void 0;
         const fontSize = "var(--".concat(namespace.defaultNamespace, "-font-size-regular)");
@@ -66,17 +67,12 @@ function useAppDRTab(c, controlRef, counterData) {
           moreStyle
         );
         if (accumulatedWidth + moreWidth > totalWidth) {
-          splitIndex = index;
+          moreItems.value.push(tab);
+        } else {
+          visibleItems.value.push(tab);
         }
       }
     });
-    if (splitIndex !== -1) {
-      visibleItems.value = drTabPages.slice(0, splitIndex);
-      moreItems.value = drTabPages.slice(splitIndex);
-    } else {
-      visibleItems.value = drTabPages;
-      moreItems.value = [];
-    }
   }
   const calcDrTabWidth = () => {
     if (window.ResizeObserver) {

package/lib/control/form/form-detail/form-button/form-button.cjs

@@ -48,7 +48,7 @@ const FormButton = /* @__PURE__ */ vue.defineComponent({
       "onClick": this.controller.onClick.bind(this.controller),
       "loading": this.controller.state.loading,
       "disabled": this.controller.state.disabled,
-      "title": this.modelData.tooltip
+      "title": ibiz.env.enableTitle ? this.modelData.tooltip : void 0
     }, {
       default: () => [vue.createVNode("div", {
         "class": this.ns.b("content")

package/lib/control/form/form-detail/form-item/form-item-container/form-item-container.cjs

@@ -28,10 +28,23 @@ const IBizFormItemContainer = /* @__PURE__ */ vue.defineComponent({
     labelWidth: {
       type: Number,
       default: 130
+    },
+    enableInputTip: {
+      type: Boolean
+    },
+    inputTip: {
+      type: String
+    },
+    inputTipUrl: {
+      type: String
+    },
+    inputTipClosable: {
+      type: Boolean
     }
   },
   setup(props) {
     const ns = vue3Util.useNamespace("form-item-container");
+    const tooltip = vue.ref();
     const cssVars = vue.computed(() => {
       if (props.labelWidth !== 130) {
         return ns.cssVarBlock({
@@ -40,17 +53,49 @@ const IBizFormItemContainer = /* @__PURE__ */ vue.defineComponent({
       }
       return {};
     });
+    const hiddenTooltip = () => {
+      if (tooltip.value) {
+        tooltip.value.hide();
+      }
+    };
+    const renderLabel = () => {
+      const classList = [ns.e("label"), ...props.labelClass || []];
+      if (props.enableInputTip) {
+        return vue.createVNode(vue.resolveComponent("el-tooltip"), {
+          "ref": "tooltip"
+        }, {
+          default: () => {
+            return vue.createVNode("div", {
+              "class": classList
+            }, [props.label]);
+          },
+          content: () => {
+            return vue.createVNode("div", {
+              "class": ns.em("label", "tooltip")
+            }, [props.inputTip || props.label, props.inputTipUrl && vue.createVNode("a", {
+              "href": props.inputTipUrl,
+              "target": "_blank"
+            }, [ibiz.i18n.t("component.formItemContainer.more")]), props.inputTipClosable && vue.createVNode("ion-icon", {
+              "name": "close-outline",
+              "onClick": hiddenTooltip
+            }, null)]);
+          }
+        });
+      }
+      return vue.createVNode("div", {
+        "class": classList,
+        "title": props.label
+      }, [props.label]);
+    };
     return {
       ns,
-      cssVars
+      cssVars,
+      tooltip,
+      renderLabel
     };
   },
   render() {
     var _a, _b;
-    const label = vue.createVNode("div", {
-      "class": [this.ns.e("label"), ...this.labelClass || []],
-      "title": this.label
-    }, [this.label]);
     const content = vue.createVNode("div", {
       "class": [this.ns.e("content"), this.ns.em("content", "label-".concat(this.labelPos.toLowerCase()))]
     }, [vue.createVNode("div", {
@@ -62,7 +107,7 @@ const IBizFormItemContainer = /* @__PURE__ */ vue.defineComponent({
     return vue.createVNode("div", {
       "class": [this.ns.b(), this.ns.m(this.labelPos.toLowerCase()), this.ns.is("required", this.required), this.ns.is("error", !!this.error)],
       "style": this.cssVars
-    }, [this.labelPos === "LEFT" || this.labelPos === "TOP" ? label : null, content, this.labelPos === "RIGHT" || this.labelPos === "BOTTOM" ? label : null]);
+    }, [this.labelPos === "LEFT" || this.labelPos === "TOP" ? this.renderLabel() : null, content, this.labelPos === "RIGHT" || this.labelPos === "BOTTOM" ? this.renderLabel() : null]);
   }
 });
 

package/lib/control/form/form-detail/form-item/form-item-container/form-item-container.css

@@ -1 +1 @@
-.ibiz-form-item-container{--ibiz-form-item-container-label-width:130px;--ibiz-form-item-container-line-height:var(--ibiz-height-control-default);--ibiz-form-item-container-require-mark-color:var(--ibiz-color-danger);--ibiz-form-item-container-label-left-padding:calc(var(--ibiz-spacing-base-tight) / 2) var(--ibiz-spacing-base-tight) calc(var(--ibiz-spacing-base-tight) / 2) 0;--ibiz-form-item-container-label-right-padding:calc(var(--ibiz-spacing-base-tight) / 2) 0 calc(var(--ibiz-spacing-base-tight) / 2) var(--ibiz-spacing-base-tight);--ibiz-form-item-container-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-tight) var(--ibiz-spacing-extra-tight);--ibiz-form-item-container-font-size:var(--ibiz-font-size-regular);--ibiz-form-item-container-label-color:var(--ibiz-color-text-1);--ibiz-form-item-container-error-font-size:var(--ibiz-font-size-small);--ibiz-form-item-container-error-color:var(--ibiz-color-danger);width:100%;height:100%;padding:var(--ibiz-form-item-container-padding)}.ibiz-form-item-container__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;font-size:var(--ibiz-form-item-container-font-size);color:var(--ibiz-form-item-container-label-color)}.ibiz-form-item-container--left,.ibiz-form-item-container--right{display:flex;min-height:var(--ibiz-form-item-container-line-height)}.ibiz-form-item-container--left .ibiz-form-item-container__label,.ibiz-form-item-container--right .ibiz-form-item-container__label{width:var(--ibiz-form-item-container-label-width)}.ibiz-form-item-container--bottom,.ibiz-form-item-container--top{display:flex;flex-flow:column nowrap}.ibiz-form-item-container--top .ibiz-form-item-container__label{margin-bottom:var(--ibiz-spacing-extra-tight)}.ibiz-form-item-container--bottom .ibiz-form-item-container__label{margin-top:var(--ibiz-spacing-extra-tight)}.ibiz-form-item-container--left .ibiz-form-item-container__label{padding:var(--ibiz-form-item-container-label-left-padding);text-align:right}.ibiz-form-item-container--right .ibiz-form-item-container__label{padding:var(--ibiz-form-item-container-label-right-padding);text-align:left}.ibiz-form-item-container.is-required .ibiz-form-item-container__label::before{display:inline-block;margin-right:4px;font-family:SimSun;line-height:1;color:var(--ibiz-form-item-container-require-mark-color);content:"*"}.ibiz-form-item-container__content{display:flex;flex-flow:column nowrap;position:relative;flex-grow:1}.ibiz-form-item-container__content--label-left,.ibiz-form-item-container__content--label-none,.ibiz-form-item-container__content--label-right{height:100%}.ibiz-form-item-container__editor{position:relative;flex-grow:1;height:100%}.ibiz-form-item-container__error{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:absolute;top:100%;width:100%;font-size:var(--ibiz-form-item-container-error-font-size);line-height:calc(var(--ibiz-form-item-container-error-font-size) + 2px);color:var(--ibiz-form-item-container-error-color);word-wrap:break-word}.ibiz-form-item-container.is-error .el-input__wrapper{box-shadow:0 0 0 1px var(--ibiz-form-item-container-error-color) inset}
+.ibiz-form-item-container{--ibiz-form-item-container-label-width:130px;--ibiz-form-item-container-line-height:var(--ibiz-height-control-default);--ibiz-form-item-container-require-mark-color:var(--ibiz-color-danger);--ibiz-form-item-container-label-left-padding:calc(var(--ibiz-spacing-base-tight) / 2) var(--ibiz-spacing-base-tight) calc(var(--ibiz-spacing-base-tight) / 2) 0;--ibiz-form-item-container-label-right-padding:calc(var(--ibiz-spacing-base-tight) / 2) 0 calc(var(--ibiz-spacing-base-tight) / 2) var(--ibiz-spacing-base-tight);--ibiz-form-item-container-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-tight) var(--ibiz-spacing-extra-tight);--ibiz-form-item-container-font-size:var(--ibiz-font-size-regular);--ibiz-form-item-container-label-color:var(--ibiz-color-text-1);--ibiz-form-item-container-error-font-size:var(--ibiz-font-size-small);--ibiz-form-item-container-error-color:var(--ibiz-color-danger);width:100%;height:100%;padding:var(--ibiz-form-item-container-padding)}.ibiz-form-item-container__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;font-size:var(--ibiz-form-item-container-font-size);color:var(--ibiz-form-item-container-label-color)}.ibiz-form-item-container__label--tooltip{--ibiz-form-item-container-label-width:130px;--ibiz-form-item-container-line-height:var(--ibiz-height-control-default);--ibiz-form-item-container-require-mark-color:var(--ibiz-color-danger);--ibiz-form-item-container-label-left-padding:calc(var(--ibiz-spacing-base-tight) / 2) var(--ibiz-spacing-base-tight) calc(var(--ibiz-spacing-base-tight) / 2) 0;--ibiz-form-item-container-label-right-padding:calc(var(--ibiz-spacing-base-tight) / 2) 0 calc(var(--ibiz-spacing-base-tight) / 2) var(--ibiz-spacing-base-tight);--ibiz-form-item-container-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-tight) var(--ibiz-spacing-extra-tight);--ibiz-form-item-container-font-size:var(--ibiz-font-size-regular);--ibiz-form-item-container-label-color:var(--ibiz-color-text-1);--ibiz-form-item-container-error-font-size:var(--ibiz-font-size-small);--ibiz-form-item-container-error-color:var(--ibiz-color-danger);max-width:150px;font-size:var(--ibiz-form-item-container-font-size);line-height:var(--ibiz-form-item-container-line-height)}.ibiz-form-item-container__label--tooltip:has(ion-icon){padding-right:var(--ibiz-spacing-base-tight)}.ibiz-form-item-container__label--tooltip a{padding:0 var(--ibiz-spacing-extra-tight);color:var(--ibiz-color-link)}.ibiz-form-item-container__label--tooltip ion-icon{position:absolute;top:var(--ibiz-spacing-base-tight);right:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-width-icon-large)}.ibiz-form-item-container--left,.ibiz-form-item-container--right{display:flex;min-height:var(--ibiz-form-item-container-line-height)}.ibiz-form-item-container--left .ibiz-form-item-container__label,.ibiz-form-item-container--right .ibiz-form-item-container__label{width:var(--ibiz-form-item-container-label-width)}.ibiz-form-item-container--bottom,.ibiz-form-item-container--top{display:flex;flex-flow:column nowrap}.ibiz-form-item-container--top .ibiz-form-item-container__label{margin-bottom:var(--ibiz-spacing-extra-tight)}.ibiz-form-item-container--bottom .ibiz-form-item-container__label{margin-top:var(--ibiz-spacing-extra-tight)}.ibiz-form-item-container--left .ibiz-form-item-container__label{padding:var(--ibiz-form-item-container-label-left-padding);text-align:right}.ibiz-form-item-container--right .ibiz-form-item-container__label{padding:var(--ibiz-form-item-container-label-right-padding);text-align:left}.ibiz-form-item-container.is-required .ibiz-form-item-container__label::before{display:inline-block;margin-right:4px;font-family:SimSun;line-height:1;color:var(--ibiz-form-item-container-require-mark-color);content:"*"}.ibiz-form-item-container__content{display:flex;flex-flow:column nowrap;position:relative;flex-grow:1}.ibiz-form-item-container__content--label-left,.ibiz-form-item-container__content--label-none,.ibiz-form-item-container__content--label-right{height:100%}.ibiz-form-item-container__editor{position:relative;flex-grow:1;height:100%}.ibiz-form-item-container__error{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:absolute;top:100%;width:100%;font-size:var(--ibiz-form-item-container-error-font-size);line-height:calc(var(--ibiz-form-item-container-error-font-size) + 2px);color:var(--ibiz-form-item-container-error-color);word-wrap:break-word}.ibiz-form-item-container.is-error .el-input__wrapper{box-shadow:0 0 0 1px var(--ibiz-form-item-container-error-color) inset}

package/lib/control/form/form-detail/form-item/form-item.cjs

@@ -81,6 +81,10 @@ const FormItem = /* @__PURE__ */ vue.defineComponent({
       "labelClass": this.controller.labelClass,
       "label-pos": this.c.model.labelPos,
       "label-width": this.c.model.labelWidth,
+      "enableInputTip": this.modelData.enableInputTip,
+      "inputTip": this.modelData.inputTip,
+      "inputTipUrl": this.modelData.inputTipUrl,
+      "inputTipClosable": this.modelData.inputTipClosable,
       "onClick": (event) => this.c.onClick(event)
     }, _isSlot(editor) ? editor : {
       default: () => [editor]