@yoka-ui/ui 1.0.10-test

package/dist/lib/components/TreeTransfer/utils/index.js

@@ -0,0 +1,208 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/TreeTransfer/utils/index.ts
+var utils_exports = {};
+__export(utils_exports, {
+  addNodesToTree: () => addNodesToTree,
+  buildTreeData: () => buildTreeData,
+  countParentNodes: () => countParentNodes,
+  countTotalNodes: () => countTotalNodes,
+  extractTopLevelSelectedNodes: () => extractTopLevelSelectedNodes,
+  filterData: () => filterData,
+  findNodeWithDescendants: () => findNodeWithDescendants,
+  flattenTreeData: () => flattenTreeData,
+  getAllDescendantKeys: () => getAllDescendantKeys,
+  removeNodesFromTree: () => removeNodesFromTree,
+  sliceDataByPage: () => sliceDataByPage
+});
+module.exports = __toCommonJS(utils_exports);
+var import_types = require("../types");
+function buildTreeData(data, options = {}) {
+  const { keyField = "id", parentField = "parentId", isParent = (item) => !item[parentField] } = options;
+  const map = /* @__PURE__ */ new Map();
+  const roots = [];
+  data.forEach((item) => {
+    const key = item[keyField];
+    map.set(key, { key, data: item, isParent: isParent(item), children: [] });
+  });
+  data.forEach((item) => {
+    const key = item[keyField];
+    const parentId = item[parentField];
+    const node = map.get(key);
+    if (parentId && map.has(parentId)) {
+      map.get(parentId).children.push(node);
+    } else {
+      roots.push(node);
+    }
+  });
+  return roots;
+}
+function flattenTreeData(treeData) {
+  const result = [];
+  function traverse(nodes) {
+    nodes.forEach((node) => {
+      var _a;
+      result.push(node);
+      if ((_a = node.children) == null ? void 0 : _a.length)
+        traverse(node.children);
+    });
+  }
+  traverse(treeData);
+  return result;
+}
+function sliceDataByPage(data, page, pageSize = import_types.DEFAULT_PAGE_SIZE) {
+  const start = (page - 1) * pageSize;
+  return data.slice(start, start + pageSize);
+}
+function filterData(data, searchValue, fields = ["id", "name"]) {
+  if (!searchValue.trim())
+    return data;
+  const lowerSearch = searchValue.toLowerCase();
+  return data.filter((item) => {
+    var _a;
+    const selfMatch = fields.some((field) => {
+      const value = typeof field === "function" ? field(item.data) : item.data[field];
+      return String(value ?? "").toLowerCase().includes(lowerSearch);
+    });
+    if (selfMatch)
+      return true;
+    if ((_a = item.children) == null ? void 0 : _a.length) {
+      return filterData(item.children, searchValue, fields).length > 0;
+    }
+    return false;
+  });
+}
+function getAllDescendantKeys(selectedKeys, dataSource) {
+  const keySet = new Set(selectedKeys.map(String));
+  const allKeys = [];
+  function collectWithDescendants(node) {
+    var _a;
+    allKeys.push(String(node.key));
+    (_a = node.children) == null ? void 0 : _a.forEach(collectWithDescendants);
+  }
+  function traverse(nodes) {
+    nodes.forEach((node) => {
+      var _a;
+      if (keySet.has(String(node.key))) {
+        collectWithDescendants(node);
+      } else {
+        if ((_a = node.children) == null ? void 0 : _a.length)
+          traverse(node.children);
+      }
+    });
+  }
+  traverse(dataSource);
+  return allKeys;
+}
+function countTotalNodes(data) {
+  let count = 0;
+  function traverse(nodes) {
+    nodes.forEach((node) => {
+      var _a;
+      count += 1;
+      if ((_a = node.children) == null ? void 0 : _a.length)
+        traverse(node.children);
+    });
+  }
+  traverse(data);
+  return count;
+}
+function countParentNodes(data) {
+  return data.length;
+}
+function findNodeWithDescendants(key, dataSource) {
+  const result = [];
+  function traverse(nodes) {
+    var _a;
+    for (const node of nodes) {
+      if (node.key === key) {
+        result.push(node);
+        (_a = node.children) == null ? void 0 : _a.forEach((child) => {
+          result.push(child);
+          if (child.children)
+            traverse(child.children);
+        });
+        return true;
+      }
+      if (node.children && traverse(node.children))
+        return true;
+    }
+    return false;
+  }
+  traverse(dataSource);
+  return result;
+}
+function removeNodesFromTree(dataSource, keysToRemove) {
+  var _a;
+  const result = [];
+  for (const node of dataSource) {
+    if (keysToRemove.has(node.key))
+      continue;
+    if ((_a = node.children) == null ? void 0 : _a.length) {
+      result.push({ ...node, children: removeNodesFromTree(node.children, keysToRemove) });
+    } else {
+      result.push(node);
+    }
+  }
+  return result;
+}
+function addNodesToTree(dataSource, parentKey, nodes) {
+  if (parentKey === null) {
+    return [...dataSource, ...nodes];
+  }
+  return dataSource.map((node) => {
+    if (node.key === parentKey) {
+      return { ...node, children: [...node.children ?? [], ...nodes] };
+    }
+    if (node.children) {
+      return { ...node, children: addNodesToTree(node.children, parentKey, nodes) };
+    }
+    return node;
+  });
+}
+function extractTopLevelSelectedNodes(selectedKeys, dataSource) {
+  const result = [];
+  function traverse(nodes) {
+    nodes.forEach((node) => {
+      var _a;
+      if (selectedKeys.has(String(node.key))) {
+        result.push(node);
+      } else if ((_a = node.children) == null ? void 0 : _a.length) {
+        traverse(node.children);
+      }
+    });
+  }
+  traverse(dataSource);
+  return result;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  addNodesToTree,
+  buildTreeData,
+  countParentNodes,
+  countTotalNodes,
+  extractTopLevelSelectedNodes,
+  filterData,
+  findNodeWithDescendants,
+  flattenTreeData,
+  getAllDescendantKeys,
+  removeNodesFromTree,
+  sliceDataByPage
+});
+//# sourceMappingURL=index.js.map

