@maketribe/ms-app 4.0.0-beta.5 → 4.0.0-beta.7

package/dist/esm/index-B7PIMc5M.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-B7PIMc5M.js","sources":["../../src/pages/ms-role/components/aside.vue","../../src/pages/ms-role/index.vue"],"sourcesContent":["<template>\n  <div class=\"ms-role-aside\">\n    <div class=\"ms-role-aside__main\" v-loading=\"loading\">\n      <ElScrollbar height=\"100%\">\n        <div class=\"ms-role-aside__role-list\">\n          <div\n            v-for=\"role in roles\"\n            class=\"ms-role-aside__role-item flex flex-justify-between\"\n            :class=\"[role.id === currentRole?.id ? 'is-active' : '',]\"\n            :key=\"role.id\"\n            @click=\"handleRoleClick(role)\"\n          >\n            <div>\n              <MKSvgIcon class=\"ms-role-aside__role-icon\" name=\"solar:user-bold-duotone\"/>\n              <span class=\"ms-role-aside__role-desc\">{{ role.desc }}</span>\n            </div>\n            <div @click.prevent class=\"flex flex-items-center\">\n              <ElDropdown>\n                <span class=\"ms-role-aside__icon\">\n                  <MKSvgIcon name=\"ri:more-fill\"/>\n                </span>\n\n                <template #dropdown>\n                  <ElDropdownMenu>\n                    <ElDropdownItem :icon=\"Edit\" @click=\"handleMemberRoleEdit(role)\">\n                      编辑\n                    </ElDropdownItem>\n                    <ElDropdownItem :icon=\"Delete\" @click=\"handleDelete(role)\">\n                      删除\n                    </ElDropdownItem>\n                  </ElDropdownMenu>\n                </template>\n              </ElDropdown>\n            </div>\n          </div>\n        </div>\n      </ElScrollbar>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport {onMounted, ref, Ref, watch, computed, unref} from \"vue\";\nimport {DvOpt} from \"@maketribe/request\";\nimport {Dialoger} from \"@maketribe/dm\";\nimport {Edit, Delete} from \"@element-plus/icons-vue\";\nimport {ElButton, ElMessage, ElScrollbar, ElMessageBox} from \"element-plus\";\nimport {MKSvgIcon} from \"../../../components\";\nimport {MsRole, MsRoleForm} from \"../../../dataviews\";\n\nconst props = defineProps({\n  roleForm: {\n    type: MsRoleForm,\n    required: true,\n  },\n});\n\nconst emit = defineEmits([\"role-select\"]);\n\nconst dvOpt = DvOpt.createInstance({name: \"ms-role\"});\n\nconst roles: Ref<MsRole[]> = ref([]);\n\nconst currentRole: Ref<MsRole | null> = ref(null);\n\nconst loading = ref(false);\n\n\nwatch(currentRole, () => {\n  emit(\"role-select\", currentRole.value);\n});\n\n//asdasda\nwatch(\n  computed(() => props.roleForm),\n  (roleForm, _, onCleanup) => {\n    const disposable = roleForm.submittedEvent.on(() => {\n      loadRoleList();\n    });\n\n    onCleanup(() => {\n      disposable.dispose();\n    });\n  },\n  {immediate: true}\n);\n\nconst loadRoleList = async () => {\n  try {\n    loading.value = true;\n\n    roles.value = await dvOpt.query().list<MsRole>();\n\n    // 加载完成之后默认选中第一个\n    if (roles.value.length) {\n      handleRoleClick(roles.value[0])\n    }\n\n  } finally {\n    loading.value = false;\n  }\n};\n\nconst handleMemberRoleEdit = (role: MsRole) => {\n  Dialoger.dataFormDialog({\n    dataForm: props.roleForm,\n    recId: role.id,\n  });\n};\n\nconst handleRoleClick = (role: MsRole) => {\n  currentRole.value = role;\n};\n\nconst handleDelete = async (role: MsRole) => {\n  const isConfirm = await ElMessageBox.confirm(\"是否确认删除\", {\n    type: \"warning\",\n  }).then(\n    () => true,\n    () => false\n  );\n\n  if (!isConfirm) {\n    return;\n  }\n\n  try {\n    const result = await dvOpt.delete(role.id);\n\n    if (result.code !== 200) {\n      ElMessage.error({message: result.msg});\n      return;\n    }\n\n    ElMessage.success({message: \"删除成功\"});\n\n    if (unref(currentRole)?.id === role.id) {\n      currentRole.value = null;\n    }\n\n    loadRoleList();\n  } catch (e) {\n    console.error(e);\n    ElMessage.error({message: \"网络异常\"});\n  }\n};\n\n// 加载角色列表\nawait loadRoleList();\n</script>\n\n<style lang=\"scss\" scoped>\n.ms-role-aside {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n\n\n  &__main {\n    height: 0;\n    flex: 1;\n  }\n\n  &__role {\n    &-icon {\n      margin-right: 8px;\n      font-size: 16px;\n    }\n    &-item+&-item {\n      margin-top: 5px;\n    }\n    &-item {\n      display: flex;\n      align-items: center;\n      height: 36px;\n      padding: 5px 10px;\n      line-height: 36px;\n      border-radius: 5px;\n      cursor: pointer;\n\n      &.is-active,\n      &:hover {\n        background-color: #f4f4f4;\n      }\n\n      .ms-role-aside__icon {\n        display: none;\n        border-radius: 3px;\n        font-size: 14px;\n\n        &:hover {\n          background-color: #f4f4f4;\n        }\n      }\n\n      &:hover {\n        .ms-role-aside__icon {\n          padding: 5px;\n          display: inline-flex;\n        }\n      }\n    }\n  }\n}\n</style>\n","<template>\n  <MKPagePanel class=\"ms-role\" title=\"角色管理\" iconName=\"carbon:add-filled\">\n    <template #extra>\n      <el-button type=\"primary\" @click=\"handleAddRoleClick\" style=\"margin-right: 10px;\">\n        <MKSvgIcon name=\"carbon:add-filled\" style=\"margin-right: 5px;\"/>\n        添加角色\n      </el-button>\n    </template>\n    <div class=\"ms-role__body-warp\">\n      <div class=\"ms-role__aside\">\n        <RoleAside\n          @role-select=\"handleRoleSelect\"\n          :role-form=\"roleForm\"\n          ref=\"RoleAsideEl\"\n        />\n      </div>\n      <div class=\"ms-role__main\">\n        <div class=\"ms-role__content\" v-if=\"currentRole\">\n          <div class=\"flex flex-justify-between\">\n            <div class=\"ms-role__title\" flex=\"~ items-center\">\n              <MKSvgIcon class=\"ms-role-aside__role-icon\" name=\"oui:app-users-roles\" m=\"r-[10px]\"/>\n              {{ currentRole.desc }}\n            </div>\n            <div class=\"ms-role__tools\">\n              <ElButton type=\"primary\" text @click=\"handlePermissionEdit\">\n                <template #icon>\n                  <MKSvgIcon name=\"material-symbols-light:vpn-key-outline\"/>\n                </template>\n                权限设置\n              </ElButton>\n              <ElButton type=\"primary\" @click=\"handleSelectUserClick\">\n                <template #icon>\n                  <MKSvgIcon name=\"carbon:add-filled\"/>\n                </template>\n                添加成员\n              </ElButton>\n              <ElButton\n                :disabled=\"disabledBatchDelete\"\n                @click=\"handleBatchDelete\"\n              >\n                批量删除\n              </ElButton>\n            </div>\n          </div>\n          <MKDataTable :data-table=\"memberRoleTable\">\n            <MKTable/>\n            <MKDataTablePagination/>\n          </MKDataTable>\n        </div>\n      </div>\n    </div>\n  </MKPagePanel>\n</template>\n<script setup lang=\"ts\">\nimport {\n  reactive,\n  Ref,\n  ref,\n  watch,\n  unref,\n  computed,\n  onBeforeUnmount,\n} from \"vue\";\nimport {ElButton, ElMessage, ElMessageBox} from \"element-plus\";\nimport {Dialoger} from \"@maketribe/dm\";\nimport {DvOpt} from \"@maketribe/request\";\nimport {MKDataTable, MKPagePanel, MKSvgIcon, MKTable, MKDataTablePagination} from \"../../components\";\nimport {MsRole, MsMemberRoleTable, MsRoleForm} from \"../../dataviews\";\nimport RoleAside from \"./components/aside.vue\";\n\nconst router = useRouter();\n\nconst dvOpt = DvOpt.createInstance({name: \"ms-member-role\"});\n\nconst currentRole: Ref<MsRole | null> = ref(null);\n\nconst memberRoleTable = reactive(new MsMemberRoleTable()) as MsMemberRoleTable;\n\nconst roleForm = reactive(new MsRoleForm()) as MsRoleForm;\n\nconst disabledBatchDelete = computed(\n  () => memberRoleTable.getSelection().length === 0\n);\n\nwatch(currentRole, (currentRole) => {\n  memberRoleTable.setCurrentRole(currentRole);\n});\n\nonBeforeUnmount(() => {\n  memberRoleTable.dispose();\n  roleForm.dispose();\n});\n\nconst handleAddRoleClick = () => {\n  Dialoger.dataFormDialog({\n    dataForm: roleForm\n  });\n};\n\nconst handleRoleSelect = (role: MsRole) => {\n  currentRole.value = role;\n};\n\nconst handleSelectUserClick = async () => {\n  const selectResult = await Dialoger.dataTableSelectDialog(\n    memberRoleTable.memberTable\n  );\n\n  if (!selectResult.isConfirm) {\n    return;\n  }\n\n  const roleId = unref(currentRole)!.id;\n\n  const memberRoleList = selectResult.selections.map((item) => ({\n    roleId,\n    memberId: item,\n  }));\n\n  try {\n    const result = await dvOpt.batchSave(memberRoleList);\n\n    if (result.code !== 200) {\n      ElMessage.error({message: result.msg});\n      return;\n    }\n\n    ElMessage.success({message: \"添加成功\"});\n\n    memberRoleTable.load();\n  } catch (e) {\n    console.error(e);\n\n    ElMessage.error({message: \"网络异常\"});\n  }\n};\n\nconst handleBatchDelete = async () => {\n  const isConfirm = await ElMessageBox.confirm(\"是否确认删除\", {\n    type: \"warning\",\n  }).then(\n    () => true,\n    () => false\n  );\n\n  if (!isConfirm) {\n    return;\n  }\n\n  try {\n    const result = await dvOpt.batchDelete(memberRoleTable.getSelection());\n\n    if (result.code !== 200) {\n      ElMessage.error({message: result.msg});\n      return;\n    }\n\n    ElMessage.success({message: \"删除成功\"});\n    memberRoleTable.load();\n  } catch (e) {\n    console.error(e);\n    ElMessage.error({message: \"网络异常\"});\n  }\n};\n\nconst handlePermissionEdit = () => {\n  router.push({name: \"dv/ms-role/permission\", params: {id: unref(currentRole)?.id}})\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.ms-role {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  padding: 0px;\n\n  &__body-warp {\n    padding: 10px;\n    display: flex;\n    height: 100%;\n    overflow: hidden;\n  }\n\n  &__aside {\n    background-color: #fff;\n    padding: 10px;\n    max-width: 360px;\n    min-width: 220px;\n    margin-right: 10px;\n  }\n\n  &__main {\n    width: 0;\n    flex: 1;\n\n    .mk-data-table {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n\n      .el-table {\n        height: 0;\n        flex: 1;\n      }\n    }\n  }\n\n  &__content {\n    display: flex;\n    flex-direction: column;\n    padding: 12px;\n    width: 100%;\n    height: 100%;\n    box-sizing: border-box;\n    background-color: #fff;\n  }\n\n  &__title {\n    font-size: 18px;\n    font-weight: 600;\n    margin: 10px 0;\n  }\n\n  &__tools {\n    margin: 10px 0;\n    display: flex;\n    justify-content: flex-end;\n  }\n}\n\n</style>\n"],"names":["_withAsyncContext","currentRole"],"mappings":"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"}

