@maketribe/ms-app 3.0.3 → 3.0.5

package/dist/cjs/components/upload-image/upload-image.js

@@ -0,0 +1,60 @@
+'use strict';
+
+var vue = require('vue');
+var index$1 = require('../upload-file/index.js');
+var index = require('../svg-icon/index.js');
+var uploadImageOptions = require('./upload-image-options.js');
+var elementPlus = require('element-plus');
+
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+var UploadImage = /* @__PURE__ */ vue.defineComponent({
+  name: "MKUploadImage",
+  props: uploadImageOptions.uploadImageProps,
+  emits: uploadImageOptions.uploadImageEmits,
+  setup(props, {
+    emit
+  }) {
+    const modelValue = vue.computed({
+      get: () => props.modelValue,
+      set: (v) => emit("update:model-value", v)
+    });
+    const style = vue.computed(() => ({
+      "--mk-upload-image-size": props.size
+    }));
+    const handleDelete = () => {
+      modelValue.value = "";
+    };
+    return () => {
+      const content = vue.unref(modelValue) ? vue.createVNode(elementPlus.ElImage, {
+        "src": vue.unref(modelValue),
+        "fit": "contain"
+      }, null) : vue.createVNode("div", {
+        "class": "mk-upload-image__select"
+      }, [vue.createVNode(index.MKSvgIcon, {
+        "iconClass": "Plus"
+      }, null)]);
+      return vue.createVNode("div", {
+        "class": ["mk-upload-image", vue.unref(modelValue) ? "is-image" : ""],
+        "style": vue.unref(style)
+      }, [vue.createVNode(index$1.MKUploadFile, {
+        "class": "mk-upload-image__upload",
+        "upload": props.upload,
+        "listType": "picture-card",
+        "onUploadSuccess": (res) => modelValue.value = res.data.data.path
+      }, _isSlot(content) ? content : {
+        default: () => [content]
+      }), vue.createVNode("div", {
+        "class": "mk-upload-image__mask"
+      }, [vue.createVNode("span", {
+        "onClick": handleDelete
+      }, [vue.createVNode(index.MKSvgIcon, {
+        "iconClass": "Delete"
+      }, null)])])]);
+    };
+  }
+});
+
+module.exports = UploadImage;
+//# sourceMappingURL=upload-image.js.map

