@maketribe/ms-app 3.0.38 → 3.0.40

package/src/components/form-components/form-icon-select/form-icon-select.tsx

@@ -1,71 +0,0 @@
-import { Ref, defineComponent, onMounted, ref, unref, watch } from "vue";
-import * as elIcons from "@element-plus/icons-vue";
-import { useFormItem } from "../../data-model/data-form/composables";
-import SvgIcon from "../../svg-icon";
-import { formIconSelectProps } from "./form-icon-select-options";
-import { ElScrollbar, useFormItem as elUseFormItem } from "element-plus";
-
-export default defineComponent({
-  name: "MKFormIconSelect",
-  props: formIconSelectProps,
-  setup() {
-    const icons: Ref<string[]> = ref([]);
-
-    const { value } = useFormItem();
-
-    const { formItem: elFormItem } = elUseFormItem();
-
-    const handleClick = (icon: string) => {
-      value.value = icon;
-    };
-
-    onMounted(() => {
-      const svgList: NodeListOf<SVGElement> = document.querySelectorAll(
-        'body > svg[aria-hidden="true"]'
-      );
-
-      let iconList: string[] = [];
-
-      for (const svg of Array.from(svgList)) {
-        const symbols = svg.querySelectorAll("symbol");
-
-        iconList = iconList.concat(
-          Array.from(symbols).map((symbol) => symbol.id.replace(/^icon-/, ""))
-        );
-      }
-
-      icons.value = [...Object.keys(elIcons), ...iconList];
-    });
-
-    watch(
-      value,
-      () => {
-        elFormItem?.validate?.("change");
-      },
-      { flush: "post" }
-    );
-
-    return () => {
-      const _value = unref(value);
-
-      const children = unref(icons).map((icon) => (
-        <span
-          key={icon}
-          class={[
-            "mk-form-icon-select__icon-item",
-            icon === _value ? "is-active" : "",
-          ]}
-          onClick={() => handleClick(icon)}
-        >
-          <SvgIcon iconClass={icon} />
-        </span>
-      ));
-
-      return (
-        <div class="mk-form-icon-select">
-          <ElScrollbar height="100%">{children}</ElScrollbar>
-        </div>
-      );
-    };
-  },
-});

package/src/components/form-components/form-icon-select/index.ts

@@ -1,5 +0,0 @@
-import { withInstall } from "@maketribe/utils";
-import FormIconSelect from "./form-icon-select";
-
-export const MKFormIconSelect = withInstall(FormIconSelect);
-export default MKFormIconSelect;

package/src/components/form-components/form-image-upload/form-image-upload-options.ts

@@ -1,11 +0,0 @@
-import { ExtractPropTypes } from "vue";
-import { buildProps } from "@maketribe/utils";
-import { columnProps } from "../../data-model/data-form/composables";
-
-export const formImageUploadProps = buildProps({
-  ...columnProps,
-});
-
-export type FormImageUploadProps = ExtractPropTypes<
-  typeof formImageUploadProps
->;

package/src/components/form-components/form-image-upload/form-image-upload.tsx

@@ -1,22 +0,0 @@
-import { defineComponent, unref } from "vue";
-import { formImageUploadProps } from "./form-image-upload-options";
-import { useFormItem } from "../../data-model/data-form/composables";
-import { MKUploadImage } from "../../upload-file";
-
-export default defineComponent({
-  name: "MKFormImageUpload",
-  props: formImageUploadProps,
-  setup(props, {}) {
-    const { column, value } = useFormItem();
-
-    return () => {
-      return (
-        <MKUploadImage
-          {...unref(column)?.componentProps}
-          modelValue={unref(value)}
-          onUpload:model-value={(v: any) => (value.value = v)}
-        />
-      );
-    };
-  },
-});

package/src/components/form-components/form-image-upload/index.ts

@@ -1,5 +0,0 @@
-import { withInstall } from "@maketribe/utils";
-import FormImageUpload from "./form-image-upload";
-
-export const MKFormImageUpload = withInstall(FormImageUpload);
-export default MKFormImageUpload;

package/src/components/form-components/form-radio-box/form-radio-box-options.ts

