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

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.mjs

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

package/es/hooks/useDesign.mjs

@@ -1,11 +1,10 @@
+//#region src/hooks/useDesign.ts
 function useDesign(scope) {
-  const values = { prefixCls: "gct" };
-  return {
-    // prefixCls: computed(() => `${values.prefixCls}-${scope}`),
-    prefixCls: `${values.prefixCls}-${scope}`,
-    prefixVar: values.prefixCls
-    // style,
-  };
+	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.d.ts

@@ -1,4 +1,368 @@
 import { Locale } from 'ant-design-vue/lib/locale-provider';
 export declare function useLocale(): {
-    getAntdLocale: import('vue').ComputedRef<Locale>;
+    getAntdLocale: import('vue').Ref<{
+        locale: string;
+        Pagination?: {
+            items_per_page?: string | undefined;
+            jump_to?: string | undefined;
+            jump_to_confirm?: string | undefined;
+            page?: string | undefined;
+            prev_page?: string | undefined;
+            next_page?: string | undefined;
+            prev_5?: string | undefined;
+            next_5?: string | undefined;
+            prev_3?: string | undefined;
+            next_3?: string | undefined;
+        } | undefined;
+        Table?: {
+            filterTitle?: string | undefined;
+            filterConfirm?: any;
+            filterReset?: any;
+            filterEmptyText?: any;
+            filterCheckall?: any;
+            filterSearchPlaceholder?: any;
+            emptyText?: any | (() => any);
+            selectAll?: any;
+            selectNone?: any;
+            selectInvert?: any;
+            selectionAll?: any;
+            sortTitle?: string | undefined;
+            expand?: string | undefined;
+            collapse?: string | undefined;
+            triggerDesc?: string | undefined;
+            triggerAsc?: string | undefined;
+            cancelSort?: string | undefined;
+        } | undefined;
+        Popconfirm?: Record<string, any> | undefined;
+        Form?: {
+            optional?: string | undefined;
+            defaultValidateMessages: {
+                default?: (string | (() => string)) | undefined;
+                required?: (string | (() => string)) | undefined;
+                enum?: (string | (() => string)) | undefined;
+                whitespace?: (string | (() => string)) | undefined;
+                date?: {
+                    format?: (string | (() => string)) | undefined;
+                    parse?: (string | (() => string)) | undefined;
+                    invalid?: (string | (() => string)) | undefined;
+                } | undefined;
+                types?: {
+                    string?: (string | (() => string)) | undefined;
+                    method?: (string | (() => string)) | undefined;
+                    array?: (string | (() => string)) | undefined;
+                    object?: (string | (() => string)) | undefined;
+                    number?: (string | (() => string)) | undefined;
+                    date?: (string | (() => string)) | undefined;
+                    boolean?: (string | (() => string)) | undefined;
+                    integer?: (string | (() => string)) | undefined;
+                    float?: (string | (() => string)) | undefined;
+                    regexp?: (string | (() => string)) | undefined;
+                    email?: (string | (() => string)) | undefined;
+                    url?: (string | (() => string)) | undefined;
+                    hex?: (string | (() => string)) | undefined;
+                } | undefined;
+                string?: {
+                    len?: (string | (() => string)) | undefined;
+                    min?: (string | (() => string)) | undefined;
+                    max?: (string | (() => string)) | undefined;
+                    range?: (string | (() => string)) | undefined;
+                } | undefined;
+                number?: {
+                    len?: (string | (() => string)) | undefined;
+                    min?: (string | (() => string)) | undefined;
+                    max?: (string | (() => string)) | undefined;
+                    range?: (string | (() => string)) | undefined;
+                } | undefined;
+                array?: {
+                    len?: (string | (() => string)) | undefined;
+                    min?: (string | (() => string)) | undefined;
+                    max?: (string | (() => string)) | undefined;
+                    range?: (string | (() => string)) | undefined;
+                } | undefined;
+                pattern?: {
+                    mismatch?: (string | (() => string)) | undefined;
+                } | undefined;
+            };
+        } | undefined;
+        Image?: {
+            preview: string;
+        } | undefined;
+        DatePicker?: {
+            lang: {
+                locale: string;
+                monthBeforeYear?: boolean | undefined;
+                yearFormat: string;
+                monthFormat?: string | undefined;
+                quarterFormat?: string | undefined;
+                today: string;
+                now: string;
+                backToToday: string;
+                ok: string;
+                timeSelect: string;
+                dateSelect: string;
+                weekSelect?: string | undefined;
+                clear: string;
+                month: string;
+                year: string;
+                previousMonth: string;
+                nextMonth: string;
+                monthSelect: string;
+                yearSelect: string;
+                decadeSelect: string;
+                dayFormat: string;
+                dateFormat: string;
+                dateTimeFormat: string;
+                previousYear: string;
+                nextYear: string;
+                previousDecade: string;
+                nextDecade: string;
+                previousCentury: string;
+                nextCentury: string;
+                shortWeekDays?: string[] | undefined;
+                shortMonths?: string[] | undefined;
+                placeholder: string;
+                yearPlaceholder?: string | undefined;
+                quarterPlaceholder?: string | undefined;
+                monthPlaceholder?: string | undefined;
+                weekPlaceholder?: string | undefined;
+                rangeYearPlaceholder?: [string, string] | undefined;
+                rangeQuarterPlaceholder?: [string, string] | undefined;
+                rangeMonthPlaceholder?: [string, string] | undefined;
+                rangeWeekPlaceholder?: [string, string] | undefined;
+                rangePlaceholder?: [string, string] | undefined;
+            };
+            timePickerLocale: {
+                placeholder?: string | undefined;
+                rangePlaceholder?: [string, string] | undefined;
+            };
+            dateFormat?: string | undefined;
+            dateTimeFormat?: string | undefined;
+            weekFormat?: string | undefined;
+            monthFormat?: string | undefined;
+        } | undefined;
+        TimePicker?: Record<string, any> | undefined;
+        Calendar?: Record<string, any> | undefined;
+        Modal?: {
+            okText: string;
+            cancelText: string;
+            justOkText: string;
+        } | undefined;
+        Transfer?: {
+            titles?: any;
+            notFoundContent?: import('ant-design-vue/lib/_util/type').VueNode;
+            searchPlaceholder?: string | undefined;
+            itemUnit?: string | undefined;
+            itemsUnit?: string | undefined;
+            remove?: string | undefined;
+            selectAll?: string | undefined;
+            selectCurrent?: string | undefined;
+            selectInvert?: string | undefined;
+            removeAll?: string | undefined;
+            removeCurrent?: string | undefined;
+        } | undefined;
+        Select?: Record<string, any> | undefined;
+        Upload?: {
+            uploading?: string | undefined;
+            removeFile?: string | undefined;
+            downloadFile?: string | undefined;
+            uploadError?: string | undefined;
+            previewFile?: string | undefined;
+        } | undefined;
+        Empty?: {
+            description: string;
+        } | undefined;
+        global?: Record<string, any> | undefined;
+        PageHeader?: {
+            back: string;
+        } | undefined;
+        Icon?: Record<string, any> | undefined;
+        Text?: {
+            edit?: any;
+            copy?: any;
+            copied?: any;
+            expand?: any;
+        } | undefined;
+    }, Locale | {
+        locale: string;
+        Pagination?: {
+            items_per_page?: string | undefined;
+            jump_to?: string | undefined;
+            jump_to_confirm?: string | undefined;
+            page?: string | undefined;
+            prev_page?: string | undefined;
+            next_page?: string | undefined;
+            prev_5?: string | undefined;
+            next_5?: string | undefined;
+            prev_3?: string | undefined;
+            next_3?: string | undefined;
+        } | undefined;
+        Table?: {
+            filterTitle?: string | undefined;
+            filterConfirm?: any;
+            filterReset?: any;
+            filterEmptyText?: any;
+            filterCheckall?: any;
+            filterSearchPlaceholder?: any;
+            emptyText?: any | (() => any);
+            selectAll?: any;
+            selectNone?: any;
+            selectInvert?: any;
+            selectionAll?: any;
+            sortTitle?: string | undefined;
+            expand?: string | undefined;
+            collapse?: string | undefined;
+            triggerDesc?: string | undefined;
+            triggerAsc?: string | undefined;
+            cancelSort?: string | undefined;
+        } | undefined;
+        Popconfirm?: Record<string, any> | undefined;
+        Form?: {
+            optional?: string | undefined;
+            defaultValidateMessages: {
+                default?: (string | (() => string)) | undefined;
+                required?: (string | (() => string)) | undefined;
+                enum?: (string | (() => string)) | undefined;
+                whitespace?: (string | (() => string)) | undefined;
+                date?: {
+                    format?: (string | (() => string)) | undefined;
+                    parse?: (string | (() => string)) | undefined;
+                    invalid?: (string | (() => string)) | undefined;
+                } | undefined;
+                types?: {
+                    string?: (string | (() => string)) | undefined;
+                    method?: (string | (() => string)) | undefined;
+                    array?: (string | (() => string)) | undefined;
+                    object?: (string | (() => string)) | undefined;
+                    number?: (string | (() => string)) | undefined;
+                    date?: (string | (() => string)) | undefined;
+                    boolean?: (string | (() => string)) | undefined;
+                    integer?: (string | (() => string)) | undefined;
+                    float?: (string | (() => string)) | undefined;
+                    regexp?: (string | (() => string)) | undefined;
+                    email?: (string | (() => string)) | undefined;
+                    url?: (string | (() => string)) | undefined;
+                    hex?: (string | (() => string)) | undefined;
+                } | undefined;
+                string?: {
+                    len?: (string | (() => string)) | undefined;
+                    min?: (string | (() => string)) | undefined;
+                    max?: (string | (() => string)) | undefined;
+                    range?: (string | (() => string)) | undefined;
+                } | undefined;
+                number?: {
+                    len?: (string | (() => string)) | undefined;
+                    min?: (string | (() => string)) | undefined;
+                    max?: (string | (() => string)) | undefined;
+                    range?: (string | (() => string)) | undefined;
+                } | undefined;
+                array?: {
+                    len?: (string | (() => string)) | undefined;
+                    min?: (string | (() => string)) | undefined;
+                    max?: (string | (() => string)) | undefined;
+                    range?: (string | (() => string)) | undefined;
+                } | undefined;
+                pattern?: {
+                    mismatch?: (string | (() => string)) | undefined;
+                } | undefined;
+            };
+        } | undefined;
+        Image?: {
+            preview: string;
+        } | undefined;
+        DatePicker?: {
+            lang: {
+                locale: string;
+                monthBeforeYear?: boolean | undefined;
+                yearFormat: string;
+                monthFormat?: string | undefined;
+                quarterFormat?: string | undefined;
+                today: string;
+                now: string;
+                backToToday: string;
+                ok: string;
+                timeSelect: string;
+                dateSelect: string;
+                weekSelect?: string | undefined;
+                clear: string;
+                month: string;
+                year: string;
+                previousMonth: string;
+                nextMonth: string;
+                monthSelect: string;
+                yearSelect: string;
+                decadeSelect: string;
+                dayFormat: string;
+                dateFormat: string;
+                dateTimeFormat: string;
+                previousYear: string;
+                nextYear: string;
+                previousDecade: string;
+                nextDecade: string;
+                previousCentury: string;
+                nextCentury: string;
+                shortWeekDays?: string[] | undefined;
+                shortMonths?: string[] | undefined;
+                placeholder: string;
+                yearPlaceholder?: string | undefined;
+                quarterPlaceholder?: string | undefined;
+                monthPlaceholder?: string | undefined;
+                weekPlaceholder?: string | undefined;
+                rangeYearPlaceholder?: [string, string] | undefined;
+                rangeQuarterPlaceholder?: [string, string] | undefined;
+                rangeMonthPlaceholder?: [string, string] | undefined;
+                rangeWeekPlaceholder?: [string, string] | undefined;
+                rangePlaceholder?: [string, string] | undefined;
+            };
+            timePickerLocale: {
+                placeholder?: string | undefined;
+                rangePlaceholder?: [string, string] | undefined;
+            };
+            dateFormat?: string | undefined;
+            dateTimeFormat?: string | undefined;
+            weekFormat?: string | undefined;
+            monthFormat?: string | undefined;
+        } | undefined;
+        TimePicker?: Record<string, any> | undefined;
+        Calendar?: Record<string, any> | undefined;
+        Modal?: {
+            okText: string;
+            cancelText: string;
+            justOkText: string;
+        } | undefined;
+        Transfer?: {
+            titles?: any;
+            notFoundContent?: import('ant-design-vue/lib/_util/type').VueNode;
+            searchPlaceholder?: string | undefined;
+            itemUnit?: string | undefined;
+            itemsUnit?: string | undefined;
+            remove?: string | undefined;
+            selectAll?: string | undefined;
+            selectCurrent?: string | undefined;
+            selectInvert?: string | undefined;
+            removeAll?: string | undefined;
+            removeCurrent?: string | undefined;
+        } | undefined;
+        Select?: Record<string, any> | undefined;
+        Upload?: {
+            uploading?: string | undefined;
+            removeFile?: string | undefined;
+            downloadFile?: string | undefined;
+            uploadError?: string | undefined;
+            previewFile?: string | undefined;
+        } | undefined;
+        Empty?: {
+            description: string;
+        } | undefined;
+        global?: Record<string, any> | undefined;
+        PageHeader?: {
+            back: string;
+        } | undefined;
+        Icon?: Record<string, any> | undefined;
+        Text?: {
+            edit?: any;
+            copy?: any;
+            copied?: any;
+            expand?: any;
+        } | undefined;
+    }>;
 };

package/es/hooks/useLocale.mjs

@@ -1,32 +1,27 @@
-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 { ref } from "vue";
+//#region src/hooks/useLocale.ts
+var antdMap = {
+	"zh-CN": () => import("ant-design-vue/es/locale/zh_CN"),
+	"en-US": () => import("ant-design-vue/es/locale/en_US"),
+	"pt-PT": () => import("ant-design-vue/es/locale/pt_PT"),
+	"tr-TR": () => import("ant-design-vue/es/locale/tr_TR"),
+	"zh-TW": () => import("ant-design-vue/es/locale/zh_TW"),
+	"ja-JP": () => import("ant-design-vue/es/locale/ja_JP"),
+	"vi-VN": () => import("ant-design-vue/es/locale/vi_VN"),
+	"de-GE": () => import("ant-design-vue/es/locale/de_DE"),
+	"fr-FR": () => import("ant-design-vue/es/locale/fr_FR"),
+	"es-ES": () => import("ant-design-vue/es/locale/es_ES"),
+	"ru-RU": () => import("ant-design-vue/es/locale/ru_RU")
 };
+var getAntdLocale = ref({ locale: "" });
 function useLocale() {
-  const getAntdLocale = computed(() => antdMap[_gct.store.getLang]);
-  return { getAntdLocale };
+	if (getAntdLocale.value.locale !== _gct.i18n.global.locale) {
+		const loadLocale = antdMap[_gct.i18n.global.locale];
+		if (loadLocale) loadLocale().then((module) => {
+			getAntdLocale.value = module.default;
+		});
+	}
+	return { getAntdLocale };
 }
-
+//#endregion
 export { useLocale };