@maketribe/ms-app 4.0.0-beta.1 → 4.0.0-beta.11

package/dist/cjs/index-CuQ1S-Jk.cjs

@@ -1,106 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const vue = require("vue");
-const utils = require("@maketribe/utils");
-const index = require("./index-Cqx6has-.cjs");
-require("vue-router");
-require("@maketribe/dm");
-const elementPlus = require("element-plus");
-require("@maketribe/request");
-require("@maketribe/locale");
-require("lodash-es");
-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 columnSortProps = utils.buildProps({
-  ...index.columnProps,
-  drag: {
-    type: Boolean,
-    default: false
-  }
-});
-const ColumnSort = /* @__PURE__ */ vue.defineComponent({
-  name: "MKColumnSort",
-  props: columnSortProps,
-  setup(props) {
-    const dataTableContext = vue.inject(index.DATA_TABLE_CONTEXT_KEY);
-    const handleMoveUp = () => {
-      dataTableContext.dataTable.moveUp(props.row);
-    };
-    const handleMoveDown = () => {
-      dataTableContext.dataTable.moveDown(props.row);
-    };
-    const handleToTop = () => {
-      dataTableContext.dataTable.toTop(props.row);
-    };
-    const handleToBottom = () => {
-      dataTableContext.dataTable.toBottom(props.row);
-    };
-    return () => {
-      let children = null;
-      if (props.drag) {
-        children = vue.createVNode("span", {
-          "class": "mk-column-sort__drag"
-        }, [vue.createVNode(index.MKSvgIcon, {
-          "name": "ep:rank"
-        }, null)]);
-      } else {
-        children = vue.createVNode("span", {
-          "class": "mk-column-sort__switch"
-        }, [vue.createVNode(elementPlus.ElTooltip, {
-          "content": "置顶",
-          "placement": "top"
-        }, {
-          default: () => [vue.createVNode(index.MKSvgIcon, {
-            "name": "radix-icons:pin-top",
-            "class": "cursor-pointer",
-            "onClick": handleToTop
-          }, null)]
-        }), vue.createVNode(elementPlus.ElTooltip, {
-          "content": "上移",
-          "placement": "top"
-        }, {
-          default: () => [vue.createVNode(index.MKSvgIcon, {
-            "name": "radix-icons:arrow-up",
-            "class": "cursor-pointer",
-            "onClick": handleMoveUp
-          }, null)]
-        }), vue.createVNode(elementPlus.ElTooltip, {
-          "content": "下移",
-          "placement": "top"
-        }, {
-          default: () => [vue.createVNode(index.MKSvgIcon, {
-            "name": "radix-icons:arrow-down",
-            "class": "cursor-pointer",
-            "onClick": handleMoveDown
-          }, null)]
-        }), vue.createVNode(elementPlus.ElTooltip, {
-          "content": "置底",
-          "placement": "top"
-        }, {
-          default: () => [vue.createVNode(index.MKSvgIcon, {
-            "name": "radix-icons:pin-bottom",
-            "class": "cursor-pointer",
-            "onClick": handleToBottom
-          }, null)]
-        })]);
-      }
-      return vue.createVNode("span", {
-        "class": "mk-column-sort"
-      }, [children]);
-    };
-  }
-});
-const MKColumnSort = ColumnSort;
-exports.MKColumnSort = MKColumnSort;
-exports.columnSortProps = columnSortProps;
-exports.default = MKColumnSort;
-//# sourceMappingURL=index-CuQ1S-Jk.cjs.map

