@vft/directives 0.0.1

package/dist/cjs/click-out-side.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("@vft/utils"),s=new Map;let d;f.isClient&&(document.addEventListener("mousedown",e=>d=e),document.addEventListener("mouseup",e=>{for(const t of s.values())for(const{documentHandler:n}of t)n(e,d)}));function i(e,t){let n=[];return Array.isArray(t.arg)?n=t.arg:f.isElement(t.arg)&&n.push(t.arg),function(a,o){const r=t.instance.popperRef,c=a.target,u=o==null?void 0:o.target,p=!t||!t.instance,g=!c||!u,h=e.contains(c)||e.contains(u),v=e===c,E=n.length&&n.some(l=>l==null?void 0:l.contains(c))||n.length&&n.includes(u),H=r&&(r.contains(c)||r.contains(u));p||g||h||v||E||H||t.value(a,o)}}const x={beforeMount(e,t){s.has(e)||s.set(e,[]),s.get(e).push({documentHandler:i(e,t),bindingFn:t.value})},updated(e,t){s.has(e)||s.set(e,[]);const n=s.get(e),a=n.findIndex(r=>r.bindingFn===t.oldValue),o={documentHandler:i(e,t),bindingFn:t.value};a>=0?n.splice(a,1,o):n.push(o)},unmounted(e){s.delete(e)}};exports.default=x;

package/dist/cjs/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./scroll-fix.cjs"),r=require("./click-out-side.cjs"),t=require("./permission.cjs"),s=e=>{e.directive("scrollFix",i.scrollFix)},c=e=>{e.directive("ClickOutside",r.default)};exports.setupPermissionDirective=t.setupPermissionDirective;exports.registerGlobalDirective=s;exports.registerGlobalDirectiveForWeb=c;

package/dist/cjs/permission.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@vft/use");function u(e,i,t){var n;const{hasPermission:s}=o.usePermission(t||[]),r=i.value;r&&(s(r)||(n=e.parentNode)==null||n.removeChild(e))}function c(e,i){e.directive("auth",{mounted:(t,s)=>{u(t,s,i)}})}exports.setupPermissionDirective=c;

package/dist/cjs/scroll-fix.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l={mounted(c){let o={};c.addEventListener("touchstart",e=>{o=e.touches[0]}),c.addEventListener("touchmove",e=>{e.stopPropagation();const t=e.currentTarget,s=e.touches[0];(t.scrollHeight<=t.offsetHeight||!t.scrollTop&&s.screenY>o.screenY||t.scrollTop===t.scrollHeight-t.offsetHeight&&s.screenY<o.screenY)&&e.cancelable&&e.preventDefault(),o=s},!1)}};exports.scrollFix=l;

package/dist/click-out-side.d.ts

@@ -0,0 +1,3 @@
+import type { ObjectDirective } from 'vue';
+declare const ClickOutside: ObjectDirective;
+export default ClickOutside;

package/dist/es/click-out-side.js

@@ -0,0 +1,37 @@
+import { isClient as E, isElement as H } from "@vft/utils";
+const s = /* @__PURE__ */ new Map();
+let l;
+E && (document.addEventListener("mousedown", (e) => l = e), document.addEventListener("mouseup", (e) => {
+  for (const t of s.values())
+    for (const { documentHandler: n } of t)
+      n(e, l);
+}));
+function i(e, t) {
+  let n = [];
+  return Array.isArray(t.arg) ? n = t.arg : H(t.arg) && n.push(t.arg), function(o, a) {
+    const r = t.instance.popperRef, c = o.target, u = a == null ? void 0 : a.target, f = !t || !t.instance, p = !c || !u, h = e.contains(c) || e.contains(u), g = e === c, v = n.length && n.some((d) => d == null ? void 0 : d.contains(c)) || n.length && n.includes(u), x = r && (r.contains(c) || r.contains(u));
+    f || p || h || g || v || x || t.value(o, a);
+  };
+}
+const C = {
+  beforeMount(e, t) {
+    s.has(e) || s.set(e, []), s.get(e).push({
+      documentHandler: i(e, t),
+      bindingFn: t.value
+    });
+  },
+  updated(e, t) {
+    s.has(e) || s.set(e, []);
+    const n = s.get(e), o = n.findIndex((r) => r.bindingFn === t.oldValue), a = {
+      documentHandler: i(e, t),
+      bindingFn: t.value
+    };
+    o >= 0 ? n.splice(o, 1, a) : n.push(a);
+  },
+  unmounted(e) {
+    s.delete(e);
+  }
+};
+export {
+  C as default
+};

