@bgottsch/d-naive 1.8.9

package/README.md

@@ -0,0 +1,88 @@
+# d-naive
+
+## Overview
+
+`d-naive` is a Vue library designed to enhance Naive UI components with additional functionalities for complex data handling and user input management. It includes a robust `DDataTable` component and a versatile `DInput` component, making it suitable for a wide range of applications.
+
+## Installation
+
+Install `d-naive` with npm:
+
+```bash
+npm install d-naive
+```
+## Components
+
+### DataTable
+
+The `DataTable` component provides advanced features such as sorting, pagination, filtering, and cell editing.
+
+#### Props
+
+- **data**: Array of data objects.
+- **columns**: Definitions of the table columns.
+- **pagination**: Configuration options for pagination.
+- **editable**: Boolean to enable editing directly in the table.
+- **scrollX**: Horizontal scrolling setting.
+
+#### Events
+
+- **update:expanded**: Emitted when the expanded rows are updated.
+- **put**: Emitted after confirming data modifications.
+- **delete**: Emitted when an item is deleted.
+
+#### Methods
+
+- **resetFilters()**: Clears all applied filters.
+- **scrollTo(value)**: Scrolls to the specified row.
+- **getData()**: Returns the current data displayed in the table.
+
+### DInput
+
+The `DInput` component manages various types of inputs including text, select, number, date, and checkbox, with options for validation and custom formatting.
+
+#### Props
+
+- **modelValue**: The input's bound value.
+- **type**: The type of input (e.g., text, select, date).
+- **options**: Options for select inputs, if applicable.
+
+#### Events
+
+- **update:modelValue**: Emitted when the input value changes.
+
+## Helper Functions
+
+### `formatValue(row, field)`
+
+Formats a value based on the specified field's type.
+
+### `getValue(row, field)`
+
+Retrieves a value from an object based on a dot-notated key string.
+
+## Usage Example
+
+Here is an example of using the `DDataTable` component in a Vue application:
+
+```vue
+<template>
+  <d-data-table :data="users" :columns="columns" />
+</template>
+
+<script>
+
+export default {
+
+  data() {
+    return {
+      users: [{ id: 1, name: 'John Doe', age: 30 }],
+      columns: [
+        { title: 'ID', key: 'id' },
+        { title: 'Name', key: 'name' },
+        { title: 'Age', key: 'age', sortable: true }
+      ]
+    };
+  }
+}
+</script>

package/dist/module.d.mts

@@ -0,0 +1,6 @@
+interface ModuleOptions {
+}
+declare const _default: any;
+
+export { _default as default };
+export type { ModuleOptions };

package/dist/module.json

@@ -0,0 +1,9 @@
+{
+  "name": "d-naive",
+  "configKey": "d-naive",
+  "version": "1.8.9",
+  "builder": {
+    "@nuxt/module-builder": "1.0.2",
+    "unbuild": "3.6.1"
+  }
+}

package/dist/module.mjs

@@ -0,0 +1,33 @@
+import { defineNuxtModule, createResolver, addComponentsDir, addImports, addPluginTemplate } from '@nuxt/kit';
+
+const module$1 = defineNuxtModule({
+  meta: {
+    name: "d-naive",
+    configKey: "d-naive"
+  },
+  // Default configuration options of the Nuxt module
+  defaults: {},
+  setup(options) {
+    const { resolve } = createResolver(import.meta.url);
+    const plugin = `import { defineNuxtPlugin } from '#imports';
+      export default defineNuxtPlugin((nuxtApp) => {
+       nuxtApp.provide('dNaive', ${JSON.stringify(options)}) 
+    })`;
+    addComponentsDir({
+      path: resolve("./runtime/components"),
+      pathPrefix: false,
+      prefix: "d",
+      global: true
+    });
+    addImports([
+      ...[
+        "formatValue",
+        "getValue",
+        "toDate"
+      ].map((n) => ({ name: n, from: resolve("runtime/utils") }))
+    ]);
+    addPluginTemplate({ getContents: () => plugin, filename: "plugin.mjs" });
+  }
+});
+
+export { module$1 as default };

package/dist/runtime/components/data-table.d.vue.ts

@@ -0,0 +1,45 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{}, {
+    sorterList: import("vue").Ref<never[], never[]>;
+    resetFilters: typeof resetFilters;
+    scrollTo: typeof scrollTo;
+    getData: typeof getData;
+    cols: import("vue").Ref<never[], never[]>;
+    $emit: typeof emit;
+    $props: Partial<typeof props>;
+    data: unknown[];
+    modelValue: string | number | Record<string, any>;
+    columns: unknown[];
+    selectable: boolean;
+    editable: boolean;
+    scrollX: string | number | boolean;
+    height: string | number;
+    returnObject: boolean;
+    selectedClass: string;
+    sortable: boolean;
+    draggable: boolean;
+    resizable: boolean;
+    filterable: boolean;
+    pagination?: boolean | Record<string, any> | undefined;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare function resetFilters(): void;
+declare function scrollTo(value: any): void;
+declare function getData(): any;
+declare const emit: (event: "update:modelValue" | "update:expanded" | "put" | "delete" | "dragColumn", ...args: any[]) => void;
+declare const props: {
+    readonly data: unknown[];
+    readonly modelValue: string | number | Record<string, any>;
+    readonly columns: unknown[];
+    readonly selectable: boolean;
+    readonly editable: boolean;
+    readonly scrollX: string | number | boolean;
+    readonly height: string | number;
+    readonly returnObject: boolean;
+    readonly selectedClass: string;
+    readonly sortable: boolean;
+    readonly draggable: boolean;
+    readonly resizable: boolean;
+    readonly filterable: boolean;
+    readonly pagination?: boolean | Record<string, any> | undefined;
+};