@xlabs-store/core 0.0.1 → 0.0.3

package/dist/types/components/x-code-editor/x-code-editor.d.ts

@@ -0,0 +1,141 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { Language } from '../../utils/code-editor/tokenizer';
+import { ASTNode } from '../../utils/code-editor/ast-parser';
+import { PluginSystem } from '../../utils/code-editor/plugin-system';
+import { CodeEditorClassNames, CodeEditorStyles, CodeChangeEventDetail, CursorMoveEventDetail, LangChangeEventDetail } from './types';
+/**
+ * @component x-code-editor
+ * @description Full-featured code editor Web Component built with StencilJS.
+ *
+ * @example
+ * <x-code-editor language="js" theme="dark" tab-size="2"></x-code-editor>
+ */
+export declare class XCodeEditor {
+    /**
+     * The value of the code editor.
+     */
+    value: string;
+    /**
+     * The programming language for syntax highlighting.
+     */
+    language: Language;
+    /**
+     * Whether the editor is read-only.
+     */
+    readonly: boolean;
+    /**
+     * The tab size used for indentation.
+     */
+    tabSize: number;
+    /**
+     * Editor theme ('dark' or 'light').
+     */
+    theme: 'dark' | 'light';
+    /**
+     * Whether to show the minimap (not implemented yet).
+     */
+    showMinimap: boolean;
+    /**
+     * Custom class names for editor components.
+     */
+    classNames?: CodeEditorClassNames;
+    /**
+     * Custom styles for editor components.
+     */
+    styles?: CodeEditorStyles;
+    codeChange: EventEmitter<CodeChangeEventDetail>;
+    cursorMove: EventEmitter<CursorMoveEventDetail>;
+    langChange: EventEmitter<LangChangeEventDetail>;
+    private _value;
+    private _lang;
+    private _cursorLine;
+    private _cursorCol;
+    private _selLen;
+    private _extraCursors;
+    private _folds;
+    private _matches;
+    private _matchIdx;
+    private _searchQuery;
+    private _replaceQuery;
+    private _showSearch;
+    private _showReplace;
+    private _panel;
+    private _astRoot;
+    private _pluginList;
+    private _acItems;
+    private _acIndex;
+    private _acOpen;
+    private _acX;
+    private _acY;
+    private _highlighted;
+    private _displayLines;
+    hostEl: HTMLElement;
+    private ta;
+    private codeContainer;
+    private gutterCanvas;
+    private acContainer;
+    private history;
+    private plugins;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    componentDidUpdate(): void;
+    onValueProp(v: string): void;
+    onLangProp(l: Language): void;
+    getValue(): Promise<string>;
+    setValue(v: string): Promise<void>;
+    setLanguage(l: Language): Promise<void>;
+    undo(): Promise<void>;
+    redo(): Promise<void>;
+    format(): Promise<void>;
+    foldAll(): Promise<void>;
+    unfoldAll(): Promise<void>;
+    openSearch(): Promise<void>;
+    getAST(): Promise<ASTNode | null>;
+    registerPlugin(def: Parameters<PluginSystem['register']>[0]): Promise<void>;
+    private _setupPlugins;
+    private _bindScrollSync;
+    private _applyValue;
+    private _reHighlight;
+    private _drawGutter;
+    private _resizeTA;
+    private _cursorInfo;
+    private _onCursorChange;
+    private _wordHls;
+    private _validateWord;
+    private _wordHighlights;
+    private _bracketHighlights;
+    private _findMatchBracket;
+    private _canFold;
+    private _foldEnd;
+    private _toggleFold;
+    private _foldAll;
+    private _unfoldAll;
+    private _onInput;
+    private _onKeydown;
+    private _smartEnter;
+    private _insertTab;
+    private _unindent;
+    private _insertPair;
+    private _wrapSel;
+    private _undo;
+    private _redo;
+    private _addExtraCursor;
+    private _extraCursorPositions;
+    private _selectAllOccurrences;
+    private _runSearch;
+    private _searchNext;
+    private _searchPrev;
+    private _jumpToMatch;
+    private _replaceOne;
+    private _replaceAll;
+    private _searchHighlights;
+    private _tryShowAC;
+    private _acMove;
+    private _acAccept;
+    private _formatDoc;
+    private _refreshAST;
+    private _togglePanel;
+    private _renderACIcon;
+    private _renderASTTree;
+    render(): any;
+}