@@ -1,32 +0,0 @@
-import { ExtractPropTypes } from "vue";
-import { buildProps } from "@maketribe/utils";
-import { columnProps } from "../../data-model/data-form/composables";
-import { DataTable } from "@maketribe/dm";
-
-export const radioBoxProps = buildProps({
-  ...columnProps,
-  source: {
-    type: Object,
-  },
-  options: {
-    type: Array,
-  },
-  dataTable: {
-    type: DataTable,
-  },
-  formatOptions: {
-    type: Function,
-    default: (item: any) => {
-      const value = item.value ?? item.id ?? item.name;
-      const label = item.label ?? item.desc ?? item.title ?? item.name;
-
-      return { value, label };
-    },
-  },
-} as const);
-
-export type RadioBoxProps = ExtractPropTypes<typeof radioBoxProps>;
-
-export const radioBoxEmits = {};
-
-export type RadioBoxEmits = typeof radioBoxEmits;

package/src/components/form-components/form-radio-box/form-radio-box.tsx

@@ -1,83 +0,0 @@
-import { computed, defineComponent, unref, ComputedRef, watch } from "vue";
-import { ElRadioGroup, ElRadio } from "element-plus";
-import { DataSource, isDataTable } from "@maketribe/dm";
-import { radioBoxProps } from "./form-radio-box-options";
-import { useFormItem } from "../../data-model/data-form/composables";
-
-export type DataOptionItem = { value: any; label: string };
-
-export default defineComponent({
-  name: "MKFormRadioBox",
-  inheritAttrs: false,
-  props: radioBoxProps,
-  setup(props, { emit }) {
-    const { value, disabled } = useFormItem();
-
-    const options: ComputedRef<DataOptionItem[]> = computed(() => {
-      if (props.dataTable) {
-        return props.dataTable
-          .getList()
-          .map((item) => props.formatOptions(item));
-      }
-
-      if (Array.isArray(props.options)) {
-        return props.options.map((item) => props.formatOptions(item));
-      }
-
-      if (props.source) {
-        const source = props.source;
-
-        switch (source.type) {
-          case DataSource.DATA:
-            return Array.isArray(source.value)
-              ? source.value.map((item) => props.formatOptions(item))
-              : [];
-
-          case DataSource.DATATABLE:
-            const dataTable = source.value;
-
-            if (isDataTable(dataTable)) {
-              return dataTable
-                .getList()
-                .map((item) => props.formatOptions(item));
-            }
-
-            return [];
-
-          default:
-            return [];
-        }
-      }
-
-      return [];
-    });
-
-    watch(
-      computed(() => props.dataTable),
-      (dataTable) => {
-        dataTable?.dataFilter.setReady();
-        dataTable?.load();
-      },
-      { immediate: true }
-    );
-
-    return () => {
-      const children = unref(options).map((item: any) => {
-        if (!item.label) {
-          return null;
-        }
-
-        return <ElRadio label={item.value}>{item.label}</ElRadio>;
-      });
-      return (
-        <ElRadioGroup
-          disabled={unref(disabled)}
-          modelValue={unref(value)}
-          onUpdate:modelValue={(v: any) => (value.value = v)}
-        >
-          {children}
-        </ElRadioGroup>
-      );
-    };
-  },
-});

package/src/components/form-components/form-radio-box/index.ts

@@ -1,7 +0,0 @@
-import { withInstall } from "@maketribe/utils";
-import FormRadioBox from "./form-radio-box";
-
-export const MKFormRadioBox = withInstall(FormRadioBox);
-export default MKFormRadioBox;
-
-export * from "./form-radio-box-options";

package/src/components/form-components/form-rich-text-editor/form-rich-text-editor-options.ts

@@ -1,6 +0,0 @@
-import { buildProps } from "@maketribe/utils";
-import { columnProps } from "../../data-model/data-form/composables";
-
-export const formRichTextEditorProps = buildProps({
-  ...columnProps,
-});

package/src/components/form-components/form-rich-text-editor/form-rich-text-editor.tsx

