@gct-paas/core-web 0.1.4-dev.9 → 0.1.5-dev.0

package/es/modules/gct-table/state/table/table.state.mjs

@@ -0,0 +1,47 @@
+//#region src/modules/gct-table/state/table/table.state.ts
+/**
+* 表格状态
+*
+* @author zhanghanrui
+* @date 2024-04-16 11:04:00
+* @export
+* @class TableState
+* @implements {ITableState}
+*/
+var TableState = class {
+	formData = {};
+	/**
+	* 当前表格数据
+	*
+	* @author zhanghanrui
+	* @date 2024-04-16 20:04:23
+	* @type {IData[]}
+	*/
+	items = [];
+	/**
+	* 当前页面
+	*
+	* @author zhanghanrui
+	* @date 2024-04-16 11:04:04
+	* @type {number}
+	*/
+	page = 1;
+	/**
+	* 数据总数
+	*
+	* @author zhanghanrui
+	* @date 2024-04-16 11:04:09
+	* @type {number}
+	*/
+	total = 0;
+	/**
+	* 分页数量
+	*
+	* @author zhanghanrui
+	* @date 2024-04-16 11:04:17
+	* @type {number}
+	*/
+	size = 20;
+};
+//#endregion
+export { TableState };

package/es/modules/gct-table/state/table-item/table-edit-item.state.d.ts

@@ -0,0 +1,18 @@
+import { ITableEditItemState } from '../../interface';
+import { TableITemState } from './table-item.state';
+/**
+ * 表格编辑项状态
+ *
+ * @author zhanghanrui
+ * @date 2024-04-16 21:04:47
+ * @export
+ * @class TableEditItemState
+ * @extends {TableITemState}
+ * @implements {ITableEditItemState}
+ */
+export declare class TableEditItemState extends TableITemState implements ITableEditItemState {
+    error: boolean;
+    errMessage: string;
+    readonly: boolean;
+    disabled: boolean;
+}

package/es/modules/gct-table/state/table-item/table-edit-item.state.mjs

@@ -0,0 +1,20 @@
+import { TableITemState } from "./table-item.state.mjs";
+//#region src/modules/gct-table/state/table-item/table-edit-item.state.ts
+/**
+* 表格编辑项状态
+*
+* @author zhanghanrui
+* @date 2024-04-16 21:04:47
+* @export
+* @class TableEditItemState
+* @extends {TableITemState}
+* @implements {ITableEditItemState}
+*/
+var TableEditItemState = class extends TableITemState {
+	error = false;
+	errMessage = "";
+	readonly = false;
+	disabled = false;
+};
+//#endregion
+export { TableEditItemState };

package/es/modules/gct-table/state/table-item/table-item.state.d.ts

@@ -0,0 +1,28 @@
+import { ITableItemState } from '../../interface';
+/**
+ *
+ *
+ * @author zhanghanrui
+ * @date 2024-04-16 20:04:19
+ * @export
+ * @class TableITemState
+ * @implements {ITableItemState}
+ */
+export declare class TableITemState implements ITableItemState {
+    /**
+     * 是否保活
+     *
+     * @author zhanghanrui
+     * @date 2024-04-17 13:04:32
+     * @type {boolean}
+     */
+    keepalive: boolean;
+    /**
+     * 是否显示
+     *
+     * @author zhanghanrui
+     * @date 2024-04-16 20:04:58
+     * @type {boolean}
+     */
+    visible: boolean;
+}

package/es/modules/gct-table/state/table-item/table-item.state.mjs

@@ -0,0 +1,30 @@
+//#region src/modules/gct-table/state/table-item/table-item.state.ts
+/**
+*
+*
+* @author zhanghanrui
+* @date 2024-04-16 20:04:19
+* @export
+* @class TableITemState
+* @implements {ITableItemState}
+*/
+var TableITemState = class {
+	/**
+	* 是否保活
+	*
+	* @author zhanghanrui
+	* @date 2024-04-17 13:04:32
+	* @type {boolean}
+	*/
+	keepalive = true;
+	/**
+	* 是否显示
+	*
+	* @author zhanghanrui
+	* @date 2024-04-16 20:04:58
+	* @type {boolean}
+	*/
+	visible = true;
+};
+//#endregion
+export { TableITemState };

package/es/modules/gct-table/state/table-row/table-row.state.d.ts

