@maketribe/ms-app 3.0.3 → 3.0.5

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

@@ -0,0 +1,67 @@
+import { ExtractPropTypes } from "vue";
+import { ColumnOptions, DataTable } from "@maketribe/dm";
+export declare const dataTableProps: {
+    readonly dataTable: {
+        readonly type: import("vue").PropType<DataTable<any, any, Record<string, any>, import("@maketribe/dm").TableColumn>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly selection: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly name: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly primaryKey: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly pageSize: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly interfaceURL: {
+        readonly type: import("vue").PropType<Record<string, any>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly listInterfaceURL: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly deleteInterfaceURL: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly autoLoad: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly columns: import("@maketribe/utils").PropFinalized<{
+        (arrayLength: number): ColumnOptions[];
+        (...items: ColumnOptions[]): ColumnOptions[];
+        new (arrayLength: number): ColumnOptions[];
+        new (...items: ColumnOptions[]): ColumnOptions[];
+        isArray(arg: any): arg is any[];
+        readonly prototype: any[];
+        from<T>(arrayLike: ArrayLike<T>): T[];
+        from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+        from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+        from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+        of<T_4>(...items: T_4[]): T_4[];
+        readonly [Symbol.species]: ArrayConstructor;
+    }, unknown, unknown, () => never[], boolean>;
+};
+export type DataTableProps = ExtractPropTypes<typeof dataTableProps>;
+export declare const dataTableEmits: {
+    changeDataTable: (dataTable: any) => boolean;
+};
+export declare const DataTableEmits: "string" | "number" | "bigint" | "boolean" | "symbol" | "undefined" | "object" | "function";

package/dist/esm/components/data-model/data-table/data-table-options.js

@@ -0,0 +1,22 @@
+import { DataTable } from '@maketribe/dm';
+import { buildProps } from '@maketribe/utils';
+
+const dataTableProps = buildProps({
+  dataTable: { type: DataTable, required: true },
+  selection: { type: Boolean, default: false },
+  name: { type: String },
+  primaryKey: { type: String },
+  pageSize: { type: Number },
+  interfaceURL: { type: Object },
+  listInterfaceURL: { type: String },
+  deleteInterfaceURL: { type: String },
+  autoLoad: { type: Boolean, default: true },
+  columns: { type: Array, default: () => [] }
+});
+const dataTableEmits = {
+  changeDataTable: (dataTable) => dataTable instanceof DataTable
+};
+const DataTableEmits = typeof dataTableEmits;
+
+export { DataTableEmits, dataTableEmits, dataTableProps };
+//# sourceMappingURL=data-table-options.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-options.js","sources":["../../../../../src/components/data-model/data-table/data-table-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { ColumnOptions, DataTable } from \"@maketribe/dm\";\nimport { buildProps } from \"@maketribe/utils\";\n\nexport const dataTableProps = buildProps({\n  dataTable: { type: DataTable<any>, required: true },\n  selection: { type: Boolean, default: false },\n  name: { type: String },\n  primaryKey: { type: String },\n  pageSize: { type: Number },\n  interfaceURL: { type: Object },\n  listInterfaceURL: { type: String },\n  deleteInterfaceURL: { type: String },\n  autoLoad: { type: Boolean, default: true },\n  columns: { type: Array<ColumnOptions>, default: () => [] },\n} as const);\n\nexport type DataTableProps = ExtractPropTypes<typeof dataTableProps>;\n\nexport const dataTableEmits = {\n  changeDataTable: (dataTable: any) => dataTable instanceof DataTable,\n};\n\nexport const DataTableEmits = typeof dataTableEmits;\n"],"names":[],"mappings":";;;AAIO,MAAM,iBAAiB,UAAW,CAAA;AAAA,EACvC,SAAW,EAAA,EAAE,IAAM,EAAA,SAAA,EAAgB,UAAU,IAAK,EAAA;AAAA,EAClD,SAAW,EAAA,EAAE,IAAM,EAAA,OAAA,EAAS,SAAS,KAAM,EAAA;AAAA,EAC3C,IAAA,EAAM,EAAE,IAAA,EAAM,MAAO,EAAA;AAAA,EACrB,UAAA,EAAY,EAAE,IAAA,EAAM,MAAO,EAAA;AAAA,EAC3B,QAAA,EAAU,EAAE,IAAA,EAAM,MAAO,EAAA;AAAA,EACzB,YAAA,EAAc,EAAE,IAAA,EAAM,MAAO,EAAA;AAAA,EAC7B,gBAAA,EAAkB,EAAE,IAAA,EAAM,MAAO,EAAA;AAAA,EACjC,kBAAA,EAAoB,EAAE,IAAA,EAAM,MAAO,EAAA;AAAA,EACnC,QAAU,EAAA,EAAE,IAAM,EAAA,OAAA,EAAS,SAAS,IAAK,EAAA;AAAA,EACzC,SAAS,EAAE,IAAA,EAAM,OAAsB,OAAS,EAAA,MAAM,EAAG,EAAA;AAC3D,CAAU,EAAA;AAIH,MAAM,cAAiB,GAAA;AAAA,EAC5B,eAAA,EAAiB,CAAC,SAAA,KAAmB,SAAqB,YAAA,SAAA;AAC5D,EAAA;AAEO,MAAM,iBAAiB,OAAO;;;;"}

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

@@ -0,0 +1,125 @@
+import { DataTable, TableColumn } from "@maketribe/dm";
+declare const _default: import("vue").DefineComponent<{
+    readonly dataTable: {
+        readonly type: import("vue").PropType<DataTable<any, any, Record<string, any>, TableColumn>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly selection: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly name: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly primaryKey: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly pageSize: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly interfaceURL: {
+        readonly type: import("vue").PropType<Record<string, any>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly listInterfaceURL: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly deleteInterfaceURL: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly autoLoad: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly columns: import("@maketribe/utils").PropFinalized<{
+        (arrayLength: number): import("@maketribe/dm").ColumnOptions[];
+        (...items: import("@maketribe/dm").ColumnOptions[]): import("@maketribe/dm").ColumnOptions[];
+        new (arrayLength: number): import("@maketribe/dm").ColumnOptions[];
+        new (...items: import("@maketribe/dm").ColumnOptions[]): import("@maketribe/dm").ColumnOptions[];
+        isArray(arg: any): arg is any[];
+        readonly prototype: any[];
+        from<T>(arrayLike: ArrayLike<T>): T[];
+        from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+        from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+        from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+        of<T_4>(...items: T_4[]): T_4[];
+        readonly [Symbol.species]: ArrayConstructor;
+    }, unknown, unknown, () => never[], boolean>;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly dataTable: {
+        readonly type: import("vue").PropType<DataTable<any, any, Record<string, any>, TableColumn>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly selection: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly name: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly primaryKey: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly pageSize: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly interfaceURL: {
+        readonly type: import("vue").PropType<Record<string, any>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly listInterfaceURL: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly deleteInterfaceURL: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly autoLoad: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly columns: import("@maketribe/utils").PropFinalized<{
+        (arrayLength: number): import("@maketribe/dm").ColumnOptions[];
+        (...items: import("@maketribe/dm").ColumnOptions[]): import("@maketribe/dm").ColumnOptions[];
+        new (arrayLength: number): import("@maketribe/dm").ColumnOptions[];
+        new (...items: import("@maketribe/dm").ColumnOptions[]): import("@maketribe/dm").ColumnOptions[];
+        isArray(arg: any): arg is any[];
+        readonly prototype: any[];
+        from<T>(arrayLike: ArrayLike<T>): T[];
+        from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+        from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+        from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+        of<T_4>(...items: T_4[]): T_4[];
+        readonly [Symbol.species]: ArrayConstructor;
+    }, unknown, unknown, () => never[], boolean>;
+}>>, {
+    readonly columns: import("@maketribe/dm").ColumnOptions[];
+    readonly selection: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly autoLoad: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+}, {}>;
+export default _default;

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

@@ -0,0 +1,71 @@
+import { defineComponent, computed, reactive, watch, unref, provide, createVNode } from 'vue';
+import { DataTable as DataTable$1, TableColumn } from '@maketribe/dm';
+import { dataTableProps } from './data-table-options.js';
+import { DATATABLE_CONTEXT_KEY } from './token.js';
+import { MKTableView } from './views/table/index.js';
+
+var DataTable = /* @__PURE__ */ defineComponent({
+  name: "MKDataTable",
+  props: dataTableProps,
+  setup(props, {
+    slots
+  }) {
+    let _dataTable = null;
+    const dataTable = computed(() => {
+      if (props.dataTable instanceof DataTable$1) {
+        return props.dataTable;
+      }
+      if (!_dataTable) {
+        _dataTable = reactive(new DataTable$1({
+          name: props.name,
+          primaryKey: props.primaryKey,
+          pageSize: props.pageSize ?? 20,
+          interfaceURL: {
+            list: props.listInterfaceURL || "",
+            delete: props.deleteInterfaceURL || ""
+          }
+        }));
+      }
+      return _dataTable;
+    });
+    watch(dataTable, async (dataTable2) => {
+      dataTable2.dataFilter.setReady();
+      if (props.autoLoad) {
+        dataTable2.load();
+      }
+      let columns = unref(dataTable2).getColumns();
+      const extractColumnConfig = props.columns.filter((config) => columns.findIndex((column) => column.name === config.name) === -1);
+      const extractColumn = extractColumnConfig.map((config) => new TableColumn({
+        visible: true,
+        ...config
+      }));
+      columns = [...extractColumn, ...columns];
+      let sortedColumns = [];
+      for (const columnConfig of props.columns) {
+        const column = columns.find((column2) => column2.name === columnConfig.name);
+        sortedColumns.push(column);
+      }
+      const _columns = columns.filter((column) => sortedColumns.findIndex((item) => item.name === column.name) === -1);
+      sortedColumns = [...sortedColumns, ..._columns];
+      dataTable2.setColumns(sortedColumns);
+      await dataTable2.init();
+    }, {
+      immediate: true
+    });
+    provide(DATATABLE_CONTEXT_KEY, reactive({
+      dataTable
+    }));
+    return () => {
+      return createVNode("div", {
+        "class": "mk-data-table"
+      }, [slots?.default?.({
+        dataTable: unref(dataTable)
+      }) || createVNode(MKTableView, {
+        "dataTable": unref(dataTable)
+      }, null)]);
+    };
+  }
+});
+
+export { DataTable as default };
+//# sourceMappingURL=data-table.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"data-table.js","sources":["../../../../../src/components/data-model/data-table/data-table.tsx"],"sourcesContent":["import { DataTable, TableColumn } from \"@maketribe/dm\";\nimport {\n  computed,\n  defineComponent,\n  provide,\n  reactive,\n  unref,\n  watch,\n} from \"vue\";\nimport { dataTableProps } from \"./data-table-options\";\nimport { DATATABLE_CONTEXT_KEY } from \"./token\";\nimport MKTableView from \"./views/table\";\n\nexport default defineComponent({\n  name: \"MKDataTable\",\n  props: dataTableProps,\n  setup(props, { slots }) {\n    let _dataTable: DataTable | null = null;\n\n    const dataTable = computed(() => {\n      if (props.dataTable instanceof DataTable) {\n        return props.dataTable;\n      }\n\n      if (!_dataTable) {\n        _dataTable = reactive(\n          new DataTable({\n            name: props.name!,\n            primaryKey: props.primaryKey,\n            pageSize: props.pageSize ?? 20,\n            interfaceURL: {\n              list: props.listInterfaceURL || \"\",\n              delete: props.deleteInterfaceURL || \"\",\n            },\n          })\n        ) as DataTable;\n      }\n\n      return _dataTable;\n    });\n\n    watch(\n      dataTable,\n      async (dataTable) => {\n        dataTable.dataFilter.setReady();\n        if (props.autoLoad) {\n          dataTable.load();\n        }\n\n        let columns = unref(dataTable).getColumns();\n\n        const extractColumnConfig = props.columns.filter(\n          (config) =>\n            columns.findIndex((column) => column.name === config.name) === -1\n        );\n\n        const extractColumn = extractColumnConfig.map(\n          (config) => new TableColumn({ visible: true, ...config })\n        );\n\n        columns = [...extractColumn, ...columns];\n\n        let sortedColumns: TableColumn[] = [];\n        for (const columnConfig of props.columns) {\n          const column = columns.find(\n            (column) => column.name === columnConfig.name\n          )!;\n\n          sortedColumns.push(column);\n        }\n\n        const _columns = columns.filter(\n          (column) =>\n            sortedColumns.findIndex((item) => item.name === column.name) === -1\n        );\n\n        sortedColumns = [...sortedColumns, ..._columns];\n\n        dataTable.setColumns(sortedColumns);\n\n        await dataTable.init();\n      },\n      { immediate: true }\n    );\n\n    provide(DATATABLE_CONTEXT_KEY, reactive({ dataTable }));\n\n    return () => {\n      return (\n        <div class=\"mk-data-table\">\n          {slots?.default?.({ dataTable: unref(dataTable) }) || (\n            <MKTableView dataTable={unref(dataTable)} />\n          )}\n        </div>\n      );\n    };\n  },\n});\n"],"names":["name","props","dataTableProps","setup","slots","_dataTable","dataTable","computed","DataTable","reactive","primaryKey","pageSize","interfaceURL","list","listInterfaceURL","delete","deleteInterfaceURL","watch","dataFilter","setReady","autoLoad","load","columns","unref","getColumns","extractColumnConfig","filter","config","findIndex","column","extractColumn","map","TableColumn","visible","sortedColumns","columnConfig","find","push","_columns","item","setColumns","init","immediate","provide","DATATABLE_CONTEXT_KEY","_createVNode","default","MKTableView"],"mappings":"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"}

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

@@ -0,0 +1,185 @@
+export declare const MKDataTable: import("@maketribe/utils").SFCWithInstall<import("vue").DefineComponent<{
+    readonly dataTable: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").DataTable<any, any, Record<string, any>, import("@maketribe/dm").TableColumn>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly selection: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly name: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly primaryKey: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly pageSize: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly interfaceURL: {
+        readonly type: import("vue").PropType<Record<string, any>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly listInterfaceURL: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly deleteInterfaceURL: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly autoLoad: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly columns: import("@maketribe/utils").PropFinalized<{
+        (arrayLength: number): import("@maketribe/dm").ColumnOptions[];
+        (...items: import("@maketribe/dm").ColumnOptions[]): import("@maketribe/dm").ColumnOptions[];
+        new (arrayLength: number): import("@maketribe/dm").ColumnOptions[];
+        new (...items: import("@maketribe/dm").ColumnOptions[]): import("@maketribe/dm").ColumnOptions[];
+        isArray(arg: any): arg is any[];
+        readonly prototype: any[];
+        from<T>(arrayLike: ArrayLike<T>): T[];
+        from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+        from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+        from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+        of<T_4>(...items: T_4[]): T_4[];
+        readonly [Symbol.species]: ArrayConstructor;
+    }, unknown, unknown, () => never[], boolean>;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly dataTable: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").DataTable<any, any, Record<string, any>, import("@maketribe/dm").TableColumn>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly selection: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly name: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly primaryKey: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly pageSize: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly interfaceURL: {
+        readonly type: import("vue").PropType<Record<string, any>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly listInterfaceURL: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly deleteInterfaceURL: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly autoLoad: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly columns: import("@maketribe/utils").PropFinalized<{
+        (arrayLength: number): import("@maketribe/dm").ColumnOptions[];
+        (...items: import("@maketribe/dm").ColumnOptions[]): import("@maketribe/dm").ColumnOptions[];
+        new (arrayLength: number): import("@maketribe/dm").ColumnOptions[];
+        new (...items: import("@maketribe/dm").ColumnOptions[]): import("@maketribe/dm").ColumnOptions[];
+        isArray(arg: any): arg is any[];
+        readonly prototype: any[];
+        from<T>(arrayLike: ArrayLike<T>): T[];
+        from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+        from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+        from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+        of<T_4>(...items: T_4[]): T_4[];
+        readonly [Symbol.species]: ArrayConstructor;
+    }, unknown, unknown, () => never[], boolean>;
+}>>, {
+    readonly columns: import("@maketribe/dm").ColumnOptions[];
+    readonly selection: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly autoLoad: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+}, {}>> & {
+    MKDataTableColumn: import("vue").DefineComponent<{
+        readonly column: {
+            readonly type: import("vue").PropType<import("@maketribe/dm").TableColumn>;
+            readonly required: true;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __mkPropKey: true;
+        };
+    }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>[] | null | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        readonly column: {
+            readonly type: import("vue").PropType<import("@maketribe/dm").TableColumn>;
+            readonly required: true;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __mkPropKey: true;
+        };
+    }>>, {}, {}>;
+    MKDataTableColumnComponent: import("vue").DefineComponent<{
+        readonly column: {
+            readonly type: import("vue").PropType<import("@maketribe/dm").TableColumn>;
+            readonly required: true;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __mkPropKey: true;
+        };
+        readonly row: {
+            readonly type: import("vue").PropType<any>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __mkPropKey: true;
+        };
+        readonly index: {
+            readonly type: import("vue").PropType<number>;
+            readonly required: true;
+            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 column: {
+            readonly type: import("vue").PropType<import("@maketribe/dm").TableColumn>;
+            readonly required: true;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __mkPropKey: true;
+        };
+        readonly row: {
+            readonly type: import("vue").PropType<any>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __mkPropKey: true;
+        };
+        readonly index: {
+            readonly type: import("vue").PropType<number>;
+            readonly required: true;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __mkPropKey: true;
+        };
+    }>>, {}, {}>;
+};
+export default MKDataTable;
+export * from "./data-table-column";
+export * from "./data-table-column-component";
+export * from "./data-table-options";
+export * from "./views";

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

@@ -0,0 +1,22 @@
+import { withInstall } from '@maketribe/utils';
+import DataTable from './data-table.js';
+import { MKDataTableColumn } from './data-table-column/index.js';
+import { MKDataTableColumnComponent } from './data-table-column-component/index.js';
+export { DataTableEmits, dataTableEmits, dataTableProps } from './data-table-options.js';
+export { MKTableView } from './views/table/index.js';
+export { dataTableColumnProps } from './data-table-column/data-table-column-options.js';
+export { dataTableColumnComponentProps } from './data-table-column-component/data-table-column-component-options.js';
+export { MKTableClassifySearchItem } from './views/table/classify-search/classify-search-item/index.js';
+export { MKTableClassifySearch } from './views/table/classify-search/index.js';
+export { conditionProps, useCondition } from './views/table/search/composables/use-condition.js';
+export { TABLE_SEARCH_CONTEXT_KEY, TABLE_SEARCH_ITEM_CONTEXT_KEY } from './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 './views/table/search/operator-options.js';
+export { MKTableSearch } from './views/table/search/index.js';
+
+const MKDataTable = withInstall(DataTable, {
+  MKDataTableColumn,
+  MKDataTableColumnComponent
+});
+
+export { MKDataTable, MKDataTableColumn, MKDataTableColumnComponent, MKDataTable as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/data-model/data-table/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\nimport DataTable from \"./data-table\";\nimport { MKDataTableColumn } from \"./data-table-column\";\nimport { MKDataTableColumnComponent } from \"./data-table-column-component\";\n\nexport const MKDataTable = withInstall(DataTable, {\n  MKDataTableColumn,\n  MKDataTableColumnComponent,\n});\n\nexport default MKDataTable;\n\nexport * from \"./data-table-column\";\nexport * from \"./data-table-column-component\";\nexport * from \"./data-table-options\";\n\nexport * from \"./views\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAKa,MAAA,WAAA,GAAc,YAAY,SAAW,EAAA;AAAA,EAChD,iBAAA;AAAA,EACA,0BAAA;AACF,CAAC;;;;"}

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

@@ -0,0 +1,6 @@
+import { InjectionKey } from "vue";
+import { DataTable } from "@maketribe/dm";
+export interface DataTableContext {
+    dataTable: DataTable;
+}
+export declare const DATATABLE_CONTEXT_KEY: InjectionKey<DataTableContext>;

package/dist/esm/components/data-model/data-table/token.js

@@ -0,0 +1,6 @@
+const DATATABLE_CONTEXT_KEY = Symbol(
+  "dataTableContextKey"
+);
+
+export { DATATABLE_CONTEXT_KEY };
+//# sourceMappingURL=token.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"token.js","sources":["../../../../../src/components/data-model/data-table/token.ts"],"sourcesContent":["import { InjectionKey } from \"vue\";\nimport { DataTable } from \"@maketribe/dm\";\n\nexport interface DataTableContext {\n  dataTable: DataTable;\n}\n\nexport const DATATABLE_CONTEXT_KEY: InjectionKey<DataTableContext> = Symbol(\n  \"dataTableContextKey\"\n);\n"],"names":[],"mappings":"AAOO,MAAM,qBAAwD,GAAA,MAAA;AAAA,EACnE,qBAAA;AACF;;;;"}

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

@@ -0,0 +1 @@
+export * from "./table";

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

@@ -0,0 +1,8 @@
+export { MKTableView } from './table/index.js';
+export { MKTableClassifySearchItem } from './table/classify-search/classify-search-item/index.js';
+export { MKTableClassifySearch } from './table/classify-search/index.js';
+export { conditionProps, useCondition } from './table/search/composables/use-condition.js';
+export { TABLE_SEARCH_CONTEXT_KEY, TABLE_SEARCH_ITEM_CONTEXT_KEY } from './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 './table/search/operator-options.js';
+export { MKTableSearch } from './table/search/index.js';
+//# sourceMappingURL=index.js.map

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

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

package/dist/esm/components/data-model/data-table/views/table/classify-search/classify-search-item/classify-search-item-options.d.ts

@@ -0,0 +1,37 @@
+import { ExtractPropTypes } from "vue";
+export declare const classifySearchItemProps: {
+    modelValue: {
+        readonly type: import("vue").PropType<any>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    label: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    labelWidth: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    multiple: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
+    options: {
+        readonly type: import("vue").PropType<unknown[]>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    formatOptions: import("@maketribe/utils").PropFinalized<FunctionConstructor, unknown, unknown, (item: any) => {
+        value: any;
+        label: any;
+    }, boolean>;
+};
+export type ClassifySearchItemProps = ExtractPropTypes<typeof classifySearchItemProps>;
+export declare const classifySearchItemEmits: {
+    "update:model-value": (modelValue: any) => boolean;
+};
+export type ClassifySearchItemEmits = typeof classifySearchItemEmits;

package/dist/esm/components/data-model/data-table/views/table/classify-search/classify-search-item/classify-search-item-options.js

@@ -0,0 +1,28 @@
+import { buildProps } from '@maketribe/utils';
+
+const classifySearchItemProps = buildProps({
+  modelValue: { type: null },
+  label: { type: String },
+  labelWidth: { type: String },
+  multiple: {
+    type: Boolean,
+    default: false
+  },
+  options: {
+    type: Array
+  },
+  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 };
+    }
+  }
+});
+const classifySearchItemEmits = {
+  "update:model-value": (modelValue) => true
+};
+
+export { classifySearchItemEmits, classifySearchItemProps };
+//# sourceMappingURL=classify-search-item-options.js.map

package/dist/esm/components/data-model/data-table/views/table/classify-search/classify-search-item/classify-search-item-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"classify-search-item-options.js","sources":["../../../../../../../../../src/components/data-model/data-table/views/table/classify-search/classify-search-item/classify-search-item-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\n\nexport const classifySearchItemProps = buildProps({\n  modelValue: { type: null },\n  label: { type: String },\n  labelWidth: { type: String },\n  multiple: {\n    type: Boolean,\n    default: false,\n  },\n  options: {\n    type: Array,\n  },\n  formatOptions: {\n    type: Function,\n    default: (item: any) => {\n      const value = item.value ?? item.id ?? item.name;\n      const label = item.label ?? item.desc ?? item.title ?? item.name;\n\n      return { value, label };\n    },\n  },\n});\n\nexport type ClassifySearchItemProps = ExtractPropTypes<\n  typeof classifySearchItemProps\n>;\n\nexport const classifySearchItemEmits = {\n  \"update:model-value\": (modelValue: any) => true,\n};\n\nexport type ClassifySearchItemEmits = typeof classifySearchItemEmits;\n"],"names":[],"mappings":";;AAGO,MAAM,0BAA0B,UAAW,CAAA;AAAA,EAChD,UAAA,EAAY,EAAE,IAAA,EAAM,IAAK,EAAA;AAAA,EACzB,KAAA,EAAO,EAAE,IAAA,EAAM,MAAO,EAAA;AAAA,EACtB,UAAA,EAAY,EAAE,IAAA,EAAM,MAAO,EAAA;AAAA,EAC3B,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,KAAA;AAAA,GACR;AAAA,EACA,aAAe,EAAA;AAAA,IACb,IAAM,EAAA,QAAA;AAAA,IACN,OAAA,EAAS,CAAC,IAAc,KAAA;AACtB,MAAA,MAAM,KAAQ,GAAA,IAAA,CAAK,KAAS,IAAA,IAAA,CAAK,MAAM,IAAK,CAAA,IAAA,CAAA;AAC5C,MAAA,MAAM,QAAQ,IAAK,CAAA,KAAA,IAAS,KAAK,IAAQ,IAAA,IAAA,CAAK,SAAS,IAAK,CAAA,IAAA,CAAA;AAE5D,MAAO,OAAA,EAAE,OAAO,KAAM,EAAA,CAAA;AAAA,KACxB;AAAA,GACF;AACF,CAAC,EAAA;AAMM,MAAM,uBAA0B,GAAA;AAAA,EACrC,oBAAA,EAAsB,CAAC,UAAoB,KAAA,IAAA;AAC7C;;;;"}