@wlydfe/pro-ui 0.2.5 → 0.2.6

package/lib/components/display-item/src/index.vue2.js

@@ -10,11 +10,15 @@ require('../../../hooks/index.js');
 const index$2 = require('../../render/index.js');
 const elementPlus = require('element-plus');
 const useGetOptions = require('../../../hooks/useGetOptions.js');
-const is = require('../../utils/is.js');
 const format = require('../../utils/format.js');
+const is = require('../../utils/is.js');
 
 const _hoisted_1 = ["innerHTML"];
-const _hoisted_2 = { class: "plus-display-item" };
+const _hoisted_2 = {
+  key: 1,
+  class: "plus-display-item"
+};
+const _hoisted_3 = { class: "plus-display-item" };
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "PlusDisplayItem"
@@ -37,9 +41,26 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const columns = vue.ref([]);
     const subRow = vue.ref(props.row);
     const customFieldPropsIsReady = vue.ref(false);
+    const rawValue = vue.computed(() => index.getValue(subRow.value, props.column.prop));
     const displayValue = vue.computed({
       get() {
-        return index.getValue(subRow.value, props.column.prop);
+        var _a, _b;
+        const value = rawValue.value;
+        const isEmpty = value === "" || value === null || value === void 0;
+        if (isEmpty) {
+          switch (props.column.valueType) {
+            case "progress":
+              return 0;
+            default:
+              return ((_a = props.column.tableColumnProps) == null ? void 0 : _a.emptyText) || "-";
+          }
+        }
+        switch (props.column.valueType) {
+          case "date-picker":
+            return value ? format.formatDate(value) : ((_b = props.column.tableColumnProps) == null ? void 0 : _b.emptyText) || "-";
+          default:
+            return value;
+        }
       },
       set(value) {
         index.setValue(subRow.value, props.column.prop, value);
@@ -318,7 +339,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             ],
             2112
             /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-          )) : _ctx.column.valueType === "date-picker" && displayValue.value ? (vue.openBlock(), vue.createElementBlock(
+          )) : _ctx.column.valueType === "date-picker" ? (vue.openBlock(), vue.createElementBlock(
             vue.Fragment,
             { key: 6 },
             [
@@ -326,7 +347,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               vue.createElementVNode(
                 "span",
                 vue.mergeProps({ class: "plus-display-item" }, customFieldProps.value),
-                vue.toDisplayString(vue.unref(format.formatDate)(displayValue.value)),
+                vue.toDisplayString(displayValue.value),
                 17
                 /* TEXT, FULL_PROPS */
               )
@@ -357,25 +378,45 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 "span",
                 vue.mergeProps({ class: "plus-display-item plus-display-item__badge" }, customFieldProps.value),
                 [
-                  getStatus.value.color || getStatus.value.type ? (vue.openBlock(), vue.createElementBlock(
-                    "span",
-                    {
-                      key: 0,
-                      class: vue.normalizeClass([
-                        "plus-display-item__badge__dot",
-                        getStatus.value.type && !getStatus.value.color ? "plus-display-item__badge__dot--" + getStatus.value.type : ""
-                      ]),
-                      style: vue.normalizeStyle({ backgroundColor: getStatus.value.color })
-                    },
-                    null,
-                    6
-                    /* CLASS, STYLE */
-                  )) : vue.createCommentVNode("v-if", true),
-                  vue.createTextVNode(
-                    " " + vue.toDisplayString(getStatus.value.label),
-                    1
-                    /* TEXT */
-                  )
+                  rawValue.value !== "" && rawValue.value !== null && rawValue.value !== void 0 ? (vue.openBlock(), vue.createElementBlock(
+                    vue.Fragment,
+                    { key: 0 },
+                    [
+                      getStatus.value.color || getStatus.value.type ? (vue.openBlock(), vue.createElementBlock(
+                        "span",
+                        {
+                          key: 0,
+                          class: vue.normalizeClass([
+                            "plus-display-item__badge__dot",
+                            getStatus.value.type && !getStatus.value.color ? "plus-display-item__badge__dot--" + getStatus.value.type : ""
+                          ]),
+                          style: vue.normalizeStyle({ backgroundColor: getStatus.value.color })
+                        },
+                        null,
+                        6
+                        /* CLASS, STYLE */
+                      )) : vue.createCommentVNode("v-if", true),
+                      vue.createTextVNode(
+                        " " + vue.toDisplayString(getStatus.value.label),
+                        1
+                        /* TEXT */
+                      )
+                    ],
+                    64
+                    /* STABLE_FRAGMENT */
+                  )) : (vue.openBlock(), vue.createElementBlock(
+                    vue.Fragment,
+                    { key: 1 },
+                    [
+                      vue.createTextVNode(
+                        vue.toDisplayString(displayValue.value),
+                        1
+                        /* TEXT */
+                      )
+                    ],
+                    64
+                    /* STABLE_FRAGMENT */
+                  ))
                 ],
                 16
                 /* FULL_PROPS */
@@ -383,14 +424,17 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             ],
             2112
             /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-          )) : _ctx.column.valueType === "tag" && displayValue.value ? (vue.openBlock(), vue.createElementBlock(
+          )) : _ctx.column.valueType === "tag" ? (vue.openBlock(), vue.createElementBlock(
             vue.Fragment,
             { key: 9 },
             [
               vue.createCommentVNode(" \u6807\u7B7E "),
-              vue.createVNode(
+              rawValue.value !== "" && rawValue.value !== null && rawValue.value !== void 0 ? (vue.openBlock(), vue.createBlock(
                 vue.unref(elementPlus.ElTag),
-                vue.mergeProps({ class: "plus-display-item" }, customFieldProps.value),
+                vue.mergeProps({
+                  key: 0,
+                  class: "plus-display-item"
+                }, customFieldProps.value),
                 vue.createSlots({
                   default: vue.withCtx(() => [
                     vue.createTextVNode(
@@ -419,10 +463,16 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 ]),
                 1040
                 /* FULL_PROPS, DYNAMIC_SLOTS */
-              )
+              )) : (vue.openBlock(), vue.createElementBlock(
+                "span",
+                _hoisted_2,
+                vue.toDisplayString(displayValue.value),
+                1
+                /* TEXT */
+              ))
             ],
-            2112
-            /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+            64
+            /* STABLE_FRAGMENT */
           )) : _ctx.column.valueType === "progress" ? (vue.openBlock(), vue.createElementBlock(
             vue.Fragment,
             { key: 10 },
@@ -458,7 +508,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             { key: 11 },
             [
               vue.createCommentVNode(" \u590D\u5236 "),
-              vue.createElementVNode("span", _hoisted_2, [
+              vue.createElementVNode("span", _hoisted_3, [
                 vue.createTextVNode(
                   vue.toDisplayString(displayValue.value) + " ",
                   1