@@ -0,0 +1,15 @@
+import { ITableRowState } from '../../interface';
+/**
+ * 表格行数据状态
+ *
+ * @author zhanghanrui
+ * @date 2024-04-16 21:04:41
+ * @export
+ * @class TableRowState
+ * @implements {ITableRowState}
+ */
+export declare class TableRowState implements ITableRowState {
+    hover: boolean;
+    active: boolean;
+    deleted: boolean;
+}

package/es/modules/gct-table/state/table-row/table-row.state.mjs

@@ -0,0 +1,17 @@
+//#region src/modules/gct-table/state/table-row/table-row.state.ts
+/**
+* 表格行数据状态
+*
+* @author zhanghanrui
+* @date 2024-04-16 21:04:41
+* @export
+* @class TableRowState
+* @implements {ITableRowState}
+*/
+var TableRowState = class {
+	hover = false;
+	active = false;
+	deleted = false;
+};
+//#endregion
+export { TableRowState };

package/es/modules/gct-table/utils/count-latch/count-latch.d.ts

@@ -0,0 +1,70 @@
+/**
+ * 计数插销工具类
+ *
+ * @author zhanghanrui
+ * @date 2024-04-18 09:04:53
+ * @export
+ * @class CountLatch
+ */
+export declare class CountLatch {
+    private promise;
+    private resolve;
+    /**
+     * 计数，当前等待的异步逻辑个数
+     *
+     * @author zhanghanrui
+     * @date 2024-04-18 09:04:58
+     * @private
+     * @type {number}
+     */
+    private count;
+    /**
+     * 是否处于锁止状态
+     *
+     * @author zhanghanrui
+     * @date 2024-04-18 09:04:17
+     * @readonly
+     * @type {boolean}
+     */
+    get isLock(): boolean;
+    /**
+     * 开启promise
+     *
+     * @author zhanghanrui
+     * @date 2024-04-18 09:04:06
+     * @private
+     */
+    private startPromise;
+    /**
+     * 结束promise
+     *
+     * @author zhanghanrui
+     * @date 2024-04-18 09:04:13
+     * @private
+     */
+    private endPromise;
+    /**
+     * 上锁，计数加一
+     * 第一次计数，开启异步
+     *
+     * @author zhanghanrui
+     * @date 2024-04-18 09:04:20
+     */
+    lock(): void;
+    /**
+     * 解锁，计数减一
+     * 归零时结束异步
+     *
+     * @author zhanghanrui
+     * @date 2024-04-18 09:04:27
+     */
+    unlock(): void;
+    /**
+     * 等待，计数归零异步结束
+     *
+     * @author zhanghanrui
+     * @date 2024-04-18 09:04:33
+     * @return {*}  {Promise<void>}
+     */
+    await(): Promise<void>;
+}

package/es/modules/gct-table/utils/count-latch/count-latch.mjs

@@ -0,0 +1,98 @@
+//#region src/modules/gct-table/utils/count-latch/count-latch.ts
+/**
+* 计数插销工具类
+*
+* @author zhanghanrui
+* @date 2024-04-18 09:04:53
+* @export
+* @class CountLatch
+*/
+var CountLatch = class {
+	promise = null;
+	resolve = null;
+	/**
+	* 计数，当前等待的异步逻辑个数
+	*
+	* @author zhanghanrui
+	* @date 2024-04-18 09:04:58
+	* @private
+	* @type {number}
+	*/
+	count = 0;
+	/**
+	* 是否处于锁止状态
+	*
+	* @author zhanghanrui
+	* @date 2024-04-18 09:04:17
+	* @readonly
+	* @type {boolean}
+	*/
+	get isLock() {
+		return this.count > 0;
+	}
+	/**
+	* 开启promise
+	*
+	* @author zhanghanrui
+	* @date 2024-04-18 09:04:06
+	* @private
+	*/
+	startPromise() {
+		this.promise = new Promise((resolve) => {
+			this.resolve = resolve;
+		});
+	}
+	/**
+	* 结束promise
+	*
+	* @author zhanghanrui
+	* @date 2024-04-18 09:04:13
+	* @private
+	*/
+	endPromise() {
+		if (this.resolve) {
+			this.resolve();
+			this.resolve = null;
+			this.promise = null;
+		}
+	}
+	/**
+	* 上锁，计数加一
+	* 第一次计数，开启异步
+	*
+	* @author zhanghanrui
+	* @date 2024-04-18 09:04:20
+	*/
+	lock() {
+		this.count += 1;
+		if (!this.promise) this.startPromise();
+	}
+	/**
+	* 解锁，计数减一
+	* 归零时结束异步
+	*
+	* @author zhanghanrui
+	* @date 2024-04-18 09:04:27
+	*/
+	unlock() {
+		if (this.count < 1) {
+			this.count = 0;
+			console.warn("lock和unlock次数不匹配！");
+			return;
+		}
+		this.count -= 1;
+		if (this.count === 0) this.endPromise();
+	}
+	/**
+	* 等待，计数归零异步结束
+	*
+	* @author zhanghanrui
+	* @date 2024-04-18 09:04:33
+	* @return {*}  {Promise<void>}
+	*/
+	async await() {
+		if (this.promise) return this.promise;
+	}
+};
+//#endregion
+export { CountLatch };

