@dao-style/biz 0.5.0 → 0.6.0

package/dist/workloads/container-image/src/ContainerImage.vue2.mjs

@@ -1,5 +1,5 @@
-import { defineComponent, inject, computed, ref, watch } from "vue";
-import { merge, get, isEqual, omit } from "lodash-es";
+import { defineComponent, inject, computed, ref, watch, onMounted } from "vue";
+import { merge, get, isEqual, omit, pick } from "lodash-es";
 import { FormContextKey } from "vee-validate";
 import { DaoFormItemValidate, createDialog } from "@dao-style/extend";
 import "@dao-style/extend/dist/es/uses/useDialogWrapper/style/dialog-wrapper";
@@ -10,7 +10,9 @@ import { containerImageProps, defaultSecret, imageFieldMap, defaultImage, defaul
 import "../../../styles/common.scss.mjs";
 import "../style/container-image.scss.mjs";
 import "../style/select-image-dialog.scss.mjs";
+import { useDebounceFn } from "../../../node_modules/@vueuse/shared/index.mjs";
 import { useLazyLoadList } from "../../../uses/useLazyLoadList/index.mjs";
+import { abortableWrapper, isManualAbort } from "../../../utils/abortableFetchWrapper.mjs";
 const _sfc_main = defineComponent({
   name: "ContainerImage",
   components: {
@@ -44,6 +46,14 @@ const _sfc_main = defineComponent({
     }, props.version || {}));
     const selectImageText = computed(() => t("biz.workloads.ContainerImage.selectImage"));
     const currentImageInfo = ref();
+    const currentFullImage = computed(() => {
+      const { image, tag } = currentImageInfo.value ?? {};
+      if (!tag) {
+        return image;
+      }
+      const sep = tag.startsWith("sha256:") ? "@" : ":";
+      return `${image}${sep}${tag}`;
+    });
     const setTag = (tag) => {
       if (!currentImageInfo.value) {
         return;
@@ -53,6 +63,11 @@ const _sfc_main = defineComponent({
         tag
       };
     };
+    const imageInfoCompareKeys = ["image", "registry", "project", "repository", "isPublic"];
+    const isSameImageInfo = (imageInfo, target) => isEqual(
+      imageInfo ? pick(imageInfo, imageInfoCompareKeys) : void 0,
+      target
+    );
     const lazyLoadTag = useLazyLoadList(props.version.fetchList, {
       image: currentImage.value,
       registry: (_a = currentImageInfo.value) == null ? void 0 : _a.registry,
@@ -65,6 +80,7 @@ const _sfc_main = defineComponent({
       searchKey: "fuzzyName"
     });
     const fetchVersionList = async () => {
+      var _a2;
       if (!currentImageInfo.value) {
         return;
       }
@@ -75,6 +91,13 @@ const _sfc_main = defineComponent({
         repository,
         isPublic
       } = currentImageInfo.value;
+      const requestImageInfo = {
+        image,
+        registry,
+        project,
+        repository,
+        isPublic
+      };
       try {
         lazyLoadTag.filterData.image = image;
         lazyLoadTag.filterData.registry = registry;
@@ -82,10 +105,16 @@ const _sfc_main = defineComponent({
         lazyLoadTag.filterData.public = isPublic;
         lazyLoadTag.filterData.repository = encodeURIComponent(encodeURIComponent(repository));
         await lazyLoadTag.resetFetchList();
-        if (!currentImageInfo.value.tag && lazyLoadTag.list.value.length) {
+        if (!isSameImageInfo(currentImageInfo.value, requestImageInfo)) {
+          return;
+        }
+        if (!((_a2 = currentImageInfo.value) == null ? void 0 : _a2.tag) && lazyLoadTag.list.value.length) {
           setTag(lazyLoadTag.list.value[0]);
         }
       } catch (e) {
+        if (isManualAbort(e) || !isSameImageInfo(currentImageInfo.value, requestImageInfo)) {
+          return;
+        }
         console.error("tag fetched error: ", e);
         if (currentImageInfo.value) {
           setTag();
@@ -94,34 +123,32 @@ const _sfc_main = defineComponent({
     };
     const selectImageDialog = createDialog(SelectImageDialog);
     const onSelectImage = async () => {
-      const imageInfo = await selectImageDialog.show({
+      const selectedImageInfo = await selectImageDialog.show({
         selectImage: props.selectImage,
         project: props.project,
         registry: props.registry,
         imageInfo: currentImageInfo.value
       });
-      if (isEqual(imageInfo, omit(currentImageInfo.value, "tag"))) {
+      if (isEqual(selectedImageInfo, omit(currentImageInfo.value, "tag"))) {
         return;
       }
-      currentImageInfo.value = imageInfo;
-      currentImage.value = imageInfo.image;
-    };
-    const handleImageInput = (val) => {
-      if (props.enableImageSelect) {
-        currentImageInfo.value = void 0;
-      }
-      formContext == null ? void 0 : formContext.setFieldValue(actualFields.value.image ?? "", val);
+      currentImageInfo.value = selectedImageInfo;
+      currentImage.value = selectedImageInfo.image;
+      await fetchVersionList();
     };
     const initData = () => {
-      if (!props.enableImageSelect) {
-        return;
-      }
-      if (!props.imageInfo) {
+      if (!props.enableImageSelect || !props.imageInfo) {
         return;
       }
+      const alreadyCurrent = isEqual(
+        omit(currentImageInfo.value, "tag"),
+        omit(props.imageInfo, "tag")
+      );
       currentImageInfo.value = props.imageInfo;
       currentImage.value = props.imageInfo.image;
-      fetchVersionList();
+      if (!alreadyCurrent) {
+        fetchVersionList();
+      }
     };
     const handleVersionChange = (value) => {
       if (!currentImageInfo.value) {
@@ -136,12 +163,10 @@ const _sfc_main = defineComponent({
       if (!currentImageInfo.value) {
         return;
       }
-      const fullImage = currentImageInfo.value.tag ? `${currentImageInfo.value.image}:${currentImageInfo.value.tag}` : currentImageInfo.value.image;
-      formContext == null ? void 0 : formContext.setFieldValue(actualFields.value.image ?? "", fullImage);
+      formContext == null ? void 0 : formContext.setFieldValue(actualFields.value.image ?? "", currentFullImage.value);
     }, {
       deep: true
     });
-    const formImageValue = computed(() => get(formContext == null ? void 0 : formContext.values, actualFields.value.image ?? ""));
     watch(
       [() => props.enableImageSelect, () => props.imageInfo],
       ([newEnable, newImage], [, oldImage]) => {
@@ -153,18 +178,79 @@ const _sfc_main = defineComponent({
         immediate: true
       }
     );
-    watch(formImageValue, (val) => {
-      if (val === currentImage.value) {
+    const abortableParsedImage = props.parsedImage ? abortableWrapper(props.parsedImage, {
+      autoAbortWhenNewRequest: true
+    }) : void 0;
+    const formImageValue = computed(() => get(formContext == null ? void 0 : formContext.values, actualFields.value.image ?? ""));
+    const setParsedImage = async (newImage) => {
+      var _a2;
+      if (!abortableParsedImage) {
         return;
       }
-      if (currentImageInfo.value) {
-        const fullImage = currentImageInfo.value.tag ? `${currentImageInfo.value.image}:${currentImageInfo.value.tag}` : currentImageInfo.value.image;
-        if (val === fullImage) {
+      const snapshot = newImage;
+      try {
+        const rst = await abortableParsedImage(snapshot);
+        if (formImageValue.value !== snapshot) {
           return;
         }
+        if ((_a2 = rst.info) == null ? void 0 : _a2.registry) {
+          currentImageInfo.value = rst.info;
+          currentImage.value = rst.info.image;
+          await fetchVersionList();
+        } else {
+          currentImageInfo.value = void 0;
+          currentImage.value = snapshot;
+        }
+      } catch (e) {
+        if (formImageValue.value !== snapshot) {
+          return;
+        }
+        if (isManualAbort(e)) {
+          return;
+        }
+        currentImage.value = snapshot;
+        currentImageInfo.value = void 0;
       }
-      currentImage.value = val;
-      currentImageInfo.value = void 0;
+    };
+    const tagPattern = /[:@][^/]*$/;
+    const handleImageInput = (val) => {
+      var _a2;
+      if (currentImage.value === val) {
+        return;
+      }
+      formContext == null ? void 0 : formContext.setFieldValue(actualFields.value.image ?? "", val);
+      if (!val || tagPattern.test(val)) {
+        (_a2 = abortableParsedImage == null ? void 0 : abortableParsedImage.abort) == null ? void 0 : _a2.call(abortableParsedImage);
+        currentImage.value = val;
+        currentImageInfo.value = void 0;
+      }
+    };
+    const shaTagPattern = /@sha256:/;
+    onMounted(() => {
+      if (formImageValue.value && !shaTagPattern.test(formImageValue.value)) {
+        setParsedImage(formImageValue.value);
+      }
+    });
+    const debouncedHandleImageValue = useDebounceFn((val) => {
+      var _a2;
+      if (!val) {
+        (_a2 = abortableParsedImage == null ? void 0 : abortableParsedImage.abort) == null ? void 0 : _a2.call(abortableParsedImage);
+        currentImage.value = val;
+        currentImageInfo.value = void 0;
+        return;
+      }
+      if (val === currentImage.value || currentImageInfo.value && val === currentFullImage.value) {
+        return;
+      }
+      if (abortableParsedImage) {
+        setParsedImage(val);
+      } else {
+        currentImage.value = val;
+        currentImageInfo.value = void 0;
+      }
+    }, 300);
+    watch(formImageValue, (val) => {
+      debouncedHandleImageValue(val);
     });
     return {
       actualSecret,

package/dist/workloads/container-image/src/dialogs/SelectImageDialog.vue.d.ts

@@ -47,7 +47,7 @@ declare const _default: import("vue").DefineComponent<{
         value: string;
     }[]>;
     handleRegistryChange: () => Promise<void>;
-    handleProjectChange: () => Promise<void>;
+    handleProjectChange: (resetSelected?: boolean) => Promise<void>;
     curTab: import("vue").Ref<ImageMode>;
     columns: ({
         id: string;
@@ -246,7 +246,7 @@ declare const _default: import("vue").DefineComponent<{
             onClose?: ((...args: any[]) => any) | undefined;
             "onSearch-change"?: ((...args: any[]) => any) | undefined;
             "onLoad-more"?: ((...args: any[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "modelValue" | "size" | "disabled" | "status" | "clearable" | "search" | "loading" | "placeholder" | "appendTo" | "multiple" | "optionsPlaceholder" | "searchPlaceholder" | "menuClass" | "optionLoading" | "hideSelectAll" | "enableLazyLoad" | "lazyLoadOptions" | "options" | "labelKey" | "valueKey" | "itemHeight">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "modelValue" | "placeholder" | "disabled" | "search" | "size" | "status" | "appendTo" | "loading" | "options" | "labelKey" | "valueKey" | "itemHeight" | "optionsPlaceholder" | "searchPlaceholder" | "menuClass" | "multiple" | "optionLoading" | "hideSelectAll" | "clearable" | "enableLazyLoad" | "lazyLoadOptions">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -444,7 +444,7 @@ declare const _default: import("vue").DefineComponent<{
                         "onAfter-show"?: ((...args: any[]) => any) | undefined;
                         "onAfter-hide"?: ((...args: any[]) => any) | undefined;
                         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-                    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "modelValue" | "disabled" | "content" | "transition" | "offset" | "placement" | "appendTo" | "boundary" | "delay" | "width" | "trigger" | "visibleArrow" | "popperClass" | "popperOptions">;
+                    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "modelValue" | "transition" | "content" | "disabled" | "offset" | "appendTo" | "boundary" | "delay" | "width" | "placement" | "trigger" | "visibleArrow" | "popperClass" | "popperOptions">;
                     $attrs: {
                         [x: string]: unknown;
                     };
@@ -994,7 +994,7 @@ declare const _default: import("vue").DefineComponent<{
                     "onAfter-show"?: ((...args: any[]) => any) | undefined;
                     "onAfter-hide"?: ((...args: any[]) => any) | undefined;
                     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-                } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "modelValue" | "disabled" | "content" | "transition" | "offset" | "placement" | "appendTo" | "boundary" | "delay" | "width" | "trigger" | "visibleArrow" | "popperClass" | "popperOptions">;
+                } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "modelValue" | "transition" | "content" | "disabled" | "offset" | "appendTo" | "boundary" | "delay" | "width" | "placement" | "trigger" | "visibleArrow" | "popperClass" | "popperOptions">;
                 $attrs: {
                     [x: string]: unknown;
                 };

package/dist/workloads/container-image/src/dialogs/SelectImageDialog.vue.js

@@ -7,6 +7,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dao_tab_item = vue.resolveComponent("dao-tab-item");
   const _component_dao_virtual_select = vue.resolveComponent("dao-virtual-select");
   const _component_dao_input = vue.resolveComponent("dao-input");
+  const _component_dao_state_icon = vue.resolveComponent("dao-state-icon");
   const _component_dao_radio = vue.resolveComponent("dao-radio");
   const _component_dao_table = vue.resolveComponent("dao-table");
   const _component_dao_tabs = vue.resolveComponent("dao-tabs");
@@ -52,11 +53,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               total: _ctx.imagePagination.total,
               "current-page": _ctx.imagePagination.page,
               "page-size": _ctx.imagePagination.pageSize,
+              class: "dao-select-image-dialog__table",
               onRowClick: _ctx.onRowClick,
               onPageChange: _ctx.handleChangeImagePage,
               onSizeChange: _ctx.handleChangeImagePageSize,
               onRefresh: _ctx.handleImageRefresh
-            }, {
+            }, vue.createSlots({
               filter: vue.withCtx(({ classNames }) => [
                 vue.createElementVNode("span", {
                   class: vue.normalizeClass(classNames.label)
@@ -106,13 +108,31 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 }, null, 8, ["modelValue", "placeholder", "onChange"])
               ]),
               "td-radio": vue.withCtx(({ row }) => [
-                vue.createVNode(_component_dao_radio, {
+                (vue.openBlock(), vue.createBlock(_component_dao_radio, {
+                  key: row.name,
                   "model-value": _ctx.selectedImage,
                   value: row.name
-                }, null, 8, ["model-value", "value"])
+                }, null, 8, ["model-value", "value"]))
               ]),
-              _: 1
-            }, 8, ["columns", "data", "loading", "total", "current-page", "page-size", "onRowClick", "onPageChange", "onSizeChange", "onRefresh"])
+              _: 2
+            }, [
+              !_ctx.imageState.items.length && _ctx.imageFilterData.name ? {
+                name: "empty",
+                fn: vue.withCtx(() => [
+                  vue.createVNode(_component_dao_state_icon, {
+                    type: "default",
+                    icon: "icon-search",
+                    class: "search-image-empty"
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createTextVNode(vue.toDisplayString(_ctx.$t("biz.workloads.ContainerImage.selectImageDialog.noSearchData")), 1)
+                    ]),
+                    _: 1
+                  })
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1032, ["columns", "data", "loading", "total", "current-page", "page-size", "onRowClick", "onPageChange", "onSizeChange", "onRefresh"])
           ]),
           _: 1
         }, 8, ["modelValue", "onChange"])

package/dist/workloads/container-image/src/dialogs/SelectImageDialog.vue.mjs

@@ -1,11 +1,12 @@
 import _sfc_main from "./SelectImageDialog.vue2.mjs";
-import { resolveComponent, openBlock, createBlock, withCtx, createCommentVNode, createVNode, createElementVNode, normalizeClass, toDisplayString } from "vue";
+import { resolveComponent, openBlock, createBlock, withCtx, createCommentVNode, createVNode, createSlots, createElementVNode, normalizeClass, toDisplayString, createTextVNode } from "vue";
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.mjs";
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dao_message = resolveComponent("dao-message");
   const _component_dao_tab_item = resolveComponent("dao-tab-item");
   const _component_dao_virtual_select = resolveComponent("dao-virtual-select");
   const _component_dao_input = resolveComponent("dao-input");
+  const _component_dao_state_icon = resolveComponent("dao-state-icon");
   const _component_dao_radio = resolveComponent("dao-radio");
   const _component_dao_table = resolveComponent("dao-table");
   const _component_dao_tabs = resolveComponent("dao-tabs");
@@ -51,11 +52,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               total: _ctx.imagePagination.total,
               "current-page": _ctx.imagePagination.page,
               "page-size": _ctx.imagePagination.pageSize,
+              class: "dao-select-image-dialog__table",
               onRowClick: _ctx.onRowClick,
               onPageChange: _ctx.handleChangeImagePage,
               onSizeChange: _ctx.handleChangeImagePageSize,
               onRefresh: _ctx.handleImageRefresh
-            }, {
+            }, createSlots({
               filter: withCtx(({ classNames }) => [
                 createElementVNode("span", {
                   class: normalizeClass(classNames.label)
@@ -105,13 +107,31 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 }, null, 8, ["modelValue", "placeholder", "onChange"])
               ]),
               "td-radio": withCtx(({ row }) => [
-                createVNode(_component_dao_radio, {
+                (openBlock(), createBlock(_component_dao_radio, {
+                  key: row.name,
                   "model-value": _ctx.selectedImage,
                   value: row.name
-                }, null, 8, ["model-value", "value"])
+                }, null, 8, ["model-value", "value"]))
               ]),
-              _: 1
-            }, 8, ["columns", "data", "loading", "total", "current-page", "page-size", "onRowClick", "onPageChange", "onSizeChange", "onRefresh"])
+              _: 2
+            }, [
+              !_ctx.imageState.items.length && _ctx.imageFilterData.name ? {
+                name: "empty",
+                fn: withCtx(() => [
+                  createVNode(_component_dao_state_icon, {
+                    type: "default",
+                    icon: "icon-search",
+                    class: "search-image-empty"
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(_ctx.$t("biz.workloads.ContainerImage.selectImageDialog.noSearchData")), 1)
+                    ]),
+                    _: 1
+                  })
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1032, ["columns", "data", "loading", "total", "current-page", "page-size", "onRowClick", "onPageChange", "onSizeChange", "onRefresh"])
           ]),
           _: 1
         }, 8, ["modelValue", "onChange"])

package/dist/workloads/container-image/src/dialogs/SelectImageDialog.vue2.js

@@ -2,11 +2,14 @@
 const vue = require("vue");
 const vueI18n = require("vue-i18n");
 const extend = require("@dao-style/extend");
+require("@dao-style/extend/dist/es/components/state-icon/style/state-icon");
 const props = require("../../props.js");
 const index = require("../../../../uses/useLazyLoadList/index.js");
 const _sfc_main = vue.defineComponent({
   name: "DaoSelectImageDialog",
-  components: {},
+  components: {
+    DaoStateIcon: extend.DaoStateIcon
+  },
   props: props.selectImageDialogProps,
   emits: ["reject", "resolve"],
   setup(props2, { emit }) {
@@ -102,13 +105,14 @@ const _sfc_main = vue.defineComponent({
       currentRegistryHost.value = val.registryHost;
       loadingState.registry = val.loading;
     };
-    const handleProjectChange = async () => {
+    const handleProjectChange = async (resetSelected = true) => {
+      var _a;
       imageFilterData.public = isPublic.value;
       imageFilterData.project = selectedProject.value;
       imageFilterData.registry = selectedRegistry.value;
       await handleImageSearch();
-      if (!selectedImage.value && imageState.items.length > 0) {
-        selectedImage.value = imageState.items[0].name ?? "";
+      if (resetSelected) {
+        selectedImage.value = ((_a = imageState.items[0]) == null ? void 0 : _a.name) ?? "";
       }
     };
     const projectSelectRef = vue.ref();
@@ -148,6 +152,9 @@ const _sfc_main = vue.defineComponent({
       selectedProject.value = ((_c = props2.imageInfo) == null ? void 0 : _c.project) || "";
       selectedImage.value = ((_d = props2.imageInfo) == null ? void 0 : _d.repository) || "";
       lazyLoadRegistry.filterData.public = isPublic.value;
+      if (selectedImage.value) {
+        imageFilterData.name = selectedImage.value;
+      }
       await lazyLoadRegistry.resetFetchList();
       if (!selectedRegistry.value && lazyLoadRegistry.list.value.length > 0) {
         selectedRegistry.value = ((_e = lazyLoadRegistry.list.value[0]) == null ? void 0 : _e.name) ?? "";
@@ -158,7 +165,7 @@ const _sfc_main = vue.defineComponent({
       if (!selectedProject.value && lazyLoadProject.list.value.length > 0) {
         [selectedProject.value] = lazyLoadProject.list.value;
       }
-      handleProjectChange();
+      handleProjectChange(!imageFilterData.name);
     };
     initData();
     return {

package/dist/workloads/container-image/src/dialogs/SelectImageDialog.vue2.mjs

@@ -1,11 +1,14 @@
 import { defineComponent, ref, reactive, computed } from "vue";
 import { useI18n } from "vue-i18n";
-import { useQueryTable } from "@dao-style/extend";
+import { DaoStateIcon, useQueryTable } from "@dao-style/extend";
+import "@dao-style/extend/dist/es/components/state-icon/style/state-icon";
 import { selectImageDialogProps } from "../../props.mjs";
 import { useLazyLoadList } from "../../../../uses/useLazyLoadList/index.mjs";
 const _sfc_main = defineComponent({
   name: "DaoSelectImageDialog",
-  components: {},
+  components: {
+    DaoStateIcon
+  },
   props: selectImageDialogProps,
   emits: ["reject", "resolve"],
   setup(props, { emit }) {
@@ -101,13 +104,14 @@ const _sfc_main = defineComponent({
       currentRegistryHost.value = val.registryHost;
       loadingState.registry = val.loading;
     };
-    const handleProjectChange = async () => {
+    const handleProjectChange = async (resetSelected = true) => {
+      var _a;
       imageFilterData.public = isPublic.value;
       imageFilterData.project = selectedProject.value;
       imageFilterData.registry = selectedRegistry.value;
       await handleImageSearch();
-      if (!selectedImage.value && imageState.items.length > 0) {
-        selectedImage.value = imageState.items[0].name ?? "";
+      if (resetSelected) {
+        selectedImage.value = ((_a = imageState.items[0]) == null ? void 0 : _a.name) ?? "";
       }
     };
     const projectSelectRef = ref();
@@ -147,6 +151,9 @@ const _sfc_main = defineComponent({
       selectedProject.value = ((_c = props.imageInfo) == null ? void 0 : _c.project) || "";
       selectedImage.value = ((_d = props.imageInfo) == null ? void 0 : _d.repository) || "";
       lazyLoadRegistry.filterData.public = isPublic.value;
+      if (selectedImage.value) {
+        imageFilterData.name = selectedImage.value;
+      }
       await lazyLoadRegistry.resetFetchList();
       if (!selectedRegistry.value && lazyLoadRegistry.list.value.length > 0) {
         selectedRegistry.value = ((_e = lazyLoadRegistry.list.value[0]) == null ? void 0 : _e.name) ?? "";
@@ -157,7 +164,7 @@ const _sfc_main = defineComponent({
       if (!selectedProject.value && lazyLoadProject.list.value.length > 0) {
         [selectedProject.value] = lazyLoadProject.list.value;
       }
-      handleProjectChange();
+      handleProjectChange(!imageFilterData.name);
     };
     initData();
     return {

package/dist/workloads/container-storage/src/components/PvcNodePath.vue.d.ts

@@ -36,10 +36,7 @@ declare const _default: import("vue").DefineComponent<{
             }[];
             loading: boolean;
         }>>;
-        default: undefined; /**
-         * 删除节点映射
-         * @param index 删除的下标
-         */
+        default: undefined;
     };
     storageClass: {
         type: import("vue").PropType<Partial<{
@@ -157,10 +154,7 @@ declare const _default: import("vue").DefineComponent<{
                     }[];
                     loading: boolean;
                 }>>;
-                default: undefined; /**
-                 * 删除节点映射
-                 * @param index 删除的下标
-                 */
+                default: undefined;
             };
             storageClass: {
                 type: import("vue").PropType<Partial<{
@@ -230,10 +224,7 @@ declare const _default: import("vue").DefineComponent<{
                     }[];
                     loading: boolean;
                 }>>;
-                default: undefined; /**
-                 * 删除节点映射
-                 * @param index 删除的下标
-                 */
+                default: undefined;
             };
             storageClass: {
                 type: import("vue").PropType<Partial<{
@@ -283,7 +274,6 @@ declare const _default: import("vue").DefineComponent<{
             subPathType: import("vue").WritableComputedRef<"subPathExpr" | "subPath">;
             yupPath: import("yup").StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
             yupMountPath: import("yup").StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
-            handleSetType: (type: ContainerStoragePathType) => void;
             validate: (opts?: Partial<import("vee-validate").ValidationOptions> | undefined) => Promise<import("vee-validate").FormValidationResult<ContainerStoragePathMapRow>>;
             yup: typeof import("yup");
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], string, {
@@ -370,10 +360,7 @@ declare const _default: import("vue").DefineComponent<{
                 }[];
                 loading: boolean;
             }>>;
-            default: undefined; /**
-             * 删除节点映射
-             * @param index 删除的下标
-             */
+            default: undefined;
         };
         storageClass: {
             type: import("vue").PropType<Partial<{
@@ -423,7 +410,6 @@ declare const _default: import("vue").DefineComponent<{
         subPathType: import("vue").WritableComputedRef<"subPathExpr" | "subPath">;
         yupPath: import("yup").StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
         yupMountPath: import("yup").StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
-        handleSetType: (type: ContainerStoragePathType) => void;
         validate: (opts?: Partial<import("vee-validate").ValidationOptions> | undefined) => Promise<import("vee-validate").FormValidationResult<ContainerStoragePathMapRow>>;
         yup: typeof import("yup");
     }> & {} & import("vue").ComponentCustomProperties & {}) | null)[];
@@ -463,10 +449,7 @@ declare const _default: import("vue").DefineComponent<{
             }[];
             loading: boolean;
         }>>;
-        default: undefined; /**
-         * 删除节点映射
-         * @param index 删除的下标
-         */
+        default: undefined;
     };
     storageClass: {
         type: import("vue").PropType<Partial<{