@maketribe/ms-app 4.0.0-alpha.1 → 4.0.0-alpha.3

package/dist/cjs/index-DHbVriDb.cjs

@@ -0,0 +1,96 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+const utils = require("@maketribe/utils");
+const index = require("./index-CJiJ6jy7.cjs");
+require("vue-router");
+require("@maketribe/dm");
+const elementPlus = require("element-plus");
+require("@maketribe/request");
+require("@maketribe/locale");
+require("lodash-es");
+const columnSelectProps = utils.buildProps({
+  ...index.columnProps
+});
+const columnSelectHeaderProps = utils.buildProps({});
+const ColumnSelectHeader = /* @__PURE__ */ vue.defineComponent({
+  name: "MKColumnSelectHeader",
+  props: columnSelectHeaderProps,
+  setup() {
+    const dataTable = vue.inject(index.DATA_TABLE_CONTEXT_KEY).dataTable;
+    const indeterminate = vue.computed(() => {
+      const primaryKey = dataTable.primaryKey;
+      const selection = dataTable.getSelection();
+      const list = dataTable.getList();
+      const pageSelection = list.filter((item) => selection.includes(item[primaryKey]));
+      return pageSelection.length !== list.length && pageSelection.length > 0;
+    });
+    const isChecked = vue.computed({
+      get: () => !!dataTable.getSelection().length,
+      set: (isChecked2) => {
+        const primaryKey = dataTable.primaryKey;
+        if (isChecked2 || vue.unref(indeterminate)) {
+          dataTable.setSelection(dataTable.getList().map((item) => item[primaryKey]));
+          return;
+        }
+        dataTable.setSelection([]);
+      }
+    });
+    return () => {
+      return vue.createVNode("div", {
+        "class": "mk-column-selection-header"
+      }, [vue.createVNode(elementPlus.ElCheckbox, {
+        "disabled": !vue.unref(dataTable.getList().length),
+        "modelValue": vue.unref(isChecked),
+        "indeterminate": vue.unref(indeterminate),
+        "checked": vue.unref(isChecked),
+        "onChange": (v) => isChecked.value = v
+      }, null)]);
+    };
+  }
+});
+const ColumnSelect = /* @__PURE__ */ vue.defineComponent({
+  name: "MKColumnSelect",
+  props: columnSelectProps,
+  Header: ColumnSelectHeader,
+  setup(props) {
+    const dataTable = vue.inject(index.DATA_TABLE_CONTEXT_KEY).dataTable;
+    const i = vue.computed(() => props.index + 1);
+    const isSelected = vue.computed({
+      get: () => {
+        const primaryKey = dataTable.primaryKey;
+        return !!dataTable.getSelection().find((item) => item === props.row[primaryKey]);
+      },
+      set: (v) => {
+        const primaryKey = dataTable.primaryKey;
+        const item = dataTable.getSelection().find((item2) => item2 === props.row[primaryKey]);
+        if (v) {
+          if (item) {
+            return;
+          }
+          dataTable.setSelection(dataTable.getSelection().concat(props.row[primaryKey]));
+          return;
+        }
+        if (item) {
+          dataTable.setSelection(dataTable.getSelection().filter((item2) => item2 !== props.row[primaryKey]));
+        }
+      }
+    });
+    return () => {
+      return vue.createVNode("div", {
+        "class": ["mk-column-selection", vue.unref(isSelected) ? "is-selected" : ""]
+      }, [vue.createVNode("span", {
+        "class": "mk-column-selection__index"
+      }, [vue.unref(i)]), vue.createVNode("span", {
+        "class": "mk-column-selection__selection"
+      }, [vue.createVNode(elementPlus.ElCheckbox, {
+        "modelValue": vue.unref(isSelected),
+        "onUpdate:modelValue": (v) => isSelected.value = v
+      }, null)])]);
+    };
+  }
+});
+const MKColumnSelect = ColumnSelect;
+exports.MKColumnSelect = MKColumnSelect;
+exports.default = MKColumnSelect;
+//# sourceMappingURL=index-DHbVriDb.cjs.map

