@maketribe/ms-app 3.0.53 → 3.0.55

package/dist/esm/components/basic/upload-file/ui/upload-image/upload-image.js

@@ -0,0 +1,272 @@
+import { defineComponent, computed, ref, watch, unref, createVNode, Fragment } from 'vue';
+import { ElImageViewer, ElImage, ElTooltip } from 'element-plus';
+import { MKSvgIcon } from '../../../svg-icon/index.js';
+import { MKUploadFile } from '../../upload-file.js';
+import { uploadImageProps, uploadImageEmits } from './upload-image-options.js';
+import { UploadContext } from '../../context/UploadContext.js';
+import '@maketribe/request';
+import '@maketribe/dm';
+import '@maketribe/utils';
+import '../../../../../core/DataModelDefines.js';
+import 'vue-router';
+import '@maketribe/locale';
+import '../../context/web-file-upload-context.js';
+import '../../context/web-file-upload-context-options.js';
+
+const MKUploadImageItem = /* @__PURE__ */ defineComponent({
+  name: "MKUploadImageItem",
+  props: {
+    modelValue: {
+      type: String,
+      default: ""
+    },
+    uploadContext: {
+      type: UploadContext,
+      required: true
+    }
+  },
+  emits: ["update:modelValue", "view", "delete"],
+  setup(props, {
+    emit
+  }) {
+    const uploadFileInstance = ref(null);
+    const imageInstance = ref(null);
+    const modelValue = computed({
+      get: () => props.modelValue,
+      set: (v) => {
+        emit("update:modelValue", v);
+      }
+    });
+    const handleUpdateModelValue = (v) => {
+      modelValue.value = v;
+    };
+    const handleClick = (event) => {
+      event.stopPropagation();
+      if (unref(modelValue)) {
+        return;
+      }
+      unref(uploadFileInstance)?.handleUpload();
+    };
+    const handleView = (event) => {
+      event.stopPropagation();
+      emit("view", unref(modelValue));
+    };
+    const handleDelete = (event) => {
+      event.stopPropagation();
+      emit("delete", unref(modelValue));
+    };
+    return () => {
+      let content;
+      if (unref(modelValue)) {
+        content = createVNode(Fragment, null, [createVNode(ElImage, {
+          "ref": (el) => imageInstance.value = el,
+          "src": unref(modelValue),
+          "class": "mk-upload-image-item__image",
+          "fit": "cover"
+        }, null), createVNode("div", {
+          "class": "mk-upload-image-item__mask"
+        }, [createVNode(ElTooltip, {
+          "content": "\u67E5\u770B"
+        }, {
+          default: () => [createVNode(MKSvgIcon, {
+            "iconClass": "View",
+            "onClick": handleView
+          }, null)]
+        }), createVNode(ElTooltip, {
+          "content": "\u5220\u9664"
+        }, {
+          default: () => [createVNode(MKSvgIcon, {
+            "iconClass": "Delete",
+            "onClick": handleDelete
+          }, null)]
+        })])]);
+      } else {
+        content = createVNode(MKSvgIcon, {
+          "iconClass": "Plus"
+        }, null);
+      }
+      return createVNode("div", {
+        "class": "mk-upload-image-item"
+      }, [createVNode(MKUploadFile, {
+        "modelValue": props.modelValue,
+        "onUpdate:modelValue": handleUpdateModelValue,
+        "uploadContext": props.uploadContext,
+        "ref": (el) => uploadFileInstance.value = el
+      }, {
+        default: () => [createVNode("div", {
+          "class": "mk-upload-image-item__wrapper",
+          "onClick": handleClick
+        }, [content])]
+      })]);
+    };
+  }
+});
+var UploadImage = /* @__PURE__ */ defineComponent({
+  name: "MKUploadImage",
+  props: uploadImageProps,
+  emits: uploadImageEmits,
+  setup(props, {
+    emit
+  }) {
+    const modelValue = computed({
+      get: () => props.modelValue,
+      set: (v) => emit("update:modelValue", v)
+    });
+    const currentImageSrc = ref("");
+    const multiple = computed(() => props.multiple);
+    const isShowImageViewer = ref(false);
+    watch(computed(() => [unref(modelValue), unref(multiple)]), ([value, multiple2]) => {
+      if (multiple2 && !Array.isArray(value)) {
+        modelValue.value = [];
+      }
+    }, {
+      immediate: true
+    });
+    const handleDelete = (src) => {
+      if (!unref(multiple)) {
+        modelValue.value = "";
+        return;
+      }
+      const index = unref(modelValue).indexOf(src);
+      if (index === -1) {
+        return;
+      }
+      modelValue.value.splice(index, 1);
+    };
+    const handleShowImageViewer = (src) => {
+      isShowImageViewer.value = true;
+      currentImageSrc.value = src;
+    };
+    const handleCloseImageViewer = () => {
+      isShowImageViewer.value = false;
+    };
+    const handleAppendImage = (src) => {
+      const _value = unref(modelValue);
+      if (Array.isArray(_value)) {
+        _value.push(src);
+      }
+    };
+    return () => {
+      const _multiple = unref(multiple);
+      let content;
+      if (!_multiple) {
+        content = createVNode(MKUploadImageItem, {
+          "onView": handleShowImageViewer,
+          "onDelete": handleDelete,
+          "modelValue": unref(modelValue),
+          "onUpdate:modelValue": (value) => modelValue.value = value,
+          "uploadContext": props.uploadContext
+        }, null);
+      } else {
+        let images = null;
+        if (Array.isArray(unref(modelValue))) {
+          images = unref(modelValue).map((src) => createVNode(MKUploadImageItem, {
+            "onView": handleShowImageViewer,
+            "onDelete": handleDelete,
+            "modelValue": src,
+            "uploadContext": props.uploadContext
+          }, null));
+        }
+        content = createVNode(Fragment, null, [images, createVNode(MKUploadImageItem, {
+          "onUpdate:modelValue": handleAppendImage,
+          "uploadContext": props.uploadContext
+        }, null)]);
+      }
+      const imageViewer = unref(isShowImageViewer) ? createVNode(ElImageViewer, {
+        "onClose": handleCloseImageViewer,
+        "urlList": [unref(currentImageSrc)]
+      }, null) : null;
+      return createVNode("div", {
+        "class": "mk-upload-image"
+      }, [content, imageViewer]);
+    };
+  }
+  // setup(props, { emit }) {
+  //   const uploadFileInstance: Ref<InstanceType<typeof MKUploadFile> | null> =
+  //     ref(null);
+  //   const imageInstance: Ref<InstanceType<typeof ElImage> | null> = ref(null);
+  //   const isShowImageViewer: Ref<boolean> = ref(false);
+  //   const modelValue = computed({
+  //     get: () => props.modelValue as string,
+  //     set: (v: string) => {
+  //       emit("update:modelValue", v);
+  //     },
+  //   });
+  //   const handleUpdateModelValue = (v: string) => {
+  //     modelValue.value = v;
+  //   };
+  //   const handleClick = (event: MouseEvent) => {
+  //     event.stopPropagation();
+  //     if (unref(modelValue)) {
+  //       return;
+  //     }
+  //     unref(uploadFileInstance)?.handleUpload();
+  //   };
+  //   const handleView = (event: MouseEvent) => {
+  //     event.stopPropagation();
+  //     isShowImageViewer.value = true;
+  //   };
+  //   const handleCloseImageViewer = () => {
+  //     isShowImageViewer.value = false;
+  //   };
+  //   const handleDelete = (event: MouseEvent) => {
+  //     event.stopPropagation();
+  //     modelValue.value = "";
+  //   };
+  //   return () => {
+  //     let content;
+  //     if (unref(modelValue)) {
+  //       const imageViewer = unref(isShowImageViewer) ? (
+  //         <ElImageViewer
+  //           onClose={handleCloseImageViewer}
+  //           urlList={[unref(modelValue)]}
+  //         />
+  //       ) : null;
+  //       content = (
+  //         <Fragment>
+  //           <ElImage
+  //             ref={
+  //               ((el: InstanceType<typeof ElImage>) =>
+  //                 (imageInstance.value = el)) as any
+  //             }
+  //             src={unref(modelValue)}
+  //             class="mk-upload-image__image"
+  //             fit="cover"
+  //           />
+  //           {imageViewer}
+  //           <div class="mk-upload-image__mask">
+  //             <ElTooltip content="查看">
+  //               <MKSvgIcon iconClass="View" onClick={handleView} />
+  //             </ElTooltip>
+  //             <ElTooltip content="删除">
+  //               <MKSvgIcon iconClass="Delete" onClick={handleDelete} />
+  //             </ElTooltip>
+  //           </div>
+  //         </Fragment>
+  //       );
+  //     } else {
+  //       content = <MKSvgIcon iconClass="Plus" />;
+  //     }
+  //     return (
+  //       <div class="mk-upload-image">
+  //         <MKUploadFile
+  //           modelValue={props.modelValue}
+  //           onUpdate:modelValue={handleUpdateModelValue}
+  //           uploadContext={props.uploadContext}
+  //           ref={
+  //             ((el: InstanceType<typeof MKUploadFile>) =>
+  //               (uploadFileInstance.value = el)) as any
+  //           }
+  //         >
+  //           <div class="mk-upload-image__wrapper" onClick={handleClick}>
+  //             {content}
+  //           </div>
+  //         </MKUploadFile>
+  //       </div>
+  //     );
+  //   };
+  // },
+});
+
+export { UploadImage as default };
+//# sourceMappingURL=upload-image.js.map

