@maketribe/ms-app 3.2.21 → 3.2.23

package/dist/cjs/components/business/verify-dialog/verify-panel.js

@@ -1,14 +1,12 @@
 "use strict";
 const vue = require("vue");
 const verifyDialogOption = require("./verify-dialog-option.js");
-const request = require("@maketribe/request");
 const utils = require("@maketribe/utils");
-const webHttpRequest = new class InnerWebHttpRequest extends request.WebHttpRequest {
-  async getClientId() {
-    await this.loadClientIDPromise;
-    return this.clientID;
-  }
-}();
+require("@maketribe/dm");
+require("element-plus");
+require("../../../core/DataModelDefines.js");
+const MSAppClient = require("../../../core/MSAppClient.js");
+require("@maketribe/request");
 const VerifyPanel = /* @__PURE__ */ vue.defineComponent({
   name: "VerifyPanel",
   props: verifyDialogOption.verifyDialogProps,
@@ -20,6 +18,7 @@ const VerifyPanel = /* @__PURE__ */ vue.defineComponent({
     const wrapperEl = vue.ref(null);
     const buttonEl = vue.ref(null);
     const grandEl = vue.ref(null);
+    const httpRequest = MSAppClient.MSAppClient.instance.httpRequest;
     let slideWidth = 48;
     const isError = vue.ref(false);
     const deg = vue.ref(0);
@@ -33,16 +32,21 @@ const VerifyPanel = /* @__PURE__ */ vue.defineComponent({
     });
     const loadImage = async () => {
       loading.value = true;
-      const clientId = await webHttpRequest.getClientId();
-      return await new Promise((reslove) => {
-        const img = new Image();
-        img.onload = () => {
-          imageUrl.value = img.src;
-          reslove(void 0);
-          loading.value = false;
-        };
-        img.src = `/api/ms/app/captcha/rotation/image?scene=${props.scene}&t=${Math.random()}&rcid=${clientId}`;
-      });
+      try {
+        const response = await httpRequest.get("/ms/app/captcha/rotation/image", {
+          params: {
+            scene: props.scene,
+            t: Math.random()
+          },
+          responseType: "blob"
+        });
+        if (!(response.data instanceof Blob)) {
+          return;
+        }
+        imageUrl.value = URL.createObjectURL(response.data);
+      } finally {
+        loading.value = false;
+      }
     };
     const handleSwitchConfirm = () => {
       emit("confirm", vue.unref(deg));

package/dist/cjs/components/business/verify-dialog/verify-panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"verify-panel.js","sources":["../../../../../src/components/business/verify-dialog/verify-panel.tsx"],"sourcesContent":["import {\r\n  computed,\r\n  defineComponent,\r\n  unref,\r\n  ref,\r\n  onMounted,\r\n  Ref,\r\n  Fragment\r\n} from \"vue\";\r\nimport { useHttpRequest } from \"../../../composables\";\r\nimport { verifyDialogProps, verifyDialogEmits } from \"./verify-dialog-option\";\r\nimport { WebHttpRequest } from \"@maketribe/request\";\r\nimport { Disposable, createDisposable } from \"@maketribe/utils\";\r\n\r\n// 建一个私有的类吧客户端id放出来\r\nconst webHttpRequest = new (class InnerWebHttpRequest extends WebHttpRequest{\r\n  async getClientId(){\r\n    await this.loadClientIDPromise\r\n    return this.clientID\r\n  }\r\n});\r\n\r\nexport default defineComponent({\r\n  name: \"VerifyPanel\",\r\n  props: verifyDialogProps,\r\n  emits: verifyDialogEmits,\r\n  setup(props, { emit, expose }) {\r\n  \r\n    const wrapperEl: Ref<HTMLElement | null> = ref(null);\r\n    const buttonEl: Ref<HTMLElement | null> = ref(null);\r\n    const grandEl: Ref<HTMLElement | null> = ref(null);\r\n\r\n    // 样式默认宽度是48px\r\n    let slideWidth: number = 48;\r\n\r\n    const isError = ref(false);\r\n\r\n    const deg = ref(0);\r\n    const imageUrl = ref(\"\");\r\n    const loading = ref(false);\r\n    const imageStyle = computed(() => {\r\n      return {\r\n        backgroundImage: `url(${unref(imageUrl)})`,\r\n        transform: `rotate(-${unref(deg)}deg)`,\r\n      };\r\n    });\r\n\r\n    const loadImage = async ():Promise<undefined> => {\r\n\r\n      loading.value = true;\r\n\r\n      const clientId  = await webHttpRequest.getClientId();\r\n     \r\n      return await new Promise(reslove=>{\r\n\r\n        const img = new Image();\r\n\r\n        img.onload = ()=>{\r\n          imageUrl.value = img.src;\r\n          reslove(undefined);\r\n          loading.value = false;\r\n        }\r\n        img.src = `/api/ms/app/captcha/rotation/image?scene=${props.scene}&t=${Math.random()}&rcid=${clientId}`\r\n      })\r\n\r\n    };\r\n\r\n    const handleSwitchConfirm = () => {\r\n      emit(\"confirm\", unref(deg));\r\n    };\r\n\r\n    const handleMouseDown = (mouseDownEvent: MouseEvent|TouchEvent) => {\r\n      if (unref(isError)) {\r\n        return;\r\n      }\r\n\r\n      const startX = mouseDownEvent instanceof MouseEvent ? mouseDownEvent.clientX : mouseDownEvent.touches[0].clientX;\r\n      const disposable = new Disposable();\r\n      const totalWidth = unref(wrapperEl)!.getBoundingClientRect().width;\r\n\r\n      const handleMouseMove = (event: MouseEvent|TouchEvent) => {\r\n       \r\n        const moveX = event instanceof MouseEvent ? event.clientX : event.touches[0].clientX;\r\n\r\n        // 限定宽度范围\r\n        slideWidth = Math.min(Math.max(moveX - startX + 48, 48),totalWidth);\r\n\r\n        deg.value = Math.floor(((slideWidth - 48) / (totalWidth - 48)) * 360);\r\n\r\n        unref(grandEl)!.style.width = `${slideWidth}px`;\r\n        unref(buttonEl)!.style.transform = `translateX(${slideWidth - 48}px)`;\r\n      };\r\n\r\n      const handleMouseUp = (event: MouseEvent|TouchEvent) => {\r\n        if (deg.value !== 0) {\r\n          handleSwitchConfirm();\r\n        }\r\n\r\n        disposable.dispose();\r\n      };\r\n\r\n      document.addEventListener(\"mousemove\", handleMouseMove);\r\n      document.addEventListener(\"touchmove\", handleMouseMove);\r\n      document.addEventListener(\"mouseup\", handleMouseUp);\r\n      document.addEventListener(\"touchend\", handleMouseUp);\r\n      document.addEventListener(\"touchcancel\", handleMouseUp);\r\n\r\n      disposable.register(\r\n        createDisposable(() => {\r\n          document.removeEventListener(\"mousemove\", handleMouseMove);\r\n          document.removeEventListener(\"touchmove\", handleMouseMove);\r\n          document.removeEventListener(\"mouseup\", handleMouseUp);\r\n          document.removeEventListener(\"touchend\", handleMouseUp);\r\n          document.removeEventListener(\"touchcancel\", handleMouseUp);\r\n        })\r\n      );\r\n    };\r\n\r\n    const reset = () => {\r\n      unref(grandEl)!.style.width = ``;\r\n      unref(buttonEl)!.style.transform = ``;\r\n    };\r\n\r\n    expose({\r\n      fail: () => {\r\n        isError.value = true;\r\n\r\n        setTimeout(() => {\r\n          isError.value = false;\r\n\r\n          reset();\r\n        }, 1000);\r\n      },\r\n    });\r\n\r\n    onMounted(async () => {\r\n      await loadImage();\r\n    });\r\n\r\n    return () => {\r\n      return (\r\n        <Fragment>\r\n          <div class=\"mk-verify-dialog__wrapper\" v-loading={unref(loading)}>\r\n            <div\r\n              class=\"mk-verify-dialog__image\"\r\n              ref=\"imageEl\"\r\n              style={imageStyle.value}\r\n            />\r\n            <div class=\"mk-verify-dialog__coordinate\" />\r\n          </div>\r\n          <div class={[\"mk-verify-switch\", unref(isError) ? \"is-error\" : \"\"]}>\r\n            <div\r\n              class=\"mk-verify-switch__wrapper\"\r\n              ref={((el: HTMLDivElement) => (wrapperEl.value = el)) as any}\r\n            >\r\n              <div\r\n                class=\"mk-verify-switch__button-grand\"\r\n                ref={((el: HTMLDivElement) => (grandEl.value = el)) as any}\r\n              />\r\n              <div\r\n                class=\"mk-verify-switch__button\"\r\n                ref={((el: HTMLDivElement) => (buttonEl.value = el)) as any}\r\n                onMousedown={handleMouseDown}\r\n                onTouchstart={handleMouseDown}\r\n              />\r\n            </div>\r\n          </div>\r\n        </Fragment>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["webHttpRequest","InnerWebHttpRequest","WebHttpRequest","getClientId","loadClientIDPromise","clientID","defineComponent","name","props","verifyDialogProps","emits","verifyDialogEmits","setup","emit","expose","wrapperEl","ref","buttonEl","grandEl","slideWidth","isError","deg","imageUrl","loading","imageStyle","computed","backgroundImage","unref","transform","loadImage","value","clientId","Promise","reslove","img","Image","onload","src","undefined","scene","Math","random","handleSwitchConfirm","handleMouseDown","mouseDownEvent","startX","MouseEvent","clientX","touches","disposable","Disposable","totalWidth","getBoundingClientRect","width","handleMouseMove","event","moveX","min","max","floor","style","handleMouseUp","dispose","document","addEventListener","register","createDisposable","removeEventListener","reset","fail","setTimeout","onMounted","_createVNode","_Fragment","_withDirectives","_resolveDirective","el"],"mappings":"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"}
+{"version":3,"file":"verify-panel.js","sources":["../../../../../src/components/business/verify-dialog/verify-panel.tsx"],"sourcesContent":["import {\n  computed,\n  defineComponent,\n  unref,\n  ref,\n  onMounted,\n  Ref,\n  Fragment,\n} from \"vue\";\nimport { useHttpRequest } from \"../../../composables\";\nimport { verifyDialogProps, verifyDialogEmits } from \"./verify-dialog-option\";\nimport { WebHttpRequest } from \"@maketribe/request\";\nimport { Disposable, createDisposable } from \"@maketribe/utils\";\nimport { MSAppClient } from \"../../../core\";\n\n// 建一个私有的类吧客户端id放出来\n// const webHttpRequest = new (class InnerWebHttpRequest extends WebHttpRequest {\n//   async getClientId() {\n//     await this.loadClientIDPromise;\n//     return this.clientID;\n//   }\n// })();\n\nexport default defineComponent({\n  name: \"VerifyPanel\",\n  props: verifyDialogProps,\n  emits: verifyDialogEmits,\n  setup(props, { emit, expose }) {\n    const wrapperEl: Ref<HTMLElement | null> = ref(null);\n    const buttonEl: Ref<HTMLElement | null> = ref(null);\n    const grandEl: Ref<HTMLElement | null> = ref(null);\n\n    const httpRequest = MSAppClient.instance!.httpRequest;\n\n    // 样式默认宽度是48px\n    let slideWidth: number = 48;\n\n    const isError = ref(false);\n\n    const deg = ref(0);\n    const imageUrl = ref(\"\");\n    const loading = ref(false);\n    const imageStyle = computed(() => {\n      return {\n        backgroundImage: `url(${unref(imageUrl)})`,\n        transform: `rotate(-${unref(deg)}deg)`,\n      };\n    });\n\n    const loadImage = async (): Promise<undefined> => {\n      loading.value = true;\n\n      try {\n        const response = await httpRequest.get<Blob>(\n          \"/ms/app/captcha/rotation/image\",\n          {\n            params: {\n              scene: props.scene,\n              t: Math.random(),\n            },\n            responseType: \"blob\",\n          }\n        );\n\n        if (!(response.data instanceof Blob)) {\n          return;\n        }\n\n        imageUrl.value = URL.createObjectURL(response.data);\n      } finally {\n        loading.value = false;\n      }\n\n      // const clientId  = await webHttpRequest.getClientId();\n\n      // return await new Promise(reslove=>{\n\n      //   const img = new Image();\n\n      //   img.onload = ()=>{\n      //     imageUrl.value = img.src;\n      //     reslove(undefined);\n      //     loading.value = false;\n      //   }\n\n      //   img.src = `/api/ms/app/captcha/rotation/image?scene=${props.scene}&t=${Math.random()}&rcid=${clientId}`\n      // })\n    };\n\n    const handleSwitchConfirm = () => {\n      emit(\"confirm\", unref(deg));\n    };\n\n    const handleMouseDown = (mouseDownEvent: MouseEvent | TouchEvent) => {\n      if (unref(isError)) {\n        return;\n      }\n\n      const startX =\n        mouseDownEvent instanceof MouseEvent\n          ? mouseDownEvent.clientX\n          : mouseDownEvent.touches[0].clientX;\n      const disposable = new Disposable();\n      const totalWidth = unref(wrapperEl)!.getBoundingClientRect().width;\n\n      const handleMouseMove = (event: MouseEvent | TouchEvent) => {\n        const moveX =\n          event instanceof MouseEvent\n            ? event.clientX\n            : event.touches[0].clientX;\n\n        // 限定宽度范围\n        slideWidth = Math.min(Math.max(moveX - startX + 48, 48), totalWidth);\n\n        deg.value = Math.floor(((slideWidth - 48) / (totalWidth - 48)) * 360);\n\n        unref(grandEl)!.style.width = `${slideWidth}px`;\n        unref(buttonEl)!.style.transform = `translateX(${slideWidth - 48}px)`;\n      };\n\n      const handleMouseUp = (event: MouseEvent | TouchEvent) => {\n        if (deg.value !== 0) {\n          handleSwitchConfirm();\n        }\n\n        disposable.dispose();\n      };\n\n      document.addEventListener(\"mousemove\", handleMouseMove);\n      document.addEventListener(\"touchmove\", handleMouseMove);\n      document.addEventListener(\"mouseup\", handleMouseUp);\n      document.addEventListener(\"touchend\", handleMouseUp);\n      document.addEventListener(\"touchcancel\", handleMouseUp);\n\n      disposable.register(\n        createDisposable(() => {\n          document.removeEventListener(\"mousemove\", handleMouseMove);\n          document.removeEventListener(\"touchmove\", handleMouseMove);\n          document.removeEventListener(\"mouseup\", handleMouseUp);\n          document.removeEventListener(\"touchend\", handleMouseUp);\n          document.removeEventListener(\"touchcancel\", handleMouseUp);\n        })\n      );\n    };\n\n    const reset = () => {\n      unref(grandEl)!.style.width = ``;\n      unref(buttonEl)!.style.transform = ``;\n    };\n\n    expose({\n      fail: () => {\n        isError.value = true;\n\n        setTimeout(() => {\n          isError.value = false;\n\n          reset();\n        }, 1000);\n      },\n    });\n\n    onMounted(async () => {\n      await loadImage();\n    });\n\n    return () => {\n      return (\n        <Fragment>\n          <div class=\"mk-verify-dialog__wrapper\" v-loading={unref(loading)}>\n            <div\n              class=\"mk-verify-dialog__image\"\n              ref=\"imageEl\"\n              style={imageStyle.value}\n            />\n            <div class=\"mk-verify-dialog__coordinate\" />\n          </div>\n          <div class={[\"mk-verify-switch\", unref(isError) ? \"is-error\" : \"\"]}>\n            <div\n              class=\"mk-verify-switch__wrapper\"\n              ref={((el: HTMLDivElement) => (wrapperEl.value = el)) as any}\n            >\n              <div\n                class=\"mk-verify-switch__button-grand\"\n                ref={((el: HTMLDivElement) => (grandEl.value = el)) as any}\n              />\n              <div\n                class=\"mk-verify-switch__button\"\n                ref={((el: HTMLDivElement) => (buttonEl.value = el)) as any}\n                onMousedown={handleMouseDown}\n                onTouchstart={handleMouseDown}\n              />\n            </div>\n          </div>\n        </Fragment>\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","props","verifyDialogProps","emits","verifyDialogEmits","setup","emit","expose","wrapperEl","ref","buttonEl","grandEl","httpRequest","MSAppClient","instance","slideWidth","isError","deg","imageUrl","loading","imageStyle","computed","backgroundImage","unref","transform","loadImage","value","response","get","params","scene","t","Math","random","responseType","data","Blob","URL","createObjectURL","handleSwitchConfirm","handleMouseDown","mouseDownEvent","startX","MouseEvent","clientX","touches","disposable","Disposable","totalWidth","getBoundingClientRect","width","handleMouseMove","event","moveX","min","max","floor","style","handleMouseUp","dispose","document","addEventListener","register","createDisposable","removeEventListener","reset","fail","setTimeout","onMounted","_createVNode","_Fragment","_withDirectives","_resolveDirective","el"],"mappings":"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"}

package/dist/cjs/components/data-model/data-filter-drawer/data-filter-drawer-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-filter-drawer-options.js","sources":["../../../../../src/components/data-model/data-filter-drawer/data-filter-drawer-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\nimport { DataTable } from \"@maketribe/dm\";\r\n\r\nexport const dataFilterDrawerProps = buildProps({\r\n  visible: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  dataTable: {\r\n    type: DataTable,\r\n    required: true,\r\n  },\r\n} as const);\r\n\r\nexport type DataFilterDrawerProps = ExtractPropTypes<\r\n  typeof dataFilterDrawerProps\r\n>;\r\n\r\nexport const dataFilterDrawerEmits = {\r\n  \"update:visible\": (visible: boolean) => true,\r\n};\r\n\r\nexport type DataFilterDrawerEmits = typeof dataFilterDrawerEmits;\r\n"],"names":["buildProps","DataTable"],"mappings":";;;;AAIO,MAAM,wBAAwBA,MAAAA,WAAW;AAAA,EAC9C,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,WAAW;AAAA,IACT,MAAMC,GAAA;AAAA,IACN,UAAU;AAAA,EACZ;AACF,CAAU;AAMH,MAAM,wBAAwB;AAAA,EACnC,kBAAkB,CAAC,YAAqB;AAC1C;;;"}
+{"version":3,"file":"data-filter-drawer-options.js","sources":["../../../../../src/components/data-model/data-filter-drawer/data-filter-drawer-options.ts"],"sourcesContent":["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  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"],"names":["buildProps","DataTable"],"mappings":";;;;AAIO,MAAM,wBAAwBA,MAAAA,WAAW;AAAA,EAC9C,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,WAAW;AAAA,IACT,MAAMC,GAAA;AAAA,IACN,UAAU;AAAA,EACZ;AACF,CAAU;AAMH,MAAM,wBAAwB;AAAA,EACnC,kBAAkB,CAAC,YAAqB;AAC1C;;;"}

package/dist/cjs/components/data-model/data-filter-drawer/data-filter-drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-filter-drawer.js","sources":["../../../../../src/components/data-model/data-filter-drawer/data-filter-drawer.tsx"],"sourcesContent":["import { computed, defineComponent, Fragment, unref } from \"vue\";\r\nimport { ElButton, ElDrawer } from \"element-plus\";\r\nimport { MKDataFilterForm } from \"../data-filter-form\";\r\nimport {\r\n  dataFilterDrawerEmits,\r\n  dataFilterDrawerProps,\r\n} from \"./data-filter-drawer-options\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKDataFilterDrawer\",\r\n  props: dataFilterDrawerProps,\r\n  emits: dataFilterDrawerEmits,\r\n  setup(props, { emit }) {\r\n    const visible = computed({\r\n      get: () => props.visible,\r\n      set: (v) => emit(\"update:visible\", v),\r\n    });\r\n\r\n    const handleCancelClick = () => {\r\n      visible.value = false;\r\n    };\r\n\r\n    const handleResetClick = () => {\r\n      visible.value = false;\r\n\r\n      const dataTable = props.dataTable;\r\n      const dataFilter = props.dataTable.dataFilter;\r\n\r\n      dataFilter.reset();\r\n\r\n      dataFilter.beforeSearchEvent.emit();\r\n\r\n      dataTable.load();\r\n    };\r\n\r\n    const handleConfirmClick = () => {\r\n      visible.value = false;\r\n\r\n      const dataTable = props.dataTable;\r\n      const dataFilter = props.dataTable.dataFilter;\r\n\r\n      dataFilter.beforeSearchEvent.emit();\r\n\r\n      dataTable.load();\r\n    };\r\n\r\n    return () => {\r\n      return (\r\n        <ElDrawer\r\n          class=\"mk-data-filter-drawer\"\r\n          showClose={false}\r\n          appendToBody\r\n          modelValue={unref(visible)}\r\n          onUpdate:modelValue={(v) => (visible.value = v)}\r\n          v-slots={{\r\n            header: () => \"筛选器\",\r\n            footer: () => (\r\n              <Fragment>\r\n                <ElButton onClick={handleCancelClick}>取消</ElButton>\r\n\r\n                <ElButton onClick={handleResetClick}>重置</ElButton>\r\n\r\n                <ElButton type=\"primary\" onClick={handleConfirmClick}>\r\n                  查询\r\n                </ElButton>\r\n              </Fragment>\r\n            ),\r\n          }}\r\n        >\r\n          <MKDataFilterForm\r\n            dataTable={props.dataTable}\r\n            {...{ labelPosition: \"top\" }}\r\n          />\r\n        </ElDrawer>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["defineComponent","name","props","dataFilterDrawerProps","emits","dataFilterDrawerEmits","setup","emit","visible","computed","get","set","v","handleCancelClick","value","handleResetClick","dataTable","dataFilter","reset","beforeSearchEvent","load","handleConfirmClick","_createVNode","ElDrawer","unref","default","MKDataFilterForm","_mergeProps","labelPosition","header","footer","_Fragment","ElButton","_createTextVNode"],"mappings":";;;;;AAQA,MAAeA,uDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC,wBAAqB;AAAA,EAC5BC,OAAOC,wBAAqB;AAAA,EAC5BC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,UAAUC,IAAAA,SAAS;AAAA,MACvBC,KAAKA,MAAMR,MAAMM;AAAAA,MACjBG,KAAMC,OAAML,KAAK,kBAAkBK,CAAC;AAAA,IACtC,CAAC;AAED,UAAMC,oBAAoBA,MAAM;AAC9BL,cAAQM,QAAQ;AAAA;AAGlB,UAAMC,mBAAmBA,MAAM;AAC7BP,cAAQM,QAAQ;AAEhB,YAAME,YAAYd,MAAMc;AACxB,YAAMC,aAAaf,MAAMc,UAAUC;AAEnCA,iBAAWC,MAAK;AAEhBD,iBAAWE,kBAAkBZ;AAE7BS,gBAAUI,KAAI;AAAA;AAGhB,UAAMC,qBAAqBA,MAAM;AAC/Bb,cAAQM,QAAQ;AAEhB,YAAME,YAAYd,MAAMc;AACxB,YAAMC,aAAaf,MAAMc,UAAUC;AAEnCA,iBAAWE,kBAAkBZ;AAE7BS,gBAAUI,KAAI;AAAA;AAGhB,WAAO,MAAM;AACX,aAAAE,IAAAA,YAAAC,YAAAA,UAAA;AAAA,QAAA,SAAA;AAAA,QAAA,aAGe;AAAA,QAAK,gBAAA;AAAA,QAAA,cAEJC,IAAK,MAAChB,OAAO;AAAA,QAAC,uBACJI,OAAOJ,QAAQM,QAAQF;AAAAA,MAAE,GAAA;AAAA,QAAAa,SAAAA,MAAA,CAAAH,gBAAAI,MAAAA,kBAAAC,IAAAA,WAAA;AAAA,UAAA,aAiBlCzB,MAAMc;AAAAA,QAAS,GAAA;AAAA,UACpBY,eAAe;AAAA,QAAK,CAAA,GAAA,IAAA,CAAA;AAAA,QAhB1BC,QAAQA,MAAM;AAAA,QACdC,QAAQA,MAAAR,IAAAA,YAAAS,IAAAA,UAAA,MAAA,CAAAT,IAAA,YAAAU,sBAAA;AAAA,UAAA,WAEenB;AAAAA,QAAiB,GAAA;AAAA,UAAAY,SAAAA,MAAA,CAAAQ,oBAAA,IAAA,CAAA;AAAA,SAAAX,GAAAA,IAAA,YAAAU,sBAAA;AAAA,UAAA,WAEjBjB;AAAAA,QAAgB,GAAA;AAAA,UAAAU,SAAAA,MAAA,CAAAQ,oBAAA,IAAA,CAAA;AAAA,SAAAX,GAAAA,IAAA,YAAAU,sBAAA;AAAA,UAAA,QAAA;AAAA,UAAA,WAEDX;AAAAA,QAAkB,GAAA;AAAA,UAAAI,SAAAA,MAAA,CAAAQ,oBAAA,IAAA,CAAA;AAAA,QAAA,CAAA,CAAA,CAAA;AAAA,MAIvD,CAAA;AAAA;EAUX;AACF,CAAC;;"}
+{"version":3,"file":"data-filter-drawer.js","sources":["../../../../../src/components/data-model/data-filter-drawer/data-filter-drawer.tsx"],"sourcesContent":["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          class=\"mk-data-filter-drawer\"\n          showClose={false}\n          appendToBody\n          modelValue={unref(visible)}\n          onUpdate:modelValue={(v) => (visible.value = v)}\n          v-slots={{\n            header: () => \"筛选器\",\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          <MKDataFilterForm\n            dataTable={props.dataTable}\n            {...{ labelPosition: \"top\" }}\n          />\n        </ElDrawer>\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","props","dataFilterDrawerProps","emits","dataFilterDrawerEmits","setup","emit","visible","computed","get","set","v","handleCancelClick","value","handleResetClick","dataTable","dataFilter","reset","beforeSearchEvent","load","handleConfirmClick","_createVNode","ElDrawer","unref","default","MKDataFilterForm","_mergeProps","labelPosition","header","footer","_Fragment","ElButton","_createTextVNode"],"mappings":";;;;;AAQA,MAAeA,uDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC,wBAAqB;AAAA,EAC5BC,OAAOC,wBAAqB;AAAA,EAC5BC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,UAAUC,IAAAA,SAAS;AAAA,MACvBC,KAAKA,MAAMR,MAAMM;AAAAA,MACjBG,KAAMC,OAAML,KAAK,kBAAkBK,CAAC;AAAA,IACtC,CAAC;AAED,UAAMC,oBAAoBA,MAAM;AAC9BL,cAAQM,QAAQ;AAAA;AAGlB,UAAMC,mBAAmBA,MAAM;AAC7BP,cAAQM,QAAQ;AAEhB,YAAME,YAAYd,MAAMc;AACxB,YAAMC,aAAaf,MAAMc,UAAUC;AAEnCA,iBAAWC,MAAK;AAEhBD,iBAAWE,kBAAkBZ;AAE7BS,gBAAUI,KAAI;AAAA;AAGhB,UAAMC,qBAAqBA,MAAM;AAC/Bb,cAAQM,QAAQ;AAEhB,YAAME,YAAYd,MAAMc;AACxB,YAAMC,aAAaf,MAAMc,UAAUC;AAEnCA,iBAAWE,kBAAkBZ;AAE7BS,gBAAUI,KAAI;AAAA;AAGhB,WAAO,MAAM;AACX,aAAAE,IAAAA,YAAAC,YAAAA,UAAA;AAAA,QAAA,SAAA;AAAA,QAAA,aAGe;AAAA,QAAK,gBAAA;AAAA,QAAA,cAEJC,IAAK,MAAChB,OAAO;AAAA,QAAC,uBACJI,OAAOJ,QAAQM,QAAQF;AAAAA,MAAE,GAAA;AAAA,QAAAa,SAAAA,MAAA,CAAAH,gBAAAI,MAAAA,kBAAAC,IAAAA,WAAA;AAAA,UAAA,aAiBlCzB,MAAMc;AAAAA,QAAS,GAAA;AAAA,UACpBY,eAAe;AAAA,QAAK,CAAA,GAAA,IAAA,CAAA;AAAA,QAhB1BC,QAAQA,MAAM;AAAA,QACdC,QAAQA,MAAAR,IAAAA,YAAAS,IAAAA,UAAA,MAAA,CAAAT,IAAA,YAAAU,sBAAA;AAAA,UAAA,WAEenB;AAAAA,QAAiB,GAAA;AAAA,UAAAY,SAAAA,MAAA,CAAAQ,oBAAA,IAAA,CAAA;AAAA,SAAAX,GAAAA,IAAA,YAAAU,sBAAA;AAAA,UAAA,WAEjBjB;AAAAA,QAAgB,GAAA;AAAA,UAAAU,SAAAA,MAAA,CAAAQ,oBAAA,IAAA,CAAA;AAAA,SAAAX,GAAAA,IAAA,YAAAU,sBAAA;AAAA,UAAA,QAAA;AAAA,UAAA,WAEDX;AAAAA,QAAkB,GAAA;AAAA,UAAAI,SAAAA,MAAA,CAAAQ,oBAAA,IAAA,CAAA;AAAA,QAAA,CAAA,CAAA,CAAA;AAAA,MAIvD,CAAA;AAAA;EAUX;AACF,CAAC;;"}

package/dist/cjs/components/data-model/data-filter-drawer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/data-model/data-filter-drawer/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\r\nimport DataFilterDrawer from \"./data-filter-drawer\";\r\n\r\nexport const MKDataFilterDrawer = withInstall(DataFilterDrawer);\r\n\r\nexport default MKDataFilterDrawer;\r\n\r\nexport * from \"./data-filter-drawer-options\";\r\n"],"names":["withInstall","DataFilterDrawer"],"mappings":";;;;;AAGa,MAAA,qBAAqBA,kBAAYC,gBAAgB;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/data-model/data-filter-drawer/index.ts"],"sourcesContent":["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"],"names":["withInstall","DataFilterDrawer"],"mappings":";;;;;AAGa,MAAA,qBAAqBA,kBAAYC,gBAAgB;;;;;"}

package/dist/cjs/components/data-model/data-filter-form/components/condition-date/condition-date-options.js

@@ -14,7 +14,7 @@ const conditionDateProps = utils.buildProps({
   },
   isBetween: {
     type: Boolean,
-    default: false
+    default: true
   }
 });
 const conditionDateEmits = {

package/dist/cjs/components/data-model/data-filter-form/components/condition-date/condition-date-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"condition-date-options.js","sources":["../../../../../../../src/components/data-model/data-filter-form/components/condition-date/condition-date-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\n\r\nimport { dataFilterConditionProps } from \"../../composables\";\r\n\r\nexport const conditionDateProps = buildProps({\r\n  ...dataFilterConditionProps,\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  isBetween: {\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\r\nexport const conditionDateEmits = {\r\n  \"update:model-value\": (v: string) => true,\r\n};\r\n\r\nexport type ConditionDateEmits = typeof conditionDateEmits;\r\n"],"names":["buildProps","dataFilterConditionProps"],"mappings":";;;;AAKO,MAAM,qBAAqBA,MAAAA,WAAW;AAAA,EAC3C,GAAGC,aAAA;AAAA,EACH,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAU;AAIH,MAAM,qBAAqB;AAAA,EAChC,sBAAsB,CAAC,MAAc;AACvC;;;"}
+{"version":3,"file":"condition-date-options.js","sources":["../../../../../../../src/components/data-model/data-filter-form/components/condition-date/condition-date-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\n\nimport { dataFilterConditionProps } from \"../../composables\";\n\nexport const conditionDateProps = buildProps({\n  ...dataFilterConditionProps,\n  type: {\n    type: String,\n    default: \"date\",\n  },\n  teleported: {\n    type: Boolean,\n    default: false,\n  },\n  isBetween: {\n    type: Boolean,\n    default: true,\n  },\n} as const);\n\nexport type ConditionDateProps = ExtractPropTypes<typeof conditionDateProps>;\n\nexport const conditionDateEmits = {\n  \"update:model-value\": (v: string) => true,\n};\n\nexport type ConditionDateEmits = typeof conditionDateEmits;\n"],"names":["buildProps","dataFilterConditionProps"],"mappings":";;;;AAKO,MAAM,qBAAqBA,MAAAA,WAAW;AAAA,EAC3C,GAAGC,aAAA;AAAA,EACH,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAU;AAIH,MAAM,qBAAqB;AAAA,EAChC,sBAAsB,CAAC,MAAc;AACvC;;;"}

