eco-vue-js 0.11.13 → 0.11.15

package/dist/main.js

@@ -117,7 +117,7 @@ export { Order, encodeOrdering, parseOrdering } from './utils/order.js';
 export { useProvideDisabled, useProvideReadonly, useProvideSkeleton } from './utils/provide.js';
 export { supportsPassive } from './utils/supportsPassive.js';
 export { useComponentStates, useComponentStatesButton, useComponentStatesSkeleton } from './utils/useComponentStates.js';
-export { useCopy } from './utils/useCopy.js';
+export { checkPermissionPaste, useCopy } from './utils/useCopy.js';
 export { PAGE_LENGTH, makeQueryPaginated, useDefaultQuery, wrapUseQueryPaginated } from './utils/useDefaultQuery.js';
 export { paginatedResponseUpdater, useQueryUpdater } from './utils/useQueryUpdater.js';
 export { getPosition, useSelected } from './utils/useSelected.js';
@@ -192,6 +192,7 @@ export { default as IconPaste } from './assets/icons/IconPaste.svg.js';
 export { default as IconProfile } from './assets/icons/IconProfile.svg.js';
 export { default as IconQuote } from './assets/icons/IconQuote.svg.js';
 export { default as IconRadar } from './assets/icons/IconRadar.svg.js';
+export { default as IconRedo } from './assets/icons/IconRedo.svg.js';
 export { default as IconRefresh } from './assets/icons/IconRefresh.svg.js';
 export { default as IconSearch } from './assets/icons/IconSearch.svg.js';
 export { default as IconSettings } from './assets/icons/IconSettings.svg.js';
@@ -208,6 +209,7 @@ export { default as IconTag } from './assets/icons/IconTag.svg.js';
 export { default as IconTask } from './assets/icons/IconTask.svg.js';
 export { default as IconTime } from './assets/icons/IconTime.svg.js';
 export { default as IconTrash } from './assets/icons/IconTrash.svg.js';
+export { default as IconUndo } from './assets/icons/IconUndo.svg.js';
 export { default as IconUser } from './assets/icons/IconUser.svg.js';
 export { default as IconVersionControl } from './assets/icons/IconVersionControl.svg.js';
 export { default as IconWarn } from './assets/icons/IconWarn.svg.js';

package/dist/utils/useCopy.d.ts

@@ -1,4 +1,5 @@
 import { MaybeRef } from 'vue';
+export declare const checkPermissionPaste: () => Promise<boolean>;
 export declare const useCopy: (value: MaybeRef<string | number | undefined>) => {
     copied: import('vue').Ref<boolean, boolean>;
     iconCopy: import('vue').ComputedRef<import('vue').Raw<import('vue').FunctionalComponent<import('vue').SVGAttributes, {}, any, {}>>>;

package/dist/utils/useCopy.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCopy.d.ts","sourceRoot":"","sources":["../../../src/utils/useCopy.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,QAAQ,EAAgC,MAAM,KAAK,CAAA;AAOhE,eAAO,MAAM,OAAO,GAAI,OAAO,QAAQ,CAAC,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;;;;CAgEnE,CAAA"}
+{"version":3,"file":"useCopy.d.ts","sourceRoot":"","sources":["../../../src/utils/useCopy.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,QAAQ,EAAgC,MAAM,KAAK,CAAA;AAOhE,eAAO,MAAM,oBAAoB,QAAa,OAAO,CAAC,OAAO,CAG5D,CAAA;AAOD,eAAO,MAAM,OAAO,GAAI,OAAO,QAAQ,CAAC,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;;;;CAuDnE,CAAA"}

package/dist/utils/useCopy.js

@@ -3,14 +3,18 @@ import IconCopy from '../assets/icons/IconCopy.svg.js';
 import IconCopySuccess from '../assets/icons/IconCopySuccess.svg.js';
 import { Notify } from './Notify.js';
 
+const checkPermissionPaste = async () => {
+  const result = await navigator.permissions.query({ name: "clipboard-read" });
+  return result.state === "granted" || result.state === "prompt";
+};
+const checkPermissionCopy = async () => {
+  const result = await navigator.permissions.query({ name: "clipboard-write" });
+  return result.state === "granted" || result.state === "prompt";
+};
 const useCopy = (value) => {
   const copied = ref(false);
   let timeout;
   const iconCopy = computed(() => copied.value ? markRaw(IconCopySuccess) : markRaw(IconCopy));
-  const checkPermission = async () => {
-    const result = await navigator.permissions.query({ name: "clipboard-write" });
-    return result.state === "granted" || result.state === "prompt";
-  };
   const _doCopy = () => {
     const text = unref(value);
     if (!text) {
@@ -29,22 +33,20 @@ const useCopy = (value) => {
         timeout = void 0;
         copied.value = false;
       }, 1e3);
-    }).catch(() => {
-      Notify.error({
-        title: "Copy failed"
-      });
     });
   };
   const doCopy = () => {
-    _doCopy().catch(async () => {
-      if (!await checkPermission()) {
-        Notify.error({
-          title: "Copy failed",
-          caption: "Writing to clipboard is not permitted"
-        });
-      }
-      _doCopy();
-    });
+    try {
+      _doCopy().catch(async () => {
+        await checkPermissionCopy();
+        await _doCopy();
+      });
+    } catch {
+      Notify.error({
+        title: "Copy failed",
+        caption: `Please allow the clipboard actions in browser settings for current domain: ${location.host}`
+      });
+    }
   };
   return {
     copied,
@@ -53,4 +55,4 @@ const useCopy = (value) => {
   };
 };
 
-export { useCopy };
+export { checkPermissionPaste, useCopy };

package/package.json

@@ -4,7 +4,7 @@
     "type": "git",
     "url": "https://github.com/rsmple/eco-vue-js.git"
   },
-  "version": "0.11.13",
+  "version": "0.11.15",
   "dependencies": {
     "@stylistic/eslint-plugin": "5.2.3",
     "@tanstack/eslint-plugin-query": "5.83.1",