@ibiz-template/vue3-components 0.7.41-alpha.2 → 0.7.41-alpha.21

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

@@ -1,4 +1,5 @@
-import { isVNode, computed, resolveComponent, createVNode, defineComponent } from 'vue';
+import { isVNode, computed, createVNode, resolveComponent, defineComponent } from 'vue';
+import draggable from 'vuedraggable';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './mdctrl-container.css';
 import { showTitle } from '@ibiz-template/core';
@@ -9,6 +10,9 @@ function _isSlot(s) {
 }
 const MDCtrlContainer = /* @__PURE__ */ defineComponent({
   name: "IBizMDCtrlContainer",
+  components: {
+    draggable
+  },
   props: {
     enableCreate: {
       type: Boolean,
@@ -24,19 +28,55 @@ const MDCtrlContainer = /* @__PURE__ */ defineComponent({
     },
     userStyle: {
       type: String
+    },
+    enableSort: {
+      type: Boolean,
+      required: false
     }
   },
   emits: {
     addClick: () => true,
-    removeClick: (_data, _index) => true
+    removeClick: (_data, _index) => true,
+    dragChange: (_draggedIndex, _targetIndex) => true
   },
   setup(props, {
-    emit
+    emit,
+    slots
   }) {
     const ns = useNamespace("mdctrl-container");
+    const dragClssName = ns.be("item", "icon-drag");
     const showActions = computed(() => {
       return props.enableCreate || props.enableDelete;
     });
+    const dragItems = computed(() => [...props.items]);
+    const handleDragChange = (_params) => {
+      const {
+        moved
+      } = _params;
+      const draggedIndex = moved.oldIndex;
+      const targetIndex = moved.newIndex;
+      emit("dragChange", draggedIndex, targetIndex);
+    };
+    const renderDragBtn = () => {
+      return createVNode("div", {
+        "class": [dragClssName]
+      }, [createVNode("svg", {
+        "viewBox": "0 0 16 16",
+        "xmlns": "http://www.w3.org/2000/svg",
+        "height": "1em",
+        "width": "1em",
+        "preserveAspectRatio": "xMidYMid meet",
+        "focusable": "false"
+      }, [createVNode("g", {
+        "stroke-width": "1",
+        "fill-rule": "evenodd"
+      }, [createVNode("g", {
+        "transform": "translate(5 1)",
+        "fill-rule": "nonzero"
+      }, [createVNode("path", {
+        "d": "M1 2a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm4 0a1 1 0 1 1 0-2 1 1 0 0 1 0 2zM1 6a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm4 0a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm-4 4a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm4 0a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm-4 4a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm4 0a1 1 0 1 1 0-2 1 1 0 0 1 0 2z"
+      }, null)])])])]);
+    };
     const renderAddBtn = () => {
       let _slot;
       return createVNode(resolveComponent("el-button"), {
@@ -48,9 +88,8 @@ const MDCtrlContainer = /* @__PURE__ */ defineComponent({
     };
     const renderRemoveBtn = (item, index) => {
       let _slot3;
-      if (!props.enableDelete) {
+      if (!props.enableDelete)
         return null;
-      }
       if (ibiz.config.form.mdCtrlConfirmBeforeRemove) {
         return createVNode(resolveComponent("el-popconfirm"), {
           "title": showTitle(ibiz.i18n.t("control.form.mdCtrlContainer.promptInformation")),
@@ -90,9 +129,8 @@ const MDCtrlContainer = /* @__PURE__ */ defineComponent({
     };
     const renderStyle2RemoveBtn = (item, index) => {
       let _slot4;
-      if (!props.enableDelete) {
+      if (!props.enableDelete)
         return null;
-      }
       if (ibiz.config.form.mdCtrlConfirmBeforeRemove) {
         return createVNode(resolveComponent("el-popconfirm"), {
           "title": showTitle(ibiz.i18n.t("control.form.mdCtrlContainer.promptInformation")),
@@ -121,13 +159,31 @@ const MDCtrlContainer = /* @__PURE__ */ defineComponent({
         default: () => [_slot4]
       });
     };
+    const renderDefaultItem = (item, index) => {
+      const formComponent = slots.item ? slots.item({
+        data: item,
+        index
+      }) : createVNode("div", null, [ibiz.i18n.t("control.form.mdCtrlContainer.noSlot")]);
+      return createVNode("div", {
+        "class": ns.b("item")
+      }, [createVNode("div", {
+        "class": ns.be("item", "left")
+      }, [props.enableSort && renderDragBtn()]), formComponent, renderRemoveBtn(item, index), createVNode("div", {
+        "class": ns.be("item", "right")
+      }, [index === 0 && props.enableCreate && renderAddBtn()])]);
+    };
     return {
       ns,
       showActions,
+      dragClssName,
+      dragItems,
+      renderDragBtn,
       renderAddBtn,
+      renderDefaultItem,
       renderRemoveBtn,
       renderStyle2AddBtn,
-      renderStyle2RemoveBtn
+      renderStyle2RemoveBtn,
+      handleDragChange
     };
   },
   render() {
@@ -153,19 +209,26 @@ const MDCtrlContainer = /* @__PURE__ */ defineComponent({
         "class": this.ns.b("style2-item-actions")
       }, [this.renderStyle2AddBtn()])])]);
     }
+    let defaultContent;
+    if ((_b = this.items) == null ? void 0 : _b.length) {
+      defaultContent = this.enableSort ? createVNode(draggable, {
+        "itemKey": "id",
+        "ref": "container",
+        "list": this.dragItems,
+        "class": [this.ns.e("drag")],
+        "handle": ".".concat(this.dragClssName),
+        "onChange": this.handleDragChange,
+        "chosenClass": this.ns.is("drag-chosen", true)
+      }, {
+        item: ({
+          element,
+          index
+        }) => this.renderDefaultItem(element, index)
+      }) : this.items.map((item, index) => this.renderDefaultItem(item, index));
+    }
     return createVNode("div", {
       "class": this.ns.b()
-    }, [((_b = this.items) == null ? void 0 : _b.length) ? this.items.map((item, index) => {
-      const formComponent = this.$slots.item ? this.$slots.item({
-        data: item,
-        index
-      }) : createVNode("div", null, [ibiz.i18n.t("control.form.mdCtrlContainer.noSlot")]);
-      return createVNode("div", {
-        "class": this.ns.b("item")
-      }, [formComponent, this.showActions && createVNode("div", {
-        "class": this.ns.b("item-actions")
-      }, [index === 0 && this.enableCreate && this.renderAddBtn(), this.renderRemoveBtn(item, index)])]);
-    }) : createVNode("div", {
+    }, [defaultContent || createVNode("div", {
       "class": this.ns.b("no-data")
     }, [this.enableCreate && createVNode("div", {
       "class": this.ns.b("item-actions")

package/es/control/form/form-detail/form-tab-panel/form-tab-panel.css

@@ -1 +1 @@
-.ibiz-form-tab-panel{width:100%;height:100%;--ibiz-form-tab-panel-font-size:var(--ibiz-font-size-header-4);--ibiz-form-tab-panel-header-border-color:var(--ibiz-color-border);--ibiz-form-tab-panel-text-color:var(--ibiz-color-text-2);--ibiz-form-tab-panel-bg-color:transparent;--ibiz-form-tab-panel-hover-text-color:var(--ibiz-color-primary);--ibiz-form-tab-panel-hover-bg-color:transparent;--ibiz-form-tab-panel-active-text-color:var(--ibiz-color-primary);--ibiz-form-tab-panel-active-bg-color:transparent;--ibiz-form-tab-panel-active-border-color:var(--ibiz-color-primary)}.ibiz-form-tab-panel>.el-tabs__header.is-top{margin-bottom:var(--ibiz-spacing-tight)}.ibiz-form-tab-panel>.el-tabs__header.is-top .el-tabs__item.is-top{font-size:var(--ibiz-form-tab-panel-font-size);color:var(--ibiz-form-tab-panel-text-color);background-color:var(--ibiz-form-tab-panel-bg-color)}.ibiz-form-tab-panel>.el-tabs__header.is-top .el-tabs__item.is-top:hover{color:var(--ibiz-form-tab-panel-hover-text-color);background-color:var(--ibiz-form-tab-panel-hover-bg-color)}.ibiz-form-tab-panel>.el-tabs__header.is-top .el-tabs__item.is-top.is-active{color:var(--ibiz-form-tab-panel-active-text-color);background-color:var(--ibiz-form-tab-panel-active-bg-color)}.ibiz-form-tab-panel .el-tabs__nav-wrap::after{height:1px;background-color:var(--ibiz-form-tab-panel-header-border-color)}.ibiz-form-tab-panel .el-tabs__active-bar{background-color:var(--ibiz-form-tab-panel-active-border-color)}.ibiz-form-tab-panel .el-tabs__item .ibiz-form-tab-panel__badge.is-no-counter{padding-right:var(--ibiz-spacing-none)}.ibiz-form-tab-panel__badge .el-badge__content{padding:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-font-size-small);background-color:var(--ibiz-color-danger)}
+.ibiz-form-tab-panel{width:100%;height:100%;--ibiz-form-tab-panel-font-size:var(--ibiz-font-size-header-4);--ibiz-form-tab-panel-header-border-color:var(--ibiz-color-border);--ibiz-form-tab-panel-text-color:var(--ibiz-color-text-2);--ibiz-form-tab-panel-bg-color:transparent;--ibiz-form-tab-panel-hover-text-color:var(--ibiz-color-primary);--ibiz-form-tab-panel-hover-bg-color:transparent;--ibiz-form-tab-panel-active-text-color:var(--ibiz-color-primary);--ibiz-form-tab-panel-active-bg-color:transparent;--ibiz-form-tab-panel-active-border-color:var(--ibiz-color-primary)}.ibiz-form-tab-panel>.el-tabs__header.is-top{margin-bottom:var(--ibiz-spacing-tight)}.ibiz-form-tab-panel>.el-tabs__header.is-top .el-tabs__item.is-top{font-size:var(--ibiz-form-tab-panel-font-size);color:var(--ibiz-form-tab-panel-text-color);background-color:var(--ibiz-form-tab-panel-bg-color)}.ibiz-form-tab-panel>.el-tabs__header.is-top .el-tabs__item.is-top:hover{color:var(--ibiz-form-tab-panel-hover-text-color);background-color:var(--ibiz-form-tab-panel-hover-bg-color)}.ibiz-form-tab-panel>.el-tabs__header.is-top .el-tabs__item.is-top.is-active{color:var(--ibiz-form-tab-panel-active-text-color);background-color:var(--ibiz-form-tab-panel-active-bg-color)}.ibiz-form-tab-panel .el-tabs__nav-wrap::after{height:1px;background-color:var(--ibiz-form-tab-panel-header-border-color)}.ibiz-form-tab-panel .el-tabs__active-bar{background-color:var(--ibiz-form-tab-panel-active-border-color)}.ibiz-form-tab-panel .el-tabs__item .ibiz-form-tab-panel__badge.is-no-counter{padding-right:var(--ibiz-spacing-none)}.ibiz-form-tab-panel__badge .el-badge__content{padding:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-font-size-small);background-color:var(--ibiz-color-danger)}.ibiz-form-tab-panel__badge .el-badge__content.is-fixed{top:var(--ibiz-spacing-super-tight);right:0}

package/es/control/form/form-detail/form-tab-panel/form-tab-panel.mjs

@@ -101,7 +101,8 @@ const FormTabPanel = /* @__PURE__ */ defineComponent({
           return c.model.counterId ? createVNode(resolveComponent("el-badge"), {
             "class": [this.ns.e("badge"), this.ns.is("no-counter", !value && value !== 0 || c.model.counterMode === 1 && value <= 0)],
             "value": value,
-            "hidden": !value && value !== 0 || c.model.counterMode === 1 && value <= 0
+            "hidden": !value && value !== 0 || c.model.counterMode === 1 && value <= 0,
+            "max": 99
           }, _isSlot(_slot = renderItemText(c)) ? _slot : {
             default: () => [_slot]
           }) : renderItemText(c);

package/es/control/form/form-detail/index.d.ts

@@ -8,3 +8,4 @@ export * from './form-rawitem/index';
 export * from './form-tab-panel/index';
 export * from './form-tab-page/index';
 export * from './form-button-list/index';
+export * from './form-iframe';

package/es/control/form/form-detail/index.mjs

@@ -8,6 +8,7 @@ export { IBizFormRawItem } from './form-rawitem/index.mjs';
 export { IBizFormTabPanel } from './form-tab-panel/index.mjs';
 export { IBizFormTabPage } from './form-tab-page/index.mjs';
 export { IBizFormButtonList } from './form-button-list/index.mjs';
+export { IBizFormIFrame } from './form-iframe/index.mjs';
 export { IBizFormItemContainer } from './form-item/form-item-container/form-item-container.mjs';
 export { IBizFormPageItem } from './form-page/form-page-item/form-page.item.mjs';
 

package/es/control/form/index.mjs

@@ -14,5 +14,6 @@ export { IBizFormRawItem } from './form-detail/form-rawitem/index.mjs';
 export { IBizFormTabPanel } from './form-detail/form-tab-panel/index.mjs';
 export { IBizFormTabPage } from './form-detail/form-tab-page/index.mjs';
 export { IBizFormButtonList } from './form-detail/form-button-list/index.mjs';
+export { IBizFormIFrame } from './form-detail/form-iframe/index.mjs';
 
 "use strict";

package/es/control/gantt/gantt.css

@@ -1 +1 @@
-.ibiz-control-gantt{width:100%;height:100%}.ibiz-control-gantt .xg-root{--gantt-bg:var(--ibiz-color-bg-1);--gantt-bg-hover:var(--ibiz-color-disabled-border);--gantt-bg-active:var(--ibiz-color-disabled-border);--gantt-bg-checkmark:transparent;--gantt-bg-toolbar-item-hover:var(--ibiz-color-primary-light-default);--gantt-shadow:var(--ibiz-color-shadow);--gantt-shadow-toolbar-item:var(--ibiz-color-shadow);--gantt-border:var(--ibiz-color-tertiary-light-active);--gantt-border-hover:var(--ibiz-color-tertiary-light-active);--gantt-border-dashed:var(--ibiz-color-disabled-border);--gantt-border-toolbar-item:var(--ibiz-color-border);--gantt-border-separate-line:var(--ibiz-color-border);--gantt-text-0:var(--ibiz-color-text-0);--gantt-text-3:var(--ibiz-color-text-3);--gantt-white:var(--ibiz-color-white);--gantt-black:var(--ibiz-color-black);--gantt-color-primary:var(--ibiz-color-primary);--gantt-warning:var(--ibiz-color-warning)}.ibiz-control-gantt .xg-root .xg-table-body .xg-table-row{cursor:pointer}.ibiz-control-gantt .xg-root .xg-table-body .xg-table-row .xg-table-cell:not(:first-child)>div{padding:var(--ibiz-spacing-none)}.ibiz-control-gantt .xg-root .xg-table-cell>div{width:100%}.ibiz-control-gantt .xg-root .xg-table-cell>div .cell{height:100%}.ibiz-control-gantt .xg-root .xg-row.xg-gantt-row{overflow:visible}.ibiz-control-gantt .xg-root .xg-row.xg-gantt-row .xg-slider.xg-slider-drag.xg-slider-level0{overflow:visible}.ibiz-control-gantt .xg-root .xg-row.xg-gantt-row .xg-slider .xg-slider-block{overflow:visible}.ibiz-control-gantt .xg-root .xg-row.xg-gantt-row .xg-slider.is-no-width{display:none}.ibiz-control-gantt .xg-root .ibiz-control-gantt__slider--caption{position:sticky;left:8px}.ibiz-control-gantt .xg-root .is-exceeds-range .ibiz-control-gantt__slider::after{position:absolute;right:0;z-index:99;display:block;width:16px;height:100%;content:"";background-color:var(--ibiz-color-primary)}.ibiz-control-gantt--empty .xg-table-body{height:calc(100% - 86px)!important}.ibiz-control-gantt__slider{display:flex;align-items:center;height:100%;padding:var(--ibiz-spacing-none) var(--ibiz-spacing-base-tight);cursor:pointer;background-color:var(--ibiz-color-primary);border-radius:var(--ibiz-border-radius-small)}.ibiz-control-gantt__slider--container-title .icon{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-control-gantt__slider--container-title .number{display:flex;align-items:center}.ibiz-control-gantt__slider--container-title .caption{margin:var(--ibiz-spacing-tight);font-size:var(--ibiz-font-size-header-6);font-weight:var(--ibiz-font-weight-regular)}.ibiz-control-gantt__slider--container-content{display:flex;justify-content:space-between}.ibiz-control-gantt__slider--container-content .caption{margin:var(--ibiz-spacing-extra-tight);color:var(--ibiz-color-disabled-text)}.ibiz-control-gantt__slider--container-content .detail{display:flex;flex-direction:column;flex-grow:1;align-items:center}.ibiz-control-gantt__slider--caption{overflow:hidden;color:var(--ibiz-color-primary-text);text-overflow:ellipsis;white-space:nowrap}.ibiz-control-gantt__setting{display:flex;align-items:center}.ibiz-control-gantt__setting--icon{cursor:pointer;fill:var(--ibiz-color-primary)}.ibiz-control-gantt__slider-popover{z-index:300!important;width:auto;min-width:300px;padding:12px;border:none;box-shadow:var(--ibiz-shadow-elevated)}.ibiz-control-gantt .ibiz-tree-grid-ex-field-column--ellipsis .ibiz-tree-grid-ex-field-column-text-container{min-width:0}.ibiz-control-gantt .ibiz-tree-grid-ex-field-column-toolbar-container{flex-shrink:0}.ibiz-control-gantt .ibiz-tree-grid-ex-edit-column__editor{min-height:32px}.xg-view-toolbar-switch-action{--gantt-text-switch-item:var(--ibiz-color-text-3);--gantt-bg-hover-switch-item:var(--ibiz-color-bg-0)}
+.ibiz-control-gantt{width:100%;height:100%}.ibiz-control-gantt .xg-root{--gantt-bg:var(--ibiz-color-bg-1);--gantt-bg-hover:var(--ibiz-color-disabled-border);--gantt-bg-active:var(--ibiz-color-disabled-border);--gantt-bg-checkmark:transparent;--gantt-bg-toolbar-item-hover:var(--ibiz-color-primary-light-default);--gantt-shadow:var(--ibiz-color-shadow);--gantt-shadow-toolbar-item:var(--ibiz-color-shadow);--gantt-border:var(--ibiz-color-tertiary-light-active);--gantt-border-hover:var(--ibiz-color-tertiary-light-active);--gantt-border-dashed:var(--ibiz-color-disabled-border);--gantt-border-toolbar-item:var(--ibiz-color-border);--gantt-border-separate-line:var(--ibiz-color-border);--gantt-text-0:var(--ibiz-color-text-0);--gantt-text-3:var(--ibiz-color-text-3);--gantt-white:var(--ibiz-color-white);--gantt-black:var(--ibiz-color-black);--gantt-color-primary:var(--ibiz-color-primary);--gantt-warning:var(--ibiz-color-warning);--gantt-color-linking:var(--ibiz-color-primary);--gantt-link-path-hover:var(--ibiz-color-primary)}.ibiz-control-gantt .xg-root .xg-table-body .xg-table-row{cursor:pointer}.ibiz-control-gantt .xg-root .xg-table-body .xg-table-row .xg-table-cell:not(:first-child)>div{padding:var(--ibiz-spacing-none)}.ibiz-control-gantt .xg-root .xg-table-cell>div{width:100%}.ibiz-control-gantt .xg-root .xg-table-cell>div .cell{height:100%}.ibiz-control-gantt .xg-root .xg-row.xg-gantt-row{overflow:visible}.ibiz-control-gantt .xg-root .xg-row.xg-gantt-row .xg-slider.xg-slider-drag.xg-slider-level0{overflow:visible}.ibiz-control-gantt .xg-root .xg-row.xg-gantt-row .xg-slider .xg-slider-block{overflow:visible}.ibiz-control-gantt .xg-root .xg-row.xg-gantt-row .xg-slider.is-no-width{display:none}.ibiz-control-gantt .xg-root .ibiz-control-gantt__slider--caption{position:sticky;left:8px}.ibiz-control-gantt .xg-root .is-exceeds-range .ibiz-control-gantt__slider::after{position:absolute;right:0;z-index:99;display:block;width:16px;height:100%;content:"";background-color:var(--ibiz-color-primary)}.ibiz-control-gantt--empty .xg-table-body{height:calc(100% - 86px)!important}.ibiz-control-gantt__slider{display:flex;align-items:center;height:100%;padding:var(--ibiz-spacing-none) var(--ibiz-spacing-base-tight);cursor:pointer;background-color:var(--ibiz-color-primary);border-radius:var(--ibiz-border-radius-small)}.ibiz-control-gantt__slider--container-title .icon{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-control-gantt__slider--container-title .number{display:flex;align-items:center}.ibiz-control-gantt__slider--container-title .caption{margin:var(--ibiz-spacing-tight);font-size:var(--ibiz-font-size-header-6);font-weight:var(--ibiz-font-weight-regular)}.ibiz-control-gantt__slider--container-content{display:flex;justify-content:space-between}.ibiz-control-gantt__slider--container-content .caption{margin:var(--ibiz-spacing-extra-tight);color:var(--ibiz-color-disabled-text)}.ibiz-control-gantt__slider--container-content .detail{display:flex;flex-direction:column;flex-grow:1;align-items:center}.ibiz-control-gantt__slider--caption{overflow:hidden;color:var(--ibiz-color-primary-text);text-overflow:ellipsis;white-space:nowrap}.ibiz-control-gantt__setting{display:flex;align-items:center}.ibiz-control-gantt__setting--icon{cursor:pointer;fill:var(--ibiz-color-primary)}.ibiz-control-gantt__slider-popover{z-index:300!important;width:auto;min-width:300px;padding:12px;border:none;box-shadow:var(--ibiz-shadow-elevated)}.ibiz-control-gantt__link-path-popover{z-index:300!important;width:auto;min-width:300px;padding:12px;border:none;box-shadow:var(--ibiz-shadow-elevated)}.ibiz-control-gantt .ibiz-tree-grid-ex-field-column--ellipsis .ibiz-tree-grid-ex-field-column-text-container{min-width:0}.ibiz-control-gantt .ibiz-tree-grid-ex-field-column-toolbar-container{flex-shrink:0}.ibiz-control-gantt .ibiz-tree-grid-ex-edit-column__editor{min-height:32px}.xg-view-toolbar-switch-action{--gantt-text-switch-item:var(--ibiz-color-text-3);--gantt-bg-hover-switch-item:var(--ibiz-color-bg-0)}

package/es/control/gantt/gantt.d.ts

@@ -59,7 +59,7 @@ export declare const GanttControl: import("vue").DefineComponent<{
     ns: import("@ibiz-template/core").Namespace;
     ganttRef: Ref<import("@ibiz-template/core").IApiData | undefined>;
     isInited: Ref<boolean>;
-    data: import("vue").ComputedRef<import("@ibiz-template/runtime").ITreeNodeData[]>;
+    data: import("vue").ComputedRef<IGanttNodeData[]>;
     locale: import("vue").ComputedRef<string>;
     columns: import("vue").ComputedRef<IDETreeColumn[]>;
     onCheck: (state: boolean, item: IGanttNodeData) => void;
@@ -79,6 +79,8 @@ export declare const GanttControl: import("vue").DefineComponent<{
     allowDrag: (draggingNode: IGanttNodeData) => boolean;
     handleDrop: (draggingNode: IGanttNodeData, dropNode: IGanttNodeData, dropType: NodeDropType) => void;
     onHeaderDragend: (index: number, width: number) => void;
+    handleClickLink: (_link?: IData, _event?: MouseEvent) => void;
+    handleFullscreenChange: (_state: boolean) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * @description 甘特模型数据

package/es/control/gantt/gantt.mjs

@@ -1,4 +1,4 @@
-import { isVNode, ref, resolveComponent, getCurrentInstance, onMounted, watch, computed, h, createVNode, resolveDirective, withDirectives, defineComponent } from 'vue';
+import { isVNode, ref, resolveComponent, getCurrentInstance, onMounted, watch, computed, nextTick, h, createVNode, resolveDirective, withDirectives, defineComponent } from 'vue';
 import { useControlController, useNamespace, useUIStore, hasEmptyPanelRenderer, IBizCustomRender, IBizControlShell } from '@ibiz-template/vue3-util';
 import { GanttController } from '@ibiz-template/runtime';
 import { showTitle } from '@ibiz-template/core';
@@ -71,10 +71,12 @@ const GanttControl = /* @__PURE__ */ defineComponent({
     const isInited = ref(false);
     const ns = useNamespace("control-".concat(c.model.controlType.toLowerCase()));
     let overlay = null;
+    let linkOverlay = null;
     const sliderMove = ref(false);
     const iBizRawItem = resolveComponent("IBizRawItem");
     const iBizIcon = resolveComponent("IBizIcon");
     let forbidClick = false;
+    let forbidOperation = false;
     const selection = [];
     const app = (_a = getCurrentInstance()) == null ? void 0 : _a.appContext.app;
     onMounted(() => {
@@ -154,18 +156,90 @@ const GanttControl = /* @__PURE__ */ defineComponent({
     const locale = computed(() => {
       return ibiz.i18n.getLang().toLowerCase();
     });
+    watch([() => ganttRef.value, () => c.state.selectedData], ([table, newVal]) => {
+      if (forbidOperation || !table)
+        return;
+      nextTick(() => {
+        var _a2, _b;
+        if (c.state.singleSelect) {
+          if (newVal[0]) {
+            (_a2 = ganttRef.value) == null ? void 0 : _a2.setSelected(newVal[0]);
+          } else {
+            (_b = ganttRef.value) == null ? void 0 : _b.setSelected();
+          }
+        } else {
+          selection.length = 0;
+          selection.push(...newVal);
+          newVal.forEach((item) => {
+            var _a3;
+            return (_a3 = ganttRef.value) == null ? void 0 : _a3.setChecked(item, true);
+          });
+        }
+      });
+    });
     const findNodeLayoutPanel = (id) => {
       var _a2;
       let layoutPanel;
       const nodeModel = c.getNodeModel(id);
       (_a2 = nodeModel == null ? void 0 : nodeModel.controlRenders) == null ? void 0 : _a2.forEach((renderItem) => {
-        if (renderItem.renderType === "LAYOUTPANEL") {
+        if (renderItem.renderType === "LAYOUTPANEL" && (renderItem.id || "").split("_")[0] !== "nodelinkrender") {
           layoutPanel = renderItem.layoutPanel;
         }
       });
       return layoutPanel;
     };
+    const findNodeLinkLayoutPanel = (id) => {
+      var _a2;
+      let layoutPanel;
+      const nodeModel = c.getNodeModel(id);
+      (_a2 = nodeModel == null ? void 0 : nodeModel.controlRenders) == null ? void 0 : _a2.find((renderItem) => {
+        if (renderItem.renderType === "LAYOUTPANEL" && (renderItem.id || "").split("_")[0] === "nodelinkrender") {
+          layoutPanel = renderItem.layoutPanel;
+          return true;
+        }
+        return false;
+      });
+      return layoutPanel;
+    };
+    let fullscreen = false;
+    const oldAllPopover = [];
+    const getAllPopover = () => {
+      var _a2;
+      const allPopover = {};
+      const elPopover = (_a2 = document.querySelector(".el-popover")) == null ? void 0 : _a2.parentElement;
+      if (elPopover)
+        Object.assign(allPopover, {
+          elPopover
+        });
+      return allPopover;
+    };
+    const popoverAppendTarget = (_popover, _target) => {
+      _popover.forEach((_element) => _element.parentElement !== _target && (_target == null ? void 0 : _target.append(_element)));
+    };
+    const popoverAppendGantt = () => {
+      var _a2;
+      const targetContainer = (_a2 = ganttRef.value) == null ? void 0 : _a2.getElementRefs().rootRef.value;
+      const allPopoverNode = Object.values(getAllPopover()).filter((_element) => {
+        return _element && _element.parentElement === document.body;
+      });
+      oldAllPopover.push(...allPopoverNode);
+      popoverAppendTarget(allPopoverNode, targetContainer);
+    };
+    const popoverAppendBody = () => {
+      const allPopoverNode = oldAllPopover.filter((_element) => !!_element);
+      oldAllPopover.length = 0;
+      popoverAppendTarget(allPopoverNode, document.body);
+    };
+    const handleFullscreenChange = (_state) => {
+      fullscreen = _state;
+      if (_state) {
+        popoverAppendGantt();
+      } else {
+        popoverAppendBody();
+      }
+    };
     const onCheck = (state, item) => {
+      forbidOperation = true;
       if (state) {
         selection.push(item);
       } else {
@@ -175,16 +249,21 @@ const GanttControl = /* @__PURE__ */ defineComponent({
         }
       }
       c.setSelection(selection);
+      setTimeout(() => {
+        forbidOperation = false;
+      }, 200);
     };
     const onNodeClick = (nodeData, evt) => {
       if (forbidClick || sliderMove.value) {
         sliderMove.value = false;
         return;
       }
+      forbidOperation = true;
       c.onTreeNodeClick(nodeData, evt);
       forbidClick = true;
       setTimeout(() => {
         forbidClick = false;
+        forbidOperation = false;
       }, 200);
     };
     const onNodeDbClick = (nodeData) => {
@@ -329,7 +408,10 @@ const GanttControl = /* @__PURE__ */ defineComponent({
       if (!contextMenuC.model.detoolbarItems) {
         return;
       }
-      await contextMenuC.calcButtonState(nodeData._deData || (nodeData.srfkey ? nodeData : void 0), nodeModel.appDataEntityId);
+      await contextMenuC.calcButtonState(nodeData._deData || (nodeData.srfkey ? nodeData : void 0), nodeModel.appDataEntityId, {
+        view: c.view,
+        ctrl: c
+      });
       const menuState = contextMenuC.state.buttonsState;
       const menus = calcContextMenuItems(contextMenuC.model.detoolbarItems, nodeData, evt, menuState);
       if (!menus.length) {
@@ -429,9 +511,11 @@ const GanttControl = /* @__PURE__ */ defineComponent({
       }, [item._text])])]);
     };
     const openPopover = (row, evt) => {
+      var _a2;
       if (overlay) {
         return;
       }
+      const appendTo = fullscreen && ((_a2 = ganttRef.value) == null ? void 0 : _a2.getElementRefs().rootRef.value);
       const panel = findNodeLayoutPanel(row._nodeId);
       const component = panel ? renderNodePanel(panel, row._deData) : renderNodeInfo(row);
       overlay = ibiz.overlay.createPopover((modal) => {
@@ -443,7 +527,8 @@ const GanttControl = /* @__PURE__ */ defineComponent({
         height: "auto",
         noArrow: true,
         placement: "bottom",
-        modalClass: ns.e("slider-popover")
+        modalClass: ns.e("slider-popover"),
+        appendTo
       });
       overlay == null ? void 0 : overlay.present(evt.target.children[0]);
     };
@@ -454,6 +539,7 @@ const GanttControl = /* @__PURE__ */ defineComponent({
     const renderSlider = () => {
       return createVNode(resolveComponent("x-gantt-slider"), {
         "allow-link": false,
+        "resize-mode": "dragonly",
         "move": c.state.sliderDraggable,
         "resize-left": c.state.sliderDraggable,
         "resize-right": c.state.sliderDraggable
@@ -526,6 +612,38 @@ const GanttControl = /* @__PURE__ */ defineComponent({
         c.saveColumnState();
       }
     };
+    const openLinkPathPopover = async (row, panelData, evt) => {
+      var _a2;
+      const panel = findNodeLinkLayoutPanel(row._nodeId);
+      if (linkOverlay || !panel) {
+        return;
+      }
+      const appendTo = fullscreen && ((_a2 = ganttRef.value) == null ? void 0 : _a2.getElementRefs().rootRef.value);
+      const component = renderNodePanel(panel, panelData);
+      linkOverlay = ibiz.overlay.createPopover((modal) => {
+        return h(component, {
+          modal
+        });
+      }, void 0, {
+        width: "auto",
+        height: "auto",
+        noArrow: true,
+        autoClose: true,
+        modalClass: ns.e("link-path-popover"),
+        appendTo
+      });
+      linkOverlay == null ? void 0 : linkOverlay.present(evt.currentTarget);
+      await linkOverlay.onWillDismiss();
+      linkOverlay = null;
+    };
+    const handleClickLink = (_link, _event) => {
+      if (_link && _event) {
+        const curLink = c.state.links.find((_item) => _item._uuid === _link.id);
+        if (curLink) {
+          openLinkPathPopover(curLink._fromData, curLink._deData, _event);
+        }
+      }
+    };
     return {
       c,
       ns,
@@ -548,7 +666,9 @@ const GanttControl = /* @__PURE__ */ defineComponent({
       allowDrop,
       allowDrag,
       handleDrop,
-      onHeaderDragend
+      onHeaderDragend,
+      handleClickLink,
+      handleFullscreenChange
     };
   },
   render() {
@@ -564,6 +684,7 @@ const GanttControl = /* @__PURE__ */ defineComponent({
         "ref": "ganttRef",
         "data-id": "_id",
         "data": this.data,
+        "links": this.c.state.links,
         "row-height": 46,
         "expand-all": false,
         "headerDrag": true,
@@ -572,10 +693,17 @@ const GanttControl = /* @__PURE__ */ defineComponent({
         "children": "_children",
         "leaf": "_leaf",
         "expand-key": "_defaultExpand",
+        "link-props": {
+          fromKey: "_from",
+          toKey: "_to",
+          linkKey: "_uuid"
+        },
         "locale": this.locale,
+        "unit": this.c.state.unit,
         "draggable": {
           level: "all",
-          draggable: true
+          draggable: false,
+          draggableStateKey: "_draggable"
         },
         "allow-drop": this.allowDrop,
         "allow-drag": this.allowDrag,
@@ -588,6 +716,8 @@ const GanttControl = /* @__PURE__ */ defineComponent({
         "onRowChecked": this.onCheck,
         "onHeaderDragend": this.onHeaderDragend,
         "onMoveSlider": this.onSliderMove,
+        "onClickLink": this.handleClickLink,
+        "onFullscreenChange": this.handleFullscreenChange,
         "primaryColor": this.ganttStyle.primaryColor,
         "headerStyle": {
           textColor: this.ganttStyle.textColor,

package/es/control/gantt/index.d.ts

@@ -31,7 +31,7 @@ export declare const IBizGanttControl: import("@ibiz-template/vue3-util").TypeWi
     ns: import("@ibiz-template/core").Namespace;
     ganttRef: import("vue").Ref<import("@ibiz-template/core").IApiData | undefined>;
     isInited: import("vue").Ref<boolean>;
-    data: import("vue").ComputedRef<import("@ibiz-template/runtime").ITreeNodeData[]>;
+    data: import("vue").ComputedRef<import("@ibiz-template/runtime").IGanttNodeData[]>;
     locale: import("vue").ComputedRef<string>;
     columns: import("vue").ComputedRef<import("@ibiz/model-core").IDETreeColumn[]>;
     onCheck: (state: boolean, item: import("@ibiz-template/runtime").IGanttNodeData) => void;
@@ -53,6 +53,8 @@ export declare const IBizGanttControl: import("@ibiz-template/vue3-util").TypeWi
     allowDrag: (draggingNode: import("@ibiz-template/runtime").IGanttNodeData) => boolean;
     handleDrop: (draggingNode: import("@ibiz-template/runtime").IGanttNodeData, dropNode: import("@ibiz-template/runtime").IGanttNodeData, dropType: import("element-plus/es/components/tree/src/tree.type").NodeDropType) => void;
     onHeaderDragend: (index: number, width: number) => void;
+    handleClickLink: (_link?: import("@ibiz-template/core").IApiData | undefined, _event?: MouseEvent | undefined) => void;
+    handleFullscreenChange: (_state: boolean) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: import("vue").PropType<import("@ibiz/model-core").IDEGantt>;

package/es/control/grid/grid/grid-control.util.d.ts

@@ -69,7 +69,7 @@ export declare function useAppGridPagination(c: GridController): {
     onPageSizeChange: (size: number) => void;
     onPageRefresh: () => void;
 };
-export declare function useAppGridBase(c: GridController, props: IGridProps): {
+export declare function useAppGridBase(c: GridController, props: IGridProps, tableRef: Ref<IData | undefined>): {
     tableData: Ref<IData>;
     renderColumns: Ref<IDEGridColumn[]>;
     defaultSort: Ref<IData>;