@maketribe/ms-app 3.0.4 → 3.0.6

package/dist/esm/components/data-model/filter-panel/filter-panel-item/filter-panel-item.js

@@ -0,0 +1,131 @@
+import { defineComponent, useSlots, inject, computed, unref, reactive, provide, onBeforeUnmount, toRaw, createVNode, isVNode } from 'vue';
+import { ElOption, ElSelect, ElTooltip } from 'element-plus';
+import { isWhereFilter, FilterColumn } from '@maketribe/dm';
+import { FILTER_PANEL_CONTEXT, FILTER_PANEL_ITEM_CONTEXT } from '../token.js';
+import { useFilterColumnComponent } from '../../../../composables/use-column-component.js';
+import { useI18n } from '../../../../composables/use-i18n.js';
+import 'vue-router';
+import '@maketribe/request';
+import '@maketribe/locale';
+import '@maketribe/utils';
+import '../../../../core/DataModelDefines.js';
+import { filterPanelItemOptions } from './filter-panel-item-options.js';
+
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+var FilterPanelItem = /* @__PURE__ */ defineComponent({
+  name: "MKFilterPanelItem",
+  props: filterPanelItemOptions,
+  setup(props) {
+    const slots = useSlots();
+    const i18n = useI18n();
+    const filterPanelContext = inject(FILTER_PANEL_CONTEXT);
+    const dataFilter = computed(() => filterPanelContext.dataFilter);
+    let _filterColumn = null;
+    const createFilterColumn = () => {
+      _filterColumn = reactive(new FilterColumn({
+        name: props.name,
+        label: props.label
+      }));
+      unref(dataFilter).addColumn(_filterColumn);
+      return _filterColumn;
+    };
+    const filterColumn = computed(() => {
+      const existingColumn = unref(dataFilter).getColumn(props.name) ?? null;
+      if (existingColumn) {
+        return existingColumn;
+      }
+      if (!_filterColumn) {
+        _filterColumn = createFilterColumn();
+      }
+      return _filterColumn;
+    });
+    const {
+      component,
+      componentProps
+    } = useFilterColumnComponent(filterColumn, dataFilter);
+    const createFilterPanelItem = (dataFilter2, column) => {
+      function setOperator(operator) {
+        const _dataFilter = unref(dataFilter2);
+        if (isWhereFilter(_dataFilter)) {
+          this.currentOperator = operator;
+          _dataFilter.setParamOperator(unref(column).name, operator);
+        }
+      }
+      function setOperatorOptions(options) {
+        if (isWhereFilter(unref(dataFilter2))) {
+          this.operatorOptions = options;
+        }
+      }
+      function setValue(value) {
+        this.dataFilter.setParam(this.column.name, value);
+      }
+      function getValue() {
+        return this.dataFilter.getParam(this.column.name);
+      }
+      const filterPanelItem2 = {
+        dataFilter: dataFilter2,
+        column,
+        currentOperator: null,
+        operatorOptions: [],
+        setOperator,
+        setOperatorOptions,
+        setValue,
+        getValue
+      };
+      return filterPanelItem2;
+    };
+    const filterPanelItem = reactive(createFilterPanelItem(unref(dataFilter), unref(filterColumn)));
+    provide(FILTER_PANEL_ITEM_CONTEXT, reactive({
+      dataFilter,
+      filterPanelItem
+    }));
+    onBeforeUnmount(() => {
+      const _filterPanel = unref(dataFilter);
+      if (isWhereFilter(_filterPanel)) {
+        _filterPanel.deleteParamOperator(unref(filterColumn).name);
+      }
+      _filterPanel.deleteParam(unref(filterColumn).name);
+    });
+    return () => {
+      const _filterPanel = unref(dataFilter);
+      const _filterColumn2 = unref(filterColumn);
+      if (!_filterColumn2) {
+        return null;
+      }
+      let children = slots.default?.();
+      if (!children && unref(component)) {
+        const FilterColumnComponent = toRaw(unref(component));
+        children = createVNode(FilterColumnComponent, unref(componentProps), null);
+      }
+      const options = filterPanelItem.operatorOptions.map((option) => createVNode(ElOption, {
+        "key": option.value,
+        "value": option.value,
+        "label": i18n.translate(option.label)
+      }, null));
+      const operatorSelect = isWhereFilter(_filterPanel) ? createVNode(ElSelect, {
+        "modelValue": filterPanelItem.currentOperator,
+        "onUpdate:modelValue": (v) => filterPanelItem.setOperator(v),
+        "class": "mk-filter-panel-item__operator"
+      }, _isSlot(options) ? options : {
+        default: () => [options]
+      }) : null;
+      return createVNode("div", {
+        "class": "mk-filter-panel-item"
+      }, [createVNode(ElTooltip, {
+        "content": _filterColumn2.label,
+        "placement": "top"
+      }, {
+        default: () => [createVNode("div", {
+          "class": "mk-filter-panel-item__label"
+        }, [_filterColumn2.label])]
+      }), operatorSelect, createVNode("div", {
+        "class": "mk-filter-panel-item__content"
+      }, [children])]);
+    };
+  }
+});
+
+export { FilterPanelItem as default };
+//# sourceMappingURL=filter-panel-item.js.map