package/dist/esm/components/basic/upload-file/ui/upload-image/upload-image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload-image.js","sources":["../../../../../../../src/components/basic/upload-file/ui/upload-image/upload-image.tsx"],"sourcesContent":["import {\r\n  Fragment,\r\n  Ref,\r\n  VNode,\r\n  computed,\r\n  defineComponent,\r\n  ref,\r\n  unref,\r\n  watch,\r\n} from \"vue\";\r\nimport { ElImage, ElTooltip, ElImageViewer } from \"element-plus\";\r\nimport { MKSvgIcon } from \"../../../svg-icon\";\r\nimport { MKUploadFile } from \"../../upload-file\";\r\nimport { uploadImageEmits, uploadImageProps } from \"./upload-image-options\";\r\nimport { UploadContext } from \"../../context\";\r\n\r\nconst MKUploadImageItem = defineComponent({\r\n  name: \"MKUploadImageItem\",\r\n  props: {\r\n    modelValue: {\r\n      type: String,\r\n      default: \"\",\r\n    },\r\n    uploadContext: {\r\n      type: UploadContext,\r\n      required: true,\r\n    },\r\n  },\r\n  emits: [\"update:modelValue\", \"view\", \"delete\"],\r\n  setup(props, { emit }) {\r\n    const uploadFileInstance: Ref<InstanceType<typeof MKUploadFile> | null> =\r\n      ref(null);\r\n\r\n    const imageInstance: Ref<InstanceType<typeof ElImage> | null> = ref(null);\r\n\r\n    const modelValue = computed({\r\n      get: () => props.modelValue as string,\r\n      set: (v: string) => {\r\n        emit(\"update:modelValue\", v);\r\n      },\r\n    });\r\n\r\n    const handleUpdateModelValue = (v: string) => {\r\n      modelValue.value = v;\r\n    };\r\n\r\n    const handleClick = (event: MouseEvent) => {\r\n      event.stopPropagation();\r\n\r\n      if (unref(modelValue)) {\r\n        return;\r\n      }\r\n\r\n      unref(uploadFileInstance)?.handleUpload();\r\n    };\r\n\r\n    const handleView = (event: MouseEvent) => {\r\n      event.stopPropagation();\r\n\r\n      emit(\"view\", unref(modelValue));\r\n    };\r\n\r\n    const handleDelete = (event: MouseEvent) => {\r\n      event.stopPropagation();\r\n\r\n      // modelValue.value = \"\";\r\n      emit(\"delete\", unref(modelValue));\r\n    };\r\n\r\n    return () => {\r\n      let content;\r\n\r\n      if (unref(modelValue)) {\r\n        content = (\r\n          <Fragment>\r\n            <ElImage\r\n              ref={\r\n                ((el: InstanceType<typeof ElImage>) =>\r\n                  (imageInstance.value = el)) as any\r\n              }\r\n              src={unref(modelValue)}\r\n              class=\"mk-upload-image-item__image\"\r\n              fit=\"cover\"\r\n            />\r\n\r\n            <div class=\"mk-upload-image-item__mask\">\r\n              <ElTooltip content=\"查看\">\r\n                <MKSvgIcon iconClass=\"View\" onClick={handleView} />\r\n              </ElTooltip>\r\n              <ElTooltip content=\"删除\">\r\n                <MKSvgIcon iconClass=\"Delete\" onClick={handleDelete} />\r\n              </ElTooltip>\r\n            </div>\r\n          </Fragment>\r\n        );\r\n      } else {\r\n        content = <MKSvgIcon iconClass=\"Plus\" />;\r\n      }\r\n\r\n      return (\r\n        <div class=\"mk-upload-image-item\">\r\n          <MKUploadFile\r\n            modelValue={props.modelValue}\r\n            onUpdate:modelValue={handleUpdateModelValue}\r\n            uploadContext={props.uploadContext}\r\n            ref={\r\n              ((el: InstanceType<typeof MKUploadFile>) =>\r\n                (uploadFileInstance.value = el)) as any\r\n            }\r\n          >\r\n            <div class=\"mk-upload-image-item__wrapper\" onClick={handleClick}>\r\n              {content}\r\n            </div>\r\n          </MKUploadFile>\r\n        </div>\r\n      );\r\n    };\r\n  },\r\n});\r\n\r\nexport default defineComponent({\r\n  name: \"MKUploadImage\",\r\n  props: uploadImageProps,\r\n  emits: uploadImageEmits,\r\n  setup(props, { emit }) {\r\n    const modelValue = computed({\r\n      get: () => props.modelValue as string[] | string,\r\n      set: (v: string[] | string) => emit(\"update:modelValue\", v),\r\n    });\r\n\r\n    const currentImageSrc: Ref<string> = ref(\"\");\r\n\r\n    const multiple = computed(() => props.multiple);\r\n\r\n    const isShowImageViewer: Ref<boolean> = ref(false);\r\n\r\n    watch(\r\n      computed(() => [unref(modelValue), unref(multiple)]),\r\n      ([value, multiple]) => {\r\n        if (multiple && !Array.isArray(value)) {\r\n          modelValue.value = [];\r\n        }\r\n      },\r\n      { immediate: true }\r\n    );\r\n\r\n    const handleDelete = (src: string) => {\r\n      if (!unref(multiple)) {\r\n        modelValue.value = \"\";\r\n        return;\r\n      }\r\n\r\n      const index = unref(modelValue).indexOf(src);\r\n\r\n      if (index === -1) {\r\n        return;\r\n      }\r\n\r\n      (modelValue.value as string[]).splice(index, 1);\r\n    };\r\n\r\n    const handleShowImageViewer = (src: string) => {\r\n      isShowImageViewer.value = true;\r\n      currentImageSrc.value = src;\r\n    };\r\n\r\n    const handleCloseImageViewer = () => {\r\n      isShowImageViewer.value = false;\r\n    };\r\n\r\n    const handleAppendImage = (src: string) => {\r\n      const _value = unref(modelValue);\r\n\r\n      if (Array.isArray(_value)) {\r\n        _value.push(src);\r\n      }\r\n    };\r\n\r\n    return () => {\r\n      const _multiple = unref(multiple);\r\n\r\n      let content;\r\n\r\n      if (!_multiple) {\r\n        content = (\r\n          <MKUploadImageItem\r\n            onView={handleShowImageViewer}\r\n            onDelete={handleDelete}\r\n            modelValue={unref(modelValue) as string}\r\n            onUpdate:modelValue={(value) => (modelValue.value = value)}\r\n            uploadContext={props.uploadContext}\r\n          />\r\n        );\r\n      } else {\r\n        let images: VNode[] | null = null;\r\n\r\n        if (Array.isArray(unref(modelValue))) {\r\n          images = (unref(modelValue) as string[]).map((src) => (\r\n            <MKUploadImageItem\r\n              onView={handleShowImageViewer}\r\n              onDelete={handleDelete}\r\n              modelValue={src}\r\n              uploadContext={props.uploadContext}\r\n            />\r\n          ));\r\n        }\r\n\r\n        content = (\r\n          <Fragment>\r\n            {images}\r\n            <MKUploadImageItem\r\n              onUpdate:modelValue={handleAppendImage}\r\n              uploadContext={props.uploadContext}\r\n            />\r\n          </Fragment>\r\n        );\r\n      }\r\n\r\n      const imageViewer = unref(isShowImageViewer) ? (\r\n        <ElImageViewer\r\n          onClose={handleCloseImageViewer}\r\n          urlList={[unref(currentImageSrc)]}\r\n        />\r\n      ) : null;\r\n\r\n      return (\r\n        <div class=\"mk-upload-image\">\r\n          {content}\r\n          {imageViewer}\r\n        </div>\r\n      );\r\n    };\r\n  },\r\n  // setup(props, { emit }) {\r\n  //   const uploadFileInstance: Ref<InstanceType<typeof MKUploadFile> | null> =\r\n  //     ref(null);\r\n\r\n  //   const imageInstance: Ref<InstanceType<typeof ElImage> | null> = ref(null);\r\n\r\n  //   const isShowImageViewer: Ref<boolean> = ref(false);\r\n\r\n  //   const modelValue = computed({\r\n  //     get: () => props.modelValue as string,\r\n  //     set: (v: string) => {\r\n  //       emit(\"update:modelValue\", v);\r\n  //     },\r\n  //   });\r\n\r\n  //   const handleUpdateModelValue = (v: string) => {\r\n  //     modelValue.value = v;\r\n  //   };\r\n\r\n  //   const handleClick = (event: MouseEvent) => {\r\n  //     event.stopPropagation();\r\n\r\n  //     if (unref(modelValue)) {\r\n  //       return;\r\n  //     }\r\n\r\n  //     unref(uploadFileInstance)?.handleUpload();\r\n  //   };\r\n\r\n  //   const handleView = (event: MouseEvent) => {\r\n  //     event.stopPropagation();\r\n\r\n  //     isShowImageViewer.value = true;\r\n  //   };\r\n\r\n  //   const handleCloseImageViewer = () => {\r\n  //     isShowImageViewer.value = false;\r\n  //   };\r\n\r\n  //   const handleDelete = (event: MouseEvent) => {\r\n  //     event.stopPropagation();\r\n\r\n  //     modelValue.value = \"\";\r\n  //   };\r\n\r\n  //   return () => {\r\n  //     let content;\r\n\r\n  //     if (unref(modelValue)) {\r\n  //       const imageViewer = unref(isShowImageViewer) ? (\r\n  //         <ElImageViewer\r\n  //           onClose={handleCloseImageViewer}\r\n  //           urlList={[unref(modelValue)]}\r\n  //         />\r\n  //       ) : null;\r\n\r\n  //       content = (\r\n  //         <Fragment>\r\n  //           <ElImage\r\n  //             ref={\r\n  //               ((el: InstanceType<typeof ElImage>) =>\r\n  //                 (imageInstance.value = el)) as any\r\n  //             }\r\n  //             src={unref(modelValue)}\r\n  //             class=\"mk-upload-image__image\"\r\n  //             fit=\"cover\"\r\n  //           />\r\n\r\n  //           {imageViewer}\r\n\r\n  //           <div class=\"mk-upload-image__mask\">\r\n  //             <ElTooltip content=\"查看\">\r\n  //               <MKSvgIcon iconClass=\"View\" onClick={handleView} />\r\n  //             </ElTooltip>\r\n  //             <ElTooltip content=\"删除\">\r\n  //               <MKSvgIcon iconClass=\"Delete\" onClick={handleDelete} />\r\n  //             </ElTooltip>\r\n  //           </div>\r\n  //         </Fragment>\r\n  //       );\r\n  //     } else {\r\n  //       content = <MKSvgIcon iconClass=\"Plus\" />;\r\n  //     }\r\n\r\n  //     return (\r\n  //       <div class=\"mk-upload-image\">\r\n  //         <MKUploadFile\r\n  //           modelValue={props.modelValue}\r\n  //           onUpdate:modelValue={handleUpdateModelValue}\r\n  //           uploadContext={props.uploadContext}\r\n  //           ref={\r\n  //             ((el: InstanceType<typeof MKUploadFile>) =>\r\n  //               (uploadFileInstance.value = el)) as any\r\n  //           }\r\n  //         >\r\n  //           <div class=\"mk-upload-image__wrapper\" onClick={handleClick}>\r\n  //             {content}\r\n  //           </div>\r\n  //         </MKUploadFile>\r\n  //       </div>\r\n  //     );\r\n  //   };\r\n  // },\r\n});\r\n"],"names":["MKUploadImageItem","name","props","modelValue","type","String","default","uploadContext","UploadContext","required","emits","setup","emit","uploadFileInstance","ref","imageInstance","computed","get","set","v","handleUpdateModelValue","value","handleClick","event","stopPropagation","unref","handleUpload","handleView","handleDelete","content","_createVNode","_Fragment","ElImage","el","ElTooltip","MKSvgIcon","MKUploadFile","uploadImageProps","uploadImageEmits","currentImageSrc","multiple","isShowImageViewer","watch","Array","isArray","immediate","src","index","indexOf","splice","handleShowImageViewer","handleCloseImageViewer","handleAppendImage","_value","push","_multiple","images","map","imageViewer","ElImageViewer"],"mappings":"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"}

