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

package/es/create-app-vue.mjs

@@ -1,17 +1,30 @@
-import { OverlayScrollbarsComponent } from 'overlayscrollbars-vue';
-import Comps from './components/index.mjs';
-import * as Icons from '@ant-design/icons-vue';
-import { setupDirectives } from './directives/index.mjs';
-import ColorPicker from './modules/color-picker/src/ColorPicker.vue.mjs';
-
+import components_default from "./components/index.mjs";
+import gct_form_default from "./modules/gct-form/index.mjs";
+import gct_table_default from "./modules/gct-table/index.mjs";
+import ColorPicker_default from "./modules/color-picker/src/ColorPicker.vue.mjs";
+import "./modules/color-picker/index.mjs";
+import { setupDirectives } from "./directives/index.mjs";
+import { OverlayScrollbarsComponent } from "overlayscrollbars-vue";
+import * as Icons from "@ant-design/icons-vue";
+import "overlayscrollbars/overlayscrollbars.css";
+//#region src/create-app-vue.ts
+/**
+* 核心 Web 库的外部使用注册，在创建 app 时调用
+*
+* @export
+* @param {App} app
+* @return {*}  {Promise<void>}
+*/
 async function coreWebCreateAppVue(app) {
-  setupDirectives(app);
-  app.use(Comps);
-  Object.entries(Icons).forEach(([key, component]) => {
-    app.component(key, component);
-  });
-  app.component(ColorPicker.name, ColorPicker);
-  app.component(OverlayScrollbarsComponent.__name, OverlayScrollbarsComponent);
+	setupDirectives(app);
+	app.use(components_default);
+	Object.entries(Icons).forEach(([key, component]) => {
+		app.component(key, component);
+	});
+	app.component(ColorPicker_default.name, ColorPicker_default);
+	app.component(OverlayScrollbarsComponent.__name, OverlayScrollbarsComponent);
+	app.use(gct_form_default);
+	app.use(gct_table_default);
 }
-
+//#endregion
 export { coreWebCreateAppVue };

package/es/directives/drag-resize.mjs

@@ -1,42 +1,41 @@
-const dragResizeDirective = {
-  mounted(el, binding) {
-    if (!binding.value) return false;
-    binding.instance?.$nextTick(() => {
-      const minWidth = binding.value;
-      const dragDom = el;
-      const resizeElL = document.createElement("div");
-      dragDom.appendChild(resizeElL);
-      resizeElL.style.cursor = "col-resize";
-      resizeElL.style.position = "absolute";
-      resizeElL.style.height = "100%";
-      resizeElL.style.width = "5px";
-      resizeElL.style.right = "0px";
-      resizeElL.style.top = "0px";
-      resizeElL.style.background = "rgba(255, 0, 0, 0);";
-      resizeElL.onmousedown = (e) => {
-        const elW = dragDom.clientWidth;
-        const clientX = e.clientX;
-        document.onmousemove = function(e2) {
-          e2.preventDefault();
-          const l = e2.clientX - clientX;
-          let nw = elW + l;
-          nw = nw < minWidth ? minWidth : nw;
-          dragDom.setAttribute("style", `width:${nw}px !important;`);
-          const resizeEvent = new CustomEvent("drag-resize-width", {
-            detail: { width: nw, resizing: true }
-          });
-          el.dispatchEvent(resizeEvent);
-        };
-        document.onmouseup = function() {
-          document.onmousemove = null;
-          document.onmouseup = null;
-        };
-      };
-    });
-  }
-};
+//#region src/directives/drag-resize.ts
+var dragResizeDirective = { mounted(el, binding) {
+	if (!binding.value) return false;
+	binding.instance?.$nextTick(() => {
+		const minWidth = binding.value;
+		const dragDom = el;
+		const resizeElL = document.createElement("div");
+		dragDom.appendChild(resizeElL);
+		resizeElL.style.cursor = "col-resize";
+		resizeElL.style.position = "absolute";
+		resizeElL.style.height = "100%";
+		resizeElL.style.width = "5px";
+		resizeElL.style.right = "0px";
+		resizeElL.style.top = "0px";
+		resizeElL.style.background = "rgba(255, 0, 0, 0);";
+		resizeElL.onmousedown = (e) => {
+			const elW = dragDom.clientWidth;
+			const clientX = e.clientX;
+			document.onmousemove = function(e) {
+				e.preventDefault();
+				let nw = elW + (e.clientX - clientX);
+				nw = nw < minWidth ? minWidth : nw;
+				dragDom.setAttribute("style", `width:${nw}px !important;`);
+				const resizeEvent = new CustomEvent("drag-resize-width", { detail: {
+					width: nw,
+					resizing: true
+				} });
+				el.dispatchEvent(resizeEvent);
+			};
+			document.onmouseup = function() {
+				document.onmousemove = null;
+				document.onmouseup = null;
+			};
+		};
+	});
+} };
 function setupDragResizeDirective(app) {
-  app.directive("dragResize", dragResizeDirective);
+	app.directive("dragResize", dragResizeDirective);
 }
