@maketribe/ms-app 4.0.8 → 5.0.0

package/dist/esm/{index-BAOwezV3.js → index-DE9HraAy.js}

@@ -1,5 +1,5 @@
-import { defineComponent, resolveComponent, openBlock, createBlock, unref, withCtx, createVNode } from "vue";
-import { J as MKLayout } from "./index-BSRra91J.js";
+import { defineComponent, resolveComponent, createBlock, openBlock, unref, withCtx, createVNode } from "vue";
+import { L as MKLayout } from "./index-D6gCeQhq.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   setup(__props) {
@@ -17,4 +17,4 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 export {
   _sfc_main as default
 };
-//# sourceMappingURL=index-BAOwezV3.js.map
+//# sourceMappingURL=index-DE9HraAy.js.map

package/dist/esm/index-DE9HraAy.js.map

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

package/dist/esm/{index-BX6mdjO9.js → index-DHQbrNgx.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, createVNode, unref } from "vue";
 import { ElSwitch } from "element-plus";
-import { c as columnProps, u as useColumn } from "./index-BSRra91J.js";
+import { c as columnProps, u as useColumn } from "./index-D6gCeQhq.js";
 import { buildProps } from "@maketribe/utils";
 import "vue-router";
 import "@maketribe/dm";
@@ -63,4 +63,4 @@ export {
   columnSwitchProps,
   MKColumnSwitch as default
 };
-//# sourceMappingURL=index-BX6mdjO9.js.map
+//# sourceMappingURL=index-DHQbrNgx.js.map

