knt-shared 1.8.3 → 1.8.4

package/dist/index.esm.js

@@ -9313,7 +9313,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     schema: {},
     data: {},
     helpMessageOptions: {},
-    labelAlign: { default: "left" },
+    labelAlign: {},
     size: { default: "medium" },
     bordered: { type: Boolean, default: true },
     layout: { default: "horizontal" },
@@ -9324,7 +9324,9 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     extra: {},
     tableLayout: {},
     labelStyle: {},
-    valueStyle: {}
+    valueStyle: {},
+    showEmptyText: { type: Boolean, default: false },
+    emptyText: { default: "-" }
   },
   emits: ["register"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -9344,21 +9346,59 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         data: {
           type: Object,
           default: () => ({})
+        },
+        showEmptyText: {
+          type: Boolean,
+          default: false
+        },
+        emptyText: {
+          type: String,
+          default: "-"
         }
       },
       setup(props2) {
         return () => {
           const result = props2.render(props2.value, props2.data);
-          if (typeof result === "string" || typeof result === "number") {
-            return h("span", result);
+          if (isEmptyValue(result)) {
+            return props2.showEmptyText ? h("span", props2.emptyText) : null;
+          }
+          if (typeof result === "string" || typeof result === "number" || typeof result === "boolean") {
+            return h("span", String(result));
           }
           return result;
         };
       }
     });
+    const isEmptyValue = (value) => {
+      return value === "" || value === null || value === void 0;
+    };
     const getProps = computed(() => {
       return { ...props, ...unref(propsRef) };
     });
+    const getDisplayValue = (value) => {
+      const propsData = unref(getProps);
+      if (isEmptyValue(value)) {
+        return propsData.showEmptyText ? propsData.emptyText ?? "-" : "";
+      }
+      return value;
+    };
+    const getResolvedAlign = computed(() => {
+      const propsData = unref(getProps);
+      const { align, labelAlign } = propsData;
+      if (!labelAlign) {
+        return align;
+      }
+      if (align && typeof align === "object") {
+        return {
+          ...align,
+          label: labelAlign
+        };
+      }
+      return {
+        label: labelAlign,
+        value: align
+      };
+    });
     const getBindValue = computed(() => {
       const propsData = unref(getProps);
       return {
@@ -9366,9 +9406,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         size: propsData.size,
         bordered: propsData.bordered,
         layout: propsData.layout,
-        labelAlign: propsData.labelAlign,
-        align: propsData.align,
-        colon: propsData.colon,
+        align: unref(getResolvedAlign),
         style: propsData.style,
         class: propsData.class,
         tableLayout: propsData.tableLayout,
@@ -9397,6 +9435,13 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       }
       return data[field];
     };
+    const getLabelText = (label) => {
+      const propsData = unref(getProps);
+      if (!propsData.colon || /[:：]\s*$/.test(label)) {
+        return label;
+      }
+      return `${label}：`;
+    };
     const getLabelStyle = (item) => {
       const style = { ...item.labelStyle };
       if (item.labelMinWidth) {
@@ -9478,7 +9523,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                 label: withCtx(() => [
                   createElementVNode("div", {
                     style: normalizeStyle(getLabelStyle(item))
-                  }, toDisplayString(item.label), 5)
+                  }, toDisplayString(getLabelText(item.label)), 5)
                 ]),
                 default: withCtx(() => [
                   createElementVNode("div", {
@@ -9488,9 +9533,11 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                       key: 0,
                       render: item.render,
                       value: getFieldValue(item.field),
-                      data: getProps.value.data || {}
-                    }, null, 8, ["render", "value", "data"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                      createTextVNode(toDisplayString(getFieldValue(item.field)), 1)
+                      data: getProps.value.data || {},
+                      "show-empty-text": getProps.value.showEmptyText,
+                      "empty-text": getProps.value.emptyText || "-"
+                    }, null, 8, ["render", "value", "data", "show-empty-text", "empty-text"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                      createTextVNode(toDisplayString(getDisplayValue(getFieldValue(item.field))), 1)
                     ], 64))
                   ], 4)
                 ]),
@@ -9504,7 +9551,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const BasicDescription = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-f93aecf8"]]);
+const BasicDescription = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-93ccbd39"]]);
 function useDescription(props) {
   const descriptionRef = ref(null);
   const loadedRef = ref(false);