knt-shared 1.5.2 → 1.5.4

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import { getCurrentInstance, inject, defineComponent, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, createElementVNode, resolveComponent, createCommentVNode, createVNode, createBlock, unref, reactive, Fragment, renderList, withModifiers, ref, watch, onMounted, onUnmounted, withDirectives, vModelText, vShow, toDisplayString, withCtx, createTextVNode, useCssVars, nextTick, mergeProps, createSlots, renderSlot, onBeforeUnmount, toRef, normalizeProps, guardReactiveProps, h, resolveDynamicComponent, useSlots } from "vue";
+import { getCurrentInstance, inject, defineComponent, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, createElementVNode, resolveComponent, createCommentVNode, createVNode, createBlock, unref, 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, useSlots } from "vue";
 import { Message, Transfer, Mention, Upload, Rate, Slider, Switch, RangePicker, TimePicker, DatePicker, TreeSelect, Cascader, CheckboxGroup, Checkbox, RadioGroup, Radio, Select, AutoComplete, Textarea, InputPassword, InputNumber, Input, ImagePreviewGroup, Image, Modal } from "@arco-design/web-vue";
 const configProviderInjectionKey = Symbol("ArcoConfigProvider");
 const CLASS_PREFIX = "arco";
@@ -1585,7 +1585,7 @@ const _hoisted_4$3 = {
 const _hoisted_5$3 = { class: "progress-bar" };
 const _hoisted_6$2 = { class: "controls-bottom" };
 const _hoisted_7$2 = { class: "controls-left" };
-const _hoisted_8 = { class: "volume-slider-container" };
+const _hoisted_8$1 = { class: "volume-slider-container" };
 const _hoisted_9 = { class: "time-display" };
 const _hoisted_10 = { class: "controls-right" };
 const _hoisted_11 = { class: "control-button" };
@@ -1876,7 +1876,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
                     size: 20
                   }))
                 ]),
-                withDirectives(createElementVNode("div", _hoisted_8, [
+                withDirectives(createElementVNode("div", _hoisted_8$1, [
                   withDirectives(createElementVNode("input", {
                     "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => volume.value = $event),
                     type: "range",
@@ -2017,24 +2017,28 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
 const VideoPreviewModal = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-0ae4ec5c"]]);
 const _hoisted_1$5 = { class: "basic-upload" };
 const _hoisted_2$4 = {
+  key: 0,
+  class: "upload-empty-state"
+};
+const _hoisted_3$2 = {
   key: 0,
   class: "upload-text"
 };
-const _hoisted_3$2 = { class: "upload-tip" };
-const _hoisted_4$2 = {
-  key: 1,
+const _hoisted_4$2 = { class: "upload-tip" };
+const _hoisted_5$2 = {
+  key: 2,
   class: "sortable-upload-container"
 };
-const _hoisted_5$2 = {
+const _hoisted_6$1 = {
   key: 0,
   class: "upload-text"
 };
-const _hoisted_6$1 = {
+const _hoisted_7$1 = {
   key: 1,
   class: "upload-tip sortable-tip"
 };
-const _hoisted_7$1 = {
-  key: 4,
+const _hoisted_8 = {
+  key: 5,
   class: "inline-video-preview"
 };
 const _sfc_main$9 = /* @__PURE__ */ defineComponent({
@@ -2091,12 +2095,14 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       muted: false,
       controls: true,
       preload: "metadata"
-    }) }
+    }) },
+    emptyText: { default: "-" },
+    showEmptyState: { type: Boolean, default: true }
   },
   emits: ["register", "update:modelValue", "change", "success", "handleSuccess", "error", "handlError", "progress", "remove", "preview", "exceed", "sortChange"],
   setup(__props, { expose: __expose, emit: __emit }) {
     useCssVars((_ctx) => ({
-      "v51ea86e4": cardSizeValue.value
+      "v0ec95933": cardSizeValue.value
     }));
     const props = __props;
     const emit = __emit;
@@ -2126,6 +2132,10 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       }
       return false;
     });
+    const shouldShowEmptyState = computed(() => {
+      const propsData = unref(getProps);
+      return propsData.showEmptyState && (propsData.disabled || propsData.readonly) && fileListRef.value.length === 0;
+    });
     const cardSizeValue = computed(() => {
       return `${getProps.value.cardSize || 80}px`;
     });
@@ -2565,8 +2575,12 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       const _component_a_upload = resolveComponent("a-upload");
       const _component_a_image = resolveComponent("a-image");
       return openBlock(), createElementBlock("div", _hoisted_1$5, [
-        !shouldUseSortable.value ? (openBlock(), createBlock(_component_a_upload, mergeProps({
-          key: 0,
+        shouldShowEmptyState.value ? (openBlock(), createElementBlock("div", _hoisted_2$4, [
+          renderSlot(_ctx.$slots, "empty", {}, () => [
+            createTextVNode(toDisplayString(getProps.value.emptyText), 1)
+          ], true)
+        ])) : !shouldUseSortable.value ? (openBlock(), createBlock(_component_a_upload, mergeProps({
+          key: 1,
           ref_key: "uploadRef",
           ref: uploadRef
         }, getBindValue.value, {
@@ -2590,7 +2604,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
                   })
                 }, [
                   createVNode(unref(IconPlus), { size: 16 }),
-                  getProps.value.uploadButtonText ? (openBlock(), createElementBlock("div", _hoisted_2$4, toDisplayString(getProps.value.uploadButtonText), 1)) : createCommentVNode("", true)
+                  getProps.value.uploadButtonText ? (openBlock(), createElementBlock("div", _hoisted_3$2, toDisplayString(getProps.value.uploadButtonText), 1)) : createCommentVNode("", true)
                 ], 4)) : (openBlock(), createBlock(_component_a_button, {
                   key: 1,
                   type: getProps.value.uploadButtonType || "primary"
@@ -2618,7 +2632,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
             name: "tip",
             fn: withCtx(() => [
               renderSlot(_ctx.$slots, "tip", {}, () => [
-                createElementVNode("div", _hoisted_3$2, toDisplayString(getProps.value.tip), 1)
+                createElementVNode("div", _hoisted_4$2, toDisplayString(getProps.value.tip), 1)
               ], true)
             ]),
             key: "2"
@@ -2630,7 +2644,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
             ]),
             key: "3"
           } : void 0
-        ]), 1040, ["file-list"])) : (openBlock(), createElementBlock("div", _hoisted_4$2, [
+        ]), 1040, ["file-list"])) : (openBlock(), createElementBlock("div", _hoisted_5$2, [
           fileListRef.value.length > 0 ? (openBlock(), createBlock(SortableFileList, {
             key: 0,
             "file-list": fileListRef.value,
@@ -2664,17 +2678,17 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
                     })
                   }, [
                     createVNode(unref(IconPlus), { size: 16 }),
-                    getProps.value.uploadButtonText ? (openBlock(), createElementBlock("div", _hoisted_5$2, toDisplayString(getProps.value.uploadButtonText), 1)) : createCommentVNode("", true)
+                    getProps.value.uploadButtonText ? (openBlock(), createElementBlock("div", _hoisted_6$1, toDisplayString(getProps.value.uploadButtonText), 1)) : createCommentVNode("", true)
                   ], 4)
                 ], true)
               ]),
               key: "0"
             } : void 0
           ]), 1040, ["file-list"]),