package/dist/cjs/components/upload-image/upload-image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload-image.js","sources":["../../../../src/components/upload-image/upload-image.tsx"],"sourcesContent":["import { ComputedRef, StyleValue, computed, defineComponent, unref } from \"vue\";\nimport MKUploadFile from \"../upload-file\";\nimport MKSvgIcon from \"../svg-icon\";\nimport { uploadImageEmits, uploadImageProps } from \"./upload-image-options\";\nimport { ElImage } from \"element-plus\";\n\nexport default defineComponent({\n  name: \"MKUploadImage\",\n  props: uploadImageProps,\n  emits: uploadImageEmits,\n  setup(props, { emit }) {\n    const modelValue = computed({\n      get: () => props.modelValue,\n      set: (v: any) => emit(\"update:model-value\", v),\n    });\n\n    const style: ComputedRef<StyleValue> = computed(() => ({\n      \"--mk-upload-image-size\": props.size,\n    }));\n\n    const handleDelete = () => {\n      modelValue.value = \"\";\n    };\n\n    return () => {\n      const content = unref(modelValue) ? (\n        <ElImage src={unref(modelValue)} fit=\"contain\" />\n      ) : (\n        <div class=\"mk-upload-image__select\">\n          <MKSvgIcon iconClass=\"Plus\" />\n        </div>\n      );\n\n      return (\n        <div\n          class={[\"mk-upload-image\", unref(modelValue) ? \"is-image\" : \"\"]}\n          style={unref(style)}\n        >\n          <MKUploadFile\n            class=\"mk-upload-image__upload\"\n            upload={props.upload}\n            listType=\"picture-card\"\n            onUploadSuccess={(res: any) =>\n              (modelValue.value = res.data.data.path)\n            }\n          >\n            {content}\n          </MKUploadFile>\n          <div class=\"mk-upload-image__mask\">\n            <span onClick={handleDelete}>\n              <MKSvgIcon iconClass=\"Delete\" />\n            </span>\n          </div>\n        </div>\n      );\n    };\n  },\n});\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","props","uploadImageProps","emits","uploadImageEmits","setup","emit","modelValue","computed","get","set","v","style","size","handleDelete","value","content","unref","_createVNode","ElImage","MKSvgIcon","MKUploadFile","upload","res","data","path","default"],"mappings":";;;;;;;;AAIuC,SAAAA,QAAAC,CAAA,EAAA;AAAA,EAAA,OAAA,OAAAA,CAAAA,KAAA,UAAAC,IAAAA,MAAAA,CAAAC,SAAAC,CAAAA,QAAAA,CAAAC,IAAAJ,CAAAA,CAAA,CAAAK,KAAAA,iBAAAA,IAAAA,CAAAA,WAAAA,CAAAL,CAAA,CAAA,CAAA;AAAA,CAAA;AAEvC,kCAA+BM,mBAAA,CAAA;AAAA,EAC7BC,IAAM,EAAA,eAAA;AAAA,EACNC,KAAOC,EAAAA,mCAAAA;AAAAA,EACPC,KAAOC,EAAAA,mCAAAA;AAAAA,EACPC,MAAMJ,KAAO,EAAA;AAAA,IAAEK,IAAAA;AAAAA,GAAQ,EAAA;AACrB,IAAA,MAAMC,aAAaC,YAAS,CAAA;AAAA,MAC1BC,GAAAA,EAAKA,MAAMR,KAAMM,CAAAA,UAAAA;AAAAA,MACjBG,GAAMC,EAAAA,CAAAA,CAAAA,KAAWL,IAAK,CAAA,oBAAA,EAAsBK,CAAC,CAAA;AAAA,KAC9C,CAAA,CAAA;AAED,IAAMC,MAAAA,KAAAA,GAAiCJ,aAAS,OAAO;AAAA,MACrD,0BAA0BP,KAAMY,CAAAA,IAAAA;AAAAA,KAChC,CAAA,CAAA,CAAA;AAEF,IAAA,MAAMC,eAAeA,MAAM;AACzBP,MAAAA,UAAAA,CAAWQ,KAAQ,GAAA,EAAA,CAAA;AAAA,KACrB,CAAA;AAEA,IAAA,OAAO,MAAM;AACX,MAAA,MAAMC,OAAUC,GAAAA,SAAAA,CAAMV,UAAU,CAAA,GAACW,gBAAAC,mBAAA,EAAA;AAAA,QAAA,KAAA,EACjBF,UAAMV,UAAU,CAAA;AAAA,QAAC,KAAA,EAAA,SAAA;AAAA,OAAA,EAAA,IAAA,CAAAW,GAAAA,eAAAA,CAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,yBAAA;AAAA,OAAA,EAAAA,CAAAA,eAAAA,CAAAE,eAAA,EAAA;AAAA,QAAA,WAAA,EAAA,MAAA;AAAA,OAAA,EAKhC,IAAA,CAAA,CAAA,CAAA,CAAA;AAED,MAAA,OAAAF,gBAAA,KAAA,EAAA;AAAA,QAAA,SAEW,CAAC,iBAAA,EAAmBD,UAAMV,UAAU,CAAA,GAAI,aAAa,EAAE,CAAA;AAAA,QAAC,OAAA,EACxDU,UAAML,KAAK,CAAA;AAAA,OAAC,EAAAM,CAAAA,eAAAA,CAAAG,oBAAA,EAAA;AAAA,QAAA,OAAA,EAAA,yBAAA;AAAA,QAAA,UAITpB,KAAMqB,CAAAA,MAAAA;AAAAA,QAAM,UAAA,EAAA,cAAA;AAAA,QAAA,mBAEFC,CACfhB,GAAAA,KAAAA,UAAAA,CAAWQ,KAAQQ,GAAAA,GAAAA,CAAIC,KAAKA,IAAKC,CAAAA,IAAAA;AAAAA,OAAKjC,EAAAA,OAAAA,CAGxCwB,OAAO,CAAA,GAAPA,OAAO,GAAA;AAAA,QAAAU,OAAAA,EAAAA,MAAA,CAAPV,OAAO,CAAA;AAAA,OAAA,CAAAE,EAAAA,eAAAA,CAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,uBAAA;AAAA,OAAA,EAAA,CAAAA,eAAAA,CAAA,MAAA,EAAA;AAAA,QAAA,SAGOJ,EAAAA,YAAAA;AAAAA,OAAY,EAAAI,CAAAA,eAAAA,CAAAE,eAAA,EAAA;AAAA,QAAA,WAAA,EAAA,QAAA;AAAA,SAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,KAMnC,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}

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

@@ -1,14 +1,16 @@
 'use strict';
 
 var vue = require('vue');
+require('@maketribe/dm');
+require('../config-provider/index.js');
 require('vue-router');
 require('@maketribe/request');
-require('@maketribe/dm');
 require('@maketribe/locale');
 require('@maketribe/utils');
+var elementPlus = require('element-plus');
+require('../../core/DataModelDefines.js');
 var useHttpRequest = require('../../composables/use-http-request.js');
 var verifyDialogOption = require('./verify-dialog-option.js');
