tiddy 2.0.8 → 2.1.0

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import * as vue27 from "vue";
-import { AllowedComponentProps, CSSProperties, Component, DefineComponent, ExtractPublicPropTypes, PropType, Raw, Slot } from "vue";
+import * as vue54 from "vue";
+import { AllowedComponentProps, CSSProperties, Component, DefineComponent, ExtractPublicPropTypes, PropType, Raw, Ref as Ref$1, Slot } from "vue";
 import * as element_plus0 from "element-plus";
 import { DialogInstance, DialogProps, FormInstance, FormItemProp, FormItemProps, FormItemRule, FormProps, TableColumnInstance, TableInstance } from "element-plus";
 
@@ -39,7 +39,7 @@ declare const objectFieldPropsDef: {
     type: PropType<OrFunction<string | number>>;
   };
   labelPosition: {
-    type: PropType<"left" | "right" | "auto">;
+    type: PropType<FormProps["labelPosition"]>;
   };
   fields: {
     type: PropType<any[]>;
@@ -67,7 +67,7 @@ declare const widgetFieldPropsDef: {
     type: PropType<OrFunction<string | number>>;
   };
   labelPosition: {
-    type: PropType<"left" | "right" | "auto">;
+    type: PropType<FormProps["labelPosition"]>;
   };
   type: {
     type: PropType<"widget">;
@@ -145,7 +145,7 @@ declare const arrayFieldPropsDef: {
     type: PropType<OrFunction<string | number>>;
   };
   labelPosition: {
-    type: PropType<"left" | "right" | "auto">;
+    type: PropType<FormProps["labelPosition"]>;
   };
   fields: {
     type: PropType<any[]>;
@@ -197,7 +197,7 @@ declare const layoutFieldPropsDef: {
     type: PropType<OrFunction<string | number>>;
   };
   labelPosition: {
-    type: PropType<"left" | "right" | "auto">;
+    type: PropType<FormProps["labelPosition"]>;
   };
   fields: {
     type: PropType<any[]>;
@@ -252,7 +252,7 @@ declare function isValidateError(prop: string): boolean;
 declare const expose$1: {
   reValidateErrorFields: typeof reValidateErrorFields;
   isValidateError: typeof isValidateError;
-  model: vue27.ComputedRef<unknown>;
+  model: vue54.ComputedRef<unknown>;
 };
 type __TdFormExpose = typeof expose$1 & FormInstance;
 declare var __VLS_11$1: {}, __VLS_13$1: {}, __VLS_19$1: {};
@@ -263,24 +263,24 @@ type __VLS_Slots$3 = {} & {
 } & {
   suffix?: (props: typeof __VLS_19$1) => any;
 };
-declare const __VLS_base$3: vue27.DefineComponent<vue27.ExtractPropTypes<{
+declare const __VLS_base$3: vue54.DefineComponent<vue54.ExtractPropTypes<{
   fields: {
-    type: vue27.PropType<TdFormFieldProps[]>;
+    type: vue54.PropType<TdFormFieldProps[]>;
     default: () => never[];
   };
   item: {
-    type: vue27.PropType<element_plus0.FormItemProps>;
+    type: vue54.PropType<element_plus0.FormItemProps>;
     default: () => {};
   };
-}>, __TdFormExpose, {}, {}, {}, vue27.ComponentOptionsMixin, vue27.ComponentOptionsMixin, {
+}>, __TdFormExpose, {}, {}, {}, vue54.ComponentOptionsMixin, vue54.ComponentOptionsMixin, {
   submit: (data: any) => any;
-}, string, vue27.PublicProps, Readonly<vue27.ExtractPropTypes<{
+}, string, vue54.PublicProps, Readonly<vue54.ExtractPropTypes<{
   fields: {
-    type: vue27.PropType<TdFormFieldProps[]>;
+    type: vue54.PropType<TdFormFieldProps[]>;
     default: () => never[];
   };
   item: {
-    type: vue27.PropType<element_plus0.FormItemProps>;
+    type: vue54.PropType<element_plus0.FormItemProps>;
     default: () => {};
   };
 }>> & Readonly<{
@@ -288,7 +288,7 @@ declare const __VLS_base$3: vue27.DefineComponent<vue27.ExtractPropTypes<{
 }>, {
   fields: TdFormFieldProps[];
   item: element_plus0.FormItemProps;
-}, {}, {}, {}, string, vue27.ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, vue54.ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export$5: __VLS_WithSlots$3<typeof __VLS_base$3, __VLS_Slots$3>;
 declare const _default$1: typeof __VLS_export$5;
 type __VLS_WithSlots$3<T, S> = T & {
@@ -300,37 +300,37 @@ type __VLS_WithSlots$3<T, S> = T & {
 //#region src/form/form-item.vue.d.ts
 declare var __VLS_10: string | number, __VLS_11: any;
 type __VLS_Slots$2 = {} & { [K in NonNullable<typeof __VLS_10>]?: (props: typeof __VLS_11) => any };
-declare const __VLS_base$2: vue27.DefineComponent<vue27.ExtractPropTypes<{
+declare const __VLS_base$2: vue54.DefineComponent<vue54.ExtractPropTypes<{
   messageLabel: {
-    type: vue27.PropType<OrRef<string>>;
+    type: vue54.PropType<OrRef<string>>;
     default: string;
   };
   formatMessage: {
-    type: vue27.PropType<AnyFunction>;
+    type: vue54.PropType<AnyFunction>;
     default: null;
   };
   hideRequiredAsterisk: {
-    type: vue27.PropType<boolean>;
+    type: vue54.PropType<boolean>;
     default: boolean;
   };
-}>, {}, {}, {}, {}, vue27.ComponentOptionsMixin, vue27.ComponentOptionsMixin, {}, string, vue27.PublicProps, Readonly<vue27.ExtractPropTypes<{
+}>, {}, {}, {}, {}, vue54.ComponentOptionsMixin, vue54.ComponentOptionsMixin, {}, string, vue54.PublicProps, Readonly<vue54.ExtractPropTypes<{
   messageLabel: {
-    type: vue27.PropType<OrRef<string>>;
+    type: vue54.PropType<OrRef<string>>;
     default: string;
   };
   formatMessage: {
-    type: vue27.PropType<AnyFunction>;
+    type: vue54.PropType<AnyFunction>;
     default: null;
   };
   hideRequiredAsterisk: {
-    type: vue27.PropType<boolean>;
+    type: vue54.PropType<boolean>;
     default: boolean;
   };
 }>> & Readonly<{}>, {
+  hideRequiredAsterisk: boolean;
   messageLabel: any;
   formatMessage: AnyFunction;
-  hideRequiredAsterisk: boolean;
-}, {}, {}, {}, string, vue27.ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, vue54.ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export$4: __VLS_WithSlots$2<typeof __VLS_base$2, __VLS_Slots$2>;
 declare const _default$3: typeof __VLS_export$4;
 type __VLS_WithSlots$2<T, S> = T & {
@@ -340,7 +340,7 @@ type __VLS_WithSlots$2<T, S> = T & {
 };
 //#endregion
 //#region src/form/form-field.vue.d.ts
-declare const __VLS_export$3: vue27.DefineComponent<{}, {}, {}, {}, {}, vue27.ComponentOptionsMixin, vue27.ComponentOptionsMixin, {}, string, vue27.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue27.ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export$3: vue54.DefineComponent<{}, {}, {}, {}, {}, vue54.ComponentOptionsMixin, vue54.ComponentOptionsMixin, {}, string, vue54.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue54.ComponentProvideOptions, true, {}, any>;
 declare const _default$2: typeof __VLS_export$3;
 //#endregion
 //#region src/form/index.d.ts
@@ -352,16 +352,20 @@ type TdFormItemInstance = InstanceType<typeof _default$3>;
 type TableColumnProp = {
   slots: {
     type: PropType<OrArray<SlotDef>>;
-    default: () => null;
+    default: null;
   };
   columns: {
-    type: PropType<any[]>;
+    type: PropType<TdTableColumnProps[]>;
     default: () => never[];
   };
   transform: {
     type: PropType<AnyFunction[]>;
     default: () => never[];
   };
+  hide: {
+    type: PropType<boolean | Ref$1<boolean>>;
+    default: false;
+  };
 };
 type TdTableColumnProps = ExtractPublicPropTypes<TableColumnProp> & TableColumnInstance["$props"];
 declare const tableColumnPropsDef: TableColumnProp;
@@ -380,19 +384,19 @@ type __VLS_Slots$1 = {} & { [K in NonNullable<typeof __VLS_16>]?: (props: typeof
 } & {
   after?: (props: typeof __VLS_19) => any;
 };
-declare const __VLS_base$1: vue27.DefineComponent<vue27.ExtractPropTypes<{
+declare const __VLS_base$1: vue54.DefineComponent<vue54.ExtractPropTypes<{
   columns: {
-    type: vue27.PropType<TdTableColumnProps[]>;
+    type: vue54.PropType<TdTableColumnProps[]>;
     default: () => never[];
   };
-}>, TableInstance, {}, {}, {}, vue27.ComponentOptionsMixin, vue27.ComponentOptionsMixin, {}, string, vue27.PublicProps, Readonly<vue27.ExtractPropTypes<{
+}>, TableInstance, {}, {}, {}, vue54.ComponentOptionsMixin, vue54.ComponentOptionsMixin, {}, string, vue54.PublicProps, Readonly<vue54.ExtractPropTypes<{
   columns: {
-    type: vue27.PropType<TdTableColumnProps[]>;
+    type: vue54.PropType<TdTableColumnProps[]>;
     default: () => never[];
   };
 }>> & Readonly<{}>, {
   columns: TdTableColumnProps[];
-}, {}, {}, {}, string, vue27.ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, vue54.ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export$2: __VLS_WithSlots$1<typeof __VLS_base$1, __VLS_Slots$1>;
 declare const _default$4: typeof __VLS_export$2;
 type __VLS_WithSlots$1<T, S> = T & {
@@ -402,37 +406,46 @@ type __VLS_WithSlots$1<T, S> = T & {
 };
 //#endregion
 //#region src/table/table-col.vue.d.ts
-declare const __VLS_export$1: vue27.DefineComponent<vue27.ExtractPropTypes<{
+declare const __VLS_export$1: vue54.DefineComponent<vue54.ExtractPropTypes<{
   slots: {
-    type: vue27.PropType<OrArray<SlotDef>>;
-    default: () => null;
+    type: vue54.PropType<OrArray<SlotDef>>;
+    default: null;
   };
   columns: {
-    type: vue27.PropType<any[]>;
+    type: vue54.PropType<TdTableColumnProps[]>;
     default: () => never[];
   };
   transform: {
-    type: vue27.PropType<AnyFunction[]>;
+    type: vue54.PropType<AnyFunction[]>;
     default: () => never[];
   };
-}>, {}, {}, {}, {}, vue27.ComponentOptionsMixin, vue27.ComponentOptionsMixin, {}, string, vue27.PublicProps, Readonly<vue27.ExtractPropTypes<{
+  hide: {
+    type: vue54.PropType<boolean | vue54.Ref<boolean>>;
+    default: false;
+  };
+}>, {}, {}, {}, {}, vue54.ComponentOptionsMixin, vue54.ComponentOptionsMixin, {}, string, vue54.PublicProps, Readonly<vue54.ExtractPropTypes<{
   slots: {
-    type: vue27.PropType<OrArray<SlotDef>>;
-    default: () => null;
+    type: vue54.PropType<OrArray<SlotDef>>;
+    default: null;
   };
   columns: {
-    type: vue27.PropType<any[]>;
+    type: vue54.PropType<TdTableColumnProps[]>;
     default: () => never[];
   };
   transform: {
-    type: vue27.PropType<AnyFunction[]>;
+    type: vue54.PropType<AnyFunction[]>;
     default: () => never[];
   };
+  hide: {
+    type: vue54.PropType<boolean | vue54.Ref<boolean>>;
+    default: false;
+  };
 }>> & Readonly<{}>, {
   slots: OrArray<SlotDef>;
-  columns: any[];
+  columns: TdTableColumnProps[];
   transform: AnyFunction[];
-}, {}, {}, {}, string, vue27.ComponentProvideOptions, true, {}, any>;
+  hide: boolean | vue54.Ref<boolean, boolean>;
+}, {}, {}, {}, string, vue54.ComponentProvideOptions, true, {}, any>;
 declare const _default$5: typeof __VLS_export$1;
 //#endregion
 //#region src/table/index.d.ts
@@ -465,7 +478,7 @@ declare var __VLS_13: "default" | "title" | "header" | "footer", __VLS_14: {
     titleClass?: string | undefined;
   };
 type __VLS_Slots = {} & { [K in NonNullable<typeof __VLS_13>]?: (props: typeof __VLS_14) => any };
-declare const __VLS_base: vue27.DefineComponent<{}, __TdDialogExpose, {}, {}, {}, vue27.ComponentOptionsMixin, vue27.ComponentOptionsMixin, {}, string, vue27.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue27.ComponentProvideOptions, true, {}, any>;
+declare const __VLS_base: vue54.DefineComponent<{}, __TdDialogExpose, {}, {}, {}, vue54.ComponentOptionsMixin, vue54.ComponentOptionsMixin, {}, string, vue54.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue54.ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {
@@ -479,10 +492,10 @@ type Instance = InstanceType<typeof _default>;
 type TdDialogInstance = Instance & Omit<DialogInstance, keyof Instance & string>;
 //#endregion
 //#region src/hooks/use-reuse.d.ts
-declare function useReuse(): (vue27.DefineComponent<{}, () => null, {}, {}, {}, vue27.ComponentOptionsMixin, vue27.ComponentOptionsMixin, {}, string, vue27.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue27.ComponentProvideOptions, true, {}, any> | vue27.DefineComponent<{}, () => vue27.VNode<vue27.RendererNode, vue27.RendererElement, {
+declare function useReuse(): (vue54.DefineComponent<{}, () => null, {}, {}, {}, vue54.ComponentOptionsMixin, vue54.ComponentOptionsMixin, {}, string, vue54.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue54.ComponentProvideOptions, true, {}, any> | vue54.DefineComponent<{}, () => vue54.VNode<vue54.RendererNode, vue54.RendererElement, {
   [key: string]: any;
-}>[] | undefined, {}, {}, {}, vue27.ComponentOptionsMixin, vue27.ComponentOptionsMixin, {}, string, vue27.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue27.ComponentProvideOptions, true, {}, any> | vue27.ComputedRef<Readonly<{
-  [name: string]: vue27.Slot<any> | undefined;
+}>[] | undefined, {}, {}, {}, vue54.ComponentOptionsMixin, vue54.ComponentOptionsMixin, {}, string, vue54.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue54.ComponentProvideOptions, true, {}, any> | vue54.ComputedRef<Readonly<{
+  [name: string]: vue54.Slot<any> | undefined;
 }>>)[];
 //#endregion
 //#region src/utils/index.d.ts

package/dist/index.js

@@ -413,15 +413,14 @@ var widget_field_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 		const props = __props;
 		const attrs = useAttrs();
 		const formCtx = inject(formCtxKey);
-		const tempValue = shallowRef(props.formatter(getDeepValue(formCtx.model, attrs["full-prop"])));
+		const modelModifiers = computed(() => Object.fromEntries(props.modifiers.map((m) => [m, true])));
 		const widgetModel = computed({
 			get() {
-				if (props.modifiers.includes("lazy")) return tempValue.value;
 				return props.formatter(getDeepValue(formCtx.model, attrs["full-prop"]));
 			},
 			set(v) {
-				if (props.modifiers.includes("lazy")) tempValue.value = v;
-				else updateModelValue(v);
+				const parsed = props.parser(v);
+				setDeepValue(formCtx.model, attrs["full-prop"], parsed);
 			}
 		});
 		if (!isNullOrUndef(props.default)) widgetModel.value = props.default;
@@ -435,15 +434,6 @@ var widget_field_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 				...pick(props, ["rules", /^label/])
 			};
 		});
-		function onModelChange() {
-			if (props.modifiers.includes("lazy")) updateModelValue(tempValue.value);
-		}
-		function updateModelValue(v) {
-			const parsed = props.parser(v);
-			if (props.modifiers.includes("trim")) setDeepValue(formCtx.model, attrs["full-prop"], parsed.trim());
-			else if (props.modifiers.includes("number")) setDeepValue(formCtx.model, attrs["full-prop"], Number(parsed));
-			else setDeepValue(formCtx.model, attrs["full-prop"], parsed);
-		}
 		const Widget = resolveWidget(props.component);
 		const widgetAttrs = computed(() => {
 			return {
@@ -467,9 +457,10 @@ var widget_field_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 							"ctx-key": unref(formCtxKey)
 						}), null, 16, ["scope", "ctx-key"]);
 					}), 128)),
-					!!unref(Widget) ? (openBlock(), createBlock(unref(Widget), mergeProps({ key: 0 }, widgetAttrs.value, { onBlur: onModelChange }, toHandlers(_ctx.on), {
+					!!unref(Widget) ? (openBlock(), createBlock(unref(Widget), mergeProps({ key: 0 }, widgetAttrs.value, toHandlers(_ctx.on), {
 						modelValue: widgetModel.value,
 						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => widgetModel.value = $event),
+						modelModifiers: modelModifiers.value,
 						class: "widget-component"
 					}), createSlots({ _: 2 }, [renderList(unref(widgetSlots), (sc) => {
 						return {
@@ -479,7 +470,7 @@ var widget_field_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 								"ctx-key": unref(formCtxKey)
 							}), null, 16, ["scope", "ctx-key"])])
 						};
-					})]), 1040, ["modelValue"])) : createCommentVNode("v-if", true),
+					})]), 1040, ["modelValue", "modelModifiers"])) : createCommentVNode("v-if", true),
 					(openBlock(true), createElementBlock(Fragment, null, renderList(unref(afterSlots), (ssc) => {
 						return openBlock(), createBlock(deep_slot_default, mergeProps({ key: ssc.name }, { ref_for: true }, ssc, {
 							scope: { value: widgetModel.value },
@@ -557,9 +548,9 @@ var array_field_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 				temp.splice(index + 1, 0, current);
 				updateValue(temp);
 			},
-			add(index) {
+			add(index, newValue) {
 				const temp = values.value.slice();
-				const rawValue = props.rawValue?.() || {};
+				const rawValue = newValue instanceof Event || isNullOrUndef(newValue) ? props.rawValue?.() || {} : newValue;
 				temp.splice(index + 1, 0, rawValue);
 				updateValue(temp);
 			},
@@ -613,7 +604,9 @@ var array_field_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 						first: !vi,
 						last: vi === values.value.length - 1,
 						empty: false,
-						single: values.value.length === 1
+						single: values.value.length === 1,
+						row: v,
+						"full-prop": parentFullProp.value
 					}, null, 8, [
 						"up",
 						"down",
@@ -622,7 +615,9 @@ var array_field_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 						"index",
 						"first",
 						"last",
-						"single"
+						"single",
+						"row",
+						"full-prop"
 					])) : createCommentVNode("v-if", true)])], 4);
 				}), 128))]),
 				_: 1
