@maketribe/ms-app 4.0.0-beta.4 → 4.0.0-beta.6

package/dist/esm/index-BstvVQpz.js.map

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

package/dist/esm/{index-yn73KaD-.js → index-BzHROA_O.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, unref, createVNode, isVNode } from "vue";
 import { ElTag } from "element-plus";
-import { P as columnProps, S as useColumn } from "./index-H-r7uCNO.js";
+import { p as columnProps, t as useColumn } from "./index-HC0IsFjh.js";
 import { buildProps } from "@maketribe/utils";
 import "vue-router";
 import "@maketribe/dm";
@@ -104,4 +104,4 @@ export {
   columnTagProps,
   MKColumnTag as default
 };
-//# sourceMappingURL=index-yn73KaD-.js.map
+//# sourceMappingURL=index-BzHROA_O.js.map

package/dist/esm/index-BzHROA_O.js.map

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

package/dist/esm/{index-BJnPA3s8.js → index-BzX9cDUw.js}

@@ -2,12 +2,14 @@ var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 var _a, _b;
-import { defineComponent, ref, watch, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, createTextVNode, unref, toDisplayString, Fragment, renderList, normalizeClass } from "vue";
+import { defineComponent, ref, watch, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, unref, createTextVNode, toDisplayString, Fragment, renderList, normalizeClass, pushScopeId, popScopeId } from "vue";
 import { ElCard } from "element-plus";
-import { DataForm, Messager, FormColumn, Dialoger } from "@maketribe/dm";
-import "@maketribe/utils";
-import { $ as DATA_MODEL_NAME, a0 as MODULE_NAME, a1 as MSAppClient, a2 as MsMemberTable } from "./index-H-r7uCNO.js";
+import { a3 as DATA_MODEL_NAME, a4 as MODULE_NAME, a5 as MSAppClient, a6 as MsMemberTable, a2 as useMSAppClient, v as MKSvgIcon, _ as _export_sfc } from "./index-HC0IsFjh.js";
 import { DvOpt, Group } from "@maketribe/request";
+import "@maketribe/utils";
+import { DataForm, Messager, FormColumn, Dialoger } from "@maketribe/dm";
+import "vue-router";
+import "@maketribe/locale";
 import "lodash-es";
 import "@lexical/overflow";
 import "@lexical/text";
@@ -119,18 +121,19 @@ const _ToDoForm = class _ToDoForm extends (_b = DataForm, _a = DATA_MODEL_NAME,
 };
 __publicField(_ToDoForm, _a, "todo");
 let ToDoForm = _ToDoForm;
+const _withScopeId = (n) => (pushScopeId("data-v-75f8783b"), n = n(), popScopeId(), n);
 const _hoisted_1 = { class: "ms-todo" };
 const _hoisted_2 = { style: { "color": "var(--el-text-color-regular)", "margin-left": "10px" } };
 const _hoisted_3 = { class: "ms-todo__body-warp" };
 const _hoisted_4 = { class: "ms-todo__body-warp__calendar-header" };
 const _hoisted_5 = { class: "ms-todo__body-warp__calendar-header-left" };
-const _hoisted_6 = /* @__PURE__ */ createElementVNode("span", { class: "ms-todo__body-warp__calendar-header_left-title" }, "今日工作", -1);
+const _hoisted_6 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", { class: "ms-todo__body-warp__calendar-header_left-title" }, "今日工作", -1));
 const _hoisted_7 = { class: "ms-todo__body-warp__calendar-header_left-date" };
 const _hoisted_8 = { class: "ms-todo__body-warp__calendar-header-right" };
 const _hoisted_9 = { class: "ms-todo__body-warp__calendar-body" };
 const _hoisted_10 = ["onClick"];
 const _hoisted_11 = { class: "ms-todo__body-warp__calendar-body_date-weekDay" };
