@gct-paas/core-web 0.1.4-dev.11 → 0.1.4-dev.12

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

@@ -1,147 +1,129 @@
-import { defineComponent, createVNode, resolveComponent, provide, ref, reactive, isVNode, h } from 'vue';
-import { useNamespace } from '@gct-paas/core';
-import { FORM_CONTROLLER_INJECT_TAG } from '../../constants/index.mjs';
+import { FORM_CONTROLLER_INJECT_TAG } from "../../constants/index.mjs";
 import './gct-form.css';/* empty css               */
-
+import { createVNode, defineComponent, h, isVNode, provide, reactive, ref, resolveComponent } from "vue";
+import { useNamespace } from "@gct-paas/core";
+//#region src/modules/gct-form/widgets/gct-form/gct-form.tsx
 function _isSlot(s) {
-  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);
+	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
-const GctForm = /* @__PURE__ */ defineComponent({
-  name: 'GctForm',
-  props: {
-    c: {
-      type: Object,
-      required: true
-    },
-    model: {
-      type: Object,
-      required: true
-    },
-    context: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  setup(props) {
-    const ns = useNamespace('gct-form');
-    provide(FORM_CONTROLLER_INJECT_TAG, props.c);
-    const formRef = ref();
-    const c = props.c;
-
-    // 将所有和界面状态相关的数据转换为响应式数据，以便在界面上进行双向绑定
-    const keys = Object.keys(c.item);
-    keys.forEach(key => {
-      const item = c.item[key];
-      item.state = reactive(item.state);
-    });
-
-    /**
-     * 绘制表单项
-     *
-     * @author zhanghanrui
-     * @date 2024-03-26 21:03:52
-     * @param {IFormItem} item
-     * @return {*}
-     */
-    const renderItem = item => {
-      return createVNode(resolveComponent("gct-form-item"), {
-        "class": item.class,
-        "style": item.style,
-        "count": c.state.count,
-        "c": c.item[item.name],
-        "formModel": props.model,
-        "model": item,
-        "context": props.context
-      }, null);
-    };
-
-    /**
-     * 绘制表单容器
-     *
-     * @author zhanghanrui
-     * @date 2024-03-26 21:03:17
-     * @param {IFormContainer} item
-     * @return {*}
-     */
-    const renderContainer = item => {
-      const provider = c.provider[item.name];
-      if (!provider) {
-        console.error(`未找到表单项适配器实例：${item.name}`, item);
-        return null;
-      }
-      if (provider) {
-        return h(typeof provider.component === 'string' ? resolveComponent(provider.component) : provider.component, {
-          key: item.name,
-          model: item,
-          count: c.state.count,
-          c: c.item[item.name],
-          data: c.state.data,
-          class: item.class,
-          style: item.style,
-          context: props.context
-        }, renderChildren(item.children || []));
-      } else {
-        console.error(`未找到表单容器适配器：${item.name} - ${item.type}`);
-      }
-    };
-
-    /**
-     * 绘制子元素
-     *
-     * @author zhanghanrui
-     * @date 2024-03-26 21:03:22
-     * @param {IFormItemBasic[]} children
-     * @return {*}
-     */
-    const renderChildren = children => {
-      if (!children) {
-        return [];
-      }
-      const nodes = [];
-      children.forEach(item => {
-        if (item.type === 'hidden') {
-          return null;
-        }
-        let node = null;
-        const container = item;
-        if (container.type === 'container' || container.isContainer || container.container) {
-          node = renderContainer(container);
-        } else {
-          node = renderItem(item);
-        }
-        if (node) {
-          nodes.push(node);
-        }
-      });
-      return nodes;
-    };
-    const staticStyle = {};
-    if (props.model.labelWidth) {
-      staticStyle[ns.cssVarName('form-item-label-width')] = props.model.labelWidth;
-    }
-    return {
-      ns,
-      formRef,
-      staticStyle,
-      renderItem,
-      renderContainer,
-      renderChildren
-    };
-  },
-  render() {
-    let _slot;
-    return createVNode(resolveComponent("a-form"), {
-      "ref": "formRef",
-      "layout": this.model.layout,
-      "model": this.c.state.data,
-      "count": this.c.state.count,
-      "class": [this.ns.b(), this.ns.is('info', this.model.info === true), this.model.size ? this.ns.m(this.model.size) : null],
-      "autocomplete": "off",
-      "style": this.staticStyle
-    }, _isSlot(_slot = this.model.children.map(item => this.renderContainer(item))) ? _slot : {
-      default: () => [_slot]
-    });
-  }
+var GctForm = /* @__PURE__ */ defineComponent({
+	name: "GctForm",
+	props: {
+		c: {
+			type: Object,
+			required: true
+		},
+		model: {
+			type: Object,
+			required: true
+		},
+		context: {
+			type: Object,
+			default: () => ({})
+		}
+	},
+	setup(props) {
+		const ns = useNamespace("form");
+		provide(FORM_CONTROLLER_INJECT_TAG, props.c);
+		const formRef = ref();
+		const c = props.c;
+		Object.keys(c.item).forEach((key) => {
+			const item = c.item[key];
+			item.state = reactive(item.state);
+		});
+		/**
+		* 绘制表单项
+		*
+		* @author zhanghanrui
+		* @date 2024-03-26 21:03:52
+		* @param {IFormItem} item
+		* @return {*}
+		*/
+		const renderItem = (item) => {
+			return createVNode(resolveComponent("gct-form-item"), {
+				"class": item.class,
+				"style": item.style,
+				"count": c.state.count,
+				"c": c.item[item.name],
+				"formModel": props.model,
+				"model": item,
+				"context": props.context
+			}, null);
+		};
+		/**
+		* 绘制表单容器
+		*
+		* @author zhanghanrui
+		* @date 2024-03-26 21:03:17
+		* @param {IFormContainer} item
+		* @return {*}
+		*/
+		const renderContainer = (item) => {
+			const provider = c.provider[item.name];
+			if (!provider) {
+				console.error(`未找到表单项适配器实例：${item.name}`, item);
+				return null;
+			}
+			if (provider) return h(typeof provider.component === "string" ? resolveComponent(provider.component) : provider.component, {
+				key: item.name,
+				model: item,
+				count: c.state.count,
+				c: c.item[item.name],
+				data: c.state.data,
+				class: item.class,
+				style: item.style,
+				context: props.context
+			}, renderChildren(item.children || []));
+			else console.error(`未找到表单容器适配器：${item.name} - ${item.type}`);
+		};
+		/**
+		* 绘制子元素
+		*
+		* @author zhanghanrui
+		* @date 2024-03-26 21:03:22
+		* @param {IFormItemBasic[]} children
+		* @return {*}
+		*/
+		const renderChildren = (children) => {
+			if (!children) return [];
+			const nodes = [];
+			children.forEach((item) => {
+				if (item.type === "hidden") return null;
+				let node = null;
+				const container = item;
+				if (container.type === "container" || container.isContainer || container.container) node = renderContainer(container);
+				else node = renderItem(item);
+				if (node) nodes.push(node);
+			});
+			return nodes;
+		};
+		const staticStyle = {};
+		if (props.model.labelWidth) staticStyle[ns.cssVarName("form-item-label-width")] = props.model.labelWidth;
+		return {
+			ns,
+			formRef,
+			staticStyle,
+			renderItem,
+			renderContainer,
+			renderChildren
+		};
+	},
+	render() {
+		let _slot;
+		return createVNode(resolveComponent("a-form"), {
+			"ref": "formRef",
+			"layout": this.model.layout,
+			"model": this.c.state.data,
+			"count": this.c.state.count,
+			"class": [
+				this.ns.b(),
+				this.ns.is("info", this.model.info === true),
+				this.model.size ? this.ns.m(this.model.size) : null
+			],
+			"autocomplete": "off",
+			"style": this.staticStyle
+		}, _isSlot(_slot = this.model.children.map((item) => this.renderContainer(item))) ? _slot : { default: () => [_slot] });
+	}
 });
-
-export { GctForm };
+//#endregion
+export { GctForm as default };

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

@@ -1,33 +1,30 @@
-import 'vue';
-import { GctFormItem } from './gct-form-item/gct-form-item.mjs';
-import { GctForm as GctForm$1 } 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 GctFormCollapsePane from './gct-form-collapse-pane/index.mjs';
-import GctFormCollapse from './gct-form-collapse/index.mjs';
-import GctFormGroup from './gct-form-group/index.mjs';
-import GctFormLine from './gct-form-line/index.mjs';
-import GctFormTab from './gct-form-tab/index.mjs';
-import GctFormTabPane from './gct-form-tab-pane/index.mjs';
-import GctFormTitleGroup from './gct-form-title-group/index.mjs';
-
-const GctForm = {
-  install(app) {
-    _gct.register.formItem.register("item", () => new GctFormItemProvider());
-    _gct.register.formItem.register(
-      "hidden",
-      () => new GctFormHiddenItemProvider()
-    );
-    app.use(GctFormCollapsePane);
-    app.use(GctFormCollapse);
-    app.use(GctFormGroup);
-    app.use(GctFormLine);
-    app.use(GctFormTab);
-    app.use(GctFormTabPane);
-    app.use(GctFormTitleGroup);
-    app.component(GctForm$1.name, GctForm$1);
-    app.component(GctFormItem.name, GctFormItem);
-  }
-};
-
-export { GctForm as default };
+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_default from "./gct-form-collapse-pane/index.mjs";
+import gct_form_collapse_default from "./gct-form-collapse/index.mjs";
+import gct_form_group_default from "./gct-form-group/index.mjs";
+import gct_form_line_default from "./gct-form-line/index.mjs";
+import gct_form_tab_default from "./gct-form-tab/index.mjs";
+import gct_form_tab_pane_default from "./gct-form-tab-pane/index.mjs";
+import gct_form_title_group_default from "./gct-form-title-group/index.mjs";
+import "./gct-form-hidden-item/index.mjs";
+import "./gct-form-item/index.mjs";
+import "vue";
+//#region src/modules/gct-form/widgets/gct-form/index.ts
+var gct_form_default = { install(app) {
+	_gct.register.formItem.register("item", () => new GctFormItemProvider());
+	_gct.register.formItem.register("hidden", () => new GctFormHiddenItemProvider());
+	app.use(gct_form_collapse_pane_default);
+	app.use(gct_form_collapse_default);
+	app.use(gct_form_group_default);
+	app.use(gct_form_line_default);
+	app.use(gct_form_tab_default);
+	app.use(gct_form_tab_pane_default);
+	app.use(gct_form_title_group_default);
+	app.component(GctForm.name, GctForm);
+	app.component(GctFormItem.name, GctFormItem);
+} };
+//#endregion
+export { gct_form_default as default };

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

@@ -1,143 +1,141 @@
-import { reactive, onUnmounted } from 'vue';
-import { TableState } from '../../state/table/table.state.mjs';
-import { TableRowController } from '../table-row/table-row.controller.mjs';
-import { QXEvent } from 'qx-util';
-import { defaults, isNil } from 'lodash-es';
-import { EditorRegisterConst } from '@gct-paas/core';
-
-class GctTableController {
-  /**
-   * Creates an instance of GctTableController.
-   *
-   * @author zhanghanrui
-   * @date 2024-04-15 18:04:10
-   * @param {ITable} model
-   */
-  constructor(model) {
-    this.model = model;
-    this.init();
-  }
-  evt = new QXEvent();
-  state = this.createState();
-  row = {};
-  editorProviders = {};
-  init() {
-    this.initTableItems(this.model.columns);
-  }
-  initTableItems(items) {
-    if (items) {
-      items.forEach((item) => {
-        if (item.type === "edit") {
-          const provider = _gct.register.tableEditor.get(
-            EditorRegisterConst.PREFIX + item.editor.type
-          );
-          if (provider) {
-            this.editorProviders[item.name] = provider;
-          }
-        }
-      });
-    }
-  }
-  async setData(items) {
-    await this.destroyControllers();
-    await this.initControllers(items);
-    this.state.items = items || [];
-  }
-  getData() {
-    return this.state.items;
-  }
-  createState() {
-    return new TableState();
-  }
-  async initControllers(items) {
-    const all = items.map((row) => {
-      const id = row[this.model.key];
-      if (this.row[id]) {
-        return;
-      }
-      const c = new TableRowController(this, this.model, row);
-      c.state = reactive(c.state);
-      c.data = reactive(c.data);
-      this.row[id] = c;
-      {
-        const keys = Object.keys(row);
-        keys.forEach((key) => {
-          this.state.formData[`${key}___${id}`] = row[key];
-        });
-      }
-      return c.init();
-    });
-    await Promise.all(all);
-  }
-  async destroyControllers() {
-    const keys = this.state.items.map((item) => item[this.model.key]);
-    const filterKeys = Object.keys(this.row).filter((key) => !keys.includes(key));
-    const all = filterKeys.map((key) => {
-      const c = this.row[key];
-      delete this.row[key];
-      {
-        const keys2 = Object.keys(c.data);
-        const id = c.data[this.model.key];
-        keys2.forEach((key2) => {
-          const tag = `${key2}___${id}`;
-          delete this.state.formData[tag];
-        });
-      }
-      return c.destroy();
-    });
-    await Promise.all(all);
-  }
-  async load(params = {}) {
-    defaults(params, {
-      page: this.state.page,
-      size: this.state.size
-    });
-    if (this.model.fetch) {
-      const items = await this.model.fetch(params, this);
-      this.state.items = items;
-      this.destroyControllers();
-      this.initControllers(this.state.items);
-    }
-  }
-  async reload(params) {
-    await this.load(params);
-  }
-  async search(params) {
-    await this.reload(params);
-  }
-  async refresh(params) {
-    await this.load(params);
-  }
-  destroy() {
-    this.evt.reset();
-  }
-  change(row, name, newVal, oldVal) {
-    const data = this.state.items.find(
-      (item) => item[this.model.key] === row.key
-    );
-    if (data) {
-      Object.assign(data, row.data);
-      this.state.formData[`${name}___${data[this.model.key]}`] = newVal;
-      this.evt.emit("change", data, name, newVal, oldVal);
-    }
-  }
-  updatePagination(data) {
-    if (!isNil(data.total)) {
-      this.state.total = data.total;
-    }
-    if (!isNil(data.size)) {
-      this.state.size = data.size;
-    }
-    if (!isNil(data.page)) {
-      this.state.page = data.page;
-    }
-  }
-}
+import { TableState } from "../../state/table/table.state.mjs";
+import { TableRowController } from "../table-row/table-row.controller.mjs";
+import { onUnmounted, reactive } from "vue";
+import { QXEvent } from "qx-util";
+import { defaults, isNil } from "lodash-es";
+import { EditorRegisterConst } from "@gct-paas/core";
+//#region src/modules/gct-table/controller/gct-table/gct-table.controller.ts
+/**
+* 表格控制器
+*
+* @author zhanghanrui
+* @date 2024-04-15 18:04:05
+* @export
+* @class GctTableController
+* @implements {ITableController}
+*/
+var GctTableController = class {
+	evt = new QXEvent();
+	state = this.createState();
+	row = {};
+	editorProviders = {};
+	/**
+	* Creates an instance of GctTableController.
+	*
+	* @author zhanghanrui
+	* @date 2024-04-15 18:04:10
+	* @param {ITable} model
+	*/
+	constructor(model) {
+		this.model = model;
+		this.init();
+	}
+	init() {
+		this.initTableItems(this.model.columns);
+	}
+	initTableItems(items) {
+		if (items) items.forEach((item) => {
+			if (item.type === "edit") {
+				const provider = _gct.register.tableEditor.get(EditorRegisterConst.PREFIX + item.editor.type);
+				if (provider) this.editorProviders[item.name] = provider;
+			}
+		});
+	}
+	async setData(items) {
+		await this.destroyControllers();
+		await this.initControllers(items);
+		this.state.items = items || [];
+	}
+	getData() {
+		return this.state.items;
+	}
+	createState() {
+		return new TableState();
+	}
+	async initControllers(items) {
+		const all = items.map((row) => {
+			const id = row[this.model.key];
+			if (this.row[id]) return;
+			const c = new TableRowController(this, this.model, row);
+			c.state = reactive(c.state);
+			c.data = reactive(c.data);
+			this.row[id] = c;
+			Object.keys(row).forEach((key) => {
+				this.state.formData[`${key}___${id}`] = row[key];
+			});
+			return c.init();
+		});
+		await Promise.all(all);
+	}
+	async destroyControllers() {
+		const keys = this.state.items.map((item) => item[this.model.key]);
+		const all = Object.keys(this.row).filter((key) => !keys.includes(key)).map((key) => {
+			const c = this.row[key];
+			delete this.row[key];
+			{
+				const keys = Object.keys(c.data);
+				const id = c.data[this.model.key];
+				keys.forEach((key) => {
+					const tag = `${key}___${id}`;
+					delete this.state.formData[tag];
+				});
+			}
+			return c.destroy();
+		});
+		await Promise.all(all);
+	}
+	async load(params = {}) {
+		defaults(params, {
+			page: this.state.page,
+			size: this.state.size
+		});
+		if (this.model.fetch) {
+			const items = await this.model.fetch(params, this);
+			this.state.items = items;
+			this.destroyControllers();
+			this.initControllers(this.state.items);
+		}
+	}
+	async reload(params) {
+		await this.load(params);
+	}
+	async search(params) {
+		await this.reload(params);
+	}
+	async refresh(params) {
+		await this.load(params);
+	}
+	destroy() {
+		this.evt.reset();
+	}
+	change(row, name, newVal, oldVal) {
+		const data = this.state.items.find((item) => item[this.model.key] === row.key);
+		if (data) {
+			Object.assign(data, row.data);
+			this.state.formData[`${name}___${data[this.model.key]}`] = newVal;
+			this.evt.emit("change", data, name, newVal, oldVal);
+		}
+	}
+	updatePagination(data) {
+		if (!isNil(data.total)) this.state.total = data.total;
+		if (!isNil(data.size)) this.state.size = data.size;
+		if (!isNil(data.page)) this.state.page = data.page;
+	}
+};
+/**
+* 获取编辑表单控制器实例
+*
+* @author zhanghanrui
+* @date 2024-04-01 18:04:13
+* @export
+* @param {IEditForm} model
+* @return {*}  {EditFormController}
+*/
 function useTableController(fn) {
-  const c = fn();
-  c.state = reactive(c.state);
-  onUnmounted(() => c.destroy());
-  return c;
+	const c = fn();
+	c.state = reactive(c.state);
+	onUnmounted(() => c.destroy());
+	return c;
 }
-
+//#endregion
 export { GctTableController, useTableController };

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

@@ -0,0 +1,5 @@
+import "./table-item/table-item.controller.mjs";
+import "./table-item/table-action-item.controller.mjs";
+import "./table-item/table-edit-item.controller.mjs";
+import "./table-row/table-row.controller.mjs";
+import "./gct-table/gct-table.controller.mjs";

package/es/modules/gct-table/controller/table-item/table-action-item.controller.mjs

@@ -1,6 +1,15 @@
-import { TableItemController } from './table-item.controller.mjs';
-
-class TableActionItemController extends TableItemController {
-}
-
+import { TableItemController } from "./table-item.controller.mjs";
+//#region src/modules/gct-table/controller/table-item/table-action-item.controller.ts
+/**
+* 表格操作列控制器
+*
+* @author zhanghanrui
+* @date 2024-04-15 18:04:06
+* @export
+* @class TableActionItemController
+* @extends {TableItemController}
+* @implements {ITableActionItemController}
+*/
+var TableActionItemController = class extends TableItemController {};
+//#endregion
 export { TableActionItemController };