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

package/es/modules/gct-form/interface/i-layout/i-grid-layout/i-grid-container.d.ts

@@ -0,0 +1,29 @@
+import { ILayoutContainerBasis } from '../i-layout-basis/i-layout-container-basis';
+/**
+ * 栅格布局容器
+ *
+ * @author zhanghanrui
+ * @date 2024-03-27 11:03:05
+ * @export
+ * @interface IGridContainer
+ * @extends {ILayoutContainerBasis}
+ */
+export interface IGridContainer extends ILayoutContainerBasis {
+    /**
+     * 栅格布局模式，24栅格或12栅格
+     *
+     * @default 24
+     * @author zhanghanrui
+     * @date 2024-03-26 19:03:16
+     * @type {(12 | 24)}
+     */
+    mode: 12 | 24;
+    /**
+     * 栅格间隔
+     *
+     * @author zhanghanrui
+     * @date 2024-03-27 11:03:38
+     * @type {(number | Object | number[])}
+     */
+    gutter?: number | object | number[];
+}

package/es/modules/gct-form/interface/i-layout/i-grid-layout/i-grid-item-span.d.ts

@@ -0,0 +1,54 @@
+/**
+ * span 布局项
+ *
+ * @author zhanghanrui
+ * @date 2024-03-26 19:03:40
+ * @export
+ * @interface IGridItemSpan
+ */
+export interface IGridItemSpan {
+    /**
+     * <576px
+     *
+     * @author zhanghanrui
+     * @date 2024-03-26 19:03:22
+     * @type {number}
+     */
+    sx?: number;
+    /**
+     * ≥576px
+     *
+     * @type {number}
+     */
+    sm?: number;
+    /**
+     * ≥768px
+     *
+     * @type {number}
+     */
+    md?: number;
+    /**
+     * ≥992px
+     *
+     * @type {number}
+     */
+    lg?: number;
+    /**
+     * ≥1200px
+     *
+     * @type {number}
+     */
+    xl?: number;
+    /**
+     * ≥1600px
+     *
+     * @type {number}
+     */
+    xxl?: number;
+    /**
+     * ≥1600px
+     *
+     * @type {number}
+     */
+    xxxl?: number;
+}

package/es/modules/gct-form/interface/i-layout/i-grid-layout/i-grid-item.d.ts

@@ -0,0 +1,37 @@
+import { IGridItemSpan } from './i-grid-item-span';
+type ColNumber = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24;
+/**
+ * 表格布局项
+ *
+ * @author zhanghanrui
+ * @date 2024-03-26 19:03:43
+ * @export
+ * @interface IGridItem
+ */
+export interface IGridItem {
+    /**
+     * 栅格占位格数
+     *
+     * @author zhanghanrui
+     * @date 2024-03-26 19:03:53
+     * @type {(ColNumber | IGridItemSpan)}
+     */
+    span?: ColNumber | IGridItemSpan;
+    /**
+     * 偏移量
+     *
+     * @author zhanghanrui
+     * @date 2024-03-26 19:03:55
+     * @type {ColNumber}
+     */
+    offset?: ColNumber;
+    /**
+     * 栅格顺序
+     *
+     * @author zhanghanrui
+     * @date 2024-03-26 19:03:17
+     * @type {number}
+     */
+    order?: number;
+}
+export {};

package/es/modules/gct-form/interface/i-layout/i-layout-basis/i-layout-container-basis.d.ts

@@ -0,0 +1,11 @@
+/**
+ * 布局容器基础
+ *
+ * @author zhanghanrui
+ * @date 2024-03-27 11:03:29
+ * @export
+ * @interface ILayoutContainerBasis
+ */
+export interface ILayoutContainerBasis {
+    type?: string;
+}

package/es/modules/gct-form/interface/i-layout/index.d.ts

