v-nuxt-ui 0.1.0

package/dist/runtime/constants/index.d.ts

@@ -0,0 +1,6 @@
+export * from './columns.js';
+export * from './flow.js';
+export * from './options.js';
+export * from './time.js';
+export * from './menu.js';
+export * from './user.js';

package/dist/runtime/constants/index.js

@@ -0,0 +1,6 @@
+export * from "./columns.js";
+export * from "./flow.js";
+export * from "./options.js";
+export * from "./time.js";
+export * from "./menu.js";
+export * from "./user.js";

package/dist/runtime/constants/menu.d.ts

@@ -0,0 +1,9 @@
+export declare enum MenuType {
+    CATALOG = "catalog",
+    MENU = "menu",
+    BUTTON = "button"
+}
+export declare const menuTypeOptions: {
+    label: string;
+    value: MenuType;
+}[];

package/dist/runtime/constants/menu.js

@@ -0,0 +1,11 @@
+export var MenuType = /* @__PURE__ */ ((MenuType2) => {
+  MenuType2["CATALOG"] = "catalog";
+  MenuType2["MENU"] = "menu";
+  MenuType2["BUTTON"] = "button";
+  return MenuType2;
+})(MenuType || {});
+export const menuTypeOptions = [
+  { label: "\u76EE\u5F55", value: "catalog" /* CATALOG */ },
+  { label: "\u83DC\u5355", value: "menu" /* MENU */ },
+  { label: "\u6309\u94AE", value: "button" /* BUTTON */ }
+];

package/dist/runtime/constants/options.d.ts

@@ -0,0 +1,8 @@
+import type { SelectOption } from '#v/types';
+export declare const booleanOptions: SelectOption[];
+export declare enum Gender {
+    MALE = 1,
+    FEMALE = 2,
+    UNKNOWN = 0
+}
+export declare const genderOptions: SelectOption[];

package/dist/runtime/constants/options.js

@@ -0,0 +1,15 @@
+export const booleanOptions = [
+  { label: "Yes", value: true },
+  { label: "No", value: false }
+];
+export var Gender = /* @__PURE__ */ ((Gender2) => {
+  Gender2[Gender2["MALE"] = 1] = "MALE";
+  Gender2[Gender2["FEMALE"] = 2] = "FEMALE";
+  Gender2[Gender2["UNKNOWN"] = 0] = "UNKNOWN";
+  return Gender2;
+})(Gender || {});
+export const genderOptions = [
+  { label: "Male", value: 1 /* MALE */ },
+  { label: "Female", value: 2 /* FEMALE */ },
+  { label: "Unknown", value: 0 /* UNKNOWN */ }
+];

package/dist/runtime/constants/time.d.ts

@@ -0,0 +1,7 @@
+import type { SelectOption } from '#v/types';
+export declare const TIME_ZONE = "Asia/Shanghai";
+export declare const timeUnitOptions: SelectOption[];
+export declare const weekEnLabels: string[];
+export declare const weekCnLabels: string[];
+export declare const dateFormat = "YYYY-MM-DD";
+export declare const dateTimeFormat = "YYYY-MM-DD HH:mm:ss";

package/dist/runtime/constants/time.js

@@ -0,0 +1,12 @@
+export const TIME_ZONE = "Asia/Shanghai";
+export const timeUnitOptions = [
+  { label: "Year", value: "year" },
+  { label: "Quarter", value: "quarter" },
+  { label: "Month", value: "month" },
+  { label: "Week", value: "week" },
+  { label: "Day", value: "day" }
+];
+export const weekEnLabels = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"];
+export const weekCnLabels = ["\u5468\u4E00", "\u5468\u4E8C", "\u5468\u4E09", "\u5468\u56DB", "\u5468\u4E94", "\u5468\u516D", "\u5468\u65E5"];
+export const dateFormat = "YYYY-MM-DD";
+export const dateTimeFormat = "YYYY-MM-DD HH:mm:ss";

package/dist/runtime/constants/user.d.ts

@@ -0,0 +1,7 @@
+export declare enum LoginType {
+    USERNAME_PASSWORD = "username_password"
+}
+export declare const loginTypeOptions: {
+    label: string;
+    value: LoginType;
+}[];