-var elementPlus = require('element-plus');
 
 var VerifyDialog = /* @__PURE__ */ vue.defineComponent({
   name: "MKVerifyDialog",

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

@@ -1 +1 @@
-{"version":3,"file":"verify-dialog.js","sources":["../../../../src/components/verify-dialog/verify-dialog.tsx"],"sourcesContent":["import {\n  computed,\n  defineComponent,\n  unref,\n  Fragment,\n  ref,\n  onMounted,\n  watch,\n} from \"vue\";\nimport { useHttpRequest } from \"../../composables\";\nimport { verifyDialogProps, verifyDialogEmits } from \"./verify-dialog-option\";\nimport { ElDialog, ElSlider, ElButton } from \"element-plus\";\n\nexport default defineComponent({\n  name: \"MKVerifyDialog\",\n  props: verifyDialogProps,\n  emits: verifyDialogEmits,\n  setup(props, { emit }) {\n    const deg = ref(0);\n\n    const httpRequest = useHttpRequest();\n\n    const imageUrl = ref(\"\");\n\n    const imageStyle = computed(() => {\n      return {\n        backgroundImage: `url(${unref(imageUrl)})`,\n        transform: `rotate(-${unref(deg)}deg)`,\n      };\n    });\n\n    const visible = computed({\n      get: () => props.visible,\n      set: (v) => emit(\"update:visible\", v),\n    });\n\n    const getImage = async () => {\n      const params = { scene: props.scene };\n\n      const response = await httpRequest!.get(\n        \"/api/open/verification/rotation/image\",\n        {\n          params,\n          responseType: \"blob\",\n        }\n      );\n\n      return response.data ?? null;\n    };\n\n    const verifyConfirm = async () => {\n      emit(\"verifySuccessful\", deg.value.toString());\n    };\n    onMounted(() => {\n      watch(\n        visible,\n        async (visible, _, onCleanup) => {\n          if (visible) {\n            const blob = await getImage();\n\n            const url = URL.createObjectURL(blob);\n            imageUrl.value = url;\n\n            onCleanup(() => {\n              URL.revokeObjectURL(url);\n            });\n          }\n        },\n        { immediate: true }\n      );\n    });\n    return () => {\n      return (\n        <ElDialog\n          model-value={visible.value}\n          modal-class=\"mk-verify-dialog\"\n          width={props.width}\n          showClose={false}\n          appendToBody\n          v-slots={{\n            footer: () => {\n              return (\n                <Fragment>\n                  <ElButton type={\"primary\"} onClick={verifyConfirm}>\n                    确定\n                  </ElButton>\n                  <ElButton onClick={() => (visible.value = false)}>\n                    取消\n                  </ElButton>\n                </Fragment>\n              );\n            },\n          }}\n        >\n          <div class=\"mk-verify-dialog__wrapper\">\n            <div\n              class=\"mk-verify-dialog__image\"\n              ref=\"imageEl\"\n              style={imageStyle.value}\n            />\n          </div>\n          <ElSlider\n            model-value={deg.value}\n            onUpdate:modelValue={(v) => (deg.value = v as number)}\n            show-tooltip={false}\n            min={0}\n            max={360}\n          />\n        </ElDialog>\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","props","verifyDialogProps","emits","verifyDialogEmits","setup","emit","deg","ref","httpRequest","useHttpRequest","imageUrl","imageStyle","computed","backgroundImage","unref","transform","visible","get","set","v","getImage","params","scene","response","responseType","data","verifyConfirm","value","toString","onMounted","watch","_","onCleanup","blob","url","URL","createObjectURL","revokeObjectURL","immediate","_createVNode","ElDialog","width","default","ElSlider","footer","_Fragment","ElButton","_createTextVNode","onClick"],"mappings":"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"}
+{"version":3,"file":"verify-dialog.js","sources":["../../../../src/components/verify-dialog/verify-dialog.tsx"],"sourcesContent":["import {\n  computed,\n  defineComponent,\n  unref,\n  Fragment,\n  ref,\n  onMounted,\n  watch,\n} from \"vue\";\nimport { useHttpRequest } from \"../../composables\";\nimport { verifyDialogProps, verifyDialogEmits } from \"./verify-dialog-option\";\nimport { ElDialog, ElSlider, ElButton } from \"element-plus\";\n\nexport default defineComponent({\n  name: \"MKVerifyDialog\",\n  props: verifyDialogProps,\n  emits: verifyDialogEmits,\n  setup(props, { emit }) {\n    const deg = ref(0);\n\n    const httpRequest = useHttpRequest();\n\n    const imageUrl = ref(\"\");\n\n    const imageStyle = computed(() => {\n      return {\n        backgroundImage: `url(${unref(imageUrl)})`,\n        transform: `rotate(-${unref(deg)}deg)`,\n      };\n    });\n\n    const visible = computed({\n      get: () => props.visible,\n      set: (v) => emit(\"update:visible\", v),\n    });\n\n    const getImage = async () => {\n      const params = { scene: props.scene };\n\n      const response = await httpRequest!.get(\n        \"/api/open/verification/rotation/image\",\n        {\n          params,\n          responseType: \"blob\",\n        }\n      );\n\n      return response.data ?? null;\n    };\n\n    const verifyConfirm = async () => {\n      emit(\"verifySuccessful\", deg.value.toString());\n    };\n    onMounted(() => {\n      watch(\n        visible,\n        async (visible, _, onCleanup) => {\n          if (visible) {\n            const blob = await getImage();\n\n            const url = URL.createObjectURL(blob);\n            imageUrl.value = url;\n\n            onCleanup(() => {\n              URL.revokeObjectURL(url);\n            });\n          }\n        },\n        { immediate: true }\n      );\n    });\n    return () => {\n      return (\n        <ElDialog\n          model-value={visible.value}\n          modal-class=\"mk-verify-dialog\"\n          width={props.width}\n          showClose={false}\n          appendToBody\n          v-slots={{\n            footer: () => {\n              return (\n                <Fragment>\n                  <ElButton type={\"primary\"} onClick={verifyConfirm}>\n                    确定\n                  </ElButton>\n                  <ElButton onClick={() => (visible.value = false)}>\n                    取消\n                  </ElButton>\n                </Fragment>\n              );\n            },\n          }}\n        >\n          <div class=\"mk-verify-dialog__wrapper\">\n            <div\n              class=\"mk-verify-dialog__image\"\n              ref=\"imageEl\"\n              style={imageStyle.value}\n            />\n          </div>\n          <ElSlider\n            model-value={deg.value}\n            onUpdate:modelValue={(v) => (deg.value = v as number)}\n            show-tooltip={false}\n            min={0}\n            max={360}\n          />\n        </ElDialog>\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","props","verifyDialogProps","emits","verifyDialogEmits","setup","emit","deg","ref","httpRequest","useHttpRequest","imageUrl","imageStyle","computed","backgroundImage","unref","transform","visible","get","set","v","getImage","params","scene","response","responseType","data","verifyConfirm","value","toString","onMounted","watch","_","onCleanup","blob","url","URL","createObjectURL","revokeObjectURL","immediate","_createVNode","ElDialog","width","default","ElSlider","footer","_Fragment","ElButton","_createTextVNode","onClick"],"mappings":"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"}

package/dist/cjs/components/video-view/index.d.ts

@@ -0,0 +1,33 @@
+export declare const MKVideoView: import("@maketribe/utils").SFCWithInstall<import("vue").DefineComponent<{
+    readonly src: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly poster: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly dialogWidth: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, "800px", boolean>;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly src: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly poster: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly dialogWidth: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, "800px", boolean>;
+}>>, {
+    readonly dialogWidth: string;
+}, {}>> & Record<string, any>;
+export default MKVideoView;
+export * from "./video-view-options";

package/dist/cjs/components/video-view/index.js

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('@maketribe/utils');
+var videoView = require('./video-view.js');
+var videoViewOptions = require('./video-view-options.js');
+
+const MKVideoView = utils.withInstall(videoView);
+
+exports.videoViewProps = videoViewOptions.videoViewProps;
+exports.MKVideoView = MKVideoView;
+exports.default = MKVideoView;
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/video-view/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/video-view/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\nimport VideoView from \"./video-view\";\n\nexport const MKVideoView = withInstall(VideoView);\nexport default MKVideoView;\n\nexport * from \"./video-view-options\";\n"],"names":["withInstall","VideoView"],"mappings":";;;;;;;;AAGa,MAAA,WAAA,GAAcA,kBAAYC,SAAS;;;;;;"}