package/es/modules/gct-table/utils/count-latch/result-awaiter.d.ts

@@ -0,0 +1,17 @@
+/**
+ * 拆分处理异步结果
+ *
+ * @export
+ * @class ResultAwaiter
+ * @template T
+ */
+export declare class ResultAwaiter<T> {
+    private promise;
+    private _resolve;
+    private _reject;
+    constructor();
+    private init;
+    await(): Promise<T>;
+    resolve(result: T): void;
+    reject(reason?: IObject): void;
+}

package/es/modules/gct-table/utils/index.d.ts

@@ -0,0 +1,3 @@
+export { CountLatch } from './count-latch/count-latch';
+export { ResultAwaiter } from './count-latch/result-awaiter';
+export { widthTableEditorInstall } from './width-install/width-install';

package/es/modules/gct-table/utils/index.mjs

@@ -0,0 +1,2 @@
+import "./count-latch/count-latch.mjs";
+import "./width-install/width-install.mjs";

package/es/modules/gct-table/utils/width-install/width-install.d.ts

@@ -0,0 +1,16 @@
+import { App } from 'vue';
+import { ITableEditorProvider } from '../../interface';
+/**
+ * 表格编辑器注册器
+ *
+ * @author zhanghanrui
+ * @date 2024-04-17 13:04:18
+ * @export
+ * @param {string} providerTag
+ * @param {() => ITableEditorProvider} provider
+ * @param {*} [com]
+ * @return {*}
+ */
+export declare function widthTableEditorInstall(providerTag: string, provider: () => ITableEditorProvider, com?: any): {
+    install(app: App): void;
+};

package/es/modules/gct-table/utils/width-install/width-install.mjs

@@ -0,0 +1,21 @@
+import { EditorRegisterConst } from "@gct-paas/core";
+//#region src/modules/gct-table/utils/width-install/width-install.ts
+/**
+* 表格编辑器注册器
+*
+* @author zhanghanrui
+* @date 2024-04-17 13:04:18
+* @export
+* @param {string} providerTag
+* @param {() => ITableEditorProvider} provider
+* @param {*} [com]
+* @return {*}
+*/
+function widthTableEditorInstall(providerTag, provider, com) {
+	return { install(app) {
+		if (providerTag && provider) _gct.register.tableEditor.register(EditorRegisterConst.PREFIX + providerTag, provider);
+		if (com) app.component(com.name || com.__name, com);
+	} };
+}
+//#endregion
+export { widthTableEditorInstall };

package/es/modules/gct-table/widgets/gct-table/gct-table.css