package/dist/cjs/components/data-model/data-filter-form/components/condition-date/condition-date.js.map

@@ -1 +1 @@
-{"version":3,"file":"condition-date.js","sources":["../../../../../../../src/components/data-model/data-filter-form/components/condition-date/condition-date.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\r\nimport { ElDatePicker } from \"element-plus\";\r\n\r\nimport {\r\n  conditionDateEmits,\r\n  conditionDateProps,\r\n} from \"./condition-date-options\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKConditionDate\",\r\n  props: conditionDateProps,\r\n  emits: conditionDateEmits,\r\n  setup(props, { emit }) {\r\n    const type = computed(() => {\r\n      if (props.type === \"datetime\") {\r\n        return props.isBetween ? \"datetimerange\" : \"datetime\";\r\n      }\r\n\r\n      return props.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    const modelValue = computed({\r\n      get: () => props.modelValue,\r\n      set: (v) => emit(\"update:model-value\", v),\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(modelValue)}\r\n          onUpdate:modelValue={(v: any) => (modelValue.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","emits","conditionDateEmits","setup","emit","type","computed","isBetween","valueFormat","_type","unref","includes","modelValue","get","set","v","ElDatePickerComponent","ElDatePicker","_createVNode","teleported","value"],"mappings":";;;;AAQA,MAAeA,oDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC,qBAAkB;AAAA,EACzBC,OAAOC,qBAAkB;AAAA,EACzBC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,OAAOC,IAAAA,SAAS,MAAM;AAC1B,UAAIP,MAAMM,SAAS,YAAY;AAC7B,eAAON,MAAMQ,YAAY,kBAAkB;AAAA,MAC7C;AAEA,aAAOR,MAAMQ,YAAY,cAAcR,MAAMM;AAAAA,IAC/C,CAAC;AAED,UAAMG,cAAcF,IAAAA,SAAS,MAAM;AACjC,YAAMG,QAAQC,UAAML,IAAI;AAExB,aAAO,CAAC,YAAY,eAAe,EAAEM,SAASF,KAAK,IAC/C,wBACA;AAAA,IACN,CAAC;AAED,UAAMG,aAAaN,IAAAA,SAAS;AAAA,MAC1BO,KAAKA,MAAMd,MAAMa;AAAAA,MACjBE,KAAMC,OAAMX,KAAK,sBAAsBW,CAAC;AAAA,IAC1C,CAAC;AAED,WAAO,MAAM;AACX,UAAIC,wBAAwBC,YAAAA;AAC5B,aAAAC,IAAAA,YAAAF,uBAAA;AAAA,QAAA,cAEgBjB,MAAMoB;AAAAA,QAAU,SAAA;AAAA,QAAA,cAEhBT,IAAK,MAACE,UAAU;AAAA,QAAC,uBACPG,OAAYH,WAAWQ,QAAQL;AAAAA,QAAE,QACjDL,IAAK,MAACL,IAAI;AAAA,QAAC,eACJK,IAAK,MAACF,WAAW;AAAA,MAAC,GAAA,IAAA;AAAA;EAIvC;AACF,CAAC;;"}
+{"version":3,"file":"condition-date.js","sources":["../../../../../../../src/components/data-model/data-filter-form/components/condition-date/condition-date.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\nimport { ElDatePicker } from \"element-plus\";\n\nimport {\n  conditionDateEmits,\n  conditionDateProps,\n} from \"./condition-date-options\";\n\nexport default defineComponent({\n  name: \"MKConditionDate\",\n  props: conditionDateProps,\n  emits: conditionDateEmits,\n  setup(props, { emit }) {\n    const type = computed(() => {\n      if (props.type === \"datetime\") {\n        return props.isBetween ? \"datetimerange\" : \"datetime\";\n      }\n\n      return props.isBetween ? \"daterange\" : props.type;\n    });\n\n    const valueFormat = computed(() => {\n      const _type = unref(type);\n\n      return [\"datetime\", \"datetimerange\"].includes(_type)\n        ? \"YYYY-MM-DD HH:mm:ss\"\n        : \"YYYY-MM-DD\";\n    });\n\n    const modelValue = computed({\n      get: () => props.modelValue,\n      set: (v) => emit(\"update:model-value\", v),\n    });\n\n    return () => {\n      var ElDatePickerComponent = ElDatePicker as any;\n      return (\n        <ElDatePickerComponent\n          teleported={props.teleported}\n          class=\"mk-condition-date\"\n          modelValue={unref(modelValue)}\n          onUpdate:modelValue={(v: any) => (modelValue.value = v)}\n          type={unref(type) as any}\n          valueFormat={unref(valueFormat)}\n        />\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","props","conditionDateProps","emits","conditionDateEmits","setup","emit","type","computed","isBetween","valueFormat","_type","unref","includes","modelValue","get","set","v","ElDatePickerComponent","ElDatePicker","_createVNode","teleported","value"],"mappings":";;;;AAQA,MAAeA,oDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC,qBAAkB;AAAA,EACzBC,OAAOC,qBAAkB;AAAA,EACzBC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,OAAOC,IAAAA,SAAS,MAAM;AAC1B,UAAIP,MAAMM,SAAS,YAAY;AAC7B,eAAON,MAAMQ,YAAY,kBAAkB;AAAA,MAC7C;AAEA,aAAOR,MAAMQ,YAAY,cAAcR,MAAMM;AAAAA,IAC/C,CAAC;AAED,UAAMG,cAAcF,IAAAA,SAAS,MAAM;AACjC,YAAMG,QAAQC,UAAML,IAAI;AAExB,aAAO,CAAC,YAAY,eAAe,EAAEM,SAASF,KAAK,IAC/C,wBACA;AAAA,IACN,CAAC;AAED,UAAMG,aAAaN,IAAAA,SAAS;AAAA,MAC1BO,KAAKA,MAAMd,MAAMa;AAAAA,MACjBE,KAAMC,OAAMX,KAAK,sBAAsBW,CAAC;AAAA,IAC1C,CAAC;AAED,WAAO,MAAM;AACX,UAAIC,wBAAwBC,YAAAA;AAC5B,aAAAC,IAAAA,YAAAF,uBAAA;AAAA,QAAA,cAEgBjB,MAAMoB;AAAAA,QAAU,SAAA;AAAA,QAAA,cAEhBT,IAAK,MAACE,UAAU;AAAA,QAAC,uBACPG,OAAYH,WAAWQ,QAAQL;AAAAA,QAAE,QACjDL,IAAK,MAACL,IAAI;AAAA,QAAC,eACJK,IAAK,MAACF,WAAW;AAAA,MAAC,GAAA,IAAA;AAAA;EAIvC;AACF,CAAC;;"}

