@wlydfe/pro-ui 0.2.4 → 0.2.6

package/index.js

@@ -1,4 +1,4 @@
-/*! @wlydfe/pro-ui v0.2.4 */
+/*! @wlydfe/pro-ui v0.2.6 */
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue'), require('element-plus')) :
   typeof define === 'function' && define.amd ? define(['exports', 'vue', 'element-plus'], factory) :
@@ -5533,7 +5533,11 @@
   const PlusForm = Form;
 
   const _hoisted_1$a = ["innerHTML"];
-  const _hoisted_2$5 = { class: "plus-display-item" };
+  const _hoisted_2$5 = {
+    key: 1,
+    class: "plus-display-item"
+  };
+  const _hoisted_3$3 = { class: "plus-display-item" };
   var _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "PlusDisplayItem"
@@ -5556,9 +5560,26 @@
       const columns = vue.ref([]);
       const subRow = vue.ref(props.row);
       const customFieldPropsIsReady = vue.ref(false);
+      const rawValue = vue.computed(() => getValue(subRow.value, props.column.prop));
       const displayValue = vue.computed({
         get() {
-          return 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 ? formatDate(value) : ((_b = props.column.tableColumnProps) == null ? void 0 : _b.emptyText) || "-";
+            default:
+              return value;
+          }
         },
         set(value) {
           setValue(subRow.value, props.column.prop, value);
@@ -5837,7 +5858,7 @@
               ],
               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 },
               [
@@ -5845,7 +5866,7 @@
                 vue.createElementVNode(
                   "span",
                   vue.mergeProps({ class: "plus-display-item" }, customFieldProps.value),
-                  vue.toDisplayString(vue.unref(formatDate)(displayValue.value)),
+                  vue.toDisplayString(displayValue.value),
                   17
                   /* TEXT, FULL_PROPS */
                 )
@@ -5876,25 +5897,45 @@
                   "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 */
@@ -5902,14 +5943,17 @@
               ],
               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(
@@ -5938,10 +5982,16 @@
                   ]),
                   1040
                   /* FULL_PROPS, DYNAMIC_SLOTS */
-                )
+                )) : (vue.openBlock(), vue.createElementBlock(
+                  "span",
+                  _hoisted_2$5,
+                  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 },
@@ -5977,7 +6027,7 @@
               { key: 11 },
               [
                 vue.createCommentVNode(" \u590D\u5236 "),
-                vue.createElementVNode("span", _hoisted_2$5, [
+                vue.createElementVNode("span", _hoisted_3$3, [
                   vue.createTextVNode(
                     vue.toDisplayString(displayValue.value) + " ",
                     1
@@ -9566,7 +9616,8 @@
         width: 40
       }) },
       expandTableColumnProps: { default: () => ({}) },
-      indexContentStyle: { type: [Object, Function], default: () => ({}) }
+      indexContentStyle: { type: [Object, Function], default: () => ({}) },
+      emptyText: {}
     },
     emits: ["paginationChange", "clickAction", "clickActionConfirmCancel", "dragSortEnd", "formChange", "refresh"],
     setup(__props, { expose: __expose, emit: __emit }) {
@@ -10563,6 +10614,13 @@
     setup(__props, { expose: __expose, emit: __emit }) {
       var _a;
       const props = __props;
+      const processedColumns = vue.computed(() => {
+        return props.columns.map((column) => ({
+          hideInSearch: true,
+          // 默认为 true
+          ...column
+        }));
+      });
       const emit = __emit;
       const PlusSearch$1 = PlusSearch;
       const PlusTable$1 = PlusTable;
@@ -10641,7 +10699,7 @@
               }, _ctx.search, {
                 modelValue: values.value,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => values.value = $event),
-                columns: _ctx.columns,
+                columns: processedColumns.value,
                 "search-loading": vue.unref(loadingStatus),
                 onSearch: handleSearch,
                 onReset: handleRest
@@ -10670,7 +10728,7 @@
               }, _ctx.table, {
                 "table-data": vue.unref(tableData),
                 "loading-status": vue.unref(loadingStatus),
-                columns: _ctx.columns,
+                columns: processedColumns.value,
                 pagination: {
                   ..._ctx.pagination,
                   total: vue.unref(total),