@@ -1,22 +0,0 @@
-import { defineComponent, unref } from "vue";
-import { useFormItem } from "../../data-model/data-form/composables";
-import { MKRichTextEditor } from "../../rich-text-editor";
-
-export default defineComponent({
-  name: "MKFormRichTextEditor",
-  setup(props) {
-    const { value, disabled } = useFormItem();
-
-    return () => {
-      return (
-        <MKRichTextEditor
-          modelValue={unref(value)}
-          onUpdate:model-value={(v: string) => {
-            value.value = v;
-          }}
-          disabled={unref(disabled)}
-        />
-      );
-    };
-  },
-});

package/src/components/form-components/form-rich-text-editor/index.ts

@@ -1,7 +0,0 @@
-import { withInstall } from "@maketribe/utils";
-import FormRichTextEditor from "./form-rich-text-editor";
-
-export const MKFormRichTextEditor = withInstall(FormRichTextEditor);
-export default MKFormRichTextEditor;
-
-export * from "./form-rich-text-editor-options";

package/src/components/form-components/index.ts

@@ -1,9 +0,0 @@
-export * from "./form-data-select";
-export * from "./form-icon-select";
-export * from "./form-radio-box";
-export * from "./form-detail";
-export * from "./form-data-table-select";
-export * from "./form-image-upload";
-export * from "./form-detail-select";
-export * from "./form-date-picker";
-export * from "./form-rich-text-editor";

package/src/components/image-select/image-select-option.ts

@@ -1,11 +0,0 @@
-import { ExtractPropTypes } from "vue";
-import { buildProps } from "@maketribe/utils";
-
-export const imageSelectProps = buildProps({
-  modelValue: { type: String, required: true },
-} as const);
-
-export const imageSelectEmits = {
-  "update:model-value": (modelValue: any) => true,
-};
-export type imageSelectProps = ExtractPropTypes<typeof imageSelectProps>;

package/src/components/image-select/image-select.tsx

@@ -1,44 +0,0 @@
-import { defineComponent, computed } from "vue";
-import { ElIcon } from "element-plus";
-import { Plus } from "@element-plus/icons-vue";
-import { imageSelectProps, imageSelectEmits } from "./image-select-option";
-import { MKMaterialSelect } from "../../components/material-select";
-
-export default defineComponent({
-  name: "MKFileView",
-  props: imageSelectProps,
-  emits: imageSelectEmits,
-
-  setup(props, { emit }) {
-    const modelValue = computed({
-      get: () => props.modelValue,
-      set: (v) => emit("update:model-value", v),
-    });
-
-    const handleSelectClick = async (e: MouseEvent) => {
-      const response = await MKMaterialSelect();
-
-      if (response.success) {
-        modelValue.value = response.path;
-      }
-    };
-
-    return () => {
-      const imageVNode = props.modelValue ? (
-        <img
-          src={props.modelValue}
-          class="img-select-content"
-          onClick={handleSelectClick}
-        />
-      ) : (
-        <span onClick={handleSelectClick}>
-          <ElIcon class="img-select-icon">
-            <Plus />
-          </ElIcon>
-        </span>
-      );
-
-      return <div class="img-select">{imageVNode}</div>;
-    };
-  },
-});

package/src/components/image-select/index.ts

@@ -1,6 +0,0 @@
-import { withInstall } from "@maketribe/utils";
-import imageSelect from "./image-select";
-
-export const MKImageSelect = withInstall(imageSelect);
-
-export default MKImageSelect;

package/src/components/image-view/image-view-options.ts

@@ -1,14 +0,0 @@
-import { ExtractPropTypes } from "vue";
-import { buildProps } from "@maketribe/utils";
-
-export const imageViewProps = buildProps({
-  showPreview: {
-    type: Boolean,
-    default: true,
-  },
-  src: {
-    type: String,
-  },
-} as const);
-
-export type ImageViewProps = ExtractPropTypes<typeof imageViewProps>;

package/src/components/image-view/image-view.tsx