package/dist/cjs/components/video-view/video-view-options.d.ts

@@ -0,0 +1,17 @@
+import { ExtractPropTypes } from "vue";
+export declare const videoViewProps: {
+    readonly src: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly poster: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly dialogWidth: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, "800px", boolean>;
+};
+export type VideoViewProps = ExtractPropTypes<typeof videoViewProps>;

package/dist/cjs/components/video-view/video-view-options.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var utils = require('@maketribe/utils');
+
+const videoViewProps = utils.buildProps({
+  src: { type: String, required: true },
+  poster: { type: String, required: false },
+  dialogWidth: { type: String, default: "800px" }
+});
+
+exports.videoViewProps = videoViewProps;
+//# sourceMappingURL=video-view-options.js.map

package/dist/cjs/components/video-view/video-view-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"video-view-options.js","sources":["../../../../src/components/video-view/video-view-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\n\nexport const videoViewProps = buildProps({\n  src: { type: String, required: true },\n  poster: { type: String, required: false },\n  dialogWidth: { type: String, default: \"800px\" },\n} as const);\n\nexport type VideoViewProps = ExtractPropTypes<typeof videoViewProps>;\n"],"names":["buildProps"],"mappings":";;;;AAGO,MAAM,iBAAiBA,gBAAW,CAAA;AAAA,EACvC,GAAK,EAAA,EAAE,IAAM,EAAA,MAAA,EAAQ,UAAU,IAAK,EAAA;AAAA,EACpC,MAAQ,EAAA,EAAE,IAAM,EAAA,MAAA,EAAQ,UAAU,KAAM,EAAA;AAAA,EACxC,WAAa,EAAA,EAAE,IAAM,EAAA,MAAA,EAAQ,SAAS,OAAQ,EAAA;AAChD,CAAU;;;;"}

package/dist/cjs/components/video-view/video-view.d.ts

@@ -0,0 +1,32 @@
+declare const _default: import("vue").DefineComponent<{
+    readonly src: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly poster: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly dialogWidth: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, "800px", boolean>;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly src: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly poster: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly dialogWidth: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, "800px", boolean>;
+}>>, {
+    readonly dialogWidth: string;
+}, {}>;
+export default _default;

package/dist/cjs/components/video-view/video-view.js

