@maketribe/ms-app 3.0.30 → 3.0.32

package/dist/cjs/components/condition-components/condition-date/condition-date-options.d.ts

@@ -2,6 +2,7 @@ import { ExtractPropTypes } from "vue";
 export declare const conditionDateProps: {
     readonly defaultOperator: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, import("@maketribe/dm").Operator, boolean>;
     readonly type: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, "date", boolean>;
+    readonly teleported: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly defaultValue: import("@maketribe/utils").PropFinalized<unknown, unknown, unknown, null, boolean>;
 };
 export type ConditionDateProps = ExtractPropTypes<typeof conditionDateProps>;

package/dist/cjs/components/condition-components/condition-date/condition-date-options.js

@@ -14,6 +14,10 @@ const conditionDateProps = utils.buildProps({
   type: {
     type: String,
     default: "date"
+  },
+  teleported: {
+    type: Boolean,
+    default: false
   }
 });
 

package/dist/cjs/components/condition-components/condition-date/condition-date-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"condition-date-options.js","sources":["../../../../../src/components/condition-components/condition-date/condition-date-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\n\r\nimport {\r\n  dataFilterConditionProps,\r\n  BETWEEN_OPTION,\r\n} from \"../../data-model/data-filter-form\";\r\n\r\nexport const conditionDateProps = buildProps({\r\n  ...dataFilterConditionProps,\r\n  defaultOperator: {\r\n    type: String,\r\n    default: BETWEEN_OPTION.value,\r\n  },\r\n  type: {\r\n    type: String,\r\n    default: \"date\",\r\n  },\r\n} as const);\r\n\r\nexport type ConditionDateProps = ExtractPropTypes<typeof conditionDateProps>;\r\n"],"names":["buildProps","dataFilterConditionProps","BETWEEN_OPTION"],"mappings":";;;;;;;AAQO,MAAM,qBAAqBA,gBAAW,CAAA;AAAA,EAC3C,GAAGC,qCAAA;AAAA,EACH,eAAiB,EAAA;AAAA,IACf,IAAM,EAAA,MAAA;AAAA,IACN,SAASC,8BAAe,CAAA,KAAA;AAAA,GAC1B;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,MAAA;AAAA,GACX;AACF,CAAU;;;;"}
+{"version":3,"file":"condition-date-options.js","sources":["../../../../../src/components/condition-components/condition-date/condition-date-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\n\r\nimport {\r\n  dataFilterConditionProps,\r\n  BETWEEN_OPTION,\r\n} from \"../../data-model/data-filter-form\";\r\n\r\nexport const conditionDateProps = buildProps({\r\n  ...dataFilterConditionProps,\r\n  defaultOperator: {\r\n    type: String,\r\n    default: BETWEEN_OPTION.value,\r\n  },\r\n  type: {\r\n    type: String,\r\n    default: \"date\",\r\n  },\r\n  teleported:{\r\n    type:Boolean,\r\n    default:false\r\n  }\r\n} as const);\r\n\r\nexport type ConditionDateProps = ExtractPropTypes<typeof conditionDateProps>;\r\n"],"names":["buildProps","dataFilterConditionProps","BETWEEN_OPTION"],"mappings":";;;;;;;AAQO,MAAM,qBAAqBA,gBAAW,CAAA;AAAA,EAC3C,GAAGC,qCAAA;AAAA,EACH,eAAiB,EAAA;AAAA,IACf,IAAM,EAAA,MAAA;AAAA,IACN,SAASC,8BAAe,CAAA,KAAA;AAAA,GAC1B;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,MAAA;AAAA,GACX;AAAA,EACA,UAAW,EAAA;AAAA,IACT,IAAK,EAAA,OAAA;AAAA,IACL,OAAQ,EAAA,KAAA;AAAA,GACV;AACF,CAAU;;;;"}

package/dist/cjs/components/condition-components/condition-date/condition-date.d.ts

@@ -2,10 +2,12 @@ import { Operator } from "@maketribe/dm";
 declare const _default: import("vue").DefineComponent<{
     readonly defaultOperator: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, Operator, boolean>;
     readonly type: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, "date", boolean>;
+    readonly teleported: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly defaultValue: import("@maketribe/utils").PropFinalized<unknown, unknown, unknown, null, 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 defaultOperator: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, Operator, boolean>;
     readonly type: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, "date", boolean>;
+    readonly teleported: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly defaultValue: import("@maketribe/utils").PropFinalized<unknown, unknown, unknown, null, boolean>;
 }>>, {
     readonly type: string;
@@ -13,6 +15,7 @@ declare const _default: import("vue").DefineComponent<{
         type: unknown;
         required: true;
     };
+    readonly teleported: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
     readonly defaultOperator: string;
 }, {}>;
 export default _default;

package/dist/cjs/components/condition-components/condition-date/condition-date.js

