@ibiz-template/vue3-components 0.7.34 → 0.7.38-alpha.12

package/es/control/form/form-detail/form-tab-page/form-tab-page.provider.d.ts

@@ -0,0 +1,15 @@
+import { FormController, FormTabPageController, IFormDetailContainerController, IFormDetailProvider } from '@ibiz-template/runtime';
+import { IDEFormTabPage } from '@ibiz/model-core';
+/**
+ * 表单分页部件分页适配器
+ *
+ * @author lxm
+ * @date 2022-09-19 22:09:03
+ * @export
+ * @class FormTabPageProvider
+ * @implements {EditorProvider}
+ */
+export declare class FormTabPageProvider implements IFormDetailProvider {
+    component: string;
+    createController(detailModel: IDEFormTabPage, form: FormController, parent: IFormDetailContainerController | undefined): Promise<FormTabPageController>;
+}

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

@@ -0,0 +1,22 @@
+export declare const IBizFormTabPage: import("@ibiz-template/vue3-util").TypeWithInstall<import("vue").DefineComponent<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IDEFormTabPage>;
+        required: true;
+    };
+    controller: {
+        type: typeof import("@ibiz-template/runtime").FormTabPageController;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+}, 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").IDEFormTabPage>;
+        required: true;
+    };
+    controller: {
+        type: typeof import("@ibiz-template/runtime").FormTabPageController;
+        required: true;
+    };
+}>>, {}, {}>>;
+export default IBizFormTabPage;

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{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__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__badge .el-badge__content{padding:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-font-size-small);background-color:var(--ibiz-color-danger)}

package/es/control/form/form-detail/form-tab-panel/form-tab-panel.d.ts

@@ -0,0 +1,28 @@
+import { PropType } from 'vue';
+import './form-tab-panel.scss';
+import { IDEFormTabPanel } from '@ibiz/model-core';
+import { FormTabPanelController } from '@ibiz-template/runtime';
+export declare const FormTabPanel: import("vue").DefineComponent<{
+    modelData: {
+        type: PropType<IDEFormTabPanel>;
+        required: true;
+    };
+    controller: {
+        type: typeof FormTabPanelController;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    onTabClick: (tabIns: IData, event: MouseEvent) => void;
+    counterData: IData;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelData: {
+        type: PropType<IDEFormTabPanel>;
+        required: true;
+    };
+    controller: {
+        type: typeof FormTabPanelController;
+        required: true;
+    };
+}>>, {}, {}>;
+export default FormTabPanel;

package/es/control/form/form-detail/form-tab-panel/form-tab-panel.provider.d.ts

@@ -0,0 +1,15 @@
+import { FormController, FormTabPanelController, IFormDetailContainerController, IFormDetailProvider } from '@ibiz-template/runtime';
+import { IDEFormTabPanel } from '@ibiz/model-core';
+/**
+ * 表单分页部件适配器
+ *
+ * @author lxm
+ * @date 2022-09-19 22:09:03
+ * @export
+ * @class FormTabPanelProvider
+ * @implements {EditorProvider}
+ */
+export declare class FormTabPanelProvider implements IFormDetailProvider {
+    component: string;
+    createController(detailModel: IDEFormTabPanel, form: FormController, parent: IFormDetailContainerController | undefined): Promise<FormTabPanelController>;
+}

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

@@ -0,0 +1,24 @@
+export declare const IBizFormTabPanel: import("@ibiz-template/vue3-util").TypeWithInstall<import("vue").DefineComponent<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IDEFormTabPanel>;
+        required: true;
+    };
+    controller: {
+        type: typeof import("@ibiz-template/runtime").FormTabPanelController;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    onTabClick: (tabIns: IData, event: MouseEvent) => void;
+    counterData: IData;
+}, 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").IDEFormTabPanel>;
+        required: true;
+    };
+    controller: {
+        type: typeof import("@ibiz-template/runtime").FormTabPanelController;
+        required: true;
+    };
+}>>, {}, {}>>;
+export default IBizFormTabPanel;

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

