@maketribe/ms-app 3.0.3 → 3.0.5

package/dist/cjs/components/data-table-select/data-table-select.js

@@ -0,0 +1,120 @@
+'use strict';
+
+var vue = require('vue');
+var elementPlus = require('element-plus');
+var icons = require('@element-plus/icons-vue');
+var lodashEs = require('lodash-es');
+var request = require('@maketribe/request');
+var index = require('../data-table-select-dialog/index.js');
+var dataTableSelectOptions = require('./data-table-select-options.js');
+
+var DataTableSelect = /* @__PURE__ */ vue.defineComponent({
+  name: "MKDataTableSelect",
+  inheritAttrs: false,
+  props: dataTableSelectOptions.dataTableSelectProps,
+  emits: dataTableSelectOptions.dataTableSelectEmits,
+  setup(props, {
+    emit
+  }) {
+    const dataTable = vue.computed(() => props.dataTable);
+    const dataViewRequest = vue.computed(() => vue.unref(dataTable).dataViewRequest);
+    const loadingRecords = vue.ref(false);
+    const isShowDialog = vue.ref(false);
+    const modelValue = vue.computed({
+      get: () => props.modelValue,
+      set: (v) => emit("update:model-value", v)
+    });
+    const values = vue.ref(vue.unref(modelValue));
+    const primaryFieldName = vue.computed(() => props.primaryFieldName ?? vue.unref(dataTable).primaryKey);
+    const loadRecords = async () => {
+      try {
+        loadingRecords.value = true;
+        const _dataTable = vue.unref(dataTable);
+        const selection = vue.unref(values);
+        const recordIds = Array.isArray(selection) ? selection : selection ? [selection] : [];
+        let existingRecords = _dataTable.getList().filter((item) => recordIds.includes(item[vue.unref(primaryFieldName)]));
+        if (existingRecords.length !== recordIds.length) {
+          const notExistingRecords = recordIds.filter((id) => !existingRecords.find((item) => item[vue.unref(primaryFieldName)] === id));
+          const where = new request.Where();
+          where.addCondition(vue.unref(primaryFieldName), "in", `(${notExistingRecords.map((id) => JSON.stringify(id)).join(",")})`);
+          const response = await vue.unref(dataViewRequest).allList({
+            data: {
+              condition: where
+            }
+          });
+          if (response.data.code !== 200) {
+            return existingRecords;
+          }
+          existingRecords = [...existingRecords, ...response.data.data];
+        }
+        return recordIds.map((id) => existingRecords.find((item) => item[vue.unref(primaryFieldName)] === id));
+      } finally {
+        loadingRecords.value = false;
+      }
+    };
+    const currentRecords = vue.ref([]);
+    vue.watch(vue.computed(() => props.multiple), (multiple) => {
+      values.value = multiple ? [] : null;
+    });
+    vue.watch(modelValue, async (modelValue2) => {
+      let _values;
+      if (props.objectValue) {
+        _values = props.multiple ? modelValue2?.map((item) => item[vue.unref(dataTable).primaryKey]) ?? [] : modelValue2?.[vue.unref(dataTable).primaryKey] ?? null;
+      } else {
+        _values = modelValue2;
+      }
+      if (!lodashEs.isEqual(_values, vue.unref(values))) {
+        values.value = _values;
+      }
+    }, {
+      immediate: true
+    });
+    vue.watch(values, async (values2) => {
+      currentRecords.value = await loadRecords();
+      emit("recordsChange", currentRecords.value);
+      if (modelValue.value !== values2) {
+        if (props.objectValue) {
+          modelValue.value = props.multiple ? [...currentRecords.value] : currentRecords.value[0] ?? null;
+        } else {
+          modelValue.value = values2;
+        }
+      }
+    }, {
+      immediate: true
+    });
+    const options = vue.computed(() => vue.unref(currentRecords).map((record) => ({
+      value: record[vue.unref(dataTable).primaryKey],
+      label: record[props.labelFieldName],
+      isDisabled: true
+    })));
+    return () => {
+      const _options = vue.unref(options);
+      return vue.createVNode(vue.Fragment, null, [vue.createVNode("span", {
+        "class": "mk-data-table-select",
+        "onMousedown": (e) => {
+          if (!props.disabled) {
+            isShowDialog.value = true;
+          }
+        }
+      }, [vue.createVNode(elementPlus.ElSelect, {
+        "disabled": props.disabled,
+        "multiple": props.multiple,
+        "loading": vue.unref(loadingRecords),
+        "suffixIcon": icons.Grid,
+        "popperClass": "mk-data-table-select__popper",
+        "clearable": true,
+        "modelValue": props.multiple ? _options : _options[0] ?? null
+      }, null)]), vue.createVNode(index.MKDataTableSelectDialog, {
+        "dataTable": vue.unref(props.dataTable),
+        "multiple": props.multiple,
+        "modelValue": vue.unref(isShowDialog),
+        "onUpdate:model-value": (v) => isShowDialog.value = v,
+        "selection": vue.unref(modelValue),
+        "onUpdate:selection": (v) => values.value = v
+      }, null)]);
+    };
+  }
+});
+
+module.exports = DataTableSelect;
+//# sourceMappingURL=data-table-select.js.map