@@ -0,0 +1,6 @@
+export type { IFlexContainer } from './i-flex-layout/i-flex-container';
+export type { IFlexItem } from './i-flex-layout/i-flex-item';
+export type { IGridContainer } from './i-grid-layout/i-grid-container';
+export type { IGridItem } from './i-grid-layout/i-grid-item';
+export type { IGridItemSpan } from './i-grid-layout/i-grid-item-span';
+export type { ILayoutContainerBasis } from './i-layout-basis/i-layout-container-basis';

package/es/modules/gct-form/interface/i-provider/i-editor-provider/i-editor-provider.d.ts

@@ -0,0 +1,24 @@
+import { IProviderBasic } from '@gct-paas/core';
+import { IFormItem } from '../../i-form';
+/**
+ * 编辑器提供者
+ *
+ * @author zhanghanrui
+ * @date 2024-03-27 10:03:54
+ * @export
+ * @interface IEditorProvider
+ * @extends {IProviderBasic}
+ */
+export interface IEditorProvider extends IProviderBasic {
+    /**
+     * 直接特殊绘制
+     *
+     * @author zhanghanrui
+     * @date 2024-03-27 09:03:08
+     * @param {*} value 当前项的值
+     * @param {IData} data 当前表单数据
+     * @param {IFormItem} item 当前表单项模型
+     * @return {*}  {*}
+     */
+    render?(value: any, data: IData, item: IFormItem): any;
+}

package/es/modules/gct-form/interface/i-provider/i-form-item-provider/i-form-item-provider.d.ts

@@ -0,0 +1,44 @@
+import { IProviderBasic } from '@gct-paas/core';
+import { IFormController, IFormItemBasicController } from '../../i-controller';
+import { IFormItemBasic } from '../../i-form';
+/**
+ * 表单项提供者
+ *
+ * @author zhanghanrui
+ * @date 2024-04-01 13:04:46
+ * @export
+ * @interface IFormItemProvider
+ * @extends {IProviderBasic}
+ */
+export interface IFormItemProvider extends IProviderBasic {
+    /**
+     * 表单项组件，可是组件名称或组件实例
+     *
+     * @author zhanghanrui
+     * @date 2024-04-01 14:04:45
+     * @type {*}
+     */
+    component: any;
+    /**
+     * 直接特殊绘制
+     *
+     * @author zhanghanrui
+     * @date 2024-04-01 13:04:52
+     * @param {IFormController} form 表单控制器
+     * @param {*} value 当前项的值
+     * @param {IData} data 当前表单数据
+     * @param {IFormItemBasic} item 当前表单项模型
+     * @return {*}  {*}
+     */
+    render?(form: IFormController, value: any, data: IData, item: IFormItemBasic): any;
+    /**
+     * 创建控制器实例
+     *
+     * @author zhanghanrui
+     * @date 2024-04-02 10:04:37
+     * @param {IFormController} form
+     * @param {IFormItemBasic} item
+     * @return {*}  {IFormItemBasicController}
+     */
+    createController(form: IFormController, item: IFormItemBasic): IFormItemBasicController;
+}

package/es/modules/gct-form/interface/i-provider/index.d.ts

@@ -0,0 +1,2 @@
+export type { IEditorProvider } from './i-editor-provider/i-editor-provider';
+export type { IFormItemProvider } from './i-form-item-provider/i-form-item-provider';

package/es/modules/gct-form/interface/i-state/form/form.state.d.ts

@@ -0,0 +1,59 @@
+/**
+ * 表单状态
+ *
+ * @author zhanghanrui
+ * @date 2024-04-01 11:04:19
+ * @export
+ * @interface IFormState
+ */
+export interface IFormState {
+    /**
+     * 是否正在加载中
+     *
+     * @default false
+     * @author zhanghanrui
+     * @date 2024-04-03 16:04:17
+     * @type {boolean}
+     */
+    loading: boolean;
+    /**
+     * 数据变更不识别的补救措施
+     *
+     * @type {number}
+     */
+    count: number;
+    /**
+     * 是否已加载完成
+     *
+     * @author zhanghanrui
+     * @date 2024-04-03 17:04:59
+     * @type {boolean}
+     */
+    loaded: boolean;
+    /**
+     * 是否新建数据模式
+     *
+     * @default true
+     * @author zhanghanrui
+     * @date 2024-04-03 14:04:01
+     * @type {boolean}
+     */
+    isNew: boolean;
+    /**
+     * 是否已销毁
+     *
+     * @default false
+     * @author zhanghanrui
+     * @date 2024-04-03 16:04:53
+     * @type {boolean}
+     */
+    destroyed: boolean;
+    /**
+     * 表单数据（表单值，纯用于触发状态管理，需要值还是从项的控制器取）
+     *
+     * @author zhanghanrui
+     * @date 2024-04-01 11:04:04
+     * @type {IData}
+     */
+    data: IData;
+}

