@maketribe/ms-app 3.0.4 → 3.0.5

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

@@ -0,0 +1,98 @@
+import { defineComponent, useSlots, inject, computed, ref, unref, reactive, watch, provide, toRaw, createVNode, mergeProps, isVNode } from 'vue';
+import { ElFormItem } from 'element-plus';
+import { FormColumn } from '@maketribe/dm';
+import { useFormColumnComponent } from '../../../../composables/use-column-component.js';
+import '../../../config-provider/index.js';
+import 'vue-router';
+import '@maketribe/request';
+import '@maketribe/locale';
+import '@maketribe/utils';
+import '../../../../core/DataModelDefines.js';
+import { DATAFORM_CONTEXT_KEY, DATAFORM_ITEM_CONTEXT_KEY } from '../token.js';
+import { dataFormItemProps } from './data-form-item-options.js';
+
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+var DataFormItem = /* @__PURE__ */ defineComponent({
+  name: "MKDataFormItem",
+  props: dataFormItemProps,
+  setup(props) {
+    const slots = useSlots();
+    const dataFormContext = inject(DATAFORM_CONTEXT_KEY);
+    const dataForm = computed(() => dataFormContext?.dataForm ?? null);
+    let _formColumn = null;
+    const existFormColumn = ref(unref(dataForm).getColumn(props.name));
+    const formColumn = computed(() => {
+      const existingColumn = unref(existFormColumn);
+      if (existingColumn) {
+        return existingColumn;
+      }
+      if (!_formColumn) {
+        _formColumn = reactive(new FormColumn({
+          required: props.required,
+          name: props.name,
+          label: props.label
+        }));
+      }
+      return _formColumn;
+    });
+    watch(formColumn, (formColumn2, _, onCleanup) => {
+      const existFormColumn2 = unref(dataForm).getColumn(formColumn2.name);
+      if (!existFormColumn2 && _formColumn) {
+        unref(dataForm).addColumn(_formColumn);
+      }
+      onCleanup(() => {
+        if (_formColumn) {
+          unref(dataForm).removeColumn(_formColumn);
+        }
+      });
+    }, {
+      immediate: true
+    });
+    const {
+      component,
+      componentProps
+    } = useFormColumnComponent(formColumn, dataForm);
+    const disabled = computed(() => unref(formColumn).disabled);
+    const value = computed({
+      get: () => unref(formColumn)?.getValue(),
+      set: (v) => {
+        unref(formColumn).setValue(v);
+      }
+    });
+    const label = computed(() => typeof props.label !== "string" ? unref(formColumn).label : props.label);
+    provide(DATAFORM_ITEM_CONTEXT_KEY, reactive({
+      column: formColumn
+    }));
+    return () => {
+      let _formColumn2 = unref(formColumn);
+      let _component = unref(component);
+      let children = slots.default?.({
+        data: unref(dataForm).data,
+        column: _formColumn2,
+        dataForm: unref(dataForm)
+      }) || null;
+      if (!children && _component) {
+        const FormColumnComponent = toRaw(_component);
+        children = createVNode(FormColumnComponent, mergeProps(unref(componentProps), {
+          "column": _formColumn2,
+          "modelValue": value.value,
+          "disabled": unref(disabled),
+          "onUpdate:modelValue": (v) => value.value = v
+        }), null);
+      }
+      return createVNode(ElFormItem, {
+        "prop": _formColumn2.name,
+        "label": unref(label),
+        "required": _formColumn2.required,
+        "labelWidth": props.labelWidth
+      }, _isSlot(children) ? children : {
+        default: () => [children]
+      });
+    };
+  }
+});
+
+export { DataFormItem as default };
+//# sourceMappingURL=data-form-item.js.map

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

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

package/dist/esm/components/data-model/data-form/data-form-item/index.d.ts

