@oiij/naive-ui 0.0.1 → 0.0.3

package/dist/index.cjs

@@ -1,173 +1,5 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+const require_useNaiveForm = require('./composables/useNaiveForm.cjs');
+const require_useNaiveTheme = require('./composables/useNaiveTheme.cjs');
 
-// src/index.ts
-var index_exports = {};
-__export(index_exports, {
-  useNaiveForm: () => useNaiveForm,
-  useNaiveTheme: () => useNaiveTheme
-});
-module.exports = __toCommonJS(index_exports);
-
-// src/useNaiveForm.ts
-var import_mixte = require("mixte");
-var import_vue = require("vue");
-function useNaiveForm(options) {
-  const { value, rules } = options ?? {};
-  const userFormValue = (0, import_vue.ref)(value);
-  const userFormRules = rules;
-  const formRef = (0, import_vue.ref)();
-  const formProps = {
-    model: (0, import_vue.reactive)((0, import_vue.toValue)(userFormValue)),
-    rules: userFormRules
-  };
-  const formInitialValues = (0, import_mixte.deepClone)(value);
-  function validate() {
-    return formRef.value?.validate();
-  }
-  function resetValidation() {
-    formRef.value?.restoreValidation();
-  }
-  function clear() {
-    Object.keys(userFormValue.value).forEach((key) => {
-      userFormValue.value[key] = Array.isArray(userFormValue.value[key]) ? [] : (0, import_mixte.isObject)(userFormValue.value[key]) ? {} : null;
-    });
-  }
-  function resetForm() {
-    clear();
-    (0, import_vue.nextTick)(() => {
-      Object.assign(userFormValue.value, formInitialValues);
-    });
-  }
-  function reset() {
-    resetValidation();
-    resetForm();
-  }
-  return {
-    formRef,
-    formProps,
-    formValue: userFormValue,
-    rules: userFormRules,
-    validate,
-    resetValidation,
-    resetForm,
-    reset,
-    clear
-  };
-}
-
-// src/useNaiveTheme.ts
-var import_colord = require("colord");
-var import_naive_ui = require("naive-ui");
-var import_vue2 = require("vue");
-function getStatusColor(color = "#ff461f") {
-  return {
-    color,
-    hover: (0, import_colord.colord)(color).lighten(0.1).toHex(),
-    pressed: (0, import_colord.colord)(color).darken(0.1).toHex(),
-    suppl: (0, import_colord.colord)(color).lighten(0.1).toHex()
-  };
-}
-var naiveLocaleMap = {
-  "zh-CN": {
-    name: "\u7B80\u4F53\u4E2D\u6587",
-    dateLocale: import_naive_ui.dateZhCN,
-    locale: import_naive_ui.zhCN
-  },
-  "en-US": {
-    name: "English",
-    dateLocale: import_naive_ui.dateEnUS,
-    locale: import_naive_ui.enUS
-  }
-};
-function useNaiveTheme(darkMode, language, globalThemeOverrides) {
-  const { common, Dialog, ...extra } = globalThemeOverrides || {};
-  const color = (0, import_vue2.ref)({
-    primary: "#64748B",
-    info: "#06b6d4",
-    success: "#10b981",
-    warning: "#fbbf24",
-    error: "#f43f5e"
-  });
-  function setColor(v) {
-    color.value = v;
-  }
-  const theme = (0, import_vue2.computed)(() => {
-    return darkMode?.value ? import_naive_ui.darkTheme : void 0;
-  });
-  const themeOverrides = (0, import_vue2.computed)(() => {
-    return {
-      common: {
-        bodyColor: darkMode?.value ? "#1f1f1f" : "#f5f5f5",
-        primaryColor: color.value.primary,
-        primaryColorHover: getStatusColor(color.value.primary).hover,
-        primaryColorPressed: getStatusColor(color.value.primary).pressed,
-        primaryColorSuppl: getStatusColor(color.value.primary).suppl,
-        infoColor: color.value.info,
-        infoColorHover: getStatusColor(color.value.info).hover,
-        infoColorPressed: getStatusColor(color.value.info).pressed,
-        infoColorSuppl: getStatusColor(color.value.info).suppl,
-        successColor: color.value.success,
-        successColorHover: getStatusColor(color.value.success).hover,
-        successColorPressed: getStatusColor(color.value.success).pressed,
-        successColorSuppl: getStatusColor(color.value.success).suppl,
-        warningColor: color.value.warning,
-        warningColorHover: getStatusColor(color.value.warning).hover,
-        warningColorPressed: getStatusColor(color.value.warning).pressed,
-        warningColorSuppl: getStatusColor(color.value.warning).suppl,
-        errorColor: color.value.error,
-        errorColorHover: getStatusColor(color.value.error).hover,
-        errorColorPressed: getStatusColor(color.value.error).pressed,
-        errorColorSuppl: getStatusColor(color.value.error).suppl,
-        borderRadius: "6px",
-        ...common
-      },
-      Dialog: {
-        borderRadius: "12px",
-        padding: "20px",
-        closeMargin: "20px 20px 0 0",
-        ...Dialog
-      },
-      ...extra
-    };
-  });
-  const locale = (0, import_vue2.computed)(() => {
-    if (!language?.value || !naiveLocaleMap[language.value])
-      return naiveLocaleMap["zh-CN"].locale;
-    return naiveLocaleMap[language.value].locale;
-  });
-  const dateLocale = (0, import_vue2.computed)(() => {
-    if (!language?.value || !naiveLocaleMap[language.value])
-      return naiveLocaleMap["zh-CN"].dateLocale;
-    return naiveLocaleMap[language.value].dateLocale;
-  });
-  return {
-    theme,
-    themeOverrides,
-    locale,
-    dateLocale,
-    color,
-    setColor
-  };
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useNaiveForm,
-  useNaiveTheme
-});
+exports.useNaiveForm = require_useNaiveForm.useNaiveForm;
+exports.useNaiveTheme = require_useNaiveTheme.useNaiveTheme;

