@maketribe/ms-app 3.0.14 → 3.0.15

package/dist/esm/components/column-components/column-date/column-date.js

@@ -0,0 +1,45 @@
+import { defineComponent, computed, createVNode, mergeProps, unref } from 'vue';
+import { dayjs } from 'element-plus';
+import { MKColumnText } from '../column-text/index.js';
+import { columnDateProps } from './column-date-options.js';
+
+var ColumnDate = /* @__PURE__ */ defineComponent({
+  name: "MKColumnDate",
+  props: columnDateProps,
+  setup(props) {
+    const columnTextProps = computed(() => {
+      const {
+        type: type2,
+        ...columnTextProps2
+      } = props;
+      return columnTextProps2;
+    });
+    const type = computed(() => props.type);
+    const formatValue = (value) => {
+      const dayInstance = dayjs(value ?? null);
+      if (!dayInstance.isValid()) {
+        return;
+      }
+      switch (unref(type)) {
+        case "datetime":
+          return dayInstance.format("YYYY-MM-DD HH:mm:ss");
+        case "date":
+          return dayInstance.format("YYYY-MM-DD");
+        case "month":
+          return dayInstance.format("YYYY-MM");
+        case "year":
+          return dayInstance.format("YYYY");
+        default:
+          return props.formatValue(value);
+      }
+    };
+    return () => {
+      return createVNode(MKColumnText, mergeProps(unref(columnTextProps), {
+        "formatValue": formatValue
+      }), null);
+    };
+  }
+});
+
+export { ColumnDate as default };
+//# sourceMappingURL=column-date.js.map

package/dist/esm/components/column-components/column-date/column-date.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"column-date.js","sources":["../../../../../src/components/column-components/column-date/column-date.tsx"],"sourcesContent":["import { isFunction } from \"lodash-es\";\nimport { computed, defineComponent, unref } from \"vue\";\nimport { dayjs } from \"element-plus\";\n\nimport { useColumn } from \"../../data-model/data-table/composables\";\nimport { MKColumnText } from \"../column-text\";\nimport { columnDateProps } from \"./column-date-options\";\n\nexport default defineComponent({\n  name: \"MKColumnDate\",\n  props: columnDateProps,\n  setup(props) {\n    const columnTextProps = computed(() => {\n      const { type, ...columnTextProps } = props;\n      return columnTextProps;\n    });\n\n    const type = computed(() => props.type);\n\n    const formatValue = (value: string) => {\n      const dayInstance = dayjs(value ?? null);\n\n      if (!dayInstance.isValid()) {\n        return;\n      }\n\n      switch (unref(type)) {\n        case \"datetime\":\n          return dayInstance.format(\"YYYY-MM-DD HH:mm:ss\");\n        case \"date\":\n          return dayInstance.format(\"YYYY-MM-DD\");\n        case \"month\":\n          return dayInstance.format(\"YYYY-MM\");\n        case \"year\":\n          return dayInstance.format(\"YYYY\");\n        default:\n          return props.formatValue(value);\n      }\n    };\n\n    return () => {\n      return (\n        <MKColumnText {...unref(columnTextProps)} formatValue={formatValue} />\n      );\n    };\n  },\n});\n"],"names":["name","props","columnDateProps","setup","columnTextProps","computed","type","formatValue","value","dayInstance","dayjs","isValid","unref","format","_createVNode","MKColumnText","_mergeProps"],"mappings":";;;;;AAQA,iCAA+B,eAAA,CAAA;AAAA,EAC7BA,IAAM,EAAA,cAAA;AAAA,EACNC,KAAOC,EAAAA,eAAAA;AAAAA,EACPC,MAAMF,KAAO,EAAA;AACX,IAAMG,MAAAA,eAAAA,GAAkBC,SAAS,MAAM;AACrC,MAAM,MAAA;AAAA,QAAEC,IAAAA,EAAAA,KAAAA;AAAAA,QAAM,GAAGF,gBAAAA;AAAAA,OAAoBH,GAAAA,KAAAA,CAAAA;AACrC,MAAOG,OAAAA,gBAAAA,CAAAA;AAAAA,KACR,CAAA,CAAA;AAED,IAAA,MAAME,IAAOD,GAAAA,QAAAA,CAAS,MAAMJ,KAAAA,CAAMK,IAAI,CAAA,CAAA;AAEtC,IAAA,MAAMC,cAAeC,CAAkB,KAAA,KAAA;AACrC,MAAMC,MAAAA,WAAAA,GAAcC,KAAMF,CAAAA,KAAAA,IAAS,IAAI,CAAA,CAAA;AAEvC,MAAI,IAAA,CAACC,WAAYE,CAAAA,OAAAA,EAAW,EAAA;AAC1B,QAAA,OAAA;AAAA,OACF;AAEA,MAAQC,QAAAA,KAAAA,CAAMN,IAAI,CAAC;AAAA,QACjB,KAAK,UAAA;AACH,UAAOG,OAAAA,WAAAA,CAAYI,OAAO,qBAAqB,CAAA,CAAA;AAAA,QACjD,KAAK,MAAA;AACH,UAAOJ,OAAAA,WAAAA,CAAYI,OAAO,YAAY,CAAA,CAAA;AAAA,QACxC,KAAK,OAAA;AACH,UAAOJ,OAAAA,WAAAA,CAAYI,OAAO,SAAS,CAAA,CAAA;AAAA,QACrC,KAAK,MAAA;AACH,UAAOJ,OAAAA,WAAAA,CAAYI,OAAO,MAAM,CAAA,CAAA;AAAA,QAClC;AACE,UAAOZ,OAAAA,KAAAA,CAAMM,YAAYC,KAAK,CAAA,CAAA;AAAA,OAClC;AAAA,KACF,CAAA;AAEA,IAAA,OAAO,MAAM;AACX,MAAA,OAAAM,WAAAC,CAAAA,YAAAA,EAAAC,UACoBJ,CAAAA,KAAAA,CAAMR,eAAe,CAAC,EAAA;AAAA,QAAA,aAAeG,EAAAA,WAAAA;AAAAA,OAAW,GAAA,IAAA,CAAA,CAAA;AAAA,KAEtE,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}