package/dist/runtime/constants/user.js

@@ -0,0 +1,7 @@
+export var LoginType = /* @__PURE__ */ ((LoginType2) => {
+  LoginType2["USERNAME_PASSWORD"] = "username_password";
+  return LoginType2;
+})(LoginType || {});
+export const loginTypeOptions = [
+  { label: "\u5DE5\u53F7\u5BC6\u7801\u767B\u5F55", value: "username_password" /* USERNAME_PASSWORD */ }
+];

package/dist/runtime/index.css

@@ -0,0 +1 @@
+@source "./components";@source "./composables";@source "./utils";

package/dist/runtime/plugins/01.nuxtUIEnhancement.d.ts

@@ -0,0 +1,18 @@
+declare const _default: import("nuxt/app").Plugin<{
+    defaultToast: (msg: string, desc?: string) => import("@nuxt/ui/runtime/composables/useToast.js").Toast;
+    primaryToast: (msg: string, desc?: string) => import("@nuxt/ui/runtime/composables/useToast.js").Toast;
+    infoToast: (msg: string, desc?: string) => import("@nuxt/ui/runtime/composables/useToast.js").Toast;
+    successToast: (msg: string, desc?: string) => import("@nuxt/ui/runtime/composables/useToast.js").Toast;
+    warningToast: (msg: string, desc?: string) => import("@nuxt/ui/runtime/composables/useToast.js").Toast;
+    errorToast: (msg: string, desc?: string) => import("@nuxt/ui/runtime/composables/useToast.js").Toast;
+    toastNothingChanged: () => import("@nuxt/ui/runtime/composables/useToast.js").Toast;
+}> & import("nuxt/app").ObjectPlugin<{
+    defaultToast: (msg: string, desc?: string) => import("@nuxt/ui/runtime/composables/useToast.js").Toast;
+    primaryToast: (msg: string, desc?: string) => import("@nuxt/ui/runtime/composables/useToast.js").Toast;
+    infoToast: (msg: string, desc?: string) => import("@nuxt/ui/runtime/composables/useToast.js").Toast;
+    successToast: (msg: string, desc?: string) => import("@nuxt/ui/runtime/composables/useToast.js").Toast;
+    warningToast: (msg: string, desc?: string) => import("@nuxt/ui/runtime/composables/useToast.js").Toast;
+    errorToast: (msg: string, desc?: string) => import("@nuxt/ui/runtime/composables/useToast.js").Toast;
+    toastNothingChanged: () => import("@nuxt/ui/runtime/composables/useToast.js").Toast;
+}>;
+export default _default;

package/dist/runtime/plugins/01.nuxtUIEnhancement.js

@@ -0,0 +1,52 @@
+import { useToast } from "@nuxt/ui/composables";
+import { defineNuxtPlugin } from "nuxt/app";
+export default defineNuxtPlugin(() => {
+  const toast = useToast();
+  return {
+    provide: {
+      defaultToast: (msg, desc) => toast.add({
+        title: msg,
+        description: desc,
+        color: "neutral"
+      }),
+      primaryToast: (msg, desc) => toast.add({
+        title: msg,
+        description: desc,
+        color: "primary"
+      }),
+      infoToast: (msg, desc) => toast.add({
+        title: msg,
+        description: desc,
+        color: "info",
+        icon: "i-lucide-circle-alert"
+      }),
+      successToast: (msg, desc) => toast.add({
+        title: msg,
+        description: desc,
+        color: "success",
+        icon: "i-lucide-circle-check"
+      }),
+      warningToast: (msg, desc) => toast.add({
+        title: msg,
+        description: desc,
+        color: "warning",
+        duration: 5e3,
+        icon: "i-lucide-triangle-alert"
+      }),
+      errorToast: (msg, desc) => toast.add({
+        title: msg,
+        description: desc,
+        color: "error",
+        duration: 8e3,
+        icon: "i-lucide-circle-x"
+      }),
+      toastNothingChanged: () => toast.add({
+        title: "Nothing changed",
+        description: "Please modify content before submitting",
+        color: "warning",
+        duration: 3e3,
+        icon: "i-lucide-triangle-alert"
+      })
+    }
+  };
+});