package/dist/esm/components/data-model/filter-panel/filter-panel-item/filter-panel-item.js.map

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

package/dist/esm/components/data-model/filter-panel/filter-panel-item/index.d.ts

@@ -0,0 +1,29 @@
+export declare const MKFilterPanelItem: import("@maketribe/utils").SFCWithInstall<import("vue").DefineComponent<{
+    readonly name: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly label: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}, () => JSX.Element | null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly name: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly label: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}>>, {}, {}>> & Record<string, any>;
+export default MKFilterPanelItem;
+export * from "./filter-panel-item-options";

package/dist/esm/components/data-model/filter-panel/filter-panel-item/index.js

@@ -0,0 +1,8 @@
+import { withInstall } from '@maketribe/utils';
+import FilterPanelItem from './filter-panel-item.js';
+export { filterPanelItemOptions } from './filter-panel-item-options.js';
+
+const MKFilterPanelItem = withInstall(FilterPanelItem);
+
+export { MKFilterPanelItem, MKFilterPanelItem as default };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/data-model/filter-panel/filter-panel-item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/data-model/filter-panel/filter-panel-item/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\nimport FilterPanelItem from \"./filter-panel-item\";\n\nexport const MKFilterPanelItem = withInstall(FilterPanelItem);\nexport default MKFilterPanelItem;\n\nexport * from \"./filter-panel-item-options\";\n"],"names":[],"mappings":";;;;AAGa,MAAA,iBAAA,GAAoB,YAAY,eAAe;;;;"}

package/dist/esm/components/data-model/filter-panel/filter-panel-options.d.ts

