@maketribe/ms-app 3.0.17 → 3.0.19

package/dist/cjs/page/index/material/index.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.vue2.js","sources":["../../../../../src/page/index/material/index.vue"],"sourcesContent":["<template>\n  <MKMaterialList :material-man=\"materialMan\" />\n</template>\n<script setup lang=\"ts\">\nimport { reactive } from \"vue\";\nimport { MaterialMan } from \"../../../dataview\";\nimport { MKMaterialList } from \"../../../components\";\nimport { MaterialComponents } from \"../../../core\";\n\nconst materialMan = reactive(\n  new MaterialMan({ components: new MaterialComponents() })\n) as MaterialMan;\n</script>\n"],"names":["reactive","MaterialMan","MaterialComponents"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,IAAA,MAAM,WAAc,GAAAA,YAAA;AAAA,MAClB,IAAIC,uBAAY,CAAA,EAAE,YAAY,IAAIC,qCAAA,IAAsB,CAAA;AAAA,KAC1D,CAAA;;;;;;;;;"}
+{"version":3,"file":"index.vue2.js","sources":["../../../../../src/page/index/material/index.vue"],"sourcesContent":["<template>\n  <MKMaterialList :material-man=\"materialMan\" />\n</template>\n<script setup lang=\"ts\">\nimport { reactive } from \"vue\";\nimport { MaterialMan } from \"../../../dataview\";\nimport { MKMaterialList } from \"../../../components\";\nimport { MaterialComponents } from \"../../../core\";\n\nconst materialMan = reactive(\n  new MaterialMan({ components: new MaterialComponents() })\n) as MaterialMan;\n</script>\n"],"names":["reactive","MaterialMan","MaterialComponents"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,IAAA,MAAM,WAAc,GAAAA,YAAA;AAAA,MAClB,IAAIC,uBAAY,CAAA,EAAE,YAAY,IAAIC,qCAAA,IAAsB,CAAA;AAAA,KAC1D,CAAA;;;;;;;;;"}

package/dist/cjs/page/login/index.vue2.js

@@ -25,7 +25,6 @@ require('../../components/data-table-select/index.js');
 require('../../components/form-components/form-detail-select/form-detail-select-options.js');
 require('../../components/data-model/data-form/composables/use-form-item.js');
 require('lodash-es');
-require('../../components/form-components/form-image-list/index.js');
 require('../../components/form-components/form-date-picker/index.js');
 require('../../components/form-components/form-rich-text-editor/index.js');
 require('../../components/column-components/column-action/column-action-options.js');
@@ -48,10 +47,8 @@ require('../../components/condition-components/condition-number/index.js');
 require('../../components/condition-components/condition-select/index.js');
 require('../../components/video-view/index.js');
 require('../../components/file-view/index.js');
-require('../../components/upload-file/index.js');
 require('../../components/data-table-select-dialog/index.js');
 require('../../components/data-select/index.js');
-require('../../components/upload-image/upload-image-options.js');
 require('../../components/pagination/index.js');
 require('../../components/markdown-editor/index.js');
 require('../../components/rich-text-editor/index.js');
@@ -62,6 +59,13 @@ require('../../components/role-permission-config/index.js');
 require('../../components/image-select/index.js');
 var index = require('../../components/verify-dialog/index.js');
 require('../../components/json-editor/index.js');
+require('../../components/upload-file/upload-file.js');
+require('../../components/upload-file/context/material-upload-context.js');
+require('../../components/upload-file/context/material-upload-context-options.js');
+require('../../components/upload-file/context/web-file-upload-context.js');
+require('../../components/upload-file/context/web-file-upload-context-options.js');
+require('../../components/upload-file/ui/upload-image/index.js');
+require('../../components/upload-file/upload-file-options.js');
 
 const _hoisted_1 = { class: "login-wrap" };
 const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode(
@@ -144,7 +148,6 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
             return;
           }
           elementPlus.ElMessage.success("\u91CD\u7F6E\u5BC6\u7801\u90AE\u4EF6\u5DF2\u53D1\u9001\u5230\u90AE\u7BB1");
-          verifyVisible.value = false;
           forgotPassword.value = false;
         } else {
           const { data } = await system.login(
@@ -160,6 +163,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
           router.push({ path: "/" });
         }
       } finally {
+        verifyVisible.value = false;
         loading.value = false;
       }
     };

package/dist/cjs/page/login/index.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.vue2.js","sources":["../../../../src/page/login/index.vue"],"sourcesContent":["<template>\n  <div class=\"login-wrap\">\n    <div class=\"login-bg\">\n      <div class=\"login-bg-block\"></div>\n      <div class=\"login-bg-block\"></div>\n    </div>\n    <div class=\"login-root\">\n      <div class=\"login-main\">\n        <div class=\"form-container\">\n          <div class=\"form-wrap\">\n            <div class=\"form-title\" v-if=\"!forgotPassword\">\n              账号登录\n              <span class=\"notify\">\n                没有账号？<ElButton\n                  link\n                  class=\"operaBtn\"\n                  @click=\"router.push('/signup')\"\n                >\n                  申请使用\n                </ElButton>\n              </span>\n            </div>\n            <div class=\"form-title\" v-else>账号重置</div>\n            <ElForm\n              :model=\"loginFormData\"\n              :rules=\"rules\"\n              size=\"large\"\n              ref=\"formEl\"\n              @submit.native.prevent\n            >\n              <ElFormItem prop=\"account\">\n                <ElInput\n                  v-model=\"loginFormData.account\"\n                  placeholder=\"帐号\"\n                  @keyup.enter.native.prevent=\"verifyHandle\"\n                />\n              </ElFormItem>\n              <ElFormItem prop=\"password\" v-if=\"!forgotPassword\">\n                <ElInput\n                  v-model=\"loginFormData.password\"\n                  type=\"password\"\n                  placeholder=\"密码\"\n                  @keyup.enter.native.prevent=\"verifyHandle\"\n                />\n              </ElFormItem>\n              <ElFormItem>\n                <ElRow style=\"width: 100%\">\n                  <ElCol :span=\"12\">\n                    <ElButton\n                      link\n                      class=\"operaBtn\"\n                      @click=\"forgotPassword = !forgotPassword\"\n                      >{{\n                        forgotPassword ? \"返回登陆\" : \"忘记密码？\"\n                      }}</ElButton\n                    >\n                  </ElCol>\n                </ElRow>\n              </ElFormItem>\n              <ElFormItem>\n                <ElButton\n                  type=\"primary\"\n                  style=\"width: 100%\"\n                  :loading=\"loading\"\n                  @click=\"verifyHandle\"\n                  :disabled=\"loginDisabled\"\n                  v-if=\"!forgotPassword\"\n                >\n                  登陆\n                </ElButton>\n                <ElButton\n                  type=\"primary\"\n                  style=\"width: 100%\"\n                  :loading=\"loading\"\n                  @click=\"verifyHandle\"\n                  :disabled=\"resetDisabled\"\n                  v-else\n                >\n                  重置\n                </ElButton>\n              </ElFormItem>\n            </ElForm>\n            <ElDivider></ElDivider>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <MKVerifyDialog\n    ref=\"verifyDialog\"\n    :scene=\"scene\"\n    v-model:visible=\"verifyVisible\"\n    v-if=\"verifyVisible\"\n    @confirm=\"handleLogin\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport { ElMessage, ElForm, ElFormItem } from \"element-plus\";\nimport { useMSAppClient } from \"../../composables\";\nimport { MKVerifyDialog } from \"../../components\";\nimport { Ref, computed, reactive, ref } from \"vue\";\nimport { useRouter } from \"vue-router\";\n\ndefineOptions({\n  mkRoute: {\n    name: \"login\",\n    path: \"/login\",\n    meta: {\n      isAuthorization: false,\n    },\n  },\n});\n\nconst verifyDialog: Ref<{ fail: () => void } | null> = ref(null);\n\n// 记住登陆状态\nconst rememberLoginState = ref(false);\n\nconst formEl: Ref<any> = ref(null);\n\nconst system = useMSAppClient()!;\n\nconst router = useRouter();\n\nconst loading = ref(false);\n\nconst loginDisabled = computed(\n  () => !loginFormData.account || !loginFormData.password\n);\nconst resetDisabled = computed(() => !loginFormData.account);\n\nconst forgotPassword = ref(false);\nconst scene = computed(() =>\n  forgotPassword.value ? \"ModifyPassword\" : \"Login\"\n);\n\nconst rules = {\n  account: [{ required: true, message: \"账号必填\" }],\n  password: [{ required: true, message: \"密码必填\" }],\n};\n\nconst loginFormData = reactive({\n  account: \"\",\n  password: \"\",\n  vCode: \"code\",\n});\nconst verifyVisible = ref(false);\n\nconst verifyHandle = async () => {\n  const result = await formEl.value?.validate();\n  if (!result) {\n    return;\n  }\n  verifyVisible.value = true;\n};\n\nconst handleLogin = async (v: string) => {\n  loginFormData.vCode = v;\n  try {\n    loading.value = true;\n    if (forgotPassword.value) {\n      const { data } = await system.modifyPassword(\n        loginFormData.account,\n        loginFormData.vCode\n      );\n      if (data.code !== 200) {\n        ElMessage.error(data.msg || \"重置邮箱失败！\");\n        return;\n      }\n      ElMessage.success(\"重置密码邮件已发送到邮箱\");\n      verifyVisible.value = false;\n      forgotPassword.value = false;\n    } else {\n      const { data } = await system.login(\n        loginFormData.account,\n        loginFormData.password,\n        loginFormData.vCode\n      );\n\n      if (data.code !== 200) {\n        ElMessage.error(data.msg || \"登录失败!\");\n        return;\n      }\n      verifyVisible.value = false;\n\n      router.push({ path: \"/\" });\n    }\n  } finally {\n    loading.value = false;\n  }\n};\n</script>\n"],"names":["ref","useMSAppClient","useRouter","computed","reactive","ElMessage"],"mappings":"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"}
+{"version":3,"file":"index.vue2.js","sources":["../../../../src/page/login/index.vue"],"sourcesContent":["<template>\n  <div class=\"login-wrap\">\n    <div class=\"login-bg\">\n      <div class=\"login-bg-block\"></div>\n      <div class=\"login-bg-block\"></div>\n    </div>\n    <div class=\"login-root\">\n      <div class=\"login-main\">\n        <div class=\"form-container\">\n          <div class=\"form-wrap\">\n            <div class=\"form-title\" v-if=\"!forgotPassword\">\n              账号登录\n              <span class=\"notify\">\n                没有账号？<ElButton\n                  link\n                  class=\"operaBtn\"\n                  @click=\"router.push('/signup')\"\n                >\n                  申请使用\n                </ElButton>\n              </span>\n            </div>\n            <div class=\"form-title\" v-else>账号重置</div>\n            <ElForm\n              :model=\"loginFormData\"\n              :rules=\"rules\"\n              size=\"large\"\n              ref=\"formEl\"\n              @submit.native.prevent\n            >\n              <ElFormItem prop=\"account\">\n                <ElInput\n                  v-model=\"loginFormData.account\"\n                  placeholder=\"帐号\"\n                  @keyup.enter.native.prevent=\"verifyHandle\"\n                />\n              </ElFormItem>\n              <ElFormItem prop=\"password\" v-if=\"!forgotPassword\">\n                <ElInput\n                  v-model=\"loginFormData.password\"\n                  type=\"password\"\n                  placeholder=\"密码\"\n                  @keyup.enter.native.prevent=\"verifyHandle\"\n                />\n              </ElFormItem>\n              <ElFormItem>\n                <ElRow style=\"width: 100%\">\n                  <ElCol :span=\"12\">\n                    <ElButton\n                      link\n                      class=\"operaBtn\"\n                      @click=\"forgotPassword = !forgotPassword\"\n                      >{{\n                        forgotPassword ? \"返回登陆\" : \"忘记密码？\"\n                      }}</ElButton\n                    >\n                  </ElCol>\n                </ElRow>\n              </ElFormItem>\n              <ElFormItem>\n                <ElButton\n                  type=\"primary\"\n                  style=\"width: 100%\"\n                  :loading=\"loading\"\n                  @click=\"verifyHandle\"\n                  :disabled=\"loginDisabled\"\n                  v-if=\"!forgotPassword\"\n                >\n                  登陆\n                </ElButton>\n                <ElButton\n                  type=\"primary\"\n                  style=\"width: 100%\"\n                  :loading=\"loading\"\n                  @click=\"verifyHandle\"\n                  :disabled=\"resetDisabled\"\n                  v-else\n                >\n                  重置\n                </ElButton>\n              </ElFormItem>\n            </ElForm>\n            <ElDivider></ElDivider>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <MKVerifyDialog\n    ref=\"verifyDialog\"\n    :scene=\"scene\"\n    v-model:visible=\"verifyVisible\"\n    v-if=\"verifyVisible\"\n    @confirm=\"handleLogin\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport { ElMessage, ElForm, ElFormItem } from \"element-plus\";\nimport { useMSAppClient } from \"../../composables\";\nimport { MKVerifyDialog } from \"../../components\";\nimport { Ref, computed, reactive, ref } from \"vue\";\nimport { useRouter } from \"vue-router\";\n\ndefineOptions({\n  mkRoute: {\n    name: \"login\",\n    path: \"/login\",\n    meta: {\n      isAuthorization: false,\n    },\n  },\n});\n\nconst verifyDialog: Ref<{ fail: () => void } | null> = ref(null);\n\n// 记住登陆状态\nconst rememberLoginState = ref(false);\n\nconst formEl: Ref<any> = ref(null);\n\nconst system = useMSAppClient()!;\n\nconst router = useRouter();\n\nconst loading = ref(false);\n\nconst loginDisabled = computed(\n  () => !loginFormData.account || !loginFormData.password\n);\nconst resetDisabled = computed(() => !loginFormData.account);\n\nconst forgotPassword = ref(false);\nconst scene = computed(() =>\n  forgotPassword.value ? \"ModifyPassword\" : \"Login\"\n);\n\nconst rules = {\n  account: [{ required: true, message: \"账号必填\" }],\n  password: [{ required: true, message: \"密码必填\" }],\n};\n\nconst loginFormData = reactive({\n  account: \"\",\n  password: \"\",\n  vCode: \"code\",\n});\nconst verifyVisible = ref(false);\n\nconst verifyHandle = async () => {\n  const result = await formEl.value?.validate();\n  if (!result) {\n    return;\n  }\n  verifyVisible.value = true;\n};\n\nconst handleLogin = async (v: string) => {\n  loginFormData.vCode = v;\n  try {\n    loading.value = true;\n    if (forgotPassword.value) {\n      const { data } = await system.modifyPassword(\n        loginFormData.account,\n        loginFormData.vCode\n      );\n      if (data.code !== 200) {\n        ElMessage.error(data.msg || \"重置邮箱失败！\");\n        return;\n      }\n      ElMessage.success(\"重置密码邮件已发送到邮箱\");\n      forgotPassword.value = false;\n    } else {\n      const { data } = await system.login(\n        loginFormData.account,\n        loginFormData.password,\n        loginFormData.vCode\n      );\n\n      if (data.code !== 200) {\n        ElMessage.error(data.msg || \"登录失败!\");\n        return;\n      }\n      verifyVisible.value = false;\n\n      router.push({ path: \"/\" });\n    }\n  } finally {\n    verifyVisible.value = false;\n    loading.value = false;\n  }\n};\n</script>\n"],"names":["ref","useMSAppClient","useRouter","computed","reactive","ElMessage"],"mappings":"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"}

