rj-grid 0.2.7 → 0.2.8

package/README_EN.md

@@ -0,0 +1,328 @@
+<p align="center">
+  <img src="docs/images/01-overview.png" alt="rj-grid full feature overview" width="100%" />
+</p>
+
+<h1 align="center">rj-grid</h1>
+
+<p align="center">
+  <b>An enterprise-grade Vue 3 data grid with zero third-party dependencies — every AG Grid feature, MIT licensed, ~110 KB gzip.</b><br/>
+  Virtual scrolling · pinned columns · grouping & pivoting · tree · undoable editing · formula engine · SSRM server-side row model · theming & i18n · print/CSV/Excel/PDF · offline natural-language query (NLQ)
+</p>
+
+<p align="center">
+  <a href="https://www.npmjs.com/package/rj-grid"><img src="https://img.shields.io/npm/v/rj-grid.svg?logo=npm&color=cb3837" alt="npm version"/></a>
+  <a href="https://github.com/rjding/rjGrid"><img src="https://img.shields.io/github/stars/rjding/rjGrid?logo=github&color=181717" alt="GitHub stars"/></a>
+  <a href="https://gitee.com/rjding/rj-grid"><img src="https://img.shields.io/badge/Gitee-rj--grid-orange?logo=gitee&logoColor=white" alt="Gitee mirror"/></a>
+  <a href="https://github.com/rjding/rjGrid/blob/master/LICENSE"><img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License MIT"/></a>
+  <a href="https://gitee.com/rjding/rj-grid"><img src="https://img.shields.io/badge/third--party%20deps-0-blue.svg" alt="Zero dependencies"/></a>
+  <img src="https://img.shields.io/badge/gzip-~110KB-lightgrey.svg" alt="Bundle size"/>
+  <a href="https://vuejs.org/"><img src="https://img.shields.io/badge/vue-3.x-brightgreen.svg?logo=vuedotjs" alt="Vue 3"/></a>
+  <img src="https://img.shields.io/badge/tests-407%20passed-yellowgreen.svg" alt="Tests"/>
+  <img src="https://img.shields.io/badge/types-TypeScript-blue.svg?logo=typescript" alt="TypeScript"/>
+</p>
+
+<p align="center">
+  <a href="#-quick-start">Quick Start</a> ·
+  <a href="#-feature-showcase">Showcase</a> ·
+  <a href="#-vs-ag-grid">vs AG Grid</a> ·
+  <a href="docs/RjGrid_Manual_EN.md">Full Manual</a> ·
+  <a href="https://github.com/rjding/rjGrid">GitHub</a> ·
+  <a href="https://gitee.com/rjding/rj-grid">Gitee</a> ·
+  <a href="README.md">中文</a>
+</p>
+
+---
+
+## 💡 Why rj-grid
+
+Picture this: a single `<rj-grid>` tag that replaces those tables in your project that freeze past a few tens of thousands of rows, and that force you to swap libraries the moment you need grouping — all **without pulling in any third-party dependency** and without paying a license fee to a commercial grid vendor.
+
+- **Truly zero-dependency**: the only runtime requirement is `vue`; even the optional charting is lazily `import('echarts')`. Nothing is bundled, nothing pollutes your lockfile.
+- **Absurdly small**: ~110 KB gzip, yet it packs the combined feature set of several other libraries.
+- **Silky at 100k rows**: two-way row/column virtual scrolling; 100,000 rows × 12 columns open instantly in practice (generation takes only ~12 ms).
+- **AG Grid-parity features**: tree / grouping / pivoting / SSRM / formulas / theming / i18n / export / NLQ — all included.
+- **Native TypeScript**: full type inference and `.d.ts`; editor autocompletion throughout — not a rough "make it work first" job.
+- **Free for commercial use**: MIT license, safe for individuals and companies alike.
+
+---
+
+## ✨ Feature overview
+
+| Category | What you get |
+|---|---|
+| Rendering | Row/column virtual scrolling (smooth at 100k rows), pinned columns, multi-level headers, three density levels, pinned rows, full-width rows; **single-click a cell to select its row** (`selectOnCellClick`, no checkbox needed) |
+| Data | Four modes: client-side / pagination / infinite scroll / **SSRM server-side row model** (block cache on demand) |
+| Grouping | Tree of arbitrary depth, drag-to-group, multi-level grouping + group footers, column pivoting (with a high-cardinality guardrail) |
+| Editing | 8 editor types, validation, undo/redo, batched transaction back-fill, built-in add/edit row dialog |
+| Formulas | Zero-dependency Excel-style formulas: `=B2*C2`, `SUM/COUNTIF/SUMIF`, range references, circular-reference detection |
+| Filtering | Header funnel / floating filter row / quick search / advanced filter (cross-column AND/OR expression tree) — four layers stackable |
+| Appearance | Theme engine (4 presets × light/dark × accent color × custom CSS variables), i18n (zh/en + text override), icon replacement |
+| Output | Print / CSV / Excel / PDF, with three scopes: selected rows / current view / backend export; the four buttons can each be shown/hidden (`showPrint`/`showCsv`/`showPdf`/`showExcel`) |
+| AI | Purely offline deterministic **NLQ**, bilingual and following i18n: Chinese like `数量大于50 按单价降序`, English like `qty > 50 sort by price desc`, with the readback matching the language |
+| State | `stateKey` auto-persistence + programmatic `getState/setState`; your view survives a refresh |
+
+---
+
+## 🚀 Quick Start
+
+> Three steps, two minutes, running.
+
+**① Install**
+
+```bash
+npm install rj-grid
+# or pnpm add rj-grid / yarn add rj-grid
+```
+
+**② Import the component and styles**
+
+```ts
+// main.ts —— importing the stylesheet once globally is enough
+import 'rj-grid/style.css'
+```
+
+**③ Use it directly**
+
+```vue
+<template>
+  <rj-grid :columns="cols" :rows="rows" row-key="id" :height="480" show-toolbar />
+</template>
+
+<script setup lang="ts">
+import { RjGrid } from 'rj-grid'        // ⚠️ must be a VALUE import, not `type` only
+import type { RjColumn, RjRowData } from 'rj-grid'
+
+const cols: RjColumn[] = [
+  { field: 'name',  title: 'Name',  width: 160, filter: 'text' },
+  { field: 'qty',   title: 'Qty',   type: 'num',   aggFunc: 'sum' },
+  { field: 'price', title: 'Price', type: 'money', aggFunc: 'avg' }
+]
+const rows: RjRowData[] = [
+  { id: 1, name: 'Bearing', qty: 100, price: 12.5 },
+  { id: 2, name: 'Motor',   qty: 30,  price: 480 }
+]
+</script>
+```
+
+Turn on `show-toolbar` and you instantly get pinned columns, grouping, filtering, export and column visibility — without writing another line of code. Want more? Just add a prop — full parameters for every feature are in the [📖 Manual](docs/RjGrid_Manual_EN.md).
+
+---
+
+## 🎬 Feature showcase
+
+Real product screenshots/GIFs, all captured from the `playground` demo page:
+
+<table>
+  <tr>
+    <td width="50%">
+      <b>🎨 Theme engine · 4 presets × light/dark × multi-language</b><br/>
+      <img src="docs/images/theme-cycle.gif" alt="Theme switching animation" width="100%"/>
+    </td>
+    <td width="50%">
+      <b>🤖 Offline natural-language query (NLQ)</b><br/>
+      Type a sentence; it applies filter + sort + grouping automatically.<br/>
+      <img src="docs/images/nlq-query.gif" alt="NLQ query animation" width="100%"/>
+    </td>
+  </tr>
+  <tr>
+    <td>
+      <b>🌲 Tree hierarchy · expand / collapse in one click</b><br/>
+      <img src="docs/images/tree-expand.gif" alt="Tree expand/collapse animation" width="100%"/>
+    </td>
+    <td>
+      <b>🔍 Quick filter · instant cross-column match highlighting</b><br/>
+      <img src="docs/images/quick-filter.gif" alt="Quick filter animation" width="100%"/>
+    </td>
+  </tr>
+  <tr>
+    <td>
+      <b>🧮 Formula engine · Excel-style, zero dependency</b><br/>
+      <img src="docs/images/15-formula.png" alt="Formula column" width="100%"/>
+    </td>
+    <td>
+      <b>📦 Built-in row edit / add dialog · form generated from column defs</b><br/>
+      <img src="docs/images/08-row-form.png" alt="Row dialog" width="100%"/>
+    </td>
+  </tr>
+  <tr>
+    <td>
+      <b>📊 Group aggregation + footers</b><br/>
+      <img src="docs/images/12-group.png" alt="Group aggregation" width="100%"/>
+    </td>
+    <td>
+      <b>⚡ 100k-row virtual scrolling · generation takes only ~12 ms</b><br/>
+      <img src="docs/images/10-perf-100k.png" alt="Big-data performance" width="100%"/>
+    </td>
+  </tr>
+  <tr>
+    <td>
+      <b>↕️ Row drag · drag the handle to reorder rows</b><br/>
+      <img src="docs/images/row-drag.gif" alt="Row drag animation" width="100%"/>
+    </td>
+    <td>
+      <b>⇄ Column drag · drag in the column menu's "Columns" tab to reorder (order changes live)</b><br/>
+      <img src="docs/images/col-drag.gif" alt="Column drag animation" width="100%"/>
+    </td>
+  </tr>
+  <tr>
+    <td colspan="2">
+      <b>➕ Dynamic query fields · get a configurable query bar with a single `queryable` prop</b><br/>
+      <img src="docs/images/query-field.gif" alt="Dynamic query field animation" width="100%"/>
+    </td>
+  </tr>
+  <tr>
+    <td width="50%">
+      <b>🔎 Server-side query + pagination · condition bar and pager on one row</b><br/>
+      <img src="docs/images/13-server-pagination.png" alt="Server-side query pagination" width="100%"/>
+    </td>
+    <td width="50%">
+      <b>☰ Three density levels · fit more on screen or go roomy and readable, switch freely</b><br/>
+      <img src="docs/images/21-density.png" alt="Display density switching" width="100%"/>
+    </td>
+  </tr>
+  <tr>
+    <td width="50%">
+      <b>💾 Save view · snapshot the current query/column layout/sorting in one click</b><br/>
+      <img src="docs/images/save-view.gif" alt="Save view animation" width="100%"/>
+    </td>
+    <td width="50%">
+      <b>▦ Tool panel · manage column visibility / grouping / pivoting by drag</b><br/>
+      <img src="docs/images/panel.gif" alt="Tool panel animation" width="100%"/>
+    </td>
+  </tr>
+  <tr>
+    <td colspan="2">
+      <b>🖨 Print / export · front-end (selected rows / current view) + backend export, three scopes</b><br/>
+      <img src="docs/images/print-export.gif" alt="Print/export scope animation" width="100%"/>
+    </td>
+  </tr>
+</table>
+
+---
+
+## 🔍 vs AG Grid
+
+| Aspect | rj-grid | AG Grid |
+|---|---|---|
+| License / cost | ✅ MIT, completely free | ⚠️ enterprise features need a commercial license |
+| Third-party runtime deps | ✅ `vue` only | ⚠️ ships its own framework and module system |
+| gzip size | ✅ ~110 KB | considerably larger |
+| Native Vue 3 | ✅ value-import and use, not a wrapper | provides a Vue wrapper layer |
+| Offline natural-language query | ✅ built-in deterministic NLQ | ❌ none |
+| Virtual scroll / grouping / pivot / SSRM / formulas / theming / export | ✅ all built in | ✅ some behind the paid tier |
+
+> rj-grid is not positioned as an "AG Grid clone" — it's a **free, lightweight, batteries-included**, high-quality option for Vue projects.
+
+---
+
+## 🧩 Data modes (pick as needed)
+
+```vue
+<!-- Client-side: load everything into rows; sorting/filtering/grouping all run in the browser, virtual scrolling handles 100k rows -->
+<rj-grid :columns="cols" :rows="rows" row-key="id" />
+
+<!-- Pagination: backend-paged, loadData automatically carries sorting/filters/page number; pager position is set by pager-position -->
+<rj-grid :columns="cols" data-mode="pagination" :load-data="loadData" :page-size="20" />
+
+<!-- Infinite scroll: fetch the next block when scrolling to the bottom, no page numbers -->
+<rj-grid :columns="cols" data-mode="infinite" :load-data="loadData" />
+
+<!-- SSRM server-side row model: grouping / big-data block cache, load blocks on demand -->
+<rj-grid :columns="cols" data-mode="serverSide" :load-data="loadData" server-side-grouping />
+```
+
+```ts
+import type { RjLoadServerParams } from 'rj-grid'
+// params automatically include start/end/page/pageSize/sort/filters/quickFilterText/rowGroup… — pass them straight to the backend
+async function loadData(p: RjLoadServerParams) {
+  const res = await api.queryPage(p)
+  return { rows: res.list, total: res.total, success: true }
+}
+```
+
+Full configuration and callback signatures for each mode are in [Manual §6 Data modes](docs/RjGrid_Manual_EN.md).
+
+---
+
+## 🛠 Compatibility & tech stack
+
+- **Framework**: Vue `^3.4.0` (the only required peer dependency)
+- **Optional**: `echarts >= 5.0.0` (used only by the "integrated chart" dialog; degrades gracefully when not installed, without crashing the page)
+- **Language**: fully typed TypeScript, `.d.ts` shipped with the package
+- **Styles**: a single `rj-grid/style.css`; theming via CSS variables, overridable as needed
+- **Build**: Vite library mode, single ESM file, `sideEffects` limited to CSS, tree-shaking friendly
+
+---
+
+## 🖥 Run the demo page locally
+
+The demo page (`playground/`) starts its own server and doesn't depend on a host project; the 8 tabs are your feature map:
+
+```bash
+git clone https://github.com/rjding/rjGrid.git   # in mainland China you can use the mirror: git clone https://gitee.com/rjding/rj-grid.git
+cd rjGrid
+pnpm install
+pnpm dev          # defaults to http://localhost:5173
+```
+
+> ① Full features ② Big-data performance ③ Tree/grouping/pivot ④ Server-side modes ⑤ SSRM block cache ⑥ Formula engine ⑦ Theming & i18n ⑧ AI natural-language query
+
+---
+
+<details>
+<summary><b>📚 Maintainer info (repo layout / dev commands / release discipline)</b></summary>
+
+### Repository structure
+
+| Path | Purpose |
+|---|---|
+| `index.ts` | Package entry (value-exports `RjGrid` + the NLQ / query-condition kernel + all public types) |
+| `src/` | Component and engine source (`src/types.ts` is the type authority) |
+| `__tests__/` | 407 unit-test cases, entry `__tests__/run.ts` |
+| `build/rjDistCheck.mjs` | Five dist health-check guards (run automatically at the end of a build) |
+| `vite.lib.config.ts` | Library build: single ESM file + single `style.css`, external `vue`/`echarts`, no sourcemap |
+| `playground/` | 8-tab demo page |
+| `docs/RjGrid_Manual_EN.md` | Full manual (features, API, pitfalls and boundaries) |
+| `dist/` | Release artifacts, committed alongside the library |
+
+### Development commands
+
+```bash
+pnpm test      # unit tests, 407 passed
+pnpm ts        # vue-tsc --noEmit
+pnpm lint      # eslint + stylelint
+pnpm build     # vite lib → vue-tsc d.ts → five dist health-check guards
+pnpm size      # bundle size report
+pnpm dev       # playground demo page
+```
+
+### Releasing a new version
+
+Edit the source → `npm version patch|minor|major` (auto bump + commit + tag) → `git push --follow-tags` → `npm publish` (`prepublishOnly` automatically runs `pnpm build && pnpm test`, so a stale dist can never be published).
+
+### Host-integration notes
+
+- When installed from npm the directory name is standardized (`node_modules/rj-grid`), so styles can be imported directly with `import 'rj-grid/style.css'`.
+- On the component side you must **value-import** `import { RjGrid } from 'rj-grid'`; a type-only import throws `Failed to resolve component: rj-grid` at runtime.
+- When installing via a git URL, pnpm places the dependency in a directory whose name contains `#<commit>`; vite resource URLs with a bare `#` are treated as a fragment and dropped → 404 under dev, so use a CSS `@import` shim in that case (see Manual §15.4).
+- Committing `dist` only exists to support the git-URL install path; `sourcemap: false` is source protection, not an option, and the five dist guards keep it in check at the same time.
+
+</details>
+
+---
+
+## 🤝 Contributing
+
+Issues and PRs are welcome: report bugs, request features, improve docs. Please include relevant unit tests with your change and keep `pnpm test && pnpm ts && pnpm lint && pnpm build` all green.
+
+## 📄 License
+
+[MIT](LICENSE) — free for individuals and companies to use, modify and redistribute.
+
+## ☕ Support the author
+
+If rj-grid has helped you, consider dropping a ⭐ Star, or buying the author a coffee:
+
+<p align="center">
+  <img src="docs/88888.png" alt="A little support, a lot of love" width="240"/>
+</p>