@@ -790,7 +785,7 @@ const tableColumnPropsDef = {
 			Object,
 			String
 		],
-		default: () => null
+		default: null
 	},
 	columns: {
 		type: Array,
@@ -799,6 +794,10 @@ const tableColumnPropsDef = {
 	transform: {
 		type: Array,
 		default: () => []
+	},
+	hide: {
+		type: [Boolean, Object],
+		default: false
 	}
 };
 const tablePropsDef = { columns: {
@@ -816,6 +815,7 @@ var table_col_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 	setup(__props) {
 		const props = __props;
 		const attrs = useAttrs();
+		const visibleColumns = computed(() => props.columns.filter((col) => !unref(col.hide)));
 		function filtered(scope) {
 			const { row, column } = scope;
 			return props.transform.reduce((res, filter) => filter(res, row, column), getDeepValue(row, column.property));
@@ -824,7 +824,7 @@ var table_col_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 		return (_ctx, _cache) => {
 			const _component_TdTableCol = resolveComponent("TdTableCol");
 			return openBlock(), createBlock(unref(ElTableColumn), normalizeProps(guardReactiveProps(_ctx.$attrs)), createSlots({
-				default: withCtx(() => [_ctx.columns.length ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.columns, (col) => {
+				default: withCtx(() => [visibleColumns.value.length ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(visibleColumns.value, (col) => {
 					return openBlock(), createBlock(_component_TdTableCol, mergeProps({ key: col.label }, { ref_for: true }, col), null, 16);
 				}), 128)) : createCommentVNode("v-if", true)]),
 				_: 2
@@ -857,6 +857,8 @@ var table_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 	__name: "table",
 	props: tablePropsDef,
 	setup(__props, { expose: __expose }) {
+		const props = __props;
+		const visibleColumns = computed(() => props.columns.filter((col) => !unref(col.hide)));
 		const slots = useSlots();
 		const tableRef = ref(null);
 		const slotNames = computed(() => Object.keys(slots));
@@ -876,7 +878,7 @@ var table_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 					ref_key: "tableRef",
 					ref: tableRef
 				}, _ctx.$attrs), createSlots({
-					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, (col) => {
+					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(visibleColumns.value, (col) => {
 						return openBlock(), createBlock(table_col_default, mergeProps({ key: col.label }, { ref_for: true }, col), null, 16);
 					}), 128))]),
 					_: 2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tiddy",
-  "version": "2.0.8",
+  "version": "2.1.0",
   "packageManager": "pnpm@10.11.0",
   "description": "A set of Vue 3 components based on element-plus",
   "type": "module",