package/dist/esm/{index-B7WKh18D.js → index-B9SBnsHK.js}

@@ -1,7 +1,7 @@
 import { defineComponent, computed, unref, createVNode } from "vue";
 import { buildProps } from "@maketribe/utils";
 import { TableColumn, TableActionColumn } from "@maketribe/dm";
-import { p as columnProps, S as MKButton } from "./index-ynkPkNKa.js";
+import { p as columnProps, S as MKButton } from "./index-CktZMTi8.js";
 import "vue-router";
 import "element-plus";
 import "@maketribe/request";
@@ -57,4 +57,4 @@ export {
   MKColumnAction,
   MKColumnAction as default
 };
-//# sourceMappingURL=index-B7WKh18D.js.map
+//# sourceMappingURL=index-B9SBnsHK.js.map

package/dist/esm/{index-B7WKh18D.js.map → index-B9SBnsHK.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-B7WKh18D.js","sources":["../../src/components/data-model/data-table/components/column-action/column-action-options.ts","../../src/components/data-model/data-table/components/column-action/column-action.tsx","../../src/components/data-model/data-table/components/column-action/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { TableColumn } from \"@maketribe/dm\";\nimport { columnProps } from \"../../composables\";\n\nexport const columnActionProps = buildProps({\n  ...columnProps,\n  column: { type: TableColumn, required: true },\n  buttons: { type: Array, default: () => [] }\n} as const);\n\nexport type ColumnActionProps = ExtractPropTypes<typeof columnActionProps>;\n","import { computed, defineComponent, unref } from \"vue\";\nimport { ElButton } from \"element-plus\";\n\nimport { columnActionProps } from \"./column-action-options\";\nimport { MKButton } from \"../../../../basic/button\";\nimport { ActionButton, TableActionColumn } from \"@maketribe/dm\";\n\nexport type MKColumnActionButton = {\n  name?: string;\n  label?: string;\n  type?: InstanceType<typeof ElButton>[\"type\"];\n  handler?: (row: any) => any;\n};\n\nexport default defineComponent({\n  name: \"MKColumnAction\",\n  props: columnActionProps,\n  setup(props) {\n    const buttons = computed(() => {\n      if (props.column instanceof TableActionColumn) {\n        return props.column.buttons;\n      }\n\n      return props.buttons as ActionButton[];\n    });\n\n    const handleColumnActionClick = (e: MouseEvent) => {\n      e.preventDefault();\n      e.stopPropagation();\n    };\n\n    return () => {\n      const buttonVnodes = unref(buttons)\n        .filter((button) => button.predicate(props.row))\n        .map((button) => (\n          <MKButton\n            icon={button.icon}\n            label={button.label}\n            type={button.type}\n            link\n            onClick={() => button.handler(props.row)}\n          />\n        ));\n\n      return (\n        <span class=\"mk-column-action\" onClick={handleColumnActionClick}>\n          {buttonVnodes}\n        </span>\n      );\n    };\n  },\n});\n","import ColumnAction from \"./column-action\";\n\nexport const MKColumnAction = ColumnAction;\nexport default MKColumnAction;\n"],"names":["defineComponent","name","props","columnActionProps","setup","buttons","computed","column","TableActionColumn","handleColumnActionClick","e","preventDefault","stopPropagation","buttonVnodes","unref","filter","button","predicate","row","map","_createVNode","MKButton","icon","label","type","onClick","handler"],"mappings":";;;;;;;;;;;;;;;;;;;;AAKO,MAAM,oBAAoB,WAAW;AAAA,EAC1C,GAAG;AAAA,EACH,QAAQ,EAAE,MAAM,aAAa,UAAU,KAAK;AAAA,EAC5C,SAAS,EAAE,MAAM,OAAO,SAAS,MAAM,CAAA,EAAG;AAC5C,CAAU;ACKV,MAAeA,+CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AACX,UAAMG,UAAUC,SAAS,MAAM;AAC7B,UAAIJ,MAAMK,kBAAkBC,mBAAmB;AAC7C,eAAON,MAAMK,OAAOF;AAAAA,MACtB;AAEA,aAAOH,MAAMG;AAAAA,IACf,CAAC;AAED,UAAMI,0BAA2BC,OAAkB;AACjDA,QAAEC,eAAc;AAChBD,QAAEE,gBAAe;AAAA;AAGnB,WAAO,MAAM;AACX,YAAMC,eAAeC,MAAMT,OAAO,EAC/BU,OAAQC,YAAWA,OAAOC,UAAUf,MAAMgB,GAAG,CAAC,EAC9CC,IAAKH,YAAMI,YAAAC,UAAA;AAAA,QAAA,QAEFL,OAAOM;AAAAA,QAAI,SACVN,OAAOO;AAAAA,QAAK,QACbP,OAAOQ;AAAAA,QAAI,QAAA;AAAA,QAAA,WAERC,MAAMT,OAAOU,QAAQxB,MAAMgB,GAAG;AAAA,MAAC,GAAA,IAAA,CAE3C;AAEH,aAAAE,YAAA,QAAA;AAAA,QAAA,SAAA;AAAA,QAAA,WAC0CX;AAAAA,MAAuB,GAAA,CAC5DI,YAAY,CAAA;AAAA;EAIrB;AACF,CAAC;ACjDM,MAAM,iBAAiB;"}
+{"version":3,"file":"index-B9SBnsHK.js","sources":["../../src/components/data-model/data-table/components/column-action/column-action-options.ts","../../src/components/data-model/data-table/components/column-action/column-action.tsx","../../src/components/data-model/data-table/components/column-action/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { TableColumn } from \"@maketribe/dm\";\nimport { columnProps } from \"../../composables\";\n\nexport const columnActionProps = buildProps({\n  ...columnProps,\n  column: { type: TableColumn, required: true },\n  buttons: { type: Array, default: () => [] }\n} as const);\n\nexport type ColumnActionProps = ExtractPropTypes<typeof columnActionProps>;\n","import { computed, defineComponent, unref } from \"vue\";\nimport { ElButton } from \"element-plus\";\n\nimport { columnActionProps } from \"./column-action-options\";\nimport { MKButton } from \"../../../../basic/button\";\nimport { ActionButton, TableActionColumn } from \"@maketribe/dm\";\n\nexport type MKColumnActionButton = {\n  name?: string;\n  label?: string;\n  type?: InstanceType<typeof ElButton>[\"type\"];\n  handler?: (row: any) => any;\n};\n\nexport default defineComponent({\n  name: \"MKColumnAction\",\n  props: columnActionProps,\n  setup(props) {\n    const buttons = computed(() => {\n      if (props.column instanceof TableActionColumn) {\n        return props.column.buttons;\n      }\n\n      return props.buttons as ActionButton[];\n    });\n\n    const handleColumnActionClick = (e: MouseEvent) => {\n      e.preventDefault();\n      e.stopPropagation();\n    };\n\n    return () => {\n      const buttonVnodes = unref(buttons)\n        .filter((button) => button.predicate(props.row))\n        .map((button) => (\n          <MKButton\n            icon={button.icon}\n            label={button.label}\n            type={button.type}\n            link\n            onClick={() => button.handler(props.row)}\n          />\n        ));\n\n      return (\n        <span class=\"mk-column-action\" onClick={handleColumnActionClick}>\n          {buttonVnodes}\n        </span>\n      );\n    };\n  },\n});\n","import ColumnAction from \"./column-action\";\n\nexport const MKColumnAction = ColumnAction;\nexport default MKColumnAction;\n"],"names":["defineComponent","name","props","columnActionProps","setup","buttons","computed","column","TableActionColumn","handleColumnActionClick","e","preventDefault","stopPropagation","buttonVnodes","unref","filter","button","predicate","row","map","_createVNode","MKButton","icon","label","type","onClick","handler"],"mappings":";;;;;;;;;;;;;;;;;;;;AAKO,MAAM,oBAAoB,WAAW;AAAA,EAC1C,GAAG;AAAA,EACH,QAAQ,EAAE,MAAM,aAAa,UAAU,KAAK;AAAA,EAC5C,SAAS,EAAE,MAAM,OAAO,SAAS,MAAM,CAAA,EAAG;AAC5C,CAAU;ACKV,MAAeA,+CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AACX,UAAMG,UAAUC,SAAS,MAAM;AAC7B,UAAIJ,MAAMK,kBAAkBC,mBAAmB;AAC7C,eAAON,MAAMK,OAAOF;AAAAA,MACtB;AAEA,aAAOH,MAAMG;AAAAA,IACf,CAAC;AAED,UAAMI,0BAA2BC,OAAkB;AACjDA,QAAEC,eAAc;AAChBD,QAAEE,gBAAe;AAAA;AAGnB,WAAO,MAAM;AACX,YAAMC,eAAeC,MAAMT,OAAO,EAC/BU,OAAQC,YAAWA,OAAOC,UAAUf,MAAMgB,GAAG,CAAC,EAC9CC,IAAKH,YAAMI,YAAAC,UAAA;AAAA,QAAA,QAEFL,OAAOM;AAAAA,QAAI,SACVN,OAAOO;AAAAA,QAAK,QACbP,OAAOQ;AAAAA,QAAI,QAAA;AAAA,QAAA,WAERC,MAAMT,OAAOU,QAAQxB,MAAMgB,GAAG;AAAA,MAAC,GAAA,IAAA,CAE3C;AAEH,aAAAE,YAAA,QAAA;AAAA,QAAA,SAAA;AAAA,QAAA,WAC0CX;AAAAA,MAAuB,GAAA,CAC5DI,YAAY,CAAA;AAAA;EAIrB;AACF,CAAC;ACjDM,MAAM,iBAAiB;"}

