@maketribe/ms-app 3.0.4 → 3.0.6

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

@@ -0,0 +1,74 @@
+'use strict';
+
+var vue = require('vue');
+var elementPlus = require('element-plus');
+var dm = require('@maketribe/dm');
+var dataSelectOptions = require('./data-select-options.js');
+
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+var DataSelect = /* @__PURE__ */ vue.defineComponent({
+  name: "MKDataSelect",
+  props: dataSelectOptions.dataSelectProps,
+  emits: dataSelectOptions.dataSelectEmit,
+  setup(props, {
+    emit
+  }) {
+    const value = vue.computed({
+      get: () => vue.unref(props.modelValue),
+      set: (v) => {
+        emit("update:model-value", v);
+      }
+    });
+    const options = vue.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 dm.DataSource.DATA:
+            return Array.isArray(source.value) ? source.value.map((item) => props.formatOptions(item)) : [];
+          case dm.DataSource.DATATABLE:
+            const dataTable = source.value;
+            if (dm.isDataTable(dataTable)) {
+              return dataTable.getList().map((item) => props.formatOptions(item));
+            }
+            return [];
+          default:
+            return [];
+        }
+      }
+      return [];
+    });
+    vue.watch(vue.computed(() => props.dataTable), (dataTable) => {
+      dataTable?.dataFilter.setReady();
+      dataTable?.load();
+    }, {
+      immediate: true
+    });
+    return () => {
+      const children = vue.unref(options).map((item) => vue.createVNode(elementPlus.ElOption, {
+        "key": item.value,
+        "value": item.value,
+        "label": item.label
+      }, null));
+      return vue.createVNode(elementPlus.ElSelect, {
+        "disabled": props.disabled,
+        "class": "data-select",
+        "modelValue": vue.unref(value),
+        "multiple": props.multiple,
+        "onUpdate:modelValue": (v) => value.value = v
+      }, _isSlot(children) ? children : {
+        default: () => [children]
+      });
+    };
+  }
+});
+
+module.exports = DataSelect;
+//# sourceMappingURL=data-select.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"data-select.js","sources":["../../../../src/components/data-select/data-select.tsx"],"sourcesContent":["import { ComputedRef, computed, defineComponent, unref, watch } from \"vue\";\nimport { ElSelect, ElOption } from \"element-plus\";\nimport { DataSource, isDataTable } from \"@maketribe/dm\";\n\nimport { dataSelectProps, dataSelectEmit } from \"./data-select-options\";\n\nexport type DataOptionItem = { value: any; label: string };\n\nexport default defineComponent({\n  name: \"MKDataSelect\",\n  props: dataSelectProps,\n  emits: dataSelectEmit,\n  setup(props, { emit }) {\n    const value = computed({\n      get: () => unref(props.modelValue),\n      set: (v) => {\n        emit(\"update:model-value\", v);\n      },\n    });\n\n    const options: ComputedRef<DataOptionItem[]> = computed(() => {\n      if (props.dataTable) {\n        return props.dataTable\n          .getList()\n          .map((item) => props.formatOptions(item));\n      }\n\n      if (Array.isArray(props.options)) {\n        return props.options.map((item) => props.formatOptions(item));\n      }\n\n      if (props.source) {\n        const source = props.source;\n\n        switch (source.type) {\n          case DataSource.DATA:\n            return Array.isArray(source.value)\n              ? source.value.map((item) => props.formatOptions(item))\n              : [];\n\n          case DataSource.DATATABLE:\n            const dataTable = source.value;\n\n            if (isDataTable(dataTable)) {\n              return dataTable\n                .getList()\n                .map((item) => props.formatOptions(item));\n            }\n\n            return [];\n\n          default:\n            return [];\n        }\n      }\n\n      return [];\n    });\n\n    watch(\n      computed(() => props.dataTable),\n      (dataTable) => {\n        dataTable?.dataFilter.setReady();\n        dataTable?.load();\n      },\n      { immediate: true }\n    );\n\n    return () => {\n      const children = unref(options).map((item) => (\n        <ElOption key={item.value} value={item.value} label={item.label} />\n      ));\n\n      return (\n        <ElSelect\n          disabled={props.disabled}\n          class=\"data-select\"\n          modelValue={unref(value)}\n          multiple={props.multiple}\n          onUpdate:modelValue={(v: any) => (value.value = v)}\n        >\n          {children}\n        </ElSelect>\n      );\n    };\n  },\n});\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","props","dataSelectProps","emits","dataSelectEmit","setup","emit","value","computed","get","unref","modelValue","set","v","options","dataTable","getList","map","item","formatOptions","Array","isArray","source","type","DataSource","DATA","DATATABLE","isDataTable","watch","dataFilter","setReady","load","immediate","children","_createVNode","ElOption","label","ElSelect","disabled","multiple","default"],"mappings":"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"}

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