@@ -0,0 +1,124 @@
+@charset "UTF-8";
+/* stylelint-disable scss/no-global-function-names */
+/* bem('block', 'element', 'modifier') => 'ibiz-block__element--modifier' */
+/**
+ * 定义 Block 块
+ * @param {String} $block - Block 块名称
+ * @example
+ *   @include b('button') {
+ *     padding: 10px;
+ *   }
+ */
+/**
+ * 定义 Element 元素
+ * @param {String|List} $element - Element 元素名称，支持单个或多个
+ * @example
+ *   @include b('button') {
+ *     @include e('text') {
+ *       color: #000;
+ *     }
+ *   }
+ *   // 或传入多个元素
+ *   @include b('button') {
+ *     @include e(('text', 'icon')) {
+ *       margin: 5px;
+ *     }
+ *   }
+ */
+/**
+ * 定义 Modifier 修饰符
+ * @param {String|List} $modifier - Modifier 修饰符名称，支持单个或多个
+ * @example
+ *   @include b('button') {
+ *     @include m('primary') {
+ *       background: blue;
+ *     }
+ *   }
+ *   // 或传入多个修饰符
+ *   @include b('button') {
+ *     @include m(('primary', 'large')) {
+ *       background: blue;
+ *       font-size: 16px;
+ *     }
+ *   }
+ */
+/**
+ * 定义状态选择器
+ * @param {String} $state - 状态名称
+ * @example
+ *   @include b('button') {
+ *     @include when('disabled') {
+ *       opacity: 0.5;
+ *     }
+ *   }
+ */
+/**
+ * 深色主题样式
+ * @param {String} $block - Block 块名称
+ * @example
+ *   @include dark('button') {
+ *     background: #333;
+ *     color: #fff;
+ *   }
+ */
+/* stylelint-disable scss/no-global-function-names */
+.gct-gct-table__table-header.is-required::before {
+  content: "*";
+  color: var(--gct-color-danger);
+  margin-right: var(--gct-spacing-4);
+  vertical-align: -2px;
+}
+
+.gct-gct-table .ant-table-wrapper {
+  height: 100% !important;
+}
+.gct-gct-table .ant-table-wrapper.is-not-edit .ant-table .ant-table-body {
+  padding-bottom: 0;
+}
+
+.gct-gct-table .ant-form {
+  display: flex;
+  height: 100%;
+}
+.gct-gct-table .ant-form .ant-form-item {
+  margin-bottom: 0;
+  height: 26px;
+}
+.gct-gct-table .ant-table .ant-table-row {
+  height: 44px;
+}
+.gct-gct-table .ant-table .ant-table-row:hover {
+  background-color: #f7f9ff !important;
+}
+.gct-gct-table .ant-table .ant-table-cell {
+  padding: 8px;
+}
+.gct-gct-table .ant-form-item-with-help .ant-form-item-explain {
+  margin-bottom: -18px;
+  height: 18px;
+  min-height: 18px;
+  font-size: 12px;
+}
+.gct-gct-table .ant-table-tbody > tr:hover:not(.ant-table-expanded-row) > td:not(.ant-table-cell-fix-right, .ant-table-cell-fix-left),
+.gct-gct-table .ant-table-tbody .ant-table-row-hover,
+.gct-gct-table .ant-table-tbody .ant-table-row-hover > td {
+  background-color: transparent !important;
+}
+.gct-gct-table .ant-btn-text.ant-btn {
+  border-color: transparent;
+}
+.gct-gct-table .ant-spin-nested-loading {
+  height: 100%;
+}
+.gct-gct-table .ant-spin-container {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+.gct-gct-table .ant-table {
+  height: 100%;
+  flex-grow: 1;
+}
+.gct-gct-table .ant-pagination {
+  flex-shrink: 0;
+}

package/es/modules/gct-table/widgets/gct-table/gct-table.d.ts

@@ -0,0 +1,51 @@
+import { PropType } from 'vue';
+import { TablePaginationConfig } from 'ant-design-vue';
+import { ITable } from '../../interface';
+export declare const GctTable: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    count: {
+        type: NumberConstructor;
+        default: number;
+    };
+    model: {
+        type: PropType<ITable>;
+        required: true;
+    };
+    data: {
+        type: PropType<IData[]>;
+        default: () => never[];
+    };
+}>, {
+    ns: import('@gct-paas/core').Namespace;
+    c: import('../..').ITableController;
+    loadingState: import('vue').Ref<IObject, IObject>;
+    elRef: import('vue').Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+    formRef: import('vue').Ref<any, any>;
+    tableRef: import('vue').Ref<any, any>;
+    scrollHeight: import('vue').Ref<number | undefined, number | undefined>;
+    pagination: import('vue').ComputedRef<false | TablePaginationConfig>;
+    isEdit: import('vue').ComputedRef<boolean>;
+    handleTableChange: (pagination: TablePaginationConfig, filters: Record<string, import('ant-design-vue/lib/table/interface').FilterValue | null>, sorter: import('ant-design-vue/lib/table/interface').SorterResult<any> | import('ant-design-vue/lib/table/interface').SorterResult<any>[], extra: import('ant-design-vue/lib/table/interface').TableCurrentDataSource<any>) => void;
+    mouseOver: (e: MouseEvent) => void;
+    mouseOut: (e: MouseEvent) => void;
+    onValidate: (name: string, status: boolean, errorMsgs: string[]) => void;
+    validate: () => any;
+    reload: (params?: IParams) => Promise<void>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "rowChange"[], "rowChange", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    count: {
+        type: NumberConstructor;
+        default: number;
+    };
+    model: {
+        type: PropType<ITable>;
+        required: true;
+    };
+    data: {
+        type: PropType<IData[]>;
+        default: () => never[];
+    };
+}>> & Readonly<{
+    onRowChange?: ((...args: any[]) => any) | undefined;
+}>, {
+    data: IData[];
+    count: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;