@web-utils/form-ui 1.0.0-beta9 → 1.0.0-beta91

package/form-input-time/index.d.ts

@@ -1,2 +1,441 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    modelValue: (ObjectConstructor | StringConstructor | NumberConstructor)[];
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    editable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: StringConstructor;
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    startPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    endPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    isRange: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    arrowControl: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    popperClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    popperStyle: (ObjectConstructor | StringConstructor)[];
+    popperOptions: ObjectConstructor;
+    fallbackPlacements: {
+        type: ArrayConstructor;
+        default: () => string[];
+    };
+    placement: {
+        type: StringConstructor;
+        default: string;
+    };
+    rangeSeparator: {
+        type: StringConstructor;
+        default: string;
+    };
+    format: {
+        type: StringConstructor;
+        default: string;
+    };
+    defaultValue: (ArrayConstructor | DateConstructor)[];
+    valueFormat: StringConstructor;
+    id: (ArrayConstructor | StringConstructor)[];
+    name: {
+        type: StringConstructor;
+        default: string;
+    };
+    ariaLabel: StringConstructor;
+    prefixIcon: (ObjectConstructor | StringConstructor)[];
+    clearIcon: (ObjectConstructor | StringConstructor)[];
+    disabledHours: FunctionConstructor;
+    disabledMinutes: FunctionConstructor;
+    disabledSeconds: FunctionConstructor;
+    teleported: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tabindex: (StringConstructor | NumberConstructor)[];
+    emptyValues: ArrayConstructor;
+    valueOnClear: (BooleanConstructor | StringConstructor | NumberConstructor | FunctionConstructor)[];
+    saveOnBlur: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    range: BooleanConstructor;
+    start: {
+        type: StringConstructor;
+        default: string;
+    };
+    end: {
+        type: StringConstructor;
+        default: string;
+    };
+    step: {
+        type: StringConstructor;
+        default: string;
+    };
+    minTime: {
+        type: StringConstructor;
+        default: string;
+    };
+    maxTime: {
+        type: StringConstructor;
+        default: string;
+    };
+    selectableRange: StringConstructor;
+    wrapFormItem: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    col: BooleanConstructor;
+    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: (ArrayConstructor | StringConstructor)[];
+    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: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    unwrap: BooleanConstructor;
+    half: BooleanConstructor;
+    formItemClass: StringConstructor;
+    hideLabel: BooleanConstructor;
+    tips: {
+        type: StringConstructor;
+    };
+    tipsAfterLabel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    labelColspan: (StringConstructor | NumberConstructor)[];
+    inputColspan: (StringConstructor | NumberConstructor)[];
+    labelRowspan: (StringConstructor | NumberConstructor)[];
+    inputRowspan: (StringConstructor | NumberConstructor)[];
+}>, () => globalThis.VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": null;
+}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    modelValue: (ObjectConstructor | StringConstructor | NumberConstructor)[];
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    editable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: StringConstructor;
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    startPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    endPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    isRange: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    arrowControl: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    popperClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    popperStyle: (ObjectConstructor | StringConstructor)[];
+    popperOptions: ObjectConstructor;
+    fallbackPlacements: {
+        type: ArrayConstructor;
+        default: () => string[];
+    };
+    placement: {
+        type: StringConstructor;
+        default: string;
+    };
+    rangeSeparator: {
+        type: StringConstructor;
+        default: string;
+    };
+    format: {
+        type: StringConstructor;
+        default: string;
+    };
+    defaultValue: (ArrayConstructor | DateConstructor)[];
+    valueFormat: StringConstructor;
+    id: (ArrayConstructor | StringConstructor)[];
+    name: {
+        type: StringConstructor;
+        default: string;
+    };
+    ariaLabel: StringConstructor;
+    prefixIcon: (ObjectConstructor | StringConstructor)[];
+    clearIcon: (ObjectConstructor | StringConstructor)[];
+    disabledHours: FunctionConstructor;
+    disabledMinutes: FunctionConstructor;
+    disabledSeconds: FunctionConstructor;
+    teleported: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tabindex: (StringConstructor | NumberConstructor)[];
+    emptyValues: ArrayConstructor;
+    valueOnClear: (BooleanConstructor | StringConstructor | NumberConstructor | FunctionConstructor)[];
+    saveOnBlur: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    range: BooleanConstructor;
+    start: {
+        type: StringConstructor;
+        default: string;
+    };
+    end: {
+        type: StringConstructor;
+        default: string;
+    };
+    step: {
+        type: StringConstructor;
+        default: string;
+    };
+    minTime: {
+        type: StringConstructor;
+        default: string;
+    };
+    maxTime: {
+        type: StringConstructor;
+        default: string;
+    };
+    selectableRange: StringConstructor;
+    wrapFormItem: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    col: BooleanConstructor;
+    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: (ArrayConstructor | StringConstructor)[];
+    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: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    unwrap: BooleanConstructor;
+    half: BooleanConstructor;
+    formItemClass: StringConstructor;
+    hideLabel: BooleanConstructor;
+    tips: {
+        type: StringConstructor;
+    };
+    tipsAfterLabel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    labelColspan: (StringConstructor | NumberConstructor)[];
+    inputColspan: (StringConstructor | NumberConstructor)[];
+    labelRowspan: (StringConstructor | NumberConstructor)[];
+    inputRowspan: (StringConstructor | NumberConstructor)[];
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    disabled: boolean;
+    push: number;
+    name: string;
+    offset: number;
+    placement: string;
+    col: boolean;
+    span: number;
+    tag: string;
+    required: boolean;
+    block: boolean;
+    start: string;
+    end: string;
+    pull: number;
+    placeholder: string;
+    step: string;
+    readonly: boolean;
+    wrapCol: boolean;
+    unwrap: boolean;
+    half: boolean;
+    hideLabel: boolean;
+    tipsAfterLabel: boolean;
+    labelPosition: string;
+    showMessage: boolean;
+    inlineMessage: boolean;
+    wrapFormItem: boolean;
+    clearable: boolean;
+    popperClass: string;
+    teleported: boolean;
+    fallbackPlacements: unknown[];
+    editable: boolean;
+    startPlaceholder: string;
+    endPlaceholder: string;
+    format: string;
+    rangeSeparator: string;
+    isRange: boolean;
+    range: boolean;
+    minTime: string;
+    maxTime: string;
+    arrowControl: boolean;
+    saveOnBlur: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/form-input-time/index.mjs

