@web-utils/form-ui 1.0.0-beta55 → 1.0.0-beta57

package/props/cascader.d.ts

@@ -0,0 +1,326 @@
+import { commonManualBindProps } from './common.ts';
+export declare const allProps: {
+    /**
+     * 选中项绑定值
+     */
+    modelValue: (StringConstructor | ArrayConstructor | NumberConstructor)[];
+    /**
+     * 选项的数据源，value 和 label 可以通过 CascaderProps 自定义
+     */
+    options: ArrayConstructor;
+    /**
+     * 配置选项，请参阅下面 CascaderProps 表
+     */
+    props: ObjectConstructor;
+    /**
+     * 尺寸
+     * @values large, default, small
+     */
+    size: StringConstructor;
+    /**
+     * 输入框占位文本
+     */
+    placeholder: StringConstructor;
+    /**
+     * 是否支持清空选项
+     */
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 自定义清除图标
+     * @since 2.11.0
+     */
+    clearIcon: (StringConstructor | ObjectConstructor)[];
+    /**
+     * 输入框中是否显示选中值的完整路径
+     */
+    showAllLevels: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 多选模式下是否折叠 Tag
+     */
+    collapseTags: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 当鼠标悬停于折叠标签的文本时，是否显示所有选中的标签。要使用此属性，collapseTags 属性必须设定为 true
+     */
+    collapseTagsTooltip: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * collapse tags 的最大高度
+     * @since 2.10.2
+     */
+    maxCollapseTagsTooltipHeight: (StringConstructor | NumberConstructor)[];
+    /**
+     * 用于分隔选项的字符
+     */
+    separator: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 该选项是否可以被搜索
+     */
+    filterable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 自定义搜索逻辑，第一个参数是 node，第二个参数是 keyword，返回的布尔值表示是否保留该选项
+     */
+    filterMethod: FunctionConstructor;
+    /**
+     * 搜索关键词正在输入时的去抖延迟，单位为毫秒
+     */
+    debounce: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * 过滤函数调用前，所要调用的钩子函数，该函数接收要过滤的值作为参数。如果该函数的返回值是 false 或者是一个被拒绝的 Promise，那么接下来的过滤逻辑便不会执行
+     */
+    beforeFilter: FunctionConstructor;
+    /**
+     * Cascader 下拉菜单和标签提示的自定义类名
+     */
+    popperClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Cascader 下拉菜单和标签提示的自定义样式
+     */
+    popperStyle: (StringConstructor | ObjectConstructor)[];
+    /**
+     * 弹层是否使用 teleport
+     */
+    teleported: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * tooltip 主题，内置了 dark / light 两种
+     * @since 2.10.5
+     * @values dark, light
+     */
+    effect: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 标签类型
+     * @values success, info, warning, danger
+     */
+    tagType: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * tag effect
+     * @since 2.7.8
+     * @values dark, light, plain
+     */
+    tagEffect: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 输入时是否触发表单的校验
+     */
+    validateEvent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 需要显示的 Tag 的最大数量 要使用此功能，collapseTags 的值必须为 true
+     * @since 2.3.10
+     */
+    maxCollapseTags: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * 组件的空值配置，参考 config-provider
+     * @since 2.7.0
+     */
+    emptyValues: ArrayConstructor;
+    /**
+     * 清空选项的值，参考 config-provider
+     * @since 2.7.0
+     */
+    valueOnClear: (StringConstructor | BooleanConstructor | FunctionConstructor | NumberConstructor)[];
+    /**
+     * 当下拉框未被激活并且 persistent 设置为 false，下拉框容器会被删除
+     * @since 2.7.8
+     */
+    persistent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Tooltip 可用的 positions 请查看 popper.js 文档
+     * @since 2.8.1
+     */
+    fallbackPlacements: {
+        type: ArrayConstructor;
+        default: () => string[];
+    };
+    /**
+     * 下拉框出现的位置
+     * @since 2.8.1
+     * @values top, top-start, top-end, bottom, bottom-start, bottom-end, left, left-start, left-end, right, right-start, right-end
+     */
+    placement: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 是否将弹出的内容直接插入到 body 元素。在弹出内容的边框定位出现问题时，可将该属性设置为 false
+     * @deprecated
+     */
+    popperAppendToBody: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 多选模式下已选节点的展示策略。当你想让显示更简洁时，使用 parent。当你想显示每个子项时，使用 child
+     * @since 2.10.5
+     * @values parent, child, all
+     */
+    showCheckedStrategy: {
+        type: StringConstructor;
+        default: string;
+    };
+    readonly: BooleanConstructor;
+    last: BooleanConstructor;
+    checkStrictly: BooleanConstructor;
+    labelKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    valueKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    emitPath: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    join: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    idAsValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    labelAsValue: BooleanConstructor;
+    treeDict: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    dictType: 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: (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: {
+        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)[];
+};
+export declare const manualBindProps: Record<string, boolean | undefined>;
+export declare const predicate: (propsKey: keyof typeof commonManualBindProps) => boolean;

package/{chunks/Czz_49pC.mjs → props/cascader.mjs}

@@ -1,14 +1,8 @@
-import { n as e, o as t } from "./BvKUeniN.mjs";
-import { n, t as r } from "./C6Dq9Dgb.mjs";
-import { useDictionary as i } from "../hook/useDictionary.mjs";
-import { findTreeChildren as a, isArray as o, isString as s, setParent as c } from "@web-utils/core";
-import { computed as l, createVNode as u, mergeProps as d } from "vue";
-import { cloneDeep as f } from "@web-utils/integrations/lodash";
-import { ElCascader as p } from "element-plus/es";
-//#region src/components/form/props/cascader.ts
-var m = {
-	...n,
-	...r,
+import { commonAutoBindProps as e, commonManualBindProps as t } from "./common.mjs";
+//#region src/props/cascader.ts
+var n = {
+	...t,
+	...e,
 	modelValue: [
 		String,
 		Number,
@@ -140,56 +134,12 @@ var m = {
 		default: !0
 	},
 	dictType: String
-}, h = {
+}, r = {
 	modelValue: !0,
 	readonly: !0,
 	disabled: !0,
 	props: !0,
 	valueOnClear: !0
-}, g = (e) => n[e] === void 0 && h[e] !== !0, _ = {
-	name: "FormCascader",
-	props: { ...m },
-	emits: { ...e },
-	setup(e, { emit: n, slots: r, attrs: m }) {
-		let { emitInput: h, render: _, placeholder: v, disabled: y, listeners: b, inputProps: x } = t(e, {
-			emit: n,
-			slots: r,
-			attrs: m,
-			predicate: g
-		}), { dictItems: S } = i(e), C = l(() => {
-			if (e.dictType) return S.value;
-			if (e.options) {
-				let t = f(e.options);
-				return e.last && c(t), t;
-			} else return [];
-		}), w = l(() => {
-			if (e.join) return o(e.modelValue) ? e.modelValue : s(e.modelValue) ? e.modelValue.split(e.separator) : [];
-			if (e.last) {
-				let [t] = a(C.value, (t) => t[e.valueKey] === e.modelValue), n = [];
-				for (; t;) n.push(t[e.valueKey]), t = t.parent;
-				return n.reverse();
-			}
-			return e.modelValue;
-		}), T = (t) => {
-			e.join && o(t) ? h(t.join(e.separator)) : h(e.last ? t[t.length - 1] : t);
-		};
-		return () => _({ vNodes: u(p, d(b.value, x.value, {
-			style: "width: 100%",
-			class: { "is-readonly": e.readonly },
-			"model-value": w.value,
-			options: C.value,
-			props: {
-				checkStrictly: e.checkStrictly,
-				label: e.labelKey,
-				value: e.valueKey,
-				emitPath: e.emitPath,
-				expandTrigger: "hover"
-			},
-			disabled: y.value,
-			placeholder: v.value,
-			"onUpdate:modelValue": T
-		}), null) });
-	}
-};
+}, i = (e) => t[e] === void 0 && r[e] !== !0;
 //#endregion
-export { _ as t };
+export { n as allProps, r as manualBindProps, i as predicate };

package/props/checkbox-group.d.ts

@@ -0,0 +1,213 @@
+import { commonManualBindProps } from './common.ts';
+export declare const allProps: {
+    /**
+     * 绑定值
+     */
+    modelValue: {
+        type: (StringConstructor | ArrayConstructor)[];
+        default: () => never[];
+    };
+    /**
+     * 多选框组尺寸
+     * @values large, default, small
+     */
+    size: StringConstructor;
+    /**
+     * 可被勾选的 checkbox 的最小数量
+     */
+    min: NumberConstructor;
+    /**
+     * 可被勾选的 checkbox 的最大数量
+     */
+    max: NumberConstructor;
+    /**
+     * 原生 aria-label 属性
+     * @since 2.7.2
+     */
+    ariaLabel: StringConstructor;
+    /**
+     * 当按钮为活跃状态时的字体颜色
+     */
+    textColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 当按钮为活跃状态时的边框和背景颜色
+     */
+    fill: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 复选框组元素标签
+     */
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 是否触发表单验证
+     */
+    validateEvent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 选项的数据源，value 的 key 和 label 和 disabled 可以通过 props 自定义
+     * @since 2.11.2
+     */
+    options: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    /**
+     * options 的配置
+     * @since 2.11.2
+     */
+    props: {
+        type: ObjectConstructor;
+        default: () => {
+            value: string;
+            label: string;
+            disabled: string;
+        };
+    };
+    /**
+     * 用于渲染选项的组件类型（例如 'button'）
+     * @since 2.11.5
+     * @values checkbox, button
+     */
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 是否输出字符串
+     */
+    stringMode: BooleanConstructor;
+    /**
+     * 输出字符串的分隔符
+     */
+    delimiter: {
+        type: StringConstructor;
+        default: string;
+    };
+    other: StringConstructor[];
+    otherVal: StringConstructor[];
+    otherProp: StringConstructor;
+    otherPlaceholder: StringConstructor;
+    otherLabel: StringConstructor;
+    otherWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+    otherMaxLength: StringConstructor;
+    gender: BooleanConstructor;
+    confirm: BooleanConstructor;
+    labelProp: {
+        type: StringConstructor;
+        default: string;
+    };
+    valueProp: {
+        type: StringConstructor;
+        default: string;
+    };
+    split: BooleanConstructor;
+    sort: BooleanConstructor;
+    classic: BooleanConstructor;
+    fillRow: BooleanConstructor;
+    ellipsis: BooleanConstructor;
+    dictType: 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)[];
+    };
+    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: {
+        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)[];
+};
+export declare const manualBindProps: Record<string, boolean | undefined>;
+export declare const predicate: (propsKey: keyof typeof commonManualBindProps) => boolean;