package/dist/types/components/x-color-picker/types.d.ts

@@ -13,6 +13,10 @@ export type ColorPickerSize = 'large' | 'middle' | 'small';
  * Color picker trigger mode
  */
 export type ColorPickerTrigger = 'click' | 'hover';
+/**
+ * Color picker trigger type
+ */
+export type ColorPickerTriggerType = 'default' | 'button' | 'avatar' | 'div';
 /**
  * Color picker mode
  */

package/dist/types/components/x-color-picker/x-color-picker.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import type { Color, ColorFormat, ColorPickerSize, ColorPickerTrigger, ColorPickerPlacement, ColorType, PresetColor, ColorPickerClassNames, ColorPickerStyles, ColorChangeEventDetail, FormatChangeEventDetail, OpenChangeEventDetail } from './types';
+import type { Color, ColorFormat, ColorPickerSize, ColorPickerTrigger, ColorPickerTriggerType, ColorPickerPlacement, ColorType, PresetColor, ColorPickerClassNames, ColorPickerStyles, ColorChangeEventDetail, FormatChangeEventDetail, OpenChangeEventDetail } from './types';
 /**
  * @component x-color-picker
  * @description Color picker component following Ant Design specification.
@@ -102,6 +102,13 @@ export declare class XColorPicker {
      * <x-color-picker trigger="hover"></x-color-picker>
      */
     trigger: ColorPickerTrigger;
+    /**
+     * Trigger element type
+     * @default 'default'
+     * @example
+     * <x-color-picker triggerType="button"></x-color-picker>
+     */
+    triggerType: ColorPickerTriggerType;
     /**
      * Value of color
      * @example

package/dist/types/components/x-content/x-content.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter, ComponentInterface } from '../../stencil-public-runtime';
-import { ScrollDetail } from "./types";
+import { ScrollDetail } from './types';
 export declare class XContent implements ComponentInterface {
     el: HTMLXContentElement;
     private scrollEl?;

package/dist/types/components/x-date-picker/x-date-picker.d.ts

@@ -186,6 +186,10 @@ export declare class XDatePicker {
      * <x-date-picker weekStartDay={1}></x-date-picker>
      */
     weekStartDay: number;
+    /**
+     * If true, and no value is provided, defaults to the first day of the current year.
+     */
+    useFirstDayOfYearDefault: boolean;
     currentViewDate: Date;
     focused: boolean;
     panelMode: 'date' | 'week' | 'month' | 'quarter' | 'year' | 'decade';

package/dist/types/components/x-form/x-form.d.ts

@@ -1,6 +1,7 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { FormGroup } from '../../utils/form/core/form-group';
 export declare class XForm {
+    el: HTMLElement;
     /**
      * Form layout
      * @example
@@ -52,12 +53,23 @@ export declare class XForm {
         }>;
         outOfDate: boolean;
     }>;
+    /**
+     * Trigger after resetting the form
+     */
+    xReset: EventEmitter<void>;
     /**
      * Submit the form
      */
     submit(): Promise<void>;
+    /**
+     * Reset the form
+     */
+    reset(): Promise<void>;
     private getErrorFields;
     private handleSubmit;
+    private handleReset;
+    handleHostClick(ev: MouseEvent): void;
+    handleKeyDown(ev: KeyboardEvent): void;
     handleInitialValuesChange(newValue: Record<string, unknown>): void;
     componentWillLoad(): void;
     render(): any;

package/dist/types/components/x-form-builder/services/forms/validators.d.ts

@@ -13,4 +13,5 @@ export declare class Validators {
     static hasSpecialChar(control: AbstractControl): ValidationErrors | null;
     static integer(control: AbstractControl): ValidationErrors | null;
     static number(control: AbstractControl): ValidationErrors | null;
+    static sameAs(fieldName: string): ValidatorFn;
 }

package/dist/types/components/x-form-builder/services/schema/form-mapping.d.ts

@@ -23,4 +23,8 @@ export declare class FormMapping<T extends Record<string, any> = Record<string,
     markAllAsTouched(): void;
     onSubmit(): void;
     onReset(): void;
+    get value(): T;
+    getRawValue(): any;
+    private cleanSubmitData;
+    private deletePath;
 }