@@ -0,0 +1,15 @@
+import { ExtractPropTypes } from "vue";
+import { DataFilter } from "@maketribe/dm";
+export declare const filterPanelProps: {
+    readonly dataFilter: {
+        readonly type: import("vue").PropType<DataFilter<Record<string, any>>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+};
+export type FilterPanelProps = ExtractPropTypes<typeof filterPanelProps>;
+export declare const filterPanelEmits: {
+    search: () => boolean;
+};
+export type FilterPanelEmits = typeof filterPanelEmits;

package/dist/esm/components/data-model/filter-panel/filter-panel-options.js

@@ -0,0 +1,12 @@
+import { DataFilter } from '@maketribe/dm';
+import { buildProps } from '@maketribe/utils';
+
+const filterPanelProps = buildProps({
+  dataFilter: { type: DataFilter, required: true }
+});
+const filterPanelEmits = {
+  search: () => true
+};
+
+export { filterPanelEmits, filterPanelProps };
+//# sourceMappingURL=filter-panel-options.js.map

package/dist/esm/components/data-model/filter-panel/filter-panel-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-panel-options.js","sources":["../../../../../src/components/data-model/filter-panel/filter-panel-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { DataFilter } from \"@maketribe/dm\";\nimport { buildProps } from \"@maketribe/utils\";\n\nexport const filterPanelProps = buildProps({\n  dataFilter: { type: DataFilter, required: true },\n} as const);\n\nexport type FilterPanelProps = ExtractPropTypes<typeof filterPanelProps>;\n\nexport const filterPanelEmits = {\n  search: () => true,\n};\n\nexport type FilterPanelEmits = typeof filterPanelEmits;\n"],"names":[],"mappings":";;;AAIO,MAAM,mBAAmB,UAAW,CAAA;AAAA,EACzC,UAAY,EAAA,EAAE,IAAM,EAAA,UAAA,EAAY,UAAU,IAAK,EAAA;AACjD,CAAU,EAAA;AAIH,MAAM,gBAAmB,GAAA;AAAA,EAC9B,QAAQ,MAAM,IAAA;AAChB;;;;"}

package/dist/esm/components/data-model/filter-panel/filter-panel.d.ts

@@ -0,0 +1,20 @@
+declare const _default: import("vue").DefineComponent<{
+    readonly dataFilter: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").DataFilter<Record<string, any>>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}, () => JSX.Element | null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    search: () => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly dataFilter: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").DataFilter<Record<string, any>>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}>> & {
+    onSearch?: (() => any) | undefined;
+}, {}, {}>;
+export default _default;

package/dist/esm/components/data-model/filter-panel/filter-panel.js

@@ -0,0 +1,80 @@
+import { defineComponent, useSlots, computed, unref, provide, reactive, onMounted, createVNode, createTextVNode } from 'vue';
+import { useRouter } from 'vue-router';
+import FilterPanelItem from './filter-panel-item/filter-panel-item.js';
+import { FILTER_PANEL_CONTEXT } from './token.js';
+import { filterPanelProps, filterPanelEmits } from './filter-panel-options.js';
+import { ElButton } from 'element-plus';
+
+var FitlerPanel = /* @__PURE__ */ defineComponent({
+  name: "MKFilterPanel",
+  props: filterPanelProps,
+  emits: filterPanelEmits,
+  setup(props, {
+    emit
+  }) {
+    const slots = useSlots();
+    const router = useRouter();
+    const dataFilter = computed(() => props.dataFilter);
+    const columns = computed(() => unref(dataFilter).getColumns().filter((column) => column.visible));
+    provide(FILTER_PANEL_CONTEXT, reactive({
+      dataFilter
+    }));
+    const handleSearch = () => {
+      emit("search");
+    };
+    const handleReset = () => {
+      unref(dataFilter)?.reset();
+      emit("search");
+    };
+    onMounted(() => {
+      const currentRoute = unref(router.currentRoute);
+      const queryFilterParams = currentRoute.query.filterParams;
+      if (typeof queryFilterParams === "string") {
+        try {
+          const filterParams = JSON.parse(decodeURIComponent(queryFilterParams));
+          unref(dataFilter).setParams(filterParams);
+        } catch (e) {
+          unref(dataFilter).reset();
+        }
+      } else {
+        unref(dataFilter).reset();
+      }
+      unref(dataFilter).setReady();
+    });
+    return () => {
+      let children = slots.default?.();
+      if (!children) {
+        children = unref(columns).map((column) => {
+          if (!column.name) {
+            return null;
+          }
+          return slots[`col-${column.name}`]?.() || createVNode(FilterPanelItem, {
+            "name": column.name
+          }, {
+            default: slots[`col-${column.name}-content`]
+          });
+        });
+      }
+      if (!children) {
+        return null;
+      }
+      return createVNode("div", {
+        "class": "mk-filter-panel"
+      }, [children, createVNode("div", {
+        "class": "mk-filter-panel__tools"
+      }, [createVNode(ElButton, {
+        "type": "primary",
+        "onClick": handleSearch
+      }, {
+        default: () => [createTextVNode("\u67E5\u8BE2")]
+      }), createVNode(ElButton, {
+        "onClick": handleReset
+      }, {
+        default: () => [createTextVNode("\u91CD\u7F6E")]
+      })])]);
+    };
+  }
+});
+
+export { FitlerPanel as default };
+//# sourceMappingURL=filter-panel.js.map

