@maketribe/ms-app 3.2.24 → 3.2.25

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

@@ -0,0 +1 @@
+{"version":3,"file":"upload-video.js","sources":["../../../../../../../src/components/basic/upload-file/ui/upload-video/upload-video.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 { uploadVideoEmits, uploadVideoProps } from \"./upload-video-options\";\r\nimport { UploadContext } from \"../../context\";\r\n\r\nconst MKUploadFileItem = defineComponent({\r\n  name: \"MKUploadFileItem\",\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 currentFileName: Ref<string> = ref(\"\")\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\r\n\r\n    const getFileIconBySuffix = (v: string) => {\r\n      const index = v.lastIndexOf('.');\r\n      const indexBias = v.lastIndexOf('/');\r\n      const icon = [\"html\", \"apk\", \"eps\", \"ppt\", \"xml\", \"pdf\", \"exe\", \"psd\", \"visio\", \"xls\", \"doc\", \"txt\", \"dll\", \"tiff\", \"bmp\", \"audio\"]\r\n      const zipIcon = [\"zip\", \"rar\", \"zip\", \"tar\", \"gz\", \"bz2\", \"7z\"]\r\n      const suffixIcon = v.substring(index + 1)\r\n      const suffix = v.substring(indexBias + 1)\r\n      if (icon.includes(suffixIcon)) {\r\n        return {\r\n          icon: suffixIcon,\r\n          suffix: suffix,\r\n        }\r\n      } else if (zipIcon.includes(suffixIcon)) {\r\n        return {\r\n          icon: \"yasuo\",\r\n          suffix: suffix\r\n        }\r\n      } else {\r\n        return {\r\n          icon: \"weizhiwenjian\",\r\n          suffix: suffix\r\n        }\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            <div class=\"mk-upload-video-item__file\">\r\n              <MKSvgIcon iconClass=\"video\" />\r\n            </div>\r\n\r\n            <div class=\"mk-upload-video-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 = <div class=\"mk-upload-video-item__wrapper__desc\">\r\n          <MKSvgIcon iconClass={props.icon} class=\"mk-upload-video-item__wrapper__desc__icon\" />\r\n          <span class=\"mk-upload-video-item__wrapper__desc__text\">点击上传视频</span>\r\n        </div>;\r\n      }\r\n\r\n      return (\r\n        <div class=\"mk-upload-video-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-video-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: \"MKUploadFile\",\r\n  props: uploadVideoProps,\r\n  emits: uploadVideoEmits,\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 currentVideoSrc: Ref<string> = ref(\"\");\r\n\r\n    const multiple = computed(() => props.multiple);\r\n\r\n    const isShowVideoViewer: 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      isShowVideoViewer.value = true;\r\n      currentVideoSrc.value = src;\r\n    };\r\n\r\n    const handleCloseImageViewer = () => {\r\n      isShowVideoViewer.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          <MKUploadFileItem\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            <MKUploadFileItem\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            <MKUploadFileItem\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 videoViewer = unref(isShowVideoViewer) ? (\r\n        <div class=\"mk-upload-video-viewer\"  >\r\n          <MKSvgIcon class=\"mk-upload-video-viewer__close\" iconClass=\"Close\" onClick={() => isShowVideoViewer.value = false}></MKSvgIcon>\r\n          <div class=\"mk-upload-video-viewer__mask\"></div>\r\n          <video class=\"mk-upload-video-viewer__video\" src={currentVideoSrc.value} controls></video>\r\n        </div>\r\n      ) : null;\r\n\r\n      return (\r\n        <div class=\"mk-upload-video\" style={{ width: _multiple ? \"\" : props.width }}>\r\n          {content}\r\n          {videoViewer}\r\n        </div>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["MKUploadFileItem","defineComponent","name","props","modelValue","type","String","default","uploadContext","UploadContext","required","width","height","icon","emits","setup","emit","uploadFileInstance","ref","computed","get","set","v","handleUpdateModelValue","value","handleClick","event","stopPropagation","unref","handleUpload","handleView","handleDelete","content","_createVNode","_Fragment","MKSvgIcon","ElTooltip","_createTextVNode","MKUploadFile","el","uploadVideoProps","uploadVideoEmits","currentVideoSrc","multiple","isShowVideoViewer","watch","Array","isArray","immediate","src","index","indexOf","splice","handleShowImageViewer","handleAppendImage","_value","push","_multiple","images","map","videoViewer","onClick"],"mappings":"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"}

package/dist/esm/components/basic/upload-file/upload-file-options.js

@@ -13,7 +13,8 @@ const uploadFileProps = buildProps({
   }
 });
 const uploadFileEmits = {
-  "update:modelValue": (path) => true
+  "update:modelValue": (path) => true,
+  "getSelectFileName": (name) => true
 };
 export {
   uploadFileEmits,

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

@@ -1 +1 @@
-{"version":3,"file":"upload-file-options.js","sources":["../../../../../src/components/basic/upload-file/upload-file-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\nimport { UploadContext, WebFileUploadContext } from \"./context\";\r\n\r\nexport const uploadFileProps = buildProps({\r\n  modelValue: {\r\n    type: String,\r\n  },\r\n  uploadContext: {\r\n    type: UploadContext,\r\n    default: () => new WebFileUploadContext(),\r\n  },\r\n} as const);\r\n\r\nexport type UploadFileProps = ExtractPropTypes<typeof uploadFileProps>;\r\n\r\nexport const uploadFileEmits = {\r\n  \"update:modelValue\": (path: string) => true,\r\n};\r\n\r\nexport type UploadFileEmits = typeof uploadFileEmits;\r\n"],"names":[],"mappings":";;;;;AAIO,MAAM,kBAAkB,WAAW;AAAA,EACxC,YAAY;AAAA,IACV,MAAM;AAAA,EACR;AAAA,EACA,eAAe;AAAA,IACb,MAAM;AAAA,IACN,SAAS,MAAM,IAAI,qBAAqB;AAAA,EAC1C;AACF,CAAU;AAIH,MAAM,kBAAkB;AAAA,EAC7B,qBAAqB,CAAC,SAAiB;AACzC;"}
+{"version":3,"file":"upload-file-options.js","sources":["../../../../../src/components/basic/upload-file/upload-file-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\nimport { UploadContext, WebFileUploadContext } from \"./context\";\r\n\r\nexport const uploadFileProps = buildProps({\r\n  modelValue: {\r\n    type: String,\r\n  },\r\n  uploadContext: {\r\n    type: UploadContext,\r\n    default: () => new WebFileUploadContext(),\r\n  },\r\n} as const);\r\n\r\nexport type UploadFileProps = ExtractPropTypes<typeof uploadFileProps>;\r\n\r\nexport const uploadFileEmits = {\r\n  \"update:modelValue\": (path: string) => true,\r\n  \"getSelectFileName\": (name: string) => true,\r\n};\r\n\r\nexport type UploadFileEmits = typeof uploadFileEmits;\r\n"],"names":[],"mappings":";;;;;AAIO,MAAM,kBAAkB,WAAW;AAAA,EACxC,YAAY;AAAA,IACV,MAAM;AAAA,EACR;AAAA,EACA,eAAe;AAAA,IACb,MAAM;AAAA,IACN,SAAS,MAAM,IAAI,qBAAqB;AAAA,EAC1C;AACF,CAAU;AAIH,MAAM,kBAAkB;AAAA,EAC7B,qBAAqB,CAAC,SAAiB;AAAA,EACvC,qBAAqB,CAAC,SAAiB;AACzC;"}

package/dist/esm/components/basic/upload-file/upload-file.js

@@ -24,6 +24,7 @@ const _UploadFile = /* @__PURE__ */ defineComponent({
         const uploadResult = await unref(uploadContext).selectFile();
         if (uploadResult.success) {
           value.value = uploadResult.path || value.value;
+          emit("getSelectFileName", uploadResult.name || "");
           return;
         }
         ElMessage.error(uploadResult.msg);

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

@@ -1 +1 @@
-{"version":3,"file":"upload-file.js","sources":["../../../../../src/components/basic/upload-file/upload-file.tsx"],"sourcesContent":["import { computed, defineComponent, inject, unref } from \"vue\";\r\nimport { uploadFileEmits, uploadFileProps } from \"./upload-file-options\";\r\nimport { ElMessage } from \"element-plus\";\r\nimport { UploadContextCtxKey } from \"./context\";\r\nimport { withInstall } from \"@maketribe/utils\";\r\n\r\n/**\r\n * 文件上传\r\n *\r\n * 文件上传在本后台中有两大分类\r\n * 1.直接上传文件\r\n * 2.使用素材库文件\r\n *\r\n * 文件上传的界面交互又会分为几种情况\r\n * 1.单文件上传（单文件上传，可能会根据。文件情况的不同，界面显示方式不一样）\r\n * 2.多文件上传（多文件上传基于单文件的逻辑，不过是会变成多个文件）\r\n *\r\n * 希望文件交互组件不需要用了解是直接上传文件或使用素材库。\r\n *\r\n */\r\n\r\nconst _UploadFile = defineComponent({\r\n  name: \"MKUploadFile\",\r\n  props: uploadFileProps,\r\n  emits: uploadFileEmits,\r\n  setup(props, { emit }) {\r\n    const uploadContextCtx = inject(UploadContextCtxKey, null);\r\n\r\n    const value = computed({\r\n      get: () => props.modelValue as string,\r\n      set: (v: string) => emit(\"update:modelValue\", v),\r\n    });\r\n\r\n    const uploadContext = computed(\r\n      () => uploadContextCtx?.uploadContext || props.uploadContext\r\n    );\r\n\r\n    const handleUpload = async () => {\r\n      try {\r\n        \r\n        const uploadResult = await unref(uploadContext).selectFile();\r\n        \r\n        if (uploadResult.success) {\r\n          value.value = uploadResult.path || value.value;\r\n          return;\r\n        }\r\n\r\n        ElMessage.error(uploadResult.msg);\r\n      } catch (e) {\r\n        console.error(e);\r\n        ElMessage.error(\"网络异常\");\r\n      }\r\n    };\r\n\r\n    return {\r\n      handleUpload,\r\n    };\r\n  },\r\n  render() {\r\n    const { handleUpload, $slots } = this;\r\n\r\n    return (\r\n      <span class=\"mk-upload-file\" onClick={handleUpload}>\r\n        {$slots.default?.()}\r\n      </span>\r\n    );\r\n  },\r\n});\r\n\r\nexport const MKUploadFile = withInstall(_UploadFile);\r\n"],"names":["_UploadFile","defineComponent","name","props","uploadFileProps","emits","uploadFileEmits","setup","emit","uploadContextCtx","inject","UploadContextCtxKey","value","computed","get","modelValue","set","v","uploadContext","handleUpload","uploadResult","unref","selectFile","success","path","ElMessage","error","msg","e","console","render","$slots","_createVNode","default","MKUploadFile","withInstall"],"mappings":";;;;;;;;AAqBA,MAAMA,cAAcC,gCAAgB;AAAA,EAClCC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,OAAOC;AAAAA,EACPC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,mBAAmBC,OAAOC,qBAAqB,IAAI;AAEzD,UAAMC,QAAQC,SAAS;AAAA,MACrBC,KAAKA,MAAMX,MAAMY;AAAAA,MACjBC,KAAMC,OAAcT,KAAK,qBAAqBS,CAAC;AAAA,IACjD,CAAC;AAED,UAAMC,gBAAgBL,SACpB,OAAMJ,qDAAkBS,kBAAiBf,MAAMe,aACjD;AAEA,UAAMC,eAAe,YAAY;AAC/B,UAAI;AAEF,cAAMC,eAAe,MAAMC,MAAMH,aAAa,EAAEI,WAAU;AAE1D,YAAIF,aAAaG,SAAS;AACxBX,gBAAMA,QAAQQ,aAAaI,QAAQZ,MAAMA;AACzC;AAAA,QACF;AAEAa,kBAAUC,MAAMN,aAAaO,GAAG;AAAA,MACjC,SAAQC,GAAG;AACVC,gBAAQH,MAAME,CAAC;AACfH,kBAAUC,MAAM,MAAM;AAAA,MACxB;AAAA;AAGF,WAAO;AAAA,MACLP;AAAAA;EAEH;AAAA,EACDW,SAAS;;AACP,UAAM;AAAA,MAAEX;AAAAA,MAAcY;AAAAA,IAAQ,IAAG;AAEjC,WAAAC,YAAA,QAAA;AAAA,MAAA,SAAA;AAAA,MAAA,WACwCb;AAAAA,IAAY,GAAA,EAC/CY,YAAOE,YAAPF,+BAAkB,CAAA;AAAA,EAGzB;AACF,CAAC;MAEYG,eAAeC,YAAYnC,WAAW;"}
+{"version":3,"file":"upload-file.js","sources":["../../../../../src/components/basic/upload-file/upload-file.tsx"],"sourcesContent":["import { computed, defineComponent, inject, unref } from \"vue\";\r\nimport { uploadFileEmits, uploadFileProps } from \"./upload-file-options\";\r\nimport { ElMessage } from \"element-plus\";\r\nimport { UploadContextCtxKey } from \"./context\";\r\nimport { withInstall } from \"@maketribe/utils\";\r\n\r\n/**\r\n * 文件上传\r\n *\r\n * 文件上传在本后台中有两大分类\r\n * 1.直接上传文件\r\n * 2.使用素材库文件\r\n *\r\n * 文件上传的界面交互又会分为几种情况\r\n * 1.单文件上传（单文件上传，可能会根据。文件情况的不同，界面显示方式不一样）\r\n * 2.多文件上传（多文件上传基于单文件的逻辑，不过是会变成多个文件）\r\n *\r\n * 希望文件交互组件不需要用了解是直接上传文件或使用素材库。\r\n *\r\n */\r\n\r\nconst _UploadFile = defineComponent({\r\n  name: \"MKUploadFile\",\r\n  props: uploadFileProps,\r\n  emits: uploadFileEmits,\r\n  setup(props, { emit }) {\r\n    const uploadContextCtx = inject(UploadContextCtxKey, null);\r\n\r\n    const value = computed({\r\n      get: () => props.modelValue as string,\r\n      set: (v: string) => emit(\"update:modelValue\", v),\r\n    });\r\n\r\n    const uploadContext = computed(\r\n      () => uploadContextCtx?.uploadContext || props.uploadContext\r\n    );\r\n\r\n    const handleUpload = async () => {\r\n      try {\r\n\r\n        const uploadResult = await unref(uploadContext).selectFile();\r\n\r\n        if (uploadResult.success) {\r\n          value.value = uploadResult.path || value.value;\r\n          emit(\"getSelectFileName\", uploadResult.name || \"\");\r\n          return;\r\n        }\r\n\r\n        ElMessage.error(uploadResult.msg);\r\n      } catch (e) {\r\n        console.error(e);\r\n        ElMessage.error(\"网络异常\");\r\n      }\r\n    };\r\n\r\n    return {\r\n      handleUpload,\r\n    };\r\n  },\r\n  render() {\r\n    const { handleUpload, $slots } = this;\r\n\r\n    return (\r\n      <span class=\"mk-upload-file\" onClick={handleUpload}>\r\n        {$slots.default?.()}\r\n      </span>\r\n    );\r\n  },\r\n});\r\n\r\nexport const MKUploadFile = withInstall(_UploadFile);\r\n"],"names":["_UploadFile","defineComponent","name","props","uploadFileProps","emits","uploadFileEmits","setup","emit","uploadContextCtx","inject","UploadContextCtxKey","value","computed","get","modelValue","set","v","uploadContext","handleUpload","uploadResult","unref","selectFile","success","path","ElMessage","error","msg","e","console","render","$slots","_createVNode","default","MKUploadFile","withInstall"],"mappings":";;;;;;;;AAqBA,MAAMA,cAAcC,gCAAgB;AAAA,EAClCC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,OAAOC;AAAAA,EACPC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,mBAAmBC,OAAOC,qBAAqB,IAAI;AAEzD,UAAMC,QAAQC,SAAS;AAAA,MACrBC,KAAKA,MAAMX,MAAMY;AAAAA,MACjBC,KAAMC,OAAcT,KAAK,qBAAqBS,CAAC;AAAA,IACjD,CAAC;AAED,UAAMC,gBAAgBL,SACpB,OAAMJ,qDAAkBS,kBAAiBf,MAAMe,aACjD;AAEA,UAAMC,eAAe,YAAY;AAC/B,UAAI;AAEF,cAAMC,eAAe,MAAMC,MAAMH,aAAa,EAAEI,WAAU;AAE1D,YAAIF,aAAaG,SAAS;AACxBX,gBAAMA,QAAQQ,aAAaI,QAAQZ,MAAMA;AACzCJ,eAAK,qBAAqBY,aAAalB,QAAQ,EAAE;AACjD;AAAA,QACF;AAEAuB,kBAAUC,MAAMN,aAAaO,GAAG;AAAA,MACjC,SAAQC,GAAG;AACVC,gBAAQH,MAAME,CAAC;AACfH,kBAAUC,MAAM,MAAM;AAAA,MACxB;AAAA;AAGF,WAAO;AAAA,MACLP;AAAAA;EAEH;AAAA,EACDW,SAAS;;AACP,UAAM;AAAA,MAAEX;AAAAA,MAAcY;AAAAA,IAAQ,IAAG;AAEjC,WAAAC,YAAA,QAAA;AAAA,MAAA,SAAA;AAAA,MAAA,WACwCb;AAAAA,IAAY,GAAA,EAC/CY,YAAOE,YAAPF,+BAAkB,CAAA;AAAA,EAGzB;AACF,CAAC;MAEYG,eAAeC,YAAYnC,WAAW;"}

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

@@ -18,6 +18,8 @@ import "@maketribe/utils";
 import "../../../../basic/upload-file/context/web-file-upload-context.js";
 import "../../../../basic/upload-file/context/web-file-upload-context-options.js";
 import "../../../../basic/upload-file/ui/upload-image/index.js";
+import "../../../../basic/upload-file/ui/upload-file/index.js";
+import "../../../../basic/upload-file/ui/upload-video/index.js";
 import "../../../../basic/upload-file/upload-file-options.js";
 import "../../../../basic/doc-editor/index.js";
 import "../../../../basic/copy-container/index.js";

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 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;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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-manager/resource-manager.vue.js

@@ -18,6 +18,8 @@ import "@maketribe/utils";
 import "../../basic/upload-file/context/web-file-upload-context.js";
 import "../../basic/upload-file/context/web-file-upload-context-options.js";
 import "../../basic/upload-file/ui/upload-image/index.js";
+import "../../basic/upload-file/ui/upload-file/index.js";
+import "../../basic/upload-file/ui/upload-video/index.js";
 import "../../basic/upload-file/upload-file-options.js";
 import "../../basic/doc-editor/index.js";
 import "../../basic/copy-container/index.js";

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    <el-page-header style=\"background-color: #fff;padding: 10px;\"  :icon=\"null\">\r\n      <template #title>\r\n        <h3 style=\"color: var(--el-text-color-regular); margin-left: 10px\">\r\n          <MKSvgIcon iconClass=\"sucaiku\" style=\"margin-right: 5px\" />\r\n          <span style=\"margin-left:10px\">{{props.title}}</span>\r\n        </h3>\r\n      </template>\r\n      <template #extra>\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      </template>\r\n    </el-page-header>\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  title:{type:String,default:\"\"},\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\n// const 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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"}
+{"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    <el-page-header style=\"background-color: #fff;padding: 10px;\"  :icon=\"null\">\r\n      <template #title>\r\n        <h3 style=\"color: var(--el-text-color-regular); margin-left: 10px\">\r\n          <MKSvgIcon iconClass=\"sucaiku\" style=\"margin-right: 5px\" />\r\n          <span style=\"margin-left:10px\">{{props.title}}</span>\r\n        </h3>\r\n      </template>\r\n      <template #extra>\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      </template>\r\n    </el-page-header>\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  title:{type:String,default:\"\"},\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\n// const 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/data-model/data-table/components/column-sort/column-sort.js

@@ -19,6 +19,8 @@ import "@maketribe/utils";
 import "../../../../basic/upload-file/context/web-file-upload-context.js";
 import "../../../../basic/upload-file/context/web-file-upload-context-options.js";
 import "../../../../basic/upload-file/ui/upload-image/index.js";
+import "../../../../basic/upload-file/ui/upload-file/index.js";
+import "../../../../basic/upload-file/ui/upload-video/index.js";
 import "../../../../basic/upload-file/upload-file-options.js";
 import "../../../../basic/doc-editor/index.js";
 import "../../../../basic/copy-container/index.js";

package/dist/esm/components/data-model/data-table/components/column-sort/column-sort.js.map

@@ -1 +1 @@
-{"version":3,"file":"column-sort.js","sources":["../../../../../../../src/components/data-model/data-table/components/column-sort/column-sort.tsx"],"sourcesContent":["import { defineComponent } from \"vue\";\r\nimport { columnSortProps } from \"./column-sort-options\";\r\nimport { MKSvgIcon } from \"../../../../basic\";\r\nimport { ElTooltip } from \"element-plus\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKColumnSort\",\r\n  props: columnSortProps,\r\n  setup(props) {\r\n    return () => {\r\n      let children = null;\r\n\r\n      if (props.drag) {\r\n        children = (\r\n          <span class=\"mk-column-sort__drag\">\r\n            <MKSvgIcon iconClass=\"sort\" />\r\n          </span>\r\n        );\r\n      } else {\r\n        children = (\r\n          <span class=\"mk-column-sort__switch\">\r\n            <ElTooltip content=\"置顶\" placement=\"top\">\r\n              <MKSvgIcon iconClass=\"top\" />\r\n            </ElTooltip>\r\n            <ElTooltip content=\"上移\" placement=\"top\">\r\n              <MKSvgIcon iconClass=\"up\" />\r\n            </ElTooltip>\r\n            <ElTooltip content=\"下移\" placement=\"top\">\r\n              <MKSvgIcon iconClass=\"down\" />\r\n            </ElTooltip>\r\n            <ElTooltip content=\"置底\" placement=\"top\">\r\n              <MKSvgIcon iconClass=\"bottom\" />\r\n            </ElTooltip>\r\n          </span>\r\n        );\r\n      }\r\n\r\n      return <span class=\"mk-column-sort\">{children}</span>;\r\n    };\r\n  },\r\n});\r\n"],"names":["defineComponent","name","props","columnSortProps","setup","children","drag","_createVNode","MKSvgIcon","ElTooltip","default"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,MAAeA,6CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AACX,WAAO,MAAM;AACX,UAAIG,WAAW;AAEf,UAAIH,MAAMI,MAAM;AACdD,mBAAQE,YAAA,QAAA;AAAA,UAAA,SAAA;AAAA,WAAAA,CAAAA,YAAAC,WAAA;AAAA,UAAA,aAAA;AAAA,WAIP,IAAA,CAAA,CAAA;AAAA,MACH,OAAO;AACLH,mBAAQE,YAAA,QAAA;AAAA,UAAA,SAAA;AAAA,WAAAA,CAAAA,YAAAE,WAAA;AAAA,UAAA,WAAA;AAAA,UAAA,aAAA;AAAA,QAAA,GAAA;AAAA,UAAAC,SAAAA,MAAAH,CAAAA,YAAAC,WAAA;AAAA,YAAA,aAAA;AAAA,UAAA,GAAA,IAAA,CAAA;AAAA,SAAAD,GAAAA,YAAAE,WAAA;AAAA,UAAA,WAAA;AAAA,UAAA,aAAA;AAAA,QAAA,GAAA;AAAA,UAAAC,SAAAA,MAAAH,CAAAA,YAAAC,WAAA;AAAA,YAAA,aAAA;AAAA,UAAA,GAAA,IAAA,CAAA;AAAA,SAAAD,GAAAA,YAAAE,WAAA;AAAA,UAAA,WAAA;AAAA,UAAA,aAAA;AAAA,QAAA,GAAA;AAAA,UAAAC,SAAAA,MAAAH,CAAAA,YAAAC,WAAA;AAAA,YAAA,aAAA;AAAA,UAAA,GAAA,IAAA,CAAA;AAAA,SAAAD,GAAAA,YAAAE,WAAA;AAAA,UAAA,WAAA;AAAA,UAAA,aAAA;AAAA,QAAA,GAAA;AAAA,UAAAC,SAAAA,MAAAH,CAAAA,YAAAC,WAAA;AAAA,YAAA,aAAA;AAAA,UAAA,GAAA,IAAA,CAAA;AAAA,QAeP,CAAA,CAAA,CAAA;AAAA,MACH;AAEA,aAAAD,YAAA,QAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA,CAAqCF,QAAQ,CAAA;AAAA;EAEjD;AACF,CAAC;"}
+{"version":3,"file":"column-sort.js","sources":["../../../../../../../src/components/data-model/data-table/components/column-sort/column-sort.tsx"],"sourcesContent":["import { defineComponent } from \"vue\";\r\nimport { columnSortProps } from \"./column-sort-options\";\r\nimport { MKSvgIcon } from \"../../../../basic\";\r\nimport { ElTooltip } from \"element-plus\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKColumnSort\",\r\n  props: columnSortProps,\r\n  setup(props) {\r\n    return () => {\r\n      let children = null;\r\n\r\n      if (props.drag) {\r\n        children = (\r\n          <span class=\"mk-column-sort__drag\">\r\n            <MKSvgIcon iconClass=\"sort\" />\r\n          </span>\r\n        );\r\n      } else {\r\n        children = (\r\n          <span class=\"mk-column-sort__switch\">\r\n            <ElTooltip content=\"置顶\" placement=\"top\">\r\n              <MKSvgIcon iconClass=\"top\" />\r\n            </ElTooltip>\r\n            <ElTooltip content=\"上移\" placement=\"top\">\r\n              <MKSvgIcon iconClass=\"up\" />\r\n            </ElTooltip>\r\n            <ElTooltip content=\"下移\" placement=\"top\">\r\n              <MKSvgIcon iconClass=\"down\" />\r\n            </ElTooltip>\r\n            <ElTooltip content=\"置底\" placement=\"top\">\r\n              <MKSvgIcon iconClass=\"bottom\" />\r\n            </ElTooltip>\r\n          </span>\r\n        );\r\n      }\r\n\r\n      return <span class=\"mk-column-sort\">{children}</span>;\r\n    };\r\n  },\r\n});\r\n"],"names":["defineComponent","name","props","columnSortProps","setup","children","drag","_createVNode","MKSvgIcon","ElTooltip","default"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,MAAeA,6CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AACX,WAAO,MAAM;AACX,UAAIG,WAAW;AAEf,UAAIH,MAAMI,MAAM;AACdD,mBAAQE,YAAA,QAAA;AAAA,UAAA,SAAA;AAAA,WAAAA,CAAAA,YAAAC,WAAA;AAAA,UAAA,aAAA;AAAA,WAIP,IAAA,CAAA,CAAA;AAAA,MACH,OAAO;AACLH,mBAAQE,YAAA,QAAA;AAAA,UAAA,SAAA;AAAA,WAAAA,CAAAA,YAAAE,WAAA;AAAA,UAAA,WAAA;AAAA,UAAA,aAAA;AAAA,QAAA,GAAA;AAAA,UAAAC,SAAAA,MAAAH,CAAAA,YAAAC,WAAA;AAAA,YAAA,aAAA;AAAA,UAAA,GAAA,IAAA,CAAA;AAAA,SAAAD,GAAAA,YAAAE,WAAA;AAAA,UAAA,WAAA;AAAA,UAAA,aAAA;AAAA,QAAA,GAAA;AAAA,UAAAC,SAAAA,MAAAH,CAAAA,YAAAC,WAAA;AAAA,YAAA,aAAA;AAAA,UAAA,GAAA,IAAA,CAAA;AAAA,SAAAD,GAAAA,YAAAE,WAAA;AAAA,UAAA,WAAA;AAAA,UAAA,aAAA;AAAA,QAAA,GAAA;AAAA,UAAAC,SAAAA,MAAAH,CAAAA,YAAAC,WAAA;AAAA,YAAA,aAAA;AAAA,UAAA,GAAA,IAAA,CAAA;AAAA,SAAAD,GAAAA,YAAAE,WAAA;AAAA,UAAA,WAAA;AAAA,UAAA,aAAA;AAAA,QAAA,GAAA;AAAA,UAAAC,SAAAA,MAAAH,CAAAA,YAAAC,WAAA;AAAA,YAAA,aAAA;AAAA,UAAA,GAAA,IAAA,CAAA;AAAA,QAeP,CAAA,CAAA,CAAA;AAAA,MACH;AAEA,aAAAD,YAAA,QAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA,CAAqCF,QAAQ,CAAA;AAAA;EAEjD;AACF,CAAC;"}

package/dist/esm/components/data-model/data-table/components/header-components/batch-opt/batch-opt.js

@@ -18,6 +18,8 @@ import "@maketribe/utils";
 import "../../../../../basic/upload-file/context/web-file-upload-context.js";
 import "../../../../../basic/upload-file/context/web-file-upload-context-options.js";
 import "../../../../../basic/upload-file/ui/upload-image/index.js";
+import "../../../../../basic/upload-file/ui/upload-file/index.js";
+import "../../../../../basic/upload-file/ui/upload-video/index.js";
 import "../../../../../basic/upload-file/upload-file-options.js";
 import "../../../../../basic/doc-editor/index.js";
 import "../../../../../basic/copy-container/index.js";

package/dist/esm/components/data-model/data-table/components/header-components/batch-opt/batch-opt.js.map

@@ -1 +1 @@
-{"version":3,"file":"batch-opt.js","sources":["../../../../../../../../src/components/data-model/data-table/components/header-components/batch-opt/batch-opt.tsx"],"sourcesContent":["import { computed, defineComponent, inject, unref } from \"vue\";\r\nimport { ElDropdown, ElDropdownItem, ElDropdownMenu } from \"element-plus\";\r\nimport { MKSvgIcon } from \"../../../../../basic\";\r\nimport { DATA_TABLE_CONTEXT_KEY } from \"../../../token\";\r\nimport { Dialoger, Messager } from \"@maketribe/dm\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKBatchOpt\",\r\n  setup(props) {\r\n    const dataTable = inject(DATA_TABLE_CONTEXT_KEY)?.dataTable!;\r\n\r\n    var disallowBatchOpt = computed(\r\n      () => (dataTable?.getSelection().length ?? 0) === 0\r\n    );\r\n\r\n    const handleExport = (...args: any[]) => {\r\n      dataTable.exportData();\r\n    };\r\n\r\n    const handleBatchDelete = async () => {\r\n      const isConfirm = await Dialoger.confirm({\r\n        message: \"是否删除选中项\",\r\n        type: \"warning\",\r\n        title: \"批量删除\",\r\n      });\r\n\r\n      if (!isConfirm) {\r\n        return;\r\n      }\r\n\r\n      const response = await dataTable.batchDelete(dataTable.getSelection());\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      dataTable.load();\r\n    };\r\n\r\n    return () => {\r\n      return (\r\n        <ElDropdown\r\n          onClick={handleExport}\r\n          splitButton\r\n          v-slots={{\r\n            dropdown: () => {\r\n              return (\r\n                <ElDropdownMenu>\r\n                  <ElDropdownItem\r\n                    disabled={unref(disallowBatchOpt)}\r\n                    onClick={handleBatchDelete}\r\n                  >\r\n                    <MKSvgIcon iconClass=\"Delete\" /> 批量删除\r\n                  </ElDropdownItem>\r\n                </ElDropdownMenu>\r\n              );\r\n            },\r\n          }}\r\n        >\r\n          <MKSvgIcon iconClass=\"Download\" />\r\n        </ElDropdown>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["defineComponent","name","setup","props","dataTable","inject","DATA_TABLE_CONTEXT_KEY","disallowBatchOpt","computed","getSelection","length","handleExport","args","exportData","handleBatchDelete","isConfirm","Dialoger","confirm","message","type","title","response","batchDelete","data","code","Messager","error","msg","load","_createVNode","ElDropdown","default","MKSvgIcon","dropdown","ElDropdownMenu","ElDropdownItem","unref","_createTextVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAeA,2CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,MAAMC,OAAO;;AACX,UAAMC,aAAYC,YAAOC,sBAAsB,MAA7BD,mBAAgCD;AAElD,QAAIG,mBAAmBC,SACrB,QAAOJ,uCAAWK,eAAeC,WAAU,OAAO,CACpD;AAEA,UAAMC,eAAeA,IAAIC,SAAgB;AACvCR,gBAAUS,WAAU;AAAA;AAGtB,UAAMC,oBAAoB,YAAY;AACpC,YAAMC,YAAY,MAAMC,SAASC,QAAQ;AAAA,QACvCC,SAAS;AAAA,QACTC,MAAM;AAAA,QACNC,OAAO;AAAA,MACT,CAAC;AAED,UAAI,CAACL,WAAW;AACd;AAAA,MACF;AAEA,YAAMM,WAAW,MAAMjB,UAAUkB,YAAYlB,UAAUK,aAAY,CAAE;AAErE,UAAIY,SAASE,KAAKC,SAAS,KAAK;AAC9BC,iBAASC,MAAM;AAAA,UAAER,SAASG,SAASE,KAAKI;AAAAA,QAAI,CAAC;AAC7C;AAAA,MACF;AAEAvB,gBAAUwB,KAAI;AAAA;AAGhB,WAAO,MAAM;AACX,aAAAC,YAAAC,YAAA;AAAA,QAAA,WAEanB;AAAAA,QAAY,eAAA;AAAA,MAAA,GAAA;AAAA,QAAAoB,SAAAA,MAAAF,CAAAA,YAAAG,WAAA;AAAA,UAAA,aAAA;AAAA,QAAA,GAAA,IAAA,CAAA;AAAA,QAGnBC,UAAUA,MAAM;AACd,iBAAAJ,YAAAK,gBAAA,MAAA;AAAA,YAAAH,SAAAA,MAAAF,CAAAA,YAAAM,gBAAA;AAAA,cAAA,YAGgBC,MAAM7B,gBAAgB;AAAA,cAAC,WACxBO;AAAAA,YAAiB,GAAA;AAAA,cAAAiB,SAAAA,MAAAF,CAAAA,YAAAG,WAAA;AAAA,gBAAA,aAAA;AAAA,cAAA,GAAA,IAAA,GAAAK,gBAAA,OAAA,CAAA;AAAA,YAAA,CAAA,CAAA;AAAA,UAAA,CAAA;AAAA,QAMlC;AAAA,MAAC,CAAA;AAAA;EAOX;AACF,CAAC;"}
+{"version":3,"file":"batch-opt.js","sources":["../../../../../../../../src/components/data-model/data-table/components/header-components/batch-opt/batch-opt.tsx"],"sourcesContent":["import { computed, defineComponent, inject, unref } from \"vue\";\r\nimport { ElDropdown, ElDropdownItem, ElDropdownMenu } from \"element-plus\";\r\nimport { MKSvgIcon } from \"../../../../../basic\";\r\nimport { DATA_TABLE_CONTEXT_KEY } from \"../../../token\";\r\nimport { Dialoger, Messager } from \"@maketribe/dm\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKBatchOpt\",\r\n  setup(props) {\r\n    const dataTable = inject(DATA_TABLE_CONTEXT_KEY)?.dataTable!;\r\n\r\n    var disallowBatchOpt = computed(\r\n      () => (dataTable?.getSelection().length ?? 0) === 0\r\n    );\r\n\r\n    const handleExport = (...args: any[]) => {\r\n      dataTable.exportData();\r\n    };\r\n\r\n    const handleBatchDelete = async () => {\r\n      const isConfirm = await Dialoger.confirm({\r\n        message: \"是否删除选中项\",\r\n        type: \"warning\",\r\n        title: \"批量删除\",\r\n      });\r\n\r\n      if (!isConfirm) {\r\n        return;\r\n      }\r\n\r\n      const response = await dataTable.batchDelete(dataTable.getSelection());\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      dataTable.load();\r\n    };\r\n\r\n    return () => {\r\n      return (\r\n        <ElDropdown\r\n          onClick={handleExport}\r\n          splitButton\r\n          v-slots={{\r\n            dropdown: () => {\r\n              return (\r\n                <ElDropdownMenu>\r\n                  <ElDropdownItem\r\n                    disabled={unref(disallowBatchOpt)}\r\n                    onClick={handleBatchDelete}\r\n                  >\r\n                    <MKSvgIcon iconClass=\"Delete\" /> 批量删除\r\n                  </ElDropdownItem>\r\n                </ElDropdownMenu>\r\n              );\r\n            },\r\n          }}\r\n        >\r\n          <MKSvgIcon iconClass=\"Download\" />\r\n        </ElDropdown>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["defineComponent","name","setup","props","dataTable","inject","DATA_TABLE_CONTEXT_KEY","disallowBatchOpt","computed","getSelection","length","handleExport","args","exportData","handleBatchDelete","isConfirm","Dialoger","confirm","message","type","title","response","batchDelete","data","code","Messager","error","msg","load","_createVNode","ElDropdown","default","MKSvgIcon","dropdown","ElDropdownMenu","ElDropdownItem","unref","_createTextVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAeA,2CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,MAAMC,OAAO;;AACX,UAAMC,aAAYC,YAAOC,sBAAsB,MAA7BD,mBAAgCD;AAElD,QAAIG,mBAAmBC,SACrB,QAAOJ,uCAAWK,eAAeC,WAAU,OAAO,CACpD;AAEA,UAAMC,eAAeA,IAAIC,SAAgB;AACvCR,gBAAUS,WAAU;AAAA;AAGtB,UAAMC,oBAAoB,YAAY;AACpC,YAAMC,YAAY,MAAMC,SAASC,QAAQ;AAAA,QACvCC,SAAS;AAAA,QACTC,MAAM;AAAA,QACNC,OAAO;AAAA,MACT,CAAC;AAED,UAAI,CAACL,WAAW;AACd;AAAA,MACF;AAEA,YAAMM,WAAW,MAAMjB,UAAUkB,YAAYlB,UAAUK,aAAY,CAAE;AAErE,UAAIY,SAASE,KAAKC,SAAS,KAAK;AAC9BC,iBAASC,MAAM;AAAA,UAAER,SAASG,SAASE,KAAKI;AAAAA,QAAI,CAAC;AAC7C;AAAA,MACF;AAEAvB,gBAAUwB,KAAI;AAAA;AAGhB,WAAO,MAAM;AACX,aAAAC,YAAAC,YAAA;AAAA,QAAA,WAEanB;AAAAA,QAAY,eAAA;AAAA,MAAA,GAAA;AAAA,QAAAoB,SAAAA,MAAAF,CAAAA,YAAAG,WAAA;AAAA,UAAA,aAAA;AAAA,QAAA,GAAA,IAAA,CAAA;AAAA,QAGnBC,UAAUA,MAAM;AACd,iBAAAJ,YAAAK,gBAAA,MAAA;AAAA,YAAAH,SAAAA,MAAAF,CAAAA,YAAAM,gBAAA;AAAA,cAAA,YAGgBC,MAAM7B,gBAAgB;AAAA,cAAC,WACxBO;AAAAA,YAAiB,GAAA;AAAA,cAAAiB,SAAAA,MAAAF,CAAAA,YAAAG,WAAA;AAAA,gBAAA,aAAA;AAAA,cAAA,GAAA,IAAA,GAAAK,gBAAA,OAAA,CAAA;AAAA,YAAA,CAAA,CAAA;AAAA,UAAA,CAAA;AAAA,QAMlC;AAAA,MAAC,CAAA;AAAA;EAOX;AACF,CAAC;"}

package/dist/esm/components/data-model/data-table/components/header-components/table-filter/table-filter.js

@@ -22,6 +22,8 @@ import "@maketribe/utils";
 import "../../../../../basic/upload-file/context/web-file-upload-context.js";
 import "../../../../../basic/upload-file/context/web-file-upload-context-options.js";
 import "../../../../../basic/upload-file/ui/upload-image/index.js";
+import "../../../../../basic/upload-file/ui/upload-file/index.js";
+import "../../../../../basic/upload-file/ui/upload-video/index.js";
 import "../../../../../basic/upload-file/upload-file-options.js";
 import "../../../../../basic/doc-editor/index.js";
 import "../../../../../basic/copy-container/index.js";

package/dist/esm/components/data-model/data-table/components/header-components/table-filter/table-filter.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-filter.js","sources":["../../../../../../../../src/components/data-model/data-table/components/header-components/table-filter/table-filter.tsx"],"sourcesContent":["import { defineComponent, inject, computed, unref, watch, ref } from \"vue\";\r\nimport { ElButton, ElInput, ElTooltip } from \"element-plus\";\r\nimport { Search } from \"@element-plus/icons-vue\";\r\nimport { debounce } from \"lodash-es\";\r\nimport { isWhereFilter } from \"@maketribe/dm\";\r\nimport { DATA_TABLE_CONTEXT_KEY } from \"../../../token\";\r\nimport { MKSvgIcon } from \"../../../../../basic\";\r\nimport { MKDataFilterDrawer } from \"../../../../data-filter-drawer\";\r\nimport { MKDataFilterForm } from \"../../../../data-filter-form\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKTableFilter\",\r\n  setup() {\r\n    const search = ref(\"\");\r\n\r\n    const isShowDrawer = ref(false);\r\n\r\n    const dataTableContext = inject(DATA_TABLE_CONTEXT_KEY);\r\n\r\n    const dataTable = computed(() => dataTableContext!.dataTable);\r\n\r\n    const dataTableInitd = computed(() => unref(dataTable)?.initd ?? false);\r\n\r\n    const searchFilterColumns = computed(() =>\r\n      unref(dataTable)\r\n        .dataFilter.getColumns()\r\n        .filter((column) => column.search)\r\n    );\r\n\r\n    const searchPlaceholder = computed(\r\n      () =>\r\n        `通过${unref(searchFilterColumns)\r\n          .map((column) => column.label)\r\n          .join(\"、\")}搜索`\r\n    );\r\n\r\n    watch(\r\n      dataTable,\r\n      (dataTable, _, onCleanup) => {\r\n        onCleanup(() => {\r\n          const dataFilter = dataTable.dataFilter;\r\n          if (isWhereFilter(dataFilter)) {\r\n            dataFilter.getSearchGroup().clear();\r\n          }\r\n        });\r\n      },\r\n      { immediate: true }\r\n    );\r\n\r\n    const handleSearch = () => {\r\n      debounceSearch.cancel();\r\n\r\n      const dataFilter = unref(dataTable).dataFilter;\r\n      if (isWhereFilter(dataFilter)) {\r\n        const searchGroup = dataFilter.getSearchGroup();\r\n        searchGroup.clear();\r\n\r\n        const searchValue = unref(search);\r\n\r\n        for (const searchFilterColumn of unref(searchFilterColumns)) {\r\n          searchGroup.addOrCondition(\r\n            searchFilterColumn.name,\r\n            \"like\",\r\n            `%${searchValue}%`\r\n          );\r\n        }\r\n      }\r\n\r\n      unref(dataTable).load();\r\n    };\r\n\r\n    const debounceSearch = debounce(handleSearch, 1000);\r\n\r\n    const handleSearchKeydown = (event: KeyboardEvent) => {\r\n      if (event.key === \"Enter\") {\r\n        handleSearch();\r\n      }\r\n    };\r\n\r\n    const handleSearchFocus = (event: FocusEvent) => {\r\n      const target = event.target as HTMLInputElement;\r\n\r\n      target.addEventListener(\"input\", debounceSearch);\r\n    };\r\n\r\n    const handleSearchBlur = (event: any) => {\r\n      const target = event.target as HTMLInputElement;\r\n\r\n      target.removeEventListener(\"input\", debounceSearch);\r\n    };\r\n\r\n    const handleShowDrawer = () => {\r\n      isShowDrawer.value = true;\r\n    };\r\n\r\n    return () => {\r\n      if (!unref(dataTableInitd)) {\r\n        return null;\r\n      }\r\n\r\n      const _dataTable = unref(dataTable);\r\n\r\n      if (_dataTable.dataFilter.getColumns().length === 0) {\r\n        return null;\r\n      }\r\n\r\n      let searchInputVNode = null;\r\n\r\n      if (unref(searchFilterColumns).length) {\r\n        searchInputVNode = (\r\n          <ElTooltip content={unref(searchPlaceholder)} effect=\"dark\" placement=\"top\">\r\n            <ElInput\r\n              prefixIcon={Search}\r\n              class=\"mk-table-filter__search\"\r\n              modelValue={unref(search)}\r\n              onUpdate:modelValue={(v) => (search.value = v)}\r\n              onKeydown={handleSearchKeydown as any}\r\n              placeholder={unref(searchPlaceholder)}\r\n              onFocus={handleSearchFocus}\r\n              onBlur={handleSearchBlur}\r\n              onClear={handleSearch}\r\n              clearable\r\n            />\r\n          </ElTooltip>\r\n        );\r\n      }\r\n\r\n      return (\r\n        <div class=\"mk-table-filter\">\r\n          {searchInputVNode}\r\n          <ElTooltip content=\"筛选\" effect=\"dark\" placement=\"top\">\r\n            <ElButton onClick={handleShowDrawer}>\r\n              <MKSvgIcon iconClass=\"Filter\" />\r\n            </ElButton>\r\n          </ElTooltip>\r\n\r\n          <MKDataFilterDrawer\r\n            visible={unref(isShowDrawer)}\r\n            onUpdate:visible={(v) => (isShowDrawer.value = v)}\r\n            dataTable={_dataTable}\r\n          />\r\n\r\n          <div class=\"mk-table-filter__hidden\">\r\n            <MKDataFilterForm dataTable={_dataTable} />\r\n          </div>\r\n        </div>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["defineComponent","name","setup","search","ref","isShowDrawer","dataTableContext","inject","DATA_TABLE_CONTEXT_KEY","dataTable","computed","dataTableInitd","unref","initd","searchFilterColumns","dataFilter","getColumns","filter","column","searchPlaceholder","map","label","join","watch","_","onCleanup","isWhereFilter","getSearchGroup","clear","immediate","handleSearch","debounceSearch","cancel","searchGroup","searchValue","searchFilterColumn","addOrCondition","load","debounce","handleSearchKeydown","event","key","handleSearchFocus","target","addEventListener","handleSearchBlur","removeEventListener","handleShowDrawer","value","_dataTable","length","searchInputVNode","_createVNode","ElTooltip","default","ElInput","Search","v","ElButton","MKSvgIcon","MKDataFilterDrawer","MKDataFilterForm"],"mappings":"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"}
+{"version":3,"file":"table-filter.js","sources":["../../../../../../../../src/components/data-model/data-table/components/header-components/table-filter/table-filter.tsx"],"sourcesContent":["import { defineComponent, inject, computed, unref, watch, ref } from \"vue\";\r\nimport { ElButton, ElInput, ElTooltip } from \"element-plus\";\r\nimport { Search } from \"@element-plus/icons-vue\";\r\nimport { debounce } from \"lodash-es\";\r\nimport { isWhereFilter } from \"@maketribe/dm\";\r\nimport { DATA_TABLE_CONTEXT_KEY } from \"../../../token\";\r\nimport { MKSvgIcon } from \"../../../../../basic\";\r\nimport { MKDataFilterDrawer } from \"../../../../data-filter-drawer\";\r\nimport { MKDataFilterForm } from \"../../../../data-filter-form\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKTableFilter\",\r\n  setup() {\r\n    const search = ref(\"\");\r\n\r\n    const isShowDrawer = ref(false);\r\n\r\n    const dataTableContext = inject(DATA_TABLE_CONTEXT_KEY);\r\n\r\n    const dataTable = computed(() => dataTableContext!.dataTable);\r\n\r\n    const dataTableInitd = computed(() => unref(dataTable)?.initd ?? false);\r\n\r\n    const searchFilterColumns = computed(() =>\r\n      unref(dataTable)\r\n        .dataFilter.getColumns()\r\n        .filter((column) => column.search)\r\n    );\r\n\r\n    const searchPlaceholder = computed(\r\n      () =>\r\n        `通过${unref(searchFilterColumns)\r\n          .map((column) => column.label)\r\n          .join(\"、\")}搜索`\r\n    );\r\n\r\n    watch(\r\n      dataTable,\r\n      (dataTable, _, onCleanup) => {\r\n        onCleanup(() => {\r\n          const dataFilter = dataTable.dataFilter;\r\n          if (isWhereFilter(dataFilter)) {\r\n            dataFilter.getSearchGroup().clear();\r\n          }\r\n        });\r\n      },\r\n      { immediate: true }\r\n    );\r\n\r\n    const handleSearch = () => {\r\n      debounceSearch.cancel();\r\n\r\n      const dataFilter = unref(dataTable).dataFilter;\r\n      if (isWhereFilter(dataFilter)) {\r\n        const searchGroup = dataFilter.getSearchGroup();\r\n        searchGroup.clear();\r\n\r\n        const searchValue = unref(search);\r\n\r\n        for (const searchFilterColumn of unref(searchFilterColumns)) {\r\n          searchGroup.addOrCondition(\r\n            searchFilterColumn.name,\r\n            \"like\",\r\n            `%${searchValue}%`\r\n          );\r\n        }\r\n      }\r\n\r\n      unref(dataTable).load();\r\n    };\r\n\r\n    const debounceSearch = debounce(handleSearch, 1000);\r\n\r\n    const handleSearchKeydown = (event: KeyboardEvent) => {\r\n      if (event.key === \"Enter\") {\r\n        handleSearch();\r\n      }\r\n    };\r\n\r\n    const handleSearchFocus = (event: FocusEvent) => {\r\n      const target = event.target as HTMLInputElement;\r\n\r\n      target.addEventListener(\"input\", debounceSearch);\r\n    };\r\n\r\n    const handleSearchBlur = (event: any) => {\r\n      const target = event.target as HTMLInputElement;\r\n\r\n      target.removeEventListener(\"input\", debounceSearch);\r\n    };\r\n\r\n    const handleShowDrawer = () => {\r\n      isShowDrawer.value = true;\r\n    };\r\n\r\n    return () => {\r\n      if (!unref(dataTableInitd)) {\r\n        return null;\r\n      }\r\n\r\n      const _dataTable = unref(dataTable);\r\n\r\n      if (_dataTable.dataFilter.getColumns().length === 0) {\r\n        return null;\r\n      }\r\n\r\n      let searchInputVNode = null;\r\n\r\n      if (unref(searchFilterColumns).length) {\r\n        searchInputVNode = (\r\n          <ElTooltip content={unref(searchPlaceholder)} effect=\"dark\" placement=\"top\">\r\n            <ElInput\r\n              prefixIcon={Search}\r\n              class=\"mk-table-filter__search\"\r\n              modelValue={unref(search)}\r\n              onUpdate:modelValue={(v) => (search.value = v)}\r\n              onKeydown={handleSearchKeydown as any}\r\n              placeholder={unref(searchPlaceholder)}\r\n              onFocus={handleSearchFocus}\r\n              onBlur={handleSearchBlur}\r\n              onClear={handleSearch}\r\n              clearable\r\n            />\r\n          </ElTooltip>\r\n        );\r\n      }\r\n\r\n      return (\r\n        <div class=\"mk-table-filter\">\r\n          {searchInputVNode}\r\n          <ElTooltip content=\"筛选\" effect=\"dark\" placement=\"top\">\r\n            <ElButton onClick={handleShowDrawer}>\r\n              <MKSvgIcon iconClass=\"Filter\" />\r\n            </ElButton>\r\n          </ElTooltip>\r\n\r\n          <MKDataFilterDrawer\r\n            visible={unref(isShowDrawer)}\r\n            onUpdate:visible={(v) => (isShowDrawer.value = v)}\r\n            dataTable={_dataTable}\r\n          />\r\n\r\n          <div class=\"mk-table-filter__hidden\">\r\n            <MKDataFilterForm dataTable={_dataTable} />\r\n          </div>\r\n        </div>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["defineComponent","name","setup","search","ref","isShowDrawer","dataTableContext","inject","DATA_TABLE_CONTEXT_KEY","dataTable","computed","dataTableInitd","unref","initd","searchFilterColumns","dataFilter","getColumns","filter","column","searchPlaceholder","map","label","join","watch","_","onCleanup","isWhereFilter","getSearchGroup","clear","immediate","handleSearch","debounceSearch","cancel","searchGroup","searchValue","searchFilterColumn","addOrCondition","load","debounce","handleSearchKeydown","event","key","handleSearchFocus","target","addEventListener","handleSearchBlur","removeEventListener","handleShowDrawer","value","_dataTable","length","searchInputVNode","_createVNode","ElTooltip","default","ElInput","Search","v","ElButton","MKSvgIcon","MKDataFilterDrawer","MKDataFilterForm"],"mappings":"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"}

package/dist/esm/core/component/DataFormComponents.js

@@ -49,6 +49,20 @@ class DataFormComponents extends Components {
         async () => (await import("../../components/basic/upload-file/index.js")).MKUploadImage
       )
     });
+    this.registerComponent({
+      name: "MKFormFileUpload",
+      title: "文件上传",
+      component: defineAsyncComponent(
+        async () => (await import("../../components/basic/upload-file/index.js")).MKUploadFileUi
+      )
+    });
+    this.registerComponent({
+      name: "MKFormVideoUpload",
+      title: "视频选择",
+      component: defineAsyncComponent(
+        async () => (await import("../../components/basic/upload-file/index.js")).MKUploadVideo
+      )
+    });
     this.registerComponent({
       name: "MKFormDataTableSelect",
       title: "数据表选择",

package/dist/esm/core/component/DataFormComponents.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataFormComponents.js","sources":["../../../../src/core/component/DataFormComponents.ts"],"sourcesContent":["import { defineAsyncComponent } from \"vue\";\r\nimport { ElInput, ElInputNumber } from \"element-plus\";\r\nimport { Components } from \"@maketribe/dm\";\r\n\r\nexport class DataFormComponents extends Components {\r\n  constructor() {\r\n    super();\r\n\r\n    this.registerComponent({\r\n      name: \"MKFormInput\",\r\n      title: \"输入框\",\r\n      component: ElInput,\r\n    });\r\n\r\n    this.registerComponent({\r\n      name: \"MKFormInputNumber\",\r\n      title: \"数值输入框\",\r\n      component: ElInputNumber,\r\n    });\r\n\r\n    this.registerComponent({\r\n      name: \"MKFormDatePicker\",\r\n      title: \"时间选择组件\",\r\n      component: defineAsyncComponent(\r\n        () => import(\"../../components/basic/date-picker\")\r\n      ),\r\n    });\r\n\r\n    this.registerComponent({\r\n      name: \"MKFormDataSelect\",\r\n      title: \"数据源下拉框\",\r\n      component: defineAsyncComponent(\r\n        () => import(\"../../components/basic/data-select\")\r\n      ),\r\n    });\r\n\r\n    this.registerComponent({\r\n      name: \"MKFormIconSelect\",\r\n      title: \"图标选择\",\r\n      component: defineAsyncComponent(\r\n        () => import(\"../../components/basic/icon-select\")\r\n      ),\r\n    });\r\n\r\n    this.registerComponent({\r\n      name: \"MKFormRadioBox\",\r\n      title: \"单选框\",\r\n      component: defineAsyncComponent(\r\n        () => import(\"../../components/basic/radio\")\r\n      ),\r\n    });\r\n\r\n    this.registerComponent({\r\n      name: \"MKFormImageUpload\",\r\n      title: \"图片上传\",\r\n      component: defineAsyncComponent(\r\n        async () =>\r\n          (await import(\"../../components/basic/upload-file\")).MKUploadImage\r\n      ),\r\n    });\r\n\r\n    this.registerComponent({\r\n      name: \"MKFormDataTableSelect\",\r\n      title: \"数据表选择\",\r\n      component: defineAsyncComponent(\r\n        () => import(\"../../components/basic/data-table-select\")\r\n      ),\r\n    });\r\n\r\n    this.registerComponent({\r\n      name: \"MKFormDetail\",\r\n      title: \"明细\",\r\n      component: defineAsyncComponent(\r\n        () =>\r\n          import(\"../../components/data-model/data-form/components/form-detail\")\r\n      ),\r\n    });\r\n\r\n    this.registerComponent({\r\n      name: \"MKCodeEditor\",\r\n      title: \"代码编辑器\",\r\n      component: defineAsyncComponent(\r\n        () => import(\"../../components/basic/code-editor\")\r\n      ),\r\n    });\r\n\r\n    this.registerComponent({\r\n      name: \"MKJsonEditor\",\r\n      title: \"JSON编辑器\",\r\n      component: defineAsyncComponent(\r\n        () => import(\"../../components/basic/json-editor\")\r\n      ),\r\n    });\r\n\r\n    this.registerComponent({\r\n      name: \"MKDataTreeSelect\",\r\n      title: \"树选择器\",\r\n      component: defineAsyncComponent(\r\n        () => import(\"../../components/basic/data-tree-select\")\r\n      ),\r\n    });\r\n\r\n    this.registerComponent({\r\n      name: \"MKResourceSelectInput\",\r\n      title: \"资源选择输入框\",\r\n      component: defineAsyncComponent(\r\n        () => import(\"../../components/business/resource-select/resource-select-input\")\r\n      ),\r\n    });\r\n\r\n    \r\n  }\r\n}\r\n"],"names":[],"mappings":";;;AAIO,MAAM,2BAA2B,WAAW;AAAA,EACjD,cAAc;AACN;AAEN,SAAK,kBAAkB;AAAA,MACrB,MAAM;AAAA,MACN,OAAO;AAAA,MACP,WAAW;AAAA,IAAA,CACZ;AAED,SAAK,kBAAkB;AAAA,MACrB,MAAM;AAAA,MACN,OAAO;AAAA,MACP,WAAW;AAAA,IAAA,CACZ;AAED,SAAK,kBAAkB;AAAA,MACrB,MAAM;AAAA,MACN,OAAO;AAAA,MACP,WAAW;AAAA,QACT,MAAM,OAAO,6CAAoC;AAAA,MACnD;AAAA,IAAA,CACD;AAED,SAAK,kBAAkB;AAAA,MACrB,MAAM;AAAA,MACN,OAAO;AAAA,MACP,WAAW;AAAA,QACT,MAAM,OAAO,6CAAoC;AAAA,MACnD;AAAA,IAAA,CACD;AAED,SAAK,kBAAkB;AAAA,MACrB,MAAM;AAAA,MACN,OAAO;AAAA,MACP,WAAW;AAAA,QACT,MAAM,OAAO,6CAAoC;AAAA,MACnD;AAAA,IAAA,CACD;AAED,SAAK,kBAAkB;AAAA,MACrB,MAAM;AAAA,MACN,OAAO;AAAA,MACP,WAAW;AAAA,QACT,MAAM,OAAO,uCAA8B;AAAA,MAC7C;AAAA,IAAA,CACD;AAED,SAAK,kBAAkB;AAAA,MACrB,MAAM;AAAA,MACN,OAAO;AAAA,MACP,WAAW;AAAA,QACT,aACG,MAAM,OAAO,6CAAoC,GAAG;AAAA,MACzD;AAAA,IAAA,CACD;AAED,SAAK,kBAAkB;AAAA,MACrB,MAAM;AAAA,MACN,OAAO;AAAA,MACP,WAAW;AAAA,QACT,MAAM,OAAO,mDAA0C;AAAA,MACzD;AAAA,IAAA,CACD;AAED,SAAK,kBAAkB;AAAA,MACrB,MAAM;AAAA,MACN,OAAO;AAAA,MACP,WAAW;AAAA,QACT,MACE,OAAO,uEAA8D;AAAA,MACzE;AAAA,IAAA,CACD;AAED,SAAK,kBAAkB;AAAA,MACrB,MAAM;AAAA,MACN,OAAO;AAAA,MACP,WAAW;AAAA,QACT,MAAM,OAAO,6CAAoC;AAAA,MACnD;AAAA,IAAA,CACD;AAED,SAAK,kBAAkB;AAAA,MACrB,MAAM;AAAA,MACN,OAAO;AAAA,MACP,WAAW;AAAA,QACT,MAAM,OAAO,6CAAoC;AAAA,MACnD;AAAA,IAAA,CACD;AAED,SAAK,kBAAkB;AAAA,MACrB,MAAM;AAAA,MACN,OAAO;AAAA,MACP,WAAW;AAAA,QACT,MAAM,OAAO,kDAAyC;AAAA,MACxD;AAAA,IAAA,CACD;AAED,SAAK,kBAAkB;AAAA,MACrB,MAAM;AAAA,MACN,OAAO;AAAA,MACP,WAAW;AAAA,QACT,MAAM,OAAO,oEAAiE;AAAA,MAChF;AAAA,IAAA,CACD;AAAA,EAGH;AACF;"}
+{"version":3,"file":"DataFormComponents.js","sources":["../../../../src/core/component/DataFormComponents.ts"],"sourcesContent":["import { defineAsyncComponent } from \"vue\";\r\nimport { ElInput, ElInputNumber } from \"element-plus\";\r\nimport { Components } from \"@maketribe/dm\";\r\n\r\nexport class DataFormComponents extends Components {\r\n  constructor() {\r\n    super();\r\n\r\n    this.registerComponent({\r\n      name: \"MKFormInput\",\r\n      title: \"输入框\",\r\n      component: ElInput,\r\n    });\r\n\r\n    this.registerComponent({\r\n      name: \"MKFormInputNumber\",\r\n      title: \"数值输入框\",\r\n      component: ElInputNumber,\r\n    });\r\n\r\n    this.registerComponent({\r\n      name: \"MKFormDatePicker\",\r\n      title: \"时间选择组件\",\r\n      component: defineAsyncComponent(\r\n        () => import(\"../../components/basic/date-picker\")\r\n      ),\r\n    });\r\n\r\n    this.registerComponent({\r\n      name: \"MKFormDataSelect\",\r\n      title: \"数据源下拉框\",\r\n      component: defineAsyncComponent(\r\n        () => import(\"../../components/basic/data-select\")\r\n      ),\r\n    });\r\n\r\n    this.registerComponent({\r\n      name: \"MKFormIconSelect\",\r\n      title: \"图标选择\",\r\n      component: defineAsyncComponent(\r\n        () => import(\"../../components/basic/icon-select\")\r\n      ),\r\n    });\r\n\r\n    this.registerComponent({\r\n      name: \"MKFormRadioBox\",\r\n      title: \"单选框\",\r\n      component: defineAsyncComponent(\r\n        () => import(\"../../components/basic/radio\")\r\n      ),\r\n    });\r\n\r\n    this.registerComponent({\r\n      name: \"MKFormImageUpload\",\r\n      title: \"图片上传\",\r\n      component: defineAsyncComponent(\r\n        async () =>\r\n          (await import(\"../../components/basic/upload-file\")).MKUploadImage\r\n      ),\r\n    });\r\n\r\n    this.registerComponent({\r\n      name: \"MKFormFileUpload\",\r\n      title: \"文件上传\",\r\n      component: defineAsyncComponent(\r\n        async () =>\r\n          (await import(\"../../components/basic/upload-file\")).MKUploadFileUi\r\n      ),\r\n    });\r\n\r\n    \r\n    this.registerComponent({\r\n      name: \"MKFormVideoUpload\",\r\n      title: \"视频选择\",\r\n      component: defineAsyncComponent(\r\n        async () =>\r\n          (await import(\"../../components/basic/upload-file\")).MKUploadVideo\r\n      ),\r\n    });\r\n\r\n    this.registerComponent({\r\n      name: \"MKFormDataTableSelect\",\r\n      title: \"数据表选择\",\r\n      component: defineAsyncComponent(\r\n        () => import(\"../../components/basic/data-table-select\")\r\n      ),\r\n    });\r\n\r\n    this.registerComponent({\r\n      name: \"MKFormDetail\",\r\n      title: \"明细\",\r\n      component: defineAsyncComponent(\r\n        () =>\r\n          import(\"../../components/data-model/data-form/components/form-detail\")\r\n      ),\r\n    });\r\n\r\n    this.registerComponent({\r\n      name: \"MKCodeEditor\",\r\n      title: \"代码编辑器\",\r\n      component: defineAsyncComponent(\r\n        () => import(\"../../components/basic/code-editor\")\r\n      ),\r\n    });\r\n\r\n    this.registerComponent({\r\n      name: \"MKJsonEditor\",\r\n      title: \"JSON编辑器\",\r\n      component: defineAsyncComponent(\r\n        () => import(\"../../components/basic/json-editor\")\r\n      ),\r\n    });\r\n\r\n    this.registerComponent({\r\n      name: \"MKDataTreeSelect\",\r\n      title: \"树选择器\",\r\n      component: defineAsyncComponent(\r\n        () => import(\"../../components/basic/data-tree-select\")\r\n      ),\r\n    });\r\n\r\n    this.registerComponent({\r\n      name: \"MKResourceSelectInput\",\r\n      title: \"资源选择输入框\",\r\n      component: defineAsyncComponent(\r\n        () => import(\"../../components/business/resource-select/resource-select-input\")\r\n      ),\r\n    });\r\n\r\n\r\n  }\r\n}\r\n"],"names":[],"mappings":";;;AAIO,MAAM,2BAA2B,WAAW;AAAA,EACjD,cAAc;AACN;AAEN,SAAK,kBAAkB;AAAA,MACrB,MAAM;AAAA,MACN,OAAO;AAAA,MACP,WAAW;AAAA,IAAA,CACZ;AAED,SAAK,kBAAkB;AAAA,MACrB,MAAM;AAAA,MACN,OAAO;AAAA,MACP,WAAW;AAAA,IAAA,CACZ;AAED,SAAK,kBAAkB;AAAA,MACrB,MAAM;AAAA,MACN,OAAO;AAAA,MACP,WAAW;AAAA,QACT,MAAM,OAAO,6CAAoC;AAAA,MACnD;AAAA,IAAA,CACD;AAED,SAAK,kBAAkB;AAAA,MACrB,MAAM;AAAA,MACN,OAAO;AAAA,MACP,WAAW;AAAA,QACT,MAAM,OAAO,6CAAoC;AAAA,MACnD;AAAA,IAAA,CACD;AAED,SAAK,kBAAkB;AAAA,MACrB,MAAM;AAAA,MACN,OAAO;AAAA,MACP,WAAW;AAAA,QACT,MAAM,OAAO,6CAAoC;AAAA,MACnD;AAAA,IAAA,CACD;AAED,SAAK,kBAAkB;AAAA,MACrB,MAAM;AAAA,MACN,OAAO;AAAA,MACP,WAAW;AAAA,QACT,MAAM,OAAO,uCAA8B;AAAA,MAC7C;AAAA,IAAA,CACD;AAED,SAAK,kBAAkB;AAAA,MACrB,MAAM;AAAA,MACN,OAAO;AAAA,MACP,WAAW;AAAA,QACT,aACG,MAAM,OAAO,6CAAoC,GAAG;AAAA,MACzD;AAAA,IAAA,CACD;AAED,SAAK,kBAAkB;AAAA,MACrB,MAAM;AAAA,MACN,OAAO;AAAA,MACP,WAAW;AAAA,QACT,aACG,MAAM,OAAO,6CAAoC,GAAG;AAAA,MACzD;AAAA,IAAA,CACD;AAGD,SAAK,kBAAkB;AAAA,MACrB,MAAM;AAAA,MACN,OAAO;AAAA,MACP,WAAW;AAAA,QACT,aACG,MAAM,OAAO,6CAAoC,GAAG;AAAA,MACzD;AAAA,IAAA,CACD;AAED,SAAK,kBAAkB;AAAA,MACrB,MAAM;AAAA,MACN,OAAO;AAAA,MACP,WAAW;AAAA,QACT,MAAM,OAAO,mDAA0C;AAAA,MACzD;AAAA,IAAA,CACD;AAED,SAAK,kBAAkB;AAAA,MACrB,MAAM;AAAA,MACN,OAAO;AAAA,MACP,WAAW;AAAA,QACT,MACE,OAAO,uEAA8D;AAAA,MACzE;AAAA,IAAA,CACD;AAED,SAAK,kBAAkB;AAAA,MACrB,MAAM;AAAA,MACN,OAAO;AAAA,MACP,WAAW;AAAA,QACT,MAAM,OAAO,6CAAoC;AAAA,MACnD;AAAA,IAAA,CACD;AAED,SAAK,kBAAkB;AAAA,MACrB,MAAM;AAAA,MACN,OAAO;AAAA,MACP,WAAW;AAAA,QACT,MAAM,OAAO,6CAAoC;AAAA,MACnD;AAAA,IAAA,CACD;AAED,SAAK,kBAAkB;AAAA,MACrB,MAAM;AAAA,MACN,OAAO;AAAA,MACP,WAAW;AAAA,QACT,MAAM,OAAO,kDAAyC;AAAA,MACxD;AAAA,IAAA,CACD;AAED,SAAK,kBAAkB;AAAA,MACrB,MAAM;AAAA,MACN,OAAO;AAAA,MACP,WAAW;AAAA,QACT,MAAM,OAAO,oEAAiE;AAAA,MAChF;AAAA,IAAA,CACD;AAAA,EAGH;AACF;"}

package/dist/esm/index.js

@@ -56,6 +56,8 @@ import { WebFileUploadContext } from "./components/basic/upload-file/context/Web
 import { MKWebFileUploadContext } from "./components/basic/upload-file/context/web-file-upload-context.js";
 import { webFileUploadContextProps } from "./components/basic/upload-file/context/web-file-upload-context-options.js";
 import { MKUploadImage } from "./components/basic/upload-file/ui/upload-image/index.js";
+import { MKUploadFileUi } from "./components/basic/upload-file/ui/upload-file/index.js";
+import { MKUploadVideo } from "./components/basic/upload-file/ui/upload-video/index.js";
 import { uploadFileEmits, uploadFileProps } from "./components/basic/upload-file/upload-file-options.js";
 import { MKDocEditor } from "./components/basic/doc-editor/index.js";
 import { MKCopyContainer } from "./components/basic/copy-container/index.js";
@@ -113,6 +115,7 @@ import { MKMaterialList } from "./modules/ms/components/material-list/index.js";
 import { MKMaterialSelect } from "./modules/ms/components/material-select/index.js";
 import { MKMarkdownEditor } from "./modules/ms/components/markdown-editor/index.js";
 import { MKRichTextEditor } from "./modules/ms/components/rich-text-editor/index.js";
+import { MKImageSelect } from "./modules/ms/components/image-select/index.js";
 import { MaterialUploadContext } from "./modules/ms/material-upload-context/MaterialUploadContext.js";
 import { materialUploadContextProps } from "./modules/ms/material-upload-context/material-upload-context-options.js";
 import { MKMaterialUploadContext } from "./modules/ms/material-upload-context/material-upload-context.js";
@@ -140,7 +143,9 @@ import { dataSelectEmit, dataSelectProps } from "./components/basic/data-select/
 import { paginationEmits, paginationProps } from "./components/basic/pagination/pagination-options.js";
 import { datePickerEmits, datePickerProps, datePickerTypes } from "./components/basic/date-picker/date-picker-options.js";
 import { uploadImageEmits, uploadImageProps } from "./components/basic/upload-file/ui/upload-image/upload-image-options.js";
-import { registerModule } from "./components/basic/doc-editor/plugins/ModulePlugin/composables.js";
+import { uploadFileUiEmits, uploadFileUiProps } from "./components/basic/upload-file/ui/upload-file/upload-file-options.js";
+import { uploadVideoEmits, uploadVideoProps } from "./components/basic/upload-file/ui/upload-video/upload-video-options.js";
+import { registerDocModule } from "./components/basic/doc-editor/plugins/ModulePlugin/composables.js";
 import { ImageCropper } from "./components/basic/image-cropper/image-cropper-api.js";
 import { imageCropperContentEmits, imageCropperContentProps } from "./components/basic/image-cropper/image-cropper-content-options.js";
 import { dataFormEmits, dataFormProps } from "./components/data-model/data-form/data-form-options.js";
@@ -223,6 +228,7 @@ export {
   MKFormIconSelect,
   MKFormView,
   MKImageCropperContent,
+  MKImageSelect,
   MKJsonEditor,
   MKLayout,
   MKMarkdownEditor,
@@ -248,7 +254,9 @@ export {
   MKTree,
   MKTreeView,
   MKUploadFile,
+  MKUploadFileUi,
   MKUploadImage,
+  MKUploadVideo,
   MKVisualPageEditor,
   MKWebFileUploadContext,
   MSAPPCLIENT_CONTEXT_KEY,
@@ -335,7 +343,7 @@ export {
   paginationEmits,
   paginationProps,
   provideGlobalConfig,
-  registerModule,
+  registerDocModule,
   registerPartExtension,
   richTextEditorEmits,
   richTextEditorProps,
@@ -346,8 +354,12 @@ export {
   treeViewProps,
   uploadFileEmits,
   uploadFileProps,
+  uploadFileUiEmits,
+  uploadFileUiProps,
   uploadImageEmits,
   uploadImageProps,
+  uploadVideoEmits,
+  uploadVideoProps,
   useComponent,
   useComponentWithDefault,
   useCurrentTab,

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/index.ts"],"sourcesContent":["import \"./assets/iconfonts/iconfont.js\";\r\nimport \"./assets/iconfonts/oa-iconfont.js\";\r\nexport * from \"./constants\";\r\n\r\nexport * from \"./core\";\r\n\r\nimport { installer } from \"./installer\";\r\n\r\nexport * from \"./layouts\";\r\nexport * from \"./composables\";\r\nexport * from \"./components\";\r\nexport * from \"./tokens\";\r\n\r\nexport const install = installer.install;\r\nexport const version = installer.version;\r\n\r\nexport * from \"./init-application\";\r\nexport * from \"./define-data-table\";\r\nexport * from \"./define-data-form\";\r\nexport * from \"./define-data-tree\";\r\n\r\nexport * from \"./modules/ms\";\r\nexport * from \"./modules/cms\";\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaO,MAAM,UAAU,UAAU;AAC1B,MAAM,UAAU,UAAU;"}
+{"version":3,"file":"index.js","sources":["../../src/index.ts"],"sourcesContent":["import \"./assets/iconfonts/iconfont.js\";\r\nimport \"./assets/iconfonts/oa-iconfont.js\";\r\nexport * from \"./constants\";\r\n\r\nexport * from \"./core\";\r\n\r\nimport { installer } from \"./installer\";\r\n\r\nexport * from \"./layouts\";\r\nexport * from \"./composables\";\r\nexport * from \"./components\";\r\nexport * from \"./tokens\";\r\n\r\nexport const install = installer.install;\r\nexport const version = installer.version;\r\n\r\nexport * from \"./init-application\";\r\nexport * from \"./define-data-table\";\r\nexport * from \"./define-data-form\";\r\nexport * from \"./define-data-tree\";\r\n\r\nexport * from \"./modules/ms\";\r\nexport * from \"./modules/cms\";\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaO,MAAM,UAAU,UAAU;AAC1B,MAAM,UAAU,UAAU;"}

package/dist/esm/installer.js

@@ -24,6 +24,8 @@ import "@maketribe/request";
 import { MKWebFileUploadContext } from "./components/basic/upload-file/context/web-file-upload-context.js";
 import "./components/basic/upload-file/context/web-file-upload-context-options.js";
 import { MKUploadImage } from "./components/basic/upload-file/ui/upload-image/index.js";
+import { MKUploadFileUi } from "./components/basic/upload-file/ui/upload-file/index.js";
+import "./components/basic/upload-file/ui/upload-video/index.js";
 import "./components/basic/upload-file/upload-file-options.js";
 import "./components/basic/doc-editor/index.js";
 import "./components/basic/copy-container/index.js";
@@ -56,6 +58,7 @@ const components = [
   MKSystemProvider,
   MKUploadFile,
   MKUploadImage,
+  MKUploadFileUi,
   MKWebFileUploadContext,
   MKPageContainer,
   MKTableHeaderItem,

package/dist/esm/installer.js.map

@@ -1 +1 @@
-{"version":3,"file":"installer.js","sources":["../../src/installer.ts"],"sourcesContent":["import { Plugin,createVNode,render } from \"vue\";\r\nimport { makeInstaller } from \"@maketribe/utils\";\r\nimport { Dialoger, Messager, Notificationer } from \"@maketribe/dm\";\r\nimport { DialogerImpl, MessagerImpl, NotificationerImpl } from \"./message-impl\";\r\nimport {\r\n  ConfigProviderContext,\r\n  MKConfigProvider,\r\n  MKDataForm,\r\n  MKDataTable,\r\n  MKSvgIcon,\r\n  provideGlobalConfig,\r\n  MKDataTableSelect,\r\n  MKPagination,\r\n  MKDataTablePagination,\r\n  MKSystemProvider,\r\n  MKUploadFile,\r\n  MKUploadImage,\r\n  MKWebFileUploadContext,\r\n  MKPageContainer,\r\n  MKTableHeaderItem,\r\n  MKTable,\r\n  MKTableView,\r\n  MKForm,\r\n  MKFormView,\r\n  MKImageCropperContent\r\n} from \"./components\";\r\n\r\nconst components: Plugin[] = [\r\n  MKConfigProvider,\r\n  MKDataForm,\r\n  MKDataTable,\r\n  MKSvgIcon,\r\n  MKDataTableSelect,\r\n  MKPagination,\r\n  MKDataTablePagination,\r\n  MKSystemProvider,\r\n  MKUploadFile,\r\n  MKUploadImage,\r\n  MKWebFileUploadContext,\r\n  MKPageContainer,\r\n  MKTableHeaderItem,\r\n  MKTable,\r\n  MKTableView,\r\n  MKForm,\r\n  MKFormView,\r\n  MKImageCropperContent\r\n];\r\n\r\nimport { MKDialogs } from \"./layouts/components\"\r\n\r\nexport const installer = makeInstaller<ConfigProviderContext>(\r\n  components,\r\n  \"1.0.0-dev\",\r\n  (app, version, options) => {\r\n    if (options) {\r\n      provideGlobalConfig(options, app, true);\r\n    }\r\n\r\n    Messager.implInstance = new MessagerImpl();\r\n    Dialoger.implInstance = new DialogerImpl();\r\n    Notificationer.implInstance = new NotificationerImpl();\r\n\r\n    // 注册通用的 dialog\r\n    const dialogContainer = document.createElement('div');\r\n    const appContext = app._context;\r\n    const vnode = createVNode(MKDialogs);\r\n    vnode.appContext = appContext;\r\n    \r\n    //渲染\r\n    render(vnode, dialogContainer);\r\n    document.body.appendChild(dialogContainer);\r\n  }\r\n);\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA,MAAM,aAAuB;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAIO,MAAM,YAAY;AAAA,EACvB;AAAA,EACA;AAAA,EACA,CAAC,KAAK,SAAS,YAAY;AACzB,QAAI,SAAS;AACS,0BAAA,SAAS,KAAK,IAAI;AAAA,IACxC;AAES,aAAA,eAAe,IAAI;AACnB,aAAA,eAAe,IAAI;AACb,mBAAA,eAAe,IAAI;AAG5B,UAAA,kBAAkB,SAAS,cAAc,KAAK;AACpD,UAAM,aAAa,IAAI;AACjB,UAAA,QAAQ,YAAY,SAAS;AACnC,UAAM,aAAa;AAGnB,WAAO,OAAO,eAAe;AACpB,aAAA,KAAK,YAAY,eAAe;AAAA,EAC3C;AACF;"}
+{"version":3,"file":"installer.js","sources":["../../src/installer.ts"],"sourcesContent":["import { Plugin,createVNode,render } from \"vue\";\r\nimport { makeInstaller } from \"@maketribe/utils\";\r\nimport { Dialoger, Messager, Notificationer } from \"@maketribe/dm\";\r\nimport { DialogerImpl, MessagerImpl, NotificationerImpl } from \"./message-impl\";\r\nimport {\r\n  ConfigProviderContext,\r\n  MKConfigProvider,\r\n  MKDataForm,\r\n  MKDataTable,\r\n  MKSvgIcon,\r\n  provideGlobalConfig,\r\n  MKDataTableSelect,\r\n  MKPagination,\r\n  MKDataTablePagination,\r\n  MKSystemProvider,\r\n  MKUploadFile,\r\n  MKUploadImage,\r\n  MKUploadFileUi,\r\n  MKWebFileUploadContext,\r\n  MKPageContainer,\r\n  MKTableHeaderItem,\r\n  MKTable,\r\n  MKTableView,\r\n  MKForm,\r\n  MKFormView,\r\n  MKImageCropperContent\r\n} from \"./components\";\r\n\r\nconst components: Plugin[] = [\r\n  MKConfigProvider,\r\n  MKDataForm,\r\n  MKDataTable,\r\n  MKSvgIcon,\r\n  MKDataTableSelect,\r\n  MKPagination,\r\n  MKDataTablePagination,\r\n  MKSystemProvider,\r\n  MKUploadFile,\r\n  MKUploadImage,\r\n  MKUploadFileUi,\r\n  MKWebFileUploadContext,\r\n  MKPageContainer,\r\n  MKTableHeaderItem,\r\n  MKTable,\r\n  MKTableView,\r\n  MKForm,\r\n  MKFormView,\r\n  MKImageCropperContent\r\n];\r\n\r\nimport { MKDialogs } from \"./layouts/components\"\r\n\r\nexport const installer = makeInstaller<ConfigProviderContext>(\r\n  components,\r\n  \"1.0.0-dev\",\r\n  (app, version, options) => {\r\n    if (options) {\r\n      provideGlobalConfig(options, app, true);\r\n    }\r\n\r\n    Messager.implInstance = new MessagerImpl();\r\n    Dialoger.implInstance = new DialogerImpl();\r\n    Notificationer.implInstance = new NotificationerImpl();\r\n\r\n    // 注册通用的 dialog\r\n    const dialogContainer = document.createElement('div');\r\n    const appContext = app._context;\r\n    const vnode = createVNode(MKDialogs);\r\n    vnode.appContext = appContext;\r\n    \r\n    //渲染\r\n    render(vnode, dialogContainer);\r\n    document.body.appendChild(dialogContainer);\r\n  }\r\n);\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,MAAM,aAAuB;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAIO,MAAM,YAAY;AAAA,EACvB;AAAA,EACA;AAAA,EACA,CAAC,KAAK,SAAS,YAAY;AACzB,QAAI,SAAS;AACS,0BAAA,SAAS,KAAK,IAAI;AAAA,IACxC;AAES,aAAA,eAAe,IAAI;AACnB,aAAA,eAAe,IAAI;AACb,mBAAA,eAAe,IAAI;AAG5B,UAAA,kBAAkB,SAAS,cAAc,KAAK;AACpD,UAAM,aAAa,IAAI;AACjB,UAAA,QAAQ,YAAY,SAAS;AACnC,UAAM,aAAa;AAGnB,WAAO,OAAO,eAAe;AACpB,aAAA,KAAK,YAAY,eAAe;AAAA,EAC3C;AACF;"}

package/dist/esm/layouts/components/bar/index.js

@@ -20,6 +20,8 @@ import "@maketribe/utils";
 import "../../../components/basic/upload-file/context/web-file-upload-context.js";
 import "../../../components/basic/upload-file/context/web-file-upload-context-options.js";
 import "../../../components/basic/upload-file/ui/upload-image/index.js";
+import "../../../components/basic/upload-file/ui/upload-file/index.js";
+import "../../../components/basic/upload-file/ui/upload-video/index.js";
 import "../../../components/basic/upload-file/upload-file-options.js";
 import "../../../components/basic/doc-editor/index.js";
 import "../../../components/basic/copy-container/index.js";

package/dist/esm/layouts/components/bar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/layouts/components/bar/index.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\r\nimport { MKSvgIcon } from \"../../../components\";\r\nimport { MSAppClient, MenuNode } from \"../../../core\";\r\nimport { MenuType } from \"../../../constants\";\r\n\r\nexport const MKBar = defineComponent({\r\n  name: \"MKBar\",\r\n  props: {\r\n    barItem: {\r\n      type: MenuNode,\r\n    },\r\n  },\r\n  setup(props) {\r\n    const msAppClient = MSAppClient.instance!;\r\n    const userSession = msAppClient.userSession!;\r\n    const menu = userSession.menu;\r\n    const vueRouter = msAppClient.vueRouter;\r\n    // const router = userSession.router;\r\n\r\n    const currentBarItem = computed(() => props.barItem);\r\n\r\n    const handleBarItemClick = (barItem: MenuNode) => {\r\n      let target: MenuNode | null = barItem;\r\n\r\n      if (barItem.children.length) {\r\n        target = menu.getFirstLeafMenuNode(barItem.children);\r\n      }\r\n\r\n      if (!target) {\r\n        return;\r\n      }\r\n\r\n      if (target?.route) {\r\n        vueRouter.push({ name: target.route.name });\r\n      }\r\n    };\r\n\r\n    return () => {\r\n      const barItems = menu.rootMenus\r\n        .filter((rootMenu) => rootMenu.type !== \"3\")\r\n        .map((rootMenu) => (\r\n          <div\r\n            class={[\r\n              \"mk-bar__item\",\r\n              rootMenu.children.length ? \"has-children\" : \"\",\r\n              unref(currentBarItem)?.id === rootMenu.id ? \"is-active\" : \"\",\r\n            ]}\r\n            onClick={() => handleBarItemClick(rootMenu)}\r\n          >\r\n            <div class=\"mk-bar__item-button\">\r\n              <MKSvgIcon iconClass={rootMenu.iconName} />\r\n            </div>\r\n            <div class=\"mk-bar__item-title\">{rootMenu.title} </div>\r\n          </div>\r\n        ));\r\n\r\n      const systemSettingNode = menu.rootMenus.find(\r\n        (rootMenu) => rootMenu.type === MenuType.SystemSettings\r\n      );\r\n\r\n      const footer = systemSettingNode?.children.length ? (\r\n        <div class=\"mk-bar__footer\">\r\n          <div\r\n            class={[\r\n              \"mk-bar__item\",\r\n              \"mk-bar__settings\",\r\n              systemSettingNode.children.length ? \"has-children\" : \"\",\r\n              unref(currentBarItem)?.id === systemSettingNode.id\r\n                ? \"is-active\"\r\n                : \"\",\r\n            ]}\r\n            onClick={() => handleBarItemClick(systemSettingNode)}\r\n          >\r\n            <div class=\"mk-bar__item-button\">\r\n              <MKSvgIcon iconClass={systemSettingNode.iconName} />\r\n            </div>\r\n            <div class=\"mk-bar__item-title\">{systemSettingNode.title} </div>\r\n          </div>\r\n        </div>\r\n      ) : null;\r\n\r\n      const logo = msAppClient.logo ? (\r\n        <div class=\"mk-bar__logo\">\r\n          <div\r\n            class=\"mk-logo\"\r\n            style={{ backgroundImage: `url(${msAppClient.logo})` }}\r\n          />\r\n        </div>\r\n      ) : null;\r\n\r\n      return (\r\n        <div class=\"mk-bar\">\r\n          {/* {logo} */}\r\n\r\n          <div class=\"mk-bar__items\">{barItems}</div>\r\n\r\n          {footer}\r\n        </div>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["MKBar","defineComponent","name","props","barItem","type","MenuNode","setup","msAppClient","MSAppClient","instance","userSession","menu","vueRouter","currentBarItem","computed","handleBarItemClick","target","children","length","getFirstLeafMenuNode","route","push","barItems","rootMenus","filter","rootMenu","map","_createVNode","unref","id","onClick","MKSvgIcon","iconName","title","_createTextVNode","systemSettingNode","find","MenuType","SystemSettings","footer","logo","backgroundImage"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKaA,MAAAA,QAAQC,gCAAgB;AAAA,EACnCC,MAAM;AAAA,EACNC,OAAO;AAAA,IACLC,SAAS;AAAA,MACPC,MAAMC;AAAAA,IACR;AAAA,EACD;AAAA,EACDC,MAAMJ,OAAO;AACX,UAAMK,cAAcC,YAAYC;AAChC,UAAMC,cAAcH,YAAYG;AAChC,UAAMC,OAAOD,YAAYC;AACzB,UAAMC,YAAYL,YAAYK;AAG9B,UAAMC,iBAAiBC,SAAS,MAAMZ,MAAMC,OAAO;AAEnD,UAAMY,qBAAsBZ,aAAsB;AAChD,UAAIa,SAA0Bb;AAE9B,UAAIA,QAAQc,SAASC,QAAQ;AAC3BF,iBAASL,KAAKQ,qBAAqBhB,QAAQc,QAAQ;AAAA,MACrD;AAEA,UAAI,CAACD,QAAQ;AACX;AAAA,MACF;AAEA,UAAIA,iCAAQI,OAAO;AACjBR,kBAAUS,KAAK;AAAA,UAAEpB,MAAMe,OAAOI,MAAMnB;AAAAA,QAAK,CAAC;AAAA,MAC5C;AAAA;AAGF,WAAO,MAAM;;AACX,YAAMqB,WAAWX,KAAKY,UACnBC,OAAQC,cAAaA,SAASrB,SAAS,GAAG,EAC1CsB,IAAKD,cAAQE;;AAAAA,2BAAA,OAAA;AAAA,UAAA,SAEH,CACL,gBACAF,SAASR,SAASC,SAAS,iBAAiB,MAC5CU,MAAAA,MAAMf,cAAc,MAApBe,gBAAAA,IAAuBC,QAAOJ,SAASI,KAAK,cAAc,EAAE;AAAA,UAC7D,WACQC,MAAMf,mBAAmBU,QAAQ;AAAA,QAAC,GAAA,CAAAE,YAAA,OAAA;AAAA,UAAA,SAAA;AAAA,WAAAA,CAAAA,YAAAI,WAAA;AAAA,UAAA,aAGnBN,SAASO;AAAAA,QAAQ,GAAA,IAAA,CAAA,CAAA,GAAAL,YAAA,OAAA;AAAA,UAAA,SAAA;AAAA,QAAA,GAAA,CAERF,SAASQ,OAAKC;OAElD;AAEH,YAAMC,oBAAoBxB,KAAKY,UAAUa,KACtCX,cAAaA,SAASrB,SAASiC,SAASC,cAC3C;AAEA,YAAMC,UAASJ,uDAAmBlB,SAASC,UAAMS,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA,CAAAA,YAAA,OAAA;AAAA,QAAA,SAGpC,CACL,gBACA,oBACAQ,kBAAkBlB,SAASC,SAAS,iBAAiB,MACrDU,WAAMf,cAAc,MAApBe,mBAAuBC,QAAOM,kBAAkBN,KAC5C,cACA,EAAE;AAAA,QACP,WACQC,MAAMf,mBAAmBoB,iBAAiB;AAAA,MAAC,GAAA,CAAAR,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,SAAAA,CAAAA,YAAAI,WAAA;AAAA,QAAA,aAG5BI,kBAAkBH;AAAAA,MAAQ,GAAA,IAAA,CAAA,CAAA,GAAAL,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA,CAEjBQ,kBAAkBF,OAAKC,6BAG1D;AAES3B,kBAAYiC,OAAIb,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA,CAAAA,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,QAAA,SAIhB;AAAA,UAAEc,iBAAiB,OAAOlC,YAAYiC,IAAI;AAAA,QAAI;AAAA,MAAC,GAAA,IAAA,CAAA,CAAA,IAGxD;AAEJ,aAAAb,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA,CAAAA,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,MAIgCL,GAAAA,CAAAA,QAAQ,IAEnCiB,MAAM,CAAA;AAAA;EAIf;AACF,CAAC;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/layouts/components/bar/index.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\r\nimport { MKSvgIcon } from \"../../../components\";\r\nimport { MSAppClient, MenuNode } from \"../../../core\";\r\nimport { MenuType } from \"../../../constants\";\r\n\r\nexport const MKBar = defineComponent({\r\n  name: \"MKBar\",\r\n  props: {\r\n    barItem: {\r\n      type: MenuNode,\r\n    },\r\n  },\r\n  setup(props) {\r\n    const msAppClient = MSAppClient.instance!;\r\n    const userSession = msAppClient.userSession!;\r\n    const menu = userSession.menu;\r\n    const vueRouter = msAppClient.vueRouter;\r\n    // const router = userSession.router;\r\n\r\n    const currentBarItem = computed(() => props.barItem);\r\n\r\n    const handleBarItemClick = (barItem: MenuNode) => {\r\n      let target: MenuNode | null = barItem;\r\n\r\n      if (barItem.children.length) {\r\n        target = menu.getFirstLeafMenuNode(barItem.children);\r\n      }\r\n\r\n      if (!target) {\r\n        return;\r\n      }\r\n\r\n      if (target?.route) {\r\n        vueRouter.push({ name: target.route.name });\r\n      }\r\n    };\r\n\r\n    return () => {\r\n      const barItems = menu.rootMenus\r\n        .filter((rootMenu) => rootMenu.type !== \"3\")\r\n        .map((rootMenu) => (\r\n          <div\r\n            class={[\r\n              \"mk-bar__item\",\r\n              rootMenu.children.length ? \"has-children\" : \"\",\r\n              unref(currentBarItem)?.id === rootMenu.id ? \"is-active\" : \"\",\r\n            ]}\r\n            onClick={() => handleBarItemClick(rootMenu)}\r\n          >\r\n            <div class=\"mk-bar__item-button\">\r\n              <MKSvgIcon iconClass={rootMenu.iconName} />\r\n            </div>\r\n            <div class=\"mk-bar__item-title\">{rootMenu.title} </div>\r\n          </div>\r\n        ));\r\n\r\n      const systemSettingNode = menu.rootMenus.find(\r\n        (rootMenu) => rootMenu.type === MenuType.SystemSettings\r\n      );\r\n\r\n      const footer = systemSettingNode?.children.length ? (\r\n        <div class=\"mk-bar__footer\">\r\n          <div\r\n            class={[\r\n              \"mk-bar__item\",\r\n              \"mk-bar__settings\",\r\n              systemSettingNode.children.length ? \"has-children\" : \"\",\r\n              unref(currentBarItem)?.id === systemSettingNode.id\r\n                ? \"is-active\"\r\n                : \"\",\r\n            ]}\r\n            onClick={() => handleBarItemClick(systemSettingNode)}\r\n          >\r\n            <div class=\"mk-bar__item-button\">\r\n              <MKSvgIcon iconClass={systemSettingNode.iconName} />\r\n            </div>\r\n            <div class=\"mk-bar__item-title\">{systemSettingNode.title} </div>\r\n          </div>\r\n        </div>\r\n      ) : null;\r\n\r\n      const logo = msAppClient.logo ? (\r\n        <div class=\"mk-bar__logo\">\r\n          <div\r\n            class=\"mk-logo\"\r\n            style={{ backgroundImage: `url(${msAppClient.logo})` }}\r\n          />\r\n        </div>\r\n      ) : null;\r\n\r\n      return (\r\n        <div class=\"mk-bar\">\r\n          {/* {logo} */}\r\n\r\n          <div class=\"mk-bar__items\">{barItems}</div>\r\n\r\n          {footer}\r\n        </div>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["MKBar","defineComponent","name","props","barItem","type","MenuNode","setup","msAppClient","MSAppClient","instance","userSession","menu","vueRouter","currentBarItem","computed","handleBarItemClick","target","children","length","getFirstLeafMenuNode","route","push","barItems","rootMenus","filter","rootMenu","map","_createVNode","unref","id","onClick","MKSvgIcon","iconName","title","_createTextVNode","systemSettingNode","find","MenuType","SystemSettings","footer","logo","backgroundImage"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKaA,MAAAA,QAAQC,gCAAgB;AAAA,EACnCC,MAAM;AAAA,EACNC,OAAO;AAAA,IACLC,SAAS;AAAA,MACPC,MAAMC;AAAAA,IACR;AAAA,EACD;AAAA,EACDC,MAAMJ,OAAO;AACX,UAAMK,cAAcC,YAAYC;AAChC,UAAMC,cAAcH,YAAYG;AAChC,UAAMC,OAAOD,YAAYC;AACzB,UAAMC,YAAYL,YAAYK;AAG9B,UAAMC,iBAAiBC,SAAS,MAAMZ,MAAMC,OAAO;AAEnD,UAAMY,qBAAsBZ,aAAsB;AAChD,UAAIa,SAA0Bb;AAE9B,UAAIA,QAAQc,SAASC,QAAQ;AAC3BF,iBAASL,KAAKQ,qBAAqBhB,QAAQc,QAAQ;AAAA,MACrD;AAEA,UAAI,CAACD,QAAQ;AACX;AAAA,MACF;AAEA,UAAIA,iCAAQI,OAAO;AACjBR,kBAAUS,KAAK;AAAA,UAAEpB,MAAMe,OAAOI,MAAMnB;AAAAA,QAAK,CAAC;AAAA,MAC5C;AAAA;AAGF,WAAO,MAAM;;AACX,YAAMqB,WAAWX,KAAKY,UACnBC,OAAQC,cAAaA,SAASrB,SAAS,GAAG,EAC1CsB,IAAKD,cAAQE;;AAAAA,2BAAA,OAAA;AAAA,UAAA,SAEH,CACL,gBACAF,SAASR,SAASC,SAAS,iBAAiB,MAC5CU,MAAAA,MAAMf,cAAc,MAApBe,gBAAAA,IAAuBC,QAAOJ,SAASI,KAAK,cAAc,EAAE;AAAA,UAC7D,WACQC,MAAMf,mBAAmBU,QAAQ;AAAA,QAAC,GAAA,CAAAE,YAAA,OAAA;AAAA,UAAA,SAAA;AAAA,WAAAA,CAAAA,YAAAI,WAAA;AAAA,UAAA,aAGnBN,SAASO;AAAAA,QAAQ,GAAA,IAAA,CAAA,CAAA,GAAAL,YAAA,OAAA;AAAA,UAAA,SAAA;AAAA,QAAA,GAAA,CAERF,SAASQ,OAAKC;OAElD;AAEH,YAAMC,oBAAoBxB,KAAKY,UAAUa,KACtCX,cAAaA,SAASrB,SAASiC,SAASC,cAC3C;AAEA,YAAMC,UAASJ,uDAAmBlB,SAASC,UAAMS,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA,CAAAA,YAAA,OAAA;AAAA,QAAA,SAGpC,CACL,gBACA,oBACAQ,kBAAkBlB,SAASC,SAAS,iBAAiB,MACrDU,WAAMf,cAAc,MAApBe,mBAAuBC,QAAOM,kBAAkBN,KAC5C,cACA,EAAE;AAAA,QACP,WACQC,MAAMf,mBAAmBoB,iBAAiB;AAAA,MAAC,GAAA,CAAAR,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,SAAAA,CAAAA,YAAAI,WAAA;AAAA,QAAA,aAG5BI,kBAAkBH;AAAAA,MAAQ,GAAA,IAAA,CAAA,CAAA,GAAAL,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA,CAEjBQ,kBAAkBF,OAAKC,6BAG1D;AAES3B,kBAAYiC,OAAIb,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA,CAAAA,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,QAAA,SAIhB;AAAA,UAAEc,iBAAiB,OAAOlC,YAAYiC,IAAI;AAAA,QAAI;AAAA,MAAC,GAAA,IAAA,CAAA,CAAA,IAGxD;AAEJ,aAAAb,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA,CAAAA,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,MAIgCL,GAAAA,CAAAA,QAAQ,IAEnCiB,MAAM,CAAA;AAAA;EAIf;AACF,CAAC;"}

package/dist/esm/layouts/components/header/tools.js

@@ -23,6 +23,8 @@ import "../../../components/basic/upload-file/upload-file.js";
 import "../../../components/basic/upload-file/context/web-file-upload-context.js";
 import "../../../components/basic/upload-file/context/web-file-upload-context-options.js";
 import "../../../components/basic/upload-file/ui/upload-image/index.js";
+import "../../../components/basic/upload-file/ui/upload-file/index.js";
+import "../../../components/basic/upload-file/ui/upload-video/index.js";
 import "../../../components/basic/upload-file/upload-file-options.js";
 import "../../../components/basic/doc-editor/index.js";
 import "../../../components/basic/copy-container/index.js";