@web-utils/form-ui 1.0.0-beta4 → 1.0.0-beta41

package/form-date-picker/index.d.ts

@@ -1,16 +1,120 @@
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    modelValue: (StringConstructor | DateConstructor | NumberConstructor | ArrayConstructor)[];
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    modelValue: (StringConstructor | DateConstructor | ArrayConstructor | NumberConstructor)[];
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: StringConstructor;
+    editable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    startPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    endPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
     type: {
         type: StringConstructor;
         default: string;
     };
+    format: {
+        type: StringConstructor;
+        default: string;
+    };
+    popperClass: StringConstructor;
+    popperStyle: (StringConstructor | ObjectConstructor)[];
+    popperOptions: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    rangeSeparator: {
+        type: StringConstructor;
+        default: string;
+    };
+    defaultValue: ObjectConstructor;
+    defaultTime: ObjectConstructor;
+    valueFormat: StringConstructor;
+    id: (StringConstructor | ArrayConstructor)[];
+    name: {
+        type: (StringConstructor | ArrayConstructor)[];
+        default: string;
+    };
     unlinkPanels: {
         type: BooleanConstructor;
         default: boolean;
     };
-    split: BooleanConstructor;
+    prefixIcon: (StringConstructor | ObjectConstructor)[];
+    clearIcon: (StringConstructor | ObjectConstructor)[];
+    validateEvent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabledDate: FunctionConstructor;
+    shortcuts: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    cellClassName: FunctionConstructor;
+    teleported: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    emptyValues: ArrayConstructor;
+    valueOnClear: (StringConstructor | BooleanConstructor | FunctionConstructor | NumberConstructor)[];
+    fallbackPlacements: {
+        type: ArrayConstructor;
+        default: () => string[];
+    };
+    placement: {
+        type: StringConstructor;
+        default: string;
+    };
+    showFooter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showConfirm: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showWeekNumber: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    automaticDropdown: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    split: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     startDate: StringConstructor;
     endDate: StringConstructor;
+    start: StringConstructor;
+    end: StringConstructor;
+    year: BooleanConstructor;
+    month: BooleanConstructor;
+    dates: BooleanConstructor;
+    week: BooleanConstructor;
+    dateTime: BooleanConstructor;
+    dateTimeRange: BooleanConstructor;
+    dateRange: BooleanConstructor;
+    monthRange: BooleanConstructor;
+    miniDate: StringConstructor;
+    maxDate: StringConstructor;
     wrapFormItem: {
         type: BooleanConstructor;
         default: boolean;
@@ -20,15 +124,74 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: undefined;
     };
     col: BooleanConstructor;
-    label: StringConstructor;
-    prop: StringConstructor;
-    required: BooleanConstructor;
-    rules: ArrayConstructor;
     span: {
         type: NumberConstructor;
         default: number;
     };
+    offset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    push: {
+        type: NumberConstructor;
+        default: number;
+    };
+    pull: {
+        type: NumberConstructor;
+        default: number;
+    };
+    xs: {
+        type: (ObjectConstructor | NumberConstructor)[];
+    };
+    sm: {
+        type: (ObjectConstructor | NumberConstructor)[];
+    };
+    md: {
+        type: (ObjectConstructor | NumberConstructor)[];
+    };
+    lg: {
+        type: (ObjectConstructor | NumberConstructor)[];
+    };
+    xl: {
+        type: (ObjectConstructor | NumberConstructor)[];
+    };
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    prop: (StringConstructor | ArrayConstructor)[];
+    label: StringConstructor;
+    labelPosition: {
+        type: StringConstructor;
+        default: string;
+    };
+    labelWidth: (StringConstructor | NumberConstructor)[];
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    rules: ObjectConstructor;
+    error: StringConstructor;
+    showMessage: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    inlineMessage: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    for: StringConstructor;
+    validateStatus: StringConstructor;
+    messagePrefix: StringConstructor;
+    message: StringConstructor;
+    wrapCol: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fixedSpan: NumberConstructor;
     block: BooleanConstructor;
+    unwrap: BooleanConstructor;
+    half: BooleanConstructor;
     formItemClass: StringConstructor;
     hideLabel: BooleanConstructor;
     tips: {
@@ -42,19 +205,129 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     inputColspan: (StringConstructor | NumberConstructor)[];
     labelRowspan: (StringConstructor | NumberConstructor)[];
     inputRowspan: (StringConstructor | NumberConstructor)[];
-}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, string[], string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    modelValue: (StringConstructor | DateConstructor | NumberConstructor | ArrayConstructor)[];
+}>, () => globalThis.VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    'update:startDate': null;
+    'update:endDate': null;
+    "update:modelValue": null;
+}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    modelValue: (StringConstructor | DateConstructor | ArrayConstructor | NumberConstructor)[];
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: StringConstructor;
+    editable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    startPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    endPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
     type: {
         type: StringConstructor;
         default: string;
     };
