pro-design-vue 0.0.1-beta.1

package/lib/components/table/src/components/Header/DragHandle.vue2.js

@@ -0,0 +1,110 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var TableContext = require('../context/TableContext.js');
+var useColumns = require('../../hooks/useColumns.js');
+var raf = require('../../utils/raf.js');
+var addEventListener = require('../../utils/addEventListener.js');
+
+const events = {
+  mouse: {
+    move: "mousemove",
+    stop: "mouseup"
+  },
+  touch: {
+    move: "touchmove",
+    stop: "touchend"
+  }
+};
+var _sfc_main = vue.defineComponent({
+  name: "DragHandle",
+  props: {
+    prefixCls: String,
+    minWidth: { type: Number, default: useColumns.defaultMinWidth },
+    maxWidth: { type: Number, default: Infinity },
+    column: { type: Object, default: void 0 }
+  },
+  setup(props) {
+    let startX = 0;
+    let moveEvent = { remove: () => {
+    } };
+    let stopEvent = { remove: () => {
+    } };
+    const tableContext = TableContext.useInjectTable();
+    const removeEvents = () => {
+      moveEvent.remove();
+      stopEvent.remove();
+    };
+    vue.onUnmounted(() => {
+      removeEvents();
+    });
+    const minWidth = vue.computed(
+      () => typeof props.minWidth != "number" || isNaN(props.minWidth) ? useColumns.defaultMinWidth : props.minWidth
+    );
+    const maxWidth = vue.computed(
+      () => typeof props.maxWidth != "number" || isNaN(props.maxWidth) ? Infinity : props.maxWidth
+    );
+    let rafFrame;
+    let baseWidth = 0;
+    const dragging = vue.ref(false);
+    const updateWidth = (e, action) => {
+      let pageX = 0;
+      if (e.touches) {
+        if (e.touches.length) {
+          pageX = e.touches[0].pageX;
+        } else {
+          pageX = e.changedTouches[0].pageX;
+        }
+      } else {
+        pageX = e.pageX;
+      }
+      const tmpDeltaX = startX - pageX;
+      let w = Math.max(baseWidth - tmpDeltaX, minWidth.value);
+      w = Math.min(w, maxWidth.value);
+      raf.default.cancel(rafFrame);
+      rafFrame = raf.default(() => {
+        var _a;
+        (_a = tableContext.onResizeColumn) == null ? void 0 : _a.call(tableContext, w, props.column.originColumn, action);
+      });
+    };
+    const handleMove = (e) => {
+      updateWidth(e, "move");
+    };
+    const handleStop = (e) => {
+      dragging.value = false;
+      updateWidth(e, "end");
+      removeEvents();
+    };
+    const instance = vue.getCurrentInstance();
+    const handleStart = (e, eventsFor) => {
+      var _a;
+      dragging.value = true;
+      removeEvents();
+      baseWidth = instance == null ? void 0 : instance.vnode.el.parentNode.offsetWidth;
+      if (e instanceof MouseEvent && e.which !== 1) {
+        return;
+      }
+      (_a = tableContext.onResizeColumn) == null ? void 0 : _a.call(tableContext, baseWidth, props.column.originColumn, "start");
+      if (e.stopPropagation) e.stopPropagation();
+      startX = e.touches ? e.touches[0].pageX : e.pageX;
+      moveEvent = addEventListener.default(document.documentElement, eventsFor.move, handleMove);
+      stopEvent = addEventListener.default(document.documentElement, eventsFor.stop, handleStop);
+    };
+    const handleDown = (e) => {
+      handleStart(e, events.mouse);
+    };
+    const handleTouchDown = (e) => {
+      handleStart(e, events.touch);
+    };
+    return {
+      handleDown,
+      handleTouchDown,
+      dragging
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=DragHandle.vue2.js.map

package/lib/components/table/src/components/Header/DragHandle.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragHandle.vue2.js","sources":["../../../../../../../../packages/components/table/src/components/Header/DragHandle.vue"],"sourcesContent":["<!--\n * @Author: shen\n * @Date: 2023-11-07 22:37:42\n * @LastEditors: shen\n * @LastEditTime: 2025-08-29 14:01:00\n * @Description:\n-->\n<script lang=\"ts\">\nimport type { PropType } from 'vue'\nimport type { EventHandler } from '../EventInterface'\nimport type { FinallyColumnType, ResizeActionType } from '../interface'\nimport type { RafFrame } from '../../utils/raf'\n\nimport { defineComponent, onUnmounted, computed, getCurrentInstance, ref } from 'vue'\nimport { useInjectTable } from '../context/TableContext'\nimport { defaultMinWidth } from '../../hooks/useColumns'\nimport raf from '../../utils/raf'\nimport addEventListenerWrap from '../../utils/addEventListener'\n\nconst events = {\n  mouse: {\n    start: 'mousedown',\n    move: 'mousemove',\n    stop: 'mouseup',\n  },\n  touch: {\n    start: 'touchstart',\n    move: 'touchmove',\n    stop: 'touchend',\n  },\n}\ntype HandleEvent = MouseEvent & TouchEvent\n\nexport default defineComponent({\n  name: 'DragHandle',\n  props: {\n    prefixCls: String as PropType<string>,\n    minWidth: { type: Number as PropType<number>, default: defaultMinWidth },\n    maxWidth: { type: Number as PropType<number>, default: Infinity },\n    column: { type: Object as PropType<FinallyColumnType<any>>, default: undefined },\n  },\n  setup(props) {\n    let startX = 0\n    let moveEvent = { remove: () => {} }\n    let stopEvent = { remove: () => {} }\n\n    const tableContext = useInjectTable()\n\n    const removeEvents = () => {\n      moveEvent.remove()\n      stopEvent.remove()\n    }\n    onUnmounted(() => {\n      removeEvents()\n    })\n\n    const minWidth = computed(() =>\n      typeof props.minWidth != 'number' || isNaN(props.minWidth) ? defaultMinWidth : props.minWidth,\n    )\n    const maxWidth = computed(() =>\n      typeof props.maxWidth != 'number' || isNaN(props.maxWidth) ? Infinity : props.maxWidth,\n    )\n\n    let rafFrame: RafFrame\n    let baseWidth = 0\n    const dragging = ref(false)\n\n    const updateWidth = (e: HandleEvent, action: ResizeActionType) => {\n      let pageX = 0\n      if (e.touches) {\n        if (e.touches.length) {\n          // touchmove\n          pageX = e.touches[0]!.pageX\n        } else {\n          // touchend\n          pageX = e.changedTouches[0]!.pageX\n        }\n      } else {\n        pageX = e.pageX\n      }\n      const tmpDeltaX = startX - pageX\n      let w = Math.max(baseWidth - tmpDeltaX, minWidth.value)\n      w = Math.min(w, maxWidth.value)\n      raf.cancel(rafFrame)\n      rafFrame = raf(() => {\n        tableContext.onResizeColumn?.(w, props.column!.originColumn!, action)\n      })\n    }\n\n    const handleMove = (e: HandleEvent) => {\n      updateWidth(e, 'move')\n    }\n    const handleStop = (e: HandleEvent) => {\n      dragging.value = false\n      updateWidth(e, 'end')\n      removeEvents()\n    }\n\n    const instance = getCurrentInstance()\n    const handleStart = (e: HandleEvent, eventsFor: any) => {\n      dragging.value = true\n      removeEvents()\n      baseWidth = instance?.vnode.el!.parentNode.offsetWidth\n      if (e instanceof MouseEvent && e.which !== 1) {\n        return\n      }\n      tableContext.onResizeColumn?.(baseWidth, props.column!.originColumn!, 'start')\n      if (e.stopPropagation) e.stopPropagation()\n      startX = e.touches ? e.touches[0]!.pageX : e.pageX\n      moveEvent = addEventListenerWrap(document.documentElement, eventsFor.move, handleMove)\n      stopEvent = addEventListenerWrap(document.documentElement, eventsFor.stop, handleStop)\n    }\n\n    const handleDown: EventHandler = (e: HandleEvent) => {\n      handleStart(e, events.mouse)\n    }\n    const handleTouchDown: EventHandler = (e: HandleEvent) => {\n      handleStart(e, events.touch)\n    }\n\n    return {\n      handleDown,\n      handleTouchDown,\n      dragging,\n    }\n  },\n})\n</script>\n\n<template>\n  <div\n    :class=\"`${prefixCls}-resize-handle ${dragging ? 'dragging' : ''}`\"\n    @mousedown.stop.prevent=\"handleDown\"\n    @touchstartPassive.stop=\"handleTouchDown\"\n    @click.stop.prevent\n  >\n    <slot> <div :class=\"`${prefixCls}-resize-handle-line`\"></div> </slot>\n  </div>\n</template>\n"],"names":["defineComponent","defaultMinWidth","useInjectTable","onUnmounted","computed","ref","raf","getCurrentInstance","addEventListenerWrap"],"mappings":"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"}