@robot-admin/naive-ui-components 0.14.3 → 0.15.0

package/dist/useDynamicFormState.d.ts

@@ -1,10 +1,8 @@
-import { i as ComponentLocale, r as ComponentFeedback } from "./config.js";
+import { n as ComponentLocale, t as ComponentFeedback } from "./contracts.js";
 import * as vue from "vue";
-import { CSSProperties, Component, ComputedRef, DeepReadonly, InjectionKey, MaybeRefOrGetter, Ref, Slots, VNode } from "vue";
+import { CSSProperties, Component, ComputedRef, DeepReadonly, InjectionKey, MaybeRefOrGetter, Ref, ShallowRef, Slots, VNode } from "vue";
 import { FormInst, FormItemInst, FormItemRule, FormRules } from "naive-ui";
 import { NAIVE_COMBOS, NaiveRule, PRESET_RULES, RuleSpec, RuleSpec as RuleSpec$1, SPEC_RULES } from "@robot-admin/form-validate";
-import * as naive_ui_es_form_src_interface0 from "naive-ui/es/form/src/interface";
-import * as _vue_shared0 from "@vue/shared";
 
 //#region src/components/C_Form/utils/formValidation.d.ts
 /** 原生规则、验证库规则和框架无关规则均可直接作为字段配置。 */
@@ -139,6 +137,13 @@ interface ItemLayoutConfig {
   class?: string;
   style?: CSSProperties | Record<string, unknown>;
   hidden?: boolean;
+  suffix?: boolean;
+  /** Legacy nested grid attributes; top-level layout values take precedence. */
+  grid?: {
+    span?: number;
+    offset?: number;
+    suffix?: boolean;
+  };
 }
 /**
  * 网格布局配置
@@ -150,6 +155,9 @@ interface GridLayoutConfig {
   yGutter?: number;
   xGap?: number;
   yGap?: number;
+  responsive?: boolean;
+  showConfigPanel?: boolean;
+  showStats?: boolean;
 }
 /**
  * 内联布局配置
@@ -157,6 +165,8 @@ interface GridLayoutConfig {
  */
 interface InlineLayoutConfig {
   gap?: number;
+  rowGap?: number;
+  itemWidth?: number;
   align?: 'start' | 'center' | 'end' | 'baseline' | 'stretch';
   wrap?: 'nowrap' | 'wrap' | 'wrap-reverse';
 }
@@ -168,6 +178,10 @@ interface CardLayoutConfig {
   groups?: GroupConfig[];
   spacing?: number;
   bordered?: boolean;
+  direction?: 'vertical' | 'horizontal';
+  showLayoutConfig?: boolean;
+  showActionPanel?: boolean;
+  showProgress?: boolean;
 }
 /**
  * 标签页布局配置
@@ -301,7 +315,7 @@ interface SubmitEventPayload<T extends object = FormRecord> {
 interface FormInstance<T extends object = FormRecord> {
   validate(): Promise<void>;
   validateField(field: FieldPath<T> | FieldPath<T>[]): Promise<void>;
-  validateStep(stepIndex: number): Promise<boolean>;
+  validateStep(step: number | string): Promise<boolean>;
   validateTab(tabKey: string): Promise<boolean>;
   validateDynamicFields(): Promise<boolean>;
   validateCustomGroup(groupKey: string): Promise<boolean>;
@@ -315,10 +329,10 @@ interface FormInstance<T extends object = FormRecord> {
   formRef: FormInst | null;
   formModel: FormModel<T>;
   initialize(): void;
-  layoutType: ComputedRef<LayoutType>;
-  shouldShowDefaultActions: ComputedRef<boolean>;
+  layoutType: LayoutType;
+  shouldShowDefaultActions: boolean;
   /** 表单是否被修改过 */
-  isDirty: Ref<boolean>;
+  isDirty: boolean;
   /** 获取被修改的字段列表 */
   getChangedFields(): FieldPath<T>[];
   /** 检查某字段是否被修改 */
