@maketribe/ms-app 3.2.45 → 3.2.47

package/dist/cjs/layouts/components/header/message.js

@@ -0,0 +1,94 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+const elementPlus = require("element-plus");
+const index = require("../../../components/basic/svg-icon/index.js");
+const index_vue_vue_type_script_setup_true_lang = require("../message-list/index.vue.js");
+const SignalR = require("@microsoft/signalr");
+const notify = require("./notify.js");
+require("@maketribe/dm");
+require("@maketribe/utils");
+require("../../../core/DataModelDefines.js");
+const MSAppClient = require("../../../core/MSAppClient.js");
+require("@maketribe/request");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const SignalR__namespace = /* @__PURE__ */ _interopNamespaceDefault(SignalR);
+const MKMessage = /* @__PURE__ */ vue.defineComponent({
+  name: "MKMessage",
+  setup() {
+    const showMessageList = vue.ref(false);
+    const num = vue.ref(0);
+    console.log(localStorage.getItem("access-token"));
+    const connection = new SignalR__namespace.HubConnectionBuilder().withUrl("/api/ms/hubs/notification", {
+      accessTokenFactory: () => localStorage.getItem("access-token")
+    }).withAutomaticReconnect({
+      nextRetryDelayInMilliseconds: function(val) {
+        let arr = [1e3, 5e3, 1e4, 3e4];
+        if (val.previousRetryCount <= 3) {
+          return arr[val.previousRetryCount];
+        } else {
+          return arr[3];
+        }
+      }
+    }).build();
+    connection.on('Notification"', (infos) => {
+      console.log(infos);
+      notify.notifyHandle(infos);
+      getUnreadMessageNum();
+    });
+    window.connection = connection;
+    const start = async () => {
+      try {
+        await connection.start();
+        console.log("SignalR Connected.");
+      } catch (err) {
+        console.log(err);
+        setTimeout(start, 5e3);
+      }
+    };
+    connection.onclose(async () => {
+      await start();
+    });
+    const getUnreadMessageNum = async () => {
+      const httpRequest = MSAppClient.MSAppClient.instance.httpRequest;
+      const result = await httpRequest.get("/ms/dv/message/unread/count");
+      if (result.data.code == 200) {
+        num.value = result.data.data;
+      }
+    };
+    vue.onMounted(() => {
+      getUnreadMessageNum();
+    });
+    return () => {
+      return vue.createVNode("div", null, [vue.createVNode(elementPlus.ElBadge, {
+        "value": num.value
+      }, {
+        default: () => [vue.createVNode(index.MKSvgIcon, {
+          "iconClass": "Message",
+          "class": "mk-header__tools-message",
+          "onClick": () => showMessageList.value = true
+        }, null)]
+      }), vue.createVNode(index_vue_vue_type_script_setup_true_lang, {
+        "showMessageList": vue.unref(showMessageList),
+        "onUpdate:showMessageList": (v) => showMessageList.value = v
+      }, null)]);
+    };
+  }
+});
+exports.MKMessage = MKMessage;
+//# sourceMappingURL=message.js.map

package/dist/cjs/layouts/components/header/message.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message.js","sources":["../../../../../src/layouts/components/header/message.tsx"],"sourcesContent":["import { ElBadge, ElButton, ElNotification } from \"element-plus\";\r\nimport { MKSvgIcon } from \"../../../components/basic/svg-icon\";\r\nimport { defineComponent, h, isVNode, onMounted, ref, Ref, unref } from \"vue\";\r\nimport MessageList from \"../message-list/index.vue\"\r\nimport * as SignalR from \"@microsoft/signalr\"\r\nimport { notifyHandle, NotifyType } from \"./notify\";\r\nimport { MSAppClient } from \"../../../core\"\r\n\r\n\r\n\r\nexport const MKMessage = defineComponent({\r\n    name: \"MKMessage\",\r\n    setup() {\r\n\r\n        const showMessageList: Ref<boolean> | undefined = ref(false)\r\n        const num: Ref<number> = ref(0)\r\n        console.log(localStorage.getItem(\"access-token\"));\r\n        //signalR连接\r\n        const connection = new SignalR.HubConnectionBuilder()\r\n            .withUrl(\"/api/ms/hubs/notification\", { accessTokenFactory: () => localStorage.getItem(\"access-token\") as string })\r\n            //自动连接\r\n            .withAutomaticReconnect({\r\n                nextRetryDelayInMilliseconds: function (val) {\r\n                    // _this.$TF.closeLoading()\r\n                    let arr = [1000, 5000, 10000, 30000]\r\n                    if (val.previousRetryCount <= 3) {\r\n                        return arr[val.previousRetryCount]\r\n                    } else {\r\n                        return arr[3]\r\n                    }\r\n                }\r\n            })\r\n            .build();\r\n        //接收消息\r\n        connection.on('Notification\"', (infos) => {\r\n            console.log(infos);\r\n            notifyHandle(infos);\r\n            getUnreadMessageNum();\r\n        });\r\n        (window as any).connection = connection\r\n        const start = async () => {\r\n            try {\r\n                await connection.start();\r\n                console.log(\"SignalR Connected.\");\r\n            } catch (err) {\r\n                console.log(err);\r\n                setTimeout(start, 5000);\r\n            }\r\n        };\r\n\r\n        connection.onclose(async () => {\r\n            await start();\r\n        });\r\n\r\n        //Start the connection.启动\r\n        // start();\r\n\r\n        const getUnreadMessageNum = async () => {\r\n            const httpRequest = MSAppClient.instance!.httpRequest\r\n            const result = await httpRequest.get(\"/ms/dv/message/unread/count\")\r\n            if (result.data.code == 200) {\r\n                num.value = result.data.data\r\n            }\r\n\r\n        }\r\n        onMounted(() => {\r\n            getUnreadMessageNum();\r\n        })\r\n        return () => {\r\n            return (<div>\r\n                <ElBadge value={num.value}>\r\n                    <MKSvgIcon iconClass=\"Message\" class=\"mk-header__tools-message\" onClick={() => (showMessageList.value = true)} />\r\n                </ElBadge>\r\n                <MessageList showMessageList={unref(showMessageList)} onUpdate:showMessageList={(v) => (showMessageList.value = v)}>\r\n\r\n                </MessageList>\r\n            </div>)\r\n        }\r\n    }\r\n})"],"names":["MKMessage","defineComponent","name","setup","showMessageList","ref","num","console","log","localStorage","getItem","connection","SignalR","HubConnectionBuilder","withUrl","accessTokenFactory","withAutomaticReconnect","nextRetryDelayInMilliseconds","val","arr","previousRetryCount","build","on","infos","notifyHandle","getUnreadMessageNum","window","start","err","setTimeout","onclose","httpRequest","MSAppClient","instance","result","get","data","code","value","onMounted","_createVNode","ElBadge","default","MKSvgIcon","onClick","MessageList","unref","v"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUaA,MAAAA,YAAYC,oBAAAA,gBAAgB;AAAA,EACrCC,MAAM;AAAA,EACNC,QAAQ;AAEJ,UAAMC,kBAA4CC,QAAI,KAAK;AAC3D,UAAMC,MAAmBD,QAAI,CAAC;AAC9BE,YAAQC,IAAIC,aAAaC,QAAQ,cAAc,CAAC;AAEhD,UAAMC,aAAa,IAAIC,mBAAQC,qBAAoB,EAC9CC,QAAQ,6BAA6B;AAAA,MAAEC,oBAAoBA,MAAMN,aAAaC,QAAQ,cAAc;AAAA,KAAa,EAEjHM,uBAAuB;AAAA,MACpBC,8BAA8B,SAAUC,KAAK;AAEzC,YAAIC,MAAM,CAAC,KAAM,KAAM,KAAO,GAAK;AACnC,YAAID,IAAIE,sBAAsB,GAAG;AAC7B,iBAAOD,IAAID,IAAIE,kBAAkB;AAAA,QACrC,OAAO;AACH,iBAAOD,IAAI,CAAC;AAAA,QAChB;AAAA,MACJ;AAAA,IACJ,CAAC,EACAE,MAAK;AAEVV,eAAWW,GAAG,iBAAkBC,WAAU;AACtChB,cAAQC,IAAIe,KAAK;AACjBC,aAAY,aAACD,KAAK;AAClBE;IACJ,CAAC;AACAC,WAAef,aAAaA;AAC7B,UAAMgB,QAAQ,YAAY;AACtB,UAAI;AACA,cAAMhB,WAAWgB;AACjBpB,gBAAQC,IAAI,oBAAoB;AAAA,MACnC,SAAQoB,KAAK;AACVrB,gBAAQC,IAAIoB,GAAG;AACfC,mBAAWF,OAAO,GAAI;AAAA,MAC1B;AAAA;AAGJhB,eAAWmB,QAAQ,YAAY;AAC3B,YAAMH,MAAK;AAAA,IACf,CAAC;AAKD,UAAMF,sBAAsB,YAAY;AACpC,YAAMM,cAAcC,YAAAA,YAAYC,SAAUF;AAC1C,YAAMG,SAAS,MAAMH,YAAYI,IAAI,6BAA6B;AAClE,UAAID,OAAOE,KAAKC,QAAQ,KAAK;AACzB/B,YAAIgC,QAAQJ,OAAOE,KAAKA;AAAAA,MAC5B;AAAA;AAGJG,QAAAA,UAAU,MAAM;AACZd;IACJ,CAAC;AACD,WAAO,MAAM;AACT,aAAAe,IAAA,YAAA,OAAA,MAAA,CAAAA,IAAAA,YAAAC,YAAAA,SAAA;AAAA,QAAA,SACoBnC,IAAIgC;AAAAA,MAAK,GAAA;AAAA,QAAAI,SAAAA,MAAAF,CAAAA,IAAA,YAAAG,iBAAA;AAAA,UAAA,aAAA;AAAA,UAAA,SAAA;AAAA,UAAA,WACoDC,MAAOxC,gBAAgBkC,QAAQ;AAAA,QAAK,GAAA,IAAA,CAAA;AAAA,OAAAE,GAAAA,IAAA,YAAAK,2CAAA;AAAA,QAAA,mBAEnFC,IAAK,MAAC1C,eAAe;AAAA,QAAC,4BAA6B2C,OAAO3C,gBAAgBkC,QAAQS;AAAAA,MAAE,GAAA,IAAA,CAAA,CAAA;AAAA;EAK9H;AACJ,CAAC;;"}

package/dist/cjs/layouts/components/header/notify.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+const elementPlus = require("element-plus");
+const notifyHandle = (infos) => {
+  const message = vue.isVNode(infos.message) ? infos.message : vue.createVNode("div", {
+    "innerHTML": infos.message
+  }, [vue.createTextVNode(" ")]);
+  const action = vue.isVNode(infos.action) ? infos.action : vue.h(elementPlus.ElButton, {
+    onClick: () => {
+      notify.close();
+    },
+    link: true,
+    type: "primary"
+  }, {
+    default: () => "关闭"
+  });
+  const notify = elementPlus.ElNotification({
+    type: infos.type,
+    title: infos.title,
+    showClose: false,
+    message: vue.createVNode("div", null, [message, action])
+  });
+};
+exports.notifyHandle = notifyHandle;
+//# sourceMappingURL=notify.js.map

package/dist/cjs/layouts/components/header/notify.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notify.js","sources":["../../../../../src/layouts/components/header/notify.tsx"],"sourcesContent":["import { ElButton, ElNotification, NotificationParamsTyped } from \"element-plus\";\r\nimport { h, isVNode, VNode, VNodeTypes } from \"vue\";\r\n\r\nexport enum NotifyType {\r\n    success = \"success\",\r\n    info = \"info\",\r\n    warning = \"warning\",\r\n    error = \"error\",\r\n}\r\n\r\nexport const notifyHandle = (infos: { type?: NotifyType, title: string, message: string, action?: VNode | String }) => {\r\n\r\n    const message = isVNode(infos.message) ? infos.message : <div v-html={infos.message}> </div >\r\n    const action = isVNode(infos.action) ? infos.action : h(ElButton, { onClick: () => { notify.close() }, link: true, type: \"primary\" }, { default: () => \"关闭\" })\r\n\r\n    const notify = ElNotification({\r\n        type: infos.type,\r\n        title: infos.title,\r\n        showClose: false,\r\n        message:\r\n            <div>\r\n                {message}\r\n                {action}\r\n            </div>,\r\n    });\r\n}"],"names":["notifyHandle","infos","message","isVNode","_createVNode","_createTextVNode","action","h","ElButton","onClick","notify","close","link","type","default","ElNotification","title","showClose"],"mappings":";;;;AAUaA,MAAAA,eAAgBC,WAA0F;AAEnH,QAAMC,UAAUC,IAAO,QAACF,MAAMC,OAAO,IAAID,MAAMC,UAAOE,IAAA,YAAA,OAAA;AAAA,IAAA,aAAgBH,MAAMC;AAAAA,EAAO,GAAA,CAAAG,IAAA,gBAAU,GAAA,CAAA,CAAA;AAC7F,QAAMC,SAASH,IAAO,QAACF,MAAMK,MAAM,IAAIL,MAAMK,SAASC,IAAC,EAACC,sBAAU;AAAA,IAAEC,SAASA,MAAM;AAAEC,aAAOC,MAAK;AAAA,IAAI;AAAA,IAAEC,MAAM;AAAA,IAAMC,MAAM;AAAA,EAAU,GAAG;AAAA,IAAEC,SAASA,MAAM;AAAA,EAAK,CAAC;AAE7J,QAAMJ,SAASK,YAAAA,eAAe;AAAA,IAC1BF,MAAMZ,MAAMY;AAAAA,IACZG,OAAOf,MAAMe;AAAAA,IACbC,WAAW;AAAA,IACXf,SAAOE,IAAA,YAEEF,OAAAA,MAAAA,CAAAA,SACAI,MAAM,CAAA;AAAA,EAEnB,CAAC;AACL;;"}