package/dist/esm/{index-BX6mdjO9.js.map → index-DHQbrNgx.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-BX6mdjO9.js","sources":["../../src/components/data-model/data-table/components/column-switch/column-switch-options.ts","../../src/components/data-model/data-table/components/column-switch/column-switch.tsx","../../src/components/data-model/data-table/components/column-switch/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { ColumnEventData, columnProps } from \"../../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: (data: ColumnEventData & { value: boolean }) => true,\n};\n\nexport type ColumnSwitchEmits = typeof columnSwitchEmits;\n","import { computed, defineComponent, unref } from \"vue\";\nimport { ElSwitch } from \"element-plus\";\n\nimport { useColumn } from \"../../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\", {\n        row: props.row,\n        column: props.column,\n        index: props.index,\n        value,\n      });\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","import ColumnSwitch from \"./column-switch\";\n\nexport const MKColumnSwitch = ColumnSwitch;\nexport default MKColumnSwitch;\n\nexport * from \"./column-switch-options\";\n"],"names":["defineComponent","name","props","columnSwitchProps","emits","columnSwitchEmits","setup","emit","value","useColumn","disabled","computed","handleChange","row","column","index","_createVNode","ElSwitch","unref"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAIO,MAAM,oBAAoB,WAAW;AAAA,EAC1C,GAAG;AAAA,EACH,UAAU,EAAE,MAAM,SAAS,SAAS,KAAK;AAC3C,CAAU;AAIH,MAAM,oBAAoB;AAAA,EAC/B,QAAQ,CAAC,SAA+C;AAC1D;ACPA,MAAeA,+CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,OAAOC;AAAAA,EACPC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAM;AAAA,MAAEC;AAAAA,IAAM,IAAIC,UAAUP,KAAK;AAEjC,UAAMQ,WAAWC,SAAS,MAAMT,MAAMQ,QAAQ;AAE9C,UAAME,eAAgBJ,CAAAA,WAAmB;AACvCD,WAAK,UAAU;AAAA,QACbM,KAAKX,MAAMW;AAAAA,QACXC,QAAQZ,MAAMY;AAAAA,QACdC,OAAOb,MAAMa;AAAAA,QACbP,OAAAA;AAAAA,MACF,CAAC;AAAA;AAGH,WAAO,MAAM;AACX,aAAAQ,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,SAAAA,CAAAA,YAAAC,UAAA;AAAA,QAAA,YAGgBC,MAAMR,QAAQ;AAAA,QAAC,cACbQ,MAAMV,KAAK;AAAA,QAAC,YACdI;AAAAA,MAAY,GAAA,IAAA,CAAA,CAAA;AAAA;EAKhC;AACF,CAAC;AClCM,MAAM,iBAAiB;"}
+{"version":3,"file":"index-DHQbrNgx.js","sources":["../../src/components/data-model/data-table/components/column-switch/column-switch-options.ts","../../src/components/data-model/data-table/components/column-switch/column-switch.tsx","../../src/components/data-model/data-table/components/column-switch/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { ColumnEventData, columnProps } from \"../../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: (data: ColumnEventData & { value: boolean }) => true,\n};\n\nexport type ColumnSwitchEmits = typeof columnSwitchEmits;\n","import { computed, defineComponent, unref } from \"vue\";\nimport { ElSwitch } from \"element-plus\";\n\nimport { useColumn } from \"../../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\", {\n        row: props.row,\n        column: props.column,\n        index: props.index,\n        value,\n      });\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","import ColumnSwitch from \"./column-switch\";\n\nexport const MKColumnSwitch = ColumnSwitch;\nexport default MKColumnSwitch;\n\nexport * from \"./column-switch-options\";\n"],"names":["name","props","columnSwitchProps","emits","columnSwitchEmits","setup","emit","value","useColumn","disabled","computed","handleChange","row","column","index","_createVNode","ElSwitch","unref"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAIO,MAAM,oBAAoB,WAAW;AAAA,EAC1C,GAAG;AAAA,EACH,UAAU,EAAE,MAAM,SAAS,SAAS,KAAA;AACtC,CAAU;AAIH,MAAM,oBAAoB;AAAA,EAC/B,QAAQ,CAAC,SAA+C;AAC1D;ACPA,MAAA,+CAA+B;AAAA,EAC7BA,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,OAAOC;AAAAA,EACPC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAM;AAAA,MAAEC;AAAAA,IAAM,IAAIC,UAAUP,KAAK;AAEjC,UAAMQ,WAAWC,SAAS,MAAMT,MAAMQ,QAAQ;AAE9C,UAAME,eAAgBJ,CAAAA,WAAmB;AACvCD,WAAK,UAAU;AAAA,QACbM,KAAKX,MAAMW;AAAAA,QACXC,QAAQZ,MAAMY;AAAAA,QACdC,OAAOb,MAAMa;AAAAA,QACbP,OAAAA;AAAAA,MACF,CAAC;AAAA,IACH;AAEA,WAAO,MAAM;AACX,aAAAQ,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,SAAA,CAAAA,YAAAC,UAAA;AAAA,QAAA,YAGgBC,MAAMR,QAAQ;AAAA,QAAC,cACbQ,MAAMV,KAAK;AAAA,QAAC,YACdI;AAAAA,MAAY,GAAA,IAAA,CAAA,CAAA;AAAA,IAI9B;AAAA,EACF;AACF,CAAC;AClCM,MAAM,iBAAiB;"}

package/dist/esm/{index-WLPh41ZY.js → index-DIjf8saG.js}

@@ -57,8 +57,8 @@ const FormRadioBox = /* @__PURE__ */ defineComponent({
       return [];
     });
     watch(computed(() => props.dataTable), (dataTable) => {
-      dataTable == null ? void 0 : dataTable.dataFilter.setReady();
-      dataTable == null ? void 0 : dataTable.load();
+      dataTable?.dataFilter.setReady();
+      dataTable?.load();
     }, {
       immediate: true
     });
@@ -90,4 +90,4 @@ export {
   radioEmits,
   radioProps
 };
-//# sourceMappingURL=index-WLPh41ZY.js.map
+//# sourceMappingURL=index-DIjf8saG.js.map

package/dist/esm/{index-WLPh41ZY.js.map → index-DIjf8saG.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-WLPh41ZY.js","sources":["../../src/components/basic/Radio/options.ts","../../src/components/basic/Radio/Radio.tsx","../../src/components/basic/Radio/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { DataTable } from \"@maketribe/dm\";\n\nexport const radioProps = buildProps({\n  modelValue: {\n    type: null,\n    default: null,\n  },\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n  options: {\n    type: Array,\n  },\n  dataTable: {\n    type: DataTable,\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} as const);\n\nexport type RadioProps = ExtractPropTypes<typeof radioProps>;\n\nexport const radioEmits = {\n  \"update:model-value\": (value: any) => true,\n};\n\nexport type RadioEmits = typeof radioEmits;\n","import { computed, defineComponent, unref, ComputedRef, watch } from \"vue\";\nimport { ElRadioGroup, ElRadio } from \"element-plus\";\nimport { radioEmits, radioProps } from \"./options\";\n\nexport type DataOptionItem = { value: any; label: string };\n\nexport default defineComponent({\n  name: \"MKFormRadioBox\",\n  inheritAttrs: false,\n  props: radioProps,\n  emits: radioEmits,\n  setup(props, { emit }) {\n    const modelValue = computed({\n      get: () => props.modelValue,\n      set: (v) => {\n        emit(\"update:model-value\", v);\n      },\n    });\n\n    const disabled = computed(() => props.disabled);\n\n    const options: ComputedRef<DataOptionItem[]> = computed(() => {\n      if (props.dataTable) {\n        return props.dataTable\n          .getList()\n          .map((item) => props.formatOptions(item));\n      }\n\n      if (Array.isArray(props.options)) {\n        return props.options.map((item) => props.formatOptions(item));\n      }\n\n      return [];\n    });\n\n    watch(\n      computed(() => props.dataTable),\n      (dataTable) => {\n        dataTable?.dataFilter.setReady();\n        dataTable?.load();\n      },\n      { immediate: true }\n    );\n\n    return () => {\n      const children = unref(options).map((item: any) => {\n        if (!item.label) {\n          return null;\n        }\n\n        return <ElRadio value={item.value}>{item.label}</ElRadio>;\n      });\n      return (\n        <ElRadioGroup\n          disabled={unref(disabled)}\n          modelValue={unref(modelValue)}\n          onUpdate:modelValue={(v: any) => (modelValue.value = v)}\n        >\n          {children}\n        </ElRadioGroup>\n      );\n    };\n  },\n});\n","import { withInstall } from \"@maketribe/utils\";\nimport FormRadioBox from \"./Radio\";\n\nexport const MKFormRadioBox = withInstall(FormRadioBox);\nexport default MKFormRadioBox;\n\nexport * from \"./options\";\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","inheritAttrs","props","radioProps","emits","radioEmits","setup","emit","modelValue","computed","get","set","v","disabled","options","dataTable","getList","map","item","formatOptions","Array","isArray","watch","dataFilter","setReady","load","immediate","children","unref","label","_createVNode","ElRadio","value","default","ElRadioGroup"],"mappings":";;;;AAIO,MAAM,aAAa,WAAW;AAAA,EACnC,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,SAAS;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,WAAW;AAAA,IACT,MAAM;AAAA,EACR;AAAA,EACA,eAAe;AAAA,IACb,MAAM;AAAA,IACN,SAAS,CAAC,SAAc;AACtB,YAAM,QAAQ,KAAK,SAAS,KAAK,MAAM,KAAK;AAC5C,YAAM,QAAQ,KAAK,SAAS,KAAK,QAAQ,KAAK,SAAS,KAAK;AAErD,aAAA,EAAE,OAAO;IAClB;AAAA,EACF;AACF,CAAU;AAIH,MAAM,aAAa;AAAA,EACxB,sBAAsB,CAAC,UAAe;AACxC;AChCmD,SAAAA,QAAAC,GAAA;AAAA,SAAA,OAAAA,MAAA,cAAAC,OAAAC,UAAAC,SAAAC,KAAAJ,CAAA,MAAAK,qBAAAA,CAAAA,QAAAL,CAAA;AAAA;AAInD,MAAeM,+CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,cAAc;AAAA,EACdC,OAAOC;AAAAA,EACPC,OAAOC;AAAAA,EACPC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,aAAaC,SAAS;AAAA,MAC1BC,KAAKA,MAAMR,MAAMM;AAAAA,MACjBG,KAAMC,OAAM;AACVL,aAAK,sBAAsBK,CAAC;AAAA,MAC9B;AAAA,IACF,CAAC;AAED,UAAMC,WAAWJ,SAAS,MAAMP,MAAMW,QAAQ;AAE9C,UAAMC,UAAyCL,SAAS,MAAM;AAC5D,UAAIP,MAAMa,WAAW;AACnB,eAAOb,MAAMa,UACVC,UACAC,IAAKC,UAAShB,MAAMiB,cAAcD,IAAI,CAAC;AAAA,MAC5C;AAEA,UAAIE,MAAMC,QAAQnB,MAAMY,OAAO,GAAG;AAChC,eAAOZ,MAAMY,QAAQG,IAAKC,UAAShB,MAAMiB,cAAcD,IAAI,CAAC;AAAA,MAC9D;AAEA,aAAO;IACT,CAAC;AAEDI,UACEb,SAAS,MAAMP,MAAMa,SAAS,GAC7BA,eAAc;AACbA,6CAAWQ,WAAWC;AACtBT,6CAAWU;AAAAA,IACb,GACA;AAAA,MAAEC,WAAW;AAAA,IAAK,CACpB;AAEA,WAAO,MAAM;AACX,YAAMC,WAAWC,MAAMd,OAAO,EAAEG,IAAKC,UAAc;AACjD,YAAI,CAACA,KAAKW,OAAO;AACf,iBAAO;AAAA,QACT;AAEA,eAAAC,YAAAC,SAAA;AAAA,UAAA,SAAuBb,KAAKc;AAAAA,QAAK,GAAA;AAAA,UAAAC,SAAAA,MAAGf,CAAAA,KAAKW,KAAK;AAAA,QAAA,CAAA;AAAA,MAChD,CAAC;AACD,aAAAC,YAAAI,cAAA;AAAA,QAAA,YAEcN,MAAMf,QAAQ;AAAA,QAAC,cACbe,MAAMpB,UAAU;AAAA,QAAC,uBACPI,OAAYJ,WAAWwB,QAAQpB;AAAAA,MAAE,GAAApB,QAEtDmC,QAAQ,IAARA,WAAQ;AAAA,QAAAM,SAAAA,MAAA,CAARN,QAAQ;AAAA,MAAA,CAAA;AAAA;EAIjB;AACF,CAAC;AC5DY,MAAA,iBAAiB,YAAY,YAAY;"}
+{"version":3,"file":"index-DIjf8saG.js","sources":["../../src/components/basic/Radio/options.ts","../../src/components/basic/Radio/Radio.tsx","../../src/components/basic/Radio/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { DataTable } from \"@maketribe/dm\";\n\nexport const radioProps = buildProps({\n  modelValue: {\n    type: null,\n    default: null,\n  },\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n  options: {\n    type: Array,\n  },\n  dataTable: {\n    type: DataTable,\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} as const);\n\nexport type RadioProps = ExtractPropTypes<typeof radioProps>;\n\nexport const radioEmits = {\n  \"update:model-value\": (value: any) => true,\n};\n\nexport type RadioEmits = typeof radioEmits;\n","import { computed, defineComponent, unref, ComputedRef, watch } from \"vue\";\nimport { ElRadioGroup, ElRadio } from \"element-plus\";\nimport { radioEmits, radioProps } from \"./options\";\n\nexport type DataOptionItem = { value: any; label: string };\n\nexport default defineComponent({\n  name: \"MKFormRadioBox\",\n  inheritAttrs: false,\n  props: radioProps,\n  emits: radioEmits,\n  setup(props, { emit }) {\n    const modelValue = computed({\n      get: () => props.modelValue,\n      set: (v) => {\n        emit(\"update:model-value\", v);\n      },\n    });\n\n    const disabled = computed(() => props.disabled);\n\n    const options: ComputedRef<DataOptionItem[]> = computed(() => {\n      if (props.dataTable) {\n        return props.dataTable\n          .getList()\n          .map((item) => props.formatOptions(item));\n      }\n\n      if (Array.isArray(props.options)) {\n        return props.options.map((item) => props.formatOptions(item));\n      }\n\n      return [];\n    });\n\n    watch(\n      computed(() => props.dataTable),\n      (dataTable) => {\n        dataTable?.dataFilter.setReady();\n        dataTable?.load();\n      },\n      { immediate: true }\n    );\n\n    return () => {\n      const children = unref(options).map((item: any) => {\n        if (!item.label) {\n          return null;\n        }\n\n        return <ElRadio value={item.value}>{item.label}</ElRadio>;\n      });\n      return (\n        <ElRadioGroup\n          disabled={unref(disabled)}\n          modelValue={unref(modelValue)}\n          onUpdate:modelValue={(v: any) => (modelValue.value = v)}\n        >\n          {children}\n        </ElRadioGroup>\n      );\n    };\n  },\n});\n","import { withInstall } from \"@maketribe/utils\";\nimport FormRadioBox from \"./Radio\";\n\nexport const MKFormRadioBox = withInstall(FormRadioBox);\nexport default MKFormRadioBox;\n\nexport * from \"./options\";\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","name","inheritAttrs","props","radioProps","emits","radioEmits","setup","emit","modelValue","computed","get","set","v","disabled","options","dataTable","getList","map","item","formatOptions","Array","isArray","watch","dataFilter","setReady","load","immediate","children","unref","label","_createVNode","ElRadio","value","default","ElRadioGroup"],"mappings":";;;;AAIO,MAAM,aAAa,WAAW;AAAA,EACnC,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAAA,EAEX,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAAA,EAEX,SAAS;AAAA,IACP,MAAM;AAAA,EAAA;AAAA,EAER,WAAW;AAAA,IACT,MAAM;AAAA,EAAA;AAAA,EAER,eAAe;AAAA,IACb,MAAM;AAAA,IACN,SAAS,CAAC,SAAc;AACtB,YAAM,QAAQ,KAAK,SAAS,KAAK,MAAM,KAAK;AAC5C,YAAM,QAAQ,KAAK,SAAS,KAAK,QAAQ,KAAK,SAAS,KAAK;AAE5D,aAAO,EAAE,OAAO,MAAA;AAAA,IAClB;AAAA,EAAA;AAEJ,CAAU;AAIH,MAAM,aAAa;AAAA,EACxB,sBAAsB,CAAC,UAAe;AACxC;AChCmD,SAAAA,QAAAC,GAAA;AAAA,SAAA,OAAAA,MAAA,cAAAC,OAAAC,UAAAC,SAAAC,KAAAJ,CAAA,MAAA,qBAAA,CAAAK,QAAAL,CAAA;AAAA;AAInD,MAAA,+CAA+B;AAAA,EAC7BM,MAAM;AAAA,EACNC,cAAc;AAAA,EACdC,OAAOC;AAAAA,EACPC,OAAOC;AAAAA,EACPC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,aAAaC,SAAS;AAAA,MAC1BC,KAAKA,MAAMR,MAAMM;AAAAA,MACjBG,KAAMC,OAAM;AACVL,aAAK,sBAAsBK,CAAC;AAAA,MAC9B;AAAA,IACF,CAAC;AAED,UAAMC,WAAWJ,SAAS,MAAMP,MAAMW,QAAQ;AAE9C,UAAMC,UAAyCL,SAAS,MAAM;AAC5D,UAAIP,MAAMa,WAAW;AACnB,eAAOb,MAAMa,UACVC,UACAC,IAAKC,UAAShB,MAAMiB,cAAcD,IAAI,CAAC;AAAA,MAC5C;AAEA,UAAIE,MAAMC,QAAQnB,MAAMY,OAAO,GAAG;AAChC,eAAOZ,MAAMY,QAAQG,IAAKC,UAAShB,MAAMiB,cAAcD,IAAI,CAAC;AAAA,MAC9D;AAEA,aAAO,CAAA;AAAA,IACT,CAAC;AAEDI,UACEb,SAAS,MAAMP,MAAMa,SAAS,GAC7BA,eAAc;AACbA,iBAAWQ,WAAWC,SAAQ;AAC9BT,iBAAWU,KAAI;AAAA,IACjB,GACA;AAAA,MAAEC,WAAW;AAAA,IAAK,CACpB;AAEA,WAAO,MAAM;AACX,YAAMC,WAAWC,MAAMd,OAAO,EAAEG,IAAKC,UAAc;AACjD,YAAI,CAACA,KAAKW,OAAO;AACf,iBAAO;AAAA,QACT;AAEA,eAAAC,YAAAC,SAAA;AAAA,UAAA,SAAuBb,KAAKc;AAAAA,QAAK,GAAA;AAAA,UAAAC,SAAAA,MAAA,CAAGf,KAAKW,KAAK;AAAA,QAAA,CAAA;AAAA,MAChD,CAAC;AACD,aAAAC,YAAAI,cAAA;AAAA,QAAA,YAEcN,MAAMf,QAAQ;AAAA,QAAC,cACbe,MAAMpB,UAAU;AAAA,QAAC,uBACPI,OAAYJ,WAAWwB,QAAQpB;AAAAA,MAAE,GAAAnB,QAEtDkC,QAAQ,IAARA,WAAQ;AAAA,QAAAM,SAAAA,MAAA,CAARN,QAAQ;AAAA,MAAA,CAAA;AAAA,IAGf;AAAA,EACF;AACF,CAAC;AC5DM,MAAM,iBAAiB,YAAY,YAAY;"}

package/dist/esm/{index-B9oVfLBc.js → index-DSgAvjEu.js}

@@ -1,9 +1,13 @@
-import { defineComponent, inject, computed, unref, watch, onBeforeUnmount, toRaw, createVNode, mergeProps, isVNode, reactive, provide, onMounted, Suspense, Fragment, createTextVNode, ref } from "vue";
+import { defineComponent, inject, computed, unref, watch, onBeforeUnmount, toRaw, createVNode, mergeProps, reactive, isVNode, provide, onMounted, Suspense, Fragment, createTextVNode, ref } from "vue";
 import { ElFormItem, ElForm, ElDrawer, ElButton, ElInput, ElTooltip } from "element-plus";
 import { Search } from "@element-plus/icons-vue";
 import { debounce } from "lodash-es";
 import { isWhereFilter, FilterColumn, DataTable, Operator } from "@maketribe/dm";
-import { d as useFilterColumnComponent, D as DATA_TABLE_CONTEXT_KEY, b as MKSvgIcon } from "./index-BSRra91J.js";
+import { e as useFilterColumnComponent, f as useSettingsStore, D as DATA_TABLE_CONTEXT_KEY, d as MKSvgIcon } from "./index-D6gCeQhq.js";
+import { buildProps, withInstall } from "@maketribe/utils";
+import "vue-router";
+import "@maketribe/request";
+import "@maketribe/locale";
 import "vue-cropper";
 import "@lexical/overflow";
 import "@lexical/text";
@@ -15,15 +19,11 @@ import "@lexical/rich-text";
 import "@lexical/history";
 import "@lexical/dragon";
 import "@lexical/plain-text";
-import { buildProps, withInstall } from "@maketribe/utils";
-import "vue-router";
-import "@maketribe/request";
-import "@maketribe/locale";
 import "./use-condition-CM-TzG8I.js";
 import "./index-YO7GGbnc.js";
 import "./index-UGKoGZpd.js";
 import "./index-DVjlAsMm.js";
-import "./index-BsryWmE_.js";
+import "./index-HwPEYPXd.js";
 const dataFilterFormItemProps = buildProps({
   name: { type: String, required: true },
   label: { type: String }
@@ -86,12 +86,11 @@ const DataFilterFormItem = /* @__PURE__ */ defineComponent({
       _dataFilter.deleteParam(unref(filterColumn).name);
     });
     return () => {
-      var _a;
       const _filterColumn2 = unref(filterColumn);
       if (!_filterColumn2) {
         return null;
       }
-      let children = (_a = slots.default) == null ? void 0 : _a.call(slots);
+      let children = slots.default?.();
       if (!children && unref(component)) {
         const FilterColumnComponent = toRaw(unref(component));
         children = createVNode(FilterColumnComponent, mergeProps(unref(componentProps), {
@@ -138,7 +137,7 @@ const DataFilterForm = /* @__PURE__ */ defineComponent({
       resolve = _resolve;
     });
     const handleResolve = () => {
-      resolve == null ? void 0 : resolve();
+      resolve?.();
     };
     onMounted(() => {
       watch(dataTable, async (dataTable2, _, onCleanup) => {
@@ -154,18 +153,16 @@ const DataFilterForm = /* @__PURE__ */ defineComponent({
       });
     });
     return () => {
-      var _a;
       if (!unref(columns).length) {
         return null;
       }
-      let children = (_a = slots.default) == null ? void 0 : _a.call(slots);
+      let children = slots.default?.();
       if (!children) {
         children = unref(columns).map((column) => {
-          var _a2;
           if (!column.name) {
             return null;
           }
-          return ((_a2 = slots[`col-${column.name}`]) == null ? void 0 : _a2.call(slots)) || createVNode(MKDataFilterFormItem, {
+          return slots[`col-${column.name}`]?.() || createVNode(MKDataFilterFormItem, {
             "name": column.name
           }, {
             default: slots[`col-${column.name}-content`]
@@ -188,40 +185,31 @@ const DataFilterForm = /* @__PURE__ */ defineComponent({
   }
 });
 ({
-  value: Operator.EQUAL,
-  label: "mk.operator.equal"
+  value: Operator.EQUAL
 });
 ({
-  value: Operator.CONTAIN,
-  label: "mk.operator.contain"
+  value: Operator.CONTAIN
 });
 ({
-  value: Operator.IN,
-  label: "mk.operator.in"
+  value: Operator.IN
 });
 ({
-  value: Operator.NOT_IN,
-  label: "mk.operator.notIn"
+  value: Operator.NOT_IN
 });
 ({
-  value: Operator.LESS_THAN,
-  label: "mk.operator.lessThan"
+  value: Operator.LESS_THAN
 });
 ({
-  value: Operator.LESS_THAN_EQUAL,
-  label: "mk.operator.lessThanEqual"
+  value: Operator.LESS_THAN_EQUAL
 });
 ({
-  value: Operator.GREATER_THAN,
-  label: "mk.operator.greaterThan"
+  value: Operator.GREATER_THAN
 });
 ({
-  value: Operator.GREATER_THAN_EQUAL,
-  label: "mk.operator.greaterThanEqual"
+  value: Operator.GREATER_THAN_EQUAL
 });
 ({
-  value: Operator.BETWEEN,
-  label: "mk.operator.between"
+  value: Operator.BETWEEN
 });
 const MKDataFilterForm = withInstall(DataFilterForm, {
   MKDataFilterFormItem
@@ -231,6 +219,10 @@ const dataFilterDrawerProps = buildProps({
     type: Boolean,
     default: false
   },
+  size: {
+    type: [String, Number],
+    default: false
+  },
   dataTable: {
     type: DataTable,
     required: true
@@ -271,6 +263,7 @@ const DataFilterDrawer = /* @__PURE__ */ defineComponent({
     return () => {
       return createVNode(ElDrawer, {
         "title": "筛选器",
+        "size": props.size,
         "modelValue": unref(visible),
         "onUpdate:modelValue": (v) => visible.value = v
       }, {
@@ -303,13 +296,11 @@ const TableFilter = /* @__PURE__ */ defineComponent({
   name: "MKTableFilter",
   setup() {
     const search = ref("");
+    const settingsStore = useSettingsStore();
     const isShowDrawer = ref(false);
     const dataTableContext = inject(DATA_TABLE_CONTEXT_KEY);
     const dataTable = computed(() => dataTableContext.dataTable);
-    const dataTableInitd = computed(() => {
-      var _a;
-      return ((_a = unref(dataTable)) == null ? void 0 : _a.initd) ?? false;
-    });
+    const dataTableInitd = computed(() => unref(dataTable)?.initd ?? false);
     const searchFilterColumns = computed(() => unref(dataTable).dataFilter.getColumns().filter((column) => column.search));
     const searchPlaceholder = computed(() => `通过${unref(searchFilterColumns).map((column) => column.label).join("、")}搜索`);
     watch(dataTable, (dataTable2, _, onCleanup) => {
@@ -377,7 +368,7 @@ const TableFilter = /* @__PURE__ */ defineComponent({
       }
       return createVNode("div", {
         "class": "mk-table-filter"
-      }, [searchInputVNode, createVNode(ElTooltip, {
+      }, [settingsStore.mode === "pc" ? searchInputVNode : null, settingsStore.mode === "pc" ? createVNode(ElTooltip, {
         "content": "筛选",
         "effect": "dark",
         "placement": "top"
@@ -389,7 +380,14 @@ const TableFilter = /* @__PURE__ */ defineComponent({
             "name": "iconoir:filter"
           }, null)]
         })]
+      }) : createVNode(ElButton, {
+        "onClick": handleShowDrawer
+      }, {
+        default: () => [createVNode(MKSvgIcon, {
+          "name": "iconoir:filter"
+        }, null)]
       }), createVNode(MKDataFilterDrawer, {
+        "size": settingsStore.mode === "pc" ? "400px" : "100%",
         "visible": unref(isShowDrawer),
         "onUpdate:visible": (v) => isShowDrawer.value = v,
         "dataTable": _dataTable
@@ -406,4 +404,4 @@ export {
   MKTableFilter,
   MKTableFilter as default
 };
-//# sourceMappingURL=index-B9oVfLBc.js.map
+//# sourceMappingURL=index-DSgAvjEu.js.map

package/dist/esm/index-DSgAvjEu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-DSgAvjEu.js","sources":["../../src/components/data-model/data-filter-form/data-filter-form-item/data-filter-form-item-options.ts","../../src/components/data-model/data-filter-form/token.ts","../../src/components/data-model/data-filter-form/data-filter-form-item/data-filter-form-item.tsx","../../src/components/data-model/data-filter-form/data-filter-form-item/index.ts","../../src/components/data-model/data-filter-form/data-filter-form-options.ts","../../src/components/data-model/data-filter-form/data-filter-form.tsx","../../src/components/data-model/data-filter-form/operator-options.ts","../../src/components/data-model/data-filter-form/index.ts","../../src/components/data-model/data-filter-drawer/data-filter-drawer-options.ts","../../src/components/data-model/data-filter-drawer/data-filter-drawer.tsx","../../src/components/data-model/data-filter-drawer/index.ts","../../src/components/data-model/data-table/components/header-components/table-filter/table-filter.tsx","../../src/components/data-model/data-table/components/header-components/table-filter/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\n\nexport const dataFilterFormItemProps = buildProps({\n  name: { type: String, required: true },\n  label: { type: String },\n} as const);\n\nexport type DataFilterFormItemProps = ExtractPropTypes<\n  typeof dataFilterFormItemProps\n>;\n","import { InjectionKey } from \"vue\";\nimport { Operator, FilterColumn, DataFilter } from \"@maketribe/dm\";\nimport { OperatorOption } from \"./operator-options\";\n\nexport interface DataFilterContext {\n  dataFilter: DataFilter;\n  labelWidth: number;\n}\n\nexport interface DataFilterItemContext {\n  dataFilter: DataFilter;\n  // dataFilterItem: DataFilterItem;\n}\n\n// export interface DataFilterItem {\n//   dataFilter: DataFilter;\n//   column: FilterColumn;\n//   currentOperator: Operator | null;\n//   operatorOptions: OperatorOption[];\n//   setOperator(operator: Operator): void;\n//   setOperatorOptions(options: OperatorOption[]): void;\n//   setValue(value: any): void;\n//   getValue(): any;\n// }\n\nexport const DATA_FILTER_CONTEXT: InjectionKey<DataFilterContext> = Symbol(\n  \"DATA_FILTER_CONTEXT\"\n);\nexport const DATA_FILTER_ITEM_CONTEXT: InjectionKey<DataFilterItemContext> =\n  Symbol(\"DATA_FILTER_ITEM_CONTEXT\");\n\nexport const DATA_FILTER_QUERY_NAME: string = \"dataTableParams\";\n","import {\n  computed,\n  defineComponent,\n  inject,\n  onBeforeUnmount,\n  reactive,\n  toRaw,\n  unref,\n  watch,\n} from \"vue\";\nimport { ElFormItem } from \"element-plus\";\nimport { FilterColumn, isWhereFilter } from \"@maketribe/dm\";\nimport { useFilterColumnComponent } from \"../../../../composables\";\nimport { DataFilterComponent } from \"../../../../core\";\nimport { dataFilterFormItemProps } from \"./data-filter-form-item-options\";\nimport { DATA_FILTER_CONTEXT } from \"../token\";\n\nexport default defineComponent({\n  name: \"MKDataFilterFormItem\",\n  props: dataFilterFormItemProps,\n  setup(props, { slots }) {\n    const dataFilterContext = inject(DATA_FILTER_CONTEXT)!;\n\n    const dataFilter = computed(() => dataFilterContext.dataFilter);\n\n    let _filterColumn: FilterColumn | null = null;\n\n    const createFilterColumn = () => {\n      _filterColumn = reactive(\n        new FilterColumn({\n          name: props.name!,\n          label: props.label!,\n        })\n      );\n\n      unref(dataFilter).addColumn(_filterColumn);\n\n      return _filterColumn;\n    };\n\n    const filterColumn = computed(() => {\n      const existingColumn = unref(dataFilter).getColumn(props.name) ?? null;\n\n      if (existingColumn) {\n        return existingColumn;\n      }\n\n      if (!_filterColumn) {\n        _filterColumn = createFilterColumn();\n      }\n\n      return _filterColumn;\n    });\n\n    const value = computed({\n      get: () => unref(dataFilter).getParam(unref(filterColumn).name),\n      set: (v) => unref(dataFilter).setParam(unref(filterColumn).name, v),\n    });\n\n    const { component, componentProps, componentInfo } =\n      useFilterColumnComponent(filterColumn, dataFilter);\n\n    watch(\n      componentInfo,\n      (componentInfo) => {\n        const _dataFilter = unref(dataFilter);\n\n        if (isWhereFilter(_dataFilter)) {\n          _dataFilter.setParamOperator(\n            unref(filterColumn).name,\n            (componentInfo as DataFilterComponent).defaultOperator\n          );\n        }\n      },\n      { immediate: true }\n    );\n\n    onBeforeUnmount(() => {\n      const _dataFilter = unref(dataFilter);\n\n      if (isWhereFilter(_dataFilter)) {\n        _dataFilter.deleteParamOperator(unref(filterColumn).name);\n      }\n\n      _dataFilter.deleteParam(unref(filterColumn).name);\n    });\n\n    return () => {\n      const _filterColumn = unref(filterColumn);\n\n      if (!_filterColumn) {\n        return null;\n      }\n\n      let children: any = slots.default?.();\n\n      if (!children && unref(component)) {\n        const FilterColumnComponent = toRaw(unref(component));\n\n        children = (\n          <FilterColumnComponent\n            {...unref(componentProps)}\n            modelValue={unref(value)}\n            onUpdate:modelValue={(v: any) => (value.value = v)}\n            column={unref(filterColumn)}\n          />\n        );\n      }\n\n      const labelWidth = computed(() => dataFilterContext.labelWidth);\n\n      return (\n        <ElFormItem\n          prop={_filterColumn.name}\n          label={_filterColumn.label}\n          labelWidth={unref(labelWidth)}\n        >\n          {children}\n        </ElFormItem>\n      );\n    };\n  },\n});\n","import { withInstall } from \"@maketribe/utils\";\nimport DataFilterFormItem from \"./data-filter-form-item\";\n\nexport const MKDataFilterFormItem = withInstall(DataFilterFormItem);\nexport default MKDataFilterFormItem;\n\nexport * from \"./data-filter-form-item-options\";\n","import { ExtractPropTypes } from \"vue\";\nimport { DataTable } from \"@maketribe/dm\";\nimport { buildProps } from \"@maketribe/utils\";\nimport dataFilterForm from \"./data-filter-form\";\n\nexport const dataFilterFormProps = buildProps({\n  // dataFilter: { type: DataFilter, required: true },\n  dataTable: { type: DataTable, required: true },\n} as const);\n\nexport type DataFilterFormProps = ExtractPropTypes<typeof dataFilterFormProps>;\n\nexport const dataFilterFormEmits = {};\n\nexport type DataFilterFormEmits = typeof dataFilterForm;\n","import {\n  Suspense,\n  computed,\n  defineComponent,\n  provide,\n  reactive,\n  unref,\n  watch,\n  onMounted,\n  Fragment,\n} from \"vue\";\nimport { dataFilterFormProps } from \"./data-filter-form-options\";\nimport { MKDataFilterFormItem } from \"./data-filter-form-item\";\nimport { DATA_FILTER_CONTEXT } from \"./token\";\nimport { ElForm } from \"element-plus\";\nimport \"./data-filter.scss\"\n\nexport default defineComponent({\n  name: \"MKDataFilterForm\",\n  props: dataFilterFormProps,\n  setup(props, { slots }) {\n    const dataTable = computed(() => props.dataTable);\n    const dataFilter = computed(() => unref(dataTable).dataFilter);\n\n    const columns = computed(() =>\n      unref(dataFilter)\n        .getColumns()\n        .filter((column) => column.visible)\n    );\n\n    const labelWidth = computed(() => {\n      const maxWordCount = Math.max(\n        ...unref(columns).map((column) => column.label.length)\n      );\n\n      return maxWordCount * 14 + 20;\n    });\n\n    provide(DATA_FILTER_CONTEXT, reactive({ dataFilter, labelWidth }));\n\n    let resolve: Function | null = null;\n    const suspenseResolvePromise = new Promise((_resolve) => {\n      resolve = _resolve;\n    });\n\n    const handleResolve = () => {\n      resolve?.();\n    };\n\n    onMounted(() => {\n      watch(\n        dataTable,\n        async (dataTable, _, onCleanup) => {\n          await suspenseResolvePromise;\n\n          const disposable = dataTable.afterInitdEvent.on(() => {\n            dataTable.dataFilter.setReady();\n          });\n\n          onCleanup(() => {\n            disposable.dispose();\n          });\n        },\n        { immediate: true }\n      );\n    });\n\n    return () => {\n      if (!unref(columns).length) {\n        return null;\n      }\n\n      let children: any = slots.default?.();\n\n      if (!children) {\n        children = unref(columns).map((column) => {\n          if (!column.name) {\n            return null;\n          }\n\n          return (\n            slots[`col-${column.name}`]?.() || (\n              <MKDataFilterFormItem\n                name={column.name}\n                v-slots={{ default: slots[`col-${column.name}-content`] }}\n              />\n            )\n          );\n        });\n      }\n\n      if (!children) {\n        return null;\n      }\n\n      return (\n        <ElForm class=\"mk-data-filter-form\">\n          <Suspense onResolve={handleResolve}>\n            <Fragment>{children}</Fragment>\n          </Suspense>\n        </ElForm>\n      );\n    };\n  },\n});\n\n// export default defineComponent({\n//   name: \"MKDataFilterForm\",\n//   props: dataFilterFormProps,\n//   setup(props, { slots }) {\n//     const dataTable = computed(() => props.dataTable);\n//     const dataFilter = computed(() => unref(dataTable).dataFilter);\n\n//     const columns = computed(() =>\n//       unref(dataFilter)\n//         .getColumns()\n//         .filter((column) => column.visible)\n//     );\n\n//     const labelWidth = computed(() => {\n//       const maxWordCount = Math.max(\n//         ...unref(columns).map((column) => column.label.length)\n//       );\n\n//       return maxWordCount * 14 + 10;\n//     });\n\n//     provide(DATA_FILTER_CONTEXT, reactive({ dataFilter, labelWidth }));\n\n//     let resolve: Function | null = null;\n//     const suspenseResolvePromise = new Promise((_resolve) => {\n//       resolve = _resolve;\n//     });\n\n//     const handleResolve = () => {\n//       resolve?.();\n//     };\n\n//     onMounted(() => {\n//       watch(\n//         dataTable,\n//         async (dataTable, _, onCleanup) => {\n//           await suspenseResolvePromise;\n\n//           const disposable = dataTable.afterInitdEvent.on(() => {\n//             dataTable.dataFilter.setReady();\n//           });\n\n//           onCleanup(() => {\n//             disposable.dispose();\n//           });\n//         },\n//         { immediate: true }\n//       );\n//     });\n\n//     return () => {\n//       if (!unref(columns).length) {\n//         return null;\n//       }\n\n//       let children: any = slots.default?.();\n\n//       if (!children) {\n//         children = unref(columns).map((column) => {\n//           if (!column.name) {\n//             return null;\n//           }\n\n//           return (\n//             slots[`col-${column.name}`]?.() || (\n//               <MKDataFilterFormItem\n//                 name={column.name}\n//                 v-slots={{ default: slots[`col-${column.name}-content`] }}\n//               />\n//             )\n//           );\n//         });\n//       }\n\n//       if (!children) {\n//         return null;\n//       }\n\n//       return (\n//         <div class=\"mk-data-filter-form\">\n//           <Suspense onResolve={handleResolve}>\n//             <Fragment>{children}</Fragment>\n//           </Suspense>\n//         </div>\n//       );\n//     };\n//   },\n// });\n","import { Operator } from \"@maketribe/dm\";\n\nexport type OperatorOption = { value: Operator; label: string };\n\nexport const EQUAL_OPTION: OperatorOption = {\n  value: Operator.EQUAL,\n  label: \"mk.operator.equal\",\n};\n\nexport const CONTAIN_OPTION: OperatorOption = {\n  value: Operator.CONTAIN,\n  label: \"mk.operator.contain\",\n};\n\nexport const IN_OPTION: OperatorOption = {\n  value: Operator.IN,\n  label: \"mk.operator.in\",\n};\n\nexport const NOT_IN_OPTION: OperatorOption = {\n  value: Operator.NOT_IN,\n  label: \"mk.operator.notIn\",\n};\n\nexport const LESS_THAN_OPTION: OperatorOption = {\n  value: Operator.LESS_THAN,\n  label: \"mk.operator.lessThan\",\n};\n\nexport const LESS_THAN_EQUAL_OPTION: OperatorOption = {\n  value: Operator.LESS_THAN_EQUAL,\n  label: \"mk.operator.lessThanEqual\",\n};\n\nexport const GREATER_THAN_OPTION: OperatorOption = {\n  value: Operator.GREATER_THAN,\n  label: \"mk.operator.greaterThan\",\n};\n\nexport const GREATER_THAN_EQUAL_OPTION: OperatorOption = {\n  value: Operator.GREATER_THAN_EQUAL,\n  label: \"mk.operator.greaterThanEqual\",\n};\n\nexport const BETWEEN_OPTION: OperatorOption = {\n  value: Operator.BETWEEN,\n  label: \"mk.operator.between\",\n};\n","import { withInstall } from \"@maketribe/utils\";\nimport { MKDataFilterFormItem } from \"./data-filter-form-item\";\nimport DataFilterForm from \"./data-filter-form\";\n\nexport const MKDataFilterForm = withInstall(DataFilterForm, {\n  MKDataFilterFormItem,\n});\nexport default MKDataFilterForm;\n\nexport * from \"./data-filter-form-item\";\nexport * from \"./data-filter-form-options\";\nexport * from \"./composables\";\nexport * from \"./operator-options\";\n\nexport * from \"./components\";\n","import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { DataTable } from \"@maketribe/dm\";\n\nexport const dataFilterDrawerProps = buildProps({\n  visible: {\n    type: Boolean,\n    default: false,\n  },\n  size: {\n    type: [String,Number],\n    default: false,\n  },\n  dataTable: {\n    type: DataTable,\n    required: true,\n  },\n} as const);\n\nexport type DataFilterDrawerProps = ExtractPropTypes<\n  typeof dataFilterDrawerProps\n>;\n\nexport const dataFilterDrawerEmits = {\n  \"update:visible\": (visible: boolean) => true,\n};\n\nexport type DataFilterDrawerEmits = typeof dataFilterDrawerEmits;\n","import {computed, defineComponent, Fragment, unref} from \"vue\";\nimport {ElButton, ElDrawer} from \"element-plus\";\nimport {MKDataFilterForm} from \"../data-filter-form\";\nimport {\n  dataFilterDrawerEmits,\n  dataFilterDrawerProps,\n} from \"./data-filter-drawer-options\";\n\nexport default defineComponent({\n  name: \"MKDataFilterDrawer\",\n  props: dataFilterDrawerProps,\n  emits: dataFilterDrawerEmits,\n  setup(props, {emit}) {\n    const visible = computed({\n      get: () => props.visible,\n      set: (v) => emit(\"update:visible\", v),\n    });\n\n    const handleCancelClick = () => {\n      visible.value = false;\n    };\n\n    const handleResetClick = () => {\n      visible.value = false;\n\n      const dataTable = props.dataTable;\n      const dataFilter = props.dataTable.dataFilter;\n\n      dataFilter.reset();\n\n      dataFilter.beforeSearchEvent.emit();\n\n      dataTable.load();\n    };\n\n    const handleConfirmClick = () => {\n      visible.value = false;\n\n      const dataTable = props.dataTable;\n      const dataFilter = props.dataTable.dataFilter;\n\n      dataFilter.beforeSearchEvent.emit();\n\n      dataTable.load();\n    };\n\n    return () => {\n      return (\n        <ElDrawer\n          title=\"筛选器\" size={props.size}\n          modelValue={unref(visible)}\n          onUpdate:modelValue={((v: boolean) => (visible.value = v)) as any}\n          v-slots={{\n            default: () => <MKDataFilterForm\n              class=\"overflow-hidden\"\n              dataTable={props.dataTable}\n              {...{labelPosition: \"top\"}}\n            />,\n            footer: () => (\n              <Fragment>\n                <ElButton onClick={handleCancelClick}>取消</ElButton>\n\n                <ElButton onClick={handleResetClick}>重置</ElButton>\n\n                <ElButton type=\"primary\" onClick={handleConfirmClick}>\n                  查询\n                </ElButton>\n              </Fragment>\n            ),\n          }}\n        />\n      );\n    };\n  },\n});\n","import { withInstall } from \"@maketribe/utils\";\nimport DataFilterDrawer from \"./data-filter-drawer\";\n\nexport const MKDataFilterDrawer = withInstall(DataFilterDrawer);\n\nexport default MKDataFilterDrawer;\n\nexport * from \"./data-filter-drawer-options\";\n","import { defineComponent, inject, computed, unref, watch, ref } from \"vue\";\nimport { ElButton, ElInput, ElTooltip } from \"element-plus\";\nimport { Search } from \"@element-plus/icons-vue\";\nimport { debounce } from \"lodash-es\";\nimport { isWhereFilter } from \"@maketribe/dm\";\nimport { DATA_TABLE_CONTEXT_KEY } from \"../../../token\";\nimport { MKSvgIcon } from \"../../../../../basic/SvgIcon/index.ts\";\nimport { MKDataFilterDrawer } from \"../../../../data-filter-drawer\";\nimport { MKDataFilterForm } from \"../../../../data-filter-form\";\nimport useSettingsStore from \"../../../../../../layouts/store/modules/settings.ts\";\n\nexport default defineComponent({\n  name: \"MKTableFilter\",\n  setup() {\n    const search = ref(\"\");\n    const settingsStore = useSettingsStore();\n    const isShowDrawer = ref(false);\n\n    const dataTableContext = inject(DATA_TABLE_CONTEXT_KEY);\n\n    const dataTable = computed(() => dataTableContext!.dataTable);\n\n    const dataTableInitd = computed(() => unref(dataTable)?.initd ?? false);\n\n    const searchFilterColumns = computed(() =>\n      unref(dataTable)\n        .dataFilter.getColumns()\n        .filter((column) => column.search)\n    );\n\n    const searchPlaceholder = computed(\n      () =>\n        `通过${unref(searchFilterColumns)\n          .map((column) => column.label)\n          .join(\"、\")}搜索`\n    );\n\n    watch(\n      dataTable,\n      (dataTable, _, onCleanup) => {\n        onCleanup(() => {\n          const dataFilter = dataTable.dataFilter;\n          if (isWhereFilter(dataFilter)) {\n            dataFilter.getSearchGroup().clear();\n          }\n        });\n      },\n      { immediate: true }\n    );\n\n    const handleSearch = () => {\n      debounceSearch.cancel();\n\n      const dataFilter = unref(dataTable).dataFilter;\n      if (isWhereFilter(dataFilter)) {\n        const searchGroup = dataFilter.getSearchGroup();\n        searchGroup.clear();\n\n        const searchValue = unref(search);\n\n        for (const searchFilterColumn of unref(searchFilterColumns)) {\n          searchGroup.addOrCondition(\n            searchFilterColumn.name,\n            \"like\",\n            `%${searchValue}%`\n          );\n        }\n      }\n\n      unref(dataTable).load();\n    };\n\n    const debounceSearch = debounce(handleSearch, 1000);\n\n    const handleSearchKeydown = (event: KeyboardEvent) => {\n      if (event.key === \"Enter\") {\n        handleSearch();\n      }\n    };\n\n    const handleSearchFocus = (event: FocusEvent) => {\n      const target = event.target as HTMLInputElement;\n\n      target.addEventListener(\"input\", debounceSearch);\n    };\n\n    const handleSearchBlur = (event: any) => {\n      const target = event.target as HTMLInputElement;\n\n      target.removeEventListener(\"input\", debounceSearch);\n    };\n\n    const handleShowDrawer = () => {\n      isShowDrawer.value = true;\n    };\n\n    return () => {\n      if (!unref(dataTableInitd)) {\n        return null;\n      }\n\n      const _dataTable = unref(dataTable);\n\n      if (_dataTable.dataFilter.getColumns().length === 0) {\n        return null;\n      }\n\n      let searchInputVNode = null;\n\n      if (unref(searchFilterColumns).length) {\n        searchInputVNode = (\n          <ElInput\n            prefixIcon={Search}\n            class=\"mk-table-filter__search\"\n            modelValue={unref(search)}\n            onUpdate:modelValue={(v) => (search.value = v)}\n            onKeydown={handleSearchKeydown as any}\n            placeholder={unref(searchPlaceholder)}\n            onFocus={handleSearchFocus}\n            onBlur={handleSearchBlur}\n            onClear={handleSearch}\n            clearable\n          />\n        );\n      }\n\n      return (\n        <div class=\"mk-table-filter\">\n          { settingsStore.mode === 'pc' ? searchInputVNode : null}\n          {\n            settingsStore.mode === 'pc' ?\n              <ElTooltip  content=\"筛选\" effect=\"dark\" placement=\"top\">\n                <ElButton onClick={handleShowDrawer}>\n                  <MKSvgIcon name=\"iconoir:filter\" />\n                </ElButton>\n              </ElTooltip>\n              :\n              <ElButton onClick={handleShowDrawer}>\n                <MKSvgIcon name=\"iconoir:filter\" />\n              </ElButton>\n          }\n\n          <MKDataFilterDrawer size={settingsStore.mode === 'pc' ? \"400px\" : '100%'}\n            visible={unref(isShowDrawer)}\n            onUpdate:visible={(v) => (isShowDrawer.value = v)}\n            dataTable={_dataTable}\n          />\n\n          <div class=\"mk-table-filter__hidden\">\n            <MKDataFilterForm dataTable={_dataTable} />\n          </div>\n        </div>\n      );\n    };\n  },\n});\n","import \"./index.scss\"\nimport TableFilter from \"./table-filter\";\n\nexport const MKTableFilter = TableFilter;\nexport default MKTableFilter;\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","name","props","dataFilterFormItemProps","setup","slots","dataFilterContext","inject","DATA_FILTER_CONTEXT","dataFilter","computed","_filterColumn","createFilterColumn","reactive","FilterColumn","label","unref","addColumn","filterColumn","existingColumn","getColumn","value","get","getParam","set","v","setParam","component","componentProps","componentInfo","useFilterColumnComponent","watch","_dataFilter","isWhereFilter","setParamOperator","defaultOperator","immediate","onBeforeUnmount","deleteParamOperator","deleteParam","children","default","FilterColumnComponent","toRaw","_createVNode","_mergeProps","labelWidth","ElFormItem","dataFilterFormProps","dataTable","columns","getColumns","filter","column","visible","maxWordCount","Math","max","map","length","provide","resolve","suspenseResolvePromise","Promise","_resolve","handleResolve","onMounted","_","onCleanup","disposable","afterInitdEvent","on","setReady","dispose","MKDataFilterFormItem","ElForm","Suspense","_Fragment","dataFilterDrawerProps","emits","dataFilterDrawerEmits","emit","handleCancelClick","handleResetClick","reset","beforeSearchEvent","load","handleConfirmClick","ElDrawer","size","MKDataFilterForm","labelPosition","footer","ElButton","_createTextVNode","search","ref","settingsStore","useSettingsStore","isShowDrawer","dataTableContext","DATA_TABLE_CONTEXT_KEY","dataTableInitd","initd","searchFilterColumns","searchPlaceholder","join","getSearchGroup","clear","handleSearch","debounceSearch","cancel","searchGroup","searchValue","searchFilterColumn","addOrCondition","debounce","handleSearchKeydown","event","key","handleSearchFocus","target","addEventListener","handleSearchBlur","removeEventListener","handleShowDrawer","_dataTable","searchInputVNode","ElInput","Search","mode","ElTooltip","MKSvgIcon","MKDataFilterDrawer"],"mappings":"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"}

package/dist/esm/{index--2sHYJhe.js → index-DTgno_W2.js}

@@ -1,6 +1,6 @@
 import { buildProps, withInstall } from "@maketribe/utils";
-import { defineComponent, computed, watch, unref, ref, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createTextVNode, toDisplayString } from "vue";
-import { e as useFormItem, f as MKDataTable, g as DataForm, h as MKForm, _ as _export_sfc } from "./index-BSRra91J.js";
+import { defineComponent, computed, watch, unref, ref, resolveComponent, createElementBlock, openBlock, createVNode, withCtx, createTextVNode, toDisplayString } from "vue";
+import { g as useFormItem, h as MKDataTable, i as DataForm, j as MKForm, _ as _export_sfc } from "./index-D6gCeQhq.js";
 import { FormDetailColumn, Messager, DataFormType } from "@maketribe/dm";
 import { ElButton } from "element-plus";
 import { I18n } from "@maketribe/locale";
@@ -86,9 +86,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       detailForm,
       (dataForm, _, onCleanup) => {
         const submittedDisposable = dataForm.submittedEvent.on(() => {
-          var _a;
           isShowDataForm.value = false;
-          (_a = unref(detailTable)) == null ? void 0 : _a.load();
+          unref(detailTable)?.load();
         });
         const cancelDisposable = dataForm.cancelEvent.on(() => {
           isShowDataForm.value = false;
@@ -102,8 +101,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     );
     const isUpdateForm = computed(() => unref(detailForm).getDataFormType() == DataFormType.UPDATE);
     const handleFormSave = async () => {
-      var _a;
-      await ((_a = unref(detailForm)) == null ? void 0 : _a.simpleSubmit());
+      await unref(detailForm)?.simpleSubmit();
     };
     const handleFormCancel = () => {
       unref(detailForm).cancel();
@@ -163,4 +161,4 @@ export {
   formDetailEmits,
   formDetailProps
 };
-//# sourceMappingURL=index--2sHYJhe.js.map
+//# sourceMappingURL=index-DTgno_W2.js.map

package/dist/esm/{index--2sHYJhe.js.map → index-DTgno_W2.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index--2sHYJhe.js","sources":["../../src/components/data-model/data-form/components/form-detail/form-detail-options.ts","../../src/components/data-model/data-form/components/form-detail/form-detail.vue","../../src/components/data-model/data-form/components/form-detail/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { FormDetailColumn } from \"@maketribe/dm\";\n\nexport const formDetailProps = buildProps({\n  modelValue: {\n    type: null,\n  },\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n  column: { type: FormDetailColumn, required: true },\n  formWidth: {\n    type: String,\n    default: \"400px\",\n  },\n} as const);\n\nexport type FormDetailProps = ExtractPropTypes<typeof formDetailProps>;\n\nexport const formDetailEmits = {\n  \"update:model-value\": (v: any) => true,\n};\n\nexport type FormDetailEmits = ExtractPropTypes<typeof formDetailEmits>;\n","<script setup lang=\"ts\">\nimport {computed, ref, unref, watch} from \"vue\";\nimport {MKDataTable} from \"../../../data-table\";\nimport DataForm from \"../../data-form.vue\";\nimport {formDetailEmits, formDetailProps} from \"./form-detail-options\";\nimport {useFormItem} from \"../../composables\";\nimport {MKForm} from '../../views'\nimport {ElButton, ElEmpty} from \"element-plus\";\nimport { I18n } from \"@maketribe/locale\";\nimport {DataFormType, Messager} from \"@maketribe/dm\";\n\nconst props = defineProps(formDetailProps);\n\nconst emit = defineEmits(formDetailEmits)\n\nconst detailTable = computed(() => props.column.detailTable);\nconst detailForm = computed(() => props.column.detailForm!);\n\nconst {value} = useFormItem();\n\nwatch(\n  computed(() => unref(value)),\n  (value) => {\n    const _detailTable = unref(detailTable);\n\n    value = Array.isArray(value) ? value : [];\n\n    _detailTable.setList(\n      value.map((item: any) => _detailTable.formatItem(item))\n    );\n  }\n);\n\nconst isShowDataForm = ref(false);\n\nwatch(\n  detailTable,\n  (dataTable, _, onCleanup) => {\n\n    const addRecordDisposable = dataTable.addRecordEvent.on(async ({item}) => {\n      const _dataForm = unref(detailForm);\n\n      if (!_dataForm) {\n        console.warn(`没有对应的 (${dataTable.name}) DataForm 实现`);\n        return;\n      }\n\n      isShowDataForm.value = true;\n\n      _dataForm.addRecord(item);\n    });\n\n    const editRecordDisposable = dataTable.editRecordEvent.on(\n      async ({item}) => {\n        const _dataForm = unref(detailForm);\n\n        if (!_dataForm) {\n          console.warn(`没有对应的 (${dataTable.name}) DataForm 实现`);\n          return;\n        }\n\n        isShowDataForm.value = true;\n\n        try {\n          const response = await _dataForm.editRecord(item);\n\n          if (response.data.code !== 200) {\n            Messager.error({message: response.data.msg});\n            isShowDataForm.value = false;\n            return;\n          }\n        } catch (e) {\n          console.error(e);\n          isShowDataForm.value = false;\n        }\n      }\n    );\n\n    onCleanup(() => {\n      addRecordDisposable.dispose();\n      editRecordDisposable.dispose();\n    });\n  },\n  {immediate: true}\n);\n\nwatch(\n  detailForm,\n  (dataForm, _, onCleanup) => {\n    const submittedDisposable = dataForm.submittedEvent.on(() => {\n      isShowDataForm.value = false;\n\n      unref(detailTable)?.load();\n    });\n\n    const cancelDisposable = dataForm.cancelEvent.on(() => {\n      isShowDataForm.value = false;\n    });\n\n    onCleanup(() => {\n      submittedDisposable.dispose();\n      cancelDisposable.dispose();\n    });\n  },\n  {immediate: true}\n);\n\nconst isUpdateForm = computed(()=> unref(detailForm).getDataFormType() == DataFormType.UPDATE)\n\nconst handleFormSave = async () => {\n  await unref(detailForm)?.simpleSubmit();\n};\n\nconst handleFormCancel = () => {\n  unref(detailForm).cancel();\n};\n\n\n</script>\n\n<template>\n  <div class=\"mk-form-detail\">\n    <MKDataTable :dataTable=\"detailTable\" :autoLoad=\"false\" />\n    <ElDrawer v-model=\"isShowDataForm\" append-to-body  :title=\"column.label\">\n      <DataForm :dataForm=\"detailForm\" :autoLoad=\"false\" >\n        <MKForm labelPosition=\"top\" />\n      </DataForm>\n      <template #footer>\n        <ElButton @click=\"handleFormCancel\">\n          {{I18n.instance.translate(\"mk.dataForm.cancelButton\")}}\n        </ElButton>\n        <ElButton type=\"primary\" @click=\"handleFormSave\">\n          {{ isUpdateForm ? I18n.instance.translate(\"mk.dataForm.saveButton\") : I18n.instance.translate(\"mk.dataForm.addButton\")}}\n        </ElButton>\n      </template>\n\n<!--      <template #empty>-->\n<!--        <ElEmpty :image-size=\"100\"/>-->\n<!--      </template>-->\n    </ElDrawer>\n  </div>\n</template>\n<style scoped lang=\"scss\">\n.mk-form-detail {\n  width: 100%;\n  min-height: 200px;\n\n  .mk-data-table {\n    height: 100%;\n  }\n\n  .mk-data-table-search {\n    display: none;\n  }\n\n  .el-table {\n    flex: 1;\n  }\n\n  @at-root {\n    &__drawer {\n      .el-card {\n        border: none;\n\n        &__body {\n          --el-card-padding: 0px;\n        }\n      }\n    }\n  }\n}\n\n</style>\n","import { withInstall } from \"@maketribe/utils\";\nimport FormDetail from \"./form-detail.vue\";\n\nexport const MKFormDetail = withInstall(FormDetail);\nexport default MKFormDetail;\n\nexport * from \"./form-detail-options\";\n"],"names":["value"],"mappings":"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"}
+{"version":3,"file":"index-DTgno_W2.js","sources":["../../src/components/data-model/data-form/components/form-detail/form-detail-options.ts","../../src/components/data-model/data-form/components/form-detail/form-detail.vue","../../src/components/data-model/data-form/components/form-detail/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { FormDetailColumn } from \"@maketribe/dm\";\n\nexport const formDetailProps = buildProps({\n  modelValue: {\n    type: null,\n  },\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n  column: { type: FormDetailColumn, required: true },\n  formWidth: {\n    type: String,\n    default: \"400px\",\n  },\n} as const);\n\nexport type FormDetailProps = ExtractPropTypes<typeof formDetailProps>;\n\nexport const formDetailEmits = {\n  \"update:model-value\": (v: any) => true,\n};\n\nexport type FormDetailEmits = ExtractPropTypes<typeof formDetailEmits>;\n","<script setup lang=\"ts\">\nimport {computed, ref, unref, watch} from \"vue\";\nimport {MKDataTable} from \"../../../data-table\";\nimport DataForm from \"../../data-form.vue\";\nimport {formDetailEmits, formDetailProps} from \"./form-detail-options\";\nimport {useFormItem} from \"../../composables\";\nimport {MKForm} from '../../views'\nimport {ElButton, ElEmpty} from \"element-plus\";\nimport { I18n } from \"@maketribe/locale\";\nimport {DataFormType, Messager} from \"@maketribe/dm\";\n\nconst props = defineProps(formDetailProps);\n\nconst emit = defineEmits(formDetailEmits)\n\nconst detailTable = computed(() => props.column.detailTable);\nconst detailForm = computed(() => props.column.detailForm!);\n\nconst {value} = useFormItem();\n\nwatch(\n  computed(() => unref(value)),\n  (value) => {\n    const _detailTable = unref(detailTable);\n\n    value = Array.isArray(value) ? value : [];\n\n    _detailTable.setList(\n      value.map((item: any) => _detailTable.formatItem(item))\n    );\n  }\n);\n\nconst isShowDataForm = ref(false);\n\nwatch(\n  detailTable,\n  (dataTable, _, onCleanup) => {\n\n    const addRecordDisposable = dataTable.addRecordEvent.on(async ({item}) => {\n      const _dataForm = unref(detailForm);\n\n      if (!_dataForm) {\n        console.warn(`没有对应的 (${dataTable.name}) DataForm 实现`);\n        return;\n      }\n\n      isShowDataForm.value = true;\n\n      _dataForm.addRecord(item);\n    });\n\n    const editRecordDisposable = dataTable.editRecordEvent.on(\n      async ({item}) => {\n        const _dataForm = unref(detailForm);\n\n        if (!_dataForm) {\n          console.warn(`没有对应的 (${dataTable.name}) DataForm 实现`);\n          return;\n        }\n\n        isShowDataForm.value = true;\n\n        try {\n          const response = await _dataForm.editRecord(item);\n\n          if (response.data.code !== 200) {\n            Messager.error({message: response.data.msg});\n            isShowDataForm.value = false;\n            return;\n          }\n        } catch (e) {\n          console.error(e);\n          isShowDataForm.value = false;\n        }\n      }\n    );\n\n    onCleanup(() => {\n      addRecordDisposable.dispose();\n      editRecordDisposable.dispose();\n    });\n  },\n  {immediate: true}\n);\n\nwatch(\n  detailForm,\n  (dataForm, _, onCleanup) => {\n    const submittedDisposable = dataForm.submittedEvent.on(() => {\n      isShowDataForm.value = false;\n\n      unref(detailTable)?.load();\n    });\n\n    const cancelDisposable = dataForm.cancelEvent.on(() => {\n      isShowDataForm.value = false;\n    });\n\n    onCleanup(() => {\n      submittedDisposable.dispose();\n      cancelDisposable.dispose();\n    });\n  },\n  {immediate: true}\n);\n\nconst isUpdateForm = computed(()=> unref(detailForm).getDataFormType() == DataFormType.UPDATE)\n\nconst handleFormSave = async () => {\n  await unref(detailForm)?.simpleSubmit();\n};\n\nconst handleFormCancel = () => {\n  unref(detailForm).cancel();\n};\n\n\n</script>\n\n<template>\n  <div class=\"mk-form-detail\">\n    <MKDataTable :dataTable=\"detailTable\" :autoLoad=\"false\" />\n    <ElDrawer v-model=\"isShowDataForm\" append-to-body  :title=\"column.label\">\n      <DataForm :dataForm=\"detailForm\" :autoLoad=\"false\" >\n        <MKForm labelPosition=\"top\" />\n      </DataForm>\n      <template #footer>\n        <ElButton @click=\"handleFormCancel\">\n          {{I18n.instance.translate(\"mk.dataForm.cancelButton\")}}\n        </ElButton>\n        <ElButton type=\"primary\" @click=\"handleFormSave\">\n          {{ isUpdateForm ? I18n.instance.translate(\"mk.dataForm.saveButton\") : I18n.instance.translate(\"mk.dataForm.addButton\")}}\n        </ElButton>\n      </template>\n\n<!--      <template #empty>-->\n<!--        <ElEmpty :image-size=\"100\"/>-->\n<!--      </template>-->\n    </ElDrawer>\n  </div>\n</template>\n<style scoped lang=\"scss\">\n.mk-form-detail {\n  width: 100%;\n  min-height: 200px;\n\n  .mk-data-table {\n    height: 100%;\n  }\n\n  .mk-data-table-search {\n    display: none;\n  }\n\n  .el-table {\n    flex: 1;\n  }\n\n  @at-root {\n    &__drawer {\n      .el-card {\n        border: none;\n\n        &__body {\n          --el-card-padding: 0px;\n        }\n      }\n    }\n  }\n}\n\n</style>\n","import { withInstall } from \"@maketribe/utils\";\nimport FormDetail from \"./form-detail.vue\";\n\nexport const MKFormDetail = withInstall(FormDetail);\nexport default MKFormDetail;\n\nexport * from \"./form-detail-options\";\n"],"names":["value"],"mappings":"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"}

package/dist/esm/index-DVjlAsMm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index-DVjlAsMm.js","sources":["../../src/components/data-model/data-filter-form/components/condition-number/condition-number-options.ts","../../src/components/data-model/data-filter-form/components/condition-number/condition-number.tsx","../../src/components/data-model/data-filter-form/components/condition-number/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\n\nimport { dataFilterConditionProps } from \"../../composables\";\n\nexport const conditionNumberProps = buildProps({\n  ...dataFilterConditionProps,\n  isBetween: {\n    type: Boolean,\n    default: false,\n  },\n});\n\nexport type ConditionNumberProps = ExtractPropTypes<\n  typeof conditionNumberProps\n>;\n\nexport const conditionNumberEmits = {\n  \"update:model-value\": (v: string) => true,\n};\n\nexport type ConditionNumberEmits = typeof conditionNumberEmits;\n","import { ElInputNumber } from \"element-plus\";\nimport { computed, defineComponent, unref } from \"vue\";\nimport {\n  conditionNumberEmits,\n  conditionNumberProps,\n} from \"./condition-number-options\";\n\nexport default defineComponent({\n  name: \"MKConditionNumber\",\n  props: conditionNumberProps,\n  emits: conditionNumberEmits,\n  setup(props, { emit }) {\n    const modelValue = computed({\n      get: () => (props.modelValue ?? props.isBetween ? [null, null] : null),\n      set: (v: any) => emit(\"update:model-value\", v),\n    });\n\n    return () => {\n      const children = props.isBetween ? (\n        <span>\n          <ElInputNumber\n            modelValue={unref(modelValue)![0] as any}\n            onUpdate:modelValue={(v: any) =>\n              (modelValue.value = [v, unref(modelValue)![1]])\n            }\n            controls-position=\"right\"\n          />\n\n          <ElInputNumber\n            modelValue={unref(modelValue)![1] as any}\n            onUpdate:modelValue={(v: any) =>\n              (modelValue.value = [unref(modelValue)![0], v])\n            }\n            controls-position=\"right\"\n          />\n        </span>\n      ) : (\n        <ElInputNumber\n          modelValue={unref(modelValue) as any}\n          onUpdate:modelValue={(v: any) => (modelValue.value = v)}\n          controls-position=\"right\"\n        />\n      );\n\n      return (\n        <div\n          class={[\"mk-condition-number\", props.isBetween ? \"is-between\" : \"\"]}\n        >\n          {children}\n        </div>\n      );\n    };\n  },\n});\n","import { withInstall } from \"@maketribe/utils\";\nimport \"./index.scss\"\nimport ConditionNumber from \"./condition-number\";\n\nexport const MKConditionNumber = withInstall(ConditionNumber);\nexport default MKConditionNumber;\n\nexport * from \"./condition-number-options\";\n"],"names":["defineComponent","name","props","conditionNumberProps","emits","conditionNumberEmits","setup","emit","modelValue","computed","get","isBetween","set","v","children","_createVNode","ElInputNumber","unref","value"],"mappings":";;;;AAKO,MAAM,uBAAuB,WAAW;AAAA,EAC7C,GAAG;AAAA,EACH,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAC;AAMM,MAAM,uBAAuB;AAAA,EAClC,sBAAsB,CAAC,MAAc;AACvC;ACZA,MAAeA,kDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,OAAOC;AAAAA,EACPC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,aAAaC,SAAS;AAAA,MAC1BC,KAAKA,MAAOR,MAAMM,cAAcN,MAAMS,YAAY,CAAC,MAAM,IAAI,IAAI;AAAA,MACjEC,KAAMC,OAAWN,KAAK,sBAAsBM,CAAC;AAAA,IAC/C,CAAC;AAED,WAAO,MAAM;AACX,YAAMC,WAAWZ,MAAMS,YAASI,YAAA,QAAA,MAAA,CAAAA,YAAAC,eAAA;AAAA,QAAA,cAGdC,MAAMT,UAAU,EAAG,CAAC;AAAA,QAAC,uBACXK,OACnBL,WAAWU,QAAQ,CAACL,GAAGI,MAAMT,UAAU,EAAG,CAAC,CAAC;AAAA,QAAE,qBAAA;AAAA,SAAAO,IAAAA,GAAAA,YAAAC,eAAA;AAAA,QAAA,cAMrCC,MAAMT,UAAU,EAAG,CAAC;AAAA,QAAC,uBACXK,OACnBL,WAAWU,QAAQ,CAACD,MAAMT,UAAU,EAAG,CAAC,GAAGK,CAAC;AAAA,QAAE,qBAAA;AAAA,MAAAE,GAAAA,IAAAA,CAAAA,CAAAA,IAAAA,YAAAC,eAAA;AAAA,QAAA,cAOvCC,MAAMT,UAAU;AAAA,QAAC,uBACPK,OAAYL,WAAWU,QAAQL;AAAAA,QAAE,qBAAA;AAAA,MAG1D,GAAA,IAAA;AAED,aAAAE,YAAA,OAAA;AAAA,QAAA,SAEW,CAAC,uBAAuBb,MAAMS,YAAY,eAAe,EAAE;AAAA,MAAC,GAAA,CAElEG,QAAQ,CAAA;AAAA;EAIjB;AACF,CAAC;ACjDY,MAAA,oBAAoB,YAAY,eAAe;"}
+{"version":3,"file":"index-DVjlAsMm.js","sources":["../../src/components/data-model/data-filter-form/components/condition-number/condition-number-options.ts","../../src/components/data-model/data-filter-form/components/condition-number/condition-number.tsx","../../src/components/data-model/data-filter-form/components/condition-number/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\n\nimport { dataFilterConditionProps } from \"../../composables\";\n\nexport const conditionNumberProps = buildProps({\n  ...dataFilterConditionProps,\n  isBetween: {\n    type: Boolean,\n    default: false,\n  },\n});\n\nexport type ConditionNumberProps = ExtractPropTypes<\n  typeof conditionNumberProps\n>;\n\nexport const conditionNumberEmits = {\n  \"update:model-value\": (v: string) => true,\n};\n\nexport type ConditionNumberEmits = typeof conditionNumberEmits;\n","import { ElInputNumber } from \"element-plus\";\nimport { computed, defineComponent, unref } from \"vue\";\nimport {\n  conditionNumberEmits,\n  conditionNumberProps,\n} from \"./condition-number-options\";\n\nexport default defineComponent({\n  name: \"MKConditionNumber\",\n  props: conditionNumberProps,\n  emits: conditionNumberEmits,\n  setup(props, { emit }) {\n    const modelValue = computed({\n      get: () => (props.modelValue ?? props.isBetween ? [null, null] : null),\n      set: (v: any) => emit(\"update:model-value\", v),\n    });\n\n    return () => {\n      const children = props.isBetween ? (\n        <span>\n          <ElInputNumber\n            modelValue={unref(modelValue)![0] as any}\n            onUpdate:modelValue={(v: any) =>\n              (modelValue.value = [v, unref(modelValue)![1]])\n            }\n            controls-position=\"right\"\n          />\n\n          <ElInputNumber\n            modelValue={unref(modelValue)![1] as any}\n            onUpdate:modelValue={(v: any) =>\n              (modelValue.value = [unref(modelValue)![0], v])\n            }\n            controls-position=\"right\"\n          />\n        </span>\n      ) : (\n        <ElInputNumber\n          modelValue={unref(modelValue) as any}\n          onUpdate:modelValue={(v: any) => (modelValue.value = v)}\n          controls-position=\"right\"\n        />\n      );\n\n      return (\n        <div\n          class={[\"mk-condition-number\", props.isBetween ? \"is-between\" : \"\"]}\n        >\n          {children}\n        </div>\n      );\n    };\n  },\n});\n","import { withInstall } from \"@maketribe/utils\";\nimport \"./index.scss\"\nimport ConditionNumber from \"./condition-number\";\n\nexport const MKConditionNumber = withInstall(ConditionNumber);\nexport default MKConditionNumber;\n\nexport * from \"./condition-number-options\";\n"],"names":["name","props","conditionNumberProps","emits","conditionNumberEmits","setup","emit","modelValue","computed","get","isBetween","set","v","children","_createVNode","ElInputNumber","unref","value"],"mappings":";;;;AAKO,MAAM,uBAAuB,WAAW;AAAA,EAC7C,GAAG;AAAA,EACH,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAEb,CAAC;AAMM,MAAM,uBAAuB;AAAA,EAClC,sBAAsB,CAAC,MAAc;AACvC;ACZA,MAAA,kDAA+B;AAAA,EAC7BA,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,OAAOC;AAAAA,EACPC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,aAAaC,SAAS;AAAA,MAC1BC,KAAKA,MAAOR,MAAMM,cAAcN,MAAMS,YAAY,CAAC,MAAM,IAAI,IAAI;AAAA,MACjEC,KAAMC,OAAWN,KAAK,sBAAsBM,CAAC;AAAA,IAC/C,CAAC;AAED,WAAO,MAAM;AACX,YAAMC,WAAWZ,MAAMS,YAASI,YAAA,QAAA,MAAA,CAAAA,YAAAC,eAAA;AAAA,QAAA,cAGdC,MAAMT,UAAU,EAAG,CAAC;AAAA,QAAC,uBACXK,OACnBL,WAAWU,QAAQ,CAACL,GAAGI,MAAMT,UAAU,EAAG,CAAC,CAAC;AAAA,QAAE,qBAAA;AAAA,SAAA,IAAA,GAAAO,YAAAC,eAAA;AAAA,QAAA,cAMrCC,MAAMT,UAAU,EAAG,CAAC;AAAA,QAAC,uBACXK,OACnBL,WAAWU,QAAQ,CAACD,MAAMT,UAAU,EAAG,CAAC,GAAGK,CAAC;AAAA,QAAE,qBAAA;AAAA,SAAA,IAAA,CAAA,CAAA,IAAAE,YAAAC,eAAA;AAAA,QAAA,cAOvCC,MAAMT,UAAU;AAAA,QAAC,uBACPK,OAAYL,WAAWU,QAAQL;AAAAA,QAAE,qBAAA;AAAA,SAAA,IAAA;AAK3D,aAAAE,YAAA,OAAA;AAAA,QAAA,SAEW,CAAC,uBAAuBb,MAAMS,YAAY,eAAe,EAAE;AAAA,MAAC,GAAA,CAElEG,QAAQ,CAAA;AAAA,IAGf;AAAA,EACF;AACF,CAAC;ACjDM,MAAM,oBAAoB,YAAY,eAAe;"}

package/dist/esm/{index-zJ0HunNp.js → index-D_Mw-ek3.js}

@@ -1,7 +1,7 @@
 import { defineComponent, createVNode } from "vue";
 import { ElButton } from "element-plus";
 import { buildProps } from "@maketribe/utils";
-import { c as columnProps } from "./index-BSRra91J.js";
+import { c as columnProps } from "./index-D6gCeQhq.js";
 import "vue-router";
 import "@maketribe/dm";
 import "@maketribe/request";
@@ -19,7 +19,7 @@ import "@element-plus/icons-vue";
 import "@lexical/history";
 import "@lexical/dragon";
 import "@lexical/plain-text";
-import { MKColumnText } from "./index-C3a2vEDs.js";
+import { MKColumnText } from "./index-Bffdjwfo.js";
 const columnLinkProps = buildProps({
   ...columnProps,
   type: {
@@ -74,4 +74,4 @@ export {
   columnLinkProps,
   ColumnLink as default
 };
-//# sourceMappingURL=index-zJ0HunNp.js.map
+//# sourceMappingURL=index-D_Mw-ek3.js.map

package/dist/esm/{index-zJ0HunNp.js.map → index-D_Mw-ek3.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-zJ0HunNp.js","sources":["../../src/components/data-model/data-table/components/column-link/column-link-options.ts","../../src/components/data-model/data-table/components/column-link/column-link.tsx","../../src/components/data-model/data-table/components/column-link/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { ColumnEventData, columnProps } from \"../../composables\";\n\nexport const columnLinkProps = buildProps({\n  ...columnProps,\n  type: {\n    values: [\n      \"\",\n      \"default\",\n      \"success\",\n      \"warning\",\n      \"info\",\n      \"text\",\n      \"primary\",\n      \"danger\",\n    ],\n    default: \"primary\",\n  },\n  formatValue: {\n    type: Function,\n  },\n} as const);\n\nexport type ColumnLinkProps = ExtractPropTypes<typeof columnLinkProps>;\n\nexport const columnLinkEmits = {\n  click: (data: ColumnEventData) => true,\n};\n\nexport type ColumnLinkEmits = typeof columnLinkEmits;\n","import { ElButton } from \"element-plus\";\nimport { defineComponent } from \"vue\";\nimport { columnLinkEmits, columnLinkProps } from \"./column-link-options\";\nimport MKColumnText from \"../column-text\";\n\nexport default defineComponent({\n  name: \"MKColumnLink\",\n  props: columnLinkProps,\n  emits: columnLinkEmits,\n  setup(props, { emit }) {\n    const handleClick = () => {\n      emit(\"click\", {\n        row: props.row,\n        index: props.index,\n        column: props.column,\n      });\n    };\n\n    return () => {\n      return (\n        <ElButton type={props.type} onClick={handleClick} link>\n          <MKColumnText {...props} />\n        </ElButton>\n      );\n    };\n  },\n});\n","import ColumnLink from \"./column-link\";\n\nexport const MKColumnLink = ColumnLink;\n\nexport default ColumnLink;\n\nexport * from \"./column-link-options\";\n"],"names":["defineComponent","name","props","columnLinkProps","emits","columnLinkEmits","setup","emit","handleClick","row","index","column","_createVNode","ElButton","type","default","MKColumnText"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAIO,MAAM,kBAAkB,WAAW;AAAA,EACxC,GAAG;AAAA,EACH,MAAM;AAAA,IACJ,QAAQ;AAAA,MACN;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,SAAS;AAAA,EACX;AAAA,EACA,aAAa;AAAA,IACX,MAAM;AAAA,EACR;AACF,CAAU;AAIH,MAAM,kBAAkB;AAAA,EAC7B,OAAO,CAAC,SAA0B;AACpC;ACvBA,MAAeA,6CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,OAAOC;AAAAA,EACPC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,cAAcA,MAAM;AACxBD,WAAK,SAAS;AAAA,QACZE,KAAKP,MAAMO;AAAAA,QACXC,OAAOR,MAAMQ;AAAAA,QACbC,QAAQT,MAAMS;AAAAA,MAChB,CAAC;AAAA;AAGH,WAAO,MAAM;AACX,aAAAC,YAAAC,UAAA;AAAA,QAAA,QACkBX,MAAMY;AAAAA,QAAI,WAAWN;AAAAA,QAAW,QAAA;AAAA,MAAA,GAAA;AAAA,QAAAO,SAAAA,MAAA,CAAAH,YAAAI,cAC5Bd,OAAK,IAAA,CAAA;AAAA,MAAA,CAAA;AAAA;EAI/B;AACF,CAAC;ACxBM,MAAM,eAAe;"}
+{"version":3,"file":"index-D_Mw-ek3.js","sources":["../../src/components/data-model/data-table/components/column-link/column-link-options.ts","../../src/components/data-model/data-table/components/column-link/column-link.tsx","../../src/components/data-model/data-table/components/column-link/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { ColumnEventData, columnProps } from \"../../composables\";\n\nexport const columnLinkProps = buildProps({\n  ...columnProps,\n  type: {\n    values: [\n      \"\",\n      \"default\",\n      \"success\",\n      \"warning\",\n      \"info\",\n      \"text\",\n      \"primary\",\n      \"danger\",\n    ],\n    default: \"primary\",\n  },\n  formatValue: {\n    type: Function,\n  },\n} as const);\n\nexport type ColumnLinkProps = ExtractPropTypes<typeof columnLinkProps>;\n\nexport const columnLinkEmits = {\n  click: (data: ColumnEventData) => true,\n};\n\nexport type ColumnLinkEmits = typeof columnLinkEmits;\n","import { ElButton } from \"element-plus\";\nimport { defineComponent } from \"vue\";\nimport { columnLinkEmits, columnLinkProps } from \"./column-link-options\";\nimport MKColumnText from \"../column-text\";\n\nexport default defineComponent({\n  name: \"MKColumnLink\",\n  props: columnLinkProps,\n  emits: columnLinkEmits,\n  setup(props, { emit }) {\n    const handleClick = () => {\n      emit(\"click\", {\n        row: props.row,\n        index: props.index,\n        column: props.column,\n      });\n    };\n\n    return () => {\n      return (\n        <ElButton type={props.type} onClick={handleClick} link>\n          <MKColumnText {...props} />\n        </ElButton>\n      );\n    };\n  },\n});\n","import ColumnLink from \"./column-link\";\n\nexport const MKColumnLink = ColumnLink;\n\nexport default ColumnLink;\n\nexport * from \"./column-link-options\";\n"],"names":["name","props","columnLinkProps","emits","columnLinkEmits","setup","emit","handleClick","row","index","column","_createVNode","ElButton","type","default","MKColumnText"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAIO,MAAM,kBAAkB,WAAW;AAAA,EACxC,GAAG;AAAA,EACH,MAAM;AAAA,IACJ,QAAQ;AAAA,MACN;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,IAEF,SAAS;AAAA,EAAA;AAAA,EAEX,aAAa;AAAA,IACX,MAAM;AAAA,EAAA;AAEV,CAAU;AAIH,MAAM,kBAAkB;AAAA,EAC7B,OAAO,CAAC,SAA0B;AACpC;ACvBA,MAAA,6CAA+B;AAAA,EAC7BA,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,OAAOC;AAAAA,EACPC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,cAAcA,MAAM;AACxBD,WAAK,SAAS;AAAA,QACZE,KAAKP,MAAMO;AAAAA,QACXC,OAAOR,MAAMQ;AAAAA,QACbC,QAAQT,MAAMS;AAAAA,MAChB,CAAC;AAAA,IACH;AAEA,WAAO,MAAM;AACX,aAAAC,YAAAC,UAAA;AAAA,QAAA,QACkBX,MAAMY;AAAAA,QAAI,WAAWN;AAAAA,QAAW,QAAA;AAAA,MAAA,GAAA;AAAA,QAAAO,SAAAA,MAAA,CAAAH,YAAAI,cAC5Bd,OAAK,IAAA,CAAA;AAAA,MAAA,CAAA;AAAA,IAG7B;AAAA,EACF;AACF,CAAC;ACxBM,MAAM,eAAe;"}

package/dist/esm/{index-DtTgZxBA.js → index-Dc-yByJL.js}

@@ -1,5 +1,5 @@
 import { defineComponent, unref, createVNode } from "vue";
-import { c as columnProps, u as useColumn } from "./index-BSRra91J.js";
+import { c as columnProps, u as useColumn } from "./index-D6gCeQhq.js";
 import { buildProps } from "@maketribe/utils";
 import "vue-router";
 import "@maketribe/dm";
@@ -34,6 +34,7 @@ const ColumnImage = /* @__PURE__ */ defineComponent({
         return null;
       }
       return createVNode(ElImage, {
+        "lazy": true,
         "src": unref(value)
       }, null);
     };
@@ -44,4 +45,4 @@ export {
   MKColumnImage,
   MKColumnImage as default
 };
-//# sourceMappingURL=index-DtTgZxBA.js.map
+//# sourceMappingURL=index-Dc-yByJL.js.map

package/dist/esm/{index-DtTgZxBA.js.map → index-Dc-yByJL.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-DtTgZxBA.js","sources":["../../src/components/data-model/data-table/components/column-image/column-image-options.ts","../../src/components/data-model/data-table/components/column-image/column-image.tsx","../../src/components/data-model/data-table/components/column-image/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { columnProps } from \"../../composables\";\n\nexport const columnImageProps = buildProps({\n  ...columnProps,\n} as const);\n\nexport type ColumnImageProps = ExtractPropTypes<typeof columnImageProps>;\n","import { defineComponent, unref } from \"vue\";\nimport { useColumn } from \"../../composables\";\nimport { columnImageProps } from \"./column-image-options\";\nimport { ElImage } from \"element-plus\";\n\nexport default defineComponent({\n  name: \"MKColumnImage\",\n  props: columnImageProps,\n  setup(props) {\n    const { value } = useColumn(props);\n\n    return () => {\n      if (!unref(value)) {\n        return null;\n      }\n\n      return <ElImage src={unref(value)} />;\n    };\n  },\n});\n","import ColumnImage from \"./column-image\";\n\nexport const MKColumnImage = ColumnImage;\nexport default MKColumnImage;\n"],"names":["defineComponent","name","props","columnImageProps","setup","value","useColumn","unref","_createVNode","ElImage"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAIO,MAAM,mBAAmB,WAAW;AAAA,EACzC,GAAG;AACL,CAAU;ACDV,MAAeA,8CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AACX,UAAM;AAAA,MAAEG;AAAAA,IAAM,IAAIC,UAAUJ,KAAK;AAEjC,WAAO,MAAM;AACX,UAAI,CAACK,MAAMF,KAAK,GAAG;AACjB,eAAO;AAAA,MACT;AAEA,aAAAG,YAAAC,SAAA;AAAA,QAAA,OAAqBF,MAAMF,KAAK;AAAA,MAAC,GAAA,IAAA;AAAA;EAErC;AACF,CAAC;ACjBM,MAAM,gBAAgB;"}
+{"version":3,"file":"index-Dc-yByJL.js","sources":["../../src/components/data-model/data-table/components/column-image/column-image-options.ts","../../src/components/data-model/data-table/components/column-image/column-image.tsx","../../src/components/data-model/data-table/components/column-image/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { columnProps } from \"../../composables\";\n\nexport const columnImageProps = buildProps({\n  ...columnProps,\n} as const);\n\nexport type ColumnImageProps = ExtractPropTypes<typeof columnImageProps>;\n","import { defineComponent, unref } from \"vue\";\nimport { useColumn } from \"../../composables\";\nimport { columnImageProps } from \"./column-image-options\";\nimport { ElImage } from \"element-plus\";\n\nexport default defineComponent({\n  name: \"MKColumnImage\",\n  props: columnImageProps,\n  setup(props) {\n    const { value } = useColumn(props);\n\n    return () => {\n      if (!unref(value)) {\n        return null;\n      }\n\n      return <ElImage lazy={true} src={unref(value)} />;\n    };\n  },\n});\n","import ColumnImage from \"./column-image\";\n\nexport const MKColumnImage = ColumnImage;\nexport default MKColumnImage;\n"],"names":["name","props","columnImageProps","setup","value","useColumn","unref","_createVNode","ElImage"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAIO,MAAM,mBAAmB,WAAW;AAAA,EACzC,GAAG;AACL,CAAU;ACDV,MAAA,8CAA+B;AAAA,EAC7BA,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AACX,UAAM;AAAA,MAAEG;AAAAA,IAAM,IAAIC,UAAUJ,KAAK;AAEjC,WAAO,MAAM;AACX,UAAI,CAACK,MAAMF,KAAK,GAAG;AACjB,eAAO;AAAA,MACT;AAEA,aAAAG,YAAAC,SAAA;AAAA,QAAA,QAAsB;AAAA,QAAI,OAAOF,MAAMF,KAAK;AAAA,MAAC,GAAA,IAAA;AAAA,IAC/C;AAAA,EACF;AACF,CAAC;ACjBM,MAAM,gBAAgB;"}