package/dist/cjs/page/signup/index.vue2.js

@@ -25,7 +25,6 @@ require('../../components/data-table-select/index.js');
 require('../../components/form-components/form-detail-select/form-detail-select-options.js');
 require('../../components/data-model/data-form/composables/use-form-item.js');
 require('lodash-es');
-require('../../components/form-components/form-image-list/index.js');
 require('../../components/form-components/form-date-picker/index.js');
 require('../../components/form-components/form-rich-text-editor/index.js');
 require('../../components/column-components/column-action/column-action-options.js');
@@ -48,10 +47,8 @@ require('../../components/condition-components/condition-number/index.js');
 require('../../components/condition-components/condition-select/index.js');
 require('../../components/video-view/index.js');
 require('../../components/file-view/index.js');
-require('../../components/upload-file/index.js');
 require('../../components/data-table-select-dialog/index.js');
 require('../../components/data-select/index.js');
-require('../../components/upload-image/upload-image-options.js');
 require('../../components/pagination/index.js');
 require('../../components/markdown-editor/index.js');
 require('../../components/rich-text-editor/index.js');
@@ -62,6 +59,13 @@ require('../../components/role-permission-config/index.js');
 require('../../components/image-select/index.js');
 var index = require('../../components/verify-dialog/index.js');
 require('../../components/json-editor/index.js');