package/dist/esm/{index-BzoCrtwv.js → index-BDWiXSxt.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, reactive, resolveComponent, openBlock, createBlock, unref, withCtx, createElementVNode, createTextVNode, createVNode } from "vue";
 import { useRouter } from "vue-router";
 import { Messager } from "@maketribe/dm";
-import { J as useHttpRequest, K as MKSimplePageLayout, L as MKOpenVerifyCode } from "./index-ynkPkNKa.js";
+import { K as useHttpRequest, L as MKSimplePageLayout, N as MKOpenVerifyCode } from "./index-CktZMTi8.js";
 import "@maketribe/request";
 import "@maketribe/locale";
 import "@maketribe/utils";
@@ -197,4 +197,4 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 export {
   _sfc_main as default
 };
-//# sourceMappingURL=index-BzoCrtwv.js.map
+//# sourceMappingURL=index-BDWiXSxt.js.map

package/dist/esm/{index-BzoCrtwv.js.map → index-BDWiXSxt.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-BzoCrtwv.js","sources":["../../src/pages/signup/index.vue"],"sourcesContent":["<template>\n  <MKSimplePageLayout class=\"login-wrap\">\n    <div class=\"login-form-wrap\">\n      <div class=\"login-form-title\"> 账号申请 </div>\n        <div class=\"login-form-item\">\n          <div></div>\n          <span class=\"notify\">\n            已有账号？\n            <el-link :underline=\"false\" type=\"primary\" @click=\"router.push('/login')\">\n              返回登录\n              <MKSvgIcon iconClass=\"ArrowRightBold\" style=\"margin-left: 5px;\" />\n            </el-link>\n          </span>\n      </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 type=\"primary\" style=\"width: 100%\"\n            :loading=\"loading\" @click=\"handleAccountApply\">\n            提交申请\n          </ElButton>\n        </ElFormItem>\n      </ElForm>\n    </div>\n  </MKSimplePageLayout>\n</template>\n\n<script setup lang=\"ts\">\nimport { Ref,  reactive, ref } from \"vue\";\nimport { useRouter } from \"vue-router\";\nimport { FormRules } from \"element-plus\";\nimport { Messager } from \"@maketribe/dm\";\nimport { useHttpRequest } from \"../../composables\";\nimport { MKOpenVerifyCode,MKSimplePageLayout } 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 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\n\nconst signFormData = reactive({\n  account: \"\",\n  email: \"\",\n  name: \"\",\n  nickName: \"\",\n  phone: \"\",\n  vCdoe:\"\"\n});\n\nconst handleAccountApply = async () => {\n\n  if(! await formEl.value.validate()){\n    return ;\n  }\n\n  // 验证码\n  signFormData.vCdoe = (await MKOpenVerifyCode({ sence:\"AccountApply\" } as any)) + \"\";\n\n  const result = await httpRequest.post(\"ms/app/account-apply\",signFormData);\n\n  if (result.data.code != 200) {\n    Messager.error({ message: result.data.msg || \"注册失败\"});\n    return;\n  }\n\n  Messager.success({ message: \"注册成功,请联系管理员通过验证\" });\n};\n\n// 记住登陆状态\nconst rememberLoginState = ref(false);\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiEM,UAAA,SAAmB,IAAI,IAAI;AAEjC,UAAM,SAAS;AAEf,UAAM,cAAc;AAEd,UAAA,UAAU,IAAI,KAAK;AAEzB,UAAM,QAAmB;AAAA,MACvB,SAAS,CAAC,EAAE,UAAU,MAAM,SAAS,QAAQ;AAAA,MAC7C,OAAO;AAAA,QACL;AAAA,UACE,UAAU;AAAA,UACV,SAAS;AAAA,UACT,WAAW,CAAC,MAAM,OAAO,aAAa;AACpC,gBAAI,CAAC,OAAO;AACD,uBAAA,IAAI,MAAM,MAAM,CAAC;AAAA,YAE1B,WAAA,CAAC,qDAAqD,KAAK,KAAK,GAChE;AACS,uBAAA,IAAI,MAAM,QAAQ,CAAC;AAAA,YAAA,OACvB;AACI;YACX;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,MACA,MAAM,CAAC,EAAE,UAAU,MAAM,SAAS,QAAQ;AAAA,IAAA;AAI5C,UAAM,eAAe,SAAS;AAAA,MAC5B,SAAS;AAAA,MACT,OAAO;AAAA,MACP,MAAM;AAAA,MACN,UAAU;AAAA,MACV,OAAO;AAAA,MACP,OAAM;AAAA,IAAA,CACP;AAED,UAAM,qBAAqB,YAAY;AAErC,UAAG,CAAE,MAAM,OAAO,MAAM,YAAW;AACjC;AAAA,MACF;AAGA,mBAAa,QAAS,MAAM,iBAAiB,EAAE,OAAM,eAAA,CAAuB,IAAK;AAEjF,YAAM,SAAS,MAAM,YAAY,KAAK,wBAAuB,YAAY;AAErE,UAAA,OAAO,KAAK,QAAQ,KAAK;AAC3B,iBAAS,MAAM,EAAE,SAAS,OAAO,KAAK,OAAO,QAAO;AACpD;AAAA,MACF;AAEA,eAAS,QAAQ,EAAE,SAAS,kBAAmB,CAAA;AAAA,IAAA;AAItB,QAAI,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index-BDWiXSxt.js","sources":["../../src/pages/signup/index.vue"],"sourcesContent":["<template>\n  <MKSimplePageLayout class=\"login-wrap\">\n    <div class=\"login-form-wrap\">\n      <div class=\"login-form-title\"> 账号申请 </div>\n        <div class=\"login-form-item\">\n          <div></div>\n          <span class=\"notify\">\n            已有账号？\n            <el-link :underline=\"false\" type=\"primary\" @click=\"router.push('/login')\">\n              返回登录\n              <MKSvgIcon iconClass=\"ArrowRightBold\" style=\"margin-left: 5px;\" />\n            </el-link>\n          </span>\n      </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 type=\"primary\" style=\"width: 100%\"\n            :loading=\"loading\" @click=\"handleAccountApply\">\n            提交申请\n          </ElButton>\n        </ElFormItem>\n      </ElForm>\n    </div>\n  </MKSimplePageLayout>\n</template>\n\n<script setup lang=\"ts\">\nimport { Ref,  reactive, ref } from \"vue\";\nimport { useRouter } from \"vue-router\";\nimport { FormRules } from \"element-plus\";\nimport { Messager } from \"@maketribe/dm\";\nimport { useHttpRequest } from \"../../composables\";\nimport { MKOpenVerifyCode,MKSimplePageLayout } 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 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\n\nconst signFormData = reactive({\n  account: \"\",\n  email: \"\",\n  name: \"\",\n  nickName: \"\",\n  phone: \"\",\n  vCdoe:\"\"\n});\n\nconst handleAccountApply = async () => {\n\n  if(! await formEl.value.validate()){\n    return ;\n  }\n\n  // 验证码\n  signFormData.vCdoe = (await MKOpenVerifyCode({ sence:\"AccountApply\" } as any)) + \"\";\n\n  const result = await httpRequest.post(\"ms/app/account-apply\",signFormData);\n\n  if (result.data.code != 200) {\n    Messager.error({ message: result.data.msg || \"注册失败\"});\n    return;\n  }\n\n  Messager.success({ message: \"注册成功,请联系管理员通过验证\" });\n};\n\n// 记住登陆状态\nconst rememberLoginState = ref(false);\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiEM,UAAA,SAAmB,IAAI,IAAI;AAEjC,UAAM,SAAS;AAEf,UAAM,cAAc;AAEd,UAAA,UAAU,IAAI,KAAK;AAEzB,UAAM,QAAmB;AAAA,MACvB,SAAS,CAAC,EAAE,UAAU,MAAM,SAAS,QAAQ;AAAA,MAC7C,OAAO;AAAA,QACL;AAAA,UACE,UAAU;AAAA,UACV,SAAS;AAAA,UACT,WAAW,CAAC,MAAM,OAAO,aAAa;AACpC,gBAAI,CAAC,OAAO;AACD,uBAAA,IAAI,MAAM,MAAM,CAAC;AAAA,YAE1B,WAAA,CAAC,qDAAqD,KAAK,KAAK,GAChE;AACS,uBAAA,IAAI,MAAM,QAAQ,CAAC;AAAA,YAAA,OACvB;AACI;YACX;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,MACA,MAAM,CAAC,EAAE,UAAU,MAAM,SAAS,QAAQ;AAAA,IAAA;AAI5C,UAAM,eAAe,SAAS;AAAA,MAC5B,SAAS;AAAA,MACT,OAAO;AAAA,MACP,MAAM;AAAA,MACN,UAAU;AAAA,MACV,OAAO;AAAA,MACP,OAAM;AAAA,IAAA,CACP;AAED,UAAM,qBAAqB,YAAY;AAErC,UAAG,CAAE,MAAM,OAAO,MAAM,YAAW;AACjC;AAAA,MACF;AAGA,mBAAa,QAAS,MAAM,iBAAiB,EAAE,OAAM,eAAA,CAAuB,IAAK;AAEjF,YAAM,SAAS,MAAM,YAAY,KAAK,wBAAuB,YAAY;AAErE,UAAA,OAAO,KAAK,QAAQ,KAAK;AAC3B,iBAAS,MAAM,EAAE,SAAS,OAAO,KAAK,OAAO,QAAO;AACpD;AAAA,MACF;AAEA,eAAS,QAAQ,EAAE,SAAS,kBAAmB,CAAA;AAAA,IAAA;AAItB,QAAI,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/{index-NA3orsqu.js → index-BM3M7hmP.js}

@@ -1,8 +1,9 @@
 import { buildProps, withInstall } from "@maketribe/utils";
-import { inject, computed, unref, defineComponent, watch, ref, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createTextVNode } from "vue";
-import { a4 as DATA_FORM_ITEM_CONTEXT_KEY, E as MKDataTable, a5 as DataForm, a6 as MKForm } from "./index-ynkPkNKa.js";
-import { FormDetailColumn, FormColumn, Messager } from "@maketribe/dm";
-import { ElButton, ElEmpty } from "element-plus";
+import { defineComponent, computed, watch, unref, ref, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createTextVNode, toDisplayString } from "vue";
+import { V as useFormItem, E as MKDataTable, X as DataForm, Y as MKForm } from "./index-CktZMTi8.js";
+import { FormDetailColumn, Messager, DataFormType } from "@maketribe/dm";
+import { ElButton } from "element-plus";
+import { I18n } from "@maketribe/locale";
 const formDetailProps = buildProps({
   modelValue: {
     type: null
@@ -20,37 +21,6 @@ const formDetailProps = buildProps({
 const formDetailEmits = {
   "update:model-value": (v) => true
 };
-buildProps({
-  column: { type: FormColumn, required: true }
-});
-function useFormItem() {
-  const dataFormItemContext = inject(DATA_FORM_ITEM_CONTEXT_KEY);
-  const column = computed(() => {
-    var _a;
-    return ((_a = unref(dataFormItemContext)) == null ? void 0 : _a.column) ?? null;
-  });
-  const value = computed({
-    get: () => {
-      const _column = unref(column);
-      if (!_column) {
-        return;
-      }
-      return _column.getValue();
-    },
-    set: (v) => {
-      const _column = unref(column);
-      if (!_column) {
-        return;
-      }
-      _column.setValue(v);
-    }
-  });
-  const disabled = computed(() => {
-    var _a;
-    return ((_a = unref(column)) == null ? void 0 : _a.disabled) ?? false;
-  });
-  return { column, value, disabled };
-}
 const _hoisted_1 = { class: "mk-form-detail" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "form-detail",
@@ -130,6 +100,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       },
       { immediate: true }
     );
+    const isUpdateForm = computed(() => unref(detailForm).getDataFormType() == DataFormType.UPDATE);
     const handleFormSave = async () => {
       var _a;
       await ((_a = unref(detailForm)) == null ? void 0 : _a.simpleSubmit());
@@ -147,12 +118,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         createVNode(_component_ElDrawer, {
           modelValue: isShowDataForm.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isShowDataForm.value = $event),
-          "append-to-body": ""
+          "append-to-body": "",
+          title: _ctx.column.label
         }, {
           footer: withCtx(() => [
             createVNode(unref(ElButton), { onClick: handleFormCancel }, {
               default: withCtx(() => [
-                createTextVNode("取消")
+                createTextVNode(toDisplayString(unref(I18n).instance.translate("mk.dataForm.cancelButton")), 1)
               ]),
               _: 1
             }),
@@ -161,14 +133,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               onClick: handleFormSave
             }, {
               default: withCtx(() => [
-                createTextVNode("保存")
+                createTextVNode(toDisplayString(isUpdateForm.value ? unref(I18n).instance.translate("mk.dataForm.saveButton") : unref(I18n).instance.translate("mk.dataForm.addButton")), 1)
               ]),
               _: 1
             })
           ]),
-          empty: withCtx(() => [
-            createVNode(unref(ElEmpty), { "image-size": 100 })
-          ]),
           default: withCtx(() => [
             createVNode(DataForm, {
               dataForm: detailForm.value,
@@ -181,7 +150,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, 8, ["dataForm"])
           ]),
           _: 1
-        }, 8, ["modelValue"])
+        }, 8, ["modelValue", "title"])
       ]);
     };
   }
