hzzt-plus 0.0.3 → 0.0.5

package/es/directives/drag/index.d.ts

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

package/es/directives/drag/index.mjs

@@ -0,0 +1,74 @@
+const Drag = {
+  mounted(el, binding) {
+    let callback = binding.value;
+    if (!callback) {
+      callback = () => ({});
+    }
+    initMouseEvent(el, callback);
+  },
+  unmounted(el) {
+    el.onmousedown = null;
+    el.onmousemove = null;
+    el.onmouseup = null;
+  }
+};
+function initMouseEvent(el, callback) {
+  let startPoint = null;
+  let endPoint = null;
+  let roiDiv = null;
+  const onMousedown = (e) => {
+    if (e.ctrlKey) {
+      startPoint = { x: e.x, y: e.y };
+      document.onselectstart = () => false;
+      document.ondragstart = () => false;
+    } else {
+      removeRoi();
+      startPoint = null;
+      endPoint = null;
+    }
+  };
+  const onMousemove = (e) => {
+    if (e.ctrlKey && startPoint) {
+      endPoint = { x: e.x, y: e.y };
+      removeRoi();
+      createRoi();
+    } else {
+      removeRoi();
+      startPoint = null;
+      endPoint = null;
+      document.onselectstart = null;
+      document.ondragstart = null;
+    }
+  };
+  const onMouseup = () => {
+    if (roiDiv) {
+      callback(roiDiv.getBoundingClientRect());
+    }
+    document.onselectstart = null;
+    document.ondragstart = null;
+    removeRoi();
+    startPoint = null;
+    endPoint = null;
+  };
+  function removeRoi() {
+    if (roiDiv && document.body.contains(roiDiv)) {
+      document.body.removeChild(roiDiv);
+    }
+    roiDiv = null;
+  }
+  function createRoi() {
+    roiDiv = document.createElement("div");
+    const distX = endPoint.x - startPoint.x;
+    const distY = endPoint.y - startPoint.y;
+    const left = startPoint.x < endPoint.x ? startPoint.x : endPoint.x;
+    const top = startPoint.y < endPoint.y ? startPoint.y : endPoint.y;
+    roiDiv.style.cssText = `position: fixed;z-index: 9999;width: ${Math.abs(distX)}px;height: ${Math.abs(distY)}px;border: 1px solid #0655c3;left: ${left}px;top: ${top}px;pointer-events: none;`;
+    document.body.appendChild(roiDiv);
+  }
+  el.onmousedown = onMousedown;
+  el.onmousemove = onMousemove;
+  el.onmouseup = onMouseup;
+}
+
+export { Drag as default };
+//# sourceMappingURL=index.mjs.map