package/dist/runtime/plugins/02.dayjs.d.ts

@@ -0,0 +1,13 @@
+import dayjs from 'dayjs';
+declare const _default: import("nuxt/app").Plugin<Record<string, unknown>> & import("nuxt/app").ObjectPlugin<Record<string, unknown>>;
+export default _default;
+declare module 'nuxt/app' {
+    interface NuxtApp {
+        $dayjs: typeof dayjs;
+    }
+}
+declare module 'vue' {
+    interface ComponentCustomProperties {
+        $dayjs: typeof dayjs;
+    }
+}

package/dist/runtime/plugins/02.dayjs.js

@@ -0,0 +1,9 @@
+import dayjs from "dayjs";
+import utc from "dayjs/plugin/utc";
+import timezone from "dayjs/plugin/timezone";
+import { defineNuxtPlugin } from "nuxt/app";
+export default defineNuxtPlugin((nuxtApp) => {
+  dayjs.extend(utc);
+  dayjs.extend(timezone);
+  nuxtApp.provide("dayjs", dayjs);
+});

package/dist/runtime/plugins/03.theme.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("nuxt/app").Plugin<Record<string, unknown>> & import("nuxt/app").ObjectPlugin<Record<string, unknown>>;
+export default _default;

package/dist/runtime/plugins/03.theme.js

@@ -0,0 +1,33 @@
+import { defaultAppSettings } from "#v/composables";
+import { StorageKey } from "#v/types";
+import { useLocalStorage } from "@vueuse/core";
+import { defineNuxtPlugin, useAppConfig } from "nuxt/app";
+export default defineNuxtPlugin({
+  enforce: "post",
+  setup() {
+    const appConfig = useAppConfig();
+    const customAppConfig = useLocalStorage(StorageKey.APP, defaultAppSettings);
+    function updateColor(type) {
+      const color = customAppConfig.value[type];
+      if (color) {
+        appConfig.ui.colors[type] = color;
+      }
+    }
+    function updateBlackAsPrimary() {
+      const blackAsPrimary = customAppConfig.value.blackAsPrimary;
+      if (blackAsPrimary) {
+        appConfig.theme.blackAsPrimary = blackAsPrimary === true;
+      }
+    }
+    function updateRadius() {
+      const radius = customAppConfig.value.radius;
+      if (radius !== void 0) {
+        appConfig.theme.radius = radius;
+      }
+    }
+    updateColor("primary");
+    updateColor("neutral");
+    updateBlackAsPrimary();
+    updateRadius();
+  }
+});

package/dist/runtime/plugins/04.head.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("nuxt/app").Plugin<Record<string, unknown>> & import("nuxt/app").ObjectPlugin<Record<string, unknown>>;
+export default _default;

package/dist/runtime/plugins/04.head.js

@@ -0,0 +1,29 @@
+import colors from "tailwindcss/colors";
+import { defineNuxtPlugin, useAppConfig, useHead } from "nuxt/app";
+import { useColorMode } from "@vueuse/core";
+import { computed } from "vue";
+export default defineNuxtPlugin({
+  enforce: "post",
+  setup() {
+    const appConfig = useAppConfig();
+    const colorMode = useColorMode();
+    const themeColor = computed(
+      () => colorMode.value === "dark" ? colors[appConfig.ui?.colors?.neutral]?.[900] : "white"
+    );
+    const radiusStyle = computed(
+      () => `:root { --ui-radius: ${appConfig.theme?.radius ?? 0.25}rem; }`
+    );
+    const blackAsPrimaryStyle = computed(
+      () => appConfig.theme?.blackAsPrimary ? `:root { --ui-primary: black; } .dark { --ui-primary: white; }` : ":root {}"
+    );
+    useHead({
+      meta: [
+        { key: "theme-color", name: "theme-color", content: themeColor }
+      ],
+      style: [
+        { innerHTML: radiusStyle, id: "nuxt-ui-radius", tagPriority: -2 },
+        { innerHTML: blackAsPrimaryStyle, id: "nuxt-ui-black-as-primary", tagPriority: -2 }
+      ]
+    });
+  }
+});

package/dist/runtime/types/app.d.ts