package/dist/esm/components/column-components/column-date/index.d.ts

@@ -0,0 +1,48 @@
+export declare const MKColumnDate: import("vue").DefineComponent<{
+    type: import("@maketribe/utils").PropFinalized<unknown, "date" | "year" | "month" | "datetime", unknown, string, boolean>;
+    formatValue: import("@maketribe/utils").PropFinalized<FunctionConstructor, unknown, unknown, (value: any) => any, boolean>;
+    row: {
+        readonly type: import("vue").PropType<Record<string, any>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    column: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").TableColumn>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    index: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    type: import("@maketribe/utils").PropFinalized<unknown, "date" | "year" | "month" | "datetime", unknown, string, boolean>;
+    formatValue: import("@maketribe/utils").PropFinalized<FunctionConstructor, unknown, unknown, (value: any) => any, boolean>;
+    row: {
+        readonly type: import("vue").PropType<Record<string, any>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    column: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").TableColumn>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    index: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}>>, {
+    type: import("@maketribe/utils").PropMergeType<unknown, "date" | "year" | "month" | "datetime", unknown>;
+    formatValue: Function;
+}, {}>;
+export default MKColumnDate;
+export * from "./column-date-options";

package/dist/esm/components/column-components/column-date/index.js

@@ -0,0 +1,7 @@
+import ColumnDate from './column-date.js';
+export { columnDateProps, dateTypes } from './column-date-options.js';
+
+const MKColumnDate = ColumnDate;
+
+export { MKColumnDate, MKColumnDate as default };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/column-components/column-date/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/column-components/column-date/index.ts"],"sourcesContent":["import ColumnDate from \"./column-date\";\n\nexport const MKColumnDate = ColumnDate;\nexport default MKColumnDate;\n\nexport * from \"./column-date-options\";\n"],"names":[],"mappings":";;;AAEO,MAAM,YAAe,GAAA;;;;"}

package/dist/esm/components/column-components/column-switch/column-switch-options.d.ts