package/dist/cjs/index-DHbVriDb.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-DHbVriDb.cjs","sources":["../../src/components/data-model/data-table/components/column-select/column-select-options.ts","../../src/components/data-model/data-table/components/column-select/column-select-header-options.ts","../../src/components/data-model/data-table/components/column-select/column-select-header.tsx","../../src/components/data-model/data-table/components/column-select/column-select.tsx","../../src/components/data-model/data-table/components/column-select/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { columnProps } from \"../../composables\";\n\nexport const columnSelectProps = buildProps({\n  ...columnProps,\n});\n\nexport type ColumnSelectProps = ExtractPropTypes<typeof columnSelectProps>;\n","import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\n\r\nexport const columnSelectHeaderProps = buildProps({});\r\n\r\nexport type ColumnSelectHeaderProps = ExtractPropTypes<\r\n  typeof columnSelectHeaderProps\r\n>;\r\n","import { computed, defineComponent, inject, unref } from \"vue\";\nimport { columnSelectHeaderProps } from \"./column-select-header-options\";\nimport { ElCheckbox } from \"element-plus\";\nimport { DATA_TABLE_CONTEXT_KEY } from \"../../token\";\n\nexport default defineComponent({\n  name: \"MKColumnSelectHeader\",\n  props: columnSelectHeaderProps,\n  setup() {\n    const dataTable = inject(DATA_TABLE_CONTEXT_KEY)!.dataTable;\n\n    const indeterminate = computed(() => {\n      const primaryKey = dataTable.primaryKey;\n\n      const selection = dataTable.getSelection();\n\n      const list = dataTable.getList();\n\n      const pageSelection = list.filter((item) =>\n        selection.includes(item[primaryKey])\n      );\n\n      return pageSelection.length !== list.length && pageSelection.length > 0;\n    });\n\n    const isChecked = computed({\n      get: () => !!dataTable.getSelection().length,\n      set: (isChecked: boolean) => {\n        const primaryKey = dataTable.primaryKey;\n\n        if (isChecked || unref(indeterminate)) {\n          dataTable.setSelection(\n            dataTable.getList().map((item) => item[primaryKey])\n          );\n\n          return;\n        }\n\n        dataTable.setSelection([]);\n      },\n    });\n\n    return () => {\n      return (\n        <div class=\"mk-column-selection-header\">\n          <ElCheckbox\n            disabled={!unref(dataTable.getList().length)}\n            modelValue={unref(isChecked)}\n            indeterminate={unref(indeterminate)}\n            checked={unref(isChecked)}\n            onChange={(v: any) => (isChecked.value = v as boolean)}\n          />\n        </div>\n      );\n    };\n  },\n});\n","import { computed, defineComponent, inject, unref } from \"vue\";\nimport { columnSelectProps } from \"./column-select-options\";\nimport { ElCheckbox } from \"element-plus\";\nimport ColumnSelectHeader from \"./column-select-header\";\nimport { DATA_TABLE_CONTEXT_KEY } from \"../../token\";\n\nexport default defineComponent({\n  name: \"MKColumnSelect\",\n  props: columnSelectProps,\n  Header: ColumnSelectHeader,\n  setup(props) {\n    const dataTable = inject(DATA_TABLE_CONTEXT_KEY)!.dataTable;\n\n    const i = computed(() => props.index + 1);\n\n    const isSelected = computed({\n      get: () => {\n        const primaryKey = dataTable.primaryKey;\n\n        return !!dataTable\n          .getSelection()\n          .find((item) => item === props.row[primaryKey]);\n      },\n      set: (v: boolean) => {\n        const primaryKey = dataTable.primaryKey;\n\n        const item = dataTable\n          .getSelection()\n          .find((item) => item === props.row[primaryKey]);\n\n        if (v) {\n          if (item) {\n            return;\n          }\n\n          dataTable.setSelection(\n            dataTable.getSelection().concat(props.row[primaryKey])\n          );\n\n          return;\n        }\n\n        if (item) {\n          dataTable.setSelection(\n            dataTable\n              .getSelection()\n              .filter((item) => item !== props.row[primaryKey])\n          );\n        }\n      },\n    });\n\n    return () => {\n      return (\n        <div\n          class={[\n            \"mk-column-selection\",\n            unref(isSelected) ? \"is-selected\" : \"\",\n          ]}\n        >\n          <span class=\"mk-column-selection__index\">{unref(i)}</span>\n          <span class=\"mk-column-selection__selection\">\n            <ElCheckbox\n              modelValue={unref(isSelected)}\n              onUpdate:modelValue={(v: any) =>\n                (isSelected.value = v as boolean)\n              }\n            />\n          </span>\n        </div>\n      );\n    };\n  },\n});\n","import ColumnSelect from \"./column-select\";\r\n\r\nexport const MKColumnSelect = ColumnSelect;\r\n\r\nexport default MKColumnSelect;\r\n"],"names":["buildProps","columnProps","defineComponent","name","props","columnSelectHeaderProps","setup","dataTable","inject","DATA_TABLE_CONTEXT_KEY","indeterminate","computed","primaryKey","selection","getSelection","list","getList","pageSelection","filter","item","includes","length","isChecked","get","set","unref","setSelection","map","_createVNode","ElCheckbox","v","value","columnSelectProps","Header","ColumnSelectHeader","i","index","isSelected","find","row","concat"],"mappings":"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"}

package/dist/cjs/index-D_CB0k2e.cjs

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const utils = require("@maketribe/utils");
+const vue = require("vue");
+const elementPlus = require("element-plus");
+const useCondition = require("./use-condition-BsNGbgF4.cjs");
+const conditionNumberProps = utils.buildProps({
+  ...useCondition.dataFilterConditionProps,
+  isBetween: {
+    type: Boolean,
+    default: false
+  }
+});
+const conditionNumberEmits = {
+  "update:model-value": (v) => true
+};
+const ConditionNumber = /* @__PURE__ */ vue.defineComponent({
+  name: "MKConditionNumber",
+  props: conditionNumberProps,
+  emits: conditionNumberEmits,
+  setup(props, {
+    emit
+  }) {
+    const modelValue = vue.computed({
+      get: () => props.modelValue ?? props.isBetween ? [null, null] : null,
+      set: (v) => emit("update:model-value", v)
+    });
+    return () => {
+      const children = props.isBetween ? vue.createVNode("span", null, [vue.createVNode(elementPlus.ElInputNumber, {
+        "modelValue": vue.unref(modelValue)[0],
+        "onUpdate:modelValue": (v) => modelValue.value = [v, vue.unref(modelValue)[1]],
+        "controls-position": "right"
+      }, null), vue.createVNode(elementPlus.ElInputNumber, {
+        "modelValue": vue.unref(modelValue)[1],
+        "onUpdate:modelValue": (v) => modelValue.value = [vue.unref(modelValue)[0], v],
+        "controls-position": "right"
+      }, null)]) : vue.createVNode(elementPlus.ElInputNumber, {
+        "modelValue": vue.unref(modelValue),
+        "onUpdate:modelValue": (v) => modelValue.value = v,
+        "controls-position": "right"
+      }, null);
+      return vue.createVNode("div", {
+        "class": ["mk-condition-number", props.isBetween ? "is-between" : ""]
+      }, [children]);
+    };
+  }
+});
+const MKConditionNumber = utils.withInstall(ConditionNumber);
+exports.MKConditionNumber = MKConditionNumber;
+exports.conditionNumberEmits = conditionNumberEmits;
+exports.conditionNumberProps = conditionNumberProps;
+exports.default = MKConditionNumber;
+//# sourceMappingURL=index-D_CB0k2e.cjs.map