package/dist/rj-grid.js

@@ -4019,11 +4019,13 @@ function buildThemeVars(params = {}) {
   }
   return vars;
 }
-function resolveMode(mode, prefersDark) {
+function resolveMode(mode, prefersDark, hostDark = null) {
   if (mode === "dark")
     return "dark";
   if (mode === "light")
     return "light";
+  if (hostDark !== null)
+    return hostDark ? "dark" : "light";
   return prefersDark ? "dark" : "light";
 }
 const zhCN = {
@@ -10146,6 +10148,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     height: { default: "100%" },
     loading: { type: Boolean },
     theme: {},
+    detectHostTheme: { type: Boolean, default: true },
     density: { default: "medium" },
     lang: {},
     localeText: {},
@@ -10320,6 +10323,32 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       prefersDark.value = mq.matches;
       (_a = mq.addEventListener) == null ? void 0 : _a.call(mq, "change", (e) => prefersDark.value = e.matches);
     }
+    const hostDark = ref(null);
+    function readHostClass() {
+      if (typeof document === "undefined")
+        return;
+      const cl = document.documentElement.classList;
+      if (cl.contains("dark"))
+        hostDark.value = true;
+      else if (cl.contains("light"))
+        hostDark.value = false;
+      else
+        hostDark.value = null;
+    }
+    if (props.detectHostTheme)
+      readHostClass();
+    let hostThemeMo = null;
+    onMounted(() => {
+      if (!props.detectHostTheme || typeof MutationObserver === "undefined")
+        return;
+      readHostClass();
+      hostThemeMo = new MutationObserver(readHostClass);
+      hostThemeMo.observe(document.documentElement, { attributes: true, attributeFilter: ["class"] });
+    });
+    onBeforeUnmount(() => {
+      hostThemeMo == null ? void 0 : hostThemeMo.disconnect();
+      hostThemeMo = null;
+    });
     function themeFromProp(t2) {
       if (!t2)
         return {};
@@ -10334,7 +10363,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       { deep: true }
     );
     const themeMode = computed(
-      () => resolveMode(themeState.value.mode, prefersDark.value)
+      () => resolveMode(
+        themeState.value.mode,
+        prefersDark.value,
+        props.detectHostTheme ? hostDark.value : null
+      )
     );
     const themeVars = computed(() => buildThemeVars({ ...themeState.value, mode: themeMode.value }));
     const dark = computed(() => themeMode.value === "dark");
@@ -11970,21 +12003,42 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         return {};
       return { left: r.left + "px", top: r.top + "px", width: r.width + "px", height: r.height + "px" };
     }