package/dist/esm/components/basic/upload-file/upload-file-options.d.ts

@@ -0,0 +1,16 @@
+import { ExtractPropTypes } from "vue";
+import { UploadContext, WebFileUploadContext } from "./context";
+export declare const uploadFileProps: {
+    readonly modelValue: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly uploadContext: import("@maketribe/utils").PropFinalized<typeof UploadContext, unknown, unknown, () => WebFileUploadContext, boolean>;
+};
+export type UploadFileProps = ExtractPropTypes<typeof uploadFileProps>;
+export declare const uploadFileEmits: {
+    "update:modelValue": (path: string) => boolean;
+};
+export type UploadFileEmits = typeof uploadFileEmits;

package/dist/esm/components/basic/upload-file/upload-file-options.js

@@ -0,0 +1,21 @@
+import { buildProps } from '@maketribe/utils';
+import { UploadContext } from './context/UploadContext.js';
+import { WebFileUploadContext } from './context/WebFileUploadContext.js';
+import './context/web-file-upload-context.js';
+import './context/web-file-upload-context-options.js';
+
+const uploadFileProps = buildProps({
+  modelValue: {
+    type: String
+  },
+  uploadContext: {
+    type: UploadContext,
+    default: () => new WebFileUploadContext()
+  }
+});
+const uploadFileEmits = {
+  "update:modelValue": (path) => true
+};
+
+export { uploadFileEmits, uploadFileProps };
+//# sourceMappingURL=upload-file-options.js.map