package/dist/cjs/index-D_CB0k2e.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-D_CB0k2e.cjs","sources":["../../src/components/data-model/data-filter-form/components/condition-number/condition-number-options.ts","../../src/components/data-model/data-filter-form/components/condition-number/condition-number.tsx","../../src/components/data-model/data-filter-form/components/condition-number/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\n\nimport { dataFilterConditionProps } from \"../../composables\";\n\nexport const conditionNumberProps = buildProps({\n  ...dataFilterConditionProps,\n  isBetween: {\n    type: Boolean,\n    default: false,\n  },\n});\n\nexport type ConditionNumberProps = ExtractPropTypes<\n  typeof conditionNumberProps\n>;\n\nexport const conditionNumberEmits = {\n  \"update:model-value\": (v: string) => true,\n};\n\nexport type ConditionNumberEmits = typeof conditionNumberEmits;\n","import { ElInputNumber } from \"element-plus\";\nimport { computed, defineComponent, unref } from \"vue\";\nimport {\n  conditionNumberEmits,\n  conditionNumberProps,\n} from \"./condition-number-options\";\n\nexport default defineComponent({\n  name: \"MKConditionNumber\",\n  props: conditionNumberProps,\n  emits: conditionNumberEmits,\n  setup(props, { emit }) {\n    const modelValue = computed({\n      get: () => (props.modelValue ?? props.isBetween ? [null, null] : null),\n      set: (v: any) => emit(\"update:model-value\", v),\n    });\n\n    return () => {\n      const children = props.isBetween ? (\n        <span>\n          <ElInputNumber\n            modelValue={unref(modelValue)![0] as any}\n            onUpdate:modelValue={(v: any) =>\n              (modelValue.value = [v, unref(modelValue)![1]])\n            }\n            controls-position=\"right\"\n          />\n\n          <ElInputNumber\n            modelValue={unref(modelValue)![1] as any}\n            onUpdate:modelValue={(v: any) =>\n              (modelValue.value = [unref(modelValue)![0], v])\n            }\n            controls-position=\"right\"\n          />\n        </span>\n      ) : (\n        <ElInputNumber\n          modelValue={unref(modelValue) as any}\n          onUpdate:modelValue={(v: any) => (modelValue.value = v)}\n          controls-position=\"right\"\n        />\n      );\n\n      return (\n        <div\n          class={[\"mk-condition-number\", props.isBetween ? \"is-between\" : \"\"]}\n        >\n          {children}\n        </div>\n      );\n    };\n  },\n});\n","import { withInstall } from \"@maketribe/utils\";\r\nimport ConditionNumber from \"./condition-number\";\r\n\r\nexport const MKConditionNumber = withInstall(ConditionNumber);\r\nexport default MKConditionNumber;\r\n\r\nexport * from \"./condition-number-options\";\r\n"],"names":["buildProps","dataFilterConditionProps","defineComponent","name","props","conditionNumberProps","emits","conditionNumberEmits","setup","emit","modelValue","computed","get","isBetween","set","v","children","_createVNode","ElInputNumber","unref","value","withInstall"],"mappings":";;;;;;AAKO,MAAM,uBAAuBA,MAAAA,WAAW;AAAA,EAC7C,GAAGC,aAAA;AAAA,EACH,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAC;AAMM,MAAM,uBAAuB;AAAA,EAClC,sBAAsB,CAAC,MAAc;AACvC;ACZA,MAAeC,sDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,OAAOC;AAAAA,EACPC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,aAAaC,IAAAA,SAAS;AAAA,MAC1BC,KAAKA,MAAOR,MAAMM,cAAcN,MAAMS,YAAY,CAAC,MAAM,IAAI,IAAI;AAAA,MACjEC,KAAMC,OAAWN,KAAK,sBAAsBM,CAAC;AAAA,IAC/C,CAAC;AAED,WAAO,MAAM;AACX,YAAMC,WAAWZ,MAAMS,YAASI,IAAAA,YAAA,QAAA,MAAA,CAAAA,IAAA,YAAAC,2BAAA;AAAA,QAAA,cAGdC,IAAK,MAACT,UAAU,EAAG,CAAC;AAAA,QAAC,uBACXK,OACnBL,WAAWU,QAAQ,CAACL,GAAGI,UAAMT,UAAU,EAAG,CAAC,CAAC;AAAA,QAAE,qBAAA;AAAA,SAAAO,IAAAA,GAAAA,IAAA,YAAAC,2BAAA;AAAA,QAAA,cAMrCC,IAAK,MAACT,UAAU,EAAG,CAAC;AAAA,QAAC,uBACXK,OACnBL,WAAWU,QAAQ,CAACD,IAAK,MAACT,UAAU,EAAG,CAAC,GAAGK,CAAC;AAAA,QAAE,qBAAA;AAAA,MAAAE,GAAAA,IAAAA,CAAAA,CAAAA,IAAAA,IAAAA,YAAAC,YAAAA,eAAA;AAAA,QAAA,cAOvCC,IAAK,MAACT,UAAU;AAAA,QAAC,uBACPK,OAAYL,WAAWU,QAAQL;AAAAA,QAAE,qBAAA;AAAA,MAG1D,GAAA,IAAA;AAED,aAAAE,IAAAA,YAAA,OAAA;AAAA,QAAA,SAEW,CAAC,uBAAuBb,MAAMS,YAAY,eAAe,EAAE;AAAA,MAAC,GAAA,CAElEG,QAAQ,CAAA;AAAA;EAIjB;AACF,CAAC;AClDY,MAAA,oBAAoBK,kBAAY,eAAe;;;;;"}

