dydx-naive-ui-for-vue 0.1.2

package/README.md

@@ -0,0 +1,75 @@
+# Dydx Naive UI
+
+基于 Naive UI 封装的高级业务组件库，提供配置化表单、高级表格、弹窗表单等常用业务组件，旨在提升中后台开发效率。
+
+## 特性
+
+- 🚀 **配置化表单**：通过 JSON 配置生成复杂表单，支持响应式布局。
+- 📊 **高级表格**：集成列设置、自定义操作列、分页等功能的表格组件。
+- 🪟 **弹窗表单**：一键调用的弹窗/抽屉表单组件。
+- 🎨 **主题定制**：支持 CSS 变量定制，完美适配 Naive UI 主题。
+- 📝 **TypeScript**：完全使用 TypeScript 编写，提供完整的类型推断。
+
+## 安装
+
+```bash
+pnpm add dydx-naive-ui
+# 或者
+npm install dydx-naive-ui
+# 或者
+yarn add dydx-naive-ui
+```
+
+## 快速上手
+
+### 引入样式
+
+在你的入口文件（如 `main.ts`）中引入样式：
+
+```ts
+import 'dydx-naive-ui/style.css';
+```
+
+### 全局注册
+
+```ts
+import { createApp } from 'vue';
+import App from './App.vue';
+import DydxNaiveUI from 'dydx-naive-ui';
+
+const app = createApp(App);
+app.use(DydxNaiveUI);
+app.mount('#app');
+```
+
+### 按需引入
+
+```vue
+<script setup lang="ts">
+import { DydxNaiveForm, DydxNaiveTable } from 'dydx-naive-ui';
+</script>
+```
+
+## 组件文档
+
+- [NaiveForm 配置化表单](./src/components/NaiveForm/README.md)
+- [NaiveTable 高级表格](./src/components/NaiveTable/README.md)
+- [FormModal 表单弹窗](./src/components/FormModal/README.md)
+- [NaiveUpload 上传组件](./src/components/NaiveUpload/README.md)
+- [IconSelect 图标选择](./src/components/IconSelect/README.md)
+
+## 主题定制
+
+本组件库使用 CSS 变量进行样式控制，你可以通过覆盖这些变量来定制主题。
+
+```css
+:root {
+  /* 表格工具栏按钮阴影 */
+  --dydx-table-shadow: 0 1px 3px rgb(0 0 0 / 8%), 0 1px 2px rgb(0 0 0 / 6%);
+  --dydx-table-shadow-hover: 0 2px 6px rgb(0 0 0 / 12%), 0 2px 4px rgb(0 0 0 / 8%);
+}
+```
+
+## License
+
+MIT

package/dist/dydx-naive-ui-for-vue.css

@@ -0,0 +1,2 @@
+.dydx-table__toolbar[data-v-af2504e6]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.dydx-table__toolbar-left[data-v-af2504e6],.dydx-table__toolbar-right[data-v-af2504e6]{align-items:center;display:flex}.dydx-table__icon-btn[data-v-af2504e6]{box-shadow:var(--dydx-table-shadow);border:none}.dydx-table__icon-btn[data-v-af2504e6]:hover{box-shadow:var(--dydx-table-shadow-hover)}.dydx-table__column-setting[data-v-af2504e6]{min-width:150px;max-height:300px;overflow-y:auto}.dydx-table__column-setting-header[data-v-af2504e6]{border-bottom:1px solid var(--n-border-color);justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;font-weight:500;display:flex}
+/*$vite$:1*/