package/dist/esm/components/basic/upload-file/upload-file-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload-file-options.js","sources":["../../../../../src/components/basic/upload-file/upload-file-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\nimport { UploadContext, WebFileUploadContext } from \"./context\";\r\n\r\nexport const uploadFileProps = buildProps({\r\n  modelValue: {\r\n    type: String,\r\n  },\r\n  uploadContext: {\r\n    type: UploadContext,\r\n    default: () => new WebFileUploadContext(),\r\n  },\r\n} as const);\r\n\r\nexport type UploadFileProps = ExtractPropTypes<typeof uploadFileProps>;\r\n\r\nexport const uploadFileEmits = {\r\n  \"update:modelValue\": (path: string) => true,\r\n};\r\n\r\nexport type UploadFileEmits = typeof uploadFileEmits;\r\n"],"names":[],"mappings":";;;;;;AAIO,MAAM,kBAAkB,UAAW,CAAA;AAAA,EACxC,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,GACR;AAAA,EACA,aAAe,EAAA;AAAA,IACb,IAAM,EAAA,aAAA;AAAA,IACN,OAAA,EAAS,MAAM,IAAI,oBAAqB,EAAA;AAAA,GAC1C;AACF,CAAU,EAAA;AAIH,MAAM,eAAkB,GAAA;AAAA,EAC7B,mBAAA,EAAqB,CAAC,IAAiB,KAAA,IAAA;AACzC;;;;"}

