@maketribe/ms-app 3.0.4 → 3.0.5

package/dist/cjs/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/cjs/components/data-model/data-table/index.js

@@ -0,0 +1,52 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('@maketribe/utils');
+var dataTable = require('./data-table.js');
+var index = require('./data-table-column/index.js');
+var index$1 = require('./data-table-column-component/index.js');
+var dataTableOptions = require('./data-table-options.js');
+var index$2 = require('./views/table/index.js');
+var dataTableColumnOptions = require('./data-table-column/data-table-column-options.js');
+var dataTableColumnComponentOptions = require('./data-table-column-component/data-table-column-component-options.js');
+var index$4 = require('./views/table/classify-search/classify-search-item/index.js');
+var index$3 = require('./views/table/classify-search/index.js');
+var useCondition = require('./views/table/search/composables/use-condition.js');
+var token = require('./views/table/search/token.js');
+var operatorOptions = require('./views/table/search/operator-options.js');
+var index$5 = require('./views/table/search/index.js');
+
+const MKDataTable = utils.withInstall(dataTable, {
+  MKDataTableColumn: index.MKDataTableColumn,
+  MKDataTableColumnComponent: index$1.MKDataTableColumnComponent
+});
+
+exports.MKDataTableColumn = index.MKDataTableColumn;
+exports.MKDataTableColumnComponent = index$1.MKDataTableColumnComponent;
+exports.DataTableEmits = dataTableOptions.DataTableEmits;
+exports.dataTableEmits = dataTableOptions.dataTableEmits;
+exports.dataTableProps = dataTableOptions.dataTableProps;
+exports.MKTableView = index$2.MKTableView;
+exports.dataTableColumnProps = dataTableColumnOptions.dataTableColumnProps;
+exports.dataTableColumnComponentProps = dataTableColumnComponentOptions.dataTableColumnComponentProps;
+exports.MKTableClassifySearchItem = index$4.MKTableClassifySearchItem;
+exports.MKTableClassifySearch = index$3.MKTableClassifySearch;
+exports.conditionProps = useCondition.conditionProps;
+exports.useCondition = useCondition.useCondition;
+exports.TABLE_SEARCH_CONTEXT_KEY = token.TABLE_SEARCH_CONTEXT_KEY;
+exports.TABLE_SEARCH_ITEM_CONTEXT_KEY = token.TABLE_SEARCH_ITEM_CONTEXT_KEY;
+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.OPERATOR_OPTIONS = operatorOptions.OPERATOR_OPTIONS;
+exports.MKTableSearch = index$5.MKTableSearch;
+exports.MKDataTable = MKDataTable;
+exports.default = MKDataTable;
+//# sourceMappingURL=index.js.map

package/dist/cjs/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":["withInstall","DataTable","MKDataTableColumn","MKDataTableColumnComponent"],"mappings":";;;;;;;;;;;;;;;;;;;AAKa,MAAA,WAAA,GAAcA,kBAAYC,SAAW,EAAA;AAAA,qBAChDC,uBAAA;AAAA,8BACAC,kCAAA;AACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/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/cjs/components/data-model/data-table/token.js

@@ -0,0 +1,8 @@
+'use strict';
+
+const DATATABLE_CONTEXT_KEY = Symbol(
+  "dataTableContextKey"
+);
+
+exports.DATATABLE_CONTEXT_KEY = DATATABLE_CONTEXT_KEY;
+//# sourceMappingURL=token.js.map

package/dist/cjs/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/cjs/components/data-model/data-table/views/index.d.ts

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

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

@@ -0,0 +1,31 @@
+'use strict';
+
+var index = require('./table/index.js');
+var index$2 = require('./table/classify-search/classify-search-item/index.js');
+var index$1 = require('./table/classify-search/index.js');
+var useCondition = require('./table/search/composables/use-condition.js');
+var token = require('./table/search/token.js');
+var operatorOptions = require('./table/search/operator-options.js');
+var index$3 = require('./table/search/index.js');
+
+
+
+exports.MKTableView = index.MKTableView;
+exports.MKTableClassifySearchItem = index$2.MKTableClassifySearchItem;
+exports.MKTableClassifySearch = index$1.MKTableClassifySearch;
+exports.conditionProps = useCondition.conditionProps;
+exports.useCondition = useCondition.useCondition;
+exports.TABLE_SEARCH_CONTEXT_KEY = token.TABLE_SEARCH_CONTEXT_KEY;
+exports.TABLE_SEARCH_ITEM_CONTEXT_KEY = token.TABLE_SEARCH_ITEM_CONTEXT_KEY;
+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.OPERATOR_OPTIONS = operatorOptions.OPERATOR_OPTIONS;
+exports.MKTableSearch = index$3.MKTableSearch;
+//# sourceMappingURL=index.js.map

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

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

