open-index/open-npm huggingface dataset:
npm package: @qii404/ztree_v3
Description: zTree is a multi-functional 'tree plug-ins.' based on jQuery. The main advantages of zTree includes excellent performance, flexible configuration, and the combination of multiple functions. Forked from ztree_v3, modified for ardm, you may not need it.
Author: zTree
Latest version: 3.5.48

jQuery Tree Plugin ---- zTree  
============
last version :  3.5.48


**Donate to zTree** : http://www.treejs.cn/v3/donate.php


zTree API : http://www.treejs.cn/v3/api.php


zTree Demo : http://www.treejs.cn/v3/demo.php


Install
============
```
npm install @ztree/ztree_v3
```

Introduction of zTree (简介)
============
* zTree is a multi-functional "tree plug-ins." based on jQuery. The main advantages of zTree includes excellent performance, flexible configuration, and the combination of multiple functions.
(zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。)

* zTree is a free tree plug-in and uses the MIT license. 
(zTree 是开源免费的软件, 使用 MIT 许可证)

* The code of zTree v3.x has been separated according to the various functions. You can only load the code you need. 
(zTree v3.x 将核心代码按照功能进行了分割，不需要的代码可以不用加载)
* zTree v3.x uses delay loading technique, which can easily load tens of thousands of nodes in seconds even in IE6 browser. 
(采用了 延迟加载 技术，上万节点轻松加载，即使在 IE6 下也能基本做到秒杀)
* Compatible with IE, FireFox?, Chrome, Opera, Safari and other browsers. 
(兼容 IE、FireFox?、Chrome、Opera、Safari 等浏览器)
* Support for JSON data. 
(支持 JSON 数据)
* Support for static and asynchronous data loading node. 
(支持静态 和 Ajax 异步加载节点数据)
* Replace the skin / custom icon flexibly. 
(支持任意更换皮肤 / 自定义图标)
* Support extremely flexible checkbox or radio selection function. 
(支持极其灵活的 checkbox 或 radio 选择功能)
* Provide enough incident response callback. 
(提供多种事件响应回调)
* Flexible editing (add / delete / change / search) functions, such as drag and drop nodes,you can even drag and drop multiple nodes. 
(灵活的编辑（增/删/改/查）功能，可随意拖拽节点，还可以多节点拖拽哟)
* Enable to generate multiple instances of zTree in one page. 
(在一个页面内可同时生成多个 Tree 实例)
* Simple parameters to achieve flexible configuration capabilities. 
(简单的参数配置实现 灵活多变的功能)
* To enhance performance, zTree transforms the js & css structure to provide excellent browser compatibility and make the development more easily
(zTree v3.x（JQuery Tree 插件），性能全面提升，js & css 架构全面调整，提供更好的兼容性和易开发性)
npm package: @qiiqa/bob-ui
Description: Base CSS styling for Qiiqa applications
Latest version: 0.3.0

# @qiiqa/bob-ui

The base styling layer for the Qiiqa UI design system. This package contains the vanilla CSS modules and CSS variables that define the visual language of the Antigravity ecosystem.

## Features

- **Rich Aesthetics**: Vibrant, premium design system with modern typography and smooth transitions.
- **Tokens-First**: Fully driven by CSS variables for colors, spacing, and sizing.
- **Modular CSS**: Separated component styles (buttons, inputs, modals, etc.).

## Usage

Import the base CSS in your application's entry point:

```javascript
import '@qiiqa/bob-ui/dist/index.css';
```

## Structure

- `base.css`: CSS variables and resets.
- `components/`: Specific styles for each UI element.
- `themes/`: Theme-specific variable overrides.

## Theming

This package is designed to be used with `@qiiqa/bob-ui-react-themes`. It defines variables like `--q-primary`, `--q-bg-base`, and `--q-text-base` that can be easily overridden.

---
Refer to the `apps/bob-ui-demo` for a full visual showcase of these styles.
npm package: @qiiqa/bob-ui-react
Description: Base React infrastructure for Qiiqa UI
Latest version: 0.5.0

# @qiiqa/bob-ui-react

Welcome to the Bob UI React ecosystem. This package is the primary entry point for building applications using the **Bob framework**. 

## 🤖 AI Developer Guide

If you are an AI assistant building a React application with this package, please read the following guides to ensure architectural consistency:

1.  **[Getting Started](./MD/GETTING_STARTED.md)** - Installation, setup, and core philosophy.
2.  **[Layout System](./MD/LAYOUT.md)** - How to structure your pages and forms.
3.  **[Component Reference](./MD/COMPONENTS.md)** - The building blocks for inputs, buttons, and interaction.
4.  **[Themes & Styling](./MD/THEMES.md)** - CSS variables and theme management.

### 🔑 Key Principles

-   **Zero HTML Tags**: Never use `<div>`, `<span>`, `<input>`, or `<button>` for building pages. Always use the equivalent Bob components.
-   **Structured Layout**: Use `BobLayoutForm` and its children for all form-based interfaces.
-   **Property Mapping**: Ensure you use the specialized props like `id`, `onF2`, `onF3`, and `onF4` correctly as described in the component reference.

---

## Technical Overview

This package aggregates the following specialized modules:

-   `@qiiqa/bob-ui-react-components`: Primitive UI elements.
-   `@qiiqa/bob-ui-react-layout`: Responsive layout engine.
-   `@qiiqa/bob-ui-react-themes`: Design system and variable management.

### Infrastructure Features

-   **Focus Management**: Centralized focus tracking and navigation via `FocusContext`.
-   **Hooks**: Utility hooks like `useFocusManager` for handling directional navigation and keyboard shortcuts.

```tsx
import { FocusProvider, useFocusManager } from '@qiiqa/bob-ui-react';

function MyGrid() {
  const { moveFocus } = useFocusManager();
  // ... implement grid navigation
}
```

---
See the `apps/bob-ui-demo` for advanced usage examples.
npm package: @qiiqa/bob-ui-react-components
Description: Generic React component library for Qiiqa UI
Latest version: 0.4.0

# @qiiqa/bob-ui-react-components

A comprehensive library of "dumb" React components built on top of `@qiiqa/bob-ui`. These components are designed for speed, consistency, and a premium feel.

## Key Components

### BobTextBox
A pure single-line input component.
- **F4/Icon Support**: Supports an `icon` prop that acts as a trigger for popups or search actions.
- **Shortcuts**: Standard F2 (Edit), F3 (Search), and F4 (Popup) event handlers.

### BobMemoBox
A robust multiline editor.
- **Single-Line Mode**: Use `singleLine={true}` to display a compact view that opens a full editor in a `BobDialog` on F4.
- **Recursive Editing**: Uses itself multiline-mode within popups for a consistent editing experience.

### BobDialog
A themed modal component.
- Supports titles, custom footers, and backdrop blurring.
- Fully integrated with the Qiiqa theming system.

### And More...
- `BobButton` & `BobButtonGroup`
- `BobCheckbox` & `BobSelectBox`
- Specialized: `BobAddressBox`, `BobPictureBox`, `BobChoiceComponent`

## Usage

```tsx
import { BobTextBox, BobButton } from '@qiiqa/bob-ui-react-components';

function MyComponent() {
  return (
    <BobTextBox 
      id="search-input" 
      icon={<span>🔍</span>} 
      onF4={() => console.log('Search triggered')} 
    />
  );
}
```

## Best Practices
- Every component requires a unique `id` for consistent CSS targeting and accessibility.
- Use `BobButtonGroup` for actions to ensure standard spacing and responsive behavior.

---
Refer to the `apps/bob-ui-demo` in the repository for a live demonstration of every component.