giime 0.0.18 → 0.0.20

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

@@ -0,0 +1,145 @@
+'use strict';
+
+var vue = require('vue');
+var index = require('../../../components/src/plugins/notification/index.js');
+var JSZip = require('jszip');
+
+const useDownload = () => {
+  let xhrInstance;
+  let downloading = false;
+  const progress = vue.ref(0);
+  const currentClass = `class${Date.now()}`;
+  vue.onBeforeUnmount(() => {
+    if (xhrInstance) {
+      xhrInstance.abort();
+      xhrInstance = null;
+    }
+  });
+  const downloadBlob = (url, fileName, fileType, isZip) => {
+    return new Promise((resolve, reject) => {
+      xhrInstance = new XMLHttpRequest();
+      xhrInstance.responseType = "blob";
+      xhrInstance.open("get", url, true);
+      xhrInstance.onprogress = (e) => {
+        progress.value = Math.floor(e.loaded / e.total * 100);
+        editElementContent(currentClass, `\u5F53\u524D\u4E0B\u8F7D\u8FDB\u5EA6 ${progress.value}%`);
+        if (progress.value == 100) {
+          progress.value = 0;
+          downloading = false;
+        }
+      };
+      xhrInstance.onloadend = (e) => {
+        const eventTarget = e.target;
+        if ([200, 304].includes(eventTarget.status)) {
+          const blob = eventTarget.response;
+          if (!isZip) {
+            createDownload(blob, fileName, fileType);
+            index.GmNotification({
+              type: "success",
+              title: "\u6E29\u99A8\u63D0\u793A",
+              message: "\u4E0B\u8F7D\u5B8C\u6210",
+              duration: 3e3
+            });
+          }
+          xhrInstance = null;
+          resolve(blob);
+        }
+      };
+      xhrInstance.onerror = function(e) {
+        downloading = false;
+        index.GmNotification({
+          type: "error",
+          title: "\u6E29\u99A8\u63D0\u793A",
+          message: "\u4E0B\u8F7D\u5F02\u5E38\uFF0C\u8BF7\u91CD\u8BD5",
+          duration: 1500
+        });
+        reject(e);
+      };
+      xhrInstance.send();
+    });
+  };
+  const downloadFile = async (options) => {
+    try {
+      if (downloading || !options.url || !options.fileName)
+        return;
+      downloading = true;
+      const fileType = options.fileType || options.url.split(".").pop();
+      const modalInfo = index.GmNotification({
+        title: "\u4E0B\u8F7D\u4E2D",
+        message: vue.h("div", { className: currentClass }, [`\u5F53\u524D\u4E0B\u8F7D\u8FDB\u5EA6 ${progress.value}%`]),
+        duration: 0
+      });
+      await downloadBlob(options.url, options.fileName, fileType, false);
+      modalInfo.close();
+    } catch (error) {
+      console.error(error);
+    }
+  };
+  const downloadZip = async (fileList, fileName) => {
+    try {
+      const currentContentClass = `message${Date.now()}`;
+      const downloadCount = vue.ref(0);
+      const currentDownloadFileName = vue.ref();
+      const len = fileList.length;
+      const modalInfo = index.GmNotification({
+        title: "\u4E0B\u8F7D\u4E2D",
+        message: vue.h("div", [
+          vue.h("div", { className: currentContentClass }, [`\u603B\u4E0B\u8F7D\u6587\u4EF6\u6570\uFF1A${len}\uFF0C\u5DF2\u4E0B\u8F7D\u6587\u4EF6\u6570\uFF1A${downloadCount.value}`]),
+          vue.h("div", { className: currentClass }, [`\u5F53\u524D\u4E0B\u8F7D\u8FDB\u5EA6 ${progress.value}%`])
+        ]),
+        duration: 0
+      });
+      const zipInstance = new JSZip();
+      for (let i = 0; i < len; i++) {
+        const currentItem = fileList[i];
+        const currentFileType = currentItem.fileType || currentItem.url.split(".").pop();
+        currentDownloadFileName.value = currentItem.fileName;
+        const fileBlob = await downloadBlob(currentItem.url, currentItem.fileName, currentFileType, true);
+        zipInstance.file(`${currentItem.fileName}.${currentFileType}`, fileBlob);
+        downloadCount.value++;
+        editElementContent(currentContentClass, `\u603B\u4E0B\u8F7D\u6587\u4EF6\u6570\uFF1A${len}\uFF0C\u5DF2\u4E0B\u8F7D\u6587\u4EF6\u6570\uFF1A${downloadCount.value}`);
+      }
+      downloading = false;
+      modalInfo.close();
+      index.GmNotification({
+        type: "success",
+        title: "\u6E29\u99A8\u63D0\u793A",
+        message: "\u4E0B\u8F7D\u5B8C\u6210",
+        duration: 3e3
+      });
+      zipInstance.generateAsync({ type: "blob" }).then((res) => {
+        createDownload(res, fileName, "zip");
+      }).catch((error) => {
+        console.error(error);
+      });
+    } catch (error) {
+      console.error(error);
+    }
+  };
+  return {
+    downloadFile,
+    downloadZip
+  };
+};
+const createDownload = (blob, fileName, fileType) => {
+  if (!blob || !fileName || !fileType)
+    return;
+  const ele = document.createElement("a");
+  const url = window.URL.createObjectURL(blob);
+  ele.style.display = "none";
+  ele.href = url;
+  ele.download = `${fileName}.${fileType}`;
+  document.body.appendChild(ele);
+  ele.click();
+  window.URL.revokeObjectURL(url);
+  document.body.removeChild(ele);
+};
+const editElementContent = (className, content) => {
+  const currentEle = document.getElementsByClassName(className)[0];
+  if (currentEle) {
+    currentEle.innerHTML = content;
+  }
+};
+
+exports.useDownload = useDownload;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../packages/hooks/base/useDownload/index.ts"],"sourcesContent":["import { h, onBeforeUnmount, ref } from 'vue';\r\nimport GmNotification from '@giime/components/src/plugins/notification';\r\nimport JSZip from 'jszip';\r\n\r\n// 参数类型\r\nexport interface OptionsType {\r\n  url: string;\r\n  fileName: string;\r\n  fileType?: string;\r\n}\r\n\r\nexport const useDownload = () => {\r\n  let xhrInstance: XMLHttpRequest | null;\r\n  // 是否正在下载\r\n  let downloading = false;\r\n  // 单文件下载进度\r\n  const progress = ref(0);\r\n  // 动态生成唯一的 class\r\n  const currentClass = `class${Date.now()}`;\r\n  onBeforeUnmount(() => {\r\n    if (xhrInstance) {\r\n      xhrInstance.abort();\r\n      xhrInstance = null;\r\n    }\r\n  });\r\n  // 将 url 下载为 blob 文件\r\n  const downloadBlob = (url: string, fileName: string, fileType: string, isZip: boolean) => {\r\n    return new Promise<Blob>((resolve, reject) => {\r\n      xhrInstance = new XMLHttpRequest();\r\n      xhrInstance.responseType = 'blob';\r\n      xhrInstance.open('get', url, true);\r\n      xhrInstance.onprogress = e => {\r\n        progress.value = Math.floor((e.loaded / e.total) * 100);\r\n        editElementContent(currentClass, `当前下载进度 ${progress.value}%`);\r\n        if (progress.value == 100) {\r\n          progress.value = 0;\r\n          downloading = false;\r\n        }\r\n      };\r\n      xhrInstance.onloadend = e => {\r\n        const eventTarget = e.target as XMLHttpRequest;\r\n        if ([200, 304].includes(eventTarget.status)) {\r\n          const blob = eventTarget.response;\r\n          if (!isZip) {\r\n            createDownload(blob, fileName, fileType);\r\n            GmNotification({\r\n              type: 'success',\r\n              title: '温馨提示',\r\n              message: '下载完成',\r\n              duration: 3000,\r\n            });\r\n          }\r\n          xhrInstance = null;\r\n          resolve(blob);\r\n        }\r\n      };\r\n      xhrInstance.onerror = function (e) {\r\n        downloading = false;\r\n        GmNotification({\r\n          type: 'error',\r\n          title: '温馨提示',\r\n          message: '下载异常，请重试',\r\n          duration: 1500,\r\n        });\r\n        reject(e);\r\n      };\r\n      xhrInstance.send();\r\n    });\r\n  };\r\n  // 下载单文件\r\n  const downloadFile = async (options: OptionsType) => {\r\n    try {\r\n      if (downloading || !options.url || !options.fileName) return;\r\n      downloading = true;\r\n      const fileType = options.fileType || options.url.split('.').pop()!;\r\n      const modalInfo = GmNotification({\r\n        title: '下载中',\r\n        message: h('div', { className: currentClass }, [`当前下载进度 ${progress.value}%`]),\r\n        duration: 0,\r\n      });\r\n      await downloadBlob(options.url, options.fileName, fileType, false);\r\n      modalInfo.close();\r\n    } catch (error) {\r\n      console.error(error);\r\n    }\r\n  };\r\n  // 下载多文件 转为zip\r\n  const downloadZip = async (fileList: OptionsType[], fileName: string) => {\r\n    try {\r\n      const currentContentClass = `message${Date.now()}`;\r\n      const downloadCount = ref(0);\r\n      const currentDownloadFileName = ref<string>();\r\n      const len = fileList.length;\r\n      const modalInfo = GmNotification({\r\n        title: '下载中',\r\n        message: h('div', [\r\n          h('div', { className: currentContentClass }, [`总下载文件数：${len}，已下载文件数：${downloadCount.value}`]),\r\n          h('div', { className: currentClass }, [`当前下载进度 ${progress.value}%`]),\r\n        ]),\r\n        duration: 0,\r\n      });\r\n      const zipInstance = new JSZip();\r\n      for (let i = 0; i < len; i++) {\r\n        const currentItem = fileList[i];\r\n        const currentFileType = currentItem.fileType || currentItem.url.split('.').pop()!;\r\n        currentDownloadFileName.value = currentItem.fileName;\r\n        const fileBlob = await downloadBlob(currentItem.url, currentItem.fileName, currentFileType, true);\r\n        zipInstance.file(`${currentItem.fileName}.${currentFileType}`, fileBlob);\r\n        downloadCount.value++;\r\n        editElementContent(currentContentClass, `总下载文件数：${len}，已下载文件数：${downloadCount.value}`);\r\n      }\r\n      downloading = false;\r\n      modalInfo.close();\r\n      GmNotification({\r\n        type: 'success',\r\n        title: '温馨提示',\r\n        message: '下载完成',\r\n        duration: 3000,\r\n      });\r\n      zipInstance\r\n        .generateAsync({ type: 'blob' })\r\n        .then(res => {\r\n          createDownload(res, fileName, 'zip');\r\n        })\r\n        .catch(error => {\r\n          console.error(error);\r\n        });\r\n    } catch (error) {\r\n      console.error(error);\r\n    }\r\n  };\r\n\r\n  return {\r\n    downloadFile,\r\n    downloadZip,\r\n  };\r\n};\r\n// 创建下载链接 并下载\r\nconst createDownload = (blob: Blob, fileName: string, fileType: string) => {\r\n  if (!blob || !fileName || !fileType) return;\r\n  const ele = document.createElement('a');\r\n  const url = window.URL.createObjectURL(blob);\r\n  ele.style.display = 'none';\r\n  ele.href = url;\r\n  ele.download = `${fileName}.${fileType}`;\r\n  document.body.appendChild(ele);\r\n  ele.click();\r\n  window.URL.revokeObjectURL(url);\r\n  document.body.removeChild(ele);\r\n};\r\n\r\n// 动态更新 notify 中的message 信息\r\nconst editElementContent = (className: string, content: string) => {\r\n  // eslint-disable-next-line unicorn/prefer-query-selector\r\n  const currentEle = document.getElementsByClassName(className)[0];\r\n  if (currentEle) {\r\n    currentEle.innerHTML = content;\r\n  }\r\n};\r\n"],"names":["ref","onBeforeUnmount","GmNotification","h"],"mappings":"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"}