+require('../../components/upload-file/upload-file.js');
+require('../../components/upload-file/context/material-upload-context.js');
+require('../../components/upload-file/context/material-upload-context-options.js');
+require('../../components/upload-file/context/web-file-upload-context.js');
+require('../../components/upload-file/context/web-file-upload-context-options.js');
+require('../../components/upload-file/ui/upload-image/index.js');
+require('../../components/upload-file/upload-file-options.js');
 
 const _hoisted_1 = { class: "login-wrap" };
 const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode(

package/dist/cjs/page/signup/index.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.vue2.js","sources":["../../../../src/page/signup/index.vue"],"sourcesContent":["<template>\n  <div class=\"login-wrap\">\n    <div class=\"login-bg\">\n      <div class=\"login-bg-block\"></div>\n      <div class=\"login-bg-block\"></div>\n    </div>\n    <div class=\"login-root\">\n      <div class=\"login-main\">\n        <div class=\"form-container\">\n          <div class=\"form-wrap\">\n            <div class=\"form-title\" v-if=\"!forgotPassword\">\n              账号注册\n              <span class=\"notify\">\n                已有账号？<ElButton\n                  link\n                  class=\"operaBtn\"\n                  @click=\"router.push('/login')\"\n                >\n                  返回登录\n                </ElButton>\n              </span>\n            </div>\n            <div class=\"form-title\" v-else>账号重置</div>\n            <ElForm\n              :model=\"signFormData\"\n              :rules=\"rules\"\n              size=\"large\"\n              ref=\"formEl\"\n            >\n              <ElFormItem prop=\"account\">\n                <ElInput v-model=\"signFormData.account\" placeholder=\"帐号\" />\n              </ElFormItem>\n              <ElFormItem prop=\"email\">\n                <ElInput v-model=\"signFormData.email\" placeholder=\"邮箱\" />\n              </ElFormItem>\n              <ElFormItem prop=\"name\">\n                <ElInput v-model=\"signFormData.name\" placeholder=\"姓名\" />\n              </ElFormItem>\n              <ElFormItem prop=\"nickName\">\n                <ElInput v-model=\"signFormData.nickName\" placeholder=\"昵称\" />\n              </ElFormItem>\n              <ElFormItem prop=\"phone\">\n                <ElInput v-model=\"signFormData.phone\" placeholder=\"手机号\" />\n              </ElFormItem>\n\n              <ElFormItem>\n                <ElButton\n                  type=\"primary\"\n                  style=\"width: 100%\"\n                  :loading=\"loading\"\n                  @click=\"verifyHandle\"\n                >\n                  提交申请\n                </ElButton>\n              </ElFormItem>\n            </ElForm>\n            <ElDivider></ElDivider>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <MKVerifyDialog\n    :scene=\"scene\"\n    v-model:visible=\"verifyVisible\"\n    v-if=\"verifyVisible\"\n    @verifySuccessful=\"handleSign\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport { Ref, computed, reactive, ref } from \"vue\";\nimport { useRouter } from \"vue-router\";\nimport { FormRules } from \"element-plus\";\nimport { Messager } from \"@maketribe/dm\";\nimport { useHttpRequest } from \"../../composables\";\nimport { MKVerifyDialog } from \"../../components\";\n\ndefineOptions({\n  mkRoute: {\n    name: \"signup\",\n    path: \"/signup\",\n    meta: {\n      isAuthorization: false,\n    },\n  },\n});\n\nconst formEl: Ref<any> = ref(null);\n\nconst router = useRouter();\n\nconst httpRequest = useHttpRequest()!;\n\nconst loading = ref(false);\n\nconst verifyVisible = ref(false);\n\nconst forgotPassword = ref(false);\nconst scene = computed(() =>\n  forgotPassword.value ? \"ModifyPassword\" : \"Login\"\n);\nconst rules: FormRules = {\n  account: [{ required: true, message: \"账号必填\" }],\n  email: [\n    {\n      required: true,\n      trigger: \"change\",\n      validator: (rule, value, callback) => {\n        if (!value) {\n          callback(new Error(\"邮箱必填\"));\n        } else if (\n          !/^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\\.[a-zA-Z0-9_-]+)+$/.test(value)\n        ) {\n          callback(new Error(\"邮箱规则不符\"));\n        } else {\n          callback();\n        }\n      },\n    },\n  ],\n  name: [{ required: true, message: \"姓名必填\" }],\n};\n\nconst verifyHandle = async () => {\n  const result = await formEl.value.validate();\n  if (!result) {\n    return;\n  }\n  verifyVisible.value = true;\n};\n\nconst signFormData = reactive({\n  account: \"\",\n  email: \"\",\n  name: \"\",\n  nickName: \"\",\n  phone: \"\",\n});\n\nconst handleSign = async (v: string) => {\n  const result = await httpRequest.post(\n    \"/api/dv/ms-member/apply/account\",\n    signFormData\n  );\n  if (result.data.code != 200) {\n    Messager.instance.error(result.data.msg || \"注册失败\");\n    return;\n  }\n  verifyVisible.value = false;\n  Messager.instance.success({ message: \"注册成功,请联系管理员通过验证\" });\n};\n\n// 记住登陆状态\nconst rememberLoginState = ref(false);\n</script>\n"],"names":["ref","useRouter","useHttpRequest","computed","reactive","Messager"],"mappings":"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"}
+{"version":3,"file":"index.vue2.js","sources":["../../../../src/page/signup/index.vue"],"sourcesContent":["<template>\n  <div class=\"login-wrap\">\n    <div class=\"login-bg\">\n      <div class=\"login-bg-block\"></div>\n      <div class=\"login-bg-block\"></div>\n    </div>\n    <div class=\"login-root\">\n      <div class=\"login-main\">\n        <div class=\"form-container\">\n          <div class=\"form-wrap\">\n            <div class=\"form-title\" v-if=\"!forgotPassword\">\n              账号注册\n              <span class=\"notify\">\n                已有账号？<ElButton\n                  link\n                  class=\"operaBtn\"\n                  @click=\"router.push('/login')\"\n                >\n                  返回登录\n                </ElButton>\n              </span>\n            </div>\n            <div class=\"form-title\" v-else>账号重置</div>\n            <ElForm\n              :model=\"signFormData\"\n              :rules=\"rules\"\n              size=\"large\"\n              ref=\"formEl\"\n            >\n              <ElFormItem prop=\"account\">\n                <ElInput v-model=\"signFormData.account\" placeholder=\"帐号\" />\n              </ElFormItem>\n              <ElFormItem prop=\"email\">\n                <ElInput v-model=\"signFormData.email\" placeholder=\"邮箱\" />\n              </ElFormItem>\n              <ElFormItem prop=\"name\">\n                <ElInput v-model=\"signFormData.name\" placeholder=\"姓名\" />\n              </ElFormItem>\n              <ElFormItem prop=\"nickName\">\n                <ElInput v-model=\"signFormData.nickName\" placeholder=\"昵称\" />\n              </ElFormItem>\n              <ElFormItem prop=\"phone\">\n                <ElInput v-model=\"signFormData.phone\" placeholder=\"手机号\" />\n              </ElFormItem>\n\n              <ElFormItem>\n                <ElButton\n                  type=\"primary\"\n                  style=\"width: 100%\"\n                  :loading=\"loading\"\n                  @click=\"verifyHandle\"\n                >\n                  提交申请\n                </ElButton>\n              </ElFormItem>\n            </ElForm>\n            <ElDivider></ElDivider>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <MKVerifyDialog\n    :scene=\"scene\"\n    v-model:visible=\"verifyVisible\"\n    v-if=\"verifyVisible\"\n    @verifySuccessful=\"handleSign\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport { Ref, computed, reactive, ref } from \"vue\";\nimport { useRouter } from \"vue-router\";\nimport { FormRules } from \"element-plus\";\nimport { Messager } from \"@maketribe/dm\";\nimport { useHttpRequest } from \"../../composables\";\nimport { MKVerifyDialog } from \"../../components\";\n\ndefineOptions({\n  mkRoute: {\n    name: \"signup\",\n    path: \"/signup\",\n    meta: {\n      isAuthorization: false,\n    },\n  },\n});\n\nconst formEl: Ref<any> = ref(null);\n\nconst router = useRouter();\n\nconst httpRequest = useHttpRequest()!;\n\nconst loading = ref(false);\n\nconst verifyVisible = ref(false);\n\nconst forgotPassword = ref(false);\nconst scene = computed(() =>\n  forgotPassword.value ? \"ModifyPassword\" : \"Login\"\n);\nconst rules: FormRules = {\n  account: [{ required: true, message: \"账号必填\" }],\n  email: [\n    {\n      required: true,\n      trigger: \"change\",\n      validator: (rule, value, callback) => {\n        if (!value) {\n          callback(new Error(\"邮箱必填\"));\n        } else if (\n          !/^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\\.[a-zA-Z0-9_-]+)+$/.test(value)\n        ) {\n          callback(new Error(\"邮箱规则不符\"));\n        } else {\n          callback();\n        }\n      },\n    },\n  ],\n  name: [{ required: true, message: \"姓名必填\" }],\n};\n\nconst verifyHandle = async () => {\n  const result = await formEl.value.validate();\n  if (!result) {\n    return;\n  }\n  verifyVisible.value = true;\n};\n\nconst signFormData = reactive({\n  account: \"\",\n  email: \"\",\n  name: \"\",\n  nickName: \"\",\n  phone: \"\",\n});\n\nconst handleSign = async (v: string) => {\n  const result = await httpRequest.post(\n    \"/api/dv/ms-member/apply/account\",\n    signFormData\n  );\n  if (result.data.code != 200) {\n    Messager.instance.error(result.data.msg || \"注册失败\");\n    return;\n  }\n  verifyVisible.value = false;\n  Messager.instance.success({ message: \"注册成功,请联系管理员通过验证\" });\n};\n\n// 记住登陆状态\nconst rememberLoginState = ref(false);\n</script>\n"],"names":["ref","useRouter","useHttpRequest","computed","reactive","Messager"],"mappings":"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"}

package/dist/esm/components/data-model/data-table/views/table/table.js