@@ -0,0 +1,73 @@
+export declare const MKDataSelect: import("@maketribe/utils").SFCWithInstall<import("vue").DefineComponent<{
+    readonly source: {
+        readonly type: import("vue").PropType<Record<string, any>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly options: {
+        readonly type: import("vue").PropType<unknown[]>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly dataTable: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").DataTable<any, any, Record<string, any>, import("@maketribe/dm").TableColumn>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly formatOptions: import("@maketribe/utils").PropFinalized<FunctionConstructor, unknown, unknown, (item: any) => {
+        value: any;
+        label: any;
+    }, boolean>;
+    readonly multiple: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly modelValue: {
+        readonly type: import("vue").PropType<any>;
+        readonly required: false;
+        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;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly source: {
+        readonly type: import("vue").PropType<Record<string, any>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly options: {
+        readonly type: import("vue").PropType<unknown[]>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly dataTable: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").DataTable<any, any, Record<string, any>, import("@maketribe/dm").TableColumn>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly formatOptions: import("@maketribe/utils").PropFinalized<FunctionConstructor, unknown, unknown, (item: any) => {
+        value: any;
+        label: any;
+    }, boolean>;
+    readonly multiple: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly modelValue: {
+        readonly type: import("vue").PropType<any>;
+        readonly required: false;
+        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;
+}, {
+    readonly multiple: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly formatOptions: Function;
+    readonly disabled: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+}, {}>> & Record<string, any>;
+export default MKDataSelect;
+export * from "./data-select-options";

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

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('@maketribe/utils');
+var dataSelect = require('./data-select.js');
+var dataSelectOptions = require('./data-select-options.js');
+
+const MKDataSelect = utils.withInstall(dataSelect);
+
+exports.dataSelectEmit = dataSelectOptions.dataSelectEmit;
+exports.dataSelectProps = dataSelectOptions.dataSelectProps;
+exports.MKDataSelect = MKDataSelect;
+exports.default = MKDataSelect;
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,37 @@
+import { ExtractPropTypes } from "vue";
+import { DataTable } from "@maketribe/dm";
+export declare const dataTableSelectProps: {
+    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<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>;
+};
+export type DataTableSelectProps = ExtractPropTypes<typeof dataTableSelectProps>;
+export declare const dataTableSelectEmits: {
+    "update:model-value": (modelValue: any) => boolean;
+    recordsChange: (records: any[]) => boolean;
+};
+export type DataTableSelectEmits = typeof dataTableSelectEmits;

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

@@ -0,0 +1,41 @@
+'use strict';
+
+var dm = require('@maketribe/dm');
+var utils = require('@maketribe/utils');
+
+const dataTableSelectProps = utils.buildProps({
+  modelValue: {
+    type: null
+  },
+  labelFieldName: {
+    type: String,
+    required: true
+  },
+  primaryFieldName: {
+    type: String
+  },
+  multiple: {
+    type: Boolean,
+    default: false
+  },
+  objectValue: {
+    type: Boolean,
+    default: false
+  },
+  dataTable: {
+    type: dm.DataTable,
+    required: true
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  }
+});
+const dataTableSelectEmits = {
+  "update:model-value": (modelValue) => true,
+  recordsChange: (records) => Array.isArray(records)
+};
+
+exports.dataTableSelectEmits = dataTableSelectEmits;
+exports.dataTableSelectProps = dataTableSelectProps;
+//# sourceMappingURL=data-table-select-options.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-select-options.js","sources":["../../../../src/components/data-table-select/data-table-select-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { DataTable } from \"@maketribe/dm\";\nimport { buildProps } from \"@maketribe/utils\";\n\nexport const dataTableSelectProps = buildProps({\n  modelValue: {\n    type: null,\n  },\n  labelFieldName: {\n    type: String,\n    required: true,\n  },\n  primaryFieldName: {\n    type: String,\n  },\n  multiple: {\n    type: Boolean,\n    default: false,\n  },\n  objectValue: {\n    type: Boolean,\n    default: false,\n  },\n  dataTable: {\n    type: DataTable<any>,\n    required: true,\n  },\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n} as const);\n\nexport type DataTableSelectProps = ExtractPropTypes<\n  typeof dataTableSelectProps\n>;\n\nexport const dataTableSelectEmits = {\n  \"update:model-value\": (modelValue: any) => true,\n  recordsChange: (records: any[]) => Array.isArray(records),\n};\n\nexport type DataTableSelectEmits = typeof dataTableSelectEmits;\n"],"names":["buildProps","DataTable"],"mappings":";;;;;AAIO,MAAM,uBAAuBA,gBAAW,CAAA;AAAA,EAC7C,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,IAAA;AAAA,GACR;AAAA,EACA,cAAgB,EAAA;AAAA,IACd,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EACA,gBAAkB,EAAA;AAAA,IAChB,IAAM,EAAA,MAAA;AAAA,GACR;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,WAAa,EAAA;AAAA,IACX,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;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AACF,CAAU,EAAA;AAMH,MAAM,oBAAuB,GAAA;AAAA,EAClC,oBAAA,EAAsB,CAAC,UAAoB,KAAA,IAAA;AAAA,EAC3C,aAAe,EAAA,CAAC,OAAmB,KAAA,KAAA,CAAM,QAAQ,OAAO,CAAA;AAC1D;;;;;"}

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

@@ -0,0 +1,68 @@
+declare const _default: 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>;
+}, {}>;
+export default _default;

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;;;;;;"}