@maketribe/ms-app 4.0.9 → 5.0.1

package/dist/cjs/{index-CrMSJRSa.cjs.map → index-B8ergi4x.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"index-CrMSJRSa.cjs","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/JsonEditor\";\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 \"./index.scss\"\nimport ColumnJson from \"./column-json\";\n\nexport const MKColumnJson = withInstall(ColumnJson);\n\nexport default MKColumnJson;\n\nexport * from \"./column-json-options\";\n"],"names":["buildProps","columnProps","_isSlot","s","Object","prototype","toString","call","_isVNode","name","props","columnJsonProps","setup","value","useColumn","isShowDialog","ref","buttonText","computed","handleClick","_slot","_createVNode","_Fragment","ElButton","unref","default","ElDialog","v","ElScrollbar","MKJsonEditor","withInstall"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAIO,MAAM,kBAAkBA,MAAAA,WAAW;AAAA,EACxC,GAAGC,MAAAA;AAAAA,EACH,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAEb,CAAU;ACNkD,SAAAC,QAAAC,GAAA;AAAA,SAAA,OAAAA,MAAA,cAAAC,OAAAC,UAAAC,SAAAC,KAAAJ,CAAA,MAAA,qBAAA,CAAAK,IAAAA,QAAAL,CAAA;AAAA;AAE5D,MAAA,iDAA+B;AAAA,EAC7BM,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AACX,UAAM;AAAA,MAAEG;AAAAA,IAAM,IAAIC,MAAAA,UAAUJ,KAAK;AAEjC,UAAMK,eAAeC,IAAAA,IAAI,KAAK;AAE9B,UAAMC,aAAaC,IAAAA,SAAS,MAAMR,MAAMO,UAAU;AAElD,UAAME,cAAcA,MAAM;AACxBJ,mBAAaF,QAAQ;AAAA,IACvB;AAEA,WAAO,MAAM;AAAA,UAAAO;AACX,aAAAC,IAAAA,YAAAC,IAAAA,UAAA,MAAA,CAAAD,IAAAA,YAAAE,YAAAA,UAAA;AAAA,QAAA,WAEuBJ;AAAAA,SAAWjB,QAAAkB,QAAGI,IAAAA,MAAMP,UAAU,CAAC,IAAAG,QAAA;AAAA,QAAAK,SAAAA,MAAA,CAAAL,KAAA;AAAA,OAAA,GAAAC,IAAAA,YAAAK,sBAAA;AAAA,QAAA,SAAA;AAAA,QAAA,gBAAA;AAAA,QAAA,cAKpCF,IAAAA,MAAMT,YAAY;AAAA,QAAC,uBACTY,OAAgBZ,aAAaF,QAAQc;AAAAA,MAAE,GAAA;AAAA,QAAAF,SAAAA,MAAA,CAAAJ,IAAAA,YAAAO,yBAAA;AAAA,UAAA,UAAA;AAAA,QAAA,GAAA;AAAA,UAAAH,SAAAA,MAAA,CAAAJ,IAAAA,YAAAQ,oBAAA;AAAA,YAAA,YAAA;AAAA,YAAA,cAGxBL,IAAAA,MAAMX,KAAK;AAAA,UAAC,GAAA,IAAA,CAAA;AAAA,QAAA,CAAA,CAAA;AAAA,MAAA,CAAA,CAAA,CAAA;AAAA,IAKzD;AAAA,EACF;AACF,CAAC;ACnCM,MAAM,eAAeiB,MAAAA,YAAY,UAAU;;;;"}
+{"version":3,"file":"index-B8ergi4x.cjs","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/JsonEditor\";\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 \"./index.scss\"\nimport ColumnJson from \"./column-json\";\n\nexport const MKColumnJson = withInstall(ColumnJson);\n\nexport default MKColumnJson;\n\nexport * from \"./column-json-options\";\n"],"names":["buildProps","columnProps","_isSlot","s","Object","prototype","toString","call","_isVNode","name","props","columnJsonProps","setup","value","useColumn","isShowDialog","ref","buttonText","computed","handleClick","_slot","_createVNode","_Fragment","ElButton","unref","default","ElDialog","v","ElScrollbar","MKJsonEditor","withInstall"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAIO,MAAM,kBAAkBA,MAAAA,WAAW;AAAA,EACxC,GAAGC,MAAAA;AAAAA,EACH,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAEb,CAAU;ACNkD,SAAAC,QAAAC,GAAA;AAAA,SAAA,OAAAA,MAAA,cAAAC,OAAAC,UAAAC,SAAAC,KAAAJ,CAAA,MAAA,qBAAA,CAAAK,IAAAA,QAAAL,CAAA;AAAA;AAE5D,MAAA,iDAA+B;AAAA,EAC7BM,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AACX,UAAM;AAAA,MAAEG;AAAAA,IAAM,IAAIC,MAAAA,UAAUJ,KAAK;AAEjC,UAAMK,eAAeC,IAAAA,IAAI,KAAK;AAE9B,UAAMC,aAAaC,IAAAA,SAAS,MAAMR,MAAMO,UAAU;AAElD,UAAME,cAAcA,MAAM;AACxBJ,mBAAaF,QAAQ;AAAA,IACvB;AAEA,WAAO,MAAM;AAAA,UAAAO;AACX,aAAAC,IAAAA,YAAAC,IAAAA,UAAA,MAAA,CAAAD,IAAAA,YAAAE,YAAAA,UAAA;AAAA,QAAA,WAEuBJ;AAAAA,SAAWjB,QAAAkB,QAAGI,IAAAA,MAAMP,UAAU,CAAC,IAAAG,QAAA;AAAA,QAAAK,SAAAA,MAAA,CAAAL,KAAA;AAAA,OAAA,GAAAC,IAAAA,YAAAK,sBAAA;AAAA,QAAA,SAAA;AAAA,QAAA,gBAAA;AAAA,QAAA,cAKpCF,IAAAA,MAAMT,YAAY;AAAA,QAAC,uBACTY,OAAgBZ,aAAaF,QAAQc;AAAAA,MAAE,GAAA;AAAA,QAAAF,SAAAA,MAAA,CAAAJ,IAAAA,YAAAO,yBAAA;AAAA,UAAA,UAAA;AAAA,QAAA,GAAA;AAAA,UAAAH,SAAAA,MAAA,CAAAJ,IAAAA,YAAAQ,oBAAA;AAAA,YAAA,YAAA;AAAA,YAAA,cAGxBL,IAAAA,MAAMX,KAAK;AAAA,UAAC,GAAA,IAAA,CAAA;AAAA,QAAA,CAAA,CAAA;AAAA,MAAA,CAAA,CAAA,CAAA;AAAA,IAKzD;AAAA,EACF;AACF,CAAC;ACnCM,MAAM,eAAeiB,MAAAA,YAAY,UAAU;;;;"}

package/dist/cjs/{index-q1_p8QOz.cjs → index-BEN_IfEA.cjs}

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("vue");
 const vueRouter = require("vue-router");
 const dm = require("@maketribe/dm");
-const index$1 = require("./index-BUCV8-xD.cjs");
+const index$1 = require("./index-C9ykzsLb.cjs");
 require("@maketribe/request");
 require("@maketribe/locale");
 require("@maketribe/utils");
@@ -198,4 +198,4 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
 });
 const index = /* @__PURE__ */ index$1._export_sfc(_sfc_main, [["__scopeId", "data-v-4740447d"]]);
 exports.default = index;
-//# sourceMappingURL=index-q1_p8QOz.cjs.map
+//# sourceMappingURL=index-BEN_IfEA.cjs.map

package/dist/cjs/{index-q1_p8QOz.cjs.map → index-BEN_IfEA.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"index-q1_p8QOz.cjs","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 name=\"ep:arrow-right-bold\" class=\"mr-2\" />\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,MKSvgIcon } 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({ scene:\"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</script>\n\n<style lang=\"scss\" scoped>\n@import \"../login/login.scss\";\n</style>\n"],"names":["ref","useRouter","useHttpRequest","reactive","MKOpenVerifyCode","Messager"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiEA,UAAM,SAAmBA,IAAAA,IAAI,IAAI;AAEjC,UAAM,SAASC,UAAAA,UAAA;AAEf,UAAM,cAAcC,QAAAA,eAAA;AAEpB,UAAM,UAAUF,IAAAA,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;AACV,uBAAS,IAAI,MAAM,MAAM,CAAC;AAAA,YAC5B,WACE,CAAC,qDAAqD,KAAK,KAAK,GAChE;AACA,uBAAS,IAAI,MAAM,QAAQ,CAAC;AAAA,YAC9B,OAAO;AACL,uBAAA;AAAA,YACF;AAAA,UACF;AAAA,QAAA;AAAA,MACF;AAAA,MAEF,MAAM,CAAC,EAAE,UAAU,MAAM,SAAS,QAAQ;AAAA,IAAA;AAI5C,UAAM,eAAeG,IAAAA,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,MAAMC,QAAAA,iBAAiB,EAAE,OAAM,eAAA,CAAuB,IAAK;AAEjF,YAAM,SAAS,MAAM,YAAY,KAAK,wBAAuB,YAAY;AAEzE,UAAI,OAAO,KAAK,QAAQ,KAAK;AAC3BC,WAAAA,SAAS,MAAM,EAAE,SAAS,OAAO,KAAK,OAAO,QAAO;AACpD;AAAA,MACF;AAEAA,SAAAA,SAAS,QAAQ,EAAE,SAAS,kBAAA,CAAmB;AAAA,IACjD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index-BEN_IfEA.cjs","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 name=\"ep:arrow-right-bold\" class=\"mr-2\" />\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,MKSvgIcon } 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({ scene:\"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</script>\n\n<style lang=\"scss\" scoped>\n@import \"../login/login.scss\";\n</style>\n"],"names":["ref","useRouter","useHttpRequest","reactive","MKOpenVerifyCode","Messager"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiEA,UAAM,SAAmBA,IAAAA,IAAI,IAAI;AAEjC,UAAM,SAASC,UAAAA,UAAA;AAEf,UAAM,cAAcC,QAAAA,eAAA;AAEpB,UAAM,UAAUF,IAAAA,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;AACV,uBAAS,IAAI,MAAM,MAAM,CAAC;AAAA,YAC5B,WACE,CAAC,qDAAqD,KAAK,KAAK,GAChE;AACA,uBAAS,IAAI,MAAM,QAAQ,CAAC;AAAA,YAC9B,OAAO;AACL,uBAAA;AAAA,YACF;AAAA,UACF;AAAA,QAAA;AAAA,MACF;AAAA,MAEF,MAAM,CAAC,EAAE,UAAU,MAAM,SAAS,QAAQ;AAAA,IAAA;AAI5C,UAAM,eAAeG,IAAAA,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,MAAMC,QAAAA,iBAAiB,EAAE,OAAM,eAAA,CAAuB,IAAK;AAEjF,YAAM,SAAS,MAAM,YAAY,KAAK,wBAAuB,YAAY;AAEzE,UAAI,OAAO,KAAK,QAAQ,KAAK;AAC3BC,WAAAA,SAAS,MAAM,EAAE,SAAS,OAAO,KAAK,OAAO,QAAO;AACpD;AAAA,MACF;AAEAA,SAAAA,SAAS,QAAQ,EAAE,SAAS,kBAAA,CAAmB;AAAA,IACjD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/{index-DZUlc_v7.cjs → index-BErkUm00.cjs}

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("vue");
-const index = require("./index-BUCV8-xD.cjs");
+const index = require("./index-C9ykzsLb.cjs");
 require("element-plus");
 require("@maketribe/dm");
 require("vue-cropper");
@@ -35,4 +35,4 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   }
 });
 exports.default = _sfc_main;