package/es/modules/gct-form/interface/i-state/form-collapse/form-collapse.state.d.ts

@@ -0,0 +1,11 @@
+import { IFormItemBasicState } from '../form-item-basic/form-item-basic.state';
+/**
+ * 表单折叠面板
+ *
+ * @author lingxiaoming
+ * @date 2024-07-14 01:54:34
+ * @export
+ * @interface IFormCollapseState
+ * @extends {IFormItemBasicState}
+ */
+export type IFormCollapseState = IFormItemBasicState;

package/es/modules/gct-form/interface/i-state/form-collapse-pane/form-collapse-pane.state.d.ts

@@ -0,0 +1,11 @@
+import { IFormItemBasicState } from '../form-item-basic/form-item-basic.state';
+/**
+ * 表单折叠面板项
+ *
+ * @author lingxiaoming
+ * @date 2024-07-14 01:54:34
+ * @export
+ * @interface IFormCollapsePaneState
+ * @extends {IFormItemBasicState}
+ */
+export type IFormCollapsePaneState = IFormItemBasicState;

package/es/modules/gct-form/interface/i-state/form-edit-item/form-edit-item.state.d.ts

@@ -0,0 +1,38 @@
+import { IDictionaryItem } from '@gct-paas/core';
+import { IFormItemBasicState } from '../form-item-basic/form-item-basic.state';
+/**
+ * 表单编辑项状态
+ *
+ * @author zhanghanrui
+ * @date 2024-04-02 21:04:39
+ * @export
+ * @interface IFormEditItemState
+ * @extends {IFormItemBasicState}
+ */
+export interface IFormEditItemState extends IFormItemBasicState {
+    /**
+     * 是否加载中，用于异步加载数据类似代码表
+     *
+     * @default false
+     * @author zhanghanrui
+     * @date 2024-04-02 21:04:43
+     * @type {boolean}
+     */
+    loading?: boolean;
+    /**
+     * 当前项的值，用于触发界面刷新
+     *
+     * @author zhanghanrui
+     * @date 2024-04-02 22:04:18
+     * @type {*}
+     */
+    value?: any;
+    /**
+     * 代码表项
+     *
+     * @author zhanghanrui
+     * @date 2024-04-03 14:04:14
+     * @type {IDictionaryItem[]}
+     */
+    options: IDictionaryItem[];
+}

package/es/modules/gct-form/interface/i-state/form-group/form-group.state.d.ts

@@ -0,0 +1,21 @@
+import { IFormItemBasicState } from '../form-item-basic/form-item-basic.state';
+/**
+ * 表单分组状态
+ *
+ * @author zhanghanrui
+ * @date 2024-04-01 14:04:49
+ * @export
+ * @interface IFormGroupState
+ * @extends {IFormItemBasicState}
+ */
+export interface IFormGroupState extends IFormItemBasicState {
+    /**
+     * 是否在展开状态
+     *
+     * @default true
+     * @author zhanghanrui
+     * @date 2024-04-01 14:04:40
+     * @type {boolean}
+     */
+    expand: boolean;
+}

package/es/modules/gct-form/interface/i-state/form-hidden-item/form-hidden-item.state.d.ts

@@ -0,0 +1,5 @@
+import { IFormEditItemState } from '../form-edit-item/form-edit-item.state';
+/**
+ * 表单隐藏项状态
+ */
+export type IFormHiddenItemState = IFormEditItemState;