package/dist/cjs/index-Ddqk3hMe.cjs

@@ -0,0 +1,127 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const utils = require("@maketribe/utils");
+const vue = require("vue");
+const index = require("./index-CJiJ6jy7.cjs");
+const dm = require("@maketribe/dm");
+const elementPlus = require("element-plus");
+const { dataTable, ...restAbstractSelectProps } = index.abstractSelectProps;
+const dataTreeSelectProps = utils.buildProps({
+  ...restAbstractSelectProps,
+  dataTree: dm.DataTree,
+  checkStrictly: {
+    type: Boolean,
+    default: true
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  },
+  clearable: {
+    type: Boolean,
+    default: true
+  },
+  formatOptions: {
+    type: Function,
+    default: (item) => {
+      const value = item.value ?? item.id ?? item.name;
+      const label = item.label ?? item.desc ?? item.title ?? item.name;
+      const children = item.children ?? [];
+      return { value, label, children };
+    }
+  }
+});
+const dataTreeSelectEmits = {
+  ...index.abstractSelectEmits
+};
+const DataTreeSelect = /* @__PURE__ */ vue.defineComponent({
+  name: "MKDataTreeSelect",
+  props: dataTreeSelectProps,
+  emits: dataTreeSelectEmits,
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const primaryKey = vue.computed(() => {
+      var _a;
+      return props.primaryFieldName ?? ((_a = props.dataTree) == null ? void 0 : _a.primaryKey) ?? "value";
+    });
+    const loading = vue.computed(() => {
+      var _a;
+      return ((_a = props.dataTree) == null ? void 0 : _a.loading) ?? false;
+    });
+    const modelValue = vue.computed({
+      get: () => vue.unref(props.modelValue),
+      set: (v) => {
+        emit("update:model-value", v);
+      }
+    });
+    vue.watch(vue.computed(() => props.dataTree), async (dataTree) => {
+      if (!dataTree) {
+        return;
+      }
+      await dataTree.init();
+      dataTree.dataFilter.setReady();
+      await dataTree.loadAll();
+    }, {
+      immediate: true
+    });
+    const formatOptions = (item) => {
+      let _formatOptions;
+      if (props.labelFieldName) {
+        _formatOptions = (item2) => {
+          return {
+            value: item2[vue.unref(primaryKey)],
+            label: item2[props.labelFieldName],
+            children: (item2.children ?? []).map(formatOptions)
+          };
+        };
+      } else {
+        _formatOptions = props.formatOptions;
+      }
+      let option = _formatOptions(item);
+      option.data = item;
+      return option;
+    };
+    return () => {
+      return vue.createVNode(index.MKAbstractSelect, {
+        "class": "mk-data-tree-select",
+        "modelValue": vue.unref(modelValue),
+        "onUpdate:model-value": (v) => {
+          modelValue.value = v;
+        },
+        "additional": false,
+        "dataTable": props.dataTree,
+        "objectValue": props.objectValue,
+        "multiple": props.multiple,
+        "options": props.options,
+        "primaryFieldName": props.primaryFieldName,
+        "formatOptions": formatOptions
+      }, {
+        default: ({
+          selections,
+          setSelections,
+          options
+        }) => {
+          return vue.createVNode(elementPlus.ElTreeSelect, {
+            "popper-class": "mk-data-tree-select__popper",
+            "clearable": props.clearable,
+            "data": options,
+            "disabled": props.disabled,
+            "loading": vue.unref(loading),
+            "modelValue": selections,
+            "onUpdate:modelValue": setSelections,
+            "multiple": props.multiple,
+            "checkStrictly": props.checkStrictly
+          }, slots);
+        }
+      });
+    };
+  }
+});
+const MKDataTreeSelect = utils.withInstall(DataTreeSelect);
+exports.MKDataTreeSelect = MKDataTreeSelect;
+exports.dataTreeSelectEmits = dataTreeSelectEmits;
+exports.dataTreeSelectProps = dataTreeSelectProps;
+exports.default = MKDataTreeSelect;
+//# sourceMappingURL=index-Ddqk3hMe.cjs.map

