@veltra/directives 1.2.10 → 1.2.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ripple/index.js.map +1 -1
- package/package.json +4 -4
package/dist/ripple/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../src/ripple/index.ts"],"sourcesContent":["import type { DirectiveBinding, ObjectDirective } from 'vue'\n\nimport { Ripple } from './ripple'\n\nconst rippleMap = new WeakMap<HTMLElement, Ripple>()\n\nfunction handleMousedown(e: MouseEvent) {\n if (e.button !== 0) return\n const container = e.currentTarget as HTMLElement\n\n const mouseupHandler = () => {\n rippleMap.get(container)?.remove()\n document.removeEventListener('mouseup', mouseupHandler)\n }\n\n document.addEventListener('mouseup', mouseupHandler)\n\n let ripple = rippleMap.get(container)\n if (!ripple) {\n const { rippleClass, duration } = container.dataset\n ripple = new Ripple(container, {\n rippleClass,\n duration: duration ? Number(duration) : undefined\n })\n rippleMap.set(container, ripple)\n }\n\n ripple.showByEvent(e)\n}\n\nfunction handleMouseleave(e: MouseEvent) {\n rippleMap.get(e.currentTarget as HTMLElement)?.remove()\n}\n\n/**\n * 注册按下事件\n * @param el\n * @param binding\n * @todo 如有必要将来可添加触摸事件\n */\nconst registerEvents = (el: HTMLElement, binding: DirectiveBinding<any>) => {\n // 如果指令绑定的值为false则不应用该事件.\n if (binding.value === false) return\n\n el.addEventListener('mousedown', handleMousedown)\n el.addEventListener('mouseleave', handleMouseleave)\n}\n\n/**\n * 注销按下事件\n * @param el 元素\n */\nconst unregisterEvents = (el: HTMLElement) => {\n el.removeEventListener('mousedown', handleMousedown)\n el.removeEventListener('mouseleave', handleMouseleave)\n}\n\nexport { Ripple }\n\nexport const vRipple: ObjectDirective<HTMLElement> = {\n mounted: (el, binding) => {\n if (binding.value !== false) {\n el.dataset.rippleClass = binding.value\n }\n\n if (binding.arg) {\n el.dataset.duration = binding.arg\n }\n\n registerEvents(el, binding)\n },\n\n unmounted: (el) => {\n unregisterEvents(el)\n rippleMap.get(el)?.remove()\n rippleMap.delete(el)\n },\n\n updated(el, binding) {\n const registered = binding.oldValue !== false\n\n if (binding.value !== false) {\n if (!registered) {\n registerEvents(el, binding)\n }\n } else {\n if (registered) {\n unregisterEvents(el)\n }\n }\n }\n}\n"],"mappings":";;AAIA,MAAM,4BAAY,IAAI,QAA6B;AAEnD,SAAS,gBAAgB,GAAe;CACtC,IAAI,EAAE,WAAW,GAAG;CACpB,MAAM,YAAY,EAAE;CAEpB,MAAM,uBAAuB;EAC3B,UAAU,IAAI,SAAS,
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../src/ripple/index.ts"],"sourcesContent":["import type { DirectiveBinding, ObjectDirective } from 'vue'\n\nimport { Ripple } from './ripple'\n\nconst rippleMap = new WeakMap<HTMLElement, Ripple>()\n\nfunction handleMousedown(e: MouseEvent) {\n if (e.button !== 0) return\n const container = e.currentTarget as HTMLElement\n\n const mouseupHandler = () => {\n rippleMap.get(container)?.remove()\n document.removeEventListener('mouseup', mouseupHandler)\n }\n\n document.addEventListener('mouseup', mouseupHandler)\n\n let ripple = rippleMap.get(container)\n if (!ripple) {\n const { rippleClass, duration } = container.dataset\n ripple = new Ripple(container, {\n rippleClass,\n duration: duration ? Number(duration) : undefined\n })\n rippleMap.set(container, ripple)\n }\n\n ripple.showByEvent(e)\n}\n\nfunction handleMouseleave(e: MouseEvent) {\n rippleMap.get(e.currentTarget as HTMLElement)?.remove()\n}\n\n/**\n * 注册按下事件\n * @param el\n * @param binding\n * @todo 如有必要将来可添加触摸事件\n */\nconst registerEvents = (el: HTMLElement, binding: DirectiveBinding<any>) => {\n // 如果指令绑定的值为false则不应用该事件.\n if (binding.value === false) return\n\n el.addEventListener('mousedown', handleMousedown)\n el.addEventListener('mouseleave', handleMouseleave)\n}\n\n/**\n * 注销按下事件\n * @param el 元素\n */\nconst unregisterEvents = (el: HTMLElement) => {\n el.removeEventListener('mousedown', handleMousedown)\n el.removeEventListener('mouseleave', handleMouseleave)\n}\n\nexport { Ripple }\n\nexport const vRipple: ObjectDirective<HTMLElement> = {\n mounted: (el, binding) => {\n if (binding.value !== false) {\n el.dataset.rippleClass = binding.value\n }\n\n if (binding.arg) {\n el.dataset.duration = binding.arg\n }\n\n registerEvents(el, binding)\n },\n\n unmounted: (el) => {\n unregisterEvents(el)\n rippleMap.get(el)?.remove()\n rippleMap.delete(el)\n },\n\n updated(el, binding) {\n const registered = binding.oldValue !== false\n\n if (binding.value !== false) {\n if (!registered) {\n registerEvents(el, binding)\n }\n } else {\n if (registered) {\n unregisterEvents(el)\n }\n }\n }\n}\n"],"mappings":";;AAIA,MAAM,4BAAY,IAAI,QAA6B;AAEnD,SAAS,gBAAgB,GAAe;CACtC,IAAI,EAAE,WAAW,GAAG;CACpB,MAAM,YAAY,EAAE;CAEpB,MAAM,uBAAuB;EAC3B,UAAU,IAAI,SAAS,CAAC,EAAE,OAAO;EACjC,SAAS,oBAAoB,WAAW,cAAc;CACxD;CAEA,SAAS,iBAAiB,WAAW,cAAc;CAEnD,IAAI,SAAS,UAAU,IAAI,SAAS;CACpC,IAAI,CAAC,QAAQ;EACX,MAAM,EAAE,aAAa,aAAa,UAAU;EAC5C,SAAS,IAAI,OAAO,WAAW;GAC7B;GACA,UAAU,WAAW,OAAO,QAAQ,IAAI,KAAA;EAC1C,CAAC;EACD,UAAU,IAAI,WAAW,MAAM;CACjC;CAEA,OAAO,YAAY,CAAC;AACtB;AAEA,SAAS,iBAAiB,GAAe;CACvC,UAAU,IAAI,EAAE,aAA4B,CAAC,EAAE,OAAO;AACxD;;;;;;;AAQA,MAAM,kBAAkB,IAAiB,YAAmC;CAE1E,IAAI,QAAQ,UAAU,OAAO;CAE7B,GAAG,iBAAiB,aAAa,eAAe;CAChD,GAAG,iBAAiB,cAAc,gBAAgB;AACpD;;;;;AAMA,MAAM,oBAAoB,OAAoB;CAC5C,GAAG,oBAAoB,aAAa,eAAe;CACnD,GAAG,oBAAoB,cAAc,gBAAgB;AACvD;AAIA,MAAa,UAAwC;CACnD,UAAU,IAAI,YAAY;EACxB,IAAI,QAAQ,UAAU,OACpB,GAAG,QAAQ,cAAc,QAAQ;EAGnC,IAAI,QAAQ,KACV,GAAG,QAAQ,WAAW,QAAQ;EAGhC,eAAe,IAAI,OAAO;CAC5B;CAEA,YAAY,OAAO;EACjB,iBAAiB,EAAE;EACnB,UAAU,IAAI,EAAE,CAAC,EAAE,OAAO;EAC1B,UAAU,OAAO,EAAE;CACrB;CAEA,QAAQ,IAAI,SAAS;EACnB,MAAM,aAAa,QAAQ,aAAa;EAExC,IAAI,QAAQ,UAAU;OAChB,CAAC,YACH,eAAe,IAAI,OAAO;EAAA,OAG5B,IAAI,YACF,iBAAiB,EAAE;CAGzB;AACF"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@veltra/directives",
|
|
3
|
-
"version": "1.2.
|
|
3
|
+
"version": "1.2.12",
|
|
4
4
|
"files": [
|
|
5
5
|
"dist",
|
|
6
6
|
"src"
|
|
@@ -24,8 +24,8 @@
|
|
|
24
24
|
"build": "vp pack"
|
|
25
25
|
},
|
|
26
26
|
"peerDependencies": {
|
|
27
|
-
"@veltra/styles": "1.2.
|
|
28
|
-
"@veltra/utils": "1.2.
|
|
29
|
-
"vue": ">=3.5.
|
|
27
|
+
"@veltra/styles": "1.2.12",
|
|
28
|
+
"@veltra/utils": "1.2.12",
|
|
29
|
+
"vue": ">=3.5.39"
|
|
30
30
|
}
|
|
31
31
|
}
|