tiddy 2.0.9 → 2.2.0

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import * as vue32 from "vue";
+import * as vue51 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";
@@ -252,7 +252,7 @@ declare function isValidateError(prop: string): boolean;
 declare const expose$1: {
   reValidateErrorFields: typeof reValidateErrorFields;
   isValidateError: typeof isValidateError;
-  model: vue32.ComputedRef<unknown>;
+  model: vue51.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: vue32.DefineComponent<vue32.ExtractPropTypes<{
+declare const __VLS_base$3: vue51.DefineComponent<vue51.ExtractPropTypes<{
   fields: {
-    type: vue32.PropType<TdFormFieldProps[]>;
+    type: vue51.PropType<TdFormFieldProps[]>;
     default: () => never[];
   };
   item: {
-    type: vue32.PropType<element_plus0.FormItemProps>;
+    type: vue51.PropType<element_plus0.FormItemProps>;
     default: () => {};
   };
-}>, __TdFormExpose, {}, {}, {}, vue32.ComponentOptionsMixin, vue32.ComponentOptionsMixin, {
+}>, __TdFormExpose, {}, {}, {}, vue51.ComponentOptionsMixin, vue51.ComponentOptionsMixin, {
   submit: (data: any) => any;
-}, string, vue32.PublicProps, Readonly<vue32.ExtractPropTypes<{
+}, string, vue51.PublicProps, Readonly<vue51.ExtractPropTypes<{
   fields: {
-    type: vue32.PropType<TdFormFieldProps[]>;
+    type: vue51.PropType<TdFormFieldProps[]>;
     default: () => never[];
   };
   item: {
-    type: vue32.PropType<element_plus0.FormItemProps>;
+    type: vue51.PropType<element_plus0.FormItemProps>;
     default: () => {};
   };
 }>> & Readonly<{
@@ -288,7 +288,7 @@ declare const __VLS_base$3: vue32.DefineComponent<vue32.ExtractPropTypes<{
 }>, {
   fields: TdFormFieldProps[];
   item: element_plus0.FormItemProps;
-}, {}, {}, {}, string, vue32.ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, vue51.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: vue32.DefineComponent<vue32.ExtractPropTypes<{
+declare const __VLS_base$2: vue51.DefineComponent<vue51.ExtractPropTypes<{
   messageLabel: {
-    type: vue32.PropType<OrRef<string>>;
+    type: vue51.PropType<OrRef<string>>;
     default: string;
   };
   formatMessage: {
-    type: vue32.PropType<AnyFunction>;
+    type: vue51.PropType<AnyFunction>;
     default: null;
   };
   hideRequiredAsterisk: {
-    type: vue32.PropType<boolean>;
+    type: vue51.PropType<boolean>;
     default: boolean;
   };
-}>, {}, {}, {}, {}, vue32.ComponentOptionsMixin, vue32.ComponentOptionsMixin, {}, string, vue32.PublicProps, Readonly<vue32.ExtractPropTypes<{
+}>, {}, {}, {}, {}, vue51.ComponentOptionsMixin, vue51.ComponentOptionsMixin, {}, string, vue51.PublicProps, Readonly<vue51.ExtractPropTypes<{
   messageLabel: {
-    type: vue32.PropType<OrRef<string>>;
+    type: vue51.PropType<OrRef<string>>;
     default: string;
   };
   formatMessage: {
-    type: vue32.PropType<AnyFunction>;
+    type: vue51.PropType<AnyFunction>;
     default: null;
   };
   hideRequiredAsterisk: {
-    type: vue32.PropType<boolean>;
+    type: vue51.PropType<boolean>;
     default: boolean;
   };
 }>> & Readonly<{}>, {
   hideRequiredAsterisk: boolean;
   messageLabel: any;
   formatMessage: AnyFunction;
-}, {}, {}, {}, string, vue32.ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, vue51.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: vue32.DefineComponent<{}, {}, {}, {}, {}, vue32.ComponentOptionsMixin, vue32.ComponentOptionsMixin, {}, string, vue32.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue32.ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export$3: vue51.DefineComponent<{}, {}, {}, {}, {}, vue51.ComponentOptionsMixin, vue51.ComponentOptionsMixin, {}, string, vue51.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue51.ComponentProvideOptions, true, {}, any>;
 declare const _default$2: typeof __VLS_export$3;
 //#endregion
 //#region src/form/index.d.ts
@@ -366,6 +366,10 @@ type TableColumnProp = {
     type: PropType<boolean | Ref$1<boolean>>;
     default: false;
   };
+  dangerouslyUseHTMLString: {
+    type: PropType<boolean | Ref$1<boolean>>;
+    default: false;
+  };
 };
 type TdTableColumnProps = ExtractPublicPropTypes<TableColumnProp> & TableColumnInstance["$props"];
 declare const tableColumnPropsDef: TableColumnProp;
@@ -384,19 +388,19 @@ type __VLS_Slots$1 = {} & { [K in NonNullable<typeof __VLS_16>]?: (props: typeof
 } & {
   after?: (props: typeof __VLS_19) => any;
 };
-declare const __VLS_base$1: vue32.DefineComponent<vue32.ExtractPropTypes<{
+declare const __VLS_base$1: vue51.DefineComponent<vue51.ExtractPropTypes<{
   columns: {
-    type: vue32.PropType<TdTableColumnProps[]>;
+    type: vue51.PropType<TdTableColumnProps[]>;
     default: () => never[];
   };
-}>, TableInstance, {}, {}, {}, vue32.ComponentOptionsMixin, vue32.ComponentOptionsMixin, {}, string, vue32.PublicProps, Readonly<vue32.ExtractPropTypes<{
+}>, TableInstance, {}, {}, {}, vue51.ComponentOptionsMixin, vue51.ComponentOptionsMixin, {}, string, vue51.PublicProps, Readonly<vue51.ExtractPropTypes<{
   columns: {
-    type: vue32.PropType<TdTableColumnProps[]>;
+    type: vue51.PropType<TdTableColumnProps[]>;
     default: () => never[];
   };
 }>> & Readonly<{}>, {
   columns: TdTableColumnProps[];
-}, {}, {}, {}, string, vue32.ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, vue51.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 & {
@@ -406,46 +410,55 @@ type __VLS_WithSlots$1<T, S> = T & {
 };
 //#endregion
 //#region src/table/table-col.vue.d.ts
-declare const __VLS_export$1: vue32.DefineComponent<vue32.ExtractPropTypes<{
+declare const __VLS_export$1: vue51.DefineComponent<vue51.ExtractPropTypes<{
   slots: {
-    type: vue32.PropType<OrArray<SlotDef>>;
+    type: vue51.PropType<OrArray<SlotDef>>;
     default: null;
   };
   columns: {
-    type: vue32.PropType<TdTableColumnProps[]>;
+    type: vue51.PropType<TdTableColumnProps[]>;
     default: () => never[];
   };
   transform: {
-    type: vue32.PropType<AnyFunction[]>;
+    type: vue51.PropType<AnyFunction[]>;
     default: () => never[];
   };
   hide: {
-    type: vue32.PropType<boolean | vue32.Ref<boolean>>;
+    type: vue51.PropType<boolean | vue51.Ref<boolean>>;
     default: false;
   };
-}>, {}, {}, {}, {}, vue32.ComponentOptionsMixin, vue32.ComponentOptionsMixin, {}, string, vue32.PublicProps, Readonly<vue32.ExtractPropTypes<{
+  dangerouslyUseHTMLString: {
+    type: vue51.PropType<boolean | vue51.Ref<boolean>>;
+    default: false;
+  };
+}>, {}, {}, {}, {}, vue51.ComponentOptionsMixin, vue51.ComponentOptionsMixin, {}, string, vue51.PublicProps, Readonly<vue51.ExtractPropTypes<{
   slots: {
-    type: vue32.PropType<OrArray<SlotDef>>;
+    type: vue51.PropType<OrArray<SlotDef>>;
     default: null;
   };
   columns: {
-    type: vue32.PropType<TdTableColumnProps[]>;
+    type: vue51.PropType<TdTableColumnProps[]>;
     default: () => never[];
   };
   transform: {
-    type: vue32.PropType<AnyFunction[]>;
+    type: vue51.PropType<AnyFunction[]>;
     default: () => never[];
   };
   hide: {
-    type: vue32.PropType<boolean | vue32.Ref<boolean>>;
+    type: vue51.PropType<boolean | vue51.Ref<boolean>>;
+    default: false;
+  };
+  dangerouslyUseHTMLString: {
+    type: vue51.PropType<boolean | vue51.Ref<boolean>>;
     default: false;
   };
 }>> & Readonly<{}>, {
-  hide: boolean | vue32.Ref<boolean, boolean>;
   slots: OrArray<SlotDef>;
   columns: TdTableColumnProps[];
   transform: AnyFunction[];
-}, {}, {}, {}, string, vue32.ComponentProvideOptions, true, {}, any>;
+  hide: boolean | vue51.Ref<boolean, boolean>;
+  dangerouslyUseHTMLString: boolean | vue51.Ref<boolean, boolean>;
+}, {}, {}, {}, string, vue51.ComponentProvideOptions, true, {}, any>;
 declare const _default$5: typeof __VLS_export$1;
 //#endregion
 //#region src/table/index.d.ts
@@ -478,7 +491,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: vue32.DefineComponent<{}, __TdDialogExpose, {}, {}, {}, vue32.ComponentOptionsMixin, vue32.ComponentOptionsMixin, {}, string, vue32.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue32.ComponentProvideOptions, true, {}, any>;
+declare const __VLS_base: vue51.DefineComponent<{}, __TdDialogExpose, {}, {}, {}, vue51.ComponentOptionsMixin, vue51.ComponentOptionsMixin, {}, string, vue51.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue51.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 & {
@@ -492,10 +505,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(): (vue32.DefineComponent<{}, () => null, {}, {}, {}, vue32.ComponentOptionsMixin, vue32.ComponentOptionsMixin, {}, string, vue32.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue32.ComponentProvideOptions, true, {}, any> | vue32.DefineComponent<{}, () => vue32.VNode<vue32.RendererNode, vue32.RendererElement, {
+declare function useReuse(): (vue51.DefineComponent<{}, () => null, {}, {}, {}, vue51.ComponentOptionsMixin, vue51.ComponentOptionsMixin, {}, string, vue51.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue51.ComponentProvideOptions, true, {}, any> | vue51.DefineComponent<{}, () => vue51.VNode<vue51.RendererNode, vue51.RendererElement, {
   [key: string]: any;
-}>[] | undefined, {}, {}, {}, vue32.ComponentOptionsMixin, vue32.ComponentOptionsMixin, {}, string, vue32.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue32.ComponentProvideOptions, true, {}, any> | vue32.ComputedRef<Readonly<{
-  [name: string]: vue32.Slot<any> | undefined;
+}>[] | undefined, {}, {}, {}, vue51.ComponentOptionsMixin, vue51.ComponentOptionsMixin, {}, string, vue51.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue51.ComponentProvideOptions, true, {}, any> | vue51.ComputedRef<Readonly<{
+  [name: string]: vue51.Slot<any> | undefined;
 }>>)[];
 //#endregion
 //#region src/utils/index.d.ts

package/dist/index.js

@@ -1,4 +1,4 @@
-import { Fragment, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, guardReactiveProps, inject, isRef, markRaw, mergeProps, normalizeClass, normalizeProps, normalizeStyle, onMounted, openBlock, provide, reactive, ref, renderList, renderSlot, resolveComponent, resolveDynamicComponent, shallowRef, toDisplayString, toHandlers, toRaw, toRef, unref, useAttrs, useSlots, useTemplateRef, withCtx, withModifiers } from "vue";
+import { Fragment, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, guardReactiveProps, h, inject, isRef, markRaw, mergeProps, normalizeClass, normalizeProps, normalizeStyle, onMounted, openBlock, provide, reactive, ref, renderList, renderSlot, resolveComponent, resolveDynamicComponent, shallowRef, toDisplayString, toHandlers, toRaw, toRef, unref, useAttrs, useSlots, useTemplateRef, withCtx, withModifiers } from "vue";
 import { ElDialog, ElForm, ElFormItem, ElTable, ElTableColumn, useNamespace } from "element-plus";
 import { cut, ensureArray, getDeepValue, groupBy, isFunction, isNullOrUndef, isObject, isString, pick, setDeepValue, toCamelCase, toKebabCase, uid } from "yatter";
 
@@ -414,7 +414,6 @@ var widget_field_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 		const attrs = useAttrs();
 		const formCtx = inject(formCtxKey);
 		const modelModifiers = computed(() => Object.fromEntries(props.modifiers.map((m) => [m, true])));
-		console.log(modelModifiers.value);
 		const widgetModel = computed({
 			get() {
 				return props.formatter(getDeepValue(formCtx.model, attrs["full-prop"]));
@@ -499,7 +498,7 @@ var widget_field_default = widget_field_vue_vue_type_script_setup_true_lang_defa
 
 //#endregion
 //#region src/form/array-field.vue?vue&type=script&setup=true&lang.ts
-const _hoisted_1$1 = { class: "row-item" };
+const _hoisted_1 = { class: "row-item" };
 const _hoisted_2 = { class: "row-action" };
 var array_field_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
@@ -549,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);
 			},
@@ -582,7 +581,7 @@ var array_field_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 						key: unref(getKey)(v),
 						class: "list-row",
 						style: normalizeStyle(_ctx.lineStyle)
-					}, [createElementVNode("div", _hoisted_1$1, [createVNode(form_field_default, mergeProps({ "name-space": "layout-form-item" }, { ref_for: true }, fieldProps.value, {
+					}, [createElementVNode("div", _hoisted_1, [createVNode(form_field_default, mergeProps({ "name-space": "layout-form-item" }, { ref_for: true }, fieldProps.value, {
 						label: indexProp(_ctx.label, vi),
 						"label-width": indexProp(_ctx.labelWidth, vi),
 						"label-position": indexProp(_ctx.labelPosition, vi),
@@ -605,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",
@@ -614,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
@@ -795,6 +798,10 @@ const tableColumnPropsDef = {
 	hide: {
 		type: [Boolean, Object],
 		default: false
+	},
+	dangerouslyUseHTMLString: {
+		type: [Boolean, Object],
+		default: false
 	}
 };
 const tablePropsDef = { columns: {
@@ -804,7 +811,6 @@ const tablePropsDef = { columns: {
 
 //#endregion
 //#region src/table/table-col.vue?vue&type=script&setup=true&lang.ts
-const _hoisted_1 = ["innerHTML"];
 var table_col_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	name: "TdTableCol",
 	__name: "table-col",
@@ -813,9 +819,11 @@ var table_col_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 		const props = __props;
 		const attrs = useAttrs();
 		const visibleColumns = computed(() => props.columns.filter((col) => !unref(col.hide)));
-		function filtered(scope) {
+		function renderer(scope) {
 			const { row, column } = scope;
-			return props.transform.reduce((res, filter) => filter(res, row, column), getDeepValue(row, column.property));
+			const nodes = props.transform.reduce((res, filter) => filter(res, row, column), getDeepValue(row, column.property));
+			if (props.dangerouslyUseHTMLString) return h("div", { innerHTML: nodes });
+			return h("div", null, ensureArray(nodes));
 		}
 		const columnSlots = inject(tableCtxKey).getParentSlots(resolveSlotNames(props.slots, attrs.prop));
 		return (_ctx, _cache) => {
@@ -835,7 +843,7 @@ var table_col_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 				};
 			}), _ctx.transform.length ? {
 				name: "default",
-				fn: withCtx((scope) => [createElementVNode("div", { innerHTML: filtered(scope) }, null, 8, _hoisted_1)]),
+				fn: withCtx((scope) => [(openBlock(), createBlock(resolveDynamicComponent(renderer(scope))))]),
 				key: "0"
 			} : void 0]), 1040);
 		};

package/package.json

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