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

package/es/modules/gct-table/editor/gct-table-text/gct-table-text.mjs

@@ -1,106 +1,63 @@
-import { defineComponent, createVNode, resolveComponent, mergeProps } from 'vue';
-import { useNamespace } from '@gct-paas/core';
-import 'qx-util';
-import 'lodash-es';
-import { useGctFormValueByText } from '../../../gct-form/hooks/use-gct-form-value/use-gct-form-value.mjs';
-import '../../../gct-form/editor/gct-form-action/index.mjs';
-import '../../../gct-form/editor/gct-form-date-format-select/index.mjs';
-import '../../../gct-form/editor/gct-form-length-unit/index.mjs';
-import '../../../gct-form/editor/gct-form-color/index.mjs';
-import '../../../gct-form/editor/gct-form-date/index.mjs';
-import '../../../gct-form/editor/gct-form-formula/index.mjs';
-import '../../../gct-form/editor/gct-form-check-switch/index.mjs';
-import '../../../gct-form/editor/gct-form-group-select/index.mjs';
-import '../../../gct-form/editor/gct-form-i18n/index.mjs';
-import '../../../gct-form/editor/gct-form-icon-select/index.mjs';
-import '../../../gct-form/editor/gct-form-number/index.mjs';
-import '../../../gct-form/editor/gct-form-picker/index.mjs';
-import '../../../gct-form/editor/gct-form-pixel-config/index.mjs';
-import '../../../gct-form/editor/gct-form-select/index.mjs';
-import '../../../gct-form/editor/gct-form-span/index.mjs';
-import '../../../gct-form/editor/gct-form-switch/index.mjs';
-import '../../../gct-form/editor/gct-form-text/index.mjs';
-import '../../../gct-form/editor/gct-form-empty/index.mjs';
-import '../../../gct-form/editor/gct-form-textarea/index.mjs';
-import '../../../gct-form/editor/gct-form-radio/index.mjs';
-import '../../../gct-form/editor/gct-form-info/index.mjs';
-import '../../../gct-form/editor/gct-form-checkbox/index.mjs';
-import '../../../gct-form/editor/gct-form-model-select/index.mjs';
-import '../../../gct-form/editor/gct-form-multiple-choice/index.mjs';
-import '../../../gct-form/editor/gct-form-table/index.mjs';
-import '../../../gct-form/editor/gct-select-form-table/index.mjs';
-import './gct-table-text.css';import '../../../gct-form/widgets/gct-form/gct-form-title-group/gct-form-title-group.css';import '../../../gct-form/widgets/gct-form/gct-form-tab-pane/gct-form-tab-pane.css';import '../../../gct-form/widgets/gct-form/gct-form-tab/gct-form-tab.css';import '../../../gct-form/widgets/gct-form/gct-form-line/gct-form-line.css';import '../../../gct-form/widgets/gct-form/gct-form-group/gct-form-group.css';import '../../../gct-form/widgets/gct-form/gct-form-collapse/gct-form-collapse.css';import '../../../gct-form/widgets/gct-form/gct-form-collapse-pane/gct-form-collapse-pane.css';import '../../../gct-form/widgets/gct-form/gct-form.css';import '../../../gct-form/widgets/gct-form/gct-form-item/gct-form-item.css';/* empty css                                                                   */
-/* empty css                                                */
-/* empty css                                                                                     */
-import 'ant-design-vue';
-/* empty css                                                                           */
-/* empty css                                                                     */
-/* empty css                                                                   */
-/* empty css                                                                 */
-/* empty css                                                                           */
-/* empty css                                                                                 */
-/* empty css                     */
-
+import { useGctFormValueByText } from "../../../gct-form/hooks/use-gct-form-value/use-gct-form-value.mjs";
+import "../../../gct-form/index.mjs";
+import '../gct-table-date/gct-table-date.css';/* empty css                     */
+import { createVNode, defineComponent, mergeProps, resolveComponent } from "vue";
+import { useNamespace } from "@gct-paas/core";
+//#region src/modules/gct-table/editor/gct-table-text/gct-table-text.tsx
 /**
- * 文本编辑器
- */
-const GctTableText = /* @__PURE__ */ defineComponent({
-  name: 'GctTableText',
-  props: {
-    c: {
-      type: Object,
-      required: true
-    },
-    model: {
-      type: Object,
-      required: true
-    },
-    value: {
-      type: String,
-      default: ''
-    },
-    isEdit: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: ['update:value'],
-  setup(props) {
-    const ns = useNamespace('table-text');
-    const val = useGctFormValueByText(props.model.prefix || props.model.addonBefore, props.model.suffix || props.model.addonAfter);
-    const handleBlur = () => {
-      if (typeof val.value === 'string') {
-        val.value = val.value.trim();
-      }
-    };
-    return {
-      ns,
-      val,
-      handleBlur
-    };
-  },
-  render() {
-    if (this.isEdit === false) {
-      return createVNode("div", {
-        "class": [this.ns.b(), this.ns.e('info')]
-      }, [this.c.value]);
-    }
-    return createVNode(resolveComponent("a-input"), mergeProps({
-      "value": this.val,
-      "onUpdate:value": $event => this.val = $event
-    }, this.model.props || {}, {
-      "class": [this.ns.b(), this.ns.is('error', this.c.state.error)],
-      "prefix": this.model.prefix,
-      "suffix": this.model.suffix,
-      "addonBefore": this.model.addonBefore,
-      "addonAfter": this.model.addonAfter,
-      "placeholder": this.model.placeholder,
-      "show-count": this.model.max != null,
-      "maxlength": this.model.max,
-      "autocomplete": "off",
-      "onBlur": this.handleBlur
-    }), null);
-  }
+* 文本编辑器
+*/
+var GctTableText = /* @__PURE__ */ defineComponent({
+	name: "GctTableText",
+	props: {
+		c: {
+			type: Object,
+			required: true
+		},
+		model: {
+			type: Object,
+			required: true
+		},
+		value: {
+			type: String,
+			default: ""
+		},
+		isEdit: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: ["update:value"],
+	setup(props) {
+		const ns = useNamespace("table-text");
+		const val = useGctFormValueByText(props.model.prefix || props.model.addonBefore, props.model.suffix || props.model.addonAfter);
+		const handleBlur = () => {
+			if (typeof val.value === "string") val.value = val.value.trim();
+		};
+		return {
+			ns,
+			val,
+			handleBlur
+		};
+	},
+	render() {
+		if (this.isEdit === false) return createVNode("div", { "class": [this.ns.b(), this.ns.e("info")] }, [this.c.value]);
+		return createVNode(resolveComponent("a-input"), mergeProps({
+			"value": this.val,
+			"onUpdate:value": ($event) => this.val = $event
+		}, this.model.props || {}, {
+			"class": [this.ns.b(), this.ns.is("error", this.c.state.error)],
+			"prefix": this.model.prefix,
+			"suffix": this.model.suffix,
+			"addonBefore": this.model.addonBefore,
+			"addonAfter": this.model.addonAfter,
+			"placeholder": this.model.placeholder,
+			"show-count": this.model.max != null,
+			"maxlength": this.model.max,
+			"autocomplete": "off",
+			"onBlur": this.handleBlur
+		}), null);
+	}
 });
-
+//#endregion
 export { GctTableText };

package/es/modules/gct-table/editor/gct-table-text/gct-table-text.provider.mjs

@@ -1,5 +1,15 @@
-class GctTableTextProvider {
-  component = "gct-table-text";
-}
-
+//#region src/modules/gct-table/editor/gct-table-text/gct-table-text.provider.ts
+/**
+* 文本编辑器
+*
+* @author zhanghanrui
+* @date 2024-03-27 10:03:03
+* @export
+* @class GctTableTextProvider
+* @implements {ITableEditorProvider}
+*/
+var GctTableTextProvider = class {
+	component = "gct-table-text";
+};
+//#endregion
 export { GctTableTextProvider };

package/es/modules/gct-table/editor/gct-table-text/index.mjs

@@ -1,52 +1,10 @@
-import { GctTableTextProvider } from './gct-table-text.provider.mjs';
-import { GctTableText as GctTableText$1 } from './gct-table-text.mjs';
-import { widthTableEditorInstall } from '../../utils/width-install/width-install.mjs';
-import { EditorType } from '../../../gct-form/constants/editor-type/editor-type.mjs';
-import 'vue';
-import 'qx-util';
-import 'lodash-es';
-import '../../../gct-form/editor/gct-form-action/index.mjs';
-import '../../../gct-form/editor/gct-form-date-format-select/index.mjs';
-import '../../../gct-form/editor/gct-form-length-unit/index.mjs';
-import '../../../gct-form/editor/gct-form-color/index.mjs';
-import '../../../gct-form/editor/gct-form-date/index.mjs';
-import '../../../gct-form/editor/gct-form-formula/index.mjs';
-import '../../../gct-form/editor/gct-form-check-switch/index.mjs';
-import '../../../gct-form/editor/gct-form-group-select/index.mjs';
-import '../../../gct-form/editor/gct-form-i18n/index.mjs';
-import '../../../gct-form/editor/gct-form-icon-select/index.mjs';
-import '../../../gct-form/editor/gct-form-number/index.mjs';
-import '../../../gct-form/editor/gct-form-picker/index.mjs';
-import '../../../gct-form/editor/gct-form-pixel-config/index.mjs';
-import '../../../gct-form/editor/gct-form-select/index.mjs';
-import '../../../gct-form/editor/gct-form-span/index.mjs';
-import '../../../gct-form/editor/gct-form-switch/index.mjs';
-import '../../../gct-form/editor/gct-form-text/index.mjs';
-import '../../../gct-form/editor/gct-form-empty/index.mjs';
-import '../../../gct-form/editor/gct-form-textarea/index.mjs';
-import '../../../gct-form/editor/gct-form-radio/index.mjs';
-import '../../../gct-form/editor/gct-form-info/index.mjs';
-import '../../../gct-form/editor/gct-form-checkbox/index.mjs';
-import '../../../gct-form/editor/gct-form-model-select/index.mjs';
-import '../../../gct-form/editor/gct-form-multiple-choice/index.mjs';
-import '../../../gct-form/editor/gct-form-table/index.mjs';
-import '../../../gct-form/editor/gct-select-form-table/index.mjs';
-import '@gct-paas/core';
-import '../../../gct-form/widgets/gct-form/gct-form-title-group/gct-form-title-group.css';import '../../../gct-form/widgets/gct-form/gct-form-tab-pane/gct-form-tab-pane.css';import '../../../gct-form/widgets/gct-form/gct-form-tab/gct-form-tab.css';import '../../../gct-form/widgets/gct-form/gct-form-line/gct-form-line.css';import '../../../gct-form/widgets/gct-form/gct-form-group/gct-form-group.css';import '../../../gct-form/widgets/gct-form/gct-form-collapse/gct-form-collapse.css';import '../../../gct-form/widgets/gct-form/gct-form-collapse-pane/gct-form-collapse-pane.css';import '../../../gct-form/widgets/gct-form/gct-form.css';import '../../../gct-form/widgets/gct-form/gct-form-item/gct-form-item.css';/* empty css                                                                   */
-/* empty css                                                */
-/* empty css                                                                                     */
-import 'ant-design-vue';
-/* empty css                                                                           */
-/* empty css                                                                     */
-/* empty css                                                                   */
-/* empty css                                                                 */
-/* empty css                                                                           */
-/* empty css                                                                                 */
-
-const GctTableText = widthTableEditorInstall(
-  EditorType.TEXT,
-  () => new GctTableTextProvider(),
-  GctTableText$1
-);
-
-export { GctTableText as default };
+import { EditorType } from "../../../gct-form/constants/editor-type/editor-type.mjs";
+import "../../../gct-form/index.mjs";
+import { widthTableEditorInstall } from "../../utils/width-install/width-install.mjs";
+import "../../utils/index.mjs";
+import { GctTableTextProvider } from "./gct-table-text.provider.mjs";
+import { GctTableText } from "./gct-table-text.mjs";
+//#region src/modules/gct-table/editor/gct-table-text/index.ts
+var gct_table_text_default = widthTableEditorInstall(EditorType.TEXT, () => new GctTableTextProvider(), GctTableText);
+//#endregion
+export { gct_table_text_default as default };

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

@@ -1,11 +1,9 @@
-import GctTableSpan from './gct-table-span/index.mjs';
-import GctTableText from './gct-table-text/index.mjs';
-import GctTableDate from './gct-table-date/index.mjs';
-
-const TableEditor = {
-  install(app) {
-    app.use(GctTableSpan).use(GctTableText).use(GctTableDate);
-  }
-};
-
-export { TableEditor as default };
+import gct_table_span_default from "./gct-table-span/index.mjs";
+import gct_table_text_default from "./gct-table-text/index.mjs";
+import gct_table_date_default from "./gct-table-date/index.mjs";
+//#region src/modules/gct-table/editor/index.ts
+var editor_default = { install(app) {
+	app.use(gct_table_span_default).use(gct_table_text_default).use(gct_table_date_default);
+} };
+//#endregion
+export { editor_default as default };

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

@@ -0,0 +1 @@
+import "./use-ant-table/use-ant-table.mjs";

package/es/modules/gct-table/hooks/use-ant-table/use-ant-table.mjs

@@ -1,85 +1,69 @@
-import { ref, watch, nextTick, onUnmounted, unref } from 'vue';
-
-const HEIGHT = 0;
+import { nextTick, onUnmounted, ref, unref, watch } from "vue";
+//#region src/modules/gct-table/hooks/use-ant-table/use-ant-table.ts
+var HEIGHT = 0;
 function useAntTableScrollHeight(el, { pagination = true, triggerByWindowSize = true } = {}) {
-  const scrollHeight = ref(HEIGHT);
-  let heightCache = [];
-  let scrollHeightTimer = null;
-  let resizeObserver = null;
-  const calcScrollHeight = () => {
-    if (!el) return;
-    if (scrollHeightTimer) {
-      clearTimeout(scrollHeightTimer);
-      scrollHeightTimer = null;
-    }
-    const dom = unref(el).$el ?? unref(el);
-    const maxHeight = dom.getBoundingClientRect().height ?? 0;
-    const tableHeaderHeight = Math.max(
-      dom.querySelector(".ant-table-thead")?.getBoundingClientRect().height ?? 0,
-      48
-    );
-    const paginationHeight = pagination ? Math.max(
-      dom.querySelector(".ant-table-pagination")?.getBoundingClientRect().height ?? 0,
-      24
-    ) + 16 : 0;
-    scrollHeight.value = maxHeight - tableHeaderHeight - paginationHeight;
-    heightCache.push(scrollHeight.value);
-    if (heightCache.length >= 3 && heightCache[heightCache.length - 3] === heightCache[heightCache.length - 1] && heightCache[heightCache.length - 2] === heightCache[heightCache.length - 1]) {
-      heightCache = [];
-    } else {
-      scrollHeightTimer = setTimeout(() => {
-        calcScrollHeight();
-      }, 100);
-    }
-  };
-  const listenResize = () => {
-    if (resizeObserver) {
-      resizeObserver.disconnect();
-      resizeObserver = null;
-    }
-    const dom = unref(el).$el ?? unref(el);
-    if (dom && typeof ResizeObserver !== "undefined") {
-      resizeObserver = new ResizeObserver(() => {
-        if (scrollHeightTimer) {
-          clearTimeout(scrollHeightTimer);
-        }
-        scrollHeightTimer = setTimeout(() => {
-          calcScrollHeight();
-        }, 100);
-      });
-      resizeObserver.observe(dom);
-    }
-  };
-  if (triggerByWindowSize) {
-    window.addEventListener("resize", calcScrollHeight);
-  }
-  watch(
-    el,
-    async (value) => {
-      await nextTick();
-      if (!value) return;
-      calcScrollHeight();
-      listenResize();
-    },
-    {
-      immediate: true
-    }
-  );
-  onUnmounted(() => {
-    window.removeEventListener("resize", calcScrollHeight);
-    if (resizeObserver) {
-      resizeObserver.disconnect();
-      resizeObserver = null;
-    }
-    if (scrollHeightTimer) {
-      clearTimeout(scrollHeightTimer);
-      scrollHeightTimer = null;
-    }
-  });
-  return {
-    scrollHeight,
-    calcScrollHeight
-  };
+	const scrollHeight = ref(HEIGHT);
+	let heightCache = [];
+	let scrollHeightTimer = null;
+	let resizeObserver = null;
+	/**
+	* 计算table的滚动高度
+	*/
+	const calcScrollHeight = () => {
+		if (!el) return;
+		if (scrollHeightTimer) {
+			clearTimeout(scrollHeightTimer);
+			scrollHeightTimer = null;
+		}
+		const dom = unref(el).$el ?? unref(el);
+		const maxHeight = dom.getBoundingClientRect().height ?? 0;
+		const tableHeaderHeight = Math.max(dom.querySelector(".ant-table-thead")?.getBoundingClientRect().height ?? 0, 48);
+		const paginationHeight = pagination ? Math.max(dom.querySelector(".ant-table-pagination")?.getBoundingClientRect().height ?? 0, 24) + 16 : 0;
+		scrollHeight.value = maxHeight - tableHeaderHeight - paginationHeight;
+		heightCache.push(scrollHeight.value);
+		if (heightCache.length >= 3 && heightCache[heightCache.length - 3] === heightCache[heightCache.length - 1] && heightCache[heightCache.length - 2] === heightCache[heightCache.length - 1]) heightCache = [];
+		else scrollHeightTimer = setTimeout(() => {
+			calcScrollHeight();
+		}, 100);
+	};
+	const listenResize = () => {
+		if (resizeObserver) {
+			resizeObserver.disconnect();
+			resizeObserver = null;
+		}
+		const dom = unref(el).$el ?? unref(el);
+		if (dom && typeof ResizeObserver !== "undefined") {
+			resizeObserver = new ResizeObserver(() => {
+				if (scrollHeightTimer) clearTimeout(scrollHeightTimer);
+				scrollHeightTimer = setTimeout(() => {
+					calcScrollHeight();
+				}, 100);
+			});
+			resizeObserver.observe(dom);
+		}
+	};
+	if (triggerByWindowSize) window.addEventListener("resize", calcScrollHeight);
+	watch(el, async (value) => {
+		await nextTick();
+		if (!value) return;
+		calcScrollHeight();
+		listenResize();
+	}, { immediate: true });
+	onUnmounted(() => {
+		window.removeEventListener("resize", calcScrollHeight);
+		if (resizeObserver) {
+			resizeObserver.disconnect();
+			resizeObserver = null;
+		}
+		if (scrollHeightTimer) {
+			clearTimeout(scrollHeightTimer);
+			scrollHeightTimer = null;
+		}
+	});
+	return {
+		scrollHeight,
+		calcScrollHeight
+	};
 }
-
+//#endregion
 export { useAntTableScrollHeight };

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

@@ -1,15 +1,22 @@
-import 'vue';
-import '@gct-paas/core';
-import 'qx-util';
-import 'lodash-es';
-import TableEditor from './editor/index.mjs';
-import TableWidgets from './widgets/index.mjs';
-
-const GctTable = {
-  install(app) {
-    app.use(TableEditor);
-    app.use(TableWidgets);
-  }
-};
-
-export { GctTable as default };
+import "./state/table/table.state.mjs";
+import "./state/table-item/table-item.state.mjs";
+import "./state/table-item/table-edit-item.state.mjs";
+import "./state/table-row/table-row.state.mjs";
+import "./controller/table-item/table-item.controller.mjs";
+import "./controller/table-item/table-action-item.controller.mjs";
+import "./controller/table-item/table-edit-item.controller.mjs";
+import "./controller/table-row/table-row.controller.mjs";
+import "./controller/gct-table/gct-table.controller.mjs";
+import "./controller/index.mjs";
+import "./hooks/use-ant-table/use-ant-table.mjs";
+import "./hooks/index.mjs";
+import "./register/table-editor-register/table-editor-register.mjs";
+import editor_default from "./editor/index.mjs";
+import widgets_default from "./widgets/index.mjs";
+//#region src/modules/gct-table/index.ts
+var gct_table_default = { install(app) {
+	app.use(editor_default);
+	app.use(widgets_default);
+} };
+//#endregion
+export { gct_table_default as default };

package/es/modules/gct-table/register/table-editor-register/table-editor-register.mjs

@@ -1,61 +1,68 @@
-class TableEditorRegister {
-  /**
-   * 编辑器集合
-   *
-   * @author zhanghanrui
-   * @date 2024-03-27 10:03:25
-   * @private
-   * @type {Map<string, () => ITableEditorProvider>}
-   */
-  editors = /* @__PURE__ */ new Map();
-  /**
-   * 已经实例化的编辑器集合
-   *
-   * @author zhanghanrui
-   * @date 2024-03-27 10:03:43
-   * @private
-   * @type {Map<string, ITableEditorProvider>}
-   */
-  providers = /* @__PURE__ */ new Map();
-  /**
-   * 编辑器适配器注册
-   *
-   * @param {string} tag 适配器标识
-   * @param {() => ITableEditorProvider} provider 编辑器提供者
-   */
-  register(tag, provider) {
-    this.editors.set(tag, provider);
-  }
-  /**
-   * 编辑器适配器注销
-   *
-   * @author zhanghanrui
-   * @date 2024-03-27 10:03:29
-   * @param {string} tag
-   */
-  unregister(tag) {
-    this.editors.delete(tag);
-  }
-  /**
-   * 获取编辑器适配器
-   *
-   * @author zhanghanrui
-   * @date 2024-04-17 11:04:33
-   * @param {string} tag
-   * @return {*}  {(ITableEditorProvider | null)}
-   */
-  get(tag) {
-    if (this.providers.has(tag)) {
-      return this.providers.get(tag);
-    }
-    const provider = this.editors.get(tag);
-    if (provider) {
-      const instance = provider();
-      this.providers.set(tag, instance);
-      return instance;
-    }
-    return null;
-  }
-}
-
+//#region src/modules/gct-table/register/table-editor-register/table-editor-register.ts
+/**
+* 编辑器实现注册器
+*
+* @author zhanghanrui
+* @date 2024-03-27 10:03:59
+* @export
+* @class TableEditorRegister
+*/
+var TableEditorRegister = class {
+	/**
+	* 编辑器集合
+	*
+	* @author zhanghanrui
+	* @date 2024-03-27 10:03:25
+	* @private
+	* @type {Map<string, () => ITableEditorProvider>}
+	*/
+	editors = /* @__PURE__ */ new Map();
+	/**
+	* 已经实例化的编辑器集合
+	*
+	* @author zhanghanrui
+	* @date 2024-03-27 10:03:43
+	* @private
+	* @type {Map<string, ITableEditorProvider>}
+	*/
+	providers = /* @__PURE__ */ new Map();
+	/**
+	* 编辑器适配器注册
+	*
+	* @param {string} tag 适配器标识
+	* @param {() => ITableEditorProvider} provider 编辑器提供者
+	*/
+	register(tag, provider) {
+		this.editors.set(tag, provider);
+	}
+	/**
+	* 编辑器适配器注销
+	*
+	* @author zhanghanrui
+	* @date 2024-03-27 10:03:29
+	* @param {string} tag
+	*/
+	unregister(tag) {
+		this.editors.delete(tag);
+	}
+	/**
+	* 获取编辑器适配器
+	*
+	* @author zhanghanrui
+	* @date 2024-04-17 11:04:33
+	* @param {string} tag
+	* @return {*}  {(ITableEditorProvider | null)}
+	*/
+	get(tag) {
+		if (this.providers.has(tag)) return this.providers.get(tag);
+		const provider = this.editors.get(tag);
+		if (provider) {
+			const instance = provider();
+			this.providers.set(tag, instance);
+			return instance;
+		}
+		return null;
+	}
+};
+//#endregion
 export { TableEditorRegister };