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

package/dist/esm/{index-Q2vz4GSE.js → index-J4sGBSRA.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-HC0IsFjh.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-J4sGBSRA.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index-J4sGBSRA.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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/{index-BIMhziQs.js → index-WiSOAbGm.js}

@@ -1,7 +1,7 @@
 import { buildProps, withInstall } from "@maketribe/utils";
 import { defineComponent, ref, computed, createVNode, Fragment, unref, isVNode } from "vue";
 import { ElButton, ElDialog, ElScrollbar } from "element-plus";
-import { p as columnProps, t as useColumn, T as MKJsonEditor } from "./index-ynkPkNKa.js";
+import { p as columnProps, t as useColumn, T as MKJsonEditor } from "./index-HC0IsFjh.js";
 import "vue-router";
 import "@maketribe/dm";
 import "@maketribe/request";
@@ -70,4 +70,4 @@ export {
   columnJsonProps,
   MKColumnJson as default
 };
-//# sourceMappingURL=index-BIMhziQs.js.map
+//# sourceMappingURL=index-WiSOAbGm.js.map

package/dist/esm/{index-BIMhziQs.js.map → index-WiSOAbGm.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-BIMhziQs.js","sources":["../../src/components/data-model/data-table/components/column-json/column-json-options.ts","../../src/components/data-model/data-table/components/column-json/column-json.tsx","../../src/components/data-model/data-table/components/column-json/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { columnProps } from \"../../composables\";\n\nexport const columnJsonProps = buildProps({\n  ...columnProps,\n  buttonText: {\n    type: String,\n    default: \"查看\",\n  },\n} as const);\n\nexport type ColumnJsonProps = ExtractPropTypes<typeof columnJsonProps>;\n","import { Fragment, computed, defineComponent, ref, unref } from \"vue\";\nimport { ElButton, ElDialog, ElScrollbar } from \"element-plus\";\nimport { useColumn } from \"../../composables\";\nimport { columnJsonProps } from \"./column-json-options\";\nimport { MKJsonEditor } from \"../../../../basic/json-editor\";\n\nexport default defineComponent({\n  name: \"MKColumnJson\",\n  props: columnJsonProps,\n  setup(props) {\n    const { value } = useColumn(props);\n\n    const isShowDialog = ref(false);\n\n    const buttonText = computed(() => props.buttonText);\n\n    const handleClick = () => {\n      isShowDialog.value = true;\n    };\n\n    return () => {\n      return (\n        <Fragment>\n          <ElButton onClick={handleClick}>{unref(buttonText)}</ElButton>\n\n          <ElDialog\n            class=\"mk-column-json__dialog\"\n            appendToBody\n            modelValue={unref(isShowDialog)}\n            onUpdate:modelValue={(v: boolean) => (isShowDialog.value = v)}\n          >\n            <ElScrollbar height=\"100%\">\n              <MKJsonEditor disabled modelValue={unref(value) as string} />\n            </ElScrollbar>\n          </ElDialog>\n        </Fragment>\n      );\n    };\n  },\n});\n","import { withInstall } from \"@maketribe/utils\";\nimport ColumnJson from \"./column-json\";\n\nexport const MKColumnJson = withInstall(ColumnJson);\n\nexport default MKColumnJson;\n\nexport * from \"./column-json-options\";\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","props","columnJsonProps","setup","value","useColumn","isShowDialog","ref","buttonText","computed","handleClick","_slot","_createVNode","_Fragment","ElButton","unref","default","ElDialog","v","ElScrollbar","MKJsonEditor"],"mappings":";;;;;;;;;;;;;;;;;;;;AAIO,MAAM,kBAAkB,WAAW;AAAA,EACxC,GAAG;AAAA,EACH,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAU;ACNmD,SAAAA,QAAAC,GAAA;AAAA,SAAA,OAAAA,MAAA,cAAAC,OAAAC,UAAAC,SAAAC,KAAAJ,CAAA,MAAAK,qBAAAA,CAAAA,QAAAL,CAAA;AAAA;AAE7D,MAAeM,6CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AACX,UAAM;AAAA,MAAEG;AAAAA,IAAM,IAAIC,UAAUJ,KAAK;AAEjC,UAAMK,eAAeC,IAAI,KAAK;AAE9B,UAAMC,aAAaC,SAAS,MAAMR,MAAMO,UAAU;AAElD,UAAME,cAAcA,MAAM;AACxBJ,mBAAaF,QAAQ;AAAA;AAGvB,WAAO,MAAM;AAAA,UAAAO;AACX,aAAAC,YAAAC,UAAAD,MAAAA,CAAAA,YAAAE,UAAA;AAAA,QAAA,WAEuBJ;AAAAA,SAAWlB,QAAAmB,QAAGI,MAAMP,UAAU,CAAC,IAAAG,QAAA;AAAA,QAAAK,SAAAA,MAAA,CAAAL,KAAA;AAAA,OAAAC,GAAAA,YAAAK,UAAA;AAAA,QAAA,SAAA;AAAA,QAAA,gBAAA;AAAA,QAAA,cAKpCF,MAAMT,YAAY;AAAA,QAAC,uBACTY,OAAgBZ,aAAaF,QAAQc;AAAAA,MAAE,GAAA;AAAA,QAAAF,SAAAA,MAAAJ,CAAAA,YAAAO,aAAA;AAAA,UAAA,UAAA;AAAA,QAAA,GAAA;AAAA,UAAAH,SAAAA,MAAAJ,CAAAA,YAAAQ,cAAA;AAAA,YAAA,YAAA;AAAA,YAAA,cAGxBL,MAAMX,KAAK;AAAA,UAAC,GAAA,IAAA,CAAA;AAAA,QAAA,CAAA,CAAA;AAAA,MAAA,CAAA,CAAA,CAAA;AAAA;EAM3D;AACF,CAAC;ACpCY,MAAA,eAAe,YAAY,UAAU;"}
+{"version":3,"file":"index-WiSOAbGm.js","sources":["../../src/components/data-model/data-table/components/column-json/column-json-options.ts","../../src/components/data-model/data-table/components/column-json/column-json.tsx","../../src/components/data-model/data-table/components/column-json/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { columnProps } from \"../../composables\";\n\nexport const columnJsonProps = buildProps({\n  ...columnProps,\n  buttonText: {\n    type: String,\n    default: \"查看\",\n  },\n} as const);\n\nexport type ColumnJsonProps = ExtractPropTypes<typeof columnJsonProps>;\n","import { Fragment, computed, defineComponent, ref, unref } from \"vue\";\nimport { ElButton, ElDialog, ElScrollbar } from \"element-plus\";\nimport { useColumn } from \"../../composables\";\nimport { columnJsonProps } from \"./column-json-options\";\nimport { MKJsonEditor } from \"../../../../basic/json-editor\";\n\nexport default defineComponent({\n  name: \"MKColumnJson\",\n  props: columnJsonProps,\n  setup(props) {\n    const { value } = useColumn(props);\n\n    const isShowDialog = ref(false);\n\n    const buttonText = computed(() => props.buttonText);\n\n    const handleClick = () => {\n      isShowDialog.value = true;\n    };\n\n    return () => {\n      return (\n        <Fragment>\n          <ElButton onClick={handleClick}>{unref(buttonText)}</ElButton>\n\n          <ElDialog\n            class=\"mk-column-json__dialog\"\n            appendToBody\n            modelValue={unref(isShowDialog)}\n            onUpdate:modelValue={(v: boolean) => (isShowDialog.value = v)}\n          >\n            <ElScrollbar height=\"100%\">\n              <MKJsonEditor disabled modelValue={unref(value) as string} />\n            </ElScrollbar>\n          </ElDialog>\n        </Fragment>\n      );\n    };\n  },\n});\n","import { withInstall } from \"@maketribe/utils\";\nimport ColumnJson from \"./column-json\";\n\nexport const MKColumnJson = withInstall(ColumnJson);\n\nexport default MKColumnJson;\n\nexport * from \"./column-json-options\";\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","props","columnJsonProps","setup","value","useColumn","isShowDialog","ref","buttonText","computed","handleClick","_slot","_createVNode","_Fragment","ElButton","unref","default","ElDialog","v","ElScrollbar","MKJsonEditor"],"mappings":";;;;;;;;;;;;;;;;;;;;AAIO,MAAM,kBAAkB,WAAW;AAAA,EACxC,GAAG;AAAA,EACH,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAU;ACNmD,SAAAA,QAAAC,GAAA;AAAA,SAAA,OAAAA,MAAA,cAAAC,OAAAC,UAAAC,SAAAC,KAAAJ,CAAA,MAAAK,qBAAAA,CAAAA,QAAAL,CAAA;AAAA;AAE7D,MAAeM,6CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AACX,UAAM;AAAA,MAAEG;AAAAA,IAAM,IAAIC,UAAUJ,KAAK;AAEjC,UAAMK,eAAeC,IAAI,KAAK;AAE9B,UAAMC,aAAaC,SAAS,MAAMR,MAAMO,UAAU;AAElD,UAAME,cAAcA,MAAM;AACxBJ,mBAAaF,QAAQ;AAAA;AAGvB,WAAO,MAAM;AAAA,UAAAO;AACX,aAAAC,YAAAC,UAAAD,MAAAA,CAAAA,YAAAE,UAAA;AAAA,QAAA,WAEuBJ;AAAAA,SAAWlB,QAAAmB,QAAGI,MAAMP,UAAU,CAAC,IAAAG,QAAA;AAAA,QAAAK,SAAAA,MAAA,CAAAL,KAAA;AAAA,OAAAC,GAAAA,YAAAK,UAAA;AAAA,QAAA,SAAA;AAAA,QAAA,gBAAA;AAAA,QAAA,cAKpCF,MAAMT,YAAY;AAAA,QAAC,uBACTY,OAAgBZ,aAAaF,QAAQc;AAAAA,MAAE,GAAA;AAAA,QAAAF,SAAAA,MAAAJ,CAAAA,YAAAO,aAAA;AAAA,UAAA,UAAA;AAAA,QAAA,GAAA;AAAA,UAAAH,SAAAA,MAAAJ,CAAAA,YAAAQ,cAAA;AAAA,YAAA,YAAA;AAAA,YAAA,cAGxBL,MAAMX,KAAK;AAAA,UAAC,GAAA,IAAA,CAAA;AAAA,QAAA,CAAA,CAAA;AAAA,MAAA,CAAA,CAAA,CAAA;AAAA;EAM3D;AACF,CAAC;ACpCY,MAAA,eAAe,YAAY,UAAU;"}