package/dist/cjs/components/data-table-select/data-table-select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-select.js","sources":["../../../../src/components/data-table-select/data-table-select.tsx"],"sourcesContent":["import {\n  Fragment,\n  computed,\n  ref,\n  unref,\n  watch,\n  defineComponent,\n  Ref,\n} from \"vue\";\nimport { ElSelect } from \"element-plus\";\nimport { Grid } from \"@element-plus/icons-vue\";\nimport { isEqual } from \"lodash-es\";\nimport { Where } from \"@maketribe/request\";\nimport MKDataTableSelectDialog from \"../data-table-select-dialog\";\nimport {\n  dataTableSelectEmits,\n  dataTableSelectProps,\n} from \"./data-table-select-options\";\n\nexport default defineComponent({\n  name: \"MKDataTableSelect\",\n  inheritAttrs: false,\n  props: dataTableSelectProps,\n  emits: dataTableSelectEmits,\n  setup(props, { emit }) {\n    const dataTable = computed(() => props.dataTable);\n\n    const dataViewRequest = computed(() => unref(dataTable).dataViewRequest);\n\n    const loadingRecords = ref(false);\n\n    const isShowDialog = ref(false);\n\n    const modelValue = computed({\n      get: () => props.modelValue,\n      set: (v) => emit(\"update:model-value\", v),\n    });\n\n    const values = ref(unref(modelValue));\n\n    const primaryFieldName = computed(\n      () => props.primaryFieldName ?? unref(dataTable).primaryKey\n    );\n\n    const loadRecords = async () => {\n      try {\n        loadingRecords.value = true;\n\n        const _dataTable = unref(dataTable);\n\n        const selection = unref(values);\n\n        const recordIds = Array.isArray(selection)\n          ? selection\n          : selection\n          ? [selection]\n          : [];\n\n        let existingRecords = _dataTable!\n          .getList()\n          .filter((item) => recordIds.includes(item[unref(primaryFieldName)]));\n\n        if (existingRecords.length !== recordIds.length) {\n          const notExistingRecords = recordIds.filter(\n            (id) =>\n              !existingRecords.find(\n                (item) => item[unref(primaryFieldName)] === id\n              )\n          );\n\n          const where = new Where();\n          where.addCondition(\n            unref(primaryFieldName),\n            \"in\",\n            `(${notExistingRecords.map((id) => JSON.stringify(id)).join(\",\")})`\n          );\n\n          const response = await unref(dataViewRequest).allList({\n            data: { condition: where },\n          });\n\n          if (response.data.code !== 200) {\n            return existingRecords;\n          }\n\n          existingRecords = [...existingRecords, ...response.data.data];\n        }\n\n        return recordIds.map((id) =>\n          existingRecords.find((item) => item[unref(primaryFieldName)] === id)\n        );\n      } finally {\n        loadingRecords.value = false;\n      }\n    };\n\n    const currentRecords: Ref<any[]> = ref([]);\n\n    watch(\n      computed(() => props.multiple),\n      (multiple) => {\n        values.value = multiple ? [] : null;\n      }\n    );\n\n    watch(\n      modelValue,\n      async (modelValue) => {\n        let _values: any;\n        if (props.objectValue) {\n          _values = props.multiple\n            ? modelValue?.map(\n                (item: any) => item[unref(dataTable).primaryKey]\n              ) ?? []\n            : modelValue?.[unref(dataTable).primaryKey] ?? null;\n        } else {\n          _values = modelValue;\n        }\n\n        if (!isEqual(_values, unref(values))) {\n          values.value = _values;\n        }\n      },\n      { immediate: true }\n    );\n\n    watch(\n      values,\n      async (values) => {\n        currentRecords.value = await loadRecords();\n\n        emit(\"recordsChange\", currentRecords.value);\n\n        if (modelValue.value !== values) {\n          if (props.objectValue) {\n            modelValue.value = props.multiple\n              ? [...currentRecords.value]\n              : currentRecords.value[0] ?? null;\n          } else {\n            modelValue.value = values;\n          }\n        }\n      },\n      { immediate: true }\n    );\n\n    const options = computed(() =>\n      unref(currentRecords).map((record) => ({\n        value: record[unref(dataTable)!.primaryKey],\n        label: record[props.labelFieldName],\n        isDisabled: true,\n      }))\n    );\n\n    return () => {\n      const _options = unref(options);\n\n      return (\n        <Fragment>\n          <span\n            class=\"mk-data-table-select\"\n            onMousedown={(e: MouseEvent) => {\n              if (!props.disabled) {\n                isShowDialog.value = true;\n              }\n            }}\n          >\n            <ElSelect\n              disabled={props.disabled}\n              multiple={props.multiple}\n              loading={unref(loadingRecords)}\n              suffixIcon={Grid}\n              popperClass=\"mk-data-table-select__popper\"\n              clearable\n              modelValue={props.multiple ? _options : _options[0] ?? null}\n            />\n          </span>\n          <MKDataTableSelectDialog\n            dataTable={unref(props.dataTable)}\n            multiple={props.multiple}\n            modelValue={unref(isShowDialog)}\n            onUpdate:model-value={(v: boolean) => (isShowDialog.value = v)}\n            selection={unref(modelValue)}\n            onUpdate:selection={(v: any) => (values.value = v)}\n          />\n        </Fragment>\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","inheritAttrs","props","dataTableSelectProps","emits","dataTableSelectEmits","setup","emit","dataTable","computed","dataViewRequest","unref","loadingRecords","ref","isShowDialog","modelValue","get","set","v","values","primaryFieldName","primaryKey","loadRecords","value","_dataTable","selection","recordIds","Array","isArray","existingRecords","getList","filter","item","includes","length","notExistingRecords","id","find","where","Where","addCondition","map","JSON","stringify","join","response","allList","data","condition","code","currentRecords","watch","multiple","_values","objectValue","isEqual","immediate","options","record","label","labelFieldName","isDisabled","_options","_createVNode","_Fragment","e","disabled","ElSelect","Grid","MKDataTableSelectDialog"],"mappings":"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"}