package/dist/index.d.cts

@@ -1,178 +1,3 @@
-import * as async_validator from 'async-validator';
-import * as vue from 'vue';
-import { Ref, ComputedRef } from 'vue';
-import { FormRules, FormItemRule, FormInst, GlobalThemeOverrides, NDateLocale } from 'naive-ui';
-import * as naive_ui_es_themes_interface from 'naive-ui/es/themes/interface';
-
-interface NaiveFormOptions<T extends object = Record<string, any>> {
-    value?: T;
-    rules?: Partial<Record<keyof T, FormRules | FormItemRule | FormItemRule[]>>;
-}
-declare function useNaiveForm<T extends Record<string, any>>(options?: NaiveFormOptions<T>): {
-    formRef: Ref<FormInst | undefined, FormInst | undefined>;
-    formProps: {
-        model: vue.Reactive<T>;
-        rules: Partial<Record<keyof T, FormRules | FormItemRule | FormItemRule[]>> | undefined;
-    };
-    formValue: Ref<T>;
-    rules: Partial<Record<keyof T, FormRules | FormItemRule | FormItemRule[]>> | undefined;
-    validate: () => Promise<{
-        warnings: async_validator.ValidateError[][] | undefined;
-    }> | undefined;
-    resetValidation: () => void;
-    resetForm: () => void;
-    reset: () => void;
-    clear: () => void;
-};
-
-interface Color {
-    primary: string;
-    info: string;
-    success: string;
-    warning: string;
-    error: string;
-}
-declare function useNaiveTheme(darkMode?: ComputedRef<boolean>, language?: ComputedRef<'zh-CN' | 'en-US'>, globalThemeOverrides?: GlobalThemeOverrides): {
-    theme: ComputedRef<naive_ui_es_themes_interface.BuiltInGlobalTheme | undefined>;
-    themeOverrides: ComputedRef<GlobalThemeOverrides>;
-    locale: ComputedRef<{
-        name: string;
-        global: {
-            undo: string;
-            redo: string;
-            confirm: string;
-            clear: string;
-        };
-        Popconfirm: {
-            positiveText: string;
-            negativeText: string;
-        };
-        Cascader: {
-            placeholder: string;
-            loading: string;
-            loadingRequiredMessage: (label: string) => string;
-        };
-        Time: {
-            dateFormat: string;
-            dateTimeFormat: string;
-        };
-        DatePicker: {
-            yearFormat: string;
-            monthFormat: string;
-            dayFormat: string;
-            yearTypeFormat: string;
-            monthTypeFormat: string;
-            dateFormat: string;
-            dateTimeFormat: string;
-            quarterFormat: string;
-            weekFormat: string;
-            clear: string;
-            now: string;
-            confirm: string;
-            selectTime: string;
-            selectDate: string;
-            datePlaceholder: string;
-            datetimePlaceholder: string;
-            monthPlaceholder: string;
-            yearPlaceholder: string;
-            quarterPlaceholder: string;
-            weekPlaceholder: string;
-            startDatePlaceholder: string;
-            endDatePlaceholder: string;
-            startDatetimePlaceholder: string;
-            endDatetimePlaceholder: string;
-            startMonthPlaceholder: string;
-            endMonthPlaceholder: string;
-            monthBeforeYear: boolean;
-            firstDayOfWeek: 0 | 1 | 2 | 3 | 4 | 5 | 6;
-            today: string;
-        };
-        DataTable: {
-            checkTableAll: string;
-            uncheckTableAll: string;
-            confirm: string;
-            clear: string;
-        };
-        LegacyTransfer: {
-            sourceTitle: string;
-            targetTitle: string;
-        };
-        Transfer: {
-            selectAll: string;
-            unselectAll: string;
-            clearAll: string;
-            total: (num: number) => string;
-            selected: (num: number) => string;
-        };
-        Empty: {
-            description: string;
-        };
-        Select: {
-            placeholder: string;
-        };
-        TimePicker: {
-            placeholder: string;
-            positiveText: string;
-            negativeText: string;
-            now: string;
-            clear: string;
-        };
-        Pagination: {
-            goto: string;
-            selectionSuffix: string;
-        };
-        DynamicTags: {
-            add: string;
-        };
-        Log: {
-            loading: string;
-        };
-        Input: {
-            placeholder: string;
-        };
-        InputNumber: {
-            placeholder: string;
-        };
-        DynamicInput: {
-            create: string;
-        };
-        ThemeEditor: {
-            title: string;
-            clearAllVars: string;
-            clearSearch: string;
-            filterCompName: string;
-            filterVarName: string;
-            import: string;
-            export: string;
-            restore: string;
-        };
-        Image: {
-            tipPrevious: string;
-            tipNext: string;
-            tipCounterclockwise: string;
-            tipClockwise: string;
-            tipZoomOut: string;
-            tipZoomIn: string;
-            tipDownload: string;
-            tipClose: string;
-            tipOriginalSize: string;
-        };
-    }>;
-    dateLocale: ComputedRef<NDateLocale>;
-    color: vue.Ref<{
-        primary: string;
-        info: string;
-        success: string;
-        warning: string;
-        error: string;
-    }, Color | {
-        primary: string;
-        info: string;
-        success: string;
-        warning: string;
-        error: string;
-    }>;
-    setColor: (v: Color) => void;
-};
-
-export { type NaiveFormOptions, useNaiveForm, useNaiveTheme };
+import { NaiveFormOptions, NaiveFormReturns, NaiveFormRules, useNaiveForm } from "./composables/useNaiveForm.cjs";
+import { NaiveThemeReturns, useNaiveTheme } from "./composables/useNaiveTheme.cjs";
+export { NaiveFormOptions, NaiveFormReturns, NaiveFormRules, NaiveThemeReturns, useNaiveForm, useNaiveTheme };