package/es/directives/drag/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/directives/drag/index.ts"],"sourcesContent":["import type { DirectiveBinding, ObjectDirective } from 'vue'\n\ntype Point = {\n  x: number\n  y: number\n}\n\ntype CallbackHandler = (rect?: DOMRect) => void\n\nconst Drag: ObjectDirective = {\n  // 当被绑定的元素插入到 DOM 中时……\n  mounted(el: HTMLElement, binding: DirectiveBinding) {\n    let callback = binding.value\n    if (!callback) {\n      callback = () => ({})\n    }\n\n    initMouseEvent(el, callback)\n  },\n  // 只调用一次，指令与元素解绑时调用。\n  unmounted(el: HTMLElement) {\n    el.onmousedown = null\n    el.onmousemove = null\n    el.onmouseup = null\n  },\n}\n\nfunction initMouseEvent(el: HTMLElement, callback: CallbackHandler) {\n  let startPoint: Point | null = null\n  let endPoint: Point | null = null\n  let roiDiv: HTMLDivElement | null = null\n\n  const onMousedown = (e: MouseEvent) => {\n    if (e.ctrlKey) {\n      startPoint = { x: e.x, y: e.y }\n      document.onselectstart = () => false\n      document.ondragstart = () => false\n    } else {\n      removeRoi()\n      startPoint = null\n      endPoint = null\n    }\n  }\n\n  const onMousemove = (e: MouseEvent) => {\n    if (e.ctrlKey && startPoint) {\n      endPoint = { x: e.x, y: e.y }\n      removeRoi()\n      createRoi()\n    } else {\n      removeRoi()\n      startPoint = null\n      endPoint = null\n      document.onselectstart = null\n      document.ondragstart = null\n    }\n  }\n  const onMouseup = () => {\n    if (roiDiv) {\n      callback(roiDiv.getBoundingClientRect())\n    }\n    document.onselectstart = null\n    document.ondragstart = null\n    removeRoi()\n    startPoint = null\n    endPoint = null\n  }\n\n  function removeRoi() {\n    if (roiDiv && document.body.contains(roiDiv)) {\n      document.body.removeChild(roiDiv)\n    }\n    roiDiv = null\n  }\n\n  function createRoi() {\n    roiDiv = document.createElement('div')\n    const distX = endPoint!.x - startPoint!.x\n    const distY = endPoint!.y - startPoint!.y\n    const left = startPoint!.x < endPoint!.x ? startPoint!.x : endPoint!.x\n    const top = startPoint!.y < endPoint!.y ? startPoint!.y : endPoint!.y\n    roiDiv.style.cssText = `position: fixed;z-index: 9999;width: ${Math.abs(\n      distX\n    )}px;height: ${Math.abs(\n      distY\n    )}px;border: 1px solid #0655c3;left: ${left}px;top: ${top}px;pointer-events: none;`\n    document.body.appendChild(roiDiv)\n  }\n\n  el.onmousedown = onMousedown\n  el.onmousemove = onMousemove\n  el.onmouseup = onMouseup\n}\n\nexport default Drag\n"],"names":[],"mappings":"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"}

package/es/directives/index.d.ts

@@ -2,3 +2,4 @@ export { default as Download } from './download';
 export { default as Height } from './height';
 export { default as Blur } from './blur';
 export { default as Highlight } from './highlight';
+export { default as Drag } from './drag';

package/es/directives/index.mjs

@@ -2,4 +2,5 @@ export { default as Download } from './download/index.mjs';
 export { default as Height } from './height/index.mjs';
 export { default as Blur } from './blur/index.mjs';
 export { default as Highlight } from './highlight/index.mjs';
+export { default as Drag } from './drag/index.mjs';
 //# sourceMappingURL=index.mjs.map

package/es/directives/index.mjs.map

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

package/es/index.mjs

@@ -25,6 +25,7 @@ export { default as Download } from './directives/download/index.mjs';
 export { default as Height } from './directives/height/index.mjs';
 export { default as Blur } from './directives/blur/index.mjs';
 export { default as Highlight } from './directives/highlight/index.mjs';
+export { default as Drag } from './directives/drag/index.mjs';
 export { buildLocaleContext, buildTranslator, localeContextKey, translate, useLocale } from './hooks/use-locale/index.mjs';
 export { SIZE_INJECTION_KEY, useGlobalSize, useSizeProp, useSizeProps } from './hooks/use-size/index.mjs';
 export { defaultNamespace, namespaceContextKey, useGetDerivedNamespace, useNamespace } from './hooks/use-namespace/index.mjs';

package/es/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../packages/hzzt-plus/index.ts"],"sourcesContent":["import installer from './defaults'\nexport * from '@hzzt-plus/components'\nexport * from '@hzzt-plus/constants'\nexport * from '@hzzt-plus/directives'\nexport * from '@hzzt-plus/hooks'\nexport * from './make-installer'\n\nexport const install = installer.install\nexport const version = installer.version\nexport default installer\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMY,MAAC,OAAO,GAAG,SAAS,CAAC,QAAQ;AAC7B,MAAC,OAAO,GAAG,SAAS,CAAC;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../packages/hzzt-plus/index.ts"],"sourcesContent":["import installer from './defaults'\nexport * from '@hzzt-plus/components'\nexport * from '@hzzt-plus/constants'\nexport * from '@hzzt-plus/directives'\nexport * from '@hzzt-plus/hooks'\nexport * from './make-installer'\n\nexport const install = installer.install\nexport const version = installer.version\nexport default installer\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMY,MAAC,OAAO,GAAG,SAAS,CAAC,QAAQ;AAC7B,MAAC,OAAO,GAAG,SAAS,CAAC;;;;"}

package/lib/components/collapse/src/collapse2.js.map

@@ -1 +1 @@
-{"version":3,"file":"collapse2.js","sources":["../../../../../../packages/components/collapse/src/collapse.vue"],"sourcesContent":["<template>\n  <div class=\"hzzt-collapse\">\n    <div class=\"hzzt-collapse-header\" @click=\"toggle\">\n      <div class=\"flex align-items-center\">\n        <div class=\"hzzt-collapse-title-wrapper\">\n          <div class=\"hzzt-collapse-title-block\" />\n          <div class=\"hzzt-collapse-title\">{{ title }}</div>\n        </div>\n        <div class=\"hzzt-collapse-line\" />\n      </div>\n      <span v-if=\"expand\" class=\"hzzt-collapse-text\">{{\n        active ? t('hzzt.collapse.retract') : t('hzzt.collapse.expand')\n      }}</span>\n    </div>\n    <slot name=\"active\" :active=\"active\" />\n    <slot />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, watch } from 'vue'\nimport { useLocale } from '@hzzt-plus/hooks'\n\ndefineOptions({\n  name: 'HzztCollapse',\n})\nconst { t } = useLocale()\nconst props = defineProps({\n  defaultActive: {\n    type: Boolean,\n    default: false,\n  },\n  title: {\n    type: String,\n    default: '',\n  },\n  expand: {\n    type: Boolean,\n    default: true,\n  },\n})\n\nconst active = ref(props.defaultActive)\n\nwatch(\n  () => props.defaultActive,\n  (val: boolean) => {\n    active.value = val\n  }\n)\n\nfunction toggle() {\n  active.value = !active.value\n}\n</script>\n"],"names":["useLocale","ref","watch"],"mappings":";;;;;;;;;;;;;;;;;;;uCAuBc,CAAA;AAAA,EACZ,IAAM,EAAA,cAAA;AACR,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;AACA,IAAM,MAAA,EAAE,MAAMA,eAAU,EAAA,CAAA;AAgBxB,IAAM,MAAA,MAAA,GAASC,OAAI,CAAA,KAAA,CAAM,aAAa,CAAA,CAAA;AAEtC,IAAAC,SAAA,CACE,MAAM,KAAA,CAAM,aACZ,EAAA,CAAC,GAAiB,KAAA;AAChB,MAAA,MAAA,CAAO,KAAQ,GAAA,GAAA,CAAA;AAAA,KAEnB,CAAA,CAAA;AAEA,IAAkB,SAAA,MAAA,GAAA;AAChB,MAAO,MAAA,CAAA,KAAA,GAAQ,CAAC,MAAO,CAAA,KAAA,CAAA;AAAA,KACzB;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"collapse2.js","sources":["../../../../../../packages/components/collapse/src/collapse.vue"],"sourcesContent":["<template>\n  <div class=\"hzzt-collapse\">\n    <div class=\"hzzt-collapse-header\" @click=\"toggle\">\n      <div class=\"flex align-items-center\">\n        <div class=\"hzzt-collapse-title-wrapper\">\n          <div class=\"hzzt-collapse-title-block\" />\n          <div class=\"hzzt-collapse-title\">{{ title }}</div>\n        </div>\n        <div class=\"hzzt-collapse-line\" />\n      </div>\n      <span v-if=\"expand\" class=\"hzzt-collapse-text\">{{\n        active ? t('hzzt.collapse.retract') : t('hzzt.collapse.expand')\n      }}</span>\n    </div>\n    <slot name=\"active\" :active=\"active\" />\n    <slot />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, watch } from 'vue'\nimport { useLocale } from '@hzzt-plus/hooks'\n\ndefineOptions({\n  name: 'HzztCollapse',\n})\nconst { t } = useLocale()\nconst props = defineProps({\n  defaultActive: {\n    type: Boolean,\n    default: false,\n  },\n  title: {\n    type: String,\n    default: '',\n  },\n  expand: {\n    type: Boolean,\n    default: true,\n  },\n})\n\nconst active = ref(props.defaultActive)\n\nwatch(\n  () => props.defaultActive,\n  (val: boolean) => {\n    active.value = val\n  }\n)\n\nfunction toggle() {\n  active.value = !active.value\n}\n</script>\n"],"names":["_createElementVNode","_toDisplayString","_openBlock","_createElementBlock","_unref","_createCommentVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,KAAA;AACA,IAAA,KAAS,EAAiB;;;AAEZ,KACN;AACR,IAAA,MAAA,EAAA;;;;;;;;;;;;;;;;;;;AACA,UAAM,OAAI,EAAc,MAAA;AAgBxB,SAAM,EAAA;AAEN,UAAAA,sBAAA,CAAA,KAAA,EAAA,UAAA,EAAA;AAAA,YACQA,sBAAM,CAAA,KAAA,EAAA,UAAA,EAAA;AAAA,cACM,UAAA;AAChB,cAAAA,sBAAe,CAAA,KAAA,EAAA,UAAA,EAAAC,mBAAA,CAAA,OAAA,CAAA,KAAA,CAAA,EAAA,CAAA,CAAA;AAAA,aACjB,CAAA;AAAA,YACF,UAAA;AAEA,WAAA,CAAA;AACE,UAAO,OAAA,CAAA,MAAgB,IAAAC,aAAA,EAAA,EAAAC,sBAAA,CAAA,MAAA,EAAA,UAAA,EAAAF,mBAAA,CAAA,MAAA,CAAA,KAAA,GAAAG,SAAA,CAAA,CAAA,CAAA,CAAA,uBAAA,CAAA,GAAAA,SAAA,CAAA,CAAA,CAAA,CAAA,sBAAA,CAAA,CAAA,EAAA,CAAA,CAAA,IAAAC,sBAAA,CAAA,MAAA,EAAA,IAAA,CAAA;AAAA,SACzB,CAAA;;;;;;;;;;;"}