package/dist/cjs/components/data-model/data-filter-form/components/condition-input/condition-input-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"condition-input-options.js","sources":["../../../../../../../src/components/data-model/data-filter-form/components/condition-input/condition-input-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\n\r\nimport { dataFilterConditionProps } from \"../../composables\";\r\n\r\nexport const conditionInputProps = buildProps({\r\n  ...dataFilterConditionProps,\r\n} as const);\r\n\r\nexport type ConditionInputProps = ExtractPropTypes<typeof conditionInputProps>;\r\n\r\nexport const conditionInputEmits = {\r\n  \"update:model-value\": (v: string) => true,\r\n};\r\n\r\nexport type ConditionInputEmits = typeof conditionInputEmits;\r\n"],"names":["buildProps","dataFilterConditionProps"],"mappings":";;;;AAKO,MAAM,sBAAsBA,MAAAA,WAAW;AAAA,EAC5C,GAAGC,aAAA;AACL,CAAU;AAIH,MAAM,sBAAsB;AAAA,EACjC,sBAAsB,CAAC,MAAc;AACvC;;;"}
+{"version":3,"file":"condition-input-options.js","sources":["../../../../../../../src/components/data-model/data-filter-form/components/condition-input/condition-input-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\n\nimport { dataFilterConditionProps } from \"../../composables\";\n\nexport const conditionInputProps = buildProps({\n  ...dataFilterConditionProps,\n} as const);\n\nexport type ConditionInputProps = ExtractPropTypes<typeof conditionInputProps>;\n\nexport const conditionInputEmits = {\n  \"update:model-value\": (v: string) => true,\n};\n\nexport type ConditionInputEmits = typeof conditionInputEmits;\n"],"names":["buildProps","dataFilterConditionProps"],"mappings":";;;;AAKO,MAAM,sBAAsBA,MAAAA,WAAW;AAAA,EAC5C,GAAGC,aAAA;AACL,CAAU;AAIH,MAAM,sBAAsB;AAAA,EACjC,sBAAsB,CAAC,MAAc;AACvC;;;"}

package/dist/cjs/components/data-model/data-filter-form/components/condition-input/condition-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"condition-input.js","sources":["../../../../../../../src/components/data-model/data-filter-form/components/condition-input/condition-input.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\r\nimport { ElInput } from \"element-plus\";\r\n\r\nimport {\r\n  conditionInputEmits,\r\n  conditionInputProps,\r\n} from \"./condition-input-options\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKConditionInput\",\r\n  props: conditionInputProps,\r\n  emits: conditionInputEmits,\r\n  setup(props, { emit }) {\r\n    const modelValue = computed({\r\n      get: () => props.modelValue,\r\n      set: (v) => emit(\"update:model-value\", v),\r\n    });\r\n\r\n    return () => {\r\n      return (\r\n        <ElInput\r\n          class=\"mk-condition-input\"\r\n          modelValue={unref(modelValue)}\r\n          onUpdate:modelValue={(v) => (modelValue.value = v)}\r\n          placeholder=\"请输入关键字\"\r\n        />\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["defineComponent","name","props","conditionInputProps","emits","conditionInputEmits","setup","emit","modelValue","computed","get","set","v","_createVNode","ElInput","unref","value"],"mappings":";;;;AAQA,MAAeA,qDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC,sBAAmB;AAAA,EAC1BC,OAAOC,sBAAmB;AAAA,EAC1BC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,aAAaC,IAAAA,SAAS;AAAA,MAC1BC,KAAKA,MAAMR,MAAMM;AAAAA,MACjBG,KAAMC,OAAML,KAAK,sBAAsBK,CAAC;AAAA,IAC1C,CAAC;AAED,WAAO,MAAM;AACX,aAAAC,IAAAA,YAAAC,YAAAA,SAAA;AAAA,QAAA,SAAA;AAAA,QAAA,cAGgBC,IAAK,MAACP,UAAU;AAAA,QAAC,uBACPI,OAAOJ,WAAWQ,QAAQJ;AAAAA,QAAE,eAAA;AAAA,MAAA,GAAA,IAAA;AAAA;EAK1D;AACF,CAAC;;"}
+{"version":3,"file":"condition-input.js","sources":["../../../../../../../src/components/data-model/data-filter-form/components/condition-input/condition-input.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\nimport { ElInput } from \"element-plus\";\n\nimport {\n  conditionInputEmits,\n  conditionInputProps,\n} from \"./condition-input-options\";\n\nexport default defineComponent({\n  name: \"MKConditionInput\",\n  props: conditionInputProps,\n  emits: conditionInputEmits,\n  setup(props, { emit }) {\n    const modelValue = computed({\n      get: () => props.modelValue,\n      set: (v) => emit(\"update:model-value\", v),\n    });\n\n    return () => {\n      return (\n        <ElInput\n          class=\"mk-condition-input\"\n          modelValue={unref(modelValue)}\n          onUpdate:modelValue={(v) => (modelValue.value = v)}\n          placeholder=\"请输入关键字\"\n        />\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","props","conditionInputProps","emits","conditionInputEmits","setup","emit","modelValue","computed","get","set","v","_createVNode","ElInput","unref","value"],"mappings":";;;;AAQA,MAAeA,qDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC,sBAAmB;AAAA,EAC1BC,OAAOC,sBAAmB;AAAA,EAC1BC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,aAAaC,IAAAA,SAAS;AAAA,MAC1BC,KAAKA,MAAMR,MAAMM;AAAAA,MACjBG,KAAMC,OAAML,KAAK,sBAAsBK,CAAC;AAAA,IAC1C,CAAC;AAED,WAAO,MAAM;AACX,aAAAC,IAAAA,YAAAC,YAAAA,SAAA;AAAA,QAAA,SAAA;AAAA,QAAA,cAGgBC,IAAK,MAACP,UAAU;AAAA,QAAC,uBACPI,OAAOJ,WAAWQ,QAAQJ;AAAAA,QAAE,eAAA;AAAA,MAAA,GAAA,IAAA;AAAA;EAK1D;AACF,CAAC;;"}

package/dist/cjs/components/data-model/data-filter-form/components/condition-number/condition-number-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"condition-number-options.js","sources":["../../../../../../../src/components/data-model/data-filter-form/components/condition-number/condition-number-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\n\r\nimport { dataFilterConditionProps } from \"../../composables\";\r\n\r\nexport const conditionNumberProps = buildProps({\r\n  ...dataFilterConditionProps,\r\n  isBetween: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n});\r\n\r\nexport type ConditionNumberProps = ExtractPropTypes<\r\n  typeof conditionNumberProps\r\n>;\r\n\r\nexport const conditionNumberEmits = {\r\n  \"update:model-value\": (v: string) => true,\r\n};\r\n\r\nexport type ConditionNumberEmits = typeof conditionNumberEmits;\r\n"],"names":["buildProps","dataFilterConditionProps"],"mappings":";;;;AAKO,MAAM,uBAAuBA,MAAAA,WAAW;AAAA,EAC7C,GAAGC,aAAA;AAAA,EACH,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAC;AAMM,MAAM,uBAAuB;AAAA,EAClC,sBAAsB,CAAC,MAAc;AACvC;;;"}
+{"version":3,"file":"condition-number-options.js","sources":["../../../../../../../src/components/data-model/data-filter-form/components/condition-number/condition-number-options.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"],"names":["buildProps","dataFilterConditionProps"],"mappings":";;;;AAKO,MAAM,uBAAuBA,MAAAA,WAAW;AAAA,EAC7C,GAAGC,aAAA;AAAA,EACH,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAC;AAMM,MAAM,uBAAuB;AAAA,EAClC,sBAAsB,CAAC,MAAc;AACvC;;;"}

