giime 0.4.0 → 0.4.2

package/lib/hooks/base/useRectSelect/index.d.ts

@@ -0,0 +1,14 @@
+/**
+ * 方块框选 选择器
+ * @param maskBoxRef
+ * @param options
+ * @returns
+ */
+export declare const useRectSelect: (options?: {
+    notSelectClass?: string;
+}) => {
+    mousedown: (e: MouseEvent) => boolean;
+    mousemove: (e: MouseEvent) => boolean;
+    mouseup: (e: MouseEvent) => boolean;
+    isElementInSelection: (element: HTMLElement) => boolean;
+};

package/lib/hooks/base/useRectSelect/index.js

@@ -0,0 +1,68 @@
+'use strict';
+
+var vue = require('vue');
+var store = require('../../../components/src/base/rectSelect/store.js');
+
+const useRectSelect = (options) => {
+  const rectSelectStore = store.useRectSelectStore();
+  const startPoint = vue.ref({ x: 0, y: 0 });
+  const mousedown = (e) => {
+    const target = e.target;
+    if (options?.notSelectClass && target.classList.contains(options?.notSelectClass)) {
+      return false;
+    }
+    rectSelectStore.isShow = true;
+    startPoint.value.x = e.clientX;
+    startPoint.value.y = e.clientY;
+    rectSelectStore.selectStyle = {
+      width: 0,
+      height: 0,
+      top: `${startPoint.value.y}px`,
+      left: `${startPoint.value.x}px`
+    };
+    return true;
+  };
+  const isElementInSelection = (element) => {
+    const rect = element.getBoundingClientRect();
+    const boxRect = rectSelectStore.rectSelectRef?.getBoundingClientRect();
+    if (!boxRect) {
+      return false;
+    }
+    return boxRect.left <= rect.right && boxRect.right >= rect.left && boxRect.top <= rect.bottom && boxRect.bottom >= rect.top;
+  };
+  const mousemove = (e) => {
+    if (!rectSelectStore.isShow) {
+      return false;
+    }
+    const currentX = e.clientX;
+    const currentY = e.clientY;
+    const width = Math.abs(currentX - startPoint.value.x);
+    const height = Math.abs(currentY - startPoint.value.y);
+    const newX = currentX < startPoint.value.x ? currentX : startPoint.value.x;
+    const newY = currentY < startPoint.value.y ? currentY : startPoint.value.y;
+    rectSelectStore.selectStyle.width = `${width}px`;
+    rectSelectStore.selectStyle.height = `${height}px`;
+    rectSelectStore.selectStyle.top = `${newY}px`;
+    rectSelectStore.selectStyle.left = `${newX}px`;
+    return true;
+  };
+  const mouseup = (e) => {
+    rectSelectStore.isShow = false;
+    rectSelectStore.selectStyle = {
+      width: 0,
+      height: 0,
+      top: 0,
+      left: 0
+    };
+    return true;
+  };
+  return {
+    mousedown,
+    mousemove,
+    mouseup,
+    isElementInSelection
+  };
+};
+
+exports.useRectSelect = useRectSelect;
+//# sourceMappingURL=index.js.map