@@ -0,0 +1,42 @@
+import type { I18nLocale } from './locale.js';
+/** Header config */
+export interface HeaderConfig {
+    hideHeader?: boolean;
+    headerClass?: string;
+    headerHeight?: number;
+}
+/** Tab config */
+export interface TabConfig {
+    hideTab?: boolean;
+    tabClass?: string;
+    tabHeight?: number;
+}
+/** Sider config */
+interface SiderConfig {
+    hideSider?: boolean;
+    siderClass?: string;
+    siderMobileClass?: string;
+    siderMaxWidth?: number;
+    siderMinWidth?: number;
+    siderCollapsed?: boolean;
+    siderCollapsedWidth?: number;
+}
+/** Content config */
+export interface ContentConfig {
+    contentClass?: string;
+}
+export type PageAnimateMode = 'fade' | 'fade-slide' | 'fade-bottom' | 'fade-scale' | 'zoom-fade' | 'zoom-out' | 'none';
+export interface PageConfig {
+    pageAnimate?: boolean;
+    pageAnimateMode?: PageAnimateMode;
+}
+/** Custom app props */
+export interface CustomAppConfig extends SiderConfig, HeaderConfig, TabConfig, ContentConfig, PageConfig {
+    primary?: string;
+    blackAsPrimary?: boolean;
+    neutral?: string;
+    radius?: number;
+    locale?: I18nLocale;
+    keepalive?: boolean;
+}
+export {};

package/dist/runtime/types/cmds/login.d.ts

@@ -0,0 +1,23 @@
+declare namespace Cmd {
+  type UsernamePasswordLoginPayload = {
+    username?: string
+    password?: string
+  }
+
+  type RefreshTokensPayload = {
+    refreshToken: string
+  }
+
+  type ChangeUserPwdCmd = {
+    userId: number
+    oldPwd: string
+    newPwd: string
+  }
+
+  type LoginResult = {
+    refreshToken?: string
+    accessToken?: string
+    dupLogin?: boolean
+    user?: Model.User
+  }
+}

package/dist/runtime/types/cmds/sys.d.ts

@@ -0,0 +1,10 @@
+declare namespace Cmd {
+  type RowRecordPayload = {
+    tableName?: string
+    rowId?: number
+  }
+
+  type IdPayload = {
+    id: number
+  }
+}

package/dist/runtime/types/cmds/user.d.ts

@@ -0,0 +1,8 @@
+declare namespace Cmd {
+  namespace User {
+    type ChangePwdPayload = {
+      oldPassword?: string
+      newPassword?: string
+    }
+  }
+}

package/dist/runtime/types/components/date.d.ts

@@ -0,0 +1,5 @@
+import type { DateRange, DateValue } from 'reka-ui';
+export type DateShortcut = {
+    label: string;
+    dateFn: () => null | undefined | DateValue | DateValue[] | DateRange;
+};

package/dist/runtime/types/components/dnd.d.ts

@@ -0,0 +1,14 @@
+import type { SortableEvent } from 'vue-draggable-plus';
+import type { GroupOptions } from 'sortablejs';
+export type DndProps<T> = {
+    handle?: string;
+    group?: GroupOptions | string;
+    sort?: boolean;
+    chosenClass?: string;
+    dragClass?: string;
+    ghostClass?: string;
+    forceFallback?: boolean;
+    clone?: (model: T) => T;
+    onAdd?: (event: SortableEvent) => void;
+    onEnd?: (event: SortableEvent) => void;
+};

package/dist/runtime/types/components/form/field.d.ts