package/es/modules/gct-form/interface/i-state/form-item/form-item.state.d.ts

@@ -0,0 +1,20 @@
+import { IFormEditItemState } from '../form-edit-item/form-edit-item.state';
+/**
+ * 表单项状态
+ *
+ * @author zhanghanrui
+ * @date 2024-04-01 14:04:34
+ * @export
+ * @interface IFormItemState
+ * @extends {IFormEditItemState}
+ */
+export interface IFormItemState extends IFormEditItemState {
+    /**
+     * 表单项标签
+     *
+     * @author zhanghanrui
+     * @date 2024-04-01 11:04:13
+     * @type {string}
+     */
+    label?: string;
+}

package/es/modules/gct-form/interface/i-state/form-item-basic/form-item-basic.state.d.ts

@@ -0,0 +1,63 @@
+/**
+ * 表单项状态基础
+ *
+ * @author zhanghanrui
+ * @date 2024-04-01 14:04:21
+ * @export
+ * @interface IFormItemBasicState
+ */
+export interface IFormItemBasicState {
+    /**
+     * 表单项类型
+     *
+     * @author zhanghanrui
+     * @date 2024-04-02 14:04:44
+     * @type {string}
+     */
+    type?: string;
+    /**
+     * 是否禁用
+     *
+     * @default false
+     * @author zhanghanrui
+     * @date 2024-04-02 13:04:22
+     * @type {boolean}
+     */
+    disabled: boolean;
+    /**
+     * 是否只读
+     *
+     * @default false
+     * @author zhanghanrui
+     * @date 2024-04-02 13:04:35
+     * @type {boolean}
+     */
+    readonly?: boolean;
+    /**
+     * 是否显示(keepalive=true时v-show模式，keepalive=false时v-if模式)
+     *
+     * @default true
+     * @author zhanghanrui
+     * @date 2024-04-02 13:04:07
+     * @type {boolean}
+     */
+    visible: boolean;
+    /**
+     * 是否在隐藏时保持绘制
+     *
+     * @default false
+     * @author zhanghanrui
+     * @date 2024-04-02 13:04:45
+     * @type {boolean}
+     */
+    keepalive?: boolean;
+    /**
+     * 是否已经销毁
+     *
+     * @default false
+     * @author zhanghanrui
+     * @date 2024-04-03 16:04:35
+     * @type {boolean}
+     */
+    destroyed: boolean;
+}

package/es/modules/gct-form/interface/i-state/form-line/form-line.state.d.ts

@@ -0,0 +1,10 @@
+import { IFormItemBasicState } from '../form-item-basic/form-item-basic.state';
+/**
+ * 表单分组状态
+ *
+ * @export
+ * @interface IFormLineState
+ * @extends {IFormItemBasicState}
+ */
+export interface IFormLineState extends IFormItemBasicState {
+}

package/es/modules/gct-form/interface/i-state/form-tab/form-tab.state.d.ts

@@ -0,0 +1,19 @@
+import { IFormItemBasicState } from '../form-item-basic/form-item-basic.state';
+/**
+ * 表单分页状态
+ *
+ * @author lingxiaoming
+ * @date 2024-07-14 01:54:34
+ * @export
+ * @interface IFormTabState
+ * @extends {IFormItemBasicState}
+ */
+export interface IFormTabState extends IFormItemBasicState {
+    /**
+     * 当前显示的分页面板的名称
+     * @author lingxiaoming
+     * @date 2024-07-14 01:55:46
+     * @type {string}
+     */
+    activePane: string;
+}

package/es/modules/gct-form/interface/i-state/form-tab-pane/form-tab-pane.state.d.ts

@@ -0,0 +1,11 @@
+import { IFormItemBasicState } from '../form-item-basic/form-item-basic.state';
+/**
+ * 表单分页状态
+ *
+ * @author lingxiaoming
+ * @date 2024-07-14 01:54:34
+ * @export
+ * @interface IFormTabPaneState
+ * @extends {IFormItemBasicState}
+ */
+export type IFormTabPaneState = IFormItemBasicState;

