@will-ui/vue 1.0.0

package/dist/components/tree/_use/treeState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"treeState.js","names":[],"sources":["../../../../components/tree/_use/treeState.ts"],"sourcesContent":["/**\r\n * 树组件状态管理\r\n * 管理节点的展开/折叠和选中状态\r\n */\r\nimport { ref, computed, unref, type Ref } from \"vue\"\r\nimport { getParent, getChildren } from \"../../../util\"\r\n\r\ntype KeyType = string | number\r\ninterface IOpts {\r\n  keyField: string\r\n  childField: string\r\n  sourceData: Record<string, any>[]\r\n  checkedMode?: \"some\" | \"every\"\r\n  onlyOneSpread?: boolean //同级只允许一个展开\r\n  rootElement?: Ref<HTMLElement | null> | HTMLElement | null // 树组件的根元素\r\n}\r\nexport default function useTreeState(opts: IOpts) {\r\n  // 展开的节点 keys\r\n  const spreadKeys = ref<Set<KeyType>>(new Set())\r\n\r\n  // 选中的节点 keys\r\n  const checkedKeys = ref<Set<KeyType>>(new Set())\r\n\r\n  // ==================== 展开状态管理 ====================\r\n\r\n  /**\r\n   * 切换节点的展开/折叠状态\r\n   */\r\n  function toggleSpread(key: KeyType): void {\r\n    if (opts.onlyOneSpread) {\r\n      // 如果启用了 onlyOneSpread，需要先找到当前节点的父节点，然后折叠同级其他节点\r\n      const { ids } = getParent({\r\n        value: key,\r\n        arr: opts.sourceData,\r\n        prop: opts.keyField,\r\n        children: opts.childField,\r\n      })\r\n\r\n      // 获取当前节点的直接父节点ID（ids数组倒数第二个元素是父节点）\r\n      const parentId = ids.length >= 2 ? ids[ids.length - 2] : null\r\n\r\n      // 获取父节点的所有子节点（即当前节点的同级节点）\r\n      let siblings: Record<string, any>[] = []\r\n      if (parentId !== null) {\r\n        // 有父节点，获取父节点的直接子节点\r\n        const parentChildren = getDirectChildren(parentId)\r\n        siblings = parentChildren\r\n      } else {\r\n        // 没有父节点，说明是根节点，获取根节点列表\r\n        siblings = opts.sourceData\r\n      }\r\n\r\n      // 获取所有同级节点的key\r\n      const siblingKeys = siblings.map((sibling) => sibling[opts.keyField])\r\n\r\n      // 创建新的展开集合\r\n      const newSet = new Set(spreadKeys.value)\r\n\r\n      // 如果当前节点已经是展开状态，则折叠它\r\n      if (newSet.has(key)) {\r\n        newSet.delete(key)\r\n      } else {\r\n        // 如果当前节点是折叠状态，则展开它，同时折叠其他同级节点\r\n        // 先折叠所有同级节点\r\n        siblingKeys.forEach((siblingKey) => {\r\n          newSet.delete(siblingKey)\r\n        })\r\n        // 再展开当前节点\r\n        newSet.add(key)\r\n      }\r\n\r\n      spreadKeys.value = newSet\r\n    } else {\r\n      // 原有逻辑：无限制地切换展开/折叠状态\r\n      const newSet = new Set(spreadKeys.value)\r\n      if (newSet.has(key)) {\r\n        newSet.delete(key)\r\n      } else {\r\n        newSet.add(key)\r\n      }\r\n      spreadKeys.value = newSet\r\n    }\r\n  }\r\n\r\n  /**\r\n   * 展开指定节点\r\n   */\r\n  function expand(key: KeyType): void {\r\n    const newSet = new Set(spreadKeys.value)\r\n    newSet.add(key)\r\n    spreadKeys.value = newSet\r\n  }\r\n\r\n  /**\r\n   * 折叠指定节点\r\n   */\r\n  function collapse(key: KeyType): void {\r\n    const newSet = new Set(spreadKeys.value)\r\n    newSet.delete(key)\r\n    spreadKeys.value = newSet\r\n  }\r\n\r\n  /**\r\n   * 判断节点是否展开\r\n   */\r\n  function isSpread(key: KeyType): boolean {\r\n    return spreadKeys.value.has(key)\r\n  }\r\n\r\n  /**\r\n   * 展开所有节点\r\n   * @param batchSize 每批处理的节点数量，默认 20，设为 0 表示不分批\r\n   */\r\n  function expandAll(batchSize: number = 20): void {\r\n    const allKeys: KeyType[] = []\r\n\r\n    // 递归收集所有节点的 key\r\n    function collectKeys(nodes: Record<string, any>[]) {\r\n      nodes.forEach((node) => {\r\n        allKeys.push(node[opts.keyField])\r\n        const children = node[opts.childField]\r\n        if (children && Array.isArray(children) && children.length > 0) {\r\n          collectKeys(children)\r\n        }\r\n      })\r\n    }\r\n\r\n    collectKeys(opts.sourceData)\r\n\r\n    if (batchSize <= 0) {\r\n      // 不分批，直接展开\r\n      const newSet = new Set(spreadKeys.value)\r\n      allKeys.forEach((key) => newSet.add(key))\r\n      spreadKeys.value = newSet\r\n    } else {\r\n      // 分批展开，避免阻塞 UI\r\n      let index = 0\r\n\r\n      function processBatch() {\r\n        const batch = allKeys.slice(index, index + batchSize)\r\n        const newSet = new Set(spreadKeys.value)\r\n        batch.forEach((key) => newSet.add(key))\r\n        spreadKeys.value = newSet\r\n\r\n        index += batchSize\r\n\r\n        // 如果还有剩余批次，继续处理\r\n        if (index < allKeys.length) {\r\n          requestAnimationFrame(processBatch)\r\n        }\r\n      }\r\n\r\n      // 开始第一批处理\r\n      requestAnimationFrame(processBatch)\r\n    }\r\n  }\r\n\r\n  /**\r\n   * 折叠所有节点\r\n   */\r\n  function collapseAll(): void {\r\n    spreadKeys.value = new Set()\r\n  }\r\n\r\n  // ==================== 选中状态管理 ====================\r\n\r\n  /**\r\n   * 切换节点的选中状态\r\n   */\r\n  function toggleCheck(key: KeyType): void {\r\n    const newSet = new Set(checkedKeys.value)\r\n    if (newSet.has(key)) {\r\n      newSet.delete(key)\r\n    } else {\r\n      newSet.add(key)\r\n    }\r\n    checkedKeys.value = newSet\r\n  }\r\n\r\n  /**\r\n   * 选中指定节点\r\n   */\r\n  function check(key: KeyType): void {\r\n    const newSet = new Set(checkedKeys.value)\r\n    newSet.add(key)\r\n    checkedKeys.value = newSet\r\n  }\r\n\r\n  /**\r\n   * 取消选中指定节点\r\n   */\r\n  function uncheck(key: KeyType): void {\r\n    const newSet = new Set(checkedKeys.value)\r\n    newSet.delete(key)\r\n    checkedKeys.value = newSet\r\n  }\r\n\r\n  /**\r\n   * 判断节点是否选中\r\n   */\r\n  function isChecked(key: KeyType): boolean {\r\n    return checkedKeys.value.has(key)\r\n  }\r\n\r\n  /**\r\n   * 批量选中节点\r\n   */\r\n  function checkMultiple(keys: KeyType[]): void {\r\n    const newSet = new Set(checkedKeys.value)\r\n    keys.forEach((key) => newSet.add(key))\r\n    checkedKeys.value = newSet\r\n  }\r\n\r\n  /**\r\n   * 批量取消选中节点\r\n   */\r\n  function uncheckMultiple(keys: KeyType[]): void {\r\n    const newSet = new Set(checkedKeys.value)\r\n    keys.forEach((key) => newSet.delete(key))\r\n    checkedKeys.value = newSet\r\n  }\r\n\r\n  /**\r\n   * 选中所有节点\r\n   */\r\n  function checkAll(keys: KeyType[]): void {\r\n    const newSet = new Set(checkedKeys.value)\r\n    keys.forEach((key) => newSet.add(key))\r\n    checkedKeys.value = newSet\r\n  }\r\n\r\n  /**\r\n   * 取消所有选中\r\n   */\r\n  function uncheckAll(): void {\r\n    checkedKeys.value = new Set()\r\n  }\r\n\r\n  // ==================== 工具方法 ====================\r\n\r\n  /**\r\n   * 清空所有状态\r\n   */\r\n  function clearAll(): void {\r\n    spreadKeys.value = new Set()\r\n    checkedKeys.value = new Set()\r\n  }\r\n\r\n  /**\r\n   * 获取展开的 keys 数组\r\n   */\r\n  const getSpreadKeys = computed(() => Array.from(spreadKeys.value))\r\n\r\n  /**\r\n   * 获取选中的 keys 数组\r\n   */\r\n  const getCheckedKeys = computed(() => Array.from(checkedKeys.value))\r\n\r\n  /**\r\n   * 重置状态\r\n   */\r\n  function reset(): void {\r\n    spreadKeys.value = new Set()\r\n    checkedKeys.value = new Set()\r\n  }\r\n\r\n  /**选择时，数据联动相关方法 */\r\n  function onCheckOne({\r\n    key,\r\n    checked,\r\n  }: {\r\n    key: KeyType\r\n    checked: boolean\r\n    item: Record<string, any>\r\n  }) {\r\n    if (!opts.checkedMode) {\r\n      // 无联动模式，直接返回，因为可以通过直接改变checkedKeys来实现\r\n\r\n      return\r\n    }\r\n\r\n    // 第一步：让所有子级与当前节点状态一致\r\n    const children = getChildren({\r\n      value: key,\r\n      arr: opts.sourceData,\r\n      prop: opts.keyField,\r\n      children: opts.childField,\r\n    })\r\n\r\n    if (children.length > 0) {\r\n      const childKeys = children.map((child) => child[opts.keyField])\r\n      if (checked) {\r\n        checkMultiple(childKeys)\r\n      } else {\r\n        uncheckMultiple(childKeys)\r\n      }\r\n    }\r\n\r\n    // 第二步：设置当前节点状态\r\n    if (checked) {\r\n      check(key)\r\n    } else {\r\n      uncheck(key)\r\n    }\r\n\r\n    // 第三步：根据模式处理父级节点\r\n    if (opts.checkedMode === \"some\") {\r\n      // some 模式：选中时，父级也要选中；取消时，检查同级是否有选中的\r\n      if (checked) {\r\n        updateParentCheckStateForSome(key)\r\n      } else {\r\n        updateParentUncheckStateForSome(key)\r\n      }\r\n    } else if (opts.checkedMode === \"every\") {\r\n      // every 模式：只有当所有同级都选中时，父级才能选中\r\n      if (checked) {\r\n        updateParentCheckStateForEvery(key)\r\n      } else {\r\n        updateParentUncheckState(key)\r\n      }\r\n    }\r\n  }\r\n\r\n  /**\r\n   * some 模式：更新父节点选中状态（选中时，父级也要选中）\r\n   */\r\n  function updateParentCheckStateForSome(key: KeyType): void {\r\n    const { ids } = getParent({\r\n      value: key,\r\n      arr: opts.sourceData,\r\n      prop: opts.keyField,\r\n      children: opts.childField,\r\n    })\r\n\r\n    // 选中所有父节点\r\n    for (let i = ids.length - 2; i >= 0; i--) {\r\n      check(ids[i])\r\n    }\r\n  }\r\n\r\n  /**\r\n   * some 模式：取消时更新父节点状态（检查同级是否有选中的）\r\n   */\r\n  function updateParentUncheckStateForSome(key: KeyType): void {\r\n    const { ids } = getParent({\r\n      value: key,\r\n      arr: opts.sourceData,\r\n      prop: opts.keyField,\r\n      children: opts.childField,\r\n    })\r\n\r\n    // 从父节点开始向上检查\r\n    for (let i = ids.length - 2; i >= 0; i--) {\r\n      const parentId = ids[i]\r\n      const parentChildren = getDirectChildren(parentId)\r\n\r\n      // 检查是否有任意一个子节点被选中\r\n      const hasChecked = parentChildren.some((child) =>\r\n        checkedKeys.value.has(child[opts.keyField])\r\n      )\r\n\r\n      if (hasChecked) {\r\n        // 只要有子节点选中，父节点就保持选中\r\n        check(parentId)\r\n      } else {\r\n        // 没有子节点选中，取消父节点\r\n        uncheck(parentId)\r\n      }\r\n    }\r\n  }\r\n\r\n  /**\r\n   * every 模式：更新父节点选中状态（只有所有同级都选中时，父级才选中）\r\n   */\r\n  function updateParentCheckStateForEvery(key: KeyType): void {\r\n    const { ids } = getParent({\r\n      value: key,\r\n      arr: opts.sourceData,\r\n      prop: opts.keyField,\r\n      children: opts.childField,\r\n    })\r\n\r\n    // 从父节点开始向上检查\r\n    for (let i = ids.length - 2; i >= 0; i--) {\r\n      const parentId = ids[i]\r\n      const parentChildren = getDirectChildren(parentId)\r\n\r\n      // 检查所有直接子节点是否都选中\r\n      const allChecked =\r\n        parentChildren.length > 0 &&\r\n        parentChildren.every((child) =>\r\n          checkedKeys.value.has(child[opts.keyField])\r\n        )\r\n\r\n      if (allChecked) {\r\n        check(parentId)\r\n      } else {\r\n        break // 如果有一个父节点不满足条件，停止向上检查\r\n      }\r\n    }\r\n  }\r\n\r\n  /**\r\n   * 取消父节点的选中状态\r\n   */\r\n  function updateParentUncheckState(key: KeyType): void {\r\n    const { ids } = getParent({\r\n      value: key,\r\n      arr: opts.sourceData,\r\n      prop: opts.keyField,\r\n      children: opts.childField,\r\n    })\r\n\r\n    // 取消所有父节点的选中状态\r\n    for (let i = ids.length - 2; i >= 0; i--) {\r\n      uncheck(ids[i])\r\n    }\r\n  }\r\n\r\n  /**\r\n   * 获取节点的直接子节点（不包括孙节点）\r\n   */\r\n  function getDirectChildren(parentKey: KeyType): Record<string, any>[] {\r\n    const { rows } = getParent({\r\n      value: parentKey,\r\n      arr: opts.sourceData,\r\n      prop: opts.keyField,\r\n      children: opts.childField,\r\n    })\r\n\r\n    if (rows.length === 0) {\r\n      return []\r\n    }\r\n\r\n    // rows 的最后一个元素是目标节点本身\r\n    const targetNode = rows[rows.length - 1]\r\n    const children = targetNode[opts.childField]\r\n\r\n    return children && Array.isArray(children) ? children : []\r\n  }\r\n\r\n  /**\r\n   * 判断节点是否应该被收集（用于提交数据）\r\n   * 规则：\r\n   * - 叶子节点：直接收集\r\n   * - 非叶子节点：只有当所有直接子节点都被选中时才收集\r\n   */\r\n  function shouldCollectNode(key: KeyType): boolean {\r\n    const directChildren = getDirectChildren(key)\r\n\r\n    // 叶子节点，直接收集\r\n    if (directChildren.length === 0) {\r\n      return true\r\n    }\r\n\r\n    // 非叶子节点：检查所有直接子节点是否都选中\r\n    return directChildren.every((child) =>\r\n      checkedKeys.value.has(child[opts.keyField])\r\n    )\r\n  }\r\n\r\n  /**\r\n   * 判断节点是否有选中的祖先节点\r\n   */\r\n  function hasCheckedAncestor(key: KeyType): boolean {\r\n    const { ids: parentIds } = getParent({\r\n      value: key,\r\n      arr: opts.sourceData,\r\n      prop: opts.keyField,\r\n      children: opts.childField,\r\n    })\r\n\r\n    // parentIds 包含从根到当前节点的路径，排除最后一个（当前节点本身）\r\n    return parentIds\r\n      .slice(0, -1)\r\n      .some((parentId) => checkedKeys.value.has(parentId))\r\n  }\r\n\r\n  /**\r\n   * 获取要提交给后台的数据\r\n   * @returns { keys: KeyType[], rows: Record<string, any>[] } 选中的keys数组和对应的行数据数组\r\n   *\r\n   * 规则：\r\n   * - some/every 模式：当子级全部选中时，只收集父级；子级未全部选中时，只收集子级\r\n   * - 无模式：直接返回 checkedKeys 中的所有数据\r\n   */\r\n  function getSubmitData(): { keys: KeyType[]; rows: Record<string, any>[] } {\r\n    // 无联动模式：直接返回所有选中的数据\r\n    if (!opts.checkedMode) {\r\n      const keys = Array.from(checkedKeys.value)\r\n      const rows = keys\r\n        .map((key) => findNodeByKey(key))\r\n        .filter((row): row is Record<string, any> => row !== null)\r\n      return { keys, rows }\r\n    }\r\n\r\n    // some/every 模式：智能收集数据（去重原则：有父节点选中则不收集子节点）\r\n    const resultKeys = new Set<KeyType>()\r\n\r\n    for (const key of checkedKeys.value) {\r\n      // 如果有祖先节点被选中，跳过当前节点（由祖先节点代表）\r\n      if (hasCheckedAncestor(key)) {\r\n        continue\r\n      }\r\n\r\n      // 判断当前节点是否应该被收集\r\n      if (shouldCollectNode(key)) {\r\n        resultKeys.add(key)\r\n      }\r\n    }\r\n\r\n    const keys = Array.from(resultKeys)\r\n    const rows = keys\r\n      .map((key) => findNodeByKey(key))\r\n      .filter((row): row is Record<string, any> => row !== null)\r\n\r\n    return { keys, rows }\r\n  }\r\n\r\n  /**\r\n   * 根据 key 查找节点数据\r\n   */\r\n  function findNodeByKey(key: KeyType): Record<string, any> | null {\r\n    const { rows } = getParent({\r\n      value: key,\r\n      arr: opts.sourceData,\r\n      prop: opts.keyField,\r\n      children: opts.childField,\r\n    })\r\n\r\n    if (rows.length === 0) {\r\n      return null\r\n    }\r\n\r\n    // rows 的最后一个元素是目标节点本身\r\n    return rows[rows.length - 1]\r\n  }\r\n\r\n  /**\r\n   * 展开到目标节点（会先折叠其它节点），并滚动到可视区。\r\n   * 适合「定位某一项」；回显请用 revealToNode，避免把其它展开状态清掉。\r\n   */\r\n  function expandToNode(key: KeyType): void {\r\n    collapseAll()\r\n    revealToNode(key, true)\r\n  }\r\n\r\n  /**\r\n   * 仅展开祖先路径，不折叠其它节点；可选滚动。\r\n   * 适合 v-model / v-model:keys 回显时把深层节点露出来。\r\n   */\r\n  function revealToNode(key: KeyType, scroll = false): void {\r\n    const { ids } = getParent({\r\n      value: key,\r\n      arr: opts.sourceData,\r\n      prop: opts.keyField,\r\n      children: opts.childField,\r\n    })\r\n\r\n    if (ids.length === 0) {\r\n      return\r\n    }\r\n\r\n    const parentIds = ids.slice(0, -1)\r\n    if (parentIds.length === 0) {\r\n      if (scroll) {\r\n        setTimeout(() => scrollToNode(key), 50)\r\n      }\r\n      return\r\n    }\r\n\r\n    const newSet = new Set(spreadKeys.value)\r\n    parentIds.forEach((parentId) => newSet.add(parentId))\r\n    spreadKeys.value = newSet\r\n\r\n    if (scroll) {\r\n      setTimeout(() => scrollToNode(key), 350)\r\n    }\r\n  }\r\n\r\n  /**\r\n   * 将指定节点滚动到可视区域\r\n   * @param key 节点的 key 值\r\n   */\r\n  function scrollToNode(key: KeyType): void {\r\n    const container = unref(opts.rootElement)\r\n\r\n    if (!container) {\r\n      return\r\n    }\r\n\r\n    const nodeElement = container.querySelector(\r\n      `[data-key=\"${key}\"]`,\r\n    ) as HTMLElement\r\n\r\n    if (nodeElement) {\r\n      nodeElement.scrollIntoView({\r\n        behavior: 'smooth',\r\n        block: 'center',\r\n      })\r\n    }\r\n  }\r\n\r\n  return {\r\n    // 状态\r\n    spreadKeys,\r\n    checkedKeys,\r\n\r\n    // 计算属性\r\n    getSpreadKeys,\r\n    getCheckedKeys,\r\n\r\n    // 展开相关方法\r\n    toggleSpread,\r\n    expand,\r\n    collapse,\r\n    isSpread,\r\n    expandAll,\r\n    collapseAll,\r\n\r\n    // 选中相关方法\r\n    toggleCheck,\r\n    check,\r\n    uncheck,\r\n    isChecked,\r\n    checkMultiple,\r\n    uncheckMultiple,\r\n    checkAll,\r\n    uncheckAll,\r\n\r\n    // 工具方法\r\n    clearAll,\r\n    reset,\r\n    // 联动选择相关方法\r\n    onCheckOne,\r\n    // 数据提交相关方法\r\n    getSubmitData,\r\n    // 节点定位相关方法\r\n    expandToNode,\r\n    revealToNode,\r\n    scrollToNode,\r\n  }\r\n}\r\n"],"mappings":"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"}