+    format: {
+        type: StringConstructor;
+        default: string;
+    };
+    popperClass: StringConstructor;
+    popperStyle: (StringConstructor | ObjectConstructor)[];
+    popperOptions: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    rangeSeparator: {
+        type: StringConstructor;
+        default: string;
+    };
+    defaultValue: ObjectConstructor;
+    defaultTime: ObjectConstructor;
+    valueFormat: StringConstructor;
+    id: (StringConstructor | ArrayConstructor)[];
+    name: {
+        type: (StringConstructor | ArrayConstructor)[];
+        default: string;
+    };
     unlinkPanels: {
         type: BooleanConstructor;
         default: boolean;
     };
-    split: BooleanConstructor;
+    prefixIcon: (StringConstructor | ObjectConstructor)[];
+    clearIcon: (StringConstructor | ObjectConstructor)[];
+    validateEvent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabledDate: FunctionConstructor;
+    shortcuts: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    cellClassName: FunctionConstructor;
+    teleported: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    emptyValues: ArrayConstructor;
+    valueOnClear: (StringConstructor | BooleanConstructor | FunctionConstructor | NumberConstructor)[];
+    fallbackPlacements: {
+        type: ArrayConstructor;
+        default: () => string[];
+    };
+    placement: {
+        type: StringConstructor;
+        default: string;
+    };
+    showFooter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showConfirm: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showWeekNumber: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    automaticDropdown: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    split: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     startDate: StringConstructor;
     endDate: StringConstructor;
+    start: StringConstructor;
+    end: StringConstructor;
+    year: BooleanConstructor;
+    month: BooleanConstructor;
+    dates: BooleanConstructor;
+    week: BooleanConstructor;
+    dateTime: BooleanConstructor;
+    dateTimeRange: BooleanConstructor;
+    dateRange: BooleanConstructor;
+    monthRange: BooleanConstructor;
+    miniDate: StringConstructor;
+    maxDate: StringConstructor;
     wrapFormItem: {
         type: BooleanConstructor;
         default: boolean;
@@ -64,15 +337,74 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: undefined;
     };
     col: BooleanConstructor;
-    label: StringConstructor;
-    prop: StringConstructor;
-    required: BooleanConstructor;
-    rules: ArrayConstructor;
     span: {
         type: NumberConstructor;
         default: number;
     };
+    offset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    push: {
+        type: NumberConstructor;
+        default: number;
+    };
+    pull: {
+        type: NumberConstructor;
+        default: number;
+    };
+    xs: {
+        type: (ObjectConstructor | NumberConstructor)[];
+    };
+    sm: {
+        type: (ObjectConstructor | NumberConstructor)[];
+    };
+    md: {
+        type: (ObjectConstructor | NumberConstructor)[];
+    };
+    lg: {
+        type: (ObjectConstructor | NumberConstructor)[];
+    };
+    xl: {
+        type: (ObjectConstructor | NumberConstructor)[];
+    };
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    prop: (StringConstructor | ArrayConstructor)[];
+    label: StringConstructor;
+    labelPosition: {
+        type: StringConstructor;
+        default: string;
+    };
+    labelWidth: (StringConstructor | NumberConstructor)[];
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    rules: ObjectConstructor;
+    error: StringConstructor;
+    showMessage: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    inlineMessage: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    for: StringConstructor;
+    validateStatus: StringConstructor;
+    messagePrefix: StringConstructor;
+    message: StringConstructor;
+    wrapCol: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fixedSpan: NumberConstructor;
     block: BooleanConstructor;