@@ -193,4 +162,4 @@ export {
   formDetailEmits,
   formDetailProps
 };
-//# sourceMappingURL=index-NA3orsqu.js.map
+//# sourceMappingURL=index-BM3M7hmP.js.map

package/dist/esm/index-BM3M7hmP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-BM3M7hmP.js","sources":["../../src/components/data-model/data-form/components/form-detail/form-detail-options.ts","../../src/components/data-model/data-form/components/form-detail/form-detail.vue","../../src/components/data-model/data-form/components/form-detail/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { FormDetailColumn } from \"@maketribe/dm\";\n\nexport const formDetailProps = buildProps({\n  modelValue: {\n    type: null,\n  },\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n  column: { type: FormDetailColumn, required: true },\n  formWidth: {\n    type: String,\n    default: \"400px\",\n  },\n} as const);\n\nexport type FormDetailProps = ExtractPropTypes<typeof formDetailProps>;\n\nexport const formDetailEmits = {\n  \"update:model-value\": (v: any) => true,\n};\n\nexport type FormDetailEmits = ExtractPropTypes<typeof formDetailEmits>;\n","<script setup lang=\"ts\">\nimport {computed, ref, unref, watch} from \"vue\";\nimport {MKDataTable} from \"../../../data-table\";\nimport DataForm from \"../../data-form.vue\";\nimport {formDetailEmits, formDetailProps} from \"./form-detail-options\";\nimport {useFormItem} from \"../../composables\";\nimport {MKForm} from '../../views'\nimport {ElButton, ElEmpty} from \"element-plus\";\nimport { I18n } from \"@maketribe/locale\";\nimport {DataFormType, Messager} from \"@maketribe/dm\";\n\nconst props = defineProps(formDetailProps);\n\nconst emit = defineEmits(formDetailEmits)\n\nconst detailTable = computed(() => props.column.detailTable);\nconst detailForm = computed(() => props.column.detailForm!);\n\nconst {value} = useFormItem();\n\nwatch(\n  computed(() => unref(value)),\n  (value) => {\n    const _detailTable = unref(detailTable);\n\n    value = Array.isArray(value) ? value : [];\n\n    _detailTable.setList(\n      value.map((item: any) => _detailTable.formatItem(item))\n    );\n  }\n);\n\nconst isShowDataForm = ref(false);\n\nwatch(\n  detailTable,\n  (dataTable, _, onCleanup) => {\n\n    const addRecordDisposable = dataTable.addRecordEvent.on(async ({item}) => {\n      const _dataForm = unref(detailForm);\n\n      if (!_dataForm) {\n        console.warn(`没有对应的 (${dataTable.name}) DataForm 实现`);\n        return;\n      }\n\n      isShowDataForm.value = true;\n\n      _dataForm.addRecord(item);\n    });\n\n    const editRecordDisposable = dataTable.editRecordEvent.on(\n      async ({item}) => {\n        const _dataForm = unref(detailForm);\n\n        if (!_dataForm) {\n          console.warn(`没有对应的 (${dataTable.name}) DataForm 实现`);\n          return;\n        }\n\n        isShowDataForm.value = true;\n\n        try {\n          const response = await _dataForm.editRecord(item);\n\n          if (response.data.code !== 200) {\n            Messager.error({message: response.data.msg});\n            isShowDataForm.value = false;\n            return;\n          }\n        } catch (e) {\n          console.error(e);\n          isShowDataForm.value = false;\n        }\n      }\n    );\n\n    onCleanup(() => {\n      addRecordDisposable.dispose();\n      editRecordDisposable.dispose();\n    });\n  },\n  {immediate: true}\n);\n\nwatch(\n  detailForm,\n  (dataForm, _, onCleanup) => {\n    const submittedDisposable = dataForm.submittedEvent.on(() => {\n      isShowDataForm.value = false;\n\n      unref(detailTable)?.load();\n    });\n\n    const cancelDisposable = dataForm.cancelEvent.on(() => {\n      isShowDataForm.value = false;\n    });\n\n    onCleanup(() => {\n      submittedDisposable.dispose();\n      cancelDisposable.dispose();\n    });\n  },\n  {immediate: true}\n);\n\nconst isUpdateForm = computed(()=> unref(detailForm).getDataFormType() == DataFormType.UPDATE)\n\nconst handleFormSave = async () => {\n  await unref(detailForm)?.simpleSubmit();\n};\n\nconst handleFormCancel = () => {\n  unref(detailForm).cancel();\n};\n\n\n</script>\n\n<template>\n  <div class=\"mk-form-detail\">\n    <MKDataTable :dataTable=\"detailTable\" :autoLoad=\"false\" />\n    <ElDrawer v-model=\"isShowDataForm\" append-to-body  :title=\"column.label\">\n      <DataForm :dataForm=\"detailForm\" :autoLoad=\"false\">\n        <MKForm/>\n      </DataForm>\n\n      <template #footer>\n        <ElButton @click=\"handleFormCancel\">\n          {{I18n.instance.translate(\"mk.dataForm.cancelButton\")}}\n        </ElButton>\n        <ElButton type=\"primary\" @click=\"handleFormSave\">\n          {{ isUpdateForm ? I18n.instance.translate(\"mk.dataForm.saveButton\") : I18n.instance.translate(\"mk.dataForm.addButton\")}}\n        </ElButton>\n      </template>\n\n<!--      <template #empty>-->\n<!--        <ElEmpty :image-size=\"100\"/>-->\n<!--      </template>-->\n    </ElDrawer>\n  </div>\n</template>\n","import { withInstall } from \"@maketribe/utils\";\nimport FormDetail from \"./form-detail.vue\";\n\nexport const MKFormDetail = withInstall(FormDetail);\nexport default MKFormDetail;\n\nexport * from \"./form-detail-options\";\n"],"names":["value","FormDetail"],"mappings":"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"}

package/dist/esm/{index-CXlM4iiU.js → index-BN6A_G2m.js}

@@ -1,5 +1,5 @@
 import { defineComponent, resolveComponent, openBlock, createBlock, unref, withCtx, createVNode } from "vue";