@@ -0,0 +1,104 @@
+'use strict';
+
+var vue = require('vue');
+var elementPlus = require('element-plus');
+var icons = require('@element-plus/icons-vue');
+var index = require('../image-view/index.js');
+var videoViewOptions = require('./video-view-options.js');
+
+var VideoView = /* @__PURE__ */ vue.defineComponent({
+  name: "MKVideoView",
+  props: videoViewOptions.videoViewProps,
+  setup(props) {
+    const isShowVideoDialog = vue.ref(false);
+    const videoEl = vue.ref(null);
+    const handleViewClick = () => {
+      isShowVideoDialog.value = true;
+    };
+    const handleDownloadClick = () => {
+      if (!props.src) {
+        return;
+      }
+      const a = document.createElement("a");
+      a.setAttribute("download", (/* @__PURE__ */ new Date()).getTime().toString());
+      a.target = "_blank";
+      a.href = props.src;
+      Object.assign(a.style, {
+        width: "1px",
+        height: "1px"
+      });
+      document.body.append(a);
+      a.click();
+      setTimeout(() => {
+        document.body.removeChild(a);
+      });
+    };
+    vue.watch(isShowVideoDialog, (isShowVideoDialog2) => {
+      if (!vue.unref(videoEl)) {
+        return;
+      }
+      if (!isShowVideoDialog2) {
+        vue.unref(videoEl).pause();
+        vue.unref(videoEl).currentTime = 0;
+      }
+    });
+    return () => vue.createVNode("div", {
+      "class": "mk-video-view"
+    }, [vue.createVNode(index.MKImageView, {
+      "src": props.src,
+      "showPreview": false
+    }, {
+      error: () => {
+        return vue.createVNode(vue.Fragment, null, [vue.createVNode(elementPlus.ElIcon, {
+          "size": "20"
+        }, {
+          default: () => [vue.createVNode(icons.Film, null, null)]
+        }), vue.createVNode("div", {
+          "class": "mk-video-view__tools"
+        }, [vue.createVNode(elementPlus.ElButton, {
+          "type": "primary",
+          "icon": icons.View,
+          "onClick": handleViewClick
+        }, null), vue.createVNode(elementPlus.ElButton, {
+          "type": "primary",
+          "icon": icons.Download,
+          "onClick": handleDownloadClick
+        }, null)])]);
+      }
+    }), vue.createVNode(elementPlus.ElDialog, {
+      "appendToBody": true,
+      "showClose": false,
+      "width": props.dialogWidth,
+      "modelValue": vue.unref(isShowVideoDialog),
+      "onUpdate:modelValue": (v) => {
+        isShowVideoDialog.value = v;
+      }
+    }, {
+      default: () => [vue.createVNode("video", {
+        "class": "mk-video-view__video",
+        "src": props.src,
+        "draggable": "false",
+        "preload": "true",
+        "controls": true,
+        "ref": (el) => videoEl.value = el
+      }, null)],
+      header: (scope) => {
+        return vue.createVNode("div", {
+          "class": "mk-video-view__dialog-header"
+        }, [vue.createVNode(elementPlus.ElButton, {
+          "type": "primary",
+          "icon": icons.Download,
+          "onClick": handleDownloadClick
+        }, {
+          default: () => [vue.createTextVNode("\u4E0B\u8F7D")]
+        }), vue.createVNode(elementPlus.ElButton, {
+          "icon": icons.Close,
+          "onClick": scope.close
+        }, null)]);
+      }
+    })]);
+  }
+});
+
+module.exports = VideoView;
+//# sourceMappingURL=video-view.js.map

package/dist/cjs/components/video-view/video-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"video-view.js","sources":["../../../../src/components/video-view/video-view.tsx"],"sourcesContent":["import { Fragment, Ref, defineComponent, ref, unref, watch } from \"vue\";\nimport { ElButton, ElDialog, ElIcon } from \"element-plus\";\nimport { Film, View, Download, Close } from \"@element-plus/icons-vue\";\nimport MKImageView from \"../image-view\";\nimport { videoViewProps } from \"./video-view-options\";\n\nexport default defineComponent({\n  name: \"MKVideoView\",\n  props: videoViewProps,\n  setup(props) {\n    const isShowVideoDialog = ref(false);\n\n    const videoEl: Ref<HTMLVideoElement | null> = ref(null);\n\n    const handleViewClick = () => {\n      isShowVideoDialog.value = true;\n    };\n\n    const handleDownloadClick = () => {\n      if (!props.src) {\n        return;\n      }\n\n      const a = document.createElement(\"a\");\n      a.setAttribute(\"download\", new Date().getTime().toString());\n      a.target = \"_blank\";\n      a.href = props.src;\n      Object.assign(a.style, { width: \"1px\", height: \"1px\" });\n\n      document.body.append(a);\n      a.click();\n\n      setTimeout(() => {\n        document.body.removeChild(a);\n      });\n    };\n\n    watch(isShowVideoDialog, (isShowVideoDialog) => {\n      if (!unref(videoEl)) {\n        return;\n      }\n\n      if (!isShowVideoDialog) {\n        unref(videoEl)!.pause();\n        unref(videoEl)!.currentTime = 0;\n      }\n    });\n\n    return () => (\n      <div class=\"mk-video-view\">\n        <MKImageView\n          src={props.src}\n          showPreview={false}\n          v-slots={{\n            error: () => {\n              return (\n                <Fragment>\n                  <ElIcon size=\"20\">\n                    <Film />\n                  </ElIcon>\n                  <div class=\"mk-video-view__tools\">\n                    <ElButton\n                      type=\"primary\"\n                      icon={View}\n                      onClick={handleViewClick}\n                    />\n                    <ElButton\n                      type=\"primary\"\n                      icon={Download}\n                      onClick={handleDownloadClick}\n                    />\n                  </div>\n                </Fragment>\n              );\n            },\n          }}\n        />\n        <ElDialog\n          appendToBody\n          showClose={false}\n          width={props.dialogWidth}\n          modelValue={unref(isShowVideoDialog)}\n          onUpdate:modelValue={(v) => {\n            isShowVideoDialog.value = v;\n          }}\n          v-slots={{\n            header: (scope: any) => {\n              return (\n                <div class=\"mk-video-view__dialog-header\">\n                  <ElButton\n                    type=\"primary\"\n                    icon={Download}\n                    onClick={handleDownloadClick}\n                  >\n                    下载\n                  </ElButton>\n                  <ElButton icon={Close} onClick={scope.close} />\n                </div>\n              );\n            },\n          }}\n        >\n          <video\n            class=\"mk-video-view__video\"\n            src={props.src}\n            draggable=\"false\"\n            preload=\"true\"\n            controls\n            ref={(el: any) => (videoEl.value = el)}\n          />\n        </ElDialog>\n      </div>\n    );\n  },\n});\n"],"names":["defineComponent","name","props","videoViewProps","setup","isShowVideoDialog","ref","videoEl","handleViewClick","value","handleDownloadClick","src","a","document","createElement","setAttribute","Date","getTime","toString","target","href","Object","assign","style","width","height","body","append","click","setTimeout","removeChild","watch","unref","pause","currentTime","_createVNode","MKImageView","error","_Fragment","ElIcon","default","Film","ElButton","View","Download","ElDialog","dialogWidth","v","el","header","scope","_createTextVNode","Close","close"],"mappings":"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"}