package/dist/index.d.ts

@@ -1,178 +1,3 @@
-import * as async_validator from 'async-validator';
-import * as vue from 'vue';
-import { Ref, ComputedRef } from 'vue';
-import { FormRules, FormItemRule, FormInst, GlobalThemeOverrides, NDateLocale } from 'naive-ui';
-import * as naive_ui_es_themes_interface from 'naive-ui/es/themes/interface';
-
-interface NaiveFormOptions<T extends object = Record<string, any>> {
-    value?: T;
-    rules?: Partial<Record<keyof T, FormRules | FormItemRule | FormItemRule[]>>;
-}
-declare function useNaiveForm<T extends Record<string, any>>(options?: NaiveFormOptions<T>): {
-    formRef: Ref<FormInst | undefined, FormInst | undefined>;
-    formProps: {
-        model: vue.Reactive<T>;
-        rules: Partial<Record<keyof T, FormRules | FormItemRule | FormItemRule[]>> | undefined;
-    };
-    formValue: Ref<T>;
-    rules: Partial<Record<keyof T, FormRules | FormItemRule | FormItemRule[]>> | undefined;
-    validate: () => Promise<{
-        warnings: async_validator.ValidateError[][] | undefined;
-    }> | undefined;
-    resetValidation: () => void;
-    resetForm: () => void;
-    reset: () => void;
-    clear: () => void;
-};
-
-interface Color {
-    primary: string;
-    info: string;
-    success: string;
-    warning: string;
-    error: string;
-}
-declare function useNaiveTheme(darkMode?: ComputedRef<boolean>, language?: ComputedRef<'zh-CN' | 'en-US'>, globalThemeOverrides?: GlobalThemeOverrides): {
-    theme: ComputedRef<naive_ui_es_themes_interface.BuiltInGlobalTheme | undefined>;
-    themeOverrides: ComputedRef<GlobalThemeOverrides>;
-    locale: ComputedRef<{
-        name: string;
-        global: {
-            undo: string;
-            redo: string;
-            confirm: string;
-            clear: string;
-        };
-        Popconfirm: {
-            positiveText: string;
-            negativeText: string;
-        };
-        Cascader: {
-            placeholder: string;
-            loading: string;
-            loadingRequiredMessage: (label: string) => string;
-        };
-        Time: {
-            dateFormat: string;
-            dateTimeFormat: string;
-        };
-        DatePicker: {
-            yearFormat: string;
-            monthFormat: string;
-            dayFormat: string;
-            yearTypeFormat: string;
-            monthTypeFormat: string;
-            dateFormat: string;
-            dateTimeFormat: string;
-            quarterFormat: string;
-            weekFormat: string;
-            clear: string;
-            now: string;
-            confirm: string;
-            selectTime: string;
-            selectDate: string;
-            datePlaceholder: string;
-            datetimePlaceholder: string;
-            monthPlaceholder: string;
-            yearPlaceholder: string;
-            quarterPlaceholder: string;
-            weekPlaceholder: string;
-            startDatePlaceholder: string;
-            endDatePlaceholder: string;
-            startDatetimePlaceholder: string;
-            endDatetimePlaceholder: string;
-            startMonthPlaceholder: string;
-            endMonthPlaceholder: string;
-            monthBeforeYear: boolean;
-            firstDayOfWeek: 0 | 1 | 2 | 3 | 4 | 5 | 6;
-            today: string;
-        };
-        DataTable: {
-            checkTableAll: string;
-            uncheckTableAll: string;
-            confirm: string;
-            clear: string;
-        };
-        LegacyTransfer: {
-            sourceTitle: string;
-            targetTitle: string;
-        };
-        Transfer: {
-            selectAll: string;
-            unselectAll: string;
-            clearAll: string;
-            total: (num: number) => string;
-            selected: (num: number) => string;
-        };
-        Empty: {
-            description: string;
-        };
-        Select: {
-            placeholder: string;
-        };
-        TimePicker: {
-            placeholder: string;
-            positiveText: string;
-            negativeText: string;
-            now: string;
-            clear: string;
-        };
-        Pagination: {
-            goto: string;
-            selectionSuffix: string;
-        };
-        DynamicTags: {
-            add: string;
-        };
-        Log: {
-            loading: string;
-        };
-        Input: {
-            placeholder: string;
-        };
-        InputNumber: {
-            placeholder: string;
-        };
-        DynamicInput: {
-            create: string;
-        };
-        ThemeEditor: {
-            title: string;
-            clearAllVars: string;
-            clearSearch: string;
-            filterCompName: string;
-            filterVarName: string;
-            import: string;
-            export: string;
-            restore: string;
-        };
-        Image: {
-            tipPrevious: string;
-            tipNext: string;
-            tipCounterclockwise: string;
-            tipClockwise: string;
-            tipZoomOut: string;
-            tipZoomIn: string;
-            tipDownload: string;
-            tipClose: string;
-            tipOriginalSize: string;
-        };
-    }>;
-    dateLocale: ComputedRef<NDateLocale>;
-    color: vue.Ref<{
-        primary: string;
-        info: string;
-        success: string;
-        warning: string;
-        error: string;
-    }, Color | {
-        primary: string;
-        info: string;
-        success: string;
-        warning: string;
-        error: string;
-    }>;
-    setColor: (v: Color) => void;
-};
-
-export { type NaiveFormOptions, useNaiveForm, useNaiveTheme };
+import { NaiveFormOptions, NaiveFormReturns, NaiveFormRules, useNaiveForm } from "./composables/useNaiveForm.js";
+import { NaiveThemeReturns, useNaiveTheme } from "./composables/useNaiveTheme.js";
+export { NaiveFormOptions, NaiveFormReturns, NaiveFormRules, NaiveThemeReturns, useNaiveForm, useNaiveTheme };