package/lib/hooks/base/useRectSelect/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../packages/hooks/base/useRectSelect/index.ts"],"sourcesContent":["import { ref } from 'vue';\r\nimport { useRectSelectStore } from '@giime/components/src/base/rectSelect/store';\r\n\r\n/**\r\n * 方块框选 选择器\r\n * @param maskBoxRef\r\n * @param options\r\n * @returns\r\n */\r\nexport const useRectSelect = (options?: { notSelectClass?: string }) => {\r\n  const rectSelectStore = useRectSelectStore();\r\n\r\n  // mark开始的点\r\n  const startPoint = ref<{ x: number; y: number }>({ x: 0, y: 0 });\r\n  // 鼠标按下\r\n  const mousedown = (e: MouseEvent) => {\r\n    const target = e.target as HTMLDivElement;\r\n    // 包含不能选择的模块\r\n    if (options?.notSelectClass && target.classList.contains(options?.notSelectClass)) {\r\n      return false;\r\n    }\r\n    rectSelectStore.isShow = true;\r\n    // 记录起始位置\r\n    startPoint.value.x = e.clientX;\r\n    startPoint.value.y = e.clientY;\r\n    rectSelectStore.selectStyle = {\r\n      width: 0,\r\n      height: 0,\r\n      top: `${startPoint.value.y}px`,\r\n      left: `${startPoint.value.x}px`,\r\n    };\r\n    return true;\r\n  };\r\n  // 元素在选择器中\r\n  const isElementInSelection = (element: HTMLElement) => {\r\n    // 检测元素是否在选择框内\r\n    const rect = element.getBoundingClientRect();\r\n    // const boxRect = box.getBoundingClientRect();\r\n    const boxRect: DOMRect | undefined = rectSelectStore.rectSelectRef?.getBoundingClientRect();\r\n\r\n    if (!boxRect) {\r\n      return false;\r\n    }\r\n    return boxRect.left <= rect.right && boxRect.right >= rect.left && boxRect.top <= rect.bottom && boxRect.bottom >= rect.top;\r\n  };\r\n  // 鼠标移动\r\n  const mousemove = (e: MouseEvent) => {\r\n    if (!rectSelectStore.isShow) {\r\n      return false;\r\n    }\r\n\r\n    // 更新选择框的大小和位置\r\n    const currentX = e.clientX;\r\n    const currentY = e.clientY;\r\n    const width = Math.abs(currentX - startPoint.value.x);\r\n    const height = Math.abs(currentY - startPoint.value.y);\r\n    const newX = currentX < startPoint.value.x ? currentX : startPoint.value.x;\r\n    const newY = currentY < startPoint.value.y ? currentY : startPoint.value.y;\r\n    rectSelectStore.selectStyle.width = `${width}px`;\r\n    rectSelectStore.selectStyle.height = `${height}px`;\r\n    rectSelectStore.selectStyle.top = `${newY}px`;\r\n    rectSelectStore.selectStyle.left = `${newX}px`;\r\n    return true;\r\n  };\r\n  /**鼠标抬起 */\r\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n  const mouseup = (e: MouseEvent) => {\r\n    // 隐藏框\r\n    rectSelectStore.isShow = false;\r\n    // 重置样式\r\n    rectSelectStore.selectStyle = {\r\n      width: 0,\r\n      height: 0,\r\n      top: 0,\r\n      left: 0,\r\n    };\r\n    return true;\r\n  };\r\n  return {\r\n    mousedown,\r\n    mousemove,\r\n    mouseup,\r\n    isElementInSelection,\r\n  };\r\n};\r\n"],"names":["useRectSelectStore","ref"],"mappings":"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"}

package/lib/hooks/index.js

@@ -7,23 +7,24 @@ var index$1 = require('./base/useIDBKeyval/index.js');
 var index$2 = require('./base/useDownload/index.js');
 var index$3 = require('./base/useLoading/index.js');
 var index$4 = require('./base/useTimeout/index.js');
-var index$5 = require('./store/useLangList/index.js');
-var index$6 = require('./store/useLogin/index.js');
-var index$7 = require('./store/useCustomSettings/index.js');
-var index$8 = require('./store/useLineList/index.js');
-var index$9 = require('./store/usePlatformLineList/index.js');
-var index$a = require('./store/useOrgUserList/index.js');
-var index$b = require('./store/useAliCategoryList/index.js');
-var index$c = require('./store/useCompanyCategoryList/index.js');
-var index$d = require('./store/useRepiteFilter/index.js');
-var index$e = require('./store/common/useCurrencyList/index.js');
-var index$f = require('./store/common/useCountryList/index.js');
-var index$g = require('./store/common/useSystemList/index.js');
-var index$h = require('./store/userCenter/useOrgList/index.js');
-var index$i = require('./store/userCenter/useAreaList/index.js');
-var index$j = require('./store/userCenter/useRoleList/index.js');
-var index$k = require('./store/userCenter/useOrgTreeList/index.js');
-var index$l = require('./store/usePlatformList/index.js');
+var index$5 = require('./base/useRectSelect/index.js');
+var index$6 = require('./store/useLangList/index.js');
+var index$7 = require('./store/useLogin/index.js');
+var index$8 = require('./store/useCustomSettings/index.js');
+var index$9 = require('./store/useLineList/index.js');
+var index$a = require('./store/usePlatformLineList/index.js');
+var index$b = require('./store/useOrgUserList/index.js');
+var index$c = require('./store/useAliCategoryList/index.js');
+var index$d = require('./store/useCompanyCategoryList/index.js');
+var index$e = require('./store/useRepiteFilter/index.js');
+var index$f = require('./store/common/useCurrencyList/index.js');
+var index$g = require('./store/common/useCountryList/index.js');
+var index$h = require('./store/common/useSystemList/index.js');
+var index$i = require('./store/userCenter/useOrgList/index.js');
+var index$j = require('./store/userCenter/useAreaList/index.js');
+var index$k = require('./store/userCenter/useRoleList/index.js');
+var index$l = require('./store/userCenter/useOrgTreeList/index.js');
+var index$m = require('./store/usePlatformList/index.js');
 
 
 
@@ -32,21 +33,22 @@ exports.useIDBKeyval = index$1.useIDBKeyval;
 exports.useDownload = index$2.useDownload;
 exports.useLoading = index$3.useLoading;
 exports.useTimeoutPromise = index$4.useTimeoutPromise;
-exports.useLangListStore = index$5.useLangListStore;
-exports.useLoginStore = index$6.useLoginStore;
-exports.useCustomSettingsStore = index$7.useCustomSettingsStore;
-exports.useLineListStore = index$8.useLineListStore;
-exports.usePlatformLineListStore = index$9.usePlatformLineListStore;
-exports.useOrgUserListStore = index$a.useOrgUserListStore;
-exports.useAliCategoryListStore = index$b.useAliCategoryListStore;
-exports.useCompanyCategoryListStore = index$c.useCompanyCategoryListStore;
-exports.useRepiteFilterStore = index$d.useRepiteFilterStore;
-exports.useCurrencyListStore = index$e.useCurrencyListStore;
-exports.useCountryListStore = index$f.useCountryListStore;
-exports.useSystemListStore = index$g.useSystemListStore;
-exports.useOrgListStore = index$h.useOrgListStore;
-exports.useAreaListStore = index$i.useAreaListStore;
-exports.useRoleListStore = index$j.useRoleListStore;
-exports.useOrgTreeListStore = index$k.useOrgTreeListStore;
-exports.usePlatformListStore = index$l.usePlatformListStore;
+exports.useRectSelect = index$5.useRectSelect;
+exports.useLangListStore = index$6.useLangListStore;
+exports.useLoginStore = index$7.useLoginStore;
+exports.useCustomSettingsStore = index$8.useCustomSettingsStore;
+exports.useLineListStore = index$9.useLineListStore;
+exports.usePlatformLineListStore = index$a.usePlatformLineListStore;
+exports.useOrgUserListStore = index$b.useOrgUserListStore;
+exports.useAliCategoryListStore = index$c.useAliCategoryListStore;
+exports.useCompanyCategoryListStore = index$d.useCompanyCategoryListStore;
+exports.useRepiteFilterStore = index$e.useRepiteFilterStore;
+exports.useCurrencyListStore = index$f.useCurrencyListStore;
+exports.useCountryListStore = index$g.useCountryListStore;
+exports.useSystemListStore = index$h.useSystemListStore;
+exports.useOrgListStore = index$i.useOrgListStore;
+exports.useAreaListStore = index$j.useAreaListStore;
+exports.useRoleListStore = index$k.useRoleListStore;
+exports.useOrgTreeListStore = index$l.useOrgTreeListStore;
+exports.usePlatformListStore = index$m.usePlatformListStore;
 //# sourceMappingURL=index.js.map

package/lib/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/hooks/store/useLangList/index.d.ts

@@ -4,13 +4,19 @@ import type { GetV1BasicGetLangListResultData } from '../../../api';
 export declare const useLangListStore: import("pinia").StoreDefinition<"gmLangList", import("pinia")._UnwrapAll<Pick<{
     langList: import("@vueuse/shared").RemovableRef<GetV1BasicGetLangListResultData[]>;
     isLoading: import("vue").Ref<boolean>;
+    isFinished: import("vue").Ref<boolean>;
     getLangList: () => Promise<void>;
-}, "langList" | "isLoading">>, Pick<{
+    getDataFinally: () => Promise<unknown>;
+}, "isFinished" | "isLoading" | "langList">>, Pick<{
     langList: import("@vueuse/shared").RemovableRef<GetV1BasicGetLangListResultData[]>;
     isLoading: import("vue").Ref<boolean>;
+    isFinished: import("vue").Ref<boolean>;
     getLangList: () => Promise<void>;
+    getDataFinally: () => Promise<unknown>;
 }, never>, Pick<{
     langList: import("@vueuse/shared").RemovableRef<GetV1BasicGetLangListResultData[]>;
     isLoading: import("vue").Ref<boolean>;
+    isFinished: import("vue").Ref<boolean>;
     getLangList: () => Promise<void>;
-}, "getLangList">>;
+    getDataFinally: () => Promise<unknown>;
+}, "getDataFinally" | "getLangList">>;

package/lib/hooks/store/useLangList/index.js

@@ -4,31 +4,23 @@ var vue = require('vue');
 var pinia = require('pinia');
 require('../../../api/index.js');
 var core = require('@vueuse/core');
