yc-pro-components 0.0.17 → 0.0.19

package/es/components/display-item/src/index.vue.d.ts

@@ -77,9 +77,9 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
     row: RecordType;
     editable: boolean | "click" | "dblclick";
 }, {}>, Partial<Record<string, (_: {
-    column: Readonly<Omit< LooseRequired<PlusFormItemProps>, "index" | "label" | "tooltip" | "formItemProps" | "fieldProps" | "options" | "modelValue" | "fieldSlots" | "fieldChildrenSlot" | "hasLabel" | "clearable" | "valueType" | "renderField" | "renderLabel" | "renderErrorMessage" | "optionsMap" | "autoDict">> & {
+    column: Readonly<Omit< LooseRequired<PlusFormItemProps>, "index" | "modelValue" | "label" | "tooltip" | "formItemProps" | "fieldProps" | "options" | "fieldSlots" | "fieldChildrenSlot" | "hasLabel" | "clearable" | "valueType" | "renderField" | "renderLabel" | "renderErrorMessage" | "optionsMap" | "autoDict">> & {
         readonly label: string | ComputedRef<string>;
-        readonly modelValue: string | number | boolean | string[] | [string, string] | RecordType | Date | boolean[] | number[] | Date[] | [Date, Date] | [number, number] | string[][] | number[][] | null;
+        readonly modelValue: string | number | boolean | string[] | [string, string] | boolean[] | RecordType | Date | number[] | Date[] | [Date, Date] | [number, number] | string[][] | number[][] | null;
         readonly hasLabel: boolean | Ref<boolean> | ComputedRef<boolean>;
         readonly tooltip: string | ComputedRef<string> | Partial< Mutable<ElTooltipProps> & {
             style?: CSSProperties | undefined;
@@ -106,7 +106,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
             };
             rows: number;
             autocomplete: string;
-            type: "" | "number" | "default" | "color" | "search" | "button" | "textarea" | "time" | "circle" | "image" | "line" | "text" | "datetimerange" | "daterange" | "monthrange" | "checkbox" | "radio" | "success" | "warning" | "info" | "primary" | "danger" | "reset" | "submit" | "hidden" | "range" | "date" | "year" | "years" | "month" | "dates" | "week" | "datetime" | "dashboard" | "datetime-local" | "email" | "file" | "password" | "tel" | "url";
+            type: "" | "number" | "default" | "search" | "button" | "textarea" | "time" | "circle" | "image" | "line" | "text" | "datetimerange" | "daterange" | "monthrange" | "checkbox" | "radio" | "color" | "success" | "warning" | "info" | "primary" | "danger" | "reset" | "submit" | "hidden" | "range" | "date" | "year" | "years" | "month" | "dates" | "week" | "datetime" | "dashboard" | "datetime-local" | "email" | "file" | "password" | "tel" | "url";
             loading: EpPropMergeType<BooleanConstructor, unknown, unknown> | EpPropMergeType<StringConstructor, "lazy" | "eager", unknown> | undefined;
             step: string | number;
             format: string | ProgressFn | undefined;
@@ -151,7 +151,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
     fieldInstance?: any;
     valueIsReady?: Ref<boolean> | undefined;
     prop: string;
-    modelValue: string | number | boolean | string[] | [string, string] | RecordType | Date | boolean[] | number[] | Date[] | [Date, Date] | [number, number] | string[][] | number[][] | null;
+    modelValue: string | number | boolean | string[] | [string, string] | boolean[] | RecordType | Date | number[] | Date[] | [Date, Date] | [number, number] | string[][] | number[][] | null;
     hasLabel: boolean | Ref<boolean> | ComputedRef<boolean>;
     tooltip: string | ComputedRef<string> | Partial< Mutable<ElTooltipProps> & {
         style?: CSSProperties | undefined;
@@ -185,9 +185,9 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
     clearable: boolean;
     index: number;
 }) => any>> & Partial<Record<string, (_: {
-    column: Readonly<Omit< LooseRequired<PlusFormItemProps>, "index" | "label" | "tooltip" | "formItemProps" | "fieldProps" | "options" | "modelValue" | "fieldSlots" | "fieldChildrenSlot" | "hasLabel" | "clearable" | "valueType" | "renderField" | "renderLabel" | "renderErrorMessage" | "optionsMap" | "autoDict">> & {
+    column: Readonly<Omit< LooseRequired<PlusFormItemProps>, "index" | "modelValue" | "label" | "tooltip" | "formItemProps" | "fieldProps" | "options" | "fieldSlots" | "fieldChildrenSlot" | "hasLabel" | "clearable" | "valueType" | "renderField" | "renderLabel" | "renderErrorMessage" | "optionsMap" | "autoDict">> & {
         readonly label: string | ComputedRef<string>;
-        readonly modelValue: string | number | boolean | string[] | [string, string] | RecordType | Date | boolean[] | number[] | Date[] | [Date, Date] | [number, number] | string[][] | number[][] | null;
+        readonly modelValue: string | number | boolean | string[] | [string, string] | boolean[] | RecordType | Date | number[] | Date[] | [Date, Date] | [number, number] | string[][] | number[][] | null;
         readonly hasLabel: boolean | Ref<boolean> | ComputedRef<boolean>;
         readonly tooltip: string | ComputedRef<string> | Partial< Mutable<ElTooltipProps> & {
             style?: CSSProperties | undefined;
@@ -214,7 +214,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
             };
             rows: number;
             autocomplete: string;
-            type: "" | "number" | "default" | "color" | "search" | "button" | "textarea" | "time" | "circle" | "image" | "line" | "text" | "datetimerange" | "daterange" | "monthrange" | "checkbox" | "radio" | "success" | "warning" | "info" | "primary" | "danger" | "reset" | "submit" | "hidden" | "range" | "date" | "year" | "years" | "month" | "dates" | "week" | "datetime" | "dashboard" | "datetime-local" | "email" | "file" | "password" | "tel" | "url";
+            type: "" | "number" | "default" | "search" | "button" | "textarea" | "time" | "circle" | "image" | "line" | "text" | "datetimerange" | "daterange" | "monthrange" | "checkbox" | "radio" | "color" | "success" | "warning" | "info" | "primary" | "danger" | "reset" | "submit" | "hidden" | "range" | "date" | "year" | "years" | "month" | "dates" | "week" | "datetime" | "dashboard" | "datetime-local" | "email" | "file" | "password" | "tel" | "url";
             loading: EpPropMergeType<BooleanConstructor, unknown, unknown> | EpPropMergeType<StringConstructor, "lazy" | "eager", unknown> | undefined;
             step: string | number;
             format: string | ProgressFn | undefined;
@@ -259,7 +259,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
     fieldInstance?: any;
     valueIsReady?: Ref<boolean> | undefined;
     prop: string;
-    modelValue: string | number | boolean | string[] | [string, string] | RecordType | Date | boolean[] | number[] | Date[] | [Date, Date] | [number, number] | string[][] | number[][] | null;
+    modelValue: string | number | boolean | string[] | [string, string] | boolean[] | RecordType | Date | number[] | Date[] | [Date, Date] | [number, number] | string[][] | number[][] | null;
     hasLabel: boolean | Ref<boolean> | ComputedRef<boolean>;
     tooltip: string | ComputedRef<string> | Partial< Mutable<ElTooltipProps> & {
         style?: CSSProperties | undefined;
@@ -293,9 +293,9 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
     clearable: boolean;
     index: number;
 }) => any>> & Partial<Record<string, (_: {
-    column: Readonly<Omit< LooseRequired<PlusFormItemProps>, "index" | "label" | "tooltip" | "formItemProps" | "fieldProps" | "options" | "modelValue" | "fieldSlots" | "fieldChildrenSlot" | "hasLabel" | "clearable" | "valueType" | "renderField" | "renderLabel" | "renderErrorMessage" | "optionsMap" | "autoDict">> & {
+    column: Readonly<Omit< LooseRequired<PlusFormItemProps>, "index" | "modelValue" | "label" | "tooltip" | "formItemProps" | "fieldProps" | "options" | "fieldSlots" | "fieldChildrenSlot" | "hasLabel" | "clearable" | "valueType" | "renderField" | "renderLabel" | "renderErrorMessage" | "optionsMap" | "autoDict">> & {
         readonly label: string | ComputedRef<string>;
-        readonly modelValue: string | number | boolean | string[] | [string, string] | RecordType | Date | boolean[] | number[] | Date[] | [Date, Date] | [number, number] | string[][] | number[][] | null;
+        readonly modelValue: string | number | boolean | string[] | [string, string] | boolean[] | RecordType | Date | number[] | Date[] | [Date, Date] | [number, number] | string[][] | number[][] | null;
         readonly hasLabel: boolean | Ref<boolean> | ComputedRef<boolean>;
         readonly tooltip: string | ComputedRef<string> | Partial< Mutable<ElTooltipProps> & {
             style?: CSSProperties | undefined;
@@ -322,7 +322,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
             };
             rows: number;
             autocomplete: string;
-            type: "" | "number" | "default" | "color" | "search" | "button" | "textarea" | "time" | "circle" | "image" | "line" | "text" | "datetimerange" | "daterange" | "monthrange" | "checkbox" | "radio" | "success" | "warning" | "info" | "primary" | "danger" | "reset" | "submit" | "hidden" | "range" | "date" | "year" | "years" | "month" | "dates" | "week" | "datetime" | "dashboard" | "datetime-local" | "email" | "file" | "password" | "tel" | "url";
+            type: "" | "number" | "default" | "search" | "button" | "textarea" | "time" | "circle" | "image" | "line" | "text" | "datetimerange" | "daterange" | "monthrange" | "checkbox" | "radio" | "color" | "success" | "warning" | "info" | "primary" | "danger" | "reset" | "submit" | "hidden" | "range" | "date" | "year" | "years" | "month" | "dates" | "week" | "datetime" | "dashboard" | "datetime-local" | "email" | "file" | "password" | "tel" | "url";
             loading: EpPropMergeType<BooleanConstructor, unknown, unknown> | EpPropMergeType<StringConstructor, "lazy" | "eager", unknown> | undefined;
             step: string | number;
             format: string | ProgressFn | undefined;
@@ -367,7 +367,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
     fieldInstance?: any;
     valueIsReady?: Ref<boolean> | undefined;
     prop: string;
-    modelValue: string | number | boolean | string[] | [string, string] | RecordType | Date | boolean[] | number[] | Date[] | [Date, Date] | [number, number] | string[][] | number[][] | null;
+    modelValue: string | number | boolean | string[] | [string, string] | boolean[] | RecordType | Date | number[] | Date[] | [Date, Date] | [number, number] | string[][] | number[][] | null;
     hasLabel: boolean | Ref<boolean> | ComputedRef<boolean>;
     tooltip: string | ComputedRef<string> | Partial< Mutable<ElTooltipProps> & {
         style?: CSSProperties | undefined;

package/es/components/display-item/src/index.vue2.mjs

@@ -1,11 +1,11 @@
-import { defineComponent, ref, watch, computed, provide, openBlock, createElementBlock, Fragment, createCommentVNode, createBlock, unref, mergeProps, createSlots, withCtx, renderSlot, normalizeProps, guardReactiveProps, createElementVNode, createTextVNode, toDisplayString, renderList, normalizeClass, normalizeStyle, resolveDynamicComponent } from 'vue';
+import { defineComponent, ref, watch, computed, provide, inject, openBlock, createElementBlock, Fragment, createCommentVNode, createBlock, unref, mergeProps, createSlots, withCtx, renderSlot, normalizeProps, guardReactiveProps, createElementVNode, createTextVNode, toDisplayString, renderList, normalizeClass, normalizeStyle, resolveDynamicComponent } from 'vue';
 import { cloneDeep } from 'lodash-es';
 import { DocumentCopy, Select } from '@element-plus/icons-vue';
 import { PlusForm } from '../../form/index.mjs';
 import { getValue, setValue, getCustomProps, getFieldSlotName, getExtraSlotName, getPreviousSlotName, getTableCellSlotName } from '../../utils/index.mjs';
 import { useGetOptions } from '../../../hooks/useGetOptions.mjs';
 import { ElIcon, ElDivider } from 'element-plus';
-import { TableFormRowInfoInjectionKey } from '../../../constants/form.mjs';
+import { TableFormRowInfoInjectionKey, TableColumnsEmptyTextInjectionKey } from '../../../constants/form.mjs';
 import { selectValueTypeList } from '../../../constants/display-item.mjs';
 import 'sortablejs';
 import { PlusRender } from '../../render/index.mjs';
@@ -108,16 +108,18 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       const value = props.column.valueType === "link" ? props.column.linkText || displayValue.value : displayValue.value;
       if (!selectValueTypeList.includes(props.column.valueType) && !isEdit.value) {
         if (props.column.formatter && isFunction(props.column.formatter)) {
-          return props.column.formatter(value, renderParams.value);
+          const formattedValue = props.column.formatter(value, renderParams.value);
+          return handleEmptyValue(formattedValue);
         }
         if (displayComponent.value.format && isFunction(displayComponent.value.format)) {
-          return displayComponent.value.format(
+          const formattedValue = displayComponent.value.format(
             value,
             customFieldProps.value.format || customFieldProps.value.valueFormat
           );
+          return handleEmptyValue(formattedValue);
         }
       }
-      return value;
+      return handleEmptyValue(value);
     });
     const modelValues = computed({
       get() {
@@ -149,6 +151,17 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       column: { ...props.rest.column, ...props.column }
     }));
     provide(TableFormRowInfoInjectionKey, tableRowInfo);
+    const injectedColumnsEmptyText = inject(TableColumnsEmptyTextInjectionKey, computed(() => "-"));
+    const handleEmptyValue = (value) => {
+      var _a;
+      if (value === null || value === void 0 || value === "") {
+        if (props.column.emptyText !== void 0) {
+          return props.column.emptyText;
+        }
+        return (_a = injectedColumnsEmptyText.value) != null ? _a : "-";
+      }
+      return value;
+    };
     const imageUrl = computed(() => {
       const option = formatterValue.value;
       if (option && isString(option)) {