-          getProps.value.tip ? (openBlock(), createElementBlock("div", _hoisted_6$1, toDisplayString(getProps.value.tip), 1)) : createCommentVNode("", true)
+          getProps.value.tip ? (openBlock(), createElementBlock("div", _hoisted_7$1, toDisplayString(getProps.value.tip), 1)) : createCommentVNode("", true)
         ])),
         previewImageUrl.value ? (openBlock(), createBlock(_component_a_image, {
-          key: 2,
+          key: 3,
           src: previewImageUrl.value,
           "preview-visible": previewVisible.value,
           "preview-props": { closable: true },
@@ -2682,14 +2696,14 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
           onPreviewVisibleChange: _cache[0] || (_cache[0] = (visible) => previewVisible.value = visible)
         }, null, 8, ["src", "preview-visible"])) : createCommentVNode("", true),
         getProps.value.videoPreviewMode === "modal" || !getProps.value.videoPreviewMode ? (openBlock(), createBlock(VideoPreviewModal, {
-          key: 3,
+          key: 4,
           visible: previewVideoVisible.value,
           "onUpdate:visible": _cache[1] || (_cache[1] = ($event) => previewVideoVisible.value = $event),
           "video-url": previewVideoUrl.value,
           "file-name": previewFileName.value,
           "player-options": getProps.value.videoPlayerOptions
         }, null, 8, ["visible", "video-url", "file-name", "player-options"])) : createCommentVNode("", true),
-        getProps.value.videoPreviewMode === "inline" && previewVideoVisible.value ? (openBlock(), createElementBlock("div", _hoisted_7$1, [
+        getProps.value.videoPreviewMode === "inline" && previewVideoVisible.value ? (openBlock(), createElementBlock("div", _hoisted_8, [
           createVNode(VideoPreview, {
             "video-url": previewVideoUrl.value,
             "player-options": getProps.value.videoPlayerOptions
@@ -2708,7 +2722,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const BasicUpload = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-6291bab5"]]);
+const BasicUpload = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-9a01fb0b"]]);
 function useUpload(props) {
   const uploadRef = ref(null);
   const fileListRef = ref((props == null ? void 0 : props.defaultFileList) || []);
@@ -8665,6 +8679,44 @@ function arrayToMap(array, options) {
   });
   return map;
 }
+function transformTree(tree, transform, options) {
+  if (!tree || !Array.isArray(tree) || tree.length === 0) {
+    return [];
+  }
+  const { childrenField = "children" } = options || {};
+  function transformNodes(nodes, level = 0, parent = null, parentPath = [], ancestors = []) {
+    return nodes.map((node, index) => {
+      const currentPath = [...parentPath, index];
+      const children = node[childrenField];
+      const hasChildren = children && Array.isArray(children) && children.length > 0;
+      const context = {
+        level,
+        index,
+        parent,
+        path: currentPath,
+        ancestors,
+        isLeaf: !hasChildren
+      };
+      const transformedNode = transform(node, context);
+      if (hasChildren) {
+        const newAncestors = [...ancestors, node];
+        const transformedChildren = transformNodes(
+          children,
+          level + 1,
+          node,
+          currentPath,
+          newAncestors
+        );
+        return {
+          ...transformedNode,
+          [childrenField]: transformedChildren
+        };
+      }
+      return transformedNode;
+    });
+  }
+  return transformNodes(tree);
+}
 function isNullOrUnDef(value) {
   return value === null || value === void 0;
 }
@@ -8855,6 +8907,7 @@ export {
   throttle,
   transFormUrlPath,
   transformBackUrl,
+  transformTree,
   transformUploadUrl,
   useApiRequest,
   useDebounce,