package/dist/cjs/composables/create-data-form.d.ts

@@ -0,0 +1,2 @@
+import { DataForm, DataFormOptions } from "@maketribe/dm";
+export declare const createDataForm: (dataFormOptions: DataFormOptions) => DataForm;

package/dist/cjs/composables/create-data-form.js

@@ -0,0 +1,11 @@
+'use strict';
+
+var vue = require('vue');
+var dm = require('@maketribe/dm');
+
+const createDataForm = (dataFormOptions) => {
+  return vue.reactive(new dm.DataForm(dataFormOptions));
+};
+
+exports.createDataForm = createDataForm;
+//# sourceMappingURL=create-data-form.js.map

package/dist/cjs/composables/create-data-form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-data-form.js","sources":["../../../src/composables/create-data-form.ts"],"sourcesContent":["import { reactive } from \"vue\";\nimport { DataForm, DataFormOptions } from \"@maketribe/dm\";\n\nexport const createDataForm = (dataFormOptions: DataFormOptions): DataForm => {\n  return reactive(new DataForm(dataFormOptions)) as DataForm;\n};\n"],"names":["reactive","DataForm"],"mappings":";;;;;AAGa,MAAA,cAAA,GAAiB,CAAC,eAA+C,KAAA;AAC5E,EAAA,OAAOA,YAAS,CAAA,IAAIC,WAAS,CAAA,eAAe,CAAC,CAAA,CAAA;AAC/C;;;;"}

package/dist/cjs/composables/create-data-table.d.ts

@@ -0,0 +1,2 @@
+import { DataTable, DataTableOptions } from "@maketribe/dm";
+export declare const createDataTable: (dataTableOptions: DataTableOptions) => DataTable;

package/dist/cjs/composables/create-data-table.js

@@ -0,0 +1,11 @@
+'use strict';
+
+var vue = require('vue');
+var dm = require('@maketribe/dm');
+
+const createDataTable = (dataTableOptions) => {
+  return vue.reactive(new dm.DataTable(dataTableOptions));
+};
+
+exports.createDataTable = createDataTable;
+//# sourceMappingURL=create-data-table.js.map

package/dist/cjs/composables/create-data-table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-data-table.js","sources":["../../../src/composables/create-data-table.ts"],"sourcesContent":["import { reactive } from \"vue\";\nimport { DataTable, DataTableOptions } from \"@maketribe/dm\";\n\nexport const createDataTable = (\n  dataTableOptions: DataTableOptions\n): DataTable => {\n  return reactive(new DataTable(dataTableOptions)) as DataTable;\n};\n"],"names":["reactive","DataTable"],"mappings":";;;;;AAGa,MAAA,eAAA,GAAkB,CAC7B,gBACc,KAAA;AACd,EAAA,OAAOA,YAAS,CAAA,IAAIC,YAAU,CAAA,gBAAgB,CAAC,CAAA,CAAA;AACjD;;;;"}

package/dist/cjs/composables/index.d.ts

@@ -1,3 +1,7 @@
+export * from "./create-data-table";
+export * from "./create-data-form";
+export * from "./use-column-component";
+export * from "./use-i18n";
 export * from "./on-tab-before-close";
 export * from "./on-tab-refresh";
 export * from "./on-tab-before-switch";

package/dist/cjs/composables/index.js

@@ -1,5 +1,9 @@
 'use strict';
 
+var createDataTable = require('./create-data-table.js');
+var createDataForm = require('./create-data-form.js');
+var useColumnComponent = require('./use-column-component.js');
+var useI18n = require('./use-i18n.js');
 var onTabBeforeClose = require('./on-tab-before-close.js');
 var onTabRefresh = require('./on-tab-refresh.js');
 var onTabBeforeSwitch = require('./on-tab-before-switch.js');