package/dist/esm/components/basic/upload-file/upload-file.d.ts

@@ -0,0 +1,25 @@
+export declare const MKUploadFile: import("@maketribe/utils").SFCWithInstall<import("vue").DefineComponent<{
+    readonly modelValue: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly uploadContext: import("@maketribe/utils").PropFinalized<typeof import("./context").UploadContext, unknown, unknown, () => import("./context").WebFileUploadContext, boolean>;
+}, {
+    handleUpload: () => Promise<void>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (path: string) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly modelValue: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly uploadContext: import("@maketribe/utils").PropFinalized<typeof import("./context").UploadContext, unknown, unknown, () => import("./context").WebFileUploadContext, boolean>;
+}>> & {
+    "onUpdate:modelValue"?: ((path: string) => any) | undefined;
+}, {
+    readonly uploadContext: import("./context").UploadContext;
+}, {}>> & Record<string, any>;

package/dist/esm/components/basic/upload-file/upload-file.js

@@ -0,0 +1,58 @@
+import { defineComponent, inject, computed, createVNode, unref } from 'vue';
+import { uploadFileProps, uploadFileEmits } from './upload-file-options.js';
+import { ElMessage } from 'element-plus';
+import { UploadContextCtxKey } from './context/UploadContext.js';
+import '@maketribe/request';
+import '@maketribe/dm';
+import { withInstall } from '@maketribe/utils';
+import '../../../core/DataModelDefines.js';
+import 'vue-router';
+import '@maketribe/locale';
+import './context/web-file-upload-context.js';
+import './context/web-file-upload-context-options.js';
+
+const _UploadFile = /* @__PURE__ */ defineComponent({
+  name: "MKUploadFile",
+  props: uploadFileProps,
+  emits: uploadFileEmits,
+  setup(props, {
+    emit
+  }) {
+    const uploadContextCtx = inject(UploadContextCtxKey, null);
+    const value = computed({
+      get: () => props.modelValue,
+      set: (v) => emit("update:modelValue", v)
+    });
+    const uploadContext = computed(() => uploadContextCtx?.uploadContext || props.uploadContext);
+    const handleUpload = async () => {
+      try {
+        const uploadResult = await unref(uploadContext).selectFile();
+        if (uploadResult.success) {
+          value.value = uploadResult.path || value.value;
+          return;
+        }
+        ElMessage.error(uploadResult.msg);
+      } catch (e) {
+        console.error(e);
+        ElMessage.error("\u7F51\u7EDC\u5F02\u5E38");
+      }
+    };
+    return {
+      handleUpload
+    };
+  },
+  render() {
+    const {
+      handleUpload,
+      $slots
+    } = this;
+    return createVNode("span", {
+      "class": "mk-upload-file",
+      "onClick": handleUpload
+    }, [$slots.default?.()]);
+  }
+});
+const MKUploadFile = withInstall(_UploadFile);
+
+export { MKUploadFile };
+//# sourceMappingURL=upload-file.js.map

