@web-utils/form-ui 1.0.0-beta1 → 1.0.0-beta100

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

@@ -0,0 +1,442 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: 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;
+    block: boolean;
+    tag: string;
+    required: boolean;
+    start: string;
+    end: string;
+    pull: number;
+    step: string;
+    readonly: boolean;
+    wrapCol: boolean;
+    unwrap: boolean;
+    half: boolean;
+    hideLabel: boolean;
+    tipsAfterLabel: boolean;
+    labelPosition: string;
+    showMessage: boolean;
+    inlineMessage: boolean;
+    wrapFormItem: boolean;
+    placeholder: string;
+    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>;

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/CoQf1XX62.mjs";
 export { e as default };

package/form-item/index.d.ts

@@ -0,0 +1,191 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: 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;
+    block: boolean;
+    tag: string;
+    required: 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>;

package/form-item/index.mjs

@@ -0,0 +1,2 @@
+import { s as e } from "../chunks/_7MDfW_y.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

@@ -0,0 +1,41 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    /**
+     * 表单项是否为响应式
+     */
+    reactive: BooleanConstructor;
+    /**
+     * 表单项是否占满一行
+     */
+    block: BooleanConstructor;
+    /**
+     * 表单项是使用 ElCol 包裹
+     */
+    wrapCol: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => 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<{}>, {
+    block: boolean;
+    wrapCol: boolean;
+    reactive: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

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

@@ -0,0 +1,24 @@
+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",
+	props: {
+		reactive: Boolean,
+		block: Boolean,
+		wrapCol: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	setup(i, { expose: a, slots: o }) {
+		let s = n({
+			reactive: r(() => i.reactive),
+			block: r(() => i.block),
+			wrapCol: r(() => i.wrapCol)
+		});
+		return t(e, s), a(s), () => o.default(s);
+	}
+};
+//#endregion
+export { i as default };