@maketribe/ms-app 3.2.9 → 3.2.11

package/dist/esm/components/data-model/data-filter-drawer/data-filter-drawer.js

@@ -0,0 +1,69 @@
+import { defineComponent, computed, createVNode, unref, mergeProps, Fragment, createTextVNode } from "vue";
+import { ElDrawer, ElButton } from "element-plus";
+import { MKDataFilterForm } from "../data-filter-form/index.js";
+import { dataFilterDrawerProps, dataFilterDrawerEmits } from "./data-filter-drawer-options.js";
+const DataFilterDrawer = /* @__PURE__ */ defineComponent({
+  name: "MKDataFilterDrawer",
+  props: dataFilterDrawerProps,
+  emits: dataFilterDrawerEmits,
+  setup(props, {
+    emit
+  }) {
+    const visible = computed({
+      get: () => props.visible,
+      set: (v) => emit("update:visible", v)
+    });
+    const handleCancelClick = () => {
+      visible.value = false;
+    };
+    const handleResetClick = () => {
+      visible.value = false;
+      const dataTable = props.dataTable;
+      const dataFilter = props.dataTable.dataFilter;
+      dataFilter.reset();
+      dataFilter.beforeSearchEvent.emit();
+      dataTable.load();
+    };
+    const handleConfirmClick = () => {
+      visible.value = false;
+      const dataTable = props.dataTable;
+      const dataFilter = props.dataTable.dataFilter;
+      dataFilter.beforeSearchEvent.emit();
+      dataTable.load();
+    };
+    return () => {
+      return createVNode(ElDrawer, {
+        "class": "mk-data-filter-drawer",
+        "showClose": false,
+        "appendToBody": true,
+        "modelValue": unref(visible),
+        "onUpdate:modelValue": (v) => visible.value = v
+      }, {
+        default: () => [createVNode(MKDataFilterForm, mergeProps({
+          "dataTable": props.dataTable
+        }, {
+          labelPosition: "top"
+        }), null)],
+        header: () => "筛选器",
+        footer: () => createVNode(Fragment, null, [createVNode(ElButton, {
+          "onClick": handleCancelClick
+        }, {
+          default: () => [createTextVNode("取消")]
+        }), createVNode(ElButton, {
+          "onClick": handleResetClick
+        }, {
+          default: () => [createTextVNode("重置")]
+        }), createVNode(ElButton, {
+          "type": "primary",
+          "onClick": handleConfirmClick
+        }, {
+          default: () => [createTextVNode("查询")]
+        })])
+      });
+    };
+  }
+});
+export {
+  DataFilterDrawer as default
+};
+//# sourceMappingURL=data-filter-drawer.js.map

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

@@ -0,0 +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,mDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,OAAOC;AAAAA,EACPC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,UAAUC,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,YAAAC,UAAA;AAAA,QAAA,SAAA;AAAA,QAAA,aAGe;AAAA,QAAK,gBAAA;AAAA,QAAA,cAEJC,MAAMhB,OAAO;AAAA,QAAC,uBACJI,OAAOJ,QAAQM,QAAQF;AAAAA,MAAE,GAAA;AAAA,QAAAa,SAAAA,MAAA,CAAAH,YAAAI,kBAAAC,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,YAAAS,UAAA,MAAA,CAAAT,YAAAU,UAAA;AAAA,UAAA,WAEenB;AAAAA,QAAiB,GAAA;AAAA,UAAAY,SAAAA,MAAA,CAAAQ,gBAAA,IAAA,CAAA;AAAA,SAAAX,GAAAA,YAAAU,UAAA;AAAA,UAAA,WAEjBjB;AAAAA,QAAgB,GAAA;AAAA,UAAAU,SAAAA,MAAA,CAAAQ,gBAAA,IAAA,CAAA;AAAA,SAAAX,GAAAA,YAAAU,UAAA;AAAA,UAAA,QAAA;AAAA,UAAA,WAEDX;AAAAA,QAAkB,GAAA;AAAA,UAAAI,SAAAA,MAAA,CAAAQ,gBAAA,IAAA,CAAA;AAAA,QAAA,CAAA,CAAA,CAAA;AAAA,MAIvD,CAAA;AAAA;EAUX;AACF,CAAC;"}

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