package/dist/cjs/components/data-model/data-filter-form/components/condition-number/condition-number.js.map

@@ -1 +1 @@
-{"version":3,"file":"condition-number.js","sources":["../../../../../../../src/components/data-model/data-filter-form/components/condition-number/condition-number.tsx"],"sourcesContent":["import { ElInputNumber } from \"element-plus\";\r\nimport { computed, defineComponent, unref } from \"vue\";\r\nimport {\r\n  conditionNumberEmits,\r\n  conditionNumberProps,\r\n} from \"./condition-number-options\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKConditionNumber\",\r\n  props: conditionNumberProps,\r\n  emits: conditionNumberEmits,\r\n  setup(props, { emit }) {\r\n    const modelValue = computed({\r\n      get: () => (props.modelValue ?? props.isBetween ? [null, null] : null),\r\n      set: (v: any) => emit(\"update:model-value\", v),\r\n    });\r\n\r\n    return () => {\r\n      const children = props.isBetween ? (\r\n        <span>\r\n          <ElInputNumber\r\n            modelValue={unref(modelValue)![0] as any}\r\n            onUpdate:modelValue={(v: any) =>\r\n              (modelValue.value = [v, unref(modelValue)![1]])\r\n            }\r\n            controls-position=\"right\"\r\n          />\r\n\r\n          <ElInputNumber\r\n            modelValue={unref(modelValue)![1] as any}\r\n            onUpdate:modelValue={(v: any) =>\r\n              (modelValue.value = [unref(modelValue)![0], v])\r\n            }\r\n            controls-position=\"right\"\r\n          />\r\n        </span>\r\n      ) : (\r\n        <ElInputNumber\r\n          modelValue={unref(modelValue) as any}\r\n          onUpdate:modelValue={(v: any) => (modelValue.value = v)}\r\n          controls-position=\"right\"\r\n        />\r\n      );\r\n\r\n      return (\r\n        <div\r\n          class={[\"mk-condition-number\", props.isBetween ? \"is-between\" : \"\"]}\r\n        >\r\n          {children}\r\n        </div>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["defineComponent","name","props","conditionNumberProps","emits","conditionNumberEmits","setup","emit","modelValue","computed","get","isBetween","set","v","children","_createVNode","ElInputNumber","unref","value"],"mappings":";;;;AAOA,MAAeA,sDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC,uBAAoB;AAAA,EAC3BC,OAAOC,uBAAoB;AAAA,EAC3BC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,aAAaC,IAAAA,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,IAAAA,YAAA,QAAA,MAAA,CAAAA,IAAA,YAAAC,2BAAA;AAAA,QAAA,cAGdC,IAAK,MAACT,UAAU,EAAG,CAAC;AAAA,QAAC,uBACXK,OACnBL,WAAWU,QAAQ,CAACL,GAAGI,UAAMT,UAAU,EAAG,CAAC,CAAC;AAAA,QAAE,qBAAA;AAAA,SAAAO,IAAAA,GAAAA,IAAA,YAAAC,2BAAA;AAAA,QAAA,cAMrCC,IAAK,MAACT,UAAU,EAAG,CAAC;AAAA,QAAC,uBACXK,OACnBL,WAAWU,QAAQ,CAACD,IAAK,MAACT,UAAU,EAAG,CAAC,GAAGK,CAAC;AAAA,QAAE,qBAAA;AAAA,MAAAE,GAAAA,IAAAA,CAAAA,CAAAA,IAAAA,IAAAA,YAAAC,YAAAA,eAAA;AAAA,QAAA,cAOvCC,IAAK,MAACT,UAAU;AAAA,QAAC,uBACPK,OAAYL,WAAWU,QAAQL;AAAAA,QAAE,qBAAA;AAAA,MAG1D,GAAA,IAAA;AAED,aAAAE,IAAAA,YAAA,OAAA;AAAA,QAAA,SAEW,CAAC,uBAAuBb,MAAMS,YAAY,eAAe,EAAE;AAAA,MAAC,GAAA,CAElEG,QAAQ,CAAA;AAAA;EAIjB;AACF,CAAC;;"}
+{"version":3,"file":"condition-number.js","sources":["../../../../../../../src/components/data-model/data-filter-form/components/condition-number/condition-number.tsx"],"sourcesContent":["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"],"names":["defineComponent","name","props","conditionNumberProps","emits","conditionNumberEmits","setup","emit","modelValue","computed","get","isBetween","set","v","children","_createVNode","ElInputNumber","unref","value"],"mappings":";;;;AAOA,MAAeA,sDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC,uBAAoB;AAAA,EAC3BC,OAAOC,uBAAoB;AAAA,EAC3BC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,aAAaC,IAAAA,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,IAAAA,YAAA,QAAA,MAAA,CAAAA,IAAA,YAAAC,2BAAA;AAAA,QAAA,cAGdC,IAAK,MAACT,UAAU,EAAG,CAAC;AAAA,QAAC,uBACXK,OACnBL,WAAWU,QAAQ,CAACL,GAAGI,UAAMT,UAAU,EAAG,CAAC,CAAC;AAAA,QAAE,qBAAA;AAAA,SAAAO,IAAAA,GAAAA,IAAA,YAAAC,2BAAA;AAAA,QAAA,cAMrCC,IAAK,MAACT,UAAU,EAAG,CAAC;AAAA,QAAC,uBACXK,OACnBL,WAAWU,QAAQ,CAACD,IAAK,MAACT,UAAU,EAAG,CAAC,GAAGK,CAAC;AAAA,QAAE,qBAAA;AAAA,MAAAE,GAAAA,IAAAA,CAAAA,CAAAA,IAAAA,IAAAA,YAAAC,YAAAA,eAAA;AAAA,QAAA,cAOvCC,IAAK,MAACT,UAAU;AAAA,QAAC,uBACPK,OAAYL,WAAWU,QAAQL;AAAAA,QAAE,qBAAA;AAAA,MAG1D,GAAA,IAAA;AAED,aAAAE,IAAAA,YAAA,OAAA;AAAA,QAAA,SAEW,CAAC,uBAAuBb,MAAMS,YAAY,eAAe,EAAE;AAAA,MAAC,GAAA,CAElEG,QAAQ,CAAA;AAAA;EAIjB;AACF,CAAC;;"}

package/dist/cjs/components/data-model/data-filter-form/components/condition-select/condition-select-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"condition-select-options.js","sources":["../../../../../../../src/components/data-model/data-filter-form/components/condition-select/condition-select-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\nimport { DataTable } from \"@maketribe/dm\";\r\nimport { dataFilterConditionProps } from \"../../composables\";\r\n\r\nexport const conditionSelectProps = buildProps({\r\n  ...dataFilterConditionProps,\r\n  multiple: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  options: {\r\n    type: Array,\r\n  },\r\n  dataTable: {\r\n    type: DataTable<any>,\r\n  },\r\n});\r\n\r\nexport type ConditionSelectProps = ExtractPropTypes<\r\n  typeof conditionSelectProps\r\n>;\r\n\r\nexport const conditionSelectEmits = {\r\n  \"update:model-value\": (modelValue: any) => true,\r\n};\r\n\r\nexport type ConditionSelectEmits = typeof conditionSelectEmits;\r\n"],"names":["buildProps","dataFilterConditionProps","DataTable"],"mappings":";;;;;AAKO,MAAM,uBAAuBA,MAAAA,WAAW;AAAA,EAC7C,GAAGC,aAAA;AAAA,EACH,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,SAAS;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,WAAW;AAAA,IACT,MAAMC,GAAA;AAAA,EACR;AACF,CAAC;AAMM,MAAM,uBAAuB;AAAA,EAClC,sBAAsB,CAAC,eAAoB;AAC7C;;;"}
+{"version":3,"file":"condition-select-options.js","sources":["../../../../../../../src/components/data-model/data-filter-form/components/condition-select/condition-select-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { DataTable } from \"@maketribe/dm\";\nimport { dataFilterConditionProps } from \"../../composables\";\n\nexport const conditionSelectProps = buildProps({\n  ...dataFilterConditionProps,\n  multiple: {\n    type: Boolean,\n    default: false,\n  },\n  options: {\n    type: Array,\n  },\n  dataTable: {\n    type: DataTable<any>,\n  },\n});\n\nexport type ConditionSelectProps = ExtractPropTypes<\n  typeof conditionSelectProps\n>;\n\nexport const conditionSelectEmits = {\n  \"update:model-value\": (modelValue: any) => true,\n};\n\nexport type ConditionSelectEmits = typeof conditionSelectEmits;\n"],"names":["buildProps","dataFilterConditionProps","DataTable"],"mappings":";;;;;AAKO,MAAM,uBAAuBA,MAAAA,WAAW;AAAA,EAC7C,GAAGC,aAAA;AAAA,EACH,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,SAAS;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,WAAW;AAAA,IACT,MAAMC,GAAA;AAAA,EACR;AACF,CAAC;AAMM,MAAM,uBAAuB;AAAA,EAClC,sBAAsB,CAAC,eAAoB;AAC7C;;;"}

package/dist/cjs/components/data-model/data-filter-form/components/condition-select/condition-select.js.map

@@ -1 +1 @@
-{"version":3,"file":"condition-select.js","sources":["../../../../../../../src/components/data-model/data-filter-form/components/condition-select/condition-select.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\r\n\r\nimport {\r\n  conditionSelectEmits,\r\n  conditionSelectProps,\r\n} from \"./condition-select-options\";\r\nimport { MKDataSelect } from \"../../../../basic/data-select\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKConditionSelect\",\r\n  props: conditionSelectProps,\r\n  emits: conditionSelectEmits,\r\n  setup(props, { emit }) {\r\n    const modelValue = computed({\r\n      get: () => props.modelValue,\r\n      set: (v) => emit(\"update:model-value\", v),\r\n    });\r\n\r\n    return () => {\r\n      return (\r\n        <MKDataSelect\r\n          modelValue={unref(modelValue)}\r\n          dataTable={props.dataTable}\r\n          options={props.options}\r\n          multiple={props.multiple}\r\n          onUpdate:model-value={(v: any) => (modelValue.value = v)}\r\n        />\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["defineComponent","name","props","conditionSelectProps","emits","conditionSelectEmits","setup","emit","modelValue","computed","get","set","v","_createVNode","MKDataSelect","unref","dataTable","options","multiple","value"],"mappings":";;;;AAQA,MAAeA,sDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC,uBAAoB;AAAA,EAC3BC,OAAOC,uBAAoB;AAAA,EAC3BC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,aAAaC,IAAAA,SAAS;AAAA,MAC1BC,KAAKA,MAAMR,MAAMM;AAAAA,MACjBG,KAAMC,OAAML,KAAK,sBAAsBK,CAAC;AAAA,IAC1C,CAAC;AAED,WAAO,MAAM;AACX,aAAAC,IAAAA,YAAAC,MAAAA,cAAA;AAAA,QAAA,cAEgBC,IAAK,MAACP,UAAU;AAAA,QAAC,aAClBN,MAAMc;AAAAA,QAAS,WACjBd,MAAMe;AAAAA,QAAO,YACZf,MAAMgB;AAAAA,QAAQ,wBACDN,OAAYJ,WAAWW,QAAQP;AAAAA,MAAE,GAAA,IAAA;AAAA;EAIhE;AACF,CAAC;;"}
+{"version":3,"file":"condition-select.js","sources":["../../../../../../../src/components/data-model/data-filter-form/components/condition-select/condition-select.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\n\nimport {\n  conditionSelectEmits,\n  conditionSelectProps,\n} from \"./condition-select-options\";\nimport { MKDataSelect } from \"../../../../basic/data-select\";\n\nexport default defineComponent({\n  name: \"MKConditionSelect\",\n  props: conditionSelectProps,\n  emits: conditionSelectEmits,\n  setup(props, { emit }) {\n    const modelValue = computed({\n      get: () => props.modelValue,\n      set: (v) => emit(\"update:model-value\", v),\n    });\n\n    return () => {\n      return (\n        <MKDataSelect\n          modelValue={unref(modelValue)}\n          dataTable={props.dataTable}\n          options={props.options}\n          multiple={props.multiple}\n          onUpdate:model-value={(v: any) => (modelValue.value = v)}\n        />\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","props","conditionSelectProps","emits","conditionSelectEmits","setup","emit","modelValue","computed","get","set","v","_createVNode","MKDataSelect","unref","dataTable","options","multiple","value"],"mappings":";;;;AAQA,MAAeA,sDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC,uBAAoB;AAAA,EAC3BC,OAAOC,uBAAoB;AAAA,EAC3BC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,aAAaC,IAAAA,SAAS;AAAA,MAC1BC,KAAKA,MAAMR,MAAMM;AAAAA,MACjBG,KAAMC,OAAML,KAAK,sBAAsBK,CAAC;AAAA,IAC1C,CAAC;AAED,WAAO,MAAM;AACX,aAAAC,IAAAA,YAAAC,MAAAA,cAAA;AAAA,QAAA,cAEgBC,IAAK,MAACP,UAAU;AAAA,QAAC,aAClBN,MAAMc;AAAAA,QAAS,WACjBd,MAAMe;AAAAA,QAAO,YACZf,MAAMgB;AAAAA,QAAQ,wBACDN,OAAYJ,WAAWW,QAAQP;AAAAA,MAAE,GAAA,IAAA;AAAA;EAIhE;AACF,CAAC;;"}

package/dist/cjs/components/data-model/data-filter-form/composables/use-condition.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-condition.js","sources":["../../../../../../src/components/data-model/data-filter-form/composables/use-condition.ts"],"sourcesContent":["import { buildProps } from \"@maketribe/utils\";\r\nimport { FilterColumn, Operator } from \"@maketribe/dm\";\r\n\r\nimport { OperatorOption } from \"../operator-options\";\r\n\r\nexport const dataFilterConditionProps = buildProps({\r\n  modelValue: {\r\n    type: null,\r\n  },\r\n  defaultValue: {\r\n    default: null,\r\n  },\r\n  column: {\r\n    type: FilterColumn,\r\n    required: true,\r\n  },\r\n} as const);\r\n\r\nexport type DataFilterConditionOptions = {\r\n  operator: Operator;\r\n  operatorOptions: OperatorOption[];\r\n  defaultValue: any;\r\n};\r\n\r\n// export function useDataFilterCondition(options: DataFilterConditionOptions) {\r\n//   const dataFilterItemContext = inject(DATA_FILTER_ITEM_CONTEXT)!;\r\n//   const dataFilterItem = dataFilterItemContext.dataFilterItem;\r\n\r\n//   dataFilterItem.setOperatorOptions(options.operatorOptions);\r\n\r\n//   dataFilterItem.setOperator(options.operator);\r\n//   // if (options.defaultValue !== void 0) {\r\n//   //   dataFilterItem.column.defaultValue = options.defaultValue;\r\n//   // }\r\n\r\n//   const value = computed({\r\n//     get: () => dataFilterItem.getValue(),\r\n//     set: (v: any) => dataFilterItem.setValue(v === \"\" ? null : v),\r\n//   });\r\n\r\n//   const isBetween = computed(\r\n//     () => unref(currentOperator.value) === BETWEEN_OPTION.value\r\n//   );\r\n\r\n//   const currentOperator = computed(() => dataFilterItem.currentOperator);\r\n\r\n//   const calcDefaultValue = () => {\r\n//     const defaultValue = options.defaultValue;\r\n\r\n//     if (unref(isBetween) && !Array.isArray(defaultValue)) {\r\n//       return [defaultValue, defaultValue];\r\n//     }\r\n\r\n//     return defaultValue;\r\n//   };\r\n\r\n//   watch(currentOperator, () => {\r\n//     const defaultValue =\r\n//       dataFilterItem.column.defaultValue || calcDefaultValue();\r\n\r\n//     dataFilterItem.column.defaultValue = defaultValue;\r\n//     value.value = defaultValue;\r\n//   });\r\n\r\n//   dataFilterItem.column.defaultValue =\r\n//     dataFilterItem.column.defaultValue || calcDefaultValue();\r\n//   value.value = dataFilterItem.getValue() || calcDefaultValue();\r\n\r\n//   return {\r\n//     isBetween,\r\n//     dataFilterItem,\r\n//     currentOperator,\r\n//     value,\r\n//   };\r\n// }\r\n"],"names":["buildProps","FilterColumn"],"mappings":";;;;AAKO,MAAM,2BAA2BA,MAAAA,WAAW;AAAA,EACjD,YAAY;AAAA,IACV,MAAM;AAAA,EACR;AAAA,EACA,cAAc;AAAA,IACZ,SAAS;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACN,MAAMC,GAAA;AAAA,IACN,UAAU;AAAA,EACZ;AACF,CAAU;;"}
+{"version":3,"file":"use-condition.js","sources":["../../../../../../src/components/data-model/data-filter-form/composables/use-condition.ts"],"sourcesContent":["import { buildProps } from \"@maketribe/utils\";\nimport { FilterColumn, Operator } from \"@maketribe/dm\";\n\nimport { OperatorOption } from \"../operator-options\";\n\nexport const dataFilterConditionProps = buildProps({\n  modelValue: {\n    type: null,\n  },\n  defaultValue: {\n    default: null,\n  },\n  column: {\n    type: FilterColumn,\n    required: true,\n  },\n} as const);\n\nexport type DataFilterConditionOptions = {\n  operator: Operator;\n  operatorOptions: OperatorOption[];\n  defaultValue: any;\n};\n\n// export function useDataFilterCondition(options: DataFilterConditionOptions) {\n//   const dataFilterItemContext = inject(DATA_FILTER_ITEM_CONTEXT)!;\n//   const dataFilterItem = dataFilterItemContext.dataFilterItem;\n\n//   dataFilterItem.setOperatorOptions(options.operatorOptions);\n\n//   dataFilterItem.setOperator(options.operator);\n//   // if (options.defaultValue !== void 0) {\n//   //   dataFilterItem.column.defaultValue = options.defaultValue;\n//   // }\n\n//   const value = computed({\n//     get: () => dataFilterItem.getValue(),\n//     set: (v: any) => dataFilterItem.setValue(v === \"\" ? null : v),\n//   });\n\n//   const isBetween = computed(\n//     () => unref(currentOperator.value) === BETWEEN_OPTION.value\n//   );\n\n//   const currentOperator = computed(() => dataFilterItem.currentOperator);\n\n//   const calcDefaultValue = () => {\n//     const defaultValue = options.defaultValue;\n\n//     if (unref(isBetween) && !Array.isArray(defaultValue)) {\n//       return [defaultValue, defaultValue];\n//     }\n\n//     return defaultValue;\n//   };\n\n//   watch(currentOperator, () => {\n//     const defaultValue =\n//       dataFilterItem.column.defaultValue || calcDefaultValue();\n\n//     dataFilterItem.column.defaultValue = defaultValue;\n//     value.value = defaultValue;\n//   });\n\n//   dataFilterItem.column.defaultValue =\n//     dataFilterItem.column.defaultValue || calcDefaultValue();\n//   value.value = dataFilterItem.getValue() || calcDefaultValue();\n\n//   return {\n//     isBetween,\n//     dataFilterItem,\n//     currentOperator,\n//     value,\n//   };\n// }\n"],"names":["buildProps","FilterColumn"],"mappings":";;;;AAKO,MAAM,2BAA2BA,MAAAA,WAAW;AAAA,EACjD,YAAY;AAAA,IACV,MAAM;AAAA,EACR;AAAA,EACA,cAAc;AAAA,IACZ,SAAS;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACN,MAAMC,GAAA;AAAA,IACN,UAAU;AAAA,EACZ;AACF,CAAU;;"}

package/dist/cjs/components/data-model/data-filter-form/data-filter-form-item/data-filter-form-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-filter-form-item.js","sources":["../../../../../../src/components/data-model/data-filter-form/data-filter-form-item/data-filter-form-item.tsx"],"sourcesContent":["import {\r\n  computed,\r\n  defineComponent,\r\n  inject,\r\n  onBeforeUnmount,\r\n  reactive,\r\n  toRaw,\r\n  unref,\r\n  watch,\r\n} from \"vue\";\r\nimport { ElFormItem } from \"element-plus\";\r\nimport { FilterColumn, isWhereFilter } from \"@maketribe/dm\";\r\nimport { useFilterColumnComponent } from \"../../../../composables\";\r\nimport { DataFilterComponent } from \"../../../../core\";\r\nimport { dataFilterFormItemProps } from \"./data-filter-form-item-options\";\r\nimport { DATA_FILTER_CONTEXT } from \"../token\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKDataFilterFormItem\",\r\n  props: dataFilterFormItemProps,\r\n  setup(props, { slots }) {\r\n    const dataFilterContext = inject(DATA_FILTER_CONTEXT)!;\r\n\r\n    const dataFilter = computed(() => dataFilterContext.dataFilter);\r\n\r\n    let _filterColumn: FilterColumn | null = null;\r\n\r\n    const createFilterColumn = () => {\r\n      _filterColumn = reactive(\r\n        new FilterColumn({\r\n          name: props.name!,\r\n          label: props.label!,\r\n        })\r\n      );\r\n\r\n      unref(dataFilter).addColumn(_filterColumn);\r\n\r\n      return _filterColumn;\r\n    };\r\n\r\n    const filterColumn = computed(() => {\r\n      const existingColumn = unref(dataFilter).getColumn(props.name) ?? null;\r\n\r\n      if (existingColumn) {\r\n        return existingColumn;\r\n      }\r\n\r\n      if (!_filterColumn) {\r\n        _filterColumn = createFilterColumn();\r\n      }\r\n\r\n      return _filterColumn;\r\n    });\r\n\r\n    const value = computed({\r\n      get: () => unref(dataFilter).getParam(unref(filterColumn).name),\r\n      set: (v) => unref(dataFilter).setParam(unref(filterColumn).name, v),\r\n    });\r\n\r\n    const { component, componentProps, componentInfo } =\r\n      useFilterColumnComponent(filterColumn, dataFilter);\r\n\r\n    watch(\r\n      componentInfo,\r\n      (componentInfo) => {\r\n        const _dataFilter = unref(dataFilter);\r\n\r\n        if (isWhereFilter(_dataFilter)) {\r\n          _dataFilter.setParamOperator(\r\n            unref(filterColumn).name,\r\n            (componentInfo as DataFilterComponent).defaultOperator\r\n          );\r\n        }\r\n      },\r\n      { immediate: true }\r\n    );\r\n\r\n    onBeforeUnmount(() => {\r\n      const _dataFilter = unref(dataFilter);\r\n\r\n      if (isWhereFilter(_dataFilter)) {\r\n        _dataFilter.deleteParamOperator(unref(filterColumn).name);\r\n      }\r\n\r\n      _dataFilter.deleteParam(unref(filterColumn).name);\r\n    });\r\n\r\n    return () => {\r\n      const _filterColumn = unref(filterColumn);\r\n\r\n      if (!_filterColumn) {\r\n        return null;\r\n      }\r\n\r\n      let children: any = slots.default?.();\r\n\r\n      if (!children && unref(component)) {\r\n        const FilterColumnComponent = toRaw(unref(component));\r\n\r\n        children = (\r\n          <FilterColumnComponent\r\n            {...unref(componentProps)}\r\n            modelValue={unref(value)}\r\n            onUpdate:modelValue={(v: any) => (value.value = v)}\r\n            column={unref(filterColumn)}\r\n          />\r\n        );\r\n      }\r\n\r\n      const labelWidth = computed(() => dataFilterContext.labelWidth);\r\n\r\n      return (\r\n        <ElFormItem\r\n          prop={_filterColumn.name}\r\n          label={_filterColumn.label}\r\n          labelWidth={unref(labelWidth)}\r\n        >\r\n          {children}\r\n        </ElFormItem>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","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"],"mappings":"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"}
+{"version":3,"file":"data-filter-form-item.js","sources":["../../../../../../src/components/data-model/data-filter-form/data-filter-form-item/data-filter-form-item.tsx"],"sourcesContent":["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"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","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"],"mappings":"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"}

package/dist/cjs/components/data-model/data-filter-form/data-filter-form-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-filter-form-options.js","sources":["../../../../../src/components/data-model/data-filter-form/data-filter-form-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { DataTable } from \"@maketribe/dm\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\nimport dataFilterForm from \"./data-filter-form\";\r\n\r\nexport const dataFilterFormProps = buildProps({\r\n  // dataFilter: { type: DataFilter, required: true },\r\n  dataTable: { type: DataTable, required: true },\r\n} as const);\r\n\r\nexport type DataFilterFormProps = ExtractPropTypes<typeof dataFilterFormProps>;\r\n\r\nexport const dataFilterFormEmits = {};\r\n\r\nexport type DataFilterFormEmits = typeof dataFilterForm;\r\n"],"names":["buildProps","DataTable"],"mappings":";;;;AAKO,MAAM,sBAAsBA,MAAAA,WAAW;AAAA;AAAA,EAE5C,WAAW,EAAE,MAAMC,cAAW,UAAU,KAAK;AAC/C,CAAU;;"}
+{"version":3,"file":"data-filter-form-options.js","sources":["../../../../../src/components/data-model/data-filter-form/data-filter-form-options.ts"],"sourcesContent":["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"],"names":["buildProps","DataTable"],"mappings":";;;;AAKO,MAAM,sBAAsBA,MAAAA,WAAW;AAAA;AAAA,EAE5C,WAAW,EAAE,MAAMC,cAAW,UAAU,KAAK;AAC/C,CAAU;;"}