-
+//#endregion
 export { setupDragResizeDirective };

package/es/directives/ellipsis-title.d.ts

@@ -0,0 +1,7 @@
+import { App } from 'vue';
+export declare const EllipsisTitle: {
+    mounted(el: IObject, binding: IObject): void;
+    beforeUnmount(el: IObject): void;
+};
+/**内容溢出出现title */
+export declare function setupEllipsisTitleDirective(app: App): void;

package/es/directives/ellipsis-title.mjs

@@ -0,0 +1,21 @@
+//#region src/directives/ellipsis-title.ts
+var EllipsisTitle = {
+	mounted(el, binding) {
+		el.__ellipsisHandler__ = () => {
+			const isOverflowing = el.scrollWidth > el.clientWidth || el.scrollHeight > el.clientHeight;
+			const title = binding.value;
+			if (isOverflowing) el.setAttribute("title", title);
+			else el.removeAttribute("title");
+		};
+		el.addEventListener("mouseenter", el.__ellipsisHandler__);
+	},
+	beforeUnmount(el) {
+		if (el.__ellipsisHandler__) el.removeEventListener("mouseenter", el.__ellipsisHandler__);
+	}
+};
+/**内容溢出出现title */
+function setupEllipsisTitleDirective(app) {
+	app.directive("ellipsis-title", EllipsisTitle);
+}
+//#endregion
+export { setupEllipsisTitleDirective };

package/es/directives/index.mjs

@@ -1,9 +1,17 @@
-import { setupDragResizeDirective } from './drag-resize.mjs';
-import { setupLoadingDirective } from './target-loading.mjs';
-
+import { setupDragResizeDirective } from "./drag-resize.mjs";
+import { setupEllipsisTitleDirective } from "./ellipsis-title.mjs";
+import { setupLoadingDirective } from "./target-loading.mjs";
+//#region src/directives/index.ts
+/**
+* 注册全局通用指令
+*
+* @export
+* @param {App} app
+*/
 function setupDirectives(app) {
-  setupDragResizeDirective(app);
-  setupLoadingDirective(app);
+	setupDragResizeDirective(app);
+	setupEllipsisTitleDirective(app);
+	setupLoadingDirective(app);
 }
-
+//#endregion
 export { setupDirectives };

package/es/directives/target-loading.mjs