-import { I as MKLayout } from "./index-ynkPkNKa.js";
+import { J as MKLayout } from "./index-CktZMTi8.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   setup(__props) {
@@ -17,4 +17,4 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 export {
   _sfc_main as default
 };
-//# sourceMappingURL=index-CXlM4iiU.js.map
+//# sourceMappingURL=index-BN6A_G2m.js.map

package/dist/esm/index-BN6A_G2m.js.map

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

package/dist/esm/index-BmMBvRrR.js

@@ -0,0 +1,127 @@
+import { defineComponent, ref, reactive, watch, computed, unref, onBeforeUnmount, resolveComponent, openBlock, createElementBlock, Fragment, withDirectives, createBlock, withCtx, createVNode, createElementVNode, toDisplayString, createTextVNode, createCommentVNode, vShow } from "vue";
+import { useRouter } from "vue-router";
+import { Dialoger } from "@maketribe/dm";
+import { DvOpt } from "@maketribe/request";
+import { ElMessage } from "element-plus";
+import "@maketribe/utils";
+import { B as MsRouteTable, z as DataModelDefines, C as useSingleView, E as MKDataTable, F as MKTableView, G as MKTableTree, v as MKSvgIcon, H as MenuType, I as MKDataForm } from "./index-CktZMTi8.js";
+import "@maketribe/locale";
+import "lodash-es";
+import "@lexical/overflow";
+import "@lexical/text";
+import "@lexical/utils";
+import "lexical";
+import "@lexical/selection";
+import "@lexical/link";
+import "@lexical/rich-text";
+import "@element-plus/icons-vue";
+import "@lexical/history";
+import "@lexical/dragon";
+import "@lexical/plain-text";
+const _hoisted_1 = { flex: "inline items-center" };
+const _hoisted_2 = { class: "mx-2" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  setup(__props) {
+    const router = useRouter();
+    const dataTree = ref(null);
+    const dataForm = ref(null);
+    const routeTable = reactive(new MsRouteTable());
+    watch(
+      computed(() => unref(router.currentRoute).meta.name),
+      (name) => {
+        dataTree.value = DataModelDefines.instance.getDataTree(name);
+        dataForm.value = DataModelDefines.instance.getDataForm(name);
+      },
+      { immediate: true }
+    );
+    const handleUrlClick = async (item) => {
+      var _a, _b, _c;
+      routeTable.useCondition((defaultGroup) => {
+        defaultGroup.clear();
+        defaultGroup.addCondition("menuId", "=", item.id);
+      });
+      const result = await Dialoger.dataTableSelectDialog(routeTable);
+      if (!result.isConfirm) {
+        return;
+      }
+      try {
+        (_a = unref(dataTree)) == null ? void 0 : _a.getLoadingManager().startLoading();
+        const response = await DvOpt.createInstance({ name: "ms-menu" }).save({
+          id: item.id,
+          routeId: result.selections[0]
+        });
+        if (response.code !== 200) {
+          ElMessage.error(response.msg);
+          return;
+        }
+        (_b = unref(dataTree)) == null ? void 0 : _b.load();
+        ElMessage.success("更新成功");
+      } catch {
+        ElMessage.error("网络异常");
+      } finally {
+        (_c = unref(dataTree)) == null ? void 0 : _c.getLoadingManager().completeLoading();
+      }
+    };
+    const { isShowDataForm } = useSingleView({ dataTable: dataTree, dataForm });
+    onBeforeUnmount(() => {
+      routeTable.dispose();
+    });
+    return (_ctx, _cache) => {
+      const _component_ElButton = resolveComponent("ElButton");
+      return openBlock(), createElementBlock(Fragment, null, [
+        dataTree.value ? withDirectives((openBlock(), createBlock(unref(MKDataTable), {
+          key: 0,
+          "data-table": dataTree.value,
+          mode: "page",
+          enableQueryParams: ""
+        }, {
+          default: withCtx(() => [
+            createVNode(unref(MKTableView), { mode: "page" }, {
+              default: withCtx(() => [
+                createVNode(unref(MKTableTree), { defaultExpandAll: "" }, {
+                  "col-data.title-content": withCtx(({ row }) => [
+                    createElementVNode("div", _hoisted_1, [
+                      createVNode(unref(MKSvgIcon), {
+                        name: row.data.iconName
+                      }, null, 8, ["name"]),
+                      createElementVNode("span", _hoisted_2, toDisplayString(row.data.title), 1),
+                      row.data.type === unref(MenuType).Menu ? (openBlock(), createBlock(_component_ElButton, {
+                        key: 0,
+                        link: "",
+                        type: "primary",
+                        class: "ms-menu__url",
+                        onClick: ($event) => handleUrlClick(row.data)
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(row.data.targetUrl || "空"), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["onClick"])) : createCommentVNode("", true)
+                    ])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["data-table"])), [
+          [vShow, !unref(isShowDataForm)]
+        ]) : createCommentVNode("", true),
+        dataForm.value && unref(isShowDataForm) ? (openBlock(), createBlock(unref(MKDataForm), {
+          key: 1,
+          mode: "page",
+          labelPosition: "top",
+          "data-form": dataForm.value,
+          KDataForm: ""
+        }, null, 8, ["data-form"])) : createCommentVNode("", true)
+      ], 64);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=index-BmMBvRrR.js.map

package/dist/esm/index-BmMBvRrR.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-BmMBvRrR.js","sources":["../../src/pages/ms-menu/index.vue"],"sourcesContent":["<template>\n  <MKDataTable v-if=\"dataTree\" v-show=\"!isShowDataForm\" :data-table=\"dataTree\" mode=\"page\" enableQueryParams>\n    <MKTableView mode=\"page\">\n      <MKTableTree defaultExpandAll>\n        <template #col-data.title-content=\"{ row }\">\n          <div flex=\"inline items-center\">\n            <MKSvgIcon :name=\"row.data.iconName\"/>\n            <span class=\"mx-2\">{{ row.data.title }}</span>\n            <ElButton\n              v-if=\"row.data.type === MenuType.Menu\"\n              link\n              type=\"primary\"\n              class=\"ms-menu__url\"\n              @click=\"handleUrlClick(row.data)\"\n            >\n              {{ row.data.targetUrl || \"空\" }}\n            </ElButton>\n          </div>\n        </template>\n      </MKTableTree>\n    </MKTableView>\n  </MKDataTable>\n\n  <MKDataForm v-if=\"dataForm && isShowDataForm\"  mode=\"page\" labelPosition=\"top\" :data-form=\"dataForm\" KDataForm/>\n</template>\n<script setup lang=\"ts\">\nimport {\n  unref,\n  computed,\n  watch,\n  ref,\n  Ref,\n  reactive,\n  onBeforeUnmount,\n} from \"vue\";\nimport {useRouter} from \"vue-router\";\nimport {DataForm, DataTree, Dialoger} from \"@maketribe/dm\";\nimport {DvOpt} from \"@maketribe/request\";\nimport {ElMessage} from \"element-plus\";\nimport {DataModelDefines} from \"../../core\";\nimport {\n  MKSvgIcon,\n  MKDataTable, MKTableView, MKTableTree, MKDataForm,\n} from \"../../components\";\nimport {useSingleView} from \"../../composables\";\nimport {MenuType} from \"../../constants\";\nimport {MsRouteTable, MsMenuItemNode} from \"../../dataviews\";\n\nconst router = useRouter();\n\nconst dataTree: Ref<DataTree | null> = ref(null);\nconst dataForm: Ref<DataForm | null> = ref(null);\n\n// 路由表单\nconst routeTable = reactive(new MsRouteTable()) as MsRouteTable;\n\nwatch(\n  computed(() => unref(router.currentRoute).meta.name as string),\n  (name) => {\n    dataTree.value = DataModelDefines.instance.getDataTree(name);\n\n    dataForm.value = DataModelDefines.instance.getDataForm(name);\n  },\n  {immediate: true}\n);\n\nconst handleUrlClick = async (item: MsMenuItemNode) => {\n  routeTable.useCondition((defaultGroup) => {\n    defaultGroup.clear();\n    defaultGroup.addCondition(\"menuId\", \"=\", item.id);\n  });\n\n  const result = await Dialoger.dataTableSelectDialog(routeTable);\n\n  if (!result.isConfirm) {\n    return;\n  }\n\n  try {\n    unref(dataTree)?.getLoadingManager().startLoading();\n\n    const response = await DvOpt.createInstance({name: \"ms-menu\"}).save({\n      id: item.id,\n      routeId: result.selections[0],\n    });\n\n    if (response.code !== 200) {\n      ElMessage.error(response.msg);\n      return;\n    }\n\n    unref(dataTree)?.load();\n\n    ElMessage.success(\"更新成功\");\n  } catch {\n    ElMessage.error(\"网络异常\");\n  } finally {\n    unref(dataTree)?.getLoadingManager().completeLoading();\n  }\n};\n\nconst {isShowDataForm} = useSingleView({dataTable: dataTree, dataForm});\n\nonBeforeUnmount(() => {\n  routeTable.dispose();\n});\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAgDA,UAAM,SAAS;AAET,UAAA,WAAiC,IAAI,IAAI;AACzC,UAAA,WAAiC,IAAI,IAAI;AAG/C,UAAM,aAAa,SAAS,IAAI,aAAc,CAAA;AAE9C;AAAA,MACE,SAAS,MAAM,MAAM,OAAO,YAAY,EAAE,KAAK,IAAc;AAAA,MAC7D,CAAC,SAAS;AACR,iBAAS,QAAQ,iBAAiB,SAAS,YAAY,IAAI;AAE3D,iBAAS,QAAQ,iBAAiB,SAAS,YAAY,IAAI;AAAA,MAC7D;AAAA,MACA,EAAC,WAAW,KAAI;AAAA,IAAA;AAGZ,UAAA,iBAAiB,OAAO,SAAyB;;AAC1C,iBAAA,aAAa,CAAC,iBAAiB;AACxC,qBAAa,MAAM;AACnB,qBAAa,aAAa,UAAU,KAAK,KAAK,EAAE;AAAA,MAAA,CACjD;AAED,YAAM,SAAS,MAAM,SAAS,sBAAsB,UAAU;AAE1D,UAAA,CAAC,OAAO,WAAW;AACrB;AAAA,MACF;AAEI,UAAA;AACF,oBAAM,QAAQ,MAAd,mBAAiB,oBAAoB;AAE/B,cAAA,WAAW,MAAM,MAAM,eAAe,EAAC,MAAM,UAAA,CAAU,EAAE,KAAK;AAAA,UAClE,IAAI,KAAK;AAAA,UACT,SAAS,OAAO,WAAW,CAAC;AAAA,QAAA,CAC7B;AAEG,YAAA,SAAS,SAAS,KAAK;AACf,oBAAA,MAAM,SAAS,GAAG;AAC5B;AAAA,QACF;AAEM,oBAAA,QAAQ,MAAR,mBAAW;AAEjB,kBAAU,QAAQ,MAAM;AAAA,MAAA,QAClB;AACN,kBAAU,MAAM,MAAM;AAAA,MAAA,UACtB;AACA,oBAAM,QAAQ,MAAd,mBAAiB,oBAAoB;AAAA,MACvC;AAAA,IAAA;AAGI,UAAA,EAAC,mBAAkB,cAAc,EAAC,WAAW,UAAU,UAAS;AAEtE,oBAAgB,MAAM;AACpB,iBAAW,QAAQ;AAAA,IAAA,CACpB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/{index-KAbBV8ll.js → index-Bn5kpumV.js}

@@ -1,4 +1,4 @@
-import { d, M, g, e, j, b, c, a, U, W, M as M2, m, o, n, i, h, f, u, l, k, w } from "./index-ynkPkNKa.js";
+import { d, M, g, e, j, b, c, a, U, W, M as M2, m, o, n, i, h, f, u, l, k, w } from "./index-CktZMTi8.js";
 export {
   d as MKMaterialUploadContext,
   M as MKUploadFile,
@@ -22,4 +22,4 @@ export {
   k as uploadVideoProps,
   w as webFileUploadContextProps
 };
-//# sourceMappingURL=index-KAbBV8ll.js.map
+//# sourceMappingURL=index-Bn5kpumV.js.map

package/dist/esm/index-Bn5kpumV.js.map

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

package/dist/esm/{index-DmXanc4d.js → index-C4i3Aiyu.js}

@@ -2,7 +2,7 @@ import { buildProps, withInstall } from "@maketribe/utils";
 import { defineComponent, computed, createVNode, unref } from "vue";
 import { DataTable } from "@maketribe/dm";
 import { d as dataFilterConditionProps } from "./use-condition-CM-TzG8I.js";
-import { Z as MKDataSelect } from "./index-ynkPkNKa.js";
+import { a1 as MKDataSelect } from "./index-CktZMTi8.js";
 const conditionSelectProps = buildProps({
   ...dataFilterConditionProps,
   multiple: {
@@ -48,4 +48,4 @@ export {
   conditionSelectProps,
   MKConditionSelect as default
 };
-//# sourceMappingURL=index-DmXanc4d.js.map
+//# sourceMappingURL=index-C4i3Aiyu.js.map

package/dist/esm/{index-DmXanc4d.js.map → index-C4i3Aiyu.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-DmXanc4d.js","sources":["../../src/components/data-model/data-filter-form/components/condition-select/condition-select-options.ts","../../src/components/data-model/data-filter-form/components/condition-select/condition-select.tsx","../../src/components/data-model/data-filter-form/components/condition-select/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { DataTable } from \"@maketribe/dm\";\nimport { dataFilterConditionProps } from \"../../composables\";\n\nexport const conditionSelectProps = buildProps({\n  ...dataFilterConditionProps,\n  multiple: {\n    type: Boolean,\n    default: false,\n  },\n  options: {\n    type: Array,\n  },\n  dataTable: {\n    type: DataTable<any>,\n  },\n});\n\nexport type ConditionSelectProps = ExtractPropTypes<\n  typeof conditionSelectProps\n>;\n\nexport const conditionSelectEmits = {\n  \"update:model-value\": (modelValue: any) => true,\n};\n\nexport type ConditionSelectEmits = typeof conditionSelectEmits;\n","import { computed, defineComponent, unref } from \"vue\";\n\nimport {\n  conditionSelectEmits,\n  conditionSelectProps,\n} from \"./condition-select-options\";\nimport { MKDataSelect } from \"../../../../basic/data-select\";\n\nexport default defineComponent({\n  name: \"MKConditionSelect\",\n  props: conditionSelectProps,\n  emits: conditionSelectEmits,\n  setup(props, { emit }) {\n    const modelValue = computed({\n      get: () => props.modelValue,\n      set: (v) => emit(\"update:model-value\", v),\n    });\n\n    return () => {\n      return (\n        <MKDataSelect\n          modelValue={unref(modelValue)}\n          dataTable={props.dataTable}\n          options={props.options}\n          multiple={props.multiple}\n          onUpdate:model-value={(v: any) => (modelValue.value = v)}\n        />\n      );\n    };\n  },\n});\n","import { withInstall } from \"@maketribe/utils\";\nimport ConditionSelect from \"./condition-select\";\n\nexport const MKConditionSelect = withInstall(ConditionSelect);\nexport default MKConditionSelect;\n\nexport * from \"./condition-select-options\";\n"],"names":["defineComponent","name","props","conditionSelectProps","emits","conditionSelectEmits","setup","emit","modelValue","computed","get","set","v","_createVNode","MKDataSelect","unref","dataTable","options","multiple","value"],"mappings":";;;;;AAKO,MAAM,uBAAuB,WAAW;AAAA,EAC7C,GAAG;AAAA,EACH,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,SAAS;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,WAAW;AAAA,IACT,MAAM;AAAA,EACR;AACF,CAAC;AAMM,MAAM,uBAAuB;AAAA,EAClC,sBAAsB,CAAC,eAAoB;AAC7C;ACjBA,MAAeA,kDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,OAAOC;AAAAA,EACPC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,aAAaC,SAAS;AAAA,MAC1BC,KAAKA,MAAMR,MAAMM;AAAAA,MACjBG,KAAMC,OAAML,KAAK,sBAAsBK,CAAC;AAAA,IAC1C,CAAC;AAED,WAAO,MAAM;AACX,aAAAC,YAAAC,cAAA;AAAA,QAAA,cAEgBC,MAAMP,UAAU;AAAA,QAAC,aAClBN,MAAMc;AAAAA,QAAS,WACjBd,MAAMe;AAAAA,QAAO,YACZf,MAAMgB;AAAAA,QAAQ,wBACDN,OAAYJ,WAAWW,QAAQP;AAAAA,MAAE,GAAA,IAAA;AAAA;EAIhE;AACF,CAAC;AC3BY,MAAA,oBAAoB,YAAY,eAAe;"}
+{"version":3,"file":"index-C4i3Aiyu.js","sources":["../../src/components/data-model/data-filter-form/components/condition-select/condition-select-options.ts","../../src/components/data-model/data-filter-form/components/condition-select/condition-select.tsx","../../src/components/data-model/data-filter-form/components/condition-select/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { DataTable } from \"@maketribe/dm\";\nimport { dataFilterConditionProps } from \"../../composables\";\n\nexport const conditionSelectProps = buildProps({\n  ...dataFilterConditionProps,\n  multiple: {\n    type: Boolean,\n    default: false,\n  },\n  options: {\n    type: Array,\n  },\n  dataTable: {\n    type: DataTable<any>,\n  },\n});\n\nexport type ConditionSelectProps = ExtractPropTypes<\n  typeof conditionSelectProps\n>;\n\nexport const conditionSelectEmits = {\n  \"update:model-value\": (modelValue: any) => true,\n};\n\nexport type ConditionSelectEmits = typeof conditionSelectEmits;\n","import { computed, defineComponent, unref } from \"vue\";\n\nimport {\n  conditionSelectEmits,\n  conditionSelectProps,\n} from \"./condition-select-options\";\nimport { MKDataSelect } from \"../../../../basic/data-select\";\n\nexport default defineComponent({\n  name: \"MKConditionSelect\",\n  props: conditionSelectProps,\n  emits: conditionSelectEmits,\n  setup(props, { emit }) {\n    const modelValue = computed({\n      get: () => props.modelValue,\n      set: (v) => emit(\"update:model-value\", v),\n    });\n\n    return () => {\n      return (\n        <MKDataSelect\n          modelValue={unref(modelValue)}\n          dataTable={props.dataTable}\n          options={props.options}\n          multiple={props.multiple}\n          onUpdate:model-value={(v: any) => (modelValue.value = v)}\n        />\n      );\n    };\n  },\n});\n","import { withInstall } from \"@maketribe/utils\";\nimport ConditionSelect from \"./condition-select\";\n\nexport const MKConditionSelect = withInstall(ConditionSelect);\nexport default MKConditionSelect;\n\nexport * from \"./condition-select-options\";\n"],"names":["defineComponent","name","props","conditionSelectProps","emits","conditionSelectEmits","setup","emit","modelValue","computed","get","set","v","_createVNode","MKDataSelect","unref","dataTable","options","multiple","value"],"mappings":";;;;;AAKO,MAAM,uBAAuB,WAAW;AAAA,EAC7C,GAAG;AAAA,EACH,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,SAAS;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,WAAW;AAAA,IACT,MAAM;AAAA,EACR;AACF,CAAC;AAMM,MAAM,uBAAuB;AAAA,EAClC,sBAAsB,CAAC,eAAoB;AAC7C;ACjBA,MAAeA,kDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,OAAOC;AAAAA,EACPC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,aAAaC,SAAS;AAAA,MAC1BC,KAAKA,MAAMR,MAAMM;AAAAA,MACjBG,KAAMC,OAAML,KAAK,sBAAsBK,CAAC;AAAA,IAC1C,CAAC;AAED,WAAO,MAAM;AACX,aAAAC,YAAAC,cAAA;AAAA,QAAA,cAEgBC,MAAMP,UAAU;AAAA,QAAC,aAClBN,MAAMc;AAAAA,QAAS,WACjBd,MAAMe;AAAAA,QAAO,YACZf,MAAMgB;AAAAA,QAAQ,wBACDN,OAAYJ,WAAWW,QAAQP;AAAAA,MAAE,GAAA,IAAA;AAAA;EAIhE;AACF,CAAC;AC3BY,MAAA,oBAAoB,YAAY,eAAe;"}

package/dist/esm/{index-DIuv8Yrh.js → index-C65Eg03N.js}

@@ -1,7 +1,7 @@
 import { defineComponent, createVNode } from "vue";
 import { ElButton } from "element-plus";
 import { buildProps } from "@maketribe/utils";
-import { p as columnProps } from "./index-ynkPkNKa.js";
+import { p as columnProps } from "./index-CktZMTi8.js";
 import "vue-router";
 import "@maketribe/dm";
 import "@maketribe/request";
@@ -18,7 +18,7 @@ import "@element-plus/icons-vue";
 import "@lexical/history";
 import "@lexical/dragon";
 import "@lexical/plain-text";
-import { MKColumnText } from "./index-Bvaw80Gf.js";
+import { MKColumnText } from "./index-8_eTvDFz.js";
 const columnLinkProps = buildProps({
   ...columnProps,
   type: {
@@ -73,4 +73,4 @@ export {
   columnLinkProps,
   ColumnLink as default
 };
-//# sourceMappingURL=index-DIuv8Yrh.js.map
+//# sourceMappingURL=index-C65Eg03N.js.map

package/dist/esm/{index-DIuv8Yrh.js.map → index-C65Eg03N.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-DIuv8Yrh.js","sources":["../../src/components/data-model/data-table/components/column-link/column-link-options.ts","../../src/components/data-model/data-table/components/column-link/column-link.tsx","../../src/components/data-model/data-table/components/column-link/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { ColumnEventData, columnProps } from \"../../composables\";\n\nexport const columnLinkProps = buildProps({\n  ...columnProps,\n  type: {\n    values: [\n      \"\",\n      \"default\",\n      \"success\",\n      \"warning\",\n      \"info\",\n      \"text\",\n      \"primary\",\n      \"danger\",\n    ],\n    default: \"primary\",\n  },\n  formatValue: {\n    type: Function,\n  },\n} as const);\n\nexport type ColumnLinkProps = ExtractPropTypes<typeof columnLinkProps>;\n\nexport const columnLinkEmits = {\n  click: (data: ColumnEventData) => true,\n};\n\nexport type ColumnLinkEmits = typeof columnLinkEmits;\n","import { ElButton } from \"element-plus\";\nimport { defineComponent } from \"vue\";\nimport { columnLinkEmits, columnLinkProps } from \"./column-link-options\";\nimport MKColumnText from \"../column-text\";\n\nexport default defineComponent({\n  name: \"MKColumnLink\",\n  props: columnLinkProps,\n  emits: columnLinkEmits,\n  setup(props, { emit }) {\n    const handleClick = () => {\n      emit(\"click\", {\n        row: props.row,\n        index: props.index,\n        column: props.column,\n      });\n    };\n\n    return () => {\n      return (\n        <ElButton type={props.type} onClick={handleClick} link>\n          <MKColumnText {...props} />\n        </ElButton>\n      );\n    };\n  },\n});\n","import ColumnLink from \"./column-link\";\n\nexport const MKColumnLink = ColumnLink;\n\nexport default ColumnLink;\n\nexport * from \"./column-link-options\";\n"],"names":["defineComponent","name","props","columnLinkProps","emits","columnLinkEmits","setup","emit","handleClick","row","index","column","_createVNode","ElButton","type","default","MKColumnText"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAIO,MAAM,kBAAkB,WAAW;AAAA,EACxC,GAAG;AAAA,EACH,MAAM;AAAA,IACJ,QAAQ;AAAA,MACN;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,SAAS;AAAA,EACX;AAAA,EACA,aAAa;AAAA,IACX,MAAM;AAAA,EACR;AACF,CAAU;AAIH,MAAM,kBAAkB;AAAA,EAC7B,OAAO,CAAC,SAA0B;AACpC;ACvBA,MAAeA,6CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,OAAOC;AAAAA,EACPC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,cAAcA,MAAM;AACxBD,WAAK,SAAS;AAAA,QACZE,KAAKP,MAAMO;AAAAA,QACXC,OAAOR,MAAMQ;AAAAA,QACbC,QAAQT,MAAMS;AAAAA,MAChB,CAAC;AAAA;AAGH,WAAO,MAAM;AACX,aAAAC,YAAAC,UAAA;AAAA,QAAA,QACkBX,MAAMY;AAAAA,QAAI,WAAWN;AAAAA,QAAW,QAAA;AAAA,MAAA,GAAA;AAAA,QAAAO,SAAAA,MAAA,CAAAH,YAAAI,cAC5Bd,OAAK,IAAA,CAAA;AAAA,MAAA,CAAA;AAAA;EAI/B;AACF,CAAC;ACxBM,MAAM,eAAe;"}
+{"version":3,"file":"index-C65Eg03N.js","sources":["../../src/components/data-model/data-table/components/column-link/column-link-options.ts","../../src/components/data-model/data-table/components/column-link/column-link.tsx","../../src/components/data-model/data-table/components/column-link/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { ColumnEventData, columnProps } from \"../../composables\";\n\nexport const columnLinkProps = buildProps({\n  ...columnProps,\n  type: {\n    values: [\n      \"\",\n      \"default\",\n      \"success\",\n      \"warning\",\n      \"info\",\n      \"text\",\n      \"primary\",\n      \"danger\",\n    ],\n    default: \"primary\",\n  },\n  formatValue: {\n    type: Function,\n  },\n} as const);\n\nexport type ColumnLinkProps = ExtractPropTypes<typeof columnLinkProps>;\n\nexport const columnLinkEmits = {\n  click: (data: ColumnEventData) => true,\n};\n\nexport type ColumnLinkEmits = typeof columnLinkEmits;\n","import { ElButton } from \"element-plus\";\nimport { defineComponent } from \"vue\";\nimport { columnLinkEmits, columnLinkProps } from \"./column-link-options\";\nimport MKColumnText from \"../column-text\";\n\nexport default defineComponent({\n  name: \"MKColumnLink\",\n  props: columnLinkProps,\n  emits: columnLinkEmits,\n  setup(props, { emit }) {\n    const handleClick = () => {\n      emit(\"click\", {\n        row: props.row,\n        index: props.index,\n        column: props.column,\n      });\n    };\n\n    return () => {\n      return (\n        <ElButton type={props.type} onClick={handleClick} link>\n          <MKColumnText {...props} />\n        </ElButton>\n      );\n    };\n  },\n});\n","import ColumnLink from \"./column-link\";\n\nexport const MKColumnLink = ColumnLink;\n\nexport default ColumnLink;\n\nexport * from \"./column-link-options\";\n"],"names":["defineComponent","name","props","columnLinkProps","emits","columnLinkEmits","setup","emit","handleClick","row","index","column","_createVNode","ElButton","type","default","MKColumnText"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAIO,MAAM,kBAAkB,WAAW;AAAA,EACxC,GAAG;AAAA,EACH,MAAM;AAAA,IACJ,QAAQ;AAAA,MACN;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,SAAS;AAAA,EACX;AAAA,EACA,aAAa;AAAA,IACX,MAAM;AAAA,EACR;AACF,CAAU;AAIH,MAAM,kBAAkB;AAAA,EAC7B,OAAO,CAAC,SAA0B;AACpC;ACvBA,MAAeA,6CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,OAAOC;AAAAA,EACPC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,cAAcA,MAAM;AACxBD,WAAK,SAAS;AAAA,QACZE,KAAKP,MAAMO;AAAAA,QACXC,OAAOR,MAAMQ;AAAAA,QACbC,QAAQT,MAAMS;AAAAA,MAChB,CAAC;AAAA;AAGH,WAAO,MAAM;AACX,aAAAC,YAAAC,UAAA;AAAA,QAAA,QACkBX,MAAMY;AAAAA,QAAI,WAAWN;AAAAA,QAAW,QAAA;AAAA,MAAA,GAAA;AAAA,QAAAO,SAAAA,MAAA,CAAAH,YAAAI,cAC5Bd,OAAK,IAAA,CAAA;AAAA,MAAA,CAAA;AAAA;EAI/B;AACF,CAAC;ACxBM,MAAM,eAAe;"}

package/dist/esm/index-C8z_gFCT.js

@@ -0,0 +1,39 @@
+import { buildProps, withInstall } from "@maketribe/utils";
+import { defineComponent, computed, unref, createVNode } from "vue";
+import { ElImage } from "element-plus";
+const imageViewProps = buildProps({
+  showPreview: {
+    type: Boolean,
+    default: true
+  },
+  src: {
+    type: String
+  }
+});
+const ImageView = /* @__PURE__ */ defineComponent({
+  name: "MKImageView",
+  inheritAttrs: false,
+  props: imageViewProps,
+  setup(props, {
+    slots
+  }) {
+    const showPreview = computed(() => props.showPreview);
+    const src = computed(() => props.src);
+    const previewSrcList = computed(() => unref(showPreview) && unref(src) ? [unref(src)] : []);
+    return () => createVNode(ElImage, {
+      "class": "mk-image-view",
+      "src": unref(src),
+      "fit": "cover",
+      "previewSrcList": unref(previewSrcList),
+      "preview-teleported": true,
+      "hide-on-click-modal": true
+    }, slots);
+  }
+});
+const MKImageView = withInstall(ImageView);
+export {
+  MKImageView,
+  MKImageView as default,
+  imageViewProps
+};
+//# sourceMappingURL=index-C8z_gFCT.js.map

package/dist/esm/index-C8z_gFCT.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-C8z_gFCT.js","sources":["../../src/components/business/material-list/components/image-view/image-view-options.ts","../../src/components/business/material-list/components/image-view/image-view.tsx","../../src/components/business/material-list/components/image-view/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\n\nexport const imageViewProps = buildProps({\n  showPreview: {\n    type: Boolean,\n    default: true,\n  },\n  src: {\n    type: String,\n  },\n} as const);\n\nexport type ImageViewProps = ExtractPropTypes<typeof imageViewProps>;\n","import { computed, defineComponent, unref } from \"vue\";\nimport { ElImage } from \"element-plus\";\nimport { imageViewProps } from \"./image-view-options\";\n\nexport default defineComponent({\n  name: \"MKImageView\",\n  inheritAttrs: false,\n  props: imageViewProps,\n  setup(props, { slots }) {\n    const showPreview = computed(() => props.showPreview);\n\n    const src = computed(() => props.src);\n\n    const previewSrcList = computed(() =>\n      unref(showPreview) && unref(src) ? [unref(src)!] : []\n    );\n\n    return () => (\n      <ElImage\n        class=\"mk-image-view\"\n        src={unref(src)}\n        v-slots={slots}\n        fit=\"cover\"\n        previewSrcList={unref(previewSrcList)}\n        preview-teleported\n        hide-on-click-modal\n      />\n    );\n  },\n});\n","import { withInstall } from \"@maketribe/utils\";\nimport ImageView from \"./image-view\";\n\nexport const MKImageView = withInstall(ImageView);\nexport default MKImageView;\n\nexport * from \"./image-view-options\";\n"],"names":["defineComponent","name","inheritAttrs","props","imageViewProps","setup","slots","showPreview","computed","src","previewSrcList","unref","_createVNode","ElImage"],"mappings":";;;AAGO,MAAM,iBAAiB,WAAW;AAAA,EACvC,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,KAAK;AAAA,IACH,MAAM;AAAA,EACR;AACF,CAAU;ACPV,MAAeA,4CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,cAAc;AAAA,EACdC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AAAA,IAAEG;AAAAA,EAAM,GAAG;AACtB,UAAMC,cAAcC,SAAS,MAAML,MAAMI,WAAW;AAEpD,UAAME,MAAMD,SAAS,MAAML,MAAMM,GAAG;AAEpC,UAAMC,iBAAiBF,SAAS,MAC9BG,MAAMJ,WAAW,KAAKI,MAAMF,GAAG,IAAI,CAACE,MAAMF,GAAG,CAAC,IAAK,CACrD,CAAA;AAEA,WAAO,MAAAG,YAAAC,SAAA;AAAA,MAAA,SAAA;AAAA,MAAA,OAGEF,MAAMF,GAAG;AAAA,MAAC,OAAA;AAAA,MAAA,kBAGCE,MAAMD,cAAc;AAAA,MAAC,sBAAA;AAAA,MAAA,uBAAA;AAAA,IAAA,GAF5BJ,KAAK;AAAA,EAOpB;AACF,CAAC;AC1BY,MAAA,cAAc,YAAY,SAAS;"}

package/dist/esm/{index-Q2vz4GSE.js → index-CAfGc1wH.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, unref, onMounted, resolveComponent, openBlock, createBlock, withCtx, createVNode, createElementVNode, createElementBlock, Fragment, renderList, toDisplayString } from "vue";
 import { ElMessage } from "element-plus";
-import { x as MKPageContainer, v as MKSvgIcon, _ as _export_sfc } from "./index-ynkPkNKa.js";
+import { x as MKPagePanel, v as MKSvgIcon, _ as _export_sfc } from "./index-CktZMTi8.js";
 import "@maketribe/request";
 import "@maketribe/utils";
 import "@maketribe/dm";
@@ -63,22 +63,27 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const _component_ElInput = resolveComponent("ElInput");
       const _component_ElScrollbar = resolveComponent("ElScrollbar");
       const _component_ElCard = resolveComponent("ElCard");
-      return openBlock(), createBlock(unref(MKPageContainer), { class: "mk-icons-page" }, {
+      return openBlock(), createBlock(unref(MKPagePanel), {
+        class: "mk-icons-page",
+        title: "图标库"
+      }, {
+        tools: withCtx(() => [
+          createVNode(_component_ElInput, {
+            modelValue: search.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => search.value = $event),
+            placeholder: "搜索图标"
+          }, {
+            suffix: withCtx(() => [
+              createVNode(unref(MKSvgIcon), { name: "ep:search" })
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ]),
         default: withCtx(() => [
           createVNode(_component_ElCard, null, {
             default: withCtx(() => [
               createVNode(_component_ElScrollbar, { height: "100%" }, {
                 default: withCtx(() => [
-                  createVNode(_component_ElInput, {
-                    modelValue: search.value,
-                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => search.value = $event),
-                    placeholder: "搜索图标"
-                  }, {
-                    suffix: withCtx(() => [
-                      createVNode(unref(MKSvgIcon), { name: "ep:search" })
-                    ]),
-                    _: 1
-                  }, 8, ["modelValue"]),
                   createElementVNode("ul", _hoisted_1, [
                     (openBlock(true), createElementBlock(Fragment, null, renderList(filteredIcons.value, (icon) => {
                       return openBlock(), createElementBlock("li", _hoisted_2, [
@@ -106,8 +111,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f9c091cc"]]);
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-16f05fb3"]]);
 export {
   index as default
 };
-//# sourceMappingURL=index-Q2vz4GSE.js.map
+//# sourceMappingURL=index-CAfGc1wH.js.map

package/dist/esm/index-CAfGc1wH.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-CAfGc1wH.js","sources":["../../src/pages/icons/index.vue"],"sourcesContent":["<template>\n  <MKPagePanel class=\"mk-icons-page\" title=\"图标库\">\n    <template #tools>\n      <ElInput\n        v-model=\"search\"\n        placeholder=\"搜索图标\"\n      >\n        <template #suffix>\n          <MKSvgIcon name=\"ep:search\"/>\n        </template>\n      </ElInput>\n    </template>\n    <ElCard>\n      <ElScrollbar height=\"100%\">\n        <ul class=\"mk-icon-list\">\n          <li class=\"mk-icon-list__item\" v-for=\"icon in filteredIcons\">\n            <div class=\"mk-icon-item\" @click=\"handleClick(icon)\">\n              <div class=\"mk-icon-item__icon\">\n                <MKSvgIcon :name=\"icon\"/>\n              </div>\n\n              <div class=\"mk-icon-item__name\">\n                {{ icon }}\n              </div>\n            </div>\n          </li>\n        </ul>\n      </ElScrollbar>\n    </ElCard>\n  </MKPagePanel>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed, onMounted, ref, Ref, unref} from \"vue\";\nimport {ElMessage} from \"element-plus\";\nimport {MKPagePanel, MKSvgIcon} from \"../../components\";\n\nconst icons: Ref<string[]> = ref([]);\n\nconst search = ref(\"\");\n\nconst filteredIcons = computed(() => {\n  const _search = unref(search).toLowerCase();\n\n  return unref(icons).filter((icon) => icon.toLowerCase().includes(_search));\n});\n\nonMounted(() => {\n  const svgList: NodeListOf<SVGElement> = document.querySelectorAll(\n    'body > svg[aria-hidden=\"true\"]'\n  );\n\n  let iconList: string[] = [];\n\n  for (const svg of Array.from(svgList)) {\n    const symbols = svg.querySelectorAll(\"symbol\");\n\n    iconList = iconList.concat(\n      Array.from(symbols).map((symbol) => symbol.id.replace(/^icon-/, \"\"))\n    );\n  }\n\n  icons.value = Array.from(new Set(iconList));\n});\n\nconst handleClick = (icon: string) => {\n  const content = `<MKSvgIcon name=\"${icon}\"/>`;\n\n  if (navigator.clipboard === undefined) {\n    //通过input标签进行复制\n    const input = document.createElement(\"input\");\n    input.value = content;\n    document.body.appendChild(input);\n    input.select();\n    document.execCommand(\"Copy\");\n    document.body.removeChild(input);\n  } else {\n    navigator.clipboard.writeText(content);\n  }\n\n  ElMessage.success(\"复制成功\");\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.mk-icons-page {\n  :deep(.el-card) {\n    height: 100%;\n\n    .el-card__body {\n      height: 100%;\n    }\n  }\n}\n.mk-icon-list {\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  flex-wrap: wrap;\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  color: var(--el-text-color-regular);\n\n  &__item {\n    border-bottom: 1px var(--el-border-color) solid;\n    border-right: 1px var(--el-border-color) solid;\n\n    &:nth-child(-n + 7) {\n      border-top: 1px var(--el-border-color) solid;\n    }\n    &:nth-child(7n + 1) {\n      border-left: 1px var(--el-border-color) solid;\n    }\n  }\n\n  .mk-icon-item {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    height: 90px;\n    cursor: pointer;\n\n    &__icon {\n      font-size: 24px;\n    }\n\n    &__name {\n      margin-top: 6px;\n      padding: 0 8px;\n      font-size: 12px;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      box-sizing: border-box;\n    }\n\n    &:hover {\n      background-color: var(--el-border-color-extra-light);\n    }\n  }\n}\n\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqCM,UAAA,QAAuB,IAAI,CAAA,CAAE;AAE7B,UAAA,SAAS,IAAI,EAAE;AAEf,UAAA,gBAAgB,SAAS,MAAM;AACnC,YAAM,UAAU,MAAM,MAAM,EAAE,YAAY;AAEnC,aAAA,MAAM,KAAK,EAAE,OAAO,CAAC,SAAS,KAAK,YAAY,EAAE,SAAS,OAAO,CAAC;AAAA,IAAA,CAC1E;AAED,cAAU,MAAM;AACd,YAAM,UAAkC,SAAS;AAAA,QAC/C;AAAA,MAAA;AAGF,UAAI,WAAqB,CAAA;AAEzB,iBAAW,OAAO,MAAM,KAAK,OAAO,GAAG;AAC/B,cAAA,UAAU,IAAI,iBAAiB,QAAQ;AAE7C,mBAAW,SAAS;AAAA,UAClB,MAAM,KAAK,OAAO,EAAE,IAAI,CAAC,WAAW,OAAO,GAAG,QAAQ,UAAU,EAAE,CAAC;AAAA,QAAA;AAAA,MAEvE;AAEA,YAAM,QAAQ,MAAM,KAAK,IAAI,IAAI,QAAQ,CAAC;AAAA,IAAA,CAC3C;AAEK,UAAA,cAAc,CAAC,SAAiB;AAC9B,YAAA,UAAU,oBAAoB,IAAI;AAEpC,UAAA,UAAU,cAAc,QAAW;AAE/B,cAAA,QAAQ,SAAS,cAAc,OAAO;AAC5C,cAAM,QAAQ;AACL,iBAAA,KAAK,YAAY,KAAK;AAC/B,cAAM,OAAO;AACb,iBAAS,YAAY,MAAM;AAClB,iBAAA,KAAK,YAAY,KAAK;AAAA,MAAA,OAC1B;AACK,kBAAA,UAAU,UAAU,OAAO;AAAA,MACvC;AAEA,gBAAU,QAAQ,MAAM;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}