package/dist/cjs/index-Ddqk3hMe.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-Ddqk3hMe.cjs","sources":["../../src/components/basic/data-tree-select/data-tree-select-options.ts","../../src/components/basic/data-tree-select/data-tree-select.tsx","../../src/components/basic/data-tree-select/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\nimport { abstractSelectEmits, abstractSelectProps } from \"../../abstract\";\r\nimport { DataTree } from \"@maketribe/dm\";\r\n\r\nconst { dataTable, ...restAbstractSelectProps } = abstractSelectProps;\r\n\r\nexport const dataTreeSelectProps = buildProps({\r\n  ...restAbstractSelectProps,\r\n  dataTree: DataTree<any>,\r\n  checkStrictly: {\r\n    type: Boolean,\r\n    default: true,\r\n  },\r\n  disabled: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  clearable: {\r\n    type: Boolean,\r\n    default: true,\r\n  },\r\n  formatOptions: {\r\n    type: Function,\r\n    default: (item: any) => {\r\n      const value = item.value ?? item.id ?? item.name;\r\n      const label = item.label ?? item.desc ?? item.title ?? item.name;\r\n      const children = item.children ?? [];\r\n\r\n      return { value, label, children };\r\n    },\r\n  },\r\n});\r\n\r\nexport type DataTreeSelectProps = ExtractPropTypes<typeof dataTreeSelectProps>;\r\n\r\nexport const dataTreeSelectEmits = {\r\n  ...abstractSelectEmits,\r\n};\r\n\r\nexport type DataTreeSelectEmits = typeof dataTreeSelectEmits;\r\n","import { computed, defineComponent, ref, Ref, unref, watch } from \"vue\";\nimport { MKAbstractSelect } from \"../../abstract\";\nimport {\n  dataTreeSelectEmits,\n  dataTreeSelectProps,\n} from \"./data-tree-select-options\";\nimport { ElTreeSelect } from \"element-plus\";\n\nexport default defineComponent({\n  name: \"MKDataTreeSelect\",\n  props: dataTreeSelectProps,\n  emits: dataTreeSelectEmits,\n  setup(props, { emit, slots }) {\n    const primaryKey = computed(\n      () => props.primaryFieldName ?? props.dataTree?.primaryKey ?? \"value\"\n    );\n\n    const loading = computed(() => props.dataTree?.loading ?? false);\n\n    const modelValue = computed({\n      get: () => unref(props.modelValue),\n      set: (v) => {\n        emit(\"update:model-value\", v);\n      },\n    });\n\n    watch(\n      computed(() => props.dataTree),\n      async (dataTree) => {\n        if (!dataTree) {\n          return;\n        }\n        await dataTree.init();\n        dataTree.dataFilter.setReady();\n        await dataTree.loadAll();\n      },\n      { immediate: true }\n    );\n\n    const formatOptions = (item: any) => {\n      let _formatOptions;\n\n      if (props.labelFieldName) {\n        _formatOptions = (item: any) => {\n          return {\n            value: item[unref(primaryKey)],\n            label: item[props.labelFieldName!],\n            children: (item.children ?? []).map(formatOptions),\n          };\n        };\n      } else {\n        _formatOptions = props.formatOptions;\n      }\n\n      let option = _formatOptions(item);\n\n      option.data = item;\n\n      return option;\n    };\n\n    return () => {\n      return (\n        <MKAbstractSelect\n          class=\"mk-data-tree-select\"\n          modelValue={unref(modelValue)}\n          onUpdate:model-value={(v: any) => {\n            modelValue.value = v;\n          }}\n          additional={false}\n          dataTable={props.dataTree}\n          objectValue={props.objectValue}\n          multiple={props.multiple}\n          options={props.options}\n          primaryFieldName={props.primaryFieldName}\n          formatOptions={formatOptions}\n          v-slots={{\n            default: ({ selections, setSelections, options }: any) => {\n              return (\n                <ElTreeSelect\n                  popper-class=\"mk-data-tree-select__popper\"\n                  clearable={props.clearable}\n                  data={options}\n                  disabled={props.disabled}\n                  loading={unref(loading)}\n                  modelValue={selections}\n                  onUpdate:modelValue={setSelections}\n                  multiple={props.multiple}\n                  checkStrictly={props.checkStrictly}\n                  v-slots={slots}\n                />\n              );\n            },\n          }}\n        />\n      );\n    };\n  },\n});\n","import { withInstall } from \"@maketribe/utils\";\nimport DataTreeSelect from \"./data-tree-select\";\n\nexport const MKDataTreeSelect = withInstall(DataTreeSelect);\n\nexport default MKDataTreeSelect;\n\nexport * from \"./data-tree-select-options\";\n"],"names":["abstractSelectProps","buildProps","DataTree","abstractSelectEmits","defineComponent","name","props","dataTreeSelectProps","emits","dataTreeSelectEmits","setup","emit","slots","primaryKey","computed","primaryFieldName","dataTree","loading","modelValue","get","unref","set","v","watch","init","dataFilter","setReady","loadAll","immediate","formatOptions","item","_formatOptions","labelFieldName","value","label","children","map","option","data","_createVNode","MKAbstractSelect","objectValue","multiple","options","default","selections","setSelections","ElTreeSelect","clearable","disabled","checkStrictly","withInstall"],"mappings":"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"}

package/dist/cjs/index-DjP1khaa.cjs

@@ -0,0 +1,74 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+const elementPlus = require("element-plus");
+const index = require("./index-CJiJ6jy7.cjs");
+require("@maketribe/request");
+require("@maketribe/utils");
+require("@lexical/overflow");
+require("@lexical/text");
+require("@lexical/utils");
+require("lexical");
+require("@lexical/selection");
+require("@lexical/link");
+require("@lexical/rich-text");
+const dm = require("@maketribe/dm");
+require("@element-plus/icons-vue");
+require("@lexical/history");
+require("@lexical/dragon");
+require("@lexical/plain-text");
+const BatchOpt = /* @__PURE__ */ vue.defineComponent({
+  name: "MKBatchOpt",
+  setup(props) {
+    var _a;
+    const dataTable = (_a = vue.inject(index.DATA_TABLE_CONTEXT_KEY)) == null ? void 0 : _a.dataTable;
+    var disallowBatchOpt = vue.computed(() => ((dataTable == null ? void 0 : dataTable.getSelection().length) ?? 0) === 0);
+    const handleExport = (...args) => {
+      dataTable.exportData();
+    };
+    const handleBatchDelete = async () => {
+      const isConfirm = await dm.Dialoger.confirm({
+        message: "是否删除选中项",
+        type: "warning",
+        title: "批量删除"
+      });
+      if (!isConfirm) {
+        return;
+      }
+      const response = await dataTable.batchDelete(dataTable.getSelection());
+      if (response.data.code !== 200) {
+        dm.Messager.error({
+          message: response.data.msg
+        });
+        return;
+      }
+      dataTable.load();
+    };
+    return () => {
+      return vue.createVNode(elementPlus.ElDropdown, {
+        "onClick": handleExport,
+        "splitButton": true
+      }, {
+        default: () => [vue.createVNode(index.MKSvgIcon, {
+          "name": "clarity:export-solid-badged"
+        }, null)],
+        dropdown: () => {
+          return vue.createVNode(elementPlus.ElDropdownMenu, null, {
+            default: () => [vue.createVNode(elementPlus.ElDropdownItem, {
+              "disabled": vue.unref(disallowBatchOpt),
+              "onClick": handleBatchDelete
+            }, {
+              default: () => [vue.createVNode(index.MKSvgIcon, {
+                "name": "icon-park-solid:delete-themes"
+              }, null), vue.createTextVNode(" 批量删除")]
+            })]
+          });
+        }
+      });
+    };
+  }
+});
+const MKBatchOpt = BatchOpt;
+exports.MKBatchOpt = MKBatchOpt;
+exports.default = MKBatchOpt;
+//# sourceMappingURL=index-DjP1khaa.cjs.map