+    unwrap: BooleanConstructor;
+    half: BooleanConstructor;
     formItemClass: StringConstructor;
     hideLabel: BooleanConstructor;
     tips: {
@@ -87,18 +419,57 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     labelRowspan: (StringConstructor | NumberConstructor)[];
     inputRowspan: (StringConstructor | NumberConstructor)[];
 }>> & Readonly<{
-    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:startDate"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:endDate"?: ((...args: any[]) => any) | undefined;
 }>, {
+    disabled: boolean;
     type: string;
-    required: boolean;
+    name: string | unknown[];
+    push: number;
+    col: boolean;
     span: number;
+    split: boolean;
+    tag: string;
+    offset: number;
+    placement: string;
+    readonly: boolean;
+    placeholder: string;
+    required: boolean;
+    wrapCol: boolean;
     block: boolean;
+    unwrap: boolean;
+    half: boolean;
     hideLabel: boolean;
     tipsAfterLabel: boolean;
-    disabled: boolean;
+    labelPosition: string;
+    showMessage: boolean;
+    inlineMessage: boolean;
+    pull: number;
     wrapFormItem: boolean;
-    col: boolean;
-    split: boolean;
+    clearable: boolean;
+    teleported: boolean;
+    validateEvent: boolean;
+    fallbackPlacements: unknown[];
+    editable: boolean;
+    startPlaceholder: string;
+    endPlaceholder: string;
+    format: string;
+    popperOptions: Record<string, any>;
+    rangeSeparator: string;
     unlinkPanels: boolean;
+    shortcuts: unknown[];
+    showFooter: boolean;
+    showConfirm: boolean;
+    showWeekNumber: boolean;
+    automaticDropdown: boolean;
+    year: boolean;
+    month: boolean;
+    dates: boolean;
+    week: boolean;
+    dateTime: boolean;
+    dateTimeRange: boolean;
+    dateRange: boolean;
+    monthRange: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/form-date-picker/index.mjs

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/Bsz7y4Xp.mjs";
+import { t as e } from "../chunks/MeM8FGzA.mjs";
 export { e as default };

package/form-holder/index.d.ts

@@ -1,9 +1,9 @@
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
     model: ObjectConstructor;
-    size: StringConstructor;
-    disabled: {
+    rules: ObjectConstructor;
+    inline: {
         type: BooleanConstructor;
-        default: undefined;
+        default: boolean;
     };
     labelPosition: {
         type: StringConstructor;
@@ -13,10 +13,44 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: (StringConstructor | NumberConstructor)[];
         default: string;
     };
-    required: {
+    labelSuffix: {
+        type: StringConstructor;
+        default: string;
+    };
+    hideRequiredAsterisk: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    requireAsteriskPosition: {
+        type: StringConstructor;
+        default: string;
+    };
+    showMessage: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    inlineMessage: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    statusIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    validateOnRuleChange: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: StringConstructor;
+    disabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    scrollToError: {
         type: BooleanConstructor;
         default: boolean;
     };
+    scrollIntoViewOptions: (BooleanConstructor | ObjectConstructor)[];
     requiredFields: ArrayConstructor;
     disabledFields: ArrayConstructor;
     enabledFields: ArrayConstructor;
@@ -32,20 +66,16 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
     commentValueColspan: NumberConstructor;
     commentLabelColspan: NumberConstructor;
-    showMessage: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     wrapRow: {
         type: BooleanConstructor;
         default: boolean;
     };
-}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
     model: ObjectConstructor;
-    size: StringConstructor;
-    disabled: {
+    rules: ObjectConstructor;
+    inline: {
         type: BooleanConstructor;
-        default: undefined;
+        default: boolean;
     };
     labelPosition: {
         type: StringConstructor;
@@ -55,10 +85,44 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: (StringConstructor | NumberConstructor)[];
         default: string;
     };
-    required: {
+    labelSuffix: {
+        type: StringConstructor;
+        default: string;
+    };
+    hideRequiredAsterisk: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    requireAsteriskPosition: {
+        type: StringConstructor;
+        default: string;
+    };
+    showMessage: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    inlineMessage: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    statusIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    validateOnRuleChange: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: StringConstructor;
+    disabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    scrollToError: {
         type: BooleanConstructor;
         default: boolean;
     };
+    scrollIntoViewOptions: (BooleanConstructor | ObjectConstructor)[];
     requiredFields: ArrayConstructor;
     disabledFields: ArrayConstructor;
     enabledFields: ArrayConstructor;
@@ -74,22 +138,25 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
     commentValueColspan: NumberConstructor;
     commentLabelColspan: NumberConstructor;
-    showMessage: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     wrapRow: {
         type: BooleanConstructor;
         default: boolean;
     };
 }>> & Readonly<{}>, {
-    required: boolean;
     disabled: boolean;
     labelPosition: string;
     labelWidth: string | number;
+    showMessage: boolean;
+    inlineMessage: boolean;
     showAdvice: boolean;
     notTableForm: boolean;
-    showMessage: boolean;
     wrapRow: boolean;
+    inline: boolean;
+    labelSuffix: string;
+    hideRequiredAsterisk: boolean;
+    requireAsteriskPosition: string;
+    statusIcon: boolean;
+    validateOnRuleChange: boolean;
+    scrollToError: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/form-holder/index.mjs

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/B5BIQCcK.mjs";
+import { t as e } from "../chunks/CD2WYSl1.mjs";
 export { e as default };

package/form-holder/style.css

@@ -1 +1 @@
-@keyframes breathe{0%{box-shadow:0 0 #ff7a7a}to{box-shadow:0 0 10px 1px #ff7a7a}}.breathe-animation{border-radius:4px;animation-name:breathe;animation-duration:.3s;animation-timing-function:ease-in-out;animation-iteration-count:6;animation-direction:alternate;animation-delay:.1s}
+@keyframes breathe{0%{box-shadow:0 0 #ff7a7a}to{box-shadow:0 0 10px 1px #ff7a7a}}.breathe-animation{border-radius:4px;animation-name:breathe;animation-duration:.3s;animation-timing-function:ease-in-out;animation-iteration-count:6;animation-direction:alternate;animation-delay:.1s}.red-form .red-form-footer{margin-top:14px}.red-form .hide-error-message .el-form-item__error{display:none}@media print{.red-form .el-input__suffix,.red-form .el-input__prefix,.red-form .el-input__icon.el-range__icon.el-icon-date,.red-form .red-form-footer,.red-form .el-input__count{display:none}.red-form .el-input__inner,.red-form .el-textarea__inner,.red-form .x-input-tag,.red-form .el-input.is-disabled .el-input__inner,.red-form .el-input.is-readonly .el-input__inner{background-color:#0000;border:none;padding:0!important}.red-form .el-form-item{margin-bottom:0}.red-form .el-form-item .el-form-item__content,.red-form .el-form-item .el-form-item__label,.red-form .el-input__inner{height:auto;min-height:0;line-height:1.5}}