geekplus-digital-ui 0.1.41 → 0.2.0

package/{components → packages/components}/upload/src/upload.js

@@ -1,7 +1,7 @@
 import { useLocale as e } from "../../../hooks/use-locale/index.js";
 import { useActivated as t } from "../../../hooks/use-activated/index.js";
-import "../../../hooks/index.js";
-import n from "../../../_virtual/_plugin-vue_export-helper.js";
+import "../../../../hooks/index.js";
+import n from "../../../../_virtual/_plugin-vue_export-helper.js";
 import r from "../../icons/angle-down-light.js";
 import i from "../../icons/angle-up-light.js";
 import a from "../../icon/index.js";
@@ -13,9 +13,9 @@ import ie from "../../icons/file-light.js";
 import ae from "../../icons/plus-light.js";
 import oe from "../../icons/trash-light.js";
 import se from "../../icons/image-light.js";
-import './upload.vue_vue_type_style_index_1_lang.css';import './upload.vue_vue_type_style_index_0_scoped_c4e16833_lang.css';/* empty css                                                       */
+import './upload.vue_vue_type_style_index_1_lang.css';import './upload.vue_vue_type_style_index_0_scoped_aef1e5b2_lang.css';/* empty css                                                       */
 /* empty css                                       */
-import "../../index.js";
+import "../../../../components/index.js";
 import { isFunction as ce } from "lodash-es";
 import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createTextVNode as f, createVNode as p, mergeModels as m, normalizeClass as le, normalizeStyle as h, onBeforeUnmount as ue, onMounted as de, openBlock as g, reactive as fe, ref as _, renderList as v, toDisplayString as y, unref as b, useModel as x, useTemplateRef as pe, watch as me, withCtx as S, withModifiers as he } from "vue";
 import { ElButton as C, ElDialog as ge, ElImage as _e, ElImageViewer as ve, ElLink as w, ElMessage as T, ElMessageBox as ye, ElProgress as E, ElUpload as be, useFormItem as xe } from "element-plus";
@@ -23,10 +23,10 @@ import { saveAs as Se } from "file-saver";
 //#region packages/components/upload/src/upload.vue
 var Ce = { class: "d-upload__preview" }, we = ["src"], Te = {
 	key: 2,
-	class: "header"
-}, Ee = ["onClick"], De = { class: "card-cover" }, Oe = ["innerHTML"], ke = { class: "file-row" }, Ae = {
+	class: "d-upload__header"
+}, Ee = ["onClick"], De = { class: "d-upload__card-cover" }, Oe = ["innerHTML"], ke = { class: "d-upload__file-row" }, Ae = {
 	key: 6,
-	class: "expand-toggle"
+	class: "d-upload__expand-toggle"
 }, D = /* @__PURE__ */ n(/* @__PURE__ */ Object.assign({ name: "DUpload" }, {
 	__name: "upload",
 	props: /* @__PURE__ */ m({
@@ -283,7 +283,7 @@ var Ce = { class: "d-upload__preview" }, we = ["src"], Te = {
 					ref: B,
 					src: L.value,
 					controls: "",
-					class: "preview-video"
+					class: "d-upload__preview-video"
 				}, null, 8, we)) : l("", !0)])]),
 				_: 1
 			}, 8, ["modelValue", "title"])) : l("", !0),