package/dist/esm/components/data-model/filter-panel/filter-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-panel.js","sources":["../../../../../src/components/data-model/filter-panel/filter-panel.tsx"],"sourcesContent":["import {\n  computed,\n  defineComponent,\n  onMounted,\n  provide,\n  reactive,\n  unref,\n  useSlots,\n} from \"vue\";\nimport { useRouter } from \"vue-router\";\n\nimport FilterPanelItem from \"./filter-panel-item/filter-panel-item\";\nimport { FILTER_PANEL_CONTEXT } from \"./token\";\nimport { filterPanelEmits, filterPanelProps } from \"./filter-panel-options\";\nimport { ElButton } from \"element-plus\";\n\nexport default defineComponent({\n  name: \"MKFilterPanel\",\n  props: filterPanelProps,\n  emits: filterPanelEmits,\n  setup(props, { emit }) {\n    const slots = useSlots();\n    const router = useRouter();\n\n    const dataFilter = computed(() => props.dataFilter);\n\n    const columns = computed(() =>\n      unref(dataFilter)\n        .getColumns()\n        .filter((column) => column.visible)\n    );\n\n    provide(FILTER_PANEL_CONTEXT, reactive({ dataFilter }));\n\n    const handleSearch = () => {\n      emit(\"search\");\n    };\n\n    const handleReset = () => {\n      unref(dataFilter)?.reset();\n\n      emit(\"search\");\n    };\n\n    onMounted(() => {\n      const currentRoute = unref(router.currentRoute);\n\n      const queryFilterParams = currentRoute.query.filterParams;\n      if (typeof queryFilterParams === \"string\") {\n        try {\n          const filterParams = JSON.parse(\n            decodeURIComponent(queryFilterParams)\n          );\n          unref(dataFilter).setParams(filterParams);\n        } catch (e) {\n          unref(dataFilter).reset();\n        }\n      } else {\n        unref(dataFilter).reset();\n      }\n\n      unref(dataFilter).setReady();\n    });\n\n    return () => {\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              <FilterPanelItem\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-filter-panel\">\n          {children}\n          <div class=\"mk-filter-panel__tools\">\n            <ElButton type=\"primary\" onClick={handleSearch}>\n              查询\n            </ElButton>\n            <ElButton onClick={handleReset}>重置</ElButton>\n          </div>\n        </div>\n      );\n    };\n  },\n});\n"],"names":["name","props","filterPanelProps","emits","filterPanelEmits","setup","emit","slots","useSlots","router","useRouter","dataFilter","computed","columns","unref","getColumns","filter","column","visible","provide","FILTER_PANEL_CONTEXT","reactive","handleSearch","handleReset","reset","onMounted","currentRoute","queryFilterParams","query","filterParams","JSON","parse","decodeURIComponent","setParams","e","setReady","children","default","map","_createVNode","FilterPanelItem","ElButton","_createTextVNode"],"mappings":"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"}

package/dist/esm/components/data-model/filter-panel/index.d.ts