package/dist/cjs/components/data-table-select/index.d.ts

@@ -0,0 +1,68 @@
+export declare const MKDataTableSelect: import("@maketribe/utils").SFCWithInstall<import("vue").DefineComponent<{
+    readonly modelValue: {
+        readonly type: import("vue").PropType<any>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly labelFieldName: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly primaryFieldName: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly multiple: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly objectValue: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly dataTable: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").DataTable<any, any, Record<string, any>, import("@maketribe/dm").TableColumn>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly disabled: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:model-value": (modelValue: any) => boolean;
+    recordsChange: (records: any[]) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly modelValue: {
+        readonly type: import("vue").PropType<any>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly labelFieldName: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly primaryFieldName: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly multiple: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly objectValue: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly dataTable: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").DataTable<any, any, Record<string, any>, import("@maketribe/dm").TableColumn>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly disabled: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+}>> & {
+    "onUpdate:model-value"?: ((modelValue: any) => any) | undefined;
+    onRecordsChange?: ((records: any[]) => any) | undefined;
+}, {
+    readonly multiple: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly disabled: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly objectValue: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+}, {}>> & Record<string, any>;
+export default MKDataTableSelect;

package/dist/cjs/components/data-table-select/index.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('@maketribe/utils');
+var dataTableSelect = require('./data-table-select.js');
+
+const MKDataTableSelect = utils.withInstall(dataTableSelect);
+
+exports.MKDataTableSelect = MKDataTableSelect;
+exports.default = MKDataTableSelect;
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/data-table-select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/data-table-select/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\nimport DataTableSelect from \"./data-table-select\";\n\nexport const MKDataTableSelect = withInstall(DataTableSelect);\n\nexport default MKDataTableSelect;\n"],"names":["withInstall","DataTableSelect"],"mappings":";;;;;;;AAGa,MAAA,iBAAA,GAAoBA,kBAAYC,eAAe;;;;;"}

