@maketribe/ms-app 3.2.8 → 3.2.10

package/dist/cjs/components/data-model/data-filter-form/components/condition-select/condition-select.js

@@ -1,45 +1,25 @@
 "use strict";
 const vue = require("vue");
 const conditionSelectOptions = require("./condition-select-options.js");
-const useCondition = require("../../composables/use-condition.js");
-const operatorOptions = require("../../operator-options.js");
 const index = require("../../../../basic/data-select/index.js");
 const ConditionSelect = /* @__PURE__ */ vue.defineComponent({
   name: "MKConditionSelect",
   props: conditionSelectOptions.conditionSelectProps,
+  emits: conditionSelectOptions.conditionSelectEmits,
   setup(props, {
-    expose
+    emit
   }) {
-    const {
-      value
-    } = useCondition.useDataFilterCondition({
-      ...props,
-      defaultValue: props.defaultValue ? props.defaultValue : props.multiple ? [] : "",
-      operator: operatorOptions.IN_OPTION.value,
-      operatorOptions: [operatorOptions.IN_OPTION, operatorOptions.NOT_IN_OPTION]
-    });
-    expose({
-      isEmpty() {
-        if (props.multiple) {
-          return !Array.isArray(value.value) || value.value.length === 0;
-        }
-        return value.value == null;
-      },
-      reset() {
-        if (props.multiple) {
-          value.value = [];
-        } else {
-          value.value = null;
-        }
-      }
+    const modelValue = vue.computed({
+      get: () => props.modelValue,
+      set: (v) => emit("update:model-value", v)
     });
     return () => {
       return vue.createVNode(index.MKDataSelect, {
-        "modelValue": vue.unref(value),
+        "modelValue": vue.unref(modelValue),
         "dataTable": props.dataTable,
         "options": props.options,
         "multiple": props.multiple,
-        "onUpdate:model-value": (v) => value.value = v
+        "onUpdate:model-value": (v) => modelValue.value = v
       }, null);
     };
   }

package/dist/cjs/components/data-model/data-filter-form/components/condition-select/condition-select.js.map

@@ -1 +1 @@
-{"version":3,"file":"condition-select.js","sources":["../../../../../../../src/components/data-model/data-filter-form/components/condition-select/condition-select.tsx"],"sourcesContent":["import { defineComponent, unref } from \"vue\";\r\n\r\nimport { conditionSelectProps } from \"./condition-select-options\";\r\nimport { useDataFilterCondition } from \"../../composables\";\r\nimport { IN_OPTION, NOT_IN_OPTION } from \"../../operator-options\";\r\nimport { MKDataSelect } from \"../../../../basic/data-select\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKConditionSelect\",\r\n  props: conditionSelectProps,\r\n  setup(props, { expose }) {\r\n    const { value } = useDataFilterCondition({\r\n      ...props,\r\n      defaultValue: props.defaultValue\r\n        ? props.defaultValue\r\n        : props.multiple\r\n        ? []\r\n        : \"\",\r\n      operator: IN_OPTION.value,\r\n      operatorOptions: [IN_OPTION, NOT_IN_OPTION],\r\n    });\r\n\r\n    expose({\r\n      isEmpty() {\r\n        if (props.multiple) {\r\n          return !Array.isArray(value.value) || value.value.length === 0;\r\n        }\r\n\r\n        return value.value == null;\r\n      },\r\n      reset() {\r\n        if (props.multiple) {\r\n          value.value = [];\r\n        } else {\r\n          value.value = null;\r\n        }\r\n      },\r\n    });\r\n\r\n    return () => {\r\n      return (\r\n        <MKDataSelect\r\n          modelValue={unref(value)}\r\n          dataTable={props.dataTable}\r\n          options={props.options}\r\n          multiple={props.multiple}\r\n          onUpdate:model-value={(v: any) => (value.value = v)}\r\n        />\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["defineComponent","name","props","conditionSelectProps","setup","expose","value","useDataFilterCondition","defaultValue","multiple","operator","IN_OPTION","operatorOptions","NOT_IN_OPTION","isEmpty","Array","isArray","length","reset","_createVNode","MKDataSelect","unref","dataTable","options","v"],"mappings":";;;;;;AAOA,MAAeA,sDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC,uBAAoB;AAAA,EAC3BC,MAAMF,OAAO;AAAA,IAAEG;AAAAA,EAAO,GAAG;AACvB,UAAM;AAAA,MAAEC;AAAAA,IAAO,IAAGC,oCAAuB;AAAA,MACvC,GAAGL;AAAAA,MACHM,cAAcN,MAAMM,eAChBN,MAAMM,eACNN,MAAMO,WACN,CAAA,IACA;AAAA,MACJC,UAAUC,gBAAS,UAACL;AAAAA,MACpBM,iBAAiB,CAACD,gBAAS,WAAEE,6BAAa;AAAA,IAC5C,CAAC;AAEDR,WAAO;AAAA,MACLS,UAAU;AACR,YAAIZ,MAAMO,UAAU;AAClB,iBAAO,CAACM,MAAMC,QAAQV,MAAMA,KAAK,KAAKA,MAAMA,MAAMW,WAAW;AAAA,QAC/D;AAEA,eAAOX,MAAMA,SAAS;AAAA,MACvB;AAAA,MACDY,QAAQ;AACN,YAAIhB,MAAMO,UAAU;AAClBH,gBAAMA,QAAQ;QAChB,OAAO;AACLA,gBAAMA,QAAQ;AAAA,QAChB;AAAA,MACF;AAAA,IACF,CAAC;AAED,WAAO,MAAM;AACX,aAAAa,IAAAA,YAAAC,MAAAA,cAAA;AAAA,QAAA,cAEgBC,IAAK,MAACf,KAAK;AAAA,QAAC,aACbJ,MAAMoB;AAAAA,QAAS,WACjBpB,MAAMqB;AAAAA,QAAO,YACZrB,MAAMO;AAAAA,QAAQ,wBACDe,OAAYlB,MAAMA,QAAQkB;AAAAA,MAAE,GAAA,IAAA;AAAA;EAI3D;AACF,CAAC;;"}
+{"version":3,"file":"condition-select.js","sources":["../../../../../../../src/components/data-model/data-filter-form/components/condition-select/condition-select.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\n\nimport {\n  conditionSelectEmits,\n  conditionSelectProps,\n} from \"./condition-select-options\";\nimport { MKDataSelect } from \"../../../../basic/data-select\";\n\nexport default defineComponent({\n  name: \"MKConditionSelect\",\n  props: conditionSelectProps,\n  emits: conditionSelectEmits,\n  setup(props, { emit }) {\n    const modelValue = computed({\n      get: () => props.modelValue,\n      set: (v) => emit(\"update:model-value\", v),\n    });\n\n    return () => {\n      return (\n        <MKDataSelect\n          modelValue={unref(modelValue)}\n          dataTable={props.dataTable}\n          options={props.options}\n          multiple={props.multiple}\n          onUpdate:model-value={(v: any) => (modelValue.value = v)}\n        />\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","props","conditionSelectProps","emits","conditionSelectEmits","setup","emit","modelValue","computed","get","set","v","_createVNode","MKDataSelect","unref","dataTable","options","multiple","value"],"mappings":";;;;AAQA,MAAeA,sDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC,uBAAoB;AAAA,EAC3BC,OAAOC,uBAAoB;AAAA,EAC3BC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,aAAaC,IAAAA,SAAS;AAAA,MAC1BC,KAAKA,MAAMR,MAAMM;AAAAA,MACjBG,KAAMC,OAAML,KAAK,sBAAsBK,CAAC;AAAA,IAC1C,CAAC;AAED,WAAO,MAAM;AACX,aAAAC,IAAAA,YAAAC,MAAAA,cAAA;AAAA,QAAA,cAEgBC,IAAK,MAACP,UAAU;AAAA,QAAC,aAClBN,MAAMc;AAAAA,QAAS,WACjBd,MAAMe;AAAAA,QAAO,YACZf,MAAMgB;AAAAA,QAAQ,wBACDN,OAAYJ,WAAWW,QAAQP;AAAAA,MAAE,GAAA,IAAA;AAAA;EAIhE;AACF,CAAC;;"}

package/dist/cjs/components/data-model/data-filter-form/components/condition-select/index.js

@@ -4,7 +4,7 @@ const utils = require("@maketribe/utils");
 const conditionSelect = require("./condition-select.js");
 const conditionSelectOptions = require("./condition-select-options.js");
 const MKConditionSelect = utils.withInstall(conditionSelect);
-exports.conditionSelectEmit = conditionSelectOptions.conditionSelectEmit;
+exports.conditionSelectEmits = conditionSelectOptions.conditionSelectEmits;
 exports.conditionSelectProps = conditionSelectOptions.conditionSelectProps;
 exports.MKConditionSelect = MKConditionSelect;
 exports.default = MKConditionSelect;

package/dist/cjs/components/data-model/data-filter-form/composables/use-condition.js

@@ -1,48 +1,18 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const vue = require("vue");
 const utils = require("@maketribe/utils");
-const operatorOptions = require("../operator-options.js");
-const token = require("../token.js");
+const dm = require("@maketribe/dm");
 const dataFilterConditionProps = utils.buildProps({
+  modelValue: {
+    type: null
+  },
   defaultValue: {
     default: null
+  },
+  column: {
+    type: dm.FilterColumn,
+    required: true
   }
 });
-function useDataFilterCondition(options) {
-  const dataFilterItemContext = vue.inject(token.DATA_FILTER_ITEM_CONTEXT);
-  const dataFilterItem = dataFilterItemContext.dataFilterItem;
-  dataFilterItem.setOperatorOptions(options.operatorOptions);
-  dataFilterItem.setOperator(options.operator);
-  const value = vue.computed({
-    get: () => dataFilterItem.getValue(),
-    set: (v) => dataFilterItem.setValue(v === "" ? null : v)
-  });
-  const isBetween = vue.computed(
-    () => vue.unref(currentOperator.value) === operatorOptions.BETWEEN_OPTION.value
-  );
-  const currentOperator = vue.computed(() => dataFilterItem.currentOperator);
-  const calcDefaultValue = () => {
-    const defaultValue = options.defaultValue;
-    if (vue.unref(isBetween) && !Array.isArray(defaultValue)) {
-      return [defaultValue, defaultValue];
-    }
-    return defaultValue;
-  };
-  vue.watch(currentOperator, () => {
-    const defaultValue = dataFilterItem.column.defaultValue || calcDefaultValue();
-    dataFilterItem.column.defaultValue = defaultValue;
-    value.value = defaultValue;
-  });
-  dataFilterItem.column.defaultValue = dataFilterItem.column.defaultValue || calcDefaultValue();
-  value.value = dataFilterItem.getValue() || calcDefaultValue();
-  return {
-    isBetween,
-    dataFilterItem,
-    currentOperator,
-    value
-  };
-}
 exports.dataFilterConditionProps = dataFilterConditionProps;
-exports.useDataFilterCondition = useDataFilterCondition;
 //# sourceMappingURL=use-condition.js.map

package/dist/cjs/components/data-model/data-filter-form/composables/use-condition.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-condition.js","sources":["../../../../../../src/components/data-model/data-filter-form/composables/use-condition.ts"],"sourcesContent":["import { computed, inject, unref, watch } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\nimport { Operator } from \"@maketribe/dm\";\r\n\r\nimport { BETWEEN_OPTION, OperatorOption } from \"../operator-options\";\r\nimport { DATA_FILTER_ITEM_CONTEXT } from \"../token\";\r\n\r\nexport const dataFilterConditionProps = buildProps({\r\n  defaultValue: {\r\n    default: null,\r\n  },\r\n} as const);\r\n\r\nexport type DataFilterConditionOptions = {\r\n  operator: Operator;\r\n  operatorOptions: OperatorOption[];\r\n  defaultValue: any;\r\n};\r\n\r\nexport function useDataFilterCondition(options: DataFilterConditionOptions) {\r\n  const dataFilterItemContext = inject(DATA_FILTER_ITEM_CONTEXT)!;\r\n  const dataFilterItem = dataFilterItemContext.dataFilterItem;\r\n\r\n  dataFilterItem.setOperatorOptions(options.operatorOptions);\r\n\r\n  dataFilterItem.setOperator(options.operator);\r\n  // if (options.defaultValue !== void 0) {\r\n  //   dataFilterItem.column.defaultValue = options.defaultValue;\r\n  // }\r\n\r\n  const value = computed({\r\n    get: () => dataFilterItem.getValue(),\r\n    set: (v: any) => dataFilterItem.setValue(v === \"\" ? null : v),\r\n  });\r\n\r\n  const isBetween = computed(\r\n    () => unref(currentOperator.value) === BETWEEN_OPTION.value\r\n  );\r\n\r\n  const currentOperator = computed(() => dataFilterItem.currentOperator);\r\n\r\n  const calcDefaultValue = () => {\r\n    const defaultValue = options.defaultValue;\r\n\r\n    if (unref(isBetween) && !Array.isArray(defaultValue)) {\r\n      return [defaultValue, defaultValue];\r\n    }\r\n\r\n    return defaultValue;\r\n  };\r\n\r\n  watch(currentOperator, () => {\r\n    const defaultValue = dataFilterItem.column.defaultValue || calcDefaultValue();\r\n\r\n    dataFilterItem.column.defaultValue = defaultValue;\r\n    value.value = defaultValue;\r\n  });\r\n\r\n  dataFilterItem.column.defaultValue = dataFilterItem.column.defaultValue || calcDefaultValue();\r\n  value.value = dataFilterItem.getValue() || calcDefaultValue();\r\n\r\n  return {\r\n    isBetween,\r\n    dataFilterItem,\r\n    currentOperator,\r\n    value,\r\n  };\r\n}\r\n"],"names":["buildProps","inject","DATA_FILTER_ITEM_CONTEXT","computed","unref","BETWEEN_OPTION","watch"],"mappings":";;;;;;AAOO,MAAM,2BAA2BA,MAAAA,WAAW;AAAA,EACjD,cAAc;AAAA,IACZ,SAAS;AAAA,EACX;AACF,CAAU;AAQH,SAAS,uBAAuB,SAAqC;AACpE,QAAA,wBAAwBC,WAAOC,MAAAA,wBAAwB;AAC7D,QAAM,iBAAiB,sBAAsB;AAE9B,iBAAA,mBAAmB,QAAQ,eAAe;AAE1C,iBAAA,YAAY,QAAQ,QAAQ;AAK3C,QAAM,QAAQC,IAAAA,SAAS;AAAA,IACrB,KAAK,MAAM,eAAe,SAAS;AAAA,IACnC,KAAK,CAAC,MAAW,eAAe,SAAS,MAAM,KAAK,OAAO,CAAC;AAAA,EAAA,CAC7D;AAED,QAAM,YAAYA,IAAA;AAAA,IAChB,MAAMC,IAAA,MAAM,gBAAgB,KAAK,MAAMC,gBAAe,eAAA;AAAA,EAAA;AAGxD,QAAM,kBAAkBF,IAAA,SAAS,MAAM,eAAe,eAAe;AAErE,QAAM,mBAAmB,MAAM;AAC7B,UAAM,eAAe,QAAQ;AAE7B,QAAIC,IAAAA,MAAM,SAAS,KAAK,CAAC,MAAM,QAAQ,YAAY,GAAG;AAC7C,aAAA,CAAC,cAAc,YAAY;AAAA,IACpC;AAEO,WAAA;AAAA,EAAA;AAGTE,MAAA,MAAM,iBAAiB,MAAM;AAC3B,UAAM,eAAe,eAAe,OAAO,gBAAgB,iBAAiB;AAE5E,mBAAe,OAAO,eAAe;AACrC,UAAM,QAAQ;AAAA,EAAA,CACf;AAED,iBAAe,OAAO,eAAe,eAAe,OAAO,gBAAgB;AAC3E,QAAM,QAAQ,eAAe,SAAS,KAAK,iBAAiB;AAErD,SAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEJ;;;"}
+{"version":3,"file":"use-condition.js","sources":["../../../../../../src/components/data-model/data-filter-form/composables/use-condition.ts"],"sourcesContent":["import { buildProps } from \"@maketribe/utils\";\nimport { FilterColumn, Operator } from \"@maketribe/dm\";\n\nimport { OperatorOption } from \"../operator-options\";\n\nexport const dataFilterConditionProps = buildProps({\n  modelValue: {\n    type: null,\n  },\n  defaultValue: {\n    default: null,\n  },\n  column: {\n    type: FilterColumn,\n    required: true,\n  },\n} as const);\n\nexport type DataFilterConditionOptions = {\n  operator: Operator;\n  operatorOptions: OperatorOption[];\n  defaultValue: any;\n};\n\n// export function useDataFilterCondition(options: DataFilterConditionOptions) {\n//   const dataFilterItemContext = inject(DATA_FILTER_ITEM_CONTEXT)!;\n//   const dataFilterItem = dataFilterItemContext.dataFilterItem;\n\n//   dataFilterItem.setOperatorOptions(options.operatorOptions);\n\n//   dataFilterItem.setOperator(options.operator);\n//   // if (options.defaultValue !== void 0) {\n//   //   dataFilterItem.column.defaultValue = options.defaultValue;\n//   // }\n\n//   const value = computed({\n//     get: () => dataFilterItem.getValue(),\n//     set: (v: any) => dataFilterItem.setValue(v === \"\" ? null : v),\n//   });\n\n//   const isBetween = computed(\n//     () => unref(currentOperator.value) === BETWEEN_OPTION.value\n//   );\n\n//   const currentOperator = computed(() => dataFilterItem.currentOperator);\n\n//   const calcDefaultValue = () => {\n//     const defaultValue = options.defaultValue;\n\n//     if (unref(isBetween) && !Array.isArray(defaultValue)) {\n//       return [defaultValue, defaultValue];\n//     }\n\n//     return defaultValue;\n//   };\n\n//   watch(currentOperator, () => {\n//     const defaultValue =\n//       dataFilterItem.column.defaultValue || calcDefaultValue();\n\n//     dataFilterItem.column.defaultValue = defaultValue;\n//     value.value = defaultValue;\n//   });\n\n//   dataFilterItem.column.defaultValue =\n//     dataFilterItem.column.defaultValue || calcDefaultValue();\n//   value.value = dataFilterItem.getValue() || calcDefaultValue();\n\n//   return {\n//     isBetween,\n//     dataFilterItem,\n//     currentOperator,\n//     value,\n//   };\n// }\n"],"names":["buildProps","FilterColumn"],"mappings":";;;;AAKO,MAAM,2BAA2BA,MAAAA,WAAW;AAAA,EACjD,YAAY;AAAA,IACV,MAAM;AAAA,EACR;AAAA,EACA,cAAc;AAAA,IACZ,SAAS;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACN,MAAMC,GAAA;AAAA,IACN,UAAU;AAAA,EACZ;AACF,CAAU;;"}

package/dist/cjs/components/data-model/data-filter-form/data-filter-form-item/data-filter-form-item.js

@@ -1,14 +1,14 @@
 "use strict";
 const vue = require("vue");
+const elementPlus = require("element-plus");
 const dm = require("@maketribe/dm");
 const useColumnComponent = require("../../../../composables/use-column-component.js");
-const useI18n = require("../../../../composables/use-i18n.js");
+require("../../../basic/config-provider/index.js");
 require("vue-router");
 require("@maketribe/request");
 require("@maketribe/locale");
 require("@maketribe/utils");
 require("../../../../core/DataModelDefines.js");
-const elementPlus = require("element-plus");
 const dataFilterFormItemOptions = require("./data-filter-form-item-options.js");
 const token = require("../token.js");
 function _isSlot(s) {
@@ -20,7 +20,6 @@ const DataFilterFormItem = /* @__PURE__ */ vue.defineComponent({
   setup(props, {
     slots
   }) {
-    const i18n = useI18n.useI18n();
     const dataFilterContext = vue.inject(token.DATA_FILTER_CONTEXT);
     const dataFilter = vue.computed(() => dataFilterContext.dataFilter);
     let _filterColumn = null;
@@ -42,56 +41,32 @@ const DataFilterFormItem = /* @__PURE__ */ vue.defineComponent({
       }
       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
+      componentProps,
+      componentInfo
     } = useColumnComponent.useFilterColumnComponent(filterColumn, dataFilter);
-    const createDataFilterItem = (dataFilter2, column) => {
-      function setOperator(operator) {
-        const _dataFilter = vue.unref(dataFilter2);
-        if (dm.isWhereFilter(_dataFilter)) {
-          this.currentOperator = operator;
-          _dataFilter.setParamOperator(vue.unref(column).name, operator);
-        }
-      }
-      function setOperatorOptions(options) {
-        if (dm.isWhereFilter(vue.unref(dataFilter2))) {
-          this.operatorOptions = options;
-        }
+    vue.watch(componentInfo, (componentInfo2) => {
+      const _dataFilter = vue.unref(dataFilter);
+      if (dm.isWhereFilter(_dataFilter)) {
+        _dataFilter.setParamOperator(vue.unref(filterColumn).name, componentInfo2.defaultOperator);
       }
-      function setValue(value) {
-        this.dataFilter.setParam(this.column.name, value);
-      }
-      function getValue() {
-        return this.dataFilter.getParam(this.column.name);
-      }
-      const filterPanelItem = {
-        dataFilter: dataFilter2,
-        column,
-        currentOperator: null,
-        operatorOptions: [],
-        setOperator,
-        setOperatorOptions,
-        setValue,
-        getValue
-      };
-      return filterPanelItem;
-    };
-    const dataFilterItem = vue.reactive(createDataFilterItem(vue.unref(dataFilter), vue.unref(filterColumn)));
-    vue.provide(token.DATA_FILTER_ITEM_CONTEXT, vue.reactive({
-      dataFilter,
-      dataFilterItem
-    }));
+    }, {
+      immediate: true
+    });
     vue.onBeforeUnmount(() => {
-      const _filterPanel = vue.unref(dataFilter);
-      if (dm.isWhereFilter(_filterPanel)) {
-        _filterPanel.deleteParamOperator(vue.unref(filterColumn).name);
+      const _dataFilter = vue.unref(dataFilter);
+      if (dm.isWhereFilter(_dataFilter)) {
+        _dataFilter.deleteParamOperator(vue.unref(filterColumn).name);
       }
-      _filterPanel.deleteParam(vue.unref(filterColumn).name);
+      _dataFilter.deleteParam(vue.unref(filterColumn).name);
     });
     return () => {
       var _a;
-      const _filterPanel = vue.unref(dataFilter);
       const _filterColumn2 = vue.unref(filterColumn);
       if (!_filterColumn2) {
         return null;
@@ -99,31 +74,20 @@ const DataFilterFormItem = /* @__PURE__ */ vue.defineComponent({
       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.unref(componentProps), null);
+        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 options = dataFilterItem.operatorOptions.map((option) => vue.createVNode(elementPlus.ElOption, {
-        "key": option.value,
-        "value": option.value,
-        "label": i18n.translate(option.label)
-      }, null));
-      dm.isWhereFilter(_filterPanel) ? vue.createVNode(elementPlus.ElSelect, {
-        "modelValue": dataFilterItem.currentOperator,
-        "onUpdate:modelValue": (v) => dataFilterItem.setOperator(v),
-        "class": "mk-data-filter-form-item__operator"
-      }, _isSlot(options) ? options : {
-        default: () => [options]
-      }) : null;
       const labelWidth = vue.computed(() => dataFilterContext.labelWidth);
-      return vue.createVNode("div", {
-        "class": "mk-data-filter-form-item"
-      }, [vue.createVNode("div", {
-        "class": "mk-data-filter-form-item__label",
-        "style": {
-          width: labelWidth.value + "px"
-        }
-      }, [_filterColumn2.label]), vue.createVNode("div", {
-        "class": "mk-data-filter-form-item__content"
-      }, [children])]);
+      return vue.createVNode(elementPlus.ElFormItem, {
+        "prop": _filterColumn2.name,
+        "label": _filterColumn2.label,
+        "labelWidth": vue.unref(labelWidth)
+      }, _isSlot(children) ? children : {
+        default: () => [children]
+      });
     };
   }
 });

package/dist/cjs/components/data-model/data-filter-form/data-filter-form-item/data-filter-form-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-filter-form-item.js","sources":["../../../../../../src/components/data-model/data-filter-form/data-filter-form-item/data-filter-form-item.tsx"],"sourcesContent":["import {\r\n  computed,\r\n  defineComponent,\r\n  inject,\r\n  onBeforeUnmount,\r\n  provide,\r\n  reactive,\r\n  toRaw,\r\n  unref,\r\n} from \"vue\";\r\nimport { DataFilter, FilterColumn, isWhereFilter } from \"@maketribe/dm\";\r\nimport { useFilterColumnComponent, useI18n } from \"../../../../composables\";\r\nimport { dataFilterFormItemProps } from \"./data-filter-form-item-options\";\r\nimport {\r\n  DATA_FILTER_CONTEXT,\r\n  DATA_FILTER_ITEM_CONTEXT,\r\n  DataFilterItem,\r\n  DataFilterItemContext,\r\n} from \"../token\";\r\nimport { OperatorOption } from \"../operator-options\";\r\nimport { ElOption, ElSelect } from \"element-plus\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKDataFilterFormItem\",\r\n  props: dataFilterFormItemProps,\r\n  setup(props, { slots }) {\r\n    const i18n = useI18n()!;\r\n\r\n    const dataFilterContext = inject(DATA_FILTER_CONTEXT)!;\r\n\r\n    const dataFilter = computed(() => dataFilterContext.dataFilter);\r\n\r\n    let _filterColumn: FilterColumn | null = null;\r\n\r\n    const createFilterColumn = () => {\r\n      _filterColumn = reactive(\r\n        new FilterColumn({\r\n          name: props.name!,\r\n          label: props.label!,\r\n        })\r\n      );\r\n\r\n      unref(dataFilter).addColumn(_filterColumn);\r\n\r\n      return _filterColumn;\r\n    };\r\n\r\n    const filterColumn = computed(() => {\r\n      const existingColumn = unref(dataFilter).getColumn(props.name) ?? null;\r\n\r\n      if (existingColumn) {\r\n        return existingColumn;\r\n      }\r\n\r\n      if (!_filterColumn) {\r\n        _filterColumn = createFilterColumn();\r\n      }\r\n\r\n      return _filterColumn;\r\n    });\r\n\r\n    const { component, componentProps } = useFilterColumnComponent(\r\n      filterColumn,\r\n      dataFilter\r\n    );\r\n\r\n    const createDataFilterItem = (\r\n      dataFilter: DataFilter,\r\n      column: FilterColumn\r\n    ) => {\r\n      function setOperator(\r\n        this: DataFilterItem,\r\n        operator: OperatorOption[\"value\"]\r\n      ) {\r\n        const _dataFilter = unref(dataFilter);\r\n        if (isWhereFilter(_dataFilter)) {\r\n          this.currentOperator = operator;\r\n          _dataFilter.setParamOperator(unref(column).name, operator);\r\n        }\r\n      }\r\n\r\n      function setOperatorOptions(\r\n        this: DataFilterItem,\r\n        options: OperatorOption[]\r\n      ) {\r\n        if (isWhereFilter(unref(dataFilter))) {\r\n          this.operatorOptions = options;\r\n        }\r\n      }\r\n\r\n      function setValue(this: DataFilterItem, value: any) {\r\n        this.dataFilter.setParam(this.column.name, value);\r\n      }\r\n\r\n      function getValue(this: DataFilterItem): any {\r\n        return this.dataFilter.getParam(this.column.name);\r\n      }\r\n\r\n      const filterPanelItem: DataFilterItem = {\r\n        dataFilter,\r\n        column,\r\n        currentOperator: null,\r\n        operatorOptions: [],\r\n        setOperator,\r\n        setOperatorOptions,\r\n        setValue,\r\n        getValue,\r\n      };\r\n\r\n      return filterPanelItem;\r\n    };\r\n\r\n    const dataFilterItem = reactive(\r\n      createDataFilterItem(unref(dataFilter), unref(filterColumn))\r\n    ) as DataFilterItem;\r\n\r\n    provide(\r\n      DATA_FILTER_ITEM_CONTEXT,\r\n      reactive({ dataFilter, dataFilterItem }) as DataFilterItemContext\r\n    );\r\n\r\n    onBeforeUnmount(() => {\r\n      const _filterPanel = unref(dataFilter);\r\n\r\n      if (isWhereFilter(_filterPanel)) {\r\n        _filterPanel.deleteParamOperator(unref(filterColumn).name);\r\n      }\r\n\r\n      _filterPanel.deleteParam(unref(filterColumn).name);\r\n    });\r\n\r\n    return () => {\r\n      const _filterPanel = unref(dataFilter);\r\n\r\n      const _filterColumn = unref(filterColumn);\r\n\r\n      if (!_filterColumn) {\r\n        return null;\r\n      }\r\n\r\n      let children: any = slots.default?.();\r\n\r\n      if (!children && unref(component)) {\r\n        const FilterColumnComponent = toRaw(unref(component));\r\n\r\n        children = <FilterColumnComponent {...unref(componentProps)} />;\r\n      }\r\n\r\n      const options = dataFilterItem.operatorOptions.map((option) => (\r\n        <ElOption\r\n          key={option.value}\r\n          value={option.value}\r\n          label={i18n.translate(option.label)}\r\n        />\r\n      ));\r\n\r\n      const operatorSelect = isWhereFilter(_filterPanel) ? (\r\n        <ElSelect\r\n          modelValue={dataFilterItem.currentOperator as any}\r\n          onUpdate:modelValue={(v) => dataFilterItem.setOperator(v)}\r\n          class=\"mk-data-filter-form-item__operator\"\r\n        >\r\n          {options}\r\n        </ElSelect>\r\n      ) : null;\r\n\r\n      const labelWidth = computed(() => dataFilterContext.labelWidth);\r\n\r\n      return (\r\n        <div class=\"mk-data-filter-form-item\">\r\n          <div\r\n            class=\"mk-data-filter-form-item__label\"\r\n            style={{ width: labelWidth.value + \"px\" }}\r\n          >\r\n            {_filterColumn.label}\r\n          </div>\r\n          {/* {operatorSelect} */}\r\n          <div class=\"mk-data-filter-form-item__content\">{children}</div>\r\n        </div>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","props","dataFilterFormItemProps","setup","slots","i18n","useI18n","dataFilterContext","inject","DATA_FILTER_CONTEXT","dataFilter","computed","_filterColumn","createFilterColumn","reactive","FilterColumn","label","unref","addColumn","filterColumn","existingColumn","getColumn","component","componentProps","useFilterColumnComponent","createDataFilterItem","column","setOperator","operator","_dataFilter","isWhereFilter","currentOperator","setParamOperator","setOperatorOptions","options","operatorOptions","setValue","value","setParam","getValue","getParam","filterPanelItem","dataFilterItem","provide","DATA_FILTER_ITEM_CONTEXT","onBeforeUnmount","_filterPanel","deleteParamOperator","deleteParam","children","default","FilterColumnComponent","toRaw","_createVNode","map","option","ElOption","translate","ElSelect","v","labelWidth","width"],"mappings":"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"}
+{"version":3,"file":"data-filter-form-item.js","sources":["../../../../../../src/components/data-model/data-filter-form/data-filter-form-item/data-filter-form-item.tsx"],"sourcesContent":["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"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","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"],"mappings":"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"}

package/dist/cjs/components/data-model/data-filter-form/data-filter-form-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-filter-form-options.js","sources":["../../../../../src/components/data-model/data-filter-form/data-filter-form-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { DataTable } from \"@maketribe/dm\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\nimport dataFilterForm from \"./data-filter-form\";\r\n\r\nexport const dataFilterFormProps = buildProps({\r\n  // dataFilter: { type: DataFilter, required: true },\r\n  dataTable: { type: DataTable, required: true },\r\n} as const);\r\n\r\nexport type DataFilterFormProps = ExtractPropTypes<typeof dataFilterFormProps>;\r\n\r\nexport const dataFilterFormEmits = {};\r\n\r\nexport type DataFilterFormEmits = typeof dataFilterForm;\r\n"],"names":["buildProps","DataTable"],"mappings":";;;;AAKO,MAAM,sBAAsBA,MAAAA,WAAW;AAAA;AAAA,EAE5C,WAAW,EAAE,MAAMC,cAAW,UAAU,KAAK;AAC/C,CAAU;;"}
+{"version":3,"file":"data-filter-form-options.js","sources":["../../../../../src/components/data-model/data-filter-form/data-filter-form-options.ts"],"sourcesContent":["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"],"names":["buildProps","DataTable"],"mappings":";;;;AAKO,MAAM,sBAAsBA,MAAAA,WAAW;AAAA;AAAA,EAE5C,WAAW,EAAE,MAAMC,cAAW,UAAU,KAAK;AAC/C,CAAU;;"}

package/dist/cjs/components/data-model/data-filter-form/data-filter-form.js

@@ -3,6 +3,7 @@ const vue = require("vue");
 const dataFilterFormOptions = require("./data-filter-form-options.js");
 const index = require("./data-filter-form-item/index.js");
 const token = require("./token.js");
+const elementPlus = require("element-plus");
 const DataFilterForm = /* @__PURE__ */ vue.defineComponent({
   name: "MKDataFilterForm",
   props: dataFilterFormOptions.dataFilterFormProps,
@@ -14,7 +15,7 @@ const DataFilterForm = /* @__PURE__ */ vue.defineComponent({
     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 + 10;
+      return maxWordCount * 14 + 20;
     });
     vue.provide(token.DATA_FILTER_CONTEXT, vue.reactive({
       dataFilter,
@@ -62,13 +63,15 @@ const DataFilterForm = /* @__PURE__ */ vue.defineComponent({
       if (!children) {
         return null;
       }
-      return vue.createVNode("div", {
+      return vue.createVNode(elementPlus.ElForm, {
         "class": "mk-data-filter-form"
-      }, [vue.createVNode(vue.Suspense, {
-        "onResolve": handleResolve
       }, {
-        default: () => [vue.createVNode(vue.Fragment, null, [children])]
-      })]);
+        default: () => [vue.createVNode(vue.Suspense, {
+          "onResolve": handleResolve
+        }, {
+          default: () => [vue.createVNode(vue.Fragment, null, [children])]
+        })]
+      });
     };
   }
 });

package/dist/cjs/components/data-model/data-filter-form/data-filter-form.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-filter-form.js","sources":["../../../../../src/components/data-model/data-filter-form/data-filter-form.tsx"],"sourcesContent":["import {\r\n  Fragment,\r\n  Suspense,\r\n  computed,\r\n  defineComponent,\r\n  inject,\r\n  provide,\r\n  reactive,\r\n  unref,\r\n  watch,\r\n  onMounted,\r\n} from \"vue\";\r\nimport { dataFilterFormProps } from \"./data-filter-form-options\";\r\nimport { MKDataFilterFormItem } from \"./data-filter-form-item\";\r\nimport { DATA_FILTER_CONTEXT } from \"./token\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKDataFilterForm\",\r\n  props: dataFilterFormProps,\r\n  setup(props, { slots }) {\r\n    const dataTable = computed(() => props.dataTable);\r\n    const dataFilter = computed(() => unref(dataTable).dataFilter);\r\n\r\n    const columns = computed(() =>\r\n      unref(dataFilter)\r\n        .getColumns()\r\n        .filter((column) => column.visible)\r\n    );\r\n\r\n    const labelWidth = computed(() => {\r\n      const maxWordCount = Math.max(\r\n        ...unref(columns).map((column) => column.label.length)\r\n      );\r\n\r\n      return maxWordCount * 14 + 10;\r\n    });\r\n\r\n    provide(DATA_FILTER_CONTEXT, reactive({ dataFilter, labelWidth }));\r\n\r\n    let resolve: Function | null = null;\r\n    const suspenseResolvePromise = new Promise((_resolve) => {\r\n      resolve = _resolve;\r\n    });\r\n\r\n    const handleResolve = () => {\r\n      resolve?.();\r\n    };\r\n\r\n    onMounted(() => {\r\n      watch(\r\n        dataTable,\r\n        async (dataTable, _, onCleanup) => {\r\n          await suspenseResolvePromise;\r\n\r\n          const disposable = dataTable.afterInitdEvent.on(() => {\r\n            dataTable.dataFilter.setReady();\r\n          });\r\n\r\n          onCleanup(() => {\r\n            disposable.dispose();\r\n          });\r\n        },\r\n        { immediate: true }\r\n      );\r\n    });\r\n\r\n    return () => {\r\n      if (!unref(columns).length) {\r\n        return null;\r\n      }\r\n\r\n      let children: any = slots.default?.();\r\n\r\n      if (!children) {\r\n        children = unref(columns).map((column) => {\r\n          if (!column.name) {\r\n            return null;\r\n          }\r\n\r\n          return (\r\n            slots[`col-${column.name}`]?.() || (\r\n              <MKDataFilterFormItem\r\n                name={column.name}\r\n                v-slots={{ default: slots[`col-${column.name}-content`] }}\r\n              />\r\n            )\r\n          );\r\n        });\r\n      }\r\n\r\n      if (!children) {\r\n        return null;\r\n      }\r\n\r\n      return (\r\n        <div class=\"mk-data-filter-form\">\r\n          <Suspense onResolve={handleResolve}>\r\n            <Fragment>{children}</Fragment>\r\n          </Suspense>\r\n        </div>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["defineComponent","name","props","dataFilterFormProps","setup","slots","dataTable","computed","dataFilter","unref","columns","getColumns","filter","column","visible","labelWidth","maxWordCount","Math","max","map","label","length","provide","DATA_FILTER_CONTEXT","reactive","resolve","suspenseResolvePromise","Promise","_resolve","handleResolve","onMounted","watch","_","onCleanup","disposable","afterInitdEvent","on","setReady","dispose","immediate","children","default","_createVNode","MKDataFilterFormItem","Suspense","_Fragment"],"mappings":";;;;;AAgBA,MAAeA,qDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC,sBAAmB;AAAA,EAC1BC,MAAMF,OAAO;AAAA,IAAEG;AAAAA,EAAM,GAAG;AACtB,UAAMC,YAAYC,IAAQ,SAAC,MAAML,MAAMI,SAAS;AAChD,UAAME,aAAaD,IAAAA,SAAS,MAAME,IAAK,MAACH,SAAS,EAAEE,UAAU;AAE7D,UAAME,UAAUH,IAAAA,SAAS,MACvBE,IAAAA,MAAMD,UAAU,EACbG,WAAY,EACZC,OAAQC,YAAWA,OAAOC,OAAO,CACtC;AAEA,UAAMC,aAAaR,IAAAA,SAAS,MAAM;AAChC,YAAMS,eAAeC,KAAKC,IACxB,GAAGT,IAAK,MAACC,OAAO,EAAES,IAAKN,YAAWA,OAAOO,MAAMC,MAAM,CACvD;AAEA,aAAOL,eAAe,KAAK;AAAA,IAC7B,CAAC;AAEDM,QAAO,QAACC,MAAmB,qBAAEC,aAAS;AAAA,MAAEhB;AAAAA,MAAYO;AAAAA,IAAY,CAAA,CAAC;AAEjE,QAAIU,UAA2B;AAC/B,UAAMC,yBAAyB,IAAIC,QAASC,cAAa;AACvDH,gBAAUG;AAAAA,IACZ,CAAC;AAED,UAAMC,gBAAgBA,MAAM;AAC1BJ;AAAAA;AAGFK,QAAAA,UAAU,MAAM;AACdC,UAAAA,MACEzB,WACA,OAAOA,YAAW0B,GAAGC,cAAc;AACjC,cAAMP;AAEN,cAAMQ,aAAa5B,WAAU6B,gBAAgBC,GAAG,MAAM;AACpD9B,UAAAA,WAAUE,WAAW6B;QACvB,CAAC;AAEDJ,kBAAU,MAAM;AACdC,qBAAWI,QAAO;AAAA,QACpB,CAAC;AAAA,MACH,GACA;AAAA,QAAEC,WAAW;AAAA,MAAK,CACpB;AAAA,IACF,CAAC;AAED,WAAO,MAAM;;AACX,UAAI,CAAC9B,IAAK,MAACC,OAAO,EAAEW,QAAQ;AAC1B,eAAO;AAAA,MACT;AAEA,UAAImB,YAAgBnC,WAAMoC,YAANpC;AAEpB,UAAI,CAACmC,UAAU;AACbA,mBAAW/B,IAAAA,MAAMC,OAAO,EAAES,IAAKN,YAAW;;AACxC,cAAI,CAACA,OAAOZ,MAAM;AAChB,mBAAO;AAAA,UACT;AAEA,mBACEI,MAAAA,MAAM,OAAOQ,OAAOZ,IAAI,QAAxBI,gBAAAA,IAAAA,gBAA+BqC,IAAA,YAAAC,4BAAA;AAAA,YAAA,QAErB9B,OAAOZ;AAAAA,aACJ;AAAA,YAAEwC,SAASpC,MAAM,OAAOQ,OAAOZ,IAAI,UAAU;AAAA,UAAE,CAAC;AAAA,QAIjE,CAAC;AAAA,MACH;AAEA,UAAI,CAACuC,UAAU;AACb,eAAO;AAAA,MACT;AAEA,aAAAE,IAAAA,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,SAAAA,CAAAA,IAAA,YAAAE,cAAA;AAAA,QAAA,aAEyBf;AAAAA,MAAa,GAAA;AAAA,QAAAY,SAAAA,MAAA,CAAAC,gBAAAG,IAAAA,iBACrBL,QAAQ,CAAA,CAAA;AAAA,MAAA,CAAA,CAAA,CAAA;AAAA;EAK7B;AACF,CAAC;;"}
+{"version":3,"file":"data-filter-form.js","sources":["../../../../../src/components/data-model/data-filter-form/data-filter-form.tsx"],"sourcesContent":["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\";\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"],"names":["defineComponent","name","props","dataFilterFormProps","setup","slots","dataTable","computed","dataFilter","unref","columns","getColumns","filter","column","visible","labelWidth","maxWordCount","Math","max","map","label","length","provide","DATA_FILTER_CONTEXT","reactive","resolve","suspenseResolvePromise","Promise","_resolve","handleResolve","onMounted","watch","_","onCleanup","disposable","afterInitdEvent","on","setReady","dispose","immediate","children","default","_createVNode","MKDataFilterFormItem","ElForm","Suspense","_Fragment"],"mappings":";;;;;;AAgBA,MAAeA,qDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC,sBAAmB;AAAA,EAC1BC,MAAMF,OAAO;AAAA,IAAEG;AAAAA,EAAM,GAAG;AACtB,UAAMC,YAAYC,IAAQ,SAAC,MAAML,MAAMI,SAAS;AAChD,UAAME,aAAaD,IAAAA,SAAS,MAAME,IAAK,MAACH,SAAS,EAAEE,UAAU;AAE7D,UAAME,UAAUH,IAAAA,SAAS,MACvBE,IAAAA,MAAMD,UAAU,EACbG,WAAY,EACZC,OAAQC,YAAWA,OAAOC,OAAO,CACtC;AAEA,UAAMC,aAAaR,IAAAA,SAAS,MAAM;AAChC,YAAMS,eAAeC,KAAKC,IACxB,GAAGT,IAAK,MAACC,OAAO,EAAES,IAAKN,YAAWA,OAAOO,MAAMC,MAAM,CACvD;AAEA,aAAOL,eAAe,KAAK;AAAA,IAC7B,CAAC;AAEDM,QAAO,QAACC,MAAmB,qBAAEC,aAAS;AAAA,MAAEhB;AAAAA,MAAYO;AAAAA,IAAY,CAAA,CAAC;AAEjE,QAAIU,UAA2B;AAC/B,UAAMC,yBAAyB,IAAIC,QAASC,cAAa;AACvDH,gBAAUG;AAAAA,IACZ,CAAC;AAED,UAAMC,gBAAgBA,MAAM;AAC1BJ;AAAAA;AAGFK,QAAAA,UAAU,MAAM;AACdC,UAAAA,MACEzB,WACA,OAAOA,YAAW0B,GAAGC,cAAc;AACjC,cAAMP;AAEN,cAAMQ,aAAa5B,WAAU6B,gBAAgBC,GAAG,MAAM;AACpD9B,UAAAA,WAAUE,WAAW6B;QACvB,CAAC;AAEDJ,kBAAU,MAAM;AACdC,qBAAWI,QAAO;AAAA,QACpB,CAAC;AAAA,MACH,GACA;AAAA,QAAEC,WAAW;AAAA,MAAK,CACpB;AAAA,IACF,CAAC;AAED,WAAO,MAAM;;AACX,UAAI,CAAC9B,IAAK,MAACC,OAAO,EAAEW,QAAQ;AAC1B,eAAO;AAAA,MACT;AAEA,UAAImB,YAAgBnC,WAAMoC,YAANpC;AAEpB,UAAI,CAACmC,UAAU;AACbA,mBAAW/B,IAAAA,MAAMC,OAAO,EAAES,IAAKN,YAAW;;AACxC,cAAI,CAACA,OAAOZ,MAAM;AAChB,mBAAO;AAAA,UACT;AAEA,mBACEI,MAAAA,MAAM,OAAOQ,OAAOZ,IAAI,QAAxBI,gBAAAA,IAAAA,gBAA+BqC,IAAA,YAAAC,4BAAA;AAAA,YAAA,QAErB9B,OAAOZ;AAAAA,aACJ;AAAA,YAAEwC,SAASpC,MAAM,OAAOQ,OAAOZ,IAAI,UAAU;AAAA,UAAE,CAAC;AAAA,QAIjE,CAAC;AAAA,MACH;AAEA,UAAI,CAACuC,UAAU;AACb,eAAO;AAAA,MACT;AAEA,aAAAE,IAAAA,YAAAE,YAAAA,QAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA;AAAA,QAAAH,SAAAA,MAAAC,CAAAA,IAAA,YAAAG,cAAA;AAAA,UAAA,aAEyBhB;AAAAA,QAAa,GAAA;AAAA,UAAAY,SAAAA,MAAA,CAAAC,gBAAAI,IAAAA,iBACrBN,QAAQ,CAAA,CAAA;AAAA,QAAA,CAAA,CAAA;AAAA,MAAA,CAAA;AAAA;EAK7B;AACF,CAAC;;"}

package/dist/cjs/components/data-model/data-filter-form/index.js

@@ -5,7 +5,7 @@ const index = require("./data-filter-form-item/index.js");
 const dataFilterForm = require("./data-filter-form.js");
 const dataFilterFormOptions = require("./data-filter-form-options.js");
 const useCondition = require("./composables/use-condition.js");
-const operatorOptions = require("./operator-options.js");
+require("./operator-options.js");
 const index$1 = require("./components/condition-input/index.js");
 const index$2 = require("./components/condition-date/index.js");
 const index$3 = require("./components/condition-number/index.js");
@@ -16,16 +16,6 @@ const MKDataFilterForm = utils.withInstall(dataFilterForm, {
 exports.MKDataFilterFormItem = index.MKDataFilterFormItem;
 exports.dataFilterFormProps = dataFilterFormOptions.dataFilterFormProps;
 exports.dataFilterConditionProps = useCondition.dataFilterConditionProps;
-exports.useDataFilterCondition = useCondition.useDataFilterCondition;
-exports.BETWEEN_OPTION = operatorOptions.BETWEEN_OPTION;
-exports.CONTAIN_OPTION = operatorOptions.CONTAIN_OPTION;
-exports.EQUAL_OPTION = operatorOptions.EQUAL_OPTION;
-exports.GREATER_THAN_EQUAL_OPTION = operatorOptions.GREATER_THAN_EQUAL_OPTION;
-exports.GREATER_THAN_OPTION = operatorOptions.GREATER_THAN_OPTION;
-exports.IN_OPTION = operatorOptions.IN_OPTION;
-exports.LESS_THAN_EQUAL_OPTION = operatorOptions.LESS_THAN_EQUAL_OPTION;
-exports.LESS_THAN_OPTION = operatorOptions.LESS_THAN_OPTION;
-exports.NOT_IN_OPTION = operatorOptions.NOT_IN_OPTION;
 exports.MKConditionInput = index$1.MKConditionInput;
 exports.MKConditionDate = index$2.MKConditionDate;
 exports.MKConditionNumber = index$3.MKConditionNumber;

package/dist/cjs/components/data-model/data-filter-form/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/data-model/data-filter-form/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\r\nimport { MKDataFilterFormItem } from \"./data-filter-form-item\";\r\nimport DataFilterForm from \"./data-filter-form\";\r\n\r\nexport const MKDataFilterForm = withInstall(DataFilterForm, {\r\n  MKDataFilterFormItem,\r\n});\r\nexport default MKDataFilterForm;\r\n\r\nexport * from \"./data-filter-form-item\";\r\nexport * from \"./data-filter-form-options\";\r\nexport * from \"./composables\";\r\nexport * from \"./operator-options\";\r\n\r\nexport * from \"./components\";\r\n"],"names":["withInstall","DataFilterForm","MKDataFilterFormItem"],"mappings":";;;;;;;;;;;;AAIa,MAAA,mBAAmBA,kBAAYC,gBAAgB;AAAA,EAAA,sBAC1DC,MAAA;AACF,CAAC;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/data-model/data-filter-form/index.ts"],"sourcesContent":["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"],"names":["withInstall","DataFilterForm","MKDataFilterFormItem"],"mappings":";;;;;;;;;;;;AAIa,MAAA,mBAAmBA,kBAAYC,gBAAgB;AAAA,EAAA,sBAC1DC,MAAA;AACF,CAAC;;;;;;;;;;"}

package/dist/cjs/components/data-model/data-filter-form/operator-options.js

@@ -1,49 +1,39 @@
 "use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const dm = require("@maketribe/dm");
-const EQUAL_OPTION = {
+({
   value: dm.Operator.EQUAL,
   label: "mk.operator.equal"
-};
-const CONTAIN_OPTION = {
+});
+({
   value: dm.Operator.CONTAIN,
   label: "mk.operator.contain"
-};
-const IN_OPTION = {
+});
+({
   value: dm.Operator.IN,
   label: "mk.operator.in"
-};
-const NOT_IN_OPTION = {
+});
+({
   value: dm.Operator.NOT_IN,
   label: "mk.operator.notIn"
-};
-const LESS_THAN_OPTION = {
+});
+({
   value: dm.Operator.LESS_THAN,
   label: "mk.operator.lessThan"
-};
-const LESS_THAN_EQUAL_OPTION = {
+});
+({
   value: dm.Operator.LESS_THAN_EQUAL,
   label: "mk.operator.lessThanEqual"
-};
-const GREATER_THAN_OPTION = {
+});
+({
   value: dm.Operator.GREATER_THAN,
   label: "mk.operator.greaterThan"
-};
-const GREATER_THAN_EQUAL_OPTION = {
+});
+({
   value: dm.Operator.GREATER_THAN_EQUAL,
   label: "mk.operator.greaterThanEqual"
-};
-const BETWEEN_OPTION = {
+});
+({
   value: dm.Operator.BETWEEN,
   label: "mk.operator.between"
-};
-exports.BETWEEN_OPTION = BETWEEN_OPTION;
-exports.CONTAIN_OPTION = CONTAIN_OPTION;
-exports.EQUAL_OPTION = EQUAL_OPTION;
-exports.GREATER_THAN_EQUAL_OPTION = GREATER_THAN_EQUAL_OPTION;
-exports.GREATER_THAN_OPTION = GREATER_THAN_OPTION;
-exports.IN_OPTION = IN_OPTION;
-exports.LESS_THAN_EQUAL_OPTION = LESS_THAN_EQUAL_OPTION;
-exports.LESS_THAN_OPTION = LESS_THAN_OPTION;
-exports.NOT_IN_OPTION = NOT_IN_OPTION;
+});
 //# sourceMappingURL=operator-options.js.map

package/dist/cjs/components/data-model/data-filter-form/operator-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"operator-options.js","sources":["../../../../../src/components/data-model/data-filter-form/operator-options.ts"],"sourcesContent":["import { Operator } from \"@maketribe/dm\";\r\n\r\nexport type OperatorOption = { value: Operator; label: string };\r\n\r\nexport const EQUAL_OPTION: OperatorOption = {\r\n  value: Operator.EQUAL,\r\n  label: \"mk.operator.equal\",\r\n};\r\n\r\nexport const CONTAIN_OPTION: OperatorOption = {\r\n  value: Operator.CONTAIN,\r\n  label: \"mk.operator.contain\",\r\n};\r\n\r\nexport const IN_OPTION: OperatorOption = {\r\n  value: Operator.IN,\r\n  label: \"mk.operator.in\",\r\n};\r\n\r\nexport const NOT_IN_OPTION: OperatorOption = {\r\n  value: Operator.NOT_IN,\r\n  label: \"mk.operator.notIn\",\r\n};\r\n\r\nexport const LESS_THAN_OPTION: OperatorOption = {\r\n  value: Operator.LESS_THAN,\r\n  label: \"mk.operator.lessThan\",\r\n};\r\n\r\nexport const LESS_THAN_EQUAL_OPTION: OperatorOption = {\r\n  value: Operator.LESS_THAN_EQUAL,\r\n  label: \"mk.operator.lessThanEqual\",\r\n};\r\n\r\nexport const GREATER_THAN_OPTION: OperatorOption = {\r\n  value: Operator.GREATER_THAN,\r\n  label: \"mk.operator.greaterThan\",\r\n};\r\n\r\nexport const GREATER_THAN_EQUAL_OPTION: OperatorOption = {\r\n  value: Operator.GREATER_THAN_EQUAL,\r\n  label: \"mk.operator.greaterThanEqual\",\r\n};\r\n\r\nexport const BETWEEN_OPTION: OperatorOption = {\r\n  value: Operator.BETWEEN,\r\n  label: \"mk.operator.between\",\r\n};\r\n"],"names":["Operator"],"mappings":";;;AAIO,MAAM,eAA+B;AAAA,EAC1C,OAAOA,GAAS,SAAA;AAAA,EAChB,OAAO;AACT;AAEO,MAAM,iBAAiC;AAAA,EAC5C,OAAOA,GAAS,SAAA;AAAA,EAChB,OAAO;AACT;AAEO,MAAM,YAA4B;AAAA,EACvC,OAAOA,GAAS,SAAA;AAAA,EAChB,OAAO;AACT;AAEO,MAAM,gBAAgC;AAAA,EAC3C,OAAOA,GAAS,SAAA;AAAA,EAChB,OAAO;AACT;AAEO,MAAM,mBAAmC;AAAA,EAC9C,OAAOA,GAAS,SAAA;AAAA,EAChB,OAAO;AACT;AAEO,MAAM,yBAAyC;AAAA,EACpD,OAAOA,GAAS,SAAA;AAAA,EAChB,OAAO;AACT;AAEO,MAAM,sBAAsC;AAAA,EACjD,OAAOA,GAAS,SAAA;AAAA,EAChB,OAAO;AACT;AAEO,MAAM,4BAA4C;AAAA,EACvD,OAAOA,GAAS,SAAA;AAAA,EAChB,OAAO;AACT;AAEO,MAAM,iBAAiC;AAAA,EAC5C,OAAOA,GAAS,SAAA;AAAA,EAChB,OAAO;AACT;;;;;;;;;;"}
+{"version":3,"file":"operator-options.js","sources":["../../../../../src/components/data-model/data-filter-form/operator-options.ts"],"sourcesContent":["import { Operator } from \"@maketribe/dm\";\r\n\r\nexport type OperatorOption = { value: Operator; label: string };\r\n\r\nexport const EQUAL_OPTION: OperatorOption = {\r\n  value: Operator.EQUAL,\r\n  label: \"mk.operator.equal\",\r\n};\r\n\r\nexport const CONTAIN_OPTION: OperatorOption = {\r\n  value: Operator.CONTAIN,\r\n  label: \"mk.operator.contain\",\r\n};\r\n\r\nexport const IN_OPTION: OperatorOption = {\r\n  value: Operator.IN,\r\n  label: \"mk.operator.in\",\r\n};\r\n\r\nexport const NOT_IN_OPTION: OperatorOption = {\r\n  value: Operator.NOT_IN,\r\n  label: \"mk.operator.notIn\",\r\n};\r\n\r\nexport const LESS_THAN_OPTION: OperatorOption = {\r\n  value: Operator.LESS_THAN,\r\n  label: \"mk.operator.lessThan\",\r\n};\r\n\r\nexport const LESS_THAN_EQUAL_OPTION: OperatorOption = {\r\n  value: Operator.LESS_THAN_EQUAL,\r\n  label: \"mk.operator.lessThanEqual\",\r\n};\r\n\r\nexport const GREATER_THAN_OPTION: OperatorOption = {\r\n  value: Operator.GREATER_THAN,\r\n  label: \"mk.operator.greaterThan\",\r\n};\r\n\r\nexport const GREATER_THAN_EQUAL_OPTION: OperatorOption = {\r\n  value: Operator.GREATER_THAN_EQUAL,\r\n  label: \"mk.operator.greaterThanEqual\",\r\n};\r\n\r\nexport const BETWEEN_OPTION: OperatorOption = {\r\n  value: Operator.BETWEEN,\r\n  label: \"mk.operator.between\",\r\n};\r\n"],"names":["Operator"],"mappings":";;CAI4C;AAAA,EAC1C,OAAOA,GAAS,SAAA;AAAA,EAChB,OAAO;AACT;AAAA,CAE8C;AAAA,EAC5C,OAAOA,GAAS,SAAA;AAAA,EAChB,OAAO;AACT;AAAA,CAEyC;AAAA,EACvC,OAAOA,GAAS,SAAA;AAAA,EAChB,OAAO;AACT;AAAA,CAE6C;AAAA,EAC3C,OAAOA,GAAS,SAAA;AAAA,EAChB,OAAO;AACT;AAAA,CAEgD;AAAA,EAC9C,OAAOA,GAAS,SAAA;AAAA,EAChB,OAAO;AACT;AAAA,CAEsD;AAAA,EACpD,OAAOA,GAAS,SAAA;AAAA,EAChB,OAAO;AACT;AAAA,CAEmD;AAAA,EACjD,OAAOA,GAAS,SAAA;AAAA,EAChB,OAAO;AACT;AAAA,CAEyD;AAAA,EACvD,OAAOA,GAAS,SAAA;AAAA,EAChB,OAAO;AACT;AAAA,CAE8C;AAAA,EAC5C,OAAOA,GAAS,SAAA;AAAA,EAChB,OAAO;AACT;"}

package/dist/cjs/components/data-model/data-filter-form/token.js

@@ -3,7 +3,5 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const DATA_FILTER_CONTEXT = Symbol(
   "DATA_FILTER_CONTEXT"
 );
-const DATA_FILTER_ITEM_CONTEXT = Symbol("DATA_FILTER_ITEM_CONTEXT");
 exports.DATA_FILTER_CONTEXT = DATA_FILTER_CONTEXT;
-exports.DATA_FILTER_ITEM_CONTEXT = DATA_FILTER_ITEM_CONTEXT;
 //# sourceMappingURL=token.js.map

package/dist/cjs/components/data-model/data-filter-form/token.js.map

@@ -1 +1 @@
-{"version":3,"file":"token.js","sources":["../../../../../src/components/data-model/data-filter-form/token.ts"],"sourcesContent":["import { InjectionKey } from \"vue\";\r\nimport { Operator, FilterColumn, DataFilter } from \"@maketribe/dm\";\r\nimport { OperatorOption } from \"./operator-options\";\r\n\r\nexport interface DataFilterContext {\r\n  dataFilter: DataFilter;\r\n  labelWidth: number;\r\n}\r\n\r\nexport interface DataFilterItemContext {\r\n  dataFilter: DataFilter;\r\n  dataFilterItem: DataFilterItem;\r\n}\r\n\r\nexport interface DataFilterItem {\r\n  dataFilter: DataFilter;\r\n  column: FilterColumn;\r\n  currentOperator: Operator | null;\r\n  operatorOptions: OperatorOption[];\r\n  setOperator(operator: Operator): void;\r\n  setOperatorOptions(options: OperatorOption[]): void;\r\n  setValue(value: any): void;\r\n  getValue(): any;\r\n}\r\n\r\nexport const DATA_FILTER_CONTEXT: InjectionKey<DataFilterContext> = Symbol(\r\n  \"DATA_FILTER_CONTEXT\"\r\n);\r\nexport const DATA_FILTER_ITEM_CONTEXT: InjectionKey<DataFilterItemContext> =\r\n  Symbol(\"DATA_FILTER_ITEM_CONTEXT\");\r\n\r\nexport const DATA_FILTER_QUERY_NAME: string = \"dataTableParams\";\r\n"],"names":[],"mappings":";;AAyBO,MAAM,sBAAuD;AAAA,EAClE;AACF;AACa,MAAA,2BACX,OAAO,0BAA0B;;;"}
+{"version":3,"file":"token.js","sources":["../../../../../src/components/data-model/data-filter-form/token.ts"],"sourcesContent":["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"],"names":[],"mappings":";;AAyBO,MAAM,sBAAuD;AAAA,EAClE;AACF;;"}

package/dist/cjs/components/data-model/data-form/components/form-detail/form-detail-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-detail-options.js","sources":["../../../../../../../src/components/data-model/data-form/components/form-detail/form-detail-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\nimport { FormDetailColumn } from \"@maketribe/dm\";\r\n\r\nexport const formDetailProps = buildProps({\r\n  modelValue: {\r\n    type: null,\r\n  },\r\n  disabled: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  column: { type: FormDetailColumn, required: true },\r\n  formWidth: {\r\n    type: String,\r\n    default: \"400px\",\r\n  },\r\n} as const);\r\n\r\nexport type FormDetailProps = ExtractPropTypes<typeof formDetailProps>;\r\n\r\nexport const formDetailEmits = {\r\n  \"update:model-value\": (v: any) => true,\r\n};\r\n\r\nexport type FormDetailEmits = ExtractPropTypes<typeof formDetailEmits>;\r\n"],"names":["buildProps","FormDetailColumn"],"mappings":";;;;AAIO,MAAM,kBAAkBA,MAAAA,WAAW;AAAA,EACxC,YAAY;AAAA,IACV,MAAM;AAAA,EACR;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,QAAQ,EAAE,MAAMC,qBAAkB,UAAU,KAAK;AAAA,EACjD,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAU;AAIH,MAAM,kBAAkB;AAAA,EAC7B,sBAAsB,CAAC,MAAW;AACpC;;;"}
+{"version":3,"file":"form-detail-options.js","sources":["../../../../../../../src/components/data-model/data-form/components/form-detail/form-detail-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { FormDetailColumn } from \"@maketribe/dm\";\n\nexport const formDetailProps = buildProps({\n  modelValue: {\n    type: null,\n  },\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n  column: { type: FormDetailColumn, required: true },\n  formWidth: {\n    type: String,\n    default: \"400px\",\n  },\n} as const);\n\nexport type FormDetailProps = ExtractPropTypes<typeof formDetailProps>;\n\nexport const formDetailEmits = {\n  \"update:model-value\": (v: any) => true,\n};\n\nexport type FormDetailEmits = ExtractPropTypes<typeof formDetailEmits>;\n"],"names":["buildProps","FormDetailColumn"],"mappings":";;;;AAIO,MAAM,kBAAkBA,MAAAA,WAAW;AAAA,EACxC,YAAY;AAAA,IACV,MAAM;AAAA,EACR;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,QAAQ,EAAE,MAAMC,qBAAkB,UAAU,KAAK;AAAA,EACjD,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAU;AAIH,MAAM,kBAAkB;AAAA,EAC7B,sBAAsB,CAAC,MAAW;AACpC;;;"}