@ibiz-template/vue3-components 0.7.41-alpha.12 → 0.7.41-alpha.14

package/es/control/grid/virtualized-table/index.d.ts

@@ -0,0 +1,136 @@
+export declare const IBizVirtualizedTableControl: import("@ibiz-template/vue3-util").TypeWithInstall<import("vue").DefineComponent<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IDEGrid>;
+        required: true;
+    };
+    context: {
+        type: import("vue").PropType<import("@ibiz-template/core").IApiContext>;
+        required: true;
+    };
+    params: {
+        type: import("vue").PropType<import("@ibiz-template/core").IApiParams>;
+        default: () => {};
+    };
+    provider: {
+        type: import("vue").PropType<import("@ibiz-template/runtime").IControlProvider>;
+    };
+    mdctrlActiveMode: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    singleSelect: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    rowEditOpen: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    isSimple: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    data: {
+        type: {
+            (arrayLength: number): import("@ibiz-template/core").IApiData[];
+            (...items: import("@ibiz-template/core").IApiData[]): import("@ibiz-template/core").IApiData[];
+            new (arrayLength: number): import("@ibiz-template/core").IApiData[];
+            new (...items: import("@ibiz-template/core").IApiData[]): import("@ibiz-template/core").IApiData[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+            of<T_4>(...items: T_4[]): T_4[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        required: false;
+    };
+    loadDefault: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    c: import("@ibiz-template/runtime").GridController<import("@ibiz/model-core").IDEGrid, import("@ibiz-template/runtime").IGridState, import("@ibiz-template/runtime").IGridEvent>;
+    ns: import("@ibiz-template/core").Namespace;
+    tableRef: import("vue").Ref<any>;
+    tableData: import("vue").ComputedRef<import("@ibiz-template/runtime").ControlVO[]>;
+    columnModel: import("vue").ComputedRef<import("./virtualized-table.util").IColumn[]>;
+    onPageChange: (page: number) => void;
+    onPageRefresh: () => void;
+    onPageSizeChange: (size: number) => void;
+    renderNoData: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | null;
+    calcRowClass: (params: import("@ibiz-template/core").IApiParams) => string;
+    renderBodyCell: (params: import("@ibiz-template/core").IApiParams) => JSX.Element;
+    handleRowClick: (event: MouseEvent, data: import("@ibiz-template/runtime").ControlVO) => Promise<void>;
+    calcColumnWidth: (_columns: import("./virtualized-table.util").IColumn[], bodyWidth: number) => import("./virtualized-table.util").IColumn[];
+    handleDbRowClick: (event: MouseEvent, data: import("@ibiz-template/runtime").ControlVO) => Promise<void>;
+    renderHeaderCell: (params: import("@ibiz-template/core").IApiParams) => JSX.Element;
+    renderBatchToolBar: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | undefined;
+}, 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").IDEGrid>;
+        required: true;
+    };
+    context: {
+        type: import("vue").PropType<import("@ibiz-template/core").IApiContext>;
+        required: true;
+    };
+    params: {
+        type: import("vue").PropType<import("@ibiz-template/core").IApiParams>;
+        default: () => {};
+    };
+    provider: {
+        type: import("vue").PropType<import("@ibiz-template/runtime").IControlProvider>;
+    };
+    mdctrlActiveMode: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    singleSelect: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    rowEditOpen: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    isSimple: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    data: {
+        type: {
+            (arrayLength: number): import("@ibiz-template/core").IApiData[];
+            (...items: import("@ibiz-template/core").IApiData[]): import("@ibiz-template/core").IApiData[];
+            new (arrayLength: number): import("@ibiz-template/core").IApiData[];
+            new (...items: import("@ibiz-template/core").IApiData[]): import("@ibiz-template/core").IApiData[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+            of<T_4>(...items: T_4[]): T_4[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        required: false;
+    };
+    loadDefault: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    params: import("@ibiz-template/core").IApiParams;
+    singleSelect: boolean;
+    mdctrlActiveMode: number;
+    rowEditOpen: boolean;
+    isSimple: boolean;
+    loadDefault: boolean;
+}, {}>>;
+export default IBizVirtualizedTableControl;

package/es/control/grid/virtualized-table/index.mjs

@@ -0,0 +1,18 @@
+import { withInstall } from '@ibiz-template/vue3-util';
+import { registerControlProvider } from '@ibiz-template/runtime';
+import { VirtualizedTableControl } from './virtualized-table.mjs';
+import { VirtualizedTableProvider } from './virtualized-table.provider.mjs';
+
+"use strict";
+const IBizVirtualizedTableControl = withInstall(
+  VirtualizedTableControl,
+  (v) => {
+    v.component(VirtualizedTableControl.name, VirtualizedTableControl);
+    registerControlProvider(
+      "GRID_VIRTUALIZED_TABLE",
+      () => new VirtualizedTableProvider()
+    );
+  }
+);
+
+export { IBizVirtualizedTableControl, IBizVirtualizedTableControl as default };

package/es/control/grid/virtualized-table/virtualized-table.css

@@ -0,0 +1 @@
+.ibiz-control-virtualized-table{--ibiz-control-virtualized-table-text-color:var(--ibiz-color-text-0);--ibiz-control-virtualized-table-bg-color:transparent;--ibiz-control-virtualized-table-padding:var(--ibiz-spacing-none);--ibiz-control-virtualized-table-cell-padding:var(--ibiz-spacing-tight);--ibiz-control-virtualized-table-selection-padding:var(--ibiz-spacing-base-loose);--ibiz-control-virtualized-table-row-edit-bg-color:var(--ibiz-color-fill-2);--ibiz-control-virtualized-table-row-bg-color:var(--ibiz-color-bg-1);--ibiz-control-virtualized-table-row-bg-color-2:var(--ibiz-color-bg-0);--ibiz-control-virtualized-table-row-hover-color:rgba(var(--ibiz-grey-1), 1);--ibiz-control-virtualized-table-row-select-color:var(--ibiz-color-primary-light-default);--ibiz-control-virtualized-table-row-expand-icon-margin:var(--ibiz-spacing-none) var(--ibiz-spacing-none) var(--ibiz-spacing-none) var(--ibiz-spacing-tight);--ibiz-control-virtualized-table-now-header-height:54px;--ibiz-control-virtualized-table-scrollbar-width:4px;--ibiz-control-virtualized-table-scrollbar-bg-color:var(--ibiz-color-fill-2);--ibiz-control-virtualized-table-scrollbar-bg-hover-opacity:0.5;--ibiz-control-virtualized-table-scrollbar-bg-hover-color:var(--ibiz-color-fill-2);--ibiz-control-virtualized-table-header-text-color:var(--ibiz-color-text-2);--ibiz-control-virtualized-table-header-cell-padding:calc(var(--ibiz-spacing-base-tight) / 2) var(--ibiz-spacing-base-tight);--ibiz-control-virtualized-table-header-height:auto;--ibiz-control-virtualized-table-header-min-height:54px;--ibiz-control-virtualized-table-header-bg-color:rgba(var(--ibiz-grey-1), 1);--ibiz-control-virtualized-table-header-font-size:var(--ibiz-font-size-regular);--ibiz-control-virtualized-table-header-font-weight:var(--ibiz-font-weight-regular);--ibiz-control-virtualized-table-content-text-color:var(--ibiz-control-virtualized-table-text-color);--ibiz-control-virtualized-table-content-row-height:48px;--ibiz-control-virtualized-table-page-text-color:var(--ibiz-color-text-2);--ibiz-control-virtualized-table-page-height:50px;--ibiz-control-virtualized-table-page-padding:var(--ibiz-spacing-none) var(--ibiz-spacing-base-tight);--ibiz-control-virtualized-table-footer-text-color:var(--ibiz-color-text-2);--ibiz-control-virtualized-table-footer-bg-color:rgba(var(--ibiz-grey-1), 1);--ibiz-control-virtualized-table-footer-font-size:var(--ibiz-font-size-regular);--ibiz-control-virtualized-table-footer-font-weight:var(--ibiz-font-weight-bold);position:relative;width:100%;height:100%;padding:var(--ibiz-control-virtualized-table-padding);background-color:var(--ibiz-control-virtualized-table-bg-color)}.ibiz-control-virtualized-table.is-enable-page .el-auto-resizer{height:calc(100% - var(--ibiz-control-virtualized-table-page-height))!important}.ibiz-control-virtualized-table.is-enable-page .el-table-v2__empty{height:calc(100% - var(--ibiz-control-virtualized-table-page-height))}.ibiz-control-virtualized-table__table{width:100%;height:100%}.ibiz-control-virtualized-table__table.el-table-v2{--el-table-header-bg-color:var(--ibiz-control-virtualized-table-header-bg-color);--el-table-border-color:transparent}.ibiz-control-virtualized-table__table .el-table-v2__empty{height:100%}.ibiz-control-virtualized-table__table .el-table-v2__header-row,.ibiz-control-virtualized-table__table .el-table-v2__row{border:none}.ibiz-control-virtualized-table__table.el-table-v2 .el-table-v2__header-cell,.ibiz-control-virtualized-table__table.el-table-v2 .el-table-v2__row-cell{padding:var(--ibiz-control-virtualized-table-cell-padding)}.ibiz-control-virtualized-table__table.el-table-v2 .el-table-v2__header-cell:not(.is-selection),.ibiz-control-virtualized-table__table.el-table-v2 .el-table-v2__row-cell:not(.is-selection){cursor:pointer}.ibiz-control-virtualized-table__table .el-table-v2__main{background-color:transparent}.ibiz-control-virtualized-table__table.el-table-v2 .el-table-v2__body .el-table-v2__row .el-table-v2__row-cell{background:var(--ibiz-control-grid-row-bg-color)}.ibiz-control-virtualized-table__table.el-table-v2 .el-table-v2__body .el-table-v2__row:nth-child(2n) .el-table-v2__row-cell{background-color:var(--ibiz-control-grid-row-bg-color-2)}.ibiz-control-virtualized-table__table.el-table-v2 .el-table-v2__body .el-table-v2__row:hover .el-table-v2__row-cell{background-color:var(--ibiz-control-grid-row-hover-color)}.ibiz-control-virtualized-table__table.el-table-v2 .el-table-v2__body .el-table-v2__row.is-selected .el-table-v2__row-cell{background-color:var(--ibiz-control-virtualized-table-row-select-color)}.ibiz-control-virtualized-table__table .el-table-v2__body{color:var(--ibiz-control-grid-content-text-color);--ibiz-color-text-0:var(--ibiz-control-grid-content-text-color);--ibiz-color-text-1:var(--ibiz-control-grid-content-text-color);--ibiz-color-text-2:var(--ibiz-control-grid-content-text-color);--ibiz-color-text-3:var(--ibiz-control-grid-content-text-color);border-bottom:.1px solid var(--ibiz-color-border)}.ibiz-control-virtualized-table__header-cell{font-size:var(--ibiz-control-grid-header-font-size);font-weight:var(--ibiz-control-grid-header-font-weight);color:var(--ibiz-control-grid-header-text-color);word-break:break-word;white-space:pre-wrap}.ibiz-control-virtualized-table__caret-wrapper{display:inline-flex;flex-direction:column;gap:2px;align-items:center;justify-content:center;width:24px;height:14px;overflow:initial;line-height:23px;vertical-align:middle;cursor:pointer}.ibiz-control-virtualized-table__caret-wrapper--sort-caret{width:0;height:0;border:solid 5px transparent;opacity:.6}.ibiz-control-virtualized-table__caret-wrapper--asc{border-bottom-color:var(--ibiz-color-text-2)}.ibiz-control-virtualized-table__caret-wrapper--asc.is-active{border-bottom-color:var(--ibiz-color-primary)}.ibiz-control-virtualized-table__caret-wrapper--desc{border-top-color:var(--ibiz-color-text-2)}.ibiz-control-virtualized-table__caret-wrapper--desc.is-active{border-top-color:var(--ibiz-color-primary)}.ibiz-control-virtualized-table__quick-toolbar{justify-content:center}.ibiz-control-virtualized-table__batch-toolbar{position:absolute;top:0;left:54px;z-index:99;display:none;width:calc(100% - 54px);height:var(--ibiz-control-virtualized-table-now-header-height);font-size:var(--ibiz-font-size-regular);font-weight:var(--ibiz-font-weight-regular);background-color:var(--ibiz-control-virtualized-table-header-bg-color)}.ibiz-control-virtualized-table__batch-toolbar.is-show{display:flex;align-items:center;justify-content:flex-start}.ibiz-control-virtualized-table__batch-toolbar--separator{padding:0 var(--ibiz-spacing-base-tight)}.ibiz-control-virtualized-table__batch-toolbar--content{height:100%;display:flex;align-items:center;justify-content:flex-start}.ibiz-control-virtualized-table.is-enable-customized .ibiz-control-virtualized-table__setting-box{display:flex;align-items:center;justify-content:flex-start;position:absolute;top:0;right:0;z-index:1;height:var(--ibiz-control-virtualized-table-now-header-height);padding-right:var(--ibiz-spacing-extra-tight);background-color:var(--ibiz-control-virtualized-table-header-bg-color)}

package/es/control/grid/virtualized-table/virtualized-table.d.ts

@@ -0,0 +1,200 @@
+import { VNode, PropType } from 'vue';
+import { IDEGrid } from '@ibiz/model-core';
+import { ControlVO, GridController, IControlProvider } from '@ibiz-template/runtime';
+import { IColumn } from './virtualized-table.util';
+import './virtualized-table.scss';
+export declare const VirtualizedTableControl: import("vue").DefineComponent<{
+    /**
+     * @description 表格模型数据
+     */
+    modelData: {
+        type: PropType<IDEGrid>;
+        required: true;
+    };
+    /**
+     * @description 应用上下文对象
+     */
+    context: {
+        type: PropType<import("@ibiz-template/core").IApiContext>;
+        required: true;
+    };
+    /**
+     * @description 视图参数对象
+     * @default {}
+     */
+    params: {
+        type: PropType<import("@ibiz-template/core").IApiParams>;
+        default: () => {};
+    };
+    /**
+     * @description 部件适配器
+     */
+    provider: {
+        type: PropType<IControlProvider>;
+    };
+    /**
+     * @description 部件行数据默认激活模式，值为0:不激活，值为1：单击激活，值为2：双击激活
+     */
+    mdctrlActiveMode: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    /**
+     * @description 是否单选
+     */
+    singleSelect: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    /**
+     * @description 是否启用行编辑
+     */
+    rowEditOpen: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    /**
+     * @description 是否是简单模式，即直接传入数据，不加载数据
+     */
+    isSimple: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    /**
+     * @description 简单模式下传入的数据
+     */
+    data: {
+        type: {
+            (arrayLength: number): import("@ibiz-template/core").IApiData[];
+            (...items: import("@ibiz-template/core").IApiData[]): import("@ibiz-template/core").IApiData[];
+            new (arrayLength: number): import("@ibiz-template/core").IApiData[];
+            new (...items: import("@ibiz-template/core").IApiData[]): import("@ibiz-template/core").IApiData[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+            of<T_4>(...items: T_4[]): T_4[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        required: false;
+    };
+    /**
+     * @description 是否默认加载数据
+     * @default true
+     */
+    loadDefault: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    c: GridController<IDEGrid, import("@ibiz-template/runtime").IGridState, import("@ibiz-template/runtime").IGridEvent>;
+    ns: import("@ibiz-template/core").Namespace;
+    tableRef: import("vue").Ref<any>;
+    tableData: import("vue").ComputedRef<ControlVO[]>;
+    columnModel: import("vue").ComputedRef<IColumn[]>;
+    onPageChange: (page: number) => void;
+    onPageRefresh: () => void;
+    onPageSizeChange: (size: number) => void;
+    renderNoData: () => VNode | null;
+    calcRowClass: (params: IParams) => string;
+    renderBodyCell: (params: IParams) => JSX.Element;
+    handleRowClick: (event: MouseEvent, data: ControlVO) => Promise<void>;
+    calcColumnWidth: (_columns: IColumn[], bodyWidth: number) => IColumn[];
+    handleDbRowClick: (event: MouseEvent, data: ControlVO) => Promise<void>;
+    renderHeaderCell: (params: IParams) => JSX.Element;
+    renderBatchToolBar: () => VNode | undefined;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * @description 表格模型数据
+     */
+    modelData: {
+        type: PropType<IDEGrid>;
+        required: true;
+    };
+    /**
+     * @description 应用上下文对象
+     */
+    context: {
+        type: PropType<import("@ibiz-template/core").IApiContext>;
+        required: true;
+    };
+    /**
+     * @description 视图参数对象
+     * @default {}
+     */
+    params: {
+        type: PropType<import("@ibiz-template/core").IApiParams>;
+        default: () => {};
+    };
+    /**
+     * @description 部件适配器
+     */
+    provider: {
+        type: PropType<IControlProvider>;
+    };
+    /**
+     * @description 部件行数据默认激活模式，值为0:不激活，值为1：单击激活，值为2：双击激活
+     */
+    mdctrlActiveMode: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    /**
+     * @description 是否单选
+     */
+    singleSelect: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    /**
+     * @description 是否启用行编辑
+     */
+    rowEditOpen: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    /**
+     * @description 是否是简单模式，即直接传入数据，不加载数据
+     */
+    isSimple: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    /**
+     * @description 简单模式下传入的数据
+     */
+    data: {
+        type: {
+            (arrayLength: number): import("@ibiz-template/core").IApiData[];
+            (...items: import("@ibiz-template/core").IApiData[]): import("@ibiz-template/core").IApiData[];
+            new (arrayLength: number): import("@ibiz-template/core").IApiData[];
+            new (...items: import("@ibiz-template/core").IApiData[]): import("@ibiz-template/core").IApiData[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+            of<T_4>(...items: T_4[]): T_4[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        required: false;
+    };
+    /**
+     * @description 是否默认加载数据
+     * @default true
+     */
+    loadDefault: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    params: import("@ibiz-template/core").IApiParams;
+    singleSelect: boolean;
+    mdctrlActiveMode: number;
+    rowEditOpen: boolean;
+    isSimple: boolean;
+    loadDefault: boolean;
+}, {}>;