@@ -326,13 +340,13 @@ interface FormInstance<T extends object = FormRecord> {
   /** 将当前值设为初始快照（常用于编辑模式加载数据后） */
   markAsClean(): void;
   /** 字段异步选项的 loading 状态 */
-  asyncLoadingMap: Ref<Record<string, boolean>>;
+  asyncLoadingMap: Record<string, boolean>;
   /** 字段异步选项加载错误 */
-  asyncErrorMap: Ref<Record<string, unknown>>;
+  asyncErrorMap: Record<string, unknown>;
   /** 重新加载全部或指定字段的异步选项 */
   reloadOptions(field?: FieldPath<T>): Promise<void>;
   /** 是否正在提交 */
-  isSubmitting: Ref<boolean>;
+  isSubmitting: boolean;
   /** 验证并提交，成功返回 true */
   submit(): Promise<boolean>;
 }
@@ -561,6 +575,15 @@ interface FormRendererContext {
   components: ComponentMap;
 }
 type FormRenderer = (baseProps: RendererProps, item: FormOption, config: ResolvedFormConfig, context: FormRendererContext) => VNode | null;
+/** A renderer collection owned by one application or explicitly shared scope. */
+interface FormRendererRegistry {
+  get(type: string): FormRenderer | undefined;
+  register(type: string, renderer: FormRenderer): () => boolean;
+  unregister(type: string, renderer?: FormRenderer): boolean;
+}
+declare const FORM_RENDERER_REGISTRY_KEY: InjectionKey<FormRendererRegistry>;
+/** Create an isolated, reactive registry without copying legacy registrations. */
+declare function createFormRendererRegistry(initial?: Readonly<Record<string, FormRenderer>>): FormRendererRegistry;
 interface UseFormRendererOptions {
   formModel: FormModel;
   visibleOptions: ComputedRef<FormOption[]>;
@@ -571,14 +594,20 @@ interface UseFormRendererOptions {
   asyncOptionsCache: Ref<Record<string, OptionItem[]>>;
   asyncLoadingMap: Ref<Record<string, boolean>>;
   renderers?: ComputedRef<Record<string, FormRenderer> | undefined>;
+  /** Overrides application injection. An isolated registry never reads legacy globals. */
+  registry?: FormRendererRegistry;
   setFormItemRef?: (field: string, instance: FormItemInst | null) => void;
   onError?: (error: unknown, field: string) => void;
 }
 /**
- * 运行时注册自定义渲染器 — 开闭原则
+ * Register a legacy process-wide renderer, used only without an isolated registry.
+ * @deprecated Prefer createFormRendererRegistry and application injection.
  */
 declare function registerRenderer(type: string, renderer: FormRenderer): () => boolean;
-/** Remove a global renderer. Passing the renderer prevents deleting a newer registration. */
+/**
+ * Remove a legacy process-wide renderer, optionally checking its function identity.
+ * @deprecated Prefer an application-owned FormRendererRegistry.
+ */
 declare function unregisterRenderer(type: string, renderer?: FormRenderer): boolean;
 /**
  * 渲染引擎 Composable — 生成 formItems VNode 数组
@@ -615,7 +644,7 @@ declare const __VLS_export: <T extends object = FormRecord>(__VLS_props: NonNull
   expose: (exposed: vue.ShallowUnwrapRef<{
     validate: () => Promise<void>;
     validateField: (field: string | string[]) => Promise<void>;
-    validateStep: (stepIndex: number) => Promise<boolean>;
+    validateStep: (step: number | string) => Promise<boolean>;
     validateTab: (tabKey: string) => Promise<boolean>;
     validateDynamicFields: () => Promise<boolean>;
     validateCustomGroup: (groupKey: string) => Promise<boolean>;
@@ -626,27 +655,19 @@ declare const __VLS_export: <T extends object = FormRecord>(__VLS_props: NonNull
     setFieldValue: (field: string, value: unknown, shouldValidate?: boolean) => Promise<void>;
     getFieldValue: (field: string) => unknown;
     setFieldsValue: (fields: FormModel, shouldValidate?: boolean) => Promise<void>;
-    formRef: vue.Ref<{
-      validate: naive_ui_es_form_src_interface0.FormValidate;
-      restoreValidation: () => void;
-      invalidateLabelWidth: () => void;
-    } | null, FormInst | {
-      validate: naive_ui_es_form_src_interface0.FormValidate;
-      restoreValidation: () => void;
-      invalidateLabelWidth: () => void;
-    } | null>;
+    formRef: Ref<FormInst | null, FormInst | null>;
     formModel: FormRecord;
     initialize: () => void;
     layoutType: ComputedRef<LayoutType>;
     shouldShowDefaultActions: ComputedRef<boolean>;
-    isDirty: vue.Ref<boolean, boolean>;
+    isDirty: Ref<boolean, boolean>;
     getChangedFields: () => string[];
     isFieldDirty: (field: string) => boolean;
     markAsClean: () => void;
-    asyncLoadingMap: vue.Ref<Record<string, boolean>, Record<string, boolean>>;
-    asyncErrorMap: vue.Ref<Record<string, unknown>, Record<string, unknown>>;
+    asyncLoadingMap: Ref<Record<string, boolean>, Record<string, boolean>>;
+    asyncErrorMap: Ref<Record<string, unknown>, Record<string, unknown>>;
     reloadOptions: (field?: string) => Promise<void>;
-    isSubmitting: vue.Ref<boolean, boolean>;
+    isSubmitting: Ref<boolean, boolean>;
     submit: () => Promise<boolean>;
   }>) => void;
   attrs: any;
@@ -668,20 +689,23 @@ interface UseCFormOptions<T extends object> {
   options: MaybeRefOrGetter<FormOption<T>[]>;
   config?: MaybeRefOrGetter<FormConfig<T> | undefined>;
 }
-/** Small binding helper for the common controlled C_Form setup. */
-declare function useCForm<T extends object>(setup: UseCFormOptions<T>): {
-  model: vue.Ref<any, any> extends T ? T extends T & vue.Ref<any, any> ? _vue_shared0.IfAny<T, vue.ShallowRef<T, T>, T> : vue.ShallowRef<T, T> : vue.ShallowRef<T, T>;
-  formRef: vue.ShallowRef<FormInstance<T> | null, FormInstance<T> | null>;
-  bindings: vue.ComputedRef<{
-    modelValue: any;
+interface UseCFormReturn<T extends object> {
+  model: ShallowRef<FormModel<T>>;
+  formRef: ShallowRef<FormInstance<T> | null>;
+  bindings: ComputedRef<{
+    modelValue: FormModel<T>;
     options: FormOption<T>[];
     config: FormConfig<T> | undefined;
     'onUpdate:modelValue': (value: FormModel<T>) => void;
   }>;
   validate: () => Promise<void>;
   submit: () => Promise<boolean>;
-  reset: () => void | undefined;
-};
+  reset: () => void;
+  getValues: () => FormModel<T>;
+  setValues: (values: Partial<FormModel<T>>, shouldValidate?: boolean) => Promise<void>;
+}
+/** Small binding helper for the common controlled C_Form setup. */
+declare function useCForm<T extends object>(setup: UseCFormOptions<T>): UseCFormReturn<T>;
 //#endregion
 //#region src/components/C_Form/composables/useFormState.d.ts
 type FormEmit = {
@@ -691,7 +715,7 @@ type FormEmit = {
   (event: 'submit', payload: SubmitEventPayload): void;
 };
 /** C_Form state, validation, async options and model synchronization engine. */
-declare function useFormState(options: ComputedRef<FormOption[]>, config: ComputedRef<ResolvedFormConfig>, formRef: Ref<FormInst | null>, emit: FormEmit, externalModel?: ComputedRef<FormModel | undefined>): {
+declare function useFormState(options: ComputedRef<FormOption[]>, config: ComputedRef<ResolvedFormConfig>, formRef: Ref<FormInst | null>, emit: FormEmit, externalModel?: ComputedRef<FormModel | undefined>, validationReady?: ComputedRef<boolean>): {
   formModel: FormRecord;
   formRules: FormRules;
   visibleOptions: ComputedRef<FormOption<FormRecord>[]>;
@@ -700,7 +724,7 @@ declare function useFormState(options: ComputedRef<FormOption[]>, config: Comput
   setFormItemRef: (field: string, instance: FormItemInst | null) => void;
   validate: () => Promise<void>;
   validateField: (field: string | string[]) => Promise<void>;
-  validateStep: (stepIndex: number) => Promise<boolean>;
+  validateStep: (step: number | string) => Promise<boolean>;
   validateTab: (tabKey: string) => Promise<boolean>;
   validateDynamicFields: () => Promise<boolean>;
   validateCustomGroup: (groupKey: string) => Promise<boolean>;
@@ -781,4 +805,4 @@ type DynamicFormStateType = DynamicFormController;
  */
 declare const DYNAMIC_FORM_STATE_KEY: unique symbol;
 //#endregion
-export { InlineLayoutConfig as $, useFormGlobalConfig as A, FieldPathValue as B, FormConfig as C, mergeFormConfig as D, ResolvedFormConfig as E, DynamicFieldConfig as F, FormModel as G, FormErrorContext as H, DynamicFormConfig as I, FormSlots as J, FormOption as K, DynamicFormController as L, CardLayoutConfig as M, ComponentType as N, resolveFormConfig as O, CustomLayoutConfig as P, GridLayoutConfig as Q, DynamicFormState as R, FORM_GLOBAL_CONFIG_KEY as S, LayoutCallbacks as T, FormInstance as U, FormActionSlotProps as V, FormMode as W, FormSubmitContext as X, FormStepActionsSlotProps as Y, FormTabActionsSlotProps as Z, UseFormRendererOptions as _, UseFormDirtyReturn as a, StepsLayoutConfig as at, useFormRenderer as b, UseCFormOptions as c, FormValidationRule as ct, useCForm as d, RuleSpec$1 as dt, LabelPlacement as et, _default as f, SPEC_RULES as ft, RendererProps as g, FormRendererContext as h, useDynamicFormState as i, OptionItem as it, AsyncOptionsContext as j, shouldShowActions as k, defineFormConfig as l, NAIVE_COMBOS$1 as lt, FormRenderer as m, DynamicFormStateType as n, LayoutType as nt, useFormDirty as o, SubmitEventPayload as ot, ComponentMap as p, FormRecord as q, FIELD_TYPE_OPTIONS as r, MaybePromise as rt, useFormState as s, TabsLayoutConfig as st, DYNAMIC_FORM_STATE_KEY as t, LayoutConfig as tt, defineFormOptions as u, PRESET_RULES$1 as ut, registerRenderer as v, LAYOUTS_WITH_OWN_CONTROLS as w, FORM_DEFAULTS as x, unregisterRenderer as y, FieldPath as z };
+export { FormStepActionsSlotProps as $, ResolvedFormConfig as A, DynamicFormConfig as B, unregisterRenderer as C, FormConfig as D, FORM_GLOBAL_CONFIG_KEY as E, AsyncOptionsContext as F, FormActionSlotProps as G, DynamicFormState as H, CardLayoutConfig as I, FormMode as J, FormErrorContext as K, ComponentType as L, resolveFormConfig as M, shouldShowActions as N, LAYOUTS_WITH_OWN_CONTROLS as O, useFormGlobalConfig as P, FormSlots as Q, CustomLayoutConfig as R, registerRenderer as S, FORM_DEFAULTS as T, FieldPath as U, DynamicFormController as V, FieldPathValue as W, FormOption as X, FormModel as Y, FormRecord as Z, FormRendererContext as _, UseFormDirtyReturn as a, LayoutConfig as at, UseFormRendererOptions as b, UseCFormOptions as c, OptionItem as ct, defineFormOptions as d, TabsLayoutConfig as dt, FormSubmitContext as et, useCForm as f, FormValidationRule as ft, FormRenderer as g, SPEC_RULES as gt, FORM_RENDERER_REGISTRY_KEY as h, RuleSpec$1 as ht, useDynamicFormState as i, LabelPlacement as it, mergeFormConfig as j, LayoutCallbacks as k, UseCFormReturn as l, StepsLayoutConfig as lt, ComponentMap as m, PRESET_RULES$1 as mt, DynamicFormStateType as n, GridLayoutConfig as nt, useFormDirty as o, LayoutType as ot, _default as p, NAIVE_COMBOS$1 as pt, FormInstance as q, FIELD_TYPE_OPTIONS as r, InlineLayoutConfig as rt, useFormState as s, MaybePromise as st, DYNAMIC_FORM_STATE_KEY as t, FormTabActionsSlotProps as tt, defineFormConfig as u, SubmitEventPayload as ut, FormRendererRegistry as v, useFormRenderer as w, createFormRendererRegistry as x, RendererProps as y, DynamicFieldConfig as z };

package/dist/useDynamicFormState.js

@@ -0,0 +1 @@
+import{computed as e,reactive as t,readonly as n}from"vue";const r={maxFields:20,autoSave:!1,enableSort:!0,showControls:!0,showItemControls:!0},i=[{label:`文本输入`,value:`input`},{label:`数字输入`,value:`inputNumber`},{label:`多行文本`,value:`textarea`},{label:`下拉选择`,value:`select`},{label:`开关切换`,value:`switch`},{label:`评分组件`,value:`rate`}];function a(e,t){let n=t.label||`动态字段 ${e}`;return{...t,id:t.id?.trim()||`dynamic_field_${e}`,type:t.type||i[0].value,prop:t.prop?.trim()||`dynamic_${e}`,label:n,placeholder:t.placeholder||`请输入${n||`内容`}`,visible:t.visible??!0,removable:t.removable??!0,created:t.created??Date.now(),layout:t.layout||{span:12}}}const o=()=>{let o=t({config:{...r},baseFields:[],dynamicFields:[],hiddenFieldIds:new Set,fieldCounter:0,isInitialized:!1}),s=e(()=>[...o.baseFields,...o.dynamicFields.map(e=>({...e,show:!o.hiddenFieldIds.has(e.prop)}))]),c=e(()=>s.value.filter(e=>e.show!==!1)),l=e(()=>o.dynamicFields.length),u=e(()=>o.hiddenFieldIds.size),d=e(()=>o.dynamicFields.length<o.config.maxFields),f=e(()=>o.hiddenFieldIds.size===0),p=(e={})=>{if(!d.value)return null;o.fieldCounter++;let t=a(o.fieldCounter,e);return s.value.some(e=>e.prop===t.prop)?null:(o.dynamicFields.push(t),t)},m=e=>{if(o.dynamicFields.length===0)return null;let t=e??o.dynamicFields.length-1;if(t<0||t>=o.dynamicFields.length||o.dynamicFields[t]?.removable===!1)return null;let n=o.dynamicFields.splice(t,1)[0];return n&&o.hiddenFieldIds.delete(n.prop),n??null},h=()=>{let e=o.dynamicFields.length;return o.dynamicFields.forEach(e=>o.hiddenFieldIds.delete(e.prop)),o.dynamicFields.length=0,o.fieldCounter=0,e},g=e=>s.value.some(t=>t.prop===e)?(o.hiddenFieldIds.has(e)?o.hiddenFieldIds.delete(e):o.hiddenFieldIds.add(e),!o.hiddenFieldIds.has(e)):!1,_=()=>(f.value?o.dynamicFields.forEach(e=>{o.hiddenFieldIds.add(e.prop)}):o.hiddenFieldIds.clear(),f.value),v=e=>{let t={...e};t.maxFields!==void 0&&(t.maxFields=Math.max(0,Math.trunc(t.maxFields))),Object.assign(o.config,t)};return{state:n(o),allFields:s,visibleFields:c,dynamicFieldsCount:l,hiddenFieldsCount:u,canAddMoreFields:d,allVisible:f,FIELD_TYPE_OPTIONS:i,addField:p,removeField:m,clearDynamicFields:h,toggleFieldVisibility:g,toggleAllVisibility:_,updateConfig:v,exportConfig:()=>{let e={baseFields:o.baseFields,dynamicFields:o.dynamicFields,config:o.config,hiddenFields:Array.from(o.hiddenFieldIds),timestamp:Date.now()};return JSON.stringify(e,null,2)},initialize:(e,t={})=>{o.baseFields=[...e],o.dynamicFields.length=0,o.hiddenFieldIds.clear(),o.fieldCounter=0,Object.assign(o.config,r),v(t),o.isInitialized=!0}}},s=Symbol(`dynamicFormState`);export{i as n,o as r,s as t};

package/dist/useEdgeInteraction.d.cts

@@ -259,11 +259,11 @@ declare const __VLS_export: vue.DefineComponent<Props, {
   onReady?: ((graph: Graph) => any) | undefined;
   "onData-change"?: ((data: DiagramData) => any) | undefined;
 }>, {
-  theme: "light" | "dark";
-  showToolbar: boolean;
   height: string | number;
   width: string | number;
   readonly: boolean;
+  showToolbar: boolean;
+  theme: "light" | "dark";
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

package/dist/useEdgeInteraction.d.ts

@@ -259,11 +259,11 @@ declare const __VLS_export: vue.DefineComponent<Props, {
   onReady?: ((graph: Graph) => any) | undefined;
   "onData-change"?: ((data: DiagramData) => any) | undefined;
 }>, {
-  theme: "light" | "dark";
-  showToolbar: boolean;
   height: string | number;
   width: string | number;
   readonly: boolean;
+  showToolbar: boolean;
+  theme: "light" | "dark";
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

package/dist/useFullscreen.d.cts

@@ -9,11 +9,11 @@ type __VLS_Props = {
   autoPreview?: boolean;
 };
 declare const __VLS_export: vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  download: (file: string | File) => any;
   preview: (file: string | File) => any;
+  download: (file: string | File) => any;
 }, string, vue.PublicProps, Readonly<__VLS_Props> & Readonly<{
-  onDownload?: ((file: string | File) => any) | undefined;
   onPreview?: ((file: string | File) => any) | undefined;
+  onDownload?: ((file: string | File) => any) | undefined;
 }>, {
   fileName: string;
   autoPreview: boolean;

package/dist/useFullscreen.d.ts

@@ -9,11 +9,11 @@ type __VLS_Props = {
   autoPreview?: boolean;
 };
 declare const __VLS_export: vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  download: (file: string | File) => any;
   preview: (file: string | File) => any;
+  download: (file: string | File) => any;
 }, string, vue.PublicProps, Readonly<__VLS_Props> & Readonly<{
-  onDownload?: ((file: string | File) => any) | undefined;
   onPreview?: ((file: string | File) => any) | undefined;
+  onDownload?: ((file: string | File) => any) | undefined;
 }>, {
   fileName: string;
   autoPreview: boolean;

package/dist/useInfiniteScroll.d.cts

@@ -89,9 +89,9 @@ declare const __VLS_base: vue.DefineComponent<WaterFallProps, WaterFallExpose, {
   "onImage-loaded"?: ((item: WaterFallItem) => any) | undefined;
   "onImage-error"?: ((item: WaterFallItem) => any) | undefined;
 }>, {
+  gap: number;
   loading: boolean;
   columns: number;
-  gap: number;
   lazy: boolean;
   infinite: boolean;
   skeleton: boolean;

package/dist/useInfiniteScroll.d.ts

@@ -89,9 +89,9 @@ declare const __VLS_base: vue.DefineComponent<WaterFallProps, WaterFallExpose, {
   "onImage-loaded"?: ((item: WaterFallItem) => any) | undefined;
   "onImage-error"?: ((item: WaterFallItem) => any) | undefined;
 }>, {
+  gap: number;
   loading: boolean;
   columns: number;
-  gap: number;
   lazy: boolean;
   infinite: boolean;
   skeleton: boolean;

package/dist/useQRCode.d.cts

@@ -50,13 +50,13 @@ declare const __VLS_export: vue.DefineComponent<Props, QRCodeExpose, {}, {}, {},
 }, string, vue.PublicProps, Readonly<Props> & Readonly<{
   onError?: ((error: Error) => any) | undefined;
 }>, {
-  color: string;
-  size: number;
   label: string;
+  color: string;
   mode: RenderMode;
-  margin: number;
+  size: number;
   bgColor: string;
   errorCorrectionLevel: ErrorCorrectionLevel;
+  margin: number;
   logo: LogoOptions;
   showBorder: boolean;
   showLabel: boolean;

package/dist/useQRCode.d.ts

@@ -50,13 +50,13 @@ declare const __VLS_export: vue.DefineComponent<Props, QRCodeExpose, {}, {}, {},
 }, string, vue.PublicProps, Readonly<Props> & Readonly<{
   onError?: ((error: Error) => any) | undefined;
 }>, {
-  color: string;
-  size: number;
   label: string;
+  color: string;
   mode: RenderMode;
-  margin: number;
+  size: number;
   bgColor: string;
   errorCorrectionLevel: ErrorCorrectionLevel;
+  margin: number;
   logo: LogoOptions;
   showBorder: boolean;
   showLabel: boolean;