@oiij/naive-ui 0.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 oiij <https://github.com/oiij>
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,31 @@
+# library-starter
+
+Features:
+
+- Bundle with [tsup](https://github.com/egoist/tsup)
+- Test with [vitest](https://vitest.dev)
+
+## Usage
+
+```bash
+pnpm add @oiij/naive-ui
+```
+
+```ts
+import { useNaiveForm, useNaiveTheme } from '@oiij/naive-ui'
+const { theme, themeOverrides, locale, dateLocale, color, setColor, } = useNaiveTheme()
+const { formRef, formProps, formValue, rules, validate, resetValidation, resetForm, reset, clear, } = useNaiveForm({
+  value: {
+    foo: ''
+  },
+  rules: {
+    foo: {
+      required: true
+    }
+  }
+})
+```
+
+## License
+
+MIT

package/dist/index.cjs

@@ -0,0 +1,173 @@
+"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);
+
+// 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
+});

package/dist/index.d.cts

@@ -0,0 +1,178 @@
+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 };

package/dist/index.d.ts

@@ -0,0 +1,178 @@
+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 };

package/dist/index.js

@@ -0,0 +1,151 @@
+// 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
+  };
+}
+
+// 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
+};

package/package.json

@@ -0,0 +1,93 @@
+{
+  "name": "@oiij/naive-ui",
+  "type": "module",
+  "version": "0.0.1",
+  "description": "",
+  "author": "oiij",
+  "license": "MIT",
+  "homepage": "https://github.com/oiij/naive-ui",
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:oiij/naive-ui.git"
+  },
+  "bugs": "https://github.com/oiij/naive-ui/issues",
+  "keywords": [
+    "@oiij,naive-ui",
+    "naive-ui extra"
+  ],
+  "sideEffects": false,
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "LICENSE",
+    "README.md",
+    "dist",
+    "package.json"
+  ],
+  "scripts": {
+    "dev": "tsup --watch",
+    "dev:unbuild": "unbuild --stub",
+    "build": "tsc --noEmit && tsup",
+    "build:unbuild": "tsc --noEmit && unbuild",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
+    "prepublishOnly": "pnpm build",
+    "release": "bumpp -r && npm publish --access public",
+    "awe": "pnpx are-we-esm",
+    "nmi": "pnpx node-modules-inspector",
+    "start": "esno src/index.ts",
+    "test": "vitest",
+    "update:deps": "taze -w && pnpm i",
+    "type:check": "tsc --noEmit",
+    "cz": "czg",
+    "commit": "git pull && git add -A && pnpm cz && git push",
+    "link": "pnpm link --global",
+    "preinstall": "npx only-allow pnpm"
+  },
+  "dependencies": {
+    "async-validator": "^4.2.5",
+    "colord": "^2.9.3",
+    "mixte": "3.0.0-beta.3"
+  },
+  "devDependencies": {
+    "@antfu/eslint-config": "^4.2.0",
+    "@oiij/tsconfig": "^0.0.1",
+    "@types/node": "^22.13.1",
+    "@vitest/ui": "^3.0.5",
+    "bumpp": "^10.0.3",
+    "commitlint": "^19.7.1",
+    "cz-git": "^1.11.0",
+    "czg": "^1.11.0",
+    "eslint": "^9.20.1",
+    "eslint-plugin-format": "^1.0.1",
+    "esno": "^4.8.0",
+    "lint-staged": "^15.4.3",
+    "naive-ui": "^2.40.3",
+    "simple-git-hooks": "^2.11.1",
+    "taze": "^18.5.0",
+    "tsup": "8.3.6",
+    "typescript": "^5.7.3",
+    "unbuild": "^3.3.1",
+    "vitest": "^3.0.5",
+    "vue": "^3.5.13"
+  },
+  "simple-git-hooks": {
+    "pre-commit": "pnpm lint-staged && pnpm type:check"
+  },
+  "lint-staged": {
+    "*.{js,jsx,ts,tsx}": [
+      "pnpm lint:fix"
+    ]
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}