package/dist/cjs/index-DjP1khaa.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-DjP1khaa.cjs","sources":["../../src/components/data-model/data-table/components/header-components/batch-opt/batch-opt.tsx","../../src/components/data-model/data-table/components/header-components/batch-opt/index.ts"],"sourcesContent":["import { computed, defineComponent, inject, unref } from \"vue\";\r\nimport { ElDropdown, ElDropdownItem, ElDropdownMenu } from \"element-plus\";\r\nimport { MKSvgIcon } from \"../../../../../basic\";\r\nimport { DATA_TABLE_CONTEXT_KEY } from \"../../../token\";\r\nimport { Dialoger, Messager } from \"@maketribe/dm\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKBatchOpt\",\r\n  setup(props) {\r\n    const dataTable = inject(DATA_TABLE_CONTEXT_KEY)?.dataTable!;\r\n\r\n    var disallowBatchOpt = computed(\r\n      () => (dataTable?.getSelection().length ?? 0) === 0\r\n    );\r\n\r\n    const handleExport = (...args: any[]) => {\r\n      dataTable.exportData();\r\n    };\r\n\r\n    const handleBatchDelete = async () => {\r\n      const isConfirm = await Dialoger.confirm({\r\n        message: \"是否删除选中项\",\r\n        type: \"warning\",\r\n        title: \"批量删除\",\r\n      });\r\n\r\n      if (!isConfirm) {\r\n        return;\r\n      }\r\n\r\n      const response = await dataTable.batchDelete(dataTable.getSelection());\r\n\r\n      if (response.data.code !== 200) {\r\n        Messager.error({ message: response.data.msg });\r\n        return;\r\n      }\r\n\r\n      dataTable.load();\r\n    };\r\n\r\n    return () => {\r\n      return (\r\n        <ElDropdown\r\n          onClick={handleExport}\r\n          splitButton\r\n          v-slots={{\r\n            dropdown: () => {\r\n              return (\r\n                <ElDropdownMenu>\r\n                  <ElDropdownItem\r\n                    disabled={unref(disallowBatchOpt)}\r\n                    onClick={handleBatchDelete}\r\n                  >\r\n                    <MKSvgIcon name=\"icon-park-solid:delete-themes\" /> 批量删除\r\n                  </ElDropdownItem>\r\n                </ElDropdownMenu>\r\n              );\r\n            },\r\n          }}\r\n        >\r\n          <MKSvgIcon name=\"clarity:export-solid-badged\" />\r\n        </ElDropdown>\r\n      );\r\n    };\r\n  },\r\n});\r\n","import BatchOpt from \"./batch-opt\";\n\nexport const MKBatchOpt = BatchOpt;\nexport default MKBatchOpt;\n"],"names":["defineComponent","name","setup","props","dataTable","inject","DATA_TABLE_CONTEXT_KEY","disallowBatchOpt","computed","getSelection","length","handleExport","args","exportData","handleBatchDelete","isConfirm","Dialoger","confirm","message","type","title","response","batchDelete","data","code","Messager","error","msg","load","_createVNode","ElDropdown","default","MKSvgIcon","dropdown","ElDropdownMenu","ElDropdownItem","unref","_createTextVNode"],"mappings":";;;;;;;;;;;;;;;;;;;AAMA,MAAeA,+CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,MAAMC,OAAO;;AACX,UAAMC,aAAYC,SAAAA,OAAOC,MAAsB,sBAAA,MAA7BD,mBAAgCD;AAElD,QAAIG,mBAAmBC,aACrB,QAAOJ,uCAAWK,eAAeC,WAAU,OAAO,CACpD;AAEA,UAAMC,eAAeA,IAAIC,SAAgB;AACvCR,gBAAUS,WAAU;AAAA;AAGtB,UAAMC,oBAAoB,YAAY;AACpC,YAAMC,YAAY,MAAMC,GAAQ,SAACC,QAAQ;AAAA,QACvCC,SAAS;AAAA,QACTC,MAAM;AAAA,QACNC,OAAO;AAAA,MACT,CAAC;AAED,UAAI,CAACL,WAAW;AACd;AAAA,MACF;AAEA,YAAMM,WAAW,MAAMjB,UAAUkB,YAAYlB,UAAUK,aAAY,CAAE;AAErE,UAAIY,SAASE,KAAKC,SAAS,KAAK;AAC9BC,WAAAA,SAASC,MAAM;AAAA,UAAER,SAASG,SAASE,KAAKI;AAAAA,QAAI,CAAC;AAC7C;AAAA,MACF;AAEAvB,gBAAUwB,KAAI;AAAA;AAGhB,WAAO,MAAM;AACX,aAAAC,IAAAA,YAAAC,YAAAA,YAAA;AAAA,QAAA,WAEanB;AAAAA,QAAY,eAAA;AAAA,MAAA,GAAA;AAAA,QAAAoB,SAAAA,MAAAF,CAAAA,IAAA,YAAAG,iBAAA;AAAA,UAAA,QAAA;AAAA,QAAA,GAAA,IAAA,CAAA;AAAA,QAGnBC,UAAUA,MAAM;AACd,iBAAAJ,IAAA,YAAAK,YAAA,gBAAA,MAAA;AAAA,YAAAH,SAAAA,MAAAF,CAAAA,IAAA,YAAAM,4BAAA;AAAA,cAAA,YAGgBC,IAAK,MAAC7B,gBAAgB;AAAA,cAAC,WACxBO;AAAAA,YAAiB,GAAA;AAAA,cAAAiB,SAAAA,MAAAF,CAAAA,IAAA,YAAAG,iBAAA;AAAA,gBAAA,QAAA;AAAA,cAAA,GAAA,IAAA,GAAAK,oBAAA,OAAA,CAAA;AAAA,YAAA,CAAA,CAAA;AAAA,UAAA,CAAA;AAAA,QAMlC;AAAA,MAAC,CAAA;AAAA;EAOX;AACF,CAAC;AC/DM,MAAM,aAAa;;;"}