package/dist/cjs/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/cjs/components/data-model/data-table/views/table/classify-search/classify-search-item/classify-search-item-options.js

@@ -0,0 +1,31 @@
+'use strict';
+
+var utils = require('@maketribe/utils');
+
+const classifySearchItemProps = utils.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
+};
+
+exports.classifySearchItemEmits = classifySearchItemEmits;
+exports.classifySearchItemProps = classifySearchItemProps;
+//# sourceMappingURL=classify-search-item-options.js.map

package/dist/cjs/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":["buildProps"],"mappings":";;;;AAGO,MAAM,0BAA0BA,gBAAW,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;;;;;"}

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

@@ -0,0 +1,73 @@
+export type DataOptionItem = {
+    value: any;
+    label: string;
+};
+declare const _default: import("vue").DefineComponent<{
+    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>;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:model-value": (modelValue: any) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    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>;
+}>> & {
+    "onUpdate:model-value"?: ((modelValue: any) => any) | undefined;
+}, {
+    multiple: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+    formatOptions: Function;
+}, {}>;
+export default _default;

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

@@ -0,0 +1,75 @@
+'use strict';
+
+var vue = require('vue');
+var elementPlus = require('element-plus');
+var classifySearchItemOptions = require('./classify-search-item-options.js');
+
+var TableClassifySearchItem = /* @__PURE__ */ vue.defineComponent({
+  name: "MKTableClassifySearchItem",
+  props: classifySearchItemOptions.classifySearchItemProps,
+  emits: classifySearchItemOptions.classifySearchItemEmits,
+  setup(props, {
+    emit
+  }) {
+    const modelValue = vue.computed({
+      get: () => {
+        if (props.multiple) {
+          return Array.isArray(props.modelValue) ? props.modelValue : props.modelValue ? [props.modelValue] : [];
+        }
+        return props.modelValue;
+      },
+      set: (v) => emit("update:model-value", v)
+    });
+    const handleClick = (item) => {
+      let _modelValue = vue.unref(modelValue);
+      if (props.multiple) {
+        const index = _modelValue.findIndex((v) => v === item.value);
+        if (index > -1) {
+          _modelValue.splice(index, 1);
+        } else {
+          _modelValue.push(item.value);
+        }
+        modelValue.value = _modelValue;
+        return;
+      }
+      modelValue.value = item?.value ?? null;
+    };
+    const options = vue.computed(() => {
+      if (Array.isArray(props.options)) {
+        return props.options.map((item) => props.formatOptions(item));
+      }
+      return [];
+    });
+    const labelStyle = vue.computed(() => {
+      if (props.labelWidth) {
+        return {
+          width: props.labelWidth
+        };
+      }
+      return {};
+    });
+    return () => {
+      const title = props.label ? vue.createVNode("div", {
+        "class": "mk-classify-search-item-title",
+        "style": vue.unref(labelStyle)
+      }, [props.label]) : null;
+      const tags = vue.unref(options).map((item) => {
+        const isSelect = props.multiple ? vue.unref(modelValue).includes(item.value) : item.value === vue.unref(modelValue);
+        return vue.createVNode(elementPlus.ElTag, {
+          "key": item.value,
+          "effect": isSelect ? "dark" : "light",
+          "onClick": () => handleClick(item),
+          "disable-transitions": true
+        }, {
+          default: () => [item.label]
+        });
+      });
+      return vue.createVNode("div", {
+        "class": "mk-classify-search-item"
+      }, [title, tags]);
+    };
+  }
+});
+
+module.exports = TableClassifySearchItem;
+//# sourceMappingURL=classify-search-item.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"classify-search-item.js","sources":["../../../../../../../../../src/components/data-model/data-table/views/table/classify-search/classify-search-item/classify-search-item.tsx"],"sourcesContent":["import { defineComponent, computed, unref, ComputedRef } from \"vue\";\nimport { ElTag } from \"element-plus\";\nimport {\n  classifySearchItemProps,\n  classifySearchItemEmits,\n} from \"./classify-search-item-options\";\n\nexport type DataOptionItem = { value: any; label: string };\n\nexport default defineComponent({\n  name: \"MKTableClassifySearchItem\",\n  props: classifySearchItemProps,\n  emits: classifySearchItemEmits,\n  setup(props, { emit }) {\n    const modelValue = computed({\n      get: () => {\n        if (props.multiple) {\n          return Array.isArray(props.modelValue)\n            ? props.modelValue\n            : props.modelValue\n            ? [props.modelValue]\n            : [];\n        }\n\n        return props.modelValue;\n      },\n      set: (v: any) => emit(\"update:model-value\", v),\n    });\n\n    const handleClick = (item: any) => {\n      let _modelValue = unref(modelValue);\n      if (props.multiple) {\n        const index = _modelValue.findIndex((v: any) => v === item.value);\n\n        if (index > -1) {\n          _modelValue.splice(index, 1);\n        } else {\n          _modelValue.push(item.value);\n        }\n\n        modelValue.value = _modelValue;\n\n        return;\n      }\n\n      modelValue.value = item?.value ?? null;\n    };\n\n    const options: ComputedRef<DataOptionItem[]> = computed(() => {\n      if (Array.isArray(props.options)) {\n        return props.options.map((item) => props.formatOptions(item));\n      }\n\n      return [];\n    });\n\n    const labelStyle: ComputedRef<any> = computed(() => {\n      if (props.labelWidth) {\n        return { width: props.labelWidth };\n      }\n\n      return {};\n    });\n\n    return () => {\n      const title = props.label ? (\n        <div class=\"mk-classify-search-item-title\" style={unref(labelStyle)}>\n          {props.label}\n        </div>\n      ) : null;\n\n      const tags = unref(options).map((item) => {\n        const isSelect = props.multiple\n          ? unref(modelValue).includes(item.value)\n          : item.value === unref(modelValue);\n\n        return (\n          <ElTag\n            key={item.value}\n            effect={isSelect ? \"dark\" : \"light\"}\n            onClick={() => handleClick(item)}\n            disable-transitions\n          >\n            {item.label}\n          </ElTag>\n        );\n      });\n\n      return (\n        <div class=\"mk-classify-search-item\">\n          {title}\n          {tags}\n        </div>\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","props","classifySearchItemProps","emits","classifySearchItemEmits","setup","emit","modelValue","computed","get","multiple","Array","isArray","set","v","handleClick","item","_modelValue","unref","index","findIndex","value","splice","push","options","map","formatOptions","labelStyle","labelWidth","width","title","label","_createVNode","tags","isSelect","includes","ElTag","onClick","default"],"mappings":"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"}