package/dist/esm/{index-DH19g6xy.js → index-bDhZSPK8.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, reactive, resolveComponent, openBlock, createBlock, unref, withCtx, createElementVNode, createElementBlock, Fragment, createTextVNode, createVNode, toDisplayString, withModifiers, withKeys, createCommentVNode, pushScopeId, popScopeId } from "vue";
 import { ElForm, ElFormItem, ElMessage } from "element-plus";
 import "@maketribe/dm";
-import { a3 as useMSAppClient, K as MKSimplePageLayout, v as MKSvgIcon, L as MKOpenVerifyCode, _ as _export_sfc } from "./index-ynkPkNKa.js";
+import { a2 as useMSAppClient, L as MKSimplePageLayout, v as MKSvgIcon, N as MKOpenVerifyCode, _ as _export_sfc } from "./index-HC0IsFjh.js";
 import { useRouter } from "vue-router";
 import "@maketribe/request";
 import "@maketribe/locale";
@@ -230,4 +230,4 @@ const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1e78
 export {
   index as default
 };
-//# sourceMappingURL=index-DH19g6xy.js.map
+//# sourceMappingURL=index-bDhZSPK8.js.map

package/dist/esm/{index-DH19g6xy.js.map → index-bDhZSPK8.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-DH19g6xy.js","sources":["../../src/pages/login/index.vue"],"sourcesContent":["<template>\n  <MKSimplePageLayout class=\"login-wrap\">\n    <div class=\"login-form-wrap\">\n\n      <template v-if=\"!forgotPassword\">\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('/signup')\">\n              申请账号\n              <MKSvgIcon name=\"ep:arrow-right-bold\" m=\"l-[5px]\" />\n            </el-link>\n          </span>\n        </div>\n      </template>\n      <template v-else>\n        <div class=\"login-form-title\">账号重置</div>\n        <div class=\"login-form-item\">\n          新密码将会在重置后送至 {{loginFormData.account}} 绑定的邮箱！请查收！\n        </div>\n      </template>   \n      \n      <ElForm :model=\"loginFormData\" :rules=\"rules\" size=\"large\" ref=\"formEl\" @submit.native.prevent>\n        <ElFormItem prop=\"account\">\n          <ElInput\n            v-model=\"loginFormData.account\"\n            placeholder=\"帐号\"\n            @keyup.enter.native.prevent=\"sendAction\"\n          />\n        </ElFormItem>\n        <ElFormItem prop=\"password\" style=\"margin-top: 30px;\" v-if=\"!forgotPassword\">\n          <ElInput\n            v-model=\"loginFormData.password\"\n            type=\"password\"\n            placeholder=\"密码\"\n            @keyup.enter.native.prevent=\"sendAction\"\n          />\n        </ElFormItem>\n        <div class=\"login-form-item\">\n          <div></div>\n          <el-link :underline=\"false\"  type=\"primary\" @click=\"forgotPassword = !forgotPassword\">\n            {{forgotPassword ? \"返回登陆\" : \"忘记密码\" }}\n            <MKSvgIcon name=\"ep:arrow-right-bold\" m=\"l-[2px]\" />\n          </el-link>\n        </div>\n        <ElFormItem>\n          <ElButton type=\"primary\" style=\"width: 100%\" :loading=\"loading\" @click=\"sendAction\" v-if=\"!forgotPassword\">\n            登陆\n          </ElButton>\n          <ElButton type=\"primary\" v-else style=\"width: 100%\" :loading=\"loading\" @click=\"sendAction\">\n            重置\n          </ElButton>\n        </ElFormItem>\n      </ElForm>\n      <!-- <ElDivider></ElDivider> -->\n    </div>\n  </MKSimplePageLayout>\n</template>\n\n<script setup lang=\"ts\">\nimport { ElMessage, ElForm, ElFormItem } from \"element-plus\";\nimport { useMSAppClient } from \"../../composables\";\nimport { MKOpenVerifyCode, MKSvgIcon,MKSimplePageLayout } 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: \"\",\n});\n\n// 发起动作 可能是登录 也可能是修改密码\nconst sendAction = async (v: number) => {\n\n  // 验证不通过\n  if(!await formEl.value?.validate()){\n    return;\n  }\n  // 验证码\n  var vResult = await MKOpenVerifyCode({ sence:scene.value } as any);\n\n  // 转成字符串格式\n  loginFormData.vCode = vResult+\"\";\n\n  try {\n\n    loading.value = true;\n\n    if (forgotPassword.value) {\n\n      const { data } = await system.resetPassword(\n        loginFormData.account,\n        loginFormData.vCode\n      );\n\n      if (data.code !== 200) {\n        ElMessage.error(data.msg || \"重置邮箱失败！\");\n        return;\n      }\n\n      ElMessage.success(\"重置密码邮件已发送到邮箱\");\n      forgotPassword.value = false;\n\n    } else {\n\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\n      router.push({ path: \"/\" });\n    }\n  } catch (e) {\n    ElMessage.error(\"登录失败\");\n  } finally {\n    loading.value = false;\n  }\n};\n</script>\n<style lang=\"scss\" scoped>\n@import \"./login.scss\";\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8EuD,QAAI,IAAI;AAGpC,QAAI,KAAK;AAE9B,UAAA,SAAmB,IAAI,IAAI;AAEjC,UAAM,SAAS;AAEf,UAAM,SAAS;AAET,UAAA,UAAU,IAAI,KAAK;AAEH;AAAA,MACpB,MAAM,CAAC,cAAc,WAAW,CAAC,cAAc;AAAA,IACjD;AACsB,aAAS,MAAM,CAAC,cAAc,OAAO;AAErD,UAAA,iBAAiB,IAAI,KAAK;AAChC,UAAM,QAAQ;AAAA,MAAS,MACrB,eAAe,QAAQ,mBAAmB;AAAA,IAAA;AAG5C,UAAM,QAAQ;AAAA,MACZ,SAAS,CAAC,EAAE,UAAU,MAAM,SAAS,QAAQ;AAAA,MAC7C,UAAU,CAAC,EAAE,UAAU,MAAM,SAAS,QAAQ;AAAA,IAAA;AAGhD,UAAM,gBAAgB,SAAS;AAAA,MAC7B,SAAS;AAAA,MACT,UAAU;AAAA,MACV,OAAO;AAAA,IAAA,CACR;AAGK,UAAA,aAAa,OAAO,MAAc;;AAGtC,UAAG,CAAC,QAAM,YAAO,UAAP,mBAAc,aAAW;AACjC;AAAA,MACF;AAEA,UAAI,UAAU,MAAM,iBAAiB,EAAE,OAAM,MAAM,OAAc;AAGjE,oBAAc,QAAQ,UAAQ;AAE1B,UAAA;AAEF,gBAAQ,QAAQ;AAEhB,YAAI,eAAe,OAAO;AAExB,gBAAM,EAAE,KAAA,IAAS,MAAM,OAAO;AAAA,YAC5B,cAAc;AAAA,YACd,cAAc;AAAA,UAAA;AAGZ,cAAA,KAAK,SAAS,KAAK;AACX,sBAAA,MAAM,KAAK,OAAO,SAAS;AACrC;AAAA,UACF;AAEA,oBAAU,QAAQ,cAAc;AAChC,yBAAe,QAAQ;AAAA,QAAA,OAElB;AAEL,gBAAM,EAAE,KAAA,IAAS,MAAM,OAAO;AAAA,YAC5B,cAAc;AAAA,YACd,cAAc;AAAA,YACd,cAAc;AAAA,UAAA;AAGZ,cAAA,KAAK,SAAS,KAAK;AACX,sBAAA,MAAM,KAAK,OAAO,OAAO;AACnC;AAAA,UACF;AAEA,iBAAO,KAAK,EAAE,MAAM,IAAK,CAAA;AAAA,QAC3B;AAAA,eACO,GAAG;AACV,kBAAU,MAAM,MAAM;AAAA,MAAA,UACtB;AACA,gBAAQ,QAAQ;AAAA,MAClB;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index-bDhZSPK8.js","sources":["../../src/pages/login/index.vue"],"sourcesContent":["<template>\n  <MKSimplePageLayout class=\"login-wrap\">\n    <div class=\"login-form-wrap\">\n\n      <template v-if=\"!forgotPassword\">\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('/signup')\">\n              申请账号\n              <MKSvgIcon name=\"ep:arrow-right-bold\" m=\"l-[5px]\" />\n            </el-link>\n          </span>\n        </div>\n      </template>\n      <template v-else>\n        <div class=\"login-form-title\">账号重置</div>\n        <div class=\"login-form-item\">\n          新密码将会在重置后送至 {{loginFormData.account}} 绑定的邮箱！请查收！\n        </div>\n      </template>   \n      \n      <ElForm :model=\"loginFormData\" :rules=\"rules\" size=\"large\" ref=\"formEl\" @submit.native.prevent>\n        <ElFormItem prop=\"account\">\n          <ElInput\n            v-model=\"loginFormData.account\"\n            placeholder=\"帐号\"\n            @keyup.enter.native.prevent=\"sendAction\"\n          />\n        </ElFormItem>\n        <ElFormItem prop=\"password\" style=\"margin-top: 30px;\" v-if=\"!forgotPassword\">\n          <ElInput\n            v-model=\"loginFormData.password\"\n            type=\"password\"\n            placeholder=\"密码\"\n            @keyup.enter.native.prevent=\"sendAction\"\n          />\n        </ElFormItem>\n        <div class=\"login-form-item\">\n          <div></div>\n          <el-link :underline=\"false\"  type=\"primary\" @click=\"forgotPassword = !forgotPassword\">\n            {{forgotPassword ? \"返回登陆\" : \"忘记密码\" }}\n            <MKSvgIcon name=\"ep:arrow-right-bold\" m=\"l-[2px]\" />\n          </el-link>\n        </div>\n        <ElFormItem>\n          <ElButton type=\"primary\" style=\"width: 100%\" :loading=\"loading\" @click=\"sendAction\" v-if=\"!forgotPassword\">\n            登陆\n          </ElButton>\n          <ElButton type=\"primary\" v-else style=\"width: 100%\" :loading=\"loading\" @click=\"sendAction\">\n            重置\n          </ElButton>\n        </ElFormItem>\n      </ElForm>\n      <!-- <ElDivider></ElDivider> -->\n    </div>\n  </MKSimplePageLayout>\n</template>\n\n<script setup lang=\"ts\">\nimport { ElMessage, ElForm, ElFormItem } from \"element-plus\";\nimport { useMSAppClient } from \"../../composables\";\nimport { MKOpenVerifyCode, MKSvgIcon,MKSimplePageLayout } 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: \"\",\n});\n\n// 发起动作 可能是登录 也可能是修改密码\nconst sendAction = async (v: number) => {\n\n  // 验证不通过\n  if(!await formEl.value?.validate()){\n    return;\n  }\n  // 验证码\n  var vResult = await MKOpenVerifyCode({ sence:scene.value } as any);\n\n  // 转成字符串格式\n  loginFormData.vCode = vResult+\"\";\n\n  try {\n\n    loading.value = true;\n\n    if (forgotPassword.value) {\n\n      const { data } = await system.resetPassword(\n        loginFormData.account,\n        loginFormData.vCode\n      );\n\n      if (data.code !== 200) {\n        ElMessage.error(data.msg || \"重置邮箱失败！\");\n        return;\n      }\n\n      ElMessage.success(\"重置密码邮件已发送到邮箱\");\n      forgotPassword.value = false;\n\n    } else {\n\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\n      router.push({ path: \"/\" });\n    }\n  } catch (e) {\n    ElMessage.error(\"登录失败\");\n  } finally {\n    loading.value = false;\n  }\n};\n</script>\n<style lang=\"scss\" scoped>\n@import \"./login.scss\";\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8EuD,QAAI,IAAI;AAGpC,QAAI,KAAK;AAE9B,UAAA,SAAmB,IAAI,IAAI;AAEjC,UAAM,SAAS;AAEf,UAAM,SAAS;AAET,UAAA,UAAU,IAAI,KAAK;AAEH;AAAA,MACpB,MAAM,CAAC,cAAc,WAAW,CAAC,cAAc;AAAA,IACjD;AACsB,aAAS,MAAM,CAAC,cAAc,OAAO;AAErD,UAAA,iBAAiB,IAAI,KAAK;AAChC,UAAM,QAAQ;AAAA,MAAS,MACrB,eAAe,QAAQ,mBAAmB;AAAA,IAAA;AAG5C,UAAM,QAAQ;AAAA,MACZ,SAAS,CAAC,EAAE,UAAU,MAAM,SAAS,QAAQ;AAAA,MAC7C,UAAU,CAAC,EAAE,UAAU,MAAM,SAAS,QAAQ;AAAA,IAAA;AAGhD,UAAM,gBAAgB,SAAS;AAAA,MAC7B,SAAS;AAAA,MACT,UAAU;AAAA,MACV,OAAO;AAAA,IAAA,CACR;AAGK,UAAA,aAAa,OAAO,MAAc;;AAGtC,UAAG,CAAC,QAAM,YAAO,UAAP,mBAAc,aAAW;AACjC;AAAA,MACF;AAEA,UAAI,UAAU,MAAM,iBAAiB,EAAE,OAAM,MAAM,OAAc;AAGjE,oBAAc,QAAQ,UAAQ;AAE1B,UAAA;AAEF,gBAAQ,QAAQ;AAEhB,YAAI,eAAe,OAAO;AAExB,gBAAM,EAAE,KAAA,IAAS,MAAM,OAAO;AAAA,YAC5B,cAAc;AAAA,YACd,cAAc;AAAA,UAAA;AAGZ,cAAA,KAAK,SAAS,KAAK;AACX,sBAAA,MAAM,KAAK,OAAO,SAAS;AACrC;AAAA,UACF;AAEA,oBAAU,QAAQ,cAAc;AAChC,yBAAe,QAAQ;AAAA,QAAA,OAElB;AAEL,gBAAM,EAAE,KAAA,IAAS,MAAM,OAAO;AAAA,YAC5B,cAAc;AAAA,YACd,cAAc;AAAA,YACd,cAAc;AAAA,UAAA;AAGZ,cAAA,KAAK,SAAS,KAAK;AACX,sBAAA,MAAM,KAAK,OAAO,OAAO;AACnC;AAAA,UACF;AAEA,iBAAO,KAAK,EAAE,MAAM,IAAK,CAAA;AAAA,QAC3B;AAAA,eACO,GAAG;AACV,kBAAU,MAAM,MAAM;AAAA,MAAA,UACtB;AACA,gBAAQ,QAAQ;AAAA,MAClB;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/index-ebajbS5R.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-HC0IsFjh.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-ebajbS5R.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index-ebajbS5R.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-NA3orsqu.js → index-imfIWXoJ.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-HC0IsFjh.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-imfIWXoJ.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index-imfIWXoJ.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":";;;;;;AAIO,MAAM,kBAAkB,WAAW;AAAA,EACxC,YAAY;AAAA,IACV,MAAM;AAAA,EACR;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,QAAQ,EAAE,MAAM,kBAAkB,UAAU,KAAK;AAAA,EACjD,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAU;AAIH,MAAM,kBAAkB;AAAA,EAC7B,sBAAsB,CAAC,MAAW;AACpC;;;;;;;ACZA,UAAM,QAAQ;AAId,UAAM,cAAc,SAAS,MAAM,MAAM,OAAO,WAAW;AAC3D,UAAM,aAAa,SAAS,MAAM,MAAM,OAAO,UAAW;AAEpD,UAAA,EAAC,UAAS;AAEhB;AAAA,MACE,SAAS,MAAM,MAAM,KAAK,CAAC;AAAA,MAC3B,CAACA,WAAU;AACH,cAAA,eAAe,MAAM,WAAW;AAEtCA,iBAAQ,MAAM,QAAQA,MAAK,IAAIA,SAAQ,CAAA;AAE1B,qBAAA;AAAA,UACXA,OAAM,IAAI,CAAC,SAAc,aAAa,WAAW,IAAI,CAAC;AAAA,QAAA;AAAA,MAE1D;AAAA,IAAA;AAGI,UAAA,iBAAiB,IAAI,KAAK;AAEhC;AAAA,MACE;AAAA,MACA,CAAC,WAAW,GAAG,cAAc;AAE3B,cAAM,sBAAsB,UAAU,eAAe,GAAG,OAAO,EAAC,WAAU;AAClE,gBAAA,YAAY,MAAM,UAAU;AAElC,cAAI,CAAC,WAAW;AACd,oBAAQ,KAAK,UAAU,UAAU,IAAI,eAAe;AACpD;AAAA,UACF;AAEA,yBAAe,QAAQ;AAEvB,oBAAU,UAAU,IAAI;AAAA,QAAA,CACzB;AAEK,cAAA,uBAAuB,UAAU,gBAAgB;AAAA,UACrD,OAAO,EAAC,KAAA,MAAU;AACV,kBAAA,YAAY,MAAM,UAAU;AAElC,gBAAI,CAAC,WAAW;AACd,sBAAQ,KAAK,UAAU,UAAU,IAAI,eAAe;AACpD;AAAA,YACF;AAEA,2BAAe,QAAQ;AAEnB,gBAAA;AACF,oBAAM,WAAW,MAAM,UAAU,WAAW,IAAI;AAE5C,kBAAA,SAAS,KAAK,SAAS,KAAK;AAC9B,yBAAS,MAAM,EAAC,SAAS,SAAS,KAAK,KAAI;AAC3C,+BAAe,QAAQ;AACvB;AAAA,cACF;AAAA,qBACO,GAAG;AACV,sBAAQ,MAAM,CAAC;AACf,6BAAe,QAAQ;AAAA,YACzB;AAAA,UACF;AAAA,QAAA;AAGF,kBAAU,MAAM;AACd,8BAAoB,QAAQ;AAC5B,+BAAqB,QAAQ;AAAA,QAAA,CAC9B;AAAA,MACH;AAAA,MACA,EAAC,WAAW,KAAI;AAAA,IAAA;AAGlB;AAAA,MACE;AAAA,MACA,CAAC,UAAU,GAAG,cAAc;AAC1B,cAAM,sBAAsB,SAAS,eAAe,GAAG,MAAM;;AAC3D,yBAAe,QAAQ;AAEjB,sBAAA,WAAW,MAAX,mBAAc;AAAA,QAAK,CAC1B;AAED,cAAM,mBAAmB,SAAS,YAAY,GAAG,MAAM;AACrD,yBAAe,QAAQ;AAAA,QAAA,CACxB;AAED,kBAAU,MAAM;AACd,8BAAoB,QAAQ;AAC5B,2BAAiB,QAAQ;AAAA,QAAA,CAC1B;AAAA,MACH;AAAA,MACA,EAAC,WAAW,KAAI;AAAA,IAAA;AAGZ,UAAA,eAAe,SAAS,MAAK,MAAM,UAAU,EAAE,gBAAqB,KAAA,aAAa,MAAM;AAE7F,UAAM,iBAAiB,YAAY;;AAC3B,cAAA,WAAM,UAAU,MAAhB,mBAAmB;AAAA,IAAa;AAGxC,UAAM,mBAAmB,MAAM;AACvB,YAAA,UAAU,EAAE;IAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC/Gd,MAAA,eAAe,YAAYC,SAAU;"}

package/dist/esm/{index-BwEI8T1N.js → index-j67xBooy.js}

@@ -1,9 +1,9 @@
 import { defineComponent, computed, createVNode, mergeProps, unref } from "vue";
 import { dayjs } from "element-plus";
-import { MKColumnText } from "./index-Bvaw80Gf.js";
+import { MKColumnText } from "./index-Cx0fVpmE.js";
 import { buildProps } from "@maketribe/utils";
-import { c as columnTextProps } from "./column-text-options-C-ApgBwL.js";
-import "./index-ynkPkNKa.js";
+import { c as columnTextProps } from "./column-text-options-C36_K3BK.js";
+import "./index-HC0IsFjh.js";
 import "vue-router";
 import "@maketribe/dm";
 import "@maketribe/request";
@@ -69,4 +69,4 @@ export {
   dateTypes,
   MKColumnDate as default
 };
-//# sourceMappingURL=index-BwEI8T1N.js.map
+//# sourceMappingURL=index-j67xBooy.js.map

package/dist/esm/{index-BwEI8T1N.js.map → index-j67xBooy.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-BwEI8T1N.js","sources":["../../src/components/data-model/data-table/components/column-date/column-date-options.ts","../../src/components/data-model/data-table/components/column-date/column-date.tsx","../../src/components/data-model/data-table/components/column-date/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { columnTextProps } from \"../column-text\";\n\nexport const dateTypes = [\"date\", \"year\", \"month\", \"datetime\"] as const;\n\nexport const columnDateProps = buildProps({\n  ...columnTextProps,\n  type: { default: \"date\", values: dateTypes },\n});\n\nexport type ColumnDateProps = ExtractPropTypes<typeof columnDateProps>;\n","import { computed, defineComponent, unref } from \"vue\";\nimport { dayjs } from \"element-plus\";\n\nimport { MKColumnText } from \"../column-text\";\nimport { columnDateProps } from \"./column-date-options\";\n\nexport default defineComponent({\n  name: \"MKColumnDate\",\n  props: columnDateProps,\n  setup(props) {\n    const columnTextProps = computed(() => {\n      const { type, ...columnTextProps } = props;\n      return columnTextProps;\n    });\n\n    const type = computed(() => props.type);\n\n    const formatValue = (value: string) => {\n      const dayInstance = dayjs(value ?? null);\n\n      if (!dayInstance.isValid()) {\n        return;\n      }\n\n      switch (unref(type)) {\n        case \"datetime\":\n          return dayInstance.format(\"YYYY-MM-DD HH:mm:ss\");\n        case \"date\":\n          return dayInstance.format(\"YYYY-MM-DD\");\n        case \"month\":\n          return dayInstance.format(\"YYYY-MM\");\n        case \"year\":\n          return dayInstance.format(\"YYYY\");\n        default:\n          return props.formatValue(value);\n      }\n    };\n\n    return () => {\n      return (\n        <MKColumnText {...unref(columnTextProps)} formatValue={formatValue} />\n      );\n    };\n  },\n});\n","import ColumnDate from \"./column-date\";\n\nexport const MKColumnDate = ColumnDate;\nexport default MKColumnDate;\n\nexport * from \"./column-date-options\";\n"],"names":["defineComponent","name","props","columnDateProps","setup","columnTextProps","computed","type","formatValue","value","dayInstance","dayjs","isValid","unref","format","_createVNode","MKColumnText","_mergeProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAIO,MAAM,YAAY,CAAC,QAAQ,QAAQ,SAAS,UAAU;AAEtD,MAAM,kBAAkB,WAAW;AAAA,EACxC,GAAG;AAAA,EACH,MAAM,EAAE,SAAS,QAAQ,QAAQ,UAAU;AAC7C,CAAC;ACHD,MAAeA,6CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AACX,UAAMG,mBAAkBC,SAAS,MAAM;AACrC,YAAM;AAAA,QAAEC,MAAAA;AAAAA,QAAM,GAAGF;AAAAA,MAAiB,IAAGH;AACrC,aAAOG;AAAAA,IACT,CAAC;AAED,UAAME,OAAOD,SAAS,MAAMJ,MAAMK,IAAI;AAEtC,UAAMC,cAAeC,WAAkB;AACrC,YAAMC,cAAcC,MAAMF,SAAS,IAAI;AAEvC,UAAI,CAACC,YAAYE,WAAW;AAC1B;AAAA,MACF;AAEA,cAAQC,MAAMN,IAAI,GAAC;AAAA,QACjB,KAAK;AACH,iBAAOG,YAAYI,OAAO,qBAAqB;AAAA,QACjD,KAAK;AACH,iBAAOJ,YAAYI,OAAO,YAAY;AAAA,QACxC,KAAK;AACH,iBAAOJ,YAAYI,OAAO,SAAS;AAAA,QACrC,KAAK;AACH,iBAAOJ,YAAYI,OAAO,MAAM;AAAA,QAClC;AACE,iBAAOZ,MAAMM,YAAYC,KAAK;AAAA,MAClC;AAAA;AAGF,WAAO,MAAM;AACX,aAAAM,YAAAC,cAAAC,WACoBJ,MAAMR,gBAAe,GAAC;AAAA,QAAA,eAAeG;AAAAA,MAAW,CAAA,GAAA,IAAA;AAAA;EAGxE;AACF,CAAC;AC1CM,MAAM,eAAe;"}
+{"version":3,"file":"index-j67xBooy.js","sources":["../../src/components/data-model/data-table/components/column-date/column-date-options.ts","../../src/components/data-model/data-table/components/column-date/column-date.tsx","../../src/components/data-model/data-table/components/column-date/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { columnTextProps } from \"../column-text\";\n\nexport const dateTypes = [\"date\", \"year\", \"month\", \"datetime\"] as const;\n\nexport const columnDateProps = buildProps({\n  ...columnTextProps,\n  type: { default: \"date\", values: dateTypes },\n});\n\nexport type ColumnDateProps = ExtractPropTypes<typeof columnDateProps>;\n","import { computed, defineComponent, unref } from \"vue\";\nimport { dayjs } from \"element-plus\";\n\nimport { MKColumnText } from \"../column-text\";\nimport { columnDateProps } from \"./column-date-options\";\n\nexport default defineComponent({\n  name: \"MKColumnDate\",\n  props: columnDateProps,\n  setup(props) {\n    const columnTextProps = computed(() => {\n      const { type, ...columnTextProps } = props;\n      return columnTextProps;\n    });\n\n    const type = computed(() => props.type);\n\n    const formatValue = (value: string) => {\n      const dayInstance = dayjs(value ?? null);\n\n      if (!dayInstance.isValid()) {\n        return;\n      }\n\n      switch (unref(type)) {\n        case \"datetime\":\n          return dayInstance.format(\"YYYY-MM-DD HH:mm:ss\");\n        case \"date\":\n          return dayInstance.format(\"YYYY-MM-DD\");\n        case \"month\":\n          return dayInstance.format(\"YYYY-MM\");\n        case \"year\":\n          return dayInstance.format(\"YYYY\");\n        default:\n          return props.formatValue(value);\n      }\n    };\n\n    return () => {\n      return (\n        <MKColumnText {...unref(columnTextProps)} formatValue={formatValue} />\n      );\n    };\n  },\n});\n","import ColumnDate from \"./column-date\";\n\nexport const MKColumnDate = ColumnDate;\nexport default MKColumnDate;\n\nexport * from \"./column-date-options\";\n"],"names":["defineComponent","name","props","columnDateProps","setup","columnTextProps","computed","type","formatValue","value","dayInstance","dayjs","isValid","unref","format","_createVNode","MKColumnText","_mergeProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAIO,MAAM,YAAY,CAAC,QAAQ,QAAQ,SAAS,UAAU;AAEtD,MAAM,kBAAkB,WAAW;AAAA,EACxC,GAAG;AAAA,EACH,MAAM,EAAE,SAAS,QAAQ,QAAQ,UAAU;AAC7C,CAAC;ACHD,MAAeA,6CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AACX,UAAMG,mBAAkBC,SAAS,MAAM;AACrC,YAAM;AAAA,QAAEC,MAAAA;AAAAA,QAAM,GAAGF;AAAAA,MAAiB,IAAGH;AACrC,aAAOG;AAAAA,IACT,CAAC;AAED,UAAME,OAAOD,SAAS,MAAMJ,MAAMK,IAAI;AAEtC,UAAMC,cAAeC,WAAkB;AACrC,YAAMC,cAAcC,MAAMF,SAAS,IAAI;AAEvC,UAAI,CAACC,YAAYE,WAAW;AAC1B;AAAA,MACF;AAEA,cAAQC,MAAMN,IAAI,GAAC;AAAA,QACjB,KAAK;AACH,iBAAOG,YAAYI,OAAO,qBAAqB;AAAA,QACjD,KAAK;AACH,iBAAOJ,YAAYI,OAAO,YAAY;AAAA,QACxC,KAAK;AACH,iBAAOJ,YAAYI,OAAO,SAAS;AAAA,QACrC,KAAK;AACH,iBAAOJ,YAAYI,OAAO,MAAM;AAAA,QAClC;AACE,iBAAOZ,MAAMM,YAAYC,KAAK;AAAA,MAClC;AAAA;AAGF,WAAO,MAAM;AACX,aAAAM,YAAAC,cAAAC,WACoBJ,MAAMR,gBAAe,GAAC;AAAA,QAAA,eAAeG;AAAAA,MAAW,CAAA,GAAA,IAAA;AAAA;EAGxE;AACF,CAAC;AC1CM,MAAM,eAAe;"}

package/dist/esm/{index-CXlM4iiU.js → index-nqw6fWhN.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-HC0IsFjh.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-nqw6fWhN.js.map

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

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

package/dist/esm/{index-GiqqfBYq.js → index-uX-dom_p.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, createVNode, unref } from "vue";
 import { ElSwitch } from "element-plus";
-import { p as columnProps, t as useColumn } from "./index-ynkPkNKa.js";
+import { p as columnProps, t as useColumn } from "./index-HC0IsFjh.js";
 import { buildProps } from "@maketribe/utils";
 import "vue-router";
 import "@maketribe/dm";
@@ -62,4 +62,4 @@ export {
   columnSwitchProps,
   MKColumnSwitch as default
 };
-//# sourceMappingURL=index-GiqqfBYq.js.map
+//# sourceMappingURL=index-uX-dom_p.js.map

package/dist/esm/{index-GiqqfBYq.js.map → index-uX-dom_p.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-GiqqfBYq.js","sources":["../../src/components/data-model/data-table/components/column-switch/column-switch-options.ts","../../src/components/data-model/data-table/components/column-switch/column-switch.tsx","../../src/components/data-model/data-table/components/column-switch/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { ColumnEventData, columnProps } from \"../../composables\";\n\nexport const columnSwitchProps = buildProps({\n  ...columnProps,\n  disabled: { type: Boolean, default: true },\n} as const);\n\nexport type ColumnSwitchProps = ExtractPropTypes<typeof columnSwitchProps>;\n\nexport const columnSwitchEmits = {\n  change: (data: ColumnEventData & { value: boolean }) => true,\n};\n\nexport type ColumnSwitchEmits = typeof columnSwitchEmits;\n","import { computed, defineComponent, unref } from \"vue\";\nimport { ElSwitch } from \"element-plus\";\n\nimport { useColumn } from \"../../composables\";\nimport { columnSwitchEmits, columnSwitchProps } from \"./column-switch-options\";\n\nexport default defineComponent({\n  name: \"MKColumnSwitch\",\n  props: columnSwitchProps,\n  emits: columnSwitchEmits,\n  setup(props, { emit }) {\n    const { value } = useColumn(props);\n\n    const disabled = computed(() => props.disabled);\n\n    const handleChange = (value: boolean) => {\n      emit(\"change\", {\n        row: props.row,\n        column: props.column,\n        index: props.index,\n        value,\n      });\n    };\n\n    return () => {\n      return (\n        <div class=\"mk-column-switch\">\n          <ElSwitch\n            disabled={unref(disabled)}\n            modelValue={unref(value)}\n            onChange={handleChange as any}\n          />\n        </div>\n      );\n    };\n  },\n});\n","import ColumnSwitch from \"./column-switch\";\n\nexport const MKColumnSwitch = ColumnSwitch;\nexport default MKColumnSwitch;\n\nexport * from \"./column-switch-options\";\n"],"names":["defineComponent","name","props","columnSwitchProps","emits","columnSwitchEmits","setup","emit","value","useColumn","disabled","computed","handleChange","row","column","index","_createVNode","ElSwitch","unref"],"mappings":";;;;;;;;;;;;;;;;;;;;AAIO,MAAM,oBAAoB,WAAW;AAAA,EAC1C,GAAG;AAAA,EACH,UAAU,EAAE,MAAM,SAAS,SAAS,KAAK;AAC3C,CAAU;AAIH,MAAM,oBAAoB;AAAA,EAC/B,QAAQ,CAAC,SAA+C;AAC1D;ACPA,MAAeA,+CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,OAAOC;AAAAA,EACPC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAM;AAAA,MAAEC;AAAAA,IAAM,IAAIC,UAAUP,KAAK;AAEjC,UAAMQ,WAAWC,SAAS,MAAMT,MAAMQ,QAAQ;AAE9C,UAAME,eAAgBJ,CAAAA,WAAmB;AACvCD,WAAK,UAAU;AAAA,QACbM,KAAKX,MAAMW;AAAAA,QACXC,QAAQZ,MAAMY;AAAAA,QACdC,OAAOb,MAAMa;AAAAA,QACbP,OAAAA;AAAAA,MACF,CAAC;AAAA;AAGH,WAAO,MAAM;AACX,aAAAQ,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,SAAAA,CAAAA,YAAAC,UAAA;AAAA,QAAA,YAGgBC,MAAMR,QAAQ;AAAA,QAAC,cACbQ,MAAMV,KAAK;AAAA,QAAC,YACdI;AAAAA,MAAY,GAAA,IAAA,CAAA,CAAA;AAAA;EAKhC;AACF,CAAC;AClCM,MAAM,iBAAiB;"}
+{"version":3,"file":"index-uX-dom_p.js","sources":["../../src/components/data-model/data-table/components/column-switch/column-switch-options.ts","../../src/components/data-model/data-table/components/column-switch/column-switch.tsx","../../src/components/data-model/data-table/components/column-switch/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { ColumnEventData, columnProps } from \"../../composables\";\n\nexport const columnSwitchProps = buildProps({\n  ...columnProps,\n  disabled: { type: Boolean, default: true },\n} as const);\n\nexport type ColumnSwitchProps = ExtractPropTypes<typeof columnSwitchProps>;\n\nexport const columnSwitchEmits = {\n  change: (data: ColumnEventData & { value: boolean }) => true,\n};\n\nexport type ColumnSwitchEmits = typeof columnSwitchEmits;\n","import { computed, defineComponent, unref } from \"vue\";\nimport { ElSwitch } from \"element-plus\";\n\nimport { useColumn } from \"../../composables\";\nimport { columnSwitchEmits, columnSwitchProps } from \"./column-switch-options\";\n\nexport default defineComponent({\n  name: \"MKColumnSwitch\",\n  props: columnSwitchProps,\n  emits: columnSwitchEmits,\n  setup(props, { emit }) {\n    const { value } = useColumn(props);\n\n    const disabled = computed(() => props.disabled);\n\n    const handleChange = (value: boolean) => {\n      emit(\"change\", {\n        row: props.row,\n        column: props.column,\n        index: props.index,\n        value,\n      });\n    };\n\n    return () => {\n      return (\n        <div class=\"mk-column-switch\">\n          <ElSwitch\n            disabled={unref(disabled)}\n            modelValue={unref(value)}\n            onChange={handleChange as any}\n          />\n        </div>\n      );\n    };\n  },\n});\n","import ColumnSwitch from \"./column-switch\";\n\nexport const MKColumnSwitch = ColumnSwitch;\nexport default MKColumnSwitch;\n\nexport * from \"./column-switch-options\";\n"],"names":["defineComponent","name","props","columnSwitchProps","emits","columnSwitchEmits","setup","emit","value","useColumn","disabled","computed","handleChange","row","column","index","_createVNode","ElSwitch","unref"],"mappings":";;;;;;;;;;;;;;;;;;;;AAIO,MAAM,oBAAoB,WAAW;AAAA,EAC1C,GAAG;AAAA,EACH,UAAU,EAAE,MAAM,SAAS,SAAS,KAAK;AAC3C,CAAU;AAIH,MAAM,oBAAoB;AAAA,EAC/B,QAAQ,CAAC,SAA+C;AAC1D;ACPA,MAAeA,+CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,OAAOC;AAAAA,EACPC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAM;AAAA,MAAEC;AAAAA,IAAM,IAAIC,UAAUP,KAAK;AAEjC,UAAMQ,WAAWC,SAAS,MAAMT,MAAMQ,QAAQ;AAE9C,UAAME,eAAgBJ,CAAAA,WAAmB;AACvCD,WAAK,UAAU;AAAA,QACbM,KAAKX,MAAMW;AAAAA,QACXC,QAAQZ,MAAMY;AAAAA,QACdC,OAAOb,MAAMa;AAAAA,QACbP,OAAAA;AAAAA,MACF,CAAC;AAAA;AAGH,WAAO,MAAM;AACX,aAAAQ,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,SAAAA,CAAAA,YAAAC,UAAA;AAAA,QAAA,YAGgBC,MAAMR,QAAQ;AAAA,QAAC,cACbQ,MAAMV,KAAK;AAAA,QAAC,YACdI;AAAAA,MAAY,GAAA,IAAA,CAAA,CAAA;AAAA;EAKhC;AACF,CAAC;AClCM,MAAM,iBAAiB;"}