package/dist/cjs/index-Dl_nvllQ.cjs

@@ -0,0 +1,96 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+const elementPlus = require("element-plus");
+const index = require("./index-CJiJ6jy7.cjs");
+const utils = require("@maketribe/utils");
+require("vue-router");
+require("@maketribe/dm");
+require("@maketribe/request");
+require("@maketribe/locale");
+require("lodash-es");
+const columnTagProps = utils.buildProps({
+  ...index.columnProps,
+  type: {
+    values: ["success", "warning", "info", "danger", "primary"]
+  },
+  effect: {
+    default: "light",
+    values: ["light", "dark"]
+  },
+  color: {
+    type: String,
+    default: ""
+  },
+  hit: {
+    type: Boolean,
+    default: false
+  },
+  round: {
+    type: Boolean,
+    default: false
+  },
+  width: {
+    type: String,
+    default: ""
+  },
+  options: {
+    type: Array,
+    default: () => []
+  }
+});
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+const ColumnTag = /* @__PURE__ */ vue.defineComponent({
+  name: "MKColumnTag",
+  props: columnTagProps,
+  setup(props) {
+    const {
+      value
+    } = index.useColumn(props);
+    const options = vue.computed(() => props.options);
+    const tagStyle = vue.computed(() => ({
+      width: props.width
+    }));
+    const currentOption = vue.computed(() => vue.unref(options).find((option) => option.value === vue.unref(value)));
+    return () => {
+      const _currentOption = vue.unref(currentOption);
+      let content;
+      if (!_currentOption) {
+        let _slot;
+        content = vue.createVNode(elementPlus.ElTag, {
+          "style": vue.unref(tagStyle),
+          "disableTransitions": true,
+          "type": props.type,
+          "effect": props.effect,
+          "hit": props.hit,
+          "color": props.color,
+          "round": props.round
+        }, _isSlot(_slot = vue.unref(value)) ? _slot : {
+          default: () => [_slot]
+        });
+      } else {
+        content = vue.createVNode(elementPlus.ElTag, {
+          "style": vue.unref(tagStyle),
+          "disableTransitions": true,
+          "type": _currentOption.type,
+          "effect": props.effect,
+          "hit": props.hit,
+          "color": _currentOption.color,
+          "round": props.round
+        }, {
+          default: () => [_currentOption.label || _currentOption.value]
+        });
+      }
+      return vue.createVNode("div", {
+        "class": "mk-column-tag"
+      }, [content]);
+    };
+  }
+});
+const MKColumnTag = ColumnTag;
+exports.MKColumnTag = MKColumnTag;
+exports.columnTagProps = columnTagProps;
+exports.default = MKColumnTag;
+//# sourceMappingURL=index-Dl_nvllQ.cjs.map