@@ -0,0 +1,50 @@
+export declare const MKFilterPanel: import("@maketribe/utils").SFCWithInstall<import("vue").DefineComponent<{
+    readonly dataFilter: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").DataFilter<Record<string, any>>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}, () => JSX.Element | null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    search: () => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly dataFilter: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").DataFilter<Record<string, any>>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}>> & {
+    onSearch?: (() => any) | undefined;
+}, {}, {}>> & {
+    MKFilterPanelItem: import("@maketribe/utils").SFCWithInstall<import("vue").DefineComponent<{
+        readonly name: {
+            readonly type: import("vue").PropType<string>;
+            readonly required: true;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __mkPropKey: true;
+        };
+        readonly label: {
+            readonly type: import("vue").PropType<string>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __mkPropKey: true;
+        };
+    }, () => JSX.Element | null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        readonly name: {
+            readonly type: import("vue").PropType<string>;
+            readonly required: true;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __mkPropKey: true;
+        };
+        readonly label: {
+            readonly type: import("vue").PropType<string>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __mkPropKey: true;
+        };
+    }>>, {}, {}>> & Record<string, any>;
+};
+export default MKFilterPanel;
+export * from "./filter-panel-options";
+export * from "./filter-panel-item";

package/dist/esm/components/data-model/filter-panel/index.js

@@ -0,0 +1,12 @@
+import { withInstall } from '@maketribe/utils';
+import FitlerPanel from './filter-panel.js';
+import { MKFilterPanelItem } from './filter-panel-item/index.js';
+export { filterPanelEmits, filterPanelProps } from './filter-panel-options.js';
+export { filterPanelItemOptions } from './filter-panel-item/filter-panel-item-options.js';
+
+const MKFilterPanel = withInstall(FitlerPanel, {
+  MKFilterPanelItem
+});
+
+export { MKFilterPanel, MKFilterPanelItem, MKFilterPanel as default };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/data-model/filter-panel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/data-model/filter-panel/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\nimport FitlerPanel from \"./filter-panel\";\nimport MKFilterPanelItem from \"./filter-panel-item\";\n\nexport const MKFilterPanel = withInstall(FitlerPanel, {\n  MKFilterPanelItem,\n});\nexport default MKFilterPanel;\n\nexport * from \"./filter-panel-options\";\nexport * from \"./filter-panel-item\";\n"],"names":[],"mappings":";;;;;;AAIa,MAAA,aAAA,GAAgB,YAAY,WAAa,EAAA;AAAA,EACpD,iBAAA;AACF,CAAC;;;;"}

package/dist/esm/components/data-model/filter-panel/operator-options.d.ts

@@ -0,0 +1,14 @@
+import { Operator } from "@maketribe/dm";
+export type OperatorOption = {
+    value: Operator;
+    label: string;
+};
+export declare const EQUAL_OPTION: OperatorOption;
+export declare const CONTAIN_OPTION: OperatorOption;
+export declare const IN_OPTION: OperatorOption;
+export declare const NOT_IN_OPTION: OperatorOption;
+export declare const LESS_THAN_OPTION: OperatorOption;
+export declare const LESS_THAN_EQUAL_OPTION: OperatorOption;
+export declare const GREATER_THAN_OPTION: OperatorOption;
+export declare const GREATER_THAN_EQUAL_OPTION: OperatorOption;
+export declare const BETWEEN_OPTION: OperatorOption;

package/dist/esm/components/data-model/filter-panel/operator-options.js

@@ -0,0 +1,41 @@
+import { Operator } from '@maketribe/dm';
+
+const EQUAL_OPTION = {
+  value: Operator.EQUAL,
+  label: "mk.operator.equal"
+};
+const CONTAIN_OPTION = {
+  value: Operator.CONTAIN,
+  label: "mk.operator.contain"
+};
+const IN_OPTION = {
+  value: Operator.IN,
+  label: "mk.operator.in"
+};
+const NOT_IN_OPTION = {
+  value: Operator.NOT_IN,
+  label: "mk.operator.notIn"
+};
+const LESS_THAN_OPTION = {
+  value: Operator.LESS_THAN,
+  label: "mk.operator.lessThan"
+};
+const LESS_THAN_EQUAL_OPTION = {
+  value: Operator.LESS_THAN_EQUAL,
+  label: "mk.operator.lessThanEqual"
+};
+const GREATER_THAN_OPTION = {
+  value: Operator.GREATER_THAN,
+  label: "mk.operator.greaterThan"
+};
+const GREATER_THAN_EQUAL_OPTION = {
+  value: Operator.GREATER_THAN_EQUAL,
+  label: "mk.operator.greaterThanEqual"
+};
+const BETWEEN_OPTION = {
+  value: Operator.BETWEEN,
+  label: "mk.operator.between"
+};
+
+export { BETWEEN_OPTION, CONTAIN_OPTION, EQUAL_OPTION, GREATER_THAN_EQUAL_OPTION, GREATER_THAN_OPTION, IN_OPTION, LESS_THAN_EQUAL_OPTION, LESS_THAN_OPTION, NOT_IN_OPTION };
+//# sourceMappingURL=operator-options.js.map