@@ -1,30 +0,0 @@
-import { computed, defineComponent, unref } from "vue";
-import { ElImage } from "element-plus";
-import { imageViewProps } from "./image-view-options";
-
-export default defineComponent({
-  name: "MKImageView",
-  inheritAttrs: false,
-  props: imageViewProps,
-  setup(props, { slots }) {
-    const showPreview = computed(() => props.showPreview);
-
-    const src = computed(() => props.src);
-
-    const previewSrcList = computed(() =>
-      unref(showPreview) && unref(src) ? [unref(src)!] : []
-    );
-
-    return () => (
-      <ElImage
-        class="mk-image-view"
-        src={unref(src)}
-        v-slots={slots}
-        fit="contain"
-        previewSrcList={unref(previewSrcList)}
-        preview-teleported
-        hide-on-click-modal
-      />
-    );
-  },
-});

package/src/components/image-view/index.ts

@@ -1,7 +0,0 @@
-import { withInstall } from "@maketribe/utils";
-import ImageView from "./image-view";
-
-export const MKImageView = withInstall(ImageView);
-export default MKImageView;
-
-export * from "./image-view-options";

package/src/components/index.ts

@@ -1,23 +0,0 @@
-export * from "./data-model";
-export * from "./form-components";
-export * from "./column-components";
-export * from "./condition-components";
-export * from "./svg-icon";
-export * from "./config-provider";
-export * from "./image-view";
-export * from "./video-view";
-export * from "./file-view";
-export * from "./data-table-select-dialog";
-export * from "./data-table-select";
-export * from "./data-select";
-export * from "./pagination";
-export * from "./markdown-editor";
-export * from "./rich-text-editor";
-export * from "./system-provider";
-export * from "./material-list";
-export * from "./material-select";
-export * from "./role-permission-config";
-export * from "./image-select";
-export * from "./verify-dialog";
-export * from "./json-editor";
-export * from "./upload-file";

package/src/components/json-editor/index.ts

@@ -1,8 +0,0 @@
-import { defineAsyncComponent } from "vue";
-import { withInstall } from "@maketribe/utils";
-
-export const MKJsonEditor = withInstall(
-  defineAsyncComponent(() => import("./json-editor"))
-);
-
-export default MKJsonEditor;

package/src/components/json-editor/json-editor-options.ts

@@ -1,21 +0,0 @@
-import { ExtractPropTypes } from "vue";
-import { buildProps } from "@maketribe/utils";
-
-export const jsonEditorProps = buildProps({
-  modelValue: {
-    type: null,
-    required: true,
-  },
-  disabled: {
-    type: Boolean,
-    default: false,
-  },
-} as const);
-
-export type JsonEditorProps = ExtractPropTypes<typeof jsonEditorProps>;
-
-export const jsonEditorEmits = {
-  "update:model-value": (modelValue: string) => true,
-};
-
-export type jsonEditorEmits = typeof jsonEditorEmits;

package/src/components/json-editor/json-editor.tsx

@@ -1,28 +0,0 @@
-import { computed, defineComponent, unref } from "vue";
-import { Codemirror } from "vue-codemirror";
-import { json } from "@codemirror/lang-json";
-import { jsonEditorEmits, jsonEditorProps } from "./json-editor-options";
-
-export default defineComponent({
-  name: "MKJsonEditor",
-  props: jsonEditorProps,
-  emits: jsonEditorEmits,
-  setup(props, { emit }) {
-    const modelValue = computed({
-      get: () => (props.modelValue as string) || "",
-      set: (v: string) => emit("update:model-value", v),
-    });
-
-    return () => {
-      return (
-        <Codemirror
-          class="mk-json-editor"
-          modelValue={unref(modelValue)}
-          onUpdate:modelValue={(v: string) => (modelValue.value = v)}
-          disabled={props.disabled}
-          extensions={[json()]}
-        />
-      );
-    };
-  },
-});

package/src/components/markdown-editor/index.ts

@@ -1,10 +0,0 @@
-import { defineAsyncComponent } from "vue";
-import { withInstall } from "@maketribe/utils";
-
-const _MarkdownEditor = defineAsyncComponent(() => import("./markdown-editor"));
-
-export const MKMarkdownEditor = withInstall(_MarkdownEditor);
-
-export default MKMarkdownEditor;
-
-export * from "./markdown-editor-options";

package/src/components/markdown-editor/markdown-editor-options.ts

