@gct-paas/core-web 0.1.5-dev.1 → 0.1.5-dev.10

package/es/modules/gct-form/widgets/gct-form/gct-form-collapse/index.mjs

@@ -1,5 +1,6 @@
 import { GctFormCollapseProvider } from "./gct-form-collapse.provider.mjs";
 import GctFormCollapse from "./gct-form-collapse.mjs";
+import "./gct-form-collapse.model.mjs";
 import "vue";
 //#region src/modules/gct-form/widgets/gct-form/gct-form-collapse/index.ts
 var gct_form_collapse_default = { install(app) {

package/es/modules/gct-form/widgets/gct-form/gct-form-collapse-pane/gct-form-collapse-pane.model.mjs

@@ -0,0 +1,25 @@
+//#region src/modules/gct-form/widgets/gct-form/gct-form-collapse-pane/gct-form-collapse-pane.model.ts
+/**
+* 表单折叠面板项模型
+*
+* @export
+* @class GctFormCollapsePaneModel
+* @implements {IFormCollapsePane}
+*/
+var GctFormCollapsePaneModel = class {
+	type = "collapse-pane";
+	isContainer = true;
+	title;
+	layout = "grid";
+	children = [];
+	name;
+	collapsible;
+	constructor(name, title, opts, children) {
+		this.name = name;
+		this.title = title;
+		if (opts) Object.assign(this, opts);
+		if (children) this.children = children;
+	}
+};
+//#endregion
+export { GctFormCollapsePaneModel };

package/es/modules/gct-form/widgets/gct-form/gct-form-collapse-pane/index.mjs

@@ -1,5 +1,6 @@
 import { GctFormCollapsePaneProvider } from "./gct-form-collapse-pane.provider.mjs";
 import GctFormCollapsePane from "./gct-form-collapse-pane.mjs";
+import "./gct-form-collapse-pane.model.mjs";
 import "vue";
 //#region src/modules/gct-form/widgets/gct-form/gct-form-collapse-pane/index.ts
 var gct_form_collapse_pane_default = { install(app) {

package/es/modules/gct-form/widgets/gct-form/gct-form-group/gct-form-group.d.ts

@@ -16,12 +16,7 @@ export declare const GctFormGroup: import('vue').DefineComponent<import('vue').E
         type: PropType<IContext>;
         default: () => {};
     };
-}>, {
-    ns: import('@gct-paas/core').Namespace;
-    keys: import('vue').Ref<number[], number[]>;
-    style: IParams;
-    renderContainer: (items: IObject[]) => import("vue/jsx-runtime").JSX.Element | undefined;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element | null, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     c: {
         type: PropType<IFormGroupController>;
         required: true;

package/es/modules/gct-form/widgets/gct-form/gct-form-group/gct-form-group.mjs

@@ -24,53 +24,46 @@ var GctFormGroup = /* @__PURE__ */ defineComponent({
 			default: () => ({})
 		}
 	},
-	setup(props) {
+	setup(props, { slots }) {
 		const ns = useNamespace("form-group");
 		const keys = ref([0]);
-		function renderContainer(items) {
-			if (props.model.layout === "flex") return createVNode(resolveComponent("flex-container"), { "layout": props.model.flex }, _isSlot(items) ? items : { default: () => [items] });
-			if (props.model.layout === "grid") return createVNode(resolveComponent("grid-container"), { "layout": props.model.grid }, _isSlot(items) ? items : { default: () => [items] });
+		function renderContainer() {
+			if (props.model.layout === "flex") return createVNode(resolveComponent("flex-container"), { "layout": props.model.flex }, { default: () => slots.default?.() });
+			if (props.model.layout === "grid") return createVNode(resolveComponent("grid-container"), { "layout": props.model.grid }, { default: () => slots.default?.() });
 			console.error("不支持的layout类型" + props.model.layout);
 		}
 		const style = {};
 		if (props.model.width) style[ns.cssVarName("form-group-width")] = props.model.width;
 		if (props.model.height) style[ns.cssVarName("form-group-height")] = props.model.height;
-		return {
-			ns,
-			keys,
-			style,
-			renderContainer
-		};
-	},
-	render() {
-		if (this.c.state.keepalive !== true && this.c.state.visible === false) return null;
-		const items = this.$slots.default?.() || [];
-		if (this.model.isCollapse) {
-			let _slot;
-			return createVNode(resolveComponent("a-collapse"), {
-				"activeKey": this.keys,
-				"onUpdate:activeKey": ($event) => this.keys = $event,
+		return () => {
+			if (props.c.state.keepalive !== true && props.c.state.visible === false) return null;
+			if (props.model.isCollapse) {
+				let _slot;
+				return createVNode(resolveComponent("a-collapse"), {
+					"activeKey": keys.value,
+					"onUpdate:activeKey": ($event) => keys.value = $event,
+					"class": [
+						ns.b(),
+						ns.is("hidden-header", props.model.showHeader === false),
+						ns.is("hidden", props.c.state.visible === false)
+					],
+					"style": style,
+					"ghost": true
+				}, { default: () => [createVNode(resolveComponent("a-collapse-panel"), {
+					"key": "0",
+					"header": props.model.title
+				}, _isSlot(_slot = renderContainer()) ? _slot : { default: () => [_slot] })] });
+			}
+			return createVNode("div", {
 				"class": [
-					this.ns.b(),
-					this.ns.is("hidden-header", this.model.showHeader === false),
-					this.ns.is("hidden", this.c.state.visible === false)
+					ns.b(),
+					ns.is("hidden-header", props.model.showHeader === false),
+					ns.is("hidden", props.c.state.visible === false),
+					props.model.class
 				],
-				"style": this.style,
-				"ghost": true
-			}, { default: () => [createVNode(resolveComponent("a-collapse-panel"), {
-				"key": "0",
-				"header": this.model.title
-			}, _isSlot(_slot = this.renderContainer(items)) ? _slot : { default: () => [_slot] })] });
-		}
-		return createVNode("div", {
-			"class": [
-				this.ns.b(),
-				this.ns.is("hidden-header", this.model.showHeader === false),
-				this.ns.is("hidden", this.c.state.visible === false),
-				this.model.class
-			],
-			"style": this.style
-		}, [this.model.showHeader === false ? createVNode("div", { "class": this.ns.e("title") }, [this.model.title]) : null, createVNode("div", { "class": this.ns.e("content") }, [this.renderContainer(items)])]);
+				"style": style
+			}, [props.model.showHeader === false ? createVNode("div", { "class": ns.e("title") }, [props.model.title]) : null, createVNode("div", { "class": ns.e("content") }, [renderContainer()])]);
+		};
 	}
 });
 //#endregion

package/es/modules/gct-form/widgets/gct-form/gct-form-group/gct-form-group.model.mjs

@@ -0,0 +1,25 @@
+//#region src/modules/gct-form/widgets/gct-form/gct-form-group/gct-form-group.model.ts
+/**
+* 表单分组模型
+*
+* @export
+* @class GctFormGroupModel
+* @implements {IFormGroup}
+*/
+var GctFormGroupModel = class {
+	type = "group";
+	isContainer = true;
+	layout = "grid";
+	children = [];
+	name;
+	title;
+	showHeader;
+	isCollapse;
+	constructor(name, opts, children) {
+		this.name = name;
+		if (opts) Object.assign(this, opts);
+		if (children) this.children = children;
+	}
+};
+//#endregion
+export { GctFormGroupModel };

package/es/modules/gct-form/widgets/gct-form/gct-form-group/index.mjs

@@ -1,5 +1,6 @@
 import { GctFormGroupProvider } from "./gct-form-group.provider.mjs";
 import GctFormGroup from "./gct-form-group.mjs";
+import "./gct-form-group.model.mjs";
 import "vue";
 //#region src/modules/gct-form/widgets/gct-form/gct-form-group/index.ts
 var gct_form_group_default = { install(app) {

package/es/modules/gct-form/widgets/gct-form/gct-form-hidden-item/gct-form-hidden-item.model.mjs

@@ -0,0 +1,21 @@
+//#region src/modules/gct-form/widgets/gct-form/gct-form-hidden-item/gct-form-hidden-item.model.ts
+/**
+* 表单隐藏项模型
+*
+* @export
+* @class GctFormHiddenItemModel
+* @implements {IFormHiddenItem}
+*/
+var GctFormHiddenItemModel = class {
+	type = "hidden";
+	name;
+	field;
+	defaultValue;
+	editor;
+	constructor(name, options) {
+		this.name = name;
+		if (options) Object.assign(this, options);
+	}
+};
+//#endregion
+export { GctFormHiddenItemModel };

package/es/modules/gct-form/widgets/gct-form/gct-form-hidden-item/index.mjs

@@ -1 +1,2 @@
 import "./gct-form-hidden-item.provider.mjs";
+import "./gct-form-hidden-item.model.mjs";

package/es/modules/gct-form/widgets/gct-form/gct-form-item/gct-form-item.css

@@ -82,7 +82,7 @@
 .gct-form-item.ant-row {
   margin-bottom: 20px;
 }
-.gct-form-item.is-hidden-label > .ant-col.ant-form-item-control > .ant-form-item-control-input > .ant-form-item-control-input-content > .gct-gct-form-item__editor {
+.gct-form-item.is-hidden-label > .ant-col.ant-form-item-control > .ant-form-item-control-input > .ant-form-item-control-input-content > .gct-form-item__editor {
   width: 100%;
 }
 
@@ -111,10 +111,10 @@
 .gct-form-item.is-required .gct-form-item__label::before {
   display: inline-block;
   margin-inline-end: 4px;
-  color: #ff4d4f;
-  font-size: 14px;
   font-family: SimSun, sans-serif;
+  font-size: 14px;
   line-height: 1;
+  color: #ff4d4f;
   content: "*";
 }
 
@@ -126,21 +126,21 @@
   text-align: var(--gct-form-item-label-align);
 }
 .gct-form-item .ant-form-item-label label {
-  color: var(--gct-form-item-label-color);
   font-size: var(--gct-form-item-label-font-size);
+  color: var(--gct-form-item-label-color);
 }
 .gct-form-item .ant-form-item-control-input-content {
   text-align: var(--gct-form-item-editor-align);
 }
 .gct-form-item__label {
   width: var(--gct-form-item-label-width);
-  line-height: 1.5715;
   font-size: var(--gct-form-item-label-font-size);
+  line-height: 1.5715;
 }
 .gct-form-item__label--top {
-  width: 100%;
   display: flex;
   align-items: center;
+  width: 100%;
 }
 
 .gct-form-item--label-top .gct-form-item__label {
@@ -171,4 +171,11 @@
 .gct-form-item .ant-checkbox-group .ant-checkbox-inner::after {
   width: var(--gct-form-item-checkbox-width);
   height: var(--gct-form-item-checkbox-height);
+}
+
+.gct-form--small .gct-form-item {
+  --gct-form-item-min-height: 26px;
+}
+.gct-form--small .ant-form-item-label > label {
+  height: 26px;
 }

package/es/modules/gct-form/widgets/gct-form/gct-form-item/gct-form-item.model.mjs

@@ -0,0 +1,23 @@
+//#region src/modules/gct-form/widgets/gct-form/gct-form-item/gct-form-item.model.ts
+/**
+* 表单项模型
+*
+* @export
+* @class GctFormItemModel
+* @implements {IFormItem}
+*/
+var GctFormItemModel = class {
+	type = "item";
+	name;
+	editor;
+	label;
+	rules;
+	constructor(name, label, opts, editor) {
+		this.name = name;
+		if (label) this.label = label;
+		if (opts) Object.assign(this, opts);
+		this.editor = editor;
+	}
+};
+//#endregion
+export { GctFormItemModel };

package/es/modules/gct-form/widgets/gct-form/gct-form-item/index.mjs

@@ -1,3 +1,4 @@
 import "./gct-form-item.mjs";
 import "./gct-form-item.provider.mjs";
+import "./gct-form-item.model.mjs";
 import "vue";

package/es/modules/gct-form/widgets/gct-form/gct-form-line/gct-form-line.model.mjs

@@ -0,0 +1,20 @@
+//#region src/modules/gct-form/widgets/gct-form/gct-form-line/gct-form-line.model.ts
+/**
+* 表单分割线
+*
+* @export
+* @class GctFormLineModel
+* @implements {IFormLine}
+*/
+var GctFormLineModel = class {
+	type = "line";
+	layout = "grid";
+	name = "";
+	isContainer = true;
+	constructor(name, opts = {}) {
+		this.name = name;
+		Object.assign(this, opts);
+	}
+};
+//#endregion
+export { GctFormLineModel };

package/es/modules/gct-form/widgets/gct-form/gct-form-line/index.mjs

@@ -1,5 +1,6 @@
 import { GctFormLineProvider } from "./gct-form-line.provider.mjs";
 import { GctFormLine } from "./gct-form-line.mjs";
+import "./gct-form-line.model.mjs";
 import "vue";
 //#region src/modules/gct-form/widgets/gct-form/gct-form-line/index.ts
 var gct_form_line_default = { install(app) {

package/es/modules/gct-form/widgets/gct-form/gct-form-tab/gct-form-tab.model.mjs

@@ -0,0 +1,16 @@
+//#region src/modules/gct-form/widgets/gct-form/gct-form-tab/gct-form-tab.model.ts
+var GctFormTabModel = class {
+	type = "tab";
+	isContainer = true;
+	children = [];
+	layout = "grid";
+	navPosition = "center";
+	name;
+	constructor(name, opts, children) {
+		this.name = name;
+		if (opts) Object.assign(this, opts);
+		if (children) this.children = children;
+	}
+};
+//#endregion
+export { GctFormTabModel };

package/es/modules/gct-form/widgets/gct-form/gct-form-tab/index.mjs

@@ -1,5 +1,6 @@
 import { GctFormTabProvider } from "./gct-form-tab.provider.mjs";
 import GctFormTab from "./gct-form-tab.mjs";
+import "./gct-form-tab.model.mjs";
 import "vue";
 //#region src/modules/gct-form/widgets/gct-form/gct-form-tab/index.ts
 var gct_form_tab_default = { install(app) {

package/es/modules/gct-form/widgets/gct-form/gct-form-tab-pane/gct-form-tab-pane.model.mjs

@@ -0,0 +1,24 @@
+//#region src/modules/gct-form/widgets/gct-form/gct-form-tab-pane/gct-form-tab-pane.model.ts
+/**
+* 表单选项卡面板模型
+*
+* @export
+* @class GctFormTabPaneModel
+* @implements {IFormTabPane}
+*/
+var GctFormTabPaneModel = class {
+	type = "tab-pane";
+	isContainer = true;
+	title;
+	layout = "grid";
+	children = [];
+	name;
+	constructor(name, title, opts, children) {
+		this.name = name;
+		this.title = title;
+		if (opts) Object.assign(this, opts);
+		if (children) this.children = children;
+	}
+};
+//#endregion
+export { GctFormTabPaneModel };

package/es/modules/gct-form/widgets/gct-form/gct-form-tab-pane/index.mjs

@@ -1,5 +1,6 @@
 import { GctFormTabPaneProvider } from "./gct-form-tab-pane.provider.mjs";
 import GctFormTabPane from "./gct-form-tab-pane.mjs";
+import "./gct-form-tab-pane.model.mjs";
 import "vue";
 //#region src/modules/gct-form/widgets/gct-form/gct-form-tab-pane/index.ts
 var gct_form_tab_pane_default = { install(app) {

package/es/modules/gct-form/widgets/gct-form/gct-form-title-group/gct-form-title-group.model.mjs

@@ -0,0 +1,25 @@
+//#region src/modules/gct-form/widgets/gct-form/gct-form-title-group/gct-form-title-group.model.ts
+/**
+* 表单标题分组模型
+*
+* @export
+* @class GctFormTitleGroupModel
+* @implements {IFormGroup}
+*/
+var GctFormTitleGroupModel = class {
+	type = "group";
+	isContainer = true;
+	layout = "grid";
+	children = [];
+	name;
+	title;
+	showHeader;
+	isCollapse;
+	constructor(name, opts, children) {
+		this.name = name;
+		if (opts) Object.assign(this, opts);
+		if (children) this.children = children;
+	}
+};
+//#endregion
+export { GctFormTitleGroupModel };

package/es/modules/gct-form/widgets/gct-form/gct-form-title-group/index.mjs

@@ -1,5 +1,6 @@
 import { GctFormTitleGroupProvider } from "./gct-form-title-group.provider.mjs";
 import GctFormTitleGroup from "./gct-form-title-group.mjs";
+import "./gct-form-title-group.model.mjs";
 import "vue";
 import { FormContainerType } from "@gct-paas/core";
 //#region src/modules/gct-form/widgets/gct-form/gct-form-title-group/index.ts

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

@@ -63,9 +63,7 @@
  */
 /* stylelint-disable scss/no-global-function-names */
 .gct-form--small label {
-  font-size: 12px;
-  line-height: 16px;
-  font-size: 12px !important;
+  --gct-form-item-label-font-size: 12px;
 }
 
 .gct-form.is-info {

package/es/modules/gct-form/widgets/gct-form/gct-form.mjs

@@ -73,7 +73,7 @@ var GctForm = /* @__PURE__ */ defineComponent({
 				class: item.class,
 				style: item.style,
 				context: props.context
-			}, renderChildren(item.children || []));
+			}, { default: () => renderChildren(item.children || []) });
 			else console.error(`未找到表单容器适配器：${item.name} - ${item.type}`);
 		};
 		/**

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

@@ -3,12 +3,12 @@ declare const _default: {
     install(app: App): void;
 };
 export default _default;
-export * from './gct-form-tab';
-export * from './gct-form-tab-pane';
 export * from './gct-form-collapse';
 export * from './gct-form-collapse-pane';
 export * from './gct-form-group';
-export * from './gct-form-title-group';
 export * from './gct-form-hidden-item';
 export * from './gct-form-item';
 export * from './gct-form-line';
+export * from './gct-form-tab';
+export * from './gct-form-tab-pane';
+export * from './gct-form-title-group';

package/es/modules/gct-form/widgets/gct-form/index.mjs

@@ -2,14 +2,23 @@ import GctFormItem from "./gct-form-item/gct-form-item.mjs";
 import GctForm from "./gct-form.mjs";
 import { GctFormItemProvider } from "./gct-form-item/gct-form-item.provider.mjs";
 import { GctFormHiddenItemProvider } from "./gct-form-hidden-item/gct-form-hidden-item.provider.mjs";
+import "./gct-form-collapse-pane/gct-form-collapse-pane.model.mjs";
 import gct_form_collapse_pane_default from "./gct-form-collapse-pane/index.mjs";
+import "./gct-form-collapse/gct-form-collapse.model.mjs";
 import gct_form_collapse_default from "./gct-form-collapse/index.mjs";
+import "./gct-form-group/gct-form-group.model.mjs";
 import gct_form_group_default from "./gct-form-group/index.mjs";
+import "./gct-form-line/gct-form-line.model.mjs";
 import gct_form_line_default from "./gct-form-line/index.mjs";
+import "./gct-form-tab/gct-form-tab.model.mjs";
 import gct_form_tab_default from "./gct-form-tab/index.mjs";
+import "./gct-form-tab-pane/gct-form-tab-pane.model.mjs";
 import gct_form_tab_pane_default from "./gct-form-tab-pane/index.mjs";
+import "./gct-form-title-group/gct-form-title-group.model.mjs";
 import gct_form_title_group_default from "./gct-form-title-group/index.mjs";
+import "./gct-form-hidden-item/gct-form-hidden-item.model.mjs";
 import "./gct-form-hidden-item/index.mjs";
+import "./gct-form-item/gct-form-item.model.mjs";
 import "./gct-form-item/index.mjs";
 import "vue";
 //#region src/modules/gct-form/widgets/gct-form/index.ts

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

@@ -24,7 +24,7 @@ export declare const GctTable: import('vue').DefineComponent<import('vue').Extra
     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;
+    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;
@@ -46,6 +46,6 @@ export declare const GctTable: import('vue').DefineComponent<import('vue').Extra
 }>> & Readonly<{
     onRowChange?: ((...args: any[]) => any) | undefined;
 }>, {
-    data: IData[];
     count: number;
+    data: IData[];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;