@@ -0,0 +1,45 @@
+export declare const MKDataFormItem: import("vue").DefineComponent<{
+    readonly name: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly label: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly required: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly labelWidth: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly name: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly label: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly required: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly labelWidth: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}>>, {
+    readonly required: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+}, {}>;
+export default MKDataFormItem;
+export * from "./data-form-item-options";

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

@@ -0,0 +1,7 @@
+import DataFormItem from './data-form-item.js';
+export { dataFormItemProps } from './data-form-item-options.js';
+
+const MKDataFormItem = DataFormItem;
+
+export { MKDataFormItem, MKDataFormItem as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/data-model/data-form/data-form-item/index.ts"],"sourcesContent":["import DataFormItem from \"./data-form-item\";\n\nexport const MKDataFormItem = DataFormItem;\nexport default MKDataFormItem;\n\nexport * from \"./data-form-item-options\";\n"],"names":[],"mappings":";;;AAEO,MAAM,cAAiB,GAAA;;;;"}

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

@@ -0,0 +1,94 @@
+import { ExtractPropTypes } from "vue";
+import { ColumnOptions, DataForm } from "@maketribe/dm";
+export declare const dataFormProps: {
+    readonly dataForm: {
+        readonly type: import("vue").PropType<DataForm<any, any, import("@maketribe/dm").FormColumn>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly name: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly primaryKey: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly autoLoad: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly loadInterfaceURL: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly addInterfaceURL: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly updateInterfaceURL: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly columns: import("@maketribe/utils").PropFinalized<{
+        (arrayLength: number): ColumnOptions[];
+        (...items: ColumnOptions[]): ColumnOptions[];
+        new (arrayLength: number): ColumnOptions[];
+        new (...items: ColumnOptions[]): ColumnOptions[];
+        isArray(arg: any): arg is any[];
+        readonly prototype: any[];
+        from<T>(arrayLike: ArrayLike<T>): T[];
+        from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+        from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+        from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+        of<T_4>(...items: T_4[]): T_4[];
+        readonly [Symbol.species]: ArrayConstructor;
+    }, unknown, unknown, () => never[], boolean>;
+    readonly rules: {
+        readonly type: import("vue").PropType<Record<string, any>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly model: ObjectConstructor;
+    readonly labelPosition: import("@maketribe/utils").PropFinalized<(new (...args: any[]) => "right" | "left" | "top") | (() => import("element-plus/es/utils").EpPropMergeType<StringConstructor, "right" | "left" | "top", unknown>) | ((new (...args: any[]) => "right" | "left" | "top") | (() => import("element-plus/es/utils").EpPropMergeType<StringConstructor, "right" | "left" | "top", unknown>))[], unknown, unknown, "right", false>;
+    readonly requireAsteriskPosition: import("@maketribe/utils").PropFinalized<(new (...args: any[]) => "right" | "left") | (() => import("element-plus/es/utils").EpPropMergeType<StringConstructor, "right" | "left", unknown>) | ((new (...args: any[]) => "right" | "left") | (() => import("element-plus/es/utils").EpPropMergeType<StringConstructor, "right" | "left", unknown>))[], unknown, unknown, "left", false>;
+    readonly labelWidth: import("@maketribe/utils").PropFinalized<(new (...args: any[]) => string | number) | (() => import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>) | ((new (...args: any[]) => string | number) | (() => import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>))[], unknown, unknown, "", false>;
+    readonly labelSuffix: import("@maketribe/utils").PropFinalized<(new (...args: any[]) => string) | (() => string) | ((new (...args: any[]) => string) | (() => string))[], unknown, unknown, "", false>;
+    readonly inline: BooleanConstructor;
+    readonly inlineMessage: BooleanConstructor;
+    readonly statusIcon: BooleanConstructor;
+    readonly showMessage: import("@maketribe/utils").PropFinalized<(new (...args: any[]) => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>) | (() => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>) | ((new (...args: any[]) => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>) | (() => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>))[], unknown, unknown, true, false>;
+    readonly validateOnRuleChange: import("@maketribe/utils").PropFinalized<(new (...args: any[]) => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>) | (() => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>) | ((new (...args: any[]) => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>) | (() => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>))[], unknown, unknown, true, false>;
+    readonly hideRequiredAsterisk: BooleanConstructor;
+    readonly scrollToError: BooleanConstructor;
+    readonly scrollIntoViewOptions: {
+        readonly type: import("vue").PropType<import("@maketribe/utils").PropMergeType<(new (...args: any[]) => boolean | Record<string, any>) | (() => import("element-plus/es/utils").EpPropMergeType<readonly [ObjectConstructor, BooleanConstructor], unknown, unknown>) | ((new (...args: any[]) => boolean | Record<string, any>) | (() => import("element-plus/es/utils").EpPropMergeType<readonly [ObjectConstructor, BooleanConstructor], unknown, unknown>))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly size: {
+        readonly type: import("vue").PropType<import("@maketribe/utils").PropMergeType<(new (...args: any[]) => "" | "default" | "small" | "large") | (() => import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>) | ((new (...args: any[]) => "" | "default" | "small" | "large") | (() => import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly disabled: BooleanConstructor;
+};
+export type DataFormProps = ExtractPropTypes<typeof dataFormProps>;
+export declare const dataFormEmits: {
+    changeDataForm: (dataForm: any) => boolean;
+    cancel: () => boolean;
+    error: (e: any) => boolean;
+    submitted: (response: any) => boolean;
+};
+export type DataFormEmits = typeof dataFormEmits;

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

@@ -0,0 +1,42 @@
+import { buildProps } from '@maketribe/utils';
+import { DataForm } from '@maketribe/dm';
+import { innerDataFormProps } from './inner-data-form-options.js';
+
+const dataFormProps = buildProps({
+  ...innerDataFormProps,
+  dataForm: {
+    type: DataForm
+  },
+  name: {
+    type: String
+  },
+  primaryKey: {
+    type: String
+  },
+  autoLoad: {
+    type: Boolean,
+    default: true
+  },
+  loadInterfaceURL: {
+    type: String
+  },
+  addInterfaceURL: {
+    type: String
+  },
+  updateInterfaceURL: {
+    type: String
+  },
+  columns: {
+    type: Array,
+    default: () => []
+  }
+});
+const dataFormEmits = {
+  changeDataForm: (dataForm) => dataForm instanceof DataForm,
+  cancel: () => true,
+  error: (e) => e instanceof Error,
+  submitted: (response) => !!response
+};
+
+export { dataFormEmits, dataFormProps };
+//# sourceMappingURL=data-form-options.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"data-form-options.js","sources":["../../../../../src/components/data-model/data-form/data-form-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { ColumnOptions, DataForm } from \"@maketribe/dm\";\n\nimport { innerDataFormProps } from \"./inner-data-form-options\";\n\nexport const dataFormProps = buildProps({\n  ...innerDataFormProps,\n  dataForm: {\n    type: DataForm<any>,\n  },\n  name: {\n    type: String,\n  },\n  primaryKey: {\n    type: String,\n  },\n  autoLoad: {\n    type: Boolean,\n    default: true,\n  },\n  loadInterfaceURL: {\n    type: String,\n  },\n  addInterfaceURL: {\n    type: String,\n  },\n  updateInterfaceURL: {\n    type: String,\n  },\n  columns: {\n    type: Array<ColumnOptions>,\n    default: () => [],\n  },\n} as const);\n\nexport type DataFormProps = ExtractPropTypes<typeof dataFormProps>;\n\nexport const dataFormEmits = {\n  changeDataForm: (dataForm: any) => dataForm instanceof DataForm,\n  cancel: () => true,\n  error: (e: any) => e instanceof Error,\n  submitted: (response: any) => !!response,\n};\n\nexport type DataFormEmits = typeof dataFormEmits;\n"],"names":[],"mappings":";;;;AAMO,MAAM,gBAAgB,UAAW,CAAA;AAAA,EACtC,GAAG,kBAAA;AAAA,EACH,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,QAAA;AAAA,GACR;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,GACR;AAAA,EACA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,GACR;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EACA,gBAAkB,EAAA;AAAA,IAChB,IAAM,EAAA,MAAA;AAAA,GACR;AAAA,EACA,eAAiB,EAAA;AAAA,IACf,IAAM,EAAA,MAAA;AAAA,GACR;AAAA,EACA,kBAAoB,EAAA;AAAA,IAClB,IAAM,EAAA,MAAA;AAAA,GACR;AAAA,EACA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,KAAA;AAAA,IACN,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AACF,CAAU,EAAA;AAIH,MAAM,aAAgB,GAAA;AAAA,EAC3B,cAAA,EAAgB,CAAC,QAAA,KAAkB,QAAoB,YAAA,QAAA;AAAA,EACvD,QAAQ,MAAM,IAAA;AAAA,EACd,KAAA,EAAO,CAAC,CAAA,KAAW,CAAa,YAAA,KAAA;AAAA,EAChC,SAAW,EAAA,CAAC,QAAkB,KAAA,CAAC,CAAC,QAAA;AAClC;;;;"}

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

@@ -0,0 +1,194 @@
+import { FormColumn, DataForm } from "@maketribe/dm";
+declare const _default: import("vue").DefineComponent<{
+    readonly dataForm: {
+        readonly type: import("vue").PropType<DataForm<any, any, FormColumn>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly name: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly primaryKey: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly autoLoad: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly loadInterfaceURL: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly addInterfaceURL: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly updateInterfaceURL: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly columns: import("@maketribe/utils").PropFinalized<{
+        (arrayLength: number): import("@maketribe/dm").ColumnOptions[];
+        (...items: import("@maketribe/dm").ColumnOptions[]): import("@maketribe/dm").ColumnOptions[];
+        new (arrayLength: number): import("@maketribe/dm").ColumnOptions[];
+        new (...items: import("@maketribe/dm").ColumnOptions[]): import("@maketribe/dm").ColumnOptions[];
+        isArray(arg: any): arg is any[];
+        readonly prototype: any[];
+        from<T>(arrayLike: ArrayLike<T>): T[];
+        from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+        from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+        from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+        of<T_4>(...items: T_4[]): T_4[];
+        readonly [Symbol.species]: ArrayConstructor;
+    }, unknown, unknown, () => never[], boolean>;
+    readonly rules: {
+        readonly type: import("vue").PropType<Record<string, any>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly model: ObjectConstructor;
+    readonly labelPosition: import("@maketribe/utils").PropFinalized<(new (...args: any[]) => "right" | "left" | "top") | (() => import("element-plus/es/utils").EpPropMergeType<StringConstructor, "right" | "left" | "top", unknown>) | ((new (...args: any[]) => "right" | "left" | "top") | (() => import("element-plus/es/utils").EpPropMergeType<StringConstructor, "right" | "left" | "top", unknown>))[], unknown, unknown, "right", false>;
+    readonly requireAsteriskPosition: import("@maketribe/utils").PropFinalized<(new (...args: any[]) => "right" | "left") | (() => import("element-plus/es/utils").EpPropMergeType<StringConstructor, "right" | "left", unknown>) | ((new (...args: any[]) => "right" | "left") | (() => import("element-plus/es/utils").EpPropMergeType<StringConstructor, "right" | "left", unknown>))[], unknown, unknown, "left", false>;
+    readonly labelWidth: import("@maketribe/utils").PropFinalized<(new (...args: any[]) => string | number) | (() => import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>) | ((new (...args: any[]) => string | number) | (() => import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>))[], unknown, unknown, "", false>;
+    readonly labelSuffix: import("@maketribe/utils").PropFinalized<(new (...args: any[]) => string) | (() => string) | ((new (...args: any[]) => string) | (() => string))[], unknown, unknown, "", false>;
+    readonly inline: BooleanConstructor;
+    readonly inlineMessage: BooleanConstructor;
+    readonly statusIcon: BooleanConstructor;
+    readonly showMessage: import("@maketribe/utils").PropFinalized<(new (...args: any[]) => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>) | (() => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>) | ((new (...args: any[]) => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>) | (() => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>))[], unknown, unknown, true, false>;
+    readonly validateOnRuleChange: import("@maketribe/utils").PropFinalized<(new (...args: any[]) => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>) | (() => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>) | ((new (...args: any[]) => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>) | (() => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>))[], unknown, unknown, true, false>;
+    readonly hideRequiredAsterisk: BooleanConstructor;
+    readonly scrollToError: BooleanConstructor;
+    readonly scrollIntoViewOptions: {
+        readonly type: import("vue").PropType<import("@maketribe/utils").PropMergeType<(new (...args: any[]) => boolean | Record<string, any>) | (() => import("element-plus/es/utils").EpPropMergeType<readonly [ObjectConstructor, BooleanConstructor], unknown, unknown>) | ((new (...args: any[]) => boolean | Record<string, any>) | (() => import("element-plus/es/utils").EpPropMergeType<readonly [ObjectConstructor, BooleanConstructor], unknown, unknown>))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly size: {
+        readonly type: import("vue").PropType<import("@maketribe/utils").PropMergeType<(new (...args: any[]) => "" | "default" | "small" | "large") | (() => import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>) | ((new (...args: any[]) => "" | "default" | "small" | "large") | (() => import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly disabled: BooleanConstructor;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    changeDataForm: (dataForm: any) => boolean;
+    cancel: () => boolean;
+    error: (e: any) => boolean;
+    submitted: (response: any) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly dataForm: {
+        readonly type: import("vue").PropType<DataForm<any, any, FormColumn>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly name: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly primaryKey: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly autoLoad: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly loadInterfaceURL: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly addInterfaceURL: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly updateInterfaceURL: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly columns: import("@maketribe/utils").PropFinalized<{
+        (arrayLength: number): import("@maketribe/dm").ColumnOptions[];
+        (...items: import("@maketribe/dm").ColumnOptions[]): import("@maketribe/dm").ColumnOptions[];
+        new (arrayLength: number): import("@maketribe/dm").ColumnOptions[];
+        new (...items: import("@maketribe/dm").ColumnOptions[]): import("@maketribe/dm").ColumnOptions[];
+        isArray(arg: any): arg is any[];
+        readonly prototype: any[];
+        from<T>(arrayLike: ArrayLike<T>): T[];
+        from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+        from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+        from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+        of<T_4>(...items: T_4[]): T_4[];
+        readonly [Symbol.species]: ArrayConstructor;
+    }, unknown, unknown, () => never[], boolean>;
+    readonly rules: {
+        readonly type: import("vue").PropType<Record<string, any>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly model: ObjectConstructor;
+    readonly labelPosition: import("@maketribe/utils").PropFinalized<(new (...args: any[]) => "right" | "left" | "top") | (() => import("element-plus/es/utils").EpPropMergeType<StringConstructor, "right" | "left" | "top", unknown>) | ((new (...args: any[]) => "right" | "left" | "top") | (() => import("element-plus/es/utils").EpPropMergeType<StringConstructor, "right" | "left" | "top", unknown>))[], unknown, unknown, "right", false>;
+    readonly requireAsteriskPosition: import("@maketribe/utils").PropFinalized<(new (...args: any[]) => "right" | "left") | (() => import("element-plus/es/utils").EpPropMergeType<StringConstructor, "right" | "left", unknown>) | ((new (...args: any[]) => "right" | "left") | (() => import("element-plus/es/utils").EpPropMergeType<StringConstructor, "right" | "left", unknown>))[], unknown, unknown, "left", false>;
+    readonly labelWidth: import("@maketribe/utils").PropFinalized<(new (...args: any[]) => string | number) | (() => import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>) | ((new (...args: any[]) => string | number) | (() => import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>))[], unknown, unknown, "", false>;
+    readonly labelSuffix: import("@maketribe/utils").PropFinalized<(new (...args: any[]) => string) | (() => string) | ((new (...args: any[]) => string) | (() => string))[], unknown, unknown, "", false>;
+    readonly inline: BooleanConstructor;
+    readonly inlineMessage: BooleanConstructor;
+    readonly statusIcon: BooleanConstructor;
+    readonly showMessage: import("@maketribe/utils").PropFinalized<(new (...args: any[]) => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>) | (() => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>) | ((new (...args: any[]) => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>) | (() => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>))[], unknown, unknown, true, false>;
+    readonly validateOnRuleChange: import("@maketribe/utils").PropFinalized<(new (...args: any[]) => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>) | (() => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>) | ((new (...args: any[]) => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>) | (() => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>))[], unknown, unknown, true, false>;
+    readonly hideRequiredAsterisk: BooleanConstructor;
+    readonly scrollToError: BooleanConstructor;
+    readonly scrollIntoViewOptions: {
+        readonly type: import("vue").PropType<import("@maketribe/utils").PropMergeType<(new (...args: any[]) => boolean | Record<string, any>) | (() => import("element-plus/es/utils").EpPropMergeType<readonly [ObjectConstructor, BooleanConstructor], unknown, unknown>) | ((new (...args: any[]) => boolean | Record<string, any>) | (() => import("element-plus/es/utils").EpPropMergeType<readonly [ObjectConstructor, BooleanConstructor], unknown, unknown>))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly size: {
+        readonly type: import("vue").PropType<import("@maketribe/utils").PropMergeType<(new (...args: any[]) => "" | "default" | "small" | "large") | (() => import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>) | ((new (...args: any[]) => "" | "default" | "small" | "large") | (() => import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly disabled: BooleanConstructor;
+}>> & {
+    onError?: ((e: any) => any) | undefined;
+    onCancel?: (() => any) | undefined;
+    onSubmitted?: ((response: any) => any) | undefined;
+    onChangeDataForm?: ((dataForm: any) => any) | undefined;
+}, {
+    readonly columns: import("@maketribe/dm").ColumnOptions[];
+    readonly labelWidth: import("@maketribe/utils").PropMergeType<(new (...args: any[]) => string | number) | (() => import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>) | ((new (...args: any[]) => string | number) | (() => import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>))[], unknown, unknown>;
+    readonly disabled: boolean;
+    readonly inlineMessage: boolean;
+    readonly showMessage: import("@maketribe/utils").PropMergeType<(new (...args: any[]) => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>) | (() => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>) | ((new (...args: any[]) => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>) | (() => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>))[], unknown, unknown>;
+    readonly labelPosition: import("@maketribe/utils").PropMergeType<(new (...args: any[]) => "right" | "left" | "top") | (() => import("element-plus/es/utils").EpPropMergeType<StringConstructor, "right" | "left" | "top", unknown>) | ((new (...args: any[]) => "right" | "left" | "top") | (() => import("element-plus/es/utils").EpPropMergeType<StringConstructor, "right" | "left" | "top", unknown>))[], unknown, unknown>;
+    readonly requireAsteriskPosition: import("@maketribe/utils").PropMergeType<(new (...args: any[]) => "right" | "left") | (() => import("element-plus/es/utils").EpPropMergeType<StringConstructor, "right" | "left", unknown>) | ((new (...args: any[]) => "right" | "left") | (() => import("element-plus/es/utils").EpPropMergeType<StringConstructor, "right" | "left", unknown>))[], unknown, unknown>;
+    readonly labelSuffix: string;
+    readonly inline: boolean;
+    readonly statusIcon: boolean;
+    readonly validateOnRuleChange: import("@maketribe/utils").PropMergeType<(new (...args: any[]) => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>) | (() => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>) | ((new (...args: any[]) => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>) | (() => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>))[], unknown, unknown>;
+    readonly hideRequiredAsterisk: boolean;
+    readonly scrollToError: boolean;
+    readonly autoLoad: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+}, {}>;
+export default _default;

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

@@ -0,0 +1,115 @@
+import { defineComponent, useSlots, computed, reactive, unref, watch, createVNode, mergeProps, isVNode } from 'vue';
+import { DataForm, FormColumn, Messager, MKError } from '@maketribe/dm';
+import InnerDataForm from './inner-data-form.js';
+import { dataFormProps, dataFormEmits } from './data-form-options.js';
+import { ElCard, ElScrollbar, ElButton } from 'element-plus';
+import { I18n } from '@maketribe/locale';
+
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+var MKDataForm = /* @__PURE__ */ defineComponent({
+  name: "MKDataForm",
+  inheritAttrs: false,
+  props: dataFormProps,
+  emits: dataFormEmits,
+  setup(props, {
+    emit
+  }) {
+    let _dataForm = null;
+    const slots = useSlots();
+    const createDataForm = () => {
+      const dataForm2 = new DataForm({
+        name: props.name,
+        primaryKey: props.primaryKey,
+        interfaceURL: {
+          load: props.loadInterfaceURL || "",
+          add: props.addInterfaceURL || "",
+          update: props.updateInterfaceURL || props.addInterfaceURL || ""
+        }
+      });
+      const columns = props.columns.map((column) => new FormColumn(column));
+      dataForm2.setColumns(columns);
+      return dataForm2;
+    };
+    const dataForm = computed(() => {
+      if (props.dataForm instanceof DataForm) {
+        return props.dataForm;
+      }
+      if (!_dataForm) {
+        _dataForm = reactive(createDataForm());
+      }
+      return _dataForm;
+    });
+    const allowSubmit = computed(() => {
+      const _dataForm2 = unref(dataForm);
+      if (_dataForm2) {
+        return _dataForm2.allowSubmit;
+      }
+      return false;
+    });
+    watch(dataForm, async (dataForm2) => {
+      await dataForm2.init();
+      emit("changeDataForm", dataForm2);
+    }, {
+      immediate: true
+    });
+    const handleSave = async () => {
+      try {
+        if (!await unref(dataForm)?.validate()) {
+          return;
+        }
+        const result = await unref(dataForm).submit();
+        if (result.data.code !== 200) {
+          Messager.instance.error({
+            message: result.data.msg
+          });
+          return;
+        }
+        Messager.instance.success({
+          message: "\u4FDD\u5B58\u6210\u529F"
+        });
+        emit("submitted", result);
+      } catch (e) {
+        if (e instanceof MKError) {
+          Messager.instance.error({
+            message: e.message
+          });
+        }
+      }
+    };
+    const handleCancel = () => {
+      emit("cancel");
+    };
+    return () => {
+      let _slot, _slot2;
+      return createVNode(ElCard, {
+        "class": "mk-data-form",
+        "shadow": "never"
+      }, {
+        default: () => [createVNode("div", {
+          "class": "mk-data-form__main"
+        }, [createVNode(ElScrollbar, null, {
+          default: () => [createVNode(InnerDataForm, mergeProps(props, {
+            "dataForm": unref(dataForm)
+          }), slots)]
+        })]), createVNode("div", {
+          "class": "mk-data-form__footer"
+        }, [createVNode(ElButton, {
+          "type": "primary",
+          "onClick": handleSave,
+          "loading": unref(allowSubmit)
+        }, _isSlot(_slot = I18n.instance.translate("mk.dataForm.saveButton")) ? _slot : {
+          default: () => [_slot]
+        }), createVNode(ElButton, {
+          "onClick": handleCancel
+        }, _isSlot(_slot2 = I18n.instance.translate("mk.dataForm.cancelButton")) ? _slot2 : {
+          default: () => [_slot2]
+        })])]
+      });
+    };
+  }
+});
+
+export { MKDataForm as default };
+//# sourceMappingURL=data-form.js.map