package/dist/esm/components/basic/upload-file/upload-file.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload-file.js","sources":["../../../../../src/components/basic/upload-file/upload-file.tsx"],"sourcesContent":["import { computed, defineComponent, inject, unref } from \"vue\";\r\nimport { uploadFileEmits, uploadFileProps } from \"./upload-file-options\";\r\nimport { ElMessage } from \"element-plus\";\r\nimport { UploadContextCtxKey } from \"./context\";\r\nimport { withInstall } from \"@maketribe/utils\";\r\n\r\n/**\r\n * 文件上传\r\n *\r\n * 文件上传在本后台中有两大分类\r\n * 1.直接上传文件\r\n * 2.使用素材库文件\r\n *\r\n * 文件上传的界面交互又会分为几种情况\r\n * 1.单文件上传（单文件上传，可能会根据。文件情况的不同，界面显示方式不一样）\r\n * 2.多文件上传（多文件上传基于单文件的逻辑，不过是会变成多个文件）\r\n *\r\n * 希望文件交互组件不需要用了解是直接上传文件或使用素材库。\r\n *\r\n */\r\n\r\nconst _UploadFile = defineComponent({\r\n  name: \"MKUploadFile\",\r\n  props: uploadFileProps,\r\n  emits: uploadFileEmits,\r\n  setup(props, { emit }) {\r\n    const uploadContextCtx = inject(UploadContextCtxKey, null);\r\n\r\n    const value = computed({\r\n      get: () => props.modelValue as string,\r\n      set: (v: string) => emit(\"update:modelValue\", v),\r\n    });\r\n\r\n    const uploadContext = computed(\r\n      () => uploadContextCtx?.uploadContext || props.uploadContext\r\n    );\r\n\r\n    const handleUpload = async () => {\r\n      try {\r\n        const uploadResult = await unref(uploadContext).selectFile();\r\n        if (uploadResult.success) {\r\n          value.value = uploadResult.path || value.value;\r\n          return;\r\n        }\r\n\r\n        ElMessage.error(uploadResult.msg);\r\n      } catch (e) {\r\n        console.error(e);\r\n        ElMessage.error(\"网络异常\");\r\n      }\r\n    };\r\n\r\n    return {\r\n      handleUpload,\r\n    };\r\n  },\r\n  render() {\r\n    const { handleUpload, $slots } = this;\r\n\r\n    return (\r\n      <span class=\"mk-upload-file\" onClick={handleUpload}>\r\n        {$slots.default?.()}\r\n      </span>\r\n    );\r\n  },\r\n});\r\n\r\nexport const MKUploadFile = withInstall(_UploadFile);\r\n"],"names":["_UploadFile","name","props","uploadFileProps","emits","uploadFileEmits","setup","emit","uploadContextCtx","inject","UploadContextCtxKey","value","computed","get","modelValue","set","v","uploadContext","handleUpload","uploadResult","unref","selectFile","success","path","ElMessage","error","msg","e","console","render","$slots","_createVNode","default","MKUploadFile","withInstall"],"mappings":";;;;;;;;;;;;;AAqBA,MAAMA,8BAA8B,eAAA,CAAA;AAAA,EAClCC,IAAM,EAAA,cAAA;AAAA,EACNC,KAAOC,EAAAA,eAAAA;AAAAA,EACPC,KAAOC,EAAAA,eAAAA;AAAAA,EACPC,MAAMJ,KAAO,EAAA;AAAA,IAAEK,IAAAA;AAAAA,GAAQ,EAAA;AACrB,IAAMC,MAAAA,gBAAAA,GAAmBC,MAAOC,CAAAA,mBAAAA,EAAqB,IAAI,CAAA,CAAA;AAEzD,IAAA,MAAMC,QAAQC,QAAS,CAAA;AAAA,MACrBC,GAAAA,EAAKA,MAAMX,KAAMY,CAAAA,UAAAA;AAAAA,MACjBC,GAAMC,EAAAA,CAAAA,CAAAA,KAAcT,IAAK,CAAA,mBAAA,EAAqBS,CAAC,CAAA;AAAA,KAChD,CAAA,CAAA;AAED,IAAA,MAAMC,gBAAgBL,QACpB,CAAA,MAAMJ,gBAAkBS,EAAAA,aAAAA,IAAiBf,MAAMe,aACjD,CAAA,CAAA;AAEA,IAAA,MAAMC,eAAe,YAAY;AAC/B,MAAI,IAAA;AACF,QAAA,MAAMC,YAAe,GAAA,MAAMC,KAAMH,CAAAA,aAAa,EAAEI,UAAW,EAAA,CAAA;AAC3D,QAAA,IAAIF,aAAaG,OAAS,EAAA;AACxBX,UAAMA,KAAAA,CAAAA,KAAAA,GAAQQ,YAAaI,CAAAA,IAAAA,IAAQZ,KAAMA,CAAAA,KAAAA,CAAAA;AACzC,UAAA,OAAA;AAAA,SACF;AAEAa,QAAUC,SAAAA,CAAAA,KAAAA,CAAMN,aAAaO,GAAG,CAAA,CAAA;AAAA,eACzBC,CAAG,EAAA;AACVC,QAAAA,OAAAA,CAAQH,MAAME,CAAC,CAAA,CAAA;AACfH,QAAAA,SAAAA,CAAUC,MAAM,0BAAM,CAAA,CAAA;AAAA,OACxB;AAAA,KACF,CAAA;AAEA,IAAO,OAAA;AAAA,MACLP,YAAAA;AAAAA,KACF,CAAA;AAAA,GACF;AAAA,EACAW,MAAS,GAAA;AACP,IAAM,MAAA;AAAA,MAAEX,YAAAA;AAAAA,MAAcY,MAAAA;AAAAA,KAAW,GAAA,IAAA,CAAA;AAEjC,IAAA,OAAAC,YAAA,MAAA,EAAA;AAAA,MAAA,OAAA,EAAA,gBAAA;AAAA,MAAA,SACwCb,EAAAA,YAAAA;AAAAA,KAAY,EAAA,CAC/CY,MAAOE,CAAAA,OAAAA,IAAW,CAAA,CAAA,CAAA;AAAA,GAGzB;AACF,CAAC,CAAA,CAAA;AAEYC,MAAAA,YAAAA,GAAeC,YAAYlC,WAAW;;;;"}

package/dist/esm/components/business/index.d.ts

@@ -1,5 +1 @@
-export * from "./material-list";
-export * from "./material-select";
-export * from "./role-permission-config";
 export * from "./verify-dialog";
-export * from "./upload-file";

package/dist/esm/components/business/index.js