package/dist/cjs/components/data-table-select-dialog/data-table-select-dialog-options.d.ts

@@ -0,0 +1,25 @@
+import { ExtractPropTypes } from "vue";
+import { DataTable } from "@maketribe/dm";
+export declare const dataTableSelectDialogProps: {
+    readonly modelValue: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly selection: {
+        readonly type: import("vue").PropType<any>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly multiple: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly dataTable: {
+        readonly type: import("vue").PropType<DataTable<any, any, Record<string, any>, import("@maketribe/dm").TableColumn>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+};
+export type DataTableSelectDialogProps = ExtractPropTypes<typeof dataTableSelectDialogProps>;
+export declare const dataTableSelectDialogEmits: {
+    "update:model-value": (modelValue: any) => boolean;
+    "update:selection": (modelValue: any) => boolean;
+    confirm: () => boolean;
+};
+export declare const DataTableSelectDialogEmits: "string" | "number" | "bigint" | "boolean" | "symbol" | "undefined" | "object" | "function";

package/dist/cjs/components/data-table-select-dialog/data-table-select-dialog-options.js

@@ -0,0 +1,33 @@
+'use strict';
+
+var utils = require('@maketribe/utils');
+var dm = require('@maketribe/dm');
+
+const dataTableSelectDialogProps = utils.buildProps({
+  modelValue: {
+    type: Boolean,
+    default: false
+  },
+  selection: {
+    type: null
+  },
+  multiple: {
+    type: Boolean,
+    default: false
+  },
+  dataTable: {
+    type: dm.DataTable,
+    required: true
+  }
+});
+const dataTableSelectDialogEmits = {
+  "update:model-value": (modelValue) => typeof modelValue === "boolean",
+  "update:selection": (modelValue) => true,
+  confirm: () => true
+};
+const DataTableSelectDialogEmits = typeof dataTableSelectDialogEmits;
+
+exports.DataTableSelectDialogEmits = DataTableSelectDialogEmits;
+exports.dataTableSelectDialogEmits = dataTableSelectDialogEmits;
+exports.dataTableSelectDialogProps = dataTableSelectDialogProps;
+//# sourceMappingURL=data-table-select-dialog-options.js.map

package/dist/cjs/components/data-table-select-dialog/data-table-select-dialog-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-select-dialog-options.js","sources":["../../../../src/components/data-table-select-dialog/data-table-select-dialog-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { DataTable } from \"@maketribe/dm\";\n\nexport const dataTableSelectDialogProps = buildProps({\n  modelValue: {\n    type: Boolean,\n    default: false,\n  },\n  selection: {\n    type: null,\n  },\n  multiple: {\n    type: Boolean,\n    default: false,\n  },\n  dataTable: {\n    type: DataTable<any>,\n    required: true,\n  },\n} as const);\n\nexport type DataTableSelectDialogProps = ExtractPropTypes<\n  typeof dataTableSelectDialogProps\n>;\n\nexport const dataTableSelectDialogEmits = {\n  \"update:model-value\": (modelValue: any) => typeof modelValue === \"boolean\",\n  \"update:selection\": (modelValue: any) => true,\n  confirm: () => true,\n};\n\nexport const DataTableSelectDialogEmits = typeof dataTableSelectDialogEmits;\n"],"names":["buildProps","DataTable"],"mappings":";;;;;AAIO,MAAM,6BAA6BA,gBAAW,CAAA;AAAA,EACnD,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,IAAA;AAAA,GACR;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,SAAW,EAAA;AAAA,IACT,IAAM,EAAAC,YAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AACF,CAAU,EAAA;AAMH,MAAM,0BAA6B,GAAA;AAAA,EACxC,oBAAsB,EAAA,CAAC,UAAoB,KAAA,OAAO,UAAe,KAAA,SAAA;AAAA,EACjE,kBAAA,EAAoB,CAAC,UAAoB,KAAA,IAAA;AAAA,EACzC,SAAS,MAAM,IAAA;AACjB,EAAA;AAEO,MAAM,6BAA6B,OAAO;;;;;;"}