package/dist/es/index.js

@@ -0,0 +1,13 @@
+import { scrollFix as e } from "./scroll-fix.js";
+import r from "./click-out-side.js";
+import { setupPermissionDirective as p } from "./permission.js";
+const c = (i) => {
+  i.directive("scrollFix", e);
+}, s = (i) => {
+  i.directive("ClickOutside", r);
+};
+export {
+  c as registerGlobalDirective,
+  s as registerGlobalDirectiveForWeb,
+  p as setupPermissionDirective
+};

package/dist/es/permission.js

@@ -0,0 +1,16 @@
+import { usePermission as s } from "@vft/use";
+function u(e, i, t) {
+  var r;
+  const { hasPermission: o } = s(t || []), n = i.value;
+  n && (o(n) || (r = e.parentNode) == null || r.removeChild(e));
+}
+function c(e, i) {
+  e.directive("auth", {
+    mounted: (t, o) => {
+      u(t, o, i);
+    }
+  });
+}
+export {
+  c as setupPermissionDirective
+};

package/dist/es/scroll-fix.js

@@ -0,0 +1,19 @@
+const r = {
+  mounted(c) {
+    let o = {};
+    c.addEventListener("touchstart", (e) => {
+      o = e.touches[0];
+    }), c.addEventListener(
+      "touchmove",
+      (e) => {
+        e.stopPropagation();
+        const t = e.currentTarget, s = e.touches[0];
+        (t.scrollHeight <= t.offsetHeight || !t.scrollTop && s.screenY > o.screenY || t.scrollTop === t.scrollHeight - t.offsetHeight && s.screenY < o.screenY) && e.cancelable && e.preventDefault(), o = s;
+      },
+      !1
+    );
+  }
+};
+export {
+  r as scrollFix
+};

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+import type { App } from 'vue';
+export declare const registerGlobalDirective: (app: App) => void;
+export declare const registerGlobalDirectiveForWeb: (app: App) => void;
+export * from './permission';

package/dist/permission.d.ts

@@ -0,0 +1,2 @@
+import type { App, Ref } from 'vue';
+export declare function setupPermissionDirective(app: App, roleList: Ref<string[]>): void;

package/dist/scroll-fix.d.ts

@@ -0,0 +1,9 @@
+import type { Directive } from 'vue';
+/**
+ * @description 禁止 ios 橡皮筋效果
+ * @author wfd
+ * @date 2022/8/24 15:40
+ * @example v-scroll-fix
+ */
+declare const scrollFix: Directive;
+export { scrollFix };

package/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "@vft/directives",
+  "version": "0.0.1",
+  "main": "./dist/cjs/index.cjs",
+  "module": "./dist/es/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "require": "./dist/cjs/index.cjs",
+      "import": "./dist/es/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "devDependencies": {
+    "vue": "^3.2.45",
+    "@vft/use": "0.0.3",
+    "@vft/utils": "0.0.6",
+    "@vft/constants": "0.0.28"
+  },
+  "peerDependencies": {
+    "vue": "^3.2.45",
+    "@vft/utils": "0.0.6",
+    "@vft/use": "0.0.3",
+    "@vft/constants": "0.0.28"
+  },
+  "scripts": {
+    "stub": "unbuild --stub && pnpm -F @vft/scripts stub-helper",
+    "dev": "pnpm run stub",
+    "clean": "pnpm /^clean:/",
+    "clean:dist": "rimraf dist",
+    "clean:node_modules": "rimraf node_modules",
+    "build": "vite build",
+    "pub": "pnpm clean:dist && pnpm build && tsx ../../scripts/src/publish.ts --pkg packages/directives -b"
+  }
+}