package/es/modules/gct-form/interface/i-state/index.d.ts

@@ -0,0 +1,11 @@
+export type { IFormState } from './form/form.state';
+export type { IFormCollapsePaneState } from './form-collapse-pane/form-collapse-pane.state';
+export type { IFormCollapseState } from './form-collapse/form-collapse.state';
+export type { IFormEditItemState } from './form-edit-item/form-edit-item.state';
+export type { IFormGroupState } from './form-group/form-group.state';
+export type { IFormTabState } from './form-tab/form-tab.state';
+export type { IFormTabPaneState } from './form-tab-pane/form-tab-pane.state';
+export type { IFormHiddenItemState } from './form-hidden-item/form-hidden-item.state';
+export type { IFormItemState } from './form-item/form-item.state';
+export type { IFormItemBasicState } from './form-item-basic/form-item-basic.state';
+export type { IFormLineState } from './form-line/form-line.state';

package/es/modules/gct-form/interface/index.d.ts

@@ -0,0 +1,7 @@
+export type * from './i-controller';
+export type * from './i-editor';
+export type * from './i-events';
+export type * from './i-form';
+export type * from './i-layout';
+export type * from './i-provider';
+export type * from './i-state';

package/es/modules/gct-form/props/gct-form-item/gct-form-item.props.d.ts

@@ -0,0 +1,63 @@
+import { PropType } from 'vue';
+import { IEditorBasic, IFormEditItem, IFormItemController } from '../../interface';
+/**
+ * 标准的表单项输入属性
+ *
+ * @author chitanda
+ * @date 2025-06-22 13:06:34
+ * @export
+ * @template T
+ * @template M
+ * @template C
+ * @returns {*}
+ */
+export declare function gctFormItemEditorProps<T = IObject, M extends IEditorBasic = IEditorBasic, C extends IContext = IContext>(): {
+    context: {
+        type: PropType<C>;
+        default: () => {};
+    };
+    value: {
+        type: PropType<T>;
+    };
+    model: {
+        type: PropType<M>;
+        required: boolean;
+    };
+    c: {
+        type: PropType<IFormItemController>;
+        required: boolean;
+    };
+    itemModel: {
+        type: PropType<IFormEditItem>;
+    };
+    data: {
+        type: ObjectConstructor;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    keepalive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    visible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: PropType<"small" | "medium" | "large">;
+    };
+    count: {
+        type: NumberConstructor;
+        default: number;
+    };
+    isEmptyText: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};

package/es/modules/gct-form/props/gct-form-item/gct-form-item.props.mjs

@@ -0,0 +1,58 @@
+//#region src/modules/gct-form/props/gct-form-item/gct-form-item.props.tsx
+/**
+* 标准的表单项输入属性
+*
+* @author chitanda
+* @date 2025-06-22 13:06:34
+* @export
+* @template T
+* @template M
+* @template C
+* @returns {*}
+*/
+function gctFormItemEditorProps() {
+	return {
+		context: {
+			type: Object,
+			default: () => ({})
+		},
+		value: { type: Object },
+		model: {
+			type: Object,
+			required: true
+		},
+		c: {
+			type: Object,
+			required: true
+		},
+		itemModel: { type: Object },
+		data: { type: Object },
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		readonly: {
+			type: Boolean,
+			default: false
+		},
+		keepalive: {
+			type: Boolean,
+			default: false
+		},
+		visible: {
+			type: Boolean,
+			default: true
+		},
+		size: { type: String },
+		count: {
+			type: Number,
+			default: 0
+		},
+		isEmptyText: {
+			type: Boolean,
+			default: false
+		}
+	};
+}
+//#endregion
+export { gctFormItemEditorProps };

package/es/modules/gct-form/props/index.d.ts

@@ -0,0 +1 @@
+export { gctFormItemEditorProps } from './gct-form-item/gct-form-item.props';