@@ -304,11 +304,11 @@ var Ce = { class: "d-upload__preview" }, we = ["src"], Te = {
 			})) : l("", !0)])) : l("", !0),
 			G.value ? l("", !0) : (g(), u("div", {
 				key: 3,
-				class: "card",
+				class: "d-upload__card",
 				style: h(Ve.value)
 			}, [(g(!0), u(o, null, v(H.value, (e, t) => (g(), u("div", {
 				key: e.id || `${e.name}-${t}`,
-				class: "card-item",
+				class: "d-upload__card-item",
 				style: h(ze.value),
 				onClick: (t) => nt(e)
 			}, [Y(e) ? (g(), u(o, { key: 0 }, [q(e) ? (g(), c(b(_e), {
@@ -347,7 +347,7 @@ var Ce = { class: "d-upload__preview" }, we = ["src"], Te = {
 				"show-text": !1
 			}, null, 8, ["percentage"]))], 12, Ee))), 128)), W.value ? (g(), u("div", {
 				key: 0,
-				class: "card-item",
+				class: "d-upload__card-item",
 				style: h(ze.value),
 				onClick: X
 			}, [p(b(a), null, {
@@ -356,16 +356,16 @@ var Ce = { class: "d-upload__preview" }, we = ["src"], Te = {
 			})], 4)) : l("", !0)], 4)),
 			W.value && n.showTip ? (g(), u("p", {
 				key: 4,
-				class: "tip",
+				class: "d-upload__tip",
 				innerHTML: He.value
 			}, null, 8, Oe)) : l("", !0),
 			G.value ? (g(), u("div", {
 				key: 5,
 				style: h(Ve.value),
-				class: "list"
+				class: "d-upload__list"
 			}, [(g(!0), u(o, null, v(H.value, (e, t) => (g(), u("div", {
 				key: e.id || `${e.name}-${t}`,
-				class: "list-item"
+				class: "d-upload__list-item"
 			}, [d("div", ke, [p(b(w), {
 				type: "primary",
 				underline: "never",
@@ -375,7 +375,7 @@ var Ce = { class: "d-upload__preview" }, we = ["src"], Te = {
 				_: 2
 			}, 1032, ["onClick"]), We(e) ? (g(), c(b(a), {
 				key: 0,
-				class: "remove-icon",
+				class: "d-upload__remove-icon",
 				onClick: he((t) => Z(e), ["stop"])
 			}, {
 				default: S(() => [p(te)]),
@@ -410,6 +410,6 @@ var Ce = { class: "d-upload__preview" }, we = ["src"], Te = {
 			}))])) : l("", !0)
 		], 2));
 	}
-}), [["__scopeId", "data-v-c4e16833"]]);
+}), [["__scopeId", "data-v-aef1e5b2"]]);
 //#endregion
 export { D as default };

package/packages/components/upload/src/upload.vue_vue_type_style_index_0_scoped_aef1e5b2_lang.css

@@ -0,0 +1 @@
+.d-upload[data-v-aef1e5b2]{line-height:normal}.d-upload .d-upload__header[data-v-aef1e5b2]{align-items:center;gap:8px;width:100%;display:flex}.d-upload .d-upload__header .el-button[data-v-aef1e5b2]{margin:0}.d-upload.is-list[data-v-aef1e5b2],.d-upload.is-list .d-upload__list[data-v-aef1e5b2]{flex-direction:column;gap:8px;display:flex}.d-upload.is-list .d-upload__list .d-upload__list-item .d-upload__file-row[data-v-aef1e5b2]{align-items:center;gap:4px;display:flex;position:relative}.d-upload.is-list .d-upload__list .d-upload__list-item .d-upload__file-row[data-v-aef1e5b2] .el-link{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.d-upload.is-list .d-upload__list .d-upload__list-item .d-upload__file-row[data-v-aef1e5b2] .el-link .el-link__inner{display:inline}.d-upload.is-list .d-upload__list .d-upload__list-item .d-upload__file-row .d-upload__remove-icon[data-v-aef1e5b2]{cursor:pointer;color:var(--el-text-color-secondary);display:none}.d-upload.is-list .d-upload__list .d-upload__list-item .d-upload__file-row:hover .d-upload__remove-icon[data-v-aef1e5b2]{display:block}.d-upload.is-card[data-v-aef1e5b2],.d-upload.is-card .d-upload__card[data-v-aef1e5b2]{flex-wrap:wrap;gap:8px;display:flex}.d-upload.is-card .d-upload__card .d-upload__card-item[data-v-aef1e5b2]{box-sizing:border-box;border:1px solid var(--el-border-color);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;font-size:16px;display:flex;position:relative;overflow:hidden}.d-upload.is-card .d-upload__card .d-upload__card-item .d-upload__card-cover[data-v-aef1e5b2]{background:var(--el-overlay-color);opacity:0;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.d-upload.is-card .d-upload__card .d-upload__card-item .d-upload__card-cover .d-icon[data-v-aef1e5b2]{color:var(--el-color-white)}.d-upload.is-card .d-upload__card .d-upload__card-item .d-upload__card-cover[data-v-aef1e5b2]:hover{opacity:1}.d-upload.is-card .d-upload__card .el-image[data-v-aef1e5b2]{width:100%;height:100%}.d-upload.is-card .d-upload__card .el-image .el-image__error[data-v-aef1e5b2]{font-size:16px}.d-upload .d-upload__expand-toggle[data-v-aef1e5b2]{width:100%;display:flex}.d-upload .d-upload__expand-toggle[data-v-aef1e5b2] .el-link__inner{gap:4px}.d-upload .d-upload__tip[data-v-aef1e5b2]{width:100%;color:var(--el-text-color-regular);margin:0;font-size:12px}

package/packages/components/upload/src/upload.vue_vue_type_style_index_1_lang.css

@@ -0,0 +1 @@
+.d-upload__preview{justify-content:center;height:calc(80vh - 120px);display:flex}.d-upload__preview .d-upload__preview-video{max-width:100%;height:100%}

package/{hooks → packages/hooks}/use-locale/index.js

@@ -1,5 +1,5 @@
 import { getLocale as e, setLocale as t, t as n } from "../../locale/i18n.js";
-import "../../locale/index.js";
+import "../../../locale/index.js";
 //#region packages/hooks/use-locale/index.js
 var r = () => ({
 	t: n,

package/{install.js → packages/install.js}

@@ -1,7 +1,7 @@
 import { initI18n as e } from "./locale/i18n.js";
-import "./locale/index.js";
-import { components_exports as t } from "./components/index.js";
-import { setComponentRegistry as n, setGlobalConfig as r } from "./config/index.js";
+import "../locale/index.js";
+import { components_exports as t } from "../components/index.js";
+import { setComponentRegistry as n, setGlobalConfig as r } from "../config/index.js";
 //#region packages/install.js
 var i = (i, a = {}) => {
 	let { locale: o, config: s } = a;

package/{locale → packages/locale}/lang/en.js

@@ -18,6 +18,14 @@ var e = {
 			expand: "Expand",
 			collapse: "Collapse"
 		},
+		table: {
+			columnSetting: "Column Settings",
+			reset: "Reset",
+			fixedLeft: "Fixed Left",
+			fixedRight: "Fixed Right",
+			columns: "Columns",
+			scrollTip: "Horizontal scroll: Shift + scroll wheel"
+		},
 		upload: {
 			lessThan: "Less than {size}MB",
 			format: "Format {format}",

package/{locale → packages/locale}/lang/ja.js

@@ -18,6 +18,14 @@ var e = {
 			expand: "展開",
 			collapse: "折りたたむ"
 		},
+		table: {
+			columnSetting: "列設定",
+			reset: "リセット",
+			fixedLeft: "左に固定",
+			fixedRight: "右に固定",
+			columns: "通常列",
+			scrollTip: "横スクロール：Shift + スクロール"
+		},
 		upload: {
 			lessThan: "{size}MB 未満",
 			format: "形式 {format}",

package/{locale → packages/locale}/lang/ko.js

@@ -18,6 +18,14 @@ var e = {
 			expand: "펼치기",
 			collapse: "접기"
 		},
+		table: {
+			columnSetting: "열 설정",
+			reset: "초기화",
+			fixedLeft: "왼쪽 고정",
+			fixedRight: "오른쪽 고정",
+			columns: "일반 열",
+			scrollTip: "가로 스크롤：Shift + 스크롤"
+		},
 		upload: {
 			lessThan: "{size}MB 이하",
 			format: "형식 {format}",

package/{locale → packages/locale}/lang/zh-cn.js

@@ -18,6 +18,14 @@ var e = {
 			expand: "展开",
 			collapse: "收起"
 		},
+		table: {
+			columnSetting: "列设置",
+			reset: "重置",
+			fixedLeft: "固定左侧",
+			fixedRight: "固定右侧",
+			columns: "普通列",
+			scrollTip: "横向滚动快捷方式：Shift + 滚轮滚动"
+		},
 		upload: {
 			lessThan: "小于 {size}MB",
 			format: "格式 {format}",

package/{locale → packages/locale}/lang/zh-tw.js

@@ -18,6 +18,14 @@ var e = {
 			expand: "展開",
 			collapse: "收起"
 		},
+		table: {
+			columnSetting: "欄位設定",
+			reset: "重置",
+			fixedLeft: "固定左側",
+			fixedRight: "固定右側",
+			columns: "普通欄",
+			scrollTip: "橫向捲動快捷鍵：Shift + 滾輪"
+		},
 		upload: {
 			lessThan: "小於 {size}MB",
 			format: "格式 {format}",

package/skills/use-geekplus-digital-ui/SKILL.md

@@ -1,104 +1,245 @@
----
-name: use-geekplus-digital-ui
-description: Use when developing Vue 3 features involving clipboard copy, file upload/preview/download, rich text editor, text collapse/expand, icon with tooltip, or inline editing. Triggers on keywords like 复制、上传、富文本、折叠文本、行内编辑、图标提示、copy, upload, editor, fold text, inline edit, icon tip.
----
-
-# Geekplus Digital UI 组件库
-
-**核心原则：不要重复造轮子。** 当功能已被 `geekplus-digital-ui` 覆盖时，必须使用现有组件，而非自行实现。
-
-文档站点：https://ui.geekplus.cc/static/ui/
-
-## 安装与引入
-
-```bash
-npm install geekplus-digital-ui
-# 或
-pnpm add geekplus-digital-ui
-# 或
-yarn add geekplus-digital-ui
-```
-
-```js
-import { createApp } from 'vue';
-import ElementPlus from 'element-plus';
-import GeekplusDigitalUI from 'geekplus-digital-ui';
-import 'element-plus/dist/index.css';
-import 'element-plus/theme-chalk/dark/css-vars.css';
-
-const app = createApp(App);
-app.use(ElementPlus);
-app.use(GeekplusDigitalUI);
-app.mount('#app');
-```
-
-Peer dependencies: `vue@^3.5.0`、`element-plus@^2.13.0`
-
-## 组件速查表
-
-| 组件 | 标签 | 用途 |
-|------|------|------|
-| **Copy** | `<d-copy>` | 一键复制文本到剪贴板 |
-| **Upload** | `<d-upload>` | 文件上传/预览/下载，支持卡片和列表模式 |
-| **Editor** | `<d-editor>` | 富文本编辑器（基于 wangEditor-next） |
-| **FoldText** | `<d-fold-text>` | 多行文本折叠/展开 |
-| **IconTip** | `<d-icon-tip>` | 图标 + 悬浮提示 |
-| **InlineEdit** | `<d-inline-edit>` | 展示态/编辑态切换 |
-
-详细 Props/Events/Slots API 请查阅文档：https://ui.geekplus.cc/static/ui/
-
-## 使用规则
-
-1. **禁止自行实现以下功能**，必须使用对应组件：
-   - 复制到剪贴板 → `<d-copy>`
-   - 文件上传/预览/下载 → `<d-upload>`
-   - 富文本编辑 → `<d-editor>`
-   - 长文本折叠展开 → `<d-fold-text>`
-   - 图标悬浮提示 → `<d-icon-tip>`
-   - 行内编辑切换 → `<d-inline-edit>`
-
-2. **全局配置优先**：通用参数（如 Upload 的 `domain`、`axios`、`url`）应通过全局配置注入，业务页面只关注数据绑定和交互逻辑：
-
-```js
-app.use(GeekplusDigitalUI, {
-  config: {
-    components: {
-      upload: { domain: 'https://example.com', axios, url: '/upload' },
-    },
-  },
-});
-```
-
-3. **国际化**：组件库内置 5 种语言（zh-cn / zh-tw / en / ja / ko），通过 `locale` 选项配置，不要在业务代码中硬编码组件内部文案。
-
-4. **样式一致性**：组件基于 Element Plus 构建，不要覆盖组件内部样式。如需定制，使用组件暴露的 Props 和 Slots。
-
-## 常见场景映射
-
-| 你想做的事 | 不要这样做 | 应该这样做 |
-|-----------|-----------|-----------|
-| 复制文本到剪贴板 | 自己写 `navigator.clipboard` 逻辑 | `<d-copy :text="content" />` |
-| 上传并预览文件 | 自己封装 el-upload | `<d-upload v-model="files" />` |
-| 富文本编辑器 | 自己集成 wangEditor/Quill/TinyMCE | `<d-editor v-model="html" border />` |
-| 长文本展开收起 | 自己写 CSS line-clamp + 按钮 | `<d-fold-text :line-clamp="3">{{ text }}</d-fold-text>` |
-| 字段旁加说明图标 | 自己写 el-tooltip + icon | `<d-icon-tip content="说明文字" />` |
-| 单元格就地编辑 | 自己写 v-if 切换显示/输入 | `<d-inline-edit>展示内容<template #editor>编辑内容</template></d-inline-edit>` |
-
-## Hooks
-
-```js
-import { useLocale, useActivated } from 'geekplus-digital-ui';
-
-const { t, getLocale, setLocale } = useLocale(); // 国际化
-const { activated } = useActivated(); // 组件激活状态检测
-```
-
-## 在其他项目中启用此 Skill
-
-在目标项目的 `CLAUDE.md` 中添加：
-
-```
-@node_modules/geekplus-digital-ui/skills/use-geekplus-digital-ui/SKILL.md
-```
-
-或将此文件复制到目标项目的 `.claude/skills/` 目录中。
+---
+name: use-geekplus-digital-ui
+description: Use when developing Vue 3 features involving clipboard copy, file upload/preview/download, rich text editor, text collapse/expand, icon with tooltip, inline editing, search form filters, or data tables with column filtering/sorting/pagination. Triggers on keywords like 复制、上传、富文本、折叠文本、行内编辑、图标提示、搜索表单、搜索筛选、表格、列筛选、分页、copy, upload, editor, fold text, inline edit, icon tip, search form, table, column filter, pagination.
+---
+
+# Geekplus Digital UI 组件库
+
+**核心原则：不要重复造轮子。** 当功能已被 `geekplus-digital-ui` 覆盖时，必须使用现有组件，而非自行实现。
+
+文档站点：https://ui.geekplus.cc/static/ui/
+
+## 安装与引入
+
+```bash
+npm install geekplus-digital-ui
+# 或
+pnpm add geekplus-digital-ui
+# 或
+yarn add geekplus-digital-ui
+```
+
+```js
+import { createApp } from 'vue';
+import ElementPlus from 'element-plus';
+import GeekplusDigitalUI from 'geekplus-digital-ui';
+import 'element-plus/dist/index.css';
+import 'element-plus/theme-chalk/dark/css-vars.css';
+
+const app = createApp(App);
+app.use(ElementPlus);
+app.use(GeekplusDigitalUI);
+app.mount('#app');
+```
+
+Peer dependencies: `vue@^3.5.0`、`element-plus@^2.13.0`
+
+## 组件速查表
+
+| 组件 | 标签 | 用途 |
+|------|------|------|
+| **Copy** | `<d-copy>` | 一键复制文本到剪贴板 |
+| **Upload** | `<d-upload>` | 文件上传/预览/下载，支持卡片和列表模式 |
+| **Editor** | `<d-editor>` | 富文本编辑器（基于 wangEditor-next） |
+| **FoldText** | `<d-fold-text>` | 多行文本折叠/展开 |
+| **IconTip** | `<d-icon-tip>` | 图标 + 悬浮提示 |
+| **InlineEdit** | `<d-inline-edit>` | 展示态/编辑态切换 |
+| **SearchForm** | `<d-search-form>` | 可折叠搜索筛选区域 |
+| **SearchItem** | `<d-search-item>` | 搜索表单的单个搜索项，配合 SearchForm 使用 |
+| **Table** | `<d-table>` | 表格列筛选/拖排/内置分页/自适应高度 |
+
+详细 Props/Events/Slots API 请查阅文档：https://ui.geekplus.cc/static/ui/
+
+## 使用规则
+
+1. **禁止自行实现以下功能**，必须使用对应组件：
+   - 复制到剪贴板 → `<d-copy>`
+   - 文件上传/预览/下载 → `<d-upload>`
+   - 富文本编辑 → `<d-editor>`
+   - 长文本折叠展开 → `<d-fold-text>`
+   - 图标悬浮提示 → `<d-icon-tip>`
+   - 行内编辑切换 → `<d-inline-edit>`
+   - 搜索筛选表单 → `<d-search-form>` + `<d-search-item>`
+   - 表格列显示/隐藏、列拖动排序、分页、表格自适应高度 → `<d-table>`
+
+2. **全局配置优先**：通用参数（如 Upload 的 `domain`、`axios`、`url`）应通过全局配置注入，业务页面只关注数据绑定和交互逻辑：
+
+```js
+app.use(GeekplusDigitalUI, {
+  config: {
+    components: {
+      upload: { domain: 'https://example.com', axios, url: '/upload' },
+    },
+  },
+});
+```
+
+3. **国际化**：组件库内置 5 种语言（zh-cn / zh-tw / en / ja / ko），通过 `locale` 选项配置，不要在业务代码中硬编码组件内部文案。
+
+4. **样式一致性**：组件基于 Element Plus 构建，不要覆盖组件内部样式。如需定制，使用组件暴露的 Props 和 Slots。
+
+## 常见场景映射
+
+| 你想做的事 | 不要这样做 | 应该这样做 |
+|-----------|-----------|-----------|
+| 复制文本到剪贴板 | 自己写 `navigator.clipboard` 逻辑 | `<d-copy :text="content" />` |
+| 上传并预览文件 | 自己封装 el-upload | `<d-upload v-model="files" />` |
+| 富文本编辑器 | 自己集成 wangEditor/Quill/TinyMCE | `<d-editor v-model="html" border />` |
+| 长文本展开收起 | 自己写 CSS line-clamp + 按钮 | `<d-fold-text :line-clamp="3">{{ text }}</d-fold-text>` |
+| 字段旁加说明图标 | 自己写 el-tooltip + icon | `<d-icon-tip content="说明文字" />` |
+| 单元格就地编辑 | 自己写 v-if 切换显示/输入 | `<d-inline-edit>展示内容<template #editor>编辑内容</template></d-inline-edit>` |
+| 列表页搜索筛选区 | 自己用 el-form + el-row/col 手写 | `<d-search-form>` + `<d-search-item>` 组合 |
+| 表格列显示/隐藏 + 持久化 | 自己用 el-checkbox + localStorage | `<d-table filterable storage-key="xxx">` |
+| 表格内置分页 | 每个表格单独写 el-pagination | `<d-table :total="total" v-model:current-page="page">` |
+| 表格填满视口高度 | 手算高度或写死 height | `<d-table auto-height>` |
+
+## Copy 用法
+
+```vue
+<!-- 纯图标，一直显示 -->
+<d-copy :text="value" />
+
+<!-- 带文字（通过 default slot） -->
+<d-copy :text="value">复制链接</d-copy>
+
+<!-- 悬停父元素时才显示（trigger-element 传 CSS 选择器） -->
+<d-copy :text="value" trigger-element=".table-row" />
+```
+
+## Upload 用法
+
+`domain`、`axios`、`url` 建议通过全局配置注入，业务页面只传数据：
+
+```vue
+<d-upload v-model="fileList" :max-number="5" :format="['jpg', 'png', 'pdf']" />
+```
+
+- 默认列表模式；`show-type="card"` 切换卡片模式
+- `v-model` 绑定 `{ name, url }[]` 格式的文件数组
+
+## Editor 用法
+
+```vue
+<d-editor v-model="html" border />
+```
+
+- `border` 显示边框；`disabled` 只读模式
+- 工具栏通过全局配置的 `toolbarConfig` 定制
+
+## FoldText 用法
+
+```vue
+<d-fold-text :line-clamp="3">
+  这里是很长很长的文本内容，超出 3 行后自动折叠并显示展开按钮...
+</d-fold-text>
+```
+
+## IconTip 用法
+
+```vue
+<!-- 默认 info 图标 + tooltip -->
+<d-icon-tip content="这里是说明文字" />
+
+<!-- 自定义图标 -->
+<d-icon-tip content="说明" icon="warning" type="warning" />
+```
+
+## InlineEdit 用法
+
+```vue
+<d-inline-edit>
+  {{ row.name }}
+  <template #editor>
+    <el-input v-model="row.name" @blur="save" />
+  </template>
+</d-inline-edit>
+```
+
+- 单击进入编辑模式，点击外部自动退出（`onClickOutside`）
+- `trigger="dblclick"` 改为双击触发
+- `before-close` 可返回 `false` 阻止退出（用于校验）
+- 无 `v-model`，通过 `#editor` slot 直接绑定数据
+
+## SearchForm 用法
+
+```vue
+<template>
+  <d-search-form :loading="loading" @search="handleSearch" @reset="handleReset">
+    <d-search-item label="关键词" :span="6" track-label="keyword" :track-value="form.keyword">
+      <el-input v-model="form.keyword" clearable />
+    </d-search-item>
+    <d-search-item label="状态" :span="6">
+      <el-select v-model="form.status" clearable>
+        <el-option label="启用" value="1" />
+      </el-select>
+    </d-search-item>
+  </d-search-form>
+</template>
+```
+
+- 超过单行时自动出现展开/收起按钮
+- `track-label` + `track-value` 启用埋点，通过 `formRef.getTrackText()` 获取 `keyword=hello,status=1` 格式字符串（空值自动过滤）
+- `no-label` 无标签紧凑模式；`enter-click` 回车触发查询
+
+## Table 用法
+
+```vue
+<template>
+  <d-table
+    storage-key="userList"
+    filterable
+    :total="total"
+    v-model:current-page="page"
+    v-model:page-size="pageSize"
+    auto-height
+    :available-height="windowHeight"
+    height-container=".page-container"
+    @page-change="fetchData"
+  >
+    <template #toolbar>
+      <el-button type="danger">批量删除</el-button>
+    </template>
+    <template #default="{ tableHeight }">
+      <el-table :height="tableHeight" :data="list" border>
+        <el-table-column type="selection" width="55" />
+        <el-table-column prop="name" label="姓名" />
+        <el-table-column prop="dept" label="部门" />
+        <el-table-column prop="action" label="操作">
+          <template #default="{ row }">
+            <el-button @click="edit(row)">编辑</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </template>
+  </d-table>
+</template>
+
+<script setup>
+import { useWindowSize } from '@vueuse/core';
+const { height: windowHeight } = useWindowSize();
+</script>
+```
+
+- `filterable` 默认关闭；开启时**必须**传 `storage-key`（唯一标识列配置的 localStorage key），否则列设置不持久化
+- `auto-height` 需配合 `:available-height="windowHeight"` 和 `height-container=".page-container"`（指向搜索栏+表格共同的外层容器）使用，表格自动填满剩余空间
+- 操作列建议加 `prop="action"` 以便在列设置中控制其显示
+- `type="selection"` / `type="index"` 系统列始终显示，不进列设置面板
+
+## Hooks
+
+```js
+import { useLocale, useActivated } from 'geekplus-digital-ui';
+
+const { t, getLocale, setLocale } = useLocale(); // 国际化
+const { activated } = useActivated(); // 组件激活状态检测
+```
+
+## 在其他项目中启用此 Skill
+
+在目标项目的 `CLAUDE.md` 中添加：
+
+```
+@node_modules/geekplus-digital-ui/skills/use-geekplus-digital-ui/SKILL.md
+```
+
+或将此文件复制到目标项目的 `.claude/skills/` 目录中。

package/components/editor/src/code-collapse.vue_vue_type_style_index_0_scoped_44e188d6_lang.css

@@ -1 +0,0 @@
-.code-collapse[data-v-44e188d6]{border:1px solid var(--el-border-color);background:var(--el-bg-color-overlay);border-radius:4px;overflow:hidden}.code-collapse summary[data-v-44e188d6]{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--el-text-color-primary);justify-content:flex-end;align-items:center;gap:4px;padding:8px 12px;line-height:normal;list-style:none;display:flex}.code-collapse[data-v-44e188d6] pre code{border:none;border-radius:0;margin:0}

package/components/editor/src/editor.vue_vue_type_style_index_0_scoped_9103e51e_lang.css

@@ -1 +0,0 @@
-.d-editor[data-v-9103e51e]{width:100%}.d-editor.w-e-full-screen-container[data-v-9103e51e]{z-index:1000}.d-editor .toolbar-container[data-v-9103e51e]{border-bottom:1px solid var(--el-border-color)}.d-editor .toolbar-container[data-v-9103e51e] .w-e-toolbar{border-radius:4px}.d-editor .toolbar-container[data-v-9103e51e] .w-e-drop-panel{z-index:100}.d-editor .editor-container[data-v-9103e51e]{min-height:var(--minHeight);background:var(--el-fill-color-blank);border-radius:4px}.d-editor .editor-container[data-v-9103e51e] p[id^=w-e-element-paragraph-]{margin:10px 0}.d-editor .editor-container[data-v-9103e51e] .w-e-text-placeholder{font-size:14px;font-style:normal;line-height:normal;top:11px}.d-editor .editor-container[data-v-9103e51e] .w-e-image-container{width:500px}.d-editor .editor-container[data-v-9103e51e] pre code{text-shadow:none}.d-editor.editor-disabled[data-v-9103e51e]:not(.editor-border) div[id^=w-e-textarea-]{padding:0}.d-editor.editor-disabled[data-v-9103e51e]:not(.editor-border) p[id^=w-e-element-paragraph-]:first-child{margin-top:0}.d-editor.editor-disabled[data-v-9103e51e]:not(.editor-border) p[id^=w-e-element-paragraph-]:last-child{margin-bottom:0}.editor-border[data-v-9103e51e]{border:1px solid var(--el-border-color);background:var(--el-bg-color);border-radius:4px;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.editor-border[data-v-9103e51e]:hover{border-color:var(--el-text-color-disabled)}.editor-disabled .editor-container[data-v-9103e51e] img{cursor:zoom-in}.el-form-item.is-error .editor-border[data-v-9103e51e]{border:1px solid var(--el-color-danger)}

package/components/fold-text/src/fold-text.vue_vue_type_style_index_0_scoped_cc699234_lang.css

@@ -1 +0,0 @@
-.d-fold-text[data-v-cc699234]{overflow-wrap:break-word;flex-direction:column;display:flex}.d-fold-text .text-content[data-v-cc699234]{white-space:pre-wrap}.d-fold-text .text-content.line-clamp[data-v-cc699234]{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.d-fold-text .text-link[data-v-cc699234]{display:flex}.d-fold-text .text-link[data-v-cc699234] .el-link__inner{gap:4px}

package/components/icon-tip/src/icon-tip.vue_vue_type_style_index_0_scoped_fe982c8e_lang.css

@@ -1 +0,0 @@
-.d-icon-tip .tip-content[data-v-fe982c8e]{white-space:pre-wrap}

package/components/inline-edit/src/inline-edit.vue_vue_type_style_index_0_scoped_fc1016d4_lang.css

@@ -1 +0,0 @@
-.d-inline-edit .text-hover[data-v-fc1016d4]{cursor:text;border-radius:4px}.d-inline-edit .text-hover[data-v-fc1016d4]:hover{box-shadow:0 0 0 1px var(--el-border-color) inset}

package/components/search-form/src/search-form.vue_vue_type_style_index_0_scoped_cea05b8f_lang.css

@@ -1 +0,0 @@
-.d-search-form[data-v-cea05b8f]{align-items:flex-start;gap:12px;display:flex;overflow:hidden}.d-search-form.is-open[data-v-cea05b8f]{overflow:visible}.d-search-form .search-row[data-v-cea05b8f]{flex:1}.d-search-form .search-row[data-v-cea05b8f] .el-row{flex-wrap:wrap;gap:12px 0}.d-search-form .search-btns[data-v-cea05b8f]{flex-shrink:0;align-items:center;gap:12px;display:flex;position:relative}.d-search-form .search-btns[data-v-cea05b8f] .el-button{margin:0}.d-search-form .search-btns[data-v-cea05b8f] .el-button .d-icon{margin-left:4px}

package/components/search-item/src/search-item.vue_vue_type_style_index_0_scoped_27c41622_lang.css

@@ -1 +0,0 @@
-.d-search-item .item-label[data-v-27c41622]{text-overflow:ellipsis;white-space:nowrap;height:32px;line-height:32px;overflow:hidden}.d-search-item .item-content[data-v-27c41622] .el-select,.d-search-item .item-content[data-v-27c41622] .el-input,.d-search-item .item-content[data-v-27c41622] .el-date-editor{width:100%}

package/components/upload/src/upload.vue_vue_type_style_index_0_scoped_c4e16833_lang.css

@@ -1 +0,0 @@
-.d-upload[data-v-c4e16833]{line-height:normal}.d-upload .header[data-v-c4e16833]{align-items:center;gap:8px;width:100%;display:flex}.d-upload .header .el-button[data-v-c4e16833]{margin:0}.d-upload.is-list[data-v-c4e16833],.d-upload.is-list .list[data-v-c4e16833]{flex-direction:column;gap:8px;display:flex}.d-upload.is-list .list .list-item .file-row[data-v-c4e16833]{align-items:center;gap:4px;display:flex;position:relative}.d-upload.is-list .list .list-item .file-row[data-v-c4e16833] .el-link{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.d-upload.is-list .list .list-item .file-row[data-v-c4e16833] .el-link .el-link__inner{display:inline}.d-upload.is-list .list .list-item .file-row .remove-icon[data-v-c4e16833]{cursor:pointer;color:var(--el-text-color-secondary);display:none}.d-upload.is-list .list .list-item .file-row:hover .remove-icon[data-v-c4e16833]{display:block}.d-upload.is-card[data-v-c4e16833],.d-upload.is-card .card[data-v-c4e16833]{flex-wrap:wrap;gap:8px;display:flex}.d-upload.is-card .card .card-item[data-v-c4e16833]{box-sizing:border-box;border:1px solid var(--el-border-color);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;font-size:16px;display:flex;position:relative;overflow:hidden}.d-upload.is-card .card .card-item .card-cover[data-v-c4e16833]{background:var(--el-overlay-color);opacity:0;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.d-upload.is-card .card .card-item .card-cover .d-icon[data-v-c4e16833]{color:var(--el-color-white)}.d-upload.is-card .card .card-item .card-cover[data-v-c4e16833]:hover{opacity:1}.d-upload.is-card .card .el-image[data-v-c4e16833]{width:100%;height:100%}.d-upload.is-card .card .el-image .el-image__error[data-v-c4e16833]{font-size:16px}.d-upload .expand-toggle[data-v-c4e16833]{width:100%;display:flex}.d-upload .expand-toggle[data-v-c4e16833] .el-link__inner{gap:4px}.d-upload .tip[data-v-c4e16833]{width:100%;color:var(--el-text-color-regular);margin:0;font-size:12px}

package/components/upload/src/upload.vue_vue_type_style_index_1_lang.css

@@ -1 +0,0 @@
-.d-upload__preview{justify-content:center;height:calc(80vh - 120px);display:flex}.d-upload__preview .preview-video{max-width:100%;height:100%}