@ibiz-template/vue3-components 0.7.26-alpha.3 → 0.7.27

package/es/control/dashboard/custom-dashboard-container/custom-dashboard-container.mjs

@@ -30,7 +30,7 @@ const CustomDashboardContainer = /* @__PURE__ */ defineComponent({
     const clickCollapse = (type) => {
       showTypeDir.value = type === "left";
     };
-    const getPortletByCodeName = (codeName) => {
+    const getPortletModelByCodeName = (codeName) => {
       const app = ibiz.hub.getApp(ibiz.env.appId);
       if (app.model.appPortlets) {
         const appPortlet = app.model.appPortlets.find((portlet) => {
@@ -42,15 +42,25 @@ const CustomDashboardContainer = /* @__PURE__ */ defineComponent({
         }
       }
     };
-    const convertData = (models) => {
+    const getPortletModel = async (data) => {
+      if (data.dynamodelFlag) {
+        if (data.portletModel) {
+          return data.portletModel;
+        }
+        const dynaPortlet = await props.dashboard.loadDynaPortletById(data.portletId);
+        return dynaPortlet;
+      }
+      return getPortletModelByCodeName(data.portletCodeName);
+    };
+    const convertData = async (models) => {
       const tempModelDatas = [];
       if (models.length > 0) {
-        models.forEach((item) => {
-          const temModelData = getPortletByCodeName(item.portletCodeName);
+        for (let i = 0; i < models.length; i++) {
+          const temModelData = await getPortletModel(models[i]);
           if (temModelData) {
             tempModelDatas.push(temModelData);
           }
-        });
+        }
       }
       return tempModelDatas;
     };
@@ -60,7 +70,7 @@ const CustomDashboardContainer = /* @__PURE__ */ defineComponent({
     };
     const onSaved = async (args) => {
       isShowDesign.value = false;
-      const tempModelDatas = convertData(args.model);
+      const tempModelDatas = await convertData(args.model);
       await handleCustomModelChange({
         model: tempModelDatas,
         config: args.config
@@ -82,7 +92,7 @@ const CustomDashboardContainer = /* @__PURE__ */ defineComponent({
     });
     onMounted(async () => {
       const response = await customC.loadCustomModelData();
-      const tempModelDatas = convertData(response.model);
+      const tempModelDatas = await convertData(response.model);
       emit("changed", {
         model: tempModelDatas
       });
@@ -122,7 +132,7 @@ const CustomDashboardContainer = /* @__PURE__ */ defineComponent({
       "class": this.ns.b("build-btn")
     }, [this.showTypeDir ? createVNode("div", null, [createVNode(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: () => [createVNode("ion-icon", {

package/es/control/dashboard/dashboard-design/dashboard-design.d.ts

@@ -4,6 +4,7 @@ import { PropType, Ref } from 'vue';
 import './dashboard-design.scss';
 interface IPortletList {
     type: string;
+    portletId?: string;
     portletCodeName: string;
     portletName: string;
     portletImage?: ISysImage;
@@ -11,6 +12,12 @@ interface IPortletList {
     groupName: string;
     appCodeName: string;
     appName: string;
+    dynamodelFlag?: number;
+}
+interface IList {
+    type: string;
+    name: string;
+    children: IData[];
 }
 export declare const DashboardDesign: import("vue").DefineComponent<{
     dashboard: {
@@ -28,37 +35,8 @@ export declare const DashboardDesign: import("vue").DefineComponent<{
 }, {
     ns: import("@ibiz-template/core").Namespace;
     customC: CustomDashboardController;
-    portlets: Ref<{
-        type: string;
-        portletCodeName: string;
-        portletName: string;
-        portletImage?: {
-            codeName?: string | undefined;
-            cssClass?: string | undefined;
-            cssClassX?: string | undefined;
-            glyph?: string | undefined;
-            height?: number | undefined;
-            imagePath?: string | undefined;
-            imagePathX?: string | undefined;
-            rawContent?: string | undefined;
-            width?: number | undefined;
-            appId: string;
-            id?: string | undefined;
-            name?: string | undefined;
-            userParam?: Record<string, string> | undefined;
-            modelId?: string | undefined;
-            modelType?: string | undefined;
-        } | undefined;
-        groupCodeName: string;
-        groupName: string;
-        appCodeName: string;
-        appName: string;
-    }[]>;
-    list: Ref<{
-        type: string;
-        name: string;
-        children: IData[];
-    }[]>;
+    portlets: Ref<IPortletList[]>;
+    list: Ref<IList[]>;
     groups: Ref<IData[]>;
     filterVal: Ref<string>;
     defaultOpens: import("vue").ComputedRef<string[]>;
@@ -76,9 +54,9 @@ export declare const DashboardDesign: import("vue").DefineComponent<{
     portletControllers: Ref<{
         [key: string]: IPortletController;
     }>;
-    getPortletByCodeName: (codeName: string) => IDBPortletPart | undefined;
     maskSize: import("vue").ComputedRef<string>;
     designPanel: Ref<Element | null>;
+    getPortletModelByCodeName: (tag: string) => IDBPortletPart | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("reset" | "saved")[], "reset" | "saved", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     dashboard: {
         type: PropType<DashboardController>;

package/es/control/dashboard/dashboard-design/dashboard-design.mjs

@@ -29,10 +29,20 @@ const DashboardDesign = /* @__PURE__ */ defineComponent({
     emit
   }) {
     const ns = useNamespace("dashboard-design");
+    const c = props.dashboard;
     const customC = props.customDashboard;
-    const filterData = (list2) => {
+    const portlets = ref([]);
+    const list = ref([]);
+    const groups = ref([]);
+    const filterVal = ref("");
+    const layoutModel = ref(clone(customC.customModelData));
+    const layoutConfig = ref(clone(customC.portletConfig));
+    const providers = ref({});
+    const portletControllers = ref({});
+    const designPanel = ref(null);
+    const filterData = (list1) => {
       const items = [];
-      list2.forEach((data) => {
+      list1.forEach((data) => {
         var _a;
         if (Object.is(data.type, "app")) {
           items.push(data);
@@ -96,10 +106,26 @@ const DashboardDesign = /* @__PURE__ */ defineComponent({
       });
       return items;
     };
-    const prepareData = () => {
-      const list2 = [];
+    const prepareData = async () => {
+      const list3 = [];
       const app = ibiz.hub.getApp(ibiz.env.appId);
-      if (app.model.appPortletCats && app.model.appPortlets) {
+      if (c.enableDynamic) {
+        const dynamicPortlets = await c.loadAllDynaPortlet();
+        dynamicPortlets == null ? void 0 : dynamicPortlets.forEach((portlet) => {
+          const temp = {
+            type: "app",
+            dynamodelFlag: 1,
+            portletId: portlet.psappportletid,
+            portletCodeName: portlet.codename,
+            portletName: portlet.psappportletname,
+            groupCodeName: "Ungroup",
+            groupName: "\u672A\u5206\u7C7B",
+            appCodeName: app.model.pkgcodeName,
+            appName: app.model.name
+          };
+          list3.push(temp);
+        });
+      } else if (app.model.appPortletCats && app.model.appPortlets) {
         const isDEView = customC.model.appDataEntityId;
         const categoryTag = props.dashboard.controlParams.categorytag;
         app.model.appPortlets.forEach((portlet) => {
@@ -129,28 +155,14 @@ const DashboardDesign = /* @__PURE__ */ defineComponent({
             appCodeName: portlet.appDataEntityId || app.model.pkgcodeName,
             appName: app.model.name
           };
-          list2.push(temp);
+          list3.push(temp);
         });
       }
-      const datas = filterData(list2);
-      const result2 = prepareList(datas);
-      const groups2 = prepareGroup(datas);
-      return {
-        portlets: datas,
-        list: result2.reverse(),
-        groups: groups2
-      };
+      const datas = filterData(list3);
+      portlets.value = datas;
+      list.value = prepareList(datas).reverse();
+      groups.value = prepareGroup(datas);
     };
-    const result = prepareData();
-    const portlets = ref(result.portlets);
-    const list = ref(result.list);
-    const groups = ref(result.groups);
-    const filterVal = ref("");
-    const layoutModel = ref(clone(customC.customModelData));
-    const layoutConfig = ref(clone(customC.portletConfig));
-    const providers = ref({});
-    const portletControllers = ref({});
-    const designPanel = ref(null);
     const defaultOpens = computed(() => {
       let tempOpens = [];
       if (filterVal.value) {
@@ -186,41 +198,59 @@ const DashboardDesign = /* @__PURE__ */ defineComponent({
         }
       });
     };
-    const getPortletByCodeName = (codeName) => {
+    const getPortletModelByCodeName = (tag) => {
       const app = ibiz.hub.getApp(ibiz.env.appId);
       if (app.model.appPortlets) {
         const appPortlet = app.model.appPortlets.find((portlet) => {
           var _a;
-          return ((_a = portlet.control) == null ? void 0 : _a.codeName) === codeName;
+          return ((_a = portlet.control) == null ? void 0 : _a.codeName) === tag;
         });
         if (appPortlet) {
           return appPortlet.control;
         }
       }
     };
-    const convertData = (models) => {
+    const getPortletModel = async (data) => {
+      if (data.dynamodelFlag) {
+        if (data.portletModel) {
+          return data.portletModel;
+        }
+        const dynaPortlet = await c.loadDynaPortletById(data.portletId);
+        return dynaPortlet;
+      }
+      return getPortletModelByCodeName(data.portletCodeName);
+    };
+    const convertData = async (models) => {
       const tempModelDatas = [];
       if (models.length > 0) {
-        models.forEach((item) => {
-          const temModelData = getPortletByCodeName(item.portletCodeName);
+        for (let i = 0; i < models.length; i++) {
+          const temModelData = await getPortletModel(models[i]);
           if (temModelData) {
             tempModelDatas.push(temModelData);
           }
-        });
+        }
       }
       return tempModelDatas;
     };
-    const preparePortlet = async () => {
-      const tempModelDatas = convertData(layoutModel.value);
+    const preparePortlet = async (data) => {
+      const tempModelDatas = await convertData(data);
       await initPortlets(tempModelDatas);
       await initPortletsConfig();
+      return tempModelDatas;
     };
     watch(() => props.isShowDesign, async (newVal) => {
       if (newVal) {
+        await prepareData();
         const res = await customC.loadCustomModelData();
-        layoutModel.value = clone(res.model);
+        const model = clone(res.model);
+        const tempModelDatas = await preparePortlet(model);
+        layoutModel.value = model;
+        layoutModel.value.forEach((item, index) => {
+          if (item.dynamodelFlag) {
+            item.portletModel = tempModelDatas[index];
+          }
+        });
         layoutConfig.value = clone(res.config);
-        await preparePortlet();
       }
     }, {
       immediate: true
@@ -246,7 +276,7 @@ const DashboardDesign = /* @__PURE__ */ defineComponent({
       const index = layoutModel.value.indexOf(child);
       if (index !== -1) {
         layoutModel.value.splice(index, 1);
-        const temModelData = getPortletByCodeName(child.portletCodeName);
+        const temModelData = await getPortletModel(child);
         if (temModelData) {
           const controller = portletControllers.value[temModelData.id];
           await controller.destroyed();
@@ -255,6 +285,7 @@ const DashboardDesign = /* @__PURE__ */ defineComponent({
     };
     const lastScrollHeight = ref(0);
     const addLayoutItem = async (child) => {
+      const tempModelDatas = await preparePortlet([child]);
       const element = designPanel.value;
       if (element) {
         lastScrollHeight.value = element.scrollHeight + 3 * customC.layoutRowH;
@@ -265,15 +296,20 @@ const DashboardDesign = /* @__PURE__ */ defineComponent({
           maxY = obj.y;
         }
       }
-      layoutModel.value.push({
+      const tempItemModel = {
         w: 4,
         h: 3,
         x: 0,
         y: maxY + 3,
         i: child.portletCodeName,
         ...child
-      });
-      await preparePortlet();
+      };
+      if (child.dynamodelFlag) {
+        Object.assign(tempItemModel, {
+          portletModel: tempModelDatas[0]
+        });
+      }
+      layoutModel.value.push(tempItemModel);
       if (element) {
         const intervalId = setInterval(() => {
           if (element.scrollHeight >= lastScrollHeight.value) {
@@ -319,9 +355,9 @@ const DashboardDesign = /* @__PURE__ */ defineComponent({
       isDisabled,
       providers,
       portletControllers,
-      getPortletByCodeName,
       maskSize,
-      designPanel
+      designPanel,
+      getPortletModelByCodeName
     };
   },
   render() {
@@ -390,23 +426,24 @@ const DashboardDesign = /* @__PURE__ */ defineComponent({
       });
     };
     const renderPortlet = (item) => {
-      const portletModel = this.getPortletByCodeName(item.portletCodeName);
-      if (portletModel) {
-        const provider = this.providers[portletModel.id];
-        const controller = this.portletControllers[portletModel.id];
-        const commonProps = {
-          modelData: portletModel,
-          controller
-        };
-        if (!provider) {
-          return createVNode("div", null, [portletModel.portletType, ibiz.i18n.t("app.noSupport")]);
-        }
-        const providerComp = resolveComponent(provider.component);
-        return h(providerComp, {
-          ...commonProps,
-          key: portletModel.id
-        });
+      const portletModel = item.dynamodelFlag ? item.portletModel : this.getPortletModelByCodeName(item.portletCodeName);
+      if (!portletModel) {
+        return null;
+      }
+      const provider = this.providers[portletModel.id];
+      const controller = this.portletControllers[portletModel.id];
+      const commonProps = {
+        modelData: portletModel,
+        controller
+      };
+      if (!provider) {
+        return createVNode("div", null, [portletModel.portletType, ibiz.i18n.t("app.noSupport")]);
       }
+      const providerComp = resolveComponent(provider.component);
+      return h(providerComp, {
+        ...commonProps,
+        key: portletModel.id
+      });
     };
     return createVNode("div", {
       "class": this.ns.b()

package/es/control/drtab/drtab-control.util.mjs

@@ -1,5 +1,5 @@
 import { ref, watch, watchEffect, onUnmounted } from 'vue';
-import { defaultNamespace } from '../../node_modules/.pnpm/@ibiz-template_core@0.7.25_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.mjs';
+import { defaultNamespace } from '../../node_modules/.pnpm/@ibiz-template_core@0.7.27_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.mjs';
 
 "use strict";
 function useAppDRTab(c, controlRef, counterData) {
@@ -34,9 +34,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(defaultNamespace, "-font-size-regular)");
@@ -64,17 +65,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/es/control/form/form-detail/form-button/form-button.mjs

@@ -44,7 +44,7 @@ const FormButton = /* @__PURE__ */ 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: () => [createVNode("div", {
         "class": this.ns.b("content")

package/es/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/es/control/form/form-detail/form-item/form-item-container/form-item-container.d.ts

@@ -34,9 +34,23 @@ export declare const IBizFormItemContainer: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
+    enableInputTip: {
+        type: BooleanConstructor;
+    };
+    inputTip: {
+        type: StringConstructor;
+    };
+    inputTipUrl: {
+        type: StringConstructor;
+    };
+    inputTipClosable: {
+        type: BooleanConstructor;
+    };
 }, {
     ns: import("@ibiz-template/core").Namespace;
     cssVars: import("vue").ComputedRef<Record<string, string>>;
+    tooltip: import("vue").Ref<any>;
+    renderLabel: () => JSX.Element;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     required: {
         type: BooleanConstructor;
@@ -72,6 +86,20 @@ export declare const IBizFormItemContainer: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
+    enableInputTip: {
+        type: BooleanConstructor;
+    };
+    inputTip: {
+        type: StringConstructor;
+    };
+    inputTipUrl: {
+        type: StringConstructor;
+    };
+    inputTipClosable: {
+        type: BooleanConstructor;
+    };
 }>>, {
     labelWidth: number;
+    enableInputTip: boolean;
+    inputTipClosable: boolean;
 }, {}>;

package/es/control/form/form-detail/form-item/form-item-container/form-item-container.mjs

@@ -1,4 +1,4 @@
-import { computed, createVNode, defineComponent } from 'vue';
+import { ref, computed, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './form-item-container.css';
 
@@ -26,10 +26,23 @@ const IBizFormItemContainer = /* @__PURE__ */ defineComponent({
     labelWidth: {
       type: Number,
       default: 130
+    },
+    enableInputTip: {
+      type: Boolean
+    },
+    inputTip: {
+      type: String
+    },
+    inputTipUrl: {
+      type: String
+    },
+    inputTipClosable: {
+      type: Boolean
     }
   },
   setup(props) {
     const ns = useNamespace("form-item-container");
+    const tooltip = ref();
     const cssVars = computed(() => {
       if (props.labelWidth !== 130) {
         return ns.cssVarBlock({
@@ -38,17 +51,49 @@ const IBizFormItemContainer = /* @__PURE__ */ defineComponent({
       }
       return {};
     });
+    const hiddenTooltip = () => {
+      if (tooltip.value) {
+        tooltip.value.hide();
+      }
+    };
+    const renderLabel = () => {
+      const classList = [ns.e("label"), ...props.labelClass || []];
+      if (props.enableInputTip) {
+        return createVNode(resolveComponent("el-tooltip"), {
+          "ref": "tooltip"
+        }, {
+          default: () => {
+            return createVNode("div", {
+              "class": classList
+            }, [props.label]);
+          },
+          content: () => {
+            return createVNode("div", {
+              "class": ns.em("label", "tooltip")
+            }, [props.inputTip || props.label, props.inputTipUrl && createVNode("a", {
+              "href": props.inputTipUrl,
+              "target": "_blank"
+            }, [ibiz.i18n.t("component.formItemContainer.more")]), props.inputTipClosable && createVNode("ion-icon", {
+              "name": "close-outline",
+              "onClick": hiddenTooltip
+            }, null)]);
+          }
+        });
+      }
+      return createVNode("div", {
+        "class": classList,
+        "title": props.label
+      }, [props.label]);
+    };
     return {
       ns,
-      cssVars
+      cssVars,
+      tooltip,
+      renderLabel
     };
   },
   render() {
     var _a, _b;
-    const label = createVNode("div", {
-      "class": [this.ns.e("label"), ...this.labelClass || []],
-      "title": this.label
-    }, [this.label]);
     const content = createVNode("div", {
       "class": [this.ns.e("content"), this.ns.em("content", "label-".concat(this.labelPos.toLowerCase()))]
     }, [createVNode("div", {
@@ -60,7 +105,7 @@ const IBizFormItemContainer = /* @__PURE__ */ defineComponent({
     return 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/es/control/form/form-detail/form-item/form-item.mjs

@@ -77,6 +77,10 @@ const FormItem = /* @__PURE__ */ 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]