@@ -1,40 +1,32 @@
-import '../modules/target-loading/src/target-loading.vue.mjs';
-import '../modules/target-loading/src/target-loading.css';/* empty css                                                 */
-import 'vue';
-import { createLoading } from '../modules/target-loading/src/createLoading.mjs';
-
-const loadingDirective = {
-  mounted(el, binding) {
-    const tip = el.getAttribute("loading-tip");
-    const background = el.getAttribute("loading-background");
-    const size = el.getAttribute("loading-size");
-    const fullscreen = !!binding.modifiers.fullscreen;
-    const instance = createLoading(
-      {
-        tip,
-        background,
-        size: size || "large",
-        loading: !!binding.value,
-        absolute: !fullscreen
-      },
-      fullscreen ? document.body : el
-    );
-    el.instance = instance;
-  },
-  updated(el, binding) {
-    const instance = el.instance;
-    if (!instance) return;
-    instance.setTip(el.getAttribute("loading-tip"));
-    if (binding.oldValue !== binding.value) {
-      instance.setLoading?.(binding.value && !instance.loading);
-    }
-  },
-  unmounted(el) {
-    el?.instance?.close();
-  }
+import { createLoading } from "../modules/target-loading/src/createLoading.mjs";
+import "../modules/target-loading/index.mjs";
+//#region src/directives/target-loading.ts
+var loadingDirective = {
+	mounted(el, binding) {
+		const tip = el.getAttribute("loading-tip");
+		const background = el.getAttribute("loading-background");
+		const size = el.getAttribute("loading-size");
+		const fullscreen = !!binding.modifiers.fullscreen;
+		el.instance = createLoading({
+			tip,
+			background,
+			size: size || "large",
+			loading: !!binding.value,
+			absolute: !fullscreen
+		}, fullscreen ? document.body : el);
+	},
+	updated(el, binding) {
+		const instance = el.instance;
+		if (!instance) return;
+		instance.setTip(el.getAttribute("loading-tip"));
+		if (binding.oldValue !== binding.value) instance.setLoading?.(binding.value && !instance.loading);
+	},
+	unmounted(el) {
+		el?.instance?.close();
+	}
 };
 function setupLoadingDirective(app) {
-  app.directive("target-loading", loadingDirective);
+	app.directive("target-loading", loadingDirective);
 }
-
+//#endregion
 export { setupLoadingDirective };

package/es/hooks/index.d.ts

@@ -1,3 +1,4 @@
 export { useLocale } from './useLocale';
 export { useTheme } from './useTheme';
 export { UseDragByLine } from './useDragLine';
+export { useDesign } from './useDesign';

package/es/hooks/index.mjs

@@ -0,0 +1,4 @@
+import "./useLocale.mjs";
+import "./useTheme.mjs";
+import "./useDragLine.mjs";
+import "./useDesign.mjs";

package/es/hooks/useDesign.d.ts

@@ -0,0 +1,4 @@
+export declare function useDesign(scope: string): {
+    prefixCls: string;
+    prefixVar: any;
+};

package/es/hooks/useDesign.mjs

@@ -0,0 +1,10 @@
+//#region src/hooks/useDesign.ts
+function useDesign(scope) {
+	const values = { prefixCls: "gct" };
+	return {
+		prefixCls: `${values.prefixCls}-${scope}`,
+		prefixVar: values.prefixCls
+	};
+}
+//#endregion
+export { useDesign };

package/es/hooks/useDragLine.mjs

@@ -1,78 +1,69 @@
-import { ref, reactive, computed } from 'vue';
-
+import { computed, reactive, ref } from "vue";
+//#region src/hooks/useDragLine.ts
 function UseDragByLine(startValue, rowType, config = {}) {
-  const minValue = config.minValue ?? 10;
-  const startMove = ref(startValue);
-  const dragData = reactive({
-    offset: "offsetWidth",
-    client: "clientX",
-    clientMove: 0,
-    rowType,
-    offsetWidth: 2e3
-  });
-  function moveDomDown(event, el, onMouseUp) {
-    const elRecord = el;
-    const eventRecord = event;
-    dragData.offsetWidth = elRecord[dragData.offset] ?? 0;
-    dragData.clientMove = eventRecord[dragData.client] ?? 0;
-    event.preventDefault();
-    document.onmousemove = (e) => {
-      moveHandle(
-        e[dragData.client] ?? 0
-      );
-    };
-    document.onmouseup = () => {
-      document.onmouseup = null;
-      document.onmousemove = null;
-      onMouseUp?.();
-    };
-  }
-  function moveMobileDomDown(event, el, onTouchEnd) {
-    const elRecord = el;
-    const touch = event.touches[0];
-    if (!touch) return;
-    dragData.offsetWidth = elRecord[dragData.offset] ?? 0;
-    dragData.clientMove = touch[dragData.client] ?? 0;
-    event.preventDefault();
-    document.ontouchmove = (e) => {
-      moveHandle(
-        e.touches[0][dragData.client] ?? 0
-      );
-    };
-    document.ontouchend = () => {
-      document.ontouchend = null;
-      document.ontouchmove = null;
-      onTouchEnd?.();
-    };
-  }
-  function moveHandle(clientX) {
-    const computedX = clientX - dragData.clientMove;
-    const changeWidth = transformWidth(startMove.value) + computedX;
-    startMove.value = transformWidth(changeWidth);
-    dragData.clientMove = clientX;
-  }
-  function transformWidth(width) {
-    if (dragData.rowType === "right" || dragData.rowType === "bottom") {
-      return dragData.offsetWidth - width;
-    } else {
-      return width;
-    }
-  }
-  const start = computed({
-    get() {
-      if (startMove.value < minValue) {
-        return minValue;
-      }
-      if (startMove.value > dragData.offsetWidth - minValue) {
-        return dragData.offsetWidth - minValue;
-      }
-      return startMove.value;
-    },
-    set(v) {
-      startMove.value = v;
-    }
-  });
-  return { moveDomDown, moveMobileDomDown, start };
+	const minValue = config.minValue ?? 10;
+	const startMove = ref(startValue);
+	const dragData = reactive({
+		offset: "offsetWidth",
+		client: "clientX",
+		clientMove: 0,
+		rowType,
+		offsetWidth: 2e3
+	});
+	function moveDomDown(event, el, onMouseUp) {
+		const elRecord = el;
+		const eventRecord = event;
+		dragData.offsetWidth = elRecord[dragData.offset] ?? 0;
+		dragData.clientMove = eventRecord[dragData.client] ?? 0;
+		event.preventDefault();
+		document.onmousemove = (e) => {
+			moveHandle(e[dragData.client] ?? 0);
+		};
+		document.onmouseup = () => {
+			document.onmouseup = null;
+			document.onmousemove = null;
+			onMouseUp?.();
+		};
+	}
+	function moveMobileDomDown(event, el, onTouchEnd) {
+		const elRecord = el;
+		const touch = event.touches[0];
+		if (!touch) return;
+		dragData.offsetWidth = elRecord[dragData.offset] ?? 0;
+		dragData.clientMove = touch[dragData.client] ?? 0;
+		event.preventDefault();
+		document.ontouchmove = (e) => {
+			moveHandle(e.touches[0][dragData.client] ?? 0);
+		};
+		document.ontouchend = () => {
+			document.ontouchend = null;
+			document.ontouchmove = null;
+			onTouchEnd?.();
+		};
+	}
+	function moveHandle(clientX) {
+		const computedX = clientX - dragData.clientMove;
+		startMove.value = transformWidth(transformWidth(startMove.value) + computedX);
+		dragData.clientMove = clientX;
+	}
+	function transformWidth(width) {
+		if (dragData.rowType === "right" || dragData.rowType === "bottom") return dragData.offsetWidth - width;
+		else return width;
+	}
+	return {
+		moveDomDown,
+		moveMobileDomDown,
+		start: computed({
+			get() {
+				if (startMove.value < minValue) return minValue;
+				if (startMove.value > dragData.offsetWidth - minValue) return dragData.offsetWidth - minValue;
+				return startMove.value;
+			},
+			set(v) {
+				startMove.value = v;
+			}
+		})
+	};
 }
-
+//#endregion
 export { UseDragByLine };

package/es/hooks/useLocale.mjs

@@ -1,32 +1,31 @@
-import { computed } from 'vue';
-import antdLocaleCn from 'ant-design-vue/es/locale/zh_CN';
-import antdLocaleUs from 'ant-design-vue/es/locale/en_US';
-import antdLocalePt from 'ant-design-vue/es/locale/pt_PT';
-import antdLocaleTr from 'ant-design-vue/es/locale/tr_TR';
-import antdLocaleTw from 'ant-design-vue/es/locale/zh_TW';
-import antdLocaleJp from 'ant-design-vue/es/locale/ja_JP';
-import antdLocaleVn from 'ant-design-vue/es/locale/vi_VN';
-import antdLocaleDe from 'ant-design-vue/es/locale/de_DE';
-import antdLocaleFr from 'ant-design-vue/es/locale/fr_FR';
-import antdLocaleEs from 'ant-design-vue/es/locale/es_ES';
-import antdLocaleRu from 'ant-design-vue/es/locale/ru_RU';
-
-const antdMap = {
-  "zh-CN": antdLocaleCn,
-  "en-US": antdLocaleUs,
-  "pt-PT": antdLocalePt,
-  "tr-TR": antdLocaleTr,
-  "zh-TW": antdLocaleTw,
-  "ja-JP": antdLocaleJp,
-  "vi-VN": antdLocaleVn,
-  "de-GE": antdLocaleDe,
-  "fr-FR": antdLocaleFr,
-  "es-ES": antdLocaleEs,
-  "ru-RU": antdLocaleRu
+import { computed } from "vue";
+import antdLocaleCn from "ant-design-vue/es/locale/zh_CN";
+import antdLocaleUs from "ant-design-vue/es/locale/en_US";
+import antdLocalePt from "ant-design-vue/es/locale/pt_PT";
+import antdLocaleTr from "ant-design-vue/es/locale/tr_TR";
+import antdLocaleTw from "ant-design-vue/es/locale/zh_TW";
+import antdLocaleJp from "ant-design-vue/es/locale/ja_JP";
+import antdLocaleVn from "ant-design-vue/es/locale/vi_VN";
+import antdLocaleDe from "ant-design-vue/es/locale/de_DE";
+import antdLocaleFr from "ant-design-vue/es/locale/fr_FR";
+import antdLocaleEs from "ant-design-vue/es/locale/es_ES";
+import antdLocaleRu from "ant-design-vue/es/locale/ru_RU";
+//#region src/hooks/useLocale.ts
+var antdMap = {
+	"zh-CN": antdLocaleCn,
+	"en-US": antdLocaleUs,
+	"pt-PT": antdLocalePt,
+	"tr-TR": antdLocaleTr,
+	"zh-TW": antdLocaleTw,
+	"ja-JP": antdLocaleJp,
+	"vi-VN": antdLocaleVn,
+	"de-GE": antdLocaleDe,
+	"fr-FR": antdLocaleFr,
+	"es-ES": antdLocaleEs,
+	"ru-RU": antdLocaleRu
 };
 function useLocale() {
-  const getAntdLocale = computed(() => antdMap[_gct.store.getLang]);
-  return { getAntdLocale };
+	return { getAntdLocale: computed(() => antdMap[_gct.store.getLang]) };
 }
-
+//#endregion
 export { useLocale };

package/es/hooks/useTheme.mjs

@@ -1,20 +1,16 @@
-import { reactive } from 'vue';
-import { ConfigProvider } from 'ant-design-vue';
-
-const themeVars = reactive({});
+import { reactive } from "vue";
+import { ConfigProvider } from "ant-design-vue";
+//#region src/hooks/useTheme.ts
+var themeVars = reactive({});
 function useTheme() {
-  function setPrimaryColor(color) {
-    themeVars.primaryColor = color;
-    ConfigProvider.config({
-      theme: {
-        primaryColor: color
-      }
-    });
-  }
-  return {
-    themeVars,
-    setPrimaryColor
-  };
+	function setPrimaryColor(color) {
+		themeVars.primaryColor = color;
+		ConfigProvider.config({ theme: { primaryColor: color } });
+	}
+	return {
+		themeVars,
+		setPrimaryColor
+	};
 }
-
+//#endregion
 export { useTheme };

package/es/index.d.ts

@@ -1,8 +1,11 @@
 export * from './hooks';
 export * from './utils';
 export * from './modules/code-editor';
+export * from './modules/color-picker';
 export * from './modules/formula-editor';
 export * from './modules/gct-dnd';
+export * from './modules/gct-form';
+export * from './modules/gct-table';
 export * from './modules/global-modal';
 export * from './components';
 export { coreWebCreateAppVue } from './create-app-vue';