@@ -2,6 +2,7 @@ import { defineComponent, computed, unref, createVNode } from 'vue';
 import { ElTableColumn, ElTable, ElEmpty } from 'element-plus';
 import { tableProps } from './table-options.js';
 import { MKDataTableColumnComponent } from '../../data-table-column-component/index.js';
+import { OrderType } from '@maketribe/dm';
 
 var Table = /* @__PURE__ */ defineComponent({
   name: "MKTable",
@@ -10,6 +11,19 @@ var Table = /* @__PURE__ */ defineComponent({
     slots
   }) {
     const dataTable = computed(() => props.dataTable);
+    const handleSortChange = ({
+      column,
+      prop,
+      order
+    }) => {
+      let orderType = null;
+      if (order === "descending") {
+        orderType = OrderType.DESC;
+      } else if (order === "ascending") {
+        orderType = OrderType.ASC;
+      }
+      unref(dataTable).sorter.setColumnSort(prop, orderType);
+    };
     return () => {
       const columns = unref(dataTable).getColumns().filter((column) => column.visible && column.name).map((column) => {
         const columnProps = {
@@ -20,7 +34,8 @@ var Table = /* @__PURE__ */ defineComponent({
           fixed: column.fixed,
           align: column.align || "center",
           reserveSelection: true,
-          type: column.type === null ? "default" : column.type
+          type: column.type === null ? "default" : column.type,
+          sortable: column.sortable
         };
         if (!column.visible) {
           return null;
@@ -47,6 +62,7 @@ var Table = /* @__PURE__ */ defineComponent({
       return createVNode(ElTable, {
         "data": unref(dataTable).getList(),
         "rowKey": unref(dataTable).primaryKey,
+        "onSort-change": handleSortChange,
         "show-overflow-tooltip": true,
         "border": true,
         "stripe": true

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

@@ -1 +1 @@
-{"version":3,"file":"table.js","sources":["../../../../../../../src/components/data-model/data-table/views/table/table.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\nimport { ElEmpty, ElTable, ElTableColumn } from \"element-plus\";\nimport { tableProps } from \"./table-options\";\nimport { MKDataTableColumn } from \"../../data-table-column\";\nimport MKDataTableColumnComponent from \"../../data-table-column-component\";\n\nexport default defineComponent({\n  name: \"MKTable\",\n  props: tableProps,\n  setup(props, { slots }) {\n    const dataTable = computed(() => props.dataTable);\n\n    return () => {\n      const columns = unref(dataTable)\n        .getColumns()\n        .filter((column) => column.visible && column.name)\n        .map((column) => {\n          const columnProps: Record<string, any> = {\n            prop: column.name,\n            label: column.label,\n            width: column.width,\n            minWidth: column.minWidth,\n            fixed: column.fixed,\n            align: column.align || \"center\",\n            reserveSelection: true,\n            type: column.type === null ? \"default\" : column.type,\n          };\n\n          if (!column.visible) {\n            return null;\n          }\n\n          return (\n            slots[`col-${column.name}`]?.() ?? (\n              <ElTableColumn\n                {...columnProps}\n                v-slots={{\n                  default: (scope: {\n                    $index: number;\n                    row: any;\n                    column: any;\n                  }) => {\n                    let children = slots[`col-${column.name}-content`]?.({\n                      $index: scope.$index,\n                      row: scope.row,\n                      column: column,\n                      dataTable: unref(dataTable),\n                    });\n\n                    if (children) {\n                      return children;\n                    }\n\n                    return (\n                      <MKDataTableColumnComponent\n                        column={column}\n                        row={scope.row}\n                        index={scope.$index}\n                      />\n                    );\n                  },\n                }}\n              />\n            )\n          );\n        });\n\n      return (\n        <ElTable\n          data={unref(dataTable).getList()}\n          rowKey={unref(dataTable).primaryKey}\n          show-overflow-tooltip\n          border\n          stripe\n          v-slots={{ empty: () => slots.empty?.() || <ElEmpty /> }}\n        >\n          {columns}\n        </ElTable>\n      );\n    };\n  },\n});\n"],"names":["name","props","tableProps","setup","slots","dataTable","computed","columns","unref","getColumns","filter","column","visible","map","columnProps","prop","label","width","minWidth","fixed","align","reserveSelection","type","_createVNode","ElTableColumn","default","scope","children","$index","row","MKDataTableColumnComponent","ElTable","getList","primaryKey","empty","ElEmpty"],"mappings":";;;;;AAMA,4BAA+B,eAAA,CAAA;AAAA,EAC7BA,IAAM,EAAA,SAAA;AAAA,EACNC,KAAOC,EAAAA,UAAAA;AAAAA,EACPC,MAAMF,KAAO,EAAA;AAAA,IAAEG,KAAAA;AAAAA,GAAS,EAAA;AACtB,IAAA,MAAMC,SAAYC,GAAAA,QAAAA,CAAS,MAAML,KAAAA,CAAMI,SAAS,CAAA,CAAA;AAEhD,IAAA,OAAO,MAAM;AACX,MAAA,MAAME,OAAUC,GAAAA,KAAAA,CAAMH,SAAS,CAAA,CAC5BI,YACAC,CAAAA,MAAAA,CAAQC,CAAWA,MAAAA,KAAAA,MAAAA,CAAOC,OAAWD,IAAAA,MAAAA,CAAOX,IAAI,CAAA,CAChDa,IAAKF,CAAW,MAAA,KAAA;AACf,QAAA,MAAMG,WAAmC,GAAA;AAAA,UACvCC,MAAMJ,MAAOX,CAAAA,IAAAA;AAAAA,UACbgB,OAAOL,MAAOK,CAAAA,KAAAA;AAAAA,UACdC,OAAON,MAAOM,CAAAA,KAAAA;AAAAA,UACdC,UAAUP,MAAOO,CAAAA,QAAAA;AAAAA,UACjBC,OAAOR,MAAOQ,CAAAA,KAAAA;AAAAA,UACdC,KAAAA,EAAOT,OAAOS,KAAS,IAAA,QAAA;AAAA,UACvBC,gBAAkB,EAAA,IAAA;AAAA,UAClBC,IAAMX,EAAAA,MAAAA,CAAOW,IAAS,KAAA,IAAA,GAAO,YAAYX,MAAOW,CAAAA,IAAAA;AAAAA,SAClD,CAAA;AAEA,QAAI,IAAA,CAACX,OAAOC,OAAS,EAAA;AACnB,UAAO,OAAA,IAAA,CAAA;AAAA,SACT;AAEA,QACER,OAAAA,KAAAA,CAAO,OAAMO,MAAOX,CAAAA,IAAK,EAAC,CAAI,IAAA,IAACuB,WAAAC,CAAAA,aAAAA,EAEvBV,WACK,EAAA;AAAA,UACPW,SAAUC,CAIJ,KAAA,KAAA;AACJ,YAAA,IAAIC,WAAWvB,KAAO,CAAA,CAAA,IAAA,EAAMO,MAAOX,CAAAA,IAAK,UAAS,CAAI,GAAA;AAAA,cACnD4B,QAAQF,KAAME,CAAAA,MAAAA;AAAAA,cACdC,KAAKH,KAAMG,CAAAA,GAAAA;AAAAA,cACXlB,MAAAA;AAAAA,cACAN,SAAAA,EAAWG,MAAMH,SAAS,CAAA;AAAA,aAC3B,CAAA,CAAA;AAED,YAAA,IAAIsB,QAAU,EAAA;AACZ,cAAOA,OAAAA,QAAAA,CAAAA;AAAAA,aACT;AAEA,YAAA,OAAAJ,YAAAO,0BAAA,EAAA;AAAA,cAAA,QAEYnB,EAAAA,MAAAA;AAAAA,cAAM,OACTe,KAAMG,CAAAA,GAAAA;AAAAA,cAAG,SACPH,KAAME,CAAAA,MAAAA;AAAAA,eAAM,IAAA,CAAA,CAAA;AAAA,WAGzB;AAAA,SACD,CAAA,CAAA;AAAA,OAIR,CAAA,CAAA;AAEH,MAAA,OAAAL,YAAAQ,OAAA,EAAA;AAAA,QAAA,MAEUvB,EAAAA,KAAAA,CAAMH,SAAS,CAAA,CAAE2B,OAAQ,EAAA;AAAA,QAAC,QAAA,EACxBxB,KAAMH,CAAAA,SAAS,CAAE4B,CAAAA,UAAAA;AAAAA,QAAU,uBAAA,EAAA,IAAA;AAAA,QAAA,QAAA,EAAA,IAAA;AAAA,QAAA,QAAA,EAAA,IAAA;AAAA,OAAA,EAAA;AAAA,QAAAR,OAAAA,EAAAA,MAAA,CAMlClB,OAAO,CAAA;AAAA,QAFG2B,KAAAA,EAAOA,MAAM9B,KAAM8B,CAAAA,KAAAA,QAASX,WAAAY,CAAAA,OAAAA,EAAA,MAAA,IAAA,CAAA;AAAA,OAAe,CAAA,CAAA;AAAA,KAK5D,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}
+{"version":3,"file":"table.js","sources":["../../../../../../../src/components/data-model/data-table/views/table/table.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\nimport { Column, ElEmpty, ElTable, ElTableColumn } from \"element-plus\";\nimport { tableProps } from \"./table-options\";\nimport { MKDataTableColumn } from \"../../data-table-column\";\nimport MKDataTableColumnComponent from \"../../data-table-column-component\";\nimport { OrderType } from \"@maketribe/dm\";\n\nexport default defineComponent({\n  name: \"MKTable\",\n  props: tableProps,\n  setup(props, { slots }) {\n    const dataTable = computed(() => props.dataTable);\n\n    type SortChangeEvent = { column: Column; prop: string; order: string };\n    const handleSortChange = ({ column, prop, order }: SortChangeEvent) => {\n      let orderType: OrderType | null = null;\n\n      if (order === \"descending\") {\n        orderType = OrderType.DESC;\n      } else if (order === \"ascending\") {\n        orderType = OrderType.ASC;\n      }\n\n      unref(dataTable).sorter.setColumnSort(prop, orderType);\n    };\n\n    return () => {\n      const columns = unref(dataTable)\n        .getColumns()\n        .filter((column) => column.visible && column.name)\n        .map((column) => {\n          const columnProps: Record<string, any> = {\n            prop: column.name,\n            label: column.label,\n            width: column.width,\n            minWidth: column.minWidth,\n            fixed: column.fixed,\n            align: column.align || \"center\",\n            reserveSelection: true,\n            type: column.type === null ? \"default\" : column.type,\n            sortable: column.sortable,\n          };\n\n          if (!column.visible) {\n            return null;\n          }\n\n          return (\n            slots[`col-${column.name}`]?.() ?? (\n              <ElTableColumn\n                {...columnProps}\n                v-slots={{\n                  default: (scope: {\n                    $index: number;\n                    row: any;\n                    column: any;\n                  }) => {\n                    let children = slots[`col-${column.name}-content`]?.({\n                      $index: scope.$index,\n                      row: scope.row,\n                      column: column,\n                      dataTable: unref(dataTable),\n                    });\n\n                    if (children) {\n                      return children;\n                    }\n\n                    return (\n                      <MKDataTableColumnComponent\n                        column={column}\n                        row={scope.row}\n                        index={scope.$index}\n                      />\n                    );\n                  },\n                }}\n              />\n            )\n          );\n        });\n\n      return (\n        <ElTable\n          data={unref(dataTable).getList()}\n          rowKey={unref(dataTable).primaryKey}\n          onSort-change={handleSortChange}\n          show-overflow-tooltip\n          border\n          stripe\n          v-slots={{ empty: () => slots.empty?.() || <ElEmpty /> }}\n        >\n          {columns}\n        </ElTable>\n      );\n    };\n  },\n});\n"],"names":["name","props","tableProps","setup","slots","dataTable","computed","handleSortChange","column","prop","order","orderType","OrderType","DESC","ASC","unref","sorter","setColumnSort","columns","getColumns","filter","visible","map","columnProps","label","width","minWidth","fixed","align","reserveSelection","type","sortable","_createVNode","ElTableColumn","default","scope","children","$index","row","MKDataTableColumnComponent","ElTable","getList","primaryKey","empty","ElEmpty"],"mappings":"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"}

package/dist/esm/components/form-components/form-image-upload/form-image-upload-options.d.ts

@@ -1,12 +1,5 @@
 import { ExtractPropTypes } from "vue";
-import { WebFileUpload } from "@maketribe/request";
 export declare const formImageUploadProps: {
-    upload: {
-        readonly type: import("vue").PropType<WebFileUpload>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __mkPropKey: true;
-    };
     column: {
         readonly type: import("vue").PropType<import("@maketribe/dm").FormColumn>;
         readonly required: true;

package/dist/esm/components/form-components/form-image-upload/form-image-upload-options.js

@@ -1,12 +1,8 @@
 import { buildProps } from '@maketribe/utils';
-import { WebFileUpload } from '@maketribe/request';
 import { columnProps } from '../../data-model/data-form/composables/use-form-item.js';
 
 const formImageUploadProps = buildProps({
-  ...columnProps,
-  upload: {
-    type: WebFileUpload
-  }
+  ...columnProps
 });
 
 export { formImageUploadProps };

package/dist/esm/components/form-components/form-image-upload/form-image-upload-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-image-upload-options.js","sources":["../../../../../src/components/form-components/form-image-upload/form-image-upload-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { WebFileUpload } from \"@maketribe/request\";\nimport { columnProps } from \"../../data-model/data-form/composables\";\n\nexport const formImageUploadProps = buildProps({\n  ...columnProps,\n  upload: {\n    type: WebFileUpload,\n  },\n});\n\nexport type FormImageUploadProps = ExtractPropTypes<\n  typeof formImageUploadProps\n>;\n"],"names":[],"mappings":";;;;AAKO,MAAM,uBAAuB,UAAW,CAAA;AAAA,EAC7C,GAAG,WAAA;AAAA,EACH,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,aAAA;AAAA,GACR;AACF,CAAC;;;;"}
+{"version":3,"file":"form-image-upload-options.js","sources":["../../../../../src/components/form-components/form-image-upload/form-image-upload-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { columnProps } from \"../../data-model/data-form/composables\";\n\nexport const formImageUploadProps = buildProps({\n  ...columnProps,\n});\n\nexport type FormImageUploadProps = ExtractPropTypes<\n  typeof formImageUploadProps\n>;\n"],"names":[],"mappings":";;;AAIO,MAAM,uBAAuB,UAAW,CAAA;AAAA,EAC7C,GAAG,WAAA;AACL,CAAC;;;;"}

package/dist/esm/components/form-components/form-image-upload/form-image-upload.d.ts

@@ -1,10 +1,4 @@
 declare const _default: import("vue").DefineComponent<{
-    upload: {
-        readonly type: import("vue").PropType<import("@maketribe/request").WebFileUpload>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __mkPropKey: true;
-    };
     column: {
         readonly type: import("vue").PropType<import("@maketribe/dm").FormColumn>;
         readonly required: true;
@@ -12,12 +6,6 @@ declare const _default: import("vue").DefineComponent<{
         __mkPropKey: true;
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    upload: {
-        readonly type: import("vue").PropType<import("@maketribe/request").WebFileUpload>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __mkPropKey: true;
-    };
     column: {
         readonly type: import("vue").PropType<import("@maketribe/dm").FormColumn>;
         readonly required: true;

package/dist/esm/components/form-components/form-image-upload/form-image-upload.js

@@ -1,7 +1,21 @@
 import { defineComponent, createVNode, mergeProps, unref } from 'vue';
 import { formImageUploadProps } from './form-image-upload-options.js';
 import { useFormItem } from '../../data-model/data-form/composables/use-form-item.js';
-import { MKUploadImage } from '../../upload-image/index.js';
+import '../../upload-file/upload-file.js';
+import '@maketribe/request';
+import '@maketribe/dm';
+import 'element-plus';
+import '@maketribe/utils';
+import '../../../core/DataModelDefines.js';
+import 'vue-router';
+import '@maketribe/locale';
+import '../../material-select/index.js';
+import '../../upload-file/context/material-upload-context.js';
+import '../../upload-file/context/material-upload-context-options.js';
+import '../../upload-file/context/web-file-upload-context.js';
+import '../../upload-file/context/web-file-upload-context-options.js';
+import { MKUploadImage } from '../../upload-file/ui/upload-image/index.js';
+import '../../upload-file/upload-file-options.js';
 
 var FormImageUpload = /* @__PURE__ */ defineComponent({
   name: "MKFormImageUpload",
@@ -13,7 +27,6 @@ var FormImageUpload = /* @__PURE__ */ defineComponent({
     } = useFormItem();
     return () => {
       return createVNode(MKUploadImage, mergeProps(unref(column)?.componentProps, {
-        "upload": props.upload,
         "modelValue": unref(value),
         "onUpload:model-value": (v) => value.value = v
       }), null);

package/dist/esm/components/form-components/form-image-upload/form-image-upload.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-image-upload.js","sources":["../../../../../src/components/form-components/form-image-upload/form-image-upload.tsx"],"sourcesContent":["import { defineComponent, unref } from \"vue\";\nimport { formImageUploadProps } from \"./form-image-upload-options\";\nimport { useFormItem } from \"../../data-model/data-form/composables\";\nimport { MKUploadImage } from \"../../upload-image\";\n\nexport default defineComponent({\n  name: \"MKFormImageUpload\",\n  props: formImageUploadProps,\n  setup(props, {}) {\n    const { column, value } = useFormItem();\n\n    return () => {\n      return (\n        <MKUploadImage\n          {...unref(column)?.componentProps}\n          upload={props.upload}\n          modelValue={unref(value)}\n          onUpload:model-value={(v: any) => (value.value = v)}\n        />\n      );\n    };\n  },\n});\n"],"names":["name","props","formImageUploadProps","setup","column","value","useFormItem","_createVNode","MKUploadImage","_mergeProps","unref","componentProps","upload","v"],"mappings":";;;;;AAKA,sCAA+B,eAAA,CAAA;AAAA,EAC7BA,IAAM,EAAA,mBAAA;AAAA,EACNC,KAAOC,EAAAA,oBAAAA;AAAAA,EACPC,KAAAA,CAAMF,KAAO,EAAA,EAAI,EAAA;AACf,IAAM,MAAA;AAAA,MAAEG,MAAAA;AAAAA,MAAQC,KAAAA;AAAAA,QAAUC,WAAY,EAAA,CAAA;AAEtC,IAAA,OAAO,MAAM;AACX,MAAA,OAAAC,YAAAC,aAAAC,EAAAA,UAAAA,CAEQC,KAAMN,CAAAA,MAAM,GAAGO,cAAc,EAAA;AAAA,QAAA,UACzBV,KAAMW,CAAAA,MAAAA;AAAAA,QAAM,YAAA,EACRF,MAAML,KAAK,CAAA;AAAA,QAAC,sBAAA,EACDQ,CAAYR,CAAAA,KAAAA,KAAAA,CAAMA,KAAQQ,GAAAA,CAAAA;AAAAA,OAAE,GAAA,IAAA,CAAA,CAAA;AAAA,KAGzD,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}
+{"version":3,"file":"form-image-upload.js","sources":["../../../../../src/components/form-components/form-image-upload/form-image-upload.tsx"],"sourcesContent":["import { defineComponent, unref } from \"vue\";\nimport { formImageUploadProps } from \"./form-image-upload-options\";\nimport { useFormItem } from \"../../data-model/data-form/composables\";\nimport { MKUploadImage } from \"../../upload-file\";\n\nexport default defineComponent({\n  name: \"MKFormImageUpload\",\n  props: formImageUploadProps,\n  setup(props, {}) {\n    const { column, value } = useFormItem();\n\n    return () => {\n      return (\n        <MKUploadImage\n          {...unref(column)?.componentProps}\n          modelValue={unref(value)}\n          onUpload:model-value={(v: any) => (value.value = v)}\n        />\n      );\n    };\n  },\n});\n"],"names":["name","props","formImageUploadProps","setup","column","value","useFormItem","_createVNode","MKUploadImage","_mergeProps","unref","componentProps","v"],"mappings":";;;;;;;;;;;;;;;;;;;AAKA,sCAA+B,eAAA,CAAA;AAAA,EAC7BA,IAAM,EAAA,mBAAA;AAAA,EACNC,KAAOC,EAAAA,oBAAAA;AAAAA,EACPC,KAAAA,CAAMF,KAAO,EAAA,EAAI,EAAA;AACf,IAAM,MAAA;AAAA,MAAEG,MAAAA;AAAAA,MAAQC,KAAAA;AAAAA,QAAUC,WAAY,EAAA,CAAA;AAEtC,IAAA,OAAO,MAAM;AACX,MAAA,OAAAC,YAAAC,aAAAC,EAAAA,UAAAA,CAEQC,KAAMN,CAAAA,MAAM,GAAGO,cAAc,EAAA;AAAA,QAAA,YAAA,EACrBD,MAAML,KAAK,CAAA;AAAA,QAAC,sBAAA,EACDO,CAAYP,CAAAA,KAAAA,KAAAA,CAAMA,KAAQO,GAAAA,CAAAA;AAAAA,OAAE,GAAA,IAAA,CAAA,CAAA;AAAA,KAGzD,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}

package/dist/esm/components/form-components/form-image-upload/index.d.ts

@@ -1,10 +1,4 @@
 export declare const MKFormImageUpload: import("@maketribe/utils").SFCWithInstall<import("vue").DefineComponent<{
-    upload: {
-        readonly type: import("vue").PropType<import("@maketribe/request").WebFileUpload>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __mkPropKey: true;
-    };
     column: {
         readonly type: import("vue").PropType<import("@maketribe/dm").FormColumn>;
         readonly required: true;
@@ -12,12 +6,6 @@ export declare const MKFormImageUpload: import("@maketribe/utils").SFCWithInstal
         __mkPropKey: true;
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    upload: {
-        readonly type: import("vue").PropType<import("@maketribe/request").WebFileUpload>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __mkPropKey: true;
-    };
     column: {
         readonly type: import("vue").PropType<import("@maketribe/dm").FormColumn>;
         readonly required: true;

package/dist/esm/components/form-components/index.d.ts

@@ -5,6 +5,5 @@ export * from "./form-detail";
 export * from "./form-data-table-select";
 export * from "./form-image-upload";
 export * from "./form-detail-select";
-export * from "./form-image-list";
 export * from "./form-date-picker";
 export * from "./form-rich-text-editor";

package/dist/esm/components/form-components/index.js

@@ -5,7 +5,6 @@ export { MKFormDetail } from './form-detail/index.js';
 export { MKFormDataTableSelect } from './form-data-table-select/index.js';
 export { MKFormImageUpload } from './form-image-upload/index.js';
 export { MKFormDetailSelect } from './form-detail-select/index.js';
-export { MKFormImageList } from './form-image-list/index.js';
 export { MKFormDatePicker } from './form-date-picker/index.js';
 export { MKFormRichTextEditor } from './form-rich-text-editor/index.js';
 export { formDataSelectProps } from './form-data-select/form-data-select-options.js';

package/dist/esm/components/form-components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}

package/dist/esm/components/index.d.ts

@@ -7,11 +7,9 @@ export * from "./config-provider";
 export * from "./image-view";
 export * from "./video-view";
 export * from "./file-view";
-export * from "./upload-file";
 export * from "./data-table-select-dialog";
 export * from "./data-table-select";
 export * from "./data-select";
-export * from "./upload-image";
 export * from "./pagination";
 export * from "./markdown-editor";
 export * from "./rich-text-editor";
@@ -22,3 +20,4 @@ export * from "./role-permission-config";
 export * from "./image-select";
 export * from "./verify-dialog";
 export * from "./json-editor";
+export * from "./upload-file";

package/dist/esm/components/index.js

@@ -10,7 +10,6 @@ export { MKFormDetail } from './form-components/form-detail/index.js';
 export { MKFormDataTableSelect } from './form-components/form-data-table-select/index.js';
 export { MKFormImageUpload } from './form-components/form-image-upload/index.js';
 export { MKFormDetailSelect } from './form-components/form-detail-select/index.js';
-export { MKFormImageList } from './form-components/form-image-list/index.js';
 export { MKFormDatePicker } from './form-components/form-date-picker/index.js';
 export { MKFormRichTextEditor } from './form-components/form-rich-text-editor/index.js';
 export { MKColumnAction } from './column-components/column-action/index.js';
@@ -31,11 +30,9 @@ export { MKConfigProvider } from './config-provider/index.js';
 export { MKImageView } from './image-view/index.js';
 export { MKVideoView } from './video-view/index.js';
 export { MKFileView } from './file-view/index.js';
-export { MKUploadFile } from './upload-file/index.js';
 export { MKDataTableSelectDialog } from './data-table-select-dialog/index.js';
 export { MKDataTableSelect } from './data-table-select/index.js';
 export { MKDataSelect } from './data-select/index.js';
-export { MKUploadImage } from './upload-image/index.js';
 export { MKPagination } from './pagination/index.js';
 export { MKMarkdownEditor } from './markdown-editor/index.js';
 export { MKRichTextEditor } from './rich-text-editor/index.js';
@@ -46,6 +43,16 @@ export { MKRolePermissionConfig } from './role-permission-config/index.js';
 export { MKImageSelect } from './image-select/index.js';
 export { MKVerifyDialog } from './verify-dialog/index.js';
 export { MKJsonEditor } from './json-editor/index.js';
+export { MKUploadFile } from './upload-file/upload-file.js';
+export { UploadContext, UploadContextCtxKey } from './upload-file/context/UploadContext.js';
+export { WebFileUploadContext } from './upload-file/context/WebFileUploadContext.js';
+export { MaterialUploadContext } from './upload-file/context/MaterialUploadContext.js';
+export { MKMaterialUploadContext } from './upload-file/context/material-upload-context.js';
+export { materialUploadContextProps } from './upload-file/context/material-upload-context-options.js';
+export { MKWebFileUploadContext } from './upload-file/context/web-file-upload-context.js';
+export { webFileUploadContextProps } from './upload-file/context/web-file-upload-context-options.js';
+export { MKUploadImage } from './upload-file/ui/upload-image/index.js';
+export { uploadFileEmits, uploadFileProps } from './upload-file/upload-file-options.js';
 export { dataFormEmits, dataFormProps } from './data-model/data-form/data-form-options.js';
 export { dataFormItemProps } from './data-model/data-form/data-form-item/data-form-item-options.js';
 export { MKDataFormItem } from './data-model/data-form/data-form-item/index.js';
@@ -97,4 +104,5 @@ export { markdownEditorEmits, markdownEditorProps } from './markdown-editor/mark
 export { richTextEditorEmits, richTextEditorProps } from './rich-text-editor/rich-text-editor-options.js';
 export { materialListEmits, materialListProps } from './material-list/material-list-options.js';
 export { rolePermissionConfigEmits, rolePermissionConfigProps } from './role-permission-config/role-permission-config-options.js';
+export { uploadImageEmits, uploadImageProps } from './upload-file/ui/upload-image/upload-image-options.js';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/components/material-list/material-list.vue2.js

@@ -1,6 +1,19 @@
 import { defineComponent, computed, unref, resolveComponent, resolveDirective, openBlock, createElementBlock, createVNode, withDirectives, createElementVNode, Fragment, renderList, normalizeClass, toDisplayString, createTextVNode, withCtx, createCommentVNode, createBlock } from 'vue';
 import { ElPagination } from 'element-plus';
-import { MKUploadFile } from '../upload-file/index.js';
+import { MKUploadFile } from '../upload-file/upload-file.js';
+import '@maketribe/request';
+import '@maketribe/dm';
+import '@maketribe/utils';
+import '../../core/DataModelDefines.js';
+import 'vue-router';
+import '@maketribe/locale';
+import '../material-select/index.js';
+import '../upload-file/context/material-upload-context.js';
+import '../upload-file/context/material-upload-context-options.js';
+import { MKWebFileUploadContext } from '../upload-file/context/web-file-upload-context.js';
+import '../upload-file/context/web-file-upload-context-options.js';
+import '../upload-file/ui/upload-image/index.js';
+import '../upload-file/upload-file-options.js';
 import MaterialGroup from './material-group.vue.js';
 import MaterialItem from './material-item.vue.js';
 import { materialListProps, materialListEmits } from './material-list-options.js';
@@ -114,18 +127,24 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                     1
                     /* TEXT */
                   ),
-                  createVNode(unref(MKUploadFile), {
-                    upload: _ctx.materialMan.upload,
+                  createVNode(unref(MKWebFileUploadContext), {
+                    "web-file-upload": _ctx.materialMan.upload,
                     accept: currentMaterialType.value.accept
                   }, {
                     default: withCtx(() => [
-                      createVNode(_component_ElButton, { type: "primary" }, {
+                      createVNode(unref(MKUploadFile), null, {
                         default: withCtx(() => [
-                          createTextVNode(
-                            " \u9009\u62E9" + toDisplayString(currentMaterialType.value.label),
-                            1
-                            /* TEXT */
-                          )
+                          createVNode(_component_ElButton, { type: "primary" }, {
+                            default: withCtx(() => [
+                              createTextVNode(
+                                " \u9009\u62E9" + toDisplayString(currentMaterialType.value.label),
+                                1
+                                /* TEXT */
+                              )
+                            ]),
+                            _: 1
+                            /* STABLE */
+                          })
                         ]),
                         _: 1
                         /* STABLE */
@@ -133,7 +152,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                     /* STABLE */
-                  }, 8, ["upload", "accept"])
+                  }, 8, ["web-file-upload", "accept"])
                 ],
                 64
                 /* STABLE_FRAGMENT */

package/dist/esm/components/material-list/material-list.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"material-list.vue2.js","sources":["../../../../src/components/material-list/material-list.vue"],"sourcesContent":["<template>\n  <div class=\"mk-material-list\">\n    <MaterialGroup :material-man=\"materialMan\" />\n    <div class=\"mk-material-list__main\" v-loading=\"loading\">\n      <div class=\"mk-material-list__header\">\n        <div class=\"mk-material-list__header-left\">\n          <div class=\"mk-material-list__types\">\n            <div\n              v-for=\"item of materialTypes\"\n              :key=\"item.value\"\n              :class=\"[\n                'mk-material-list__type',\n                currentMaterialTypeId === item.value ? 'is-active' : '',\n              ]\"\n              @click=\"handleMaterialTypeClick(item)\"\n            >\n              {{ item.label }}\n            </div>\n          </div>\n        </div>\n        <div class=\"mk-material-list__header-right\">\n          <template v-if=\"currentMaterialType\">\n            {{ currentMaterialType.label }}大小不超过\n            {{ currentMaterialType.limit }} M\n            <MKUploadFile\n              :upload=\"materialMan.upload\"\n              :accept=\"currentMaterialType.accept\"\n            >\n              <ElButton type=\"primary\">\n                选择{{ currentMaterialType.label }}\n              </ElButton>\n            </MKUploadFile>\n          </template>\n        </div>\n      </div>\n\n      <div class=\"mk-material-list__body\">\n        <ElScrollbar height=\"100%\">\n          <div class=\"mk-material-list__wrapper\">\n            <MaterialItem\n              v-for=\"material of materialList\"\n              :key=\"material.id\"\n              :class=\"[\n                'mk-material-list__item',\n                value === material.path ? 'is-current' : '',\n              ]\"\n              :material-table=\"materialTable\"\n              :material=\"material\"\n              @click.capture=\"handleMaterialItemClick($event, material)\"\n            />\n          </div>\n        </ElScrollbar>\n        <div class=\"mk-material-list__footer\">\n          <ElPagination\n            class=\"mk-data-table-pagination\"\n            :background=\"true\"\n            :pageSizes=\"unref(pageSizes)\"\n            :currentPage=\"unref(currentPage)\"\n            :pageSize=\"unref(pageSize)\"\n            :total=\"unref(totalRecCount)\"\n            layout=\"prev, pager, next\"\n            @current-change=\"changeCurrentPage\"\n            @size-change=\"changePageSize\"\n          />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, unref, watch } from \"vue\";\nimport { ElPagination } from \"element-plus\";\nimport { MKUploadFile } from \"../upload-file\";\nimport { MaterialType, Material } from \"../../dataview\";\nimport MaterialGroup from \"./material-group.vue\";\nimport MaterialItem from \"./material-item.vue\";\nimport { materialListProps, materialListEmits } from \"./material-list-options\";\n\ndefineOptions({ name: \"MKMaterialList\" });\n\nconst props = defineProps(materialListProps);\n\nconst emit = defineEmits(materialListEmits);\n\nprops.materialMan.init();\n\nconst loading = computed(() => props.materialMan.materialTable.loading);\n\nconst value = computed({\n  get: () => {\n    return props.selectable ? props.selectedPath ?? null : null;\n  },\n  set: (v) => {\n    emit(\"update:selected-path\", v);\n  },\n});\n\nconst materialTable = computed(() => props.materialMan.materialTable);\nconst pageSizes = computed(() => unref(materialTable).pageSizes);\nconst currentPage = computed({\n  get: () => unref(materialTable).currentPage,\n  set: (v) => {\n    unref(materialTable).pageTo(v);\n  },\n});\nconst pageSize = computed({\n  get: () => unref(materialTable).pageSize,\n  set: (v) => {\n    unref(materialTable).setPageSize(v);\n  },\n});\nconst totalRecCount = computed(() => unref(materialTable).totalRecCount);\nconst changeCurrentPage = (v: number) => {\n  currentPage.value = v;\n};\nconst changePageSize = (v: number) => {\n  pageSize.value = v;\n};\n\nconst materialList = computed(() => unref(materialTable).getList());\nconst materialTypes = computed(() => props.materialMan.getMaterialType());\nconst currentMaterialTypeId = computed(\n  () => props.materialMan.currentMaterialTypeId\n);\n\nconst currentMaterialType = computed(\n  () => props.materialMan.currentMaterialType\n);\n\nconst handleMaterialTypeClick = (materialType: MaterialType) => {\n  if (materialType.value === unref(currentMaterialTypeId)) {\n    return;\n  }\n\n  props.materialMan.setCurrentMaterialTypeId(materialType.value);\n};\n\nconst handleMaterialItemClick = (event: MouseEvent, material: Material) => {\n  if (!props.selectable) {\n    return;\n  }\n\n  event.preventDefault();\n  event.stopPropagation();\n\n  value.value = material.path;\n  emit(\"selectedChange\", material);\n};\n</script>\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"material-list.vue2.js","sources":["../../../../src/components/material-list/material-list.vue"],"sourcesContent":["<template>\n  <div class=\"mk-material-list\">\n    <MaterialGroup :material-man=\"materialMan\" />\n    <div class=\"mk-material-list__main\" v-loading=\"loading\">\n      <div class=\"mk-material-list__header\">\n        <div class=\"mk-material-list__header-left\">\n          <div class=\"mk-material-list__types\">\n            <div\n              v-for=\"item of materialTypes\"\n              :key=\"item.value\"\n              :class=\"[\n                'mk-material-list__type',\n                currentMaterialTypeId === item.value ? 'is-active' : '',\n              ]\"\n              @click=\"handleMaterialTypeClick(item)\"\n            >\n              {{ item.label }}\n            </div>\n          </div>\n        </div>\n        <div class=\"mk-material-list__header-right\">\n          <template v-if=\"currentMaterialType\">\n            {{ currentMaterialType.label }}大小不超过\n            {{ currentMaterialType.limit }} M\n            <MKWebFileUploadContext\n              :web-file-upload=\"materialMan.upload\"\n              :accept=\"currentMaterialType.accept\"\n            >\n              <MKUploadFile>\n                <ElButton type=\"primary\">\n                  选择{{ currentMaterialType.label }}\n                </ElButton>\n              </MKUploadFile>\n            </MKWebFileUploadContext>\n          </template>\n        </div>\n      </div>\n\n      <div class=\"mk-material-list__body\">\n        <ElScrollbar height=\"100%\">\n          <div class=\"mk-material-list__wrapper\">\n            <MaterialItem\n              v-for=\"material of materialList\"\n              :key=\"material.id\"\n              :class=\"[\n                'mk-material-list__item',\n                value === material.path ? 'is-current' : '',\n              ]\"\n              :material-table=\"materialTable\"\n              :material=\"material\"\n              @click.capture=\"handleMaterialItemClick($event, material)\"\n            />\n          </div>\n        </ElScrollbar>\n        <div class=\"mk-material-list__footer\">\n          <ElPagination\n            class=\"mk-data-table-pagination\"\n            :background=\"true\"\n            :pageSizes=\"unref(pageSizes)\"\n            :currentPage=\"unref(currentPage)\"\n            :pageSize=\"unref(pageSize)\"\n            :total=\"unref(totalRecCount)\"\n            layout=\"prev, pager, next\"\n            @current-change=\"changeCurrentPage\"\n            @size-change=\"changePageSize\"\n          />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, unref } from \"vue\";\nimport { ElPagination } from \"element-plus\";\nimport { MKUploadFile, MKWebFileUploadContext } from \"../upload-file\";\nimport { MaterialType, Material } from \"../../dataview\";\nimport MaterialGroup from \"./material-group.vue\";\nimport MaterialItem from \"./material-item.vue\";\nimport { materialListProps, materialListEmits } from \"./material-list-options\";\n\ndefineOptions({ name: \"MKMaterialList\" });\n\nconst props = defineProps(materialListProps);\n\nconst emit = defineEmits(materialListEmits);\n\nprops.materialMan.init();\n\nconst loading = computed(() => props.materialMan.materialTable.loading);\n\nconst value = computed({\n  get: () => {\n    return props.selectable ? props.selectedPath ?? null : null;\n  },\n  set: (v) => {\n    emit(\"update:selected-path\", v);\n  },\n});\n\nconst materialTable = computed(() => props.materialMan.materialTable);\nconst pageSizes = computed(() => unref(materialTable).pageSizes);\nconst currentPage = computed({\n  get: () => unref(materialTable).currentPage,\n  set: (v) => {\n    unref(materialTable).pageTo(v);\n  },\n});\nconst pageSize = computed({\n  get: () => unref(materialTable).pageSize,\n  set: (v) => {\n    unref(materialTable).setPageSize(v);\n  },\n});\nconst totalRecCount = computed(() => unref(materialTable).totalRecCount);\nconst changeCurrentPage = (v: number) => {\n  currentPage.value = v;\n};\nconst changePageSize = (v: number) => {\n  pageSize.value = v;\n};\n\nconst materialList = computed(() => unref(materialTable).getList());\nconst materialTypes = computed(() => props.materialMan.getMaterialType());\nconst currentMaterialTypeId = computed(\n  () => props.materialMan.currentMaterialTypeId\n);\n\nconst currentMaterialType = computed(\n  () => props.materialMan.currentMaterialType\n);\n\nconst handleMaterialTypeClick = (materialType: MaterialType) => {\n  if (materialType.value === unref(currentMaterialTypeId)) {\n    return;\n  }\n\n  props.materialMan.setCurrentMaterialTypeId(materialType.value);\n};\n\nconst handleMaterialItemClick = (event: MouseEvent, material: Material) => {\n  if (!props.selectable) {\n    return;\n  }\n\n  event.preventDefault();\n  event.stopPropagation();\n\n  value.value = material.path;\n  emit(\"selectedChange\", material);\n};\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuFA,IAAA,KAAA,CAAM,YAAY,IAAK,EAAA,CAAA;AAEvB,IAAA,MAAM,UAAU,QAAS,CAAA,MAAM,KAAM,CAAA,WAAA,CAAY,cAAc,OAAO,CAAA,CAAA;AAEtE,IAAA,MAAM,QAAQ,QAAS,CAAA;AAAA,MACrB,KAAK,MAAM;AACT,QAAA,OAAO,KAAM,CAAA,UAAA,GAAa,KAAM,CAAA,YAAA,IAAgB,IAAO,GAAA,IAAA,CAAA;AAAA,OACzD;AAAA,MACA,GAAA,EAAK,CAAC,CAAM,KAAA;AACV,QAAA,IAAA,CAAK,wBAAwB,CAAC,CAAA,CAAA;AAAA,OAChC;AAAA,KACD,CAAA,CAAA;AAED,IAAA,MAAM,aAAgB,GAAA,QAAA,CAAS,MAAM,KAAA,CAAM,YAAY,aAAa,CAAA,CAAA;AACpE,IAAA,MAAM,YAAY,QAAS,CAAA,MAAM,KAAM,CAAA,aAAa,EAAE,SAAS,CAAA,CAAA;AAC/D,IAAA,MAAM,cAAc,QAAS,CAAA;AAAA,MAC3B,GAAK,EAAA,MAAM,KAAM,CAAA,aAAa,CAAE,CAAA,WAAA;AAAA,MAChC,GAAA,EAAK,CAAC,CAAM,KAAA;AACV,QAAM,KAAA,CAAA,aAAa,CAAE,CAAA,MAAA,CAAO,CAAC,CAAA,CAAA;AAAA,OAC/B;AAAA,KACD,CAAA,CAAA;AACD,IAAA,MAAM,WAAW,QAAS,CAAA;AAAA,MACxB,GAAK,EAAA,MAAM,KAAM,CAAA,aAAa,CAAE,CAAA,QAAA;AAAA,MAChC,GAAA,EAAK,CAAC,CAAM,KAAA;AACV,QAAM,KAAA,CAAA,aAAa,CAAE,CAAA,WAAA,CAAY,CAAC,CAAA,CAAA;AAAA,OACpC;AAAA,KACD,CAAA,CAAA;AACD,IAAA,MAAM,gBAAgB,QAAS,CAAA,MAAM,KAAM,CAAA,aAAa,EAAE,aAAa,CAAA,CAAA;AACvE,IAAM,MAAA,iBAAA,GAAoB,CAAC,CAAc,KAAA;AACvC,MAAA,WAAA,CAAY,KAAQ,GAAA,CAAA,CAAA;AAAA,KACtB,CAAA;AACA,IAAM,MAAA,cAAA,GAAiB,CAAC,CAAc,KAAA;AACpC,MAAA,QAAA,CAAS,KAAQ,GAAA,CAAA,CAAA;AAAA,KACnB,CAAA;AAEA,IAAA,MAAM,eAAe,QAAS,CAAA,MAAM,MAAM,aAAa,CAAA,CAAE,SAAS,CAAA,CAAA;AAClE,IAAA,MAAM,gBAAgB,QAAS,CAAA,MAAM,KAAM,CAAA,WAAA,CAAY,iBAAiB,CAAA,CAAA;AACxE,IAAA,MAAM,qBAAwB,GAAA,QAAA;AAAA,MAC5B,MAAM,MAAM,WAAY,CAAA,qBAAA;AAAA,KAC1B,CAAA;AAEA,IAAA,MAAM,mBAAsB,GAAA,QAAA;AAAA,MAC1B,MAAM,MAAM,WAAY,CAAA,mBAAA;AAAA,KAC1B,CAAA;AAEA,IAAM,MAAA,uBAAA,GAA0B,CAAC,YAA+B,KAAA;AAC9D,MAAA,IAAI,YAAa,CAAA,KAAA,KAAU,KAAM,CAAA,qBAAqB,CAAG,EAAA;AACvD,QAAA,OAAA;AAAA,OACF;AAEA,MAAM,KAAA,CAAA,WAAA,CAAY,wBAAyB,CAAA,YAAA,CAAa,KAAK,CAAA,CAAA;AAAA,KAC/D,CAAA;AAEA,IAAM,MAAA,uBAAA,GAA0B,CAAC,KAAA,EAAmB,QAAuB,KAAA;AACzE,MAAI,IAAA,CAAC,MAAM,UAAY,EAAA;AACrB,QAAA,OAAA;AAAA,OACF;AAEA,MAAA,KAAA,CAAM,cAAe,EAAA,CAAA;AACrB,MAAA,KAAA,CAAM,eAAgB,EAAA,CAAA;AAEtB,MAAA,KAAA,CAAM,QAAQ,QAAS,CAAA,IAAA,CAAA;AACvB,MAAA,IAAA,CAAK,kBAAkB,QAAQ,CAAA,CAAA;AAAA,KACjC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/components/upload-file/context/MaterialUploadContext.d.ts

@@ -0,0 +1,11 @@
+import { MaterialType } from "../../../dataview";
+import { UploadContext, UploadResult } from "./UploadContext";
+export type MaterialUploadContextOptions = {
+    allowMaterialTypeValues?: MaterialType["value"][];
+};
+export declare class MaterialUploadContext extends UploadContext {
+    allowMaterialTypeValues: MaterialType["value"][];
+    constructor(options?: MaterialUploadContextOptions);
+    setAllowMaterialTypeValues(allowMaterialTypeValues: MaterialType["value"][]): void;
+    selectFile(): Promise<UploadResult>;
+}