package/dist/cjs/components/data-model/data-filter-form/data-filter-form.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-filter-form.js","sources":["../../../../../src/components/data-model/data-filter-form/data-filter-form.tsx"],"sourcesContent":["import {\r\n  Suspense,\r\n  computed,\r\n  defineComponent,\r\n  provide,\r\n  reactive,\r\n  unref,\r\n  watch,\r\n  onMounted,\r\n  Fragment,\r\n} from \"vue\";\r\nimport { dataFilterFormProps } from \"./data-filter-form-options\";\r\nimport { MKDataFilterFormItem } from \"./data-filter-form-item\";\r\nimport { DATA_FILTER_CONTEXT } from \"./token\";\r\nimport { ElForm } from \"element-plus\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKDataFilterForm\",\r\n  props: dataFilterFormProps,\r\n  setup(props, { slots }) {\r\n    const dataTable = computed(() => props.dataTable);\r\n    const dataFilter = computed(() => unref(dataTable).dataFilter);\r\n\r\n    const columns = computed(() =>\r\n      unref(dataFilter)\r\n        .getColumns()\r\n        .filter((column) => column.visible)\r\n    );\r\n\r\n    const labelWidth = computed(() => {\r\n      const maxWordCount = Math.max(\r\n        ...unref(columns).map((column) => column.label.length)\r\n      );\r\n\r\n      return maxWordCount * 14 + 20;\r\n    });\r\n\r\n    provide(DATA_FILTER_CONTEXT, reactive({ dataFilter, labelWidth }));\r\n\r\n    let resolve: Function | null = null;\r\n    const suspenseResolvePromise = new Promise((_resolve) => {\r\n      resolve = _resolve;\r\n    });\r\n\r\n    const handleResolve = () => {\r\n      resolve?.();\r\n    };\r\n\r\n    onMounted(() => {\r\n      watch(\r\n        dataTable,\r\n        async (dataTable, _, onCleanup) => {\r\n          await suspenseResolvePromise;\r\n\r\n          const disposable = dataTable.afterInitdEvent.on(() => {\r\n            dataTable.dataFilter.setReady();\r\n          });\r\n\r\n          onCleanup(() => {\r\n            disposable.dispose();\r\n          });\r\n        },\r\n        { immediate: true }\r\n      );\r\n    });\r\n\r\n    return () => {\r\n      if (!unref(columns).length) {\r\n        return null;\r\n      }\r\n\r\n      let children: any = slots.default?.();\r\n\r\n      if (!children) {\r\n        children = unref(columns).map((column) => {\r\n          if (!column.name) {\r\n            return null;\r\n          }\r\n\r\n          return (\r\n            slots[`col-${column.name}`]?.() || (\r\n              <MKDataFilterFormItem\r\n                name={column.name}\r\n                v-slots={{ default: slots[`col-${column.name}-content`] }}\r\n              />\r\n            )\r\n          );\r\n        });\r\n      }\r\n\r\n      if (!children) {\r\n        return null;\r\n      }\r\n\r\n      return (\r\n        <ElForm class=\"mk-data-filter-form\">\r\n          <Suspense onResolve={handleResolve}>\r\n            <Fragment>{children}</Fragment>\r\n          </Suspense>\r\n        </ElForm>\r\n      );\r\n    };\r\n  },\r\n});\r\n\r\n// export default defineComponent({\r\n//   name: \"MKDataFilterForm\",\r\n//   props: dataFilterFormProps,\r\n//   setup(props, { slots }) {\r\n//     const dataTable = computed(() => props.dataTable);\r\n//     const dataFilter = computed(() => unref(dataTable).dataFilter);\r\n\r\n//     const columns = computed(() =>\r\n//       unref(dataFilter)\r\n//         .getColumns()\r\n//         .filter((column) => column.visible)\r\n//     );\r\n\r\n//     const labelWidth = computed(() => {\r\n//       const maxWordCount = Math.max(\r\n//         ...unref(columns).map((column) => column.label.length)\r\n//       );\r\n\r\n//       return maxWordCount * 14 + 10;\r\n//     });\r\n\r\n//     provide(DATA_FILTER_CONTEXT, reactive({ dataFilter, labelWidth }));\r\n\r\n//     let resolve: Function | null = null;\r\n//     const suspenseResolvePromise = new Promise((_resolve) => {\r\n//       resolve = _resolve;\r\n//     });\r\n\r\n//     const handleResolve = () => {\r\n//       resolve?.();\r\n//     };\r\n\r\n//     onMounted(() => {\r\n//       watch(\r\n//         dataTable,\r\n//         async (dataTable, _, onCleanup) => {\r\n//           await suspenseResolvePromise;\r\n\r\n//           const disposable = dataTable.afterInitdEvent.on(() => {\r\n//             dataTable.dataFilter.setReady();\r\n//           });\r\n\r\n//           onCleanup(() => {\r\n//             disposable.dispose();\r\n//           });\r\n//         },\r\n//         { immediate: true }\r\n//       );\r\n//     });\r\n\r\n//     return () => {\r\n//       if (!unref(columns).length) {\r\n//         return null;\r\n//       }\r\n\r\n//       let children: any = slots.default?.();\r\n\r\n//       if (!children) {\r\n//         children = unref(columns).map((column) => {\r\n//           if (!column.name) {\r\n//             return null;\r\n//           }\r\n\r\n//           return (\r\n//             slots[`col-${column.name}`]?.() || (\r\n//               <MKDataFilterFormItem\r\n//                 name={column.name}\r\n//                 v-slots={{ default: slots[`col-${column.name}-content`] }}\r\n//               />\r\n//             )\r\n//           );\r\n//         });\r\n//       }\r\n\r\n//       if (!children) {\r\n//         return null;\r\n//       }\r\n\r\n//       return (\r\n//         <div class=\"mk-data-filter-form\">\r\n//           <Suspense onResolve={handleResolve}>\r\n//             <Fragment>{children}</Fragment>\r\n//           </Suspense>\r\n//         </div>\r\n//       );\r\n//     };\r\n//   },\r\n// });\r\n"],"names":["defineComponent","name","props","dataFilterFormProps","setup","slots","dataTable","computed","dataFilter","unref","columns","getColumns","filter","column","visible","labelWidth","maxWordCount","Math","max","map","label","length","provide","DATA_FILTER_CONTEXT","reactive","resolve","suspenseResolvePromise","Promise","_resolve","handleResolve","onMounted","watch","_","onCleanup","disposable","afterInitdEvent","on","setReady","dispose","immediate","children","default","_createVNode","MKDataFilterFormItem","ElForm","Suspense","_Fragment"],"mappings":";;;;;;AAgBA,MAAeA,qDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC,sBAAmB;AAAA,EAC1BC,MAAMF,OAAO;AAAA,IAAEG;AAAAA,EAAM,GAAG;AACtB,UAAMC,YAAYC,IAAQ,SAAC,MAAML,MAAMI,SAAS;AAChD,UAAME,aAAaD,IAAAA,SAAS,MAAME,IAAK,MAACH,SAAS,EAAEE,UAAU;AAE7D,UAAME,UAAUH,IAAAA,SAAS,MACvBE,IAAAA,MAAMD,UAAU,EACbG,WAAY,EACZC,OAAQC,YAAWA,OAAOC,OAAO,CACtC;AAEA,UAAMC,aAAaR,IAAAA,SAAS,MAAM;AAChC,YAAMS,eAAeC,KAAKC,IACxB,GAAGT,IAAK,MAACC,OAAO,EAAES,IAAKN,YAAWA,OAAOO,MAAMC,MAAM,CACvD;AAEA,aAAOL,eAAe,KAAK;AAAA,IAC7B,CAAC;AAEDM,QAAO,QAACC,MAAmB,qBAAEC,aAAS;AAAA,MAAEhB;AAAAA,MAAYO;AAAAA,IAAY,CAAA,CAAC;AAEjE,QAAIU,UAA2B;AAC/B,UAAMC,yBAAyB,IAAIC,QAASC,cAAa;AACvDH,gBAAUG;AAAAA,IACZ,CAAC;AAED,UAAMC,gBAAgBA,MAAM;AAC1BJ;AAAAA;AAGFK,QAAAA,UAAU,MAAM;AACdC,UAAAA,MACEzB,WACA,OAAOA,YAAW0B,GAAGC,cAAc;AACjC,cAAMP;AAEN,cAAMQ,aAAa5B,WAAU6B,gBAAgBC,GAAG,MAAM;AACpD9B,UAAAA,WAAUE,WAAW6B;QACvB,CAAC;AAEDJ,kBAAU,MAAM;AACdC,qBAAWI,QAAO;AAAA,QACpB,CAAC;AAAA,MACH,GACA;AAAA,QAAEC,WAAW;AAAA,MAAK,CACpB;AAAA,IACF,CAAC;AAED,WAAO,MAAM;;AACX,UAAI,CAAC9B,IAAK,MAACC,OAAO,EAAEW,QAAQ;AAC1B,eAAO;AAAA,MACT;AAEA,UAAImB,YAAgBnC,WAAMoC,YAANpC;AAEpB,UAAI,CAACmC,UAAU;AACbA,mBAAW/B,IAAAA,MAAMC,OAAO,EAAES,IAAKN,YAAW;;AACxC,cAAI,CAACA,OAAOZ,MAAM;AAChB,mBAAO;AAAA,UACT;AAEA,mBACEI,MAAAA,MAAM,OAAOQ,OAAOZ,IAAI,QAAxBI,gBAAAA,IAAAA,gBAA+BqC,IAAA,YAAAC,4BAAA;AAAA,YAAA,QAErB9B,OAAOZ;AAAAA,aACJ;AAAA,YAAEwC,SAASpC,MAAM,OAAOQ,OAAOZ,IAAI,UAAU;AAAA,UAAE,CAAC;AAAA,QAIjE,CAAC;AAAA,MACH;AAEA,UAAI,CAACuC,UAAU;AACb,eAAO;AAAA,MACT;AAEA,aAAAE,IAAAA,YAAAE,YAAAA,QAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA;AAAA,QAAAH,SAAAA,MAAAC,CAAAA,IAAA,YAAAG,cAAA;AAAA,UAAA,aAEyBhB;AAAAA,QAAa,GAAA;AAAA,UAAAY,SAAAA,MAAA,CAAAC,gBAAAI,IAAAA,iBACrBN,QAAQ,CAAA,CAAA;AAAA,QAAA,CAAA,CAAA;AAAA,MAAA,CAAA;AAAA;EAK7B;AACF,CAAC;;"}
+{"version":3,"file":"data-filter-form.js","sources":["../../../../../src/components/data-model/data-filter-form/data-filter-form.tsx"],"sourcesContent":["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\";\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"],"names":["defineComponent","name","props","dataFilterFormProps","setup","slots","dataTable","computed","dataFilter","unref","columns","getColumns","filter","column","visible","labelWidth","maxWordCount","Math","max","map","label","length","provide","DATA_FILTER_CONTEXT","reactive","resolve","suspenseResolvePromise","Promise","_resolve","handleResolve","onMounted","watch","_","onCleanup","disposable","afterInitdEvent","on","setReady","dispose","immediate","children","default","_createVNode","MKDataFilterFormItem","ElForm","Suspense","_Fragment"],"mappings":";;;;;;AAgBA,MAAeA,qDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC,sBAAmB;AAAA,EAC1BC,MAAMF,OAAO;AAAA,IAAEG;AAAAA,EAAM,GAAG;AACtB,UAAMC,YAAYC,IAAQ,SAAC,MAAML,MAAMI,SAAS;AAChD,UAAME,aAAaD,IAAAA,SAAS,MAAME,IAAK,MAACH,SAAS,EAAEE,UAAU;AAE7D,UAAME,UAAUH,IAAAA,SAAS,MACvBE,IAAAA,MAAMD,UAAU,EACbG,WAAY,EACZC,OAAQC,YAAWA,OAAOC,OAAO,CACtC;AAEA,UAAMC,aAAaR,IAAAA,SAAS,MAAM;AAChC,YAAMS,eAAeC,KAAKC,IACxB,GAAGT,IAAK,MAACC,OAAO,EAAES,IAAKN,YAAWA,OAAOO,MAAMC,MAAM,CACvD;AAEA,aAAOL,eAAe,KAAK;AAAA,IAC7B,CAAC;AAEDM,QAAO,QAACC,MAAmB,qBAAEC,aAAS;AAAA,MAAEhB;AAAAA,MAAYO;AAAAA,IAAY,CAAA,CAAC;AAEjE,QAAIU,UAA2B;AAC/B,UAAMC,yBAAyB,IAAIC,QAASC,cAAa;AACvDH,gBAAUG;AAAAA,IACZ,CAAC;AAED,UAAMC,gBAAgBA,MAAM;AAC1BJ;AAAAA;AAGFK,QAAAA,UAAU,MAAM;AACdC,UAAAA,MACEzB,WACA,OAAOA,YAAW0B,GAAGC,cAAc;AACjC,cAAMP;AAEN,cAAMQ,aAAa5B,WAAU6B,gBAAgBC,GAAG,MAAM;AACpD9B,UAAAA,WAAUE,WAAW6B;QACvB,CAAC;AAEDJ,kBAAU,MAAM;AACdC,qBAAWI,QAAO;AAAA,QACpB,CAAC;AAAA,MACH,GACA;AAAA,QAAEC,WAAW;AAAA,MAAK,CACpB;AAAA,IACF,CAAC;AAED,WAAO,MAAM;;AACX,UAAI,CAAC9B,IAAK,MAACC,OAAO,EAAEW,QAAQ;AAC1B,eAAO;AAAA,MACT;AAEA,UAAImB,YAAgBnC,WAAMoC,YAANpC;AAEpB,UAAI,CAACmC,UAAU;AACbA,mBAAW/B,IAAAA,MAAMC,OAAO,EAAES,IAAKN,YAAW;;AACxC,cAAI,CAACA,OAAOZ,MAAM;AAChB,mBAAO;AAAA,UACT;AAEA,mBACEI,MAAAA,MAAM,OAAOQ,OAAOZ,IAAI,QAAxBI,gBAAAA,IAAAA,gBAA+BqC,IAAA,YAAAC,4BAAA;AAAA,YAAA,QAErB9B,OAAOZ;AAAAA,aACJ;AAAA,YAAEwC,SAASpC,MAAM,OAAOQ,OAAOZ,IAAI,UAAU;AAAA,UAAE,CAAC;AAAA,QAIjE,CAAC;AAAA,MACH;AAEA,UAAI,CAACuC,UAAU;AACb,eAAO;AAAA,MACT;AAEA,aAAAE,IAAAA,YAAAE,YAAAA,QAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA;AAAA,QAAAH,SAAAA,MAAAC,CAAAA,IAAA,YAAAG,cAAA;AAAA,UAAA,aAEyBhB;AAAAA,QAAa,GAAA;AAAA,UAAAY,SAAAA,MAAA,CAAAC,gBAAAI,IAAAA,iBACrBN,QAAQ,CAAA,CAAA;AAAA,QAAA,CAAA,CAAA;AAAA,MAAA,CAAA;AAAA;EAK7B;AACF,CAAC;;"}