package/lib/hooks/index.js

@@ -4,29 +4,33 @@ require('./base/index.js');
 require('./store/index.js');
 var index = require('./base/useCheckAll/index.js');
 var index$1 = require('./base/useIDBKeyval/index.js');
-var index$2 = require('./store/useLangList/index.js');
-var index$3 = require('./store/useLogin/index.js');
-var index$4 = require('./store/useCustomSettings/index.js');
-var index$5 = require('./store/useCurrencyList/index.js');
-var index$6 = require('./store/useLineList/index.js');
-var index$7 = require('./store/usePlatformLineList/index.js');
-var index$8 = require('./store/useOrgUserList/index.js');
-var index$9 = require('./store/useAliCategoryList/index.js');
-var index$a = require('./store/useCompanyCategoryList/index.js');
-var index$b = require('./store/useRepiteFilter/index.js');
+var index$2 = require('./base/useDownload/index.js');
+var index$3 = require('./store/useLangList/index.js');
+var index$4 = require('./store/useLogin/index.js');
+var index$5 = require('./store/useCustomSettings/index.js');
+var index$6 = require('./store/useCurrencyList/index.js');
+var index$7 = require('./store/useLineList/index.js');
+var index$8 = require('./store/usePlatformLineList/index.js');
+var index$9 = require('./store/useOrgUserList/index.js');
+var index$a = require('./store/useAliCategoryList/index.js');
+var index$b = require('./store/useCompanyCategoryList/index.js');
+var index$c = require('./store/useRepiteFilter/index.js');
+var index$d = require('./store/usePlatformList/index.js');
 
 
 
 exports.useCheckAll = index.useCheckAll;
 exports.useIDBKeyval = index$1.useIDBKeyval;
