@qin-ui/antd-vue-pro 2.1.12 → 2.1.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/AI-CONTEXT.md +1 -1
- package/api.json +1 -1
- package/bin/init-ai.mjs +142 -0
- package/es/antd-vue-pro.css +3 -3
- package/es/index.d.ts +5 -3
- package/es/table/index.js +43 -39
- package/package.json +5 -1
package/AI-CONTEXT.md
CHANGED
|
@@ -87,7 +87,7 @@ const table = useTable({
|
|
|
87
87
|
|
|
88
88
|
- `path` - 数据路径（类型安全）
|
|
89
89
|
- `label` - 字段标签
|
|
90
|
-
- `component` - 组件名（内置支持: input, select, date-picker,
|
|
90
|
+
- `component` - 组件名（内置支持: input, textarea, input-search, input-password, input-number, select, cascader, date-picker, range-picker, time-picker, checkbox-group, radio-group, switch, slider, tree-select, transfer, custom）
|
|
91
91
|
- `hidden` - 是否隐藏
|
|
92
92
|
- `disabled` - 是否禁用
|
|
93
93
|
- `rules` - 校验规则
|
package/api.json
CHANGED
package/bin/init-ai.mjs
ADDED
|
@@ -0,0 +1,142 @@
|
|
|
1
|
+
#!/usr/bin/env node
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* @qin-ui/* AI 上下文初始化 CLI 工具
|
|
5
|
+
*
|
|
6
|
+
* 遵循 Agentic Collaboration Standard (ACS)，
|
|
7
|
+
* 在消费方项目中自动生成统一的 .agents 规范配置文件。
|
|
8
|
+
*
|
|
9
|
+
* 用法:
|
|
10
|
+
* npx @qin-ui/antd-vue-pro init-ai
|
|
11
|
+
*/
|
|
12
|
+
|
|
13
|
+
import fs from 'node:fs';
|
|
14
|
+
import path from 'node:path';
|
|
15
|
+
import { fileURLToPath } from 'node:url';
|
|
16
|
+
|
|
17
|
+
// ==================== 常量 ====================
|
|
18
|
+
|
|
19
|
+
const __filename = fileURLToPath(import.meta.url);
|
|
20
|
+
const __dirname = path.dirname(__filename);
|
|
21
|
+
const PKG_ROOT = path.resolve(__dirname, '..');
|
|
22
|
+
|
|
23
|
+
const PKG_JSON = JSON.parse(
|
|
24
|
+
fs.readFileSync(path.join(PKG_ROOT, 'package.json'), 'utf-8')
|
|
25
|
+
);
|
|
26
|
+
const PKG_NAME = PKG_JSON.name;
|
|
27
|
+
const PKG_SHORT = PKG_NAME.replace(/^@qin-ui\//, '');
|
|
28
|
+
|
|
29
|
+
// ==================== 终端颜色 ====================
|
|
30
|
+
|
|
31
|
+
const green = (s) => `\x1b[32m${s}\x1b[0m`;
|
|
32
|
+
const cyan = (s) => `\x1b[36m${s}\x1b[0m`;
|
|
33
|
+
const bold = (s) => `\x1b[1m${s}\x1b[0m`;
|
|
34
|
+
const red = (s) => `\x1b[31m${s}\x1b[0m`;
|
|
35
|
+
|
|
36
|
+
// ==================== 内容生成 ====================
|
|
37
|
+
|
|
38
|
+
function getAiContextContent() {
|
|
39
|
+
const filePath = path.join(PKG_ROOT, 'AI-CONTEXT.md');
|
|
40
|
+
if (fs.existsSync(filePath)) {
|
|
41
|
+
return fs.readFileSync(filePath, 'utf-8').trim();
|
|
42
|
+
}
|
|
43
|
+
return `# ${PKG_NAME}\n\n> 基于 Vue 3 的配置驱动组件库。`;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
function getUnifiedAgentContent() {
|
|
47
|
+
const aiContext = getAiContextContent();
|
|
48
|
+
const core = [
|
|
49
|
+
aiContext,
|
|
50
|
+
'',
|
|
51
|
+
'## 完整 API 参考',
|
|
52
|
+
'',
|
|
53
|
+
`使用 \`${PKG_NAME}\` 时，请阅读以下文件获取完整的 API 定义、类型签名和使用示例：`,
|
|
54
|
+
`- \`node_modules/${PKG_NAME}/README.md\` — 详细使用文档和代码示例`,
|
|
55
|
+
`- \`node_modules/${PKG_NAME}/api.json\` — 结构化 API 元数据（组件、Hook、类型的签名和 JSDoc 示例）`,
|
|
56
|
+
'',
|
|
57
|
+
].join('\n');
|
|
58
|
+
|
|
59
|
+
// 包含兼容性的 Frontmatter（如 Cursor 支持的 globs 等）
|
|
60
|
+
return [
|
|
61
|
+
'---',
|
|
62
|
+
`description: "${PKG_NAME} 组件库使用规范"`,
|
|
63
|
+
'globs: ["**/*.vue", "**/*.ts", "**/*.tsx"]',
|
|
64
|
+
'alwaysApply: false',
|
|
65
|
+
'---',
|
|
66
|
+
'',
|
|
67
|
+
core,
|
|
68
|
+
].join('\n');
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
// ==================== 文件写入 ====================
|
|
72
|
+
|
|
73
|
+
function ensureDir(dirPath) {
|
|
74
|
+
if (!fs.existsSync(dirPath)) {
|
|
75
|
+
fs.mkdirSync(dirPath, { recursive: true });
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
// ==================== CLI 入口 ====================
|
|
80
|
+
|
|
81
|
+
function printHelp() {
|
|
82
|
+
console.log(`
|
|
83
|
+
${bold(`${PKG_NAME} CLI`)}
|
|
84
|
+
|
|
85
|
+
${bold('用法:')}
|
|
86
|
+
npx ${PKG_NAME} init-ai
|
|
87
|
+
|
|
88
|
+
${bold('命令:')}
|
|
89
|
+
init-ai 在当前项目中生成统一的 .agents 规范配置文件
|
|
90
|
+
|
|
91
|
+
${bold('选项:')}
|
|
92
|
+
--help 显示帮助信息
|
|
93
|
+
|
|
94
|
+
${bold('说明:')}
|
|
95
|
+
该命令将采用统一的 Agentic 标准，在项目的 .agents/rules/ 目录下
|
|
96
|
+
生成上下文文件。兼容支持读取 .agents 的主流 AI IDE 和 CLI 工具。
|
|
97
|
+
`);
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
function main() {
|
|
101
|
+
const args = process.argv.slice(2);
|
|
102
|
+
const subcommand = args.find((a) => !a.startsWith('-'));
|
|
103
|
+
const flags = args.filter((a) => a.startsWith('-'));
|
|
104
|
+
|
|
105
|
+
if (!subcommand || flags.includes('--help') || flags.includes('-h')) {
|
|
106
|
+
printHelp();
|
|
107
|
+
process.exit(0);
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
if (subcommand !== 'init-ai') {
|
|
111
|
+
console.error(red(`\n 未知命令: ${subcommand}\n`));
|
|
112
|
+
printHelp();
|
|
113
|
+
process.exit(1);
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
console.log('');
|
|
117
|
+
console.log(bold(`📦 ${PKG_NAME} — AI 上下文初始化 (ACS 标准)`));
|
|
118
|
+
console.log('');
|
|
119
|
+
|
|
120
|
+
const content = getUnifiedAgentContent();
|
|
121
|
+
const dirPath = '.agents/rules';
|
|
122
|
+
const fileName = `${PKG_SHORT}.md`;
|
|
123
|
+
|
|
124
|
+
const fullDir = path.join(process.cwd(), dirPath);
|
|
125
|
+
const fullPath = path.join(fullDir, fileName);
|
|
126
|
+
|
|
127
|
+
ensureDir(fullDir);
|
|
128
|
+
fs.writeFileSync(fullPath, content, 'utf-8');
|
|
129
|
+
|
|
130
|
+
const relPath = path.join(dirPath, fileName);
|
|
131
|
+
console.log(` ${green('✔')} ${cyan(relPath)} ${green('[created/updated]')}`);
|
|
132
|
+
|
|
133
|
+
console.log('');
|
|
134
|
+
console.log(green('✅ 完成！已生成统一标准规则文件。'));
|
|
135
|
+
console.log('');
|
|
136
|
+
console.log(`${bold('下一步:')}`);
|
|
137
|
+
console.log(
|
|
138
|
+
` 将 ${cyan(dirPath)} 目录提交到 Git，团队即可自动享受 AI 增强\n`
|
|
139
|
+
);
|
|
140
|
+
}
|
|
141
|
+
|
|
142
|
+
main();
|
package/es/antd-vue-pro.css
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
.pro-table_search-form[data-v-
|
|
1
|
+
.pro-table_search-form[data-v-a2af360f] [class*='-form-item'] {
|
|
2
2
|
margin: 0;
|
|
3
3
|
}
|
|
4
|
-
.pro-table_search-form_expand-toggle-button[data-v-
|
|
4
|
+
.pro-table_search-form_expand-toggle-button[data-v-a2af360f] {
|
|
5
5
|
display: flex;
|
|
6
6
|
align-items: center;
|
|
7
7
|
padding: 0;
|
|
8
8
|
padding-left: 4px;
|
|
9
9
|
}
|
|
10
|
-
.pro-table_search-form .transition[data-v-
|
|
10
|
+
.pro-table_search-form .transition[data-v-a2af360f] {
|
|
11
11
|
transition: all 0.25s;
|
|
12
12
|
}
|
|
13
13
|
.pro-table_search-form-container[data-v-c385cd54] {
|
package/es/index.d.ts
CHANGED
|
@@ -1155,9 +1155,11 @@ declare type SearchFormProps = {
|
|
|
1155
1155
|
form: Form;
|
|
1156
1156
|
layout?: 'grid' | 'inline';
|
|
1157
1157
|
expand?: boolean | Expand;
|
|
1158
|
-
searchButton?: Component<ButtonProps> | DefineComponent<ButtonProps
|
|
1159
|
-
resetButton?: Component<ButtonProps> | DefineComponent<ButtonProps
|
|
1160
|
-
expandButton?: Component<ExpandButtonProps> | DefineComponent<ExpandButtonProps
|
|
1158
|
+
searchButton?: Component<ButtonProps> | DefineComponent<ButtonProps> | false;
|
|
1159
|
+
resetButton?: Component<ButtonProps> | DefineComponent<ButtonProps> | false;
|
|
1160
|
+
expandButton?: Component<ExpandButtonProps> | DefineComponent<ExpandButtonProps> | false;
|
|
1161
|
+
rowGap?: number;
|
|
1162
|
+
columnGap?: number;
|
|
1161
1163
|
} & /* @vue-ignore */ _FormProps & AllowedComponentProps;
|
|
1162
1164
|
|
|
1163
1165
|
declare type SetColumn<T extends Data = Data, C extends BaseColumn<T> = BaseColumn<T>> = (key: Path<T>, column: C | ((pre: Readonly<C>) => C), options?: {
|
package/es/table/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { createElementBlock, openBlock, createElementVNode, defineComponent, ref, computed, watch, watchEffect, createBlock, unref, mergeProps, withCtx, createVNode, renderSlot,
|
|
1
|
+
import { createElementBlock, openBlock, createElementVNode, defineComponent, ref, computed, watch, watchEffect, createBlock, unref, mergeProps, withCtx, createVNode, renderSlot, createCommentVNode, Fragment, resolveDynamicComponent, createTextVNode, toDisplayString, normalizeStyle, useModel, renderList, withModifiers, mergeModels, inject, useAttrs, useSlots, onMounted, normalizeClass, createSlots, normalizeProps, guardReactiveProps, nextTick } from "vue";
|
|
2
2
|
import { I as INJECT_CONFIG } from "../component-provider/index-Dmz32tSB.js";
|
|
3
3
|
import _sfc_main$9, { ContainerFragment as _sfc_main$a } from "../form/index.js";
|
|
4
4
|
import { Space, Button, theme, Dropdown, Menu, MenuItem, Checkbox, MenuDivider, Table } from "ant-design-vue";
|
|
@@ -36,9 +36,11 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
|
|
|
36
36
|
form: {},
|
|
37
37
|
layout: { default: "grid" },
|
|
38
38
|
expand: { type: [Boolean, Object], default: true },
|
|
39
|
-
searchButton: { type: [Object, Function], default: void 0 },
|
|
40
|
-
resetButton: { type: [Object, Function], default: void 0 },
|
|
41
|
-
expandButton: { type: [Object, Function], default: void 0 },
|
|
39
|
+
searchButton: { type: [Object, Function, Boolean], default: void 0 },
|
|
40
|
+
resetButton: { type: [Object, Function, Boolean], default: void 0 },
|
|
41
|
+
expandButton: { type: [Object, Function, Boolean], default: void 0 },
|
|
42
|
+
rowGap: { default: 16 },
|
|
43
|
+
columnGap: { default: 24 },
|
|
42
44
|
class: {},
|
|
43
45
|
style: {}
|
|
44
46
|
},
|
|
@@ -48,8 +50,6 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
|
|
|
48
50
|
const proFormHeight = ref("unset");
|
|
49
51
|
const collapseHeight = ref(0);
|
|
50
52
|
let rowHeight = 32;
|
|
51
|
-
const rowGap = 16;
|
|
52
|
-
const columnGap = 24;
|
|
53
53
|
const computedExpand = computed(() => {
|
|
54
54
|
if (!__props.expand) return false;
|
|
55
55
|
if (__props.expand === true) return { minExpandRows: 2, expandStatus: false };
|
|
@@ -115,7 +115,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
|
|
|
115
115
|
if (__props.layout === "grid" && computedExpand.value) {
|
|
116
116
|
const { minExpandRows } = computedExpand.value;
|
|
117
117
|
collapseHeight.value = Math.min(
|
|
118
|
-
minExpandRows * rowHeight + (minExpandRows - 1) * rowGap,
|
|
118
|
+
minExpandRows * rowHeight + (minExpandRows - 1) * __props.rowGap,
|
|
119
119
|
+proFormHeight.value
|
|
120
120
|
);
|
|
121
121
|
showExpandToggle.value = +proFormHeight.value - collapseHeight.value > 1;
|
|
@@ -131,7 +131,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
|
|
|
131
131
|
const layoutProps = computed(
|
|
132
132
|
() => __props.layout === "grid" ? {
|
|
133
133
|
grid: {
|
|
134
|
-
gutter: [columnGap, rowGap],
|
|
134
|
+
gutter: [__props.columnGap, __props.rowGap],
|
|
135
135
|
style: { flex: 1, marginRight: "12px" }
|
|
136
136
|
},
|
|
137
137
|
style: {
|
|
@@ -141,7 +141,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
|
|
|
141
141
|
}
|
|
142
142
|
} : {
|
|
143
143
|
layout: "inline",
|
|
144
|
-
style: { gap: `${rowGap}px ${columnGap}px` },
|
|
144
|
+
style: { gap: `${__props.rowGap}px ${__props.columnGap}px` },
|
|
145
145
|
grid: false
|
|
146
146
|
}
|
|
147
147
|
);
|
|
@@ -163,39 +163,43 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
|
|
|
163
163
|
}, {
|
|
164
164
|
default: withCtx(() => [
|
|
165
165
|
renderSlot(_ctx.$slots, "reset-button", { onClick: onReset }, () => [
|
|
166
|
-
__props.resetButton ? (openBlock(),
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
166
|
+
__props.resetButton !== false ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
|
|
167
|
+
__props.resetButton ? (openBlock(), createBlock(resolveDynamicComponent(__props.resetButton), {
|
|
168
|
+
key: 0,
|
|
169
|
+
onClick: onReset
|
|
170
|
+
})) : (openBlock(), createBlock(unref(Button), {
|
|
171
|
+
key: 1,
|
|
172
|
+
class: "pro-table_search-form_reset-button",
|
|
173
|
+
onClick: onReset
|
|
174
|
+
}, {
|
|
175
|
+
default: withCtx(() => [..._cache[0] || (_cache[0] = [
|
|
176
|
+
createTextVNode("重置", -1)
|
|
177
|
+
])]),
|
|
178
|
+
_: 1
|
|
179
|
+
}))
|
|
180
|
+
], 64)) : createCommentVNode("", true)
|
|
179
181
|
], true),
|
|
180
182
|
renderSlot(_ctx.$slots, "search-button", { onClick: onSearch }, () => [
|
|
181
|
-
__props.searchButton ? (openBlock(),
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
183
|
+
__props.searchButton !== false ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
|
|
184
|
+
__props.searchButton ? (openBlock(), createBlock(resolveDynamicComponent(__props.searchButton), {
|
|
185
|
+
key: 0,
|
|
186
|
+
onClick: onSearch
|
|
187
|
+
})) : (openBlock(), createBlock(unref(Button), {
|
|
188
|
+
key: 1,
|
|
189
|
+
class: "pro-table_search-form_search-button",
|
|
190
|
+
type: "primary",
|
|
191
|
+
"html-type": "submit",
|
|
192
|
+
onClick: onSearch
|
|
193
|
+
}, {
|
|
194
|
+
default: withCtx(() => [..._cache[1] || (_cache[1] = [
|
|
195
|
+
createTextVNode("查询 ", -1)
|
|
196
|
+
])]),
|
|
197
|
+
_: 1
|
|
198
|
+
}))
|
|
199
|
+
], 64)) : createCommentVNode("", true)
|
|
196
200
|
], true),
|
|
197
201
|
renderSlot(_ctx.$slots, "expand-button", { onClick: changeExpandStatus }, () => [
|
|
198
|
-
showExpandToggle.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
|
|
202
|
+
__props.expandButton !== false && showExpandToggle.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
|
|
199
203
|
__props.expandButton ? (openBlock(), createBlock(resolveDynamicComponent(__props.expandButton), {
|
|
200
204
|
key: 0,
|
|
201
205
|
"expand-status": expandStatus.value,
|
|
@@ -226,7 +230,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
|
|
|
226
230
|
};
|
|
227
231
|
}
|
|
228
232
|
});
|
|
229
|
-
const SearchForm = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-
|
|
233
|
+
const SearchForm = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-a2af360f"]]);
|
|
230
234
|
const _sfc_main$6 = /* @__PURE__ */ defineComponent({
|
|
231
235
|
__name: "DefaultSearchFormContainer",
|
|
232
236
|
setup(__props) {
|
package/package.json
CHANGED
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@qin-ui/antd-vue-pro",
|
|
3
|
-
"version": "2.1.
|
|
3
|
+
"version": "2.1.14",
|
|
4
4
|
"description": "二次封装antd vue组件",
|
|
5
|
+
"bin": {
|
|
6
|
+
"antd-vue-pro": "./bin/init-ai.mjs"
|
|
7
|
+
},
|
|
5
8
|
"type": "module",
|
|
6
9
|
"module": "es/index.js",
|
|
7
10
|
"types": "es/index.d.ts",
|
|
@@ -14,6 +17,7 @@
|
|
|
14
17
|
},
|
|
15
18
|
"files": [
|
|
16
19
|
"es",
|
|
20
|
+
"bin",
|
|
17
21
|
"README.md",
|
|
18
22
|
"LICENSE",
|
|
19
23
|
"api.json",
|