package/dist/esm/components/data-model/filter-panel/operator-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"operator-options.js","sources":["../../../../../src/components/data-model/filter-panel/operator-options.ts"],"sourcesContent":["import { Operator } from \"@maketribe/dm\";\n\nexport type OperatorOption = { value: Operator; label: string };\n\nexport const EQUAL_OPTION: OperatorOption = {\n  value: Operator.EQUAL,\n  label: \"mk.operator.equal\",\n};\n\nexport const CONTAIN_OPTION: OperatorOption = {\n  value: Operator.CONTAIN,\n  label: \"mk.operator.contain\",\n};\n\nexport const IN_OPTION: OperatorOption = {\n  value: Operator.IN,\n  label: \"mk.operator.in\",\n};\n\nexport const NOT_IN_OPTION: OperatorOption = {\n  value: Operator.NOT_IN,\n  label: \"mk.operator.notIn\",\n};\n\nexport const LESS_THAN_OPTION: OperatorOption = {\n  value: Operator.LESS_THAN,\n  label: \"mk.operator.lessThan\",\n};\n\nexport const LESS_THAN_EQUAL_OPTION: OperatorOption = {\n  value: Operator.LESS_THAN_EQUAL,\n  label: \"mk.operator.lessThanEqual\",\n};\n\nexport const GREATER_THAN_OPTION: OperatorOption = {\n  value: Operator.GREATER_THAN,\n  label: \"mk.operator.greaterThan\",\n};\n\nexport const GREATER_THAN_EQUAL_OPTION: OperatorOption = {\n  value: Operator.GREATER_THAN_EQUAL,\n  label: \"mk.operator.greaterThanEqual\",\n};\n\nexport const BETWEEN_OPTION: OperatorOption = {\n  value: Operator.BETWEEN,\n  label: \"mk.operator.between\",\n};\n"],"names":[],"mappings":";;AAIO,MAAM,YAA+B,GAAA;AAAA,EAC1C,OAAO,QAAS,CAAA,KAAA;AAAA,EAChB,KAAO,EAAA,mBAAA;AACT,EAAA;AAEO,MAAM,cAAiC,GAAA;AAAA,EAC5C,OAAO,QAAS,CAAA,OAAA;AAAA,EAChB,KAAO,EAAA,qBAAA;AACT,EAAA;AAEO,MAAM,SAA4B,GAAA;AAAA,EACvC,OAAO,QAAS,CAAA,EAAA;AAAA,EAChB,KAAO,EAAA,gBAAA;AACT,EAAA;AAEO,MAAM,aAAgC,GAAA;AAAA,EAC3C,OAAO,QAAS,CAAA,MAAA;AAAA,EAChB,KAAO,EAAA,mBAAA;AACT,EAAA;AAEO,MAAM,gBAAmC,GAAA;AAAA,EAC9C,OAAO,QAAS,CAAA,SAAA;AAAA,EAChB,KAAO,EAAA,sBAAA;AACT,EAAA;AAEO,MAAM,sBAAyC,GAAA;AAAA,EACpD,OAAO,QAAS,CAAA,eAAA;AAAA,EAChB,KAAO,EAAA,2BAAA;AACT,EAAA;AAEO,MAAM,mBAAsC,GAAA;AAAA,EACjD,OAAO,QAAS,CAAA,YAAA;AAAA,EAChB,KAAO,EAAA,yBAAA;AACT,EAAA;AAEO,MAAM,yBAA4C,GAAA;AAAA,EACvD,OAAO,QAAS,CAAA,kBAAA;AAAA,EAChB,KAAO,EAAA,8BAAA;AACT,EAAA;AAEO,MAAM,cAAiC,GAAA;AAAA,EAC5C,OAAO,QAAS,CAAA,OAAA;AAAA,EAChB,KAAO,EAAA,qBAAA;AACT;;;;"}