-exports.useLangListStore = index$2.useLangListStore;
-exports.useLoginStore = index$3.useLoginStore;
-exports.useCustomSettingsStore = index$4.useCustomSettingsStore;
-exports.useCurrencyListStore = index$5.useCurrencyListStore;
-exports.useLineListStore = index$6.useLineListStore;
-exports.usePlatformLineListStore = index$7.usePlatformLineListStore;
-exports.useOrgUserListStore = index$8.useOrgUserListStore;
-exports.useAliCategoryListStore = index$9.useAliCategoryListStore;
-exports.useCompanyCategoryListStore = index$a.useCompanyCategoryListStore;
-exports.useRepiteFilterStore = index$b.useRepiteFilterStore;
+exports.useDownload = index$2.useDownload;
+exports.useLangListStore = index$3.useLangListStore;
+exports.useLoginStore = index$4.useLoginStore;
+exports.useCustomSettingsStore = index$5.useCustomSettingsStore;
+exports.useCurrencyListStore = index$6.useCurrencyListStore;
+exports.useLineListStore = index$7.useLineListStore;
+exports.usePlatformLineListStore = index$8.usePlatformLineListStore;
+exports.useOrgUserListStore = index$9.useOrgUserListStore;
+exports.useAliCategoryListStore = index$a.useAliCategoryListStore;
+exports.useCompanyCategoryListStore = index$b.useCompanyCategoryListStore;
+exports.useRepiteFilterStore = index$c.useRepiteFilterStore;
+exports.usePlatformListStore = index$d.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/index.d.ts

