@maketribe/ms-app 4.0.0-beta.1 → 4.0.0-beta.11

package/dist/cjs/index-DBdHlhrD.cjs

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+const index = require("./index-Hn4CQWPI.cjs");
+const utils = require("@maketribe/utils");
+require("vue-router");
+require("@maketribe/dm");
+const elementPlus = require("element-plus");
+require("@maketribe/request");
+require("@maketribe/locale");
+require("lodash-es");
+require("vue-cropper");
+require("@lexical/overflow");
+require("@lexical/text");
+require("@lexical/utils");
+require("lexical");
+require("@lexical/selection");
+require("@lexical/link");
+require("@lexical/rich-text");
+require("@element-plus/icons-vue");
+require("@lexical/history");
+require("@lexical/dragon");
+require("@lexical/plain-text");
+const columnImageProps = utils.buildProps({
+  ...index.columnProps
+});
+const ColumnImage = /* @__PURE__ */ vue.defineComponent({
+  name: "MKColumnImage",
+  props: columnImageProps,
+  setup(props) {
+    const {
+      value
+    } = index.useColumn(props);
+    return () => {
+      if (!vue.unref(value)) {
+        return null;
+      }
+      return vue.createVNode(elementPlus.ElImage, {
+        "src": vue.unref(value)
+      }, null);
+    };
+  }
+});
+const MKColumnImage = ColumnImage;
+exports.MKColumnImage = MKColumnImage;
+exports.default = MKColumnImage;
+//# sourceMappingURL=index-DBdHlhrD.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index-DBdHlhrD.cjs","sources":["../../src/components/data-model/data-table/components/column-image/column-image-options.ts","../../src/components/data-model/data-table/components/column-image/column-image.tsx","../../src/components/data-model/data-table/components/column-image/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { columnProps } from \"../../composables\";\n\nexport const columnImageProps = buildProps({\n  ...columnProps,\n} as const);\n\nexport type ColumnImageProps = ExtractPropTypes<typeof columnImageProps>;\n","import { defineComponent, unref } from \"vue\";\nimport { useColumn } from \"../../composables\";\nimport { columnImageProps } from \"./column-image-options\";\nimport { ElImage } from \"element-plus\";\n\nexport default defineComponent({\n  name: \"MKColumnImage\",\n  props: columnImageProps,\n  setup(props) {\n    const { value } = useColumn(props);\n\n    return () => {\n      if (!unref(value)) {\n        return null;\n      }\n\n      return <ElImage src={unref(value)} />;\n    };\n  },\n});\n","import ColumnImage from \"./column-image\";\n\nexport const MKColumnImage = ColumnImage;\nexport default MKColumnImage;\n"],"names":["buildProps","columnProps","defineComponent","name","props","columnImageProps","setup","value","useColumn","unref","_createVNode","ElImage"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAIO,MAAM,mBAAmBA,MAAAA,WAAW;AAAA,EACzC,GAAGC,MAAA;AACL,CAAU;ACDV,MAAeC,kDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AACX,UAAM;AAAA,MAAEG;AAAAA,IAAM,IAAIC,MAAAA,UAAUJ,KAAK;AAEjC,WAAO,MAAM;AACX,UAAI,CAACK,IAAAA,MAAMF,KAAK,GAAG;AACjB,eAAO;AAAA,MACT;AAEA,aAAAG,IAAAA,YAAAC,YAAAA,SAAA;AAAA,QAAA,OAAqBF,IAAK,MAACF,KAAK;AAAA,MAAC,GAAA,IAAA;AAAA;EAErC;AACF,CAAC;ACjBM,MAAM,gBAAgB;;;"}

package/dist/cjs/index-DKWfjVmX.cjs