@@ -40,7 +40,9 @@ var ConditionDate = /* @__PURE__ */ vue.defineComponent({
       }
     });
     return () => {
-      return vue.createVNode(elementPlus.ElDatePicker, {
+      var ElDatePickerComponent = elementPlus.ElDatePicker;
+      return vue.createVNode(ElDatePickerComponent, {
+        "teleported": props.teleported,
         "class": "mk-condition-date",
         "modelValue": vue.unref(value),
         "onUpdate:modelValue": (v) => value.value = v,

package/dist/cjs/components/condition-components/condition-date/condition-date.js.map

@@ -1 +1 @@
-{"version":3,"file":"condition-date.js","sources":["../../../../../src/components/condition-components/condition-date/condition-date.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\r\nimport { ElDatePicker } from \"element-plus\";\r\nimport { Operator } from \"@maketribe/dm\";\r\n\r\nimport { conditionDateProps } from \"./condition-date-options\";\r\nimport {\r\n  useDataFilterCondition,\r\n  BETWEEN_OPTION,\r\n  GREATER_THAN_EQUAL_OPTION,\r\n  GREATER_THAN_OPTION,\r\n  LESS_THAN_EQUAL_OPTION,\r\n  LESS_THAN_OPTION,\r\n} from \"../../data-model/data-filter-form\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKConditionDate\",\r\n  props: conditionDateProps,\r\n  setup(props, { expose }) {\r\n    const { value, isBetween } = useDataFilterCondition({\r\n      ...props,\r\n      operator: props.defaultOperator as Operator,\r\n      operatorOptions: [\r\n        BETWEEN_OPTION,\r\n        LESS_THAN_OPTION,\r\n        LESS_THAN_EQUAL_OPTION,\r\n        GREATER_THAN_OPTION,\r\n        GREATER_THAN_EQUAL_OPTION,\r\n      ],\r\n    });\r\n\r\n    const type = computed(() => {\r\n      if (props.type === \"datetime\") {\r\n        return unref(isBetween) ? \"datetimerange\" : \"datetime\";\r\n      }\r\n\r\n      return unref(isBetween) ? \"daterange\" : props.type;\r\n    });\r\n\r\n    const valueFormat = computed(() => {\r\n      const _type = unref(type);\r\n\r\n      return [\"datetime\", \"datetimerange\"].includes(_type)\r\n        ? \"YYYY-MM-DD HH:mm:ss\"\r\n        : \"YYYY-MM-DD\";\r\n    });\r\n\r\n    expose({\r\n      isEmpty() {\r\n        return value.value[0] === null || value.value[1] === null;\r\n      },\r\n      reset() {\r\n        value.value = [null, null];\r\n      },\r\n    });\r\n\r\n    return () => {\r\n      return (\r\n        <ElDatePicker\r\n          class=\"mk-condition-date\"\r\n          modelValue={unref(value)}\r\n          onUpdate:modelValue={(v) => (value.value = v)}\r\n          type={unref(type) as any}\r\n          valueFormat={unref(valueFormat)}\r\n        />\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["defineComponent","name","props","conditionDateProps","setup","expose","value","isBetween","useDataFilterCondition","operator","defaultOperator","operatorOptions","BETWEEN_OPTION","LESS_THAN_OPTION","LESS_THAN_EQUAL_OPTION","GREATER_THAN_OPTION","GREATER_THAN_EQUAL_OPTION","type","computed","unref","valueFormat","_type","includes","isEmpty","reset","_createVNode","ElDatePicker","v"],"mappings":";;;;;;;;;AAcA,oCAA+BA,mBAAA,CAAA;AAAA,EAC7BC,IAAM,EAAA,iBAAA;AAAA,EACNC,KAAOC,EAAAA,uCAAAA;AAAAA,EACPC,MAAMF,KAAO,EAAA;AAAA,IAAEG,MAAAA;AAAAA,GAAU,EAAA;AACvB,IAAM,MAAA;AAAA,MAAEC,KAAAA;AAAAA,MAAOC,SAAAA;AAAAA,QAAcC,mCAAuB,CAAA;AAAA,MAClD,GAAGN,KAAAA;AAAAA,MACHO,UAAUP,KAAMQ,CAAAA,eAAAA;AAAAA,MAChBC,iBAAiB,CACfC,8BAAAA,EACAC,gCACAC,EAAAA,sCAAAA,EACAC,qCACAC,yCAAyB,CAAA;AAAA,KAE5B,CAAA,CAAA;AAED,IAAMC,MAAAA,IAAAA,GAAOC,aAAS,MAAM;AAC1B,MAAIhB,IAAAA,KAAAA,CAAMe,SAAS,UAAY,EAAA;AAC7B,QAAOE,OAAAA,SAAAA,CAAMZ,SAAS,CAAA,GAAI,eAAkB,GAAA,UAAA,CAAA;AAAA,OAC9C;AAEA,MAAA,OAAOY,SAAMZ,CAAAA,SAAS,CAAI,GAAA,WAAA,GAAcL,KAAMe,CAAAA,IAAAA,CAAAA;AAAAA,KAC/C,CAAA,CAAA;AAED,IAAMG,MAAAA,WAAAA,GAAcF,aAAS,MAAM;AACjC,MAAMG,MAAAA,KAAAA,GAAQF,UAAMF,IAAI,CAAA,CAAA;AAExB,MAAA,OAAO,CAAC,UAAY,EAAA,eAAe,EAAEK,QAASD,CAAAA,KAAK,IAC/C,qBACA,GAAA,YAAA,CAAA;AAAA,KACL,CAAA,CAAA;AAEDhB,IAAO,MAAA,CAAA;AAAA,MACLkB,OAAU,GAAA;AACR,QAAOjB,OAAAA,KAAAA,CAAMA,MAAM,CAAC,CAAA,KAAM,QAAQA,KAAMA,CAAAA,KAAAA,CAAM,CAAC,CAAM,KAAA,IAAA,CAAA;AAAA,OACvD;AAAA,MACAkB,KAAQ,GAAA;AACNlB,QAAMA,KAAAA,CAAAA,KAAAA,GAAQ,CAAC,IAAA,EAAM,IAAI,CAAA,CAAA;AAAA,OAC3B;AAAA,KACD,CAAA,CAAA;AAED,IAAA,OAAO,MAAM;AACX,MAAA,OAAAmB,gBAAAC,wBAAA,EAAA;AAAA,QAAA,OAAA,EAAA,mBAAA;AAAA,QAAA,YAAA,EAGgBP,UAAMb,KAAK,CAAA;AAAA,QAAC,qBAAA,EACFqB,CAAOrB,CAAAA,KAAAA,KAAAA,CAAMA,KAAQqB,GAAAA,CAAAA;AAAAA,QAAE,MAAA,EACvCR,UAAMF,IAAI,CAAA;AAAA,QAAC,aAAA,EACJE,UAAMC,WAAW,CAAA;AAAA,SAAC,IAAA,CAAA,CAAA;AAAA,KAGrC,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}
+{"version":3,"file":"condition-date.js","sources":["../../../../../src/components/condition-components/condition-date/condition-date.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\r\nimport { ElDatePicker } from \"element-plus\";\r\nimport { Operator } from \"@maketribe/dm\";\r\n\r\nimport { conditionDateProps } from \"./condition-date-options\";\r\nimport {\r\n  useDataFilterCondition,\r\n  BETWEEN_OPTION,\r\n  GREATER_THAN_EQUAL_OPTION,\r\n  GREATER_THAN_OPTION,\r\n  LESS_THAN_EQUAL_OPTION,\r\n  LESS_THAN_OPTION,\r\n} from \"../../data-model/data-filter-form\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKConditionDate\",\r\n  props: conditionDateProps,\r\n  setup(props, { expose }) {\r\n    const { value, isBetween } = useDataFilterCondition({\r\n      ...props,\r\n      operator: props.defaultOperator as Operator,\r\n      operatorOptions: [\r\n        BETWEEN_OPTION,\r\n        LESS_THAN_OPTION,\r\n        LESS_THAN_EQUAL_OPTION,\r\n        GREATER_THAN_OPTION,\r\n        GREATER_THAN_EQUAL_OPTION,\r\n      ],\r\n    });\r\n\r\n    const type = computed(() => {\r\n      if (props.type === \"datetime\") {\r\n        return unref(isBetween) ? \"datetimerange\" : \"datetime\";\r\n      }\r\n\r\n      return unref(isBetween) ? \"daterange\" : props.type;\r\n    });\r\n\r\n    const valueFormat = computed(() => {\r\n      const _type = unref(type);\r\n\r\n      return [\"datetime\", \"datetimerange\"].includes(_type)\r\n        ? \"YYYY-MM-DD HH:mm:ss\"\r\n        : \"YYYY-MM-DD\";\r\n    });\r\n\r\n    expose({\r\n      isEmpty() {\r\n        return value.value[0] === null || value.value[1] === null;\r\n      },\r\n      reset() {\r\n        value.value = [null, null];\r\n      },\r\n    });\r\n\r\n    return () => {\r\n      var ElDatePickerComponent = ElDatePicker as any;\r\n      return (\r\n        <ElDatePickerComponent\r\n          teleported={props.teleported}\r\n          class=\"mk-condition-date\"\r\n          modelValue={unref(value)}\r\n          onUpdate:modelValue={(v: any) => (value.value = v)}\r\n          type={unref(type) as any}\r\n          valueFormat={unref(valueFormat)}\r\n        />\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["defineComponent","name","props","conditionDateProps","setup","expose","value","isBetween","useDataFilterCondition","operator","defaultOperator","operatorOptions","BETWEEN_OPTION","LESS_THAN_OPTION","LESS_THAN_EQUAL_OPTION","GREATER_THAN_OPTION","GREATER_THAN_EQUAL_OPTION","type","computed","unref","valueFormat","_type","includes","isEmpty","reset","ElDatePickerComponent","ElDatePicker","_createVNode","teleported","v"],"mappings":";;;;;;;;;AAcA,oCAA+BA,mBAAA,CAAA;AAAA,EAC7BC,IAAM,EAAA,iBAAA;AAAA,EACNC,KAAOC,EAAAA,uCAAAA;AAAAA,EACPC,MAAMF,KAAO,EAAA;AAAA,IAAEG,MAAAA;AAAAA,GAAU,EAAA;AACvB,IAAM,MAAA;AAAA,MAAEC,KAAAA;AAAAA,MAAOC,SAAAA;AAAAA,QAAcC,mCAAuB,CAAA;AAAA,MAClD,GAAGN,KAAAA;AAAAA,MACHO,UAAUP,KAAMQ,CAAAA,eAAAA;AAAAA,MAChBC,iBAAiB,CACfC,8BAAAA,EACAC,gCACAC,EAAAA,sCAAAA,EACAC,qCACAC,yCAAyB,CAAA;AAAA,KAE5B,CAAA,CAAA;AAED,IAAMC,MAAAA,IAAAA,GAAOC,aAAS,MAAM;AAC1B,MAAIhB,IAAAA,KAAAA,CAAMe,SAAS,UAAY,EAAA;AAC7B,QAAOE,OAAAA,SAAAA,CAAMZ,SAAS,CAAA,GAAI,eAAkB,GAAA,UAAA,CAAA;AAAA,OAC9C;AAEA,MAAA,OAAOY,SAAMZ,CAAAA,SAAS,CAAI,GAAA,WAAA,GAAcL,KAAMe,CAAAA,IAAAA,CAAAA;AAAAA,KAC/C,CAAA,CAAA;AAED,IAAMG,MAAAA,WAAAA,GAAcF,aAAS,MAAM;AACjC,MAAMG,MAAAA,KAAAA,GAAQF,UAAMF,IAAI,CAAA,CAAA;AAExB,MAAA,OAAO,CAAC,UAAY,EAAA,eAAe,EAAEK,QAASD,CAAAA,KAAK,IAC/C,qBACA,GAAA,YAAA,CAAA;AAAA,KACL,CAAA,CAAA;AAEDhB,IAAO,MAAA,CAAA;AAAA,MACLkB,OAAU,GAAA;AACR,QAAOjB,OAAAA,KAAAA,CAAMA,MAAM,CAAC,CAAA,KAAM,QAAQA,KAAMA,CAAAA,KAAAA,CAAM,CAAC,CAAM,KAAA,IAAA,CAAA;AAAA,OACvD;AAAA,MACAkB,KAAQ,GAAA;AACNlB,QAAMA,KAAAA,CAAAA,KAAAA,GAAQ,CAAC,IAAA,EAAM,IAAI,CAAA,CAAA;AAAA,OAC3B;AAAA,KACD,CAAA,CAAA;AAED,IAAA,OAAO,MAAM;AACX,MAAA,IAAImB,qBAAwBC,GAAAA,wBAAAA,CAAAA;AAC5B,MAAA,OAAAC,gBAAAF,qBAAA,EAAA;AAAA,QAAA,cAEgBvB,KAAM0B,CAAAA,UAAAA;AAAAA,QAAU,OAAA,EAAA,mBAAA;AAAA,QAAA,YAAA,EAEhBT,UAAMb,KAAK,CAAA;AAAA,QAAC,qBAAA,EACFuB,CAAYvB,CAAAA,KAAAA,KAAAA,CAAMA,KAAQuB,GAAAA,CAAAA;AAAAA,QAAE,MAAA,EAC5CV,UAAMF,IAAI,CAAA;AAAA,QAAC,aAAA,EACJE,UAAMC,WAAW,CAAA;AAAA,SAAC,IAAA,CAAA,CAAA;AAAA,KAGrC,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}

package/dist/cjs/components/condition-components/condition-date/index.d.ts

@@ -1,10 +1,12 @@
 export declare const MKConditionDate: import("@maketribe/utils").SFCWithInstall<import("vue").DefineComponent<{
     readonly defaultOperator: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, import("@maketribe/dm").Operator, boolean>;
     readonly type: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, "date", boolean>;
+    readonly teleported: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly defaultValue: import("@maketribe/utils").PropFinalized<unknown, unknown, unknown, null, 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 defaultOperator: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, import("@maketribe/dm").Operator, boolean>;
     readonly type: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, "date", boolean>;
+    readonly teleported: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly defaultValue: import("@maketribe/utils").PropFinalized<unknown, unknown, unknown, null, boolean>;
 }>>, {
     readonly type: string;
@@ -12,6 +14,7 @@ export declare const MKConditionDate: import("@maketribe/utils").SFCWithInstall<
         type: unknown;
         required: true;
     };
+    readonly teleported: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
     readonly defaultOperator: string;
 }, {}>> & Record<string, any>;
 export default MKConditionDate;

package/dist/esm/components/condition-components/condition-date/condition-date-options.d.ts

@@ -2,6 +2,7 @@ import { ExtractPropTypes } from "vue";
 export declare const conditionDateProps: {
     readonly defaultOperator: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, import("@maketribe/dm").Operator, boolean>;
     readonly type: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, "date", boolean>;
+    readonly teleported: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly defaultValue: import("@maketribe/utils").PropFinalized<unknown, unknown, unknown, null, boolean>;
 };
 export type ConditionDateProps = ExtractPropTypes<typeof conditionDateProps>;

package/dist/esm/components/condition-components/condition-date/condition-date-options.js

@@ -12,6 +12,10 @@ const conditionDateProps = buildProps({
   type: {
     type: String,
     default: "date"
+  },
+  teleported: {
+    type: Boolean,
+    default: false
   }
 });
 

package/dist/esm/components/condition-components/condition-date/condition-date-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"condition-date-options.js","sources":["../../../../../src/components/condition-components/condition-date/condition-date-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\n\r\nimport {\r\n  dataFilterConditionProps,\r\n  BETWEEN_OPTION,\r\n} from \"../../data-model/data-filter-form\";\r\n\r\nexport const conditionDateProps = buildProps({\r\n  ...dataFilterConditionProps,\r\n  defaultOperator: {\r\n    type: String,\r\n    default: BETWEEN_OPTION.value,\r\n  },\r\n  type: {\r\n    type: String,\r\n    default: \"date\",\r\n  },\r\n} as const);\r\n\r\nexport type ConditionDateProps = ExtractPropTypes<typeof conditionDateProps>;\r\n"],"names":[],"mappings":";;;;;AAQO,MAAM,qBAAqB,UAAW,CAAA;AAAA,EAC3C,GAAG,wBAAA;AAAA,EACH,eAAiB,EAAA;AAAA,IACf,IAAM,EAAA,MAAA;AAAA,IACN,SAAS,cAAe,CAAA,KAAA;AAAA,GAC1B;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,MAAA;AAAA,GACX;AACF,CAAU;;;;"}
+{"version":3,"file":"condition-date-options.js","sources":["../../../../../src/components/condition-components/condition-date/condition-date-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\n\r\nimport {\r\n  dataFilterConditionProps,\r\n  BETWEEN_OPTION,\r\n} from \"../../data-model/data-filter-form\";\r\n\r\nexport const conditionDateProps = buildProps({\r\n  ...dataFilterConditionProps,\r\n  defaultOperator: {\r\n    type: String,\r\n    default: BETWEEN_OPTION.value,\r\n  },\r\n  type: {\r\n    type: String,\r\n    default: \"date\",\r\n  },\r\n  teleported:{\r\n    type:Boolean,\r\n    default:false\r\n  }\r\n} as const);\r\n\r\nexport type ConditionDateProps = ExtractPropTypes<typeof conditionDateProps>;\r\n"],"names":[],"mappings":";;;;;AAQO,MAAM,qBAAqB,UAAW,CAAA;AAAA,EAC3C,GAAG,wBAAA;AAAA,EACH,eAAiB,EAAA;AAAA,IACf,IAAM,EAAA,MAAA;AAAA,IACN,SAAS,cAAe,CAAA,KAAA;AAAA,GAC1B;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,MAAA;AAAA,GACX;AAAA,EACA,UAAW,EAAA;AAAA,IACT,IAAK,EAAA,OAAA;AAAA,IACL,OAAQ,EAAA,KAAA;AAAA,GACV;AACF,CAAU;;;;"}

package/dist/esm/components/condition-components/condition-date/condition-date.d.ts

@@ -2,10 +2,12 @@ import { Operator } from "@maketribe/dm";
 declare const _default: import("vue").DefineComponent<{
     readonly defaultOperator: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, Operator, boolean>;
     readonly type: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, "date", boolean>;
+    readonly teleported: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly defaultValue: import("@maketribe/utils").PropFinalized<unknown, unknown, unknown, null, 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 defaultOperator: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, Operator, boolean>;
     readonly type: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, "date", boolean>;
+    readonly teleported: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly defaultValue: import("@maketribe/utils").PropFinalized<unknown, unknown, unknown, null, boolean>;
 }>>, {
     readonly type: string;
@@ -13,6 +15,7 @@ declare const _default: import("vue").DefineComponent<{
         type: unknown;
         required: true;
     };
+    readonly teleported: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
     readonly defaultOperator: string;
 }, {}>;
 export default _default;

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

@@ -38,7 +38,9 @@ var ConditionDate = /* @__PURE__ */ defineComponent({
       }
     });
     return () => {
-      return createVNode(ElDatePicker, {
+      var ElDatePickerComponent = ElDatePicker;
+      return createVNode(ElDatePickerComponent, {
+        "teleported": props.teleported,
         "class": "mk-condition-date",
         "modelValue": unref(value),
         "onUpdate:modelValue": (v) => value.value = v,

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

@@ -1 +1 @@
-{"version":3,"file":"condition-date.js","sources":["../../../../../src/components/condition-components/condition-date/condition-date.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\r\nimport { ElDatePicker } from \"element-plus\";\r\nimport { Operator } from \"@maketribe/dm\";\r\n\r\nimport { conditionDateProps } from \"./condition-date-options\";\r\nimport {\r\n  useDataFilterCondition,\r\n  BETWEEN_OPTION,\r\n  GREATER_THAN_EQUAL_OPTION,\r\n  GREATER_THAN_OPTION,\r\n  LESS_THAN_EQUAL_OPTION,\r\n  LESS_THAN_OPTION,\r\n} from \"../../data-model/data-filter-form\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKConditionDate\",\r\n  props: conditionDateProps,\r\n  setup(props, { expose }) {\r\n    const { value, isBetween } = useDataFilterCondition({\r\n      ...props,\r\n      operator: props.defaultOperator as Operator,\r\n      operatorOptions: [\r\n        BETWEEN_OPTION,\r\n        LESS_THAN_OPTION,\r\n        LESS_THAN_EQUAL_OPTION,\r\n        GREATER_THAN_OPTION,\r\n        GREATER_THAN_EQUAL_OPTION,\r\n      ],\r\n    });\r\n\r\n    const type = computed(() => {\r\n      if (props.type === \"datetime\") {\r\n        return unref(isBetween) ? \"datetimerange\" : \"datetime\";\r\n      }\r\n\r\n      return unref(isBetween) ? \"daterange\" : props.type;\r\n    });\r\n\r\n    const valueFormat = computed(() => {\r\n      const _type = unref(type);\r\n\r\n      return [\"datetime\", \"datetimerange\"].includes(_type)\r\n        ? \"YYYY-MM-DD HH:mm:ss\"\r\n        : \"YYYY-MM-DD\";\r\n    });\r\n\r\n    expose({\r\n      isEmpty() {\r\n        return value.value[0] === null || value.value[1] === null;\r\n      },\r\n      reset() {\r\n        value.value = [null, null];\r\n      },\r\n    });\r\n\r\n    return () => {\r\n      return (\r\n        <ElDatePicker\r\n          class=\"mk-condition-date\"\r\n          modelValue={unref(value)}\r\n          onUpdate:modelValue={(v) => (value.value = v)}\r\n          type={unref(type) as any}\r\n          valueFormat={unref(valueFormat)}\r\n        />\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["name","props","conditionDateProps","setup","expose","value","isBetween","useDataFilterCondition","operator","defaultOperator","operatorOptions","BETWEEN_OPTION","LESS_THAN_OPTION","LESS_THAN_EQUAL_OPTION","GREATER_THAN_OPTION","GREATER_THAN_EQUAL_OPTION","type","computed","unref","valueFormat","_type","includes","isEmpty","reset","_createVNode","ElDatePicker","v"],"mappings":";;;;;;;AAcA,oCAA+B,eAAA,CAAA;AAAA,EAC7BA,IAAM,EAAA,iBAAA;AAAA,EACNC,KAAOC,EAAAA,kBAAAA;AAAAA,EACPC,MAAMF,KAAO,EAAA;AAAA,IAAEG,MAAAA;AAAAA,GAAU,EAAA;AACvB,IAAM,MAAA;AAAA,MAAEC,KAAAA;AAAAA,MAAOC,SAAAA;AAAAA,QAAcC,sBAAuB,CAAA;AAAA,MAClD,GAAGN,KAAAA;AAAAA,MACHO,UAAUP,KAAMQ,CAAAA,eAAAA;AAAAA,MAChBC,iBAAiB,CACfC,cAAAA,EACAC,gBACAC,EAAAA,sBAAAA,EACAC,qBACAC,yBAAyB,CAAA;AAAA,KAE5B,CAAA,CAAA;AAED,IAAMC,MAAAA,IAAAA,GAAOC,SAAS,MAAM;AAC1B,MAAIhB,IAAAA,KAAAA,CAAMe,SAAS,UAAY,EAAA;AAC7B,QAAOE,OAAAA,KAAAA,CAAMZ,SAAS,CAAA,GAAI,eAAkB,GAAA,UAAA,CAAA;AAAA,OAC9C;AAEA,MAAA,OAAOY,KAAMZ,CAAAA,SAAS,CAAI,GAAA,WAAA,GAAcL,KAAMe,CAAAA,IAAAA,CAAAA;AAAAA,KAC/C,CAAA,CAAA;AAED,IAAMG,MAAAA,WAAAA,GAAcF,SAAS,MAAM;AACjC,MAAMG,MAAAA,KAAAA,GAAQF,MAAMF,IAAI,CAAA,CAAA;AAExB,MAAA,OAAO,CAAC,UAAY,EAAA,eAAe,EAAEK,QAASD,CAAAA,KAAK,IAC/C,qBACA,GAAA,YAAA,CAAA;AAAA,KACL,CAAA,CAAA;AAEDhB,IAAO,MAAA,CAAA;AAAA,MACLkB,OAAU,GAAA;AACR,QAAOjB,OAAAA,KAAAA,CAAMA,MAAM,CAAC,CAAA,KAAM,QAAQA,KAAMA,CAAAA,KAAAA,CAAM,CAAC,CAAM,KAAA,IAAA,CAAA;AAAA,OACvD;AAAA,MACAkB,KAAQ,GAAA;AACNlB,QAAMA,KAAAA,CAAAA,KAAAA,GAAQ,CAAC,IAAA,EAAM,IAAI,CAAA,CAAA;AAAA,OAC3B;AAAA,KACD,CAAA,CAAA;AAED,IAAA,OAAO,MAAM;AACX,MAAA,OAAAmB,YAAAC,YAAA,EAAA;AAAA,QAAA,OAAA,EAAA,mBAAA;AAAA,QAAA,YAAA,EAGgBP,MAAMb,KAAK,CAAA;AAAA,QAAC,qBAAA,EACFqB,CAAOrB,CAAAA,KAAAA,KAAAA,CAAMA,KAAQqB,GAAAA,CAAAA;AAAAA,QAAE,MAAA,EACvCR,MAAMF,IAAI,CAAA;AAAA,QAAC,aAAA,EACJE,MAAMC,WAAW,CAAA;AAAA,SAAC,IAAA,CAAA,CAAA;AAAA,KAGrC,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}
+{"version":3,"file":"condition-date.js","sources":["../../../../../src/components/condition-components/condition-date/condition-date.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\r\nimport { ElDatePicker } from \"element-plus\";\r\nimport { Operator } from \"@maketribe/dm\";\r\n\r\nimport { conditionDateProps } from \"./condition-date-options\";\r\nimport {\r\n  useDataFilterCondition,\r\n  BETWEEN_OPTION,\r\n  GREATER_THAN_EQUAL_OPTION,\r\n  GREATER_THAN_OPTION,\r\n  LESS_THAN_EQUAL_OPTION,\r\n  LESS_THAN_OPTION,\r\n} from \"../../data-model/data-filter-form\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKConditionDate\",\r\n  props: conditionDateProps,\r\n  setup(props, { expose }) {\r\n    const { value, isBetween } = useDataFilterCondition({\r\n      ...props,\r\n      operator: props.defaultOperator as Operator,\r\n      operatorOptions: [\r\n        BETWEEN_OPTION,\r\n        LESS_THAN_OPTION,\r\n        LESS_THAN_EQUAL_OPTION,\r\n        GREATER_THAN_OPTION,\r\n        GREATER_THAN_EQUAL_OPTION,\r\n      ],\r\n    });\r\n\r\n    const type = computed(() => {\r\n      if (props.type === \"datetime\") {\r\n        return unref(isBetween) ? \"datetimerange\" : \"datetime\";\r\n      }\r\n\r\n      return unref(isBetween) ? \"daterange\" : props.type;\r\n    });\r\n\r\n    const valueFormat = computed(() => {\r\n      const _type = unref(type);\r\n\r\n      return [\"datetime\", \"datetimerange\"].includes(_type)\r\n        ? \"YYYY-MM-DD HH:mm:ss\"\r\n        : \"YYYY-MM-DD\";\r\n    });\r\n\r\n    expose({\r\n      isEmpty() {\r\n        return value.value[0] === null || value.value[1] === null;\r\n      },\r\n      reset() {\r\n        value.value = [null, null];\r\n      },\r\n    });\r\n\r\n    return () => {\r\n      var ElDatePickerComponent = ElDatePicker as any;\r\n      return (\r\n        <ElDatePickerComponent\r\n          teleported={props.teleported}\r\n          class=\"mk-condition-date\"\r\n          modelValue={unref(value)}\r\n          onUpdate:modelValue={(v: any) => (value.value = v)}\r\n          type={unref(type) as any}\r\n          valueFormat={unref(valueFormat)}\r\n        />\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["name","props","conditionDateProps","setup","expose","value","isBetween","useDataFilterCondition","operator","defaultOperator","operatorOptions","BETWEEN_OPTION","LESS_THAN_OPTION","LESS_THAN_EQUAL_OPTION","GREATER_THAN_OPTION","GREATER_THAN_EQUAL_OPTION","type","computed","unref","valueFormat","_type","includes","isEmpty","reset","ElDatePickerComponent","ElDatePicker","_createVNode","teleported","v"],"mappings":";;;;;;;AAcA,oCAA+B,eAAA,CAAA;AAAA,EAC7BA,IAAM,EAAA,iBAAA;AAAA,EACNC,KAAOC,EAAAA,kBAAAA;AAAAA,EACPC,MAAMF,KAAO,EAAA;AAAA,IAAEG,MAAAA;AAAAA,GAAU,EAAA;AACvB,IAAM,MAAA;AAAA,MAAEC,KAAAA;AAAAA,MAAOC,SAAAA;AAAAA,QAAcC,sBAAuB,CAAA;AAAA,MAClD,GAAGN,KAAAA;AAAAA,MACHO,UAAUP,KAAMQ,CAAAA,eAAAA;AAAAA,MAChBC,iBAAiB,CACfC,cAAAA,EACAC,gBACAC,EAAAA,sBAAAA,EACAC,qBACAC,yBAAyB,CAAA;AAAA,KAE5B,CAAA,CAAA;AAED,IAAMC,MAAAA,IAAAA,GAAOC,SAAS,MAAM;AAC1B,MAAIhB,IAAAA,KAAAA,CAAMe,SAAS,UAAY,EAAA;AAC7B,QAAOE,OAAAA,KAAAA,CAAMZ,SAAS,CAAA,GAAI,eAAkB,GAAA,UAAA,CAAA;AAAA,OAC9C;AAEA,MAAA,OAAOY,KAAMZ,CAAAA,SAAS,CAAI,GAAA,WAAA,GAAcL,KAAMe,CAAAA,IAAAA,CAAAA;AAAAA,KAC/C,CAAA,CAAA;AAED,IAAMG,MAAAA,WAAAA,GAAcF,SAAS,MAAM;AACjC,MAAMG,MAAAA,KAAAA,GAAQF,MAAMF,IAAI,CAAA,CAAA;AAExB,MAAA,OAAO,CAAC,UAAY,EAAA,eAAe,EAAEK,QAASD,CAAAA,KAAK,IAC/C,qBACA,GAAA,YAAA,CAAA;AAAA,KACL,CAAA,CAAA;AAEDhB,IAAO,MAAA,CAAA;AAAA,MACLkB,OAAU,GAAA;AACR,QAAOjB,OAAAA,KAAAA,CAAMA,MAAM,CAAC,CAAA,KAAM,QAAQA,KAAMA,CAAAA,KAAAA,CAAM,CAAC,CAAM,KAAA,IAAA,CAAA;AAAA,OACvD;AAAA,MACAkB,KAAQ,GAAA;AACNlB,QAAMA,KAAAA,CAAAA,KAAAA,GAAQ,CAAC,IAAA,EAAM,IAAI,CAAA,CAAA;AAAA,OAC3B;AAAA,KACD,CAAA,CAAA;AAED,IAAA,OAAO,MAAM;AACX,MAAA,IAAImB,qBAAwBC,GAAAA,YAAAA,CAAAA;AAC5B,MAAA,OAAAC,YAAAF,qBAAA,EAAA;AAAA,QAAA,cAEgBvB,KAAM0B,CAAAA,UAAAA;AAAAA,QAAU,OAAA,EAAA,mBAAA;AAAA,QAAA,YAAA,EAEhBT,MAAMb,KAAK,CAAA;AAAA,QAAC,qBAAA,EACFuB,CAAYvB,CAAAA,KAAAA,KAAAA,CAAMA,KAAQuB,GAAAA,CAAAA;AAAAA,QAAE,MAAA,EAC5CV,MAAMF,IAAI,CAAA;AAAA,QAAC,aAAA,EACJE,MAAMC,WAAW,CAAA;AAAA,SAAC,IAAA,CAAA,CAAA;AAAA,KAGrC,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}

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

@@ -1,10 +1,12 @@
 export declare const MKConditionDate: import("@maketribe/utils").SFCWithInstall<import("vue").DefineComponent<{
     readonly defaultOperator: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, import("@maketribe/dm").Operator, boolean>;
     readonly type: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, "date", boolean>;
+    readonly teleported: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly defaultValue: import("@maketribe/utils").PropFinalized<unknown, unknown, unknown, null, 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 defaultOperator: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, import("@maketribe/dm").Operator, boolean>;
     readonly type: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, "date", boolean>;
+    readonly teleported: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly defaultValue: import("@maketribe/utils").PropFinalized<unknown, unknown, unknown, null, boolean>;
 }>>, {
     readonly type: string;
@@ -12,6 +14,7 @@ export declare const MKConditionDate: import("@maketribe/utils").SFCWithInstall<
         type: unknown;
         required: true;
     };
+    readonly teleported: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
     readonly defaultOperator: string;
 }, {}>> & Record<string, any>;
 export default MKConditionDate;

package/package.json

@@ -1,42 +1,39 @@
-{
-  "name": "@maketribe/ms-app",
-  "version": "3.0.30",
-  "description": "",
-  "main": "./src",
-  "publishConfig": {
-    "main": "dist/cjs",
-    "module": "dist/esm",
-    "types": "dist/esm/index.d.ts"
-  },
-  "scripts": {
-    "build": "npm run clean && npm run build:js && npm run build:type && npm run build:style",
-    "build:js": "rollup --config rollup.config.mjs",
-    "build:type": "npm run build:type:cjs && npm run build:type:esm",
-    "build:type:cjs": "vue-tsc --project tsconfig.build.json --declaration --emitDeclarationOnly --outDir dist/cjs",
-    "build:type:esm": "vue-tsc --project tsconfig.build.json --declaration --emitDeclarationOnly --outDir dist/esm",
-    "build:style": "gulp --required @esbuild-kit/cjs-loader buildStyle",
-    "clean": "rimraf dist"
-  },
-  "files": [
-    "dist"
-  ],
-  "keywords": [],
-  "author": "",
-  "license": "ISC",
-  "dependencies": {
-    "@codemirror/lang-json": "^6.0.1",
-    "@element-plus/icons-vue": "^2.1.0",
-    "@maketribe/dm": "workspace:^",
-    "@maketribe/locale": "workspace:^",
-    "@maketribe/request": "workspace:^",
-    "@maketribe/utils": "workspace:^",
-    "element-plus": "^2.5.3",
-    "lodash-es": "^4.17.21",
-    "tinymce": "^6.8.2",
-    "ufo": "^1.3.1",
-    "vditor": "^3.9.6",
-    "vue": "^3.3.4",
-    "vue-codemirror": "^6.1.1",
-    "vue-router": "^4.2.4"
-  }
-}
+{
+  "name": "@maketribe/ms-app",
+  "version": "3.0.32",
+  "description": "",
+  "main": "dist/cjs",
+  "files": [
+    "dist"
+  ],
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "@codemirror/lang-json": "^6.0.1",
+    "@element-plus/icons-vue": "^2.1.0",
+    "element-plus": "^2.5.3",
+    "lodash-es": "^4.17.21",
+    "tinymce": "^6.8.2",
+    "ufo": "^1.3.1",
+    "vditor": "^3.9.6",
+    "vue": "^3.3.4",
+    "vue-codemirror": "^6.1.1",
+    "vue-router": "^4.2.4",
+    "@maketribe/locale": "^1.0.5",
+    "@maketribe/request": "^2.0.3",
+    "@maketribe/dm": "^3.0.11",
+    "@maketribe/utils": "^1.1.4"
+  },
+  "scripts": {
+    "build": "npm run clean && npm run build:js && npm run build:type && npm run build:style",
+    "build:js": "rollup --config rollup.config.mjs",
+    "build:type": "npm run build:type:cjs && npm run build:type:esm",
+    "build:type:cjs": "vue-tsc --project tsconfig.build.json --declaration --emitDeclarationOnly --outDir dist/cjs",
+    "build:type:esm": "vue-tsc --project tsconfig.build.json --declaration --emitDeclarationOnly --outDir dist/esm",
+    "build:style": "gulp --required @esbuild-kit/cjs-loader buildStyle",
+    "clean": "rimraf dist"
+  },
+  "module": "dist/esm",
+  "types": "dist/esm/index.d.ts"
+}

package/src/components/button/button-options.ts

@@ -0,0 +1,22 @@
+import { ExtractPropTypes } from "vue";
+import { Button } from "@maketribe/dm";
+import { buildProps } from "@maketribe/utils";
+
+export const buttonProps = buildProps({
+  button: {
+    type: Button,
+    required: true,
+  },
+  link: {
+    type: Boolean,
+    default: false,
+  },
+} as const);
+
+export type ButtonProps = ExtractPropTypes<typeof buttonProps>;
+
+export const buttonEmits = {
+  click: () => true,
+};
+
+export type ButtonEmits = typeof buttonEmits;

package/src/components/button/button.tsx

@@ -0,0 +1,37 @@
+import { ElButton } from "element-plus";
+import { defineComponent } from "vue";
+import MKSvgIcon from "../svg-icon";
+import { buttonEmits, buttonProps } from "./button-options";
+
+export default defineComponent({
+  name: "MKButton",
+  props: buttonProps,
+  emits: buttonEmits,
+  setup(props, { emit }) {
+    const handleClick = () => {
+      emit("click");
+    };
+
+    return () => {
+      const icon = props.button.icon ? (
+        <MKSvgIcon iconClass={props.button.icon} />
+      ) : null;
+
+      const text = props.button.label ? (
+        <span class="mk-button__text">{props.button.label}</span>
+      ) : null;
+
+      return (
+        <ElButton
+          class="mk-button"
+          onClick={handleClick}
+          type={props.button.type}
+          link={props.link}
+        >
+          {icon}
+          {text}
+        </ElButton>
+      );
+    };
+  },
+});

package/src/components/button/index.ts

@@ -0,0 +1,7 @@
+import Button from "./button";
+
+export const MKButton = Button;
+
+export default MKButton;
+
+export * from "./button-options";

package/src/components/column-components/column-action/column-action-options.ts

@@ -0,0 +1,11 @@
+import { ExtractPropTypes } from "vue";
+import { buildProps } from "@maketribe/utils";
+import { TableActionColumn } from "@maketribe/dm";
+import { columnProps } from "../../data-model/data-table/composables";
+
+export const columnActionProps = buildProps({
+  ...columnProps,
+  column: { type: TableActionColumn, required: true },
+} as const);
+
+export type ColumnActionProps = ExtractPropTypes<typeof columnActionProps>;

package/src/components/column-components/column-action/column-action.tsx

@@ -0,0 +1,36 @@
+import { computed, defineComponent, inject, unref } from "vue";
+import { ElButton } from "element-plus";
+
+import { columnActionProps } from "./column-action-options";
+import MKButton from "../../button";
+
+export type MKColumnActionButton = {
+  name?: string;
+  label?: string;
+  type?: InstanceType<typeof ElButton>["type"];
+  handler?: (row: any) => any;
+};
+
+export default defineComponent({
+  name: "MKColumnAction",
+  props: columnActionProps,
+  setup(props) {
+    const buttons = computed(() => {
+      return props.column.buttons;
+    });
+
+    return () => {
+      const buttonVnodes = unref(buttons)
+        .filter((button) => button.predicate(props.row))
+        .map((button) => (
+          <MKButton
+            button={button}
+            link
+            onClick={() => button.handler(props.row)}
+          />
+        ));
+
+      return <span class="mk-column-action">{buttonVnodes}</span>;
+    };
+  },
+});

package/src/components/column-components/column-action/index.ts

@@ -0,0 +1,4 @@
+import ColumnAction from "./column-action";
+
+export const MKColumnAction = ColumnAction;
+export default MKColumnAction;

package/src/components/column-components/column-date/column-date-options.ts

@@ -0,0 +1,12 @@
+import { ExtractPropTypes } from "vue";
+import { buildProps } from "@maketribe/utils";
+import { columnTextProps } from "../column-text";
+
+export const dateTypes = ["date", "year", "month", "datetime"] as const;
+
+export const columnDateProps = buildProps({
+  ...columnTextProps,
+  type: { default: "date", values: dateTypes },
+});
+
+export type ColumnDateProps = ExtractPropTypes<typeof columnDateProps>;

package/src/components/column-components/column-date/column-date.tsx

@@ -0,0 +1,47 @@
+import { isFunction } from "lodash-es";
+import { computed, defineComponent, unref } from "vue";
+import { dayjs } from "element-plus";
+
+import { useColumn } from "../../data-model/data-table/composables";
+import { MKColumnText } from "../column-text";
+import { columnDateProps } from "./column-date-options";
+
+export default defineComponent({
+  name: "MKColumnDate",
+  props: columnDateProps,
+  setup(props) {
+    const columnTextProps = computed(() => {
+      const { type, ...columnTextProps } = props;
+      return columnTextProps;
+    });
+
+    const type = computed(() => props.type);
+
+    const formatValue = (value: string) => {
+      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 (
+        <MKColumnText {...unref(columnTextProps)} formatValue={formatValue} />
+      );
+    };
+  },
+});

package/src/components/column-components/column-date/index.ts

@@ -0,0 +1,6 @@
+import ColumnDate from "./column-date";
+
+export const MKColumnDate = ColumnDate;
+export default MKColumnDate;
+
+export * from "./column-date-options";

package/src/components/column-components/column-image/column-image-options.ts

@@ -0,0 +1,9 @@
+import { ExtractPropTypes } from "vue";
+import { buildProps } from "@maketribe/utils";
+import { columnProps } from "../../data-model/data-table/composables";
+
+export const columnImageProps = buildProps({
+  ...columnProps,
+} as const);
+
+export type ColumnImageProps = ExtractPropTypes<typeof columnImageProps>;

package/src/components/column-components/column-image/column-image.tsx

@@ -0,0 +1,20 @@
+import { defineComponent, unref } from "vue";
+import { useColumn } from "../../data-model/data-table/composables";
+import { columnImageProps } from "./column-image-options";
+import MKImageView from "../../image-view";
+
+export default defineComponent({
+  name: "MKColumnImage",
+  props: columnImageProps,
+  setup(props) {
+    const { value } = useColumn(props);
+
+    return () => {
+      if (!unref(value)) {
+        return null;
+      }
+
+      return <MKImageView src={unref(value)} />;
+    };
+  },
+});

package/src/components/column-components/column-image/index.ts

@@ -0,0 +1,4 @@
+import ColumnImage from "./column-image";
+
+export const MKColumnImage = ColumnImage;
+export default MKColumnImage;

package/src/components/column-components/column-json/column-json-options.ts

@@ -0,0 +1,13 @@
+import { ExtractPropTypes } from "vue";
+import { buildProps } from "@maketribe/utils";
+import { columnProps } from "../../data-model/data-table/composables";
+
+export const columnJsonProps = buildProps({
+  ...columnProps,
+  buttonText: {
+    type: String,
+    default: "查看",
+  },
+} as const);
+
+export type ColumnJsonProps = ExtractPropTypes<typeof columnJsonProps>;

package/src/components/column-components/column-json/column-json.tsx

@@ -0,0 +1,41 @@
+import { Fragment, computed, defineComponent, ref, unref } from "vue";
+import { ElButton, ElDialog, ElScrollbar } from "element-plus";
+import { I18n } from "@maketribe/locale";
+import { useColumn } from "../../data-model/data-table/composables";
+import { columnJsonProps } from "./column-json-options";
+import { MKJsonEditor } from "../../json-editor";
+
+export default defineComponent({
+  name: "MKColumnJson",
+  props: columnJsonProps,
+  setup(props) {
+    const { value } = useColumn(props);
+
+    const isShowDialog = ref(false);
+
+    const buttonText = computed(() => props.buttonText);
+
+    const handleClick = () => {
+      isShowDialog.value = true;
+    };
+
+    return () => {
+      return (
+        <Fragment>
+          <ElButton onClick={handleClick}>{unref(buttonText)}</ElButton>
+
+          <ElDialog
+            class="mk-column-json__dialog"
+            appendToBody
+            modelValue={unref(isShowDialog)}
+            onUpdate:modelValue={(v: boolean) => (isShowDialog.value = v)}
+          >
+            <ElScrollbar height="100%">
+              <MKJsonEditor disabled modelValue={unref(value) as string} />
+            </ElScrollbar>
+          </ElDialog>
+        </Fragment>
+      );
+    };
+  },
+});

package/src/components/column-components/column-json/index.ts

@@ -0,0 +1,8 @@
+import { withInstall } from "@maketribe/utils";
+import ColumnJson from "./column-json";
+
+export const MKColumnJson = withInstall(ColumnJson);
+
+export default MKColumnJson;
+
+export * from "./column-json-options";