@bgottsch/d-naive 1.8.9

package/dist/runtime/components/data-table.vue.d.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;
+};

package/dist/runtime/components/input.d.vue.ts

@@ -0,0 +1,19 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{}, {
+    $emit: typeof emit;
+    $props: Partial<typeof props>;
+    modelValue: string | number | boolean | Record<string, any> | unknown[] | null;
+    style: string | Record<string, any>;
+    disableLabel: boolean;
+    asyncProps: boolean | Function;
+    prefix: string;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const emit: (event: "update:modelValue", ...args: any[]) => void;
+declare const props: {
+    readonly modelValue: string | number | boolean | Record<string, any> | unknown[] | null;
+    readonly style: string | Record<string, any>;
+    readonly disableLabel: boolean;
+    readonly asyncProps: boolean | Function;
+    readonly prefix: string;
+};

package/dist/runtime/components/input.vue

@@ -0,0 +1,170 @@
+<template>
+  <div :style="style">
+    <p v-if="!disableLabel">
+      {{ f.label ? f.label : f.title }}
+    </p>
+    <n-select
+      v-if="f.type == 'select'"
+      v-model:value="value"
+      filterable
+      clearable
+      :loading="loading"
+      v-bind="f"
+    />
+    <n-select
+      v-else-if="f.type == 'list'"
+      v-model:value="value"
+      filterable
+      tag
+      multiple
+      :show="false"
+      clearable
+      :loading="loading"
+      v-bind="f"
+    />
+    <n-input-number
+      v-else-if="['number'].indexOf(f.type) >= 0"
+      v-model:value="value"
+      clearable
+      v-bind="f"
+    >
+      <template v-if="f.prefix2" #prefix>
+        {{ f.prefix2 }}
+      </template>
+      <template v-if="f.suffix" #suffix>
+        {{ f.suffix }}
+      </template>
+    </n-input-number>
+
+    <n-checkbox
+      v-else-if="f.type == 'check'"
+      v-bind="f"
+      v-model:checked="value"
+    />
+    <n-date-picker
+      v-else-if="
+        [
+          'date',
+          'month',
+          'daterange',
+          'year',
+          'monthrange',
+          'yearrange',
+          'quarter',
+          'quarterrange',
+          'week',
+        ].indexOf(f.type) >= 0
+      "
+      v-model:formatted-value="value"
+      value-format="yyyy-MM-dd"
+      :format="'dd/MM/yyyy'"
+      v-bind="f"
+    />
+    <n-date-picker
+      v-else-if="['datetime', 'datetimerange'].indexOf(f.type) >= 0"
+      v-model:formatted-value="value"
+      value-format="yyyy-MM-dd HH:mm:ss"
+      :format="'dd/MM/yyyy'"
+      v-bind="f"
+    />
+    <n-spin v-else-if="f.type == 'cascader'" size="small" :show="loading">
+      <n-cascader 
+        v-model:value="value"
+        multiple
+        clearable
+        :options="f.options"
+        :max-tag-count="2"
+        check-strategy="parent"
+        filterable
+        :clear-filter-after-select="true"
+        v-bind="f"
+      />
+    </n-spin>
+    <n-switch v-else-if="f.type == 'bool'" v-model:value="value" v-bind="f" />
+    <n-input v-else v-model:value="value" clearable v-bind="f">
+      <template v-if="f.prefix2" #prefix>
+        {{ f.prefix2 }}
+      </template>
+      <template v-if="f.suffix" #suffix>
+        {{ f.suffix }}
+      </template>
+    </n-input>
+  </div>
+</template>
+
+<script setup>
+import { normalizeDatetime } from "../utils";
+defineOptions({
+  name: "DInput"
+});
+const props = defineProps({
+  modelValue: {
+    type: [String, Number, Boolean, Array, Object, null],
+    default: null,
+    required: false
+  },
+  style: { required: false, type: [Object, String], default: "" },
+  disableLabel: { required: false, type: Boolean, default: false },
+  asyncProps: { required: false, type: [Function, Boolean], default: false },
+  prefix: { required: false, type: String, default: "" }
+});
+const attrs = useAttrs();
+const asyncPropsValue = ref({});
+const loadingAsync = ref(false);
+if (props.asyncProps) {
+  loadingAsync.value = true;
+  props.asyncProps().then((a) => {
+    asyncPropsValue.value = a;
+    loadingAsync.value = false;
+  });
+}
+const loading = computed(() => {
+  return loadingAsync.value ?? f.value.loading ?? false;
+});
+const f = computed(() => {
+  const field = {
+    placeholder: "",
+    ...attrs,
+    ...asyncPropsValue.value,
+    prefix: props.prefix
+  };
+  if (field.type == "select") {
+    if (field.options && field.options.length > 0 && typeof field.options[0] != "object")
+      field.options = field.options.map((o) => ({ label: o, value: o }));
+  }
+  field.prefix2 = field.prefix;
+  delete field.prefix;
+  return field;
+});
+const initialValue = () => {
+  const raw = props.modelValue ?? attrs.default ?? null;
+  if (!raw) return null;
+  if (["datetime", "datetimerange"].includes(f.value.type)) {
+    return normalizeDatetime(raw);
+  }
+  return raw;
+};
+const value = ref(initialValue());
+const emit = defineEmits(["update:modelValue"]);
+watch(
+  () => props.modelValue,
+  (newValue) => {
+    if (["datetime", "datetimerange"].includes(f.value.type)) {
+      value.value = normalizeDatetime(newValue);
+    } else {
+      value.value = newValue;
+    }
+  }
+);
+watch(
+  () => value,
+  (newValue) => {
+    emit("update:modelValue", newValue.value);
+  },
+  { deep: true }
+);
+</script>
+
+<style>
+.n-cascader-menu{--n-column-width:350px!important}
+</style>

package/dist/runtime/components/input.vue.d.ts

@@ -0,0 +1,19 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{}, {
+    $emit: typeof emit;
+    $props: Partial<typeof props>;
+    modelValue: string | number | boolean | Record<string, any> | unknown[] | null;
+    style: string | Record<string, any>;
+    disableLabel: boolean;
+    asyncProps: boolean | Function;
+    prefix: string;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const emit: (event: "update:modelValue", ...args: any[]) => void;
+declare const props: {
+    readonly modelValue: string | number | boolean | Record<string, any> | unknown[] | null;
+    readonly style: string | Record<string, any>;
+    readonly disableLabel: boolean;
+    readonly asyncProps: boolean | Function;
+    readonly prefix: string;
+};

package/dist/runtime/observer.d.mts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/runtime/observer.js

@@ -0,0 +1,3 @@
+export default defineNuxtPlugin((nuxtApp) => {
+       nuxtApp.provide('dNaive', {}) 
+    })

package/dist/runtime/utils.d.ts

@@ -0,0 +1,4 @@
+export function toDate(date: any): Date | null;
+export function formatValue(row: any, field: any): any;
+export function getValue(row: any, field: any): any;
+export function normalizeDatetime(input: any): string | null;

package/dist/runtime/utils.js

@@ -0,0 +1,109 @@
+import { useNuxtApp } from '#app';
+
+function getValidValue(...values) {
+  for (let value of values) {
+    if (value || value == 0) {
+      return value;
+    }
+  }
+  return undefined;
+}
+
+
+export const toDate = (date) => {
+  if (!date) return null
+  if (date.length > 10 || !isNaN(date)) return new Date(date)
+  return date ? new Date(date + " GMT-0300") : null
+}
+
+export const formatValue = (row, field) => {
+  const nuxtApp = useNuxtApp();
+  const defaultOptions = nuxtApp.$dNaive
+  var value = null
+  var t = null
+  if (typeof row === 'object')
+    value = getValue(row, field)
+  else value = row
+  if (typeof field === 'object')
+    t = field.type
+  else t = field
+  if (!value && value != 0) return ''
+  switch (t) {
+    case 'number': {
+
+      if (field.noFormat) return value
+      var minPrecision = getValidValue(field.minPrecision, defaultOptions.minPrecision, field.precision, defaultOptions.precision);
+      var maxPrecision = getValidValue(field.maxPrecision, defaultOptions.maxPrecision, field.precision, defaultOptions.precision);
+      if (field.precision == 0) {
+        minPrecision = 0
+        maxPrecision = 0
+      }
+      value = value.toLocaleString("pt-br", {
+        minimumFractionDigits: minPrecision,
+        maximumFractionDigits: maxPrecision,
+      })
+      if (field.prefix) value = field.prefix + ' ' + value
+      if (field.suffix) value = value + ' ' + field.suffix
+      return value
+    }
+    case "date":
+      if (!value) return ""
+      return toDate(value).toLocaleDateString("pt-br", { ...field })
+    case "datetime":
+      if (!value) return ""
+      return toDate(value).toLocaleString("pt-br", { ...field })
+    case "list":
+      return value.join(", ")
+    default:
+      return value
+  }
+}
+export const getValue = (row, field) => {
+  var key = null
+  if (!row || !field) return undefined
+  if (typeof field === 'object')
+    key = field.view || field.key
+  else key = field
+  if (!key) return undefined
+  var steps = key.split(".")
+  var v = row
+  var step = 0
+  while (step < steps.length) {
+    v = v[steps[step]]
+    if (!v) return v
+    step++
+  }
+  return v
+}
+
+export const normalizeDatetime = (input) => {
+  if (!input) return null;
+
+  let date;
+
+  if (input instanceof Date) {
+    date = input;
+  } else if (typeof input === "string") {
+    const normalized = input.replace(/\//g, "-").replace("T", " ");
+
+    date = new Date(normalized);
+  } else if (typeof input === "number") {
+    date = new Date(input);
+  } else {
+    return null;
+  }
+
+  if (isNaN(date)) return null;
+
+  const pad = (n) => (n < 10 ? "0" + n : n);
+
+  const yyyy = date.getFullYear();
+  const mm = pad(date.getMonth() + 1);
+  const dd = pad(date.getDate());
+
+  const hh = pad(date.getHours());
+  const mi = pad(date.getMinutes());
+  const ss = pad(date.getSeconds());
+
+  return `${yyyy}-${mm}-${dd} ${hh}:${mi}:${ss}`;
+};

package/dist/types.d.mts

@@ -0,0 +1,3 @@
+export { default } from './module.mjs'
+
+export { type ModuleOptions } from './module.mjs'

package/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "@bgottsch/d-naive",
+  "version": "1.8.9",
+  "description": "Vue library designed to enhance Naive UI components with additional functionalities for complex data handling and user input management",
+  "repository": "mdoreto/d-naive",
+  "license": "MIT",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/types.d.mts",
+      "import": "./dist/module.mjs"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "prepare": "nuxt-module-build build --failOnWarn=false",
+    "prepack": "nuxt-module-build build --failOnWarn=false",
+    "dev": "nuxi dev playground",
+    "dev:build": "nuxi build playground",
+    "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground",
+    "release": "npm run lint && npm run prepack && changelogen --release && npm publish && git push --follow-tags",
+    "lint": "eslint . --fix",
+    "test": "vitest run",
+    "test:watch": "vitest watch"
+  },
+  "dependencies": {
+    "@nuxt/kit": "^4.2.1"
+  },
+  "devDependencies": {
+    "nuxt": "^4.2.1",
+    "vue-tsc": "^3.1.5",
+    "@nuxt/devtools": "^3.1.0",
+    "@nuxt/eslint-config": "^1.10.0",
+    "@nuxt/module-builder": "^1.0.2",
+    "@nuxt/schema": "^4.2.1",
+    "@nuxt/test-utils": "^3.20.1",
+    "vitest": "^3.2.0",
+    "eslint": "^9.39.1",
+    "@types/node": "^24.10.1",
+    "changelogen": "^0.6.2"
+  }
+}