@@ -0,0 +1,11 @@
+import { withInstall } from "@maketribe/utils";
+import DataFilterDrawer from "./data-filter-drawer.js";
+import { dataFilterDrawerEmits, dataFilterDrawerProps } from "./data-filter-drawer-options.js";
+const MKDataFilterDrawer = withInstall(DataFilterDrawer);
+export {
+  MKDataFilterDrawer,
+  dataFilterDrawerEmits,
+  dataFilterDrawerProps,
+  MKDataFilterDrawer as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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":[],"mappings":";;;AAGa,MAAA,qBAAqB,YAAY,gBAAgB;"}

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

@@ -1,12 +1,7 @@
 import { buildProps } from "@maketribe/utils";
-import { BETWEEN_OPTION } from "../../operator-options.js";
 import { dataFilterConditionProps } from "../../composables/use-condition.js";
 const conditionDateProps = buildProps({
   ...dataFilterConditionProps,
-  defaultOperator: {
-    type: String,
-    default: BETWEEN_OPTION.value
-  },
   type: {
     type: String,
     default: "date"
@@ -14,9 +9,17 @@ const conditionDateProps = buildProps({
   teleported: {
     type: Boolean,
     default: false
+  },
+  isBetween: {
+    type: Boolean,
+    default: false
   }
 });
+const conditionDateEmits = {
+  "update:model-value": (v) => true
+};
 export {
+  conditionDateEmits,
   conditionDateProps
 };
 //# sourceMappingURL=condition-date-options.js.map

package/dist/esm/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 { BETWEEN_OPTION } from \"../../operator-options\";\r\nimport { dataFilterConditionProps } from \"../../composables\";\r\n\r\nexport const conditionDateProps = buildProps({\r\n  ...dataFilterConditionProps,\r\n  defaultOperator: {\r\n    type: String,\r\n    default: BETWEEN_OPTION.value,\r\n  },\r\n  type: {\r\n    type: String,\r\n    default: \"date\",\r\n  },\r\n  teleported: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n} as const);\r\n\r\nexport type ConditionDateProps = ExtractPropTypes<typeof conditionDateProps>;\r\n"],"names":[],"mappings":";;;AAMO,MAAM,qBAAqB,WAAW;AAAA,EAC3C,GAAG;AAAA,EACH,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,SAAS,eAAe;AAAA,EAC1B;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAU;"}
+{"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":[],"mappings":";;AAKO,MAAM,qBAAqB,WAAW;AAAA,EAC3C,GAAG;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/esm/components/data-model/data-filter-form/components/condition-date/condition-date.js

@@ -1,47 +1,34 @@
 import { defineComponent, computed, unref, createVNode } from "vue";
 import { ElDatePicker } from "element-plus";
-import { conditionDateProps } from "./condition-date-options.js";
-import { useDataFilterCondition } from "../../composables/use-condition.js";
-import { BETWEEN_OPTION, LESS_THAN_OPTION, LESS_THAN_EQUAL_OPTION, GREATER_THAN_OPTION, GREATER_THAN_EQUAL_OPTION } from "../../operator-options.js";
+import { conditionDateProps, conditionDateEmits } from "./condition-date-options.js";
 const ConditionDate = /* @__PURE__ */ defineComponent({
   name: "MKConditionDate",
   props: conditionDateProps,
+  emits: conditionDateEmits,
   setup(props, {
-    expose
+    emit
   }) {
-    const {
-      value,
-      isBetween
-    } = useDataFilterCondition({
-      ...props,
-      operator: props.defaultOperator,
-      operatorOptions: [BETWEEN_OPTION, LESS_THAN_OPTION, LESS_THAN_EQUAL_OPTION, GREATER_THAN_OPTION, GREATER_THAN_EQUAL_OPTION]
-    });
     const type = computed(() => {
       if (props.type === "datetime") {
-        return unref(isBetween) ? "datetimerange" : "datetime";
+        return props.isBetween ? "datetimerange" : "datetime";
       }
-      return unref(isBetween) ? "daterange" : props.type;
+      return props.isBetween ? "daterange" : props.type;
     });
     const valueFormat = computed(() => {
       const _type = unref(type);
       return ["datetime", "datetimerange"].includes(_type) ? "YYYY-MM-DD HH:mm:ss" : "YYYY-MM-DD";
     });
-    expose({
-      isEmpty() {
-        return value.value[0] === null || value.value[1] === null;
-      },
-      reset() {
-        value.value = [null, null];
-      }
+    const modelValue = computed({
+      get: () => props.modelValue,
+      set: (v) => emit("update:model-value", v)
     });
     return () => {
       var ElDatePickerComponent = ElDatePicker;
       return createVNode(ElDatePickerComponent, {
         "teleported": props.teleported,
         "class": "mk-condition-date",
-        "modelValue": unref(value),
-        "onUpdate:modelValue": (v) => value.value = v,
+        "modelValue": unref(modelValue),
+        "onUpdate:modelValue": (v) => modelValue.value = v,
         "type": unref(type),
         "valueFormat": unref(valueFormat)
       }, null);

package/dist/esm/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\nimport { Operator } from \"@maketribe/dm\";\r\n\r\nimport { conditionDateProps } from \"./condition-date-options\";\r\nimport { useDataFilterCondition } from \"../../composables\";\r\nimport {\r\n  BETWEEN_OPTION,\r\n  GREATER_THAN_EQUAL_OPTION,\r\n  GREATER_THAN_OPTION,\r\n  LESS_THAN_EQUAL_OPTION,\r\n  LESS_THAN_OPTION,\r\n} from \"../../operator-options\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKConditionDate\",\r\n  props: conditionDateProps,\r\n  setup(props, { expose }) {\r\n    const { value, isBetween } = useDataFilterCondition({\r\n      ...props,\r\n      operator: props.defaultOperator as Operator,\r\n      operatorOptions: [\r\n        BETWEEN_OPTION,\r\n        LESS_THAN_OPTION,\r\n        LESS_THAN_EQUAL_OPTION,\r\n        GREATER_THAN_OPTION,\r\n        GREATER_THAN_EQUAL_OPTION,\r\n      ],\r\n    });\r\n\r\n    const type = computed(() => {\r\n      if (props.type === \"datetime\") {\r\n        return unref(isBetween) ? \"datetimerange\" : \"datetime\";\r\n      }\r\n\r\n      return unref(isBetween) ? \"daterange\" : props.type;\r\n    });\r\n\r\n    const valueFormat = computed(() => {\r\n      const _type = unref(type);\r\n\r\n      return [\"datetime\", \"datetimerange\"].includes(_type)\r\n        ? \"YYYY-MM-DD HH:mm:ss\"\r\n        : \"YYYY-MM-DD\";\r\n    });\r\n\r\n    expose({\r\n      isEmpty() {\r\n        return value.value[0] === null || value.value[1] === null;\r\n      },\r\n      reset() {\r\n        value.value = [null, null];\r\n      },\r\n    });\r\n\r\n    return () => {\r\n      var ElDatePickerComponent = ElDatePicker as any;\r\n      return (\r\n        <ElDatePickerComponent\r\n          teleported={props.teleported}\r\n          class=\"mk-condition-date\"\r\n          modelValue={unref(value)}\r\n          onUpdate:modelValue={(v: any) => (value.value = v)}\r\n          type={unref(type) as any}\r\n          valueFormat={unref(valueFormat)}\r\n        />\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["defineComponent","name","props","conditionDateProps","setup","expose","value","isBetween","useDataFilterCondition","operator","defaultOperator","operatorOptions","BETWEEN_OPTION","LESS_THAN_OPTION","LESS_THAN_EQUAL_OPTION","GREATER_THAN_OPTION","GREATER_THAN_EQUAL_OPTION","type","computed","unref","valueFormat","_type","includes","isEmpty","reset","ElDatePickerComponent","ElDatePicker","_createVNode","teleported","v"],"mappings":";;;;;AAcA,MAAeA,gDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AAAA,IAAEG;AAAAA,EAAO,GAAG;AACvB,UAAM;AAAA,MAAEC;AAAAA,MAAOC;AAAAA,IAAW,IAAGC,uBAAuB;AAAA,MAClD,GAAGN;AAAAA,MACHO,UAAUP,MAAMQ;AAAAA,MAChBC,iBAAiB,CACfC,gBACAC,kBACAC,wBACAC,qBACAC,yBAAyB;AAAA,IAE7B,CAAC;AAED,UAAMC,OAAOC,SAAS,MAAM;AAC1B,UAAIhB,MAAMe,SAAS,YAAY;AAC7B,eAAOE,MAAMZ,SAAS,IAAI,kBAAkB;AAAA,MAC9C;AAEA,aAAOY,MAAMZ,SAAS,IAAI,cAAcL,MAAMe;AAAAA,IAChD,CAAC;AAED,UAAMG,cAAcF,SAAS,MAAM;AACjC,YAAMG,QAAQF,MAAMF,IAAI;AAExB,aAAO,CAAC,YAAY,eAAe,EAAEK,SAASD,KAAK,IAC/C,wBACA;AAAA,IACN,CAAC;AAEDhB,WAAO;AAAA,MACLkB,UAAU;AACR,eAAOjB,MAAMA,MAAM,CAAC,MAAM,QAAQA,MAAMA,MAAM,CAAC,MAAM;AAAA,MACtD;AAAA,MACDkB,QAAQ;AACNlB,cAAMA,QAAQ,CAAC,MAAM,IAAI;AAAA,MAC3B;AAAA,IACF,CAAC;AAED,WAAO,MAAM;AACX,UAAImB,wBAAwBC;AAC5B,aAAAC,YAAAF,uBAAA;AAAA,QAAA,cAEgBvB,MAAM0B;AAAAA,QAAU,SAAA;AAAA,QAAA,cAEhBT,MAAMb,KAAK;AAAA,QAAC,uBACFuB,OAAYvB,MAAMA,QAAQuB;AAAAA,QAAE,QAC5CV,MAAMF,IAAI;AAAA,QAAC,eACJE,MAAMC,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\";\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,gDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,OAAOC;AAAAA,EACPC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,OAAOC,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,SAAS,MAAM;AACjC,YAAMG,QAAQC,MAAML,IAAI;AAExB,aAAO,CAAC,YAAY,eAAe,EAAEM,SAASF,KAAK,IAC/C,wBACA;AAAA,IACN,CAAC;AAED,UAAMG,aAAaN,SAAS;AAAA,MAC1BO,KAAKA,MAAMd,MAAMa;AAAAA,MACjBE,KAAMC,OAAMX,KAAK,sBAAsBW,CAAC;AAAA,IAC1C,CAAC;AAED,WAAO,MAAM;AACX,UAAIC,wBAAwBC;AAC5B,aAAAC,YAAAF,uBAAA;AAAA,QAAA,cAEgBjB,MAAMoB;AAAAA,QAAU,SAAA;AAAA,QAAA,cAEhBT,MAAME,UAAU;AAAA,QAAC,uBACPG,OAAYH,WAAWQ,QAAQL;AAAAA,QAAE,QACjDL,MAAML,IAAI;AAAA,QAAC,eACJK,MAAMF,WAAW;AAAA,MAAC,GAAA,IAAA;AAAA;EAIvC;AACF,CAAC;"}

package/dist/esm/components/data-model/data-filter-form/components/condition-date/index.js

@@ -1,9 +1,10 @@
 import { withInstall } from "@maketribe/utils";
 import ConditionDate from "./condition-date.js";
-import { conditionDateProps } from "./condition-date-options.js";
+import { conditionDateEmits, conditionDateProps } from "./condition-date-options.js";
 const MKConditionDate = withInstall(ConditionDate);
 export {
   MKConditionDate,
+  conditionDateEmits,
   conditionDateProps,
   MKConditionDate as default
 };

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

@@ -3,7 +3,11 @@ import { dataFilterConditionProps } from "../../composables/use-condition.js";
 const conditionInputProps = buildProps({
   ...dataFilterConditionProps
 });
+const conditionInputEmits = {
+  "update:model-value": (v) => true
+};
 export {
+  conditionInputEmits,
   conditionInputProps
 };
 //# sourceMappingURL=condition-input-options.js.map

package/dist/esm/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"],"names":[],"mappings":";;AAKO,MAAM,sBAAsB,WAAW;AAAA,EAC5C,GAAG;AACL,CAAU;"}
+{"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":[],"mappings":";;AAKO,MAAM,sBAAsB,WAAW;AAAA,EAC5C,GAAG;AACL,CAAU;AAIH,MAAM,sBAAsB;AAAA,EACjC,sBAAsB,CAAC,MAAc;AACvC;"}

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

@@ -1,34 +1,22 @@
-import { defineComponent, createVNode, unref } from "vue";
+import { defineComponent, computed, createVNode, unref } from "vue";
 import { ElInput } from "element-plus";
-import { conditionInputProps } from "./condition-input-options.js";
-import { useDataFilterCondition } from "../../composables/use-condition.js";
-import { CONTAIN_OPTION, EQUAL_OPTION } from "../../operator-options.js";
+import { conditionInputProps, conditionInputEmits } from "./condition-input-options.js";
 const ConditionInput = /* @__PURE__ */ defineComponent({
   name: "MKConditionInput",
   props: conditionInputProps,
+  emits: conditionInputEmits,
   setup(props, {
-    expose
+    emit
   }) {
-    const {
-      value
-    } = useDataFilterCondition({
-      ...props,
-      operator: CONTAIN_OPTION.value,
-      operatorOptions: [CONTAIN_OPTION, EQUAL_OPTION]
-    });
-    expose({
-      isEmpty() {
-        return value.value == null;
-      },
-      reset() {
-        value.value = null;
-      }
+    const modelValue = computed({
+      get: () => props.modelValue,
+      set: (v) => emit("update:model-value", v)
     });
     return () => {
       return createVNode(ElInput, {
         "class": "mk-condition-input",
-        "modelValue": unref(value),
-        "onUpdate:modelValue": (v) => value.value = v,
+        "modelValue": unref(modelValue),
+        "onUpdate:modelValue": (v) => modelValue.value = v,
         "placeholder": "请输入关键字"
       }, null);
     };

package/dist/esm/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 { defineComponent, unref } from \"vue\";\r\nimport { ElInput } from \"element-plus\";\r\n\r\nimport { conditionInputProps } from \"./condition-input-options\";\r\nimport { useDataFilterCondition } from \"../../composables\";\r\nimport { CONTAIN_OPTION, EQUAL_OPTION } from \"../../operator-options\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKConditionInput\",\r\n  props: conditionInputProps,\r\n  setup(props, { expose }) {\r\n    const { value } = useDataFilterCondition({\r\n      ...props,\r\n      operator: CONTAIN_OPTION.value,\r\n      operatorOptions: [CONTAIN_OPTION, EQUAL_OPTION],\r\n    });\r\n\r\n    expose({\r\n      isEmpty() {\r\n        return value.value == null;\r\n      },\r\n      reset() {\r\n        value.value = null;\r\n      },\r\n    });\r\n\r\n    return () => {\r\n      return (\r\n        <ElInput\r\n          class=\"mk-condition-input\"\r\n          modelValue={unref(value)}\r\n          onUpdate:modelValue={(v) => (value.value = v)}\r\n          placeholder=\"请输入关键字\"\r\n        />\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["defineComponent","name","props","conditionInputProps","setup","expose","value","useDataFilterCondition","operator","CONTAIN_OPTION","operatorOptions","EQUAL_OPTION","isEmpty","reset","_createVNode","ElInput","unref","v"],"mappings":";;;;;AAOA,MAAeA,iDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AAAA,IAAEG;AAAAA,EAAO,GAAG;AACvB,UAAM;AAAA,MAAEC;AAAAA,IAAO,IAAGC,uBAAuB;AAAA,MACvC,GAAGL;AAAAA,MACHM,UAAUC,eAAeH;AAAAA,MACzBI,iBAAiB,CAACD,gBAAgBE,YAAY;AAAA,IAChD,CAAC;AAEDN,WAAO;AAAA,MACLO,UAAU;AACR,eAAON,MAAMA,SAAS;AAAA,MACvB;AAAA,MACDO,QAAQ;AACNP,cAAMA,QAAQ;AAAA,MAChB;AAAA,IACF,CAAC;AAED,WAAO,MAAM;AACX,aAAAQ,YAAAC,SAAA;AAAA,QAAA,SAAA;AAAA,QAAA,cAGgBC,MAAMV,KAAK;AAAA,QAAC,uBACFW,OAAOX,MAAMA,QAAQW;AAAAA,QAAE,eAAA;AAAA,MAAA,GAAA,IAAA;AAAA;EAKrD;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\";\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,iDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,OAAOC;AAAAA,EACPC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,aAAaC,SAAS;AAAA,MAC1BC,KAAKA,MAAMR,MAAMM;AAAAA,MACjBG,KAAMC,OAAML,KAAK,sBAAsBK,CAAC;AAAA,IAC1C,CAAC;AAED,WAAO,MAAM;AACX,aAAAC,YAAAC,SAAA;AAAA,QAAA,SAAA;AAAA,QAAA,cAGgBC,MAAMP,UAAU;AAAA,QAAC,uBACPI,OAAOJ,WAAWQ,QAAQJ;AAAAA,QAAE,eAAA;AAAA,MAAA,GAAA,IAAA;AAAA;EAK1D;AACF,CAAC;"}

package/dist/esm/components/data-model/data-filter-form/components/condition-input/index.js

@@ -1,9 +1,10 @@
 import { withInstall } from "@maketribe/utils";
 import ConditionInput from "./condition-input.js";
-import { conditionInputProps } from "./condition-input-options.js";
+import { conditionInputEmits, conditionInputProps } from "./condition-input-options.js";
 const MKConditionInput = withInstall(ConditionInput);
 export {
   MKConditionInput,
+  conditionInputEmits,
   conditionInputProps,
   MKConditionInput as default
 };

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

@@ -1,17 +1,17 @@
 import { buildProps } from "@maketribe/utils";
-import { EQUAL_OPTION } from "../../operator-options.js";
 import { dataFilterConditionProps } from "../../composables/use-condition.js";
 const conditionNumberProps = buildProps({
   ...dataFilterConditionProps,
-  defaultValue: {
-    default: null
-  },
-  defaultOperator: {
-    type: String,
-    default: EQUAL_OPTION.value
+  isBetween: {
+    type: Boolean,
+    default: false
   }
 });
+const conditionNumberEmits = {
+  "update:model-value": (v) => true
+};
 export {
+  conditionNumberEmits,
   conditionNumberProps
 };
 //# sourceMappingURL=condition-number-options.js.map

package/dist/esm/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 { EQUAL_OPTION } from \"../../operator-options\";\r\nimport { dataFilterConditionProps } from \"../../composables\";\r\n\r\nexport const conditionNumberProps = buildProps({\r\n  ...dataFilterConditionProps,\r\n  defaultValue: {\r\n    default: null,\r\n  },\r\n  defaultOperator: {\r\n    type: String,\r\n    default: EQUAL_OPTION.value,\r\n  },\r\n});\r\n\r\nexport type ConditionNumberProps = ExtractPropTypes<\r\n  typeof conditionNumberProps\r\n>;\r\n"],"names":[],"mappings":";;;AAMO,MAAM,uBAAuB,WAAW;AAAA,EAC7C,GAAG;AAAA,EACH,cAAc;AAAA,IACZ,SAAS;AAAA,EACX;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,SAAS,aAAa;AAAA,EACxB;AACF,CAAC;"}
+{"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":[],"mappings":";;AAKO,MAAM,uBAAuB,WAAW;AAAA,EAC7C,GAAG;AAAA,EACH,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAC;AAMM,MAAM,uBAAuB;AAAA,EAClC,sBAAsB,CAAC,MAAc;AACvC;"}

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

@@ -1,46 +1,33 @@
-import { defineComponent, unref, createVNode } from "vue";
+import { defineComponent, computed, createVNode, unref } from "vue";
 import { ElInputNumber } from "element-plus";
-import { useDataFilterCondition } from "../../composables/use-condition.js";
-import { EQUAL_OPTION, BETWEEN_OPTION, LESS_THAN_OPTION, LESS_THAN_EQUAL_OPTION, GREATER_THAN_OPTION, GREATER_THAN_EQUAL_OPTION } from "../../operator-options.js";
-import { conditionNumberProps } from "./condition-number-options.js";
+import { conditionNumberProps, conditionNumberEmits } from "./condition-number-options.js";
 const ConditionNumber = /* @__PURE__ */ defineComponent({
   name: "MKConditionNumber",
   props: conditionNumberProps,
+  emits: conditionNumberEmits,
   setup(props, {
-    expose
+    emit
   }) {
-    const {
-      value,
-      isBetween
-    } = useDataFilterCondition({
-      ...props,
-      operator: props.defaultOperator,
-      operatorOptions: [EQUAL_OPTION, BETWEEN_OPTION, LESS_THAN_OPTION, LESS_THAN_EQUAL_OPTION, GREATER_THAN_OPTION, GREATER_THAN_EQUAL_OPTION]
-    });
-    expose({
-      isEmpty() {
-        return value.value == null;
-      },
-      reset() {
-        value.value = null;
-      }
+    const modelValue = computed({
+      get: () => props.modelValue ?? props.isBetween ? [null, null] : null,
+      set: (v) => emit("update:model-value", v)
     });
     return () => {
-      const children = unref(isBetween) ? createVNode("span", null, [createVNode(ElInputNumber, {
-        "modelValue": unref(value)[0],
-        "onUpdate:modelValue": (v) => value.value[0] = v,
+      const children = props.isBetween ? createVNode("span", null, [createVNode(ElInputNumber, {
+        "modelValue": unref(modelValue)[0],
+        "onUpdate:modelValue": (v) => modelValue.value = [v, unref(modelValue)[1]],
         "controls-position": "right"
       }, null), createVNode(ElInputNumber, {
-        "modelValue": unref(value)[1],
-        "onUpdate:modelValue": (v) => value.value[1] = v,
+        "modelValue": unref(modelValue)[1],
+        "onUpdate:modelValue": (v) => modelValue.value = [unref(modelValue)[0], v],
         "controls-position": "right"
       }, null)]) : createVNode(ElInputNumber, {
-        "modelValue": unref(value),
-        "onUpdate:modelValue": (v) => value.value = v,
+        "modelValue": unref(modelValue),
+        "onUpdate:modelValue": (v) => modelValue.value = v,
         "controls-position": "right"
       }, null);
       return createVNode("div", {
-        "class": ["mk-condition-number", unref(isBetween) ? "is-between" : ""]
+        "class": ["mk-condition-number", props.isBetween ? "is-between" : ""]
       }, [children]);
     };
   }

package/dist/esm/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 { defineComponent, unref } from \"vue\";\r\nimport { Operator } from \"@maketribe/dm\";\r\n\r\nimport { useDataFilterCondition } from \"../../composables\";\r\nimport {\r\n  BETWEEN_OPTION,\r\n  EQUAL_OPTION,\r\n  GREATER_THAN_EQUAL_OPTION,\r\n  GREATER_THAN_OPTION,\r\n  LESS_THAN_EQUAL_OPTION,\r\n  LESS_THAN_OPTION,\r\n} from \"../../operator-options\";\r\nimport { conditionNumberProps } from \"./condition-number-options\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKConditionNumber\",\r\n  props: conditionNumberProps,\r\n  setup(props, { expose }) {\r\n    const { value, isBetween } = useDataFilterCondition({\r\n      ...props,\r\n      operator: props.defaultOperator as Operator,\r\n      operatorOptions: [\r\n        EQUAL_OPTION,\r\n        BETWEEN_OPTION,\r\n        LESS_THAN_OPTION,\r\n        LESS_THAN_EQUAL_OPTION,\r\n        GREATER_THAN_OPTION,\r\n        GREATER_THAN_EQUAL_OPTION,\r\n      ],\r\n    });\r\n\r\n    expose({\r\n      isEmpty() {\r\n        return value.value == null;\r\n      },\r\n      reset() {\r\n        value.value = null;\r\n      },\r\n    });\r\n\r\n    return () => {\r\n      const children = unref(isBetween) ? (\r\n        <span>\r\n          <ElInputNumber\r\n            modelValue={unref(value)[0]}\r\n            onUpdate:modelValue={(v) => (value.value[0] = v)}\r\n            controls-position=\"right\"\r\n          />\r\n\r\n          <ElInputNumber\r\n            modelValue={unref(value)[1]}\r\n            onUpdate:modelValue={(v) => (value.value[1] = v)}\r\n            controls-position=\"right\"\r\n          />\r\n        </span>\r\n      ) : (\r\n        <ElInputNumber\r\n          modelValue={unref(value)}\r\n          onUpdate:modelValue={(v) => (value.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\", unref(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","setup","expose","value","isBetween","useDataFilterCondition","operator","defaultOperator","operatorOptions","EQUAL_OPTION","BETWEEN_OPTION","LESS_THAN_OPTION","LESS_THAN_EQUAL_OPTION","GREATER_THAN_OPTION","GREATER_THAN_EQUAL_OPTION","isEmpty","reset","children","unref","_createVNode","ElInputNumber","v"],"mappings":";;;;;AAeA,MAAeA,kDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AAAA,IAAEG;AAAAA,EAAO,GAAG;AACvB,UAAM;AAAA,MAAEC;AAAAA,MAAOC;AAAAA,IAAW,IAAGC,uBAAuB;AAAA,MAClD,GAAGN;AAAAA,MACHO,UAAUP,MAAMQ;AAAAA,MAChBC,iBAAiB,CACfC,cACAC,gBACAC,kBACAC,wBACAC,qBACAC,yBAAyB;AAAA,IAE7B,CAAC;AAEDZ,WAAO;AAAA,MACLa,UAAU;AACR,eAAOZ,MAAMA,SAAS;AAAA,MACvB;AAAA,MACDa,QAAQ;AACNb,cAAMA,QAAQ;AAAA,MAChB;AAAA,IACF,CAAC;AAED,WAAO,MAAM;AACX,YAAMc,WAAWC,MAAMd,SAAS,IAACe,YAAA,QAAA,MAAA,CAAAA,YAAAC,eAAA;AAAA,QAAA,cAGfF,MAAMf,KAAK,EAAE,CAAC;AAAA,QAAC,uBACLkB,OAAOlB,MAAMA,MAAM,CAAC,IAAIkB;AAAAA,QAAE,qBAAA;AAAA,SAAAF,IAAAA,GAAAA,YAAAC,eAAA;AAAA,QAAA,cAKpCF,MAAMf,KAAK,EAAE,CAAC;AAAA,QAAC,uBACLkB,OAAOlB,MAAMA,MAAM,CAAC,IAAIkB;AAAAA,QAAE,qBAAA;AAAA,MAAAF,GAAAA,IAAAA,CAAAA,CAAAA,IAAAA,YAAAC,eAAA;AAAA,QAAA,cAMtCF,MAAMf,KAAK;AAAA,QAAC,uBACFkB,OAAOlB,MAAMA,QAAQkB;AAAAA,QAAE,qBAAA;AAAA,MAGhD,GAAA,IAAA;AAED,aAAAF,YAAA,OAAA;AAAA,QAAA,SAEW,CAAC,uBAAuBD,MAAMd,SAAS,IAAI,eAAe,EAAE;AAAA,MAAC,GAAA,CAEnEa,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\";\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,kDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,OAAOC;AAAAA,EACPC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,aAAaC,SAAS;AAAA,MAC1BC,KAAKA,MAAOR,MAAMM,cAAcN,MAAMS,YAAY,CAAC,MAAM,IAAI,IAAI;AAAA,MACjEC,KAAMC,OAAWN,KAAK,sBAAsBM,CAAC;AAAA,IAC/C,CAAC;AAED,WAAO,MAAM;AACX,YAAMC,WAAWZ,MAAMS,YAASI,YAAA,QAAA,MAAA,CAAAA,YAAAC,eAAA;AAAA,QAAA,cAGdC,MAAMT,UAAU,EAAG,CAAC;AAAA,QAAC,uBACXK,OACnBL,WAAWU,QAAQ,CAACL,GAAGI,MAAMT,UAAU,EAAG,CAAC,CAAC;AAAA,QAAE,qBAAA;AAAA,SAAAO,IAAAA,GAAAA,YAAAC,eAAA;AAAA,QAAA,cAMrCC,MAAMT,UAAU,EAAG,CAAC;AAAA,QAAC,uBACXK,OACnBL,WAAWU,QAAQ,CAACD,MAAMT,UAAU,EAAG,CAAC,GAAGK,CAAC;AAAA,QAAE,qBAAA;AAAA,MAAAE,GAAAA,IAAAA,CAAAA,CAAAA,IAAAA,YAAAC,eAAA;AAAA,QAAA,cAOvCC,MAAMT,UAAU;AAAA,QAAC,uBACPK,OAAYL,WAAWU,QAAQL;AAAAA,QAAE,qBAAA;AAAA,MAG1D,GAAA,IAAA;AAED,aAAAE,YAAA,OAAA;AAAA,QAAA,SAEW,CAAC,uBAAuBb,MAAMS,YAAY,eAAe,EAAE;AAAA,MAAC,GAAA,CAElEG,QAAQ,CAAA;AAAA;EAIjB;AACF,CAAC;"}

package/dist/esm/components/data-model/data-filter-form/components/condition-number/index.js

@@ -1,9 +1,10 @@
 import { withInstall } from "@maketribe/utils";
 import ConditionNumber from "./condition-number.js";
-import { conditionNumberProps } from "./condition-number-options.js";
+import { conditionNumberEmits, conditionNumberProps } from "./condition-number-options.js";
 const MKConditionNumber = withInstall(ConditionNumber);
 export {
   MKConditionNumber,
+  conditionNumberEmits,
   conditionNumberProps,
   MKConditionNumber as default
 };

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

@@ -14,11 +14,11 @@ const conditionSelectProps = buildProps({
     type: DataTable
   }
 });
-const conditionSelectEmit = {
+const conditionSelectEmits = {
   "update:model-value": (modelValue) => true
 };
 export {
-  conditionSelectEmit,
+  conditionSelectEmits,
   conditionSelectProps
 };
 //# sourceMappingURL=condition-select-options.js.map

package/dist/esm/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 conditionSelectEmit = {\r\n  \"update:model-value\": (modelValue: any) => true,\r\n};\r\n\r\nexport type ConditionSelectEmit = typeof conditionSelectEmit;\r\n"],"names":[],"mappings":";;;AAKO,MAAM,uBAAuB,WAAW;AAAA,EAC7C,GAAG;AAAA,EACH,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,SAAS;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,WAAW;AAAA,IACT,MAAM;AAAA,EACR;AACF,CAAC;AAMM,MAAM,sBAAsB;AAAA,EACjC,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\";\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":[],"mappings":";;;AAKO,MAAM,uBAAuB,WAAW;AAAA,EAC7C,GAAG;AAAA,EACH,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,SAAS;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,WAAW;AAAA,IACT,MAAM;AAAA,EACR;AACF,CAAC;AAMM,MAAM,uBAAuB;AAAA,EAClC,sBAAsB,CAAC,eAAoB;AAC7C;"}

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

@@ -1,44 +1,24 @@
-import { defineComponent, createVNode, unref } from "vue";
-import { conditionSelectProps } from "./condition-select-options.js";
-import { useDataFilterCondition } from "../../composables/use-condition.js";
-import { IN_OPTION, NOT_IN_OPTION } from "../../operator-options.js";
+import { defineComponent, computed, createVNode, unref } from "vue";
+import { conditionSelectProps, conditionSelectEmits } from "./condition-select-options.js";
 import { MKDataSelect } from "../../../../basic/data-select/index.js";
 const ConditionSelect = /* @__PURE__ */ defineComponent({
   name: "MKConditionSelect",
   props: conditionSelectProps,
+  emits: conditionSelectEmits,
   setup(props, {
-    expose
+    emit
   }) {
-    const {
-      value
-    } = useDataFilterCondition({
-      ...props,
-      defaultValue: props.defaultValue ? props.defaultValue : props.multiple ? [] : "",
-      operator: IN_OPTION.value,
-      operatorOptions: [IN_OPTION, NOT_IN_OPTION]
-    });
-    expose({
-      isEmpty() {
-        if (props.multiple) {
-          return !Array.isArray(value.value) || value.value.length === 0;
-        }
-        return value.value == null;
-      },
-      reset() {
-        if (props.multiple) {
-          value.value = [];
-        } else {
-          value.value = null;
-        }
-      }
+    const modelValue = computed({
+      get: () => props.modelValue,
+      set: (v) => emit("update:model-value", v)
     });
     return () => {
       return createVNode(MKDataSelect, {
-        "modelValue": unref(value),
+        "modelValue": unref(modelValue),
         "dataTable": props.dataTable,
         "options": props.options,
         "multiple": props.multiple,
-        "onUpdate:model-value": (v) => value.value = v
+        "onUpdate:model-value": (v) => modelValue.value = v
       }, null);
     };
   }

package/dist/esm/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 { defineComponent, unref } from \"vue\";\r\n\r\nimport { conditionSelectProps } from \"./condition-select-options\";\r\nimport { useDataFilterCondition } from \"../../composables\";\r\nimport { IN_OPTION, NOT_IN_OPTION } from \"../../operator-options\";\r\nimport { MKDataSelect } from \"../../../../basic/data-select\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKConditionSelect\",\r\n  props: conditionSelectProps,\r\n  setup(props, { expose }) {\r\n    const { value } = useDataFilterCondition({\r\n      ...props,\r\n      defaultValue: props.defaultValue\r\n        ? props.defaultValue\r\n        : props.multiple\r\n        ? []\r\n        : \"\",\r\n      operator: IN_OPTION.value,\r\n      operatorOptions: [IN_OPTION, NOT_IN_OPTION],\r\n    });\r\n\r\n    expose({\r\n      isEmpty() {\r\n        if (props.multiple) {\r\n          return !Array.isArray(value.value) || value.value.length === 0;\r\n        }\r\n\r\n        return value.value == null;\r\n      },\r\n      reset() {\r\n        if (props.multiple) {\r\n          value.value = [];\r\n        } else {\r\n          value.value = null;\r\n        }\r\n      },\r\n    });\r\n\r\n    return () => {\r\n      return (\r\n        <MKDataSelect\r\n          modelValue={unref(value)}\r\n          dataTable={props.dataTable}\r\n          options={props.options}\r\n          multiple={props.multiple}\r\n          onUpdate:model-value={(v: any) => (value.value = v)}\r\n        />\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["defineComponent","name","props","conditionSelectProps","setup","expose","value","useDataFilterCondition","defaultValue","multiple","operator","IN_OPTION","operatorOptions","NOT_IN_OPTION","isEmpty","Array","isArray","length","reset","_createVNode","MKDataSelect","unref","dataTable","options","v"],"mappings":";;;;;AAOA,MAAeA,kDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AAAA,IAAEG;AAAAA,EAAO,GAAG;AACvB,UAAM;AAAA,MAAEC;AAAAA,IAAO,IAAGC,uBAAuB;AAAA,MACvC,GAAGL;AAAAA,MACHM,cAAcN,MAAMM,eAChBN,MAAMM,eACNN,MAAMO,WACN,CAAA,IACA;AAAA,MACJC,UAAUC,UAAUL;AAAAA,MACpBM,iBAAiB,CAACD,WAAWE,aAAa;AAAA,IAC5C,CAAC;AAEDR,WAAO;AAAA,MACLS,UAAU;AACR,YAAIZ,MAAMO,UAAU;AAClB,iBAAO,CAACM,MAAMC,QAAQV,MAAMA,KAAK,KAAKA,MAAMA,MAAMW,WAAW;AAAA,QAC/D;AAEA,eAAOX,MAAMA,SAAS;AAAA,MACvB;AAAA,MACDY,QAAQ;AACN,YAAIhB,MAAMO,UAAU;AAClBH,gBAAMA,QAAQ;QAChB,OAAO;AACLA,gBAAMA,QAAQ;AAAA,QAChB;AAAA,MACF;AAAA,IACF,CAAC;AAED,WAAO,MAAM;AACX,aAAAa,YAAAC,cAAA;AAAA,QAAA,cAEgBC,MAAMf,KAAK;AAAA,QAAC,aACbJ,MAAMoB;AAAAA,QAAS,WACjBpB,MAAMqB;AAAAA,QAAO,YACZrB,MAAMO;AAAAA,QAAQ,wBACDe,OAAYlB,MAAMA,QAAQkB;AAAAA,MAAE,GAAA,IAAA;AAAA;EAI3D;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\";\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,kDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,OAAOC;AAAAA,EACPC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,aAAaC,SAAS;AAAA,MAC1BC,KAAKA,MAAMR,MAAMM;AAAAA,MACjBG,KAAMC,OAAML,KAAK,sBAAsBK,CAAC;AAAA,IAC1C,CAAC;AAED,WAAO,MAAM;AACX,aAAAC,YAAAC,cAAA;AAAA,QAAA,cAEgBC,MAAMP,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/esm/components/data-model/data-filter-form/components/condition-select/index.js

@@ -1,10 +1,10 @@
 import { withInstall } from "@maketribe/utils";
 import ConditionSelect from "./condition-select.js";
-import { conditionSelectEmit, conditionSelectProps } from "./condition-select-options.js";
+import { conditionSelectEmits, conditionSelectProps } from "./condition-select-options.js";
 const MKConditionSelect = withInstall(ConditionSelect);
 export {
   MKConditionSelect,
-  conditionSelectEmit,
+  conditionSelectEmits,
   conditionSelectProps,
   MKConditionSelect as default
 };