package/dist/esm/components/data-model/filter-panel/token.d.ts

@@ -0,0 +1,14 @@
+import { Operator, FilterColumn, DataFilter } from "@maketribe/dm";
+import { OperatorOption } from "./operator-options";
+export interface FilterPanelItem {
+    dataFilter: DataFilter;
+    column: FilterColumn;
+    currentOperator: Operator | null;
+    operatorOptions: OperatorOption[];
+    setOperator(operator: Operator): void;
+    setOperatorOptions(options: OperatorOption[]): void;
+    setValue(value: any): void;
+    getValue(): any;
+}
+export declare const FILTER_PANEL_CONTEXT: unique symbol;
+export declare const FILTER_PANEL_ITEM_CONTEXT: unique symbol;

package/dist/esm/components/data-model/filter-panel/token.js

@@ -0,0 +1,5 @@
+const FILTER_PANEL_CONTEXT = Symbol("FILTER_PANEL_CONTEXT");
+const FILTER_PANEL_ITEM_CONTEXT = Symbol("FILTER_PANEL_ITEM_CONTEXT");
+
+export { FILTER_PANEL_CONTEXT, FILTER_PANEL_ITEM_CONTEXT };
+//# sourceMappingURL=token.js.map

package/dist/esm/components/data-model/filter-panel/token.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"token.js","sources":["../../../../../src/components/data-model/filter-panel/token.ts"],"sourcesContent":["import { Operator, FilterColumn, DataFilter } from \"@maketribe/dm\";\n\nimport { OperatorOption } from \"./operator-options\";\n\nexport interface FilterPanelItem {\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 FILTER_PANEL_CONTEXT = Symbol(\"FILTER_PANEL_CONTEXT\");\nexport const FILTER_PANEL_ITEM_CONTEXT = Symbol(\"FILTER_PANEL_ITEM_CONTEXT\");\n"],"names":[],"mappings":"AAea,MAAA,oBAAA,GAAuB,OAAO,sBAAsB,EAAA;AACpD,MAAA,yBAAA,GAA4B,OAAO,2BAA2B;;;;"}

package/dist/esm/components/data-model/index.d.ts

@@ -0,0 +1,7 @@
+export * from "./data-form";
+export * from "./data-form-page";
+export * from "./data-table";
+export * from "./data-table-page";
+export * from "./data-tree";
+export * from "./data-tree-page";
+export * from "./data-table-pagination";

package/dist/esm/components/data-model/index.js