package/dist/cjs/components/data-model/data-filter-form/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/data-model/data-filter-form/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\r\nimport { MKDataFilterFormItem } from \"./data-filter-form-item\";\r\nimport DataFilterForm from \"./data-filter-form\";\r\n\r\nexport const MKDataFilterForm = withInstall(DataFilterForm, {\r\n  MKDataFilterFormItem,\r\n});\r\nexport default MKDataFilterForm;\r\n\r\nexport * from \"./data-filter-form-item\";\r\nexport * from \"./data-filter-form-options\";\r\nexport * from \"./composables\";\r\nexport * from \"./operator-options\";\r\n\r\nexport * from \"./components\";\r\n"],"names":["withInstall","DataFilterForm","MKDataFilterFormItem"],"mappings":";;;;;;;;;;;;AAIa,MAAA,mBAAmBA,kBAAYC,gBAAgB;AAAA,EAAA,sBAC1DC,MAAA;AACF,CAAC;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/data-model/data-filter-form/index.ts"],"sourcesContent":["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"],"names":["withInstall","DataFilterForm","MKDataFilterFormItem"],"mappings":";;;;;;;;;;;;AAIa,MAAA,mBAAmBA,kBAAYC,gBAAgB;AAAA,EAAA,sBAC1DC,MAAA;AACF,CAAC;;;;;;;;;;"}

package/dist/cjs/components/data-model/data-filter-form/token.js.map

@@ -1 +1 @@
-{"version":3,"file":"token.js","sources":["../../../../../src/components/data-model/data-filter-form/token.ts"],"sourcesContent":["import { InjectionKey } from \"vue\";\r\nimport { Operator, FilterColumn, DataFilter } from \"@maketribe/dm\";\r\nimport { OperatorOption } from \"./operator-options\";\r\n\r\nexport interface DataFilterContext {\r\n  dataFilter: DataFilter;\r\n  labelWidth: number;\r\n}\r\n\r\nexport interface DataFilterItemContext {\r\n  dataFilter: DataFilter;\r\n  // dataFilterItem: DataFilterItem;\r\n}\r\n\r\n// export interface DataFilterItem {\r\n//   dataFilter: DataFilter;\r\n//   column: FilterColumn;\r\n//   currentOperator: Operator | null;\r\n//   operatorOptions: OperatorOption[];\r\n//   setOperator(operator: Operator): void;\r\n//   setOperatorOptions(options: OperatorOption[]): void;\r\n//   setValue(value: any): void;\r\n//   getValue(): any;\r\n// }\r\n\r\nexport const DATA_FILTER_CONTEXT: InjectionKey<DataFilterContext> = Symbol(\r\n  \"DATA_FILTER_CONTEXT\"\r\n);\r\nexport const DATA_FILTER_ITEM_CONTEXT: InjectionKey<DataFilterItemContext> =\r\n  Symbol(\"DATA_FILTER_ITEM_CONTEXT\");\r\n\r\nexport const DATA_FILTER_QUERY_NAME: string = \"dataTableParams\";\r\n"],"names":[],"mappings":";;AAyBO,MAAM,sBAAuD;AAAA,EAClE;AACF;;"}
+{"version":3,"file":"token.js","sources":["../../../../../src/components/data-model/data-filter-form/token.ts"],"sourcesContent":["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"],"names":[],"mappings":";;AAyBO,MAAM,sBAAuD;AAAA,EAClE;AACF;;"}

package/dist/cjs/components/data-model/data-form/components/form-detail/form-detail-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-detail-options.js","sources":["../../../../../../../src/components/data-model/data-form/components/form-detail/form-detail-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\nimport { FormDetailColumn } from \"@maketribe/dm\";\r\n\r\nexport const formDetailProps = buildProps({\r\n  modelValue: {\r\n    type: null,\r\n  },\r\n  disabled: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  column: { type: FormDetailColumn, required: true },\r\n  formWidth: {\r\n    type: String,\r\n    default: \"400px\",\r\n  },\r\n} as const);\r\n\r\nexport type FormDetailProps = ExtractPropTypes<typeof formDetailProps>;\r\n\r\nexport const formDetailEmits = {\r\n  \"update:model-value\": (v: any) => true,\r\n};\r\n\r\nexport type FormDetailEmits = ExtractPropTypes<typeof formDetailEmits>;\r\n"],"names":["buildProps","FormDetailColumn"],"mappings":";;;;AAIO,MAAM,kBAAkBA,MAAAA,WAAW;AAAA,EACxC,YAAY;AAAA,IACV,MAAM;AAAA,EACR;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,QAAQ,EAAE,MAAMC,qBAAkB,UAAU,KAAK;AAAA,EACjD,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAU;AAIH,MAAM,kBAAkB;AAAA,EAC7B,sBAAsB,CAAC,MAAW;AACpC;;;"}
+{"version":3,"file":"form-detail-options.js","sources":["../../../../../../../src/components/data-model/data-form/components/form-detail/form-detail-options.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"],"names":["buildProps","FormDetailColumn"],"mappings":";;;;AAIO,MAAM,kBAAkBA,MAAAA,WAAW;AAAA,EACxC,YAAY;AAAA,IACV,MAAM;AAAA,EACR;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,QAAQ,EAAE,MAAMC,qBAAkB,UAAU,KAAK;AAAA,EACjD,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAU;AAIH,MAAM,kBAAkB;AAAA,EAC7B,sBAAsB,CAAC,MAAW;AACpC;;;"}