package/dist/lib/components/TreeTransfer/utils/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/TreeTransfer/utils/index.ts"],
+  "sourcesContent": ["/*\n *  Licensed to the Apache Software Foundation (ASF) under one or more\n *  contributor license agreements.  See the NOTICE file distributed with\n *  this work for additional information regarding copyright ownership.\n *  The ASF licenses this file to You under the Apache License, Version 2.0\n *  (the \"License\"); you may not use this file except in compliance with\n *  the License.  You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n *  Unless required by applicable law or agreed to in writing, software\n *  distributed under the License is distributed on an \"AS IS\" BASIS,\n *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *  See the License for the specific language governing permissions and\n *  limitations under the License.\n *\n */\n\nimport { TreeTransferRow, DEFAULT_PAGE_SIZE } from '../types';\n\n/**\n * 从平铺的数据构建树形结构\n *\n * @param data - 平铺的数据数组\n * @param options - 配置选项\n * @returns 树形结构数据\n *\n * @example\n * ```tsx\n * const flatData = [\n *   { id: '1', parentId: null, name: '应用1' },\n *   { id: '1-1', parentId: '1', name: '权限1' },\n * ];\n *\n * const treeData = buildTreeData(flatData, {\n *   keyField: 'id',\n *   parentField: 'parentId',\n * });\n * ```\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function buildTreeData<T extends Record<string, any>>(\n  data: T[],\n  options: {\n    /** 唯一键字段名，默认 'id' */\n    keyField?: string;\n    /** 父键字段名，默认 'parentId' */\n    parentField?: string;\n    /** 判断是否为父节点的函数，默认：无父键则为父节点 */\n    isParent?: (item: T) => boolean;\n  } = {},\n): TreeTransferRow<T>[] {\n  const { keyField = 'id', parentField = 'parentId', isParent = (item) => !item[parentField] } = options;\n\n  const map = new Map<string | number, TreeTransferRow<T>>();\n  const roots: TreeTransferRow<T>[] = [];\n\n  // 第一次遍历：建立 key → node 映射\n  data.forEach((item) => {\n    const key = item[keyField];\n    map.set(key, { key, data: item, isParent: isParent(item), children: [] });\n  });\n\n  // 第二次遍历：挂载父子关系\n  data.forEach((item) => {\n    const key = item[keyField];\n    const parentId = item[parentField];\n    const node = map.get(key)!;\n\n    if (parentId && map.has(parentId)) {\n      map.get(parentId)!.children!.push(node);\n    } else {\n      roots.push(node);\n    }\n  });\n\n  return roots;\n}\n\n/**\n * 将树形结构平铺为一维数组（深度优先）\n *\n * @example\n * ```tsx\n * const flat = flattenTreeData([{ key: '1', children: [{ key: '1-1' }] }]);\n * // → [{ key: '1' }, { key: '1-1' }]\n * ```\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function flattenTreeData<T = any>(treeData: TreeTransferRow<T>[]): TreeTransferRow<T>[] {\n  const result: TreeTransferRow<T>[] = [];\n\n  function traverse(nodes: TreeTransferRow<T>[]) {\n    nodes.forEach((node) => {\n      result.push(node);\n      if (node.children?.length) traverse(node.children);\n    });\n  }\n\n  traverse(treeData);\n  return result;\n}\n\n/**\n * 根据页码切片数据（前端分页）\n *\n * @param data - 数据数组\n * @param page - 页码（从 1 开始）\n * @param pageSize - 每页条数\n * @returns 当前页数据\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function sliceDataByPage<T = any>(\n  data: TreeTransferRow<T>[],\n  page: number,\n  pageSize: number = DEFAULT_PAGE_SIZE,\n): TreeTransferRow<T>[] {\n  const start = (page - 1) * pageSize;\n  return data.slice(start, start + pageSize);\n}\n\n/**\n * 过滤数据（支持模糊搜索，递归保留有匹配子节点的父节点）\n *\n * @param data - 数据数组\n * @param searchValue - 搜索关键词（空字符串返回全量数据）\n * @param fields - 搜索字段列表，支持字段名或自定义取值函数，默认 ['id', 'name']\n * @returns 过滤后的数据\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function filterData<T = any>(\n  data: TreeTransferRow<T>[],\n  searchValue: string,\n  fields: (string | ((item: T) => string))[] = ['id', 'name'],\n): TreeTransferRow<T>[] {\n  if (!searchValue.trim()) return data;\n\n  const lowerSearch = searchValue.toLowerCase();\n\n  return data.filter((item) => {\n    // 当前节点任意字段匹配即保留\n    const selfMatch = fields.some((field) => {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      const value = typeof field === 'function' ? field(item.data) : (item.data as any)[field];\n      return String(value ?? '')\n        .toLowerCase()\n        .includes(lowerSearch);\n    });\n\n    if (selfMatch) return true;\n\n    // 子节点有匹配项则保留父节点（子节点也递归过滤）\n    if (item.children?.length) {\n      return filterData(item.children, searchValue, fields).length > 0;\n    }\n\n    return false;\n  });\n}\n\n/**\n * 获取选中节点及其所有后代节点的 key 集合（用于批量移除）\n *\n * 修复说明：原实现对 3+ 层树只展开 2 层。现改为对每个选中节点\n * 递归收集完整后代链，支持任意深度的树结构。\n *\n * @param selectedKeys - 选中的 keys\n * @param dataSource - 完整数据源\n * @returns 所有相关 key（字符串形式，含选中节点本身）\n *\n * @example\n * ```tsx\n * // 选中 'app1'（含 2 级子节点）\n * getAllDescendantKeys(['app1'], dataSource);\n * // → ['app1', 'app1-perm1', 'app1-perm1-sub1', 'app1-perm2', ...]\n * ```\n */\nexport function getAllDescendantKeys(selectedKeys: React.Key[], dataSource: TreeTransferRow[]): string[] {\n  const keySet = new Set(selectedKeys.map(String));\n  const allKeys: string[] = [];\n\n  /** 递归收集节点本身及所有后代的 key */\n  function collectWithDescendants(node: TreeTransferRow): void {\n    allKeys.push(String(node.key));\n    node.children?.forEach(collectWithDescendants);\n  }\n\n  function traverse(nodes: TreeTransferRow[]): void {\n    nodes.forEach((node) => {\n      if (keySet.has(String(node.key))) {\n        // 选中节点：收集自身及全部后代\n        collectWithDescendants(node);\n      } else {\n        // 未选中：继续向下搜索\n        if (node.children?.length) traverse(node.children);\n      }\n    });\n  }\n\n  traverse(dataSource);\n  return allKeys;\n}\n\n/**\n * 计算数据总节点数（包含所有后代）\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function countTotalNodes<T = any>(data: TreeTransferRow<T>[]): number {\n  let count = 0;\n  function traverse(nodes: TreeTransferRow<T>[]) {\n    nodes.forEach((node) => {\n      count += 1;\n      if (node.children?.length) traverse(node.children);\n    });\n  }\n  traverse(data);\n  return count;\n}\n\n/**\n * 计算顶层节点数（用于分页总数，不含嵌套子节点）\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function countParentNodes<T = any>(data: TreeTransferRow<T>[]): number {\n  return data.length;\n}\n\n/**\n * 查找节点及其所有后代节点（按 key 定位）\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function findNodeWithDescendants<T = any>(\n  key: string | number,\n  dataSource: TreeTransferRow<T>[],\n): TreeTransferRow<T>[] {\n  const result: TreeTransferRow<T>[] = [];\n\n  function traverse(nodes: TreeTransferRow<T>[]): boolean {\n    for (const node of nodes) {\n      if (node.key === key) {\n        result.push(node);\n        node.children?.forEach((child) => {\n          result.push(child);\n          if (child.children) traverse(child.children);\n        });\n        return true;\n      }\n      if (node.children && traverse(node.children)) return true;\n    }\n    return false;\n  }\n\n  traverse(dataSource);\n  return result;\n}\n\n/**\n * 从树形数据中移除指定 key 的节点（不可变，返回新数组）\n *\n * @param dataSource - 数据源\n * @param keysToRemove - 要移除的节点 key 集合\n * @returns 过滤后的新数据源\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function removeNodesFromTree<T = any>(\n  dataSource: TreeTransferRow<T>[],\n  keysToRemove: Set<string | number>,\n): TreeTransferRow<T>[] {\n  const result: TreeTransferRow<T>[] = [];\n\n  for (const node of dataSource) {\n    if (keysToRemove.has(node.key)) continue;\n\n    if (node.children?.length) {\n      result.push({ ...node, children: removeNodesFromTree(node.children, keysToRemove) });\n    } else {\n      result.push(node);\n    }\n  }\n\n  return result;\n}\n\n/**\n * 向树形数据添加节点\n *\n * @param dataSource - 数据源\n * @param parentKey - 父节点 key；传 null 表示添加到根\n * @param nodes - 要添加的节点列表\n * @returns 新的数据源\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function addNodesToTree<T = any>(\n  dataSource: TreeTransferRow<T>[],\n  parentKey: string | number | null,\n  nodes: TreeTransferRow<T>[],\n): TreeTransferRow<T>[] {\n  if (parentKey === null) {\n    return [...dataSource, ...nodes];\n  }\n\n  return dataSource.map((node) => {\n    if (node.key === parentKey) {\n      return { ...node, children: [...(node.children ?? []), ...nodes] };\n    }\n    if (node.children) {\n      return { ...node, children: addNodesToTree(node.children, parentKey, nodes) };\n    }\n    return node;\n  });\n}\n\n/**\n * 从树形数据中提取\"顶层选中节点\"（用于穿梭框移动操作）\n *\n * 行为：遍历树，遇到选中节点时直接收集（含其 children），不再向下递归。\n * 这样可以避免父节点和其已选中的子节点被分别添加两次。\n *\n * 适用场景：AntD Table 的 checkStrictly:false 级联选择中，\n * 选中父节点会自动勾选子节点。move 时只需携带父节点（含 children）。\n * 若仅选了某个子节点，则该子节点会被作为顶层节点添加到目标列表。\n *\n * @param selectedKeys - 选中的 key 集合（字符串）\n * @param dataSource - 数据源（支持嵌套树）\n * @returns 最小集合的顶层选中节点列表\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function extractTopLevelSelectedNodes<T = any>(\n  selectedKeys: Set<string>,\n  dataSource: TreeTransferRow<T>[],\n): TreeTransferRow<T>[] {\n  const result: TreeTransferRow<T>[] = [];\n\n  function traverse(nodes: TreeTransferRow<T>[]): void {\n    nodes.forEach((node) => {\n      if (selectedKeys.has(String(node.key))) {\n        // 选中节点：整体移动（children 随之迁移）\n        result.push(node);\n      } else if (node.children?.length) {\n        // 父节点未选中：继续向下搜寻子节点选中项\n        traverse(node.children);\n      }\n    });\n  }\n\n  traverse(dataSource);\n  return result;\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/lib/components/YkDateRangePicker/index.d.ts

@@ -0,0 +1,57 @@
+/**
+ * YkDateRangePicker
+ *
+ * 带「紧凑预设 tag」与「完整 RangePicker」双模式切换的日期范围选择器。
+ *
+ * 功能特性：
+ * - 默认紧凑模式：以 tag 形式展示「预设标签 + 格式化时间」或「起止时间」
+ * - mount 时若无初始值，自动选中「近5分钟」预设
+ * - 点击 tag 后展开内嵌的完整 RangePicker，失焦后自动收起
+ * - 8 个内置快捷预设，2 列 Grid 布局渲染，当前激活项高亮
+ * - 受控组件：区分「用户操作」与「外部赋值」，仅用户操作触发 onChange
+ * - 禁用日期：仅允许过去 7 天（含今天）
+ * - allowClear：支持一键清除，清除后重置预设状态
+ * - 通过 forwardRef + useImperativeHandle 对外暴露 toggleFirstPreset()
+ *
+ * @example
+ * ```tsx
+ * const pickerRef = useRef<YkDateRangePickerRef>(null);
+ *
+ * <YkDateRangePicker
+ *   value={range}
+ *   onChange={(val) => setRange(val)}
+ *   ref={pickerRef}
+ * />
+ *
+ * // 外部强制切换到「近5分钟」
+ * pickerRef.current?.toggleFirstPreset();
+ * ```
+ */
+import { Dayjs } from 'dayjs';
+import React from 'react';
+/** 时间范围值 */
+export type DateRangeValue = [Dayjs, Dayjs];
+export interface YkDateRangePickerProps {
+    /** 受控值 */
+    value?: DateRangeValue | [];
+    /** 用户操作改变时触发（外部 setValue 不会触发） */
+    onChange?: (value: DateRangeValue | null) => void;
+    /**
+     * 是否允许清除。
+     * - false（默认）：隐藏清除按钮，与 Vue 原版行为一致
+     * - true：显示清除按钮，清除后重置预设状态并触发 onChange(null)
+     */
+    allowClear?: boolean;
+    /**
+     * 紧凑 tag 无值/清空时的占位文本。
+     * 默认：「请选择时间范围」
+     */
+    placeholder?: string;
+}
+/** 通过 ref 对父组件暴露的方法 */
+export interface YkDateRangePickerRef {
+    /** 强制切换到第一个预设（近5分钟）并触发 onChange */
+    toggleFirstPreset: () => void;
+}
+declare const YkDateRangePicker: React.ForwardRefExoticComponent<YkDateRangePickerProps & React.RefAttributes<YkDateRangePickerRef>>;
+export default YkDateRangePicker;

package/dist/lib/components/YkDateRangePicker/index.js

@@ -0,0 +1,282 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/YkDateRangePicker/index.tsx
+var YkDateRangePicker_exports = {};
+__export(YkDateRangePicker_exports, {
+  default: () => YkDateRangePicker_default
+});
+module.exports = __toCommonJS(YkDateRangePicker_exports);
+var import_antd = require("antd");
+var import_classnames = __toESM(require("classnames"));
+var import_dayjs = __toESM(require("dayjs"));
+var import_react = __toESM(require("react"));
+var import_index_module = __toESM(require("./index.module.less"));
+var { RangePicker } = import_antd.DatePicker;
+function pastTime(n, unit) {
+  const fmt = "YYYY-MM-DD HH:mm:00";
+  return [(0, import_dayjs.default)((0, import_dayjs.default)().subtract(n, unit).format(fmt)), (0, import_dayjs.default)((0, import_dayjs.default)().format(fmt))];
+}
+var DISPLAY_FORMAT = "YYYY-MM-DD HH:mm:ss";
+function toDisplay(d) {
+  return (0, import_dayjs.default)(d).format(DISPLAY_FORMAT);
+}
+function toMatchKey(d) {
+  return (0, import_dayjs.default)(d).format(DISPLAY_FORMAT);
+}
+var RANGE_PRESETS = [
+  {
+    label: "近5分钟",
+    value: () => pastTime(5, "minute")
+  },
+  {
+    label: "近15分钟",
+    value: () => pastTime(15, "minute")
+  },
+  {
+    label: "近30分钟",
+    value: () => pastTime(30, "minute")
+  },
+  {
+    label: "近1小时",
+    value: () => pastTime(1, "hour")
+  },
+  {
+    label: "近2小时",
+    value: () => pastTime(2, "hour")
+  },
+  {
+    label: "近6小时",
+    value: () => pastTime(6, "hour")
+  },
+  {
+    label: "今天",
+    value: () => [
+      (0, import_dayjs.default)((0, import_dayjs.default)().startOf("day").format("YYYY-MM-DD HH:mm:00")),
+      (0, import_dayjs.default)((0, import_dayjs.default)().endOf("day").format("YYYY-MM-DD HH:mm:00"))
+    ],
+    // 紧凑模式只展示日期，如「03-25」
+    format: (v) => v[0].format("MM-DD")
+  },
+  {
+    label: "昨天",
+    value: () => [
+      (0, import_dayjs.default)((0, import_dayjs.default)().subtract(1, "day").startOf("day").format("YYYY-MM-DD HH:mm:00")),
+      (0, import_dayjs.default)((0, import_dayjs.default)().subtract(1, "day").endOf("day").format("YYYY-MM-DD HH:mm:00"))
+    ],
+    format: (v) => v[0].format("MM-DD")
+  },
+  {
+    label: "近7天",
+    value: () => [
+      (0, import_dayjs.default)((0, import_dayjs.default)().subtract(6, "day").startOf("day").format("YYYY-MM-DD HH:mm:00")),
+      (0, import_dayjs.default)((0, import_dayjs.default)().endOf("day").format("YYYY-MM-DD HH:mm:00"))
+    ],
+    // 紧凑模式展示完整日期区间，如「2024-03-19 ~ 2024-03-25」
+    format: (v) => [v[0].format("YYYY-MM-DD"), v[1].format("YYYY-MM-DD")]
+  }
+];
+var YkDateRangePicker = (0, import_react.forwardRef)(function YkDateRangePicker2({ value, onChange, allowClear = false, placeholder = "请选择时间范围" }, ref) {
+  const [showFullPicker, setShowFullPicker] = (0, import_react.useState)(false);
+  const [open, setOpen] = (0, import_react.useState)(false);
+  const [activePreset, setActivePreset] = (0, import_react.useState)(void 0);
+  const [presetFormatText, setPresetFormatText] = (0, import_react.useState)(void 0);
+  const selfChangeRef = (0, import_react.useRef)(false);
+  const isPresetClickRef = (0, import_react.useRef)(false);
+  const wrapperRef = (0, import_react.useRef)(null);
+  const pickerRef = (0, import_react.useRef)(null);
+  const prevValueRef = (0, import_react.useRef)(value);
+  (0, import_react.useEffect)(() => {
+    if (value && value.length === 2)
+      return;
+    const first = RANGE_PRESETS[0];
+    const currentValue = first.value();
+    const formatText = currentValue.map((v) => (0, import_dayjs.default)(v).format("HH:mm:ss")).join(" ~ ");
+    setActivePreset(first);
+    setPresetFormatText(formatText);
+    selfChangeRef.current = true;
+    onChange == null ? void 0 : onChange(currentValue);
+  }, []);
+  (0, import_react.useEffect)(() => {
+    if (prevValueRef.current === value)
+      return;
+    prevValueRef.current = value;
+    if (!selfChangeRef.current) {
+      setActivePreset(void 0);
+      setPresetFormatText(void 0);
+    }
+    selfChangeRef.current = false;
+  }, [value]);
+  const showState = (0, import_react.useMemo)(() => {
+    if (!value || value.length < 2)
+      return [];
+    return [toDisplay(value[0]), toDisplay(value[1])];
+  }, [value]);
+  const activePresetIndex = (0, import_react.useMemo)(() => {
+    if (!value || value.length < 2)
+      return -1;
+    const [v0, v1] = value;
+    const valKeys = [toMatchKey(v0), toMatchKey(v1)];
+    return RANGE_PRESETS.findIndex((preset) => {
+      const presetVal = preset.value();
+      const presetKeys = [toMatchKey(presetVal[0]), toMatchKey(presetVal[1])];
+      return valKeys[0] === presetKeys[0] && valKeys[1] === presetKeys[1];
+    });
+  }, [value, open]);
+  const handlePresetClick = (0, import_react.useCallback)(
+    (preset) => {
+      isPresetClickRef.current = true;
+      const currentValue = preset.value();
+      let formatText;
+      if (preset.format) {
+        const res = preset.format(currentValue);
+        formatText = Array.isArray(res) ? res.join(" ~ ") : res;
+      } else {
+        formatText = currentValue.map((v) => (0, import_dayjs.default)(v).format("HH:mm:ss")).join(" ~ ");
+      }
+      setActivePreset(preset);
+      setPresetFormatText(formatText);
+      selfChangeRef.current = true;
+      onChange == null ? void 0 : onChange(currentValue);
+      setTimeout(() => {
+        setOpen(false);
+        setShowFullPicker(false);
+      }, 0);
+    },
+    [onChange]
+  );
+  const handlePickerChange = (0, import_react.useCallback)(
+    (dates) => {
+      setActivePreset(void 0);
+      setPresetFormatText(void 0);
+      isPresetClickRef.current = false;
+      selfChangeRef.current = true;
+      if ((dates == null ? void 0 : dates[0]) && (dates == null ? void 0 : dates[1])) {
+        onChange == null ? void 0 : onChange(dates);
+      } else {
+        onChange == null ? void 0 : onChange(null);
+        setTimeout(() => {
+          setOpen(false);
+          setShowFullPicker(false);
+        }, 0);
+      }
+    },
+    [onChange]
+  );
+  const handleClickCompactTag = (0, import_react.useCallback)(() => {
+    setShowFullPicker(true);
+    setTimeout(() => {
+      var _a;
+      const el = (_a = pickerRef.current) == null ? void 0 : _a.nativeElement;
+      if (el) {
+        const input = el.querySelector("input");
+        input == null ? void 0 : input.click();
+        input == null ? void 0 : input.focus();
+      }
+    }, 0);
+  }, []);
+  const handleOpenChange = (0, import_react.useCallback)((isOpen) => {
+    setOpen(isOpen);
+    if (!isOpen) {
+      setTimeout(() => {
+        setShowFullPicker(false);
+      }, 100);
+    }
+  }, []);
+  const disabledDate = (0, import_react.useCallback)((current) => {
+    return current && (current > (0, import_dayjs.default)().endOf("day") || current < (0, import_dayjs.default)().subtract(6, "day").startOf("day"));
+  }, []);
+  const getPopupContainer = (0, import_react.useCallback)(() => {
+    return wrapperRef.current ?? document.body;
+  }, []);
+  const presetsNode = (0, import_react.useMemo)(() => {
+    return RANGE_PRESETS.map((preset, index) => {
+      const isActive = activePresetIndex === index;
+      return {
+        label: /* @__PURE__ */ import_react.default.createElement(
+          "div",
+          {
+            className: (0, import_classnames.default)(import_index_module.default.yokaPresetItem, {
+              [import_index_module.default.yokaPresetItemActive]: isActive
+            }),
+            onClick: (e) => {
+              e.stopPropagation();
+              handlePresetClick(preset);
+            }
+          },
+          preset.label
+        ),
+        value: preset.value()
+      };
+    });
+  }, [activePresetIndex, handlePresetClick]);
+  (0, import_react.useImperativeHandle)(
+    ref,
+    () => ({
+      toggleFirstPreset() {
+        handlePresetClick(RANGE_PRESETS[0]);
+      }
+    }),
+    [handlePresetClick]
+  );
+  const pickerVisible = showFullPicker || open;
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: import_index_module.default.YkDateRangePicker, ref: wrapperRef }, !showFullPicker && /* @__PURE__ */ import_react.default.createElement("span", { className: import_index_module.default.yokaCompactTag, onClick: handleClickCompactTag }, /* @__PURE__ */ import_react.default.createElement("i", { className: (0, import_classnames.default)("iconfont icon-riqi1", import_index_module.default.yokaCompactTagIcon) }), /* @__PURE__ */ import_react.default.createElement("span", { className: import_index_module.default.yokaCompactTagContent }, activePreset ? (
+    // 已选预设：「预设名称 (格式化时间)」
+    /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("span", { className: import_index_module.default.yokaCompactTagPresetLabel }, activePreset.label), /* @__PURE__ */ import_react.default.createElement("span", { className: import_index_module.default.yokaCompactTagPresetFormat }, "(", presetFormatText, ")"))
+  ) : showState.length === 2 ? (
+    // 自定义时间：「起始时间 ~ 结束时间」
+    /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("span", { className: import_index_module.default.yokaCompactTagDatetime }, showState[0]), /* @__PURE__ */ import_react.default.createElement("span", { className: import_index_module.default.yokaCompactTagSeparator }, "~"), /* @__PURE__ */ import_react.default.createElement("span", { className: import_index_module.default.yokaCompactTagDatetime }, showState[1]))
+  ) : (
+    // 无值/清空：placeholder 居中显示
+    /* @__PURE__ */ import_react.default.createElement("span", { className: import_index_module.default.yokaCompactTagPlaceholder }, placeholder)
+  ))), /* @__PURE__ */ import_react.default.createElement("div", { className: import_index_module.default.yokaPickerWrapper, style: { display: pickerVisible ? "flex" : "none" } }, /* @__PURE__ */ import_react.default.createElement("i", { className: (0, import_classnames.default)("iconfont icon-riqi1", import_index_module.default.yokaPickerWrapperIcon) }), /* @__PURE__ */ import_react.default.createElement(
+    RangePicker,
+    {
+      ref: pickerRef,
+      value: value && value.length === 2 ? value : void 0,
+      onChange: handlePickerChange,
+      open,
+      onOpenChange: handleOpenChange,
+      variant: "borderless",
+      allowClear,
+      suffixIcon: null,
+      showTime: {
+        format: "HH:mm:ss",
+        hideDisabledOptions: true,
+        defaultValue: [(0, import_dayjs.default)("00:00", "HH:mm"), (0, import_dayjs.default)("23:59", "HH:mm")]
+      },
+      format: "YYYY-MM-DD HH:mm:ss",
+      disabledDate,
+      presets: presetsNode,
+      getPopupContainer
+    }
+  )));
+});
+YkDateRangePicker.displayName = "YkDateRangePicker";
+var YkDateRangePicker_default = YkDateRangePicker;
+//# sourceMappingURL=index.js.map

