@maketribe/ms-app 3.2.9 → 3.2.11

package/dist/esm/components/basic/upload-file/ui/upload-image/upload-image.js.map

@@ -1 +1 @@
-{"version":3,"file":"upload-image.js","sources":["../../../../../../../src/components/basic/upload-file/ui/upload-image/upload-image.tsx"],"sourcesContent":["import {\r\n  Fragment,\r\n  Ref,\r\n  VNode,\r\n  computed,\r\n  defineComponent,\r\n  ref,\r\n  unref,\r\n  watch,\r\n} from \"vue\";\r\nimport { ElImage, ElTooltip, ElImageViewer } from \"element-plus\";\r\nimport { MKSvgIcon } from \"../../../svg-icon\";\r\nimport { MKUploadFile } from \"../../upload-file\";\r\nimport { uploadImageEmits, uploadImageProps } from \"./upload-image-options\";\r\nimport { UploadContext } from \"../../context\";\r\n\r\nconst MKUploadImageItem = defineComponent({\r\n  name: \"MKUploadImageItem\",\r\n  props: {\r\n    modelValue: {\r\n      type: String,\r\n      default: \"\",\r\n    },\r\n    uploadContext: {\r\n      type: UploadContext,\r\n      required: true,\r\n    },\r\n    width: {\r\n      type: String,\r\n      default: \"180px\",\r\n    },\r\n    height: {\r\n      type: String,\r\n      default: \"180px\",\r\n    },\r\n    icon: {\r\n      type: String,\r\n      default: \"Plus\",\r\n    }\r\n  },\r\n  emits: [\"update:modelValue\", \"view\", \"delete\"],\r\n  setup(props, { emit }) {\r\n    const uploadFileInstance: Ref<InstanceType<typeof MKUploadFile> | null> =\r\n      ref(null);\r\n\r\n    const imageInstance: Ref<InstanceType<typeof ElImage> | null> = ref(null);\r\n\r\n    const modelValue = computed({\r\n      get: () => props.modelValue as string,\r\n      set: (v: string) => {\r\n        emit(\"update:modelValue\", v);\r\n      },\r\n    });\r\n\r\n    const handleUpdateModelValue = (v: string) => {\r\n      modelValue.value = v;\r\n    };\r\n\r\n    const handleClick = (event: MouseEvent) => {\r\n      event.stopPropagation();\r\n\r\n      if (unref(modelValue)) {\r\n        return;\r\n      }\r\n\r\n      unref(uploadFileInstance)?.handleUpload();\r\n    };\r\n\r\n    const handleView = (event: MouseEvent) => {\r\n      event.stopPropagation();\r\n\r\n      emit(\"view\", unref(modelValue));\r\n    };\r\n\r\n    const handleDelete = (event: MouseEvent) => {\r\n      event.stopPropagation();\r\n\r\n      // modelValue.value = \"\";\r\n      emit(\"delete\", unref(modelValue));\r\n    };\r\n\r\n    return () => {\r\n      let content;\r\n\r\n      if (unref(modelValue)) {\r\n        content = (\r\n          <Fragment>\r\n            <ElImage\r\n              ref={\r\n                ((el: InstanceType<typeof ElImage>) =>\r\n                  (imageInstance.value = el)) as any\r\n              }\r\n              src={unref(modelValue)}\r\n              class=\"mk-upload-image-item__image\"\r\n              fit=\"cover\"\r\n            />\r\n\r\n            <div class=\"mk-upload-image-item__mask\">\r\n              <ElTooltip content=\"查看\">\r\n                <MKSvgIcon iconClass=\"View\" onClick={handleView} />\r\n              </ElTooltip>\r\n              <ElTooltip content=\"删除\">\r\n                <MKSvgIcon iconClass=\"Delete\" onClick={handleDelete} />\r\n              </ElTooltip>\r\n            </div>\r\n          </Fragment>\r\n        );\r\n      } else {\r\n        content = <MKSvgIcon iconClass={props.icon} />;\r\n      }\r\n\r\n      return (\r\n        <div class=\"mk-upload-image-item\" style={{width:props.width,height:props.height}}>\r\n          <MKUploadFile\r\n            modelValue={props.modelValue}\r\n            onUpdate:modelValue={handleUpdateModelValue}\r\n            uploadContext={props.uploadContext}\r\n            ref={\r\n              ((el: InstanceType<typeof MKUploadFile>) =>\r\n                (uploadFileInstance.value = el)) as any\r\n            }\r\n          >\r\n            <div class=\"mk-upload-image-item__wrapper\" onClick={handleClick}>\r\n              {content}\r\n            </div>\r\n          </MKUploadFile>\r\n        </div>\r\n      );\r\n    };\r\n  },\r\n});\r\n\r\nexport default defineComponent({\r\n  name: \"MKUploadImage\",\r\n  props: uploadImageProps,\r\n  emits: uploadImageEmits,\r\n  setup(props, { emit }) {\r\n    const modelValue = computed({\r\n      get: () => props.modelValue as string[] | string,\r\n      set: (v: string[] | string) => emit(\"update:modelValue\", v),\r\n    });\r\n\r\n    const currentImageSrc: Ref<string> = ref(\"\");\r\n\r\n    const multiple = computed(() => props.multiple);\r\n\r\n    const isShowImageViewer: Ref<boolean> = ref(false);\r\n\r\n    watch(\r\n      computed(() => [unref(modelValue), unref(multiple)]),\r\n      ([value, multiple]) => {\r\n        if (multiple && !Array.isArray(value)) {\r\n          modelValue.value = [];\r\n        }\r\n      },\r\n      { immediate: true }\r\n    );\r\n\r\n    const handleDelete = (src: string) => {\r\n      if (!unref(multiple)) {\r\n        modelValue.value = \"\";\r\n        return;\r\n      }\r\n\r\n      const index = unref(modelValue).indexOf(src);\r\n\r\n      if (index === -1) {\r\n        return;\r\n      }\r\n\r\n      (modelValue.value as string[]).splice(index, 1);\r\n    };\r\n\r\n    const handleShowImageViewer = (src: string) => {\r\n      isShowImageViewer.value = true;\r\n      currentImageSrc.value = src;\r\n    };\r\n\r\n    const handleCloseImageViewer = () => {\r\n      isShowImageViewer.value = false;\r\n    };\r\n\r\n    const handleAppendImage = (src: string) => {\r\n      const _value = unref(modelValue);\r\n\r\n      if (Array.isArray(_value)) {\r\n        _value.push(src);\r\n      }\r\n    };\r\n\r\n    return () => {\r\n      const _multiple = unref(multiple);\r\n\r\n      let content;\r\n\r\n      if (!_multiple) {\r\n        content = (\r\n          <MKUploadImageItem\r\n            onView={handleShowImageViewer}\r\n            onDelete={handleDelete}\r\n            modelValue={unref(modelValue) as string}\r\n            onUpdate:modelValue={(value) => (modelValue.value = value)}\r\n            uploadContext={props.uploadContext}\r\n            width={props.width}\r\n            height={props.height}\r\n            icon={props.icon}\r\n          />\r\n        );\r\n      } else {\r\n        let images: VNode[] | null = null;\r\n\r\n        if (Array.isArray(unref(modelValue))) {\r\n          images = (unref(modelValue) as string[]).map((src) => (\r\n            <MKUploadImageItem\r\n              onView={handleShowImageViewer}\r\n              onDelete={handleDelete}\r\n              modelValue={src}\r\n              uploadContext={props.uploadContext}\r\n              width={props.width}\r\n              height={props.height}\r\n              icon={props.icon}\r\n            />\r\n          ));\r\n        }\r\n\r\n        content = (\r\n          <Fragment>\r\n            {images}\r\n            <MKUploadImageItem\r\n              onUpdate:modelValue={handleAppendImage}\r\n              uploadContext={props.uploadContext}\r\n              width={props.width}\r\n              height={props.height}\r\n              icon={props.icon}\r\n            />\r\n          </Fragment>\r\n        );\r\n      }\r\n\r\n      const imageViewer = unref(isShowImageViewer) ? (\r\n        <ElImageViewer\r\n          onClose={handleCloseImageViewer}\r\n          urlList={[unref(currentImageSrc)]}\r\n        />\r\n      ) : null;\r\n\r\n      return (\r\n        <div class=\"mk-upload-image\" style={{width:_multiple?\"\":props.width}}>\r\n          {content}\r\n          {imageViewer}\r\n        </div>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["MKUploadImageItem","defineComponent","name","props","modelValue","type","String","default","uploadContext","UploadContext","required","width","height","icon","emits","setup","emit","uploadFileInstance","ref","imageInstance","computed","get","set","v","handleUpdateModelValue","value","handleClick","event","stopPropagation","unref","handleUpload","handleView","handleDelete","content","_createVNode","_Fragment","ElImage","el","ElTooltip","MKSvgIcon","MKUploadFile","uploadImageProps","uploadImageEmits","currentImageSrc","multiple","isShowImageViewer","watch","Array","isArray","immediate","src","index","indexOf","splice","handleShowImageViewer","handleCloseImageViewer","handleAppendImage","_value","push","_multiple","images","map","imageViewer","ElImageViewer"],"mappings":";;;;;;;;;;AAgBA,MAAMA,oBAAoBC,gCAAgB;AAAA,EACxCC,MAAM;AAAA,EACNC,OAAO;AAAA,IACLC,YAAY;AAAA,MACVC,MAAMC;AAAAA,MACNC,SAAS;AAAA,IACV;AAAA,IACDC,eAAe;AAAA,MACbH,MAAMI;AAAAA,MACNC,UAAU;AAAA,IACX;AAAA,IACDC,OAAO;AAAA,MACLN,MAAMC;AAAAA,MACNC,SAAS;AAAA,IACV;AAAA,IACDK,QAAQ;AAAA,MACNP,MAAMC;AAAAA,MACNC,SAAS;AAAA,IACV;AAAA,IACDM,MAAM;AAAA,MACJR,MAAMC;AAAAA,MACNC,SAAS;AAAA,IACX;AAAA,EACD;AAAA,EACDO,OAAO,CAAC,qBAAqB,QAAQ,QAAQ;AAAA,EAC7CC,MAAMZ,OAAO;AAAA,IAAEa;AAAAA,EAAK,GAAG;AACrB,UAAMC,qBACJC,IAAI,IAAI;AAEV,UAAMC,gBAA0DD,IAAI,IAAI;AAExE,UAAMd,aAAagB,SAAS;AAAA,MAC1BC,KAAKA,MAAMlB,MAAMC;AAAAA,MACjBkB,KAAMC,OAAc;AAClBP,aAAK,qBAAqBO,CAAC;AAAA,MAC7B;AAAA,IACF,CAAC;AAED,UAAMC,yBAA0BD,OAAc;AAC5CnB,iBAAWqB,QAAQF;AAAAA;AAGrB,UAAMG,cAAeC,WAAsB;;AACzCA,YAAMC,gBAAe;AAErB,UAAIC,MAAMzB,UAAU,GAAG;AACrB;AAAA,MACF;AAEAyB,kBAAMZ,kBAAkB,MAAxBY,mBAA2BC;AAAAA;AAG7B,UAAMC,aAAcJ,WAAsB;AACxCA,YAAMC,gBAAe;AAErBZ,WAAK,QAAQa,MAAMzB,UAAU,CAAC;AAAA;AAGhC,UAAM4B,eAAgBL,WAAsB;AAC1CA,YAAMC,gBAAe;AAGrBZ,WAAK,UAAUa,MAAMzB,UAAU,CAAC;AAAA;AAGlC,WAAO,MAAM;AACX,UAAI6B;AAEJ,UAAIJ,MAAMzB,UAAU,GAAG;AACrB6B,kBAAOC,YAAAC,UAAAD,MAAAA,CAAAA,YAAAE,SAAA;AAAA,UAAA,OAIGC,QACClB,cAAcM,QAAQY;AAAAA,UAAG,OAEzBR,MAAMzB,UAAU;AAAA,UAAC,SAAA;AAAA,UAAA,OAAA;AAAA,QAAA,GAAA,IAAA,GAAA8B,YAAA,OAAA;AAAA,UAAA,SAAA;AAAA,WAAAA,CAAAA,YAAAI,WAAA;AAAA,UAAA,WAAA;AAAA,QAAA,GAAA;AAAA,UAAA/B,SAAAA,MAAA2B,CAAAA,YAAAK,WAAA;AAAA,YAAA,aAAA;AAAA,YAAA,WAOiBR;AAAAA,UAAU,GAAA,IAAA,CAAA;AAAA,SAAAG,GAAAA,YAAAI,WAAA;AAAA,UAAA,WAAA;AAAA,QAAA,GAAA;AAAA,UAAA/B,SAAAA,MAAA2B,CAAAA,YAAAK,WAAA;AAAA,YAAA,aAAA;AAAA,YAAA,WAGRP;AAAAA,UAAY,GAAA,IAAA,CAAA;AAAA,SAI1D,CAAA,CAAA,CAAA,CAAA;AAAA,MACH,OAAO;AACLC,kBAAOC,YAAAK,WAAA;AAAA,UAAA,aAAyBpC,MAAMU;AAAAA,QAAQ,GAAA,IAAA;AAAA,MAChD;AAEA,aAAAqB,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,QAAA,SAC2C;AAAA,UAACvB,OAAMR,MAAMQ;AAAAA,UAAMC,QAAOT,MAAMS;AAAAA,QAAM;AAAA,SAACsB,CAAAA,YAAAM,cAAA;AAAA,QAAA,cAEhErC,MAAMC;AAAAA,QAAU,uBACPoB;AAAAA,QAAsB,iBAC5BrB,MAAMK;AAAAA,QAAa,OAE9B6B,QACCpB,mBAAmBQ,QAAQY;AAAAA,MAAG,GAAA;AAAA,QAAA9B,SAAAA,MAAA,CAAA2B,YAAA,OAAA;AAAA,UAAA,SAAA;AAAA,UAAA,WAGiBR;AAAAA,QAAW,GAAA,CAC5DO,OAAO,CAAA,CAAA;AAAA,MAAA,CAAA,CAAA,CAAA;AAAA;EAMpB;AACF,CAAC;AAED,MAAehC,8CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOsC;AAAAA,EACP3B,OAAO4B;AAAAA,EACP3B,MAAMZ,OAAO;AAAA,IAAEa;AAAAA,EAAK,GAAG;AACrB,UAAMZ,aAAagB,SAAS;AAAA,MAC1BC,KAAKA,MAAMlB,MAAMC;AAAAA,MACjBkB,KAAMC,OAAyBP,KAAK,qBAAqBO,CAAC;AAAA,IAC5D,CAAC;AAED,UAAMoB,kBAA+BzB,IAAI,EAAE;AAE3C,UAAM0B,WAAWxB,SAAS,MAAMjB,MAAMyC,QAAQ;AAE9C,UAAMC,oBAAkC3B,IAAI,KAAK;AAEjD4B,UACE1B,SAAS,MAAM,CAACS,MAAMzB,UAAU,GAAGyB,MAAMe,QAAQ,CAAC,CAAC,GACnD,CAAC,CAACnB,OAAOmB,SAAQ,MAAM;AACrB,UAAIA,aAAY,CAACG,MAAMC,QAAQvB,KAAK,GAAG;AACrCrB,mBAAWqB,QAAQ;MACrB;AAAA,IACF,GACA;AAAA,MAAEwB,WAAW;AAAA,IAAK,CACpB;AAEA,UAAMjB,eAAgBkB,SAAgB;AACpC,UAAI,CAACrB,MAAMe,QAAQ,GAAG;AACpBxC,mBAAWqB,QAAQ;AACnB;AAAA,MACF;AAEA,YAAM0B,QAAQtB,MAAMzB,UAAU,EAAEgD,QAAQF,GAAG;AAE3C,UAAIC,UAAU,IAAI;AAChB;AAAA,MACF;AAEC/C,iBAAWqB,MAAmB4B,OAAOF,OAAO,CAAC;AAAA;AAGhD,UAAMG,wBAAyBJ,SAAgB;AAC7CL,wBAAkBpB,QAAQ;AAC1BkB,sBAAgBlB,QAAQyB;AAAAA;AAG1B,UAAMK,yBAAyBA,MAAM;AACnCV,wBAAkBpB,QAAQ;AAAA;AAG5B,UAAM+B,oBAAqBN,SAAgB;AACzC,YAAMO,SAAS5B,MAAMzB,UAAU;AAE/B,UAAI2C,MAAMC,QAAQS,MAAM,GAAG;AACzBA,eAAOC,KAAKR,GAAG;AAAA,MACjB;AAAA;AAGF,WAAO,MAAM;AACX,YAAMS,YAAY9B,MAAMe,QAAQ;AAEhC,UAAIX;AAEJ,UAAI,CAAC0B,WAAW;AACd1B,kBAAOC,YAAAlC,mBAAA;AAAA,UAAA,UAEKsD;AAAAA,UAAqB,YACnBtB;AAAAA,UAAY,cACVH,MAAMzB,UAAU;AAAA,UAAC,uBACPqB,WAAWrB,WAAWqB,QAAQA;AAAAA,UAAM,iBAC3CtB,MAAMK;AAAAA,UAAa,SAC3BL,MAAMQ;AAAAA,UAAK,UACVR,MAAMS;AAAAA,UAAM,QACdT,MAAMU;AAAAA,QAEf,GAAA,IAAA;AAAA,MACH,OAAO;AACL,YAAI+C,SAAyB;AAE7B,YAAIb,MAAMC,QAAQnB,MAAMzB,UAAU,CAAC,GAAG;AACpCwD,mBAAU/B,MAAMzB,UAAU,EAAeyD,IAAKX,SAAGhB,YAAAlC,mBAAA;AAAA,YAAA,UAErCsD;AAAAA,YAAqB,YACnBtB;AAAAA,YAAY,cACVkB;AAAAA,YAAG,iBACA/C,MAAMK;AAAAA,YAAa,SAC3BL,MAAMQ;AAAAA,YAAK,UACVR,MAAMS;AAAAA,YAAM,QACdT,MAAMU;AAAAA,UAAI,GAAA,IAAA,CAEnB;AAAA,QACH;AAEAoB,kBAAOC,YAAAC,iBAEFyB,QAAM1B,YAAAlC,mBAAA;AAAA,UAAA,uBAEgBwD;AAAAA,UAAiB,iBACvBrD,MAAMK;AAAAA,UAAa,SAC3BL,MAAMQ;AAAAA,UAAK,UACVR,MAAMS;AAAAA,UAAM,QACdT,MAAMU;AAAAA,WAGjB,IAAA,CAAA,CAAA;AAAA,MACH;AAEA,YAAMiD,cAAcjC,MAAMgB,iBAAiB,IAACX,YAAA6B,eAAA;AAAA,QAAA,WAE/BR;AAAAA,QAAsB,WACtB,CAAC1B,MAAMc,eAAe,CAAC;AAAA,MAAC,GAAA,IAAA,IAEjC;AAEJ,aAAAT,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,QAAA,SACsC;AAAA,UAACvB,OAAMgD,YAAU,KAAGxD,MAAMQ;AAAAA,QAAK;AAAA,SAChEsB,CAAAA,SACA6B,WAAW,CAAA;AAAA;EAIpB;AACF,CAAC;"}
+{"version":3,"file":"upload-image.js","sources":["../../../../../../../src/components/basic/upload-file/ui/upload-image/upload-image.tsx"],"sourcesContent":["import {\r\n  Fragment,\r\n  Ref,\r\n  VNode,\r\n  computed,\r\n  defineComponent,\r\n  ref,\r\n  unref,\r\n  watch,\r\n} from \"vue\";\r\nimport { ElImage, ElTooltip, ElImageViewer } from \"element-plus\";\r\nimport { MKSvgIcon } from \"../../../svg-icon\";\r\nimport { MKUploadFile } from \"../../upload-file\";\r\nimport { uploadImageEmits, uploadImageProps } from \"./upload-image-options\";\r\nimport { UploadContext } from \"../../context\";\r\n\r\nconst MKUploadImageItem = defineComponent({\r\n  name: \"MKUploadImageItem\",\r\n  props: {\r\n    modelValue: {\r\n      type: String,\r\n      default: \"\",\r\n    },\r\n    uploadContext: {\r\n      type: UploadContext,\r\n      required: true,\r\n    },\r\n    width: {\r\n      type: String,\r\n      default: \"180px\",\r\n    },\r\n    height: {\r\n      type: String,\r\n      default: \"180px\",\r\n    },\r\n    icon: {\r\n      type: String,\r\n      default: \"Plus\",\r\n    }\r\n  },\r\n  emits: [\"update:modelValue\", \"view\", \"delete\"],\r\n  setup(props, { emit }) {\r\n    const uploadFileInstance: Ref<InstanceType<typeof MKUploadFile> | null> =\r\n      ref(null);\r\n\r\n    const imageInstance: Ref<InstanceType<typeof ElImage> | null> = ref(null);\r\n\r\n    const modelValue = computed({\r\n      get: () => props.modelValue as string,\r\n      set: (v: string) => {\r\n        emit(\"update:modelValue\", v);\r\n      },\r\n    });\r\n\r\n    const handleUpdateModelValue = (v: string) => {\r\n      modelValue.value = v;\r\n    };\r\n\r\n    const handleClick = (event: MouseEvent) => {\r\n      event.stopPropagation();\r\n\r\n      if (unref(modelValue)) {\r\n        return;\r\n      }\r\n\r\n      unref(uploadFileInstance)?.handleUpload();\r\n    };\r\n\r\n    const handleView = (event: MouseEvent) => {\r\n      event.stopPropagation();\r\n\r\n      emit(\"view\", unref(modelValue));\r\n    };\r\n\r\n    const handleDelete = (event: MouseEvent) => {\r\n      event.stopPropagation();\r\n\r\n      // modelValue.value = \"\";\r\n      emit(\"delete\", unref(modelValue));\r\n    };\r\n\r\n    return () => {\r\n      let content;\r\n\r\n      if (unref(modelValue)) {\r\n        content = (\r\n          <Fragment>\r\n            <ElImage ref={\r\n                ((el: InstanceType<typeof ElImage>) =>\r\n                  (imageInstance.value = el)) as any\r\n              }\r\n              src={unref(modelValue)}\r\n              class=\"mk-upload-image-item__image\"\r\n              fit=\"cover\"\r\n            />\r\n\r\n            <div class=\"mk-upload-image-item__mask\">\r\n              <ElTooltip content=\"查看\">\r\n                <MKSvgIcon iconClass=\"View\" onClick={handleView} />\r\n              </ElTooltip>\r\n              <ElTooltip content=\"删除\">\r\n                <MKSvgIcon iconClass=\"Delete\" onClick={handleDelete} />\r\n              </ElTooltip>\r\n            </div>\r\n          </Fragment>\r\n        );\r\n      } else {\r\n        content = <MKSvgIcon iconClass={props.icon} />;\r\n      }\r\n\r\n      return (\r\n        <div class=\"mk-upload-image-item\" style={{width:props.width,height:props.height}}>\r\n          <MKUploadFile\r\n            modelValue={props.modelValue}\r\n            onUpdate:modelValue={handleUpdateModelValue}\r\n            uploadContext={props.uploadContext}\r\n            ref={\r\n              ((el: InstanceType<typeof MKUploadFile>) =>\r\n                (uploadFileInstance.value = el)) as any\r\n            }\r\n          >\r\n            <div class=\"mk-upload-image-item__wrapper\" onClick={handleClick}>\r\n              {content}\r\n            </div>\r\n          </MKUploadFile>\r\n        </div>\r\n      );\r\n    };\r\n  },\r\n});\r\n\r\nexport default defineComponent({\r\n  name: \"MKUploadImage\",\r\n  props: uploadImageProps,\r\n  emits: uploadImageEmits,\r\n  setup(props, { emit }) {\r\n    const modelValue = computed({\r\n      get: () => props.modelValue as string[] | string,\r\n      set: (v: string[] | string) => emit(\"update:modelValue\", v),\r\n    });\r\n\r\n    const currentImageSrc: Ref<string> = ref(\"\");\r\n\r\n    const multiple = computed(() => props.multiple);\r\n\r\n    const isShowImageViewer: Ref<boolean> = ref(false);\r\n\r\n    watch(\r\n      computed(() => [unref(modelValue), unref(multiple)]),\r\n      ([value, multiple]) => {\r\n        if (multiple && !Array.isArray(value)) {\r\n          modelValue.value = [];\r\n        }\r\n      },\r\n      { immediate: true }\r\n    );\r\n\r\n    const handleDelete = (src: string) => {\r\n      if (!unref(multiple)) {\r\n        modelValue.value = \"\";\r\n        return;\r\n      }\r\n\r\n      const index = unref(modelValue).indexOf(src);\r\n\r\n      if (index === -1) {\r\n        return;\r\n      }\r\n\r\n      (modelValue.value as string[]).splice(index, 1);\r\n    };\r\n\r\n    const handleShowImageViewer = (src: string) => {\r\n      isShowImageViewer.value = true;\r\n      currentImageSrc.value = src;\r\n    };\r\n\r\n    const handleCloseImageViewer = () => {\r\n      isShowImageViewer.value = false;\r\n    };\r\n\r\n    const handleAppendImage = (src: string) => {\r\n      const _value = unref(modelValue);\r\n\r\n      if (Array.isArray(_value)) {\r\n        _value.push(src);\r\n      }\r\n    };\r\n\r\n    return () => {\r\n      const _multiple = unref(multiple);\r\n\r\n      let content;\r\n\r\n      if (!_multiple) {\r\n        content = (\r\n          <MKUploadImageItem\r\n            onView={handleShowImageViewer}\r\n            onDelete={handleDelete}\r\n            modelValue={unref(modelValue) as string}\r\n            onUpdate:modelValue={(value) => (modelValue.value = value)}\r\n            uploadContext={props.uploadContext}\r\n            width={props.width}\r\n            height={props.height}\r\n            icon={props.icon}\r\n          />\r\n        );\r\n      } else {\r\n        let images: VNode[] | null = null;\r\n\r\n        if (Array.isArray(unref(modelValue))) {\r\n          images = (unref(modelValue) as string[]).map((src) => (\r\n            <MKUploadImageItem\r\n              onView={handleShowImageViewer}\r\n              onDelete={handleDelete}\r\n              modelValue={src}\r\n              uploadContext={props.uploadContext}\r\n              width={props.width}\r\n              height={props.height}\r\n              icon={props.icon}\r\n            />\r\n          ));\r\n        }\r\n\r\n        content = (\r\n          <Fragment>\r\n            {images}\r\n            <MKUploadImageItem\r\n              onUpdate:modelValue={handleAppendImage}\r\n              uploadContext={props.uploadContext}\r\n              width={props.width}\r\n              height={props.height}\r\n              icon={props.icon}\r\n            />\r\n          </Fragment>\r\n        );\r\n      }\r\n\r\n      const imageViewer = unref(isShowImageViewer) ? (\r\n        <ElImageViewer teleported zIndex={99}\r\n          onClose={handleCloseImageViewer}\r\n          urlList={[unref(currentImageSrc)]}\r\n        />\r\n      ) : null;\r\n\r\n      return (\r\n        <div class=\"mk-upload-image\" style={{width:_multiple?\"\":props.width}}>\r\n          {content}\r\n          {imageViewer}\r\n        </div>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["MKUploadImageItem","defineComponent","name","props","modelValue","type","String","default","uploadContext","UploadContext","required","width","height","icon","emits","setup","emit","uploadFileInstance","ref","imageInstance","computed","get","set","v","handleUpdateModelValue","value","handleClick","event","stopPropagation","unref","handleUpload","handleView","handleDelete","content","_createVNode","_Fragment","ElImage","el","ElTooltip","MKSvgIcon","MKUploadFile","uploadImageProps","uploadImageEmits","currentImageSrc","multiple","isShowImageViewer","watch","Array","isArray","immediate","src","index","indexOf","splice","handleShowImageViewer","handleCloseImageViewer","handleAppendImage","_value","push","_multiple","images","map","imageViewer","ElImageViewer"],"mappings":"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"}

package/dist/esm/components/business/resource-list/ResourceManager.js

@@ -35,7 +35,7 @@ class ResourceManager extends Disposable {
     try {
       this.loadingManager.startLoading();
       const response = await httpRequest.post(
-        `${this.baseURL}/resource/resource-list`,
+        `${this.baseURL}/list`,
         {
           directoryPath: toPath,
           extensions: this.filterExtensions
@@ -63,10 +63,9 @@ class ResourceManager extends Disposable {
     const httpRequest = MSAppClient.instance.httpRequest;
     try {
       this.loadingManager.startLoading();
-      const response = await httpRequest.post(
-        `${this.baseURL}/resource/delete-resource-list`,
-        { paths: this.selectResourceList.map((item) => item.path) }
-      );
+      const response = await httpRequest.post(`${this.baseURL}/delete`, {
+        paths: this.selectResourceList.map((item) => item.path)
+      });
       if (response.data.code !== 200) {
         Messager.error({ message: response.data.msg });
         this.loadResourceInfoList();
@@ -80,15 +79,16 @@ class ResourceManager extends Disposable {
       this.loadingManager.completeLoading();
     }
   }
+  // 暂不做调整
   async getExistPathList(pathList) {
     const httpRequest = MSAppClient.instance.httpRequest;
     try {
       this.loadingManager.startLoading();
       const directoryPath = this.directories.length ? `/${this.directories.join("/")}` : "";
-      return await httpRequest.post(
-        `${this.baseURL}/resource/get-exist-path-list`,
-        { pathList, directoryPath }
-      );
+      return await httpRequest.post(`${this.baseURL}/exist-path-list`, {
+        pathList,
+        directoryPath
+      });
     } catch (e) {
       console.error(e);
       Messager.error({ message: "网络异常" });
@@ -107,10 +107,7 @@ class ResourceManager extends Disposable {
         formData.append(files[i].name, files[i]);
       }
       formData.append("directory", directory);
-      const response = await httpRequest.post(
-        `${this.baseURL}/resource/update-resource-list`,
-        formData
-      );
+      const response = await httpRequest.post(`${this.baseURL}/save`, formData);
       if (response.data.code !== 200) {
         Messager.error({ message: response.data.msg });
         this.loadResourceInfoList();
@@ -126,30 +123,34 @@ class ResourceManager extends Disposable {
   }
   async downloadSelectResource() {
     const httpRequest = MSAppClient.instance.httpRequest;
-    const response = await httpRequest.post(
-      `${this.baseURL}/resource/get-download-resource-url`,
-      { filePath: this.selectResourceList[0].path }
-    );
-    if (response.data.code !== 200) {
-      Messager.error({ message: response.data.msg });
-      return;
+    try {
+      const response = await httpRequest.post(
+        `${this.baseURL}/download`,
+        {
+          path: this.selectResourceList[0].path
+        },
+        { responseType: "blob" }
+      );
+      const url = URL.createObjectURL(response.data);
+      var aElement = document.createElement("a");
+      aElement.href = url;
+      aElement.target = "_blank";
+      aElement.download = this.selectResourceList[0].name;
+      aElement.click();
+      URL.revokeObjectURL(url);
+    } catch (e) {
+      console.error(e);
+      Messager.error({ message: "网络异常" });
     }
-    var aElement = document.createElement("a");
-    aElement.href = response.data.data;
-    aElement.target = "_blank";
-    aElement.click();
   }
   async editSelectFile() {
     const httpRequest = MSAppClient.instance.httpRequest;
     try {
       this.loadingManager.startLoading();
       var resourceInfo = this.selectResourceList[0];
-      const response = await httpRequest.post(
-        `${this.baseURL}/resource/get-text`,
-        {
-          path: resourceInfo.path
-        }
-      );
+      const response = await httpRequest.post(`${this.baseURL}/text/read`, {
+        path: resourceInfo.path
+      });
       this.isShowEditDialog = true;
       this.currentEditText = response.data.data;
     } finally {
@@ -161,17 +162,15 @@ class ResourceManager extends Disposable {
     try {
       this.loadingManager.startLoading();
       var resourceInfo = this.selectResourceList[0];
-      const response = await httpRequest.post(
-        `${this.baseURL}/resource/set-text`,
-        {
-          path: resourceInfo.path,
-          content: this.currentEditText
-        }
-      );
+      const response = await httpRequest.post(`${this.baseURL}/text/write`, {
+        path: resourceInfo.path,
+        content: this.currentEditText
+      });
       if (response.data.code !== 200) {
         Messager.error({ message: response.data.msg });
         return;
       }
+      await this.loadResourceInfoList();
       this.isShowEditDialog = false;
       this.currentEditText = "";
     } finally {

package/dist/esm/components/business/resource-list/ResourceManager.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResourceManager.js","sources":["../../../../../src/components/business/resource-list/ResourceManager.ts"],"sourcesContent":["import { Disposable } from \"@maketribe/utils\";\r\nimport { MSAppClient } from \"../../../core\";\r\nimport { Dialoger, LoadingManager, Messager } from \"@maketribe/dm\";\r\nimport { R } from \"@maketribe/request\";\r\n\r\nexport type ResourceInfo = {\r\n  name: string;\r\n  path: string;\r\n  isDirectory: boolean;\r\n  extension: string;\r\n  isSelected: boolean;\r\n};\r\n\r\nexport type ResourceManagerOptions = {\r\n  extensions?: string[];\r\n  baseURL: string;\r\n};\r\n\r\nexport class ResourceManager extends Disposable {\r\n  directories: string[];\r\n\r\n  resourceInfoList: ResourceInfo[];\r\n\r\n  loadingManager: LoadingManager;\r\n\r\n  isShowEditDialog: boolean = false;\r\n\r\n  currentEditText: string = \"\";\r\n\r\n  filterExtensions: string[] = [];\r\n\r\n  baseURL: string = \"\";\r\n\r\n  get selectResourceList() {\r\n    return this.resourceInfoList.filter((item) => item.isSelected);\r\n  }\r\n\r\n  get loading() {\r\n    return this.loadingManager.loading;\r\n  }\r\n\r\n  constructor(options: ResourceManagerOptions) {\r\n    super();\r\n\r\n    this.directories = [];\r\n\r\n    this.resourceInfoList = [];\r\n\r\n    this.loadingManager = new LoadingManager();\r\n\r\n    this.filterExtensions = options.extensions ?? [];\r\n    this.baseURL = options.baseURL;\r\n  }\r\n\r\n  async loadResourceInfoList(\r\n    toPath: string = this.directories.length\r\n      ? `/${this.directories.join(\"/\")}`\r\n      : \"\"\r\n  ) {\r\n    const httpRequest = MSAppClient.instance!.httpRequest;\r\n\r\n    try {\r\n      this.loadingManager.startLoading();\r\n\r\n      const response = await httpRequest.post<R<ResourceInfo[]>>(\r\n        `${this.baseURL}/resource/resource-list`,\r\n        {\r\n          directoryPath: toPath,\r\n          extensions: this.filterExtensions,\r\n        }\r\n      );\r\n\r\n      if (response.data.code !== 200) {\r\n        Messager.error({ message: response.data.msg });\r\n        this.resourceInfoList = [];\r\n        return;\r\n      }\r\n\r\n      this.resourceInfoList = response.data.data.map((item) => ({\r\n        ...item,\r\n        isSelected: false,\r\n      }));\r\n\r\n      var directorySegments = toPath.startsWith(\"/\")\r\n        ? toPath.slice(1).split(\"/\")\r\n        : toPath.split(\"/\");\r\n\r\n      this.directories = directorySegments.filter(Boolean);\r\n    } catch (e) {\r\n      console.error(e);\r\n\r\n      Messager.error({ message: \"网络异常\" });\r\n    } finally {\r\n      this.loadingManager.completeLoading();\r\n    }\r\n  }\r\n\r\n  async deleteSelectResourceList() {\r\n    const httpRequest = MSAppClient.instance!.httpRequest;\r\n\r\n    try {\r\n      this.loadingManager.startLoading();\r\n\r\n      const response = await httpRequest.post(\r\n        `${this.baseURL}/resource/delete-resource-list`,\r\n        { paths: this.selectResourceList.map((item) => item.path) }\r\n      );\r\n\r\n      if (response.data.code !== 200) {\r\n        Messager.error({ message: response.data.msg });\r\n        this.loadResourceInfoList();\r\n        return;\r\n      }\r\n\r\n      await this.loadResourceInfoList();\r\n    } catch (e) {\r\n      console.error(e);\r\n\r\n      Messager.error({ message: \"网络异常\" });\r\n    } finally {\r\n      this.loadingManager.completeLoading();\r\n    }\r\n  }\r\n\r\n  async getExistPathList(pathList: string[]) {\r\n    const httpRequest = MSAppClient.instance!.httpRequest;\r\n\r\n    try {\r\n      this.loadingManager.startLoading();\r\n\r\n      const directoryPath = this.directories.length\r\n        ? `/${this.directories.join(\"/\")}`\r\n        : \"\";\r\n\r\n      return await httpRequest.post(\r\n        `${this.baseURL}/resource/get-exist-path-list`,\r\n        { pathList, directoryPath }\r\n      );\r\n    } catch (e) {\r\n      console.error(e);\r\n\r\n      Messager.error({ message: \"网络异常\" });\r\n\r\n      throw e;\r\n    } finally {\r\n      this.loadingManager.completeLoading();\r\n    }\r\n  }\r\n\r\n  async uploadResourceList(files: File[]) {\r\n    const httpRequest = MSAppClient.instance!.httpRequest;\r\n\r\n    try {\r\n      this.loadingManager.startLoading();\r\n\r\n      var directory = this.directories.length\r\n        ? `/${this.directories.join(\"/\")}`\r\n        : \"\";\r\n\r\n      var formData = new FormData();\r\n      for (var i = 0; i < files.length; i++) {\r\n        formData.append(files[i].name, files[i]);\r\n      }\r\n      formData.append(\"directory\", directory);\r\n\r\n      const response = await httpRequest.post(\r\n        `${this.baseURL}/resource/update-resource-list`,\r\n        formData\r\n      );\r\n\r\n      if (response.data.code !== 200) {\r\n        Messager.error({ message: response.data.msg });\r\n        this.loadResourceInfoList();\r\n        return;\r\n      }\r\n\r\n      await this.loadResourceInfoList();\r\n    } catch (e) {\r\n      console.error(e);\r\n\r\n      Messager.error({ message: \"网络异常\" });\r\n    } finally {\r\n      this.loadingManager.completeLoading();\r\n    }\r\n  }\r\n\r\n  async downloadSelectResource() {\r\n    const httpRequest = MSAppClient.instance!.httpRequest;\r\n\r\n    const response = await httpRequest.post(\r\n      `${this.baseURL}/resource/get-download-resource-url`,\r\n      { filePath: this.selectResourceList[0].path }\r\n    );\r\n\r\n    if (response.data.code !== 200) {\r\n      Messager.error({ message: response.data.msg });\r\n      return;\r\n    }\r\n\r\n    var aElement = document.createElement(\"a\");\r\n    aElement.href = response.data.data;\r\n    aElement.target = \"_blank\";\r\n\r\n    aElement.click();\r\n  }\r\n\r\n  async editSelectFile() {\r\n    const httpRequest = MSAppClient.instance!.httpRequest;\r\n\r\n    try {\r\n      this.loadingManager.startLoading();\r\n\r\n      var resourceInfo = this.selectResourceList[0];\r\n\r\n      const response = await httpRequest.post(\r\n        `${this.baseURL}/resource/get-text`,\r\n        {\r\n          path: resourceInfo.path,\r\n        }\r\n      );\r\n\r\n      this.isShowEditDialog = true;\r\n      this.currentEditText = response.data.data;\r\n    } finally {\r\n      this.loadingManager.completeLoading();\r\n    }\r\n  }\r\n\r\n  async saveEditFile() {\r\n    const httpRequest = MSAppClient.instance!.httpRequest;\r\n\r\n    try {\r\n      this.loadingManager.startLoading();\r\n\r\n      var resourceInfo = this.selectResourceList[0];\r\n\r\n      const response = await httpRequest.post(\r\n        `${this.baseURL}/resource/set-text`,\r\n        {\r\n          path: resourceInfo.path,\r\n          content: this.currentEditText,\r\n        }\r\n      );\r\n\r\n      if (response.data.code !== 200) {\r\n        Messager.error({ message: response.data.msg });\r\n        return;\r\n      }\r\n\r\n      this.isShowEditDialog = false;\r\n      this.currentEditText = \"\";\r\n    } finally {\r\n      this.loadingManager.completeLoading();\r\n    }\r\n  }\r\n\r\n  clearAllSelect() {\r\n    for (var resourceInfo of this.selectResourceList) {\r\n      resourceInfo.isSelected = false;\r\n    }\r\n  }\r\n\r\n  handleSelectClick(event: MouseEvent, item: ResourceInfo) {\r\n    if (!event.ctrlKey) {\r\n      this.clearAllSelect();\r\n\r\n      item.isSelected = true;\r\n      return;\r\n    }\r\n\r\n    item.isSelected = !item.isSelected;\r\n  }\r\n}\r\n"],"names":[],"mappings":";;;;;;;;;;AAkBO,MAAM,wBAAwB,WAAW;AAAA,EAuB9C,YAAY,SAAiC;AACrC;AAvBR;AAEA;AAEA;AAEA,4CAA4B;AAE5B,2CAA0B;AAE1B,4CAA6B,CAAA;AAE7B,mCAAkB;AAahB,SAAK,cAAc;AAEnB,SAAK,mBAAmB;AAEnB,SAAA,iBAAiB,IAAI;AAErB,SAAA,mBAAmB,QAAQ,cAAc,CAAA;AAC9C,SAAK,UAAU,QAAQ;AAAA,EACzB;AAAA,EAnBA,IAAI,qBAAqB;AACvB,WAAO,KAAK,iBAAiB,OAAO,CAAC,SAAS,KAAK,UAAU;AAAA,EAC/D;AAAA,EAEA,IAAI,UAAU;AACZ,WAAO,KAAK,eAAe;AAAA,EAC7B;AAAA,EAeA,MAAM,qBACJ,SAAiB,KAAK,YAAY,SAC9B,IAAI,KAAK,YAAY,KAAK,GAAG,CAAC,KAC9B,IACJ;AACM,UAAA,cAAc,YAAY,SAAU;AAEtC,QAAA;AACF,WAAK,eAAe;AAEd,YAAA,WAAW,MAAM,YAAY;AAAA,QACjC,GAAG,KAAK,OAAO;AAAA,QACf;AAAA,UACE,eAAe;AAAA,UACf,YAAY,KAAK;AAAA,QACnB;AAAA,MAAA;AAGE,UAAA,SAAS,KAAK,SAAS,KAAK;AAC9B,iBAAS,MAAM,EAAE,SAAS,SAAS,KAAK,KAAK;AAC7C,aAAK,mBAAmB;AACxB;AAAA,MACF;AAEA,WAAK,mBAAmB,SAAS,KAAK,KAAK,IAAI,CAAC,UAAU;AAAA,QACxD,GAAG;AAAA,QACH,YAAY;AAAA,MACZ,EAAA;AAEF,UAAI,oBAAoB,OAAO,WAAW,GAAG,IACzC,OAAO,MAAM,CAAC,EAAE,MAAM,GAAG,IACzB,OAAO,MAAM,GAAG;AAEf,WAAA,cAAc,kBAAkB,OAAO,OAAO;AAAA,aAC5C,GAAG;AACV,cAAQ,MAAM,CAAC;AAEf,eAAS,MAAM,EAAE,SAAS,OAAQ,CAAA;AAAA,IAAA,UAClC;AACA,WAAK,eAAe;IACtB;AAAA,EACF;AAAA,EAEA,MAAM,2BAA2B;AACzB,UAAA,cAAc,YAAY,SAAU;AAEtC,QAAA;AACF,WAAK,eAAe;AAEd,YAAA,WAAW,MAAM,YAAY;AAAA,QACjC,GAAG,KAAK,OAAO;AAAA,QACf,EAAE,OAAO,KAAK,mBAAmB,IAAI,CAAC,SAAS,KAAK,IAAI,EAAE;AAAA,MAAA;AAGxD,UAAA,SAAS,KAAK,SAAS,KAAK;AAC9B,iBAAS,MAAM,EAAE,SAAS,SAAS,KAAK,KAAK;AAC7C,aAAK,qBAAqB;AAC1B;AAAA,MACF;AAEA,YAAM,KAAK;aACJ,GAAG;AACV,cAAQ,MAAM,CAAC;AAEf,eAAS,MAAM,EAAE,SAAS,OAAQ,CAAA;AAAA,IAAA,UAClC;AACA,WAAK,eAAe;IACtB;AAAA,EACF;AAAA,EAEA,MAAM,iBAAiB,UAAoB;AACnC,UAAA,cAAc,YAAY,SAAU;AAEtC,QAAA;AACF,WAAK,eAAe;AAEd,YAAA,gBAAgB,KAAK,YAAY,SACnC,IAAI,KAAK,YAAY,KAAK,GAAG,CAAC,KAC9B;AAEJ,aAAO,MAAM,YAAY;AAAA,QACvB,GAAG,KAAK,OAAO;AAAA,QACf,EAAE,UAAU,cAAc;AAAA,MAAA;AAAA,aAErB,GAAG;AACV,cAAQ,MAAM,CAAC;AAEf,eAAS,MAAM,EAAE,SAAS,OAAQ,CAAA;AAE5B,YAAA;AAAA,IAAA,UACN;AACA,WAAK,eAAe;IACtB;AAAA,EACF;AAAA,EAEA,MAAM,mBAAmB,OAAe;AAChC,UAAA,cAAc,YAAY,SAAU;AAEtC,QAAA;AACF,WAAK,eAAe;AAEhB,UAAA,YAAY,KAAK,YAAY,SAC7B,IAAI,KAAK,YAAY,KAAK,GAAG,CAAC,KAC9B;AAEA,UAAA,WAAW,IAAI;AACnB,eAAS,IAAI,GAAG,IAAI,MAAM,QAAQ,KAAK;AACrC,iBAAS,OAAO,MAAM,CAAC,EAAE,MAAM,MAAM,CAAC,CAAC;AAAA,MACzC;AACS,eAAA,OAAO,aAAa,SAAS;AAEhC,YAAA,WAAW,MAAM,YAAY;AAAA,QACjC,GAAG,KAAK,OAAO;AAAA,QACf;AAAA,MAAA;AAGE,UAAA,SAAS,KAAK,SAAS,KAAK;AAC9B,iBAAS,MAAM,EAAE,SAAS,SAAS,KAAK,KAAK;AAC7C,aAAK,qBAAqB;AAC1B;AAAA,MACF;AAEA,YAAM,KAAK;aACJ,GAAG;AACV,cAAQ,MAAM,CAAC;AAEf,eAAS,MAAM,EAAE,SAAS,OAAQ,CAAA;AAAA,IAAA,UAClC;AACA,WAAK,eAAe;IACtB;AAAA,EACF;AAAA,EAEA,MAAM,yBAAyB;AACvB,UAAA,cAAc,YAAY,SAAU;AAEpC,UAAA,WAAW,MAAM,YAAY;AAAA,MACjC,GAAG,KAAK,OAAO;AAAA,MACf,EAAE,UAAU,KAAK,mBAAmB,CAAC,EAAE,KAAK;AAAA,IAAA;AAG1C,QAAA,SAAS,KAAK,SAAS,KAAK;AAC9B,eAAS,MAAM,EAAE,SAAS,SAAS,KAAK,KAAK;AAC7C;AAAA,IACF;AAEI,QAAA,WAAW,SAAS,cAAc,GAAG;AAChC,aAAA,OAAO,SAAS,KAAK;AAC9B,aAAS,SAAS;AAElB,aAAS,MAAM;AAAA,EACjB;AAAA,EAEA,MAAM,iBAAiB;AACf,UAAA,cAAc,YAAY,SAAU;AAEtC,QAAA;AACF,WAAK,eAAe;AAEhB,UAAA,eAAe,KAAK,mBAAmB,CAAC;AAEtC,YAAA,WAAW,MAAM,YAAY;AAAA,QACjC,GAAG,KAAK,OAAO;AAAA,QACf;AAAA,UACE,MAAM,aAAa;AAAA,QACrB;AAAA,MAAA;AAGF,WAAK,mBAAmB;AACnB,WAAA,kBAAkB,SAAS,KAAK;AAAA,IAAA,UACrC;AACA,WAAK,eAAe;IACtB;AAAA,EACF;AAAA,EAEA,MAAM,eAAe;AACb,UAAA,cAAc,YAAY,SAAU;AAEtC,QAAA;AACF,WAAK,eAAe;AAEhB,UAAA,eAAe,KAAK,mBAAmB,CAAC;AAEtC,YAAA,WAAW,MAAM,YAAY;AAAA,QACjC,GAAG,KAAK,OAAO;AAAA,QACf;AAAA,UACE,MAAM,aAAa;AAAA,UACnB,SAAS,KAAK;AAAA,QAChB;AAAA,MAAA;AAGE,UAAA,SAAS,KAAK,SAAS,KAAK;AAC9B,iBAAS,MAAM,EAAE,SAAS,SAAS,KAAK,KAAK;AAC7C;AAAA,MACF;AAEA,WAAK,mBAAmB;AACxB,WAAK,kBAAkB;AAAA,IAAA,UACvB;AACA,WAAK,eAAe;IACtB;AAAA,EACF;AAAA,EAEA,iBAAiB;AACN,aAAA,gBAAgB,KAAK,oBAAoB;AAChD,mBAAa,aAAa;AAAA,IAC5B;AAAA,EACF;AAAA,EAEA,kBAAkB,OAAmB,MAAoB;AACnD,QAAA,CAAC,MAAM,SAAS;AAClB,WAAK,eAAe;AAEpB,WAAK,aAAa;AAClB;AAAA,IACF;AAEK,SAAA,aAAa,CAAC,KAAK;AAAA,EAC1B;AACF;"}
+{"version":3,"file":"ResourceManager.js","sources":["../../../../../src/components/business/resource-list/ResourceManager.ts"],"sourcesContent":["import { Disposable } from \"@maketribe/utils\";\r\nimport { MSAppClient } from \"../../../core\";\r\nimport { Dialoger, LoadingManager, Messager } from \"@maketribe/dm\";\r\nimport { R } from \"@maketribe/request\";\r\n\r\nexport type ResourceInfo = {\r\n  name: string;\r\n  path: string;\r\n  isDirectory: boolean;\r\n  extension: string;\r\n  length: string;\r\n  lastModified: string;\r\n  isSelected: boolean;\r\n};\r\n\r\nexport type ResourceManagerOptions = {\r\n  extensions?: string[];\r\n  baseURL: string;\r\n};\r\n\r\nexport class ResourceManager extends Disposable {\r\n  directories: string[];\r\n\r\n  resourceInfoList: ResourceInfo[];\r\n\r\n  loadingManager: LoadingManager;\r\n\r\n  isShowEditDialog: boolean = false;\r\n\r\n  currentEditText: string = \"\";\r\n\r\n  filterExtensions: string[] = [];\r\n\r\n  baseURL: string = \"\";\r\n\r\n  get selectResourceList() {\r\n    return this.resourceInfoList.filter((item) => item.isSelected);\r\n  }\r\n\r\n  get loading() {\r\n    return this.loadingManager.loading;\r\n  }\r\n\r\n  constructor(options: ResourceManagerOptions) {\r\n    super();\r\n\r\n    this.directories = [];\r\n\r\n    this.resourceInfoList = [];\r\n\r\n    this.loadingManager = new LoadingManager();\r\n\r\n    this.filterExtensions = options.extensions ?? [];\r\n    this.baseURL = options.baseURL;\r\n  }\r\n\r\n  async loadResourceInfoList(\r\n    toPath: string = this.directories.length\r\n      ? `/${this.directories.join(\"/\")}`\r\n      : \"\"\r\n  ) {\r\n    const httpRequest = MSAppClient.instance!.httpRequest;\r\n\r\n    try {\r\n      this.loadingManager.startLoading();\r\n\r\n      const response = await httpRequest.post<R<ResourceInfo[]>>(\r\n        `${this.baseURL}/list`,\r\n        {\r\n          directoryPath: toPath,\r\n          extensions: this.filterExtensions,\r\n        }\r\n      );\r\n\r\n      if (response.data.code !== 200) {\r\n        Messager.error({ message: response.data.msg });\r\n        this.resourceInfoList = [];\r\n        return;\r\n      }\r\n\r\n      this.resourceInfoList = response.data.data.map((item) => ({\r\n        ...item,\r\n        isSelected: false,\r\n      }));\r\n\r\n      var directorySegments = toPath.startsWith(\"/\")\r\n        ? toPath.slice(1).split(\"/\")\r\n        : toPath.split(\"/\");\r\n\r\n      this.directories = directorySegments.filter(Boolean);\r\n    } catch (e) {\r\n      console.error(e);\r\n\r\n      Messager.error({ message: \"网络异常\" });\r\n    } finally {\r\n      this.loadingManager.completeLoading();\r\n    }\r\n  }\r\n\r\n  async deleteSelectResourceList() {\r\n    const httpRequest = MSAppClient.instance!.httpRequest;\r\n\r\n    try {\r\n      this.loadingManager.startLoading();\r\n\r\n      const response = await httpRequest.post(`${this.baseURL}/delete`, {\r\n        paths: this.selectResourceList.map((item) => item.path),\r\n      });\r\n\r\n      if (response.data.code !== 200) {\r\n        Messager.error({ message: response.data.msg });\r\n        this.loadResourceInfoList();\r\n        return;\r\n      }\r\n\r\n      await this.loadResourceInfoList();\r\n    } catch (e) {\r\n      console.error(e);\r\n\r\n      Messager.error({ message: \"网络异常\" });\r\n    } finally {\r\n      this.loadingManager.completeLoading();\r\n    }\r\n  }\r\n  // 暂不做调整\r\n  async getExistPathList(pathList: string[]) {\r\n    const httpRequest = MSAppClient.instance!.httpRequest;\r\n\r\n    try {\r\n      this.loadingManager.startLoading();\r\n\r\n      const directoryPath = this.directories.length\r\n        ? `/${this.directories.join(\"/\")}`\r\n        : \"\";\r\n\r\n      return await httpRequest.post(`${this.baseURL}/exist-path-list`, {\r\n        pathList,\r\n        directoryPath,\r\n      });\r\n    } catch (e) {\r\n      console.error(e);\r\n\r\n      Messager.error({ message: \"网络异常\" });\r\n\r\n      throw e;\r\n    } finally {\r\n      this.loadingManager.completeLoading();\r\n    }\r\n  }\r\n\r\n  async uploadResourceList(files: File[]) {\r\n    const httpRequest = MSAppClient.instance!.httpRequest;\r\n\r\n    try {\r\n      this.loadingManager.startLoading();\r\n\r\n      var directory = this.directories.length\r\n        ? `/${this.directories.join(\"/\")}`\r\n        : \"\";\r\n\r\n      var formData = new FormData();\r\n      for (var i = 0; i < files.length; i++) {\r\n        formData.append(files[i].name, files[i]);\r\n      }\r\n      formData.append(\"directory\", directory);\r\n\r\n      const response = await httpRequest.post(`${this.baseURL}/save`, formData);\r\n\r\n      if (response.data.code !== 200) {\r\n        Messager.error({ message: response.data.msg });\r\n        this.loadResourceInfoList();\r\n        return;\r\n      }\r\n\r\n      await this.loadResourceInfoList();\r\n    } catch (e) {\r\n      console.error(e);\r\n\r\n      Messager.error({ message: \"网络异常\" });\r\n    } finally {\r\n      this.loadingManager.completeLoading();\r\n    }\r\n  }\r\n\r\n  async downloadSelectResource() {\r\n    const httpRequest = MSAppClient.instance!.httpRequest;\r\n\r\n    try {\r\n      const response = await httpRequest.post<Blob>(\r\n        `${this.baseURL}/download`,\r\n        {\r\n          path: this.selectResourceList[0].path,\r\n        },\r\n        { responseType: \"blob\" }\r\n      );\r\n\r\n      const url = URL.createObjectURL(response.data);\r\n\r\n      var aElement = document.createElement(\"a\");\r\n      aElement.href = url;\r\n      aElement.target = \"_blank\";\r\n      aElement.download = this.selectResourceList[0].name;\r\n\r\n      aElement.click();\r\n\r\n      URL.revokeObjectURL(url);\r\n    } catch (e) {\r\n      console.error(e);\r\n\r\n      Messager.error({ message: \"网络异常\" });\r\n    }\r\n  }\r\n\r\n  async editSelectFile() {\r\n    const httpRequest = MSAppClient.instance!.httpRequest;\r\n\r\n    try {\r\n      this.loadingManager.startLoading();\r\n\r\n      var resourceInfo = this.selectResourceList[0];\r\n\r\n      const response = await httpRequest.post(`${this.baseURL}/text/read`, {\r\n        path: resourceInfo.path,\r\n      });\r\n\r\n      this.isShowEditDialog = true;\r\n      this.currentEditText = response.data.data;\r\n    } finally {\r\n      this.loadingManager.completeLoading();\r\n    }\r\n  }\r\n\r\n  async saveEditFile() {\r\n    const httpRequest = MSAppClient.instance!.httpRequest;\r\n\r\n    try {\r\n      this.loadingManager.startLoading();\r\n\r\n      var resourceInfo = this.selectResourceList[0];\r\n\r\n      const response = await httpRequest.post(`${this.baseURL}/text/write`, {\r\n        path: resourceInfo.path,\r\n        content: this.currentEditText,\r\n      });\r\n\r\n      if (response.data.code !== 200) {\r\n        Messager.error({ message: response.data.msg });\r\n        return;\r\n      }\r\n\r\n      await this.loadResourceInfoList();\r\n\r\n      this.isShowEditDialog = false;\r\n      this.currentEditText = \"\";\r\n    } finally {\r\n      this.loadingManager.completeLoading();\r\n    }\r\n  }\r\n\r\n  clearAllSelect() {\r\n    for (var resourceInfo of this.selectResourceList) {\r\n      resourceInfo.isSelected = false;\r\n    }\r\n  }\r\n\r\n  handleSelectClick(event: MouseEvent, item: ResourceInfo) {\r\n    if (!event.ctrlKey) {\r\n      this.clearAllSelect();\r\n\r\n      item.isSelected = true;\r\n      return;\r\n    }\r\n\r\n    item.isSelected = !item.isSelected;\r\n  }\r\n}\r\n"],"names":[],"mappings":"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"}

package/dist/esm/components/business/resource-list/components/resource-item/index.vue.js

@@ -26,6 +26,10 @@ const _hoisted_1 = { class: "resource-item__wrapper" };
 const _hoisted_2 = { class: "resource-item__main" };
 const _hoisted_3 = { class: "resource-item__label" };
 const _hoisted_4 = ["title"];
+const _hoisted_5 = { class: "resource-item__time" };
+const _hoisted_6 = { class: "resource-item__size" };
+const _hoisted_7 = { key: 0 };
+const _hoisted_8 = { key: 1 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: {
@@ -66,6 +70,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createElementVNode("span", {
               title: __props.resourceItem.name
             }, toDisplayString(__props.resourceItem.name), 9, _hoisted_4)
+          ]),
+          createElementVNode("div", _hoisted_5, [
+            createElementVNode("span", null, toDisplayString(__props.resourceItem.lastModified), 1)
+          ]),
+          createElementVNode("div", _hoisted_6, [
+            __props.resourceItem.isDirectory ? (openBlock(), createElementBlock("span", _hoisted_7, " - ")) : (openBlock(), createElementBlock("span", _hoisted_8, toDisplayString(__props.resourceItem.length > 1024 ? __props.resourceItem.length > 1024 * 1024 ? Math.ceil(__props.resourceItem.length / 1024 / 1024 * 100) / 100 + " MB" : Math.ceil(__props.resourceItem.length / 1024 * 100) / 100 + " KB" : __props.resourceItem.length + " 字节"), 1))
           ])
         ])
       ], 2);

package/dist/esm/components/business/resource-list/components/resource-item/index.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.vue.js","sources":["../../../../../../../src/components/business/resource-list/components/resource-item/index.vue"],"sourcesContent":["<template>\r\n  <div :class=\"['resource-item', resourceItem.isSelected ? 'is-selected' : '']\">\r\n    <div class=\"resource-item__wrapper\">\r\n      <div class=\"resource-item__main\">\r\n        <MKSvgIcon :icon-class=\"iconClass\" />\r\n      </div>\r\n      <div class=\"resource-item__label\">\r\n        <span :title=\"resourceItem.name\">{{ resourceItem.name }}</span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed } from \"vue\";\r\nimport { MKSvgIcon } from \"../../../../basic\";\r\n\r\nconst props = defineProps({\r\n  resourceItem: {\r\n    type: Object,\r\n    required: true,\r\n  },\r\n});\r\n\r\nconst iconClass = computed(() => {\r\n  if (props.resourceItem.isDirectory) {\r\n    return \"wenjianjia\";\r\n  }\r\n\r\n  switch (props.resourceItem.extension) {\r\n    case \".html\":\r\n      return \"html\";\r\n    case \".jpeg\":\r\n    case \".jpg\":\r\n    case \".png\":\r\n      return \"image1\";\r\n    case \".pdf\":\r\n      return \"pdf\";\r\n    case \".dll\":\r\n      return \"dll\";\r\n  }\r\n\r\n  return \"weizhiwenjian\";\r\n});\r\n</script>\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,UAAM,QAAQ;AAOR,UAAA,YAAY,SAAS,MAAM;AAC3B,UAAA,MAAM,aAAa,aAAa;AAC3B,eAAA;AAAA,MACT;AAEQ,cAAA,MAAM,aAAa,WAAW;AAAA,QACpC,KAAK;AACI,iBAAA;AAAA,QACT,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AACI,iBAAA;AAAA,QACT,KAAK;AACI,iBAAA;AAAA,QACT,KAAK;AACI,iBAAA;AAAA,MACX;AAEO,aAAA;AAAA,IAAA,CACR;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.vue.js","sources":["../../../../../../../src/components/business/resource-list/components/resource-item/index.vue"],"sourcesContent":["<template>\r\n  <div :class=\"['resource-item', resourceItem.isSelected ? 'is-selected' : '']\">\r\n    <div class=\"resource-item__wrapper\">\r\n      <div class=\"resource-item__main\">\r\n        <MKSvgIcon :icon-class=\"iconClass\" />\r\n      </div>\r\n      <div class=\"resource-item__label\">\r\n        <span :title=\"resourceItem.name\">{{ resourceItem.name }}</span>\r\n      </div>\r\n      <div class=\"resource-item__time\">\r\n        <span>{{ resourceItem.lastModified }}</span>\r\n      </div>\r\n      <div class=\"resource-item__size\">\r\n        <span v-if=\"resourceItem.isDirectory\"> - </span>\r\n        <span v-else> {{ resourceItem.length > 1024 ?\r\n          (resourceItem.length > 1024*1024 ? Math.ceil(resourceItem.length/1024/1024*100)/100+\" MB\":Math.ceil(resourceItem.length/1024*100)/100+\" KB\") \r\n           : resourceItem.length+\" 字节\" }}</span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed } from \"vue\";\r\nimport { MKSvgIcon } from \"../../../../basic\";\r\n\r\nconst props = defineProps({\r\n  resourceItem: {\r\n    type: Object,\r\n    required: true,\r\n  },\r\n});\r\n\r\nconst iconClass = computed(() => {\r\n  if (props.resourceItem.isDirectory) {\r\n    return \"wenjianjia\";\r\n  }\r\n\r\n  switch (props.resourceItem.extension) {\r\n    case \".html\":\r\n      return \"html\";\r\n    case \".jpeg\":\r\n    case \".jpg\":\r\n    case \".png\":\r\n      return \"image1\";\r\n    case \".pdf\":\r\n      return \"pdf\";\r\n    case \".dll\":\r\n      return \"dll\";\r\n  }\r\n\r\n  return \"weizhiwenjian\";\r\n});\r\n</script>\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,UAAM,QAAQ;AAOR,UAAA,YAAY,SAAS,MAAM;AAC3B,UAAA,MAAM,aAAa,aAAa;AAC3B,eAAA;AAAA,MACT;AAEQ,cAAA,MAAM,aAAa,WAAW;AAAA,QACpC,KAAK;AACI,iBAAA;AAAA,QACT,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AACI,iBAAA;AAAA,QACT,KAAK;AACI,iBAAA;AAAA,QACT,KAAK;AACI,iBAAA;AAAA,MACX;AAEO,aAAA;AAAA,IAAA,CACR;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/components/business/resource-list/resource-list.vue.js

@@ -1,11 +1,12 @@
-import { defineComponent, ref, onMounted, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, withCtx, createTextVNode, createCommentVNode, Fragment, renderList, createBlock, toDisplayString, withModifiers, unref } from "vue";
+import { defineComponent, ref, computed, onMounted, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, withCtx, createTextVNode, createCommentVNode, Fragment, renderList, createBlock, toDisplayString, withModifiers, unref } from "vue";
 import { ElScrollbar } from "element-plus";
 import { ResourceManager } from "./ResourceManager.js";
 import _sfc_main$1 from "./components/resource-item/index.vue.js";
 const _hoisted_1 = { class: "resource-list-header" };
 const _hoisted_2 = ["onClick"];
-const _hoisted_3 = { class: "resource-list-list" };
-const _hoisted_4 = ["onClick", "onDblclick"];
+const _hoisted_3 = { class: "resource-list-mode" };
+const _hoisted_4 = { class: "resource-list-list" };
+const _hoisted_5 = ["onClick", "onDblclick"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "resource-list",
   props: {
@@ -17,6 +18,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["drop"],
   setup(__props, { emit: __emit }) {
     const props = __props;
+    const sortMethodName = ref("time");
+    const resourceInfoList = computed(() => {
+      if (sortMethodName.value == "name") {
+        return [
+          ...props.resourceManager.resourceInfoList.filter((item) => item.isDirectory).sort((a, b) => a.name > b.name ? 1 : -1),
+          ...props.resourceManager.resourceInfoList.filter((item) => !item.isDirectory).sort((a, b) => a.name > b.name ? 1 : -1)
+        ];
+      }
+      return props.resourceManager.resourceInfoList.sort((a, b) => a.lastModified < b.lastModified ? 1 : -1);
+    });
     const emit = __emit;
     const listMode = ref("row");
     const handleBreadcrumbClick = (index) => {
@@ -50,6 +61,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const _component_MKSvgIcon = resolveComponent("MKSvgIcon");
       const _component_ElBreadcrumbItem = resolveComponent("ElBreadcrumbItem");
       const _component_ElBreadcrumb = resolveComponent("ElBreadcrumb");
+      const _component_el_button = resolveComponent("el-button");
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["resource-list", { row: listMode.value == "row" }])
       }, [
@@ -90,30 +102,44 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           }),
-          createElementVNode("div", {
-            class: "resource-list-mode",
-            onClick: _cache[2] || (_cache[2] = ($event) => listMode.value = listMode.value == "row" ? "col" : "row")
-          }, [
-            listMode.value == "row" ? (openBlock(), createBlock(_component_MKSvgIcon, {
-              key: 0,
-              iconClass: "Grid"
-            })) : (openBlock(), createBlock(_component_MKSvgIcon, {
-              key: 1,
-              iconClass: "Fold"
-            }))
+          createElementVNode("div", _hoisted_3, [
+            createVNode(_component_el_button, {
+              text: "",
+              onClick: _cache[2] || (_cache[2] = ($event) => sortMethodName.value = sortMethodName.value == "time" ? "name" : "time")
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(sortMethodName.value == "name" ? "按照时间排序" : "按照文件名排序"), 1)
+              ]),
+              _: 1
+            }),
+            createVNode(_component_el_button, {
+              text: "",
+              onClick: _cache[3] || (_cache[3] = ($event) => listMode.value = listMode.value == "row" ? "col" : "row")
+            }, {
+              default: withCtx(() => [
+                listMode.value == "row" ? (openBlock(), createBlock(_component_MKSvgIcon, {
+                  key: 0,
+                  iconClass: "Grid"
+                })) : (openBlock(), createBlock(_component_MKSvgIcon, {
+                  key: 1,
+                  iconClass: "Fold"
+                }))
+              ]),
+              _: 1
+            })
           ])
         ]),
         createElementVNode("div", {
           class: "resource-list-main",
           onClick: handleMainClick,
-          onDragover: _cache[3] || (_cache[3] = withModifiers(() => {
+          onDragover: _cache[4] || (_cache[4] = withModifiers(() => {
           }, ["prevent"])),
           onDrop: withModifiers(handleDrop, ["prevent"])
         }, [
           createVNode(unref(ElScrollbar), { height: "100%" }, {
             default: withCtx(() => [
-              createElementVNode("div", _hoisted_3, [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(__props.resourceManager.resourceInfoList, (item) => {
+              createElementVNode("div", _hoisted_4, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(resourceInfoList.value, (item) => {
                   return openBlock(), createElementBlock("div", {
                     class: "resource-list__item",
                     onClick: withModifiers(($event) => handleClick($event, item), ["stop"]),
@@ -123,7 +149,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       key: item.path,
                       resourceItem: item
                     }, null, 8, ["resourceItem"]))
-                  ], 40, _hoisted_4);
+                  ], 40, _hoisted_5);
                 }), 256))
               ])
             ]),

package/dist/esm/components/business/resource-list/resource-list.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"resource-list.vue.js","sources":["../../../../../src/components/business/resource-list/resource-list.vue"],"sourcesContent":["<template>\r\n  <div class=\"resource-list\" :class=\"{row:listMode=='row'}\">\r\n    <div class=\"resource-list-header\">\r\n      <ElBreadcrumb>\r\n        <ElBreadcrumbItem>\r\n          <span class=\"resource-list-breadcrumb-item\"  v-if=\"resourceManager.directories.length>=1\"\r\n            @click=\"handleBreadcrumbClick(resourceManager.directories.length-2)\"\r\n          >\r\n          <MKSvgIcon iconClass=\"ArrowLeftBold\" />\r\n            返回\r\n          </span>\r\n          <span\r\n            class=\"resource-list-breadcrumb-item\"\r\n            @click=\"handleBreadcrumbClick()\"\r\n          >\r\n            <MKSvgIcon iconClass=\"HomeFilled\" />\r\n            根目录\r\n          </span>\r\n        </ElBreadcrumbItem>\r\n        <ElBreadcrumbItem\r\n          v-for=\"(item, i) in resourceManager.directories\"\r\n          :key=\"item\"\r\n        >\r\n          <span\r\n            class=\"resource-list-breadcrumb-item\"\r\n            @click=\"handleBreadcrumbClick(i)\"\r\n          >\r\n            {{ item }}\r\n          </span>\r\n        </ElBreadcrumbItem>\r\n      </ElBreadcrumb>\r\n      <div class=\"resource-list-mode\" @click=\"listMode = listMode=='row' ? 'col':'row'\">\r\n        <MKSvgIcon v-if=\"listMode=='row'\" iconClass=\"Grid\" />\r\n        <MKSvgIcon v-else iconClass=\"Fold\" />\r\n      </div>\r\n    </div>\r\n\r\n    <div\r\n      class=\"resource-list-main\"\r\n      @click=\"handleMainClick\"\r\n      @dragover.prevent\r\n      @drop.prevent=\"handleDrop\"\r\n    >\r\n      <ElScrollbar height=\"100%\">\r\n        <div class=\"resource-list-list\">\r\n          <div\r\n            v-for=\"item in resourceManager.resourceInfoList\"\r\n            class=\"resource-list__item\"\r\n            @click.stop=\"handleClick($event, item)\"\r\n            @dblclick=\"handleDbClick(item)\"\r\n          >\r\n            <ResourceItem :key=\"item.path\" :resourceItem=\"item\" />\r\n          </div>\r\n        </div>\r\n      </ElScrollbar>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { onMounted,ref } from \"vue\";\r\nimport { ElScrollbar } from \"element-plus\";\r\nimport { ResourceManager, ResourceInfo } from \"./ResourceManager\";\r\nimport ResourceItem from \"./components/resource-item/index.vue\";\r\n\r\nconst props = defineProps({\r\n  resourceManager: {\r\n    type: ResourceManager,\r\n    required: true,\r\n  }\r\n});\r\n\r\nconst emit = defineEmits([\"drop\"]);\r\nconst listMode = ref(\"row\")\r\n\r\nconst handleBreadcrumbClick = (index?: number) => {\r\n  if (typeof index !== \"number\") {\r\n    props.resourceManager.loadResourceInfoList(\"/\");\r\n\r\n    return;\r\n  }\r\n\r\n  props.resourceManager.loadResourceInfoList(\r\n    props.resourceManager.directories.splice(0, index + 1).join(\"/\")\r\n  );\r\n};\r\n\r\nconst handleMainClick = () => {\r\n  props.resourceManager.clearAllSelect();\r\n};\r\n\r\nconst handleClick = (event: MouseEvent, item: ResourceInfo) => {\r\n  props.resourceManager.handleSelectClick(event, item);\r\n};\r\n\r\nconst handleDbClick = (item: ResourceInfo) => {\r\n  if (!item.isDirectory) {\r\n    return;\r\n  }\r\n\r\n  props.resourceManager.loadResourceInfoList(item.path);\r\n};\r\n\r\nconst handleDrop = async (event: DragEvent) => {\r\n  emit(\"drop\", event);\r\n};\r\n\r\nonMounted(() => {\r\n  props.resourceManager.loadResourceInfoList();\r\n});\r\n</script>\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAiEA,UAAM,QAAQ;AAOd,UAAM,OAAO;AACP,UAAA,WAAW,IAAI,KAAK;AAEpB,UAAA,wBAAwB,CAAC,UAAmB;AAC5C,UAAA,OAAO,UAAU,UAAU;AACvB,cAAA,gBAAgB,qBAAqB,GAAG;AAE9C;AAAA,MACF;AAEA,YAAM,gBAAgB;AAAA,QACpB,MAAM,gBAAgB,YAAY,OAAO,GAAG,QAAQ,CAAC,EAAE,KAAK,GAAG;AAAA,MAAA;AAAA,IACjE;AAGF,UAAM,kBAAkB,MAAM;AAC5B,YAAM,gBAAgB;IAAe;AAGjC,UAAA,cAAc,CAAC,OAAmB,SAAuB;AACvD,YAAA,gBAAgB,kBAAkB,OAAO,IAAI;AAAA,IAAA;AAG/C,UAAA,gBAAgB,CAAC,SAAuB;AACxC,UAAA,CAAC,KAAK,aAAa;AACrB;AAAA,MACF;AAEM,YAAA,gBAAgB,qBAAqB,KAAK,IAAI;AAAA,IAAA;AAGhD,UAAA,aAAa,OAAO,UAAqB;AAC7C,WAAK,QAAQ,KAAK;AAAA,IAAA;AAGpB,cAAU,MAAM;AACd,YAAM,gBAAgB;IAAqB,CAC5C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"resource-list.vue.js","sources":["../../../../../src/components/business/resource-list/resource-list.vue"],"sourcesContent":["<template>\r\n  <div class=\"resource-list\" :class=\"{row:listMode=='row'}\">\r\n    <div class=\"resource-list-header\">\r\n      <ElBreadcrumb>\r\n        <ElBreadcrumbItem>\r\n          <span class=\"resource-list-breadcrumb-item\"  v-if=\"resourceManager.directories.length>=1\"\r\n            @click=\"handleBreadcrumbClick(resourceManager.directories.length-2)\"\r\n          >\r\n          <MKSvgIcon iconClass=\"ArrowLeftBold\" />\r\n            返回\r\n          </span>\r\n          <span\r\n            class=\"resource-list-breadcrumb-item\"\r\n            @click=\"handleBreadcrumbClick()\"\r\n          >\r\n            <MKSvgIcon iconClass=\"HomeFilled\" />\r\n            根目录\r\n          </span>\r\n        </ElBreadcrumbItem>\r\n        <ElBreadcrumbItem\r\n          v-for=\"(item, i) in resourceManager.directories\"\r\n          :key=\"item\"\r\n        >\r\n          <span\r\n            class=\"resource-list-breadcrumb-item\"\r\n            @click=\"handleBreadcrumbClick(i)\"\r\n          >\r\n            {{ item }}\r\n          </span>\r\n        </ElBreadcrumbItem>\r\n      </ElBreadcrumb>\r\n      <div class=\"resource-list-mode\">\r\n        <el-button text @click=\"sortMethodName=sortMethodName=='time'?'name':'time'\">{{sortMethodName=='name'?\"按照时间排序\":\"按照文件名排序\"}}</el-button>\r\n        <el-button text  @click=\"listMode = listMode=='row' ? 'col':'row'\">\r\n          <MKSvgIcon v-if=\"listMode=='row'\" iconClass=\"Grid\" />\r\n          <MKSvgIcon v-else iconClass=\"Fold\" />\r\n        </el-button>\r\n      </div>\r\n    </div>\r\n\r\n    <div\r\n      class=\"resource-list-main\"\r\n      @click=\"handleMainClick\"\r\n      @dragover.prevent\r\n      @drop.prevent=\"handleDrop\"\r\n    >\r\n      <ElScrollbar height=\"100%\">\r\n        <div class=\"resource-list-list\">\r\n          <div\r\n            v-for=\"item in resourceInfoList\"\r\n            class=\"resource-list__item\"\r\n            @click.stop=\"handleClick($event, item)\"\r\n            @dblclick=\"handleDbClick(item)\"\r\n          >\r\n            <ResourceItem :key=\"item.path\" :resourceItem=\"item\" />\r\n          </div>\r\n        </div>\r\n      </ElScrollbar>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { onMounted,ref , computed} from \"vue\";\r\nimport { ElScrollbar } from \"element-plus\";\r\nimport { ResourceManager, ResourceInfo } from \"./ResourceManager\";\r\nimport ResourceItem from \"./components/resource-item/index.vue\";\r\n\r\nconst props = defineProps({\r\n  resourceManager: {\r\n    type: ResourceManager,\r\n    required: true,\r\n  }\r\n});\r\n\r\n// 排序方法 修改时间排序 名称排序 time | name\r\nconst sortMethodName = ref(\"time\")\r\n\r\n/**\r\n * 资源列表\r\n */\r\nconst resourceInfoList = computed(()=>{\r\n\r\n  if(sortMethodName.value == \"name\"){\r\n    return [\r\n      ...props.resourceManager.resourceInfoList.\r\n      filter(item=>item.isDirectory).sort((a,b)=>a.name > b.name ? 1 : -1),\r\n      ...props.resourceManager.resourceInfoList.\r\n      filter(item=>!item.isDirectory).sort((a,b)=>a.name > b.name ? 1 : -1)\r\n    ];\r\n  }\r\n\r\n  return props.resourceManager.resourceInfoList.sort((a,b)=>a.lastModified < b.lastModified ? 1 : -1)\r\n})\r\n\r\nconst emit = defineEmits([\"drop\"]);\r\nconst listMode = ref(\"row\")\r\n\r\nconst handleBreadcrumbClick = (index?: number) => {\r\n  if (typeof index !== \"number\") {\r\n    props.resourceManager.loadResourceInfoList(\"/\");\r\n\r\n    return;\r\n  }\r\n\r\n  props.resourceManager.loadResourceInfoList(\r\n    props.resourceManager.directories.splice(0, index + 1).join(\"/\")\r\n  );\r\n};\r\n\r\nconst handleMainClick = () => {\r\n  props.resourceManager.clearAllSelect();\r\n};\r\n\r\nconst handleClick = (event: MouseEvent, item: ResourceInfo) => {\r\n  props.resourceManager.handleSelectClick(event, item);\r\n};\r\n\r\nconst handleDbClick = (item: ResourceInfo) => {\r\n  if (!item.isDirectory) {\r\n    return;\r\n  }\r\n\r\n  props.resourceManager.loadResourceInfoList(item.path);\r\n};\r\n\r\nconst handleDrop = async (event: DragEvent) => {\r\n  emit(\"drop\", event);\r\n};\r\n\r\nonMounted(() => {\r\n  props.resourceManager.loadResourceInfoList();\r\n});\r\n</script>\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAoEA,UAAM,QAAQ;AAQR,UAAA,iBAAiB,IAAI,MAAM;AAK3B,UAAA,mBAAmB,SAAS,MAAI;AAEjC,UAAA,eAAe,SAAS,QAAO;AACzB,eAAA;AAAA,UACL,GAAG,MAAM,gBAAgB,iBACzB,OAAO,CAAA,SAAM,KAAK,WAAW,EAAE,KAAK,CAAC,GAAE,MAAI,EAAE,OAAO,EAAE,OAAO,IAAI,EAAE;AAAA,UACnE,GAAG,MAAM,gBAAgB,iBACzB,OAAO,CAAA,SAAM,CAAC,KAAK,WAAW,EAAE,KAAK,CAAC,GAAE,MAAI,EAAE,OAAO,EAAE,OAAO,IAAI,EAAE;AAAA,QAAA;AAAA,MAExE;AAEA,aAAO,MAAM,gBAAgB,iBAAiB,KAAK,CAAC,GAAE,MAAI,EAAE,eAAe,EAAE,eAAe,IAAI,EAAE;AAAA,IAAA,CACnG;AAED,UAAM,OAAO;AACP,UAAA,WAAW,IAAI,KAAK;AAEpB,UAAA,wBAAwB,CAAC,UAAmB;AAC5C,UAAA,OAAO,UAAU,UAAU;AACvB,cAAA,gBAAgB,qBAAqB,GAAG;AAE9C;AAAA,MACF;AAEA,YAAM,gBAAgB;AAAA,QACpB,MAAM,gBAAgB,YAAY,OAAO,GAAG,QAAQ,CAAC,EAAE,KAAK,GAAG;AAAA,MAAA;AAAA,IACjE;AAGF,UAAM,kBAAkB,MAAM;AAC5B,YAAM,gBAAgB;IAAe;AAGjC,UAAA,cAAc,CAAC,OAAmB,SAAuB;AACvD,YAAA,gBAAgB,kBAAkB,OAAO,IAAI;AAAA,IAAA;AAG/C,UAAA,gBAAgB,CAAC,SAAuB;AACxC,UAAA,CAAC,KAAK,aAAa;AACrB;AAAA,MACF;AAEM,YAAA,gBAAgB,qBAAqB,KAAK,IAAI;AAAA,IAAA;AAGhD,UAAA,aAAa,OAAO,UAAqB;AAC7C,WAAK,QAAQ,KAAK;AAAA,IAAA;AAGpB,cAAU,MAAM;AACd,YAAM,gBAAgB;IAAqB,CAC5C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/components/business/resource-manager/resource-manager.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"resource-manager.vue.js","sources":["../../../../../src/components/business/resource-manager/resource-manager.vue"],"sourcesContent":["<template>\r\n  <div v-loading=\"resourceManager.loading\" class=\"resource-manager\">\r\n    <div class=\"resource-manager-tools\">\r\n      <ElButton\r\n        v-if=\"selectResourceCount > 0\"\r\n        type=\"danger\"\r\n        @click=\"handleDeleteClick\"\r\n      >\r\n        删除\r\n      </ElButton>\r\n      <ElButton\r\n        v-if=\"\r\n          selectResourceCount === 1 &&\r\n          !resourceManager.selectResourceList[0].isDirectory\r\n        \"\r\n        @click=\"handleEdit\"\r\n      >\r\n        编辑\r\n      </ElButton>\r\n      <ElButton\r\n        v-if=\"\r\n          selectResourceCount === 1 &&\r\n          !resourceManager.selectResourceList[0].isDirectory\r\n        \"\r\n        @click=\"handleDownload()\"\r\n      >\r\n        下载\r\n      </ElButton>\r\n      <ElButton type=\"primary\" @click=\"handleUploadClick\">上传</ElButton>\r\n      <slot name=\"tools\"></slot>\r\n    </div>\r\n    <MKResourceList :resourceManager=\"resourceManager\" @drop=\"handleDrop\" />\r\n  </div>\r\n\r\n  <ElDialog v-model=\"isShowEditDialog\" @close=\"handleEditDialogClose\">\r\n    <MKCodeEditor\r\n      v-if=\"isShowEditDialog\"\r\n      v-model=\"resourceManager.currentEditText\"\r\n    />\r\n    <template #footer>\r\n      <ElButton @click=\"handleEditDialogClose\">取消</ElButton>\r\n      <ElButton\r\n        type=\"primary\"\r\n        v-loading=\"resourceManager.loading\"\r\n        @click=\"handleEditDialogConfirm\"\r\n      >\r\n        保存\r\n      </ElButton>\r\n    </template>\r\n  </ElDialog>\r\n\r\n  <ElDialog\r\n    v-model=\"isShowConfirmDialog\"\r\n    title=\"文件已存在\"\r\n    @close=\"handleDialogCancelClick\"\r\n  >\r\n    <div v-for=\"path in existPathList\" :key=\"path\">{{ path }}</div>\r\n\r\n    <template #footer>\r\n      <ElButton type=\"danger\" @click=\"handleDialogOverrideClick\">覆盖</ElButton>\r\n      <ElButton type=\"warning\" @click=\"handleDialogSkipClick\">跳过</ElButton>\r\n      <ElButton @click=\"handleDialogCancelClick\">取消</ElButton>\r\n    </template>\r\n  </ElDialog>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { onMounted, computed, unref, ref } from \"vue\";\r\nimport { ElButton, ElMessageBox, ElMessage, ElDialog } from \"element-plus\";\r\nimport { MKCodeEditor } from \"../../basic\";\r\nimport { MKResourceList, ResourceManager } from \"../resource-list\";\r\n\r\nconst props = defineProps({\r\n  resourceManager: {\r\n    type: ResourceManager,\r\n    required: true,\r\n  },\r\n});\r\n\r\nconst isShowConfirmDialog = ref(false);\r\n\r\nlet waitUploadFiles: File[] = [];\r\nconst existPathList = ref([] as string[]);\r\n\r\nconst resourceManager = computed(() => props.resourceManager);\r\n\r\nconst isShowEditDialog = computed(\r\n  () => unref(resourceManager).isShowEditDialog\r\n);\r\n\r\nconst selectResourceCount = computed(\r\n  () => unref(resourceManager).selectResourceList.length\r\n);\r\n\r\nconst handleDeleteClick = async () => {\r\n  const isConfirm = await ElMessageBox.confirm(\"是否删除选中文件\", {\r\n    type: \"warning\",\r\n  }).then(\r\n    () => true,\r\n    () => false\r\n  );\r\n\r\n  if (!isConfirm) {\r\n    return;\r\n  }\r\n\r\n  unref(resourceManager).deleteSelectResourceList();\r\n};\r\n\r\nconst handleEdit = () => {\r\n  unref(resourceManager).editSelectFile();\r\n};\r\n\r\nconst handleEditDialogConfirm = () => {\r\n  unref(resourceManager).saveEditFile();\r\n};\r\n\r\nconst handleEditDialogClose = () => {\r\n  unref(resourceManager).isShowEditDialog = false;\r\n  unref(resourceManager).currentEditText = \"\";\r\n};\r\n\r\nconst handleUploadClick = () => {\r\n  /** @type {HTMLInputElement} */\r\n  var input = document.createElement(\"input\");\r\n  input.type = \"file\";\r\n  input.multiple = true;\r\n\r\n  input.addEventListener(\"change\", () => {\r\n    var files = new Array(input.files!.length)\r\n      .fill(0)\r\n      .map((_, i) => input.files![i]);\r\n\r\n    unref(resourceManager).uploadResourceList(files);\r\n  });\r\n\r\n  input.click();\r\n};\r\n\r\nconst handleDownload = () => {\r\n  unref(resourceManager).downloadSelectResource();\r\n};\r\n\r\nconst handleDrop = async (event: DragEvent) => {\r\n  waitUploadFiles = [];\r\n\r\n  var _items = event.dataTransfer?.items;\r\n\r\n  var fileSystemEntry = _items![0].webkitGetAsEntry() as any;\r\n\r\n  const internalProcess = async (item: any, path: string = \"\") => {\r\n    if (item.isFile) {\r\n      return [\r\n        await new Promise((resolve) => {\r\n          item.file((file: File) => {\r\n            resolve(\r\n              new File([file], `${path}${file.name}`, { type: file.type })\r\n            );\r\n          });\r\n        }),\r\n      ] as File[];\r\n    } else if (item.isDirectory) {\r\n      var directoryReader = item.createReader();\r\n\r\n      const entries = (await new Promise((resolve) => {\r\n        directoryReader.readEntries(resolve);\r\n      })) as any[];\r\n\r\n      var result: File[] = [];\r\n\r\n      for (let i = 0; i < entries.length; i++) {\r\n        result = result.concat(\r\n          await internalProcess(entries[i], `${path}${item.name}/`)\r\n        );\r\n      }\r\n\r\n      return result;\r\n    }\r\n\r\n    return [];\r\n  };\r\n\r\n  const files = (waitUploadFiles = await internalProcess(fileSystemEntry));\r\n\r\n  try {\r\n    unref(resourceManager).loadingManager.startLoading();\r\n\r\n    const checkResponse = await unref(resourceManager).getExistPathList(\r\n      files.map((file) => file.name)\r\n    );\r\n\r\n    if (checkResponse.data.code !== 200) {\r\n      ElMessage.error({ message: checkResponse.data.msg });\r\n      return;\r\n    }\r\n\r\n    if (checkResponse.data.data?.length === 0) {\r\n      await unref(resourceManager).uploadResourceList(files);\r\n\r\n      waitUploadFiles = [];\r\n      return;\r\n    }\r\n\r\n    existPathList.value = checkResponse.data.data ?? [];\r\n\r\n    isShowConfirmDialog.value = true;\r\n  } catch (e) {\r\n    console.log(e);\r\n    ElMessage.error(\"网络异常，上传失败\");\r\n  } finally {\r\n    unref(resourceManager).loadingManager.completeLoading();\r\n  }\r\n};\r\n\r\nconst handleDialogOverrideClick = async () => {\r\n  try {\r\n    await unref(resourceManager).uploadResourceList(waitUploadFiles);\r\n  } catch (e) {\r\n    console.log(e);\r\n    ElMessage.error(\"网络异常，上传失败\");\r\n  }\r\n\r\n  handleDialogCancelClick();\r\n};\r\n\r\nconst handleDialogSkipClick = async () => {\r\n  try {\r\n    const files = waitUploadFiles.filter(\r\n      (file) => !unref(existPathList).includes(file.name)\r\n    );\r\n\r\n    if (files.length) {\r\n      await unref(resourceManager).uploadResourceList(files);\r\n    }\r\n  } catch (e) {\r\n    console.log(e);\r\n    ElMessage.error(\"网络异常，上传失败\");\r\n  }\r\n\r\n  handleDialogCancelClick();\r\n};\r\n\r\nconst handleDialogCancelClick = () => {\r\n  isShowConfirmDialog.value = false;\r\n  existPathList.value = [];\r\n  waitUploadFiles = [];\r\n};\r\n\r\nonMounted(() => {\r\n  unref(resourceManager).loadResourceInfoList();\r\n});\r\n</script>\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"resource-manager.vue.js","sources":["../../../../../src/components/business/resource-manager/resource-manager.vue"],"sourcesContent":["<template>\r\n  <div v-loading=\"resourceManager.loading\" class=\"resource-manager\">\r\n    <div class=\"resource-manager-tools\">\r\n      <ElButton\r\n        v-if=\"selectResourceCount > 0\"\r\n        type=\"danger\"\r\n        @click=\"handleDeleteClick\"\r\n      >\r\n        删除\r\n      </ElButton>\r\n      <ElButton\r\n        v-if=\"\r\n          selectResourceCount === 1 &&\r\n          !resourceManager.selectResourceList[0].isDirectory\r\n        \"\r\n        @click=\"handleEdit\"\r\n      >\r\n        编辑\r\n      </ElButton>\r\n      <ElButton\r\n        v-if=\"\r\n          selectResourceCount === 1 &&\r\n          !resourceManager.selectResourceList[0].isDirectory\r\n        \"\r\n        @click=\"handleDownload()\"\r\n      >\r\n        下载\r\n      </ElButton>\r\n      <ElButton type=\"primary\" @click=\"handleUploadClick\">上传</ElButton>\r\n      <slot name=\"tools\"></slot>\r\n    </div>\r\n    <MKResourceList :resourceManager=\"resourceManager\" @drop=\"handleDrop\" />\r\n  </div>\r\n\r\n  <ElDialog v-model=\"isShowEditDialog\" @close=\"handleEditDialogClose\">\r\n    <MKCodeEditor\r\n      v-if=\"isShowEditDialog\"\r\n      v-model=\"resourceManager.currentEditText\"\r\n    />\r\n    <template #footer>\r\n      <ElButton @click=\"handleEditDialogClose\">取消</ElButton>\r\n      <ElButton\r\n        type=\"primary\"\r\n        v-loading=\"resourceManager.loading\"\r\n        @click=\"handleEditDialogConfirm\"\r\n      >\r\n        保存\r\n      </ElButton>\r\n    </template>\r\n  </ElDialog>\r\n\r\n  <ElDialog\r\n    v-model=\"isShowConfirmDialog\"\r\n    title=\"文件已存在\"\r\n    @close=\"handleDialogCancelClick\"\r\n  >\r\n    <div v-for=\"path in existPathList\" :key=\"path\">{{ path }}</div>\r\n\r\n    <template #footer>\r\n      <ElButton type=\"danger\" @click=\"handleDialogOverrideClick\">覆盖</ElButton>\r\n      <ElButton type=\"warning\" @click=\"handleDialogSkipClick\">跳过</ElButton>\r\n      <ElButton @click=\"handleDialogCancelClick\">取消</ElButton>\r\n    </template>\r\n  </ElDialog>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { onMounted, computed, unref, ref } from \"vue\";\r\nimport { ElButton, ElMessageBox, ElMessage, ElDialog } from \"element-plus\";\r\nimport { MKCodeEditor } from \"../../basic\";\r\nimport { MKResourceList, ResourceManager } from \"../resource-list\";\r\n\r\nconst props = defineProps({\r\n  resourceManager: {\r\n    type: ResourceManager,\r\n    required: true,\r\n  },\r\n});\r\n\r\nconst isShowConfirmDialog = ref(false);\r\n\r\nlet waitUploadFiles: File[] = [];\r\nconst existPathList = ref([] as string[]);\r\n\r\nconst resourceManager = computed(() => props.resourceManager);\r\n\r\nconst isShowEditDialog = computed(\r\n  () => unref(resourceManager).isShowEditDialog\r\n);\r\n\r\nconst selectResourceCount = computed(\r\n  () => unref(resourceManager).selectResourceList.length\r\n);\r\n\r\nconst handleDeleteClick = async () => {\r\n  const isConfirm = await ElMessageBox.confirm(\"是否删除选中文件\", {\r\n    type: \"warning\",\r\n  }).then(\r\n    () => true,\r\n    () => false\r\n  );\r\n\r\n  if (!isConfirm) {\r\n    return;\r\n  }\r\n\r\n  unref(resourceManager).deleteSelectResourceList();\r\n};\r\n\r\nconst handleEdit = () => {\r\n  unref(resourceManager).editSelectFile();\r\n};\r\n\r\nconst handleEditDialogConfirm = () => {\r\n  unref(resourceManager).saveEditFile();\r\n};\r\n\r\nconst handleEditDialogClose = () => {\r\n  unref(resourceManager).isShowEditDialog = false;\r\n  unref(resourceManager).currentEditText = \"\";\r\n};\r\n\r\nconst handleUploadClick = () => {\r\n  /** @type {HTMLInputElement} */\r\n  var input = document.createElement(\"input\");\r\n  input.type = \"file\";\r\n  input.multiple = true;\r\n\r\n  input.addEventListener(\"change\", () => {\r\n    var files = new Array(input.files!.length)\r\n      .fill(0)\r\n      .map((_, i) => input.files![i]);\r\n\r\n    unref(resourceManager).uploadResourceList(files);\r\n  });\r\n\r\n  input.click();\r\n};\r\n\r\nconst handleDownload = () => {\r\n  unref(resourceManager).downloadSelectResource();\r\n};\r\n\r\nconst handleDrop = async (event: DragEvent) => {\r\n  waitUploadFiles = [];\r\n\r\n  var _items = event.dataTransfer?.items;\r\n\r\n  var fileSystemEntry = _items![0].webkitGetAsEntry() as any;\r\n\r\n  const internalProcess = async (item: any, path: string = \"\") => {\r\n    if (item.isFile) {\r\n      return [\r\n        await new Promise((resolve) => {\r\n          item.file((file: File) => {\r\n            resolve(\r\n              new File([file], `${path}${file.name}`, { type: file.type })\r\n            );\r\n          });\r\n        }),\r\n      ] as File[];\r\n    } else if (item.isDirectory) {\r\n      var directoryReader = item.createReader();\r\n\r\n      const entries = (await new Promise((resolve) => {\r\n        directoryReader.readEntries(resolve);\r\n      })) as any[];\r\n\r\n      var result: File[] = [];\r\n\r\n      for (let i = 0; i < entries.length; i++) {\r\n        result = result.concat(\r\n          await internalProcess(entries[i], `${path}${item.name}/`)\r\n        );\r\n      }\r\n\r\n      return result;\r\n    }\r\n\r\n    return [];\r\n  };\r\n\r\n  const files = (waitUploadFiles = await internalProcess(fileSystemEntry));\r\n\r\n  try {\r\n    unref(resourceManager).loadingManager.startLoading();\r\n\r\n    const checkResponse = await unref(resourceManager).getExistPathList(\r\n      files.map((file) => file.name)\r\n    );\r\n\r\n    if (checkResponse.data.code !== 200) {\r\n      ElMessage.error({ message: checkResponse.data.msg });\r\n      return;\r\n    }\r\n\r\n    if (checkResponse.data.data?.length === 0) {\r\n      await unref(resourceManager).uploadResourceList(files);\r\n\r\n      waitUploadFiles = [];\r\n      return;\r\n    }\r\n    existPathList.value = checkResponse.data.data ?? [];\r\n\r\n    isShowConfirmDialog.value = true;\r\n  } catch (e) {\r\n    console.log(e);\r\n    ElMessage.error(\"网络异常，上传失败\");\r\n  } finally {\r\n    unref(resourceManager).loadingManager.completeLoading();\r\n  }\r\n};\r\n\r\nconst handleDialogOverrideClick = async () => {\r\n  try {\r\n    await unref(resourceManager).uploadResourceList(waitUploadFiles);\r\n  } catch (e) {\r\n    console.log(e);\r\n    ElMessage.error(\"网络异常，上传失败\");\r\n  }\r\n\r\n  handleDialogCancelClick();\r\n};\r\n\r\nconst handleDialogSkipClick = async () => {\r\n  try {\r\n    const files = waitUploadFiles.filter(\r\n      (file) => !unref(existPathList).includes(file.name)\r\n    );\r\n    if (files.length) {\r\n      await unref(resourceManager).uploadResourceList(files);\r\n    }\r\n  } catch (e) {\r\n    console.log(e);\r\n    ElMessage.error(\"网络异常，上传失败\");\r\n  }\r\n\r\n  handleDialogCancelClick();\r\n};\r\n\r\nconst handleDialogCancelClick = () => {\r\n  isShowConfirmDialog.value = false;\r\n  existPathList.value = [];\r\n  waitUploadFiles = [];\r\n};\r\n\r\nonMounted(() => {\r\n  unref(resourceManager).loadResourceInfoList();\r\n});\r\n</script>\r\n"],"names":[],"mappings":"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"}

package/dist/esm/components/business/resource-select/resource-select-input.js

@@ -0,0 +1,51 @@
+import { defineComponent, computed, createVNode, unref, createTextVNode } from "vue";
+import { ElInput, ElButton } from "element-plus";
+import ResourceSelect from "./resource-select-api.js";
+const resourceSelectInput = /* @__PURE__ */ defineComponent({
+  name: "MKResourceSelectInput",
+  props: {
+    modelValue: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["update:model-value"],
+  setup(props, {
+    emit
+  }) {
+    const modelValue = computed({
+      get: () => props.modelValue || "",
+      set: (v) => emit("update:model-value", v)
+    });
+    return () => {
+      return createVNode("div", {
+        "class": "mk-resource-select-input",
+        "style": {
+          width: "100%",
+          display: "flex"
+        }
+      }, [createVNode(ElInput, {
+        "modelValue": unref(modelValue),
+        "clearable": true,
+        "onUpdate:modelValue": (v) => modelValue.value = v
+      }, null), createVNode(ElButton, {
+        "onClick": async () => {
+          const fileInfo = await ResourceSelect({
+            extensions: [".cshtml"],
+            baseURL: "cms/template/resource"
+          });
+          if (!fileInfo.confirmed) {
+            return;
+          }
+          modelValue.value = fileInfo.path.slice(1);
+        }
+      }, {
+        default: () => [createTextVNode("选择模版")]
+      })]);
+    };
+  }
+});
+export {
+  resourceSelectInput as default
+};
+//# sourceMappingURL=resource-select-input.js.map

package/dist/esm/components/business/resource-select/resource-select-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resource-select-input.js","sources":["../../../../../src/components/business/resource-select/resource-select-input.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\r\nimport { ElInput, ElButton } from \"element-plus\";\r\nimport ResourceSelect from \"./resource-select-api\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKResourceSelectInput\",\r\n  props: {\r\n    modelValue:{ type:String,default:\"\"}\r\n  },\r\n  emits: [\"update:model-value\"],\r\n  setup(props, { emit }) {\r\n\r\n    const modelValue = computed({\r\n      get: () => (props.modelValue as string) || \"\",\r\n      set: (v: string) => emit(\"update:model-value\", v),\r\n    });\r\n\r\n    return () => {\r\n      return (\r\n        <div class=\"mk-resource-select-input\" style={{width:\"100%\",display:\"flex\"}}>\r\n          <ElInput\r\n            modelValue={unref(modelValue)} clearable\r\n            onUpdate:modelValue={(v: string) => (modelValue.value = v)} />\r\n            <ElButton onClick={async ()=>{\r\n              \tconst fileInfo = await ResourceSelect({ extensions: [\".cshtml\"], baseURL: \"cms/template/resource\" })\r\n                if (!fileInfo.confirmed) {\r\n                  return;\r\n                }\r\n                modelValue.value = fileInfo.path.slice(1)\r\n            }}>选择模版</ElButton>\r\n        </div>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["defineComponent","name","props","modelValue","type","String","default","emits","setup","emit","computed","get","set","v","_createVNode","width","display","ElInput","unref","value","ElButton","fileInfo","ResourceSelect","extensions","baseURL","confirmed","path","slice","_createTextVNode"],"mappings":";;;AAIA,MAAeA,sDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAO;AAAA,IACLC,YAAW;AAAA,MAAEC,MAAKC;AAAAA,MAAOC,SAAQ;AAAA,IAAE;AAAA,EACpC;AAAA,EACDC,OAAO,CAAC,oBAAoB;AAAA,EAC5BC,MAAMN,OAAO;AAAA,IAAEO;AAAAA,EAAK,GAAG;AAErB,UAAMN,aAAaO,SAAS;AAAA,MAC1BC,KAAKA,MAAOT,MAAMC,cAAyB;AAAA,MAC3CS,KAAMC,OAAcJ,KAAK,sBAAsBI,CAAC;AAAA,IAClD,CAAC;AAED,WAAO,MAAM;AACX,aAAAC,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,QAAA,SAC+C;AAAA,UAACC,OAAM;AAAA,UAAOC,SAAQ;AAAA,QAAM;AAAA,SAACF,CAAAA,YAAAG,SAAA;AAAA,QAAA,cAE1DC,MAAMf,UAAU;AAAA,QAAC,aAAA;AAAA,QAAA,uBACPU,OAAeV,WAAWgB,QAAQN;AAAAA,SAAEC,IAAAA,GAAAA,YAAAM,UAAA;AAAA,QAAA,WACvC,YAAU;AAC1B,gBAAMC,WAAW,MAAMC,eAAe;AAAA,YAAEC,YAAY,CAAC,SAAS;AAAA,YAAGC,SAAS;AAAA,UAAwB,CAAC;AAClG,cAAI,CAACH,SAASI,WAAW;AACvB;AAAA,UACF;AACAtB,qBAAWgB,QAAQE,SAASK,KAAKC,MAAM,CAAC;AAAA,QAC5C;AAAA,MAAC,GAAA;AAAA,QAAArB,SAAAA,MAAA,CAAAsB,gBAAA,MAAA,CAAA;AAAA,MAAA,CAAA,CAAA,CAAA;AAAA;EAIX;AACF,CAAC;"}

package/dist/esm/components/data-model/data-filter-drawer/data-filter-drawer-options.js

@@ -0,0 +1,20 @@
+import { buildProps } from "@maketribe/utils";
+import { DataTable } from "@maketribe/dm";
+const dataFilterDrawerProps = buildProps({
+  visible: {
+    type: Boolean,
+    default: false
+  },
+  dataTable: {
+    type: DataTable,
+    required: true
+  }
+});
+const dataFilterDrawerEmits = {
+  "update:visible": (visible) => true
+};
+export {
+  dataFilterDrawerEmits,
+  dataFilterDrawerProps
+};
+//# sourceMappingURL=data-filter-drawer-options.js.map

package/dist/esm/components/data-model/data-filter-drawer/data-filter-drawer-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-filter-drawer-options.js","sources":["../../../../../src/components/data-model/data-filter-drawer/data-filter-drawer-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\nimport { DataTable } from \"@maketribe/dm\";\r\n\r\nexport const dataFilterDrawerProps = buildProps({\r\n  visible: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  dataTable: {\r\n    type: DataTable,\r\n    required: true,\r\n  },\r\n} as const);\r\n\r\nexport type DataFilterDrawerProps = ExtractPropTypes<\r\n  typeof dataFilterDrawerProps\r\n>;\r\n\r\nexport const dataFilterDrawerEmits = {\r\n  \"update:visible\": (visible: boolean) => true,\r\n};\r\n\r\nexport type DataFilterDrawerEmits = typeof dataFilterDrawerEmits;\r\n"],"names":[],"mappings":";;AAIO,MAAM,wBAAwB,WAAW;AAAA,EAC9C,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,WAAW;AAAA,IACT,MAAM;AAAA,IACN,UAAU;AAAA,EACZ;AACF,CAAU;AAMH,MAAM,wBAAwB;AAAA,EACnC,kBAAkB,CAAC,YAAqB;AAC1C;"}