@@ -0,0 +1,102 @@
+import type { VNode } from 'vue';
+import type { ButtonProps, FormFieldProps, InputProps, RadioGroupProps, SelectMenuItem, SelectProps, TreeItem } from '@nuxt/ui';
+import type { ZodType } from 'zod';
+import type { ListApi } from '../table/index.js';
+import type { QueryTemplate, WhereQueryItem } from '../../query.js';
+export type VFormFieldAsyncSelectProps<T> = {
+    listApi: ListApi<T>;
+    extraQuery?: QueryTemplate<T>;
+    initModelValues?: any | any[];
+    onUpdateInitModelValues?: (newInitModels: any | any[]) => void;
+    searchFields: (string)[];
+    extraSearchFieldFn?: (keyword: string) => WhereQueryItem<T>;
+    labelField?: string;
+    valueField?: string;
+    labelRenderFn?: (model: T) => string | undefined;
+    enableEmptyOption?: boolean;
+    disableOprSelector?: boolean;
+    multiple?: boolean;
+    placeholder?: string;
+    size?: SelectProps['size'];
+};
+export type VFormFieldAsyncTreeSelectProps<T> = {
+    fetchAll?: boolean;
+} & VFormFieldAsyncSelectProps<T>;
+export type VFormFieldTreeSelectTransferProps = {
+    sourceTreeItems: TreeItem[];
+    targetTreeItems: TreeItem[];
+    onUpdateTargetTreeItems: (val: TreeItem[]) => void;
+    disabled?: boolean;
+};
+export type VFormFieldSelectProps = {
+    items: SelectMenuItem[];
+    searchable?: boolean;
+    multiple?: SelectProps['multiple'];
+    enableEmptyOption?: boolean;
+} & Pick<SelectProps, 'placeholder'>;
+export type VFormFieldDynamicObjectInputProps = {
+    objectFields: Array<{
+        key: string;
+        label: string;
+        placeholder?: string;
+    }>;
+};
+export type VFormFieldProps<T> = FormFieldProps & {
+    zodType?: ZodType;
+    colSpan?: string;
+    icon?: string;
+    disabled?: boolean;
+    hidden?: boolean;
+    placeholder?: string;
+    annotation?: string;
+    enterKeydownSubmit?: boolean;
+} & ({
+    type: 'separator';
+    separatorLabel?: string;
+} | {
+    type: 'input';
+} & Pick<InputProps, 'placeholder'> | {
+    type: 'dynamic-input';
+    delimiter?: string;
+} | {
+    type: 'dynamic-input-object';
+} & VFormFieldDynamicObjectInputProps | {
+    type: 'input-pwd';
+} & Pick<InputProps, 'placeholder'> | {
+    type: 'input-number';
+} & Pick<InputProps, 'placeholder'> | {
+    type: 'input-string-number';
+    trailingString?: string;
+} & Pick<InputProps, 'placeholder'> | {
+    type: 'switch';
+} | {
+    type: 'button-switch';
+} | {
+    type: 'textarea';
+} & Pick<InputProps, 'placeholder'> | {
+    type: 'date-picker';
+    peerButtons?: ButtonProps[];
+} | {
+    type: 'select';
+} & VFormFieldSelectProps | {
+    type: 'multiple-select-string';
+    items: SelectMenuItem[];
+    searchable?: boolean;
+} | {
+    type: 'async-select';
+} & VFormFieldAsyncSelectProps<T> | {
+    type: 'async-object-select';
+} & VFormFieldAsyncSelectProps<T> | {
+    type: 'async-tree-select';
+} & VFormFieldAsyncTreeSelectProps<T> | {
+    type: 'radio-select';
+} & RadioGroupProps | {
+    type: 'tree-select-transfer';
+} & VFormFieldTreeSelectTransferProps | {
+    type: 'sql-editor';
+} | {
+    type: 'custom';
+    component: VNode;
+} | {
+    type: 'unknown';
+});

package/dist/runtime/types/components/form/index.d.ts

@@ -0,0 +1,27 @@
+import type { ModalProps } from '@nuxt/ui';
+import type { ApiGroup } from '../table/index.js';
+import type { VFormFieldProps } from './field.js';
+export * from './field.js';
+export type FormTemplateProps<T> = {
+    fields: VFormFieldProps<T>[];
+    modelValue: Partial<T>;
+    onUpdateModelValue?: (newVal: Partial<T>) => void;
+    onTriggerSubmit?: (e: Event) => void;
+};
+export type CreateModalFormTemplateProps<T> = {
+    title: string;
+    description?: string;
+    onClose: (ok: boolean) => void;
+    onSubmit: () => Promise<void>;
+    fields: VFormFieldProps<T>[];
+    modelValue: Partial<T>;
+    onUpdateModelValue?: (newVal: Partial<T>) => void;
+    rowKey?: keyof T;
+    fullscreen?: ModalProps['fullscreen'];
+};
+export type CreateModalFormTemplatePropsWithApi<T> = {
+    apiGroup: () => ApiGroup<T>;
+    valuePruneFn?: (value: T) => T;
+    defaultModelValue?: Partial<T>;
+    onSave: (model: T) => void;
+} & Pick<CreateModalFormTemplateProps<T>, 'title' | 'description' | 'fields' | 'onClose' | 'modelValue' | 'onUpdateModelValue'>;