package/props/checkbox-group.mjs

@@ -0,0 +1,83 @@
+import { commonManualBindProps as e } from "./common.mjs";
+//#region src/props/checkbox-group.ts
+var t = {
+	...e,
+	modelValue: {
+		type: [Array, String],
+		default: () => []
+	},
+	size: String,
+	min: Number,
+	max: Number,
+	ariaLabel: String,
+	textColor: {
+		type: String,
+		default: "#ffffff"
+	},
+	fill: {
+		type: String,
+		default: "#409eff"
+	},
+	tag: {
+		type: String,
+		default: "div"
+	},
+	validateEvent: {
+		type: Boolean,
+		default: !0
+	},
+	options: {
+		type: Array,
+		default: () => []
+	},
+	props: {
+		type: Object,
+		default: () => ({
+			value: "value",
+			label: "label",
+			disabled: "disabled"
+		})
+	},
+	type: {
+		type: String,
+		default: "checkbox"
+	},
+	stringMode: Boolean,
+	delimiter: {
+		type: String,
+		default: ","
+	},
+	other: [String],
+	otherVal: [String],
+	otherProp: String,
+	otherPlaceholder: String,
+	otherLabel: String,
+	otherWidth: {
+		type: String,
+		default: "200px"
+	},
+	otherMaxLength: String,
+	gender: Boolean,
+	confirm: Boolean,
+	labelProp: {
+		type: String,
+		default: "name"
+	},
+	valueProp: {
+		type: String,
+		default: "code"
+	},
+	split: Boolean,
+	sort: Boolean,
+	classic: Boolean,
+	fillRow: Boolean,
+	ellipsis: Boolean,
+	dictType: String
+}, n = {
+	modelValue: !0,
+	type: !0,
+	disabled: !0,
+	options: !0
+}, r = (t) => e[t] === void 0 && n[t] !== !0;
+//#endregion
+export { t as allProps, n as manualBindProps, r as predicate };