@king-design/vue 3.6.0-beta.0 → 3.6.1

package/components/datepicker/usePosition.d.ts

@@ -1,10 +0,0 @@
-export declare function usePosition(): {
-    position: import("../../hooks/useState").State<"end" | "start">;
-    charLength: import("../../hooks/useState").State<number>;
-    startTextLength: import("../../hooks/useState").State<number>;
-    handleInputClick: (e: MouseEvent) => void;
-    resetPosition: (pos?: 'start' | 'end') => void;
-    togglePosition: () => void;
-    setupEventListeners: () => void;
-    resetToStart: () => void;
-};

package/components/datepicker/usePosition.js

@@ -1,166 +0,0 @@
-import _includesInstanceProperty from "@babel/runtime-corejs3/core-js/instance/includes";
-import { useInstance } from 'intact-vue-next';
-import { useState } from '../../hooks/useState';
-import { last } from '../utils';
-export function usePosition() {
-  var instance = useInstance();
-  var position = useState('start');
-  // 根据类型获取默认字符长度
-  function getDefaultCharLength() {
-    var _instance$get = instance.get(),
-      type = _instance$get.type;
-    switch (type) {
-      case 'datetime':
-        return 16;
-      // "2025-07-10 00:00:00" 
-      case 'date':
-        return 10;
-      // "2025-07-09" 
-      default:
-        return 10;
-    }
-  }
-  var charLength = useState(getDefaultCharLength()); // 当前活动部分的字符长度
-  var startTextLength = useState(getDefaultCharLength()); // 开始文本的长度，用于计算结束文本位置
-  // 监听类型变化，更新默认字符长度
-  instance.watch('type', function () {
-    var defaultLength = getDefaultCharLength();
-    charLength.set(defaultLength);
-    startTextLength.set(defaultLength);
-  });
-  function handleInputClick(e) {
-    var _context;
-    var _instance$get2 = instance.get(),
-      range = _instance$get2.range,
-      type = _instance$get2.type;
-    if (!range) {
-      return;
-    }
-    // 对于日期时间范围选择器，如果当前没有值或值不完整，总是设置为开始时间
-    if (type === 'datetime') {
-      var currentValue = instance.value.value.value;
-      var lastValue = last(currentValue);
-      // 如果没有值或者当前范围值不完整（只有开始时间没有结束时间），强制设置为开始时间
-      if (!lastValue || !Array.isArray(lastValue) || lastValue.length < 2 || !lastValue[1]) {
-        position.set('start');
-        return;
-      }
-    }
-    // 获取事件目标元素  
-    var target = e.currentTarget;
-    // 如果目标元素不是 .k-select-main，则查找父元素  
-    if (!target.classList.contains(".k-select-main")) {
-      target = target.closest(".k-select-main");
-      if (!target) return;
-    }
-    var hiddenInput = target.querySelector('input[type="hidden"]');
-    var _target$getBoundingCl = target.getBoundingClientRect(),
-      totalVisualWidth = _target$getBoundingCl.width;
-    var midPoint;
-    if (hiddenInput && hiddenInput.value && _includesInstanceProperty(_context = hiddenInput.value).call(_context, ',')) {
-      // 分割字符串获取开始和结束日期的文本
-      var _hiddenInput$value$sp = hiddenInput.value.split(','),
-        startText = _hiddenInput$value$sp[0],
-        endText = _hiddenInput$value$sp[1];
-      // 确保两部分都存在，避免计算错误
-      if (startText && endText) {
-        var totalCharLength = startText.length + endText.length;
-        // 计算开始日期文本长度所占的比例
-        var startRatio = startText.length / totalCharLength;
-        // 估算每个字符的宽度（与样式中保持一致）
-        var charWidthPx = 8;
-        // 计算实际文本占用的宽度
-        var startTextWidth = startText.length * charWidthPx;
-        var endTextWidth = endText.length * charWidthPx;
-        var separatorWidth = 3 * charWidthPx; // " ~ " 大约3个字符宽度
-        var totalTextWidth = startTextWidth + separatorWidth + endTextWidth;
-        // 如果文本宽度超过input宽度，使用比例分割
-        if (totalTextWidth >= totalVisualWidth) {
-          midPoint = totalVisualWidth * startRatio;
-        } else {
-          // 如果文本宽度小于input宽度，使用实际文本宽度计算分割点
-          midPoint = startTextWidth + separatorWidth / 2;
-        }
-        // 更新开始文本长度状态，限制为默认长度以保证结束时间高亮位置正确
-        startTextLength.set(Math.min(startText.length, getDefaultCharLength()));
-      } else {
-        // 如果值格式不正确（例如 "2025-07-09,"），则退回使用几何中心点
-        var defaultLength = getDefaultCharLength();
-        charLength.set(defaultLength);
-        startTextLength.set(defaultLength);
-        midPoint = totalVisualWidth / 2;
-      }
-    } else {
-      // 如果没有找到 hiddenInput 或其值不是范围，则退回原始的几何中心点
-      var _defaultLength = getDefaultCharLength();
-      charLength.set(_defaultLength);
-      startTextLength.set(_defaultLength);
-      midPoint = totalVisualWidth / 2;
-    }
-    // 计算相对于 target 的 offsetX  
-    var rect = target.getBoundingClientRect();
-    var offsetX = e.clientX - rect.left;
-    // 根据点击位置判断是点击了左半边（开始）还是右半边（结束）
-    if (offsetX < midPoint) {
-      var _context2;
-      position.set('start');
-      // 更新为开始部分的字符长度，限制为默认长度
-      if (hiddenInput && hiddenInput.value && _includesInstanceProperty(_context2 = hiddenInput.value).call(_context2, ',')) {
-        var _hiddenInput$value$sp2 = hiddenInput.value.split(','),
-          _startText = _hiddenInput$value$sp2[0];
-        charLength.set(Math.min(_startText.length, getDefaultCharLength()));
-      }
-    } else {
-      var _context3;
-      position.set('end');
-      // 更新为结束部分的字符长度，限制为默认长度
-      if (hiddenInput && hiddenInput.value && _includesInstanceProperty(_context3 = hiddenInput.value).call(_context3, ',')) {
-        var _hiddenInput$value$sp3 = hiddenInput.value.split(','),
-          _endText = _hiddenInput$value$sp3[1];
-        charLength.set(Math.min(_endText.length, getDefaultCharLength()));
-      }
-    }
-  }
-  // 重置位置到指定值
-  function resetPosition(pos) {
-    if (pos === void 0) {
-      pos = 'start';
-    }
-    if (position.value === pos) {
-      return;
-    }
-    position.set(pos);
-  }
-  // 切换位置
-  function togglePosition() {
-    var currentPosition = position.value;
-    if (currentPosition === 'start') {
-      position.set('end');
-    } else {
-      position.set('start');
-    }
-  }
-  // 在组件初始化时设置事件监听
-  function setupEventListeners() {
-    // instance.on('resetPosition', resetPosition);
-    instance.on('togglePosition', togglePosition);
-  }
-  function resetToStart() {
-    var _instance$get3 = instance.get(),
-      range = _instance$get3.range,
-      type = _instance$get3.type;
-    if (range && type === 'date') {
-      position.set('start');
-    }
-  }
-  return {
-    position: position,
-    charLength: charLength,
-    startTextLength: startTextLength,
-    handleInputClick: handleInputClick,
-    resetPosition: resetPosition,
-    togglePosition: togglePosition,
-    setupEventListeners: setupEventListeners,
-    resetToStart: resetToStart
-  };
-}