@@ -1,18 +1,2 @@
-export { MKMaterialList } from './material-list/index.js';
-export { MKMaterialSelect } from './material-select/index.js';
-export { MKRolePermissionConfig } from './role-permission-config/index.js';
 export { MKVerifyDialog } from './verify-dialog/index.js';
-export { MKUploadFile } from './upload-file/upload-file.js';
-export { UploadContext, UploadContextCtxKey } from './upload-file/context/UploadContext.js';
-export { WebFileUploadContext } from './upload-file/context/WebFileUploadContext.js';
-export { MaterialUploadContext } from './upload-file/context/MaterialUploadContext.js';
-export { MKMaterialUploadContext } from './upload-file/context/material-upload-context.js';
-export { materialUploadContextProps } from './upload-file/context/material-upload-context-options.js';
-export { MKWebFileUploadContext } from './upload-file/context/web-file-upload-context.js';
-export { webFileUploadContextProps } from './upload-file/context/web-file-upload-context-options.js';
-export { MKUploadImage } from './upload-file/ui/upload-image/index.js';
-export { uploadFileEmits, uploadFileProps } from './upload-file/upload-file-options.js';
-export { materialListEmits, materialListProps } from './material-list/material-list-options.js';
-export { rolePermissionConfigEmits, rolePermissionConfigProps } from './role-permission-config/role-permission-config-options.js';
-export { uploadImageEmits, uploadImageProps } from './upload-file/ui/upload-image/upload-image-options.js';
 //# sourceMappingURL=index.js.map

package/dist/esm/components/business/index.js.map

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

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