package/dist/cjs/layouts/components/header/tools.js

@@ -72,10 +72,14 @@ require("../../../components/business/resource-manager/index.js");
 const MKHeaderTools = /* @__PURE__ */ vue.defineComponent({
   name: "MKHeaderTools",
   setup(props) {
-    const msAppClient = MSAppClient.MSAppClient.instance;
-    const userSession = msAppClient.userSession;
-    const userInfo = vue.computed(() => userSession.userInfo);
-    const avatar = vue.computed(() => vue.unref(userInfo).avatar);
+    var _a;
+    const msAppClient = (_a = MSAppClient.MSAppClient) == null ? void 0 : _a.instance;
+    const userSession = msAppClient == null ? void 0 : msAppClient.userSession;
+    const userInfo = vue.computed(() => userSession == null ? void 0 : userSession.userInfo);
+    const avatar = vue.computed(() => {
+      var _a2;
+      return (_a2 = vue.unref(userInfo)) == null ? void 0 : _a2.avatar;
+    });
     const showDialog = vue.ref(false);
     const form = vue.reactive({
       password: "",
@@ -150,19 +154,22 @@ const MKHeaderTools = /* @__PURE__ */ vue.defineComponent({
         "class": "mk-header-tools__user",
         "trigger": "click"
       }, {
-        default: () => vue.createVNode("div", {
-          "class": "mk-header-tools__user-info"
-        }, [vue.createVNode(elementPlus.ElImage, {
-          "class": "mk-header-tools__avatar",
-          "src": vue.unref(avatar)
-        }, {
-          error: () => vue.createVNode(index.MKSvgIcon, {
-            "iconClass": "Avatar",
-            "class": " mk-header-tools__default-avatar"
-          }, null)
-        }), vue.createVNode("span", {
-          "class": "mk-header-tools__nickName"
-        }, [vue.unref(userInfo).nickName])]),
+        default: () => {
+          var _a2;
+          return vue.createVNode("div", {
+            "class": "mk-header-tools__user-info"
+          }, [vue.createVNode(elementPlus.ElImage, {
+            "class": "mk-header-tools__avatar",
+            "src": vue.unref(avatar)
+          }, {
+            error: () => vue.createVNode(index.MKSvgIcon, {
+              "iconClass": "Avatar",
+              "class": " mk-header-tools__default-avatar"
+            }, null)
+          }), vue.createVNode("span", {
+            "class": "mk-header-tools__nickName"
+          }, [(_a2 = vue.unref(userInfo)) == null ? void 0 : _a2.nickName])]);
+        },
         dropdown: () => vue.createVNode(elementPlus.ElDropdownMenu, null, {
           default: () => [vue.createVNode(elementPlus.ElDropdownItem, {
             "onClick": () => {

package/dist/cjs/layouts/components/header/tools.js.map

@@ -1 +1 @@
-{"version":3,"file":"tools.js","sources":["../../../../../src/layouts/components/header/tools.tsx"],"sourcesContent":["import { computed, defineComponent, unref, ref, reactive, watch, nextTick } from \"vue\";\r\nimport {\r\n  ElDropdown,\r\n  ElDropdownItem,\r\n  ElDropdownMenu,\r\n  ElImage,\r\n  ElDialog,\r\n  ElForm,\r\n  ElFormItem,\r\n  ElInput,\r\n  ElButton\r\n} from \"element-plus\";\r\nimport { MSAppClient } from \"../../../core\";\r\nimport { MKSvgIcon,MKOpenVerifyCode } from \"../../../components\";\r\nimport { Messager } from \"@maketribe/dm\";\r\n\r\nexport const MKHeaderTools = defineComponent({\r\n  name: \"MKHeaderTools\",\r\n  setup(props) {\r\n    const msAppClient = MSAppClient.instance!;\r\n    const userSession = msAppClient.userSession!;\r\n\r\n    const userInfo = computed(() => userSession.userInfo!);\r\n\r\n    const avatar = computed(() => unref(userInfo).avatar);\r\n    const showDialog = ref(false);\r\n    const form = reactive({\r\n      password: \"\",\r\n      newPassword: \"\",\r\n      repeatPassword: \"\",\r\n    });\r\n    const formRef = ref();\r\n    const btnLoading = ref(false)\r\n\r\n    watch(showDialog, async () => {\r\n      if (unref(showDialog)) {\r\n        form.password = \"\";\r\n        form.newPassword = \"\";\r\n        form.repeatPassword = \"\";\r\n      }\r\n    })\r\n\r\n    const reg = /^([a-zA-Z]+[0-9]+[,._!@#$%^&*]+)|([a-zA-Z]+[,._!@#$%^&*]+[0-9]+)|([0-9]+[,._!@#$%^&*]+[a-zA-Z]+)|([0-9]+[a-zA-Z]+[,._!@#$%^&*]+)|([,._!@#$%^&*]+[a-zA-Z]+[0-9]+)|([,._!@#$%^&*]+[0-9]+[a-zA-Z]+)$/\r\n\r\n    const validateCode1 = (rule: any, value: any, callback: any) => {\r\n      if (value == \"\") {\r\n        callback(new Error(\"请输入密码\"));\r\n      }\r\n      if (value != form.newPassword) {\r\n        callback(new Error(\"两次输入不一致\"));\r\n      }\r\n      callback()\r\n    }\r\n\r\n    const validateCode = (rule: any, value: any, callback: any) => {\r\n      if (value == \"\") {\r\n        callback(new Error(\"请输入密码码\"));\r\n      }\r\n\r\n      if (value.length < 8) {\r\n        callback(new Error(\"密码码长度不能小于8位\"));\r\n      }\r\n\r\n      if (value == form.password) {\r\n        callback(new Error(\"新密码不能与旧密码相同\"));\r\n      }\r\n\r\n      if (!reg.test(value)) {\r\n        callback(new Error(\"密码必须包含数字，字母和特殊符号\"))\r\n      } else {\r\n        callback()\r\n      }\r\n    }\r\n\r\n    const submitChangePassword = async () => {\r\n\r\n      if(!await formRef.value.validate()){\r\n        return;\r\n      }\r\n\r\n      try {\r\n\r\n        btnLoading.value = true\r\n\r\n        const vCode = (await MKOpenVerifyCode({ sence:\"ModifyPassword\" } as any)) + \"\";\r\n\r\n        const result = await msAppClient.changePassword(form.password, form.newPassword, vCode);\r\n\r\n        if (result.data.code != 200) {\r\n          Messager.error({ message: result.data.msg || \"修改密码失败\" });\r\n          return;\r\n        }\r\n\r\n        btnLoading.value = false\r\n        msAppClient.logout()\r\n        \r\n      } catch (e) {\r\n        console.error(e);\r\n      } finally {\r\n        btnLoading.value = false\r\n      }\r\n    }\r\n\r\n    return () => {\r\n\r\n\r\n      return (\r\n        <div class=\"mk-header-tools\">\r\n          <div class=\"mk-header-tools__item\">\r\n            <ElDropdown\r\n              class=\"mk-header-tools__user\"\r\n              trigger=\"click\"\r\n              v-slots={{\r\n                default: () => (\r\n                  <div class=\"mk-header-tools__user-info\">\r\n                    <ElImage\r\n                      class=\"mk-header-tools__avatar\"\r\n                      src={unref(avatar)}\r\n                      v-slots={{\r\n                        error: () => (\r\n                          <MKSvgIcon iconClass=\"Avatar\" class=\" mk-header-tools__default-avatar\" />\r\n                        ),\r\n                      }}\r\n                    />\r\n                    <span class=\"mk-header-tools__nickName\">\r\n                      {unref(userInfo).nickName}\r\n                    </span>\r\n                  </div>\r\n                ),\r\n                dropdown: () => (\r\n                  <ElDropdownMenu>\r\n                    <ElDropdownItem onClick={() => { showDialog.value = true }}>\r\n                      <MKSvgIcon iconClass=\"EditPen\" />\r\n                      修改密码\r\n                    </ElDropdownItem>\r\n                    <ElDropdownItem onClick={() => msAppClient.logout()}>\r\n                      <MKSvgIcon iconClass=\"SwitchButton\" />\r\n                      退出登录\r\n                    </ElDropdownItem>\r\n                  </ElDropdownMenu>\r\n                ),\r\n              }}\r\n            />\r\n          </div>\r\n          <ElDialog model-value={showDialog.value} onUpdate:modelValue={(v) => { showDialog.value = v }} title={'修改密码'} width={'30%'} v-slots={{\r\n            footer: () => (\r\n              <div>\r\n                <ElButton onClick={() => { showDialog.value = false }}>取消</ElButton>\r\n                <ElButton type={\"primary\"} loading={btnLoading.value} onClick={() => { submitChangePassword() }}>确定</ElButton>\r\n              </div>\r\n            )\r\n          }}>\r\n            <ElForm ref={formRef} model={form} label-width={'80px'}>\r\n              <ElFormItem label={'旧密码'} required={true} prop={'password'} rules={[{ required: true, message: '请输入旧密码', trigger: 'change' }]}>\r\n                <ElInput model-value={form.password} placeholder={\"请输入旧密码\"} onUpdate:modelValue={(v) => { form.password = v }} type={'password'} />\r\n              </ElFormItem>\r\n              <ElFormItem label={'新密码'} required={true} prop={'newPassword'} rules={[{ required: true, message: '请输入新密码', trigger: 'change' }, { validator: validateCode, trigger: 'change' }]} >\r\n                <ElInput model-value={form.newPassword} placeholder={\"请输入新密码\"} onUpdate:modelValue={(v) => { form.newPassword = v }} type={'password'} />\r\n              </ElFormItem>\r\n              <ElFormItem label={'重复密码'} required={true} prop={'repeatPassword'} rules={[{ required: true, message: '请再次输入密码', trigger: 'change' }, { validator: validateCode1, trigger: 'change' }]} >\r\n                <ElInput model-value={form.repeatPassword} placeholder={\"请再次输入密码\"} onUpdate:modelValue={(v) => { form.repeatPassword = v }} type={'password'} />\r\n              </ElFormItem>\r\n            </ElForm>\r\n          </ElDialog>\r\n        </div >\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["MKHeaderTools","defineComponent","name","setup","props","msAppClient","MSAppClient","instance","userSession","userInfo","computed","avatar","unref","showDialog","ref","form","reactive","password","newPassword","repeatPassword","formRef","btnLoading","watch","reg","validateCode1","rule","value","callback","Error","validateCode","length","test","submitChangePassword","validate","vCode","MKOpenVerifyCode","sence","result","changePassword","data","code","Messager","error","message","msg","logout","e","console","_createVNode","ElDropdown","default","ElImage","MKSvgIcon","nickName","dropdown","ElDropdownMenu","ElDropdownItem","onClick","_createTextVNode","ElDialog","v","ElForm","ElFormItem","required","trigger","ElInput","validator","footer","ElButton"],"mappings":"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"}
+{"version":3,"file":"tools.js","sources":["../../../../../src/layouts/components/header/tools.tsx"],"sourcesContent":["import { computed, defineComponent, unref, ref, reactive, watch, nextTick } from \"vue\";\r\nimport {\r\n  ElDropdown,\r\n  ElDropdownItem,\r\n  ElDropdownMenu,\r\n  ElImage,\r\n  ElDialog,\r\n  ElForm,\r\n  ElFormItem,\r\n  ElInput,\r\n  ElButton\r\n} from \"element-plus\";\r\nimport { MSAppClient } from \"../../../core\";\r\nimport { MKSvgIcon,MKOpenVerifyCode } from \"../../../components\";\r\nimport { Messager } from \"@maketribe/dm\";\r\n\r\nexport const MKHeaderTools = defineComponent({\r\n  name: \"MKHeaderTools\",\r\n  setup(props) {\r\n    const msAppClient = MSAppClient?.instance!;\r\n    const userSession = msAppClient?.userSession!;\r\n\r\n    const userInfo = computed(() => userSession?.userInfo!);\r\n\r\n    const avatar = computed(() => unref(userInfo)?.avatar);\r\n    const showDialog = ref(false);\r\n    const form = reactive({\r\n      password: \"\",\r\n      newPassword: \"\",\r\n      repeatPassword: \"\",\r\n    });\r\n    const formRef = ref();\r\n    const btnLoading = ref(false)\r\n\r\n    watch(showDialog, async () => {\r\n      if (unref(showDialog)) {\r\n        form.password = \"\";\r\n        form.newPassword = \"\";\r\n        form.repeatPassword = \"\";\r\n      }\r\n    })\r\n\r\n    const reg = /^([a-zA-Z]+[0-9]+[,._!@#$%^&*]+)|([a-zA-Z]+[,._!@#$%^&*]+[0-9]+)|([0-9]+[,._!@#$%^&*]+[a-zA-Z]+)|([0-9]+[a-zA-Z]+[,._!@#$%^&*]+)|([,._!@#$%^&*]+[a-zA-Z]+[0-9]+)|([,._!@#$%^&*]+[0-9]+[a-zA-Z]+)$/\r\n\r\n    const validateCode1 = (rule: any, value: any, callback: any) => {\r\n      if (value == \"\") {\r\n        callback(new Error(\"请输入密码\"));\r\n      }\r\n      if (value != form.newPassword) {\r\n        callback(new Error(\"两次输入不一致\"));\r\n      }\r\n      callback()\r\n    }\r\n\r\n    const validateCode = (rule: any, value: any, callback: any) => {\r\n      if (value == \"\") {\r\n        callback(new Error(\"请输入密码码\"));\r\n      }\r\n\r\n      if (value.length < 8) {\r\n        callback(new Error(\"密码码长度不能小于8位\"));\r\n      }\r\n\r\n      if (value == form.password) {\r\n        callback(new Error(\"新密码不能与旧密码相同\"));\r\n      }\r\n\r\n      if (!reg.test(value)) {\r\n        callback(new Error(\"密码必须包含数字，字母和特殊符号\"))\r\n      } else {\r\n        callback()\r\n      }\r\n    }\r\n\r\n    const submitChangePassword = async () => {\r\n\r\n      if(!await formRef.value.validate()){\r\n        return;\r\n      }\r\n\r\n      try {\r\n\r\n        btnLoading.value = true\r\n\r\n        const vCode = (await MKOpenVerifyCode({ sence:\"ModifyPassword\" } as any)) + \"\";\r\n\r\n        const result = await msAppClient.changePassword(form.password, form.newPassword, vCode);\r\n\r\n        if (result.data.code != 200) {\r\n          Messager.error({ message: result.data.msg || \"修改密码失败\" });\r\n          return;\r\n        }\r\n\r\n        btnLoading.value = false\r\n        msAppClient.logout()\r\n        \r\n      } catch (e) {\r\n        console.error(e);\r\n      } finally {\r\n        btnLoading.value = false\r\n      }\r\n    }\r\n\r\n    return () => {\r\n\r\n\r\n      return (\r\n        <div class=\"mk-header-tools\">\r\n          <div class=\"mk-header-tools__item\">\r\n            <ElDropdown\r\n              class=\"mk-header-tools__user\"\r\n              trigger=\"click\"\r\n              v-slots={{\r\n                default: () => (\r\n                  <div class=\"mk-header-tools__user-info\">\r\n                    <ElImage\r\n                      class=\"mk-header-tools__avatar\"\r\n                      src={unref(avatar)}\r\n                      v-slots={{\r\n                        error: () => (\r\n                          <MKSvgIcon iconClass=\"Avatar\" class=\" mk-header-tools__default-avatar\" />\r\n                        ),\r\n                      }}\r\n                    />\r\n                    <span class=\"mk-header-tools__nickName\">\r\n                      {unref(userInfo)?.nickName}\r\n                    </span>\r\n                  </div>\r\n                ),\r\n                dropdown: () => (\r\n                  <ElDropdownMenu>\r\n                    <ElDropdownItem onClick={() => { showDialog.value = true }}>\r\n                      <MKSvgIcon iconClass=\"EditPen\" />\r\n                      修改密码\r\n                    </ElDropdownItem>\r\n                    <ElDropdownItem onClick={() => msAppClient.logout()}>\r\n                      <MKSvgIcon iconClass=\"SwitchButton\" />\r\n                      退出登录\r\n                    </ElDropdownItem>\r\n                  </ElDropdownMenu>\r\n                ),\r\n              }}\r\n            />\r\n          </div>\r\n          <ElDialog model-value={showDialog.value} onUpdate:modelValue={(v) => { showDialog.value = v }} title={'修改密码'} width={'30%'} v-slots={{\r\n            footer: () => (\r\n              <div>\r\n                <ElButton onClick={() => { showDialog.value = false }}>取消</ElButton>\r\n                <ElButton type={\"primary\"} loading={btnLoading.value} onClick={() => { submitChangePassword() }}>确定</ElButton>\r\n              </div>\r\n            )\r\n          }}>\r\n            <ElForm ref={formRef} model={form} label-width={'80px'}>\r\n              <ElFormItem label={'旧密码'} required={true} prop={'password'} rules={[{ required: true, message: '请输入旧密码', trigger: 'change' }]}>\r\n                <ElInput model-value={form.password} placeholder={\"请输入旧密码\"} onUpdate:modelValue={(v) => { form.password = v }} type={'password'} />\r\n              </ElFormItem>\r\n              <ElFormItem label={'新密码'} required={true} prop={'newPassword'} rules={[{ required: true, message: '请输入新密码', trigger: 'change' }, { validator: validateCode, trigger: 'change' }]} >\r\n                <ElInput model-value={form.newPassword} placeholder={\"请输入新密码\"} onUpdate:modelValue={(v) => { form.newPassword = v }} type={'password'} />\r\n              </ElFormItem>\r\n              <ElFormItem label={'重复密码'} required={true} prop={'repeatPassword'} rules={[{ required: true, message: '请再次输入密码', trigger: 'change' }, { validator: validateCode1, trigger: 'change' }]} >\r\n                <ElInput model-value={form.repeatPassword} placeholder={\"请再次输入密码\"} onUpdate:modelValue={(v) => { form.repeatPassword = v }} type={'password'} />\r\n              </ElFormItem>\r\n            </ElForm>\r\n          </ElDialog>\r\n        </div >\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["MKHeaderTools","defineComponent","name","setup","props","msAppClient","MSAppClient","instance","userSession","userInfo","computed","avatar","unref","showDialog","ref","form","reactive","password","newPassword","repeatPassword","formRef","btnLoading","watch","reg","validateCode1","rule","value","callback","Error","validateCode","length","test","submitChangePassword","validate","vCode","MKOpenVerifyCode","sence","result","changePassword","data","code","Messager","error","message","msg","logout","e","console","_createVNode","ElDropdown","default","ElImage","MKSvgIcon","nickName","dropdown","ElDropdownMenu","ElDropdownItem","onClick","_createTextVNode","ElDialog","v","ElForm","ElFormItem","required","trigger","ElInput","validator","footer","ElButton"],"mappings":"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"}

package/dist/cjs/layouts/components/message-list/index.vue.js

@@ -0,0 +1,242 @@
+"use strict";
+const vue = require("vue");
+const dm = require("@maketribe/dm");
+const request = require("@maketribe/request");
+const elementPlus = require("element-plus");
+require("@maketribe/utils");
+require("../../../core/DataModelDefines.js");
+const MSAppClient = require("../../../core/MSAppClient.js");
+const _hoisted_1 = { class: "mk-message__header" };
+const _hoisted_2 = ["onClick"];
+const _hoisted_3 = { class: "mk-message__body-item-header" };
+const _hoisted_4 = { class: "mk-message__body-item-content" };
+const _hoisted_5 = { class: "mk-message__body-item-footer" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "index",
+  props: {
+    showMessageList: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["update:showMessageList"],
+  setup(__props, { emit: __emit }) {
+    var _a;
+    const httpRequest = (_a = MSAppClient.MSAppClient.instance) == null ? void 0 : _a.httpRequest;
+    const props = __props;
+    const buttonName = vue.ref("all");
+    const selectValue = vue.ref("");
+    const loading = vue.ref(false);
+    const pageNum = vue.ref(1);
+    const messageList = vue.ref([{
+      id: 1,
+      title: "系统消息",
+      content: "恭喜您！成功获得微信同款研发管理工具免费资格！恭喜您！成功获得微信同款研发管理工具免费资格！",
+      type: 1,
+      isRead: true,
+      createdAt: "2024-08-14 13:44:26"
+    }, {
+      id: 2,
+      title: "上级消息",
+      content: "未读未读未读未读未读未读未读未读未读未读未读未读未读未读未读未读未读未读未读未读未读未读未读未读未读未读未读未读",
+      type: 2,
+      isRead: false,
+      createdAt: "2024-08-14 13:44:26"
+    }]);
+    const load = async (scroll) => {
+      const dom = document.querySelector(".mk-message__body").children[0];
+      if (dom.scrollHeight - dom.offsetHeight - scroll.scrollTop < 300) {
+        const result = await messageQuery.listWithResponse({
+          pc: 10,
+          pn: pageNum.value
+        });
+        pageNum.value++;
+        messageList.value.concat(result.data.data);
+      }
+    };
+    const messageType = vue.ref([
+      {
+        type: 1,
+        name: "类型1",
+        actions: (row) => {
+          console.log(row, "类型1");
+        }
+      },
+      {
+        type: 2,
+        name: "类型2",
+        actions: (row) => {
+          console.log(row, "类型2");
+        }
+      }
+    ]);
+    const messageDv = request.DvOpt.createInstance({
+      name: "message",
+      moduleName: "ms"
+    });
+    const buttonGroup = new request.Group();
+    const selectGroup = new request.Group();
+    const messageQuery = messageDv.query().addGroup((group) => {
+      group.group.addGroup(buttonGroup).addGroup(selectGroup);
+    }).addOrderItem("createdAt", request.OrderType.DESC);
+    const refreshList = async (pc = 10) => {
+      return await messageQuery.list({
+        pc,
+        pn: 1
+      });
+    };
+    const emit = __emit;
+    const showMessageList = vue.computed({
+      get() {
+        return vue.unref(props.showMessageList);
+      },
+      set(value) {
+        emit("update:showMessageList", value);
+      }
+    });
+    const readAllHandle = async () => {
+      const isConfirm = await dm.Dialoger.confirm({
+        title: "提示",
+        message: "确定将所有消息全部标记为已读吗？",
+        type: "warning"
+      });
+      if (!isConfirm) {
+        return;
+      }
+      try {
+        loading.value = true;
+        const result = await (httpRequest == null ? void 0 : httpRequest.post("/message/readAll"));
+        if ((result == null ? void 0 : result.data.code) !== 200) {
+          dm.Messager.error({ message: (result == null ? void 0 : result.data.msg) || "操作失败" });
+          return;
+        }
+        messageList.value = await refreshList();
+      } catch (e) {
+        console.error(e);
+      } finally {
+        loading.value = false;
+      }
+    };
+    const selectHandle = async () => {
+      selectGroup.clear();
+      if (selectValue.value) {
+        buttonGroup.addCondition("type", "=", selectValue.value);
+      }
+      messageList.value = await refreshList();
+    };
+    vue.watch(buttonName, async () => {
+      buttonGroup.clear();
+      if (buttonName.value != "all") {
+        buttonGroup.addCondition("isRead", "=", 1);
+      }
+      messageList.value = await refreshList();
+    });
+    return (_ctx, _cache) => {
+      const _component_ElOption = vue.resolveComponent("ElOption");
+      return showMessageList.value ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElDrawer), {
+        key: 0,
+        class: "mk-message",
+        title: "通知消息",
+        modelValue: showMessageList.value,
+        "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => showMessageList.value = $event)
+      }, {
+        default: vue.withCtx(() => [
+          vue.createElementVNode("div", _hoisted_1, [
+            vue.createVNode(vue.unref(elementPlus.ElButtonGroup), { class: "mk-message__header-buttonGroup" }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(vue.unref(elementPlus.ElButton), {
+                  size: "small",
+                  class: vue.normalizeClass([buttonName.value == "all" ? "active" : "", "mk-message__header-buttonGroup-button"]),
+                  onClick: _cache[0] || (_cache[0] = () => {
+                    buttonName.value = "all";
+                  })
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createTextVNode(" 全部 ")
+                  ]),
+                  _: 1
+                }, 8, ["class"]),
+                vue.createVNode(vue.unref(elementPlus.ElButton), {
+                  size: "small",
+                  class: vue.normalizeClass([buttonName.value == "unRead" ? "active" : "", "mk-message__header-buttonGroup-button"]),
+                  onClick: _cache[1] || (_cache[1] = () => {
+                    buttonName.value = "unRead";
+                  })
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createTextVNode("未读")
+                  ]),
+                  _: 1
+                }, 8, ["class"])
+              ]),
+              _: 1
+            }),
+            vue.createVNode(vue.unref(elementPlus.ElSelect), {
+              placeholder: "请选择类型",
+              size: "small",
+              modelValue: selectValue.value,
+              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => selectValue.value = $event),
+              onChange: selectHandle,
+              clearable: ""
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_ElOption, {
+                  value: "1",
+                  label: "测试"
+                })
+              ]),
+              _: 1
+            }, 8, ["modelValue"]),
+            vue.createVNode(vue.unref(elementPlus.ElButton), {
+              link: "",
+              type: "primary",
+              size: "small",
+              onClick: readAllHandle
+            }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode("全部已读")
+              ]),
+              _: 1
+            })
+          ]),
+          vue.createVNode(vue.unref(elementPlus.ElScrollbar), {
+            class: "mk-message__body",
+            onScroll: load
+          }, {
+            default: vue.withCtx(() => [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(messageList.value, (item) => {
+                return vue.openBlock(), vue.createElementBlock("div", {
+                  class: vue.normalizeClass(["mk-message__body-item", { "is-read": item.isRead }]),
+                  key: item.id,
+                  onClick: ($event) => {
+                    var _a2;
+                    return (_a2 = messageType.value.find((a) => a.type == item.type)) == null ? void 0 : _a2.actions(item);
+                  }
+                }, [
+                  vue.createElementVNode("div", _hoisted_3, vue.toDisplayString(item.title), 1),
+                  vue.createElementVNode("div", _hoisted_4, vue.toDisplayString(item.content), 1),
+                  vue.createElementVNode("div", _hoisted_5, [
+                    vue.createVNode(vue.unref(elementPlus.ElTag), null, {
+                      default: vue.withCtx(() => {
+                        var _a2;
+                        return [
+                          vue.createTextVNode(vue.toDisplayString((_a2 = messageType.value.find((a) => a.type == item.type)) == null ? void 0 : _a2.name), 1)
+                        ];
+                      }),
+                      _: 2
+                    }, 1024),
+                    vue.createTextVNode(" " + vue.toDisplayString(item.createdAt), 1)
+                  ])
+                ], 10, _hoisted_2);
+              }), 128))
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["modelValue"])) : vue.createCommentVNode("", true);
+    };
+  }
+});
+module.exports = _sfc_main;
+//# sourceMappingURL=index.vue.js.map

package/dist/cjs/layouts/components/message-list/index.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue.js","sources":["../../../../../src/layouts/components/message-list/index.vue"],"sourcesContent":["<template>\r\n    <ElDrawer class=\"mk-message\" title=\"通知消息\" v-model=\"showMessageList as any\" v-if=\"showMessageList\">\r\n        <div class=\"mk-message__header\">\r\n            <ElButtonGroup class=\"mk-message__header-buttonGroup\">\r\n                <ElButton size=\"small\"\r\n                    :class=\"[buttonName == 'all' ? 'active' : '', 'mk-message__header-buttonGroup-button']\"\r\n                    @click=\"() => { buttonName = 'all' }\">\r\n                    全部\r\n                </ElButton>\r\n                <ElButton size=\"small\"\r\n                    :class=\"[buttonName == 'unRead' ? 'active' : '', 'mk-message__header-buttonGroup-button']\"\r\n                    @click=\"() => { buttonName = 'unRead' }\">未读</ElButton>\r\n            </ElButtonGroup>\r\n            <ElSelect placeholder=\"请选择类型\" size=\"small\" v-model=\"selectValue\" @change=\"selectHandle\" clearable>\r\n                <ElOption value=\"1\" label=\"测试\"></ElOption>\r\n            </ElSelect>\r\n            <ElButton link type=\"primary\" size=\"small\" @click=\"readAllHandle\">全部已读</ElButton>\r\n        </div>\r\n        <ElScrollbar class=\"mk-message__body\" @scroll=\"load\">\r\n            <div v-for=\"item in messageList\" class=\"mk-message__body-item\" :class=\"{ 'is-read': item.isRead }\"\r\n                :key=\"item.id\" @click=\"messageType.find((a) => a.type == item.type)?.actions(item)\">\r\n                <div class=\"mk-message__body-item-header\">\r\n                    {{ item.title }}\r\n                </div>\r\n                <div class=\"mk-message__body-item-content\">\r\n                    {{ item.content }}\r\n                </div>\r\n                <div class=\"mk-message__body-item-footer\">\r\n                    <ElTag>{{ messageType.find((a) => a.type == item.type)?.name }}</ElTag>\r\n                    {{ item.createdAt }}\r\n                </div>\r\n            </div>\r\n        </ElScrollbar>\r\n    </ElDrawer>\r\n</template>\r\n<script setup lang=\"ts\">\r\nimport { Dialoger, Messager } from \"@maketribe/dm\";\r\nimport { DvOpt, Group, OrderType } from \"@maketribe/request\";\r\nimport { ElButtonGroup, ElDrawer, ElButton, ElSelect, ElScrollbar, ElTag } from \"element-plus\";\r\nimport { MSAppClient } from \"../../../core\";\r\nimport { ref, unref, computed, Ref, watch } from \"vue\";\r\n\r\nconst httpRequest = MSAppClient.instance?.httpRequest;\r\nconst props = defineProps({\r\n    showMessageList: {\r\n        type: Boolean,\r\n        default: false,\r\n    }\r\n});\r\n\r\ninterface Message {\r\n    id: number;\r\n    title: string;\r\n    content?: string;\r\n    type: number;\r\n    isRead: boolean;\r\n    createdAt: string;\r\n}\r\n\r\nconst buttonName = ref('all');\r\nconst selectValue = ref('');\r\nconst loading = ref(false);\r\nconst pageNum = ref(1);\r\nconst messageList: Ref<Message[]> = ref([{\r\n    id: 1,\r\n    title: \"系统消息\",\r\n    content: \"恭喜您！成功获得微信同款研发管理工具免费资格！恭喜您！成功获得微信同款研发管理工具免费资格！\",\r\n    type: 1,\r\n    isRead: true,\r\n    createdAt: \"2024-08-14 13:44:26\"\r\n}, {\r\n    id: 2,\r\n    title: \"上级消息\",\r\n    content: \"未读未读未读未读未读未读未读未读未读未读未读未读未读未读未读未读未读未读未读未读未读未读未读未读未读未读未读未读\",\r\n    type: 2,\r\n    isRead: false,\r\n    createdAt: \"2024-08-14 13:44:26\"\r\n}])\r\n\r\nconst load = async (scroll: { scrollTop: number }) => {\r\n    const dom = document.querySelector(\".mk-message__body\")!.children[0] as HTMLElement;\r\n    if (dom.scrollHeight - dom.offsetHeight - scroll.scrollTop < 300) {\r\n\r\n        const result = await messageQuery.listWithResponse({\r\n            pc: 10,\r\n            pn: pageNum.value\r\n        })\r\n        pageNum.value++\r\n        messageList.value.concat(result.data.data)\r\n    }\r\n}\r\n\r\nconst messageType = ref([\r\n    {\r\n        type: 1,\r\n        name: \"类型1\",\r\n        actions: (row: any) => {\r\n            console.log(row, \"类型1\");\r\n        }\r\n    },\r\n    {\r\n        type: 2,\r\n        name: \"类型2\",\r\n        actions: (row: any) => {\r\n            console.log(row, \"类型2\");\r\n        }\r\n    }\r\n])\r\n\r\nconst messageDv = DvOpt.createInstance({\r\n    name: \"message\",\r\n    moduleName: \"ms\"\r\n})\r\nconst buttonGroup = new Group();\r\nconst selectGroup = new Group();\r\nconst messageQuery = messageDv.query()\r\n    .addGroup((group) => { group.group.addGroup(buttonGroup).addGroup(selectGroup); })\r\n    .addOrderItem(\"createdAt\", OrderType.DESC)\r\nconst refreshList = async (pc: number = 10) => {\r\n    return await messageQuery.list({\r\n        pc: pc,\r\n        pn: 1\r\n    }) as Message[];\r\n}\r\n\r\n\r\n\r\nconst emit = defineEmits([\"update:showMessageList\"]);\r\n\r\nconst showMessageList: Ref<Boolean> = computed({\r\n    get() {\r\n        return unref(props.showMessageList);\r\n    },\r\n    set(value: Boolean) {\r\n        emit(\"update:showMessageList\", value);\r\n    }\r\n});\r\n\r\n//将未读全部变成已读\r\nconst readAllHandle = async () => {\r\n    const isConfirm = await Dialoger.confirm({\r\n        title: \"提示\",\r\n        message: \"确定将所有消息全部标记为已读吗？\",\r\n        type: \"warning\"\r\n    });\r\n\r\n    if (!isConfirm) {\r\n        return;\r\n    }\r\n\r\n    try {\r\n        loading.value = true;\r\n        const result = await httpRequest?.post(\"/message/readAll\");\r\n        if (result?.data.code !== 200) {\r\n            Messager.error({ message: result?.data.msg || \"操作失败\" });\r\n            return;\r\n        }\r\n        messageList.value = await refreshList()\r\n    } catch (e) {\r\n        console.error(e);\r\n    } finally {\r\n        loading.value = false;\r\n    }\r\n}\r\n\r\n//筛选选中的消息类型\r\nconst selectHandle = async () => {\r\n    selectGroup.clear();\r\n    if (selectValue.value) {\r\n        buttonGroup.addCondition(\"type\", \"=\", selectValue.value)\r\n    }\r\n    messageList.value = await refreshList()\r\n}\r\n\r\n//根据当前选择的是全部还是未读\r\nwatch(buttonName, async () => {\r\n    buttonGroup.clear();\r\n    if (buttonName.value != 'all') {\r\n        buttonGroup.addCondition(\"isRead\", \"=\", 1)\r\n    }\r\n    messageList.value = await refreshList()\r\n})\r\n\r\n</script>\r\n<style lang='scss'></style>"],"names":["MSAppClient","ref","DvOpt","Group","OrderType","computed","unref","Dialoger","Messager","watch"],"mappings":"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"}

package/dist/cjs/layouts/components/message-list/index.vue2.js

@@ -0,0 +1,4 @@
+"use strict";
+const index_vue_vue_type_script_setup_true_lang = require("./index.vue.js");
+module.exports = index_vue_vue_type_script_setup_true_lang;
+//# sourceMappingURL=index.vue2.js.map

package/dist/cjs/layouts/components/message-list/index.vue2.js.map

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

package/dist/cjs/modules/cms/cms-settings.js

@@ -6,10 +6,12 @@ const CmsSettings = vue.reactive({
   publish: {
     mode: "dynamic"
   },
-  docModules: [],
+  devices: ["pc"],
   part: {
     openBanner: true,
     bannerImageSize: "1440*560",
+    docModules: [],
+    docTemplates: [],
     doc: {
       js: "",
       css: ""
@@ -20,6 +22,8 @@ const CmsSettings = vue.reactive({
       js: "",
       css: ""
     },
+    docModules: [],
+    docTemplates: [],
     useTop: true,
     useNew: true,
     useHotRecommend: false,

package/dist/cjs/modules/cms/cms-settings.js.map

@@ -1 +1 @@
-{"version":3,"file":"cms-settings.js","sources":["../../../../src/modules/cms/cms-settings.ts"],"sourcesContent":["import { reactive } from \"vue\"\r\nimport { MsConfigTable } from \"../ms/dataviews/ms-config/MsConfigTable\"\r\nimport { registerLexicalEditorModule,unRegisterLexicalEditorModule } from \"../../components/basic/lexical-editor\"\r\n\r\n/**\r\n * 发布配置\r\n */\r\ntype PublishSettings = {\r\n  // 发布模式 静态发布和动态发布\r\n  mode:'static' | 'dynamic'\r\n}\r\n\r\n/**\r\n * cms 文档编辑设置\r\n */\r\ntype CmsDocSettings = {\r\n  css:string,\r\n  js:string\r\n}\r\n\r\n/**\r\n * 栏目配置\r\n */\r\ntype PartSettings = {\r\n  doc:CmsDocSettings\r\n  openBanner:boolean,\r\n  bannerImageSize:string\r\n}\r\n\r\n/**\r\n * 内容设置\r\n */\r\ntype ContentSettings = {\r\n  /**\r\n   * 内容文档设置\r\n   */\r\n  doc:CmsDocSettings,\r\n  /**\r\n   * 开启文档置顶功能\r\n   */\r\n  useTop:boolean,\r\n  /**\r\n   * 开启最新文档功能\r\n   */\r\n  useNew:boolean,\r\n  /**\r\n   * 开启热点推荐功能\r\n   */\r\n  useHotRecommend:boolean,\r\n  /**\r\n   * 开启栏目推荐功能\r\n   */\r\n  usePartRecommend:boolean,\r\n  /**\r\n   * 开启内容标签\r\n   */\r\n  useTags:boolean,\r\n  /**\r\n   * 开启媒体库\r\n   */\r\n  useAtlas:boolean,\r\n  /**\r\n   * 封面图的尺寸 默认 300 * 300\r\n   */\r\n  coverImageSize:string,\r\n  /**\r\n   * banner图的尺寸 默认 1440 * 560\r\n   */\r\n  bannerImageSize:string\r\n}\r\n\r\n/**\r\n * cms 系统设置\r\n */\r\nexport type CmsSettingsType = {\r\n  // 发布配置\r\n  publish:PublishSettings,\r\n  // 文档模块\r\n  docModules:Array<any>,\r\n  part:PartSettings,\r\n  content:ContentSettings\r\n}\r\n\r\n/**\r\n * cms 配置\r\n */\r\nconst CmsSettings = reactive<CmsSettingsType>({\r\n  publish:{\r\n    mode:\"dynamic\"\r\n  },\r\n  docModules:[],\r\n  part:{\r\n    openBanner:true,\r\n    bannerImageSize:\"1440*560\",\r\n    doc:{\r\n      js:\"\",\r\n      css:\"\"\r\n    }\r\n  },\r\n  content:{\r\n    doc:{\r\n      js:\"\",\r\n      css:\"\"\r\n    },\r\n    useTop:true,\r\n    useNew:true,\r\n    useHotRecommend:false,\r\n    usePartRecommend:false,\r\n    useTags:false,\r\n    useAtlas:false,\r\n    coverImageSize:\"300*300\",\r\n    bannerImageSize:\"1440*560\"\r\n  }\r\n})\r\n\r\n/**\r\n * \r\n */\r\nexport const CmsSettingsKEY = \"cms:content:man:settings\";\r\n\r\n/**\r\n * 使用cms配置\r\n * @param load \r\n */\r\nexport const useCmsSettings =  function(load:boolean|undefined = false):CmsSettingsType{\r\n\r\n  if(load){\r\n   \r\n    MsConfigTable.getConfigValue<CmsSettingsType>(CmsSettingsKEY).then(data=>{\r\n      if(data){ \r\n        // 卸载掉老旧模块\r\n        // CmsSettings.docModules.forEach(item=> unRegisterDocModule(item.name) );\r\n        Object.assign(CmsSettings,data);\r\n        // 加载新内容安装新模块\r\n        // CmsSettings.docModules.forEach(item=>registerLexicalEditorModule(item,\"\"));\r\n      }\r\n    });\r\n\r\n  }\r\n\r\n  return CmsSettings;\r\n}\r\n"],"names":["reactive","MsConfigTable"],"mappings":";;;;AAsFA,MAAM,cAAcA,IAAAA,SAA0B;AAAA,EAC5C,SAAQ;AAAA,IACN,MAAK;AAAA,EACP;AAAA,EACA,YAAW,CAAC;AAAA,EACZ,MAAK;AAAA,IACH,YAAW;AAAA,IACX,iBAAgB;AAAA,IAChB,KAAI;AAAA,MACF,IAAG;AAAA,MACH,KAAI;AAAA,IACN;AAAA,EACF;AAAA,EACA,SAAQ;AAAA,IACN,KAAI;AAAA,MACF,IAAG;AAAA,MACH,KAAI;AAAA,IACN;AAAA,IACA,QAAO;AAAA,IACP,QAAO;AAAA,IACP,iBAAgB;AAAA,IAChB,kBAAiB;AAAA,IACjB,SAAQ;AAAA,IACR,UAAS;AAAA,IACT,gBAAe;AAAA,IACf,iBAAgB;AAAA,EAClB;AACF,CAAC;AAKM,MAAM,iBAAiB;AAMjB,MAAA,iBAAkB,SAAS,OAAyB,OAAsB;AAErF,MAAG,MAAK;AAENC,kBAAAA,cAAc,eAAgC,cAAc,EAAE,KAAK,CAAM,SAAA;AACvE,UAAG,MAAK;AAGC,eAAA,OAAO,aAAY,IAAI;AAAA,MAGhC;AAAA,IAAA,CACD;AAAA,EAEH;AAEO,SAAA;AACT;;;"}
+{"version":3,"file":"cms-settings.js","sources":["../../../../src/modules/cms/cms-settings.ts"],"sourcesContent":["import { reactive } from \"vue\"\r\nimport { MsConfigTable } from \"../ms/dataviews/ms-config/MsConfigTable\"\r\nimport { registerLexicalEditorModule,unRegisterLexicalEditorModule } from \"../../components/basic/lexical-editor\"\r\n\r\n/**\r\n * 发布配置\r\n */\r\ntype PublishSettings = {\r\n  // 发布模式 静态发布和动态发布\r\n  mode:'static' | 'dynamic'\r\n}\r\n\r\n/**\r\n * cms 文档编辑设置\r\n */\r\ntype CmsDocSettings = {\r\n  css:string,\r\n  js:string\r\n}\r\n\r\n/**\r\n * 栏目配置\r\n */\r\ntype PartSettings = {\r\n  doc:CmsDocSettings\r\n  openBanner:boolean,\r\n  bannerImageSize:string,\r\n  // 文档模块\r\n  docModules:Array<any>,\r\n  // 文档模版\r\n  docTemplates:Array<any>\r\n}\r\n\r\n/**\r\n * 内容设置\r\n */\r\ntype ContentSettings = {\r\n  /**\r\n   * 内容文档设置\r\n   */\r\n  doc:CmsDocSettings,\r\n  /**\r\n   * 开启文档置顶功能\r\n   */\r\n  useTop:boolean,\r\n  /**\r\n   * 开启最新文档功能\r\n   */\r\n  useNew:boolean,\r\n  /**\r\n   * 开启热点推荐功能\r\n   */\r\n  useHotRecommend:boolean,\r\n  /**\r\n   * 开启栏目推荐功能\r\n   */\r\n  usePartRecommend:boolean,\r\n  /**\r\n   * 开启内容标签\r\n   */\r\n  useTags:boolean,\r\n  /**\r\n   * 开启媒体库\r\n   */\r\n  useAtlas:boolean,\r\n  /**\r\n   * 封面图的尺寸 默认 300 * 300\r\n   */\r\n  coverImageSize:string,\r\n  /**\r\n   * banner图的尺寸 默认 1440 * 560\r\n   */\r\n  bannerImageSize:string,\r\n  // 文档模块\r\n  docModules:Array<any>,\r\n  // 文档模版\r\n  docTemplates:Array<any>\r\n}\r\n\r\n/**\r\n * cms 系统设置\r\n */\r\nexport type CmsSettingsType = {\r\n  // 发布配置\r\n  publish:PublishSettings,\r\n  devices:Array<'pc' | 'mobile'>,\r\n  part:PartSettings,\r\n  content:ContentSettings\r\n}\r\n\r\n/**\r\n * cms 配置\r\n */\r\nconst CmsSettings = reactive<CmsSettingsType>({\r\n  publish:{\r\n    mode:\"dynamic\"\r\n  },\r\n  devices:[\"pc\"],\r\n  part:{\r\n    openBanner:true,\r\n    bannerImageSize:\"1440*560\",\r\n    docModules:[],\r\n    docTemplates:[],\r\n    doc:{\r\n      js:\"\",\r\n      css:\"\"\r\n    }\r\n  },\r\n  content:{\r\n    doc:{\r\n      js:\"\",\r\n      css:\"\"\r\n    },\r\n    docModules:[],\r\n    docTemplates:[],\r\n    useTop:true,\r\n    useNew:true,\r\n    useHotRecommend:false,\r\n    usePartRecommend:false,\r\n    useTags:false,\r\n    useAtlas:false,\r\n    coverImageSize:\"300*300\",\r\n    bannerImageSize:\"1440*560\"\r\n  }\r\n})\r\n\r\n/**\r\n * \r\n */\r\nexport const CmsSettingsKEY = \"cms:content:man:settings\";\r\n\r\n/**\r\n * 使用cms配置\r\n * @param load \r\n */\r\nexport const useCmsSettings =  function(load:boolean|undefined = false):CmsSettingsType{\r\n\r\n  if(load){\r\n   \r\n    MsConfigTable.getConfigValue<CmsSettingsType>(CmsSettingsKEY).then(data=>{\r\n      if(data){ \r\n        // 卸载掉老旧模块\r\n        // CmsSettings.docModules.forEach(item=> unRegisterDocModule(item.name) );\r\n        Object.assign(CmsSettings,data);\r\n        // 加载新内容安装新模块\r\n        // CmsSettings.docModules.forEach(item=>registerLexicalEditorModule(item,\"\"));\r\n      }\r\n    });\r\n\r\n  }\r\n\r\n  return CmsSettings;\r\n}\r\n"],"names":["reactive","MsConfigTable"],"mappings":";;;;AA6FA,MAAM,cAAcA,IAAAA,SAA0B;AAAA,EAC5C,SAAQ;AAAA,IACN,MAAK;AAAA,EACP;AAAA,EACA,SAAQ,CAAC,IAAI;AAAA,EACb,MAAK;AAAA,IACH,YAAW;AAAA,IACX,iBAAgB;AAAA,IAChB,YAAW,CAAC;AAAA,IACZ,cAAa,CAAC;AAAA,IACd,KAAI;AAAA,MACF,IAAG;AAAA,MACH,KAAI;AAAA,IACN;AAAA,EACF;AAAA,EACA,SAAQ;AAAA,IACN,KAAI;AAAA,MACF,IAAG;AAAA,MACH,KAAI;AAAA,IACN;AAAA,IACA,YAAW,CAAC;AAAA,IACZ,cAAa,CAAC;AAAA,IACd,QAAO;AAAA,IACP,QAAO;AAAA,IACP,iBAAgB;AAAA,IAChB,kBAAiB;AAAA,IACjB,SAAQ;AAAA,IACR,UAAS;AAAA,IACT,gBAAe;AAAA,IACf,iBAAgB;AAAA,EAClB;AACF,CAAC;AAKM,MAAM,iBAAiB;AAMjB,MAAA,iBAAkB,SAAS,OAAyB,OAAsB;AAErF,MAAG,MAAK;AAENC,kBAAAA,cAAc,eAAgC,cAAc,EAAE,KAAK,CAAM,SAAA;AACvE,UAAG,MAAK;AAGC,eAAA,OAAO,aAAY,IAAI;AAAA,MAGhC;AAAA,IAAA,CACD;AAAA,EAEH;AAEO,SAAA;AACT;;;"}

package/dist/cjs/modules/cms/components/part-tree/index.vue.js

@@ -78,6 +78,8 @@ require("../../../ms/dataviews/log/operate-log/OperateLogTable.js");
 require("../../../ms/dataviews/log/login-log/LoginLogTable.js");
 require("../../../ms/dataviews/log/request-log/RequestLogTable.js");
 require("../../../ms/dataviews/log/local-log/LocalLogTree.js");
+require("../../../ms/dataviews/ms-message/MsMessageForm.js");
+require("../../../ms/dataviews/ms-message/MsMessageTable.js");
 require("../../../ms/components/material-list/index.js");
 require("../../../ms/components/markdown-editor/index.js");
 require("../../../ms/components/rich-text-editor/index.js");

package/dist/cjs/modules/cms/components/part-tree/index.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.vue.js","sources":["../../../../../../src/modules/cms/components/part-tree/index.vue"],"sourcesContent":["<template>\r\n  <div class=\"cms-part-tree\">\r\n    <div class=\"cms-part-tree__header\">\r\n      <div>\r\n        <MKSvgIcon iconClass=\"Notebook\" />\r\n        栏目\r\n      </div>\r\n      <el-switch v-model=\"isDrag\" inline-prompt  active-text=\"开启排序\"\r\n      inactive-text=\"关闭排序\" />\r\n    </div>\r\n    <div class=\"cms-part-tree__body\">\r\n      <ElScrollbar style=\"height: 100%;\">\r\n        <MKDataTable :auto-load=\"true\" :data-table=\"dataTree\" highlight-current>\r\n          <MKTree :data-tree=\"dataTree\" @nodeClick=\"selectPart\" defaultExpandAll :draggable=\"isDrag\" ref=\"treeRef\" :currentNodeKey=\"selectNodeId\">\r\n            <template #node-main=\"{ data }\">\r\n              {{ data.data.title }}\r\n            </template>\r\n            <template #node-tools=\"{ data }\">\r\n              <el-dropdown>\r\n                <ElIcon>\r\n                  <MoreFilled />\r\n                </ElIcon>\r\n                <template #dropdown>\r\n                  <el-dropdown-menu>\r\n                    <el-dropdown-item :icon=\"Edit\" @click=\"handleEditClick(data.data)\">编辑</el-dropdown-item>\r\n                    <el-dropdown-item :icon=\"Delete\" @click=\"handleDeleteClick(data.data)\">删除</el-dropdown-item>\r\n                    <el-dropdown-item v-if=\"data.data.cmsPartTypeId != 1\" :icon=\"Plus\"\r\n                      @click=\"handleAddClick(data.data)\">添加子菜单</el-dropdown-item>\r\n                  </el-dropdown-menu>\r\n                </template>\r\n              </el-dropdown>\r\n            </template>\r\n          </MKTree>\r\n        </MKDataTable>\r\n      </ElScrollbar>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script setup lang='ts'>\r\nimport { ElMessageBox, ElScrollbar } from \"element-plus\"\r\nimport { Plus, Edit, Delete, MoreFilled } from \"@element-plus/icons-vue\";\r\nimport { reactive, defineProps, watch, defineEmits, ref } from \"vue\";\r\nimport { MKDataTable, MKTree } from \"../../../../components/data-model/data-table\"\r\nimport { CmsPartTree } from \"../../dataviews\";\r\nimport { useI18n } from \"../../../../composables\";\r\nimport { DataTreeNode } from \"@maketribe/dm\";\r\n\r\ndefineOptions({ name: \"MKPartTree\" });\r\nconst treeRef = ref(null);\r\n// 配置选项\r\nconst optionSettings = defineProps<{\r\n  curSelectId?:string|undefined\r\n}>();\r\n\r\n// 事件定义\r\nconst emit = defineEmits([\"edit\", \"add\", \"deleteSuccessfully\", \"select\"]);\r\n\r\nconst i18n = useI18n()!;\r\nconst dataTree = reactive(new CmsPartTree()) as CmsPartTree;\r\n\r\nconst isDrag = ref(false)\r\n\r\nconst selectNodeId = ref(optionSettings.curSelectId);\r\n\r\nwatch(()=>optionSettings.curSelectId,()=>{\r\n  selectNodeId.value = optionSettings.curSelectId\r\n})\r\n\r\n// 监听数据变化\r\ndataTree.listChangeEvent.on(() => {\r\n\r\n  const list = dataTree.getList();\r\n\r\n  if (list.length > 0) {\r\n    //默认选择第一条\r\n    if(!selectNodeId.value){ selectNodeId.value = list[0].id; }\r\n\r\n    for(let i=0;i<list.length;i++){\r\n\r\n      let item = list[i]\r\n     \r\n      if(item.id == selectNodeId.value){\r\n        emit(\"select\", item);\r\n        break;\r\n      }\r\n      item.children?.forEach((child:any)=>list.push(child))\r\n\r\n    }\r\n  }\r\n})\r\n\r\n/**\r\n * 点击添加栏目按钮\r\n * @param item \r\n */\r\nconst handleAddClick = (item: any) => {\r\n  emit(\"add\", item);\r\n}\r\n\r\n/**\r\n * 编辑栏目\r\n * @param item \r\n */\r\nconst handleEditClick = (item: any) => {\r\n  emit(\"edit\", item);\r\n}\r\n/**\r\n * 删除栏目\r\n * @param item \r\n */\r\nconst handleDeleteClick = async (item: any) => {\r\n  // 删除提示\r\n  const isConfirm = await ElMessageBox.confirm(\r\n    i18n.translate(\"mk.dataTablePage.deleteMessage\"),\r\n    i18n.translate(\"mk.dataTablePage.deleteTitle\"),\r\n    { type: \"warning\" }\r\n  )\r\n\r\n  if (!isConfirm) {\r\n    return;\r\n  }\r\n  const result = await dataTree.deleteAfterRefresh(item.id);\r\n  if (result.data.code == 200) {\r\n    emit('deleteSuccessfully', item)\r\n  }\r\n}\r\n\r\n/**\r\n * 选择栏目\r\n * @param data \r\n */\r\nconst selectPart = (data: DataTreeNode) => {\r\n  emit(\"select\", data.data);\r\n}\r\n\r\ndefineExpose({ dataTree });\r\n\r\n\r\n</script>\r\n"],"names":["ref","useI18n","reactive","CmsPartTree","watch","ElMessageBox"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgDM,UAAA,UAAUA,QAAI,IAAI;AAExB,UAAM,iBAAiB;AAKvB,UAAM,OAAO;AAEb,UAAM,OAAOC,QAAAA;AACb,UAAM,WAAWC,IAAAA,SAAS,IAAIC,YAAAA,YAAa,CAAA;AAErC,UAAA,SAASH,QAAI,KAAK;AAElB,UAAA,eAAeA,IAAAA,IAAI,eAAe,WAAW;AAE7CI,cAAA,MAAI,eAAe,aAAY,MAAI;AACvC,mBAAa,QAAQ,eAAe;AAAA,IAAA,CACrC;AAGQ,aAAA,gBAAgB,GAAG,MAAM;;AAE1B,YAAA,OAAO,SAAS;AAElB,UAAA,KAAK,SAAS,GAAG;AAEhB,YAAA,CAAC,aAAa,OAAM;AAAe,uBAAA,QAAQ,KAAK,CAAC,EAAE;AAAA,QAAI;AAE1D,iBAAQ,IAAE,GAAE,IAAE,KAAK,QAAO,KAAI;AAExB,cAAA,OAAO,KAAK,CAAC;AAEd,cAAA,KAAK,MAAM,aAAa,OAAM;AAC/B,iBAAK,UAAU,IAAI;AACnB;AAAA,UACF;AACA,qBAAK,aAAL,mBAAe,QAAQ,CAAC,UAAY,KAAK,KAAK,KAAK;AAAA,QAErD;AAAA,MACF;AAAA,IAAA,CACD;AAMK,UAAA,iBAAiB,CAAC,SAAc;AACpC,WAAK,OAAO,IAAI;AAAA,IAAA;AAOZ,UAAA,kBAAkB,CAAC,SAAc;AACrC,WAAK,QAAQ,IAAI;AAAA,IAAA;AAMb,UAAA,oBAAoB,OAAO,SAAc;AAEvC,YAAA,YAAY,MAAMC,YAAAA,aAAa;AAAA,QACnC,KAAK,UAAU,gCAAgC;AAAA,QAC/C,KAAK,UAAU,8BAA8B;AAAA,QAC7C,EAAE,MAAM,UAAU;AAAA,MAAA;AAGpB,UAAI,CAAC,WAAW;AACd;AAAA,MACF;AACA,YAAM,SAAS,MAAM,SAAS,mBAAmB,KAAK,EAAE;AACpD,UAAA,OAAO,KAAK,QAAQ,KAAK;AAC3B,aAAK,sBAAsB,IAAI;AAAA,MACjC;AAAA,IAAA;AAOI,UAAA,aAAa,CAAC,SAAuB;AACpC,WAAA,UAAU,KAAK,IAAI;AAAA,IAAA;AAGb,aAAA,EAAE,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.vue.js","sources":["../../../../../../src/modules/cms/components/part-tree/index.vue"],"sourcesContent":["<template>\r\n  <div class=\"cms-part-tree\">\r\n    <div class=\"cms-part-tree__header\">\r\n      <div>\r\n        <MKSvgIcon iconClass=\"Notebook\" />\r\n        栏目\r\n      </div>\r\n      <el-switch v-model=\"isDrag\" inline-prompt  active-text=\"开启排序\"\r\n      inactive-text=\"关闭排序\" />\r\n    </div>\r\n    <div class=\"cms-part-tree__body\">\r\n      <ElScrollbar style=\"height: 100%;\">\r\n        <MKDataTable :auto-load=\"true\" :data-table=\"dataTree\" highlight-current>\r\n          <MKTree :data-tree=\"dataTree\" @nodeClick=\"selectPart\" defaultExpandAll :draggable=\"isDrag\" ref=\"treeRef\" :currentNodeKey=\"selectNodeId\">\r\n            <template #node-main=\"{ data }\">\r\n              {{ data.data.title }}\r\n            </template>\r\n            <template #node-tools=\"{ data }\">\r\n              <el-dropdown>\r\n                <ElIcon>\r\n                  <MoreFilled />\r\n                </ElIcon>\r\n                <template #dropdown>\r\n                  <el-dropdown-menu>\r\n                    <el-dropdown-item :icon=\"Edit\" @click=\"handleEditClick(data.data)\">编辑</el-dropdown-item>\r\n                    <el-dropdown-item :icon=\"Delete\" @click=\"handleDeleteClick(data.data)\">删除</el-dropdown-item>\r\n                    <el-dropdown-item v-if=\"data.data.cmsPartTypeId != 1\" :icon=\"Plus\"\r\n                      @click=\"handleAddClick(data.data)\">添加子菜单</el-dropdown-item>\r\n                  </el-dropdown-menu>\r\n                </template>\r\n              </el-dropdown>\r\n            </template>\r\n          </MKTree>\r\n        </MKDataTable>\r\n      </ElScrollbar>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script setup lang='ts'>\r\nimport { ElMessageBox, ElScrollbar } from \"element-plus\"\r\nimport { Plus, Edit, Delete, MoreFilled } from \"@element-plus/icons-vue\";\r\nimport { reactive, defineProps, watch, defineEmits, ref } from \"vue\";\r\nimport { MKDataTable, MKTree } from \"../../../../components/data-model/data-table\"\r\nimport { CmsPartTree } from \"../../dataviews\";\r\nimport { useI18n } from \"../../../../composables\";\r\nimport { DataTreeNode } from \"@maketribe/dm\";\r\n\r\ndefineOptions({ name: \"MKPartTree\" });\r\nconst treeRef = ref(null);\r\n// 配置选项\r\nconst optionSettings = defineProps<{\r\n  curSelectId?:string|undefined\r\n}>();\r\n\r\n// 事件定义\r\nconst emit = defineEmits([\"edit\", \"add\", \"deleteSuccessfully\", \"select\"]);\r\n\r\nconst i18n = useI18n()!;\r\nconst dataTree = reactive(new CmsPartTree()) as CmsPartTree;\r\n\r\nconst isDrag = ref(false)\r\n\r\nconst selectNodeId = ref(optionSettings.curSelectId);\r\n\r\nwatch(()=>optionSettings.curSelectId,()=>{\r\n  selectNodeId.value = optionSettings.curSelectId\r\n})\r\n\r\n// 监听数据变化\r\ndataTree.listChangeEvent.on(() => {\r\n\r\n  const list = dataTree.getList();\r\n\r\n  if (list.length > 0) {\r\n    //默认选择第一条\r\n    if(!selectNodeId.value){ selectNodeId.value = list[0].id; }\r\n\r\n    for(let i=0;i<list.length;i++){\r\n\r\n      let item = list[i]\r\n     \r\n      if(item.id == selectNodeId.value){\r\n        emit(\"select\", item);\r\n        break;\r\n      }\r\n      item.children?.forEach((child:any)=>list.push(child))\r\n\r\n    }\r\n  }\r\n})\r\n\r\n/**\r\n * 点击添加栏目按钮\r\n * @param item \r\n */\r\nconst handleAddClick = (item: any) => {\r\n  emit(\"add\", item);\r\n}\r\n\r\n/**\r\n * 编辑栏目\r\n * @param item \r\n */\r\nconst handleEditClick = (item: any) => {\r\n  emit(\"edit\", item);\r\n}\r\n/**\r\n * 删除栏目\r\n * @param item \r\n */\r\nconst handleDeleteClick = async (item: any) => {\r\n  // 删除提示\r\n  const isConfirm = await ElMessageBox.confirm(\r\n    i18n.translate(\"mk.dataTablePage.deleteMessage\"),\r\n    i18n.translate(\"mk.dataTablePage.deleteTitle\"),\r\n    { type: \"warning\" }\r\n  )\r\n\r\n  if (!isConfirm) {\r\n    return;\r\n  }\r\n  const result = await dataTree.deleteAfterRefresh(item.id);\r\n  if (result.data.code == 200) {\r\n    emit('deleteSuccessfully', item)\r\n  }\r\n}\r\n\r\n/**\r\n * 选择栏目\r\n * @param data \r\n */\r\nconst selectPart = (data: DataTreeNode) => {\r\n  emit(\"select\", data.data);\r\n}\r\n\r\ndefineExpose({ dataTree });\r\n\r\n\r\n</script>\r\n"],"names":["ref","useI18n","reactive","CmsPartTree","watch","ElMessageBox"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgDM,UAAA,UAAUA,QAAI,IAAI;AAExB,UAAM,iBAAiB;AAKvB,UAAM,OAAO;AAEb,UAAM,OAAOC,QAAAA;AACb,UAAM,WAAWC,IAAAA,SAAS,IAAIC,YAAAA,YAAa,CAAA;AAErC,UAAA,SAASH,QAAI,KAAK;AAElB,UAAA,eAAeA,IAAAA,IAAI,eAAe,WAAW;AAE7CI,cAAA,MAAI,eAAe,aAAY,MAAI;AACvC,mBAAa,QAAQ,eAAe;AAAA,IAAA,CACrC;AAGQ,aAAA,gBAAgB,GAAG,MAAM;;AAE1B,YAAA,OAAO,SAAS;AAElB,UAAA,KAAK,SAAS,GAAG;AAEhB,YAAA,CAAC,aAAa,OAAM;AAAe,uBAAA,QAAQ,KAAK,CAAC,EAAE;AAAA,QAAI;AAE1D,iBAAQ,IAAE,GAAE,IAAE,KAAK,QAAO,KAAI;AAExB,cAAA,OAAO,KAAK,CAAC;AAEd,cAAA,KAAK,MAAM,aAAa,OAAM;AAC/B,iBAAK,UAAU,IAAI;AACnB;AAAA,UACF;AACA,qBAAK,aAAL,mBAAe,QAAQ,CAAC,UAAY,KAAK,KAAK,KAAK;AAAA,QAErD;AAAA,MACF;AAAA,IAAA,CACD;AAMK,UAAA,iBAAiB,CAAC,SAAc;AACpC,WAAK,OAAO,IAAI;AAAA,IAAA;AAOZ,UAAA,kBAAkB,CAAC,SAAc;AACrC,WAAK,QAAQ,IAAI;AAAA,IAAA;AAMb,UAAA,oBAAoB,OAAO,SAAc;AAEvC,YAAA,YAAY,MAAMC,YAAAA,aAAa;AAAA,QACnC,KAAK,UAAU,gCAAgC;AAAA,QAC/C,KAAK,UAAU,8BAA8B;AAAA,QAC7C,EAAE,MAAM,UAAU;AAAA,MAAA;AAGpB,UAAI,CAAC,WAAW;AACd;AAAA,MACF;AACA,YAAM,SAAS,MAAM,SAAS,mBAAmB,KAAK,EAAE;AACpD,UAAA,OAAO,KAAK,QAAQ,KAAK;AAC3B,aAAK,sBAAsB,IAAI;AAAA,MACjC;AAAA,IAAA;AAOI,UAAA,aAAa,CAAC,SAAuB;AACpC,WAAA,UAAU,KAAK,IAAI;AAAA,IAAA;AAGb,aAAA,EAAE,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}