package/dist/cjs/index-CuQ1S-Jk.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-CuQ1S-Jk.cjs","sources":["../../src/components/data-model/data-table/components/column-sort/column-sort-options.ts","../../src/components/data-model/data-table/components/column-sort/column-sort.tsx","../../src/components/data-model/data-table/components/column-sort/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\nimport { columnProps } from \"../../composables\";\r\n\r\nexport const columnSortProps = buildProps({\r\n  ...columnProps,\r\n  drag: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n});\r\n\r\nexport type ColumnSortProps = ExtractPropTypes<typeof columnSortProps>;\r\n","import { defineComponent, inject } from \"vue\";\r\nimport { columnSortProps } from \"./column-sort-options\";\r\nimport { MKSvgIcon } from \"../../../../basic\";\r\nimport { ElTooltip } from \"element-plus\";\r\nimport { DATA_TABLE_CONTEXT_KEY } from \"../../token\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKColumnSort\",\r\n  props: columnSortProps,\r\n  setup(props) {\r\n    const dataTableContext = inject(DATA_TABLE_CONTEXT_KEY)!;\r\n\r\n    const handleMoveUp = () => {\r\n      dataTableContext.dataTable.moveUp(props.row);\r\n    };\r\n\r\n    const handleMoveDown = () => {\r\n      dataTableContext.dataTable.moveDown(props.row);\r\n    };\r\n\r\n    const handleToTop = () => {\r\n      dataTableContext.dataTable.toTop(props.row);\r\n    };\r\n\r\n    const handleToBottom = () => {\r\n      dataTableContext.dataTable.toBottom(props.row);\r\n    };\r\n\r\n    return () => {\r\n      let children = null;\r\n\r\n      if (props.drag) {\r\n        children = (\r\n          <span class=\"mk-column-sort__drag\">\r\n            <MKSvgIcon name=\"ep:rank\" />\r\n          </span>\r\n        );\r\n      } else {\r\n        children = (\r\n          <span class=\"mk-column-sort__switch\">\r\n            <ElTooltip content=\"置顶\" placement=\"top\">\r\n              <MKSvgIcon name=\"radix-icons:pin-top\" class=\"cursor-pointer\" onClick={handleToTop} />\r\n            </ElTooltip>\r\n            <ElTooltip content=\"上移\" placement=\"top\">\r\n              <MKSvgIcon name=\"radix-icons:arrow-up\" class=\"cursor-pointer\" onClick={handleMoveUp} />\r\n            </ElTooltip>\r\n            <ElTooltip content=\"下移\" placement=\"top\">\r\n              <MKSvgIcon name=\"radix-icons:arrow-down\" class=\"cursor-pointer\" onClick={handleMoveDown} />\r\n            </ElTooltip>\r\n            <ElTooltip content=\"置底\" placement=\"top\">\r\n              <MKSvgIcon name=\"radix-icons:pin-bottom\" class=\"cursor-pointer\" onClick={handleToBottom} />\r\n            </ElTooltip>\r\n          </span>\r\n        );\r\n      }\r\n\r\n      return <span class=\"mk-column-sort\">{children}</span>;\r\n    };\r\n  },\r\n});\r\n","import ColumnSort from \"./column-sort\";\r\n\r\nexport const MKColumnSort = ColumnSort;\r\nexport default MKColumnSort;\r\n\r\nexport * from \"./column-sort-options\";\r\n"],"names":["buildProps","columnProps","defineComponent","name","props","columnSortProps","setup","dataTableContext","inject","DATA_TABLE_CONTEXT_KEY","handleMoveUp","dataTable","moveUp","row","handleMoveDown","moveDown","handleToTop","toTop","handleToBottom","toBottom","children","drag","_createVNode","MKSvgIcon","ElTooltip","default"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAIO,MAAM,kBAAkBA,MAAAA,WAAW;AAAA,EACxC,GAAGC,MAAA;AAAA,EACH,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAC;ACJD,MAAeC,iDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AACX,UAAMG,mBAAmBC,WAAOC,MAAAA,sBAAsB;AAEtD,UAAMC,eAAeA,MAAM;AACzBH,uBAAiBI,UAAUC,OAAOR,MAAMS,GAAG;AAAA;AAG7C,UAAMC,iBAAiBA,MAAM;AAC3BP,uBAAiBI,UAAUI,SAASX,MAAMS,GAAG;AAAA;AAG/C,UAAMG,cAAcA,MAAM;AACxBT,uBAAiBI,UAAUM,MAAMb,MAAMS,GAAG;AAAA;AAG5C,UAAMK,iBAAiBA,MAAM;AAC3BX,uBAAiBI,UAAUQ,SAASf,MAAMS,GAAG;AAAA;AAG/C,WAAO,MAAM;AACX,UAAIO,WAAW;AAEf,UAAIhB,MAAMiB,MAAM;AACdD,mBAAQE,IAAA,YAAA,QAAA;AAAA,UAAA,SAAA;AAAA,WAAAA,CAAAA,IAAA,YAAAC,iBAAA;AAAA,UAAA,QAAA;AAAA,WAIP,IAAA,CAAA,CAAA;AAAA,MACH,OAAO;AACLH,mBAAQE,IAAA,YAAA,QAAA;AAAA,UAAA,SAAA;AAAA,WAAAA,CAAAA,IAAA,YAAAE,uBAAA;AAAA,UAAA,WAAA;AAAA,UAAA,aAAA;AAAA,QAAA,GAAA;AAAA,UAAAC,SAAAA,MAAAH,CAAAA,IAAA,YAAAC,iBAAA;AAAA,YAAA,QAAA;AAAA,YAAA,SAAA;AAAA,YAAA,WAGoEP;AAAAA,UAAW,GAAA,IAAA,CAAA;AAAA,SAAAM,GAAAA,IAAA,YAAAE,uBAAA;AAAA,UAAA,WAAA;AAAA,UAAA,aAAA;AAAA,QAAA,GAAA;AAAA,UAAAC,SAAAA,MAAAH,CAAAA,IAAA,YAAAC,iBAAA;AAAA,YAAA,QAAA;AAAA,YAAA,SAAA;AAAA,YAAA,WAGVb;AAAAA,UAAY,GAAA,IAAA,CAAA;AAAA,SAAAY,GAAAA,IAAA,YAAAE,uBAAA;AAAA,UAAA,WAAA;AAAA,UAAA,aAAA;AAAA,QAAA,GAAA;AAAA,UAAAC,SAAAA,MAAAH,CAAAA,IAAA,YAAAC,iBAAA;AAAA,YAAA,QAAA;AAAA,YAAA,SAAA;AAAA,YAAA,WAGVT;AAAAA,UAAc,GAAA,IAAA,CAAA;AAAA,SAAAQ,GAAAA,IAAA,YAAAE,uBAAA;AAAA,UAAA,WAAA;AAAA,UAAA,aAAA;AAAA,QAAA,GAAA;AAAA,UAAAC,SAAAA,MAAAH,CAAAA,IAAA,YAAAC,iBAAA;AAAA,YAAA,QAAA;AAAA,YAAA,SAAA;AAAA,YAAA,WAGdL;AAAAA,UAAc,GAAA,IAAA,CAAA;AAAA,QAG5F,CAAA,CAAA,CAAA;AAAA,MACH;AAEA,aAAAI,IAAAA,YAAA,QAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA,CAAqCF,QAAQ,CAAA;AAAA;EAEjD;AACF,CAAC;ACzDM,MAAM,eAAe;;;;"}

package/dist/cjs/index-Cv8xCuqB.cjs

@@ -1,54 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const vue = require("vue");
-const elementPlus = require("element-plus");
-const index = require("./index-Cqx6has-.cjs");
-const utils = require("@maketribe/utils");
-require("vue-router");
-require("@maketribe/dm");
-require("@maketribe/request");
-require("@maketribe/locale");
-require("lodash-es");
-const columnSwitchProps = utils.buildProps({
-  ...index.columnProps,
-  disabled: { type: Boolean, default: true }
-});
-const columnSwitchEmits = {
-  change: (data) => true
-};
-const ColumnSwitch = /* @__PURE__ */ vue.defineComponent({
-  name: "MKColumnSwitch",
-  props: columnSwitchProps,
-  emits: columnSwitchEmits,
-  setup(props, {
-    emit
-  }) {
-    const {
-      value
-    } = index.useColumn(props);
-    const disabled = vue.computed(() => props.disabled);
-    const handleChange = (value2) => {
-      emit("change", {
-        row: props.row,
-        column: props.column,
-        index: props.index,
-        value: value2
-      });
-    };
-    return () => {
-      return vue.createVNode("div", {
-        "class": "mk-column-switch"
-      }, [vue.createVNode(elementPlus.ElSwitch, {
-        "disabled": vue.unref(disabled),
-        "modelValue": vue.unref(value),
-        "onChange": handleChange
-      }, null)]);
-    };
-  }
-});
-const MKColumnSwitch = ColumnSwitch;
-exports.MKColumnSwitch = MKColumnSwitch;
-exports.columnSwitchEmits = columnSwitchEmits;
-exports.columnSwitchProps = columnSwitchProps;
-exports.default = MKColumnSwitch;
-//# sourceMappingURL=index-Cv8xCuqB.cjs.map

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

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

package/dist/cjs/index-CvLoEFhT.cjs

@@ -1,414 +0,0 @@
-"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-Cqx6has-.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-BoHtMP0u.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, {
-        "title": "筛选器",
-        "modelValue": vue.unref(visible),
-        "onUpdate:modelValue": (v) => visible.value = v
-      }, {
-        default: () => vue.createVNode(MKDataFilterForm, vue.mergeProps({
-          "class": "overflow-hidden",
-          "dataTable": props.dataTable
-        }, {
-          labelPosition: "top"
-        }), null),
-        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-CvLoEFhT.cjs.map