package/dist/cjs/components/data-model/data-form/components/form-detail/form-detail.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-detail.js","sources":["../../../../../../../src/components/data-model/data-form/components/form-detail/form-detail.tsx"],"sourcesContent":["import { computed, defineComponent, ref, unref, watch } from \"vue\";\r\nimport { MKPageContainer } from \"../../../../basic/page-container\";\r\nimport { MKDataTable } from \"../../../data-table\";\r\nimport DataForm from \"../../data-form\";\r\nimport { formDetailEmits, formDetailProps } from \"./form-detail-options\";\r\nimport { useFormItem } from \"../../composables\";\r\nimport { ElDrawer, ElEmpty } from \"element-plus\";\r\nimport { Messager } from \"@maketribe/dm\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKFormDetail\",\r\n  props: formDetailProps,\r\n  emits: formDetailEmits,\r\n  setup(props) {\r\n    const detailTable = computed(() => props.column.detailTable);\r\n    const detailForm = computed(() => props.column.detailForm!);\r\n\r\n    const { value } = useFormItem();\r\n\r\n    watch(\r\n      computed(() => unref(value)),\r\n      (value) => {\r\n        const _detailTable = unref(detailTable);\r\n\r\n        value = Array.isArray(value) ? value : [];\r\n\r\n        _detailTable.setList(\r\n          value.map((item: any) => _detailTable.formatItem(item))\r\n        );\r\n      }\r\n    );\r\n\r\n    const isShowDataForm = ref(false);\r\n\r\n    watch(\r\n      detailTable,\r\n      (dataTable, _, onCleanup) => {\r\n        const addRecordDisposable = dataTable.addRecordEvent.on(async ({ item }) => {\r\n          const _dataForm = unref(detailForm);\r\n\r\n          if (!_dataForm) {\r\n            console.warn(`没有对应的 (${dataTable.name}) DataForm 实现`);\r\n            return;\r\n          }\r\n\r\n          isShowDataForm.value = true;\r\n\r\n          _dataForm.addRecord(item);\r\n        });\r\n\r\n        const editRecordDisposable = dataTable.editRecordEvent.on(\r\n          async ({ item }) => {\r\n            const _dataForm = unref(detailForm);\r\n\r\n            if (!_dataForm) {\r\n              console.warn(`没有对应的 (${dataTable.name}) DataForm 实现`);\r\n              return;\r\n            }\r\n\r\n            isShowDataForm.value = true;\r\n\r\n            try {\r\n              const response = await _dataForm.editRecord(item);\r\n\r\n              if (response.data.code !== 200) {\r\n                Messager.error({ message: response.data.msg });\r\n                isShowDataForm.value = false;\r\n                return;\r\n              }\r\n            } catch (e) {\r\n              console.error(e);\r\n              isShowDataForm.value = false;\r\n            }\r\n          }\r\n        );\r\n\r\n        onCleanup(() => {\r\n          addRecordDisposable.dispose();\r\n          editRecordDisposable.dispose();\r\n        });\r\n      },\r\n      { immediate: true }\r\n    );\r\n\r\n    watch(\r\n      detailForm,\r\n      (dataForm, _, onCleanup) => {\r\n        const submittedDisposable = dataForm.submittedEvent.on(() => {\r\n          isShowDataForm.value = false;\r\n\r\n          unref(detailTable)?.load();\r\n        });\r\n\r\n        const cancelDisposable = dataForm.cancelEvent.on(() => {\r\n          isShowDataForm.value = false;\r\n        });\r\n\r\n        onCleanup(() => {\r\n          submittedDisposable.dispose();\r\n          cancelDisposable.dispose();\r\n        });\r\n      },\r\n      { immediate: true }\r\n    );\r\n\r\n    return () => {\r\n      const dataForm = unref(isShowDataForm) ? (\r\n        <MKPageContainer>\r\n          <DataForm dataForm={unref(detailForm)} autoLoad={false} />\r\n        </MKPageContainer>\r\n      ) : null;\r\n\r\n      return (\r\n        <div class=\"mk-form-detail\">\r\n          <MKDataTable\r\n            dataTable={unref(detailTable)}\r\n            autoLoad={false}\r\n            v-slots={{ empty: () => <ElEmpty image-size={100} /> }}\r\n          />\r\n          <ElDrawer\r\n            class=\"mk-form-detail__drawer\"\r\n            modelValue={unref(isShowDataForm)}\r\n            onUpdate:modelValue={(v) => (isShowDataForm.value = v)}\r\n            appendToBody\r\n            withHeader={false}\r\n            width=\"50%\"\r\n          >\r\n            {dataForm}\r\n          </ElDrawer>\r\n        </div>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","props","formDetailProps","emits","formDetailEmits","setup","detailTable","computed","column","detailForm","value","useFormItem","watch","unref","_detailTable","Array","isArray","setList","map","item","formatItem","isShowDataForm","ref","dataTable","_","onCleanup","addRecordDisposable","addRecordEvent","on","_dataForm","console","warn","addRecord","editRecordDisposable","editRecordEvent","response","editRecord","data","code","Messager","error","message","msg","e","dispose","immediate","dataForm","submittedDisposable","submittedEvent","load","cancelDisposable","cancelEvent","_createVNode","MKPageContainer","default","DataForm","MKDataTable","empty","ElEmpty","ElDrawer","v"],"mappings":"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"}
+{"version":3,"file":"form-detail.js","sources":["../../../../../../../src/components/data-model/data-form/components/form-detail/form-detail.tsx"],"sourcesContent":["import { computed, defineComponent, ref, unref, watch } from \"vue\";\nimport { MKPageContainer } from \"../../../../basic/page-container\";\nimport { MKDataTable } from \"../../../data-table\";\nimport DataForm from \"../../data-form\";\nimport { formDetailEmits, formDetailProps } from \"./form-detail-options\";\nimport { useFormItem } from \"../../composables\";\nimport { ElDrawer, ElEmpty } from \"element-plus\";\nimport { Messager } from \"@maketribe/dm\";\n\nexport default defineComponent({\n  name: \"MKFormDetail\",\n  props: formDetailProps,\n  emits: formDetailEmits,\n  setup(props) {\n    const detailTable = computed(() => props.column.detailTable);\n    const detailForm = computed(() => props.column.detailForm!);\n\n    const { value } = useFormItem();\n\n    watch(\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\n    const isShowDataForm = ref(false);\n\n    watch(\n      detailTable,\n      (dataTable, _, onCleanup) => {\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\n    watch(\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\n    return () => {\n      const dataForm = unref(isShowDataForm) ? (\n        <MKPageContainer>\n          <DataForm dataForm={unref(detailForm)} autoLoad={false} />\n        </MKPageContainer>\n      ) : null;\n\n      return (\n        <div class=\"mk-form-detail\">\n          <MKDataTable\n            dataTable={unref(detailTable)}\n            autoLoad={false}\n            v-slots={{ empty: () => <ElEmpty image-size={100} /> }}\n          />\n          <ElDrawer\n            class=\"mk-form-detail__drawer\"\n            modelValue={unref(isShowDataForm)}\n            onUpdate:modelValue={(v) => (isShowDataForm.value = v)}\n            appendToBody\n            withHeader={false}\n            width=\"50%\"\n          >\n            {dataForm}\n          </ElDrawer>\n        </div>\n      );\n    };\n  },\n});\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","props","formDetailProps","emits","formDetailEmits","setup","detailTable","computed","column","detailForm","value","useFormItem","watch","unref","_detailTable","Array","isArray","setList","map","item","formatItem","isShowDataForm","ref","dataTable","_","onCleanup","addRecordDisposable","addRecordEvent","on","_dataForm","console","warn","addRecord","editRecordDisposable","editRecordEvent","response","editRecord","data","code","Messager","error","message","msg","e","dispose","immediate","dataForm","submittedDisposable","submittedEvent","load","cancelDisposable","cancelEvent","_createVNode","MKPageContainer","default","DataForm","MKDataTable","empty","ElEmpty","ElDrawer","v"],"mappings":"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"}

package/dist/cjs/components/data-model/data-form/composables/use-form-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-form-item.js","sources":["../../../../../../src/components/data-model/data-form/composables/use-form-item.ts"],"sourcesContent":["import { ExtractPropTypes, computed, inject, unref } from \"vue\";\r\nimport { DATA_FORM_ITEM_CONTEXT_KEY } from \"../token\";\r\nimport { FormColumn } from \"@maketribe/dm\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\n\r\nexport const columnProps = buildProps({\r\n  column: { type: FormColumn, required: true },\r\n} as const);\r\n\r\nexport type ColumnProps = ExtractPropTypes<typeof columnProps>;\r\n\r\nexport function useFormItem() {\r\n  const dataFormItemContext = inject(DATA_FORM_ITEM_CONTEXT_KEY);\r\n  const column = computed(() => unref(dataFormItemContext)?.column ?? null);\r\n\r\n  const value = computed({\r\n    get: () => {\r\n      const _column = unref(column);\r\n\r\n      if (!_column) {\r\n        return;\r\n      }\r\n\r\n      return _column.getValue();\r\n    },\r\n    set: (v: any) => {\r\n      const _column = unref(column);\r\n\r\n      if (!_column) {\r\n        return;\r\n      }\r\n\r\n      _column.setValue(v);\r\n    },\r\n  });\r\n\r\n  const disabled = computed(() => unref(column)?.disabled ?? false);\r\n\r\n  return { column, value, disabled };\r\n}\r\n"],"names":["buildProps","FormColumn","inject","DATA_FORM_ITEM_CONTEXT_KEY","computed","unref"],"mappings":";;;;;;AAK2BA,MAAAA,WAAW;AAAA,EACpC,QAAQ,EAAE,MAAMC,eAAY,UAAU,KAAK;AAC7C,CAAU;AAIH,SAAS,cAAc;AACtB,QAAA,sBAAsBC,WAAOC,MAAAA,0BAA0B;AAC7D,QAAM,SAASC,IAAAA,SAAS,MAAMC;;AAAAA,sBAAAA,MAAM,mBAAmB,MAAzBA,mBAA4B,WAAU;AAAA,GAAI;AAExE,QAAM,QAAQD,IAAAA,SAAS;AAAA,IACrB,KAAK,MAAM;AACH,YAAA,UAAUC,UAAM,MAAM;AAE5B,UAAI,CAAC,SAAS;AACZ;AAAA,MACF;AAEA,aAAO,QAAQ;IACjB;AAAA,IACA,KAAK,CAAC,MAAW;AACT,YAAA,UAAUA,UAAM,MAAM;AAE5B,UAAI,CAAC,SAAS;AACZ;AAAA,MACF;AAEA,cAAQ,SAAS,CAAC;AAAA,IACpB;AAAA,EAAA,CACD;AAED,QAAM,WAAWD,IAAAA,SAAS,MAAMC;;AAAAA,sBAAAA,MAAM,MAAM,MAAZA,mBAAe,aAAY;AAAA,GAAK;AAEzD,SAAA,EAAE,QAAQ,OAAO;AAC1B;;"}
+{"version":3,"file":"use-form-item.js","sources":["../../../../../../src/components/data-model/data-form/composables/use-form-item.ts"],"sourcesContent":["import { ExtractPropTypes, computed, inject, unref } from \"vue\";\nimport { DATA_FORM_ITEM_CONTEXT_KEY } from \"../token\";\nimport { FormColumn } from \"@maketribe/dm\";\nimport { buildProps } from \"@maketribe/utils\";\n\nexport const columnProps = buildProps({\n  column: { type: FormColumn, required: true },\n} as const);\n\nexport type ColumnProps = ExtractPropTypes<typeof columnProps>;\n\nexport function useFormItem() {\n  const dataFormItemContext = inject(DATA_FORM_ITEM_CONTEXT_KEY);\n  const column = computed(() => unref(dataFormItemContext)?.column ?? null);\n\n  const value = computed({\n    get: () => {\n      const _column = unref(column);\n\n      if (!_column) {\n        return;\n      }\n\n      return _column.getValue();\n    },\n    set: (v: any) => {\n      const _column = unref(column);\n\n      if (!_column) {\n        return;\n      }\n\n      _column.setValue(v);\n    },\n  });\n\n  const disabled = computed(() => unref(column)?.disabled ?? false);\n\n  return { column, value, disabled };\n}\n"],"names":["buildProps","FormColumn","inject","DATA_FORM_ITEM_CONTEXT_KEY","computed","unref"],"mappings":";;;;;;AAK2BA,MAAAA,WAAW;AAAA,EACpC,QAAQ,EAAE,MAAMC,eAAY,UAAU,KAAK;AAC7C,CAAU;AAIH,SAAS,cAAc;AACtB,QAAA,sBAAsBC,WAAOC,MAAAA,0BAA0B;AAC7D,QAAM,SAASC,IAAAA,SAAS,MAAMC;;AAAAA,sBAAAA,MAAM,mBAAmB,MAAzBA,mBAA4B,WAAU;AAAA,GAAI;AAExE,QAAM,QAAQD,IAAAA,SAAS;AAAA,IACrB,KAAK,MAAM;AACH,YAAA,UAAUC,UAAM,MAAM;AAE5B,UAAI,CAAC,SAAS;AACZ;AAAA,MACF;AAEA,aAAO,QAAQ;IACjB;AAAA,IACA,KAAK,CAAC,MAAW;AACT,YAAA,UAAUA,UAAM,MAAM;AAE5B,UAAI,CAAC,SAAS;AACZ;AAAA,MACF;AAEA,cAAQ,SAAS,CAAC;AAAA,IACpB;AAAA,EAAA,CACD;AAED,QAAM,WAAWD,IAAAA,SAAS,MAAMC;;AAAAA,sBAAAA,MAAM,MAAM,MAAZA,mBAAe,aAAY;AAAA,GAAK;AAEzD,SAAA,EAAE,QAAQ,OAAO;AAC1B;;"}