@@ -9,3 +9,4 @@ export * from './useOrgUserList';
 export * from './useAliCategoryList';
 export * from './useCompanyCategoryList';
 export * from './useRepiteFilter';
+export * from './usePlatformList';

package/lib/hooks/store/index.js

@@ -11,6 +11,7 @@ var index$6 = require('./useOrgUserList/index.js');
 var index$7 = require('./useAliCategoryList/index.js');
 var index$8 = require('./useCompanyCategoryList/index.js');
 var index$9 = require('./useRepiteFilter/index.js');
+var index$a = require('./usePlatformList/index.js');
 
 
 
@@ -24,4 +25,5 @@ exports.useOrgUserListStore = index$6.useOrgUserListStore;
 exports.useAliCategoryListStore = index$7.useAliCategoryListStore;
 exports.useCompanyCategoryListStore = index$8.useCompanyCategoryListStore;
 exports.useRepiteFilterStore = index$9.useRepiteFilterStore;
+exports.usePlatformListStore = index$a.usePlatformListStore;
 //# sourceMappingURL=index.js.map

package/lib/hooks/store/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/usePlatformList/index.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="@vueuse/shared" />
+import type { PostPlatformListResponseDatum } from '../../../api/shopAdmin';
+/**三方平台列表 */
+export declare const usePlatformListStore: import("pinia").StoreDefinition<"gmPlatformList", import("pinia")._UnwrapAll<Pick<{
+    platformList: import("@vueuse/shared").RemovableRef<PostPlatformListResponseDatum[]>;
+    isLoading: import("vue").Ref<boolean>;
+    getPlatformList: () => Promise<void>;
+}, "isLoading" | "platformList">>, Pick<{
+    platformList: import("@vueuse/shared").RemovableRef<PostPlatformListResponseDatum[]>;
+    isLoading: import("vue").Ref<boolean>;
+    getPlatformList: () => Promise<void>;
+}, never>, Pick<{
+    platformList: import("@vueuse/shared").RemovableRef<PostPlatformListResponseDatum[]>;
+    isLoading: import("vue").Ref<boolean>;
+    getPlatformList: () => Promise<void>;
+}, "getPlatformList">>;

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