@@ -0,0 +1,10 @@
+export * from './form-group-panel/index';
+export * from './form-item/index';
+export * from './form-page/index';
+export * from './form-button/index';
+export * from './form-druipart/index';
+export * from './form-mdctrl/index';
+export * from './form-rawitem/index';
+export * from './form-tab-panel/index';
+export * from './form-tab-page/index';
+export * from './form-button-list/index';

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

@@ -7,6 +7,7 @@ export { IBizFormMDCtrl } from './form-mdctrl/index.mjs';
 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 { 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.d.ts

@@ -0,0 +1,4 @@
+export * from './search-form';
+export * from './form-detail';
+export * from './edit-form';
+export * from './form';

package/es/control/form/index.mjs

@@ -13,5 +13,6 @@ export { IBizFormMDCtrl } from './form-detail/form-mdctrl/index.mjs';
 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';
 
 "use strict";

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

@@ -0,0 +1,48 @@
+export declare const IBizSearchFormControl: import("@ibiz-template/vue3-util").TypeWithInstall<import("vue").DefineComponent<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IDESearchForm>;
+        required: true;
+    };
+    context: {
+        type: import("vue").PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: import("vue").PropType<IParams>;
+        default: () => {};
+    };
+    provider: {
+        type: import("vue").PropType<import("@ibiz-template/runtime").IControlProvider>;
+    };
+    loadDefault: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    c: import("@ibiz-template/runtime").SearchFormController;
+    ns: import("@ibiz-template/core").Namespace;
+}, 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").IDESearchForm>;
+        required: true;
+    };
+    context: {
+        type: import("vue").PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: import("vue").PropType<IParams>;
+        default: () => {};
+    };
+    provider: {
+        type: import("vue").PropType<import("@ibiz-template/runtime").IControlProvider>;
+    };
+    loadDefault: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    params: IParams;
+    loadDefault: boolean;
+}, {}>>;
+export default IBizSearchFormControl;

package/es/control/form/search-form/search-form.d.ts

@@ -0,0 +1,51 @@
+import { IControlProvider, SearchFormController } from '@ibiz-template/runtime';
+import { IDESearchForm } from '@ibiz/model-core';
+import { PropType } from 'vue';
+import './search-form.scss';
+export declare const SearchFormControl: import("vue").DefineComponent<{
+    modelData: {
+        type: PropType<IDESearchForm>;
+        required: true;
+    };
+    context: {
+        type: PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: PropType<IParams>;
+        default: () => {};
+    };
+    provider: {
+        type: PropType<IControlProvider>;
+    };
+    loadDefault: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    c: SearchFormController;
+    ns: import("@ibiz-template/core").Namespace;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelData: {
+        type: PropType<IDESearchForm>;
+        required: true;
+    };
+    context: {
+        type: PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: PropType<IParams>;
+        default: () => {};
+    };
+    provider: {
+        type: PropType<IControlProvider>;
+    };
+    loadDefault: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    params: IParams;
+    loadDefault: boolean;
+}, {}>;

package/es/control/form/search-form/search-form.provider.d.ts

@@ -0,0 +1,13 @@
+import { IControlProvider } from '@ibiz-template/runtime';
+/**
+ * 搜索表单适配器
+ *
+ * @author lxm
+ * @date 2022-10-25 18:10:57
+ * @export
+ * @class SearchFormProvider
+ * @implements {IControlProvider}
+ */
+export declare class SearchFormProvider implements IControlProvider {
+    component: string;
+}

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