package/dist/cjs/components/data-model/data-form/data-form-item/data-form-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-form-item.js","sources":["../../../../../../src/components/data-model/data-form/data-form-item/data-form-item.tsx"],"sourcesContent":["import { ElFormItem, useFormDisabled } from \"element-plus\";\r\nimport {\r\n  Ref,\r\n  computed,\r\n  defineComponent,\r\n  inject,\r\n  provide,\r\n  reactive,\r\n  ref,\r\n  toRaw,\r\n  unref,\r\n  useSlots,\r\n  watch,\r\n} from \"vue\";\r\nimport { FormColumn } from \"@maketribe/dm\";\r\n\r\nimport { useFormColumnComponent } from \"../../../../composables\";\r\nimport {\r\n  DATA_FORM_CONTEXT_KEY,\r\n  DATA_FORM_ITEM_CONTEXT_KEY,\r\n  DataFormItemContext,\r\n} from \"../token\";\r\nimport { dataFormItemProps } from \"./data-form-item-options\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKDataFormItem\",\r\n  props: dataFormItemProps,\r\n  setup(props) {\r\n    const slots = useSlots();\r\n\r\n    const dataFormContext = inject(DATA_FORM_CONTEXT_KEY);\r\n\r\n    const dataForm = computed(() => dataFormContext?.dataForm ?? null);\r\n\r\n    let _formColumn: FormColumn | null = null;\r\n\r\n    const existFormColumn = ref(\r\n      unref(dataForm)!.getColumn(props.name!)\r\n    ) as Ref<FormColumn | null>;\r\n\r\n    const formColumn = computed(() => {\r\n      const existingColumn = unref(existFormColumn);\r\n\r\n      if (existingColumn) {\r\n        return existingColumn;\r\n      }\r\n\r\n      if (!_formColumn) {\r\n        _formColumn = reactive(\r\n          new FormColumn({\r\n            required: props.required,\r\n            name: props.name!,\r\n            label: props.label!,\r\n          })\r\n        ) as FormColumn;\r\n      }\r\n\r\n      return _formColumn!;\r\n    });\r\n\r\n    watch(\r\n      formColumn,\r\n      (formColumn, _, onCleanup) => {\r\n        const existFormColumn = unref(dataForm)!.getColumn(formColumn.name);\r\n\r\n        if (!existFormColumn && _formColumn) {\r\n          unref(dataForm)!.addColumn(_formColumn);\r\n        }\r\n\r\n        onCleanup(() => {\r\n          if (_formColumn) {\r\n            unref(dataForm)!.removeColumn(_formColumn);\r\n          }\r\n        });\r\n      },\r\n      { immediate: true }\r\n    );\r\n\r\n    const { component, componentProps } = useFormColumnComponent(\r\n      formColumn,\r\n      dataForm\r\n    );\r\n\r\n    const disabled = useFormDisabled(\r\n      computed(() => unref(formColumn).disabled)\r\n    );\r\n\r\n    const value = computed({\r\n      get: () => unref(formColumn)?.getValue(),\r\n      set: (v) => {\r\n        unref(formColumn).setValue(v);\r\n      },\r\n    });\r\n\r\n    const label = computed(() =>\r\n      typeof props.label !== \"string\" ? unref(formColumn).label : props.label\r\n    );\r\n\r\n    provide(\r\n      DATA_FORM_ITEM_CONTEXT_KEY,\r\n      reactive({ column: formColumn }) as DataFormItemContext\r\n    );\r\n\r\n    return () => {\r\n      let _formColumn = unref(formColumn);\r\n\r\n      let _component = unref(component);\r\n\r\n      let children: any =\r\n        slots.default?.({\r\n          data: unref(dataForm)!.data,\r\n          column: _formColumn,\r\n          dataForm: unref(dataForm),\r\n        }) || null;\r\n\r\n      if (!children && _component) {\r\n        const FormColumnComponent = toRaw(_component);\r\n\r\n        children = (\r\n          <FormColumnComponent\r\n            {...unref(componentProps)}\r\n            column={_formColumn}\r\n            modelValue={value.value}\r\n            disabled={unref(disabled)}\r\n            onUpdate:modelValue={(v: any) => (value.value = v)}\r\n          />\r\n        );\r\n      }\r\n\r\n      return (\r\n        <ElFormItem\r\n          prop={_formColumn.name}\r\n          label={unref(label)}\r\n          required={_formColumn.required}\r\n          labelWidth={props.labelWidth}\r\n        >\r\n          {children}\r\n        </ElFormItem>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","props","dataFormItemProps","setup","slots","useSlots","dataFormContext","inject","DATA_FORM_CONTEXT_KEY","dataForm","computed","_formColumn","existFormColumn","ref","unref","getColumn","formColumn","existingColumn","reactive","FormColumn","required","label","watch","_","onCleanup","addColumn","removeColumn","immediate","component","componentProps","useFormColumnComponent","disabled","useFormDisabled","value","get","getValue","set","v","setValue","provide","DATA_FORM_ITEM_CONTEXT_KEY","column","_component","children","default","data","FormColumnComponent","toRaw","_createVNode","_mergeProps","ElFormItem","labelWidth"],"mappings":"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"}
+{"version":3,"file":"data-form-item.js","sources":["../../../../../../src/components/data-model/data-form/data-form-item/data-form-item.tsx"],"sourcesContent":["import { ElFormItem, useFormDisabled } from \"element-plus\";\nimport {\n  Ref,\n  computed,\n  defineComponent,\n  inject,\n  provide,\n  reactive,\n  ref,\n  toRaw,\n  unref,\n  useSlots,\n  watch,\n} from \"vue\";\nimport { FormColumn } from \"@maketribe/dm\";\n\nimport { useFormColumnComponent } from \"../../../../composables\";\nimport {\n  DATA_FORM_CONTEXT_KEY,\n  DATA_FORM_ITEM_CONTEXT_KEY,\n  DataFormItemContext,\n} from \"../token\";\nimport { dataFormItemProps } from \"./data-form-item-options\";\n\nexport default defineComponent({\n  name: \"MKDataFormItem\",\n  props: dataFormItemProps,\n  setup(props) {\n    const slots = useSlots();\n\n    const dataFormContext = inject(DATA_FORM_CONTEXT_KEY);\n\n    const dataForm = computed(() => dataFormContext?.dataForm ?? null);\n\n    let _formColumn: FormColumn | null = null;\n\n    const existFormColumn = ref(\n      unref(dataForm)!.getColumn(props.name!)\n    ) as Ref<FormColumn | null>;\n\n    const formColumn = computed(() => {\n      const existingColumn = unref(existFormColumn);\n\n      if (existingColumn) {\n        return existingColumn;\n      }\n\n      if (!_formColumn) {\n        _formColumn = reactive(\n          new FormColumn({\n            required: props.required,\n            name: props.name!,\n            label: props.label!,\n          })\n        ) as FormColumn;\n      }\n\n      return _formColumn!;\n    });\n\n    watch(\n      formColumn,\n      (formColumn, _, onCleanup) => {\n        const existFormColumn = unref(dataForm)!.getColumn(formColumn.name);\n\n        if (!existFormColumn && _formColumn) {\n          unref(dataForm)!.addColumn(_formColumn);\n        }\n\n        onCleanup(() => {\n          if (_formColumn) {\n            unref(dataForm)!.removeColumn(_formColumn);\n          }\n        });\n      },\n      { immediate: true }\n    );\n\n    const { component, componentProps } = useFormColumnComponent(\n      formColumn,\n      dataForm\n    );\n\n    const disabled = useFormDisabled(\n      computed(() => unref(formColumn).disabled)\n    );\n\n    const value = computed({\n      get: () => unref(formColumn)?.getValue(),\n      set: (v) => {\n        unref(formColumn).setValue(v);\n      },\n    });\n\n    const label = computed(() =>\n      typeof props.label !== \"string\" ? unref(formColumn).label : props.label\n    );\n\n    provide(\n      DATA_FORM_ITEM_CONTEXT_KEY,\n      reactive({ column: formColumn }) as DataFormItemContext\n    );\n\n    return () => {\n      let _formColumn = unref(formColumn);\n\n      let _component = unref(component);\n\n      let children: any =\n        slots.default?.({\n          data: unref(dataForm)!.data,\n          column: _formColumn,\n          dataForm: unref(dataForm),\n        }) || null;\n\n      if (!children && _component) {\n        const FormColumnComponent = toRaw(_component);\n\n        children = (\n          <FormColumnComponent\n            {...unref(componentProps)}\n            column={_formColumn}\n            modelValue={value.value}\n            disabled={unref(disabled)}\n            onUpdate:modelValue={(v: any) => (value.value = v)}\n          />\n        );\n      }\n\n      return (\n        <ElFormItem\n          prop={_formColumn.name}\n          label={unref(label)}\n          required={_formColumn.required}\n          labelWidth={props.labelWidth}\n        >\n          {children}\n        </ElFormItem>\n      );\n    };\n  },\n});\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","props","dataFormItemProps","setup","slots","useSlots","dataFormContext","inject","DATA_FORM_CONTEXT_KEY","dataForm","computed","_formColumn","existFormColumn","ref","unref","getColumn","formColumn","existingColumn","reactive","FormColumn","required","label","watch","_","onCleanup","addColumn","removeColumn","immediate","component","componentProps","useFormColumnComponent","disabled","useFormDisabled","value","get","getValue","set","v","setValue","provide","DATA_FORM_ITEM_CONTEXT_KEY","column","_component","children","default","data","FormColumnComponent","toRaw","_createVNode","_mergeProps","ElFormItem","labelWidth"],"mappings":"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"}

package/dist/cjs/components/data-model/data-form/data-form.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-form.js","sources":["../../../../../src/components/data-model/data-form/data-form.tsx"],"sourcesContent":["import {\r\n  computed,\r\n  defineComponent,\r\n  provide,\r\n  reactive,\r\n  ref,\r\n  Ref,\r\n  unref,\r\n  watch,\r\n} from \"vue\";\r\nimport { FormColumn, DataForm } from \"@maketribe/dm\";\r\n\r\nimport { dataFormEmits, dataFormProps } from \"./data-form-options\";\r\nimport { DATA_FORM_CONTEXT_KEY } from \"./token\";\r\nimport { Disposable, Event } from \"@maketribe/utils\";\r\nimport { MKFormView } from \"./views\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKDataForm\",\r\n  props: dataFormProps,\r\n  emits: dataFormEmits,\r\n  setup(props, { emit, slots }) {\r\n    let _dataForm: DataForm | null = null;\r\n\r\n    const dataFormEl: Ref<HTMLElement | null> = ref(null);\r\n\r\n    const createDataForm = () => {\r\n      const dataForm = new DataForm({\r\n        name: props.name!,\r\n        primaryKey: props.primaryKey,\r\n        interfaceURL: {\r\n          load: props.loadInterfaceURL || \"\",\r\n          add: props.addInterfaceURL || \"\",\r\n          update: props.updateInterfaceURL || props.addInterfaceURL || \"\",\r\n        },\r\n      });\r\n\r\n      const columns = props.columns.map((column) => new FormColumn(column));\r\n\r\n      dataForm.setColumns(columns);\r\n\r\n      return dataForm;\r\n    };\r\n\r\n    const dataForm = computed(() => {\r\n      if (props.dataForm instanceof DataForm) {\r\n        return props.dataForm;\r\n      }\r\n\r\n      if (!_dataForm) {\r\n        _dataForm = reactive(createDataForm()) as DataForm;\r\n      }\r\n\r\n      return _dataForm;\r\n    });\r\n\r\n    const loading = computed(() => unref(dataForm).loading);\r\n\r\n    watch(\r\n      dataForm,\r\n      async (dataForm, _, onCleanup) => {\r\n        await dataForm.init();\r\n\r\n        if (unref(dataForm).autoReset) {\r\n          unref(dataForm).reset();\r\n        }\r\n\r\n        const disposable = new Disposable();\r\n\r\n        const events = Object.keys(dataForm)\r\n          .filter((key) => dataForm[key as keyof DataForm] instanceof Event)\r\n          .map((key) => ({\r\n            eventName: key\r\n              .replace(/Event$/, \"\")\r\n              .replace(/[A-Z]/g, (match) => `-${match.toLocaleLowerCase()}`),\r\n            event: dataForm[key as keyof DataForm]! as Event,\r\n          }));\r\n\r\n        for (const item of events.filter(\r\n          (event) => event.eventName in dataFormEmits\r\n        )) {\r\n          disposable.register(\r\n            // @ts-ignore\r\n            item.event.on((event: any) => {\r\n              // @ts-ignore\r\n              emit(item.eventName, event);\r\n            })\r\n          );\r\n        }\r\n\r\n        onCleanup(() => {\r\n          disposable.dispose();\r\n        });\r\n\r\n        emit(\"changeDataForm\", dataForm);\r\n      },\r\n      { immediate: true }\r\n    );\r\n\r\n    provide(DATA_FORM_CONTEXT_KEY, reactive({ dataForm, el: dataFormEl }));\r\n\r\n    return () => {\r\n      return (\r\n        <div\r\n          class=\"mk-data-form\"\r\n          v-loading={unref(loading)}\r\n          ref={(el: any) => {\r\n            dataFormEl.value = el;\r\n          }}\r\n        >\r\n          {slots.default?.({ ...props, dataForm: unref(dataForm) }) || (\r\n            <MKFormView {...props} dataForm={unref(dataForm)} v-slots={slots} />\r\n          )}\r\n        </div>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["defineComponent","name","props","dataFormProps","emits","dataFormEmits","setup","emit","slots","_dataForm","dataFormEl","ref","createDataForm","dataForm","DataForm","primaryKey","interfaceURL","load","loadInterfaceURL","add","addInterfaceURL","update","updateInterfaceURL","columns","map","column","FormColumn","setColumns","computed","reactive","loading","unref","watch","_","onCleanup","init","autoReset","reset","disposable","Disposable","events","Object","keys","filter","key","Event","eventName","replace","match","toLocaleLowerCase","event","item","register","on","dispose","immediate","provide","DATA_FORM_CONTEXT_KEY","el","_withDirectives","_createVNode","value","default","MKFormView","_mergeProps","_resolveDirective"],"mappings":"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"}
+{"version":3,"file":"data-form.js","sources":["../../../../../src/components/data-model/data-form/data-form.tsx"],"sourcesContent":["import {\n  computed,\n  defineComponent,\n  provide,\n  reactive,\n  ref,\n  Ref,\n  unref,\n  watch,\n} from \"vue\";\nimport { FormColumn, DataForm } from \"@maketribe/dm\";\n\nimport { dataFormEmits, dataFormProps } from \"./data-form-options\";\nimport { DATA_FORM_CONTEXT_KEY } from \"./token\";\nimport { Disposable, Event } from \"@maketribe/utils\";\nimport { MKFormView } from \"./views\";\n\nexport default defineComponent({\n  name: \"MKDataForm\",\n  props: dataFormProps,\n  emits: dataFormEmits,\n  setup(props, { emit, slots }) {\n    let _dataForm: DataForm | null = null;\n\n    const dataFormEl: Ref<HTMLElement | null> = ref(null);\n\n    const createDataForm = () => {\n      const dataForm = new DataForm({\n        name: props.name!,\n        primaryKey: props.primaryKey,\n        interfaceURL: {\n          load: props.loadInterfaceURL || \"\",\n          add: props.addInterfaceURL || \"\",\n          update: props.updateInterfaceURL || props.addInterfaceURL || \"\",\n        },\n      });\n\n      const columns = props.columns.map((column) => new FormColumn(column));\n\n      dataForm.setColumns(columns);\n\n      return dataForm;\n    };\n\n    const dataForm = computed(() => {\n      if (props.dataForm instanceof DataForm) {\n        return props.dataForm;\n      }\n\n      if (!_dataForm) {\n        _dataForm = reactive(createDataForm()) as DataForm;\n      }\n\n      return _dataForm;\n    });\n\n    const loading = computed(() => unref(dataForm).loading);\n\n    watch(\n      dataForm,\n      async (dataForm, _, onCleanup) => {\n        await dataForm.init();\n\n        if (unref(dataForm).autoReset) {\n          unref(dataForm).reset();\n        }\n\n        const disposable = new Disposable();\n\n        const events = Object.keys(dataForm)\n          .filter((key) => dataForm[key as keyof DataForm] instanceof Event)\n          .map((key) => ({\n            eventName: key\n              .replace(/Event$/, \"\")\n              .replace(/[A-Z]/g, (match) => `-${match.toLocaleLowerCase()}`),\n            event: dataForm[key as keyof DataForm]! as Event,\n          }));\n\n        for (const item of events.filter(\n          (event) => event.eventName in dataFormEmits\n        )) {\n          disposable.register(\n            // @ts-ignore\n            item.event.on((event: any) => {\n              // @ts-ignore\n              emit(item.eventName, event);\n            })\n          );\n        }\n\n        onCleanup(() => {\n          disposable.dispose();\n        });\n\n        emit(\"changeDataForm\", dataForm);\n      },\n      { immediate: true }\n    );\n\n    provide(DATA_FORM_CONTEXT_KEY, reactive({ dataForm, el: dataFormEl }));\n\n    return () => {\n      return (\n        <div\n          class=\"mk-data-form\"\n          v-loading={unref(loading)}\n          ref={(el: any) => {\n            dataFormEl.value = el;\n          }}\n        >\n          {slots.default?.({ ...props, dataForm: unref(dataForm) }) || (\n            <MKFormView {...props} dataForm={unref(dataForm)} v-slots={slots} />\n          )}\n        </div>\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","props","dataFormProps","emits","dataFormEmits","setup","emit","slots","_dataForm","dataFormEl","ref","createDataForm","dataForm","DataForm","primaryKey","interfaceURL","load","loadInterfaceURL","add","addInterfaceURL","update","updateInterfaceURL","columns","map","column","FormColumn","setColumns","computed","reactive","loading","unref","watch","_","onCleanup","init","autoReset","reset","disposable","Disposable","events","Object","keys","filter","key","Event","eventName","replace","match","toLocaleLowerCase","event","item","register","on","dispose","immediate","provide","DATA_FORM_CONTEXT_KEY","el","_withDirectives","_createVNode","value","default","MKFormView","_mergeProps","_resolveDirective"],"mappings":"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"}