package/dist/lib/components/YkDateRangePicker/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/YkDateRangePicker/index.tsx"],
+  "sourcesContent": ["/**\n * YkDateRangePicker\n *\n * 带「紧凑预设 tag」与「完整 RangePicker」双模式切换的日期范围选择器。\n *\n * 功能特性：\n * - 默认紧凑模式：以 tag 形式展示「预设标签 + 格式化时间」或「起止时间」\n * - mount 时若无初始值，自动选中「近5分钟」预设\n * - 点击 tag 后展开内嵌的完整 RangePicker，失焦后自动收起\n * - 8 个内置快捷预设，2 列 Grid 布局渲染，当前激活项高亮\n * - 受控组件：区分「用户操作」与「外部赋值」，仅用户操作触发 onChange\n * - 禁用日期：仅允许过去 7 天（含今天）\n * - allowClear：支持一键清除，清除后重置预设状态\n * - 通过 forwardRef + useImperativeHandle 对外暴露 toggleFirstPreset()\n *\n * @example\n * ```tsx\n * const pickerRef = useRef<YkDateRangePickerRef>(null);\n *\n * <YkDateRangePicker\n *   value={range}\n *   onChange={(val) => setRange(val)}\n *   ref={pickerRef}\n * />\n *\n * // 外部强制切换到「近5分钟」\n * pickerRef.current?.toggleFirstPreset();\n * ```\n */\n\nimport { DatePicker } from 'antd';\nimport classNames from 'classnames';\nimport dayjs, { Dayjs } from 'dayjs';\nimport React, {\n  type ComponentRef,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport styles from './index.module.less';\nconst { RangePicker } = DatePicker;\n\n// ─── 类型 ─────────────────────────────────────────────────────────────────────\n\n/** 时间范围值 */\nexport type DateRangeValue = [Dayjs, Dayjs];\n\n/**\n * 预设项定义\n * - value()  每次调用都返回最新时间，避免闭包缓存旧值\n * - format() 可选，控制紧凑 tag 中的格式化展示文本\n */\ninterface RangePreset {\n  label: string;\n  /** 工厂函数，返回实时时间范围 */\n  value: () => DateRangeValue;\n  /** 自定义紧凑模式格式化：返回单个字符串或 [start, end] 数组 */\n  format?: (value: DateRangeValue) => string | [string, string];\n}\n\nexport interface YkDateRangePickerProps {\n  /** 受控值 */\n  value?: DateRangeValue | [];\n  /** 用户操作改变时触发（外部 setValue 不会触发） */\n  onChange?: (value: DateRangeValue | null) => void;\n  /**\n   * 是否允许清除。\n   * - false（默认）：隐藏清除按钮，与 Vue 原版行为一致\n   * - true：显示清除按钮，清除后重置预设状态并触发 onChange(null)\n   */\n  allowClear?: boolean;\n  /**\n   * 紧凑 tag 无值/清空时的占位文本。\n   * 默认：「请选择时间范围」\n   */\n  placeholder?: string;\n}\n\n/** 通过 ref 对父组件暴露的方法 */\nexport interface YkDateRangePickerRef {\n  /** 强制切换到第一个预设（近5分钟）并触发 onChange */\n  toggleFirstPreset: () => void;\n}\n\n// ─── 工具函数 ─────────────────────────────────────────────────────────────────\n\n/** 精确到分钟的过去时间区间 */\nfunction pastTime(n: number, unit: dayjs.ManipulateType): DateRangeValue {\n  const fmt = 'YYYY-MM-DD HH:mm:00';\n  return [dayjs(dayjs().subtract(n, unit).format(fmt)), dayjs(dayjs().format(fmt))];\n}\n\nconst DISPLAY_FORMAT = 'YYYY-MM-DD HH:mm:ss';\n\n/** 格式化 Dayjs 为紧凑模式展示字符串 */\nfunction toDisplay(d: Dayjs): string {\n  return dayjs(d).format(DISPLAY_FORMAT);\n}\n\n/** 格式化为预设匹配字符串（与 presetsFormat 保持一致） */\nfunction toMatchKey(d: Dayjs): string {\n  return dayjs(d).format(DISPLAY_FORMAT);\n}\n\n// ─── 内置预设列表 ─────────────────────────────────────────────────────────────\n\n/**\n * 8 个内置快捷预设。\n * value 始终是工厂函数，保证每次点击都获取最新的当前时间。\n */\nconst RANGE_PRESETS: RangePreset[] = [\n  {\n    label: '近5分钟',\n    value: () => pastTime(5, 'minute'),\n  },\n  {\n    label: '近15分钟',\n    value: () => pastTime(15, 'minute'),\n  },\n  {\n    label: '近30分钟',\n    value: () => pastTime(30, 'minute'),\n  },\n  {\n    label: '近1小时',\n    value: () => pastTime(1, 'hour'),\n  },\n  {\n    label: '近2小时',\n    value: () => pastTime(2, 'hour'),\n  },\n  {\n    label: '近6小时',\n    value: () => pastTime(6, 'hour'),\n  },\n  {\n    label: '今天',\n    value: () =>\n      [\n        dayjs(dayjs().startOf('day').format('YYYY-MM-DD HH:mm:00')),\n        dayjs(dayjs().endOf('day').format('YYYY-MM-DD HH:mm:00')),\n      ] as DateRangeValue,\n    // 紧凑模式只展示日期，如「03-25」\n    format: (v) => v[0].format('MM-DD'),\n  },\n  {\n    label: '昨天',\n    value: () =>\n      [\n        dayjs(dayjs().subtract(1, 'day').startOf('day').format('YYYY-MM-DD HH:mm:00')),\n        dayjs(dayjs().subtract(1, 'day').endOf('day').format('YYYY-MM-DD HH:mm:00')),\n      ] as DateRangeValue,\n    format: (v) => v[0].format('MM-DD'),\n  },\n  {\n    label: '近7天',\n    value: () =>\n      [\n        dayjs(dayjs().subtract(6, 'day').startOf('day').format('YYYY-MM-DD HH:mm:00')),\n        dayjs(dayjs().endOf('day').format('YYYY-MM-DD HH:mm:00')),\n      ] as DateRangeValue,\n    // 紧凑模式展示完整日期区间，如「2024-03-19 ~ 2024-03-25」\n    format: (v) => [v[0].format('YYYY-MM-DD'), v[1].format('YYYY-MM-DD')],\n  },\n];\n\n// ─── 主组件 ───────────────────────────────────────────────────────────────────\n\nconst YkDateRangePicker = forwardRef<YkDateRangePickerRef, YkDateRangePickerProps>(function YkDateRangePicker(\n  { value, onChange, allowClear = false, placeholder = '请选择时间范围' },\n  ref,\n) {\n  // ── 内部状态 ───────────────────────────────────────────────────────────────\n\n  /** 是否展示完整 RangePicker（false = 紧凑 tag 模式） */\n  const [showFullPicker, setShowFullPicker] = useState(false);\n\n  /** RangePicker 下拉面板是否展开 */\n  const [open, setOpen] = useState(false);\n\n  /**\n   * 当前激活的预设定义引用。\n   * undefined 表示用户手动选了自定义时间范围。\n   */\n  const [activePreset, setActivePreset] = useState<RangePreset | undefined>(undefined);\n\n  /**\n   * 紧凑 tag 中预设的格式化文本。\n   * 例：「12:00:00 ~ 13:00:00」或「03-25」或「2024-03-19 ~ 2024-03-25」\n   */\n  const [presetFormatText, setPresetFormatText] = useState<string | undefined>(undefined);\n\n  // ── Refs ───────────────────────────────────────────────────────────────────\n\n  /**\n   * 标记本次 value 变化是否由用户操作触发（非外部赋值）。\n   * 用 ref 而非 state，避免触发额外的重渲染。\n   * 与 Vue 版 selfChange 逻辑一致。\n   */\n  const selfChangeRef = useRef(false);\n\n  /**\n   * 标记当前 RangePicker.onChange 是否由预设点击触发。\n   * 用于区分「预设点击」vs「手动选择」，避免手动选择时错误保留预设状态。\n   */\n  const isPresetClickRef = useRef(false);\n\n  /** 组件根元素，用作 getPopupContainer */\n  const wrapperRef = useRef<HTMLDivElement>(null);\n\n  /** RangePicker 实例 ref，用于编程式展开面板 */\n  const pickerRef = useRef<ComponentRef<typeof RangePicker>>(null);\n\n  /** 缓存上一次的 value，用于判断是否是外部变更 */\n  const prevValueRef = useRef(value);\n\n  // ── 默认值：mount 时无初始 value 则自动选中「近5分钟」 ───────────────────\n\n  useEffect(() => {\n    // 仅在外部未传有效初始值时执行一次\n    if (value && (value as DateRangeValue).length === 2) return;\n\n    const first = RANGE_PRESETS[0];\n    const currentValue = first.value();\n    const formatText = currentValue.map((v) => dayjs(v).format('HH:mm:ss')).join(' ~ ');\n\n    setActivePreset(first);\n    setPresetFormatText(formatText);\n\n    // 标记为用户操作，避免被下方的外部 value 监听 effect 清空预设状态\n    selfChangeRef.current = true;\n    onChange?.(currentValue);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  // ── 外部 value 变化同步 ────────────────────────────────────────────────────\n\n  useEffect(() => {\n    // 跳过初始 mount（value 未真正变化）\n    if (prevValueRef.current === value) return;\n    prevValueRef.current = value;\n\n    if (!selfChangeRef.current) {\n      // 外部 setField 赋值：清空预设状态（无法得知外部值对应哪个预设）\n      setActivePreset(undefined);\n      setPresetFormatText(undefined);\n    }\n    // 消费掉标记，等待下次用户操作重新置位\n    selfChangeRef.current = false;\n  }, [value]);\n\n  // ── 紧凑 tag 展示文本 ──────────────────────────────────────────────────────\n\n  /**\n   * 紧凑模式下起止时间的字符串表示。\n   * 与 Vue showState 计算属性逻辑一致。\n   */\n  const showState = useMemo<[string, string] | []>(() => {\n    if (!value || value.length < 2) return [];\n    return [toDisplay(value[0] as Dayjs), toDisplay(value[1] as Dayjs)];\n  }, [value]);\n\n  // ── 预设激活项检测 ─────────────────────────────────────────────────────────\n\n  /**\n   * 根据当前 value 匹配激活的预设 index（用于高亮渲染）。\n   * 将 value 和预设值都格式化为同一字符串后比对，与 Vue presetsNode computed 一致。\n   * 依赖 open，确保面板打开时（时间流逝后）重新计算。\n   */\n  const activePresetIndex = useMemo<number>(() => {\n    if (!value || value.length < 2) return -1;\n    const [v0, v1] = value as DateRangeValue;\n    const valKeys = [toMatchKey(v0), toMatchKey(v1)];\n    return RANGE_PRESETS.findIndex((preset) => {\n      const presetVal = preset.value();\n      const presetKeys = [toMatchKey(presetVal[0]), toMatchKey(presetVal[1])];\n      return valKeys[0] === presetKeys[0] && valKeys[1] === presetKeys[1];\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [value, open]);\n\n  // ── 事件处理 ──────────────────────────────────────────────────────────────\n\n  /**\n   * 点击预设项。\n   * 对应 Vue handleTogglePreset。\n   */\n  const handlePresetClick = useCallback(\n    (preset: RangePreset) => {\n      isPresetClickRef.current = true;\n\n      const currentValue = preset.value();\n\n      // 计算紧凑 tag 中的格式化文本\n      let formatText: string;\n      if (preset.format) {\n        const res = preset.format(currentValue);\n        formatText = Array.isArray(res) ? res.join(' ~ ') : res;\n      } else {\n        // 无自定义 format：默认展示时间部分，如「12:00:00 ~ 13:00:00」\n        formatText = currentValue.map((v) => dayjs(v).format('HH:mm:ss')).join(' ~ ');\n      }\n\n      setActivePreset(preset);\n      setPresetFormatText(formatText);\n\n      // 向父组件通知新值\n      selfChangeRef.current = true;\n      onChange?.(currentValue);\n\n      // 选完预设后收起 picker，用 setTimeout 等待 antd 动画完成\n      setTimeout(() => {\n        setOpen(false);\n        setShowFullPicker(false);\n      }, 0);\n    },\n    [onChange],\n  );\n\n  /**\n   * RangePicker onChange（用户手动选择日期或点击清除后触发）。\n   * 对应 Vue handleChange。\n   */\n  const handlePickerChange = useCallback(\n    (dates: [Dayjs | null, Dayjs | null] | null) => {\n      // 无论是否预设点击，只要触发 change 都先清空预设状态\n      setActivePreset(undefined);\n      setPresetFormatText(undefined);\n      isPresetClickRef.current = false;\n\n      selfChangeRef.current = true;\n\n      if (dates?.[0] && dates?.[1]) {\n        // 正常选择\n        onChange?.(dates as DateRangeValue);\n      } else {\n        // 点击清除：value 置为 []（空数组），并退回紧凑 tag 模式显示 placeholder\n        onChange?.(null);\n        setTimeout(() => {\n          setOpen(false);\n          setShowFullPicker(false);\n        }, 0);\n      }\n    },\n    [onChange],\n  );\n\n  /**\n   * 点击紧凑 tag → 展开完整 RangePicker 并聚焦。\n   * 对应 Vue handleClickPresetPicker。\n   */\n  const handleClickCompactTag = useCallback(() => {\n    setShowFullPicker(true);\n    // 等待 DOM 渲染后再触发 picker 展开\n    setTimeout(() => {\n      const el = pickerRef.current?.nativeElement;\n      if (el) {\n        // 触发第一个 input 的点击，使 antd RangePicker 展开面板\n        const input = el.querySelector<HTMLInputElement>('input');\n        input?.click();\n        input?.focus();\n      }\n    }, 0);\n  }, []);\n\n  /**\n   * RangePicker 面板开关回调。\n   * 面板关闭时延迟退回紧凑模式（避免与选择操作冲突）。\n   */\n  const handleOpenChange = useCallback((isOpen: boolean) => {\n    setOpen(isOpen);\n    if (!isOpen) {\n      setTimeout(() => {\n        setShowFullPicker(false);\n      }, 100);\n    }\n  }, []);\n\n  /**\n   * 禁用日期规则：只允许过去 7 天（含今天）。\n   * 对应 Vue disabledDate。\n   */\n  const disabledDate = useCallback((current: Dayjs) => {\n    return current && (current > dayjs().endOf('day') || current < dayjs().subtract(6, 'day').startOf('day'));\n  }, []);\n\n  /**\n   * Popup 挂载容器：挂在组件自身 wrapper 内，避免全局定位错乱。\n   * 对应 Vue getPopupContainer。\n   */\n  const getPopupContainer = useCallback((): HTMLElement => {\n    return wrapperRef.current ?? document.body;\n  }, []);\n\n  // ── antd presets 节点 ──────────────────────────────────────────────────────\n\n  /**\n   * 构建传入 RangePicker 的 presets prop。\n   * - label 为自定义 ReactNode，实现点击处理与高亮样式\n   * - value 传实时值供 antd 内部使用（如 disabledDate 校验）\n   * antd 5.x presets 格式：{ label: ReactNode; value: [Dayjs, Dayjs] }[]\n   */\n  const presetsNode = useMemo(() => {\n    return RANGE_PRESETS.map((preset, index) => {\n      const isActive = activePresetIndex === index;\n      return {\n        label: (\n          <div\n            className={classNames(styles.yokaPresetItem, {\n              [styles.yokaPresetItemActive]: isActive,\n            })}\n            onClick={(e) => {\n              // 阻止事件冒泡，避免与 antd 默认 preset 行为冲突\n              e.stopPropagation();\n              handlePresetClick(preset);\n            }}\n          >\n            {preset.label}\n          </div>\n        ),\n        value: preset.value() as [Dayjs, Dayjs],\n      };\n    });\n  }, [activePresetIndex, handlePresetClick]);\n\n  // ── 对外暴露方法 ───────────────────────────────────────────────────────────\n\n  /**\n   * 通过 ref 暴露 toggleFirstPreset()，供父组件调用。\n   * 对应 Vue defineExpose({ toggleFirstPreset })。\n   */\n  useImperativeHandle(\n    ref,\n    () => ({\n      toggleFirstPreset() {\n        handlePresetClick(RANGE_PRESETS[0]);\n      },\n    }),\n    [handlePresetClick],\n  );\n\n  // ── 渲染 ──────────────────────────────────────────────────────────────────\n\n  // 完整 picker 的可见性：展开状态 或 下拉面板打开时均显示\n  const pickerVisible = showFullPicker || open;\n\n  return (\n    <div className={styles.YkDateRangePicker} ref={wrapperRef}>\n      {/* ── 紧凑 Tag 模式 ── */}\n      {!showFullPicker && (\n        <span className={styles.yokaCompactTag} onClick={handleClickCompactTag}>\n          {/* 图标：绝对定位固定在左侧 */}\n          <i className={classNames('iconfont icon-riqi1', styles.yokaCompactTagIcon)} />\n          {/* 内容区：flex:1 + justify-content:center 实现视觉居中 */}\n          <span className={styles.yokaCompactTagContent}>\n            {activePreset ? (\n              // 已选预设：「预设名称 (格式化时间)」\n              <>\n                <span className={styles.yokaCompactTagPresetLabel}>{activePreset.label}</span>\n                <span className={styles.yokaCompactTagPresetFormat}>({presetFormatText})</span>\n              </>\n            ) : showState.length === 2 ? (\n              // 自定义时间：「起始时间 ~ 结束时间」\n              <>\n                <span className={styles.yokaCompactTagDatetime}>{showState[0]}</span>\n                <span className={styles.yokaCompactTagSeparator}>~</span>\n                <span className={styles.yokaCompactTagDatetime}>{showState[1]}</span>\n              </>\n            ) : (\n              // 无值/清空：placeholder 居中显示\n              <span className={styles.yokaCompactTagPlaceholder}>{placeholder}</span>\n            )}\n          </span>\n        </span>\n      )}\n\n      {/* ── 完整 RangePicker（display 切换以保持 DOM 挂载，避免 focus 闪烁） ── */}\n      <div className={styles.yokaPickerWrapper} style={{ display: pickerVisible ? 'flex' : 'none' }}>\n        <i className={classNames('iconfont icon-riqi1', styles.yokaPickerWrapperIcon)} />\n        <RangePicker\n          ref={pickerRef}\n          // 值与回调\n          value={value && value.length === 2 ? (value as [Dayjs, Dayjs]) : undefined}\n          onChange={handlePickerChange}\n          open={open}\n          onOpenChange={handleOpenChange}\n          // 外观\n          variant=\"borderless\"\n          allowClear={allowClear}\n          suffixIcon={null}\n          // 时间选择（支持秒）\n          showTime={{\n            format: 'HH:mm:ss',\n            hideDisabledOptions: true,\n            defaultValue: [dayjs('00:00', 'HH:mm'), dayjs('23:59', 'HH:mm')],\n          }}\n          format=\"YYYY-MM-DD HH:mm:ss\"\n          // 禁用日期\n          disabledDate={disabledDate}\n          // 预设（自定义渲染）\n          presets={presetsNode}\n          // Popup 容器\n          getPopupContainer={getPopupContainer}\n        />\n      </div>\n    </div>\n  );\n});\n\nYkDateRangePicker.displayName = 'YkDateRangePicker';\n\nexport default YkDateRangePicker;\n"],
+  "mappings": "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",
+  "names": ["dayjs", "YkDateRangePicker", "React", "classNames", "styles"]
+}