@@ -0,0 +1,44 @@
+'use strict';
+
+var vue = require('vue');
+var pinia = require('pinia');
+require('../../../api/shopAdmin/index.js');
+var core = require('@vueuse/core');
+var postPlatfirmList = require('../../../api/shopAdmin/store/postPlatfirmList.js');
+
+const usePlatformListStore = pinia.defineStore("gmPlatformList", () => {
+  const platformList = core.useSessionStorage("gmPlatformList", [], { listenToStorageChanges: false });
+  const isLoading = vue.ref(false);
+  const getPlatformList = async () => {
+    if (platformList.value.length !== 0) {
+      isLoading.value = false;
+      return;
+    }
+    if (isLoading.value) {
+      return;
+    }
+    try {
+      isLoading.value = true;
+      const { data } = await postPlatfirmList.postPlatListApi();
+      isLoading.value = false;
+      if (data.code !== 0) {
+        return;
+      }
+      platformList.value = data.data;
+    } catch (e) {
+      console.error(e);
+      isLoading.value = false;
+    }
+  };
+  vue.onMounted(() => {
+    getPlatformList();
+  });
+  return {
+    platformList,
+    isLoading,
+    getPlatformList
+  };
+});
+
+exports.usePlatformListStore = usePlatformListStore;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../packages/hooks/store/usePlatformList/index.ts"],"sourcesContent":["import { onMounted, ref } from 'vue';\r\nimport { defineStore } from 'pinia';\r\nimport { postPlatListApi } from '@giime/api/shopAdmin';\r\nimport { useSessionStorage } from '@vueuse/core';\r\nimport type { PostPlatformListResponseDatum } from '@giime/api/shopAdmin';\r\n\r\n/**三方平台列表 */\r\nexport const usePlatformListStore = defineStore('gmPlatformList', () => {\r\n  const platformList = useSessionStorage<PostPlatformListResponseDatum[]>('gmPlatformList', [], { listenToStorageChanges: false });\r\n\r\n  const isLoading = ref(false);\r\n  const getPlatformList = async () => {\r\n    if (platformList.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 postPlatListApi();\r\n      isLoading.value = false;\r\n      if (data.code !== 0) {\r\n        return;\r\n      }\r\n      platformList.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    getPlatformList();\r\n  });\r\n  return {\r\n    platformList,\r\n    isLoading,\r\n    getPlatformList,\r\n  };\r\n});\r\n"],"names":["defineStore","useSessionStorage","ref","postPlatListApi","onMounted"],"mappings":";;;;;;;;AAOa,MAAA,oBAAA,GAAuBA,iBAAY,CAAA,gBAAA,EAAkB,MAAM;AACtE,EAAM,MAAA,YAAA,GAAeC,uBAAmD,gBAAkB,EAAA,IAAI,EAAE,sBAAA,EAAwB,OAAO,CAAA,CAAA;AAE/H,EAAM,MAAA,SAAA,GAAYC,QAAI,KAAK,CAAA,CAAA;AAC3B,EAAA,MAAM,kBAAkB,YAAY;AAClC,IAAI,IAAA,YAAA,CAAa,KAAM,CAAA,MAAA,KAAW,CAAG,EAAA;AACnC,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,gCAAgB,EAAA,CAAA;AACvC,MAAA,SAAA,CAAU,KAAQ,GAAA,KAAA,CAAA;AAClB,MAAI,IAAA,IAAA,CAAK,SAAS,CAAG,EAAA;AACnB,QAAA,OAAA;AAAA,OACF;AACA,MAAA,YAAA,CAAa,QAAQ,IAAK,CAAA,IAAA,CAAA;AAAA,aACnB,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,IAAgB,eAAA,EAAA,CAAA;AAAA,GACjB,CAAA,CAAA;AACD,EAAO,OAAA;AAAA,IACL,YAAA;AAAA,IACA,SAAA;AAAA,IACA,eAAA;AAAA,GACF,CAAA;AACF,CAAC;;;;"}