package/dist/cjs/components/data-table-select-dialog/data-table-select-dialog.d.ts

@@ -0,0 +1,44 @@
+import { DataTable } from "@maketribe/dm";
+declare const _default: import("vue").DefineComponent<{
+    readonly modelValue: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly selection: {
+        readonly type: import("vue").PropType<any>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly multiple: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly dataTable: {
+        readonly type: import("vue").PropType<DataTable<any, any, Record<string, any>, import("@maketribe/dm").TableColumn>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:model-value": (modelValue: any) => boolean;
+    "update:selection": (modelValue: any) => boolean;
+    confirm: () => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly modelValue: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly selection: {
+        readonly type: import("vue").PropType<any>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly multiple: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly dataTable: {
+        readonly type: import("vue").PropType<DataTable<any, any, Record<string, any>, import("@maketribe/dm").TableColumn>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}>> & {
+    "onUpdate:model-value"?: ((modelValue: any) => any) | undefined;
+    onConfirm?: (() => any) | undefined;
+    "onUpdate:selection"?: ((modelValue: any) => any) | undefined;
+}, {
+    readonly multiple: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly modelValue: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+}, {}>;
+export default _default;

package/dist/cjs/components/data-table-select-dialog/data-table-select-dialog.js

@@ -0,0 +1,120 @@
+'use strict';
+
+var vue = require('vue');
+var elementPlus = require('element-plus');
+require('../data-model/data-form/index.js');
+require('../data-model/data-form-page/index.js');
+var index = require('../data-model/data-table/index.js');
+require('../data-model/data-table-page/index.js');
+require('../data-model/data-tree/index.js');
+require('../data-model/data-tree-page/index.js');
+require('../data-model/data-table-pagination/index.js');
+var dataTableSelectDialogOptions = require('./data-table-select-dialog-options.js');
+var dm = require('@maketribe/dm');
+
+var DataTableSelectDialog = /* @__PURE__ */ vue.defineComponent({
+  name: "MKDataTableSelectDialog",
+  props: dataTableSelectDialogOptions.dataTableSelectDialogProps,
+  emits: dataTableSelectDialogOptions.dataTableSelectDialogEmits,
+  setup(props, {
+    emit
+  }) {
+    const dataTable = vue.ref(null);
+    const loading = vue.computed(() => vue.unref(dataTable).loading);
+    const isShowDialog = vue.computed({
+      get: () => props.modelValue,
+      set: (v) => emit("update:model-value", v)
+    });
+    const handleConfirm = () => {
+      if (props.multiple) {
+        emit("update:selection", vue.unref(dataTable).getSelection());
+      } else {
+        emit("update:selection", vue.unref(dataTable).getSelection()[0] || "");
+      }
+      isShowDialog.value = false;
+      emit("confirm");
+    };
+    const handleCancel = () => {
+      isShowDialog.value = false;
+    };
+    vue.watch(vue.computed(() => props.dataTable), (table) => {
+      dataTable.value = table;
+      dataTable.value.setSelectionColumn(new dm.TableSelectCacheColumn({
+        multiple: props.multiple
+      }));
+    }, {
+      immediate: true
+    });
+    vue.watch(vue.computed(() => props.multiple), (multiple) => {
+      if (dataTable.value) {
+        dataTable.value.selectionColumn.multiple = multiple;
+      }
+    });
+    vue.watch(isShowDialog, (isShowDialog2, _, onCleanup) => {
+      const _dataTable = vue.unref(dataTable);
+      if (!isShowDialog2) {
+        _dataTable.clearSelection();
+        return;
+      }
+      const handleColumnState = () => {
+        const selection = props.selection;
+        _dataTable.setSelection(Array.isArray(selection) ? selection : selection ? [selection] : []);
+        const actionColumn = _dataTable.getColumn("$action");
+        if (actionColumn) {
+          actionColumn.visible = false;
+        }
+      };
+      if (_dataTable.initd) {
+        handleColumnState();
+        return;
+      }
+      const disposable = _dataTable.initdEvent.once(handleColumnState);
+      onCleanup(() => {
+        disposable.dispose();
+      });
+    }, {
+      immediate: true
+    });
+    vue.watch(vue.computed(() => props.selection), (selection) => {
+      if (props.multiple) {
+        vue.unref(dataTable)?.setSelection(Array.isArray(selection) ? selection : []);
+      } else {
+        vue.unref(dataTable)?.setSelection(selection ? [selection] : []);
+      }
+    });
+    return () => {
+      return vue.createVNode(elementPlus.ElDialog, {
+        "class": "mk-data-table-select-dialog",
+        "width": "80%",
+        "appendToBody": true,
+        "modelValue": vue.unref(isShowDialog),
+        "onUpdate:modelValue": (v) => {
+          isShowDialog.value = v;
+        }
+      }, {
+        default: () => (
+          // TODO 后面需要做成不是否重新渲染DOM,现在主要是选中有问题。在multiple切换的时候
+          vue.unref(isShowDialog) ? vue.createVNode("div", {
+            "class": "mk-data-table-select-dialog__main"
+          }, [vue.withDirectives(vue.createVNode(index.MKDataTable, {
+            "dataTable": vue.unref(dataTable),
+            "selection": true
+          }, null), [[vue.resolveDirective("loading"), vue.unref(loading)]])]) : null
+        ),
+        footer: () => vue.createVNode(vue.Fragment, null, [vue.createVNode(elementPlus.ElButton, {
+          "type": "primary",
+          "onClick": handleConfirm
+        }, {
+          default: () => [vue.createTextVNode("\u786E\u5B9A")]
+        }), vue.createVNode(elementPlus.ElButton, {
+          "onClick": handleCancel
+        }, {
+          default: () => [vue.createTextVNode("\u53D6\u6D88")]
+        })])
+      });
+    };
+  }
+});
+
+module.exports = DataTableSelectDialog;
+//# sourceMappingURL=data-table-select-dialog.js.map

package/dist/cjs/components/data-table-select-dialog/data-table-select-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-select-dialog.js","sources":["../../../../src/components/data-table-select-dialog/data-table-select-dialog.tsx"],"sourcesContent":["import {\n  defineComponent,\n  Fragment,\n  computed,\n  unref,\n  watch,\n  Ref,\n  ref,\n} from \"vue\";\nimport { ElButton, ElDialog } from \"element-plus\";\nimport { MKDataTable } from \"../data-model\";\n\nimport {\n  dataTableSelectDialogEmits,\n  dataTableSelectDialogProps,\n} from \"./data-table-select-dialog-options\";\nimport { DataTable, TableSelectCacheColumn } from \"@maketribe/dm\";\n\nexport default defineComponent({\n  name: \"MKDataTableSelectDialog\",\n  props: dataTableSelectDialogProps,\n  emits: dataTableSelectDialogEmits,\n  setup(props, { emit }) {\n    const dataTable: Ref<DataTable | null> = ref(null);\n\n    const loading = computed(() => unref(dataTable)!.loading);\n\n    const isShowDialog = computed({\n      get: () => props.modelValue,\n      set: (v) => emit(\"update:model-value\", v),\n    });\n\n    const handleConfirm = () => {\n      if (props.multiple) {\n        emit(\"update:selection\", unref(dataTable)!.getSelection());\n      } else {\n        emit(\"update:selection\", unref(dataTable)!.getSelection()[0] || \"\");\n      }\n\n      isShowDialog.value = false;\n\n      emit(\"confirm\");\n    };\n\n    const handleCancel = () => {\n      isShowDialog.value = false;\n    };\n\n    watch(\n      computed(() => props.dataTable),\n      (table) => {\n        dataTable.value = table;\n        dataTable.value.setSelectionColumn(\n          new TableSelectCacheColumn({ multiple: props.multiple })\n        );\n      },\n      { immediate: true }\n    );\n\n    watch(\n      computed(() => props.multiple),\n      (multiple) => {\n        if (dataTable.value) {\n          dataTable.value.selectionColumn.multiple = multiple;\n        }\n      }\n    );\n\n    watch(\n      isShowDialog,\n      (isShowDialog, _, onCleanup) => {\n        const _dataTable = unref(dataTable)!;\n\n        if (!isShowDialog) {\n          _dataTable.clearSelection();\n          return;\n        }\n\n        const handleColumnState = () => {\n          const selection = props.selection;\n          _dataTable.setSelection(\n            Array.isArray(selection) ? selection : selection ? [selection] : []\n          );\n\n          const actionColumn = _dataTable.getColumn(\"$action\");\n\n          if (actionColumn) {\n            actionColumn.visible = false;\n          }\n        };\n\n        if (_dataTable.initd) {\n          handleColumnState();\n          return;\n        }\n\n        const disposable = _dataTable.initdEvent.once(handleColumnState);\n\n        onCleanup(() => {\n          disposable.dispose();\n        });\n      },\n      { immediate: true }\n    );\n\n    watch(\n      computed(() => props.selection),\n      (selection) => {\n        if (props.multiple) {\n          unref(dataTable)?.setSelection(\n            Array.isArray(selection) ? selection : []\n          );\n        } else {\n          unref(dataTable)?.setSelection(selection ? [selection] : []);\n        }\n      }\n    );\n\n    return () => {\n      return (\n        <ElDialog\n          class=\"mk-data-table-select-dialog\"\n          width=\"80%\"\n          appendToBody\n          modelValue={unref(isShowDialog)}\n          onUpdate:modelValue={(v) => {\n            isShowDialog.value = v;\n          }}\n          v-slots={{\n            default: () =>\n              // TODO 后面需要做成不是否重新渲染DOM,现在主要是选中有问题。在multiple切换的时候\n              unref(isShowDialog) ? (\n                <div class=\"mk-data-table-select-dialog__main\">\n                  <MKDataTable\n                    v-loading={unref(loading)}\n                    dataTable={unref(dataTable)!}\n                    selection\n                  />\n                </div>\n              ) : null,\n            footer: () => (\n              <Fragment>\n                <ElButton type=\"primary\" onClick={handleConfirm}>\n                  确定\n                </ElButton>\n                <ElButton onClick={handleCancel}>取消</ElButton>\n              </Fragment>\n            ),\n          }}\n        />\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","props","dataTableSelectDialogProps","emits","dataTableSelectDialogEmits","setup","emit","dataTable","ref","loading","computed","unref","isShowDialog","get","modelValue","set","v","handleConfirm","multiple","getSelection","value","handleCancel","watch","table","setSelectionColumn","TableSelectCacheColumn","immediate","selectionColumn","_","onCleanup","_dataTable","clearSelection","handleColumnState","selection","setSelection","Array","isArray","actionColumn","getColumn","visible","initd","disposable","initdEvent","once","dispose","_createVNode","ElDialog","default","_withDirectives","MKDataTable","_resolveDirective","footer","_Fragment","ElButton","_createTextVNode"],"mappings":"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"}

package/dist/cjs/components/data-table-select-dialog/index.d.ts

@@ -0,0 +1,44 @@
+export declare const MKDataTableSelectDialog: import("@maketribe/utils").SFCWithInstall<import("vue").DefineComponent<{
+    readonly modelValue: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly selection: {
+        readonly type: import("vue").PropType<any>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly multiple: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly dataTable: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").DataTable<any, any, Record<string, any>, import("@maketribe/dm").TableColumn>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:model-value": (modelValue: any) => boolean;
+    "update:selection": (modelValue: any) => boolean;
+    confirm: () => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly modelValue: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly selection: {
+        readonly type: import("vue").PropType<any>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly multiple: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly dataTable: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").DataTable<any, any, Record<string, any>, import("@maketribe/dm").TableColumn>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}>> & {
+    "onUpdate:model-value"?: ((modelValue: any) => any) | undefined;
+    onConfirm?: (() => any) | undefined;
+    "onUpdate:selection"?: ((modelValue: any) => any) | undefined;
+}, {
+    readonly multiple: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly modelValue: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+}, {}>> & Record<string, any>;
+export default MKDataTableSelectDialog;
+export * from "./data-table-select-dialog-options";

package/dist/cjs/components/data-table-select-dialog/index.js

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('@maketribe/utils');
+var dataTableSelectDialog = require('./data-table-select-dialog.js');
+var dataTableSelectDialogOptions = require('./data-table-select-dialog-options.js');
+
+const MKDataTableSelectDialog = utils.withInstall(dataTableSelectDialog);
+
+exports.DataTableSelectDialogEmits = dataTableSelectDialogOptions.DataTableSelectDialogEmits;
+exports.dataTableSelectDialogEmits = dataTableSelectDialogOptions.dataTableSelectDialogEmits;
+exports.dataTableSelectDialogProps = dataTableSelectDialogOptions.dataTableSelectDialogProps;
+exports.MKDataTableSelectDialog = MKDataTableSelectDialog;
+exports.default = MKDataTableSelectDialog;
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/data-table-select-dialog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/data-table-select-dialog/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\nimport DataTableSelectDialog from \"./data-table-select-dialog\";\n\nexport const MKDataTableSelectDialog = withInstall(DataTableSelectDialog);\nexport default MKDataTableSelectDialog;\n\nexport * from \"./data-table-select-dialog-options\";\n"],"names":["withInstall","DataTableSelectDialog"],"mappings":";;;;;;;;AAGa,MAAA,uBAAA,GAA0BA,kBAAYC,qBAAqB;;;;;;;;"}

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

@@ -0,0 +1,10 @@
+import { ExtractPropTypes } from "vue";
+export declare const fileViewProps: {
+    readonly src: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+};
+export type FileViewProps = ExtractPropTypes<typeof fileViewProps>;

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

@@ -0,0 +1,10 @@
+'use strict';
+
+var utils = require('@maketribe/utils');
+
+const fileViewProps = utils.buildProps({
+  src: { type: String, required: true }
+});
+
+exports.fileViewProps = fileViewProps;
+//# sourceMappingURL=file-view-options.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"file-view-options.js","sources":["../../../../src/components/file-view/file-view-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\n\nexport const fileViewProps = buildProps({\n  src: { type: String, required: true },\n} as const);\n\nexport type FileViewProps = ExtractPropTypes<typeof fileViewProps>;\n"],"names":["buildProps"],"mappings":";;;;AAGO,MAAM,gBAAgBA,gBAAW,CAAA;AAAA,EACtC,GAAK,EAAA,EAAE,IAAM,EAAA,MAAA,EAAQ,UAAU,IAAK,EAAA;AACtC,CAAU;;;;"}

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

@@ -0,0 +1,16 @@
+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;
+    };
+}, () => 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;
+    };
+}>>, {}, {}>;
+export default _default;

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

@@ -0,0 +1,44 @@
+'use strict';
+
+var vue = require('vue');
+var elementPlus = require('element-plus');
+var icons = require('@element-plus/icons-vue');
+var fileViewOptions = require('./file-view-options.js');
+
+var FileView = /* @__PURE__ */ vue.defineComponent({
+  name: "MKFileView",
+  props: fileViewOptions.fileViewProps,
+  setup(props) {
+    const handleDownloadClick = () => {
+      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);
+      });
+    };
+    return () => vue.createVNode("div", {
+      "class": "mk-file-view"
+    }, [vue.createVNode(elementPlus.ElIcon, {
+      "size": "20"
+    }, {
+      default: () => [vue.createVNode(icons.Document, null, null)]
+    }), vue.createVNode("div", {
+      "class": "mk-file-view__tools"
+    }, [vue.createVNode(elementPlus.ElButton, {
+      "type": "primary",
+      "icon": icons.Download,
+      "onClick": handleDownloadClick
+    }, null)])]);
+  }
+});
+
+module.exports = FileView;
+//# sourceMappingURL=file-view.js.map