@@ -1,4 +1,2 @@
-//#region src/components/form/FormInputTime.vue
-var e = { name: "FormInputTime" };
-//#endregion
+import { t as e } from "../chunks/BMxD6EUb2.mjs";
 export { e as default };

package/form-item/index.d.ts

@@ -0,0 +1,190 @@
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    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: (ArrayConstructor | StringConstructor)[];
+    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;
+    };
+    size: StringConstructor;
+    for: StringConstructor;
+    validateStatus: StringConstructor;
+    messagePrefix: StringConstructor;
+    message: StringConstructor;
+    wrapCol: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fixedSpan: NumberConstructor;
+    block: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    unwrap: BooleanConstructor;
+    half: BooleanConstructor;
+    formItemClass: StringConstructor;
+    hideLabel: BooleanConstructor;
+    tips: {
+        type: StringConstructor;
+    };
+    tipsAfterLabel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    labelColspan: (StringConstructor | NumberConstructor)[];
+    inputColspan: (StringConstructor | NumberConstructor)[];
+    labelRowspan: (StringConstructor | NumberConstructor)[];
+    inputRowspan: (StringConstructor | NumberConstructor)[];
+}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    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: (ArrayConstructor | StringConstructor)[];
+    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;
+    };
+    size: StringConstructor;
+    for: StringConstructor;
+    validateStatus: StringConstructor;
+    messagePrefix: StringConstructor;
+    message: StringConstructor;
+    wrapCol: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fixedSpan: NumberConstructor;
+    block: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    unwrap: BooleanConstructor;
+    half: BooleanConstructor;
+    formItemClass: StringConstructor;
+    hideLabel: BooleanConstructor;
+    tips: {
+        type: StringConstructor;
+    };
+    tipsAfterLabel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    labelColspan: (StringConstructor | NumberConstructor)[];
+    inputColspan: (StringConstructor | NumberConstructor)[];
+    labelRowspan: (StringConstructor | NumberConstructor)[];
+    inputRowspan: (StringConstructor | NumberConstructor)[];
+}>> & Readonly<{}>, {
+    push: number;
+    offset: number;
+    span: number;
+    tag: string;
+    required: boolean;
+    block: boolean;
+    pull: number;
+    wrapCol: boolean;
+    unwrap: boolean;
+    half: boolean;
+    hideLabel: boolean;
+    tipsAfterLabel: boolean;
+    labelPosition: string;
+    showMessage: boolean;
+    inlineMessage: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/form-item/index.mjs

@@ -0,0 +1,2 @@
+import { s as e } from "../chunks/DGkSZT8r.mjs";
+export { e as default };

package/form-item/style.css

@@ -0,0 +1 @@
+.form-item{--el-disabled-text-color:#606266}.form-item .el-checkbox,.form-item .el-radio__input.is-disabled .el-radio__inner:after{--el-checkbox-disabled-checked-icon-color:#606266;--el-text-color-placeholder:#606266}.form-item.with-tips .el-form-item__content{flex-wrap:nowrap}.form-item.required.el-form-item.is-required>.el-form-item__label:before,.form-item.required.el-form-item.is-required>.el-form-item__label-wrap>.el-form-item__label:before{display:block!important}.form-item-input-info{color:gray;cursor:help;margin-left:4px;font-size:16px}.form-item.el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label:before{color:#f56c6c;content:"*";margin-right:4px;display:inline}.form-item.el-form-item .el-form-item__content{min-height:29px}.form-item.el-form-item.el-form-item--mini .el-form-item__content{line-height:27px}.form-item.el-form-item.form-item-hide-label{margin-left:6px}.form-item.el-form-item.form-item-hide-label .el-form-item__label{display:none}.form-item-input-wrapper{flex-direction:row;align-items:center;width:100%;display:flex}.form-item-input-wrapper>form{width:100%}.form-item-input-wrapper .el-input{flex:auto}.form-item-input-wrapper .form-item-input-info{color:gray;cursor:help;margin-left:4px;font-size:16px}@media print{.form-item-input-info{display:none}}

package/form-item-config-provider/index.d.ts

@@ -1,20 +1,40 @@
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    /**
+     * 表单项是否为响应式
+     */
     reactive: BooleanConstructor;
+    /**
+     * 表单项是否占满一行
+     */
     block: BooleanConstructor;
+    /**
+     * 表单项是使用 ElCol 包裹
+     */
     wrapCol: {
         type: BooleanConstructor;
         default: boolean;
     };
-}>, import('vue').Slot<any> | undefined, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>, () => globalThis.VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>[], {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    /**
+     * 表单项是否为响应式
+     */
     reactive: BooleanConstructor;
+    /**
+     * 表单项是否占满一行
+     */
     block: BooleanConstructor;
+    /**
+     * 表单项是使用 ElCol 包裹
+     */
     wrapCol: {
         type: BooleanConstructor;
         default: boolean;
     };
 }>> & Readonly<{}>, {
-    wrapCol: boolean;
     block: boolean;
+    wrapCol: boolean;
     reactive: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/form-item-config-provider/index.mjs

@@ -1,5 +1,5 @@
-import { t as e } from "../chunks/BPJNSq9M.mjs";
-import { computed as t, provide as n, reactive as r } from "vue";
+import { formItemConfigProviderContextKey as e } from "../constants/index.mjs";
+import { provide as t, reactive as n, toRef as r } from "vue";
 //#region src/components/form/FormItemConfigProvider.vue
 var i = {
 	name: "FormItemConfigProvider",
@@ -12,12 +12,12 @@ var i = {
 		}
 	},
 	setup(i, { expose: a, slots: o }) {
-		let s = r({
-			reactive: t(() => i.reactive),
-			block: t(() => i.block),
-			wrapCol: t(() => i.wrapCol)
+		let s = n({
+			reactive: r(() => i.reactive),
+			block: r(() => i.block),
+			wrapCol: r(() => i.wrapCol)
 		});
-		return n(e, s), a(s), o.default;
+		return t(e, s), a(s), () => o.default(s);
 	}
 };
 //#endregion