-const _hoisted_12 = /* @__PURE__ */ createElementVNode("div", { class: "ms-todo__body-warp__calendar-work" }, null, -1);
+const _hoisted_12 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "ms-todo__body-warp__calendar-work" }, null, -1));
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     mkRoute: {
@@ -139,9 +142,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   __name: "index",
   setup(__props) {
-    const httpRequest = MSAppClient.instance.httpRequest;
+    const { httpRequest } = useMSAppClient();
     const todoDv = DvOpt.createInstance({
-      name: "todo"
+      name: "todo",
+      moduleName: "ms"
     });
     const dayGroup = new Group();
     const selectDate = ref(/* @__PURE__ */ new Date());
@@ -196,7 +200,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       todoList.value = await getDayTodo(selectDate.value);
     }, { immediate: true });
     return (_ctx, _cache) => {
-      const _component_MKSvgIcon = resolveComponent("MKSvgIcon");
       const _component_el_page_header = resolveComponent("el-page-header");
       const _component_ElButton = resolveComponent("ElButton");
       return openBlock(), createElementBlock("div", _hoisted_1, [
@@ -206,8 +209,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }, {
           title: withCtx(() => [
             createElementVNode("h3", _hoisted_2, [
-              createVNode(_component_MKSvgIcon, {
-                iconClass: "Timer",
+              createVNode(unref(MKSvgIcon), {
+                name: "ep:timer",
                 style: { "margin-right": "5px" }
               }),
               createTextVNode(" 待办事项 ")
@@ -231,8 +234,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     onClick: addToDo
                   }, {
                     default: withCtx(() => [
-                      createVNode(_component_MKSvgIcon, {
-                        iconClass: "Plus",
+                      createVNode(unref(MKSvgIcon), {
+                        name: "ep:plus",
                         style: { "margin-right": "10px" }
                       }),
                       createTextVNode("添加事项 ")
@@ -246,7 +249,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   class: "ms-todo__body-warp__calendar-body-left day-box",
                   onClick: _cache[0] || (_cache[0] = ($event) => offsetValue.value--)
                 }, [
-                  createVNode(_component_MKSvgIcon, { iconClass: "ArrowLeft" })
+                  createVNode(unref(MKSvgIcon), { name: "ep:arrow-left" })
                 ]),
                 (openBlock(true), createElementBlock(Fragment, null, renderList(currentWeek.value, (item) => {
                   return openBlock(), createElementBlock("div", {
@@ -266,7 +269,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   class: "ms-todo__body-warp__calendar-body-right day-box",
                   onClick: _cache[1] || (_cache[1] = ($event) => offsetValue.value++)
                 }, [
-                  createVNode(_component_MKSvgIcon, { iconClass: "ArrowRight" })
+                  createVNode(unref(MKSvgIcon), { name: "ep:arrow-right" })
                 ])
               ]),
               _hoisted_12
@@ -278,7 +281,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-75f8783b"]]);
 export {
-  _sfc_main as default
+  index as default
 };
-//# sourceMappingURL=index-BJnPA3s8.js.map
+//# sourceMappingURL=index-BzX9cDUw.js.map

package/dist/esm/index-BzX9cDUw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-BzX9cDUw.js","sources":["../../src/pages/to-do/ToDoForm.ts","../../src/pages/to-do/index.vue"],"sourcesContent":["import { DataForm, DataFormOptions, FormColumn, Messager } from \"@maketribe/dm\";\nimport { DATA_MODEL_NAME, RegionLevel, MODULE_NAME } from \"../../constants\";\nimport { MSAppClient } from \"../../core\";\nimport { MsMemberTable } from \"../../dataviews\";\n\nexport class ToDoForm extends DataForm {\n    static [DATA_MODEL_NAME]: string = \"todo\";\n\n    constructor(options: DataFormOptions = {}) {\n        super({\n            name: ToDoForm[DATA_MODEL_NAME],\n            moduleName: MODULE_NAME,\n            ...options,\n        });\n        this.httpRequest = MSAppClient.instance!.httpRequest;\n    }\n\n    protected async initialize(): Promise<void> {\n        await super.initialize();\n\n        const result = await this.httpRequest.get(\"/ms/dv/todo/meta\")\n        if (result.data.code != 200) {\n            Messager.error({\n                message: result.data.msg || '获取消息类型失败'\n            })\n            return;\n        }\n\n        this.setColumns([\n            new FormColumn({\n                name: \"memberId\", label: \"处理成员id\",\n                componentInfo: \"MKFormDataTableSelect\",\n                componentProps: {\n                    dataTable: this.register(new MsMemberTable()),\n                    labelFieldName: \"name\",\n                },\n                required: true\n            }),\n            new FormColumn({\n                name: \"deadline\", label: \"截止时间\",\n                componentInfo: \"MKFormDatePicker\",\n            }),\n            new FormColumn({\n                name: \"relatedMemberIds\", label: \"关联成员\",\n                componentInfo: \"MKFormDataTableSelect\",\n                componentProps: {\n                    dataTable: this.register(new MsMemberTable()),\n                    labelFieldName: \"name\",\n                    multiple: true\n                },\n                required: true\n            }),\n            new FormColumn({\n                name: \"intro\", label: \"待办简介\", componentInfo: \"MKFormInput\",\n                componentProps: {\n                    autoSize: {\n                        minRows: 5,\n                        maxRows: 20\n                    }\n                },\n                required: true\n            }),\n\n            new FormColumn({\n                name: \"content\", label: \"内容\",\n                componentInfo: \"MKFormInput\",\n                componentProps: {\n                    type: \"textarea\",\n                    autosize: {\n                        minRows: 5,\n                        maxRows: 20\n                    }\n                },\n                required: true\n            }),\n            new FormColumn({\n                name: \"priority\", label: \"待办优先级\",\n                componentInfo: \"MKFormDataSelect\",\n                componentProps: {\n                    options: result.data.data.priorityList\n                }, required: true,\n                defaultValue: 0\n            }),\n            new FormColumn({\n                name: \"status\", label: \"待办状态\",\n                componentInfo: \"MKFormDataSelect\",\n                componentProps: {\n                    options: result.data.data.statusList\n                }, required: true,\n                defaultValue: 0\n            }),\n        ]);\n\n    }\n\n    async submit() {\n        const res = await this.httpRequest.post(\"/ms/dv/todo/create\", this.data)\n        return res\n    }\n}\n","<template>\n    <div class=\"ms-todo\">\n        <el-page-header style=\"background-color: #fff;padding: 10px;\" :icon=\"null\">\n            <template #title>\n                <h3 style=\"color: var(--el-text-color-regular);margin-left: 10px;\">\n                    <MKSvgIcon name=\"ep:timer\" style=\"margin-right: 5px;\" />\n                    待办事项\n                </h3>\n            </template>\n            <template #extra>\n            </template>\n        </el-page-header>\n        <div class=\"ms-todo__body-warp\">\n            <ElCard class=\"ms-todo__body-warp__calendar\">\n                <div class=\"ms-todo__body-warp__calendar-header\">\n                    <div class=\"ms-todo__body-warp__calendar-header-left\">\n                        <span class=\"ms-todo__body-warp__calendar-header_left-title\">今日工作</span><span\n                            class=\"ms-todo__body-warp__calendar-header_left-date\">{{\n                                selectDate.toLocaleDateString().replace(/\\//g, '-')\n                            }}</span>\n                    </div>\n                    <div class=\"ms-todo__body-warp__calendar-header-right\">\n                        <ElButton link type=\"primary\" @click=\"addToDo\">\n                            <MKSvgIcon name=\"ep:plus\" style=\"margin-right: 10px;\"></MKSvgIcon>添加事项\n                        </ElButton>\n                    </div>\n                </div>\n                <div class=\"ms-todo__body-warp__calendar-body\">\n                    <div class=\"ms-todo__body-warp__calendar-body-left day-box\" @click=\"offsetValue--\">\n                        <MKSvgIcon name=\"ep:arrow-left\"></MKSvgIcon>\n                    </div>\n                    <div v-for=\"item in currentWeek\" class=\"ms-todo__body-warp__calendar-body_date day-box\"\n                        @click=\"selectDate = item.date; console.log(item);\">\n                        <div class=\"ms-todo__body-warp__calendar-body_date-weekDay\">\n                            {{ item.weekDay }}\n                        </div>\n                        <div\n                            :class=\"[item.date.toLocaleDateString() == selectDate.toLocaleDateString() ? 'is-active' : '', 'ms-todo__body-warp__calendar-body_date-day']\">\n                            {{ item.day }}\n                        </div>\n                    </div>\n                    <div class=\"ms-todo__body-warp__calendar-body-right day-box\" @click=\"offsetValue++\">\n                        <MKSvgIcon name=\"ep:arrow-right\"></MKSvgIcon>\n                    </div>\n                </div>\n                <div class=\"ms-todo__body-warp__calendar-work\">\n\n                </div>\n            </ElCard>\n        </div>\n    </div>\n</template>\n<script setup lang=\"ts\">\nimport { ElCard } from 'element-plus';\nimport { MKSvgIcon } from \"../../components\"\nimport { useMSAppClient } from '../../composables';\nimport { Ref, ref, watch } from 'vue';\nimport { Dialoger } from '@maketribe/dm';\nimport { ToDoForm } from './ToDoForm';\nimport { DvOpt, Group } from '@maketribe/request';\n\nconst { httpRequest } = useMSAppClient();\n\ndefineOptions({\n    mkRoute: {\n        name: \"dv/ms-todo/single/list/dialog\",\n    },\n})\n\nconst todoDv = DvOpt.createInstance({\n    name: \"todo\",\n    moduleName:\"ms\"\n})\nconst dayGroup = new Group()\n\n\nconst selectDate = ref(new Date());\nconst offsetValue = ref(0)\nconst currentWeek = ref();\nconst todoList: Ref<any[]> = ref([{\n    \n}])\nhttpRequest.get(\"/ms/dv/todo/meta\")\n//获取当前周信息\nconst getWeek = (offset = 0) => {\n    const now = new Date().getTime() + offset * 86400000;\n    const dayOfWeek = new Date(now).getDay();\n    const startDate = new Date(now - dayOfWeek * 86400000);\n    const weekDate = [\n        startDate,\n        new Date(now - (dayOfWeek - 1) * 86400000),\n        new Date(now - (dayOfWeek - 2) * 86400000),\n        new Date(now - (dayOfWeek - 3) * 86400000),\n        new Date(now - (dayOfWeek - 4) * 86400000),\n        new Date(now - (dayOfWeek - 5) * 86400000),\n        new Date(now - (dayOfWeek - 6) * 86400000)\n    ]\n    return {\n        0: { date: weekDate[0], day: weekDate[0].getDate(), weekDay: \"日\" },\n        1: { date: weekDate[1], day: weekDate[1].getDate(), weekDay: \"一\" },\n        2: { date: weekDate[2], day: weekDate[2].getDate(), weekDay: \"二\" },\n        3: { date: weekDate[3], day: weekDate[3].getDate(), weekDay: \"三\" },\n        4: { date: weekDate[4], day: weekDate[4].getDate(), weekDay: \"四\" },\n        5: { date: weekDate[5], day: weekDate[5].getDate(), weekDay: \"五\" },\n        6: { date: weekDate[6], day: weekDate[6].getDate(), weekDay: \"六\" },\n    }\n}\n\n/**\n * 获取当前日期的待办事项\n * @param Date day \n */\nconst getDayTodo = async (day: Date) => {\n    dayGroup.clear();\n    dayGroup.addCondition(\"createdAt\", \"<=\", day);\n    dayGroup.addCondition(\"deadline\", \">=\", day);\n    return await todoDv.query().addGroup((g) => g.group.addGroup(dayGroup)).list();\n}\n\nconst addToDo = async () => {\n    console.log(2154);\n    Dialoger.dataFormDialog({\n        dataForm: new ToDoForm()\n    })\n}\n\nwatch(offsetValue, (newValue, oldValue) => {\n    //获取当前周信息\n    currentWeek.value = getWeek(offsetValue.value * 7);\n    //更改选中的日期\n    selectDate.value = new Date(selectDate.value.getTime() + (newValue - oldValue! || 0) * 7 * 86400000);\n}, { immediate: true }\n)\n\nwatch(selectDate, async () => {\n    // selectDate.value = currentWeek.value[0];\n    //todo 获取当前日期的待办事项\n    todoList.value = await getDayTodo(selectDate.value)\n}, { immediate: true })\n\n\n</script>\n<style lang='scss' scoped>\n\n.ms-todo {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n\n  &__body-warp {\n    padding: 10px;\n    display: flex;\n    height: 100%;\n    overflow: hidden;\n\n    &__calendar {\n      width: 100%;\n\n      &-header {\n        display: flex;\n        justify-content: space-between;\n\n        &_left {\n          &-title {\n            font-size: 16px;\n            margin-right: 10px;\n          }\n\n          &-date {\n            font-size: 14px;\n          }\n        }\n      }\n\n      &-body {\n        display: flex;\n        justify-content: space-around;\n        width: 100%;\n\n        &_date {\n          display: flex;\n          flex-direction: column;\n          gap: 10px;\n\n          &-day {\n            padding: 10px;\n            border-radius: 8px;\n          }\n\n          &-weekDay {}\n\n          .is-active {\n            background-color: #2876f6;\n            color: #fff;\n          }\n        }\n\n\n\n        .day-box {\n          display: flex;\n          align-items: center;\n          padding: 10px;\n          box-sizing: border-box;\n          cursor: pointer;\n        }\n      }\n    }\n  }\n}\n</style>\n"],"names":[],"mappings":"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"}

package/dist/esm/index-C8z_gFCT.js

@@ -0,0 +1,39 @@
+import { buildProps, withInstall } from "@maketribe/utils";
+import { defineComponent, computed, unref, createVNode } from "vue";
+import { ElImage } from "element-plus";
+const imageViewProps = buildProps({
+  showPreview: {
+    type: Boolean,
+    default: true
+  },
+  src: {
+    type: String
+  }
+});
+const ImageView = /* @__PURE__ */ defineComponent({
+  name: "MKImageView",
+  inheritAttrs: false,
+  props: imageViewProps,
+  setup(props, {
+    slots
+  }) {
+    const showPreview = computed(() => props.showPreview);
+    const src = computed(() => props.src);
+    const previewSrcList = computed(() => unref(showPreview) && unref(src) ? [unref(src)] : []);
+    return () => createVNode(ElImage, {
+      "class": "mk-image-view",
+      "src": unref(src),
+      "fit": "cover",
+      "previewSrcList": unref(previewSrcList),
+      "preview-teleported": true,
+      "hide-on-click-modal": true
+    }, slots);
+  }
+});
+const MKImageView = withInstall(ImageView);
+export {
+  MKImageView,
+  MKImageView as default,
+  imageViewProps
+};
+//# sourceMappingURL=index-C8z_gFCT.js.map

package/dist/esm/index-C8z_gFCT.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-C8z_gFCT.js","sources":["../../src/components/business/material-list/components/image-view/image-view-options.ts","../../src/components/business/material-list/components/image-view/image-view.tsx","../../src/components/business/material-list/components/image-view/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\n\nexport const imageViewProps = buildProps({\n  showPreview: {\n    type: Boolean,\n    default: true,\n  },\n  src: {\n    type: String,\n  },\n} as const);\n\nexport type ImageViewProps = ExtractPropTypes<typeof imageViewProps>;\n","import { computed, defineComponent, unref } from \"vue\";\nimport { ElImage } from \"element-plus\";\nimport { imageViewProps } from \"./image-view-options\";\n\nexport default defineComponent({\n  name: \"MKImageView\",\n  inheritAttrs: false,\n  props: imageViewProps,\n  setup(props, { slots }) {\n    const showPreview = computed(() => props.showPreview);\n\n    const src = computed(() => props.src);\n\n    const previewSrcList = computed(() =>\n      unref(showPreview) && unref(src) ? [unref(src)!] : []\n    );\n\n    return () => (\n      <ElImage\n        class=\"mk-image-view\"\n        src={unref(src)}\n        v-slots={slots}\n        fit=\"cover\"\n        previewSrcList={unref(previewSrcList)}\n        preview-teleported\n        hide-on-click-modal\n      />\n    );\n  },\n});\n","import { withInstall } from \"@maketribe/utils\";\nimport ImageView from \"./image-view\";\n\nexport const MKImageView = withInstall(ImageView);\nexport default MKImageView;\n\nexport * from \"./image-view-options\";\n"],"names":["defineComponent","name","inheritAttrs","props","imageViewProps","setup","slots","showPreview","computed","src","previewSrcList","unref","_createVNode","ElImage"],"mappings":";;;AAGO,MAAM,iBAAiB,WAAW;AAAA,EACvC,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,KAAK;AAAA,IACH,MAAM;AAAA,EACR;AACF,CAAU;ACPV,MAAeA,4CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,cAAc;AAAA,EACdC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AAAA,IAAEG;AAAAA,EAAM,GAAG;AACtB,UAAMC,cAAcC,SAAS,MAAML,MAAMI,WAAW;AAEpD,UAAME,MAAMD,SAAS,MAAML,MAAMM,GAAG;AAEpC,UAAMC,iBAAiBF,SAAS,MAC9BG,MAAMJ,WAAW,KAAKI,MAAMF,GAAG,IAAI,CAACE,MAAMF,GAAG,CAAC,IAAK,CACrD,CAAA;AAEA,WAAO,MAAAG,YAAAC,SAAA;AAAA,MAAA,SAAA;AAAA,MAAA,OAGEF,MAAMF,GAAG;AAAA,MAAC,OAAA;AAAA,MAAA,kBAGCE,MAAMD,cAAc;AAAA,MAAC,sBAAA;AAAA,MAAA,uBAAA;AAAA,IAAA,GAF5BJ,KAAK;AAAA,EAOpB;AACF,CAAC;AC1BY,MAAA,cAAc,YAAY,SAAS;"}

package/dist/esm/{index-DtQmpHhM.js → index-CBH7hztG.js}

@@ -1,8 +1,8 @@
-import { defineComponent, ref, onMounted, watch, computed, resolveComponent, resolveDirective, openBlock, createElementBlock, withDirectives, createVNode, unref, withCtx, createElementVNode, Fragment, renderList, normalizeClass, toDisplayString, withModifiers, createTextVNode, reactive, onBeforeUnmount, createBlock, createCommentVNode } from "vue";
+import { defineComponent, ref, watch, computed, withAsyncContext, resolveComponent, resolveDirective, openBlock, createElementBlock, withDirectives, createVNode, unref, withCtx, createElementVNode, Fragment, renderList, normalizeClass, toDisplayString, withModifiers, createTextVNode, reactive, onBeforeUnmount, createBlock, createCommentVNode } from "vue";
 import { ElScrollbar, ElMessageBox, ElMessage, ElButton } from "element-plus";
 import { Dialoger } from "@maketribe/dm";
 import { DvOpt } from "@maketribe/request";
-import { a8 as MsRoleForm, s as MKSvgIcon, _ as _export_sfc, a9 as MsMemberRoleTable, t as MKPageContainer, B as MKDataTable, aa as MKTable, ab as MKDataTablePagination } from "./index-H-r7uCNO.js";
+import { a9 as MsRoleForm, v as MKSvgIcon, _ as _export_sfc, aa as MsMemberRoleTable, x as MKPagePanel, E as MKDataTable, ab as MKTable, ac as MKDataTablePagination } from "./index-HC0IsFjh.js";
 import "@maketribe/utils";
 import { useRouter } from "vue-router";
 import "@maketribe/locale";
@@ -33,16 +33,14 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     }
   },
   emits: ["role-select"],
-  setup(__props, { emit: __emit }) {
+  async setup(__props, { emit: __emit }) {
+    let __temp, __restore;
     const props = __props;
     const emit = __emit;
     const dvOpt = DvOpt.createInstance({ name: "ms-role" });
     const roles = ref([]);
     const currentRole = ref(null);
     const loading = ref(false);
-    onMounted(() => {
-      loadRoleList();
-    });
     watch(currentRole, () => {
       emit("role-select", currentRole.value);
     });
@@ -105,6 +103,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         ElMessage.error({ message: "网络异常" });
       }
     };
+    [__temp, __restore] = withAsyncContext(() => loadRoleList()), await __temp, __restore();
     return (_ctx, _cache) => {
       const _component_ElDropdownItem = resolveComponent("ElDropdownItem");
       const _component_ElDropdownMenu = resolveComponent("ElDropdownMenu");
@@ -181,25 +180,20 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const RoleAside = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-1210f79b"]]);
-const _hoisted_1 = {
-  style: { "color": "var(--el-text-color-regular)" },
-  flex: "~ items-center",
-  m: "l-[10px]"
-};
-const _hoisted_2 = { class: "ms-role__body-warp" };
-const _hoisted_3 = { class: "ms-role__aside" };
-const _hoisted_4 = { class: "ms-role__main" };
-const _hoisted_5 = {
+const RoleAside = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-93d60ca5"]]);
+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_6 = { class: "flex flex-justify-between" };
-const _hoisted_7 = {
+const _hoisted_5 = { class: "flex flex-justify-between" };
+const _hoisted_6 = {
   class: "ms-role__title",
   flex: "~ items-center"
 };
-const _hoisted_8 = { class: "ms-role__tools" };
+const _hoisted_7 = { class: "ms-role__tools" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   setup(__props) {
@@ -279,53 +273,40 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       router.push({ name: "dv/ms-role/permission", params: { id: (_a = unref(currentRole)) == null ? void 0 : _a.id } });
     };
     return (_ctx, _cache) => {
-      const _component_el_page_header = resolveComponent("el-page-header");
-      return openBlock(), createBlock(unref(MKPageContainer), { class: "ms-role" }, {
-        default: withCtx(() => [
-          createVNode(_component_el_page_header, {
-            style: { "background-color": "#fff", "padding": "10px" },
-            icon: null
+      return openBlock(), createBlock(unref(MKPagePanel), {
+        class: "ms-role",
+        title: "角色管理",
+        iconName: "carbon:add-filled"
+      }, {
+        extra: withCtx(() => [
+          createVNode(unref(ElButton), {
+            type: "primary",
+            onClick: handleAddRoleClick,
+            style: { "margin-right": "10px" }
           }, {
-            title: withCtx(() => [
-              createElementVNode("h3", _hoisted_1, [
-                createVNode(unref(MKSvgIcon), {
-                  name: "oui:app-users-roles",
-                  style: { "margin-right": "5px" }
-                }),
-                createTextVNode(" 角色管理 ")
-              ])
-            ]),
-            extra: withCtx(() => [
-              createVNode(unref(ElButton), {
-                type: "primary",
-                text: "",
-                onClick: handleAddRoleClick,
-                style: { "margin-right": "10px" }
-              }, {
-                default: withCtx(() => [
-                  createVNode(unref(MKSvgIcon), {
-                    name: "carbon:add-filled",
-                    style: { "margin-right": "5px" }
-                  }),
-                  createTextVNode(" 添加角色 ")
-                ]),
-                _: 1
-              })
+            default: withCtx(() => [
+              createVNode(unref(MKSvgIcon), {
+                name: "carbon:add-filled",
+                style: { "margin-right": "5px" }
+              }),
+              createTextVNode(" 添加角色 ")
             ]),
             _: 1
-          }),
-          createElementVNode("div", _hoisted_2, [
-            createElementVNode("div", _hoisted_3, [
+          })
+        ]),
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            createElementVNode("div", _hoisted_2, [
               createVNode(RoleAside, {
                 onRoleSelect: handleRoleSelect,
                 "role-form": roleForm,
                 ref: "RoleAsideEl"
               }, null, 8, ["role-form"])
             ]),
-            createElementVNode("div", _hoisted_4, [
-              currentRole.value ? (openBlock(), createElementBlock("div", _hoisted_5, [
-                createElementVNode("div", _hoisted_6, [
-                  createElementVNode("div", _hoisted_7, [
+            createElementVNode("div", _hoisted_3, [
+              currentRole.value ? (openBlock(), createElementBlock("div", _hoisted_4, [
+                createElementVNode("div", _hoisted_5, [
+                  createElementVNode("div", _hoisted_6, [
                     createVNode(unref(MKSvgIcon), {
                       class: "ms-role-aside__role-icon",
                       name: "oui:app-users-roles",
@@ -333,7 +314,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     }),
                     createTextVNode(" " + toDisplayString(currentRole.value.desc), 1)
                   ]),
-                  createElementVNode("div", _hoisted_8, [
+                  createElementVNode("div", _hoisted_7, [
                     createVNode(unref(ElButton), {
                       type: "primary",
                       text: "",
@@ -386,8 +367,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-bd6ed1bd"]]);
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-403254f4"]]);
 export {
   index as default
 };
-//# sourceMappingURL=index-DtQmpHhM.js.map
+//# sourceMappingURL=index-CBH7hztG.js.map

package/dist/esm/index-CBH7hztG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-CBH7hztG.js","sources":["../../src/pages/ms-role/components/aside.vue","../../src/pages/ms-role/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":["_withAsyncContext","currentRole"],"mappings":"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"}

package/dist/esm/{index-DFA5obdz.js → index-CRj3TdN2.js}

@@ -1,6 +1,6 @@
 import { defineComponent, inject, createVNode } from "vue";
 import { buildProps } from "@maketribe/utils";
-import { P as columnProps, D as DATA_TABLE_CONTEXT_KEY, s as MKSvgIcon } from "./index-H-r7uCNO.js";
+import { p as columnProps, D as DATA_TABLE_CONTEXT_KEY, v as MKSvgIcon } from "./index-HC0IsFjh.js";
 import "vue-router";
 import "@maketribe/dm";
 import { ElTooltip } from "element-plus";
@@ -37,10 +37,10 @@ const ColumnSort = /* @__PURE__ */ defineComponent({
       dataTableContext.dataTable.moveDown(props.row);
     };
     const handleToTop = () => {
-      dataTableContext.dataTable.toTop(props.row);
+      dataTableContext.dataTable.moveToTop(props.row);
     };
     const handleToBottom = () => {
-      dataTableContext.dataTable.toBottom(props.row);
+      dataTableContext.dataTable.moveToBottom(props.row);
     };
     return () => {
       let children = null;
@@ -103,4 +103,4 @@ export {
   columnSortProps,
   MKColumnSort as default
 };
-//# sourceMappingURL=index-DFA5obdz.js.map
+//# sourceMappingURL=index-CRj3TdN2.js.map

package/dist/esm/index-CRj3TdN2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-CRj3TdN2.js","sources":["../../src/components/data-model/data-table/components/column-sort/column-sort-options.ts","../../src/components/data-model/data-table/components/column-sort/column-sort.tsx","../../src/components/data-model/data-table/components/column-sort/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { columnProps } from \"../../composables\";\n\nexport const columnSortProps = buildProps({\n  ...columnProps,\n  drag: {\n    type: Boolean,\n    default: false,\n  },\n});\n\nexport type ColumnSortProps = ExtractPropTypes<typeof columnSortProps>;\n","import { defineComponent, inject } from \"vue\";\nimport { columnSortProps } from \"./column-sort-options\";\nimport { MKSvgIcon } from \"../../../../basic\";\nimport { ElTooltip } from \"element-plus\";\nimport { DATA_TABLE_CONTEXT_KEY } from \"../../token\";\n\nexport default defineComponent({\n  name: \"MKColumnSort\",\n  props: columnSortProps,\n  setup(props) {\n    const dataTableContext = inject(DATA_TABLE_CONTEXT_KEY)!;\n\n    const handleMoveUp = () => {\n      dataTableContext.dataTable.moveUp(props.row);\n    };\n\n    const handleMoveDown = () => {\n      dataTableContext.dataTable.moveDown(props.row);\n    };\n\n    const handleToTop = () => {\n      dataTableContext.dataTable.moveToTop(props.row);\n    };\n\n    const handleToBottom = () => {\n      dataTableContext.dataTable.moveToBottom(props.row);\n    };\n\n    return () => {\n      let children = null;\n\n      if (props.drag) {\n        children = (\n          <span class=\"mk-column-sort__drag\">\n            <MKSvgIcon name=\"ep:rank\" />\n          </span>\n        );\n      } else {\n        children = (\n          <span class=\"mk-column-sort__switch\">\n            <ElTooltip content=\"置顶\" placement=\"top\">\n              <MKSvgIcon name=\"radix-icons:pin-top\" class=\"cursor-pointer\" onClick={handleToTop} />\n            </ElTooltip>\n            <ElTooltip content=\"上移\" placement=\"top\">\n              <MKSvgIcon name=\"radix-icons:arrow-up\" class=\"cursor-pointer\" onClick={handleMoveUp} />\n            </ElTooltip>\n            <ElTooltip content=\"下移\" placement=\"top\">\n              <MKSvgIcon name=\"radix-icons:arrow-down\" class=\"cursor-pointer\" onClick={handleMoveDown} />\n            </ElTooltip>\n            <ElTooltip content=\"置底\" placement=\"top\">\n              <MKSvgIcon name=\"radix-icons:pin-bottom\" class=\"cursor-pointer\" onClick={handleToBottom} />\n            </ElTooltip>\n          </span>\n        );\n      }\n\n      return <span class=\"mk-column-sort\">{children}</span>;\n    };\n  },\n});\n","import ColumnSort from \"./column-sort\";\n\nexport const MKColumnSort = ColumnSort;\nexport default MKColumnSort;\n\nexport * from \"./column-sort-options\";\n"],"names":["defineComponent","name","props","columnSortProps","setup","dataTableContext","inject","DATA_TABLE_CONTEXT_KEY","handleMoveUp","dataTable","moveUp","row","handleMoveDown","moveDown","handleToTop","moveToTop","handleToBottom","moveToBottom","children","drag","_createVNode","MKSvgIcon","ElTooltip","default"],"mappings":";;;;;;;;;;;;;;;;;;;;AAIO,MAAM,kBAAkB,WAAW;AAAA,EACxC,GAAG;AAAA,EACH,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAC;ACJD,MAAeA,6CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AACX,UAAMG,mBAAmBC,OAAOC,sBAAsB;AAEtD,UAAMC,eAAeA,MAAM;AACzBH,uBAAiBI,UAAUC,OAAOR,MAAMS,GAAG;AAAA;AAG7C,UAAMC,iBAAiBA,MAAM;AAC3BP,uBAAiBI,UAAUI,SAASX,MAAMS,GAAG;AAAA;AAG/C,UAAMG,cAAcA,MAAM;AACxBT,uBAAiBI,UAAUM,UAAUb,MAAMS,GAAG;AAAA;AAGhD,UAAMK,iBAAiBA,MAAM;AAC3BX,uBAAiBI,UAAUQ,aAAaf,MAAMS,GAAG;AAAA;AAGnD,WAAO,MAAM;AACX,UAAIO,WAAW;AAEf,UAAIhB,MAAMiB,MAAM;AACdD,mBAAQE,YAAA,QAAA;AAAA,UAAA,SAAA;AAAA,WAAAA,CAAAA,YAAAC,WAAA;AAAA,UAAA,QAAA;AAAA,WAIP,IAAA,CAAA,CAAA;AAAA,MACH,OAAO;AACLH,mBAAQE,YAAA,QAAA;AAAA,UAAA,SAAA;AAAA,WAAAA,CAAAA,YAAAE,WAAA;AAAA,UAAA,WAAA;AAAA,UAAA,aAAA;AAAA,QAAA,GAAA;AAAA,UAAAC,SAAAA,MAAAH,CAAAA,YAAAC,WAAA;AAAA,YAAA,QAAA;AAAA,YAAA,SAAA;AAAA,YAAA,WAGoEP;AAAAA,UAAW,GAAA,IAAA,CAAA;AAAA,SAAAM,GAAAA,YAAAE,WAAA;AAAA,UAAA,WAAA;AAAA,UAAA,aAAA;AAAA,QAAA,GAAA;AAAA,UAAAC,SAAAA,MAAAH,CAAAA,YAAAC,WAAA;AAAA,YAAA,QAAA;AAAA,YAAA,SAAA;AAAA,YAAA,WAGVb;AAAAA,UAAY,GAAA,IAAA,CAAA;AAAA,SAAAY,GAAAA,YAAAE,WAAA;AAAA,UAAA,WAAA;AAAA,UAAA,aAAA;AAAA,QAAA,GAAA;AAAA,UAAAC,SAAAA,MAAAH,CAAAA,YAAAC,WAAA;AAAA,YAAA,QAAA;AAAA,YAAA,SAAA;AAAA,YAAA,WAGVT;AAAAA,UAAc,GAAA,IAAA,CAAA;AAAA,SAAAQ,GAAAA,YAAAE,WAAA;AAAA,UAAA,WAAA;AAAA,UAAA,aAAA;AAAA,QAAA,GAAA;AAAA,UAAAC,SAAAA,MAAAH,CAAAA,YAAAC,WAAA;AAAA,YAAA,QAAA;AAAA,YAAA,SAAA;AAAA,YAAA,WAGdL;AAAAA,UAAc,GAAA,IAAA,CAAA;AAAA,QAG5F,CAAA,CAAA,CAAA;AAAA,MACH;AAEA,aAAAI,YAAA,QAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA,CAAqCF,QAAQ,CAAA;AAAA;EAEjD;AACF,CAAC;ACzDM,MAAM,eAAe;"}

package/dist/esm/{index-CpEeu9qo.js → index-CS9dmnKj.js}

@@ -1,6 +1,6 @@
 import { defineComponent, inject, computed, unref, createVNode } from "vue";
 import { buildProps } from "@maketribe/utils";
-import { P as columnProps, D as DATA_TABLE_CONTEXT_KEY } from "./index-H-r7uCNO.js";
+import { p as columnProps, D as DATA_TABLE_CONTEXT_KEY } from "./index-HC0IsFjh.js";
 import "vue-router";
 import "@maketribe/dm";
 import { ElCheckbox } from "element-plus";
@@ -104,4 +104,4 @@ export {
   MKColumnSelect,
   MKColumnSelect as default
 };
-//# sourceMappingURL=index-CpEeu9qo.js.map
+//# sourceMappingURL=index-CS9dmnKj.js.map

package/dist/esm/index-CS9dmnKj.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-CS9dmnKj.js","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\";\n\nexport const MKColumnSelect = ColumnSelect;\n\nexport default MKColumnSelect;\n"],"names":["defineComponent","name","props","columnSelectHeaderProps","setup","dataTable","inject","DATA_TABLE_CONTEXT_KEY","indeterminate","computed","primaryKey","selection","getSelection","list","getList","pageSelection","filter","item","includes","length","isChecked","get","set","unref","setSelection","map","_createVNode","ElCheckbox","v","value","columnSelectProps","Header","ColumnSelectHeader","i","index","isSelected","find","row","concat"],"mappings":"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"}

package/dist/esm/{index-B9g_Dc26.js → index-CSoafwfe.js}

@@ -1,7 +1,7 @@
-import { defineComponent, ref, reactive, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, createTextVNode, createVNode, unref } from "vue";
+import { defineComponent, ref, reactive, resolveComponent, openBlock, createBlock, unref, withCtx, createElementVNode, createTextVNode, createVNode } from "vue";
 import { useRouter } from "vue-router";
 import { Messager } from "@maketribe/dm";
-import { J as useHttpRequest, I as MKOpenVerifyCode } from "./index-H-r7uCNO.js";
+import { K as useHttpRequest, L as MKSimplePageLayout, N as MKOpenVerifyCode } from "./index-HC0IsFjh.js";
 import "@maketribe/request";
 import "@maketribe/locale";
 import "@maketribe/utils";
@@ -18,7 +18,6 @@ import "@element-plus/icons-vue";
 import "@lexical/history";
 import "@lexical/dragon";
 import "@lexical/plain-text";
-import { _ as _sfc_main$1 } from "./index.vue_vue_type_script_setup_true_lang-B_Hdr12k.js";
 const _hoisted_1 = { class: "login-form-wrap" };
 const _hoisted_2 = /* @__PURE__ */ createElementVNode("div", { class: "login-form-title" }, " 账号申请 ", -1);
 const _hoisted_3 = { class: "login-form-item" };
@@ -87,7 +86,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const _component_ElFormItem = resolveComponent("ElFormItem");
       const _component_ElButton = resolveComponent("ElButton");
       const _component_ElForm = resolveComponent("ElForm");
-      return openBlock(), createBlock(_sfc_main$1, { class: "login-wrap" }, {
+      return openBlock(), createBlock(unref(MKSimplePageLayout), { class: "login-wrap" }, {
         default: withCtx(() => [
           createElementVNode("div", _hoisted_1, [
             _hoisted_2,
@@ -198,4 +197,4 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 export {
   _sfc_main as default
 };
-//# sourceMappingURL=index-B9g_Dc26.js.map
+//# sourceMappingURL=index-CSoafwfe.js.map

package/dist/esm/index-CSoafwfe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-CSoafwfe.js","sources":["../../src/pages/signup/index.vue"],"sourcesContent":["<template>\n  <MKSimplePageLayout class=\"login-wrap\">\n    <div class=\"login-form-wrap\">\n      <div class=\"login-form-title\"> 账号申请 </div>\n        <div class=\"login-form-item\">\n          <div></div>\n          <span class=\"notify\">\n            已有账号？\n            <el-link :underline=\"false\" type=\"primary\" @click=\"router.push('/login')\">\n              返回登录\n              <MKSvgIcon iconClass=\"ArrowRightBold\" style=\"margin-left: 5px;\" />\n            </el-link>\n          </span>\n      </div>\n      <ElForm\n        :model=\"signFormData\"\n        :rules=\"rules\"\n        size=\"large\"\n        ref=\"formEl\"\n      >\n        <ElFormItem prop=\"account\">\n          <ElInput v-model=\"signFormData.account\" placeholder=\"帐号\" />\n        </ElFormItem>\n        <ElFormItem prop=\"email\">\n          <ElInput v-model=\"signFormData.email\" placeholder=\"邮箱\" />\n        </ElFormItem>\n        <ElFormItem prop=\"name\">\n          <ElInput v-model=\"signFormData.name\" placeholder=\"姓名\" />\n        </ElFormItem>\n        <ElFormItem prop=\"nickName\">\n          <ElInput v-model=\"signFormData.nickName\" placeholder=\"昵称\" />\n        </ElFormItem>\n        <ElFormItem prop=\"phone\">\n          <ElInput v-model=\"signFormData.phone\" placeholder=\"手机号\" />\n        </ElFormItem>\n\n        <ElFormItem>\n          <ElButton type=\"primary\" style=\"width: 100%\"\n            :loading=\"loading\" @click=\"handleAccountApply\">\n            提交申请\n          </ElButton>\n        </ElFormItem>\n      </ElForm>\n    </div>\n  </MKSimplePageLayout>\n</template>\n\n<script setup lang=\"ts\">\nimport { Ref,  reactive, ref } from \"vue\";\nimport { useRouter } from \"vue-router\";\nimport { FormRules } from \"element-plus\";\nimport { Messager } from \"@maketribe/dm\";\nimport { useHttpRequest } from \"../../composables\";\nimport { MKOpenVerifyCode,MKSimplePageLayout } from \"../../components\";\n\ndefineOptions({\n  mkRoute: {\n    name: \"signup\",\n    path: \"/signup\",\n    meta: {\n      isAuthorization: false,\n    },\n  },\n});\n\nconst formEl: Ref<any> = ref(null);\n\nconst router = useRouter();\n\nconst httpRequest = useHttpRequest()!;\n\nconst loading = ref(false);\n\nconst rules: FormRules = {\n  account: [{ required: true, message: \"账号必填\" }],\n  email: [\n    {\n      required: true,\n      trigger: \"change\",\n      validator: (rule, value, callback) => {\n        if (!value) {\n          callback(new Error(\"邮箱必填\"));\n        } else if (\n          !/^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\\.[a-zA-Z0-9_-]+)+$/.test(value)\n        ) {\n          callback(new Error(\"邮箱规则不符\"));\n        } else {\n          callback();\n        }\n      },\n    },\n  ],\n  name: [{ required: true, message: \"姓名必填\" }],\n};\n\n\nconst signFormData = reactive({\n  account: \"\",\n  email: \"\",\n  name: \"\",\n  nickName: \"\",\n  phone: \"\",\n  vCdoe:\"\"\n});\n\nconst handleAccountApply = async () => {\n\n  if(! await formEl.value.validate()){\n    return ;\n  }\n\n  // 验证码\n  signFormData.vCdoe = (await MKOpenVerifyCode({ sence:\"AccountApply\" } as any)) + \"\";\n\n  const result = await httpRequest.post(\"ms/app/account-apply\",signFormData);\n\n  if (result.data.code != 200) {\n    Messager.error({ message: result.data.msg || \"注册失败\"});\n    return;\n  }\n\n  Messager.success({ message: \"注册成功,请联系管理员通过验证\" });\n};\n\n// 记住登陆状态\nconst rememberLoginState = ref(false);\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiEM,UAAA,SAAmB,IAAI,IAAI;AAEjC,UAAM,SAAS;AAEf,UAAM,cAAc;AAEd,UAAA,UAAU,IAAI,KAAK;AAEzB,UAAM,QAAmB;AAAA,MACvB,SAAS,CAAC,EAAE,UAAU,MAAM,SAAS,QAAQ;AAAA,MAC7C,OAAO;AAAA,QACL;AAAA,UACE,UAAU;AAAA,UACV,SAAS;AAAA,UACT,WAAW,CAAC,MAAM,OAAO,aAAa;AACpC,gBAAI,CAAC,OAAO;AACD,uBAAA,IAAI,MAAM,MAAM,CAAC;AAAA,YAE1B,WAAA,CAAC,qDAAqD,KAAK,KAAK,GAChE;AACS,uBAAA,IAAI,MAAM,QAAQ,CAAC;AAAA,YAAA,OACvB;AACI;YACX;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,MACA,MAAM,CAAC,EAAE,UAAU,MAAM,SAAS,QAAQ;AAAA,IAAA;AAI5C,UAAM,eAAe,SAAS;AAAA,MAC5B,SAAS;AAAA,MACT,OAAO;AAAA,MACP,MAAM;AAAA,MACN,UAAU;AAAA,MACV,OAAO;AAAA,MACP,OAAM;AAAA,IAAA,CACP;AAED,UAAM,qBAAqB,YAAY;AAErC,UAAG,CAAE,MAAM,OAAO,MAAM,YAAW;AACjC;AAAA,MACF;AAGA,mBAAa,QAAS,MAAM,iBAAiB,EAAE,OAAM,eAAA,CAAuB,IAAK;AAEjF,YAAM,SAAS,MAAM,YAAY,KAAK,wBAAuB,YAAY;AAErE,UAAA,OAAO,KAAK,QAAQ,KAAK;AAC3B,iBAAS,MAAM,EAAE,SAAS,OAAO,KAAK,OAAO,QAAO;AACpD;AAAA,MACF;AAEA,eAAS,QAAQ,EAAE,SAAS,kBAAmB,CAAA;AAAA,IAAA;AAItB,QAAI,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/{index-CMITtmQ9.js → index-CULn7m0q.js}

@@ -1,5 +1,5 @@
 import { defineComponent, openBlock, createBlock, unref, withCtx, createVNode } from "vue";
-import { t as MKPageContainer, v as MKMaterialList } from "./index-H-r7uCNO.js";
+import { x as MKPagePanel, y as MKMaterialList } from "./index-HC0IsFjh.js";
 import "element-plus";
 import "@maketribe/request";
 import "@maketribe/utils";
@@ -22,7 +22,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(MKPageContainer), null, {
+      return openBlock(), createBlock(unref(MKPagePanel), { title: "素材库" }, {
         default: withCtx(() => [
           createVNode(unref(MKMaterialList))
         ]),
@@ -34,4 +34,4 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 export {
   _sfc_main as default
 };
-//# sourceMappingURL=index-CMITtmQ9.js.map
+//# sourceMappingURL=index-CULn7m0q.js.map

package/dist/esm/index-CULn7m0q.js.map

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