package/dist/components/tree/config.d.ts

@@ -0,0 +1,27 @@
+/**
+ * 可通过 `app.use(UI, { components: { Tree: {...} } })` 配置的项。
+ * Boolean / 可全局覆盖的字段请在 runtimeProps 设 `default: undefined`。
+ *
+ * 不宜全局配置：data、modelValue、keys、checkable（实例数据 / 受控 / 业务函数）。
+ */
+export type TreeGlobalConfig = Partial<{
+    keyField: string;
+    textField: string;
+    childField: string;
+    indent: number;
+    hasCheckbox: boolean;
+    checkedMode: 'some' | 'every';
+    onlyOneSpread: boolean;
+    onlyChooseLeaf: boolean;
+}>;
+/** 未传 props、也未配全局时的默认值 */
+export declare const TREE_FALLBACK: {
+    keyField: string;
+    textField: string;
+    childField: string;
+    indent: number | undefined;
+    hasCheckbox: boolean;
+    checkedMode: "some" | "every" | undefined;
+    onlyOneSpread: boolean;
+    onlyChooseLeaf: boolean;
+};

package/dist/components/tree/config.js

@@ -0,0 +1,16 @@
+//#region components/tree/config.ts
+/** 未传 props、也未配全局时的默认值 */
+var TREE_FALLBACK = {
+	keyField: "Id",
+	textField: "Name",
+	childField: "Childs",
+	indent: void 0,
+	hasCheckbox: false,
+	checkedMode: void 0,
+	onlyOneSpread: false,
+	onlyChooseLeaf: false
+};
+//#endregion
+export { TREE_FALLBACK };
+
+//# sourceMappingURL=config.js.map