@@ -0,0 +1,93 @@
+import { PropType, VNode, Ref } from 'vue';
+import { IDEGantt, IDETreeColumn } from '@ibiz/model-core';
+import { IControlProvider, GanttController, IGanttNodeData } from '@ibiz-template/runtime';
+import { AllowDropType, NodeDropType } from 'element-plus/es/components/tree/src/tree.type';
+import './gantt.scss';
+export declare const GanttControl: import("vue").DefineComponent<{
+    modelData: {
+        type: PropType<IDEGantt>;
+        required: true;
+    };
+    context: {
+        type: PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: PropType<IParams>;
+        default: () => {};
+    };
+    provider: {
+        type: PropType<IControlProvider>;
+    };
+    loadDefault: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    mdctrlActiveMode: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    singleSelect: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}, {
+    c: GanttController;
+    ns: import("@ibiz-template/core").Namespace;
+    ganttRef: Ref<IData | undefined>;
+    isInited: Ref<boolean>;
+    data: import("vue").ComputedRef<import("@ibiz-template/runtime").ITreeNodeData[]>;
+    locale: import("vue").ComputedRef<string>;
+    columns: import("vue").ComputedRef<IDETreeColumn[]>;
+    onCheck: (state: boolean, item: IGanttNodeData) => void;
+    loading: import("vue").ComputedRef<boolean>;
+    ganttStyle: import("vue").ComputedRef<{
+        primaryColor: string;
+        textColor: string;
+    }>;
+    onNodeClick: (nodeData: IGanttNodeData, evt: MouseEvent) => void;
+    onNodeDbClick: (nodeData: IGanttNodeData) => void;
+    onNodeExpand: (nodeData: IGanttNodeData) => void;
+    onNodeCollapse: (nodeData: IGanttNodeData) => void;
+    renderContent: () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>[];
+    onSliderMove: (sliders: IData[]) => void;
+    renderNoData: () => VNode | false;
+    allowDrop: (draggingNode: IGanttNodeData, dropNode: IGanttNodeData, type: AllowDropType) => boolean;
+    allowDrag: (draggingNode: IGanttNodeData) => boolean;
+    handleDrop: (draggingNode: IGanttNodeData, dropNode: IGanttNodeData, dropType: NodeDropType) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelData: {
+        type: PropType<IDEGantt>;
+        required: true;
+    };
+    context: {
+        type: PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: PropType<IParams>;
+        default: () => {};
+    };
+    provider: {
+        type: PropType<IControlProvider>;
+    };
+    loadDefault: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    mdctrlActiveMode: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    singleSelect: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}>>, {
+    params: IParams;
+    mdctrlActiveMode: number;
+    singleSelect: boolean;
+    loadDefault: boolean;
+}, {}>;

package/es/control/gantt/gantt.mjs

@@ -57,6 +57,19 @@ const GanttControl = /* @__PURE__ */ defineComponent({
         app == null ? void 0 : app.use(defaltModule);
         isInited.value = true;
       });