package/dist/types/components/x-form-builder/services/schema/formula-builder.d.ts

@@ -0,0 +1,29 @@
+import { SchemaBuilder } from './schema-builder';
+/**
+ * FormulaBuilder - Handles automatic calculations for number fields
+ * Support formulas like "$width * $height" or "$price * $quantity * (1 - $discount/100)"
+ */
+export declare class FormulaBuilder<T extends Record<string, any> = Record<string, any>> {
+    private builder;
+    constructor(builder: SchemaBuilder<T>);
+    /**
+     * Scan schema for fields with formula property
+     */
+    extract(): void;
+    /**
+     * Setup subscription and calculation for a field
+     */
+    private setupFormula;
+    /**
+     * Extract field names/ids from formula (prefixed with $)
+     */
+    private getDependencies;
+    /**
+     * Helper to get all current values for evaluation
+     */
+    private getEvaluationValues;
+    /**
+     * Evaluate the formula string
+     */
+    private evaluate;
+}

package/dist/types/components/x-form-builder/services/schema/schema-builder.d.ts

@@ -1,8 +1,10 @@
 import { Events, FormField, Schema, SchemaPlugin } from '../../types';
 import { ConditionBuilder } from './condition-builder';
+import { FormulaBuilder } from './formula-builder';
 import { FormMapping } from './form-mapping';
 export declare class SchemaBuilder<T extends Record<string, any> = Record<string, any>> {
     readonly schema: Schema;
+    showErrorCheckbox: boolean;
     readonly form: FormMapping<T>;
     context: any;
     get fields(): ReadonlyArray<FormField>;
@@ -11,7 +13,10 @@ export declare class SchemaBuilder<T extends Record<string, any> = Record<string
     private _subscribers;
     on<K extends keyof Events<T>>(name: K, fn: Events<T>[K]): SchemaBuilder<T>;
     readonly conditions: ConditionBuilder<T>;
-    constructor(schema: Schema);
+    readonly formulas: FormulaBuilder<T>;
+    constructor(schema: Schema, options?: {
+        showErrorCheckbox?: boolean;
+    });
     callEvent<K extends keyof Events<T>>(name: K, ...args: any[]): void;
     use(plugin: SchemaPlugin<T>, options?: any): Promise<this>;
     subscribe(callback: (value: T) => void): () => void;

package/dist/types/components/x-form-builder/types/common/common-types.d.ts

@@ -12,6 +12,9 @@ export type FlexWrap = 'nowrap' | 'wrap' | 'wrap-reverse';
 export type Position = 'static' | 'relative' | 'absolute' | 'fixed' | 'sticky';
 export type Overflow = 'visible' | 'hidden' | 'scroll' | 'auto';
 export type Orientation = 'horizontal' | 'vertical';
+export type RadioOrientation = 'horizontal' | 'vertical';
+export type RadioPlacement = 'start' | 'end' | 'fixed' | 'stacked';
+export type CheckboxPlacement = 'start' | 'end' | 'fixed' | 'stacked';
 export type Direction = 'row' | 'column';
 export type ResizeMode = 'none' | 'both' | 'horizontal' | 'vertical';
 export type TargetType = '_blank' | '_self' | '_parent' | '_top';
@@ -47,3 +50,5 @@ export type SubmissionStatus = 'draft' | 'submitted' | 'validated' | 'error';
 export type FileUploadStatus = 'uploading' | 'done' | 'error';
 export type LogicalOperator = 'and' | 'or';
 export type DrawingTool = 'marker' | 'circle' | 'polygon' | 'polyline' | 'rectangle';
+export type TabsPlacement = 'top' | 'bottom' | 'start' | 'end';
+export type TabsType = 'line' | 'card' | 'editable-card';

package/dist/types/components/x-form-builder/types/common/field-types-enum.d.ts

@@ -1,2 +1,2 @@
-export type FieldType = 'text' | 'email' | 'password' | 'url' | 'number' | 'textarea' | 'select' | 'radio' | 'checkbox' | 'date' | 'datetime' | 'time' | 'file' | 'slider' | 'switch' | 'rate' | 'color' | 'tags' | 'range' | 'phone' | 'location' | 'tree-select' | 'transfer' | 'cascader' | 'auto-complete' | 'divider' | 'heading' | 'paragraph' | 'image' | 'avatar' | 'editor' | 'button' | 'href' | 'grid' | 'table' | 'maps' | 'panel' | 'container' | 'iframe' | 'qr-code' | 'input' | 'daterange' | 'captcha' | 'address';
+export type FieldType = 'text' | 'email' | 'password' | 'url' | 'number' | 'textarea' | 'select' | 'radio' | 'checkbox' | 'date' | 'datetime' | 'time' | 'file' | 'slider' | 'switch' | 'rate' | 'color' | 'tags' | 'range' | 'phone' | 'location' | 'tree-select' | 'transfer' | 'cascader' | 'auto-complete' | 'divider' | 'heading' | 'paragraph' | 'image' | 'avatar' | 'editor' | 'button' | 'href' | 'grid' | 'table' | 'maps' | 'panel' | 'container' | 'iframe' | 'qr-code' | 'input' | 'daterange' | 'range-picker' | 'captcha' | 'address' | 'tabs' | 'columns-3' | 'columns-4' | 'columns' | 'dynamic';
 export type FieldCategory = 'input' | 'selection' | 'special' | 'controls' | 'layout' | 'display';

package/dist/types/components/x-form-builder/types/common/index.d.ts

@@ -5,3 +5,4 @@ export * from './shared-interfaces';
 export * from './validation-types';
 export * from './condition-types';
 export * from './value-types';
+export * from './ui-types';

package/dist/types/components/x-form-builder/types/common/ui-types.d.ts

@@ -0,0 +1,28 @@
+/**
+ * UI Style configuration for Form Fields
+ */
+export interface UIStyle {
+    /** Margin configuration */
+    margin?: {
+        top?: number | string;
+        bottom?: number | string;
+        left?: number | string;
+        right?: number | string;
+    };
+    /** Padding configuration */
+    padding?: {
+        top?: number | string;
+        bottom?: number | string;
+        left?: number | string;
+        right?: number | string;
+    };
+    /** Custom CSS properties */
+    [key: string]: any;
+}
+/**
+ * UI Configuration for Form Fields
+ */
+export interface UIConfig {
+    /** Style overrides */
+    style?: UIStyle;
+}

package/dist/types/components/x-form-builder/types/common/validation-types.d.ts

@@ -1,6 +1,6 @@
 type ResourceKey = string;
 import { FieldValue } from './value-types';
-export type ValidationType = 'required' | 'pattern' | 'minLength' | 'maxLength' | 'min' | 'max' | 'hasUppercase' | 'hasNumber' | 'hasSpecialChar' | 'integer' | 'number' | 'custom';
+export type ValidationType = 'required' | 'pattern' | 'minLength' | 'maxLength' | 'min' | 'max' | 'hasUppercase' | 'hasNumber' | 'hasSpecialChar' | 'integer' | 'number' | 'custom' | 'sameAs';
 export interface ValidationRule<T = FieldValue> {
     type: ValidationType;
     value?: string | number | RegExp;

package/dist/types/components/x-form-builder/types/fields/advanced-fields.d.ts

@@ -18,6 +18,7 @@ export interface TableField extends BaseField<any> {
         dataIndex?: string;
         key?: string;
         width?: number | string;
+        fixed?: 'left' | 'right' | boolean;
         align?: Alignment;
         sortable?: boolean;
         filterable?: boolean;

package/dist/types/components/x-form-builder/types/fields/base-field.d.ts

@@ -1,9 +1,10 @@
 import { InputStatus } from '../../../x-input/types';
 import { FormControlType } from '../../services/forms';
-import { FieldType, FieldValue, ValidationRule, ValidationMessages, ValidatorConfig, FieldStyle, FieldLayout, ExtendField, ConditionalDisplay, ComponentSize } from '../common';
+import { FieldType, FieldValue, ValidationRule, ValidationMessages, ValidatorConfig, FieldStyle, FieldLayout, ExtendField, ConditionalDisplay, ComponentSize, UIConfig } from '../common';
 export interface BaseField<T = FieldValue> extends ExtendField {
     id?: string;
     type: FieldType;
+    widget?: string;
     label: string;
     name: string;
     placeholder?: string;
@@ -19,6 +20,7 @@ export interface BaseField<T = FieldValue> extends ExtendField {
     order?: number;
     defaultValue?: T;
     style?: FieldStyle;
+    ui?: UIConfig;
     layout?: FieldLayout;
     conditional?: ConditionalDisplay[];
     metadata?: Record<string, string | number | boolean>;
@@ -42,6 +44,7 @@ export interface BaseField<T = FieldValue> extends ExtendField {
     hasNumber?: boolean;
     hasSpecialChar?: boolean;
     colon?: boolean;
+    submitData?: boolean;
 }
 export interface BaseFieldNotName<T = FieldValue> extends Omit<BaseField<T>, 'label' | 'name'> {
     label?: string;

package/dist/types/components/x-form-builder/types/fields/datetime-file-fields.d.ts

@@ -11,6 +11,7 @@ export interface DateField extends BaseField<DateValue> {
     picker?: PickerType;
     placement?: DatePickerPlacement;
     allowClear?: boolean;
+    useFirstDayOfYearDefault?: boolean;
 }
 export interface FileField extends BaseField<FileValue> {
     type: 'file';
@@ -25,8 +26,7 @@ export interface FileField extends BaseField<FileValue> {
     beforeUpload?: string;
     customRequest?: string;
 }
-export interface DateRangeField extends BaseField<DateValue[]> {
-    type: 'daterange';
+interface CommonDateRangeProperties {
     min?: string;
     max?: string;
     format?: string;
@@ -34,4 +34,11 @@ export interface DateRangeField extends BaseField<DateValue[]> {
     disabledDate?: string;
     allowClear?: boolean;
 }
-export type DateTimeField = DateField | DateRangeField;
+export interface DateRangeField extends BaseField<DateValue[]>, CommonDateRangeProperties {
+    type: 'daterange';
+}
+export interface RangePickerField extends BaseField<DateValue[]>, CommonDateRangeProperties {
+    type: 'range-picker';
+}
+export type DateTimeField = DateField | DateRangeField | RangePickerField;
+export {};

package/dist/types/components/x-form-builder/types/fields/display-fields.d.ts

@@ -42,6 +42,8 @@ export interface ParagraphField extends BaseFieldNotName<never> {
 export interface ImageField extends BaseFieldNotName<never> {
     type: 'image';
     src?: string;
+    images?: string[];
+    multiple?: boolean;
     alt?: string;
     width?: number | string;
     height?: number | string;
@@ -49,6 +51,7 @@ export interface ImageField extends BaseFieldNotName<never> {
     fallback?: string;
     objectFit?: ObjectFit;
     align?: AlignmentExtended;
+    gap?: number | string;
 }
 export interface AvatarField extends BaseFieldNotName<never> {
     type: 'avatar';

package/dist/types/components/x-form-builder/types/fields/form-field-union.d.ts

@@ -1,9 +1,9 @@
 import { InputField } from './input-fields';
-import { SelectionField } from './selection-fields';
+import { RadioField, SelectionField } from './selection-fields';
 import { DateTimeField, FileField } from './datetime-file-fields';
-import { SliderField, SwitchField, RateField, ColorField, TagsField, RangeField, LocationField, CaptchaField, AddressField } from './special-input-fields';
+import { SliderField, SwitchField, RateField, ColorField, TagsField, RangeField, LocationField, CaptchaField, AddressField, DynamicField } from './special-input-fields';
 import { DisplayField } from './display-fields';
-import { LayoutField, GridField, PanelField, ContainerField } from './layout-fields';
+import { LayoutField, GridField, PanelField, ContainerField, TabsField } from './layout-fields';
 import { TableField, MapsField, IframeField, QRCodeField } from './advanced-fields';
-export type FormParentField = GridField | PanelField | ContainerField;
-export type FormField = InputField | SelectionField | FileField | DateTimeField | SliderField | SwitchField | RateField | ColorField | TagsField | RangeField | LocationField | DisplayField | LayoutField | TableField | MapsField | IframeField | QRCodeField | CaptchaField | AddressField;
+export type FormParentField = GridField | PanelField | ContainerField | TabsField;
+export type FormField = InputField | SelectionField | FileField | DateTimeField | SliderField | SwitchField | RateField | ColorField | TagsField | RangeField | LocationField | DisplayField | LayoutField | TableField | MapsField | IframeField | QRCodeField | CaptchaField | RadioField | AddressField | DynamicField;

package/dist/types/components/x-form-builder/types/fields/input-fields.d.ts

@@ -19,6 +19,11 @@ export interface NumberField extends BaseField<number> {
     parser?: string;
     controls?: boolean;
     stringMode?: boolean;
+    formula?: string;
+    numberType?: 'decimal' | 'integer';
+    currency?: string;
+    addonAfter?: string;
+    addonBefore?: string;
 }
 export interface TextareaField extends BaseField<string> {
     type: 'textarea';

package/dist/types/components/x-form-builder/types/fields/layout-fields.d.ts

@@ -1,6 +1,6 @@
 import { BaseFieldNotName } from './base-field';
 import { FormField } from './form-field-union';
-import { VerticalAlignment, Direction, FlexJustify, FlexAlign, FlexWrap, Position, Overflow, ButtonType, PanelVariant, ComponentSize } from '../common';
+import { VerticalAlignment, Direction, FlexJustify, FlexAlign, FlexWrap, Position, Overflow, ButtonType, PanelVariant, ComponentSize, TabsPlacement, TabsType } from '../common';
 export interface GridField extends BaseFieldNotName<never> {
     type: 'grid';
     columns: number;
@@ -52,4 +52,31 @@ export interface ContainerField extends BaseFieldNotName<never> {
     overflow?: Overflow;
     position?: Position;
 }
-export type LayoutField = GridField | PanelField | ContainerField;
+export interface TabPaneField {
+    key: string;
+    label: string;
+    elements: FormField[];
+    disabled?: boolean;
+    icon?: string;
+}
+export interface TabsField extends BaseFieldNotName<never> {
+    type: 'tabs';
+    activeKey?: string;
+    defaultActiveKey?: string;
+    tabPlacement?: TabsPlacement;
+    tabsType?: TabsType;
+    items: TabPaneField[];
+    allowAdd?: boolean;
+    allowRemove?: boolean;
+    allowRename?: boolean;
+}
+export interface ColumnPaneField {
+    key: string;
+    span?: number;
+    elements: FormField[];
+}
+export interface ColumnsField extends BaseFieldNotName<never> {
+    type: 'columns-3' | 'columns-4' | 'columns';
+    items: ColumnPaneField[];
+}
+export type LayoutField = GridField | PanelField | ContainerField | TabsField | ColumnsField;

package/dist/types/components/x-form-builder/types/fields/selection-fields.d.ts

@@ -1,5 +1,5 @@
 import { BaseField } from './base-field';
-import { OptionValue, Option, Orientation, ExpandTrigger, ShowCheckedStrategy } from '../common';
+import { OptionValue, Option, Orientation, ExpandTrigger, ShowCheckedStrategy, RadioPlacement, RadioOrientation, CheckboxPlacement } from '../common';
 import { ApiConfiguration } from '../api';
 export interface SelectField extends BaseField<OptionValue | OptionValue[]> {
     type: 'select' | 'radio';
@@ -18,8 +18,9 @@ export interface SelectField extends BaseField<OptionValue | OptionValue[]> {
 export interface RadioField extends BaseField<OptionValue> {
     type: 'radio';
     options: Option[];
-    orientation?: Orientation;
-    direction?: Orientation;
+    orientation?: RadioOrientation;
+    direction?: RadioOrientation;
+    placement?: RadioPlacement;
     apiConfig?: ApiConfiguration;
 }
 export interface CheckboxField extends BaseField<boolean | OptionValue[]> {
@@ -29,6 +30,7 @@ export interface CheckboxField extends BaseField<boolean | OptionValue[]> {
     indeterminate?: boolean;
     orientation?: Orientation;
     direction?: Orientation;
+    placement?: CheckboxPlacement;
     apiConfig?: ApiConfiguration;
 }
 export interface TreeSelectField extends BaseField<OptionValue | OptionValue[]> {
@@ -109,7 +111,11 @@ export interface CascaderField extends BaseField<any> {
 }
 export interface AutoCompleteField extends BaseField<string> {
     type: 'auto-complete';
-    options: Option[];
+    options: Array<{
+        value: string | number;
+        label?: string;
+        disabled?: boolean;
+    }>;
     allowClear?: boolean;
     placeholder?: string;
     size?: 'large' | 'middle' | 'small';
@@ -117,6 +123,7 @@ export interface AutoCompleteField extends BaseField<string> {
     placement?: 'bottomLeft' | 'bottomRight' | 'topLeft' | 'topRight';
     backfill?: boolean;
     defaultOpen?: boolean;
+    openOnFocus?: boolean;
     filterOption?: boolean | ((inputValue: string, option: any) => boolean);
     notFoundContent?: string;
     dataSource?: string;

package/dist/types/components/x-form-builder/types/fields/special-input-fields.d.ts

@@ -97,3 +97,6 @@ export interface AddressField extends BaseField<{
     placeholderDistrict?: string;
     placeholderWard?: string;
 }
+export interface DynamicField extends BaseField<any> {
+    type: 'dynamic';
+}

package/dist/types/components/x-form-builder/types/form/schema-types.d.ts

@@ -47,6 +47,7 @@ export interface SchemaSetting {
     resetButtonType?: Exclude<ButtonType, 'primary'>;
     confirmBeforeSubmit?: boolean;
     confirmMessage?: string;
+    enterSubmit?: boolean;
     submitUrl?: string;
     submitMethod?: HttpMethod;
     submitHeaders?: Record<string, string>;
@@ -109,15 +110,18 @@ export interface SchemaSetting {
 }
 export interface FormAction {
     id: string;
-    type: 'submit' | 'reset' | 'custom' | 'navigate' | 'apiCall';
-    label: string;
+    type?: 'submit' | 'reset' | 'custom' | 'navigate' | 'apiCall' | 'button';
+    htmlType?: 'submit' | 'button' | 'reset';
+    label?: string;
+    content?: string;
     icon?: string;
     buttonType?: ButtonType;
-    size?: 'small' | 'default' | 'large';
+    size?: 'small' | 'default' | 'large' | 'middle';
     shape?: ButtonShape;
     onClick?: string;
     loadingText?: string;
     disabled?: boolean;
+    hidden?: boolean;
 }
 export interface Schema {
     id?: string;

package/dist/types/components/x-form-builder/utils/values.d.ts

@@ -1,4 +1,4 @@
-import { FormField } from "../types";
+import { FormField } from '../types';
 export declare class ValueUtil {
     static number(value: any): number;
     static string(value: any): string;

package/dist/types/components/x-form-builder/x-form-builder.d.ts

@@ -13,6 +13,7 @@ export interface XFormBuilderChangeDetail {
     builder: SchemaBuilder;
     event: Event;
     field?: FormField;
+    value?: any;
 }
 export interface XFormBuilderSubmitDetail {
     value: any;
@@ -49,16 +50,23 @@ export declare class XFormBuilder<T extends Record<string, any> = Record<string,
     el: HTMLElement;
     getMessageValidator(field: FormField, errors?: ValidationErrors): string[];
     private get mapping();
+    submit(event?: Event, field?: FormField | FormAction): Promise<void>;
     schema: Schema;
+    showErrorCheckbox: boolean;
     private getcommonProps;
+    private getStylesFromUI;
     private _tick;
     value: T;
     context: any;
-    private builder;
+    builder: SchemaBuilder<T>;
+    private _isInternalChange;
     componentWillLoad(): void;
-    syncBuilder(): void;
+    componentDidUpdate(): void;
+    disconnectedCallback(): void;
+    handleValueChange(): void;
+    handleSchemaChange(): void;
     private isSyncing;
-    asyncBuilderForm(): void;
+    asyncBuilderForm(forcePropValue?: boolean): void;
     private getLayoutStyles;
     bind(elements: FormField[], _parent?: FormField): any[];
     render(): any;