package/dist/index.js

@@ -1,151 +1,4 @@
-// src/useNaiveForm.ts
-import { deepClone, isObject } from "mixte";
-import { nextTick, reactive, ref, toValue } from "vue";
-function useNaiveForm(options) {
-  const { value, rules } = options ?? {};
-  const userFormValue = ref(value);
-  const userFormRules = rules;
-  const formRef = ref();
-  const formProps = {
-    model: reactive(toValue(userFormValue)),
-    rules: userFormRules
-  };
-  const formInitialValues = deepClone(value);
-  function validate() {
-    return formRef.value?.validate();
-  }
-  function resetValidation() {
-    formRef.value?.restoreValidation();
-  }
-  function clear() {
-    Object.keys(userFormValue.value).forEach((key) => {
-      userFormValue.value[key] = Array.isArray(userFormValue.value[key]) ? [] : isObject(userFormValue.value[key]) ? {} : null;
-    });
-  }
-  function resetForm() {
-    clear();
-    nextTick(() => {
-      Object.assign(userFormValue.value, formInitialValues);
-    });
-  }
-  function reset() {
-    resetValidation();
-    resetForm();
-  }
-  return {
-    formRef,
-    formProps,
-    formValue: userFormValue,
-    rules: userFormRules,
-    validate,
-    resetValidation,
-    resetForm,
-    reset,
-    clear
-  };
-}
+import { useNaiveForm } from "./composables/useNaiveForm.js";
+import { useNaiveTheme } from "./composables/useNaiveTheme.js";
 