package/lib/utils/src/objects.js.map

@@ -1 +1 @@
-{"version":3,"file":"objects.js","sources":["../../../../../packages/utils/src/objects.ts"],"sourcesContent":["export const keysOf = <T extends object>(arr: T) => Object.keys(arr) as Array<keyof T>;\nconst hasOwnProperty = Object.prototype.hasOwnProperty;\nexport const hasOwn = (val: object, key: string | symbol): key is keyof typeof val => hasOwnProperty.call(val, key);\n"],"names":[],"mappings":";;AAAO,MAAM,MAAS,GAAA,CAAmB,GAAW,KAAA,MAAA,CAAO,KAAK,GAAG,EAAA;AACnE,MAAM,cAAA,GAAiB,OAAO,SAAU,CAAA,cAAA,CAAA;AACjC,MAAM,SAAS,CAAC,GAAA,EAAa,QAAkD,cAAe,CAAA,IAAA,CAAK,KAAK,GAAG;;;;;"}
+{"version":3,"file":"objects.js","sources":["../../../../../packages/utils/src/objects.ts"],"sourcesContent":["export const keysOf = <T extends object>(arr: T) => Object.keys(arr) as Array<keyof T>;\r\nconst hasOwnProperty = Object.prototype.hasOwnProperty;\r\nexport const hasOwn = (val: object, key: string | symbol): key is keyof typeof val => hasOwnProperty.call(val, key);\r\n"],"names":[],"mappings":";;AAAO,MAAM,MAAS,GAAA,CAAmB,GAAW,KAAA,MAAA,CAAO,KAAK,GAAG,EAAA;AACnE,MAAM,cAAA,GAAiB,OAAO,SAAU,CAAA,cAAA,CAAA;AACjC,MAAM,SAAS,CAAC,GAAA,EAAa,QAAkD,cAAe,CAAA,IAAA,CAAK,KAAK,GAAG;;;;;"}

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

@@ -16,3 +16,17 @@ export type DeepRequired<T> = T extends Primitive ? T : keyof T extends never ?
 export type DeepWritable<T> = T extends Primitive ? T : keyof T extends never ? T : {
     -readonly [K in keyof T]: DeepWritable<T[K]>;
 };
+/**
+ * 把一堆类型 如：Partial<Pick<User, "name">> & Omit<User, "name">   合并成简单的 {name?:string;age:number}
+ */
+export type MergeType<T> = {
+    [K in keyof T]: T[K];
+};
+/**
+ * https://github.com/type-challenges/type-challenges/blob/master/questions/02757-medium-partialbykeys/README.md
+ */
+export type PartialByKeys<T, K = keyof T, P extends keyof T = Extract<keyof T, K>> = MergeType<Partial<Pick<T, P>> & Omit<T, P>>;
+/**
+ * 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>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "giime",
-  "version": "0.0.18",
+  "version": "0.0.20",
   "description": "A Component Library for Vue 3",
   "keywords": [
     "giime",
@@ -61,6 +61,7 @@
     "lodash-es": "^4.17.21",
     "idb-keyval": "^6.2.1",
     "clipboard": "^2.0.11",
+    "jszip": "^3.10.1",
     "@types/lodash": "^4.17.0",
     "@types/lodash-es": "^4.17.12"
   },