package/dist/runtime/types/components/form/index.js

@@ -0,0 +1 @@
+export * from "./field.js";

package/dist/runtime/types/components/index.d.ts

@@ -0,0 +1,4 @@
+export * from './table/index.js';
+export * from './form/index.js';
+export * from './date.js';
+export * from './dnd.js';

package/dist/runtime/types/components/index.js

@@ -0,0 +1,4 @@
+export * from "./table/index.js";
+export * from "./form/index.js";
+export * from "./date.js";
+export * from "./dnd.js";

package/dist/runtime/types/components/table/column.d.ts

@@ -0,0 +1,35 @@
+import type { OrderQueryOpr, WhereQueryOpr } from '../../query.js';
+import type { TableColumn, BadgeProps } from '@nuxt/ui';
+import type { SelectOption, VFormFieldAsyncSelectProps } from '../../index.js';
+export type WhereQueryType = 'input' | 'input-number' | 'date-picker' | 'select' | 'async-select' | 'unknown';
+export type WhereQueryColumnOption<T> = {
+    defaultOpr?: WhereQueryOpr;
+    custom?: boolean;
+    initValues?: any;
+    initHide?: boolean;
+    disableOprSelector?: boolean;
+} & ({
+    type: 'input';
+} | {
+    type: 'input-number';
+} | {
+    type: 'date-picker';
+} | {
+    type: 'select';
+    variant?: BadgeProps['variant'];
+    items: SelectOption[];
+} | {
+    type: 'async-select';
+} & VFormFieldAsyncSelectProps<T> | {
+    type: 'unknown';
+});
+export type OrderQueryColumnOption = {
+    defaultOpr?: OrderQueryOpr;
+};
+export type VColumn<T> = {
+    filterOption?: WhereQueryColumnOption<any>;
+    sortOption?: OrderQueryColumnOption | true;
+    initHide?: boolean;
+    checked?: boolean;
+    exportCell?: (row: T) => string | string[];
+} & TableColumn<T>;

package/dist/runtime/types/components/table/header.d.ts

@@ -0,0 +1,33 @@
+import type { ButtonProps } from '@nuxt/ui';
+import type { ApiGroup, OrderQueryProps, VColumn, VTableExportExcelProps, WhereQueryProps } from '.';
+import type { Size, WhereQuery } from '../../index.js';
+export type TableHeaderOprType = 'create' | 'whereQuery' | 'orderQuery' | 'batchDelete' | 'refresh' | 'settings' | 'exportExcel';
+export type TableHeaderProps<T> = {
+    name: string;
+    fetching?: boolean;
+    rawBizColumns: VColumn<T>[];
+    onUpdateBizColumns?: (columns: VColumn<T>[]) => void;
+    oprOrder?: TableHeaderOprType[];
+    onNew?: () => T;
+    apiGroup?: () => ApiGroup<T>;
+    fetchList: () => Promise<void>;
+    onEditRowFromModal?: (row: T) => Promise<boolean>;
+    selectedIds?: number[];
+    disableCreation?: boolean;
+    disableWhereQuery?: boolean;
+    whereQueryProps: WhereQueryProps<T>;
+    disableOrderQuery?: boolean;
+    orderQueryProps: OrderQueryProps<T>;
+    disableBatchDeletion?: boolean;
+    disableRefresh?: boolean;
+    disableSettings?: boolean;
+    exportExcel?: VTableExportExcelProps<T>;
+    extraWhereQueryInitValues?: WhereQuery<T>;
+    extraButtons?: {
+        button: ButtonProps;
+        appendTo?: 'left' | 'right';
+        withBatchData?: boolean;
+        batchFn?: (selectedIds: number[]) => Promise<void>;
+    }[];
+    size?: Size;
+};