@@ -0,0 +1,27 @@
+import { ExtractPropTypes } from "vue";
+export declare const columnSwitchProps: {
+    readonly disabled: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly row: {
+        readonly type: import("vue").PropType<Record<string, any>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly column: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").TableColumn>;
+        readonly required: true;
+        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 type ColumnSwitchProps = ExtractPropTypes<typeof columnSwitchProps>;
+export declare const columnSwitchEmits: {
+    change: (value: boolean, row: any) => boolean;
+};
+export type ColumnSwitchEmits = typeof columnSwitchEmits;

package/dist/esm/components/column-components/column-switch/column-switch-options.js

@@ -0,0 +1,13 @@
+import { buildProps } from '@maketribe/utils';
+import { columnProps } from '../../data-model/data-table/composables/use-column.js';
+
+const columnSwitchProps = buildProps({
+  ...columnProps,
+  disabled: { type: Boolean, default: true }
+});
+const columnSwitchEmits = {
+  change: (value, row) => true
+};
+
+export { columnSwitchEmits, columnSwitchProps };
+//# sourceMappingURL=column-switch-options.js.map

package/dist/esm/components/column-components/column-switch/column-switch-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"column-switch-options.js","sources":["../../../../../src/components/column-components/column-switch/column-switch-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { columnProps } from \"../../data-model/data-table/composables\";\n\nexport const columnSwitchProps = buildProps({\n  ...columnProps,\n  disabled: { type: Boolean, default: true },\n} as const);\n\nexport type ColumnSwitchProps = ExtractPropTypes<typeof columnSwitchProps>;\n\nexport const columnSwitchEmits = {\n  change: (value: boolean, row: any) => true,\n};\n\nexport type ColumnSwitchEmits = typeof columnSwitchEmits;\n"],"names":[],"mappings":";;;AAIO,MAAM,oBAAoB,UAAW,CAAA;AAAA,EAC1C,GAAG,WAAA;AAAA,EACH,QAAU,EAAA,EAAE,IAAM,EAAA,OAAA,EAAS,SAAS,IAAK,EAAA;AAC3C,CAAU,EAAA;AAIH,MAAM,iBAAoB,GAAA;AAAA,EAC/B,MAAA,EAAQ,CAAC,KAAA,EAAgB,GAAa,KAAA,IAAA;AACxC;;;;"}

package/dist/esm/components/column-components/column-switch/column-switch.d.ts

@@ -0,0 +1,48 @@
+declare const _default: import("vue").DefineComponent<{
+    readonly disabled: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly row: {
+        readonly type: import("vue").PropType<Record<string, any>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly column: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").TableColumn>;
+        readonly required: true;
+        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, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (value: boolean, row: any) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly disabled: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly row: {
+        readonly type: import("vue").PropType<Record<string, any>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly column: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").TableColumn>;
+        readonly required: true;
+        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;
+    };
+}>> & {
+    onChange?: ((value: boolean, row: any) => any) | undefined;
+}, {
+    readonly disabled: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+}, {}>;
+export default _default;

package/dist/esm/components/column-components/column-switch/column-switch.js

@@ -0,0 +1,33 @@
+import { defineComponent, computed, createVNode, unref } from 'vue';
+import { ElSwitch } from 'element-plus';
+import { useColumn } from '../../data-model/data-table/composables/use-column.js';
+import { columnSwitchProps, columnSwitchEmits } from './column-switch-options.js';
+
+var ColumnSwitch = /* @__PURE__ */ defineComponent({
+  name: "MKColumnSwitch",
+  props: columnSwitchProps,
+  emits: columnSwitchEmits,
+  setup(props, {
+    emit
+  }) {
+    const {
+      value
+    } = useColumn(props);
+    const disabled = computed(() => props.disabled);
+    const handleChange = (value2) => {
+      emit("change", value2, props.row);
+    };
+    return () => {
+      return createVNode("div", {
+        "class": "mk-column-switch"
+      }, [createVNode(ElSwitch, {
+        "disabled": unref(disabled),
+        "modelValue": unref(value),
+        "onChange": handleChange
+      }, null)]);
+    };
+  }
+});
+
+export { ColumnSwitch as default };
+//# sourceMappingURL=column-switch.js.map

package/dist/esm/components/column-components/column-switch/column-switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"column-switch.js","sources":["../../../../../src/components/column-components/column-switch/column-switch.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\nimport { ElSwitch } from \"element-plus\";\n\nimport { useColumn } from \"../../data-model/data-table/composables\";\nimport { columnSwitchEmits, columnSwitchProps } from \"./column-switch-options\";\n\nexport default defineComponent({\n  name: \"MKColumnSwitch\",\n  props: columnSwitchProps,\n  emits: columnSwitchEmits,\n  setup(props, { emit }) {\n    const { value } = useColumn(props);\n\n    const disabled = computed(() => props.disabled);\n\n    const handleChange = (value: boolean) => {\n      emit(\"change\", value, props.row);\n    };\n\n    return () => {\n      return (\n        <div class=\"mk-column-switch\">\n          <ElSwitch\n            disabled={unref(disabled)}\n            modelValue={unref(value)}\n            onChange={handleChange as any}\n          />\n        </div>\n      );\n    };\n  },\n});\n"],"names":["name","props","columnSwitchProps","emits","columnSwitchEmits","setup","emit","value","useColumn","disabled","computed","handleChange","row","_createVNode","ElSwitch","unref"],"mappings":";;;;;AAMA,mCAA+B,eAAA,CAAA;AAAA,EAC7BA,IAAM,EAAA,gBAAA;AAAA,EACNC,KAAOC,EAAAA,iBAAAA;AAAAA,EACPC,KAAOC,EAAAA,iBAAAA;AAAAA,EACPC,MAAMJ,KAAO,EAAA;AAAA,IAAEK,IAAAA;AAAAA,GAAQ,EAAA;AACrB,IAAM,MAAA;AAAA,MAAEC,KAAAA;AAAAA,KAAM,GAAIC,UAAUP,KAAK,CAAA,CAAA;AAEjC,IAAA,MAAMQ,QAAWC,GAAAA,QAAAA,CAAS,MAAMT,KAAAA,CAAMQ,QAAQ,CAAA,CAAA;AAE9C,IAAME,MAAAA,YAAAA,GAAgBJ,CAAAA,MAAmB,KAAA;AACvCD,MAAK,IAAA,CAAA,QAAA,EAAUC,MAAON,EAAAA,KAAAA,CAAMW,GAAG,CAAA,CAAA;AAAA,KACjC,CAAA;AAEA,IAAA,OAAO,MAAM;AACX,MAAA,OAAAC,YAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,kBAAA;AAAA,OAAA,EAAAA,CAAAA,WAAAA,CAAAC,QAAA,EAAA;AAAA,QAAA,UAAA,EAGgBC,MAAMN,QAAQ,CAAA;AAAA,QAAC,YAAA,EACbM,MAAMR,KAAK,CAAA;AAAA,QAAC,UACdI,EAAAA,YAAAA;AAAAA,OAAY,EAAA,IAAA,CAAA,CAAA,CAAA,CAAA;AAAA,KAI9B,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}

package/dist/esm/components/column-components/column-switch/index.d.ts

@@ -0,0 +1,49 @@
+export declare const MKColumnSwitch: import("vue").DefineComponent<{
+    readonly disabled: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly row: {
+        readonly type: import("vue").PropType<Record<string, any>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly column: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").TableColumn>;
+        readonly required: true;
+        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, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (value: boolean, row: any) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly disabled: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly row: {
+        readonly type: import("vue").PropType<Record<string, any>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly column: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").TableColumn>;
+        readonly required: true;
+        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;
+    };
+}>> & {
+    onChange?: ((value: boolean, row: any) => any) | undefined;
+}, {
+    readonly disabled: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+}, {}>;
+export default MKColumnSwitch;
+export * from "./column-switch-options";

package/dist/esm/components/column-components/column-switch/index.js

@@ -0,0 +1,7 @@
+import ColumnSwitch from './column-switch.js';
+export { columnSwitchEmits, columnSwitchProps } from './column-switch-options.js';
+
+const MKColumnSwitch = ColumnSwitch;
+
+export { MKColumnSwitch, MKColumnSwitch as default };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/column-components/column-switch/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/column-components/column-switch/index.ts"],"sourcesContent":["import ColumnSwitch from \"./column-switch\";\n\nexport const MKColumnSwitch = ColumnSwitch;\nexport default MKColumnSwitch;\n\nexport * from \"./column-switch-options\";\n"],"names":[],"mappings":";;;AAEO,MAAM,cAAiB,GAAA;;;;"}

package/dist/esm/components/column-components/column-tag/column-tag-options.d.ts

@@ -0,0 +1,72 @@
+import { ExtractPropTypes } from "vue";
+export declare const columnTagProps: {
+    readonly type: import("@maketribe/utils").PropFinalized<unknown, "" | "success" | "warning" | "info" | "danger", unknown, "", boolean>;
+    readonly effect: import("@maketribe/utils").PropFinalized<unknown, "dark" | "light", unknown, "light", boolean>;
+    readonly color: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly hit: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly round: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly width: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly options: import("@maketribe/utils").PropFinalized<{
+        (arrayLength: number): {
+            label: string;
+            value: any;
+            color: string;
+            type: "" | "success" | "warning" | "info" | "danger";
+        }[];
+        (...items: {
+            label: string;
+            value: any;
+            color: string;
+            type: "" | "success" | "warning" | "info" | "danger";
+        }[]): {
+            label: string;
+            value: any;
+            color: string;
+            type: "" | "success" | "warning" | "info" | "danger";
+        }[];
+        new (arrayLength: number): {
+            label: string;
+            value: any;
+            color: string;
+            type: "" | "success" | "warning" | "info" | "danger";
+        }[];
+        new (...items: {
+            label: string;
+            value: any;
+            color: string;
+            type: "" | "success" | "warning" | "info" | "danger";
+        }[]): {
+            label: string;
+            value: any;
+            color: string;
+            type: "" | "success" | "warning" | "info" | "danger";
+        }[];
+        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 row: {
+        readonly type: import("vue").PropType<Record<string, any>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly column: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").TableColumn>;
+        readonly required: true;
+        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 type ColumnTagProps = ExtractPropTypes<typeof columnTagProps>;

package/dist/esm/components/column-components/column-tag/column-tag-options.js

@@ -0,0 +1,37 @@
+import { buildProps } from '@maketribe/utils';
+import { columnProps } from '../../data-model/data-table/composables/use-column.js';
+
+const columnTagProps = buildProps({
+  ...columnProps,
+  type: {
+    default: "",
+    values: ["", "success", "warning", "info", "danger"]
+  },
+  effect: {
+    default: "light",
+    values: ["light", "dark"]
+  },
+  color: {
+    type: String,
+    default: ""
+  },
+  hit: {
+    type: Boolean,
+    default: false
+  },
+  round: {
+    type: Boolean,
+    default: false
+  },
+  width: {
+    type: String,
+    default: ""
+  },
+  options: {
+    type: Array,
+    default: () => []
+  }
+});
+
+export { columnTagProps };
+//# sourceMappingURL=column-tag-options.js.map

package/dist/esm/components/column-components/column-tag/column-tag-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"column-tag-options.js","sources":["../../../../../src/components/column-components/column-tag/column-tag-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { columnProps } from \"../../data-model/data-table/composables\";\n\nexport const columnTagProps = buildProps({\n  ...columnProps,\n  type: {\n    default: \"\",\n    values: [\"\", \"success\", \"warning\", \"info\", \"danger\"],\n  },\n  effect: {\n    default: \"light\",\n    values: [\"light\", \"dark\"],\n  },\n  color: {\n    type: String,\n    default: \"\",\n  },\n  hit: {\n    type: Boolean,\n    default: false,\n  },\n  round: {\n    type: Boolean,\n    default: false,\n  },\n  width: {\n    type: String,\n    default: \"\"\n  },\n  options: {\n    type: Array<{\n      label: string;\n      value: any;\n      color: string;\n      type: \"\" | \"success\" | \"warning\" | \"info\" | \"danger\";\n    }>,\n    default: () => [],\n  },\n} as const);\n\nexport type ColumnTagProps = ExtractPropTypes<typeof columnTagProps>;\n"],"names":[],"mappings":";;;AAIO,MAAM,iBAAiB,UAAW,CAAA;AAAA,EACvC,GAAG,WAAA;AAAA,EACH,IAAM,EAAA;AAAA,IACJ,OAAS,EAAA,EAAA;AAAA,IACT,QAAQ,CAAC,EAAA,EAAI,SAAW,EAAA,SAAA,EAAW,QAAQ,QAAQ,CAAA;AAAA,GACrD;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,OAAS,EAAA,OAAA;AAAA,IACT,MAAA,EAAQ,CAAC,OAAA,EAAS,MAAM,CAAA;AAAA,GAC1B;AAAA,EACA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EACA,GAAK,EAAA;AAAA,IACH,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EACA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,KAAA;AAAA,IAMN,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AACF,CAAU;;;;"}

package/dist/esm/components/column-components/column-tag/column-tag.d.ts

@@ -0,0 +1,153 @@
+declare const _default: import("vue").DefineComponent<{
+    readonly type: import("@maketribe/utils").PropFinalized<unknown, "" | "success" | "warning" | "info" | "danger", unknown, "", boolean>;
+    readonly effect: import("@maketribe/utils").PropFinalized<unknown, "dark" | "light", unknown, "light", boolean>;
+    readonly color: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly hit: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly round: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly width: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly options: import("@maketribe/utils").PropFinalized<{
+        (arrayLength: number): {
+            label: string;
+            value: any;
+            color: string;
+            type: "" | "success" | "warning" | "info" | "danger";
+        }[];
+        (...items: {
+            label: string;
+            value: any;
+            color: string;
+            type: "" | "success" | "warning" | "info" | "danger";
+        }[]): {
+            label: string;
+            value: any;
+            color: string;
+            type: "" | "success" | "warning" | "info" | "danger";
+        }[];
+        new (arrayLength: number): {
+            label: string;
+            value: any;
+            color: string;
+            type: "" | "success" | "warning" | "info" | "danger";
+        }[];
+        new (...items: {
+            label: string;
+            value: any;
+            color: string;
+            type: "" | "success" | "warning" | "info" | "danger";
+        }[]): {
+            label: string;
+            value: any;
+            color: string;
+            type: "" | "success" | "warning" | "info" | "danger";
+        }[];
+        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 row: {
+        readonly type: import("vue").PropType<Record<string, any>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly column: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").TableColumn>;
+        readonly required: true;
+        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, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly type: import("@maketribe/utils").PropFinalized<unknown, "" | "success" | "warning" | "info" | "danger", unknown, "", boolean>;
+    readonly effect: import("@maketribe/utils").PropFinalized<unknown, "dark" | "light", unknown, "light", boolean>;
+    readonly color: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly hit: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly round: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly width: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly options: import("@maketribe/utils").PropFinalized<{
+        (arrayLength: number): {
+            label: string;
+            value: any;
+            color: string;
+            type: "" | "success" | "warning" | "info" | "danger";
+        }[];
+        (...items: {
+            label: string;
+            value: any;
+            color: string;
+            type: "" | "success" | "warning" | "info" | "danger";
+        }[]): {
+            label: string;
+            value: any;
+            color: string;
+            type: "" | "success" | "warning" | "info" | "danger";
+        }[];
+        new (arrayLength: number): {
+            label: string;
+            value: any;
+            color: string;
+            type: "" | "success" | "warning" | "info" | "danger";
+        }[];
+        new (...items: {
+            label: string;
+            value: any;
+            color: string;
+            type: "" | "success" | "warning" | "info" | "danger";
+        }[]): {
+            label: string;
+            value: any;
+            color: string;
+            type: "" | "success" | "warning" | "info" | "danger";
+        }[];
+        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 row: {
+        readonly type: import("vue").PropType<Record<string, any>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly column: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").TableColumn>;
+        readonly required: true;
+        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;
+    };
+}>>, {
+    readonly type: import("@maketribe/utils").PropMergeType<unknown, "" | "success" | "warning" | "info" | "danger", unknown>;
+    readonly options: {
+        label: string;
+        value: any;
+        color: string;
+        type: "" | "success" | "warning" | "info" | "danger";
+    }[];
+    readonly width: string;
+    readonly color: string;
+    readonly round: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly effect: import("@maketribe/utils").PropMergeType<unknown, "dark" | "light", unknown>;
+    readonly hit: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+}, {}>;
+export default _default;

package/dist/esm/components/column-components/column-tag/column-tag.js

@@ -0,0 +1,58 @@
+import { defineComponent, computed, unref, createVNode, isVNode } from 'vue';
+import { ElTag } from 'element-plus';
+import { useColumn } from '../../data-model/data-table/composables/use-column.js';
+import { columnTagProps } from './column-tag-options.js';
+
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+var ColumnTag = /* @__PURE__ */ defineComponent({
+  name: "MKColumnTag",
+  props: columnTagProps,
+  setup(props) {
+    const {
+      value
+    } = useColumn(props);
+    const options = computed(() => props.options);
+    const tagStyle = computed(() => ({
+      width: props.width
+    }));
+    const currentOption = computed(() => unref(options).find((option) => option.value === unref(value)));
+    return () => {
+      const _currentOption = unref(currentOption);
+      let content;
+      if (!_currentOption) {
+        let _slot;
+        content = createVNode(ElTag, {
+          "style": unref(tagStyle),
+          "disableTransitions": true,
+          "type": props.type,
+          "effect": props.effect,
+          "hit": props.hit,
+          "color": props.color,
+          "round": props.round
+        }, _isSlot(_slot = unref(value)) ? _slot : {
+          default: () => [_slot]
+        });
+      } else {
+        content = createVNode(ElTag, {
+          "style": unref(tagStyle),
+          "disableTransitions": true,
+          "type": _currentOption.type,
+          "effect": props.effect,
+          "hit": props.hit,
+          "color": _currentOption.color,
+          "round": props.round
+        }, {
+          default: () => [_currentOption.label || _currentOption.value]
+        });
+      }
+      return createVNode("div", {
+        "class": "mk-column-tag"
+      }, [content]);
+    };
+  }
+});
+
+export { ColumnTag as default };
+//# sourceMappingURL=column-tag.js.map