@@ -0,0 +1,28 @@
+export { MKDataForm } from './data-form/index.js';
+export { MKDataFormPage } from './data-form-page/index.js';
+export { MKDataTable } from './data-table/index.js';
+export { MKDataTablePage } from './data-table-page/index.js';
+export { MKDataTree } from './data-tree/index.js';
+export { MKDataTreePage } from './data-tree-page/index.js';
+export { MKDataTablePagination } from './data-table-pagination/index.js';
+export { dataFormEmits, dataFormProps } from './data-form/data-form-options.js';
+export { dataFormItemProps } from './data-form/data-form-item/data-form-item-options.js';
+export { MKDataFormItem } from './data-form/data-form-item/index.js';
+export { MKForm } from './data-form/views/form/index.js';
+export { MKFormView } from './data-form/views/form-view/index.js';
+export { dataFormPageEmits, dataFormPageProps } from './data-form-page/data-form-page-options.js';
+export { dataTableColumnProps } from './data-table/data-table-column/data-table-column-options.js';
+export { MKDataTableColumn } from './data-table/data-table-column/index.js';
+export { dataTableColumnComponentProps } from './data-table/data-table-column-component/data-table-column-component-options.js';
+export { MKDataTableColumnComponent } from './data-table/data-table-column-component/index.js';
+export { DataTableEmits, dataTableEmits, dataTableProps } from './data-table/data-table-options.js';
+export { MKTableClassifySearchItem } from './data-table/views/table/classify-search/classify-search-item/index.js';
+export { MKTableClassifySearch } from './data-table/views/table/classify-search/index.js';
+export { conditionProps, useCondition } from './data-table/views/table/search/composables/use-condition.js';
+export { TABLE_SEARCH_CONTEXT_KEY, TABLE_SEARCH_ITEM_CONTEXT_KEY } from './data-table/views/table/search/token.js';
+export { BETWEEN_OPTION, CONTAIN_OPTION, EQUAL_OPTION, GREATER_THAN_EQUAL_OPTION, GREATER_THAN_OPTION, IN_OPTION, LESS_THAN_EQUAL_OPTION, LESS_THAN_OPTION, NOT_IN_OPTION, OPERATOR_OPTIONS } from './data-table/views/table/search/operator-options.js';
+export { MKTableSearch } from './data-table/views/table/search/index.js';
+export { MKTableView } from './data-table/views/table/index.js';
+export { dataTreeProps } from './data-tree/data-tree-options.js';
+export { dataTablePaginationProps } from './data-table-pagination/data-table-pagination-options.js';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/data-model/index.js.map

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

package/dist/esm/components/data-select/data-select-options.d.ts

@@ -0,0 +1,39 @@
+import { ExtractPropTypes } from "vue";
+import { DataTable } from "@maketribe/dm";
+export declare const dataSelectProps: {
+    readonly source: {
+        readonly type: import("vue").PropType<Record<string, any>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly options: {
+        readonly type: import("vue").PropType<unknown[]>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly dataTable: {
+        readonly type: import("vue").PropType<DataTable<any, any, Record<string, any>, import("@maketribe/dm").TableColumn>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly formatOptions: import("@maketribe/utils").PropFinalized<FunctionConstructor, unknown, unknown, (item: any) => {
+        value: any;
+        label: any;
+    }, boolean>;
+    readonly multiple: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly modelValue: {
+        readonly type: import("vue").PropType<any>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly disabled: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+};
+export type DataSelectProps = ExtractPropTypes<typeof dataSelectProps>;
+export declare const dataSelectEmit: {
+    "update:model-value": (modelValue: any) => boolean;
+};
+export type DataSelectEmit = typeof dataSelectEmit;

package/dist/esm/components/data-select/data-select-options.js

@@ -0,0 +1,39 @@
+import { buildProps } from '@maketribe/utils';
+import { DataTable } from '@maketribe/dm';
+
+const dataSelectProps = buildProps({
+  source: {
+    type: Object
+  },
+  options: {
+    type: Array
+  },
+  dataTable: {
+    type: DataTable
+  },
+  formatOptions: {
+    type: Function,
+    default: (item) => {
+      const value = item.value ?? item.id ?? item.name;
+      const label = item.label ?? item.desc ?? item.title ?? item.name;
+      return { value, label };
+    }
+  },
+  multiple: {
+    type: Boolean,
+    default: false
+  },
+  modelValue: {
+    type: null
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  }
+});
+const dataSelectEmit = {
+  "update:model-value": (modelValue) => true
+};
+
+export { dataSelectEmit, dataSelectProps };
+//# sourceMappingURL=data-select-options.js.map