+    function rightFit() {
+      return layout.value.totalWidth <= viewportW.value;
+    }
     function headerClipStyle(side) {
-      return side === "left" ? { left: "0px", width: layout.value.leftWidth + "px" } : { right: "0px", width: layout.value.rightWidth + "px" };
+      if (side === "left")
+        return { left: "0px", width: layout.value.leftWidth + "px" };
+      return rightFit() ? {
+        left: layout.value.totalWidth - layout.value.rightWidth + "px",
+        right: "auto",
+        width: layout.value.rightWidth + "px"
+      } : { right: "0px", width: layout.value.rightWidth + "px" };
     }
     function fixedLayerStyle(side) {
       const clip = { height: viewportH.value + "px", overflow: "hidden" };
-      return side === "left" ? {
-        position: "absolute",
-        left: "0px",
-        top: "0px",
-        width: layout.value.leftWidth + "px",
-        ...clip
-      } : {
+      if (side === "left") {
+        return {
+          position: "absolute",
+          left: "0px",
+          top: "0px",
+          width: layout.value.leftWidth + "px",
+          ...clip
+        };
+      }
+      if (rightFit()) {
+        return {
+          position: "absolute",
+          left: layout.value.totalWidth - layout.value.rightWidth + "px",
+          right: "auto",
+          top: "0px",
+          width: layout.value.rightWidth + "px",
+          ...clip
+        };
+      }
+      return {
         position: "absolute",
         right: "0px",
-        // 基类 .rj-fixed-layer 带 left:0，绝对定位下 left 会压过 right → 必须显式 auto，否则右冻结层贴到左边缘
         left: "auto",
         top: "0px",
         width: layout.value.rightWidth + "px",

package/dist/types/src/RjGrid.vue.d.ts

@@ -24,6 +24,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     height?: string | number | undefined;
     loading?: boolean | undefined;
     theme?: RjThemeParams | "light" | "dark" | undefined;
+    /** 未显式指定主题时，是否自动跟随宿主 <html> 的 dark/light class（element-plus/vben/tailwind 约定）；默认 true */
+    detectHostTheme?: boolean | undefined;
     density?: "small" | "medium" | "large" | undefined;
     /** 语言：'zh' | 'en' | 区域标识（内部归一），默认中文 */
     lang?: string | undefined;
@@ -151,6 +153,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
 }>, {
     rows: () => never[];
     height: string;
+    detectHostTheme: boolean;
     density: string;
     showToolbar: boolean;
     quickFilterEnabled: boolean;
@@ -250,6 +253,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     height?: string | number | undefined;
     loading?: boolean | undefined;
     theme?: RjThemeParams | "light" | "dark" | undefined;
+    /** 未显式指定主题时，是否自动跟随宿主 <html> 的 dark/light class（element-plus/vben/tailwind 约定）；默认 true */
+    detectHostTheme?: boolean | undefined;
     density?: "small" | "medium" | "large" | undefined;
     /** 语言：'zh' | 'en' | 区域标识（内部归一），默认中文 */
     lang?: string | undefined;
@@ -377,6 +382,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
 }>, {
     rows: () => never[];
     height: string;
+    detectHostTheme: boolean;
     density: string;
     showToolbar: boolean;
     quickFilterEnabled: boolean;
@@ -477,6 +483,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     rows: RjRowData[];
     pageSize: number;
     queryFields: RjQueryFieldDef[];
+    detectHostTheme: boolean;
     showToolbar: boolean;
     quickFilterEnabled: boolean;
     floatingFilters: boolean;

package/dist/types/src/theme.d.ts

@@ -29,5 +29,9 @@ export interface RjThemeParams {
  * 纯函数：无 DOM / 无时间戳 / 无随机，确定性可单测/快照。
  */
 export declare function buildThemeVars(params?: RjThemeParams): Record<string, string>;
-/** 解析 auto → light/dark（组件侧调用，注入 matchMedia 判定结果） */
-export declare function resolveMode(mode: RjThemeParams['mode'], prefersDark: boolean): 'light' | 'dark';
+/**
+ * 解析 auto → light/dark（组件侧调用）。
+ * 三级优先级：显式 mode（dark/light）> 宿主 <html>.dark/.light class（hostDark，null 表示宿主未表态）> OS prefers-color-scheme。
+ * hostDark 作为可选第三参并默认 null，保持既有两参调用与测试不受影响。
+ */
+export declare function resolveMode(mode: RjThemeParams['mode'], prefersDark: boolean, hostDark?: boolean | null): 'light' | 'dark';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rj-grid",
-  "version": "0.2.7",
+  "version": "0.2.8",
   "description": "零第三方依赖的自研 Vue3 虚拟表格：虚拟滚动 / 冻结列 / 行拖拽 / 分组透视 / 公式 / SSRM / 主题 i18n / 自然语言查询",
   "type": "module",
   "license": "MIT",
@@ -45,21 +45,6 @@
       "optional": true
     }
   },
-  "scripts": {
-    "start": "vite --config vite.playground.config.ts",
-    "dev": "vite --config vite.playground.config.ts",
-    "build:play": "vite build --config vite.playground.config.ts",
-    "preview:play": "vite preview --config vite.playground.config.ts",
-    "build": "node ./node_modules/vite/bin/vite.js build --config vite.lib.config.ts && node --max_old_space_size=8192 ./node_modules/vue-tsc/bin/vue-tsc.js -p tsconfig.types.json && node build/rjDistCheck.mjs",
-    "check:dist": "node build/rjDistCheck.mjs",
-    "test": "esbuild __tests__/run.ts --bundle --platform=node --format=cjs --external:vue --outfile=node_modules/.cache/rjtest.cjs --log-level=error && node node_modules/.cache/rjtest.cjs",
-    "lint": "eslint --fix --ext .ts,.vue index.ts src __tests__ playground && stylelint \"src/styles/*.scss\"",
-    "ts": "node --max_old_space_size=8192 ./node_modules/vue-tsc/bin/vue-tsc.js --noEmit -p tsconfig.json",
-    "size": "node ./node_modules/vite/bin/vite.js build --config vite.size.config.ts && node build/rjSizeReport.mjs",
-    "publish:github": "node scripts/publish-github.mjs",
-    "publish:github:push": "node scripts/publish-github.mjs --push",
-    "prepublishOnly": "pnpm build && pnpm test"
-  },
   "keywords": [
     "vue3",
     "virtual-table",
@@ -89,5 +74,19 @@
     "vue": "3.5.12",
     "vue-eslint-parser": "^9.3.2",
     "vue-tsc": "^1.8.27"
+  },
+  "scripts": {
+    "start": "vite --config vite.playground.config.ts",
+    "dev": "vite --config vite.playground.config.ts",
+    "build:play": "vite build --config vite.playground.config.ts",
+    "preview:play": "vite preview --config vite.playground.config.ts",
+    "build": "node ./node_modules/vite/bin/vite.js build --config vite.lib.config.ts && node --max_old_space_size=8192 ./node_modules/vue-tsc/bin/vue-tsc.js -p tsconfig.types.json && node build/rjDistCheck.mjs",
+    "check:dist": "node build/rjDistCheck.mjs",
+    "test": "esbuild __tests__/run.ts --bundle --platform=node --format=cjs --external:vue --outfile=node_modules/.cache/rjtest.cjs --log-level=error && node node_modules/.cache/rjtest.cjs",
+    "lint": "eslint --fix --ext .ts,.vue index.ts src __tests__ playground && stylelint \"src/styles/*.scss\"",
+    "ts": "node --max_old_space_size=8192 ./node_modules/vue-tsc/bin/vue-tsc.js --noEmit -p tsconfig.json",
+    "size": "node ./node_modules/vite/bin/vite.js build --config vite.size.config.ts && node build/rjSizeReport.mjs",
+    "publish:github": "node scripts/publish-github.mjs",
+    "publish:github:push": "node scripts/publish-github.mjs --push"
   }
-}
+}