@@ -0,0 +1,375 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+const elementPlus = require("element-plus");
+const dm = require("@maketribe/dm");
+const request = require("@maketribe/request");
+const index$1 = require("./index-Hn4CQWPI.cjs");
+require("vue-cropper");
+require("@lexical/overflow");
+require("@lexical/text");
+require("@lexical/utils");
+require("lexical");
+require("@lexical/selection");
+require("@lexical/link");
+require("@lexical/rich-text");
+const iconsVue = require("@element-plus/icons-vue");
+require("@lexical/history");
+require("@lexical/dragon");
+require("@lexical/plain-text");
+require("lodash-es");
+require("@maketribe/utils");
+const vueRouter = require("vue-router");
+require("@maketribe/locale");
+const _hoisted_1$1 = { class: "ms-role-aside" };
+const _hoisted_2$1 = { class: "ms-role-aside__main" };
+const _hoisted_3$1 = { class: "ms-role-aside__role-list" };
+const _hoisted_4$1 = ["onClick"];
+const _hoisted_5$1 = { class: "ms-role-aside__role-desc" };
+const _hoisted_6$1 = { class: "ms-role-aside__icon" };
+const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
+  __name: "aside",
+  props: {
+    roleForm: {
+      type: index$1.MsRoleForm,
+      required: true
+    }
+  },
+  emits: ["role-select"],
+  async setup(__props, { emit: __emit }) {
+    let __temp, __restore;
+    const props = __props;
+    const emit = __emit;
+    const dvOpt = request.DvOpt.createInstance({ name: "ms-role" });
+    const roles = vue.ref([]);
+    const currentRole = vue.ref(null);
+    const loading = vue.ref(false);
+    vue.watch(currentRole, () => {
+      emit("role-select", currentRole.value);
+    });
+    vue.watch(
+      vue.computed(() => props.roleForm),
+      (roleForm, _, onCleanup) => {
+        const disposable = roleForm.submittedEvent.on(() => {
+          loadRoleList();
+        });
+        onCleanup(() => {
+          disposable.dispose();
+        });
+      },
+      { immediate: true }
+    );
+    const loadRoleList = async () => {
+      try {
+        loading.value = true;
+        roles.value = await dvOpt.query().list();
+        if (roles.value.length) {
+          handleRoleClick(roles.value[0]);
+        }
+      } finally {
+        loading.value = false;
+      }
+    };
+    const handleMemberRoleEdit = (role) => {
+      dm.Dialoger.dataFormDialog({
+        dataForm: props.roleForm,
+        recId: role.id
+      });
+    };
+    const handleRoleClick = (role) => {
+      currentRole.value = role;
+    };
+    const handleDelete = async (role) => {
+      var _a;
+      const isConfirm = await elementPlus.ElMessageBox.confirm("是否确认删除", {
+        type: "warning"
+      }).then(
+        () => true,
+        () => false
+      );
+      if (!isConfirm) {
+        return;
+      }
+      try {
+        const result = await dvOpt.delete(role.id);
+        if (result.code !== 200) {
+          elementPlus.ElMessage.error({ message: result.msg });
+          return;
+        }
+        elementPlus.ElMessage.success({ message: "删除成功" });
+        if (((_a = vue.unref(currentRole)) == null ? void 0 : _a.id) === role.id) {
+          currentRole.value = null;
+        }
+        loadRoleList();
+      } catch (e) {
+        console.error(e);
+        elementPlus.ElMessage.error({ message: "网络异常" });
+      }
+    };
+    [__temp, __restore] = vue.withAsyncContext(() => loadRoleList()), await __temp, __restore();
+    return (_ctx, _cache) => {
+      const _component_ElDropdownItem = vue.resolveComponent("ElDropdownItem");
+      const _component_ElDropdownMenu = vue.resolveComponent("ElDropdownMenu");
+      const _component_ElDropdown = vue.resolveComponent("ElDropdown");
+      const _directive_loading = vue.resolveDirective("loading");
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1, [
+        vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_2$1, [
+          vue.createVNode(vue.unref(elementPlus.ElScrollbar), { height: "100%" }, {
+            default: vue.withCtx(() => [
+              vue.createElementVNode("div", _hoisted_3$1, [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(roles.value, (role) => {
+                  var _a;
+                  return vue.openBlock(), vue.createElementBlock("div", {
+                    class: vue.normalizeClass(["ms-role-aside__role-item flex flex-justify-between", [role.id === ((_a = currentRole.value) == null ? void 0 : _a.id) ? "is-active" : ""]]),
+                    key: role.id,
+                    onClick: ($event) => handleRoleClick(role)
+                  }, [
+                    vue.createElementVNode("div", null, [
+                      vue.createVNode(vue.unref(index$1.MKSvgIcon), {
+                        class: "ms-role-aside__role-icon",
+                        name: "solar:user-bold-duotone"
+                      }),
+                      vue.createElementVNode("span", _hoisted_5$1, vue.toDisplayString(role.desc), 1)
+                    ]),
+                    vue.createElementVNode("div", {
+                      onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
+                      }, ["prevent"])),
+                      class: "flex flex-items-center"
+                    }, [
+                      vue.createVNode(_component_ElDropdown, null, {
+                        dropdown: vue.withCtx(() => [
+                          vue.createVNode(_component_ElDropdownMenu, null, {
+                            default: vue.withCtx(() => [
+                              vue.createVNode(_component_ElDropdownItem, {
+                                icon: vue.unref(iconsVue.Edit),
+                                onClick: ($event) => handleMemberRoleEdit(role)
+                              }, {
+                                default: vue.withCtx(() => [
+                                  vue.createTextVNode(" 编辑 ")
+                                ]),
+                                _: 2
+                              }, 1032, ["icon", "onClick"]),
+                              vue.createVNode(_component_ElDropdownItem, {
+                                icon: vue.unref(iconsVue.Delete),
+                                onClick: ($event) => handleDelete(role)
+                              }, {
+                                default: vue.withCtx(() => [
+                                  vue.createTextVNode(" 删除 ")
+                                ]),
+                                _: 2
+                              }, 1032, ["icon", "onClick"])
+                            ]),
+                            _: 2
+                          }, 1024)
+                        ]),
+                        default: vue.withCtx(() => [
+                          vue.createElementVNode("span", _hoisted_6$1, [
+                            vue.createVNode(vue.unref(index$1.MKSvgIcon), { name: "ri:more-fill" })
+                          ])
+                        ]),
+                        _: 2
+                      }, 1024)
+                    ])
+                  ], 10, _hoisted_4$1);
+                }), 128))
+              ])
+            ]),
+            _: 1
+          })
+        ])), [
+          [_directive_loading, loading.value]
+        ])
+      ]);
+    };
+  }
+});
+const RoleAside = /* @__PURE__ */ index$1._export_sfc(_sfc_main$1, [["__scopeId", "data-v-6493653c"]]);
+const _hoisted_1 = { class: "ms-role__body-warp" };
+const _hoisted_2 = { class: "ms-role__aside" };
+const _hoisted_3 = { class: "ms-role__main" };
+const _hoisted_4 = {
+  key: 0,
+  class: "ms-role__content"
+};
+const _hoisted_5 = { class: "flex flex-justify-between" };
+const _hoisted_6 = {
+  class: "ms-role__title",
+  flex: "~ items-center"
+};
+const _hoisted_7 = { class: "ms-role__tools" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "index",
+  setup(__props) {
+    const router = vueRouter.useRouter();
+    const dvOpt = request.DvOpt.createInstance({ name: "ms-member-role" });
+    const currentRole = vue.ref(null);
+    const memberRoleTable = vue.reactive(new index$1.MsMemberRoleTable());
+    const roleForm = vue.reactive(new index$1.MsRoleForm());
+    const disabledBatchDelete = vue.computed(
+      () => memberRoleTable.getSelection().length === 0
+    );
+    vue.watch(currentRole, (currentRole2) => {
+      memberRoleTable.setCurrentRole(currentRole2);
+    });
+    vue.onBeforeUnmount(() => {
+      memberRoleTable.dispose();
+      roleForm.dispose();
+    });
+    const handleAddRoleClick = () => {
+      dm.Dialoger.dataFormDialog({
+        dataForm: roleForm
+      });
+    };
+    const handleRoleSelect = (role) => {
+      currentRole.value = role;
+    };
+    const handleSelectUserClick = async () => {
+      const selectResult = await dm.Dialoger.dataTableSelectDialog(
+        memberRoleTable.memberTable
+      );
+      if (!selectResult.isConfirm) {
+        return;
+      }
+      const roleId = vue.unref(currentRole).id;
+      const memberRoleList = selectResult.selections.map((item) => ({
+        roleId,
+        memberId: item
+      }));
+      try {
+        const result = await dvOpt.batchSave(memberRoleList);
+        if (result.code !== 200) {
+          elementPlus.ElMessage.error({ message: result.msg });
+          return;
+        }
+        elementPlus.ElMessage.success({ message: "添加成功" });
+        memberRoleTable.load();
+      } catch (e) {
+        console.error(e);
+        elementPlus.ElMessage.error({ message: "网络异常" });
+      }
+    };
+    const handleBatchDelete = async () => {
+      const isConfirm = await elementPlus.ElMessageBox.confirm("是否确认删除", {
+        type: "warning"
+      }).then(
+        () => true,
+        () => false
+      );
+      if (!isConfirm) {
+        return;
+      }
+      try {
+        const result = await dvOpt.batchDelete(memberRoleTable.getSelection());
+        if (result.code !== 200) {
+          elementPlus.ElMessage.error({ message: result.msg });
+          return;
+        }
+        elementPlus.ElMessage.success({ message: "删除成功" });
+        memberRoleTable.load();
+      } catch (e) {
+        console.error(e);
+        elementPlus.ElMessage.error({ message: "网络异常" });
+      }
+    };
+    const handlePermissionEdit = () => {
+      var _a;
+      router.push({ name: "dv/ms-role/permission", params: { id: (_a = vue.unref(currentRole)) == null ? void 0 : _a.id } });
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(index$1.MKPagePanel), {
+        class: "ms-role",
+        title: "角色管理",
+        iconName: "carbon:add-filled"
+      }, {
+        extra: vue.withCtx(() => [
+          vue.createVNode(vue.unref(elementPlus.ElButton), {
+            type: "primary",
+            onClick: handleAddRoleClick,
+            style: { "margin-right": "10px" }
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(vue.unref(index$1.MKSvgIcon), {
+                name: "carbon:add-filled",
+                style: { "margin-right": "5px" }
+              }),
+              vue.createTextVNode(" 添加角色 ")
+            ]),
+            _: 1
+          })
+        ]),
+        default: vue.withCtx(() => [
+          vue.createElementVNode("div", _hoisted_1, [
+            vue.createElementVNode("div", _hoisted_2, [
+              vue.createVNode(RoleAside, {
+                onRoleSelect: handleRoleSelect,
+                "role-form": roleForm,
+                ref: "RoleAsideEl"
+              }, null, 8, ["role-form"])
+            ]),
+            vue.createElementVNode("div", _hoisted_3, [
+              currentRole.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
+                vue.createElementVNode("div", _hoisted_5, [
+                  vue.createElementVNode("div", _hoisted_6, [
+                    vue.createVNode(vue.unref(index$1.MKSvgIcon), {
+                      class: "ms-role-aside__role-icon",
+                      name: "oui:app-users-roles",
+                      m: "r-[10px]"
+                    }),
+                    vue.createTextVNode(" " + vue.toDisplayString(currentRole.value.desc), 1)
+                  ]),
+                  vue.createElementVNode("div", _hoisted_7, [
+                    vue.createVNode(vue.unref(elementPlus.ElButton), {
+                      type: "primary",
+                      text: "",
+                      onClick: handlePermissionEdit
+                    }, {
+                      icon: vue.withCtx(() => [
+                        vue.createVNode(vue.unref(index$1.MKSvgIcon), { name: "material-symbols-light:vpn-key-outline" })
+                      ]),
+                      default: vue.withCtx(() => [
+                        vue.createTextVNode(" 权限设置 ")
+                      ]),
+                      _: 1
+                    }),
+                    vue.createVNode(vue.unref(elementPlus.ElButton), {
+                      type: "primary",
+                      onClick: handleSelectUserClick
+                    }, {
+                      icon: vue.withCtx(() => [
+                        vue.createVNode(vue.unref(index$1.MKSvgIcon), { name: "carbon:add-filled" })
+                      ]),
+                      default: vue.withCtx(() => [
+                        vue.createTextVNode(" 添加成员 ")
+                      ]),
+                      _: 1
+                    }),
+                    vue.createVNode(vue.unref(elementPlus.ElButton), {
+                      disabled: disabledBatchDelete.value,
+                      onClick: handleBatchDelete
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createTextVNode(" 批量删除 ")
+                      ]),
+                      _: 1
+                    }, 8, ["disabled"])
+                  ])
+                ]),
+                vue.createVNode(vue.unref(index$1.MKDataTable), { "data-table": memberRoleTable }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(vue.unref(index$1.MKTable)),
+                    vue.createVNode(vue.unref(index$1.MKDataTablePagination))
+                  ]),
+                  _: 1
+                }, 8, ["data-table"])
+              ])) : vue.createCommentVNode("", true)
+            ])
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+const index = /* @__PURE__ */ index$1._export_sfc(_sfc_main, [["__scopeId", "data-v-cbeb38ea"]]);
+exports.default = index;
+//# sourceMappingURL=index-DKWfjVmX.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index-DKWfjVmX.cjs","sources":["../../src/pages/SysRole/components/aside.vue","../../src/pages/SysRole/index.vue"],"sourcesContent":["<template>\n  <div class=\"ms-role-aside\">\n    <div class=\"ms-role-aside__main\" v-loading=\"loading\">\n      <ElScrollbar height=\"100%\">\n        <div class=\"ms-role-aside__role-list\">\n          <div\n            v-for=\"role in roles\"\n            class=\"ms-role-aside__role-item flex flex-justify-between\"\n            :class=\"[role.id === currentRole?.id ? 'is-active' : '',]\"\n            :key=\"role.id\"\n            @click=\"handleRoleClick(role)\"\n          >\n            <div>\n              <MKSvgIcon class=\"ms-role-aside__role-icon\" name=\"solar:user-bold-duotone\"/>\n              <span class=\"ms-role-aside__role-desc\">{{ role.desc }}</span>\n            </div>\n            <div @click.prevent class=\"flex flex-items-center\">\n              <ElDropdown>\n                <span class=\"ms-role-aside__icon\">\n                  <MKSvgIcon name=\"ri:more-fill\"/>\n                </span>\n\n                <template #dropdown>\n                  <ElDropdownMenu>\n                    <ElDropdownItem :icon=\"Edit\" @click=\"handleMemberRoleEdit(role)\">\n                      编辑\n                    </ElDropdownItem>\n                    <ElDropdownItem :icon=\"Delete\" @click=\"handleDelete(role)\">\n                      删除\n                    </ElDropdownItem>\n                  </ElDropdownMenu>\n                </template>\n              </ElDropdown>\n            </div>\n          </div>\n        </div>\n      </ElScrollbar>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport {onMounted, ref, Ref, watch, computed, unref} from \"vue\";\nimport {DvOpt} from \"@maketribe/request\";\nimport {Dialoger} from \"@maketribe/dm\";\nimport {Edit, Delete} from \"@element-plus/icons-vue\";\nimport {ElButton, ElMessage, ElScrollbar, ElMessageBox} from \"element-plus\";\nimport {MKSvgIcon} from \"../../../components\";\nimport {MsRole, MsRoleForm} from \"../../../dataviews\";\n\nconst props = defineProps({\n  roleForm: {\n    type: MsRoleForm,\n    required: true,\n  },\n});\n\nconst emit = defineEmits([\"role-select\"]);\n\nconst dvOpt = DvOpt.createInstance({name: \"ms-role\"});\n\nconst roles: Ref<MsRole[]> = ref([]);\n\nconst currentRole: Ref<MsRole | null> = ref(null);\n\nconst loading = ref(false);\n\n\nwatch(currentRole, () => {\n  emit(\"role-select\", currentRole.value);\n});\n\n//asdasda\nwatch(\n  computed(() => props.roleForm),\n  (roleForm, _, onCleanup) => {\n    const disposable = roleForm.submittedEvent.on(() => {\n      loadRoleList();\n    });\n\n    onCleanup(() => {\n      disposable.dispose();\n    });\n  },\n  {immediate: true}\n);\n\nconst loadRoleList = async () => {\n  try {\n    loading.value = true;\n\n    roles.value = await dvOpt.query().list<MsRole>();\n\n    // 加载完成之后默认选中第一个\n    if (roles.value.length) {\n      handleRoleClick(roles.value[0])\n    }\n\n  } finally {\n    loading.value = false;\n  }\n};\n\nconst handleMemberRoleEdit = (role: MsRole) => {\n  Dialoger.dataFormDialog({\n    dataForm: props.roleForm,\n    recId: role.id,\n  });\n};\n\nconst handleRoleClick = (role: MsRole) => {\n  currentRole.value = role;\n};\n\nconst handleDelete = async (role: MsRole) => {\n  const isConfirm = await ElMessageBox.confirm(\"是否确认删除\", {\n    type: \"warning\",\n  }).then(\n    () => true,\n    () => false\n  );\n\n  if (!isConfirm) {\n    return;\n  }\n\n  try {\n    const result = await dvOpt.delete(role.id);\n\n    if (result.code !== 200) {\n      ElMessage.error({message: result.msg});\n      return;\n    }\n\n    ElMessage.success({message: \"删除成功\"});\n\n    if (unref(currentRole)?.id === role.id) {\n      currentRole.value = null;\n    }\n\n    loadRoleList();\n  } catch (e) {\n    console.error(e);\n    ElMessage.error({message: \"网络异常\"});\n  }\n};\n\n// 加载角色列表\nawait loadRoleList();\n</script>\n\n<style lang=\"scss\" scoped>\n.ms-role-aside {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n\n\n  &__main {\n    height: 0;\n    flex: 1;\n  }\n\n  &__role {\n    &-icon {\n      margin-right: 8px;\n      font-size: 16px;\n    }\n    &-item+&-item {\n      margin-top: 5px;\n    }\n    &-item {\n      display: flex;\n      align-items: center;\n      height: 36px;\n      padding: 5px 10px;\n      line-height: 36px;\n      border-radius: 5px;\n      cursor: pointer;\n\n      &.is-active,\n      &:hover {\n        background-color: #f4f4f4;\n      }\n\n      .ms-role-aside__icon {\n        display: none;\n        border-radius: 3px;\n        font-size: 14px;\n\n        &:hover {\n          background-color: #f4f4f4;\n        }\n      }\n\n      &:hover {\n        .ms-role-aside__icon {\n          padding: 5px;\n          display: inline-flex;\n        }\n      }\n    }\n  }\n}\n</style>\n","<template>\n  <MKPagePanel class=\"ms-role\" title=\"角色管理\" iconName=\"carbon:add-filled\">\n    <template #extra>\n      <el-button type=\"primary\" @click=\"handleAddRoleClick\" style=\"margin-right: 10px;\">\n        <MKSvgIcon name=\"carbon:add-filled\" style=\"margin-right: 5px;\"/>\n        添加角色\n      </el-button>\n    </template>\n    <div class=\"ms-role__body-warp\">\n      <div class=\"ms-role__aside\">\n        <RoleAside\n          @role-select=\"handleRoleSelect\"\n          :role-form=\"roleForm\"\n          ref=\"RoleAsideEl\"\n        />\n      </div>\n      <div class=\"ms-role__main\">\n        <div class=\"ms-role__content\" v-if=\"currentRole\">\n          <div class=\"flex flex-justify-between\">\n            <div class=\"ms-role__title\" flex=\"~ items-center\">\n              <MKSvgIcon class=\"ms-role-aside__role-icon\" name=\"oui:app-users-roles\" m=\"r-[10px]\"/>\n              {{ currentRole.desc }}\n            </div>\n            <div class=\"ms-role__tools\">\n              <ElButton type=\"primary\" text @click=\"handlePermissionEdit\">\n                <template #icon>\n                  <MKSvgIcon name=\"material-symbols-light:vpn-key-outline\"/>\n                </template>\n                权限设置\n              </ElButton>\n              <ElButton type=\"primary\" @click=\"handleSelectUserClick\">\n                <template #icon>\n                  <MKSvgIcon name=\"carbon:add-filled\"/>\n                </template>\n                添加成员\n              </ElButton>\n              <ElButton\n                :disabled=\"disabledBatchDelete\"\n                @click=\"handleBatchDelete\"\n              >\n                批量删除\n              </ElButton>\n            </div>\n          </div>\n          <MKDataTable :data-table=\"memberRoleTable\">\n            <MKTable/>\n            <MKDataTablePagination/>\n          </MKDataTable>\n        </div>\n      </div>\n    </div>\n  </MKPagePanel>\n</template>\n<script setup lang=\"ts\">\nimport {\n  reactive,\n  Ref,\n  ref,\n  watch,\n  unref,\n  computed,\n  onBeforeUnmount,\n} from \"vue\";\nimport {ElButton, ElMessage, ElMessageBox} from \"element-plus\";\nimport {Dialoger} from \"@maketribe/dm\";\nimport {DvOpt} from \"@maketribe/request\";\nimport {MKDataTable, MKPagePanel, MKSvgIcon, MKTable, MKDataTablePagination} from \"../../components\";\nimport {MsRole, MsMemberRoleTable, MsRoleForm} from \"../../dataviews\";\nimport RoleAside from \"./components/aside.vue\";\n\nconst router = useRouter();\n\nconst dvOpt = DvOpt.createInstance({name: \"ms-member-role\"});\n\nconst currentRole: Ref<MsRole | null> = ref(null);\n\nconst memberRoleTable = reactive(new MsMemberRoleTable()) as MsMemberRoleTable;\n\nconst roleForm = reactive(new MsRoleForm()) as MsRoleForm;\n\nconst disabledBatchDelete = computed(\n  () => memberRoleTable.getSelection().length === 0\n);\n\nwatch(currentRole, (currentRole) => {\n  memberRoleTable.setCurrentRole(currentRole);\n});\n\nonBeforeUnmount(() => {\n  memberRoleTable.dispose();\n  roleForm.dispose();\n});\n\nconst handleAddRoleClick = () => {\n  Dialoger.dataFormDialog({\n    dataForm: roleForm\n  });\n};\n\nconst handleRoleSelect = (role: MsRole) => {\n  currentRole.value = role;\n};\n\nconst handleSelectUserClick = async () => {\n  const selectResult = await Dialoger.dataTableSelectDialog(\n    memberRoleTable.memberTable\n  );\n\n  if (!selectResult.isConfirm) {\n    return;\n  }\n\n  const roleId = unref(currentRole)!.id;\n\n  const memberRoleList = selectResult.selections.map((item) => ({\n    roleId,\n    memberId: item,\n  }));\n\n  try {\n    const result = await dvOpt.batchSave(memberRoleList);\n\n    if (result.code !== 200) {\n      ElMessage.error({message: result.msg});\n      return;\n    }\n\n    ElMessage.success({message: \"添加成功\"});\n\n    memberRoleTable.load();\n  } catch (e) {\n    console.error(e);\n\n    ElMessage.error({message: \"网络异常\"});\n  }\n};\n\nconst handleBatchDelete = async () => {\n  const isConfirm = await ElMessageBox.confirm(\"是否确认删除\", {\n    type: \"warning\",\n  }).then(\n    () => true,\n    () => false\n  );\n\n  if (!isConfirm) {\n    return;\n  }\n\n  try {\n    const result = await dvOpt.batchDelete(memberRoleTable.getSelection());\n\n    if (result.code !== 200) {\n      ElMessage.error({message: result.msg});\n      return;\n    }\n\n    ElMessage.success({message: \"删除成功\"});\n    memberRoleTable.load();\n  } catch (e) {\n    console.error(e);\n    ElMessage.error({message: \"网络异常\"});\n  }\n};\n\nconst handlePermissionEdit = () => {\n  router.push({name: \"dv/ms-role/permission\", params: {id: unref(currentRole)?.id}})\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.ms-role {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  padding: 0px;\n\n  &__body-warp {\n    padding: 10px;\n    display: flex;\n    height: 100%;\n    overflow: hidden;\n  }\n\n  &__aside {\n    background-color: #fff;\n    padding: 10px;\n    max-width: 360px;\n    min-width: 220px;\n    margin-right: 10px;\n  }\n\n  &__main {\n    width: 0;\n    flex: 1;\n\n    .mk-data-table {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n\n      .el-table {\n        height: 0;\n        flex: 1;\n      }\n    }\n  }\n\n  &__content {\n    display: flex;\n    flex-direction: column;\n    padding: 12px;\n    width: 100%;\n    height: 100%;\n    box-sizing: border-box;\n    background-color: #fff;\n  }\n\n  &__title {\n    font-size: 18px;\n    font-weight: 600;\n    margin: 10px 0;\n  }\n\n  &__tools {\n    margin: 10px 0;\n    display: flex;\n    justify-content: flex-end;\n  }\n}\n\n</style>\n"],"names":["DvOpt","ref","watch","computed","Dialoger","ElMessageBox","ElMessage","unref","_withAsyncContext","useRouter","reactive","MsMemberRoleTable","MsRoleForm","currentRole","onBeforeUnmount"],"mappings":"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"}