-//# sourceMappingURL=index-DZUlc_v7.cjs.map
+//# sourceMappingURL=index-BErkUm00.cjs.map

package/dist/cjs/index-BErkUm00.cjs.map

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

package/dist/cjs/{index-BCw3a06g.cjs → index-BQ98NiKE.cjs}

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const utils = require("@maketribe/utils");
 const vue = require("vue");
-const index = require("./index-BUCV8-xD.cjs");
+const index = require("./index-C9ykzsLb.cjs");
 const dm = require("@maketribe/dm");
 const elementPlus = require("element-plus");
 const { dataTable, ...restAbstractSelectProps } = index.abstractSelectProps;
@@ -13,10 +13,6 @@ const dataTreeSelectProps = utils.buildProps({
     type: Boolean,
     default: true
   },
-  showCheckbox: {
-    type: Boolean,
-    default: false
-  },
   maxCollapseTags: {
     type: Number,
     default: 5
@@ -111,12 +107,13 @@ const DataTreeSelect = /* @__PURE__ */ vue.defineComponent({
             "disabled": props.disabled,
             "loading": vue.unref(loading),
             "modelValue": selections,
-            "onUpdate:modelValue": setSelections,
+            "onUpdate:model-value": (v) => {
+              setSelections(v);
+            },
             "multiple": props.multiple,
             "checkStrictly": props.checkStrictly,
             "collapse-tags": true,
-            "max-collapse-tags": props.maxCollapseTags,
-            "show-checkbox": props.showCheckbox
+            "max-collapse-tags": props.maxCollapseTags
           }, slots);
         }
       });
@@ -128,4 +125,4 @@ exports.MKDataTreeSelect = MKDataTreeSelect;
 exports.dataTreeSelectEmits = dataTreeSelectEmits;
 exports.dataTreeSelectProps = dataTreeSelectProps;
 exports.default = MKDataTreeSelect;
-//# sourceMappingURL=index-BCw3a06g.cjs.map
+//# sourceMappingURL=index-BQ98NiKE.cjs.map

package/dist/cjs/index-BQ98NiKE.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-BQ98NiKE.cjs","sources":["../../src/components/basic/DataTreeSelect/options.ts","../../src/components/basic/DataTreeSelect/DataTreeSelect.tsx","../../src/components/basic/DataTreeSelect/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { abstractSelectEmits, abstractSelectProps } from \"../../abstract\";\nimport { DataTree } from \"@maketribe/dm\";\n\nconst { dataTable, ...restAbstractSelectProps } = abstractSelectProps;\n\nexport const dataTreeSelectProps = buildProps({\n  ...restAbstractSelectProps,\n  dataTree: DataTree<any>,\n  checkStrictly: {\n    type: Boolean,\n    default: true,\n  },\n  maxCollapseTags:{\n    type:Number,\n    default:5\n  },\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n  clearable: {\n    type: Boolean,\n    default: true,\n  },\n  formatOptions: {\n    type: Function,\n    default: (item: any) => {\n      const value = item.value ?? item.id ?? item.name;\n      const label = item.label ?? item.desc ?? item.title ?? item.name;\n      const children = item.children ?? [];\n      return { value, label, children };\n    },\n  },\n});\n\nexport type DataTreeSelectProps = ExtractPropTypes<typeof dataTreeSelectProps>;\n\nexport const dataTreeSelectEmits = {\n  ...abstractSelectEmits,\n};\n\nexport type DataTreeSelectEmits = typeof dataTreeSelectEmits;\n","import { computed, defineComponent, ref, Ref, unref, watch } from \"vue\";\nimport { MKAbstractSelect } from \"../../abstract\";\nimport {\n  dataTreeSelectEmits,\n  dataTreeSelectProps,\n} from \"./options\";\nimport { ElTreeSelect } from \"element-plus\";\n\nexport default defineComponent({\n  name: \"MKDataTreeSelect\",\n  props: dataTreeSelectProps,\n  emits: dataTreeSelectEmits,\n  setup(props, { emit, slots }) {\n    const primaryKey = computed(\n      () => props.primaryFieldName ?? props.dataTree?.primaryKey ?? \"value\"\n    );\n\n    const loading = computed(() => props.dataTree?.loading ?? false);\n\n    const modelValue = computed({\n      get: () => unref(props.modelValue),\n      set: (v) => {\n        emit(\"update:model-value\", v);\n      },\n    });\n\n    // 数据树\n    watch(computed(() => props.dataTree),async (dataTree) => {\n      // 初始化过就不重新初始化了\n      if(dataTree && !dataTree.initd) {\n        await dataTree.init();\n        dataTree.dataFilter.setReady();\n        await dataTree.loadAll();\n      }\n    },{ immediate: true });\n\n    const formatOptions = (item: any) => {\n      let _formatOptions;\n\n      if (props.labelFieldName) {\n        _formatOptions = (item: any) => {\n          return {\n            value: item[unref(primaryKey)],\n            label: item[props.labelFieldName!],\n            children: (item.children ?? []).map(formatOptions),\n          };\n        };\n      } else {\n        _formatOptions = props.formatOptions;\n      }\n\n      let option = _formatOptions(item);\n\n      option.data = item;\n\n      return option;\n    };\n\n    return () => {\n      return (\n        <MKAbstractSelect\n          class=\"mk-data-tree-select\"\n          modelValue={unref(modelValue)}\n          onUpdate:model-value={(v: any) => {\n            modelValue.value = v;\n          }}\n          additional={false}\n          dataTable={props.dataTree}\n          objectValue={props.objectValue}\n          multiple={props.multiple}\n          options={props.options}\n          primaryFieldName={props.primaryFieldName}\n          formatOptions={formatOptions}\n          v-slots={{\n            default: ({ selections, setSelections, options }: any) => {\n              return (\n                <ElTreeSelect\n                  popper-class=\"mk-data-tree-select__popper\"\n                  clearable={props.clearable}\n                  data={options}\n                  disabled={props.disabled}\n                  loading={unref(loading)}\n                  modelValue={selections}\n                  onUpdate:model-value={(v: any) => {\n                    setSelections(v)\n                  }}\n                  multiple={props.multiple}\n                  checkStrictly={props.checkStrictly}\n                  v-slots={slots}\n                  collapse-tags\n                  max-collapse-tags={props.maxCollapseTags}\n                />\n              );\n            },\n          }}\n        />\n      );\n    };\n  },\n});\n","import { withInstall } from \"@maketribe/utils\";\nimport \"./index.scss\"\nimport DataTreeSelect from \"./DataTreeSelect\";\n\nexport const MKDataTreeSelect = withInstall(DataTreeSelect);\n\nexport default MKDataTreeSelect;\n\nexport * from \"./options\";\n"],"names":["abstractSelectProps","buildProps","DataTree","abstractSelectEmits","name","props","dataTreeSelectProps","emits","dataTreeSelectEmits","setup","emit","slots","primaryKey","computed","primaryFieldName","dataTree","loading","modelValue","get","unref","set","v","watch","initd","init","dataFilter","setReady","loadAll","immediate","formatOptions","item","_formatOptions","labelFieldName","value","label","children","map","option","data","_createVNode","MKAbstractSelect","objectValue","multiple","options","default","selections","setSelections","ElTreeSelect","clearable","disabled","checkStrictly","maxCollapseTags","withInstall"],"mappings":"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"}

package/dist/cjs/{index-DwvlZC6R.cjs → index-BRgtQh4g.cjs}

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("vue");
 const elementPlus = require("element-plus");
-const index = require("./index-BUCV8-xD.cjs");
+const index = require("./index-C9ykzsLb.cjs");
 const utils = require("@maketribe/utils");
 require("vue-router");
 require("@maketribe/dm");
@@ -105,4 +105,4 @@ const MKColumnTag = ColumnTag;
 exports.MKColumnTag = MKColumnTag;
 exports.columnTagProps = columnTagProps;
 exports.default = MKColumnTag;
-//# sourceMappingURL=index-DwvlZC6R.cjs.map
+//# sourceMappingURL=index-BRgtQh4g.cjs.map