@@ -2,12 +2,6 @@ import { ExtractPropTypes } from "vue";
 import { DataTable } from "@maketribe/dm";
 export declare const conditionSelectProps: {
     multiple: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
-    source: {
-        readonly type: import("vue").PropType<Record<string, any>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __mkPropKey: true;
-    };
     options: {
         readonly type: import("vue").PropType<unknown[]>;
         readonly required: false;

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

@@ -8,9 +8,6 @@ const conditionSelectProps = buildProps({
     type: Boolean,
     default: false
   },
-  source: {
-    type: Object
-  },
   options: {
     type: Array
   },

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  source: {\r\n    type: Object,\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,UAAW,CAAA;AAAA,EAC7C,GAAG,wBAAA;AAAA,EACH,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,GACR;AAAA,EACA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,KAAA;AAAA,GACR;AAAA,EACA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,SAAA;AAAA,GACR;AACF,CAAC,EAAA;AAMM,MAAM,mBAAsB,GAAA;AAAA,EACjC,oBAAA,EAAsB,CAAC,UAAoB,KAAA,IAAA;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 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,UAAW,CAAA;AAAA,EAC7C,GAAG,wBAAA;AAAA,EACH,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,KAAA;AAAA,GACR;AAAA,EACA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,SAAA;AAAA,GACR;AACF,CAAC,EAAA;AAMM,MAAM,mBAAsB,GAAA;AAAA,EACjC,oBAAA,EAAsB,CAAC,UAAoB,KAAA,IAAA;AAC7C;;;;"}

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

@@ -1,11 +1,5 @@
 declare const _default: import("vue").DefineComponent<{
     multiple: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
-    source: {
-        readonly type: import("vue").PropType<Record<string, any>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __mkPropKey: true;
-    };
     options: {
         readonly type: import("vue").PropType<unknown[]>;
         readonly required: false;
@@ -21,12 +15,6 @@ declare const _default: import("vue").DefineComponent<{
     defaultValue: import("@maketribe/utils").PropFinalized<unknown, unknown, unknown, null, boolean>;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     multiple: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
-    source: {
-        readonly type: import("vue").PropType<Record<string, any>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __mkPropKey: true;
-    };
     options: {
         readonly type: import("vue").PropType<unknown[]>;
         readonly required: false;

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

@@ -38,7 +38,6 @@ var ConditionSelect = /* @__PURE__ */ defineComponent({
         "modelValue": unref(value),
         "dataTable": props.dataTable,
         "options": props.options,
-        "source": props.source,
         "multiple": props.multiple,
         "onUpdate:model-value": (v) => value.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          source={props.source!}\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":["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","source","v"],"mappings":";;;;;;AAOA,sCAA+B,eAAA,CAAA;AAAA,EAC7BA,IAAM,EAAA,mBAAA;AAAA,EACNC,KAAOC,EAAAA,oBAAAA;AAAAA,EACPC,MAAMF,KAAO,EAAA;AAAA,IAAEG,MAAAA;AAAAA,GAAU,EAAA;AACvB,IAAM,MAAA;AAAA,MAAEC,KAAAA;AAAAA,QAAUC,sBAAuB,CAAA;AAAA,MACvC,GAAGL,KAAAA;AAAAA,MACHM,YAAAA,EAAcN,MAAMM,YAChBN,GAAAA,KAAAA,CAAMM,eACNN,KAAMO,CAAAA,QAAAA,GACN,EACA,GAAA,EAAA;AAAA,MACJC,UAAUC,SAAUL,CAAAA,KAAAA;AAAAA,MACpBM,eAAAA,EAAiB,CAACD,SAAAA,EAAWE,aAAa,CAAA;AAAA,KAC3C,CAAA,CAAA;AAEDR,IAAO,MAAA,CAAA;AAAA,MACLS,OAAU,GAAA;AACR,QAAA,IAAIZ,MAAMO,QAAU,EAAA;AAClB,UAAO,OAAA,CAACM,MAAMC,OAAQV,CAAAA,KAAAA,CAAMA,KAAK,CAAKA,IAAAA,KAAAA,CAAMA,MAAMW,MAAW,KAAA,CAAA,CAAA;AAAA,SAC/D;AAEA,QAAA,OAAOX,MAAMA,KAAS,IAAA,IAAA,CAAA;AAAA,OACxB;AAAA,MACAY,KAAQ,GAAA;AACN,QAAA,IAAIhB,MAAMO,QAAU,EAAA;AAClBH,UAAAA,KAAAA,CAAMA,QAAQ,EAAE,CAAA;AAAA,SACX,MAAA;AACLA,UAAAA,KAAAA,CAAMA,KAAQ,GAAA,IAAA,CAAA;AAAA,SAChB;AAAA,OACF;AAAA,KACD,CAAA,CAAA;AAED,IAAA,OAAO,MAAM;AACX,MAAA,OAAAa,YAAAC,YAAA,EAAA;AAAA,QAAA,YAAA,EAEgBC,MAAMf,KAAK,CAAA;AAAA,QAAC,aACbJ,KAAMoB,CAAAA,SAAAA;AAAAA,QAAS,WACjBpB,KAAMqB,CAAAA,OAAAA;AAAAA,QAAO,UACdrB,KAAMsB,CAAAA,MAAAA;AAAAA,QAAM,YACVtB,KAAMO,CAAAA,QAAAA;AAAAA,QAAQ,sBAAA,EACDgB,CAAYnB,CAAAA,KAAAA,KAAAA,CAAMA,KAAQmB,GAAAA,CAAAA;AAAAA,SAAE,IAAA,CAAA,CAAA;AAAA,KAGzD,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}
+{"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":["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,sCAA+B,eAAA,CAAA;AAAA,EAC7BA,IAAM,EAAA,mBAAA;AAAA,EACNC,KAAOC,EAAAA,oBAAAA;AAAAA,EACPC,MAAMF,KAAO,EAAA;AAAA,IAAEG,MAAAA;AAAAA,GAAU,EAAA;AACvB,IAAM,MAAA;AAAA,MAAEC,KAAAA;AAAAA,QAAUC,sBAAuB,CAAA;AAAA,MACvC,GAAGL,KAAAA;AAAAA,MACHM,YAAAA,EAAcN,MAAMM,YAChBN,GAAAA,KAAAA,CAAMM,eACNN,KAAMO,CAAAA,QAAAA,GACN,EACA,GAAA,EAAA;AAAA,MACJC,UAAUC,SAAUL,CAAAA,KAAAA;AAAAA,MACpBM,eAAAA,EAAiB,CAACD,SAAAA,EAAWE,aAAa,CAAA;AAAA,KAC3C,CAAA,CAAA;AAEDR,IAAO,MAAA,CAAA;AAAA,MACLS,OAAU,GAAA;AACR,QAAA,IAAIZ,MAAMO,QAAU,EAAA;AAClB,UAAO,OAAA,CAACM,MAAMC,OAAQV,CAAAA,KAAAA,CAAMA,KAAK,CAAKA,IAAAA,KAAAA,CAAMA,MAAMW,MAAW,KAAA,CAAA,CAAA;AAAA,SAC/D;AAEA,QAAA,OAAOX,MAAMA,KAAS,IAAA,IAAA,CAAA;AAAA,OACxB;AAAA,MACAY,KAAQ,GAAA;AACN,QAAA,IAAIhB,MAAMO,QAAU,EAAA;AAClBH,UAAAA,KAAAA,CAAMA,QAAQ,EAAE,CAAA;AAAA,SACX,MAAA;AACLA,UAAAA,KAAAA,CAAMA,KAAQ,GAAA,IAAA,CAAA;AAAA,SAChB;AAAA,OACF;AAAA,KACD,CAAA,CAAA;AAED,IAAA,OAAO,MAAM;AACX,MAAA,OAAAa,YAAAC,YAAA,EAAA;AAAA,QAAA,YAAA,EAEgBC,MAAMf,KAAK,CAAA;AAAA,QAAC,aACbJ,KAAMoB,CAAAA,SAAAA;AAAAA,QAAS,WACjBpB,KAAMqB,CAAAA,OAAAA;AAAAA,QAAO,YACZrB,KAAMO,CAAAA,QAAAA;AAAAA,QAAQ,sBAAA,EACDe,CAAYlB,CAAAA,KAAAA,KAAAA,CAAMA,KAAQkB,GAAAA,CAAAA;AAAAA,SAAE,IAAA,CAAA,CAAA;AAAA,KAGzD,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}

package/dist/esm/components/data-model/data-filter-form/components/condition-select/index.d.ts

@@ -1,11 +1,5 @@
 export declare const MKConditionSelect: import("@maketribe/utils").SFCWithInstall<import("vue").DefineComponent<{
     multiple: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
-    source: {
-        readonly type: import("vue").PropType<Record<string, any>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __mkPropKey: true;
-    };
     options: {
         readonly type: import("vue").PropType<unknown[]>;
         readonly required: false;
@@ -21,12 +15,6 @@ export declare const MKConditionSelect: import("@maketribe/utils").SFCWithInstal
     defaultValue: import("@maketribe/utils").PropFinalized<unknown, unknown, unknown, null, boolean>;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     multiple: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
-    source: {
-        readonly type: import("vue").PropType<Record<string, any>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __mkPropKey: true;
-    };
     options: {
         readonly type: import("vue").PropType<unknown[]>;
         readonly required: false;

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

@@ -6,8 +6,8 @@ import 'vue-router';
 import '@maketribe/request';
 import '@maketribe/locale';
 import '@maketribe/utils';
-import { ElOption, ElSelect } from 'element-plus';
 import '../../../../core/DataModelDefines.js';
+import { ElOption, ElSelect } from 'element-plus';
 import { dataFilterFormItemProps } from './data-filter-form-item-options.js';
 import { DATA_FILTER_CONTEXT, DATA_FILTER_ITEM_CONTEXT } from '../token.js';