+      c.evt.on("onToggleRowExpansion", (event) => {
+        const {
+          row,
+          expand
+        } = event;
+        if (ganttRef.value) {
+          if (expand) {
+            ganttRef.value.setExpand(row);
+          } else {
+            ganttRef.value.setCollapse(row);
+          }
+        }
+      });
     });
     const getVarValue = (varName) => {
       const root = document.documentElement;

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

@@ -0,0 +1,13 @@
+import { IControlProvider } from '@ibiz-template/runtime';
+/**
+ * 甘特图适配器
+ *
+ * @author zhanghengfeng
+ * @date 2023-12-08 15:12:11
+ * @export
+ * @class GanttProvider
+ * @implements {IControlProvider}
+ */
+export declare class GanttProvider implements IControlProvider {
+    component: string;
+}

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

@@ -0,0 +1,91 @@
+export declare const IBizGanttControl: import("@ibiz-template/vue3-util").TypeWithInstall<import("vue").DefineComponent<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IDEGantt>;
+        required: true;
+    };
+    context: {
+        type: import("vue").PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: import("vue").PropType<IParams>;
+        default: () => {};
+    };
+    provider: {
+        type: import("vue").PropType<import("@ibiz-template/runtime").IControlProvider>;
+    };
+    loadDefault: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    mdctrlActiveMode: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    singleSelect: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}, {
+    c: import("@ibiz-template/runtime").GanttController;
+    ns: import("@ibiz-template/core").Namespace;
+    ganttRef: import("vue").Ref<IData | undefined>;
+    isInited: import("vue").Ref<boolean>;
+    data: import("vue").ComputedRef<import("@ibiz-template/runtime").ITreeNodeData[]>;
+    locale: import("vue").ComputedRef<string>;
+    columns: import("vue").ComputedRef<import("@ibiz/model-core").IDETreeColumn[]>;
+    onCheck: (state: boolean, item: import("@ibiz-template/runtime").IGanttNodeData) => void;
+    loading: import("vue").ComputedRef<boolean>;
+    ganttStyle: import("vue").ComputedRef<{
+        primaryColor: string;
+        textColor: string;
+    }>;
+    onNodeClick: (nodeData: import("@ibiz-template/runtime").IGanttNodeData, evt: MouseEvent) => void;
+    onNodeDbClick: (nodeData: import("@ibiz-template/runtime").IGanttNodeData) => void;
+    onNodeExpand: (nodeData: import("@ibiz-template/runtime").IGanttNodeData) => void;
+    onNodeCollapse: (nodeData: import("@ibiz-template/runtime").IGanttNodeData) => void;
+    renderContent: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>[];
+    onSliderMove: (sliders: IData[]) => void;
+    renderNoData: () => false | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>;
+    allowDrop: (draggingNode: import("@ibiz-template/runtime").IGanttNodeData, dropNode: import("@ibiz-template/runtime").IGanttNodeData, type: import("element-plus/es/components/tree/src/tree.type").AllowDropType) => boolean;
+    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;
+}, 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>;
+        required: true;
+    };
+    context: {
+        type: import("vue").PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: import("vue").PropType<IParams>;
+        default: () => {};
+    };
+    provider: {
+        type: import("vue").PropType<import("@ibiz-template/runtime").IControlProvider>;
+    };
+    loadDefault: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    mdctrlActiveMode: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    singleSelect: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}>>, {
+    params: IParams;
+    mdctrlActiveMode: number;
+    singleSelect: boolean;
+    loadDefault: boolean;
+}, {}>>;
+export default IBizGanttControl;

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

@@ -0,0 +1,93 @@
+import { Namespace } from '@ibiz-template/core';
+import { ControlVO, GridController, IControlProvider } from '@ibiz-template/runtime';
+import { IDEGrid, IDEGridColumn } from '@ibiz/model-core';
+import { TableColumnCtx } from 'element-plus';
+import { Ref } from 'vue';
+/**
+ * 表格部件props接口
+ *
+ * @author zk
+ * @date 2023-09-26 06:09:51
+ * @export
+ * @interface IGridProps
+ */
+export interface IGridProps {
+    modelData: IDEGrid;
+    context: IContext;
+    params: IParams;
+    provider: IControlProvider;
+    mdctrlActiveMode?: number;
+    singleSelect?: boolean;
+    rowEditOpen?: boolean;
+    isSimple: boolean;
+    data: Array<IData>;
+    loadDefault: boolean;
+}
+/**
+ * 适配element的table的事件
+ *
+ * @author lxm
+ * @date 2022-09-05 21:09:42
+ * @export
+ * @param {GridController} c
+ * @returns {*}
+ */
+export declare function useITableEvent(c: GridController): {
+    tableRef: Ref<IData | undefined>;
+    onRowClick: (data: ControlVO, _column: IData, event: MouseEvent) => Promise<void>;
+    onDbRowClick: (data: ControlVO) => void;
+    onSelectionChange: (selection: ControlVO[]) => void;
+    onSortChange: (opts: {
+        _column: IData;
+        prop: string;
+        order: 'ascending' | 'descending';
+    }) => void;
+    handleRowClassName: ({ row }: {
+        row: IData;
+    }) => string;
+    handleHeaderCellClassName: ({ _row, column, _rowIndex, _columnIndex, }: {
+        _row: IData;
+        column: IData;
+        _rowIndex: number;
+        _columnIndex: number;
+    }) => string;
+};
+/**
+ * 使用表格分页组件
+ *
+ * @author lxm
+ * @date 2022-09-06 17:09:09
+ * @export
+ * @param {GridController} c
+ * @returns {*}
+ */
+export declare function useAppGridPagination(c: GridController): {
+    onPageChange: (page: number) => void;
+    onPageSizeChange: (size: number) => void;
+    onPageRefresh: () => void;
+};
+export declare function useAppGridBase(c: GridController, props: IGridProps): {
+    tableData: Ref<IData>;
+    renderColumns: Ref<IDEGridColumn[]>;
+    defaultSort: Ref<IData>;
+    summaryMethod: ({ columns, }: {
+        columns: TableColumnCtx<IData>[];
+        data: IData[];
+    }) => string[];
+    spanMethod: ({ row, column, rowIndex, columnIndex, }: {
+        row: IData;
+        column: IData;
+        rowIndex: number;
+        columnIndex: number;
+    }) => IData | void;
+    headerDragend: (newWidth: number, oldWidth: number, column: IData) => void;
+};
+/**
+ * 监听表格头部高度变化，计算css变量
+ */
+export declare function useGridHeaderStyle(tableRef: IData, ns: Namespace): {
+    headerCssVars: IData;
+};
+export declare function useGridDraggable(tableRef: IData, ns: Namespace, c: GridController): {
+    cleanup?: () => void;
+};

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