@@ -1,17 +0,0 @@
-import { ExtractPropTypes } from "vue";
-import { buildProps } from "@maketribe/utils";
-
-export const markdownEditorProps = buildProps({
-  modelValue: {
-    type: String,
-    required: true,
-  },
-} as const);
-
-export type MarkdownEditorProps = ExtractPropTypes<typeof markdownEditorProps>;
-
-export const markdownEditorEmits = {
-  "update:model-value": (modelValue: string) => true,
-};
-
-export type MarkdownEditorEmits = typeof markdownEditorEmits;

package/src/components/markdown-editor/markdown-editor.tsx

@@ -1,136 +0,0 @@
-import {
-  Ref,
-  computed,
-  defineComponent,
-  onBeforeUnmount,
-  onMounted,
-  ref,
-  unref,
-} from "vue";
-// @ts-ignore
-import Vditor from "vditor";
-import {
-  markdownEditorEmits,
-  markdownEditorProps,
-} from "./markdown-editor-options";
-import { Disposable, createDisposable } from "@maketribe/utils";
-import { MKMaterialSelect } from "../material-select";
-
-let uid = 0;
-
-export default defineComponent({
-  name: "MKMarkdownEditor",
-  props: markdownEditorProps,
-  emits: markdownEditorEmits,
-  setup(props, { emit }) {
-    const markdownEl: Ref<HTMLElement | null> = ref(null);
-
-    const _uid = uid++;
-
-    const modelValue = computed({
-      get: () => props.modelValue,
-      set: (v: string) => emit("update:model-value", v),
-    });
-
-    onMounted(() => {
-      const disposable = new Disposable();
-
-      const vditor = new Vditor(unref(markdownEl)!, {
-        cache: { id: `vditor${_uid}` },
-        toolbar: [
-          "emoji",
-          "headings",
-          "bold",
-          "italic",
-          "strike",
-          "link",
-          "|",
-          "list",
-          "ordered-list",
-          "check",
-          "outdent",
-          "indent",
-          "|",
-          "quote",
-          "line",
-          "code",
-          "inline-code",
-          "insert-before",
-          "insert-after",
-          "|",
-          {
-            name: "material",
-            tipPosition: "s",
-            tip: "素材",
-            icon: `<svg><use xlink:href="#icon-image" /></svg>`,
-            click: async () => {
-              const response = await MKMaterialSelect();
-
-              if (!response.success) {
-                return;
-              }
-
-              vditor.insertValue(`![图片](${response.path})`);
-            },
-          },
-          "record",
-          "table",
-          "|",
-          "undo",
-          "redo",
-          "|",
-          "fullscreen",
-          "edit-mode",
-          {
-            name: "more",
-            toolbar: [
-              "both",
-              "code-theme",
-              "content-theme",
-              "export",
-              "outline",
-              "preview",
-              "devtools",
-              "info",
-              "help",
-            ],
-          },
-        ],
-        after: () => {
-          vditor!.setValue(modelValue.value || "");
-
-          const _markdownEl = unref(markdownEl)!;
-
-          const handleContentChange = () => {
-            modelValue.value = vditor!.getValue();
-          };
-
-          _markdownEl.addEventListener("input", handleContentChange);
-          _markdownEl.addEventListener("keydown", handleContentChange);
-          _markdownEl.addEventListener("keyup", handleContentChange);
-          _markdownEl.addEventListener("paste", handleContentChange);
-
-          disposable.register(
-            createDisposable(() => {
-              _markdownEl.removeEventListener("input", handleContentChange);
-              _markdownEl.removeEventListener("keydown", handleContentChange);
-              _markdownEl.removeEventListener("keyup", handleContentChange);
-              _markdownEl.removeEventListener("paste", handleContentChange);
-            })
-          );
-        },
-      });
-
-      onBeforeUnmount(() => {
-        disposable.dispose();
-        vditor?.destroy();
-      });
-    });
-
-    return () => {
-      return (
-        <div ref={((el: HTMLElement) => (markdownEl.value = el)) as any}></div>
-      );
-    };
-  },
-});

package/src/components/material-list/index.ts

@@ -1,7 +0,0 @@
-import { withInstall } from "@maketribe/utils";
-import MaterialList from "./material-list.vue";
-
-export const MKMaterialList = withInstall(MaterialList);
-export default MKMaterialList;
-
-export * from "./material-list-options";