package/dist/cjs/index-DQP_fQv-.cjs

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+const index = require("./index-Hn4CQWPI.cjs");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "index",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      const _component_RouterView = vue.resolveComponent("RouterView");
+      return vue.openBlock(), vue.createBlock(vue.unref(index.MKLayout), null, {
+        default: vue.withCtx(() => [
+          vue.createVNode(_component_RouterView)
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+exports.default = _sfc_main;
+//# sourceMappingURL=index-DQP_fQv-.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index-DQP_fQv-.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/index-DRK1u4vp.cjs

@@ -0,0 +1,28 @@
+"use strict";
+const utils = require("@maketribe/utils");
+const index = require("./index-Hn4CQWPI.cjs");
+require("vue");
+require("vue-router");
+require("@maketribe/dm");
+require("element-plus");
+require("@maketribe/request");
+require("@maketribe/locale");
+require("lodash-es");
+require("vue-cropper");
+require("@lexical/overflow");
+require("@lexical/text");
+require("@lexical/utils");
+require("lexical");
+require("@lexical/selection");
+require("@lexical/link");
+require("@lexical/rich-text");
+require("@element-plus/icons-vue");
+require("@lexical/history");
+require("@lexical/dragon");
+require("@lexical/plain-text");
+const columnTextProps = utils.buildProps({
+  ...index.columnProps,
+  formatValue: { type: Function, default: (value) => value }
+});
+exports.columnTextProps = columnTextProps;
+//# sourceMappingURL=index-DRK1u4vp.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index-DRK1u4vp.cjs","sources":["../../src/components/data-model/data-table/components/column-text/column-text-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { columnProps } from \"../../composables\";\n\nexport const columnTextProps = buildProps({\n  ...columnProps,\n  formatValue: { type: Function, default: (value: any) => value },\n});\n\nexport type ColumnTextProps = ExtractPropTypes<typeof columnTextProps>;\n"],"names":["buildProps","columnProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAIO,MAAM,kBAAkBA,MAAAA,WAAW;AAAA,EACxC,GAAGC,MAAA;AAAA,EACH,aAAa,EAAE,MAAM,UAAU,SAAS,CAAC,UAAe,MAAM;AAChE,CAAC;;"}

package/dist/cjs/index-DYEliyYZ.cjs

@@ -0,0 +1,108 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+const utils = require("@maketribe/utils");
+const index = require("./index-Hn4CQWPI.cjs");
+require("vue-router");
+require("@maketribe/dm");
+const elementPlus = require("element-plus");
+require("@maketribe/request");
+require("@maketribe/locale");
+require("lodash-es");
+require("vue-cropper");
+require("@lexical/overflow");
+require("@lexical/text");
+require("@lexical/utils");
+require("lexical");
+require("@lexical/selection");
+require("@lexical/link");
+require("@lexical/rich-text");
+require("@element-plus/icons-vue");
+require("@lexical/history");
+require("@lexical/dragon");
+require("@lexical/plain-text");
+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-DYEliyYZ.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index-DYEliyYZ.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\";\nimport { buildProps } from \"@maketribe/utils\";\n\nexport const columnSelectHeaderProps = buildProps({});\n\nexport type ColumnSelectHeaderProps = ExtractPropTypes<\n  typeof columnSelectHeaderProps\n>;\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\";\nimport \"./index.scss\"\nexport const MKColumnSelect = ColumnSelect;\n\nexport default MKColumnSelect;\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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"}