@@ -1,5 +1,6 @@
 import { listenJSEvent } from '@ibiz-template/core';
 import { Srfuf, GridRowState, ControlVO } from '@ibiz-template/runtime';
+import { orderBy, chunk } from 'lodash-es';
 import { ref, watch, nextTick, computed, watchEffect, onUnmounted } from 'vue';
 
 "use strict";
@@ -27,11 +28,32 @@ function useITableEvent(c) {
   const tableRef = ref();
   let forbidChange = false;
   let isGridUISort = false;
+  c.evt.on("onToggleRowExpansion", (event) => {
+    const { row, expand } = event;
+    if (tableRef.value) {
+      if (tableRef.value.lazy) {
+        const { store } = tableRef.value;
+        const { treeData } = tableRef.value.store.states;
+        const data = treeData.value[row.srfkey];
+        if (data && data.expanded !== expand) {
+          store.loadOrToggle(row);
+        }
+      } else {
+        tableRef.value.toggleRowExpansion(row, expand);
+      }
+    }
+  });
   async function onRowClick(data, _column, _event) {
     if (data.srfuf === Srfuf.CREATE) {
       return;
     }
-    if (ibiz.config.grid.editShowMode === "row" && c.model.enableRowEdit) {
+    const target = _event.target;
+    const { classList } = target.parentElement || {};
+    if (classList && classList.contains("el-table-column--selection")) {
+      tableRef.value.toggleRowSelection(data);
+      return;
+    }
+    if (c.editShowMode === "row" && c.model.enableRowEdit) {
       const row = c.findRowState(data);
       if (row && row.showRowEdit !== true) {
         await c.switchRowEdit(row, true);
@@ -92,6 +114,21 @@ function useITableEvent(c) {
     if (sortQuery === c.state.sortQuery) {
       return;
     }
+    if (c.context && c.context.srfrunmode === "DESIGN") {
+      c.state.items = orderBy(
+        c.state.items,
+        [(item) => {
+          var _a;
+          return ((_a = item == null ? void 0 : item[fieldName || ""]) == null ? void 0 : _a.length) || 0;
+        }],
+        [order1 || "asc"]
+      );
+      c.state.rows = c.state.items.map((item) => {
+        const row = new GridRowState(new ControlVO(item), c);
+        return row;
+      });
+      return;
+    }
     c.setSort(fieldName, order1);
     c.load({
       isInitialLoad: c.model.pagingMode === 2 || c.model.pagingMode === 3
@@ -194,7 +231,13 @@ function useAppGridBase(c, props) {
       return;
     }
     c.state.items = props.data;
-    c.state.rows = props.data.map((item) => {
+    if (c.context && c.context.srfrunmode === "DESIGN") {
+      c.state.simpleData = props.data;
+      c.state.total = props.data.length;
+      c.state.curPage = 1;
+      c.state.items = chunk(c.state.simpleData, c.state.size)[c.state.curPage - 1] || [];
+    }
+    c.state.rows = c.state.items.map((item) => {
       const row = new GridRowState(new ControlVO(item), c);
       return row;
     });