-// src/useNaiveTheme.ts
-import { colord } from "colord";
-import {
-  darkTheme,
-  dateEnUS,
-  dateZhCN,
-  enUS,
-  zhCN
-} from "naive-ui";
-import { computed, ref as ref2 } from "vue";
-function getStatusColor(color = "#ff461f") {
-  return {
-    color,
-    hover: colord(color).lighten(0.1).toHex(),
-    pressed: colord(color).darken(0.1).toHex(),
-    suppl: colord(color).lighten(0.1).toHex()
-  };
-}
-var naiveLocaleMap = {
-  "zh-CN": {
-    name: "\u7B80\u4F53\u4E2D\u6587",
-    dateLocale: dateZhCN,
-    locale: zhCN
-  },
-  "en-US": {
-    name: "English",
-    dateLocale: dateEnUS,
-    locale: enUS
-  }
-};
-function useNaiveTheme(darkMode, language, globalThemeOverrides) {
-  const { common, Dialog, ...extra } = globalThemeOverrides || {};
-  const color = ref2({
-    primary: "#64748B",
-    info: "#06b6d4",
-    success: "#10b981",
-    warning: "#fbbf24",
-    error: "#f43f5e"
-  });
-  function setColor(v) {
-    color.value = v;
-  }
-  const theme = computed(() => {
-    return darkMode?.value ? darkTheme : void 0;
-  });
-  const themeOverrides = computed(() => {
-    return {
-      common: {
-        bodyColor: darkMode?.value ? "#1f1f1f" : "#f5f5f5",
-        primaryColor: color.value.primary,
-        primaryColorHover: getStatusColor(color.value.primary).hover,
-        primaryColorPressed: getStatusColor(color.value.primary).pressed,
-        primaryColorSuppl: getStatusColor(color.value.primary).suppl,
-        infoColor: color.value.info,
-        infoColorHover: getStatusColor(color.value.info).hover,
-        infoColorPressed: getStatusColor(color.value.info).pressed,
-        infoColorSuppl: getStatusColor(color.value.info).suppl,
-        successColor: color.value.success,
-        successColorHover: getStatusColor(color.value.success).hover,
-        successColorPressed: getStatusColor(color.value.success).pressed,
-        successColorSuppl: getStatusColor(color.value.success).suppl,
-        warningColor: color.value.warning,
-        warningColorHover: getStatusColor(color.value.warning).hover,
-        warningColorPressed: getStatusColor(color.value.warning).pressed,
-        warningColorSuppl: getStatusColor(color.value.warning).suppl,
-        errorColor: color.value.error,
-        errorColorHover: getStatusColor(color.value.error).hover,
-        errorColorPressed: getStatusColor(color.value.error).pressed,
-        errorColorSuppl: getStatusColor(color.value.error).suppl,
-        borderRadius: "6px",
-        ...common
-      },
-      Dialog: {
-        borderRadius: "12px",
-        padding: "20px",
-        closeMargin: "20px 20px 0 0",
-        ...Dialog
-      },
-      ...extra
-    };
-  });
-  const locale = computed(() => {
-    if (!language?.value || !naiveLocaleMap[language.value])
-      return naiveLocaleMap["zh-CN"].locale;
-    return naiveLocaleMap[language.value].locale;
-  });
-  const dateLocale = computed(() => {
-    if (!language?.value || !naiveLocaleMap[language.value])
-      return naiveLocaleMap["zh-CN"].dateLocale;
-    return naiveLocaleMap[language.value].dateLocale;
-  });
-  return {
-    theme,
-    themeOverrides,
-    locale,
-    dateLocale,
-    color,
-    setColor
-  };
-}
-export {
-  useNaiveForm,
-  useNaiveTheme
-};
+export { useNaiveForm, useNaiveTheme };