package/dist/cjs/index-Dl_nvllQ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-Dl_nvllQ.cjs","sources":["../../src/components/data-model/data-table/components/column-tag/column-tag-options.ts","../../src/components/data-model/data-table/components/column-tag/column-tag.tsx","../../src/components/data-model/data-table/components/column-tag/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { columnProps } from \"../../composables\";\n\nexport const columnTagProps = buildProps({\n  ...columnProps,\n  type: {\n    values: [\"success\", \"warning\", \"info\", \"danger\", \"primary\"],\n  },\n  effect: {\n    default: \"light\",\n    values: [\"light\", \"dark\"],\n  },\n  color: {\n    type: String,\n    default: \"\",\n  },\n  hit: {\n    type: Boolean,\n    default: false,\n  },\n  round: {\n    type: Boolean,\n    default: false,\n  },\n  width: {\n    type: String,\n    default: \"\",\n  },\n  options: {\n    type: Array<{\n      label: string;\n      value: any;\n      color: string;\n      type: \"success\" | \"warning\" | \"info\" | \"danger\";\n    }>,\n    default: () => [],\n  },\n} as const);\n\nexport type ColumnTagProps = ExtractPropTypes<typeof columnTagProps>;\n","import { computed, defineComponent, unref } from \"vue\";\nimport { ElTag } from \"element-plus\";\n\nimport { useColumn } from \"../../composables\";\nimport { columnTagProps } from \"./column-tag-options\";\n\nexport default defineComponent({\n  name: \"MKColumnTag\",\n  props: columnTagProps,\n  setup(props) {\n    const { value } = useColumn(props);\n\n    const options = computed(() => props.options);\n\n    const tagStyle = computed(() => ({ width: props.width }));\n\n    const currentOption = computed(() =>\n      unref(options).find((option) => option.value === unref(value))\n    );\n\n    return () => {\n      const _currentOption = unref(currentOption);\n\n      let content;\n\n      if (!_currentOption) {\n        content = (\n          <ElTag\n            style={unref(tagStyle)}\n            disableTransitions\n            type={props.type}\n            effect={props.effect}\n            hit={props.hit}\n            color={props.color}\n            round={props.round}\n          >\n            {unref(value)}\n          </ElTag>\n        );\n      } else {\n        content = (\n          <ElTag\n            style={unref(tagStyle)}\n            disableTransitions\n            type={_currentOption.type}\n            effect={props.effect}\n            hit={props.hit}\n            color={_currentOption.color}\n            round={props.round}\n          >\n            {_currentOption.label || _currentOption.value}\n          </ElTag>\n        );\n      }\n\n      return <div class=\"mk-column-tag\">{content}</div>;\n    };\n  },\n});\n","import ColumnTag from \"./column-tag\";\r\n\r\nexport const MKColumnTag = ColumnTag;\r\nexport default MKColumnTag;\r\n\r\nexport * from \"./column-tag-options\";\r\n"],"names":["buildProps","columnProps","_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","props","columnTagProps","setup","value","useColumn","options","computed","tagStyle","width","currentOption","unref","find","option","_currentOption","content","_slot","_createVNode","ElTag","type","effect","hit","color","round","default","label"],"mappings":";;;;;;;;;;;AAIO,MAAM,iBAAiBA,MAAAA,WAAW;AAAA,EACvC,GAAGC,MAAA;AAAA,EACH,MAAM;AAAA,IACJ,QAAQ,CAAC,WAAW,WAAW,QAAQ,UAAU,SAAS;AAAA,EAC5D;AAAA,EACA,QAAQ;AAAA,IACN,SAAS;AAAA,IACT,QAAQ,CAAC,SAAS,MAAM;AAAA,EAC1B;AAAA,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,KAAK;AAAA,IACH,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IAMN,SAAS,MAAM,CAAC;AAAA,EAClB;AACF,CAAU;AClC4C,SAAAC,QAAAC,GAAA;AAAA,SAAA,OAAAA,MAAA,cAAAC,OAAAC,UAAAC,SAAAC,KAAAJ,CAAA,MAAAK,qBAAAA,CAAAA,IAAA,QAAAL,CAAA;AAAA;AAEtD,MAAeM,gDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AACX,UAAM;AAAA,MAAEG;AAAAA,IAAM,IAAIC,MAAAA,UAAUJ,KAAK;AAEjC,UAAMK,UAAUC,IAAQ,SAAC,MAAMN,MAAMK,OAAO;AAE5C,UAAME,WAAWD,IAAAA,SAAS,OAAO;AAAA,MAAEE,OAAOR,MAAMQ;AAAAA,IAAO,EAAC;AAExD,UAAMC,gBAAgBH,IAAQ,SAAC,MAC7BI,IAAK,MAACL,OAAO,EAAEM,KAAMC,YAAWA,OAAOT,UAAUO,IAAK,MAACP,KAAK,CAAC,CAC/D;AAEA,WAAO,MAAM;AACX,YAAMU,iBAAiBH,UAAMD,aAAa;AAE1C,UAAIK;AAEJ,UAAI,CAACD,gBAAgB;AAAA,YAAAE;AACnBD,kBAAOE,IAAA,YAAAC,mBAAA;AAAA,UAAA,SAEIP,IAAK,MAACH,QAAQ;AAAA,UAAC,sBAAA;AAAA,UAAA,QAEhBP,MAAMkB;AAAAA,UAAI,UACRlB,MAAMmB;AAAAA,UAAM,OACfnB,MAAMoB;AAAAA,UAAG,SACPpB,MAAMqB;AAAAA,UAAK,SACXrB,MAAMsB;AAAAA,WAAK/B,QAAAwB,QAEjBL,IAAAA,MAAMP,KAAK,CAAC,IAAAY,QAAA;AAAA,UAAAQ,SAAAA,MAAA,CAAAR,KAAA;AAAA,SAEhB;AAAA,MACH,OAAO;AACLD,kBAAOE,IAAA,YAAAC,mBAAA;AAAA,UAAA,SAEIP,IAAK,MAACH,QAAQ;AAAA,UAAC,sBAAA;AAAA,UAAA,QAEhBM,eAAeK;AAAAA,UAAI,UACjBlB,MAAMmB;AAAAA,UAAM,OACfnB,MAAMoB;AAAAA,UAAG,SACPP,eAAeQ;AAAAA,UAAK,SACpBrB,MAAMsB;AAAAA,QAAK,GAAA;AAAA,UAAAC,SAAAA,MAEjBV,CAAAA,eAAeW,SAASX,eAAeV,KAAK;AAAA,SAEhD;AAAA,MACH;AAEA,aAAAa,IAAAA,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA,CAAmCF,OAAO,CAAA;AAAA;EAE9C;AACF,CAAC;ACxDM,MAAM,cAAc;;;;"}