knt-shared 1.8.3 → 1.8.5

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import { getCurrentInstance, inject, defineComponent, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, createElementVNode, createCommentVNode, createVNode, unref, createBlock, reactive, Fragment, renderList, withModifiers, ref, watch, onMounted, onUnmounted, withDirectives, vModelText, vShow, toDisplayString, withCtx, createTextVNode, useCssVars, nextTick, renderSlot, mergeProps, createSlots, onBeforeUnmount, toRef, normalizeProps, guardReactiveProps, h, resolveDynamicComponent, isVNode, useSlots, Teleport, createApp } from "vue";
+import { getCurrentInstance, inject, defineComponent, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, createElementVNode, useCssVars, createCommentVNode, createVNode, unref, createBlock, reactive, Fragment, renderList, withModifiers, ref, watch, onMounted, onUnmounted, withDirectives, vModelText, vShow, toDisplayString, withCtx, createTextVNode, nextTick, renderSlot, mergeProps, createSlots, onBeforeUnmount, toRef, normalizeProps, guardReactiveProps, h, resolveDynamicComponent, isVNode, useSlots, Teleport, createApp } from "vue";
 import ArcoVue, { Progress, Spin, Dropdown, Doption, Modal, Upload, Button, Image as Image$1, Message, Select, Cascader, Transfer, Mention, Rate, Slider, Switch, RangePicker, TimePicker, DatePicker, TreeSelect, CheckboxGroup, Checkbox, RadioGroup, Radio, AutoComplete, Textarea, InputPassword, InputNumber, Input, ImagePreviewGroup, Form, Row, Col, FormItem, Tooltip, Space, Divider, Popover, Table, Popconfirm, Link, Descriptions, DescriptionsItem } from "@arco-design/web-vue";
 const configProviderInjectionKey = Symbol("ArcoConfigProvider");
 const CLASS_PREFIX = "arco";
@@ -2303,12 +2303,24 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
   },
   emits: ["dragstart", "dragend", "preview", "remove"],
   setup(__props, { emit: __emit }) {
+    useCssVars((_ctx) => ({
+      "v6adf0568": _ctx.cardSize + 10 + "px"
+    }));
     const props = __props;
     const emit = __emit;
     const isVideoFile = (file) => {
       if (!file.url && !file.name) return false;
       const fileName = file.name || "";
-      const videoExtensions = [".mp4", ".avi", ".mov", ".wmv", ".flv", ".mkv", ".webm", ".m4v"];
+      const videoExtensions = [
+        ".mp4",
+        ".avi",
+        ".mov",
+        ".wmv",
+        ".flv",
+        ".mkv",
+        ".webm",
+        ".m4v"
+      ];
       return videoExtensions.some((ext) => fileName.toLowerCase().endsWith(ext));
     };
     const handleDragStart = (event) => {
@@ -2386,7 +2398,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const SortableFileItem = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-17fb6dd9"]]);
+const SortableFileItem = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-c8377d24"]]);
 const _hoisted_1$b = { class: "sortable-file-list" };
 const _sfc_main$g = /* @__PURE__ */ defineComponent({
   ...{
@@ -9313,7 +9325,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 +9336,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 +9358,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 +9418,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 +9447,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 +9535,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 +9545,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 +9563,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);