@@ -10,6 +14,15 @@ var useUserInfo = require('./use-user-info.js');
 
 
 
+exports.createDataTable = createDataTable.createDataTable;
+exports.createDataForm = createDataForm.createDataForm;
+exports.useColumnComponent = useColumnComponent.useColumnComponent;
+exports.useComponent = useColumnComponent.useComponent;
+exports.useComponentWithDefault = useColumnComponent.useComponentWithDefault;
+exports.useFilterColumnComponent = useColumnComponent.useFilterColumnComponent;
+exports.useFormColumnComponent = useColumnComponent.useFormColumnComponent;
+exports.useTableColumnComponent = useColumnComponent.useTableColumnComponent;
+exports.useI18n = useI18n.useI18n;
 exports.onTabBeforeClose = onTabBeforeClose.onTabBeforeClose;
 exports.onTabRefresh = onTabRefresh.onTabRefresh;
 exports.onTabBeforeSwitch = onTabBeforeSwitch.onTabBeforeSwitch;

package/dist/cjs/composables/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/cjs/composables/on-tab-before-close.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var MSAppClient = require('../MSAppClient.js');
+var MSAppClient = require('../core/MSAppClient.js');
 
 const onTabBeforeClose = (callback) => {
   MSAppClient.MSAppClient.instance.userSession.tabs.getCurrentTab()?.beforeCloseEvent.once(

package/dist/cjs/composables/on-tab-before-close.js.map

@@ -1 +1 @@
-{"version":3,"file":"on-tab-before-close.js","sources":["../../../src/composables/on-tab-before-close.ts"],"sourcesContent":["import { EventCallback } from \"@maketribe/utils\";\nimport { MSAppClient } from \"../MSAppClient\";\n\nexport const onTabBeforeClose = (callback: EventCallback<undefined>) => {\n  MSAppClient.instance!.userSession!.tabs.getCurrentTab()?.beforeCloseEvent.once(\n    callback\n  );\n};\n"],"names":["MSAppClient"],"mappings":";;;;AAGa,MAAA,gBAAA,GAAmB,CAAC,QAAuC,KAAA;AACtE,EAAAA,uBAAA,CAAY,QAAU,CAAA,WAAA,CAAa,IAAK,CAAA,aAAA,IAAiB,gBAAiB,CAAA,IAAA;AAAA,IACxE,QAAA;AAAA,GACF,CAAA;AACF;;;;"}
+{"version":3,"file":"on-tab-before-close.js","sources":["../../../src/composables/on-tab-before-close.ts"],"sourcesContent":["import { EventCallback } from \"@maketribe/utils\";\nimport { MSAppClient } from \"../core/MSAppClient\";\n\nexport const onTabBeforeClose = (callback: EventCallback<undefined>) => {\n  MSAppClient.instance!.userSession!.tabs.getCurrentTab()?.beforeCloseEvent.once(\n    callback\n  );\n};\n"],"names":["MSAppClient"],"mappings":";;;;AAGa,MAAA,gBAAA,GAAmB,CAAC,QAAuC,KAAA;AACtE,EAAAA,uBAAA,CAAY,QAAU,CAAA,WAAA,CAAa,IAAK,CAAA,aAAA,IAAiB,gBAAiB,CAAA,IAAA;AAAA,IACxE,QAAA;AAAA,GACF,CAAA;AACF;;;;"}

package/dist/cjs/composables/on-tab-before-switch.js

@@ -1,6 +1,11 @@
 'use strict';
 
-var MSAppClient = require('../MSAppClient.js');
+require('vue');
+require('@maketribe/dm');
+require('element-plus');
+require('@maketribe/utils');
+require('../core/DataModelDefines.js');
+var MSAppClient = require('../core/MSAppClient.js');
 
 const onTabBeforeSwitch = (callback) => {
   MSAppClient.MSAppClient.instance.userSession.tabs.getCurrentTab()?.beforeCloseEvent.on(

package/dist/cjs/composables/on-tab-before-switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"on-tab-before-switch.js","sources":["../../../src/composables/on-tab-before-switch.ts"],"sourcesContent":["import { EventCallback } from \"@maketribe/utils\";\nimport { MSAppClient } from \"../MSAppClient\";\n\nexport const onTabBeforeSwitch = (callback: EventCallback<undefined>) => {\n  MSAppClient.instance!.userSession!.tabs.getCurrentTab()?.beforeCloseEvent.on(\n    callback\n  );\n};\n"],"names":["MSAppClient"],"mappings":";;;;AAGa,MAAA,iBAAA,GAAoB,CAAC,QAAuC,KAAA;AACvE,EAAAA,uBAAA,CAAY,QAAU,CAAA,WAAA,CAAa,IAAK,CAAA,aAAA,IAAiB,gBAAiB,CAAA,EAAA;AAAA,IACxE,QAAA;AAAA,GACF,CAAA;AACF;;;;"}
+{"version":3,"file":"on-tab-before-switch.js","sources":["../../../src/composables/on-tab-before-switch.ts"],"sourcesContent":["import { EventCallback } from \"@maketribe/utils\";\nimport { MSAppClient } from \"../core\";\n\nexport const onTabBeforeSwitch = (callback: EventCallback<undefined>) => {\n  MSAppClient.instance!.userSession!.tabs.getCurrentTab()?.beforeCloseEvent.on(\n    callback\n  );\n};\n"],"names":["MSAppClient"],"mappings":";;;;;;;;;AAGa,MAAA,iBAAA,GAAoB,CAAC,QAAuC,KAAA;AACvE,EAAAA,uBAAA,CAAY,QAAU,CAAA,WAAA,CAAa,IAAK,CAAA,aAAA,IAAiB,gBAAiB,CAAA,EAAA;AAAA,IACxE,QAAA;AAAA,GACF,CAAA;AACF;;;;"}

package/dist/cjs/composables/on-tab-refresh.js

@@ -1,6 +1,11 @@
 'use strict';
 
-var MSAppClient = require('../MSAppClient.js');
+require('vue');
+require('@maketribe/dm');
+require('element-plus');
+require('@maketribe/utils');
+require('../core/DataModelDefines.js');
+var MSAppClient = require('../core/MSAppClient.js');
 
 const onTabRefresh = (callback) => {
   MSAppClient.MSAppClient.instance.userSession.tabs.getCurrentTab()?.beforeSwitchEvent.on(

package/dist/cjs/composables/on-tab-refresh.js.map

@@ -1 +1 @@
-{"version":3,"file":"on-tab-refresh.js","sources":["../../../src/composables/on-tab-refresh.ts"],"sourcesContent":["import { EventCallback } from \"@maketribe/utils\";\nimport { MSAppClient } from \"../MSAppClient\";\n\nexport const onTabRefresh = (callback: EventCallback<undefined>) => {\n  MSAppClient.instance!.userSession!.tabs.getCurrentTab()?.beforeSwitchEvent.on(\n    callback\n  );\n};\n"],"names":["MSAppClient"],"mappings":";;;;AAGa,MAAA,YAAA,GAAe,CAAC,QAAuC,KAAA;AAClE,EAAAA,uBAAA,CAAY,QAAU,CAAA,WAAA,CAAa,IAAK,CAAA,aAAA,IAAiB,iBAAkB,CAAA,EAAA;AAAA,IACzE,QAAA;AAAA,GACF,CAAA;AACF;;;;"}
+{"version":3,"file":"on-tab-refresh.js","sources":["../../../src/composables/on-tab-refresh.ts"],"sourcesContent":["import { EventCallback } from \"@maketribe/utils\";\nimport { MSAppClient } from \"../core\";\n\nexport const onTabRefresh = (callback: EventCallback<undefined>) => {\n  MSAppClient.instance!.userSession!.tabs.getCurrentTab()?.beforeSwitchEvent.on(\n    callback\n  );\n};\n"],"names":["MSAppClient"],"mappings":";;;;;;;;;AAGa,MAAA,YAAA,GAAe,CAAC,QAAuC,KAAA;AAClE,EAAAA,uBAAA,CAAY,QAAU,CAAA,WAAA,CAAa,IAAK,CAAA,aAAA,IAAiB,iBAAkB,CAAA,EAAA;AAAA,IACzE,QAAA;AAAA,GACF,CAAA;AACF;;;;"}

package/dist/cjs/composables/use-column-component.d.ts

@@ -0,0 +1,34 @@
+import { Ref, MaybeRef, ComputedRef } from "vue";
+import { Column, Component, DataForm, DataTable, FilterColumn, DataFilter, FormColumn, IComponents, TableColumn } from "@maketribe/dm";
+export declare const useComponent: (componentName: MaybeRef<string>, components: MaybeRef<IComponents>) => {
+    componentInfo: ComputedRef<Component | null>;
+    component: ComputedRef<any>;
+    componentProps: ComputedRef<Record<string, any> | null>;
+};
+export declare const useComponentWithDefault: (componentInfo: ReturnType<typeof useComponent>, defaultComponentInfo: ReturnType<typeof useComponent>) => {
+    componentInfo: ComputedRef<Component | null>;
+    componentProps: ComputedRef<Record<string, any> | null>;
+    component: ComputedRef<any>;
+};
+export declare const useColumnComponent: (column: Ref<Column | null> | Column, components: Ref<IComponents> | IComponents) => {
+    componentInfo: ComputedRef<Component | null>;
+    component: ComputedRef<any>;
+    componentProps: ComputedRef<{
+        [x: string]: any;
+    } | null>;
+};
+export declare const useTableColumnComponent: (column: Ref<TableColumn | null> | TableColumn, dataTable: Ref<DataTable | null> | DataTable) => {
+    componentInfo: ComputedRef<Component | null>;
+    componentProps: ComputedRef<Record<string, any> | null>;
+    component: ComputedRef<any>;
+};
+export declare const useFormColumnComponent: (column: Ref<FormColumn | null> | FormColumn, dataForm: Ref<DataForm | null> | DataForm) => {
+    componentInfo: ComputedRef<Component | null>;
+    componentProps: ComputedRef<Record<string, any> | null>;
+    component: ComputedRef<any>;
+};
+export declare const useFilterColumnComponent: (column: Ref<FilterColumn | null> | FilterColumn, dataFilter: Ref<DataFilter | null> | DataFilter) => {
+    componentInfo: ComputedRef<Component | null>;
+    componentProps: ComputedRef<Record<string, any> | null>;
+    component: ComputedRef<any>;
+};