@maketribe/ms-app 4.0.0-alpha.1 → 4.0.0-alpha.3

package/dist/cjs/index-DmsVtl33.cjs

@@ -0,0 +1,200 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+const vueRouter = require("vue-router");
+const dm = require("@maketribe/dm");
+const index = require("./index-CJiJ6jy7.cjs");
+require("@maketribe/request");
+require("@maketribe/locale");
+require("@maketribe/utils");
+require("element-plus");
+require("@lexical/overflow");
+require("@lexical/text");
+require("@lexical/utils");
+require("lexical");
+require("@lexical/selection");
+require("@lexical/link");
+require("@lexical/rich-text");
+require("@element-plus/icons-vue");
+require("@lexical/history");
+require("@lexical/dragon");
+require("@lexical/plain-text");
+const index_vue_vue_type_script_setup_true_lang = require("./index.vue_vue_type_script_setup_true_lang-D8YMnc_N.cjs");
+const _hoisted_1 = { class: "login-form-wrap" };
+const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("div", { class: "login-form-title" }, " 账号申请 ", -1);
+const _hoisted_3 = { class: "login-form-item" };
+const _hoisted_4 = /* @__PURE__ */ vue.createElementVNode("div", null, null, -1);
+const _hoisted_5 = { class: "notify" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    mkRoute: {
+      name: "signup",
+      path: "/signup",
+      meta: {
+        isAuthorization: false
+      }
+    }
+  },
+  __name: "index",
+  setup(__props) {
+    const formEl = vue.ref(null);
+    const router = vueRouter.useRouter();
+    const httpRequest = index.useHttpRequest();
+    const loading = vue.ref(false);
+    const rules = {
+      account: [{ required: true, message: "账号必填" }],
+      email: [
+        {
+          required: true,
+          trigger: "change",
+          validator: (rule, value, callback) => {
+            if (!value) {
+              callback(new Error("邮箱必填"));
+            } else if (!/^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/.test(value)) {
+              callback(new Error("邮箱规则不符"));
+            } else {
+              callback();
+            }
+          }
+        }
+      ],
+      name: [{ required: true, message: "姓名必填" }]
+    };
+    const signFormData = vue.reactive({
+      account: "",
+      email: "",
+      name: "",
+      nickName: "",
+      phone: "",
+      vCdoe: ""
+    });
+    const handleAccountApply = async () => {
+      if (!await formEl.value.validate()) {
+        return;
+      }
+      signFormData.vCdoe = await index.MKOpenVerifyCode({ sence: "AccountApply" }) + "";
+      const result = await httpRequest.post("ms/app/account-apply", signFormData);
+      if (result.data.code != 200) {
+        dm.Messager.error({ message: result.data.msg || "注册失败" });
+        return;
+      }
+      dm.Messager.success({ message: "注册成功,请联系管理员通过验证" });
+    };
+    vue.ref(false);
+    return (_ctx, _cache) => {
+      const _component_MKSvgIcon = vue.resolveComponent("MKSvgIcon");
+      const _component_el_link = vue.resolveComponent("el-link");
+      const _component_ElInput = vue.resolveComponent("ElInput");
+      const _component_ElFormItem = vue.resolveComponent("ElFormItem");
+      const _component_ElButton = vue.resolveComponent("ElButton");
+      const _component_ElForm = vue.resolveComponent("ElForm");
+      return vue.openBlock(), vue.createBlock(index_vue_vue_type_script_setup_true_lang._sfc_main, { class: "login-wrap" }, {
+        default: vue.withCtx(() => [
+          vue.createElementVNode("div", _hoisted_1, [
+            _hoisted_2,
+            vue.createElementVNode("div", _hoisted_3, [
+              _hoisted_4,
+              vue.createElementVNode("span", _hoisted_5, [
+                vue.createTextVNode(" 已有账号？ "),
+                vue.createVNode(_component_el_link, {
+                  underline: false,
+                  type: "primary",
+                  onClick: _cache[0] || (_cache[0] = ($event) => vue.unref(router).push("/login"))
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createTextVNode(" 返回登录 "),
+                    vue.createVNode(_component_MKSvgIcon, {
+                      iconClass: "ArrowRightBold",
+                      style: { "margin-left": "5px" }
+                    })
+                  ]),
+                  _: 1
+                })
+              ])
+            ]),
+            vue.createVNode(_component_ElForm, {
+              model: signFormData,
+              rules,
+              size: "large",
+              ref_key: "formEl",
+              ref: formEl
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_ElFormItem, { prop: "account" }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(_component_ElInput, {
+                      modelValue: signFormData.account,
+                      "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => signFormData.account = $event),
+                      placeholder: "帐号"
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                }),
+                vue.createVNode(_component_ElFormItem, { prop: "email" }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(_component_ElInput, {
+                      modelValue: signFormData.email,
+                      "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => signFormData.email = $event),
+                      placeholder: "邮箱"
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                }),
+                vue.createVNode(_component_ElFormItem, { prop: "name" }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(_component_ElInput, {
+                      modelValue: signFormData.name,
+                      "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => signFormData.name = $event),
+                      placeholder: "姓名"
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                }),
+                vue.createVNode(_component_ElFormItem, { prop: "nickName" }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(_component_ElInput, {
+                      modelValue: signFormData.nickName,
+                      "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => signFormData.nickName = $event),
+                      placeholder: "昵称"
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                }),
+                vue.createVNode(_component_ElFormItem, { prop: "phone" }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(_component_ElInput, {
+                      modelValue: signFormData.phone,
+                      "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => signFormData.phone = $event),
+                      placeholder: "手机号"
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                }),
+                vue.createVNode(_component_ElFormItem, null, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(_component_ElButton, {
+                      type: "primary",
+                      style: { "width": "100%" },
+                      loading: loading.value,
+                      onClick: handleAccountApply
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createTextVNode(" 提交申请 ")
+                      ]),
+                      _: 1
+                    }, 8, ["loading"])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["model"])
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+exports.default = _sfc_main;
+//# sourceMappingURL=index-DmsVtl33.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index-DmsVtl33.cjs","sources":["../../src/page/signup/index.vue"],"sourcesContent":["<template>\r\n  <SimplePageLayout class=\"login-wrap\">\r\n    <div class=\"login-form-wrap\">\r\n      <div class=\"login-form-title\"> 账号申请 </div>\r\n        <div class=\"login-form-item\">\r\n          <div></div>\r\n          <span class=\"notify\">\r\n            已有账号？\r\n            <el-link :underline=\"false\" type=\"primary\" @click=\"router.push('/login')\">\r\n              返回登录\r\n              <MKSvgIcon iconClass=\"ArrowRightBold\" style=\"margin-left: 5px;\" />\r\n            </el-link>\r\n          </span>\r\n      </div>\r\n      <ElForm\r\n        :model=\"signFormData\"\r\n        :rules=\"rules\"\r\n        size=\"large\"\r\n        ref=\"formEl\"\r\n      >\r\n        <ElFormItem prop=\"account\">\r\n          <ElInput v-model=\"signFormData.account\" placeholder=\"帐号\" />\r\n        </ElFormItem>\r\n        <ElFormItem prop=\"email\">\r\n          <ElInput v-model=\"signFormData.email\" placeholder=\"邮箱\" />\r\n        </ElFormItem>\r\n        <ElFormItem prop=\"name\">\r\n          <ElInput v-model=\"signFormData.name\" placeholder=\"姓名\" />\r\n        </ElFormItem>\r\n        <ElFormItem prop=\"nickName\">\r\n          <ElInput v-model=\"signFormData.nickName\" placeholder=\"昵称\" />\r\n        </ElFormItem>\r\n        <ElFormItem prop=\"phone\">\r\n          <ElInput v-model=\"signFormData.phone\" placeholder=\"手机号\" />\r\n        </ElFormItem>\r\n\r\n        <ElFormItem>\r\n          <ElButton type=\"primary\" style=\"width: 100%\"\r\n            :loading=\"loading\" @click=\"handleAccountApply\">\r\n            提交申请\r\n          </ElButton>\r\n        </ElFormItem>\r\n      </ElForm>\r\n    </div>\r\n  </SimplePageLayout>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { Ref, computed, reactive, ref } from \"vue\";\r\nimport { useRouter } from \"vue-router\";\r\nimport { FormRules } from \"element-plus\";\r\nimport { Messager } from \"@maketribe/dm\";\r\nimport { useHttpRequest } from \"../../composables\";\r\nimport { MKOpenVerifyCode } from \"../../components\";\r\nimport SimplePageLayout from \"../../layouts/components/simple-page-layout/index.vue\"\r\n\r\ndefineOptions({\r\n  mkRoute: {\r\n    name: \"signup\",\r\n    path: \"/signup\",\r\n    meta: {\r\n      isAuthorization: false,\r\n    },\r\n  },\r\n});\r\n\r\nconst formEl: Ref<any> = ref(null);\r\n\r\nconst router = useRouter();\r\n\r\nconst httpRequest = useHttpRequest()!;\r\n\r\nconst loading = ref(false);\r\n\r\nconst rules: FormRules = {\r\n  account: [{ required: true, message: \"账号必填\" }],\r\n  email: [\r\n    {\r\n      required: true,\r\n      trigger: \"change\",\r\n      validator: (rule, value, callback) => {\r\n        if (!value) {\r\n          callback(new Error(\"邮箱必填\"));\r\n        } else if (\r\n          !/^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\\.[a-zA-Z0-9_-]+)+$/.test(value)\r\n        ) {\r\n          callback(new Error(\"邮箱规则不符\"));\r\n        } else {\r\n          callback();\r\n        }\r\n      },\r\n    },\r\n  ],\r\n  name: [{ required: true, message: \"姓名必填\" }],\r\n};\r\n\r\n\r\nconst signFormData = reactive({\r\n  account: \"\",\r\n  email: \"\",\r\n  name: \"\",\r\n  nickName: \"\",\r\n  phone: \"\",\r\n  vCdoe:\"\"\r\n});\r\n\r\nconst handleAccountApply = async () => {\r\n\r\n  if(! await formEl.value.validate()){\r\n    return ;\r\n  }\r\n\r\n  // 验证码\r\n  signFormData.vCdoe = (await MKOpenVerifyCode({ sence:\"AccountApply\" } as any)) + \"\";\r\n\r\n  const result = await httpRequest.post(\"ms/app/account-apply\",signFormData);\r\n\r\n  if (result.data.code != 200) {\r\n    Messager.error({ message: result.data.msg || \"注册失败\"});\r\n    return;\r\n  }\r\n\r\n  Messager.success({ message: \"注册成功,请联系管理员通过验证\" });\r\n};\r\n\r\n// 记住登陆状态\r\nconst rememberLoginState = ref(false);\r\n</script>\r\n"],"names":["ref","useRouter","useHttpRequest","reactive","MKOpenVerifyCode","Messager"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkEM,UAAA,SAAmBA,QAAI,IAAI;AAEjC,UAAM,SAASC,UAAAA;AAEf,UAAM,cAAcC,MAAAA;AAEd,UAAA,UAAUF,QAAI,KAAK;AAEzB,UAAM,QAAmB;AAAA,MACvB,SAAS,CAAC,EAAE,UAAU,MAAM,SAAS,QAAQ;AAAA,MAC7C,OAAO;AAAA,QACL;AAAA,UACE,UAAU;AAAA,UACV,SAAS;AAAA,UACT,WAAW,CAAC,MAAM,OAAO,aAAa;AACpC,gBAAI,CAAC,OAAO;AACD,uBAAA,IAAI,MAAM,MAAM,CAAC;AAAA,YAE1B,WAAA,CAAC,qDAAqD,KAAK,KAAK,GAChE;AACS,uBAAA,IAAI,MAAM,QAAQ,CAAC;AAAA,YAAA,OACvB;AACI;YACX;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,MACA,MAAM,CAAC,EAAE,UAAU,MAAM,SAAS,QAAQ;AAAA,IAAA;AAI5C,UAAM,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,MAAA,iBAAiB,EAAE,OAAM,eAAA,CAAuB,IAAK;AAEjF,YAAM,SAAS,MAAM,YAAY,KAAK,wBAAuB,YAAY;AAErE,UAAA,OAAO,KAAK,QAAQ,KAAK;AAC3BC,oBAAS,MAAM,EAAE,SAAS,OAAO,KAAK,OAAO,QAAO;AACpD;AAAA,MACF;AAEAA,SAAAA,SAAS,QAAQ,EAAE,SAAS,kBAAmB,CAAA;AAAA,IAAA;AAItBL,QAAAA,IAAI,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/index-Dv6z6LqI.cjs

@@ -0,0 +1,416 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+const elementPlus = require("element-plus");
+const elIcons = require("@element-plus/icons-vue");
+const lodashEs = require("lodash-es");
+const dm = require("@maketribe/dm");
+const index = require("./index-CJiJ6jy7.cjs");
+require("@maketribe/request");
+const utils = require("@maketribe/utils");
+require("@lexical/overflow");
+require("@lexical/text");
+require("@lexical/utils");
+require("lexical");
+require("@lexical/selection");
+require("@lexical/link");
+require("@lexical/rich-text");
+require("@lexical/history");
+require("@lexical/dragon");
+require("@lexical/plain-text");
+require("vue-router");
+require("@maketribe/locale");
+require("./use-condition-BsNGbgF4.cjs");
+require("./index-Cj3GY0CU.cjs");
+require("./index-RjnvS-h4.cjs");
+require("./index-D_CB0k2e.cjs");
+require("./index-CEHVP61_.cjs");
+const dataFilterFormItemProps = utils.buildProps({
+  name: { type: String, required: true },
+  label: { type: String }
+});
+const DATA_FILTER_CONTEXT = Symbol(
+  "DATA_FILTER_CONTEXT"
+);
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+const DataFilterFormItem = /* @__PURE__ */ vue.defineComponent({
+  name: "MKDataFilterFormItem",
+  props: dataFilterFormItemProps,
+  setup(props, {
+    slots
+  }) {
+    const dataFilterContext = vue.inject(DATA_FILTER_CONTEXT);
+    const dataFilter = vue.computed(() => dataFilterContext.dataFilter);
+    let _filterColumn = null;
+    const createFilterColumn = () => {
+      _filterColumn = vue.reactive(new dm.FilterColumn({
+        name: props.name,
+        label: props.label
+      }));
+      vue.unref(dataFilter).addColumn(_filterColumn);
+      return _filterColumn;
+    };
+    const filterColumn = vue.computed(() => {
+      const existingColumn = vue.unref(dataFilter).getColumn(props.name) ?? null;
+      if (existingColumn) {
+        return existingColumn;
+      }
+      if (!_filterColumn) {
+        _filterColumn = createFilterColumn();
+      }
+      return _filterColumn;
+    });
+    const value = vue.computed({
+      get: () => vue.unref(dataFilter).getParam(vue.unref(filterColumn).name),
+      set: (v) => vue.unref(dataFilter).setParam(vue.unref(filterColumn).name, v)
+    });
+    const {
+      component,
+      componentProps,
+      componentInfo
+    } = index.useFilterColumnComponent(filterColumn, dataFilter);
+    vue.watch(componentInfo, (componentInfo2) => {
+      const _dataFilter = vue.unref(dataFilter);
+      if (dm.isWhereFilter(_dataFilter)) {
+        _dataFilter.setParamOperator(vue.unref(filterColumn).name, componentInfo2.defaultOperator);
+      }
+    }, {
+      immediate: true
+    });
+    vue.onBeforeUnmount(() => {
+      const _dataFilter = vue.unref(dataFilter);
+      if (dm.isWhereFilter(_dataFilter)) {
+        _dataFilter.deleteParamOperator(vue.unref(filterColumn).name);
+      }
+      _dataFilter.deleteParam(vue.unref(filterColumn).name);
+    });
+    return () => {
+      var _a;
+      const _filterColumn2 = vue.unref(filterColumn);
+      if (!_filterColumn2) {
+        return null;
+      }
+      let children = (_a = slots.default) == null ? void 0 : _a.call(slots);
+      if (!children && vue.unref(component)) {
+        const FilterColumnComponent = vue.toRaw(vue.unref(component));
+        children = vue.createVNode(FilterColumnComponent, vue.mergeProps(vue.unref(componentProps), {
+          "modelValue": vue.unref(value),
+          "onUpdate:modelValue": (v) => value.value = v,
+          "column": vue.unref(filterColumn)
+        }), null);
+      }
+      const labelWidth = vue.computed(() => dataFilterContext.labelWidth);
+      return vue.createVNode(elementPlus.ElFormItem, {
+        "prop": _filterColumn2.name,
+        "label": _filterColumn2.label,
+        "labelWidth": vue.unref(labelWidth)
+      }, _isSlot(children) ? children : {
+        default: () => [children]
+      });
+    };
+  }
+});
+const MKDataFilterFormItem = utils.withInstall(DataFilterFormItem);
+const dataFilterFormProps = utils.buildProps({
+  // dataFilter: { type: DataFilter, required: true },
+  dataTable: { type: dm.DataTable, required: true }
+});
+const DataFilterForm = /* @__PURE__ */ vue.defineComponent({
+  name: "MKDataFilterForm",
+  props: dataFilterFormProps,
+  setup(props, {
+    slots
+  }) {
+    const dataTable = vue.computed(() => props.dataTable);
+    const dataFilter = vue.computed(() => vue.unref(dataTable).dataFilter);
+    const columns = vue.computed(() => vue.unref(dataFilter).getColumns().filter((column) => column.visible));
+    const labelWidth = vue.computed(() => {
+      const maxWordCount = Math.max(...vue.unref(columns).map((column) => column.label.length));
+      return maxWordCount * 14 + 20;
+    });
+    vue.provide(DATA_FILTER_CONTEXT, vue.reactive({
+      dataFilter,
+      labelWidth
+    }));
+    let resolve = null;
+    const suspenseResolvePromise = new Promise((_resolve) => {
+      resolve = _resolve;
+    });
+    const handleResolve = () => {
+      resolve == null ? void 0 : resolve();
+    };
+    vue.onMounted(() => {
+      vue.watch(dataTable, async (dataTable2, _, onCleanup) => {
+        await suspenseResolvePromise;
+        const disposable = dataTable2.afterInitdEvent.on(() => {
+          dataTable2.dataFilter.setReady();
+        });
+        onCleanup(() => {
+          disposable.dispose();
+        });
+      }, {
+        immediate: true
+      });
+    });
+    return () => {
+      var _a;
+      if (!vue.unref(columns).length) {
+        return null;
+      }
+      let children = (_a = slots.default) == null ? void 0 : _a.call(slots);
+      if (!children) {
+        children = vue.unref(columns).map((column) => {
+          var _a2;
+          if (!column.name) {
+            return null;
+          }
+          return ((_a2 = slots[`col-${column.name}`]) == null ? void 0 : _a2.call(slots)) || vue.createVNode(MKDataFilterFormItem, {
+            "name": column.name
+          }, {
+            default: slots[`col-${column.name}-content`]
+          });
+        });
+      }
+      if (!children) {
+        return null;
+      }
+      return vue.createVNode(elementPlus.ElForm, {
+        "class": "mk-data-filter-form"
+      }, {
+        default: () => [vue.createVNode(vue.Suspense, {
+          "onResolve": handleResolve
+        }, {
+          default: () => [vue.createVNode(vue.Fragment, null, [children])]
+        })]
+      });
+    };
+  }
+});
+({
+  value: dm.Operator.EQUAL,
+  label: "mk.operator.equal"
+});
+({
+  value: dm.Operator.CONTAIN,
+  label: "mk.operator.contain"
+});
+({
+  value: dm.Operator.IN,
+  label: "mk.operator.in"
+});
+({
+  value: dm.Operator.NOT_IN,
+  label: "mk.operator.notIn"
+});
+({
+  value: dm.Operator.LESS_THAN,
+  label: "mk.operator.lessThan"
+});
+({
+  value: dm.Operator.LESS_THAN_EQUAL,
+  label: "mk.operator.lessThanEqual"
+});
+({
+  value: dm.Operator.GREATER_THAN,
+  label: "mk.operator.greaterThan"
+});
+({
+  value: dm.Operator.GREATER_THAN_EQUAL,
+  label: "mk.operator.greaterThanEqual"
+});
+({
+  value: dm.Operator.BETWEEN,
+  label: "mk.operator.between"
+});
+const MKDataFilterForm = utils.withInstall(DataFilterForm, {
+  MKDataFilterFormItem
+});
+const dataFilterDrawerProps = utils.buildProps({
+  visible: {
+    type: Boolean,
+    default: false
+  },
+  dataTable: {
+    type: dm.DataTable,
+    required: true
+  }
+});
+const dataFilterDrawerEmits = {
+  "update:visible": (visible) => true
+};
+const DataFilterDrawer = /* @__PURE__ */ vue.defineComponent({
+  name: "MKDataFilterDrawer",
+  props: dataFilterDrawerProps,
+  emits: dataFilterDrawerEmits,
+  setup(props, {
+    emit
+  }) {
+    const visible = vue.computed({
+      get: () => props.visible,
+      set: (v) => emit("update:visible", v)
+    });
+    const handleCancelClick = () => {
+      visible.value = false;
+    };
+    const handleResetClick = () => {
+      visible.value = false;
+      const dataTable = props.dataTable;
+      const dataFilter = props.dataTable.dataFilter;
+      dataFilter.reset();
+      dataFilter.beforeSearchEvent.emit();
+      dataTable.load();
+    };
+    const handleConfirmClick = () => {
+      visible.value = false;
+      const dataTable = props.dataTable;
+      const dataFilter = props.dataTable.dataFilter;
+      dataFilter.beforeSearchEvent.emit();
+      dataTable.load();
+    };
+    return () => {
+      return vue.createVNode(elementPlus.ElDrawer, {
+        "class": "mk-data-filter-drawer",
+        "showClose": false,
+        "appendToBody": true,
+        "modelValue": vue.unref(visible),
+        "onUpdate:modelValue": (v) => visible.value = v
+      }, {
+        default: () => [vue.createVNode(MKDataFilterForm, vue.mergeProps({
+          "dataTable": props.dataTable
+        }, {
+          labelPosition: "top"
+        }), null)],
+        header: () => "筛选器",
+        footer: () => vue.createVNode(vue.Fragment, null, [vue.createVNode(elementPlus.ElButton, {
+          "onClick": handleCancelClick
+        }, {
+          default: () => [vue.createTextVNode("取消")]
+        }), vue.createVNode(elementPlus.ElButton, {
+          "onClick": handleResetClick
+        }, {
+          default: () => [vue.createTextVNode("重置")]
+        }), vue.createVNode(elementPlus.ElButton, {
+          "type": "primary",
+          "onClick": handleConfirmClick
+        }, {
+          default: () => [vue.createTextVNode("查询")]
+        })])
+      });
+    };
+  }
+});
+const MKDataFilterDrawer = utils.withInstall(DataFilterDrawer);
+const TableFilter = /* @__PURE__ */ vue.defineComponent({
+  name: "MKTableFilter",
+  setup() {
+    const search = vue.ref("");
+    const isShowDrawer = vue.ref(false);
+    const dataTableContext = vue.inject(index.DATA_TABLE_CONTEXT_KEY);
+    const dataTable = vue.computed(() => dataTableContext.dataTable);
+    const dataTableInitd = vue.computed(() => {
+      var _a;
+      return ((_a = vue.unref(dataTable)) == null ? void 0 : _a.initd) ?? false;
+    });
+    const searchFilterColumns = vue.computed(() => vue.unref(dataTable).dataFilter.getColumns().filter((column) => column.search));
+    const searchPlaceholder = vue.computed(() => `通过${vue.unref(searchFilterColumns).map((column) => column.label).join("、")}搜索`);
+    vue.watch(dataTable, (dataTable2, _, onCleanup) => {
+      onCleanup(() => {
+        const dataFilter = dataTable2.dataFilter;
+        if (dm.isWhereFilter(dataFilter)) {
+          dataFilter.getSearchGroup().clear();
+        }
+      });
+    }, {
+      immediate: true
+    });
+    const handleSearch = () => {
+      debounceSearch.cancel();
+      const dataFilter = vue.unref(dataTable).dataFilter;
+      if (dm.isWhereFilter(dataFilter)) {
+        const searchGroup = dataFilter.getSearchGroup();
+        searchGroup.clear();
+        const searchValue = vue.unref(search);
+        for (const searchFilterColumn of vue.unref(searchFilterColumns)) {
+          searchGroup.addOrCondition(searchFilterColumn.name, "like", `%${searchValue}%`);
+        }
+      }
+      vue.unref(dataTable).load();
+    };
+    const debounceSearch = lodashEs.debounce(handleSearch, 1e3);
+    const handleSearchKeydown = (event) => {
+      if (event.key === "Enter") {
+        handleSearch();
+      }
+    };
+    const handleSearchFocus = (event) => {
+      const target = event.target;
+      target.addEventListener("input", debounceSearch);
+    };
+    const handleSearchBlur = (event) => {
+      const target = event.target;
+      target.removeEventListener("input", debounceSearch);
+    };
+    const handleShowDrawer = () => {
+      isShowDrawer.value = true;
+    };
+    return () => {
+      if (!vue.unref(dataTableInitd)) {
+        return null;
+      }
+      const _dataTable = vue.unref(dataTable);
+      if (_dataTable.dataFilter.getColumns().length === 0) {
+        return null;
+      }
+      let searchInputVNode = null;
+      if (vue.unref(searchFilterColumns).length) {
+        searchInputVNode = vue.createVNode(elementPlus.ElTooltip, {
+          "content": vue.unref(searchPlaceholder),
+          "effect": "dark",
+          "placement": "top"
+        }, {
+          default: () => [vue.createVNode(elementPlus.ElInput, {
+            "prefixIcon": elIcons.Search,
+            "class": "mk-table-filter__search",
+            "modelValue": vue.unref(search),
+            "onUpdate:modelValue": (v) => search.value = v,
+            "onKeydown": handleSearchKeydown,
+            "placeholder": vue.unref(searchPlaceholder),
+            "onFocus": handleSearchFocus,
+            "onBlur": handleSearchBlur,
+            "onClear": handleSearch,
+            "clearable": true
+          }, null)]
+        });
+      }
+      return vue.createVNode("div", {
+        "class": "mk-table-filter"
+      }, [searchInputVNode, vue.createVNode(elementPlus.ElTooltip, {
+        "content": "筛选",
+        "effect": "dark",
+        "placement": "top"
+      }, {
+        default: () => [vue.createVNode(elementPlus.ElButton, {
+          "onClick": handleShowDrawer
+        }, {
+          default: () => [vue.createVNode(index.MKSvgIcon, {
+            "name": "iconoir:filter"
+          }, null)]
+        })]
+      }), vue.createVNode(MKDataFilterDrawer, {
+        "visible": vue.unref(isShowDrawer),
+        "onUpdate:visible": (v) => isShowDrawer.value = v,
+        "dataTable": _dataTable
+      }, null), vue.createVNode("div", {
+        "class": "mk-table-filter__hidden"
+      }, [vue.createVNode(MKDataFilterForm, {
+        "dataTable": _dataTable
+      }, null)])]);
+    };
+  }
+});
+const MKTableFilter = TableFilter;
+exports.MKTableFilter = MKTableFilter;
+exports.default = MKTableFilter;
+//# sourceMappingURL=index-Dv6z6LqI.cjs.map