package/dist/cjs/components/data-model/data-table/views/table/classify-search/classify-search-item/index.d.ts

@@ -0,0 +1,70 @@
+import TableClassifySearchItem from "./classify-search-item";
+export declare const MKTableClassifySearchItem: import("vue").DefineComponent<{
+    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>;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:model-value": (modelValue: any) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    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>;
+}>> & {
+    "onUpdate:model-value"?: ((modelValue: any) => any) | undefined;
+}, {
+    multiple: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+    formatOptions: Function;
+}, {}>;
+export default TableClassifySearchItem;

package/dist/cjs/components/data-model/data-table/views/table/classify-search/classify-search-item/index.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var classifySearchItem = require('./classify-search-item.js');
+
+const MKTableClassifySearchItem = classifySearchItem;
+
+exports.default = classifySearchItem;
+exports.MKTableClassifySearchItem = MKTableClassifySearchItem;
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/data-model/data-table/views/table/classify-search/classify-search-item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../../../src/components/data-model/data-table/views/table/classify-search/classify-search-item/index.ts"],"sourcesContent":["import TableClassifySearchItem from \"./classify-search-item\";\n\nexport const MKTableClassifySearchItem = TableClassifySearchItem;\n\nexport default TableClassifySearchItem;\n"],"names":["TableClassifySearchItem"],"mappings":";;;;;;AAEO,MAAM,yBAA4B,GAAAA;;;;;"}

package/dist/cjs/components/data-model/data-table/views/table/classify-search/classify-search.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;