package/dist/cjs/{index-DwvlZC6R.cjs.map → index-BRgtQh4g.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"index-DwvlZC6R.cjs","sources":["../../src/components/data-model/data-table/components/column-tag/column-tag-options.ts","../../src/components/data-model/data-table/components/column-tag/column-tag.tsx","../../src/components/data-model/data-table/components/column-tag/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { columnProps } from \"../../composables\";\n\nexport const columnTagProps = buildProps({\n  ...columnProps,\n  type: {\n    values: [\"success\", \"warning\", \"info\", \"danger\", \"primary\"],\n  },\n  effect: {\n    default: \"light\",\n    values: [\"light\", \"dark\"],\n  },\n  color: {\n    type: String,\n    default: \"\",\n  },\n  hit: {\n    type: Boolean,\n    default: false,\n  },\n  round: {\n    type: Boolean,\n    default: false,\n  },\n  width: {\n    type: String,\n    default: \"\",\n  },\n  options: {\n    type: Array<{\n      label: string;\n      value: any;\n      color: string;\n      type: \"success\" | \"warning\" | \"info\" | \"danger\";\n    }>,\n    default: () => [],\n  },\n} as const);\n\nexport type ColumnTagProps = ExtractPropTypes<typeof columnTagProps>;\n","import { computed, defineComponent, unref } from \"vue\";\nimport { ElTag } from \"element-plus\";\n\nimport { useColumn } from \"../../composables\";\nimport { columnTagProps } from \"./column-tag-options\";\n\nexport default defineComponent({\n  name: \"MKColumnTag\",\n  props: columnTagProps,\n  setup(props) {\n    const { value } = useColumn(props);\n\n    const options = computed(() => props.options);\n\n    const tagStyle = computed(() => ({ width: props.width }));\n\n    const currentOption = computed(() =>\n      unref(options).find((option) => option.value === unref(value))\n    );\n\n    return () => {\n      const _currentOption = unref(currentOption);\n\n      let content;\n\n      if (!_currentOption) {\n        content = (\n          <ElTag\n            style={unref(tagStyle)}\n            disableTransitions\n            type={props.type}\n            effect={props.effect}\n            hit={props.hit}\n            color={props.color}\n            round={props.round}\n          >\n            {unref(value)}\n          </ElTag>\n        );\n      } else {\n        content = (\n          <ElTag\n            style={unref(tagStyle)}\n            disableTransitions\n            type={_currentOption.type}\n            effect={props.effect}\n            hit={props.hit}\n            color={_currentOption.color}\n            round={props.round}\n          >\n            {_currentOption.label || _currentOption.value}\n          </ElTag>\n        );\n      }\n\n      return <div class=\"mk-column-tag\">{content}</div>;\n    };\n  },\n});\n","import ColumnTag from \"./column-tag\";\n\nexport const MKColumnTag = ColumnTag;\nexport default MKColumnTag;\n\nexport * from \"./column-tag-options\";\n"],"names":["buildProps","columnProps","_isSlot","s","Object","prototype","toString","call","_isVNode","name","props","columnTagProps","setup","value","useColumn","options","computed","tagStyle","width","currentOption","unref","find","option","_currentOption","content","_slot","_createVNode","ElTag","type","effect","hit","color","round","default","label"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAIO,MAAM,iBAAiBA,MAAAA,WAAW;AAAA,EACvC,GAAGC,MAAAA;AAAAA,EACH,MAAM;AAAA,IACJ,QAAQ,CAAC,WAAW,WAAW,QAAQ,UAAU,SAAS;AAAA,EAAA;AAAA,EAE5D,QAAQ;AAAA,IACN,SAAS;AAAA,IACT,QAAQ,CAAC,SAAS,MAAM;AAAA,EAAA;AAAA,EAE1B,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAAA,EAEX,KAAK;AAAA,IACH,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAAA,EAEX,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAAA,EAEX,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAAA,EAEX,SAAS;AAAA,IACP,MAAM;AAAA,IAMN,SAAS,MAAM,CAAA;AAAA,EAAC;AAEpB,CAAU;AClC4C,SAAAC,QAAAC,GAAA;AAAA,SAAA,OAAAA,MAAA,cAAAC,OAAAC,UAAAC,SAAAC,KAAAJ,CAAA,MAAA,qBAAA,CAAAK,IAAAA,QAAAL,CAAA;AAAA;AAEtD,MAAA,gDAA+B;AAAA,EAC7BM,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AACX,UAAM;AAAA,MAAEG;AAAAA,IAAM,IAAIC,MAAAA,UAAUJ,KAAK;AAEjC,UAAMK,UAAUC,IAAAA,SAAS,MAAMN,MAAMK,OAAO;AAE5C,UAAME,WAAWD,IAAAA,SAAS,OAAO;AAAA,MAAEE,OAAOR,MAAMQ;AAAAA,IAAM,EAAE;AAExD,UAAMC,gBAAgBH,IAAAA,SAAS,MAC7BI,IAAAA,MAAML,OAAO,EAAEM,KAAMC,YAAWA,OAAOT,UAAUO,UAAMP,KAAK,CAAC,CAC/D;AAEA,WAAO,MAAM;AACX,YAAMU,iBAAiBH,IAAAA,MAAMD,aAAa;AAE1C,UAAIK;AAEJ,UAAI,CAACD,gBAAgB;AAAA,YAAAE;AACnBD,kBAAOE,IAAAA,YAAAC,mBAAA;AAAA,UAAA,SAEIP,IAAAA,MAAMH,QAAQ;AAAA,UAAC,sBAAA;AAAA,UAAA,QAEhBP,MAAMkB;AAAAA,UAAI,UACRlB,MAAMmB;AAAAA,UAAM,OACfnB,MAAMoB;AAAAA,UAAG,SACPpB,MAAMqB;AAAAA,UAAK,SACXrB,MAAMsB;AAAAA,WAAK9B,QAAAuB,QAEjBL,IAAAA,MAAMP,KAAK,CAAC,IAAAY,QAAA;AAAA,UAAAQ,SAAAA,MAAA,CAAAR,KAAA;AAAA,SAAA;AAAA,MAGnB,OAAO;AACLD,kBAAOE,IAAAA,YAAAC,mBAAA;AAAA,UAAA,SAEIP,IAAAA,MAAMH,QAAQ;AAAA,UAAC,sBAAA;AAAA,UAAA,QAEhBM,eAAeK;AAAAA,UAAI,UACjBlB,MAAMmB;AAAAA,UAAM,OACfnB,MAAMoB;AAAAA,UAAG,SACPP,eAAeQ;AAAAA,UAAK,SACpBrB,MAAMsB;AAAAA,QAAK,GAAA;AAAA,UAAAC,SAAAA,MAAA,CAEjBV,eAAeW,SAASX,eAAeV,KAAK;AAAA,SAAA;AAAA,MAGnD;AAEA,aAAAa,IAAAA,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA,CAAmCF,OAAO,CAAA;AAAA,IAC5C;AAAA,EACF;AACF,CAAC;ACxDM,MAAM,cAAc;;;;"}
+{"version":3,"file":"index-BRgtQh4g.cjs","sources":["../../src/components/data-model/data-table/components/column-tag/column-tag-options.ts","../../src/components/data-model/data-table/components/column-tag/column-tag.tsx","../../src/components/data-model/data-table/components/column-tag/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { columnProps } from \"../../composables\";\n\nexport const columnTagProps = buildProps({\n  ...columnProps,\n  type: {\n    values: [\"success\", \"warning\", \"info\", \"danger\", \"primary\"],\n  },\n  effect: {\n    default: \"light\",\n    values: [\"light\", \"dark\"],\n  },\n  color: {\n    type: String,\n    default: \"\",\n  },\n  hit: {\n    type: Boolean,\n    default: false,\n  },\n  round: {\n    type: Boolean,\n    default: false,\n  },\n  width: {\n    type: String,\n    default: \"\",\n  },\n  options: {\n    type: Array<{\n      label: string;\n      value: any;\n      color: string;\n      type: \"success\" | \"warning\" | \"info\" | \"danger\";\n    }>,\n    default: () => [],\n  },\n} as const);\n\nexport type ColumnTagProps = ExtractPropTypes<typeof columnTagProps>;\n","import { computed, defineComponent, unref } from \"vue\";\nimport { ElTag } from \"element-plus\";\n\nimport { useColumn } from \"../../composables\";\nimport { columnTagProps } from \"./column-tag-options\";\n\nexport default defineComponent({\n  name: \"MKColumnTag\",\n  props: columnTagProps,\n  setup(props) {\n    const { value } = useColumn(props);\n\n    const options = computed(() => props.options);\n\n    const tagStyle = computed(() => ({ width: props.width }));\n\n    const currentOption = computed(() =>\n      unref(options).find((option) => option.value === unref(value))\n    );\n\n    return () => {\n      const _currentOption = unref(currentOption);\n\n      let content;\n\n      if (!_currentOption) {\n        content = (\n          <ElTag\n            style={unref(tagStyle)}\n            disableTransitions\n            type={props.type}\n            effect={props.effect}\n            hit={props.hit}\n            color={props.color}\n            round={props.round}\n          >\n            {unref(value)}\n          </ElTag>\n        );\n      } else {\n        content = (\n          <ElTag\n            style={unref(tagStyle)}\n            disableTransitions\n            type={_currentOption.type}\n            effect={props.effect}\n            hit={props.hit}\n            color={_currentOption.color}\n            round={props.round}\n          >\n            {_currentOption.label || _currentOption.value}\n          </ElTag>\n        );\n      }\n\n      return <div class=\"mk-column-tag\">{content}</div>;\n    };\n  },\n});\n","import ColumnTag from \"./column-tag\";\n\nexport const MKColumnTag = ColumnTag;\nexport default MKColumnTag;\n\nexport * from \"./column-tag-options\";\n"],"names":["buildProps","columnProps","_isSlot","s","Object","prototype","toString","call","_isVNode","name","props","columnTagProps","setup","value","useColumn","options","computed","tagStyle","width","currentOption","unref","find","option","_currentOption","content","_slot","_createVNode","ElTag","type","effect","hit","color","round","default","label"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAIO,MAAM,iBAAiBA,MAAAA,WAAW;AAAA,EACvC,GAAGC,MAAAA;AAAAA,EACH,MAAM;AAAA,IACJ,QAAQ,CAAC,WAAW,WAAW,QAAQ,UAAU,SAAS;AAAA,EAAA;AAAA,EAE5D,QAAQ;AAAA,IACN,SAAS;AAAA,IACT,QAAQ,CAAC,SAAS,MAAM;AAAA,EAAA;AAAA,EAE1B,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAAA,EAEX,KAAK;AAAA,IACH,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAAA,EAEX,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAAA,EAEX,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAAA,EAEX,SAAS;AAAA,IACP,MAAM;AAAA,IAMN,SAAS,MAAM,CAAA;AAAA,EAAC;AAEpB,CAAU;AClC4C,SAAAC,QAAAC,GAAA;AAAA,SAAA,OAAAA,MAAA,cAAAC,OAAAC,UAAAC,SAAAC,KAAAJ,CAAA,MAAA,qBAAA,CAAAK,IAAAA,QAAAL,CAAA;AAAA;AAEtD,MAAA,gDAA+B;AAAA,EAC7BM,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AACX,UAAM;AAAA,MAAEG;AAAAA,IAAM,IAAIC,MAAAA,UAAUJ,KAAK;AAEjC,UAAMK,UAAUC,IAAAA,SAAS,MAAMN,MAAMK,OAAO;AAE5C,UAAME,WAAWD,IAAAA,SAAS,OAAO;AAAA,MAAEE,OAAOR,MAAMQ;AAAAA,IAAM,EAAE;AAExD,UAAMC,gBAAgBH,IAAAA,SAAS,MAC7BI,IAAAA,MAAML,OAAO,EAAEM,KAAMC,YAAWA,OAAOT,UAAUO,UAAMP,KAAK,CAAC,CAC/D;AAEA,WAAO,MAAM;AACX,YAAMU,iBAAiBH,IAAAA,MAAMD,aAAa;AAE1C,UAAIK;AAEJ,UAAI,CAACD,gBAAgB;AAAA,YAAAE;AACnBD,kBAAOE,IAAAA,YAAAC,mBAAA;AAAA,UAAA,SAEIP,IAAAA,MAAMH,QAAQ;AAAA,UAAC,sBAAA;AAAA,UAAA,QAEhBP,MAAMkB;AAAAA,UAAI,UACRlB,MAAMmB;AAAAA,UAAM,OACfnB,MAAMoB;AAAAA,UAAG,SACPpB,MAAMqB;AAAAA,UAAK,SACXrB,MAAMsB;AAAAA,WAAK9B,QAAAuB,QAEjBL,IAAAA,MAAMP,KAAK,CAAC,IAAAY,QAAA;AAAA,UAAAQ,SAAAA,MAAA,CAAAR,KAAA;AAAA,SAAA;AAAA,MAGnB,OAAO;AACLD,kBAAOE,IAAAA,YAAAC,mBAAA;AAAA,UAAA,SAEIP,IAAAA,MAAMH,QAAQ;AAAA,UAAC,sBAAA;AAAA,UAAA,QAEhBM,eAAeK;AAAAA,UAAI,UACjBlB,MAAMmB;AAAAA,UAAM,OACfnB,MAAMoB;AAAAA,UAAG,SACPP,eAAeQ;AAAAA,UAAK,SACpBrB,MAAMsB;AAAAA,QAAK,GAAA;AAAA,UAAAC,SAAAA,MAAA,CAEjBV,eAAeW,SAASX,eAAeV,KAAK;AAAA,SAAA;AAAA,MAGnD;AAEA,aAAAa,IAAAA,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA,CAAmCF,OAAO,CAAA;AAAA,IAC5C;AAAA,EACF;AACF,CAAC;ACxDM,MAAM,cAAc;;;;"}

package/dist/cjs/{index-C_-dvvOO.cjs → index-BSnxRKZN.cjs}

@@ -5,7 +5,11 @@ const elementPlus = require("element-plus");
 const iconsVue = require("@element-plus/icons-vue");
 const lodashEs = require("lodash-es");
 const dm = require("@maketribe/dm");
-const index = require("./index-BUCV8-xD.cjs");
+const index = require("./index-C9ykzsLb.cjs");
+const utils = require("@maketribe/utils");
+require("vue-router");
+require("@maketribe/request");
+require("@maketribe/locale");
 require("vue-cropper");
 require("@lexical/overflow");
 require("@lexical/text");
@@ -17,15 +21,11 @@ require("@lexical/rich-text");
 require("@lexical/history");
 require("@lexical/dragon");
 require("@lexical/plain-text");
-const utils = require("@maketribe/utils");
-require("vue-router");
-require("@maketribe/request");
-require("@maketribe/locale");
 require("./use-condition-BsNGbgF4.cjs");
 require("./index-Cj3GY0CU.cjs");
 require("./index-RjnvS-h4.cjs");
 require("./index-D_CB0k2e.cjs");
-require("./index-BbTdkhEQ.cjs");
+require("./index-CRx3vrt5.cjs");
 const dataFilterFormItemProps = utils.buildProps({
   name: { type: String, required: true },
   label: { type: String }
@@ -221,6 +221,10 @@ const dataFilterDrawerProps = utils.buildProps({
     type: Boolean,
     default: false
   },
+  size: {
+    type: [String, Number],
+    default: false
+  },
   dataTable: {
     type: dm.DataTable,
     required: true
@@ -261,6 +265,7 @@ const DataFilterDrawer = /* @__PURE__ */ vue.defineComponent({
     return () => {
       return vue.createVNode(elementPlus.ElDrawer, {
         "title": "筛选器",
+        "size": props.size,
         "modelValue": vue.unref(visible),
         "onUpdate:modelValue": (v) => visible.value = v
       }, {
@@ -293,6 +298,7 @@ const TableFilter = /* @__PURE__ */ vue.defineComponent({
   name: "MKTableFilter",
   setup() {
     const search = vue.ref("");
+    const settingsStore = index.useSettingsStore();
     const isShowDrawer = vue.ref(false);
     const dataTableContext = vue.inject(index.DATA_TABLE_CONTEXT_KEY);
     const dataTable = vue.computed(() => dataTableContext.dataTable);
@@ -364,7 +370,7 @@ const TableFilter = /* @__PURE__ */ vue.defineComponent({
       }
       return vue.createVNode("div", {
         "class": "mk-table-filter"
-      }, [searchInputVNode, vue.createVNode(elementPlus.ElTooltip, {
+      }, [settingsStore.mode === "pc" ? searchInputVNode : null, settingsStore.mode === "pc" ? vue.createVNode(elementPlus.ElTooltip, {
         "content": "筛选",
         "effect": "dark",
         "placement": "top"
@@ -376,7 +382,14 @@ const TableFilter = /* @__PURE__ */ vue.defineComponent({
             "name": "iconoir:filter"
           }, null)]
         })]
+      }) : vue.createVNode(elementPlus.ElButton, {
+        "onClick": handleShowDrawer
+      }, {
+        default: () => [vue.createVNode(index.MKSvgIcon, {
+          "name": "iconoir:filter"
+        }, null)]
       }), vue.createVNode(MKDataFilterDrawer, {
+        "size": settingsStore.mode === "pc" ? "400px" : "100%",
         "visible": vue.unref(isShowDrawer),
         "onUpdate:visible": (v) => isShowDrawer.value = v,
         "dataTable": _dataTable
@@ -391,4 +404,4 @@ const TableFilter = /* @__PURE__ */ vue.defineComponent({
 const MKTableFilter = TableFilter;
 exports.MKTableFilter = MKTableFilter;
 exports.default = MKTableFilter;
-//# sourceMappingURL=index-C_-dvvOO.cjs.map
+//# sourceMappingURL=index-BSnxRKZN.cjs.map

package/dist/cjs/index-BSnxRKZN.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-BSnxRKZN.cjs","sources":["../../src/components/data-model/data-filter-form/data-filter-form-item/data-filter-form-item-options.ts","../../src/components/data-model/data-filter-form/token.ts","../../src/components/data-model/data-filter-form/data-filter-form-item/data-filter-form-item.tsx","../../src/components/data-model/data-filter-form/data-filter-form-item/index.ts","../../src/components/data-model/data-filter-form/data-filter-form-options.ts","../../src/components/data-model/data-filter-form/data-filter-form.tsx","../../src/components/data-model/data-filter-form/operator-options.ts","../../src/components/data-model/data-filter-form/index.ts","../../src/components/data-model/data-filter-drawer/data-filter-drawer-options.ts","../../src/components/data-model/data-filter-drawer/data-filter-drawer.tsx","../../src/components/data-model/data-filter-drawer/index.ts","../../src/components/data-model/data-table/components/header-components/table-filter/table-filter.tsx","../../src/components/data-model/data-table/components/header-components/table-filter/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\n\nexport const dataFilterFormItemProps = buildProps({\n  name: { type: String, required: true },\n  label: { type: String },\n} as const);\n\nexport type DataFilterFormItemProps = ExtractPropTypes<\n  typeof dataFilterFormItemProps\n>;\n","import { InjectionKey } from \"vue\";\nimport { Operator, FilterColumn, DataFilter } from \"@maketribe/dm\";\nimport { OperatorOption } from \"./operator-options\";\n\nexport interface DataFilterContext {\n  dataFilter: DataFilter;\n  labelWidth: number;\n}\n\nexport interface DataFilterItemContext {\n  dataFilter: DataFilter;\n  // dataFilterItem: DataFilterItem;\n}\n\n// export interface DataFilterItem {\n//   dataFilter: DataFilter;\n//   column: FilterColumn;\n//   currentOperator: Operator | null;\n//   operatorOptions: OperatorOption[];\n//   setOperator(operator: Operator): void;\n//   setOperatorOptions(options: OperatorOption[]): void;\n//   setValue(value: any): void;\n//   getValue(): any;\n// }\n\nexport const DATA_FILTER_CONTEXT: InjectionKey<DataFilterContext> = Symbol(\n  \"DATA_FILTER_CONTEXT\"\n);\nexport const DATA_FILTER_ITEM_CONTEXT: InjectionKey<DataFilterItemContext> =\n  Symbol(\"DATA_FILTER_ITEM_CONTEXT\");\n\nexport const DATA_FILTER_QUERY_NAME: string = \"dataTableParams\";\n","import {\n  computed,\n  defineComponent,\n  inject,\n  onBeforeUnmount,\n  reactive,\n  toRaw,\n  unref,\n  watch,\n} from \"vue\";\nimport { ElFormItem } from \"element-plus\";\nimport { FilterColumn, isWhereFilter } from \"@maketribe/dm\";\nimport { useFilterColumnComponent } from \"../../../../composables\";\nimport { DataFilterComponent } from \"../../../../core\";\nimport { dataFilterFormItemProps } from \"./data-filter-form-item-options\";\nimport { DATA_FILTER_CONTEXT } from \"../token\";\n\nexport default defineComponent({\n  name: \"MKDataFilterFormItem\",\n  props: dataFilterFormItemProps,\n  setup(props, { slots }) {\n    const dataFilterContext = inject(DATA_FILTER_CONTEXT)!;\n\n    const dataFilter = computed(() => dataFilterContext.dataFilter);\n\n    let _filterColumn: FilterColumn | null = null;\n\n    const createFilterColumn = () => {\n      _filterColumn = reactive(\n        new FilterColumn({\n          name: props.name!,\n          label: props.label!,\n        })\n      );\n\n      unref(dataFilter).addColumn(_filterColumn);\n\n      return _filterColumn;\n    };\n\n    const filterColumn = computed(() => {\n      const existingColumn = unref(dataFilter).getColumn(props.name) ?? null;\n\n      if (existingColumn) {\n        return existingColumn;\n      }\n\n      if (!_filterColumn) {\n        _filterColumn = createFilterColumn();\n      }\n\n      return _filterColumn;\n    });\n\n    const value = computed({\n      get: () => unref(dataFilter).getParam(unref(filterColumn).name),\n      set: (v) => unref(dataFilter).setParam(unref(filterColumn).name, v),\n    });\n\n    const { component, componentProps, componentInfo } =\n      useFilterColumnComponent(filterColumn, dataFilter);\n\n    watch(\n      componentInfo,\n      (componentInfo) => {\n        const _dataFilter = unref(dataFilter);\n\n        if (isWhereFilter(_dataFilter)) {\n          _dataFilter.setParamOperator(\n            unref(filterColumn).name,\n            (componentInfo as DataFilterComponent).defaultOperator\n          );\n        }\n      },\n      { immediate: true }\n    );\n\n    onBeforeUnmount(() => {\n      const _dataFilter = unref(dataFilter);\n\n      if (isWhereFilter(_dataFilter)) {\n        _dataFilter.deleteParamOperator(unref(filterColumn).name);\n      }\n\n      _dataFilter.deleteParam(unref(filterColumn).name);\n    });\n\n    return () => {\n      const _filterColumn = unref(filterColumn);\n\n      if (!_filterColumn) {\n        return null;\n      }\n\n      let children: any = slots.default?.();\n\n      if (!children && unref(component)) {\n        const FilterColumnComponent = toRaw(unref(component));\n\n        children = (\n          <FilterColumnComponent\n            {...unref(componentProps)}\n            modelValue={unref(value)}\n            onUpdate:modelValue={(v: any) => (value.value = v)}\n            column={unref(filterColumn)}\n          />\n        );\n      }\n\n      const labelWidth = computed(() => dataFilterContext.labelWidth);\n\n      return (\n        <ElFormItem\n          prop={_filterColumn.name}\n          label={_filterColumn.label}\n          labelWidth={unref(labelWidth)}\n        >\n          {children}\n        </ElFormItem>\n      );\n    };\n  },\n});\n","import { withInstall } from \"@maketribe/utils\";\nimport DataFilterFormItem from \"./data-filter-form-item\";\n\nexport const MKDataFilterFormItem = withInstall(DataFilterFormItem);\nexport default MKDataFilterFormItem;\n\nexport * from \"./data-filter-form-item-options\";\n","import { ExtractPropTypes } from \"vue\";\nimport { DataTable } from \"@maketribe/dm\";\nimport { buildProps } from \"@maketribe/utils\";\nimport dataFilterForm from \"./data-filter-form\";\n\nexport const dataFilterFormProps = buildProps({\n  // dataFilter: { type: DataFilter, required: true },\n  dataTable: { type: DataTable, required: true },\n} as const);\n\nexport type DataFilterFormProps = ExtractPropTypes<typeof dataFilterFormProps>;\n\nexport const dataFilterFormEmits = {};\n\nexport type DataFilterFormEmits = typeof dataFilterForm;\n","import {\n  Suspense,\n  computed,\n  defineComponent,\n  provide,\n  reactive,\n  unref,\n  watch,\n  onMounted,\n  Fragment,\n} from \"vue\";\nimport { dataFilterFormProps } from \"./data-filter-form-options\";\nimport { MKDataFilterFormItem } from \"./data-filter-form-item\";\nimport { DATA_FILTER_CONTEXT } from \"./token\";\nimport { ElForm } from \"element-plus\";\nimport \"./data-filter.scss\"\n\nexport default defineComponent({\n  name: \"MKDataFilterForm\",\n  props: dataFilterFormProps,\n  setup(props, { slots }) {\n    const dataTable = computed(() => props.dataTable);\n    const dataFilter = computed(() => unref(dataTable).dataFilter);\n\n    const columns = computed(() =>\n      unref(dataFilter)\n        .getColumns()\n        .filter((column) => column.visible)\n    );\n\n    const labelWidth = computed(() => {\n      const maxWordCount = Math.max(\n        ...unref(columns).map((column) => column.label.length)\n      );\n\n      return maxWordCount * 14 + 20;\n    });\n\n    provide(DATA_FILTER_CONTEXT, reactive({ dataFilter, labelWidth }));\n\n    let resolve: Function | null = null;\n    const suspenseResolvePromise = new Promise((_resolve) => {\n      resolve = _resolve;\n    });\n\n    const handleResolve = () => {\n      resolve?.();\n    };\n\n    onMounted(() => {\n      watch(\n        dataTable,\n        async (dataTable, _, onCleanup) => {\n          await suspenseResolvePromise;\n\n          const disposable = dataTable.afterInitdEvent.on(() => {\n            dataTable.dataFilter.setReady();\n          });\n\n          onCleanup(() => {\n            disposable.dispose();\n          });\n        },\n        { immediate: true }\n      );\n    });\n\n    return () => {\n      if (!unref(columns).length) {\n        return null;\n      }\n\n      let children: any = slots.default?.();\n\n      if (!children) {\n        children = unref(columns).map((column) => {\n          if (!column.name) {\n            return null;\n          }\n\n          return (\n            slots[`col-${column.name}`]?.() || (\n              <MKDataFilterFormItem\n                name={column.name}\n                v-slots={{ default: slots[`col-${column.name}-content`] }}\n              />\n            )\n          );\n        });\n      }\n\n      if (!children) {\n        return null;\n      }\n\n      return (\n        <ElForm class=\"mk-data-filter-form\">\n          <Suspense onResolve={handleResolve}>\n            <Fragment>{children}</Fragment>\n          </Suspense>\n        </ElForm>\n      );\n    };\n  },\n});\n\n// export default defineComponent({\n//   name: \"MKDataFilterForm\",\n//   props: dataFilterFormProps,\n//   setup(props, { slots }) {\n//     const dataTable = computed(() => props.dataTable);\n//     const dataFilter = computed(() => unref(dataTable).dataFilter);\n\n//     const columns = computed(() =>\n//       unref(dataFilter)\n//         .getColumns()\n//         .filter((column) => column.visible)\n//     );\n\n//     const labelWidth = computed(() => {\n//       const maxWordCount = Math.max(\n//         ...unref(columns).map((column) => column.label.length)\n//       );\n\n//       return maxWordCount * 14 + 10;\n//     });\n\n//     provide(DATA_FILTER_CONTEXT, reactive({ dataFilter, labelWidth }));\n\n//     let resolve: Function | null = null;\n//     const suspenseResolvePromise = new Promise((_resolve) => {\n//       resolve = _resolve;\n//     });\n\n//     const handleResolve = () => {\n//       resolve?.();\n//     };\n\n//     onMounted(() => {\n//       watch(\n//         dataTable,\n//         async (dataTable, _, onCleanup) => {\n//           await suspenseResolvePromise;\n\n//           const disposable = dataTable.afterInitdEvent.on(() => {\n//             dataTable.dataFilter.setReady();\n//           });\n\n//           onCleanup(() => {\n//             disposable.dispose();\n//           });\n//         },\n//         { immediate: true }\n//       );\n//     });\n\n//     return () => {\n//       if (!unref(columns).length) {\n//         return null;\n//       }\n\n//       let children: any = slots.default?.();\n\n//       if (!children) {\n//         children = unref(columns).map((column) => {\n//           if (!column.name) {\n//             return null;\n//           }\n\n//           return (\n//             slots[`col-${column.name}`]?.() || (\n//               <MKDataFilterFormItem\n//                 name={column.name}\n//                 v-slots={{ default: slots[`col-${column.name}-content`] }}\n//               />\n//             )\n//           );\n//         });\n//       }\n\n//       if (!children) {\n//         return null;\n//       }\n\n//       return (\n//         <div class=\"mk-data-filter-form\">\n//           <Suspense onResolve={handleResolve}>\n//             <Fragment>{children}</Fragment>\n//           </Suspense>\n//         </div>\n//       );\n//     };\n//   },\n// });\n","import { Operator } from \"@maketribe/dm\";\n\nexport type OperatorOption = { value: Operator; label: string };\n\nexport const EQUAL_OPTION: OperatorOption = {\n  value: Operator.EQUAL,\n  label: \"mk.operator.equal\",\n};\n\nexport const CONTAIN_OPTION: OperatorOption = {\n  value: Operator.CONTAIN,\n  label: \"mk.operator.contain\",\n};\n\nexport const IN_OPTION: OperatorOption = {\n  value: Operator.IN,\n  label: \"mk.operator.in\",\n};\n\nexport const NOT_IN_OPTION: OperatorOption = {\n  value: Operator.NOT_IN,\n  label: \"mk.operator.notIn\",\n};\n\nexport const LESS_THAN_OPTION: OperatorOption = {\n  value: Operator.LESS_THAN,\n  label: \"mk.operator.lessThan\",\n};\n\nexport const LESS_THAN_EQUAL_OPTION: OperatorOption = {\n  value: Operator.LESS_THAN_EQUAL,\n  label: \"mk.operator.lessThanEqual\",\n};\n\nexport const GREATER_THAN_OPTION: OperatorOption = {\n  value: Operator.GREATER_THAN,\n  label: \"mk.operator.greaterThan\",\n};\n\nexport const GREATER_THAN_EQUAL_OPTION: OperatorOption = {\n  value: Operator.GREATER_THAN_EQUAL,\n  label: \"mk.operator.greaterThanEqual\",\n};\n\nexport const BETWEEN_OPTION: OperatorOption = {\n  value: Operator.BETWEEN,\n  label: \"mk.operator.between\",\n};\n","import { withInstall } from \"@maketribe/utils\";\nimport { MKDataFilterFormItem } from \"./data-filter-form-item\";\nimport DataFilterForm from \"./data-filter-form\";\n\nexport const MKDataFilterForm = withInstall(DataFilterForm, {\n  MKDataFilterFormItem,\n});\nexport default MKDataFilterForm;\n\nexport * from \"./data-filter-form-item\";\nexport * from \"./data-filter-form-options\";\nexport * from \"./composables\";\nexport * from \"./operator-options\";\n\nexport * from \"./components\";\n","import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { DataTable } from \"@maketribe/dm\";\n\nexport const dataFilterDrawerProps = buildProps({\n  visible: {\n    type: Boolean,\n    default: false,\n  },\n  size: {\n    type: [String,Number],\n    default: false,\n  },\n  dataTable: {\n    type: DataTable,\n    required: true,\n  },\n} as const);\n\nexport type DataFilterDrawerProps = ExtractPropTypes<\n  typeof dataFilterDrawerProps\n>;\n\nexport const dataFilterDrawerEmits = {\n  \"update:visible\": (visible: boolean) => true,\n};\n\nexport type DataFilterDrawerEmits = typeof dataFilterDrawerEmits;\n","import {computed, defineComponent, Fragment, unref} from \"vue\";\nimport {ElButton, ElDrawer} from \"element-plus\";\nimport {MKDataFilterForm} from \"../data-filter-form\";\nimport {\n  dataFilterDrawerEmits,\n  dataFilterDrawerProps,\n} from \"./data-filter-drawer-options\";\n\nexport default defineComponent({\n  name: \"MKDataFilterDrawer\",\n  props: dataFilterDrawerProps,\n  emits: dataFilterDrawerEmits,\n  setup(props, {emit}) {\n    const visible = computed({\n      get: () => props.visible,\n      set: (v) => emit(\"update:visible\", v),\n    });\n\n    const handleCancelClick = () => {\n      visible.value = false;\n    };\n\n    const handleResetClick = () => {\n      visible.value = false;\n\n      const dataTable = props.dataTable;\n      const dataFilter = props.dataTable.dataFilter;\n\n      dataFilter.reset();\n\n      dataFilter.beforeSearchEvent.emit();\n\n      dataTable.load();\n    };\n\n    const handleConfirmClick = () => {\n      visible.value = false;\n\n      const dataTable = props.dataTable;\n      const dataFilter = props.dataTable.dataFilter;\n\n      dataFilter.beforeSearchEvent.emit();\n\n      dataTable.load();\n    };\n\n    return () => {\n      return (\n        <ElDrawer\n          title=\"筛选器\" size={props.size}\n          modelValue={unref(visible)}\n          onUpdate:modelValue={((v: boolean) => (visible.value = v)) as any}\n          v-slots={{\n            default: () => <MKDataFilterForm\n              class=\"overflow-hidden\"\n              dataTable={props.dataTable}\n              {...{labelPosition: \"top\"}}\n            />,\n            footer: () => (\n              <Fragment>\n                <ElButton onClick={handleCancelClick}>取消</ElButton>\n\n                <ElButton onClick={handleResetClick}>重置</ElButton>\n\n                <ElButton type=\"primary\" onClick={handleConfirmClick}>\n                  查询\n                </ElButton>\n              </Fragment>\n            ),\n          }}\n        />\n      );\n    };\n  },\n});\n","import { withInstall } from \"@maketribe/utils\";\nimport DataFilterDrawer from \"./data-filter-drawer\";\n\nexport const MKDataFilterDrawer = withInstall(DataFilterDrawer);\n\nexport default MKDataFilterDrawer;\n\nexport * from \"./data-filter-drawer-options\";\n","import { defineComponent, inject, computed, unref, watch, ref } from \"vue\";\nimport { ElButton, ElInput, ElTooltip } from \"element-plus\";\nimport { Search } from \"@element-plus/icons-vue\";\nimport { debounce } from \"lodash-es\";\nimport { isWhereFilter } from \"@maketribe/dm\";\nimport { DATA_TABLE_CONTEXT_KEY } from \"../../../token\";\nimport { MKSvgIcon } from \"../../../../../basic/SvgIcon/index.ts\";\nimport { MKDataFilterDrawer } from \"../../../../data-filter-drawer\";\nimport { MKDataFilterForm } from \"../../../../data-filter-form\";\nimport useSettingsStore from \"../../../../../../layouts/store/modules/settings.ts\";\n\nexport default defineComponent({\n  name: \"MKTableFilter\",\n  setup() {\n    const search = ref(\"\");\n    const settingsStore = useSettingsStore();\n    const isShowDrawer = ref(false);\n\n    const dataTableContext = inject(DATA_TABLE_CONTEXT_KEY);\n\n    const dataTable = computed(() => dataTableContext!.dataTable);\n\n    const dataTableInitd = computed(() => unref(dataTable)?.initd ?? false);\n\n    const searchFilterColumns = computed(() =>\n      unref(dataTable)\n        .dataFilter.getColumns()\n        .filter((column) => column.search)\n    );\n\n    const searchPlaceholder = computed(\n      () =>\n        `通过${unref(searchFilterColumns)\n          .map((column) => column.label)\n          .join(\"、\")}搜索`\n    );\n\n    watch(\n      dataTable,\n      (dataTable, _, onCleanup) => {\n        onCleanup(() => {\n          const dataFilter = dataTable.dataFilter;\n          if (isWhereFilter(dataFilter)) {\n            dataFilter.getSearchGroup().clear();\n          }\n        });\n      },\n      { immediate: true }\n    );\n\n    const handleSearch = () => {\n      debounceSearch.cancel();\n\n      const dataFilter = unref(dataTable).dataFilter;\n      if (isWhereFilter(dataFilter)) {\n        const searchGroup = dataFilter.getSearchGroup();\n        searchGroup.clear();\n\n        const searchValue = unref(search);\n\n        for (const searchFilterColumn of unref(searchFilterColumns)) {\n          searchGroup.addOrCondition(\n            searchFilterColumn.name,\n            \"like\",\n            `%${searchValue}%`\n          );\n        }\n      }\n\n      unref(dataTable).load();\n    };\n\n    const debounceSearch = debounce(handleSearch, 1000);\n\n    const handleSearchKeydown = (event: KeyboardEvent) => {\n      if (event.key === \"Enter\") {\n        handleSearch();\n      }\n    };\n\n    const handleSearchFocus = (event: FocusEvent) => {\n      const target = event.target as HTMLInputElement;\n\n      target.addEventListener(\"input\", debounceSearch);\n    };\n\n    const handleSearchBlur = (event: any) => {\n      const target = event.target as HTMLInputElement;\n\n      target.removeEventListener(\"input\", debounceSearch);\n    };\n\n    const handleShowDrawer = () => {\n      isShowDrawer.value = true;\n    };\n\n    return () => {\n      if (!unref(dataTableInitd)) {\n        return null;\n      }\n\n      const _dataTable = unref(dataTable);\n\n      if (_dataTable.dataFilter.getColumns().length === 0) {\n        return null;\n      }\n\n      let searchInputVNode = null;\n\n      if (unref(searchFilterColumns).length) {\n        searchInputVNode = (\n          <ElInput\n            prefixIcon={Search}\n            class=\"mk-table-filter__search\"\n            modelValue={unref(search)}\n            onUpdate:modelValue={(v) => (search.value = v)}\n            onKeydown={handleSearchKeydown as any}\n            placeholder={unref(searchPlaceholder)}\n            onFocus={handleSearchFocus}\n            onBlur={handleSearchBlur}\n            onClear={handleSearch}\n            clearable\n          />\n        );\n      }\n\n      return (\n        <div class=\"mk-table-filter\">\n          { settingsStore.mode === 'pc' ? searchInputVNode : null}\n          {\n            settingsStore.mode === 'pc' ?\n              <ElTooltip  content=\"筛选\" effect=\"dark\" placement=\"top\">\n                <ElButton onClick={handleShowDrawer}>\n                  <MKSvgIcon name=\"iconoir:filter\" />\n                </ElButton>\n              </ElTooltip>\n              :\n              <ElButton onClick={handleShowDrawer}>\n                <MKSvgIcon name=\"iconoir:filter\" />\n              </ElButton>\n          }\n\n          <MKDataFilterDrawer size={settingsStore.mode === 'pc' ? \"400px\" : '100%'}\n            visible={unref(isShowDrawer)}\n            onUpdate:visible={(v) => (isShowDrawer.value = v)}\n            dataTable={_dataTable}\n          />\n\n          <div class=\"mk-table-filter__hidden\">\n            <MKDataFilterForm dataTable={_dataTable} />\n          </div>\n        </div>\n      );\n    };\n  },\n});\n","import \"./index.scss\"\nimport TableFilter from \"./table-filter\";\n\nexport const MKTableFilter = TableFilter;\nexport default MKTableFilter;\n"],"names":["buildProps","_isSlot","s","Object","prototype","toString","call","_isVNode","name","props","dataFilterFormItemProps","setup","slots","dataFilterContext","inject","DATA_FILTER_CONTEXT","dataFilter","computed","_filterColumn","createFilterColumn","reactive","FilterColumn","label","unref","addColumn","filterColumn","existingColumn","getColumn","value","get","getParam","set","v","setParam","component","componentProps","componentInfo","useFilterColumnComponent","watch","_dataFilter","isWhereFilter","setParamOperator","defaultOperator","immediate","onBeforeUnmount","deleteParamOperator","deleteParam","children","default","FilterColumnComponent","toRaw","_createVNode","_mergeProps","labelWidth","ElFormItem","withInstall","DataTable","dataFilterFormProps","dataTable","columns","getColumns","filter","column","visible","maxWordCount","Math","max","map","length","provide","resolve","suspenseResolvePromise","Promise","_resolve","handleResolve","onMounted","_","onCleanup","disposable","afterInitdEvent","on","setReady","dispose","MKDataFilterFormItem","ElForm","Suspense","_Fragment","Operator","dataFilterDrawerProps","emits","dataFilterDrawerEmits","emit","handleCancelClick","handleResetClick","reset","beforeSearchEvent","load","handleConfirmClick","ElDrawer","size","MKDataFilterForm","labelPosition","footer","ElButton","_createTextVNode","search","ref","settingsStore","useSettingsStore","isShowDrawer","dataTableContext","DATA_TABLE_CONTEXT_KEY","dataTableInitd","initd","searchFilterColumns","searchPlaceholder","join","getSearchGroup","clear","handleSearch","debounceSearch","cancel","searchGroup","searchValue","searchFilterColumn","addOrCondition","debounce","handleSearchKeydown","event","key","handleSearchFocus","target","addEventListener","handleSearchBlur","removeEventListener","handleShowDrawer","_dataTable","searchInputVNode","ElInput","Search","mode","ElTooltip","MKSvgIcon","MKDataFilterDrawer"],"mappings":"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"}

package/dist/cjs/{index-Dsq6ODhZ.cjs → index-BVO_Svse.cjs}

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("vue");
-const index = require("./index-BUCV8-xD.cjs");
+const index = require("./index-C9ykzsLb.cjs");
 const utils = require("@maketribe/utils");
 require("vue-router");
 require("@maketribe/dm");
@@ -36,6 +36,7 @@ const ColumnImage = /* @__PURE__ */ vue.defineComponent({
         return null;
       }
       return vue.createVNode(elementPlus.ElImage, {
+        "lazy": true,
         "src": vue.unref(value)
       }, null);
     };
@@ -44,4 +45,4 @@ const ColumnImage = /* @__PURE__ */ vue.defineComponent({
 const MKColumnImage = ColumnImage;
 exports.MKColumnImage = MKColumnImage;
 exports.default = MKColumnImage;
-//# sourceMappingURL=index-Dsq6ODhZ.cjs.map
+//# sourceMappingURL=index-BVO_Svse.cjs.map

package/dist/cjs/{index-Dsq6ODhZ.cjs.map → index-BVO_Svse.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"index-Dsq6ODhZ.cjs","sources":["../../src/components/data-model/data-table/components/column-image/column-image-options.ts","../../src/components/data-model/data-table/components/column-image/column-image.tsx","../../src/components/data-model/data-table/components/column-image/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { columnProps } from \"../../composables\";\n\nexport const columnImageProps = buildProps({\n  ...columnProps,\n} as const);\n\nexport type ColumnImageProps = ExtractPropTypes<typeof columnImageProps>;\n","import { defineComponent, unref } from \"vue\";\nimport { useColumn } from \"../../composables\";\nimport { columnImageProps } from \"./column-image-options\";\nimport { ElImage } from \"element-plus\";\n\nexport default defineComponent({\n  name: \"MKColumnImage\",\n  props: columnImageProps,\n  setup(props) {\n    const { value } = useColumn(props);\n\n    return () => {\n      if (!unref(value)) {\n        return null;\n      }\n\n      return <ElImage src={unref(value)} />;\n    };\n  },\n});\n","import ColumnImage from \"./column-image\";\n\nexport const MKColumnImage = ColumnImage;\nexport default MKColumnImage;\n"],"names":["buildProps","columnProps","name","props","columnImageProps","setup","value","useColumn","unref","_createVNode","ElImage"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAIO,MAAM,mBAAmBA,MAAAA,WAAW;AAAA,EACzC,GAAGC,MAAAA;AACL,CAAU;ACDV,MAAA,kDAA+B;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AACX,UAAM;AAAA,MAAEG;AAAAA,IAAM,IAAIC,MAAAA,UAAUJ,KAAK;AAEjC,WAAO,MAAM;AACX,UAAI,CAACK,IAAAA,MAAMF,KAAK,GAAG;AACjB,eAAO;AAAA,MACT;AAEA,aAAAG,IAAAA,YAAAC,YAAAA,SAAA;AAAA,QAAA,OAAqBF,IAAAA,MAAMF,KAAK;AAAA,MAAC,GAAA,IAAA;AAAA,IACnC;AAAA,EACF;AACF,CAAC;ACjBM,MAAM,gBAAgB;;;"}
+{"version":3,"file":"index-BVO_Svse.cjs","sources":["../../src/components/data-model/data-table/components/column-image/column-image-options.ts","../../src/components/data-model/data-table/components/column-image/column-image.tsx","../../src/components/data-model/data-table/components/column-image/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { columnProps } from \"../../composables\";\n\nexport const columnImageProps = buildProps({\n  ...columnProps,\n} as const);\n\nexport type ColumnImageProps = ExtractPropTypes<typeof columnImageProps>;\n","import { defineComponent, unref } from \"vue\";\nimport { useColumn } from \"../../composables\";\nimport { columnImageProps } from \"./column-image-options\";\nimport { ElImage } from \"element-plus\";\n\nexport default defineComponent({\n  name: \"MKColumnImage\",\n  props: columnImageProps,\n  setup(props) {\n    const { value } = useColumn(props);\n\n    return () => {\n      if (!unref(value)) {\n        return null;\n      }\n\n      return <ElImage lazy={true} src={unref(value)} />;\n    };\n  },\n});\n","import ColumnImage from \"./column-image\";\n\nexport const MKColumnImage = ColumnImage;\nexport default MKColumnImage;\n"],"names":["buildProps","columnProps","name","props","columnImageProps","setup","value","useColumn","unref","_createVNode","ElImage"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAIO,MAAM,mBAAmBA,MAAAA,WAAW;AAAA,EACzC,GAAGC,MAAAA;AACL,CAAU;ACDV,MAAA,kDAA+B;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AACX,UAAM;AAAA,MAAEG;AAAAA,IAAM,IAAIC,MAAAA,UAAUJ,KAAK;AAEjC,WAAO,MAAM;AACX,UAAI,CAACK,IAAAA,MAAMF,KAAK,GAAG;AACjB,eAAO;AAAA,MACT;AAEA,aAAAG,IAAAA,YAAAC,YAAAA,SAAA;AAAA,QAAA,QAAsB;AAAA,QAAI,OAAOF,IAAAA,MAAMF,KAAK;AAAA,MAAC,GAAA,IAAA;AAAA,IAC/C;AAAA,EACF;AACF,CAAC;ACjBM,MAAM,gBAAgB;;;"}

package/dist/cjs/{index-DU1N0l6j.cjs → index-BWqbZDTR.cjs}

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("vue");
 const utils = require("@maketribe/utils");
-const index = require("./index-BUCV8-xD.cjs");
+const index = require("./index-C9ykzsLb.cjs");
 require("vue-router");
 require("@maketribe/dm");
 const elementPlus = require("element-plus");
@@ -105,4 +105,4 @@ const ColumnSelect = /* @__PURE__ */ vue.defineComponent({
 const MKColumnSelect = ColumnSelect;
 exports.MKColumnSelect = MKColumnSelect;
 exports.default = MKColumnSelect;
-//# sourceMappingURL=index-DU1N0l6j.cjs.map
+//# sourceMappingURL=index-BWqbZDTR.cjs.map

package/dist/cjs/{index-DU1N0l6j.cjs.map → index-BWqbZDTR.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"index-DU1N0l6j.cjs","sources":["../../src/components/data-model/data-table/components/column-select/column-select-options.ts","../../src/components/data-model/data-table/components/column-select/column-select-header-options.ts","../../src/components/data-model/data-table/components/column-select/column-select-header.tsx","../../src/components/data-model/data-table/components/column-select/column-select.tsx","../../src/components/data-model/data-table/components/column-select/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { columnProps } from \"../../composables\";\n\nexport const columnSelectProps = buildProps({\n  ...columnProps,\n});\n\nexport type ColumnSelectProps = ExtractPropTypes<typeof columnSelectProps>;\n","import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\n\nexport const columnSelectHeaderProps = buildProps({});\n\nexport type ColumnSelectHeaderProps = ExtractPropTypes<\n  typeof columnSelectHeaderProps\n>;\n","import { computed, defineComponent, inject, unref } from \"vue\";\nimport { columnSelectHeaderProps } from \"./column-select-header-options\";\nimport { ElCheckbox } from \"element-plus\";\nimport { DATA_TABLE_CONTEXT_KEY } from \"../../token\";\n\nexport default defineComponent({\n  name: \"MKColumnSelectHeader\",\n  props: columnSelectHeaderProps,\n  setup() {\n    const dataTable = inject(DATA_TABLE_CONTEXT_KEY)!.dataTable;\n\n    const indeterminate = computed(() => {\n      const primaryKey = dataTable.primaryKey;\n\n      const selection = dataTable.getSelection();\n\n      const list = dataTable.getList();\n\n      const pageSelection = list.filter((item) =>\n        selection.includes(item[primaryKey])\n      );\n\n      return pageSelection.length !== list.length && pageSelection.length > 0;\n    });\n\n    const isChecked = computed({\n      get: () => !!dataTable.getSelection().length,\n      set: (isChecked: boolean) => {\n        const primaryKey = dataTable.primaryKey;\n\n        if (isChecked || unref(indeterminate)) {\n          dataTable.setSelection(\n            dataTable.getList().map((item) => item[primaryKey])\n          );\n\n          return;\n        }\n\n        dataTable.setSelection([]);\n      },\n    });\n\n    return () => {\n      return (\n        <div class=\"mk-column-selection-header\">\n          <ElCheckbox\n            disabled={!unref(dataTable.getList().length)}\n            modelValue={unref(isChecked)}\n            indeterminate={unref(indeterminate)}\n            checked={unref(isChecked)}\n            onChange={(v: any) => (isChecked.value = v as boolean)}\n          />\n        </div>\n      );\n    };\n  },\n});\n","import { computed, defineComponent, inject, unref } from \"vue\";\nimport { columnSelectProps } from \"./column-select-options\";\nimport { ElCheckbox } from \"element-plus\";\nimport ColumnSelectHeader from \"./column-select-header\";\nimport { DATA_TABLE_CONTEXT_KEY } from \"../../token\";\n\nexport default defineComponent({\n  name: \"MKColumnSelect\",\n  props: columnSelectProps,\n  Header: ColumnSelectHeader,\n  setup(props) {\n    const dataTable = inject(DATA_TABLE_CONTEXT_KEY)!.dataTable;\n\n    const i = computed(() => props.index + 1);\n\n    const isSelected = computed({\n      get: () => {\n        const primaryKey = dataTable.primaryKey;\n\n        return !!dataTable\n          .getSelection()\n          .find((item) => item === props.row[primaryKey]);\n      },\n      set: (v: boolean) => {\n        const primaryKey = dataTable.primaryKey;\n\n        const item = dataTable\n          .getSelection()\n          .find((item) => item === props.row[primaryKey]);\n\n        if (v) {\n          if (item) {\n            return;\n          }\n\n          dataTable.setSelection(\n            dataTable.getSelection().concat(props.row[primaryKey])\n          );\n\n          return;\n        }\n\n        if (item) {\n          dataTable.setSelection(\n            dataTable\n              .getSelection()\n              .filter((item) => item !== props.row[primaryKey])\n          );\n        }\n      },\n    });\n\n    return () => {\n      return (\n        <div\n          class={[\n            \"mk-column-selection\",\n            unref(isSelected) ? \"is-selected\" : \"\",\n          ]}\n        >\n          <span class=\"mk-column-selection__index\">{unref(i)}</span>\n          <span class=\"mk-column-selection__selection\">\n            <ElCheckbox\n              modelValue={unref(isSelected)}\n              onUpdate:modelValue={(v: any) =>\n                (isSelected.value = v as boolean)\n              }\n            />\n          </span>\n        </div>\n      );\n    };\n  },\n});\n","import ColumnSelect from \"./column-select\";\nimport \"./index.scss\"\nexport const MKColumnSelect = ColumnSelect;\n\nexport default MKColumnSelect;\n"],"names":["buildProps","columnProps","name","props","columnSelectHeaderProps","setup","dataTable","inject","DATA_TABLE_CONTEXT_KEY","indeterminate","computed","primaryKey","selection","getSelection","list","getList","pageSelection","filter","item","includes","length","isChecked","get","set","unref","setSelection","map","_createVNode","ElCheckbox","v","value","columnSelectProps","Header","ColumnSelectHeader","i","index","isSelected","find","row","concat"],"mappings":"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"}
+{"version":3,"file":"index-BWqbZDTR.cjs","sources":["../../src/components/data-model/data-table/components/column-select/column-select-options.ts","../../src/components/data-model/data-table/components/column-select/column-select-header-options.ts","../../src/components/data-model/data-table/components/column-select/column-select-header.tsx","../../src/components/data-model/data-table/components/column-select/column-select.tsx","../../src/components/data-model/data-table/components/column-select/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { columnProps } from \"../../composables\";\n\nexport const columnSelectProps = buildProps({\n  ...columnProps,\n});\n\nexport type ColumnSelectProps = ExtractPropTypes<typeof columnSelectProps>;\n","import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\n\nexport const columnSelectHeaderProps = buildProps({});\n\nexport type ColumnSelectHeaderProps = ExtractPropTypes<\n  typeof columnSelectHeaderProps\n>;\n","import { computed, defineComponent, inject, unref } from \"vue\";\nimport { columnSelectHeaderProps } from \"./column-select-header-options\";\nimport { ElCheckbox } from \"element-plus\";\nimport { DATA_TABLE_CONTEXT_KEY } from \"../../token\";\n\nexport default defineComponent({\n  name: \"MKColumnSelectHeader\",\n  props: columnSelectHeaderProps,\n  setup() {\n    const dataTable = inject(DATA_TABLE_CONTEXT_KEY)!.dataTable;\n\n    const indeterminate = computed(() => {\n      const primaryKey = dataTable.primaryKey;\n\n      const selection = dataTable.getSelection();\n\n      const list = dataTable.getList();\n\n      const pageSelection = list.filter((item) =>\n        selection.includes(item[primaryKey])\n      );\n\n      return pageSelection.length !== list.length && pageSelection.length > 0;\n    });\n\n    const isChecked = computed({\n      get: () => !!dataTable.getSelection().length,\n      set: (isChecked: boolean) => {\n        const primaryKey = dataTable.primaryKey;\n\n        if (isChecked || unref(indeterminate)) {\n          dataTable.setSelection(\n            dataTable.getList().map((item) => item[primaryKey])\n          );\n\n          return;\n        }\n\n        dataTable.setSelection([]);\n      },\n    });\n\n    return () => {\n      return (\n        <div class=\"mk-column-selection-header\">\n          <ElCheckbox\n            disabled={!unref(dataTable.getList().length)}\n            modelValue={unref(isChecked)}\n            indeterminate={unref(indeterminate)}\n            checked={unref(isChecked)}\n            onChange={(v: any) => (isChecked.value = v as boolean)}\n          />\n        </div>\n      );\n    };\n  },\n});\n","import { computed, defineComponent, inject, unref } from \"vue\";\nimport { columnSelectProps } from \"./column-select-options\";\nimport { ElCheckbox } from \"element-plus\";\nimport ColumnSelectHeader from \"./column-select-header\";\nimport { DATA_TABLE_CONTEXT_KEY } from \"../../token\";\n\nexport default defineComponent({\n  name: \"MKColumnSelect\",\n  props: columnSelectProps,\n  Header: ColumnSelectHeader,\n  setup(props) {\n    const dataTable = inject(DATA_TABLE_CONTEXT_KEY)!.dataTable;\n\n    const i = computed(() => props.index + 1);\n\n    const isSelected = computed({\n      get: () => {\n        const primaryKey = dataTable.primaryKey;\n\n        return !!dataTable\n          .getSelection()\n          .find((item) => item === props.row[primaryKey]);\n      },\n      set: (v: boolean) => {\n        const primaryKey = dataTable.primaryKey;\n\n        const item = dataTable\n          .getSelection()\n          .find((item) => item === props.row[primaryKey]);\n\n        if (v) {\n          if (item) {\n            return;\n          }\n\n          dataTable.setSelection(\n            dataTable.getSelection().concat(props.row[primaryKey])\n          );\n\n          return;\n        }\n\n        if (item) {\n          dataTable.setSelection(\n            dataTable\n              .getSelection()\n              .filter((item) => item !== props.row[primaryKey])\n          );\n        }\n      },\n    });\n\n    return () => {\n      return (\n        <div\n          class={[\n            \"mk-column-selection\",\n            unref(isSelected) ? \"is-selected\" : \"\",\n          ]}\n        >\n          <span class=\"mk-column-selection__index\">{unref(i)}</span>\n          <span class=\"mk-column-selection__selection\">\n            <ElCheckbox\n              modelValue={unref(isSelected)}\n              onUpdate:modelValue={(v: any) =>\n                (isSelected.value = v as boolean)\n              }\n            />\n          </span>\n        </div>\n      );\n    };\n  },\n});\n","import ColumnSelect from \"./column-select\";\nimport \"./index.scss\"\nexport const MKColumnSelect = ColumnSelect;\n\nexport default MKColumnSelect;\n"],"names":["buildProps","columnProps","name","props","columnSelectHeaderProps","setup","dataTable","inject","DATA_TABLE_CONTEXT_KEY","indeterminate","computed","primaryKey","selection","getSelection","list","getList","pageSelection","filter","item","includes","length","isChecked","get","set","unref","setSelection","map","_createVNode","ElCheckbox","v","value","columnSelectProps","Header","ColumnSelectHeader","i","index","isSelected","find","row","concat"],"mappings":"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"}

package/dist/cjs/{index-B6GntGqH.cjs → index-BaHTiCie.cjs}

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("vue");
 const elementPlus = require("element-plus");
-const index$1 = require("./index-D7f3Rl6k.cjs");
+const index$1 = require("./index-D3wyludi.cjs");
 const utils = require("@maketribe/utils");
-const index = require("./index-BC2an1Uu.cjs");
-require("./index-BUCV8-xD.cjs");
+const index = require("./index-UyDr8lR5.cjs");
+require("./index-C9ykzsLb.cjs");
 require("vue-router");
 require("@maketribe/dm");
 require("@maketribe/request");
@@ -70,4 +70,4 @@ exports.MKColumnDate = MKColumnDate;
 exports.columnDateProps = columnDateProps;
 exports.dateTypes = dateTypes;
 exports.default = MKColumnDate;
-//# sourceMappingURL=index-B6GntGqH.cjs.map
+//# sourceMappingURL=index-BaHTiCie.cjs.map

package/dist/cjs/{index-B6GntGqH.cjs.map → index-BaHTiCie.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"index-B6GntGqH.cjs","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":["buildProps","columnTextProps","name","props","columnDateProps","setup","computed","type","formatValue","value","dayInstance","dayjs","isValid","unref","format","_createVNode","MKColumnText","_mergeProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAIO,MAAM,YAAY,CAAC,QAAQ,QAAQ,SAAS,UAAU;AAEtD,MAAM,kBAAkBA,MAAAA,WAAW;AAAA,EACxC,GAAGC,MAAAA;AAAAA,EACH,MAAM,EAAE,SAAS,QAAQ,QAAQ,UAAA;AACnC,CAAC;ACHD,MAAA,iDAA+B;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AACX,UAAMF,kBAAkBK,IAAAA,SAAS,MAAM;AACrC,YAAM;AAAA,QAAEC,MAAAA;AAAAA,QAAM,GAAGN;AAAAA,MAAgB,IAAIE;AACrC,aAAOF;AAAAA,IACT,CAAC;AAED,UAAMM,OAAOD,IAAAA,SAAS,MAAMH,MAAMI,IAAI;AAEtC,UAAMC,cAAeC,WAAkB;AACrC,YAAMC,cAAcC,YAAAA,MAAMF,SAAS,IAAI;AAEvC,UAAI,CAACC,YAAYE,WAAW;AAC1B;AAAA,MACF;AAEA,cAAQC,IAAAA,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,iBAAOX,MAAMK,YAAYC,KAAK;AAAA,MAClC;AAAA,IACF;AAEA,WAAO,MAAM;AACX,aAAAM,IAAAA,YAAAC,QAAAA,cAAAC,IAAAA,WACoBJ,IAAAA,MAAMZ,eAAe,GAAC;AAAA,QAAA,eAAeO;AAAAA,MAAW,CAAA,GAAA,IAAA;AAAA,IAEtE;AAAA,EACF;AACF,CAAC;AC1CM,MAAM,eAAe;;;;;"}
+{"version":3,"file":"index-BaHTiCie.cjs","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":["buildProps","columnTextProps","name","props","columnDateProps","setup","computed","type","formatValue","value","dayInstance","dayjs","isValid","unref","format","_createVNode","MKColumnText","_mergeProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAIO,MAAM,YAAY,CAAC,QAAQ,QAAQ,SAAS,UAAU;AAEtD,MAAM,kBAAkBA,MAAAA,WAAW;AAAA,EACxC,GAAGC,MAAAA;AAAAA,EACH,MAAM,EAAE,SAAS,QAAQ,QAAQ,UAAA;AACnC,CAAC;ACHD,MAAA,iDAA+B;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AACX,UAAMF,kBAAkBK,IAAAA,SAAS,MAAM;AACrC,YAAM;AAAA,QAAEC,MAAAA;AAAAA,QAAM,GAAGN;AAAAA,MAAgB,IAAIE;AACrC,aAAOF;AAAAA,IACT,CAAC;AAED,UAAMM,OAAOD,IAAAA,SAAS,MAAMH,MAAMI,IAAI;AAEtC,UAAMC,cAAeC,WAAkB;AACrC,YAAMC,cAAcC,YAAAA,MAAMF,SAAS,IAAI;AAEvC,UAAI,CAACC,YAAYE,WAAW;AAC1B;AAAA,MACF;AAEA,cAAQC,IAAAA,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,iBAAOX,MAAMK,YAAYC,KAAK;AAAA,MAClC;AAAA,IACF;AAEA,WAAO,MAAM;AACX,aAAAM,IAAAA,YAAAC,QAAAA,cAAAC,IAAAA,WACoBJ,IAAAA,MAAMZ,eAAe,GAAC;AAAA,QAAA,eAAeO;AAAAA,MAAW,CAAA,GAAA,IAAA;AAAA,IAEtE;AAAA,EACF;AACF,CAAC;AC1CM,MAAM,eAAe;;;;;"}

package/dist/cjs/{index-DAFPSj10.cjs → index-Bg96pnlX.cjs}

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("vue");
 const utils = require("@maketribe/utils");
-const index = require("./index-BUCV8-xD.cjs");
+const index = require("./index-C9ykzsLb.cjs");
 require("vue-router");
 require("@maketribe/dm");
-require("element-plus");
+const elementPlus = require("element-plus");
 require("@maketribe/request");
 require("@maketribe/locale");
 require("lodash-es");
@@ -21,23 +21,43 @@ require("@element-plus/icons-vue");
 require("@lexical/history");
 require("@lexical/dragon");
 require("@lexical/plain-text");
-const index$1 = require("./index-D7f3Rl6k.cjs");
+const index$1 = require("./index-D3wyludi.cjs");
 const columnObjectMappingTextProps = utils.buildProps({
   ...index.columnProps,
-  mapping: { type: Object, required: true }
+  type: { type: String, default: "text" },
+  copy: { type: Boolean, default: false },
+  mapping: { type: Object, required: true },
+  typeMapping: { type: Object, default: () => ({}) },
+  typeWidth: { type: Number, default: 60 }
 });
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
 const ColumnObjectMappingText = /* @__PURE__ */ vue.defineComponent({
   name: "MKColumnObjectMappingText",
   props: columnObjectMappingTextProps,
   setup(props) {
-    const formatValue = (value) => props.mapping[value] ?? value;
+    const {
+      value
+    } = index.useColumn(props);
+    const formatValue = (value2) => props.mapping[value2] ?? value2;
     return () => {
-      return vue.createVNode(index$1.MKColumnText, {
+      let content = vue.createVNode(index$1.MKColumnText, {
         "row": props.row,
+        "copy": props.copy,
         "column": props.column,
         "index": props.index,
-        "formatValue": formatValue
+        "formatValue": formatValue,
+        "style": {
+          width: `${props.typeWidth}px`
+        }
       }, null);
+      return props.type === "text" ? content : vue.createVNode(elementPlus.ElTag, {
+        "type": props.typeMapping[value.value] || "info",
+        "effect": "dark"
+      }, _isSlot(content) ? content : {
+        default: () => [content]
+      });
     };
   }
 });
@@ -45,4 +65,4 @@ const MKColumnObjectMappingText = ColumnObjectMappingText;
 exports.MKColumnObjectMappingText = MKColumnObjectMappingText;
 exports.columnObjectMappingTextProps = columnObjectMappingTextProps;
 exports.default = MKColumnObjectMappingText;
-//# sourceMappingURL=index-DAFPSj10.cjs.map
+//# sourceMappingURL=index-Bg96pnlX.cjs.map

package/dist/cjs/index-Bg96pnlX.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-Bg96pnlX.cjs","sources":["../../src/components/data-model/data-table/components/column-object-mapping-text/column-object-mapping-text-options.ts","../../src/components/data-model/data-table/components/column-object-mapping-text/column-object-mapping-text.tsx","../../src/components/data-model/data-table/components/column-object-mapping-text/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { columnProps } from \"../../composables\";\n\nexport const columnObjectMappingTextProps = buildProps({\n  ...columnProps,\n  type: { type: String, default: \"text\" },\n  copy: { type: Boolean, default: false },\n  mapping: { type: Object, required: true },\n  typeMapping: { type: Object, default: () => ({}) },\n  typeWidth: { type: Number, default: 60 },\n} as const);\n\nexport type ColumnObjectMappingTextProps = ExtractPropTypes<\n  typeof columnObjectMappingTextProps\n>;\n","import { defineComponent } from \"vue\";\nimport { columnObjectMappingTextProps } from \"./column-object-mapping-text-options\";\nimport ColumnText from \"../column-text\";\nimport { useColumn } from \"../../composables\";\nimport { ElTag } from \"element-plus\"\n\nexport default defineComponent({\n  name: \"MKColumnObjectMappingText\",\n  props: columnObjectMappingTextProps,\n  setup(props) {\n    const { value } = useColumn(props);\n    const formatValue = (value: any) => props.mapping[value] ?? value;\n    return () => {\n\n      let content = <ColumnText row={props.row} copy={props.copy}\n          column={props.column}\n          index={props.index}\n          formatValue={formatValue}\n          style={{ width: `${props.typeWidth}px` }}\n        /> \n\n      return (\n        props.type === \"text\" ? content :\n        <ElTag type={props.typeMapping[value.value] || 'info'} effect={\"dark\"}>\n          {content}\n        </ElTag>\n      );\n    };\n  },\n});\n","import ColumnObjectMappingText from \"./column-object-mapping-text\";\n\nexport const MKColumnObjectMappingText = ColumnObjectMappingText;\nexport default MKColumnObjectMappingText;\n\nexport * from \"./column-object-mapping-text-options\";\n"],"names":["buildProps","columnProps","_isSlot","s","Object","prototype","toString","call","_isVNode","name","props","columnObjectMappingTextProps","setup","value","useColumn","formatValue","mapping","content","_createVNode","ColumnText","row","copy","column","index","width","typeWidth","type","ElTag","typeMapping","default"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAIO,MAAM,+BAA+BA,MAAAA,WAAW;AAAA,EACrD,GAAGC,MAAAA;AAAAA,EACH,MAAM,EAAE,MAAM,QAAQ,SAAS,OAAA;AAAA,EAC/B,MAAM,EAAE,MAAM,SAAS,SAAS,MAAA;AAAA,EAChC,SAAS,EAAE,MAAM,QAAQ,UAAU,KAAA;AAAA,EACnC,aAAa,EAAE,MAAM,QAAQ,SAAS,OAAO,CAAA,GAAC;AAAA,EAC9C,WAAW,EAAE,MAAM,QAAQ,SAAS,GAAA;AACtC,CAAU;ACP0B,SAAAC,QAAAC,GAAA;AAAA,SAAA,OAAAA,MAAA,cAAAC,OAAAC,UAAAC,SAAAC,KAAAJ,CAAA,MAAA,qBAAA,CAAAK,IAAAA,QAAAL,CAAA;AAAA;AAEpC,MAAA,8DAA+B;AAAA,EAC7BM,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AACX,UAAM;AAAA,MAAEG;AAAAA,IAAM,IAAIC,MAAAA,UAAUJ,KAAK;AACjC,UAAMK,cAAeF,CAAAA,WAAeH,MAAMM,QAAQH,MAAK,KAAKA;AAC5D,WAAO,MAAM;AAEX,UAAII,UAAOC,IAAAA,YAAAC,sBAAA;AAAA,QAAA,OAAoBT,MAAMU;AAAAA,QAAG,QAAQV,MAAMW;AAAAA,QAAI,UAC9CX,MAAMY;AAAAA,QAAM,SACbZ,MAAMa;AAAAA,QAAK,eACLR;AAAAA,QAAW,SACjB;AAAA,UAAES,OAAO,GAAGd,MAAMe,SAAS;AAAA,QAAK;AAAA,SAAC,IAAA;AAG5C,aACEf,MAAMgB,SAAS,SAAST,UAAOC,IAAAA,YAAAS,YAAAA,OAAA;AAAA,QAAA,QAClBjB,MAAMkB,YAAYf,MAAMA,KAAK,KAAK;AAAA,QAAM,UAAU;AAAA,MAAM,GAAAX,QAClEe,OAAO,IAAPA,UAAO;AAAA,QAAAY,SAAAA,MAAA,CAAPZ,OAAO;AAAA,OAAA;AAAA,IAGd;AAAA,EACF;AACF,CAAC;AC3BM,MAAM,4BAA4B;;;;"}

package/dist/cjs/{index-Cz456tw_.cjs → index-Bt6LrO0Y.cjs}

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("vue");
 const utils = require("@maketribe/utils");
-const index = require("./index-BUCV8-xD.cjs");
+const index = require("./index-C9ykzsLb.cjs");
 require("vue-router");
 require("@maketribe/dm");
 const elementPlus = require("element-plus");
@@ -104,4 +104,4 @@ const MKColumnSort = ColumnSort;
 exports.MKColumnSort = MKColumnSort;
 exports.columnSortProps = columnSortProps;
 exports.default = MKColumnSort;
-//# sourceMappingURL=index-Cz456tw_.cjs.map
+//# sourceMappingURL=index-Bt6LrO0Y.cjs.map