package/dist/components/tree/config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","names":[],"sources":["../../../components/tree/config.ts"],"sourcesContent":["/**\r\n * 可通过 `app.use(UI, { components: { Tree: {...} } })` 配置的项。\r\n * Boolean / 可全局覆盖的字段请在 runtimeProps 设 `default: undefined`。\r\n *\r\n * 不宜全局配置：data、modelValue、keys、checkable（实例数据 / 受控 / 业务函数）。\r\n */\r\nexport type TreeGlobalConfig = Partial<{\r\n  keyField: string\r\n  textField: string\r\n  childField: string\r\n  indent: number\r\n  hasCheckbox: boolean\r\n  checkedMode: 'some' | 'every'\r\n  onlyOneSpread: boolean\r\n  onlyChooseLeaf: boolean\r\n}>\r\n\r\n/** 未传 props、也未配全局时的默认值 */\r\nexport const TREE_FALLBACK = {\r\n  keyField: 'Id',\r\n  textField: 'Name',\r\n  childField: 'Childs',\r\n  indent: undefined as number | undefined,\r\n  hasCheckbox: false,\r\n  checkedMode: undefined as 'some' | 'every' | undefined,\r\n  onlyOneSpread: false,\r\n  onlyChooseLeaf: false,\r\n}\r\n"],"mappings":";;AAkBA,IAAa,gBAAgB;CAC3B,UAAU;CACV,WAAW;CACX,YAAY;CACZ,QAAQ,KAAA;CACR,aAAa;CACb,aAAa,KAAA;CACb,eAAe;CACf,gBAAgB;AAClB"}

package/dist/components/tree/index.d.ts

@@ -0,0 +1,4 @@
+export { default } from './Tree';
+export type * from './Tree';
+export type * from './config';
+export { TREE_FALLBACK } from './config';

package/dist/components/tree/style/index.css

@@ -0,0 +1 @@
+@import '../../../theme/tokens/components/tree.css';