+require('../../index.js');
+var index = require('../../base/useLoading/index.js');
 var getV1BasicGetLangList = require('../../../api/gstore/controller/JiChuXinXi/getV1BasicGetLangList.js');
 
 const useLangListStore = pinia.defineStore("gmLangList", () => {
   const langList = core.useSessionStorage("gmLangList", [], { listenToStorageChanges: false });
-  const isLoading = vue.ref(false);
+  const { isLoading, exec: getLangListExec, getDataFinally } = index.useLoading(getV1BasicGetLangList.getV1BasicGetLangList);
+  const isFinished = vue.ref(false);
   const getLangList = async () => {
-    if (langList.value.length !== 0) {
-      isLoading.value = false;
+    if (langList.value.length !== 0 || isLoading.value) {
       return;
     }
-    if (isLoading.value) {
+    const { data } = await getLangListExec();
+    if (data.code !== 200) {
       return;
     }
-    try {
-      isLoading.value = true;
-      const { data } = await getV1BasicGetLangList.getV1BasicGetLangList();
-      isLoading.value = false;
-      if (data.code !== 200) {
-        return;
-      }
-      langList.value = data.data;
-    } catch (e) {
-      console.error(e);
-      isLoading.value = false;
-    }
+    langList.value = data.data;
   };
   vue.onMounted(() => {
     getLangList();
@@ -36,7 +28,9 @@ const useLangListStore = pinia.defineStore("gmLangList", () => {
   return {
     langList,
     isLoading,
-    getLangList
+    isFinished,
+    getLangList,
+    getDataFinally
   };
 });
 

package/lib/hooks/store/useLangList/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../packages/hooks/store/useLangList/index.ts"],"sourcesContent":["import { onMounted, ref } from 'vue';\r\nimport { defineStore } from 'pinia';\r\nimport { getV1BasicGetLangList } from '@giime/api';\r\nimport { useSessionStorage } from '@vueuse/core';\r\nimport type { GetV1BasicGetLangListResultData } from '@giime/api';\r\n// import type { GetV1BasicGetLangListResultData } from '@/api/gstore/controller';\r\n// import { getV1BasicGetLangList } from '@/api/gstore/controller';\r\n\r\n/**语种列表 */\r\nexport const useLangListStore = defineStore('gmLangList', () => {\r\n  // const langList = ref<GetV1BasicGetLangListResultData[]>([]);\r\n  const langList = useSessionStorage<GetV1BasicGetLangListResultData[]>('gmLangList', [], { listenToStorageChanges: false });\r\n\r\n  const isLoading = ref(false);\r\n  const getLangList = async () => {\r\n    if (langList.value.length !== 0) {\r\n      isLoading.value = false;\r\n      return;\r\n    }\r\n    if (isLoading.value) {\r\n      return;\r\n    }\r\n    try {\r\n      isLoading.value = true;\r\n      const { data } = await getV1BasicGetLangList();\r\n      isLoading.value = false;\r\n      if (data.code !== 200) {\r\n        return;\r\n      }\r\n      langList.value = data.data;\r\n    } catch (e) {\r\n      console.error(e);\r\n      isLoading.value = false;\r\n    }\r\n  };\r\n  onMounted(() => {\r\n    getLangList();\r\n  });\r\n  return {\r\n    langList,\r\n    isLoading,\r\n    getLangList,\r\n  };\r\n});\r\n"],"names":["defineStore","useSessionStorage","ref","getV1BasicGetLangList","onMounted"],"mappings":";;;;;;;;AASa,MAAA,gBAAA,GAAmBA,iBAAY,CAAA,YAAA,EAAc,MAAM;AAE9D,EAAM,MAAA,QAAA,GAAWC,uBAAqD,YAAc,EAAA,IAAI,EAAE,sBAAA,EAAwB,OAAO,CAAA,CAAA;AAEzH,EAAM,MAAA,SAAA,GAAYC,QAAI,KAAK,CAAA,CAAA;AAC3B,EAAA,MAAM,cAAc,YAAY;AAC9B,IAAI,IAAA,QAAA,CAAS,KAAM,CAAA,MAAA,KAAW,CAAG,EAAA;AAC/B,MAAA,SAAA,CAAU,KAAQ,GAAA,KAAA,CAAA;AAClB,MAAA,OAAA;AAAA,KACF;AACA,IAAA,IAAI,UAAU,KAAO,EAAA;AACnB,MAAA,OAAA;AAAA,KACF;AACA,IAAI,IAAA;AACF,MAAA,SAAA,CAAU,KAAQ,GAAA,IAAA,CAAA;AAClB,MAAA,MAAM,EAAE,IAAA,EAAS,GAAA,MAAMC,2CAAsB,EAAA,CAAA;AAC7C,MAAA,SAAA,CAAU,KAAQ,GAAA,KAAA,CAAA;AAClB,MAAI,IAAA,IAAA,CAAK,SAAS,GAAK,EAAA;AACrB,QAAA,OAAA;AAAA,OACF;AACA,MAAA,QAAA,CAAS,QAAQ,IAAK,CAAA,IAAA,CAAA;AAAA,aACf,CAAG,EAAA;AACV,MAAA,OAAA,CAAQ,MAAM,CAAC,CAAA,CAAA;AACf,MAAA,SAAA,CAAU,KAAQ,GAAA,KAAA,CAAA;AAAA,KACpB;AAAA,GACF,CAAA;AACA,EAAAC,aAAA,CAAU,MAAM;AACd,IAAY,WAAA,EAAA,CAAA;AAAA,GACb,CAAA,CAAA;AACD,EAAO,OAAA;AAAA,IACL,QAAA;AAAA,IACA,SAAA;AAAA,IACA,WAAA;AAAA,GACF,CAAA;AACF,CAAC;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../../packages/hooks/store/useLangList/index.ts"],"sourcesContent":["import { onMounted, ref } from 'vue';\r\nimport { defineStore } from 'pinia';\r\nimport { getV1BasicGetLangList } from '@giime/api';\r\nimport { useSessionStorage } from '@vueuse/core';\r\nimport { useLoading } from '@giime/hooks';\r\nimport type { GetV1BasicGetLangListResultData } from '@giime/api';\r\n\r\n/**语种列表 */\r\nexport const useLangListStore = defineStore('gmLangList', () => {\r\n  // const langList = ref<GetV1BasicGetLangListResultData[]>([]);\r\n  const langList = useSessionStorage<GetV1BasicGetLangListResultData[]>('gmLangList', [], { listenToStorageChanges: false });\r\n\r\n  const { isLoading, exec: getLangListExec, getDataFinally } = useLoading(getV1BasicGetLangList);\r\n  const isFinished = ref(false);\r\n\r\n  const getLangList = async () => {\r\n    if (langList.value.length !== 0 || isLoading.value) {\r\n      return;\r\n    }\r\n    const { data } = await getLangListExec();\r\n    if (data.code !== 200) {\r\n      return;\r\n    }\r\n    langList.value = data.data;\r\n  };\r\n  onMounted(() => {\r\n    getLangList();\r\n  });\r\n  return {\r\n    langList,\r\n    isLoading,\r\n    isFinished,\r\n    getLangList,\r\n    getDataFinally,\r\n  };\r\n});\r\n"],"names":["defineStore","useSessionStorage","useLoading","getV1BasicGetLangList","ref","onMounted"],"mappings":";;;;;;;;;;AAQa,MAAA,gBAAA,GAAmBA,iBAAY,CAAA,YAAA,EAAc,MAAM;AAE9D,EAAM,MAAA,QAAA,GAAWC,uBAAqD,YAAc,EAAA,IAAI,EAAE,sBAAA,EAAwB,OAAO,CAAA,CAAA;AAEzH,EAAA,MAAM,EAAE,SAAW,EAAA,IAAA,EAAM,iBAAiB,cAAe,EAAA,GAAIC,iBAAWC,2CAAqB,CAAA,CAAA;AAC7F,EAAM,MAAA,UAAA,GAAaC,QAAI,KAAK,CAAA,CAAA;AAE5B,EAAA,MAAM,cAAc,YAAY;AAC9B,IAAA,IAAI,QAAS,CAAA,KAAA,CAAM,MAAW,KAAA,CAAA,IAAK,UAAU,KAAO,EAAA;AAClD,MAAA,OAAA;AAAA,KACF;AACA,IAAA,MAAM,EAAE,IAAA,EAAS,GAAA,MAAM,eAAgB,EAAA,CAAA;AACvC,IAAI,IAAA,IAAA,CAAK,SAAS,GAAK,EAAA;AACrB,MAAA,OAAA;AAAA,KACF;AACA,IAAA,QAAA,CAAS,QAAQ,IAAK,CAAA,IAAA,CAAA;AAAA,GACxB,CAAA;AACA,EAAAC,aAAA,CAAU,MAAM;AACd,IAAY,WAAA,EAAA,CAAA;AAAA,GACb,CAAA,CAAA;AACD,EAAO,OAAA;AAAA,IACL,QAAA;AAAA,IACA,SAAA;AAAA,IACA,UAAA;AAAA,IACA,WAAA;AAAA,IACA,cAAA;AAAA,GACF,CAAA;AACF,CAAC;;;;"}

package/lib/index.css

@@ -493,15 +493,15 @@ video {
   --tw-backdrop-saturate:  ;
   --tw-backdrop-sepia:  ;
 }
-.gm-text-title {
-  font-size: var(--gm-text-title);
-  line-height: var(--gm-leading-title);
-  color: var(--gm-text-color-title);
-  font-weight: 700;
+.gm-pointer-events-none {
+  pointer-events: none;
 }
 .gm-collapse {
   visibility: collapse;
 }
+.gm-fixed {
+  position: fixed;
+}
 .gm-absolute {
   position: absolute;
 }
@@ -668,6 +668,10 @@ video {
 .gm-border {
   border-width: 1px;
 }
+.gm-border-blue-500 {
+  --tw-border-opacity: 1;
+  border-color: rgb(59 130 246 / var(--tw-border-opacity));
+}
 .gm-border-cyan-300 {
   --tw-border-opacity: 1;
   border-color: rgb(103 232 249 / var(--tw-border-opacity));
@@ -676,10 +680,17 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(245 245 245 / var(--tw-bg-opacity));
 }
+.gm-bg-blue-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(147 197 253 / var(--tw-bg-opacity));
+}
 .gm-bg-cyan-50 {
   --tw-bg-opacity: 1;
   background-color: rgb(236 254 255 / var(--tw-bg-opacity));
 }
+.gm-bg-opacity-50 {
+  --tw-bg-opacity: 0.5;
+}
 .gm-stroke-2 {
   stroke-width: 2;
 }
@@ -762,11 +773,6 @@ video {
 .gm-group:hover .group-hover\:gm-block {
   display: block;
 }
-
-.gm-range-number .el-form-item[data-v-11c39847] {
-  margin: 0;
-}
-
 .gm-flex-center[data-v-2a79bac9] {
   align-items: center;
 }
@@ -774,24 +780,6 @@ video {
 .gm-flex-justify-between[data-v-2a79bac9] {
   justify-content: space-between;
 }
-.gm-number-interval-single[data-v-47a13fd0] {
-  border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
-  box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset;
-  background-color: var(--el-input-bg-color, var(--el-fill-color-blank));
-}
-.gm-number-interval-single[data-v-47a13fd0] [data-v-47a13fd0] .el-input__wrapper {
-  box-shadow: none;
-  background: none;
-}
-
-.gm-number-interval-close[data-v-47a13fd0] {
-  display: none;
-  color: var(--el-input-icon-color, var(--el-text-color-placeholder));
-}
-
-.gm-number-interval-single[data-v-47a13fd0]:hover .gm-number-interval-close[data-v-47a13fd0] {
-  display: flex;
-}
 .circular[data-v-b391445c] {
   animation: loading-rotate-b391445c 2s linear infinite;
 }
@@ -823,31 +811,36 @@ video {
     stroke-dashoffset: -120px;
   }
 }
+
+.gm-range-number .el-form-item[data-v-11c39847] {
+  margin: 0;
+}
+
 [data-v-ec3af0bb] .gmSearchForm .el-form-item {
   margin-right: 0;
   margin-bottom: 4px;
 }
-[data-v-72a53f6c] .gmTableNoBorder .el-table__body .el-table__cell {
+[data-v-a0a106bd] .gmTableNoBorder .el-table__body .el-table__cell {
   border-right: none;
 }
 
-[data-v-72a53f6c] .gmTableNoBorder .el-table__inner-wrapper:before {
+[data-v-a0a106bd] .gmTableNoBorder .el-table__inner-wrapper:before {
   height: 0;
 }
 
-[data-v-72a53f6c] .gmTableNoBorder.el-table--border .el-table__inner-wrapper:after {
+[data-v-a0a106bd] .gmTableNoBorder.el-table--border .el-table__inner-wrapper:after {
   height: 0;
 }
 
-[data-v-72a53f6c] .gmTableNoBorder.el-table--border:after {
+[data-v-a0a106bd] .gmTableNoBorder.el-table--border:after {
   height: 0;
 }
 
-[data-v-72a53f6c] .gmTableNoBorder.el-table--border:before {
+[data-v-a0a106bd] .gmTableNoBorder.el-table--border:before {
   height: 0;
 }
 
-[data-v-72a53f6c] .gmTableNoBorder .el-table__border-left-patch {
+[data-v-a0a106bd] .gmTableNoBorder .el-table__border-left-patch {
   height: 0;
 }
 
@@ -858,3 +851,22 @@ video {
 .pagination-container.hidden[data-v-19230954] {
   display: none;
 }
+
+.gm-number-interval-single[data-v-47a13fd0] {
+  border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
+  box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset;
+  background-color: var(--el-input-bg-color, var(--el-fill-color-blank));
+}
+.gm-number-interval-single[data-v-47a13fd0] [data-v-47a13fd0] .el-input__wrapper {
+  box-shadow: none;
+  background: none;
+}
+
+.gm-number-interval-close[data-v-47a13fd0] {
+  display: none;
+  color: var(--el-input-icon-color, var(--el-text-color-placeholder));
+}
+
+.gm-number-interval-single[data-v-47a13fd0]:hover .gm-number-interval-close[data-v-47a13fd0] {
+  display: flex;
+}

package/lib/theme-chalk/tailwindPlugin.js

@@ -6,6 +6,9 @@ var plugin = require('tailwindcss/plugin');
 
 var tailwindPlugin = plugin(({ addComponents }) => {
   addComponents({
+    /**
+     * 文字
+     */
     ".text-title": {
       fontSize: "var(--gm-text-title)",
       lineHeight: "var(--gm-leading-title)",

package/lib/theme-chalk/tailwindPlugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"tailwindPlugin.js","sources":["../../../../packages/theme-chalk/tailwindPlugin.ts"],"sourcesContent":["import plugin from 'tailwindcss/plugin';\r\nexport default plugin(({ addComponents }) => {\r\n  addComponents({\r\n    '.text-title': {\r\n      fontSize: 'var(--gm-text-title)',\r\n      lineHeight: 'var(--gm-leading-title)',\r\n      color: 'var(--gm-text-color-title)',\r\n      fontWeight: '700',\r\n    },\r\n    '.text-model': {\r\n      fontSize: 'var(--gm-text-model)',\r\n      lineHeight: 'var(--gm-leading-model)',\r\n      color: 'var(--gm-text-color-title)',\r\n      fontWeight: '700',\r\n    },\r\n    '.text-primary': {\r\n      fontSize: 'var(--gm-text-primary)',\r\n      lineHeight: 'var(--gm-leading-primary)',\r\n      color: 'var(--gm-text-color-primary)',\r\n    },\r\n    '.text-link': {\r\n      fontSize: 'var(--gm-text-primary)',\r\n      lineHeight: 'var(--gm-leading-primary)',\r\n      color: 'var(--gm-text-color-link)',\r\n    },\r\n    '.text-error': {\r\n      fontSize: 'var(--gm-text-primary)',\r\n      lineHeight: 'var(--gm-leading-primary)',\r\n      color: 'var(--gm-text-color-error)',\r\n    },\r\n    '.text-warning': {\r\n      fontSize: 'var(--gm-text-primary)',\r\n      lineHeight: 'var(--gm-leading-primary)',\r\n      color: 'var(--gm-text-color-warning)',\r\n    },\r\n    '.text-success': {\r\n      fontSize: 'var(--gm-text-primary)',\r\n      lineHeight: 'var(--gm-leading-primary)',\r\n      color: 'var(--gm-text-color-success)',\r\n    },\r\n  });\r\n});\r\n"],"names":[],"mappings":";;;;;;AACA,qBAAe,MAAO,CAAA,CAAC,EAAE,aAAA,EAAoB,KAAA;AAC3C,EAAc,aAAA,CAAA;AAAA,IACZ,aAAe,EAAA;AAAA,MACb,QAAU,EAAA,sBAAA;AAAA,MACV,UAAY,EAAA,yBAAA;AAAA,MACZ,KAAO,EAAA,4BAAA;AAAA,MACP,UAAY,EAAA,KAAA;AAAA,KACd;AAAA,IACA,aAAe,EAAA;AAAA,MACb,QAAU,EAAA,sBAAA;AAAA,MACV,UAAY,EAAA,yBAAA;AAAA,MACZ,KAAO,EAAA,4BAAA;AAAA,MACP,UAAY,EAAA,KAAA;AAAA,KACd;AAAA,IACA,eAAiB,EAAA;AAAA,MACf,QAAU,EAAA,wBAAA;AAAA,MACV,UAAY,EAAA,2BAAA;AAAA,MACZ,KAAO,EAAA,8BAAA;AAAA,KACT;AAAA,IACA,YAAc,EAAA;AAAA,MACZ,QAAU,EAAA,wBAAA;AAAA,MACV,UAAY,EAAA,2BAAA;AAAA,MACZ,KAAO,EAAA,2BAAA;AAAA,KACT;AAAA,IACA,aAAe,EAAA;AAAA,MACb,QAAU,EAAA,wBAAA;AAAA,MACV,UAAY,EAAA,2BAAA;AAAA,MACZ,KAAO,EAAA,4BAAA;AAAA,KACT;AAAA,IACA,eAAiB,EAAA;AAAA,MACf,QAAU,EAAA,wBAAA;AAAA,MACV,UAAY,EAAA,2BAAA;AAAA,MACZ,KAAO,EAAA,8BAAA;AAAA,KACT;AAAA,IACA,eAAiB,EAAA;AAAA,MACf,QAAU,EAAA,wBAAA;AAAA,MACV,UAAY,EAAA,2BAAA;AAAA,MACZ,KAAO,EAAA,8BAAA;AAAA,KACT;AAAA,GACD,CAAA,CAAA;AACH,CAAC,CAAA;;;;"}
+{"version":3,"file":"tailwindPlugin.js","sources":["../../../../packages/theme-chalk/tailwindPlugin.ts"],"sourcesContent":["import plugin from 'tailwindcss/plugin';\r\nexport default plugin(({ addComponents }) => {\r\n  addComponents({\r\n    /**\r\n     * 文字\r\n     */\r\n    '.text-title': {\r\n      fontSize: 'var(--gm-text-title)',\r\n      lineHeight: 'var(--gm-leading-title)',\r\n      color: 'var(--gm-text-color-title)',\r\n      fontWeight: '700',\r\n    },\r\n    '.text-model': {\r\n      fontSize: 'var(--gm-text-model)',\r\n      lineHeight: 'var(--gm-leading-model)',\r\n      color: 'var(--gm-text-color-title)',\r\n      fontWeight: '700',\r\n    },\r\n    '.text-primary': {\r\n      fontSize: 'var(--gm-text-primary)',\r\n      lineHeight: 'var(--gm-leading-primary)',\r\n      color: 'var(--gm-text-color-primary)',\r\n    },\r\n    '.text-link': {\r\n      fontSize: 'var(--gm-text-primary)',\r\n      lineHeight: 'var(--gm-leading-primary)',\r\n      color: 'var(--gm-text-color-link)',\r\n    },\r\n    '.text-error': {\r\n      fontSize: 'var(--gm-text-primary)',\r\n      lineHeight: 'var(--gm-leading-primary)',\r\n      color: 'var(--gm-text-color-error)',\r\n    },\r\n    '.text-warning': {\r\n      fontSize: 'var(--gm-text-primary)',\r\n      lineHeight: 'var(--gm-leading-primary)',\r\n      color: 'var(--gm-text-color-warning)',\r\n    },\r\n    '.text-success': {\r\n      fontSize: 'var(--gm-text-primary)',\r\n      lineHeight: 'var(--gm-leading-primary)',\r\n      color: 'var(--gm-text-color-success)',\r\n    },\r\n  });\r\n});\r\n"],"names":[],"mappings":";;;;;;AACA,qBAAe,MAAO,CAAA,CAAC,EAAE,aAAA,EAAoB,KAAA;AAC3C,EAAc,aAAA,CAAA;AAAA;AAAA;AAAA;AAAA,IAIZ,aAAe,EAAA;AAAA,MACb,QAAU,EAAA,sBAAA;AAAA,MACV,UAAY,EAAA,yBAAA;AAAA,MACZ,KAAO,EAAA,4BAAA;AAAA,MACP,UAAY,EAAA,KAAA;AAAA,KACd;AAAA,IACA,aAAe,EAAA;AAAA,MACb,QAAU,EAAA,sBAAA;AAAA,MACV,UAAY,EAAA,yBAAA;AAAA,MACZ,KAAO,EAAA,4BAAA;AAAA,MACP,UAAY,EAAA,KAAA;AAAA,KACd;AAAA,IACA,eAAiB,EAAA;AAAA,MACf,QAAU,EAAA,wBAAA;AAAA,MACV,UAAY,EAAA,2BAAA;AAAA,MACZ,KAAO,EAAA,8BAAA;AAAA,KACT;AAAA,IACA,YAAc,EAAA;AAAA,MACZ,QAAU,EAAA,wBAAA;AAAA,MACV,UAAY,EAAA,2BAAA;AAAA,MACZ,KAAO,EAAA,2BAAA;AAAA,KACT;AAAA,IACA,aAAe,EAAA;AAAA,MACb,QAAU,EAAA,wBAAA;AAAA,MACV,UAAY,EAAA,2BAAA;AAAA,MACZ,KAAO,EAAA,4BAAA;AAAA,KACT;AAAA,IACA,eAAiB,EAAA;AAAA,MACf,QAAU,EAAA,wBAAA;AAAA,MACV,UAAY,EAAA,2BAAA;AAAA,MACZ,KAAO,EAAA,8BAAA;AAAA,KACT;AAAA,IACA,eAAiB,EAAA;AAAA,MACf,QAAU,EAAA,wBAAA;AAAA,MACV,UAAY,EAAA,2BAAA;AAAA,MACZ,KAAO,EAAA,8BAAA;AAAA,KACT;AAAA,GACD,CAAA,CAAA;AACH,CAAC,CAAA;;;;"}

package/lib/utils/__tests__/date/dateShortcuts.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/utils/__tests__/elementPlus/event.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/utils/__tests__/elementPlus/exports.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/utils/__tests__/file.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/utils/__tests__/general.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/utils/__tests__/http/errorMessage.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/utils/__tests__/is.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/utils/__tests__/object.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/utils/index.d.ts

@@ -6,3 +6,4 @@ export * from './src/objects';
 export * from './src/types';
 export * from './src/date';
 export * from './src/file';
+export * from './src/general';

package/lib/utils/index.js

@@ -8,6 +8,7 @@ var objects = require('./src/objects.js');
 require('./src/types.js');
 require('./src/date/index.js');
 var file = require('./src/file.js');
+var general = require('./src/general.js');
 var install = require('./src/vue/install.js');
 var resolver = require('./src/vue/resolver.js');
 var event = require('./src/elementPlus/event.js');
@@ -51,6 +52,10 @@ exports.fileToBlob = file.fileToBlob;
 exports.fileToUrl = file.fileToUrl;
 exports.urlToBlob = file.urlToBlob;
 exports.urlToFile = file.urlToFile;
+exports.compareVersions = general.compareVersions;
+exports.isVersionGreaterOrEqual = general.isVersionGreaterOrEqual;
+exports.omitOnEvents = general.omitOnEvents;
+exports.remove = general.remove;
 exports.withInstall = install.withInstall;
 exports.withInstallDirective = install.withInstallDirective;
 exports.withInstallFunction = install.withInstallFunction;

package/lib/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/utils/src/elementPlus/event.d.ts

@@ -1 +1 @@
-export declare const getGmEvent: (events: Record<string, any>, emit: (...args: any[]) => any) => {};
+export declare const getGmEvent: <T extends Record<string, any>>(events: T, emit: (...args: any[]) => any) => T;

package/lib/utils/src/elementPlus/event.js.map

@@ -1 +1 @@
-{"version":3,"file":"event.js","sources":["../../../../../../packages/utils/src/elementPlus/event.ts"],"sourcesContent":["export const getGmEvent = (events: Record<string, any>, emit: (...args: any[]) => any) => {\r\n  return Object.keys(events).reduce((acc, key) => {\r\n    return {\r\n      ...acc,\r\n      [key]: (...args: any[]) => {\r\n        return emit(key, ...args);\r\n      },\r\n    };\r\n  }, {});\r\n};\r\n"],"names":[],"mappings":";;AAAa,MAAA,UAAA,GAAa,CAAC,MAAA,EAA6B,IAAkC,KAAA;AACxF,EAAA,OAAO,OAAO,IAAK,CAAA,MAAM,EAAE,MAAO,CAAA,CAAC,KAAK,GAAQ,KAAA;AAC9C,IAAO,OAAA;AAAA,MACL,GAAG,GAAA;AAAA,MACH,CAAC,GAAG,GAAG,CAAA,GAAI,IAAgB,KAAA;AACzB,QAAO,OAAA,IAAA,CAAK,GAAK,EAAA,GAAG,IAAI,CAAA,CAAA;AAAA,OAC1B;AAAA,KACF,CAAA;AAAA,GACF,EAAG,EAAE,CAAA,CAAA;AACP;;;;"}
+{"version":3,"file":"event.js","sources":["../../../../../../packages/utils/src/elementPlus/event.ts"],"sourcesContent":["export const getGmEvent = <T extends Record<string, any>>(events: T, emit: (...args: any[]) => any) => {\r\n  return Object.keys(events).reduce((acc, key) => {\r\n    return {\r\n      ...acc,\r\n      [key]: (...args: any[]) => {\r\n        return emit(key, ...args);\r\n      },\r\n    };\r\n  }, {} as T);\r\n};\r\n"],"names":[],"mappings":";;AAAa,MAAA,UAAA,GAAa,CAAgC,MAAA,EAAW,IAAkC,KAAA;AACrG,EAAA,OAAO,OAAO,IAAK,CAAA,MAAM,EAAE,MAAO,CAAA,CAAC,KAAK,GAAQ,KAAA;AAC9C,IAAO,OAAA;AAAA,MACL,GAAG,GAAA;AAAA,MACH,CAAC,GAAG,GAAG,CAAA,GAAI,IAAgB,KAAA;AACzB,QAAO,OAAA,IAAA,CAAK,GAAK,EAAA,GAAG,IAAI,CAAA,CAAA;AAAA,OAC1B;AAAA,KACF,CAAA;AAAA,GACF,EAAG,EAAO,CAAA,CAAA;AACZ;;;;"}

package/lib/utils/src/elementPlus/exports.d.ts

@@ -1,8 +1,19 @@
 import type { TupleToUnion } from '../types';
 import type { Ref, UnwrapRef } from 'vue';
+/**
+ * 导出组件实例的属性和方法
+ * 初版方案  可以使用getGmObjExports代替
+ * @param elRef 可以是组件 或ref
+ * @param exposeNames 要导出的属性和方法名称
+ */
 export declare const getGmExports: <T extends Ref<any>, U extends readonly string[] = []>(elRef: T, exposeNames: U) => {
     exposeFns: Pick<NonNullable<UnwrapRef<T>>, TupleToUnion<U>>;
 };
+/**
+ * 导出组件实例的属性和方法
+ * @param elRef 可以是组件 或ref
+ * @param exposeNames 要导出的属性和方法名称
+ */
 export declare const getGmObjExports: <T extends Ref<any>, U extends readonly string[] = []>(elRef: T, exposeNames: U) => {
     exposeFns: Pick<NonNullable<UnwrapRef<T>>, TupleToUnion<U>>;
 };

package/lib/utils/src/elementPlus/exports.js.map

@@ -1 +1 @@
-{"version":3,"file":"exports.js","sources":["../../../../../../packages/utils/src/elementPlus/exports.ts"],"sourcesContent":["import { computed } from 'vue';\r\nimport type { TupleToUnion } from '../types';\r\nimport type { Ref, UnwrapRef } from 'vue';\r\n\r\nexport const getGmExports = <T extends Ref<any>, U extends readonly string[] = []>(elRef: T, exposeNames: U) => {\r\n  type CurInstance = NonNullable<UnwrapRef<T>>;\r\n  const exposeFns = exposeNames.reduce<Pick<CurInstance, TupleToUnion<typeof exposeNames>>>((acc, cur) => {\r\n    return { ...acc, [cur]: computed(() => elRef.value?.[cur]) };\r\n  }, {} as any);\r\n  return {\r\n    exposeFns,\r\n  };\r\n};\r\n\r\nexport const getGmObjExports = <T extends Ref<any>, U extends readonly string[] = []>(elRef: T, exposeNames: U) => {\r\n  type CurInstance = NonNullable<UnwrapRef<T>>;\r\n  const exposeFns = exposeNames.reduce<Pick<CurInstance, TupleToUnion<typeof exposeNames>>>((acc, cur) => {\r\n    return { ...acc, [cur]: (...args: any[]) => elRef.value?.[cur](...args) };\r\n  }, {} as any);\r\n  return {\r\n    exposeFns,\r\n  };\r\n};\r\n"],"names":["computed"],"mappings":";;;;AAIa,MAAA,YAAA,GAAe,CAAuD,KAAA,EAAU,WAAmB,KAAA;AAE9G,EAAA,MAAM,SAAY,GAAA,WAAA,CAAY,MAA4D,CAAA,CAAC,KAAK,GAAQ,KAAA;AACtG,IAAA,OAAO,EAAE,GAAG,GAAK,EAAA,CAAC,GAAG,GAAGA,YAAS,CAAA,MAAM,KAAM,CAAA,KAAA,GAAQ,GAAG,CAAC,CAAE,EAAA,CAAA;AAAA,GAC7D,EAAG,EAAS,CAAA,CAAA;AACZ,EAAO,OAAA;AAAA,IACL,SAAA;AAAA,GACF,CAAA;AACF,EAAA;AAEa,MAAA,eAAA,GAAkB,CAAuD,KAAA,EAAU,WAAmB,KAAA;AAEjH,EAAA,MAAM,SAAY,GAAA,WAAA,CAAY,MAA4D,CAAA,CAAC,KAAK,GAAQ,KAAA;AACtG,IAAA,OAAO,EAAE,GAAG,GAAK,EAAA,CAAC,GAAG,GAAG,CAAA,GAAI,IAAgB,KAAA,KAAA,CAAM,KAAQ,GAAA,GAAG,CAAE,CAAA,GAAG,IAAI,CAAE,EAAA,CAAA;AAAA,GAC1E,EAAG,EAAS,CAAA,CAAA;AACZ,EAAO,OAAA;AAAA,IACL,SAAA;AAAA,GACF,CAAA;AACF;;;;;"}
+{"version":3,"file":"exports.js","sources":["../../../../../../packages/utils/src/elementPlus/exports.ts"],"sourcesContent":["import { computed } from 'vue';\r\nimport type { TupleToUnion } from '../types';\r\nimport type { Ref, UnwrapRef } from 'vue';\r\n/**\r\n * 导出组件实例的属性和方法\r\n * 初版方案  可以使用getGmObjExports代替\r\n * @param elRef 可以是组件 或ref\r\n * @param exposeNames 要导出的属性和方法名称\r\n */\r\nexport const getGmExports = <T extends Ref<any>, U extends readonly string[] = []>(elRef: T, exposeNames: U) => {\r\n  type CurInstance = NonNullable<UnwrapRef<T>>;\r\n  const exposeFns = exposeNames.reduce<Pick<CurInstance, TupleToUnion<typeof exposeNames>>>((acc, cur) => {\r\n    return { ...acc, [cur]: computed(() => elRef.value?.[cur]) };\r\n  }, {} as any);\r\n  return {\r\n    exposeFns,\r\n  };\r\n};\r\n/**\r\n * 导出组件实例的属性和方法\r\n * @param elRef 可以是组件 或ref\r\n * @param exposeNames 要导出的属性和方法名称\r\n */\r\nexport const getGmObjExports = <T extends Ref<any>, U extends readonly string[] = []>(elRef: T, exposeNames: U) => {\r\n  type CurInstance = NonNullable<UnwrapRef<T>>;\r\n  const exposeFns = exposeNames.reduce<Pick<CurInstance, TupleToUnion<typeof exposeNames>>>((acc, cur) => {\r\n    return { ...acc, [cur]: (...args: any[]) => elRef.value?.[cur](...args) };\r\n  }, {} as any);\r\n  return {\r\n    exposeFns,\r\n  };\r\n};\r\n"],"names":["computed"],"mappings":";;;;AASa,MAAA,YAAA,GAAe,CAAuD,KAAA,EAAU,WAAmB,KAAA;AAE9G,EAAA,MAAM,SAAY,GAAA,WAAA,CAAY,MAA4D,CAAA,CAAC,KAAK,GAAQ,KAAA;AACtG,IAAA,OAAO,EAAE,GAAG,GAAK,EAAA,CAAC,GAAG,GAAGA,YAAS,CAAA,MAAM,KAAM,CAAA,KAAA,GAAQ,GAAG,CAAC,CAAE,EAAA,CAAA;AAAA,GAC7D,EAAG,EAAS,CAAA,CAAA;AACZ,EAAO,OAAA;AAAA,IACL,SAAA;AAAA,GACF,CAAA;AACF,EAAA;AAMa,MAAA,eAAA,GAAkB,CAAuD,KAAA,EAAU,WAAmB,KAAA;AAEjH,EAAA,MAAM,SAAY,GAAA,WAAA,CAAY,MAA4D,CAAA,CAAC,KAAK,GAAQ,KAAA;AACtG,IAAA,OAAO,EAAE,GAAG,GAAK,EAAA,CAAC,GAAG,GAAG,CAAA,GAAI,IAAgB,KAAA,KAAA,CAAM,KAAQ,GAAA,GAAG,CAAE,CAAA,GAAG,IAAI,CAAE,EAAA,CAAA;AAAA,GAC1E,EAAG,EAAS,CAAA,CAAA;AACZ,EAAO,OAAA;AAAA,IACL,SAAA;AAAA,GACF,CAAA;AACF;;;;;"}

package/lib/utils/src/http/errorMessage.js

@@ -52,7 +52,6 @@ const responseErrorMessage = (error) => {
     default:
       break;
   }
-  console.error("error", error);
   if (error.message.includes("timeout")) {
     errorMessage({
       duration: 10 * 1e3,

package/lib/utils/src/http/errorMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"errorMessage.js","sources":["../../../../../../packages/utils/src/http/errorMessage.ts"],"sourcesContent":["import { ElMessage, type MessageOptions } from 'element-plus';\r\nimport type { AxiosError } from 'axios';\r\n\r\n/**\r\n * 统一错误弹窗\r\n */\r\nexport const errorMessage = (options: MessageOptions) => {\r\n  return ElMessage({\r\n    type: 'error',\r\n    duration: 5 * 1000,\r\n    showClose: true,\r\n    grouping: true,\r\n    ...options,\r\n    message: options?.message || '未知错误',\r\n  });\r\n};\r\n// 抛错时 error\r\nexport const responseErrorMessage = (error: AxiosError<any, any>) => {\r\n  if (error.config?.disableMessage) {\r\n    return;\r\n  }\r\n  if (error.code === 'ERR_CANCELED') {\r\n    return Promise.reject(error);\r\n  }\r\n  const serviceMessage =\r\n    (error?.response?.data?.message || error?.response?.data?.comment || error?.response?.data?.msg || error?.response?.data?.errMsg) ?? '';\r\n  switch (error.response?.status) {\r\n    case 400:\r\n      return errorMessage({\r\n        message: `400-客户端错误，请求失败。${serviceMessage}`,\r\n      });\r\n    case 403:\r\n      return errorMessage({\r\n        message: `403-无权访问。${serviceMessage}`,\r\n      });\r\n    case 404:\r\n      return errorMessage({\r\n        message: `404-无效的请求。${serviceMessage}`,\r\n      });\r\n    case 413:\r\n      return errorMessage({\r\n        message: `413-请求内容过大。${serviceMessage}`,\r\n      });\r\n    case 500:\r\n      return errorMessage({\r\n        message: `500-服务器内部错误o(╥﹏╥)o。${serviceMessage}`,\r\n      });\r\n    case 502:\r\n      return errorMessage({\r\n        message: `502-网关错误。${serviceMessage}`,\r\n      });\r\n    case 504:\r\n      return errorMessage({\r\n        message: `504-网关超时。${serviceMessage}`,\r\n      });\r\n\r\n    default:\r\n      break;\r\n  }\r\n  console.error('error', error);\r\n  // console.error('error.message', error.message);\r\n  // console.error('error.status', error.status);\r\n  // console.error('error.response', error.response);\r\n  // console.error('error.code', error.code);\r\n  // console.error('error.name', error.name);\r\n  // 对响应错误做点什么\r\n  if (error.message.includes('timeout')) {\r\n    errorMessage({\r\n      duration: 10 * 1000,\r\n      message: `请求超时。${serviceMessage}\r\n      接口地址：${error.config?.url ?? ''}`,\r\n    });\r\n  } else if (error.message.includes('Network Error')) {\r\n    errorMessage({\r\n      duration: 10 * 1000,\r\n      message: `网络错误。${serviceMessage}\r\n      接口地址：${error.config?.url ?? ''}`,\r\n    });\r\n  } else {\r\n    errorMessage({\r\n      message: `${error.message}。${serviceMessage}\r\n      接口地址：${error.config?.url ?? ''}`,\r\n    });\r\n  }\r\n};\r\n"],"names":["ElMessage"],"mappings":"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"}
+{"version":3,"file":"errorMessage.js","sources":["../../../../../../packages/utils/src/http/errorMessage.ts"],"sourcesContent":["import { ElMessage, type MessageOptions } from 'element-plus';\r\nimport type { AxiosError } from 'axios';\r\n\r\n/**\r\n * 统一错误弹窗\r\n */\r\nexport const errorMessage = (options: MessageOptions) => {\r\n  return ElMessage({\r\n    type: 'error',\r\n    duration: 5 * 1000,\r\n    showClose: true,\r\n    grouping: true,\r\n    ...options,\r\n    message: options?.message || '未知错误',\r\n  });\r\n};\r\n// 抛错时 error\r\nexport const responseErrorMessage = (error: AxiosError<any, any>) => {\r\n  if (error.config?.disableMessage) {\r\n    return;\r\n  }\r\n  if (error.code === 'ERR_CANCELED') {\r\n    return Promise.reject(error);\r\n  }\r\n  const serviceMessage =\r\n    (error?.response?.data?.message || error?.response?.data?.comment || error?.response?.data?.msg || error?.response?.data?.errMsg) ?? '';\r\n  switch (error.response?.status) {\r\n    case 400:\r\n      return errorMessage({\r\n        message: `400-客户端错误，请求失败。${serviceMessage}`,\r\n      });\r\n    case 403:\r\n      return errorMessage({\r\n        message: `403-无权访问。${serviceMessage}`,\r\n      });\r\n    case 404:\r\n      return errorMessage({\r\n        message: `404-无效的请求。${serviceMessage}`,\r\n      });\r\n    case 413:\r\n      return errorMessage({\r\n        message: `413-请求内容过大。${serviceMessage}`,\r\n      });\r\n    case 500:\r\n      return errorMessage({\r\n        message: `500-服务器内部错误o(╥﹏╥)o。${serviceMessage}`,\r\n      });\r\n    case 502:\r\n      return errorMessage({\r\n        message: `502-网关错误。${serviceMessage}`,\r\n      });\r\n    case 504:\r\n      return errorMessage({\r\n        message: `504-网关超时。${serviceMessage}`,\r\n      });\r\n\r\n    default:\r\n      break;\r\n  }\r\n  // console.error('error', error);\r\n  // console.error('error.message', error.message);\r\n  // console.error('error.status', error.status);\r\n  // console.error('error.response', error.response);\r\n  // console.error('error.code', error.code);\r\n  // console.error('error.name', error.name);\r\n  // 对响应错误做点什么\r\n  if (error.message.includes('timeout')) {\r\n    errorMessage({\r\n      duration: 10 * 1000,\r\n      message: `请求超时。${serviceMessage}\r\n      接口地址：${error.config?.url ?? ''}`,\r\n    });\r\n  } else if (error.message.includes('Network Error')) {\r\n    errorMessage({\r\n      duration: 10 * 1000,\r\n      message: `网络错误。${serviceMessage}\r\n      接口地址：${error.config?.url ?? ''}`,\r\n    });\r\n  } else {\r\n    errorMessage({\r\n      message: `${error.message}。${serviceMessage}\r\n      接口地址：${error.config?.url ?? ''}`,\r\n    });\r\n  }\r\n};\r\n"],"names":["ElMessage"],"mappings":"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"}

package/lib/utils/src/types.d.ts

@@ -1,3 +1,4 @@
+import type { Properties, PropertiesHyphen } from 'csstype';
 /**
  * @example TupleToUnion<[1,2]>  // 1 | 2
  * type[number]
@@ -30,3 +31,14 @@ export type PartialByKeys<T, K = keyof T, P extends keyof T = Extract<keyof T, K
  * https://github.com/type-challenges/type-challenges/blob/master/questions/02759-medium-requiredbykeys/README.md
  */
 export type RequiredByKeys<T, K = keyof T, P extends keyof T = Extract<keyof T, K>> = MergeType<Required<Pick<T, P>> & Omit<T, P>>;
+export interface CSSProperties extends Properties<string | number>, PropertiesHyphen<string | number> {
+    /**
+     * The index signature was removed to enable closed typing for style
+     * using CSSType. You're able to use type assertion or module augmentation
+     * to add properties or an index signature of your own.
+     *
+     * For examples and more information, visit:
+     * https://github.com/frenic/csstype#what-should-i-do-when-i-get-type-errors
+     */
+    [v: `--${string}`]: string | number | undefined;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "giime",
-  "version": "0.4.0",
+  "version": "0.4.2",
   "description": "A Component Library for Vue 3",
   "keywords": [
     "giime",
@@ -65,6 +65,7 @@
     "uuid": "^9.0.1",
     "jszip": "^3.10.1",
     "file-saver": "^2.0.5",
+    "csstype": "^3.1.3",
     "@types/file-saver": "^2.0.7",
     "@types/lodash": "^4.17.0",
     "@types/lodash-es": "^4.17.12"