npm - @maketribe/ms-app - Versions diffs - 3.2.22 → 3.2.23 - Mend

@maketribe/ms-app 3.2.22 → 3.2.23

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (317) hide show

package/dist/cjs/modules/cms/dataviews/cms-articles/CmsArticlesTable.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CmsArticlesTable.js","sources":["../../../../../../src/modules/cms/dataviews/cms-articles/CmsArticlesTable.ts"],"sourcesContent":["import { DataTable, DataTableOptions, FilterColumn, TableActionColumn, TableColumn } from \"@maketribe/dm\";\r\nimport { DATA_MODEL_NAME } from \"../../../../constants\";\r\nimport { MODULE_NAME } from \"../../constants\";\r\nimport { MSAppClient } from \"../../../../core\";\r\nimport { OrderType } from \"@maketribe/request\";\r\n\r\nexport class CmsArticlesTable extends DataTable {\r\n\tstatic [DATA_MODEL_NAME]: string = \"article\";\r\n\r\n\tconstructor(options: Omit<DataTableOptions, \"name\"> = {}) {\r\n\t\tsuper({\r\n\t\t\tname: CmsArticlesTable[DATA_MODEL_NAME],\r\n\t\t\tmoduleName: MODULE_NAME,\r\n\t\t\t...options,\r\n\t\t});\r\n\t}\r\n\r\n\tprotected async initialize() {\r\n\t\tawait super.initialize();\r\n\t\ttry {\r\n\r\n\t\t\tthis.sorter.setColumnSort(\"sortNo\", OrderType.DESC);\r\n\t\t\tthis.sorter.setColumnSort(\"isTop\", OrderType.DESC);\r\n\t\t\tthis.sorter.setColumnSort(\"isNew\", OrderType.DESC);\r\n\r\n\t\t\tthis.dataFilter.setColumns([\r\n new FilterColumn({ name: \"title\", label: \"标题\",search:true }),\r\n new FilterColumn({ name: \"subTitle\", label: \"子标题\"}),\r\n new FilterColumn({ name: \"desc\", label: \"简介\"})\r\n ]);\r\n\r\n\t\t\tif ((MSAppClient.instance?.vueRouter.currentRoute as any).query.cmsPartId) {\r\n\t\t\t\tthis.dataFilter.setParam(\"cmsPartId\", (MSAppClient.instance?.vueRouter.currentRoute as any).query.cmsPartId);\r\n\t\t\t}\r\n\t\t\tthis.setColumns([\r\n\t\t\t\tnew TableColumn({ name: \"title\", label: \"标题\" }),\r\n\t\t\t\tnew TableColumn({ name: \"subTitle\", label: \"子标题\" }),\r\n\t\t\t\tnew TableColumn({ name: \"desc\", label: \"描述\" }),\r\n\t\t\t\tnew TableColumn({ name: \"cover\", label: \"封面图\", componentInfo: \"MKColumnImage\" }),\r\n\t\t\t\t// nwe TableColumn({ name: \"T\", label: \"内容\" }),\r\n\t\t\t\tnew TableColumn({ name: \"publishTime\", label: \"发表日期\" }),\r\n\t\t\t\t// new TableColumn({\r\n\t\t\t\t// name: \"isNew\",\r\n\t\t\t\t// label: \"是否是新的\",\r\n\t\t\t\t// componentInfo: \"MKColumnObjectMappingText\",\r\n\t\t\t\t// componentProps: {\r\n\t\t\t\t// mapping: [\"否\", \"是\"],\r\n\t\t\t\t// },\r\n\t\t\t\t// }),\r\n\t\t\t\t// new TableColumn({\r\n\t\t\t\t// name: \"isTop\",\r\n\t\t\t\t// label: \"是否置顶\",\r\n\t\t\t\t// componentInfo: \"MKColumnObjectMappingText\",\r\n\t\t\t\t// componentProps: {\r\n\t\t\t\t// mapping: [\"否\", \"是\"],\r\n\t\t\t\t// },\r\n\t\t\t\t// }),\r\n\t\t\t\t// new TableColumn({\r\n\t\t\t\t// name: \"isHotRecommend\",\r\n\t\t\t\t// label: \"是否热点推荐\",\r\n\t\t\t\t// componentInfo: \"MKColumnObjectMappingText\",\r\n\t\t\t\t// componentProps: {\r\n\t\t\t\t// mapping: [\"否\", \"是\"],\r\n\t\t\t\t// },\r\n\t\t\t\t// }),\r\n\t\t\t\t// new TableColumn({\r\n\t\t\t\t// name: \"isPartRecommend\",\r\n\t\t\t\t// label: \"是否栏目推荐\",\r\n\t\t\t\t// componentInfo: \"MKColumnObjectMappingText\",\r\n\t\t\t\t// componentProps: {\r\n\t\t\t\t// mapping: [\"否\", \"是\"],\r\n\t\t\t\t// },\r\n\t\t\t\t// }),\r\n\t\t\t\t// new TableColumn({\r\n\t\t\t\t// name: \"isDraft\",\r\n\t\t\t\t// label: \"是否是草稿\",\r\n\t\t\t\t// componentInfo: \"MKColumnObjectMappingText\",\r\n\t\t\t\t// componentProps: {\r\n\t\t\t\t// mapping: [\"否\", \"是\"],\r\n\t\t\t\t// },\r\n\t\t\t\t// }),\r\n\t\t\t\t// new TableColumn({\r\n\t\t\t\t// name: \"isShowList\",\r\n\t\t\t\t// label: \"是否列表显示\",\r\n\t\t\t\t// componentInfo: \"MKColumnObjectMappingText\",\r\n\t\t\t\t// componentProps: {\r\n\t\t\t\t// mapping: [\"否\", \"是\"],\r\n\t\t\t\t// },\r\n\t\t\t\t// }),\r\n\t\t\t\tnew TableColumn({ name: \"sortNo\", label: \"排序\" }),\r\n\t\t\t\tnew TableActionColumn(),\r\n\t\t\t]);\r\n\t\t} catch (e) {\r\n\t\t\tconsole.error(e);\r\n\t\t}\r\n\t\t//筛选\r\n\t}\r\n}\r\n"],"names":["DataTable","DATA_MODEL_NAME","MODULE_NAME","OrderType","FilterColumn","MSAppClient","TableColumn","TableActionColumn"],"mappings":";;;;;;;;;;;;;;;AAMO,MAAM,oBAAN,MAAM,2BAAyBA,QAAAA,WAC7BC,eAAAA,iBAD6BD,IAAU;AAAA,EAG/C,YAAY,UAA0C,IAAI;AACnD,UAAA;AAAA,MACL,MAAM,kBAAiBC,yBAAe;AAAA,MACtC,YAAYC,MAAA;AAAA,MACZ,GAAG;AAAA,IAAA,CACH;AAAA,EACF;AAAA,EAEA,MAAgB,aAAa;;AAC5B,UAAM,MAAM;AACR,QAAA;AAEH,WAAK,OAAO,cAAc,UAAUC,QAAA,UAAU,IAAI;AAClD,WAAK,OAAO,cAAc,SAASA,QAAA,UAAU,IAAI;AACjD,WAAK,OAAO,cAAc,SAASA,QAAA,UAAU,IAAI;AAEjD,WAAK,WAAW,WAAW;AAAA,QACtB,IAAIC,gBAAa,EAAE,MAAM,SAAS,OAAO,MAAK,QAAO,MAAM;AAAA,QAC3D,IAAIA,GAAAA,aAAa,EAAE,MAAM,YAAY,OAAO,OAAM;AAAA,QAClD,IAAIA,GAAAA,aAAa,EAAE,MAAM,QAAQ,OAAO,MAAK;AAAA,MAAA,CAC9C;AAEJ,~~YAAKC~~,MAAAA,YAAY,~~YAAA,~~aAAZA,gBAAAA,IAAsB,UAAU,~~cAAqB~~,~~MAAM~~,WAAW;~~AACrE~~,aAAA,WAAW,SAAS,eAAcA,~~MAAAA~~,~~YAAAA,~~YAAY,aAAZA,~~gBAAAA~~,~~IAAsB,~~UAAU,cAAqB,MAAM,SAAS;AAAA,MAC5G;AACA,WAAK,WAAW;AAAA,QACf,IAAIC,GAAAA,YAAY,EAAE,MAAM,SAAS,OAAO,MAAM;AAAA,QAC9C,IAAIA,GAAAA,YAAY,EAAE,MAAM,YAAY,OAAO,OAAO;AAAA,QAClD,IAAIA,GAAAA,YAAY,EAAE,MAAM,QAAQ,OAAO,MAAM;AAAA,QAC7C,IAAIA,eAAY,EAAE,MAAM,SAAS,OAAO,OAAO,eAAe,iBAAiB;AAAA;AAAA,QAE/E,IAAIA,GAAAA,YAAY,EAAE,MAAM,eAAe,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAiDtD,IAAIA,GAAAA,YAAY,EAAE,MAAM,UAAU,OAAO,MAAM;AAAA,QAC/C,IAAIC,qBAAkB;AAAA,MAAA,CACtB;AAAA,aACO,GAAG;AACX,cAAQ,MAAM,CAAC;AAAA,IAChB;AAAA,EAED;AACD;AA1FC,cADY,mBACJN,IAA2B;AAD7B,IAAM,mBAAN;;"}
1	+ {"version":3,"file":"CmsArticlesTable.js","sources":["../../../../../../src/modules/cms/dataviews/cms-articles/CmsArticlesTable.ts"],"sourcesContent":["import { DataTable, DataTableOptions, FilterColumn, TableActionColumn, TableColumn } from \"@maketribe/dm\";\r\nimport { DATA_MODEL_NAME } from \"../../../../constants\";\r\nimport { MODULE_NAME } from \"../../constants\";\r\nimport { MSAppClient } from \"../../../../core\";\r\nimport { OrderType } from \"@maketribe/request\";\r\n\r\nexport class CmsArticlesTable extends DataTable {\r\n\tstatic [DATA_MODEL_NAME]: string = \"article\";\r\n\r\n\tconstructor(options: Omit<DataTableOptions, \"name\"> = {}) {\r\n\t\tsuper({\r\n\t\t\tname: CmsArticlesTable[DATA_MODEL_NAME],\r\n\t\t\tmoduleName: MODULE_NAME,\r\n\t\t\t...options,\r\n\t\t});\r\n\t}\r\n\r\n\tprotected async initialize() {\r\n\t\tawait super.initialize();\r\n\t\ttry {\r\n\r\n\t\t\tthis.sorter.setColumnSort(\"sortNo\", OrderType.DESC);\r\n\t\t\tthis.sorter.setColumnSort(\"isTop\", OrderType.DESC);\r\n\t\t\tthis.sorter.setColumnSort(\"isNew\", OrderType.DESC);\r\n\r\n\t\t\tthis.dataFilter.setColumns([\r\n new FilterColumn({ name: \"title\", label: \"标题\",search:true }),\r\n new FilterColumn({ name: \"subTitle\", label: \"子标题\"}),\r\n new FilterColumn({ name: \"desc\", label: \"简介\"})\r\n ]);\r\n\r\n\t\t\tif ((MSAppClient.instance?.vueRouter.currentRoute as any)?.query?.cmsPartId) {\r\n\t\t\t\tthis.dataFilter.setParam(\"cmsPartId\", (MSAppClient.instance?.vueRouter.currentRoute as any).query.cmsPartId);\r\n\t\t\t}\r\n\t\t\tthis.setColumns([\r\n\t\t\t\tnew TableColumn({ name: \"title\", label: \"标题\" }),\r\n\t\t\t\tnew TableColumn({ name: \"subTitle\", label: \"子标题\" }),\r\n\t\t\t\tnew TableColumn({ name: \"desc\", label: \"描述\" }),\r\n\t\t\t\tnew TableColumn({ name: \"cover\", label: \"封面图\", componentInfo: \"MKColumnImage\" }),\r\n\t\t\t\t// nwe TableColumn({ name: \"T\", label: \"内容\" }),\r\n\t\t\t\tnew TableColumn({ name: \"publishTime\", label: \"发表日期\" }),\r\n\t\t\t\t// new TableColumn({\r\n\t\t\t\t// name: \"isNew\",\r\n\t\t\t\t// label: \"是否是新的\",\r\n\t\t\t\t// componentInfo: \"MKColumnObjectMappingText\",\r\n\t\t\t\t// componentProps: {\r\n\t\t\t\t// mapping: [\"否\", \"是\"],\r\n\t\t\t\t// },\r\n\t\t\t\t// }),\r\n\t\t\t\t// new TableColumn({\r\n\t\t\t\t// name: \"isTop\",\r\n\t\t\t\t// label: \"是否置顶\",\r\n\t\t\t\t// componentInfo: \"MKColumnObjectMappingText\",\r\n\t\t\t\t// componentProps: {\r\n\t\t\t\t// mapping: [\"否\", \"是\"],\r\n\t\t\t\t// },\r\n\t\t\t\t// }),\r\n\t\t\t\t// new TableColumn({\r\n\t\t\t\t// name: \"isHotRecommend\",\r\n\t\t\t\t// label: \"是否热点推荐\",\r\n\t\t\t\t// componentInfo: \"MKColumnObjectMappingText\",\r\n\t\t\t\t// componentProps: {\r\n\t\t\t\t// mapping: [\"否\", \"是\"],\r\n\t\t\t\t// },\r\n\t\t\t\t// }),\r\n\t\t\t\t// new TableColumn({\r\n\t\t\t\t// name: \"isPartRecommend\",\r\n\t\t\t\t// label: \"是否栏目推荐\",\r\n\t\t\t\t// componentInfo: \"MKColumnObjectMappingText\",\r\n\t\t\t\t// componentProps: {\r\n\t\t\t\t// mapping: [\"否\", \"是\"],\r\n\t\t\t\t// },\r\n\t\t\t\t// }),\r\n\t\t\t\t// new TableColumn({\r\n\t\t\t\t// name: \"isDraft\",\r\n\t\t\t\t// label: \"是否是草稿\",\r\n\t\t\t\t// componentInfo: \"MKColumnObjectMappingText\",\r\n\t\t\t\t// componentProps: {\r\n\t\t\t\t// mapping: [\"否\", \"是\"],\r\n\t\t\t\t// },\r\n\t\t\t\t// }),\r\n\t\t\t\t// new TableColumn({\r\n\t\t\t\t// name: \"isShowList\",\r\n\t\t\t\t// label: \"是否列表显示\",\r\n\t\t\t\t// componentInfo: \"MKColumnObjectMappingText\",\r\n\t\t\t\t// componentProps: {\r\n\t\t\t\t// mapping: [\"否\", \"是\"],\r\n\t\t\t\t// },\r\n\t\t\t\t// }),\r\n\t\t\t\tnew TableColumn({ name: \"sortNo\", label: \"排序\" }),\r\n\t\t\t\tnew TableActionColumn(),\r\n\t\t\t]);\r\n\t\t} catch (e) {\r\n\t\t\tconsole.error(e);\r\n\t\t}\r\n\t\t//筛选\r\n\t}\r\n}\r\n"],"names":["DataTable","DATA_MODEL_NAME","MODULE_NAME","OrderType","FilterColumn","MSAppClient","TableColumn","TableActionColumn"],"mappings":";;;;;;;;;;;;;;;AAMO,MAAM,oBAAN,MAAM,2BAAyBA,QAAAA,WAC7BC,eAAAA,iBAD6BD,IAAU;AAAA,EAG/C,YAAY,UAA0C,IAAI;AACnD,UAAA;AAAA,MACL,MAAM,kBAAiBC,yBAAe;AAAA,MACtC,YAAYC,MAAA;AAAA,MACZ,GAAG;AAAA,IAAA,CACH;AAAA,EACF;AAAA,EAEA,MAAgB,aAAa;;AAC5B,UAAM,MAAM;AACR,QAAA;AAEH,WAAK,OAAO,cAAc,UAAUC,QAAA,UAAU,IAAI;AAClD,WAAK,OAAO,cAAc,SAASA,QAAA,UAAU,IAAI;AACjD,WAAK,OAAO,cAAc,SAASA,QAAA,UAAU,IAAI;AAEjD,WAAK,WAAW,WAAW;AAAA,QACtB,IAAIC,gBAAa,EAAE,MAAM,SAAS,OAAO,MAAK,QAAO,MAAM;AAAA,QAC3D,IAAIA,GAAAA,aAAa,EAAE,MAAM,YAAY,OAAO,OAAM;AAAA,QAClD,IAAIA,GAAAA,aAAa,EAAE,MAAM,QAAQ,OAAO,MAAK;AAAA,MAAA,CAC9C;AAEJ,WAAKC,MAAAA,OAAAA,MAAAA,YAAAA,YAAY,aAAZA,gBAAAA,IAAsB,UAAU,iBAAhCA,gBAAAA,IAAsD,UAAtDA,mBAA6D,WAAW;AACvE,aAAA,WAAW,SAAS,eAAcA,iBAAAA,YAAY,aAAZA,mBAAsB,UAAU,cAAqB,MAAM,SAAS;AAAA,MAC5G;AACA,WAAK,WAAW;AAAA,QACf,IAAIC,GAAAA,YAAY,EAAE,MAAM,SAAS,OAAO,MAAM;AAAA,QAC9C,IAAIA,GAAAA,YAAY,EAAE,MAAM,YAAY,OAAO,OAAO;AAAA,QAClD,IAAIA,GAAAA,YAAY,EAAE,MAAM,QAAQ,OAAO,MAAM;AAAA,QAC7C,IAAIA,eAAY,EAAE,MAAM,SAAS,OAAO,OAAO,eAAe,iBAAiB;AAAA;AAAA,QAE/E,IAAIA,GAAAA,YAAY,EAAE,MAAM,eAAe,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAiDtD,IAAIA,GAAAA,YAAY,EAAE,MAAM,UAAU,OAAO,MAAM;AAAA,QAC/C,IAAIC,qBAAkB;AAAA,MAAA,CACtB;AAAA,aACO,GAAG;AACX,cAAQ,MAAM,CAAC;AAAA,IAChB;AAAA,EAED;AACD;AA1FC,cADY,mBACJN,IAA2B;AAD7B,IAAM,mBAAN;;"}

package/dist/cjs/modules/cms/pages/cms-contents/article-edit-add-page.vue2.js CHANGED Viewed

@@ -160,7 +160,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         desc.value = getDefaultDescContent();
       }
       let result = await articleForm.submit();
-      formInitDataInfo();
+      router.back();
       return result;
     };
     const saveAndViewHandle = async () => {
@@ -173,7 +173,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const saveAndPublishHandle = async () => {
       const result = await articleForm.saveAndPublish(CmsSettings.publish.mode);
       if (result.data.code == 200) {
-        formInitDataInfo();
+        router.back();
       }
     };
     const closeExtentions = vue.ref(true);

package/dist/cjs/modules/cms/pages/cms-contents/article-edit-add-page.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"article-edit-add-page.vue2.js","sources":["../../../../../../src/modules/cms/pages/cms-contents/article-edit-add-page.vue"],"sourcesContent":["<template>\r\n <div class=\"mk-cms-article-eidtadd__warp\">\r\n <el-page-header style=\"background-color: #fff;padding: 10px;\" :icon=\"ArrowLeftBold\" title=\"返回\"\r\n @back=\"() => router.push({ name: 'cms/contents', query: { pid: articleForm?.data?.cmsPartId } })\">\r\n <template #content>\r\n <template v-if=\"!articleForm.loading\">\r\n <el-text v-if=\"!articleForm.data?.modifier\">{{ !!route.query.id ? \"编辑文章\" : \"创建文章\" }}</el-text>\r\n <el-text v-else>{{ articleForm.data?.modifierName }} 于 {{ articleForm.data?.updatedAt }} 更新</el-text>\r\n </template>\r\n </template>\r\n <template #extra>\r\n <div class=\"mk-cms-article-eidtadd__header_tools\">\r\n\r\n <template v-if=\"!articleForm.loading\">\r\n <el-tag v-if=\"!articleForm.data?.publishTime\" effect=\"dark\" round>未发布</el-tag>\r\n <el-text v-else>发布时间：{{ articleForm.data?.publishTime }}</el-text>\r\n </template>\r\n\r\n <el-dropdown split-button type=\"primary\" style=\"margin-left: 10px;\" @click=\"saveHandle\">\r\n <MKSvgIcon iconClass=\"save\" style=\"margin-right: 10px;\" />\r\n 保存\r\n <template #dropdown>\r\n <el-dropdown-menu>\r\n <el-dropdown-item v-if=\"CmsSettings.publish.mode == 'static'\" @click=\"saveAndViewHandle\">\r\n <MKSvgIcon iconClass=\"View\" style=\"margin-right: 5px;\" />\r\n 保存并预览\r\n </el-dropdown-item>\r\n <el-dropdown-item @click=\"saveAndPublishHandle\">\r\n <MKSvgIcon iconClass=\"Share\" style=\"margin-right: 5px;\" />\r\n 保存并发布\r\n </el-dropdown-item>\r\n </el-dropdown-menu>\r\n </template>\r\n </el-dropdown>\r\n </div>\r\n </template>\r\n </el-page-header>\r\n <div class=\"mk-cms-article-eidtadd__body\" v-loading=\"articleForm.loading\">\r\n\r\n <MKDocEditor v-if=\"articleForm.data\" :content=\"content\" @change=\"EditorChangeHandle\">\r\n <template #header>\r\n <div class=\"mk-cms-article-eidtadd__body__header\">\r\n <el-row>\r\n <el-input class=\"title\" type=\"textarea\" :autosize=\"{ minRows: 1, maxRows: 4 }\" maxlength=\"150\"\r\n show-word-limit placeholder=\"请输入标题\" v-model=\"title\" />\r\n </el-row>\r\n <el-row>\r\n <el-input class=\"sub-title\" type=\"textarea\" :autosize=\"{ minRows: 1, maxRows: 4 }\" maxlength=\"150\"\r\n show-word-limit placeholder=\"[选填] 请输入子标题\" v-model=\"subTitle\" />\r\n </el-row>\r\n </div>\r\n </template>\r\n <template #after-extentions>\r\n <div class=\"mk-cms-article-eidtadd__body__extentions\" :class=\"{ hide: closeExtentions! }\" ref=\"extentionsRef\">\r\n <MKSvgIcon icon-class=\"ArrowLeft\" class=\"open\" @click=\"closeExtentionsHandle\" v-if=\"closeExtentions\">\r\n </MKSvgIcon>\r\n <MKSvgIcon v-else icon-class=\"ArrowRight\" class=\"close\" @click=\"hideExtentionsHandle\">\r\n </MKSvgIcon>\r\n <el-divider content-position=\"left\">文章设置</el-divider>\r\n <MKDataForm :dataForm=\"articleForm\">\r\n <MKForm :dataForm=\"articleForm\" style=\"width:225px\" label-width=\"110px\">\r\n <el-row v-if=\"CmsSettings.content.useTop\">\r\n <MKDataFormItem style=\"width: 100%;\" name=\"isTop\"></MKDataFormItem>\r\n </el-row>\r\n <el-row v-if=\"CmsSettings.content.useNew\">\r\n <MKDataFormItem style=\"width: 100%;\" name=\"isNew\"></MKDataFormItem>\r\n </el-row>\r\n <el-row v-if=\"CmsSettings.content.useHotRecommend\">\r\n <MKDataFormItem style=\"width: 100%;\" name=\"isHotRecommend\"></MKDataFormItem>\r\n </el-row>\r\n <el-row v-if=\"CmsSettings.content.usePartRecommend\">\r\n <MKDataFormItem style=\"width: 100%;\" name=\"isPartRecommend\"></MKDataFormItem>\r\n </el-row>\r\n <el-row>\r\n <MKDataFormItem style=\"width: 100%;\" name=\"isShowList\"></MKDataFormItem>\r\n </el-row>\r\n <!-- <el-row>\r\n <MKDataFormItem style=\"width: 100%;\" name=\"isDraft\"></MKDataFormItem>\r\n </el-row> -->\r\n <el-row>\r\n <MKDataFormItem style=\"width: 100%;\" name=\"sortNo\"></MKDataFormItem>\r\n </el-row>\r\n </MKForm>\r\n </MKDataForm>\r\n </div>\r\n </template>\r\n <template #footer>\r\n <div class=\"mk-cms-article-eidtadd__body__footer\">\r\n <el-tabs v-model=\"articleOptionsActive\">\r\n <el-tab-pane label=\"基础内容\" name=\"content\">\r\n <div class=\"content\">\r\n <el-row :gutter=\"20\">\r\n <el-col :span=\"6\">\r\n <el-input placeholder=\"[选填] 作者\" v-model=\"articleForm.data.author\" clearable>\r\n <template #prefix>\r\n <MKSvgIcon iconClass=\"UserFilled\" />\r\n </template>\r\n </el-input>\r\n </el-col>\r\n <el-col :span=\"6\">\r\n <el-date-picker v-model=\"releaseDate\" type=\"datetime\" placeholder=\"发布时间\"\r\n :default-time=\"new Date()\" />\r\n </el-col>\r\n <el-col :span=\"12\">\r\n <el-input placeholder=\"[选填] 发布地址\" v-model=\"articleForm.data.locationDesc\" clearable>\r\n <template #prefix>\r\n <MKSvgIcon iconClass=\"Location\" />\r\n </template>\r\n </el-input>\r\n </el-col>\r\n </el-row>\r\n <el-row v-if=\"CmsSettings.content.useTags\">\r\n <el-select v-model=\"tags\" multiple filterable allow-create default-first-option\r\n :reserve-keyword=\"false\" placeholder=\"[可选] 选择文章标签\" style=\"width: 100%\">\r\n <template #prefix>\r\n <MKSvgIcon iconClass=\"CollectionTag\" />\r\n </template>\r\n </el-select>\r\n </el-row>\r\n <el-divider content-position=\"left\">\r\n 文章封面/简介\r\n <el-switch v-model=\"descAutoCreate\" style=\"margin-left: 10px;\" inline-prompt active-text=\"自动生成\"\r\n inactive-text=\"手动撰写\" />\r\n </el-divider>\r\n <el-row class=\"cover-desc\">\r\n <MKUploadImage style=\"margin-right: 10px;\" v-model=\"articleForm.data.cover\" width=\"115px\" height=\"115px\" \r\n :uploadContext=\"new ImageUploadContext(CmsSettings.content.coverImageSize)\">\r\n\r\n </MKUploadImage>\r\n <el-input class=\"desc\" type=\"textarea\" :autosize=\"{ minRows: 5, maxRows: 30 }\" maxlength=\"1000\"\r\n show-word-limit placeholder=\"[选填] 文章简介\" v-model=\"desc\" />\r\n </el-row>\r\n <el-divider content-position=\"left\">文章Banner图</el-divider>\r\n <el-row>\r\n <MKUploadImage v-model=\"articleForm.data.banner\" width=\"100%\" height=\"300px\":uploadContext=\"new ImageUploadContext(CmsSettings.content.bannerImageSize)\">\r\n\r\n </MKUploadImage>\r\n </el-row>\r\n </div>\r\n </el-tab-pane>\r\n <el-tab-pane label=\"文章资源库\" name=\"atlas\" v-if=\"CmsSettings.content.useAtlas\">\r\n <ArticleAtlas v-model=\"atlas\" :articleId=\"parseInt(articleForm.data?.id)\" />\r\n </el-tab-pane>\r\n <el-tab-pane label=\"页面设置\" name=\"settings\" v-if=\"CmsSettings.publish.mode == 'static'\">\r\n <MKDataForm :dataForm=\"articleForm\" label-width=\"120px\">\r\n <MKForm :dataForm=\"articleForm\">\r\n <el-row>\r\n <MKDataFormItem style=\"width: 100%;\" name=\"seoKeywords\"></MKDataFormItem>\r\n </el-row>\r\n <el-row>\r\n <MKDataFormItem style=\"width: 100%;\" name=\"seoDesc\"></MKDataFormItem>\r\n </el-row>\r\n </MKForm>\r\n </MKDataForm>\r\n </el-tab-pane>\r\n </el-tabs>\r\n </div>\r\n </template>\r\n </MKDocEditor>\r\n </div>\r\n </div>\r\n</template>\r\n<script setup lang='ts'>\r\nimport { onMounted, reactive, ref, computed } from \"vue\";\r\nimport { ArrowLeftBold } from \"@element-plus/icons-vue\"\r\nimport { MKDocEditor, MKSvgIcon, MKUploadImage } from '../../../../components'\r\nimport { MKDataForm, MKForm, MKDataFormItem } from \"../../../../components\";\r\nimport ArticleAtlas from \"./components/article-atlas.vue\";\r\nimport { CmsArticlesForm } from \"../../dataviews\";\r\nimport { useRoute, useRouter } from \"vue-router\";\r\nimport { ImageUploadContext } from \"../../../ms\";\r\nimport { useCmsSettings } from \"../../cms-settings\"\r\n// cms 配置\r\nconst CmsSettings = useCmsSettings(true);\r\n\r\nconst route = useRoute()\r\nconst router = useRouter();\r\n\r\n\r\n// 文章请求\r\nconst articleForm = reactive(new CmsArticlesForm()) as CmsArticlesForm;\r\nconst articleOptionsActive = ref(\"content\");\r\n\r\n\r\n// 标题\r\nconst title = computed({\r\n get() { return articleForm.data?.title \|\| \"\"; },\r\n set(val) { articleForm.data.title = val; }\r\n});\r\n// 子标题\r\nconst subTitle = computed({\r\n get() { return articleForm.data?.subTitle \|\| \"\"; },\r\n set(val) { articleForm.data.subTitle = val; }\r\n});\r\n// 获取默认简介\r\nconst getDefaultDescContent = () => {\r\n if (!descAutoCreate.value) {\r\n return \"\";\r\n }\r\n let val: any = \"\";\r\n const div = document.createElement(\"div\");\r\n div.innerHTML = content.value;\r\n val = div.textContent?.substring(0, 700);\r\n if (div.textContent!.length > 700) {\r\n val += \"...\";\r\n }\r\n return val;\r\n}\r\nconst descAutoCreate = ref(true)\r\n// 简介\r\nconst desc = computed({\r\n get() {\r\n return articleForm.data?.desc \|\| getDefaultDescContent();\r\n },\r\n set(val) {\r\n articleForm.data.desc = val;\r\n }\r\n});\r\n// 发布时间\r\nconst releaseDate = computed({\r\n get() { return articleForm.data?.releaseDate \|\| articleForm.data?.publishTime; },\r\n set(val) { articleForm.data.releaseDate = val; }\r\n});\r\n// 标签\r\nconst tags = ref([]);\r\n// computed({ \r\n// get() { return articleForm.data?.tags \|\| [] }, \r\n// set(val) { articleForm.data.tags = val; } \r\n// });\r\n// 内容\r\nconst content = computed({\r\n get() { return articleForm.data?.content \|\| \"\"; },\r\n set(val) { articleForm.data.content = val; }\r\n});\r\n\r\n// 图集\r\nconst atlas = computed({\r\n get() {\r\n return articleForm.data?.atlas\r\n },\r\n set(val) { articleForm.data.atlas = val; }\r\n});\r\n\r\n// 表单初始化\r\nconst formInitDataInfo = ()=>{\r\n // 初始化数据加载\r\n if (route.query.id) {\r\n articleForm.editRecord(route.query.id);\r\n }\r\n else if (route.query.partId) {\r\n articleForm.addRecord({ cmsPartId: route.query.partId,isDraft:1 });\r\n }\r\n else {\r\n articleForm.addRecord({ isDraft:1 });\r\n }\r\n}\r\n\r\nonMounted(() => {\r\n formInitDataInfo();\r\n articleForm.init();\r\n\r\n})\r\n\r\n// 保存\r\nconst saveHandle = async () => {\r\n\r\n // 简介不存在的时候使用自动生成的\r\n if (!articleForm.data?.desc) {\r\n desc.value = getDefaultDescContent();\r\n }\r\n\r\n let result = await articleForm.submit();\r\n\r\n formInitDataInfo();\r\n\r\n return result;\r\n}\r\n\r\n// 保存并预览\r\nconst saveAndViewHandle = async ()=>{\r\n const partId = articleForm.data.cmsPartId;\r\n const data = await saveHandle();\r\n if(data.data.code == 200 && data.data.data){\r\n window.open('/api/cms/content/preview/content/' + partId + '/' + data.data.data)\r\n }\r\n}\r\n\r\n// 保存并发布\r\nconst saveAndPublishHandle = async ()=>{\r\n const result:any = await articleForm.saveAndPublish(CmsSettings.publish.mode);\r\n if(result.data.code == 200){\r\n formInitDataInfo();\r\n }\r\n}\r\n\r\n// 隐藏扩展\r\nconst closeExtentions = ref(true);\r\nconst extentionsRef = ref();\r\nconst hideExtentionsHandle = () => {\r\n closeExtentions.value = true;\r\n}\r\n//展示扩展\r\nconst closeExtentionsHandle = () => {\r\n closeExtentions.value = false;\r\n}\r\n\r\nconst EditorChangeHandle = (v: any) => {\r\n articleForm.data.content = v;\r\n}\r\n\r\n</script>\r\n"],"names":["useCmsSettings","useRoute","useRouter","reactive","CmsArticlesForm","ref","computed","onMounted"],"mappings":"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"}
1	+ {"version":3,"file":"article-edit-add-page.vue2.js","sources":["../../../../../../src/modules/cms/pages/cms-contents/article-edit-add-page.vue"],"sourcesContent":["<template>\r\n <div class=\"mk-cms-article-eidtadd__warp\">\r\n <el-page-header style=\"background-color: #fff;padding: 10px;\" :icon=\"ArrowLeftBold\" title=\"返回\"\r\n @back=\"() => router.push({ name: 'cms/contents', query: { pid: articleForm?.data?.cmsPartId } })\">\r\n <template #content>\r\n <template v-if=\"!articleForm.loading\">\r\n <el-text v-if=\"!articleForm.data?.modifier\">{{ !!route.query.id ? \"编辑文章\" : \"创建文章\" }}</el-text>\r\n <el-text v-else>{{ articleForm.data?.modifierName }} 于 {{ articleForm.data?.updatedAt }} 更新</el-text>\r\n </template>\r\n </template>\r\n <template #extra>\r\n <div class=\"mk-cms-article-eidtadd__header_tools\">\r\n\r\n <template v-if=\"!articleForm.loading\">\r\n <el-tag v-if=\"!articleForm.data?.publishTime\" effect=\"dark\" round>未发布</el-tag>\r\n <el-text v-else>发布时间：{{ articleForm.data?.publishTime }}</el-text>\r\n </template>\r\n\r\n <el-dropdown split-button type=\"primary\" style=\"margin-left: 10px;\" @click=\"saveHandle\">\r\n <MKSvgIcon iconClass=\"save\" style=\"margin-right: 10px;\" />\r\n 保存\r\n <template #dropdown>\r\n <el-dropdown-menu>\r\n <el-dropdown-item v-if=\"CmsSettings.publish.mode == 'static'\" @click=\"saveAndViewHandle\">\r\n <MKSvgIcon iconClass=\"View\" style=\"margin-right: 5px;\" />\r\n 保存并预览\r\n </el-dropdown-item>\r\n <el-dropdown-item @click=\"saveAndPublishHandle\">\r\n <MKSvgIcon iconClass=\"Share\" style=\"margin-right: 5px;\" />\r\n 保存并发布\r\n </el-dropdown-item>\r\n </el-dropdown-menu>\r\n </template>\r\n </el-dropdown>\r\n </div>\r\n </template>\r\n </el-page-header>\r\n <div class=\"mk-cms-article-eidtadd__body\" v-loading=\"articleForm.loading\">\r\n\r\n <MKDocEditor v-if=\"articleForm.data\" :content=\"content\" @change=\"EditorChangeHandle\">\r\n <template #header>\r\n <div class=\"mk-cms-article-eidtadd__body__header\">\r\n <el-row>\r\n <el-input class=\"title\" type=\"textarea\" :autosize=\"{ minRows: 1, maxRows: 4 }\" maxlength=\"150\"\r\n show-word-limit placeholder=\"请输入标题\" v-model=\"title\" />\r\n </el-row>\r\n <el-row>\r\n <el-input class=\"sub-title\" type=\"textarea\" :autosize=\"{ minRows: 1, maxRows: 4 }\" maxlength=\"150\"\r\n show-word-limit placeholder=\"[选填] 请输入子标题\" v-model=\"subTitle\" />\r\n </el-row>\r\n </div>\r\n </template>\r\n <template #after-extentions>\r\n <div class=\"mk-cms-article-eidtadd__body__extentions\" :class=\"{ hide: closeExtentions! }\" ref=\"extentionsRef\">\r\n <MKSvgIcon icon-class=\"ArrowLeft\" class=\"open\" @click=\"closeExtentionsHandle\" v-if=\"closeExtentions\">\r\n </MKSvgIcon>\r\n <MKSvgIcon v-else icon-class=\"ArrowRight\" class=\"close\" @click=\"hideExtentionsHandle\">\r\n </MKSvgIcon>\r\n <el-divider content-position=\"left\">文章设置</el-divider>\r\n <MKDataForm :dataForm=\"articleForm\">\r\n <MKForm :dataForm=\"articleForm\" style=\"width:225px\" label-width=\"110px\">\r\n <el-row v-if=\"CmsSettings.content.useTop\">\r\n <MKDataFormItem style=\"width: 100%;\" name=\"isTop\"></MKDataFormItem>\r\n </el-row>\r\n <el-row v-if=\"CmsSettings.content.useNew\">\r\n <MKDataFormItem style=\"width: 100%;\" name=\"isNew\"></MKDataFormItem>\r\n </el-row>\r\n <el-row v-if=\"CmsSettings.content.useHotRecommend\">\r\n <MKDataFormItem style=\"width: 100%;\" name=\"isHotRecommend\"></MKDataFormItem>\r\n </el-row>\r\n <el-row v-if=\"CmsSettings.content.usePartRecommend\">\r\n <MKDataFormItem style=\"width: 100%;\" name=\"isPartRecommend\"></MKDataFormItem>\r\n </el-row>\r\n <el-row>\r\n <MKDataFormItem style=\"width: 100%;\" name=\"isShowList\"></MKDataFormItem>\r\n </el-row>\r\n <!-- <el-row>\r\n <MKDataFormItem style=\"width: 100%;\" name=\"isDraft\"></MKDataFormItem>\r\n </el-row> -->\r\n <el-row>\r\n <MKDataFormItem style=\"width: 100%;\" name=\"sortNo\"></MKDataFormItem>\r\n </el-row>\r\n </MKForm>\r\n </MKDataForm>\r\n </div>\r\n </template>\r\n <template #footer>\r\n <div class=\"mk-cms-article-eidtadd__body__footer\">\r\n <el-tabs v-model=\"articleOptionsActive\">\r\n <el-tab-pane label=\"基础内容\" name=\"content\">\r\n <div class=\"content\">\r\n <el-row :gutter=\"20\">\r\n <el-col :span=\"6\">\r\n <el-input placeholder=\"[选填] 作者\" v-model=\"articleForm.data.author\" clearable>\r\n <template #prefix>\r\n <MKSvgIcon iconClass=\"UserFilled\" />\r\n </template>\r\n </el-input>\r\n </el-col>\r\n <el-col :span=\"6\">\r\n <el-date-picker v-model=\"releaseDate\" type=\"datetime\" placeholder=\"发布时间\"\r\n :default-time=\"new Date()\" />\r\n </el-col>\r\n <el-col :span=\"12\">\r\n <el-input placeholder=\"[选填] 发布地址\" v-model=\"articleForm.data.locationDesc\" clearable>\r\n <template #prefix>\r\n <MKSvgIcon iconClass=\"Location\" />\r\n </template>\r\n </el-input>\r\n </el-col>\r\n </el-row>\r\n <el-row v-if=\"CmsSettings.content.useTags\">\r\n <el-select v-model=\"tags\" multiple filterable allow-create default-first-option\r\n :reserve-keyword=\"false\" placeholder=\"[可选] 选择文章标签\" style=\"width: 100%\">\r\n <template #prefix>\r\n <MKSvgIcon iconClass=\"CollectionTag\" />\r\n </template>\r\n </el-select>\r\n </el-row>\r\n <el-divider content-position=\"left\">\r\n 文章封面/简介\r\n <el-switch v-model=\"descAutoCreate\" style=\"margin-left: 10px;\" inline-prompt active-text=\"自动生成\"\r\n inactive-text=\"手动撰写\" />\r\n </el-divider>\r\n <el-row class=\"cover-desc\">\r\n <MKUploadImage style=\"margin-right: 10px;\" v-model=\"articleForm.data.cover\" width=\"115px\" height=\"115px\" \r\n :uploadContext=\"new ImageUploadContext(CmsSettings.content.coverImageSize)\">\r\n\r\n </MKUploadImage>\r\n <el-input class=\"desc\" type=\"textarea\" :autosize=\"{ minRows: 5, maxRows: 30 }\" maxlength=\"1000\"\r\n show-word-limit placeholder=\"[选填] 文章简介\" v-model=\"desc\" />\r\n </el-row>\r\n <el-divider content-position=\"left\">文章Banner图</el-divider>\r\n <el-row>\r\n <MKUploadImage v-model=\"articleForm.data.banner\" width=\"100%\" height=\"300px\":uploadContext=\"new ImageUploadContext(CmsSettings.content.bannerImageSize)\">\r\n\r\n </MKUploadImage>\r\n </el-row>\r\n </div>\r\n </el-tab-pane>\r\n <el-tab-pane label=\"文章资源库\" name=\"atlas\" v-if=\"CmsSettings.content.useAtlas\">\r\n <ArticleAtlas v-model=\"atlas\" :articleId=\"parseInt(articleForm.data?.id)\" />\r\n </el-tab-pane>\r\n <el-tab-pane label=\"页面设置\" name=\"settings\" v-if=\"CmsSettings.publish.mode == 'static'\">\r\n <MKDataForm :dataForm=\"articleForm\" label-width=\"120px\">\r\n <MKForm :dataForm=\"articleForm\">\r\n <el-row>\r\n <MKDataFormItem style=\"width: 100%;\" name=\"seoKeywords\"></MKDataFormItem>\r\n </el-row>\r\n <el-row>\r\n <MKDataFormItem style=\"width: 100%;\" name=\"seoDesc\"></MKDataFormItem>\r\n </el-row>\r\n </MKForm>\r\n </MKDataForm>\r\n </el-tab-pane>\r\n </el-tabs>\r\n </div>\r\n </template>\r\n </MKDocEditor>\r\n </div>\r\n </div>\r\n</template>\r\n<script setup lang='ts'>\r\nimport { onMounted, reactive, ref, computed } from \"vue\";\r\nimport { ArrowLeftBold } from \"@element-plus/icons-vue\"\r\nimport { MKDocEditor, MKSvgIcon, MKUploadImage } from '../../../../components'\r\nimport { MKDataForm, MKForm, MKDataFormItem } from \"../../../../components\";\r\nimport ArticleAtlas from \"./components/article-atlas.vue\";\r\nimport { CmsArticlesForm } from \"../../dataviews\";\r\nimport { useRoute, useRouter } from \"vue-router\";\r\nimport { ImageUploadContext } from \"../../../ms\";\r\nimport { useCmsSettings } from \"../../cms-settings\"\r\n// cms 配置\r\nconst CmsSettings = useCmsSettings(true);\r\n\r\nconst route = useRoute()\r\nconst router = useRouter();\r\n\r\n\r\n// 文章请求\r\nconst articleForm = reactive(new CmsArticlesForm()) as CmsArticlesForm;\r\nconst articleOptionsActive = ref(\"content\");\r\n\r\n\r\n// 标题\r\nconst title = computed({\r\n get() { return articleForm.data?.title \|\| \"\"; },\r\n set(val) { articleForm.data.title = val; }\r\n});\r\n// 子标题\r\nconst subTitle = computed({\r\n get() { return articleForm.data?.subTitle \|\| \"\"; },\r\n set(val) { articleForm.data.subTitle = val; }\r\n});\r\n// 获取默认简介\r\nconst getDefaultDescContent = () => {\r\n if (!descAutoCreate.value) {\r\n return \"\";\r\n }\r\n let val: any = \"\";\r\n const div = document.createElement(\"div\");\r\n div.innerHTML = content.value;\r\n val = div.textContent?.substring(0, 700);\r\n if (div.textContent!.length > 700) {\r\n val += \"...\";\r\n }\r\n return val;\r\n}\r\nconst descAutoCreate = ref(true)\r\n// 简介\r\nconst desc = computed({\r\n get() {\r\n return articleForm.data?.desc \|\| getDefaultDescContent();\r\n },\r\n set(val) {\r\n articleForm.data.desc = val;\r\n }\r\n});\r\n// 发布时间\r\nconst releaseDate = computed({\r\n get() { return articleForm.data?.releaseDate \|\| articleForm.data?.publishTime; },\r\n set(val) { articleForm.data.releaseDate = val; }\r\n});\r\n// 标签\r\nconst tags = ref([]);\r\n// computed({ \r\n// get() { return articleForm.data?.tags \|\| [] }, \r\n// set(val) { articleForm.data.tags = val; } \r\n// });\r\n// 内容\r\nconst content = computed({\r\n get() { return articleForm.data?.content \|\| \"\"; },\r\n set(val) { articleForm.data.content = val; }\r\n});\r\n\r\n// 图集\r\nconst atlas = computed({\r\n get() {\r\n return articleForm.data?.atlas\r\n },\r\n set(val) { articleForm.data.atlas = val; }\r\n});\r\n\r\n// 表单初始化\r\nconst formInitDataInfo = ()=>{\r\n // 初始化数据加载\r\n if (route.query.id) {\r\n articleForm.editRecord(route.query.id);\r\n }\r\n else if (route.query.partId) {\r\n articleForm.addRecord({ cmsPartId: route.query.partId,isDraft:1 });\r\n }\r\n else {\r\n articleForm.addRecord({ isDraft:1 });\r\n }\r\n}\r\n\r\nonMounted(() => {\r\n formInitDataInfo();\r\n articleForm.init();\r\n\r\n})\r\n\r\n// 保存\r\nconst saveHandle = async () => {\r\n\r\n // 简介不存在的时候使用自动生成的\r\n if (!articleForm.data?.desc) {\r\n desc.value = getDefaultDescContent();\r\n }\r\n\r\n let result = await articleForm.submit();\r\n\r\n router.back();\r\n\r\n return result;\r\n}\r\n\r\n// 保存并预览\r\nconst saveAndViewHandle = async ()=>{\r\n const partId = articleForm.data.cmsPartId;\r\n const data = await saveHandle();\r\n if(data.data.code == 200 && data.data.data){\r\n window.open('/api/cms/content/preview/content/' + partId + '/' + data.data.data)\r\n }\r\n}\r\n\r\n// 保存并发布\r\nconst saveAndPublishHandle = async ()=>{\r\n const result:any = await articleForm.saveAndPublish(CmsSettings.publish.mode);\r\n if(result.data.code == 200){\r\n router.back();\r\n }\r\n}\r\n\r\n// 隐藏扩展\r\nconst closeExtentions = ref(true);\r\nconst extentionsRef = ref();\r\nconst hideExtentionsHandle = () => {\r\n closeExtentions.value = true;\r\n}\r\n//展示扩展\r\nconst closeExtentionsHandle = () => {\r\n closeExtentions.value = false;\r\n}\r\n\r\nconst EditorChangeHandle = (v: any) => {\r\n articleForm.data.content = v;\r\n}\r\n\r\n</script>\r\n"],"names":["useCmsSettings","useRoute","useRouter","reactive","CmsArticlesForm","ref","computed","onMounted"],"mappings":"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"}

package/dist/cjs/modules/ms/dataviews/ms-material/ms-material-group/MsMaterialGroupForm.js CHANGED Viewed

@@ -27,6 +27,10 @@ const _MsMaterialGroupForm = class _MsMaterialGroupForm extends (_b = dm.DataFor
       })
     ]);
   }
+  formatSubmitData(data) {
+    const { children, ...submitData } = data;
+    return submitData;
+  }
 };
 __publicField(_MsMaterialGroupForm, _a, "mk-material-group");
 let MsMaterialGroupForm = _MsMaterialGroupForm;

package/dist/cjs/modules/ms/dataviews/ms-material/ms-material-group/MsMaterialGroupForm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MsMaterialGroupForm.js","sources":["../../../../../../../src/modules/ms/dataviews/ms-material/ms-material-group/MsMaterialGroupForm.ts"],"sourcesContent":["import { DataForm, DataFormOptions, FormColumn } from \"@maketribe/dm\";\r\nimport { DATA_MODEL_NAME } from \"../../../../../constants\";\r\nimport { MODULE_NAME } from \"../../../constants\";\r\n\r\nexport type MsMaterialGroup = {\r\n id: string;\r\n desc: string;\r\n parentGroupId: string \| null;\r\n};\r\n\r\nexport class MsMaterialGroupForm extends DataForm<MsMaterialGroup> {\r\n static [DATA_MODEL_NAME]: string = \"mk-material-group\";\r\n\r\n constructor(options: DataFormOptions = {}) {\r\n super({\r\n name: MsMaterialGroupForm[DATA_MODEL_NAME],\r\n moduleName: MODULE_NAME,\r\n ...options,\r\n });\r\n }\r\n\r\n protected async initialize() {\r\n await super.initialize();\r\n\r\n this.setColumns([\r\n new FormColumn({ name: \"desc\", label: \"分组名称\", required: true }),\r\n new FormColumn({\r\n name: \"parentGroupId\",\r\n label: \"父材质组ID\",\r\n defaultValue: null,\r\n visible: false,\r\n }),\r\n ]);\r\n }\r\n}\r\n"],"names":["DataForm","DATA_MODEL_NAME","MODULE_NAME","FormColumn"],"mappings":";;;;;;;;;AAUO,MAAM,uBAAN,MAAM,8BAA4BA,QAAAA,UAC/BC,eAAAA,iBAD+BD,IAA0B;AAAA,EAGjE,YAAY,UAA2B,IAAI;AACnC,UAAA;AAAA,MACJ,MAAM,qBAAoBC,yBAAe;AAAA,MACzC,YAAYC,MAAA;AAAA,MACZ,GAAG;AAAA,IAAA,CACJ;AAAA,EACH;AAAA,EAEA,MAAgB,aAAa;AAC3B,UAAM,MAAM;AAEZ,SAAK,WAAW;AAAA,MACd,IAAIC,cAAW,EAAE,MAAM,QAAQ,OAAO,QAAQ,UAAU,MAAM;AAAA,MAC9D,IAAIA,cAAW;AAAA,QACb,MAAM;AAAA,QACN,OAAO;AAAA,QACP,cAAc;AAAA,QACd,SAAS;AAAA,MAAA,CACV;AAAA,IAAA,CACF;AAAA,EACH;AACF;~~AAvBE~~,cADW,sBACHF,IAA2B;AAD9B,IAAM,sBAAN;;"}
1	+ {"version":3,"file":"MsMaterialGroupForm.js","sources":["../../../../../../../src/modules/ms/dataviews/ms-material/ms-material-group/MsMaterialGroupForm.ts"],"sourcesContent":["import { DataForm, DataFormOptions, FormColumn } from \"@maketribe/dm\";\r\nimport { DATA_MODEL_NAME } from \"../../../../../constants\";\r\nimport { MODULE_NAME } from \"../../../constants\";\r\n\r\nexport type MsMaterialGroup = {\r\n id: string;\r\n desc: string;\r\n parentGroupId: string \| null;\r\n};\r\n\r\nexport class MsMaterialGroupForm extends DataForm<MsMaterialGroup> {\r\n static [DATA_MODEL_NAME]: string = \"mk-material-group\";\r\n\r\n constructor(options: DataFormOptions = {}) {\r\n super({\r\n name: MsMaterialGroupForm[DATA_MODEL_NAME],\r\n moduleName: MODULE_NAME,\r\n ...options,\r\n });\r\n }\r\n\r\n protected async initialize() {\r\n await super.initialize();\r\n\r\n this.setColumns([\r\n new FormColumn({ name: \"desc\", label: \"分组名称\", required: true }),\r\n new FormColumn({\r\n name: \"parentGroupId\",\r\n label: \"父材质组ID\",\r\n defaultValue: null,\r\n visible: false,\r\n }),\r\n ]);\r\n }\r\n\r\n formatSubmitData(data: any) {\r\n const { children, ...submitData } = data;\r\n\r\n return submitData;\r\n }\r\n}\r\n"],"names":["DataForm","DATA_MODEL_NAME","MODULE_NAME","FormColumn"],"mappings":";;;;;;;;;AAUO,MAAM,uBAAN,MAAM,8BAA4BA,QAAAA,UAC/BC,eAAAA,iBAD+BD,IAA0B;AAAA,EAGjE,YAAY,UAA2B,IAAI;AACnC,UAAA;AAAA,MACJ,MAAM,qBAAoBC,yBAAe;AAAA,MACzC,YAAYC,MAAA;AAAA,MACZ,GAAG;AAAA,IAAA,CACJ;AAAA,EACH;AAAA,EAEA,MAAgB,aAAa;AAC3B,UAAM,MAAM;AAEZ,SAAK,WAAW;AAAA,MACd,IAAIC,cAAW,EAAE,MAAM,QAAQ,OAAO,QAAQ,UAAU,MAAM;AAAA,MAC9D,IAAIA,cAAW;AAAA,QACb,MAAM;AAAA,QACN,OAAO;AAAA,QACP,cAAc;AAAA,QACd,SAAS;AAAA,MAAA,CACV;AAAA,IAAA,CACF;AAAA,EACH;AAAA,EAEA,iBAAiB,MAAW;AAC1B,UAAM,EAAE,UAAU,GAAG,WAAA,IAAe;AAE7B,WAAA;AAAA,EACT;AACF;AA7BE,cADW,sBACHF,IAA2B;AAD9B,IAAM,sBAAN;;"}

package/dist/cjs/modules/ms/dataviews/ms-member/MsMemberTable.js CHANGED Viewed

@@ -103,7 +103,7 @@ const _MsMemberTable = class _MsMemberTable extends (_b = dm.DataTable, _a = dat
       new dm.FilterColumn({
         name: "account",
         label: "账号",
-        componentInfo: "MKConditionInput"
+        componentInfo: "MKConditionDate"
       })
     ]);
     this.setColumns([

package/dist/cjs/modules/ms/dataviews/ms-member/MsMemberTable.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MsMemberTable.js","sources":["../../../../../../src/modules/ms/dataviews/ms-member/MsMemberTable.tsx"],"sourcesContent":["import { R } from \"@maketribe/request\";\nimport {\n TableColumn,\n DataTable,\n DataTableOptions,\n FilterColumn,\n TableActionColumn,\n ActionButton,\n DeleteButton,\n EditButton,\n Messager,\n Dialoger,\n FormColumn,\n TableHeaderItem,\n RefreshButton,\n AddButton,\n DialogInstance\n} from \"@maketribe/dm\";\nimport { MsMember, MsMemberForm, MsMemberResult } from \"./MsMemberForm\";\nimport { MSAppClient } from \"../../../../core\";\nimport { MKSvgIcon } from \"../../../../components/basic/svg-icon\";\nimport { ElTooltip } from \"element-plus\";\nimport { DATA_MODEL_NAME } from \"../../../../constants\";\nimport { MODULE_NAME } from \"../../constants\";\nimport MemberNickNameColumn from \"./components/MemberNickNameColumn\";\nimport MemberRolesColumn from \"./components/MemberRolesColumn\";\nimport { MKCopyContainer } from \"../../../../components/basic\";\n\nexport type MsMemberTableItem = Omit<MsMember, \"passwordHash\"> & {\n type: number;\n};\n\nexport class MsMemberTable extends DataTable<\n MsMemberResult,\n MsMemberTableItem\n> {\n static [DATA_MODEL_NAME]: string = \"ms-member\";\n\n activeMemberForm: MsMemberForm;\n\n activeDialog: DialogInstance \| null = null;\n\n constructor(options: DataTableOptions = {}) {\n super({\n name: MsMemberTable[DATA_MODEL_NAME],\n moduleName: MODULE_NAME,\n ...options,\n });\n\n this.activeMemberForm = this.register(\n new (class extends MsMemberForm {\n formatSubmitData(data: any) {\n data = super.formatSubmitData(data);\n\n if (data.valid !== 1) {\n Reflect.deleteProperty(data, \"roles\");\n }\n\n return data;\n }\n })()\n );\n }\n\n protected async initialize() {\n await super.initialize();\n\n await this.initActiveMemberForm();\n\n this.header.rightArea = [\n new RefreshButton(),\n new AddButton(),\n new TableHeaderItem({\n componentInfo: \"MKBatchOpt\",\n predicate: () =>\n MSAppClient.instance?.userSession?.userInfo?.isSuper ?? false,\n }),\n ];\n\n this.useCondition((group) => {\n //只有超级管理员可以查看超级管理员\n group.addCondition(\"isSuper\", \"!=\", 1);\n });\n\n this.dataFilter.setColumns([\n // new FilterColumn({\n // name: \"createdAt\",\n // label: \"创建时间\",\n // componentInfo: \"MKConditionDate\",\n // defaultValue: [\"2024-01-20 00:00:00\", \"2024-01-21 00:00:00\"]\n // }),\n new FilterColumn({\n name: \"name\",\n label: \"姓名\",\n componentInfo: \"MKConditionInput\",\n search: true\n }),\n new FilterColumn({\n name: \"wechatNo\",\n label: \"微信号\",\n componentInfo: \"MKConditionInput\",\n }),\n new FilterColumn({\n name: \"nickName\",\n label: \"昵称\",\n componentInfo: \"MKConditionInput\",\n }),\n new FilterColumn({\n name: \"email\",\n label: \"邮箱\",\n componentInfo: \"MKConditionInput\",\n }),\n new FilterColumn({\n name: \"phone\",\n label: \"手机号\",\n componentInfo: \"MKConditionInput\",\n }),\n new FilterColumn({\n name: \"account\",\n label: \"账号\",\n componentInfo: \"MKConditionInput\",\n }),\n ]);\n\n this.setColumns([\n new TableColumn({\n name: \"nickName\",\n label: \"账号信息\",\n minWidth: \"300px\",\n componentInfo: {\n name: \"\",\n component: MemberNickNameColumn,\n },\n }),\n new TableColumn({\n name: \"roles\",\n label: \"角色\",\n minWidth: \"150px\",\n componentInfo: {\n name: \"\",\n component: MemberRolesColumn,\n },\n }),\n new TableColumn({\n name: \"type\",\n label: \"状态\",\n minWidth: \"80px\",\n componentInfo: \"MKColumnTag\",\n componentProps: {\n options: [\n { value: 1, label: \"待激活\" },\n { value: 2, label: \"已锁定\", type: \"danger\" },\n { value: 3, label: \"正常\", type: \"success\" },\n ],\n },\n }),\n new TableColumn({ name: \"memo\", label: \"备注\", minWidth: \"150px\" }),\n // new TableColumn({ name: \"email\", label: \"邮箱\", minWidth: \"200px\" }),\n // new TableColumn({ name: \"phone\", label: \"手机号\", minWidth: \"120px\" }),\n // new TableColumn({ name: \"wechatNo\", label: \"微信号\", minWidth: \"140px\" }),\n // new TableColumn({\n // name: \"valid\",\n // label: \"微信号\",\n // minWidth: \"140px\",\n // visible: false,\n // }),\n new TableActionColumn({\n width: \"240px\",\n buttons: [\n new ActionButton({\n label: \"激活用户\",\n handler: async (row) => {\n this.activeDialog = await Dialoger.dataFormDialog({\n dataForm: this.activeMemberForm,\n recId: row.id,\n });\n },\n predicate: (member: MsMemberTableItem) => member.valid === 0,\n }),\n new ActionButton({\n label: \"重置密码\",\n handler: async (row) => {\n const isConfirm = await Dialoger.confirm({\n title: \"重置密码\",\n message: \"是否重置密码\",\n type: \"warning\",\n cancelButtonText: \"取消\",\n confirmButtonText: \"确定\",\n });\n if (!isConfirm) {\n return;\n }\n this.loadingManager.startLoading();\n\n try {\n const response = await this.dataViewRequest.callDVRequest<\n R<string>\n >({\n action: `reset-password/${row.id}`,\n });\n\n if (response.data.code !== 200) {\n Messager.error({\n message: response.data.msg \|\| \"重置密码失败\",\n });\n return;\n }\n\n Dialoger.confirm({\n title: \"重置密码成功\",\n message: (\n <p>\n <span>\n 你的新密码为：\n <span style={{ color: \"#1890ff\", marginRight: \"3px\" }}>\n {response.data.data}\n </span>\n <ElTooltip content={\"点击复制\"} placement=\"top\">\n <MKSvgIcon\n style={{ color: \"#1890ff\", cursor: \"pointer\" }}\n onClick={() => {\n const input = document.createElement(\"input\");\n document.body.appendChild(input);\n input.setAttribute(\"value\", response.data.data);\n input.select();\n if (document.execCommand(\"copy\")) {\n document.execCommand(\"copy\");\n }\n document.body.removeChild(input);\n Messager.success({\n message: \"复制成功\",\n });\n }}\n iconClass=\"CopyDocument\"\n />\n </ElTooltip>\n </span>\n </p>\n ),\n type: \"warning\",\n cancelButtonText: \"取消\",\n confirmButtonText: \"确定\",\n });\n } catch (e) {\n console.error(e);\n Messager.error({ message: \"网络异常\" });\n } finally {\n this.loadingManager.completeLoading();\n }\n },\n predicate: (member: MsMemberTableItem) => member.valid === 1,\n }),\n new ActionButton({\n label: \"解锁\",\n handler: async (row) => {\n const isConfirm = await Dialoger.instance.confirm({\n title: \"解锁\",\n message: \"是否解锁？\",\n type: \"warning\",\n cancelButtonText: \"取消\",\n confirmButtonText: \"确定\",\n });\n if (!isConfirm) {\n return;\n }\n this.loadingManager.startLoading();\n\n const response =\n await this.activeMemberForm.dataViewRequest.update({\n id: row.id,\n isLock: 0,\n errorCount: 0,\n unlockDatetime: null,\n });\n\n if (response.data.code !== 200) {\n Messager.error({ message: response.data.msg });\n return;\n }\n this.loadingManager.completeLoading();\n this.load();\n },\n predicate: (member: MsMemberTableItem) => member.isLock === 1,\n }),\n new EditButton({\n predicate: (member: MsMemberTableItem) => member.valid === 1,\n }),\n new DeleteButton(),\n ],\n }),\n ]);\n }\n\n protected async initActiveMemberForm() {\n const activeMemberForm = this.activeMemberForm;\n\n await activeMemberForm.init();\n\n activeMemberForm.setColumns([\n activeMemberForm.getColumn(\"id\")!,\n new FormColumn({\n name: \"valid\",\n label: \"是否通过\",\n defaultValue: 0,\n componentInfo: \"MKFormRadioBox\",\n required: true,\n componentProps: {\n options: [\n { label: \"通过\", value: 1 },\n { label: \"不通过\", value: 0 },\n ],\n },\n }),\n activeMemberForm.getColumn(\"roles\")!,\n activeMemberForm.getColumn(\"memo\")!\n ]);\n\n activeMemberForm.beforeSubmitEvent.on(() => {\n this.approveMember();\n\n return false;\n });\n\n const rolesColumn = activeMemberForm.getColumn(\"roles\")!;\n\n activeMemberForm.getColumn(\"valid\")!.valueChangeEvent.on(({ value }) => {\n rolesColumn.disabled = value !== 1;\n });\n }\n\n async approveMember() {\n try {\n if (this.activeMemberForm.loading) {\n return;\n }\n\n this.activeMemberForm.getLoadingManager().startLoading();\n\n const _data = this.activeMemberForm.data!;\n\n if (!(await this.activeMemberForm.validate())) {\n Messager.error({ message: \"请选择是否通过\" });\n return;\n }\n\n const response = await this.dataViewRequest.callDVRequest({\n action: \"active\",\n data: {\n id: _data.id,\n Memo: _data.memo,\n roles: _data.roles ?? [],\n approveResult: _data.valid.toString(),\n },\n });\n\n if (response?.data.code != 200) {\n Messager.error({ message: response?.data.msg \|\| \"请求失败\" });\n return;\n }\n\n this.activeDialog?.destroy()\n\n if (response?.data.data) {\n Dialoger.customRender({\n title: \"重置密码成功\",\n width: \"475px\",\n body: () => {\n return (\n <div class=\"ms-member-active\">\n <MKSvgIcon iconClass=\"InfoFilled\" class=\"ms-member-active__icon\"></MKSvgIcon>你的新密码为：<span class=\"ms-member-active__body\"><MKCopyContainer>{response.data.data}</MKCopyContainer></span>\n </div>\n );\n }\n })\n } else {\n Messager.success({ message: \"操作成功\" });\n }\n\n this.load();\n } catch (e) {\n console.error(e);\n Messager.error({ message: \"网络异常\" });\n } finally {\n this.activeMemberForm.getLoadingManager().completeLoading();\n }\n }\n\n formatItem(item: MsMemberResult): MsMemberTableItem {\n return {\n ...item,\n roles:\n item.roles?.map((role) => ({\n id: role.id,\n name: role.name \|\| \"\",\n desc: role.desc \|\| \"\",\n })) ?? [],\n\n type: item.valid === 0 ? 1 : 3,\n };\n\n // return {\n // id: item.id,\n // name: item.name \|\| \"\",\n // wechatNo: item.wechatNo \|\| \"\",\n // nickName: item.nickName \|\| \"\",\n // email: item.email \|\| \"\",\n // phone: item.phone \|\| \"\",\n // userName: item.userName \|\| \"\",\n // avatar: item.avatar,\n // roles:\n // item.roles?.map((role) => ({\n // id: role.id,\n // name: role.name \|\| \"\",\n // desc: role.desc \|\| \"\",\n // })) ?? [],\n // // depts: item.depts?.map((department) => ({\n // // id: department.id,\n // // name: department.name \|\| \"\",\n // // // memberID: department.memberID \|\| null,\n // // pid: department.pid \|\| null,\n // // })),\n // valid: item.valid,\n // isLock: item.isLock,\n // type: item.valid === 0 ? 1 : item.isLock === 1 ? 2 : 3,\n // errorCount: item.errorCount,\n // unlockDatetime: item.unlockDatetime,\n // };\n }\n}\n"],"names":["MsMemberTable","DataTable","DATA_MODEL_NAME","constructor","options","name","moduleName","MODULE_NAME","activeDialog","activeMemberForm","register","MsMemberForm","formatSubmitData","data","valid","Reflect","deleteProperty","initialize","initActiveMemberForm","header","rightArea","RefreshButton","AddButton","TableHeaderItem","componentInfo","predicate","MSAppClient","instance","userSession","userInfo","isSuper","useCondition","group","addCondition","dataFilter","setColumns","FilterColumn","label","search","TableColumn","minWidth","component","MemberNickNameColumn","MemberRolesColumn","componentProps","value","type","TableActionColumn","width","buttons","ActionButton","handler","row","Dialoger","dataFormDialog","dataForm","recId","id","member","isConfirm","confirm","title","message","cancelButtonText","confirmButtonText","loadingManager","startLoading","response","dataViewRequest","callDVRequest","action","code","Messager","error","msg","_createVNode","_createTextVNode","color","marginRight","ElTooltip","default","MKSvgIcon","cursor","onClick","input","document","createElement","body","appendChild","setAttribute","select","execCommand","removeChild","success","e","console","completeLoading","update","isLock","errorCount","unlockDatetime","load","EditButton","DeleteButton","init","getColumn","FormColumn","defaultValue","required","beforeSubmitEvent","on","approveMember","rolesColumn","valueChangeEvent","disabled","loading","getLoadingManager","_data","validate","Memo","memo","roles","approveResult","toString","_a","destroy","customRender","MKCopyContainer","formatItem","item","map","role","desc"],"mappings":"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"}
1	+ {"version":3,"file":"MsMemberTable.js","sources":["../../../../../../src/modules/ms/dataviews/ms-member/MsMemberTable.tsx"],"sourcesContent":["import { R } from \"@maketribe/request\";\nimport {\n TableColumn,\n DataTable,\n DataTableOptions,\n FilterColumn,\n TableActionColumn,\n ActionButton,\n DeleteButton,\n EditButton,\n Messager,\n Dialoger,\n FormColumn,\n TableHeaderItem,\n RefreshButton,\n AddButton,\n DialogInstance\n} from \"@maketribe/dm\";\nimport { MsMember, MsMemberForm, MsMemberResult } from \"./MsMemberForm\";\nimport { MSAppClient } from \"../../../../core\";\nimport { MKSvgIcon } from \"../../../../components/basic/svg-icon\";\nimport { ElTooltip } from \"element-plus\";\nimport { DATA_MODEL_NAME } from \"../../../../constants\";\nimport { MODULE_NAME } from \"../../constants\";\nimport MemberNickNameColumn from \"./components/MemberNickNameColumn\";\nimport MemberRolesColumn from \"./components/MemberRolesColumn\";\nimport { MKCopyContainer } from \"../../../../components/basic\";\n\nexport type MsMemberTableItem = Omit<MsMember, \"passwordHash\"> & {\n type: number;\n};\n\nexport class MsMemberTable extends DataTable<\n MsMemberResult,\n MsMemberTableItem\n> {\n static [DATA_MODEL_NAME]: string = \"ms-member\";\n\n activeMemberForm: MsMemberForm;\n\n activeDialog: DialogInstance \| null = null;\n\n constructor(options: DataTableOptions = {}) {\n super({\n name: MsMemberTable[DATA_MODEL_NAME],\n moduleName: MODULE_NAME,\n ...options,\n });\n\n this.activeMemberForm = this.register(\n new (class extends MsMemberForm {\n formatSubmitData(data: any) {\n data = super.formatSubmitData(data);\n\n if (data.valid !== 1) {\n Reflect.deleteProperty(data, \"roles\");\n }\n\n return data;\n }\n })()\n );\n }\n\n protected async initialize() {\n await super.initialize();\n\n await this.initActiveMemberForm();\n\n this.header.rightArea = [\n new RefreshButton(),\n new AddButton(),\n new TableHeaderItem({\n componentInfo: \"MKBatchOpt\",\n predicate: () =>\n MSAppClient.instance?.userSession?.userInfo?.isSuper ?? false,\n }),\n ];\n\n this.useCondition((group) => {\n //只有超级管理员可以查看超级管理员\n group.addCondition(\"isSuper\", \"!=\", 1);\n });\n\n this.dataFilter.setColumns([\n // new FilterColumn({\n // name: \"createdAt\",\n // label: \"创建时间\",\n // componentInfo: \"MKConditionDate\",\n // defaultValue: [\"2024-01-20 00:00:00\", \"2024-01-21 00:00:00\"]\n // }),\n new FilterColumn({\n name: \"name\",\n label: \"姓名\",\n componentInfo: \"MKConditionInput\",\n search: true\n }),\n new FilterColumn({\n name: \"wechatNo\",\n label: \"微信号\",\n componentInfo: \"MKConditionInput\",\n }),\n new FilterColumn({\n name: \"nickName\",\n label: \"昵称\",\n componentInfo: \"MKConditionInput\",\n }),\n new FilterColumn({\n name: \"email\",\n label: \"邮箱\",\n componentInfo: \"MKConditionInput\",\n }),\n new FilterColumn({\n name: \"phone\",\n label: \"手机号\",\n componentInfo: \"MKConditionInput\",\n }),\n new FilterColumn({\n name: \"account\",\n label: \"账号\",\n componentInfo: \"MKConditionDate\",\n }),\n ]);\n\n this.setColumns([\n new TableColumn({\n name: \"nickName\",\n label: \"账号信息\",\n minWidth: \"300px\",\n componentInfo: {\n name: \"\",\n component: MemberNickNameColumn,\n },\n }),\n new TableColumn({\n name: \"roles\",\n label: \"角色\",\n minWidth: \"150px\",\n componentInfo: {\n name: \"\",\n component: MemberRolesColumn,\n },\n }),\n new TableColumn({\n name: \"type\",\n label: \"状态\",\n minWidth: \"80px\",\n componentInfo: \"MKColumnTag\",\n componentProps: {\n options: [\n { value: 1, label: \"待激活\" },\n { value: 2, label: \"已锁定\", type: \"danger\" },\n { value: 3, label: \"正常\", type: \"success\" },\n ],\n },\n }),\n new TableColumn({ name: \"memo\", label: \"备注\", minWidth: \"150px\" }),\n // new TableColumn({ name: \"email\", label: \"邮箱\", minWidth: \"200px\" }),\n // new TableColumn({ name: \"phone\", label: \"手机号\", minWidth: \"120px\" }),\n // new TableColumn({ name: \"wechatNo\", label: \"微信号\", minWidth: \"140px\" }),\n // new TableColumn({\n // name: \"valid\",\n // label: \"微信号\",\n // minWidth: \"140px\",\n // visible: false,\n // }),\n new TableActionColumn({\n width: \"240px\",\n buttons: [\n new ActionButton({\n label: \"激活用户\",\n handler: async (row) => {\n this.activeDialog = await Dialoger.dataFormDialog({\n dataForm: this.activeMemberForm,\n recId: row.id,\n });\n },\n predicate: (member: MsMemberTableItem) => member.valid === 0,\n }),\n new ActionButton({\n label: \"重置密码\",\n handler: async (row) => {\n const isConfirm = await Dialoger.confirm({\n title: \"重置密码\",\n message: \"是否重置密码\",\n type: \"warning\",\n cancelButtonText: \"取消\",\n confirmButtonText: \"确定\",\n });\n if (!isConfirm) {\n return;\n }\n this.loadingManager.startLoading();\n\n try {\n const response = await this.dataViewRequest.callDVRequest<\n R<string>\n >({\n action: `reset-password/${row.id}`,\n });\n\n if (response.data.code !== 200) {\n Messager.error({\n message: response.data.msg \|\| \"重置密码失败\",\n });\n return;\n }\n\n Dialoger.confirm({\n title: \"重置密码成功\",\n message: (\n <p>\n <span>\n 你的新密码为：\n <span style={{ color: \"#1890ff\", marginRight: \"3px\" }}>\n {response.data.data}\n </span>\n <ElTooltip content={\"点击复制\"} placement=\"top\">\n <MKSvgIcon\n style={{ color: \"#1890ff\", cursor: \"pointer\" }}\n onClick={() => {\n const input = document.createElement(\"input\");\n document.body.appendChild(input);\n input.setAttribute(\"value\", response.data.data);\n input.select();\n if (document.execCommand(\"copy\")) {\n document.execCommand(\"copy\");\n }\n document.body.removeChild(input);\n Messager.success({\n message: \"复制成功\",\n });\n }}\n iconClass=\"CopyDocument\"\n />\n </ElTooltip>\n </span>\n </p>\n ),\n type: \"warning\",\n cancelButtonText: \"取消\",\n confirmButtonText: \"确定\",\n });\n } catch (e) {\n console.error(e);\n Messager.error({ message: \"网络异常\" });\n } finally {\n this.loadingManager.completeLoading();\n }\n },\n predicate: (member: MsMemberTableItem) => member.valid === 1,\n }),\n new ActionButton({\n label: \"解锁\",\n handler: async (row) => {\n const isConfirm = await Dialoger.instance.confirm({\n title: \"解锁\",\n message: \"是否解锁？\",\n type: \"warning\",\n cancelButtonText: \"取消\",\n confirmButtonText: \"确定\",\n });\n if (!isConfirm) {\n return;\n }\n this.loadingManager.startLoading();\n\n const response =\n await this.activeMemberForm.dataViewRequest.update({\n id: row.id,\n isLock: 0,\n errorCount: 0,\n unlockDatetime: null,\n });\n\n if (response.data.code !== 200) {\n Messager.error({ message: response.data.msg });\n return;\n }\n this.loadingManager.completeLoading();\n this.load();\n },\n predicate: (member: MsMemberTableItem) => member.isLock === 1,\n }),\n new EditButton({\n predicate: (member: MsMemberTableItem) => member.valid === 1,\n }),\n new DeleteButton(),\n ],\n }),\n ]);\n }\n\n protected async initActiveMemberForm() {\n const activeMemberForm = this.activeMemberForm;\n\n await activeMemberForm.init();\n\n activeMemberForm.setColumns([\n activeMemberForm.getColumn(\"id\")!,\n new FormColumn({\n name: \"valid\",\n label: \"是否通过\",\n defaultValue: 0,\n componentInfo: \"MKFormRadioBox\",\n required: true,\n componentProps: {\n options: [\n { label: \"通过\", value: 1 },\n { label: \"不通过\", value: 0 },\n ],\n },\n }),\n activeMemberForm.getColumn(\"roles\")!,\n activeMemberForm.getColumn(\"memo\")!\n ]);\n\n activeMemberForm.beforeSubmitEvent.on(() => {\n this.approveMember();\n\n return false;\n });\n\n const rolesColumn = activeMemberForm.getColumn(\"roles\")!;\n\n activeMemberForm.getColumn(\"valid\")!.valueChangeEvent.on(({ value }) => {\n rolesColumn.disabled = value !== 1;\n });\n }\n\n async approveMember() {\n try {\n if (this.activeMemberForm.loading) {\n return;\n }\n\n this.activeMemberForm.getLoadingManager().startLoading();\n\n const _data = this.activeMemberForm.data!;\n\n if (!(await this.activeMemberForm.validate())) {\n Messager.error({ message: \"请选择是否通过\" });\n return;\n }\n\n const response = await this.dataViewRequest.callDVRequest({\n action: \"active\",\n data: {\n id: _data.id,\n Memo: _data.memo,\n roles: _data.roles ?? [],\n approveResult: _data.valid.toString(),\n },\n });\n\n if (response?.data.code != 200) {\n Messager.error({ message: response?.data.msg \|\| \"请求失败\" });\n return;\n }\n\n this.activeDialog?.destroy()\n\n if (response?.data.data) {\n Dialoger.customRender({\n title: \"重置密码成功\",\n width: \"475px\",\n body: () => {\n return (\n <div class=\"ms-member-active\">\n <MKSvgIcon iconClass=\"InfoFilled\" class=\"ms-member-active__icon\"></MKSvgIcon>你的新密码为：<span class=\"ms-member-active__body\"><MKCopyContainer>{response.data.data}</MKCopyContainer></span>\n </div>\n );\n }\n })\n } else {\n Messager.success({ message: \"操作成功\" });\n }\n\n this.load();\n } catch (e) {\n console.error(e);\n Messager.error({ message: \"网络异常\" });\n } finally {\n this.activeMemberForm.getLoadingManager().completeLoading();\n }\n }\n\n formatItem(item: MsMemberResult): MsMemberTableItem {\n return {\n ...item,\n roles:\n item.roles?.map((role) => ({\n id: role.id,\n name: role.name \|\| \"\",\n desc: role.desc \|\| \"\",\n })) ?? [],\n\n type: item.valid === 0 ? 1 : 3,\n };\n\n // return {\n // id: item.id,\n // name: item.name \|\| \"\",\n // wechatNo: item.wechatNo \|\| \"\",\n // nickName: item.nickName \|\| \"\",\n // email: item.email \|\| \"\",\n // phone: item.phone \|\| \"\",\n // userName: item.userName \|\| \"\",\n // avatar: item.avatar,\n // roles:\n // item.roles?.map((role) => ({\n // id: role.id,\n // name: role.name \|\| \"\",\n // desc: role.desc \|\| \"\",\n // })) ?? [],\n // // depts: item.depts?.map((department) => ({\n // // id: department.id,\n // // name: department.name \|\| \"\",\n // // // memberID: department.memberID \|\| null,\n // // pid: department.pid \|\| null,\n // // })),\n // valid: item.valid,\n // isLock: item.isLock,\n // type: item.valid === 0 ? 1 : item.isLock === 1 ? 2 : 3,\n // errorCount: item.errorCount,\n // unlockDatetime: item.unlockDatetime,\n // };\n }\n}\n"],"names":["MsMemberTable","DataTable","DATA_MODEL_NAME","constructor","options","name","moduleName","MODULE_NAME","activeDialog","activeMemberForm","register","MsMemberForm","formatSubmitData","data","valid","Reflect","deleteProperty","initialize","initActiveMemberForm","header","rightArea","RefreshButton","AddButton","TableHeaderItem","componentInfo","predicate","MSAppClient","instance","userSession","userInfo","isSuper","useCondition","group","addCondition","dataFilter","setColumns","FilterColumn","label","search","TableColumn","minWidth","component","MemberNickNameColumn","MemberRolesColumn","componentProps","value","type","TableActionColumn","width","buttons","ActionButton","handler","row","Dialoger","dataFormDialog","dataForm","recId","id","member","isConfirm","confirm","title","message","cancelButtonText","confirmButtonText","loadingManager","startLoading","response","dataViewRequest","callDVRequest","action","code","Messager","error","msg","_createVNode","_createTextVNode","color","marginRight","ElTooltip","default","MKSvgIcon","cursor","onClick","input","document","createElement","body","appendChild","setAttribute","select","execCommand","removeChild","success","e","console","completeLoading","update","isLock","errorCount","unlockDatetime","load","EditButton","DeleteButton","init","getColumn","FormColumn","defaultValue","required","beforeSubmitEvent","on","approveMember","rolesColumn","valueChangeEvent","disabled","loading","getLoadingManager","_data","validate","Memo","memo","roles","approveResult","toString","_a","destroy","customRender","MKCopyContainer","formatItem","item","map","role","desc"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCO,MAAMA,iBAAN,MAAMA,wBAAsBC,QAAAA,WAIzBC,eAAAA,iBAJyBD,IAGjC;AAAA,EAOAE,YAAYC,UAA4B,IAAI;AAC1C,UAAM;AAAA,MACJC,MAAML,eAAcE,yBAAe;AAAA,MACnCI,YAAYC,MAAW;AAAA,MACvB,GAAGH;AAAAA,IACL,CAAC;AAPHI,wCAAsC;AASpC,SAAKC,mBAAmB,KAAKC,SAC3B,IAAK,cAAcC,aAAAA,aAAa;AAAA,MAC9BC,iBAAiBC,MAAW;AAC1BA,eAAO,MAAMD,iBAAiBC,IAAI;AAElC,YAAIA,KAAKC,UAAU,GAAG;AACpBC,kBAAQC,eAAeH,MAAM,OAAO;AAAA,QACtC;AAEA,eAAOA;AAAAA,MACT;AAAA,IACD,EAAA,CACH;AAAA,EACF;AAAA,EAEA,MAAgBI,aAAa;AAC3B,UAAM,MAAMA;AAEZ,UAAM,KAAKC;AAEX,SAAKC,OAAOC,YAAY,CACtB,IAAIC,GAAa,cAAA,GACjB,IAAIC,GAAAA,aACJ,IAAIC,mBAAgB;AAAA,MAClBC,eAAe;AAAA,MACfC,WAAWA,MACTC;;AAAAA,uBAAAA,OAAAA,MAAAA,YAAAA,YAAYC,aAAZD,gBAAAA,IAAsBE,gBAAtBF,gBAAAA,IAAmCG,aAAnCH,mBAA6CI,YAAW;AAAA;AAAA,IAC3D,CAAA,CAAC;AAGJ,SAAKC,aAAcC,WAAU;AAE3BA,YAAMC,aAAa,WAAW,MAAM,CAAC;AAAA,IACvC,CAAC;AAED,SAAKC,WAAWC,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAOzB,IAAIC,gBAAa;AAAA,QACf/B,MAAM;AAAA,QACNgC,OAAO;AAAA,QACPb,eAAe;AAAA,QACfc,QAAQ;AAAA,MACV,CAAC;AAAA,MACD,IAAIF,GAAAA,aAAa;AAAA,QACf/B,MAAM;AAAA,QACNgC,OAAO;AAAA,QACPb,eAAe;AAAA,MACjB,CAAC;AAAA,MACD,IAAIY,GAAAA,aAAa;AAAA,QACf/B,MAAM;AAAA,QACNgC,OAAO;AAAA,QACPb,eAAe;AAAA,MACjB,CAAC;AAAA,MACD,IAAIY,GAAAA,aAAa;AAAA,QACf/B,MAAM;AAAA,QACNgC,OAAO;AAAA,QACPb,eAAe;AAAA,MACjB,CAAC;AAAA,MACD,IAAIY,GAAAA,aAAa;AAAA,QACf/B,MAAM;AAAA,QACNgC,OAAO;AAAA,QACPb,eAAe;AAAA,MACjB,CAAC;AAAA,MACD,IAAIY,GAAAA,aAAa;AAAA,QACf/B,MAAM;AAAA,QACNgC,OAAO;AAAA,QACPb,eAAe;AAAA,MAChB,CAAA;AAAA,IAAC,CACH;AAED,SAAKW,WAAW;AAAA,MACd,IAAII,eAAY;AAAA,QACdlC,MAAM;AAAA,QACNgC,OAAO;AAAA,QACPG,UAAU;AAAA,QACVhB,eAAe;AAAA,UACbnB,MAAM;AAAA,UACNoC,WAAWC;AAAAA,QACb;AAAA,MACF,CAAC;AAAA,MACD,IAAIH,GAAAA,YAAY;AAAA,QACdlC,MAAM;AAAA,QACNgC,OAAO;AAAA,QACPG,UAAU;AAAA,QACVhB,eAAe;AAAA,UACbnB,MAAM;AAAA,UACNoC,WAAWE;AAAAA,QACb;AAAA,MACF,CAAC;AAAA,MACD,IAAIJ,GAAAA,YAAY;AAAA,QACdlC,MAAM;AAAA,QACNgC,OAAO;AAAA,QACPG,UAAU;AAAA,QACVhB,eAAe;AAAA,QACfoB,gBAAgB;AAAA,UACdxC,SAAS,CACP;AAAA,YAAEyC,OAAO;AAAA,YAAGR,OAAO;AAAA,UAAM,GACzB;AAAA,YAAEQ,OAAO;AAAA,YAAGR,OAAO;AAAA,YAAOS,MAAM;AAAA,UAAS,GACzC;AAAA,YAAED,OAAO;AAAA,YAAGR,OAAO;AAAA,YAAMS,MAAM;AAAA,WAAW;AAAA,QAE9C;AAAA,MACF,CAAC;AAAA,MACD,IAAIP,GAAAA,YAAY;AAAA,QAAElC,MAAM;AAAA,QAAQgC,OAAO;AAAA,QAAMG,UAAU;AAAA,MAAQ,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAUhE,IAAIO,qBAAkB;AAAA,QACpBC,OAAO;AAAA,QACPC,SAAS,CACP,IAAIC,gBAAa;AAAA,UACfb,OAAO;AAAA,UACPc,SAAS,OAAOC,QAAQ;AACtB,iBAAK5C,eAAe,MAAM6C,GAAQ,SAACC,eAAe;AAAA,cAChDC,UAAU,KAAK9C;AAAAA,cACf+C,OAAOJ,IAAIK;AAAAA,YACb,CAAC;AAAA,UACF;AAAA,UACDhC,WAAYiC,YAA8BA,OAAO5C,UAAU;AAAA,QAC7D,CAAC,GACD,IAAIoC,GAAAA,aAAa;AAAA,UACfb,OAAO;AAAA,UACPc,SAAS,OAAOC,QAAQ;AACtB,kBAAMO,YAAY,MAAMN,GAAQ,SAACO,QAAQ;AAAA,cACvCC,OAAO;AAAA,cACPC,SAAS;AAAA,cACThB,MAAM;AAAA,cACNiB,kBAAkB;AAAA,cAClBC,mBAAmB;AAAA,YACrB,CAAC;AACD,gBAAI,CAACL,WAAW;AACd;AAAA,YACF;AACA,iBAAKM,eAAeC;AAEpB,gBAAI;AACF,oBAAMC,WAAW,MAAM,KAAKC,gBAAgBC,cAE1C;AAAA,gBACAC,QAAQ,kBAAkBlB,IAAIK,EAAE;AAAA,cAClC,CAAC;AAED,kBAAIU,SAAStD,KAAK0D,SAAS,KAAK;AAC9BC,mBAAAA,SAASC,MAAM;AAAA,kBACbX,SAASK,SAAStD,KAAK6D,OAAO;AAAA,gBAChC,CAAC;AACD;AAAA,cACF;AAEArB,iBAAAA,SAASO,QAAQ;AAAA,gBACfC,OAAO;AAAA,gBACPC,SAAOa,IAAAA,YAAA,KAAA,MAAA,CAAAA,IAAAA,YAAAC,QAAAA,MAAAA,CAAAA,IAAAA,4BAAAD,IAAAA,YAAA,QAAA;AAAA,kBAAA,SAIY;AAAA,oBAAEE,OAAO;AAAA,oBAAWC,aAAa;AAAA,kBAAM;AAAA,mBACjDX,CAAAA,SAAStD,KAAKA,IAAI,CAAA8D,GAAAA,IAAA,YAAAI,uBAAA;AAAA,kBAAA,WAED;AAAA,kBAAM,aAAA;AAAA,gBAAA,GAAA;AAAA,kBAAAC,SAAAA,MAAAL,CAAAA,IAAA,YAAAM,mBAAA;AAAA,oBAAA,SAEf;AAAA,sBAAEJ,OAAO;AAAA,sBAAWK,QAAQ;AAAA,oBAAW;AAAA,oBAAA,WACrCC,MAAM;AACb,4BAAMC,QAAQC,SAASC,cAAc,OAAO;AAC5CD,+BAASE,KAAKC,YAAYJ,KAAK;AAC/BA,4BAAMK,aAAa,SAAStB,SAAStD,KAAKA,IAAI;AAC9CuE,4BAAMM,OAAM;AACZ,0BAAIL,SAASM,YAAY,MAAM,GAAG;AAChCN,iCAASM,YAAY,MAAM;AAAA,sBAC7B;AACAN,+BAASE,KAAKK,YAAYR,KAAK;AAC/BZ,yBAAAA,SAASqB,QAAQ;AAAA,wBACf/B,SAAS;AAAA,sBACX,CAAC;AAAA,oBACF;AAAA,oBAAA,aAAA;AAAA,kBAAA,GAAA,IAAA,CAAA;AAAA,iBAMV,CAAA,CAAA,CAAA,CAAA;AAAA,gBACDhB,MAAM;AAAA,gBACNiB,kBAAkB;AAAA,gBAClBC,mBAAmB;AAAA,cACrB,CAAC;AAAA,YACF,SAAQ8B,GAAG;AACVC,sBAAQtB,MAAMqB,CAAC;AACftB,iBAAAA,SAASC,MAAM;AAAA,gBAAEX,SAAS;AAAA,cAAO,CAAC;AAAA,YACpC,UAAU;AACR,mBAAKG,eAAe+B;YACtB;AAAA,UACD;AAAA,UACDvE,WAAYiC,YAA8BA,OAAO5C,UAAU;AAAA,QAC7D,CAAC,GACD,IAAIoC,GAAAA,aAAa;AAAA,UACfb,OAAO;AAAA,UACPc,SAAS,OAAOC,QAAQ;AACtB,kBAAMO,YAAY,MAAMN,YAAS1B,SAASiC,QAAQ;AAAA,cAChDC,OAAO;AAAA,cACPC,SAAS;AAAA,cACThB,MAAM;AAAA,cACNiB,kBAAkB;AAAA,cAClBC,mBAAmB;AAAA,YACrB,CAAC;AACD,gBAAI,CAACL,WAAW;AACd;AAAA,YACF;AACA,iBAAKM,eAAeC;AAEpB,kBAAMC,WACJ,MAAM,KAAK1D,iBAAiB2D,gBAAgB6B,OAAO;AAAA,cACjDxC,IAAIL,IAAIK;AAAAA,cACRyC,QAAQ;AAAA,cACRC,YAAY;AAAA,cACZC,gBAAgB;AAAA,YAClB,CAAC;AAEH,gBAAIjC,SAAStD,KAAK0D,SAAS,KAAK;AAC9BC,iBAAAA,SAASC,MAAM;AAAA,gBAAEX,SAASK,SAAStD,KAAK6D;AAAAA,cAAI,CAAC;AAC7C;AAAA,YACF;AACA,iBAAKT,eAAe+B;AACpB,iBAAKK,KAAI;AAAA,UACV;AAAA,UACD5E,WAAYiC,YAA8BA,OAAOwC,WAAW;AAAA,QAC9D,CAAC,GACD,IAAII,GAAAA,WAAW;AAAA,UACb7E,WAAYiC,YAA8BA,OAAO5C,UAAU;AAAA,QAC7D,CAAC,GACD,IAAIyF,GAAAA,cAAc;AAAA,MAErB,CAAA;AAAA,IAAC,CACH;AAAA,EACH;AAAA,EAEA,MAAgBrF,uBAAuB;AACrC,UAAMT,mBAAmB,KAAKA;AAE9B,UAAMA,iBAAiB+F;AAEvB/F,qBAAiB0B,WAAW,CAC1B1B,iBAAiBgG,UAAU,IAAI,GAC/B,IAAIC,cAAW;AAAA,MACbrG,MAAM;AAAA,MACNgC,OAAO;AAAA,MACPsE,cAAc;AAAA,MACdnF,eAAe;AAAA,MACfoF,UAAU;AAAA,MACVhE,gBAAgB;AAAA,QACdxC,SAAS,CACP;AAAA,UAAEiC,OAAO;AAAA,UAAMQ,OAAO;AAAA,QAAE,GACxB;AAAA,UAAER,OAAO;AAAA,UAAOQ,OAAO;AAAA,SAAG;AAAA,MAE9B;AAAA,IACF,CAAC,GACDpC,iBAAiBgG,UAAU,OAAO,GAClChG,iBAAiBgG,UAAU,MAAM,CAAC,CACnC;AAEDhG,qBAAiBoG,kBAAkBC,GAAG,MAAM;AAC1C,WAAKC,cAAa;AAElB,aAAO;AAAA,IACT,CAAC;AAED,UAAMC,cAAcvG,iBAAiBgG,UAAU,OAAO;AAEtDhG,qBAAiBgG,UAAU,OAAO,EAAGQ,iBAAiBH,GAAG,CAAC;AAAA,MAAEjE;AAAAA,IAAM,MAAM;AACtEmE,kBAAYE,WAAWrE,UAAU;AAAA,IACnC,CAAC;AAAA,EACH;AAAA,EAEA,MAAMkE,gBAAgB;;AACpB,QAAI;AACF,UAAI,KAAKtG,iBAAiB0G,SAAS;AACjC;AAAA,MACF;AAEA,WAAK1G,iBAAiB2G,kBAAmB,EAAClD,aAAY;AAEtD,YAAMmD,QAAQ,KAAK5G,iBAAiBI;AAEpC,UAAI,CAAE,MAAM,KAAKJ,iBAAiB6G,SAAU,GAAG;AAC7C9C,WAAAA,SAASC,MAAM;AAAA,UAAEX,SAAS;AAAA,QAAU,CAAC;AACrC;AAAA,MACF;AAEA,YAAMK,WAAW,MAAM,KAAKC,gBAAgBC,cAAc;AAAA,QACxDC,QAAQ;AAAA,QACRzD,MAAM;AAAA,UACJ4C,IAAI4D,MAAM5D;AAAAA,UACV8D,MAAMF,MAAMG;AAAAA,UACZC,OAAOJ,MAAMI,SAAS,CAAE;AAAA,UACxBC,eAAeL,MAAMvG,MAAM6G,SAAS;AAAA,QACtC;AAAA,MACF,CAAC;AAED,WAAIxD,qCAAUtD,KAAK0D,SAAQ,KAAK;AAC9BC,WAAAA,SAASC,MAAM;AAAA,UAAEX,UAASK,qCAAUtD,KAAK6D,QAAO;AAAA,QAAO,CAAC;AACxD;AAAA,MACF;AAEA,OAAAkD,MAAA,KAAKpH,iBAAL,gBAAAoH,IAAmBC;AAEnB,UAAI1D,qCAAUtD,KAAKA,MAAM;AACvBwC,WAAAA,SAASyE,aAAa;AAAA,UACpBjE,OAAO;AAAA,UACPb,OAAO;AAAA,UACPuC,MAAMA,MAAM;AACV,mBAAAZ,IAAAA,YAAA,OAAA;AAAA,cAAA,SAAA;AAAA,eAAAA,CAAAA,IAAA,YAAAM,mBAAA;AAAA,cAAA,aAAA;AAAA,cAAA,SAAA;AAAA,eAAAL,IAAAA,GAAAA,IAAA,4BAAAD,IAAAA,YAAA,QAAA;AAAA,cAAA,SAAA;AAAA,eAAAA,CAAAA,IAAAA,YAAAoD,QAAA,iBAAA,MAAA;AAAA,cAAA/C,SAAAA,MAAA,CAE+Ib,SAAStD,KAAKA,IAAI;AAAA,YAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,UAGnK;AAAA,QACF,CAAC;AAAA,MACH,OAAO;AACL2D,WAAAA,SAASqB,QAAQ;AAAA,UAAE/B,SAAS;AAAA,QAAO,CAAC;AAAA,MACtC;AAEA,WAAKuC,KAAI;AAAA,IACV,SAAQP,GAAG;AACVC,cAAQtB,MAAMqB,CAAC;AACftB,SAAAA,SAASC,MAAM;AAAA,QAAEX,SAAS;AAAA,MAAO,CAAC;AAAA,IACpC,UAAU;AACR,WAAKrD,iBAAiB2G,kBAAmB,EAACpB,gBAAe;AAAA,IAC3D;AAAA,EACF;AAAA,EAEAgC,WAAWC,MAAyC;;AAClD,WAAO;AAAA,MACL,GAAGA;AAAAA,MACHR,SACEQ,MAAAA,KAAKR,UAALQ,gBAAAA,IAAYC,IAAKC,WAAU;AAAA,QACzB1E,IAAI0E,KAAK1E;AAAAA,QACTpD,MAAM8H,KAAK9H,QAAQ;AAAA,QACnB+H,MAAMD,KAAKC,QAAQ;AAAA,MACpB,QAAM,CAAE;AAAA,MAEXtF,MAAMmF,KAAKnH,UAAU,IAAI,IAAI;AAAA;EA8BjC;AACF;AAxYE,cAJWd,gBAIHE,IAA2B;AAJ9B,IAAMF,gBAAN;;"}

package/dist/esm/components/basic/doc-editor/editor.vue.js CHANGED Viewed

@@ -1,41 +1,19 @@
-import { defineComponent, ref, computed, onMounted, watch, openBlock, createBlock, unref, withCtx, createElementVNode, normalizeClass, createVNode, renderSlot, Teleport, toDisplayString, createCommentVNode } from "vue";
-import "@lexical/text";
-import "@lexical/utils";
-import "@lexical/overflow";
-import "lexical";
-import "tiny-invariant";
-import "@lexical/history";
-import "@lexical/list";
-import "@lexical/dragon";
-import "@lexical/plain-text";
-import "@lexical/rich-text";
-import "@lexical/yjs";
-import "yjs";
-import "./lexical-vue/components/LexicalDecoratedTeleports.js";
-import _sfc_main$4 from "./lexical-vue/components/LexicalContentEditable.vue.js";
-import _sfc_main$1 from "./lexical-vue/components/LexicalComposer.vue.js";
-import _sfc_main$6 from "./lexical-vue/components/LexicalHistoryPlugin.vue.js";
-import "@lexical/html";
-import "@lexical/link";
-import "@lexical/mark";
-import "@lexical/table";
-import _sfc_main$3 from "./lexical-vue/components/LexicalRichTextPlugin.vue.js";
-import "@lexical/hashtag";
-import "@lexical/markdown";
-import "./lexical-vue/composables/useCollaborationContext.js";
-import "./lexical-vue/components/LexicalMenu/shared.js";
-import "./lexical-vue/components/LexicalAutoEmbedPlugin/shared.js";
-import "./lexical-vue/components/LexicalTypeaheadMenuPlugin/shared.js";
-import _sfc_main$2 from "./plugins/ToolbarPlugin/index.vue.js";
+import { defineComponent, ref, computed, onMounted, watch, openBlock, createBlock, unref, withCtx, createElementVNode, normalizeClass, createVNode, renderSlot, Teleport, createCommentVNode } from "vue";
+import { LexicalComposer, LexicalHistoryPlugin } from "lexical-vue";
+import _sfc_main$4 from "./plugins/AutoLinkPlugin.vue.js";
+import _sfc_main$5 from "./plugins/ImagePlugin/index.vue.js";
+import _sfc_main$6 from "./plugins/ImageTextPlugin/index.vue.js";
+import _sfc_main$3 from "./plugins/ToolbarPlugin/InlineToolsPlugin.vue.js";
+import _sfc_main$7 from "./plugins/HtmlBlockPlugin/index.vue.js";
+import _sfc_main$1 from "./plugins/ToolbarPlugin/index.vue.js";
+import _sfc_main$2 from "./plugins/RichTextPlugin/index.vue.js";
+import Nodes from "./plugins/nodes.js";
 import { DEVICE_VIEW_MODE } from "./plugins/commands.js";
-import _sfc_main$5 from "./plugins/index.vue.js";
 import theme from "./themes/DocTheme.js";
-import Nodes from "./plugins/nodes.js";
 import DocEditorCss from "./themes/doc-editor.css.js";
 import DocThemeCss from "./themes/doc-theme.css.js";
 const _hoisted_1 = { class: "mk-doc-editor__stage_warp" };
 const _hoisted_2 = { class: "mk-doc-editor__stage_body" };
-const _hoisted_3 = { class: "mk-doc-editor__stage__placeholder mk-doc__paragraph" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ name: "MKDocEditor" },
   __name: "editor",
@@ -77,7 +55,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       emit("change", content);
       updateStage();
     };
-    const lexicalInitHandler = (editor) => {
+    const editorInitHandler = (editor) => {
       editor.registerCommand(DEVICE_VIEW_MODE, (payload) => {
         viewDevice.value = payload;
         return false;
@@ -111,15 +89,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }, { immediate: true });
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$1), {
-        "initial-config": config,
-        onInit: lexicalInitHandler
-      }, {
+      return openBlock(), createBlock(unref(LexicalComposer), { "initial-config": config }, {
         default: withCtx(() => [
           createElementVNode("div", {
             class: normalizeClass(["mk-doc-editor", viewDevice.value])
           }, [
-            createVNode(_sfc_main$2),
+            createVNode(unref(_sfc_main$1), {
+              js: __props.js,
+              css: __props.css
+            }, null, 8, ["js", "css"]),
             createElementVNode("div", _hoisted_1, [
               renderSlot(_ctx.$slots, "before-extentions"),
               createElementVNode("div", _hoisted_2, [
@@ -134,26 +112,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   key: 0,
                   to: iframeBody.value
                 }, [
-                  createVNode(unref(_sfc_main$3), {
+                  createVNode(unref(_sfc_main$2), {
+                    onInit: editorInitHandler,
                     content: props.content,
-                    onChange: contentChangeHandle
-                  }, {
-                    contentEditable: withCtx(() => [
-                      createVNode(unref(_sfc_main$4))
-                    ]),
-                    placeholder: withCtx(() => [
-                      createElementVNode("div", _hoisted_3, toDisplayString(props.placeholder), 1)
-                    ]),
-                    _: 1
-                  }, 8, ["content"])
+                    onChange: contentChangeHandle,
+                    placeholder: __props.placeholder
+                  }, null, 8, ["content", "placeholder"])
                 ], 8, ["to"])) : createCommentVNode("", true),
                 renderSlot(_ctx.$slots, "footer"),
-                createVNode(_sfc_main$5)
+                createVNode(unref(_sfc_main$3)),
+                createVNode(unref(_sfc_main$4)),
+                createVNode(unref(_sfc_main$5)),
+                createVNode(unref(_sfc_main$6)),
+                createVNode(unref(_sfc_main$7))
               ]),
               renderSlot(_ctx.$slots, "after-extentions")
             ])
           ], 2),
-          createVNode(unref(_sfc_main$6))
+          createVNode(unref(LexicalHistoryPlugin))
         ]),
         _: 3
       });

package/dist/esm/components/basic/doc-editor/editor.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"editor.vue.js","sources":["../../../../../src/components/basic/doc-editor/editor.vue"],"sourcesContent":["<template>\r\n <LexicalComposer :initial-config=\"config\" ~~@init=\"lexicalInitHandler\"~~>\r\n <div class=\"mk-doc-editor\" :class=\"viewDevice\">\r\n <ToolbarPlugin />\r\n <div class=\"mk-doc-editor__stage_warp\">\r\n <slot name=\"before-extentions\"></slot>\r\n <div class=\"mk-doc-editor__stage_body\">\r\n <slot name=\"header\"></slot>\r\n <iframe title=\"iframe\" class=\"mk-doc-editor__stage_iframe\" ref=\"iframeContentRef\"></iframe>\r\n <Teleport v-if=\"iframeBody\" :to=\"iframeBody\">\r\n <~~LexicalRichTextPlugin~~ :content=\"props.content\" @change=\"contentChangeHandle\"~~>\r~~\~~n <template #contentEditable~~>\r\n ~~<LexicalContentEditable />\r\n~~ </~~template~~>\r\n ~~<template #placeholder~~>\r\n <~~div~~ ~~class~~=\"~~mk-doc-editor__stage__placeholder mk-doc__paragraph~~\">\r\n ~~{{props.placeholder}}\~~r\n ~~</div>\~~r\n ~~</template>\r\n </LexicalRichTextPlugin>\r\n~~ ~~</Teleport>\~~r\n <~~slot~~ ~~name=\"footer\"></slot>\~~r\n <~~DocPlugin~~ />\r\n </div>\r\n <slot name=\"after-extentions\"></slot>\r\n </div>\r\n \r\n </div>\r\n <LexicalHistoryPlugin />\r\n </LexicalComposer>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { defineOptions,defineProps,defineEmits,computed,ref,onMounted,watch } from \"vue\"\r\nimport type { LexicalEditor } from 'lexical'\r\nimport { LexicalComposer,~~LexicalContentEditable,~~ LexicalHistoryPlugin~~,LexicalRichTextPlugin~~ } from './lexical-vue'\r\nimport ~~ToolbarPlugin~~ ~~from~~ \~~"./plugins/~~ToolbarPlugin~~/index.vue~~\"\r\~~nimport { DEVICE_VIEW_MODE~~ } from \"./plugins~~/commands~~\"\r\nimport ~~DocPlugin~~ from \"./plugins/~~index.vue~~\"\r\n\r\nimport DocTheme from \"./themes/DocTheme\";\r\nimport DocNodes from \"./plugins/nodes\"\r\nimport DocEditorCss from \"./themes/doc-editor.css?raw\";\r\nimport DocThemeCss from \"./themes/doc-theme.css?raw\";\r\n\r\n// 定义组件\r\ndefineOptions({ name: \"MKDocEditor\" })\r\n\r\n// 事件\r\nconst emit = defineEmits(['change']);\r\n\r\n// 参数\r\nconst props = defineProps({\r\n placeholder:{type:String,default:\"这里输入正文...\"},\r\n content:{ type:String,default:`` },\r\n js:{ type:String,default:`` },\r\n css:{ type:String,default:`` }\r\n})\r\n\r\n// pc \| mobile\r\nconst viewDevice = ref('pc')\r\n\r\n// 配置\r\nconst config = {\r\n namespace: 'MyEditor',\r\n theme: DocTheme,\r\n nodes: [\r\n ...DocNodes,\r\n ],\r\n onError(error:Error) {\r\n // Catch any errors that occur during Lexical updates and log them\r\n // or throw them as needed. If you don't throw them, Lexical will\r\n // try to recover gracefully without losing user data.\r\n console.error(error)\r\n },\r\n}\r\n\r\n// iframe 编辑器\r\nconst iframeContentRef = ref(null as any);\r\nconst iframeBody = computed(()=>iframeContentRef.value?.contentWindow?.document?.body)\r\n\r\n//内容改变时\r\nconst updateStage = ()=>{\r\n setTimeout(() => {\r\n if(iframeBody.value?.scrollHeight > iframeBody.value?.offsetHeight){\r\n iframeContentRef.value.style.height = (iframeBody.value?.scrollHeight + 10)+\"px\";\r\n }\r\n }, 10);\r\n}\r\nconst contentChangeHandle = (content:any)=>{\r\n emit('change',content);\r\n updateStage();\r\n}\r\n\r\n// 初始化\r\nconst ~~lexicalInitHandler~~ = (editor:LexicalEditor)=>{\r\n editor.registerCommand(DEVICE_VIEW_MODE,(payload: string) => {\r\n viewDevice.value = payload;\r\n return false\r\n },1)\r\n}\r\n\r\nonMounted(()=>{\r\n\r\n const doc = iframeContentRef.value?.contentWindow?.document;\r\n // 编辑器外观\r\n const editorStyle = document.createElement(\"style\");\r\n editorStyle.innerHTML = DocEditorCss;\r\n doc.head.append(editorStyle);\r\n\r\n // 皮肤样式\r\n const docThemeStyle = document.createElement(\"style\");\r\n docThemeStyle.innerHTML = DocThemeCss;\r\n doc.head.append(docThemeStyle);\r\n\r\n // 扩展的js和css\r\n props.js.split(\",\").forEach(path=>{\r\n const script = document.createElement(\"script\");\r\n script.src = path;\r\n script.setAttribute(\"crossorigin\",\"true\")\r\n doc.head.append(script);\r\n })\r\n props.css.split(\",\").forEach(path=>{\r\n const link = document.createElement(\"link\");\r\n link.href = path;\r\n link.setAttribute(\"crossorigin\",\"true\")\r\n doc.head.append(link);\r\n })\r\n\r\n watch(viewDevice,(payload: string) => {\r\n doc.body.style.fontSize = payload == \"pc\" ? \"14px\" : \"18px\";\r\n updateStage();\r\n return false\r\n },{ immediate :true})\r\n});\r\n\r\n</script>\r\n"],"names":["DocNodes"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiDA~~,UAAM,OAAO;AAGb,UAAM,QAAQ;AAQR,UAAA,aAAa,IAAI,IAAI;AAG3B,UAAM,SAAS;AAAA,MACb,WAAW;AAAA,MACX;AAAA,MACA,OAAO;AAAA,QACL,GAAGA;AAAAA,MACL;AAAA,MACA,QAAQ,OAAa;AAInB,gBAAQ,MAAM,KAAK;AAAA,MACrB;AAAA,IAAA;AAII,UAAA,mBAAmB,IAAI,IAAW;AACxC,UAAM,aAAa,SAAS;;AAAI,gDAAiB,UAAjB,mBAAwB,kBAAxB,mBAAuC,aAAvC,mBAAiD;AAAA,KAAI;AAGrF,UAAM,cAAc,MAAI;AACtB,iBAAW,MAAM;;AACf,cAAG,gBAAW,UAAX,mBAAkB,kBAAe,gBAAW,UAAX,mBAAkB,eAAa;AACjE,2BAAiB,MAAM,MAAM,WAAU,gBAAW,UAAX,mBAAkB,gBAAe,KAAI;AAAA,QAC9E;AAAA,SACC,EAAE;AAAA,IAAA;AAED,UAAA,sBAAsB,CAAC,YAAc;AACzC,WAAK,UAAS,OAAO;AACT;IAAA;AAIR,UAAA,~~qBAAqB~~,CAAC,WAAuB;~~AAC1C~~,aAAA,gBAAgB,kBAAiB,CAAC,YAAoB;AAC3D,mBAAW,QAAQ;AACZ,eAAA;AAAA,SACP,CAAC;AAAA,IAAA;AAGL,cAAU,MAAI;;AAEN,YAAA,OAAM,4BAAiB,UAAjB,mBAAwB,kBAAxB,mBAAuC;AAE7C,YAAA,cAAc,SAAS,cAAc,OAAO;AAClD,kBAAY,YAAY;AACpB,UAAA,KAAK,OAAO,WAAW;AAGrB,YAAA,gBAAgB,SAAS,cAAc,OAAO;AACpD,oBAAc,YAAY;AACtB,UAAA,KAAK,OAAO,aAAa;AAG7B,YAAM,GAAG,MAAM,GAAG,EAAE,QAAQ,CAAM,SAAA;AAC1B,cAAA,SAAS,SAAS,cAAc,QAAQ;AAC9C,eAAO,MAAM;AACN,eAAA,aAAa,eAAc,MAAM;AACpC,YAAA,KAAK,OAAO,MAAM;AAAA,MAAA,CACvB;AACD,YAAM,IAAI,MAAM,GAAG,EAAE,QAAQ,CAAM,SAAA;AAC3B,cAAA,OAAO,SAAS,cAAc,MAAM;AAC1C,aAAK,OAAO;AACP,aAAA,aAAa,eAAc,MAAM;AAClC,YAAA,KAAK,OAAO,IAAI;AAAA,MAAA,CACrB;AAEK,YAAA,YAAW,CAAC,YAAoB;AACpC,YAAI,KAAK,MAAM,WAAW,WAAW,OAAO,SAAS;AACzC;AACL,eAAA;AAAA,MAAA,GACP,EAAE,WAAW,KAAA,CAAK;AAAA,IAAA,CACrB~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~"}
1	+ {"version":3,"file":"editor.vue.js","sources":["../../../../../src/components/basic/doc-editor/editor.vue"],"sourcesContent":["<template>\r\n <LexicalComposer :initial-config=\"config\">\r\n <div class=\"mk-doc-editor\" :class=\"viewDevice\">\r\n <ToolbarPlugin :js=\"js\" :css=\"css\" />\r\n <div class=\"mk-doc-editor__stage_warp\">\r\n <slot name=\"before-extentions\"></slot>\r\n <div class=\"mk-doc-editor__stage_body\">\r\n <slot name=\"header\"></slot>\r\n <iframe title=\"iframe\" class=\"mk-doc-editor__stage_iframe\" ref=\"iframeContentRef\"></iframe>\r\n <Teleport v-if=\"iframeBody\" :to=\"iframeBody\">\r\n <RichTextPlugin @init=\"editorInitHandler\" :content=\"props.content\" @change=\"contentChangeHandle\" :placeholder=\"placeholder\">\r\n </RichTextPlugin>\r\n </Teleport>\r\n <slot name=\"footer\"></slot>\r\n <InlineToolsPlugin />\r\n <AutoLinkPlugin />\r\n <ImagePlugin />\r\n <ImageTextPlugin />\r\n <HtmlBlockPlugin />\r\n </div>\r\n <slot name=\"after-extentions\"></slot>\r\n </div>\r\n \r\n </div>\r\n <LexicalHistoryPlugin />\r\n </LexicalComposer>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { defineOptions,defineProps,defineEmits,computed,ref,onMounted,watch } from \"vue\"\r\nimport { type LexicalEditor } from 'lexical'\r\nimport { LexicalComposer, LexicalHistoryPlugin } from 'lexical-vue'\r\nimport { \r\n ToolbarPlugin,\r\n RichTextPlugin,\r\n AutoLinkPlugin,\r\n ImagePlugin,\r\n ImageTextPlugin,\r\n InlineToolsPlugin,\r\n HtmlBlockPlugin,\r\n \r\n} from \"./plugins\"\r\nimport { DEVICE_VIEW_MODE } from \"./plugins/commands\"\r\n\r\nimport DocTheme from \"./themes/DocTheme\";\r\nimport DocNodes from \"./plugins/nodes\"\r\nimport DocEditorCss from \"./themes/doc-editor.css?raw\";\r\nimport DocThemeCss from \"./themes/doc-theme.css?raw\";\r\n\r\n// 定义组件\r\ndefineOptions({ name: \"MKDocEditor\" })\r\n\r\n// 事件\r\nconst emit = defineEmits(['change']);\r\n\r\n// 参数\r\nconst props = defineProps({\r\n placeholder:{type:String,default:\"这里输入正文...\"},\r\n content:{ type:String,default:`` },\r\n js:{ type:String,default:`` },\r\n css:{ type:String,default:`` }\r\n})\r\n\r\n// pc \| mobile\r\nconst viewDevice = ref('pc')\r\n\r\n// 配置\r\nconst config = {\r\n namespace: 'MyEditor',\r\n theme: DocTheme,\r\n nodes: [\r\n ...DocNodes,\r\n ],\r\n onError(error:Error) {\r\n // Catch any errors that occur during Lexical updates and log them\r\n // or throw them as needed. If you don't throw them, Lexical will\r\n // try to recover gracefully without losing user data.\r\n console.error(error)\r\n },\r\n}\r\n\r\n// iframe 编辑器\r\nconst iframeContentRef = ref(null as any);\r\nconst iframeBody = computed(()=>iframeContentRef.value?.contentWindow?.document?.body)\r\n\r\n//内容改变时\r\nconst updateStage = ()=>{\r\n setTimeout(() => {\r\n if(iframeBody.value?.scrollHeight > iframeBody.value?.offsetHeight){\r\n iframeContentRef.value.style.height = (iframeBody.value?.scrollHeight + 10)+\"px\";\r\n }\r\n }, 10);\r\n}\r\nconst contentChangeHandle = (content:any)=>{\r\n emit('change',content);\r\n updateStage();\r\n}\r\n\r\n// 初始化\r\nconst editorInitHandler = (editor:LexicalEditor)=>{\r\n editor.registerCommand(DEVICE_VIEW_MODE,(payload: string) => {\r\n viewDevice.value = payload;\r\n return false\r\n },1)\r\n}\r\n\r\nonMounted(()=>{\r\n\r\n const doc = iframeContentRef.value?.contentWindow?.document;\r\n // 编辑器外观\r\n const editorStyle = document.createElement(\"style\");\r\n editorStyle.innerHTML = DocEditorCss;\r\n doc.head.append(editorStyle);\r\n\r\n // 皮肤样式\r\n const docThemeStyle = document.createElement(\"style\");\r\n docThemeStyle.innerHTML = DocThemeCss;\r\n doc.head.append(docThemeStyle);\r\n\r\n // 扩展的js和css\r\n props.js.split(\",\").forEach(path=>{\r\n const script = document.createElement(\"script\");\r\n script.src = path;\r\n script.setAttribute(\"crossorigin\",\"true\")\r\n doc.head.append(script);\r\n })\r\n props.css.split(\",\").forEach(path=>{\r\n const link = document.createElement(\"link\");\r\n link.href = path;\r\n link.setAttribute(\"crossorigin\",\"true\")\r\n doc.head.append(link);\r\n })\r\n\r\n watch(viewDevice,(payload: string) => {\r\n doc.body.style.fontSize = payload == \"pc\" ? \"14px\" : \"18px\";\r\n updateStage();\r\n return false\r\n },{ immediate :true})\r\n});\r\n\r\n</script>\r\n"],"names":["DocNodes"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAqDA,UAAM,OAAO;AAGb,UAAM,QAAQ;AAQR,UAAA,aAAa,IAAI,IAAI;AAG3B,UAAM,SAAS;AAAA,MACb,WAAW;AAAA,MACX;AAAA,MACA,OAAO;AAAA,QACL,GAAGA;AAAAA,MACL;AAAA,MACA,QAAQ,OAAa;AAInB,gBAAQ,MAAM,KAAK;AAAA,MACrB;AAAA,IAAA;AAII,UAAA,mBAAmB,IAAI,IAAW;AACxC,UAAM,aAAa,SAAS;;AAAI,gDAAiB,UAAjB,mBAAwB,kBAAxB,mBAAuC,aAAvC,mBAAiD;AAAA,KAAI;AAGrF,UAAM,cAAc,MAAI;AACtB,iBAAW,MAAM;;AACf,cAAG,gBAAW,UAAX,mBAAkB,kBAAe,gBAAW,UAAX,mBAAkB,eAAa;AACjE,2BAAiB,MAAM,MAAM,WAAU,gBAAW,UAAX,mBAAkB,gBAAe,KAAI;AAAA,QAC9E;AAAA,SACC,EAAE;AAAA,IAAA;AAED,UAAA,sBAAsB,CAAC,YAAc;AACzC,WAAK,UAAS,OAAO;AACT;IAAA;AAIR,UAAA,oBAAoB,CAAC,WAAuB;AACzC,aAAA,gBAAgB,kBAAiB,CAAC,YAAoB;AAC3D,mBAAW,QAAQ;AACZ,eAAA;AAAA,SACP,CAAC;AAAA,IAAA;AAGL,cAAU,MAAI;;AAEN,YAAA,OAAM,4BAAiB,UAAjB,mBAAwB,kBAAxB,mBAAuC;AAE7C,YAAA,cAAc,SAAS,cAAc,OAAO;AAClD,kBAAY,YAAY;AACpB,UAAA,KAAK,OAAO,WAAW;AAGrB,YAAA,gBAAgB,SAAS,cAAc,OAAO;AACpD,oBAAc,YAAY;AACtB,UAAA,KAAK,OAAO,aAAa;AAG7B,YAAM,GAAG,MAAM,GAAG,EAAE,QAAQ,CAAM,SAAA;AAC1B,cAAA,SAAS,SAAS,cAAc,QAAQ;AAC9C,eAAO,MAAM;AACN,eAAA,aAAa,eAAc,MAAM;AACpC,YAAA,KAAK,OAAO,MAAM;AAAA,MAAA,CACvB;AACD,YAAM,IAAI,MAAM,GAAG,EAAE,QAAQ,CAAM,SAAA;AAC3B,cAAA,OAAO,SAAS,cAAc,MAAM;AAC1C,aAAK,OAAO;AACP,aAAA,aAAa,eAAc,MAAM;AAClC,YAAA,KAAK,OAAO,IAAI;AAAA,MAAA,CACrB;AAEK,YAAA,YAAW,CAAC,YAAoB;AACpC,YAAI,KAAK,MAAM,WAAW,WAAW,OAAO,SAAS;AACzC;AACL,eAAA;AAAA,MAAA,GACP,EAAE,WAAW,KAAA,CAAK;AAAA,IAAA,CACrB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/components/basic/doc-editor/plugins/AutoLinkPlugin.vue.js CHANGED Viewed

@@ -1,28 +1,5 @@
 import { defineComponent, openBlock, createBlock, unref } from "vue";
-import "@lexical/text";
-import "@lexical/utils";
-import "@lexical/overflow";
-import "lexical";
-import "tiny-invariant";
-import "@lexical/history";
-import "@lexical/list";
-import "@lexical/dragon";
-import "@lexical/plain-text";
-import "@lexical/rich-text";
-import "@lexical/yjs";
-import "yjs";
-import "../lexical-vue/components/LexicalDecoratedTeleports.js";
-import "@lexical/html";
-import "@lexical/link";
-import "@lexical/mark";
-import "@lexical/table";
-import "@lexical/hashtag";
-import "@lexical/markdown";
-import "../lexical-vue/composables/useCollaborationContext.js";
-import "../lexical-vue/components/LexicalMenu/shared.js";
-import "../lexical-vue/components/LexicalAutoEmbedPlugin/shared.js";
-import _sfc_main$1 from "../lexical-vue/components/LexicalAutoLinkPlugin/index.vue2.js";
-import "../lexical-vue/components/LexicalTypeaheadMenuPlugin/shared.js";
+import { LexicalAutoLinkPlugin } from "lexical-vue";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "AutoLinkPlugin",
   setup(__props) {
@@ -49,7 +26,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     ];
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$1), { matchers: MATCHERS });
+      return openBlock(), createBlock(unref(LexicalAutoLinkPlugin), { matchers: MATCHERS });
     };
   }
 });

package/dist/esm/components/basic/doc-editor/plugins/AutoLinkPlugin.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AutoLinkPlugin.vue.js","sources":["../../../../../../src/components/basic/doc-editor/plugins/AutoLinkPlugin.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { LexicalAutoLinkPlugin } from '~~../~~lexical-vue'\r\n\r\nconst URL_MATCHER = /((https?:\\/\\/(www\\.)?)\|(www\\.))[-a-zA-Z0-9@:%._+~#=]{1,256}\\.[a-zA-Z0-9()]{1,6}\\b([-a-zA-Z0-9()@:%_+.~#?&//=])/\r\n\r\nconst EMAIL_MATCHER = /(([^<>()[\\]\\\\.,;:\\s@\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\"]+))\|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])\|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))/\r\n\r\nconst MATCHERS = [\r\n (text: string) => {\r\n const match = URL_MATCHER.exec(text)\r\n return (\r\n match && {\r\n index: match.index,\r\n length: match[0].length,\r\n text: match[0],\r\n url: match[0],\r\n }\r\n )\r\n },\r\n (text: string) => {\r\n const match = EMAIL_MATCHER.exec(text)\r\n return (\r\n match && {\r\n index: match.index,\r\n length: match[0].length,\r\n text: match[0],\r\n url: `mailto:${match[0]}`,\r\n }\r\n )\r\n },\r\n]\r\n</script>\r\n\r\n<template>\r\n <LexicalAutoLinkPlugin :matchers=\"MATCHERS\" />\r\n</template>\r\n"],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAGA,UAAM,cAAc;AAEpB,UAAM,gBAAgB;AAEtB,UAAM,WAAW;AAAA,MACf,CAAC,SAAiB;AACV,cAAA,QAAQ,YAAY,KAAK,IAAI;AACnC,eACE,SAAS;AAAA,UACP,OAAO,MAAM;AAAA,UACb,QAAQ,MAAM,CAAC,EAAE;AAAA,UACjB,MAAM,MAAM,CAAC;AAAA,UACb,KAAK,MAAM,CAAC;AAAA,QAAA;AAAA,MAGlB;AAAA,MACA,CAAC,SAAiB;AACV,cAAA,QAAQ,cAAc,KAAK,IAAI;AACrC,eACE,SAAS;AAAA,UACP,OAAO,MAAM;AAAA,UACb,QAAQ,MAAM,CAAC,EAAE;AAAA,UACjB,MAAM,MAAM,CAAC;AAAA,UACb,KAAK,UAAU,MAAM,CAAC,CAAC;AAAA,QAAA;AAAA,MAG7B;AAAA,IAAA;;;;;;"}
1	+ {"version":3,"file":"AutoLinkPlugin.vue.js","sources":["../../../../../../src/components/basic/doc-editor/plugins/AutoLinkPlugin.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { LexicalAutoLinkPlugin } from 'lexical-vue'\r\n\r\nconst URL_MATCHER = /((https?:\\/\\/(www\\.)?)\|(www\\.))[-a-zA-Z0-9@:%._+~#=]{1,256}\\.[a-zA-Z0-9()]{1,6}\\b([-a-zA-Z0-9()@:%_+.~#?&//=])/\r\n\r\nconst EMAIL_MATCHER = /(([^<>()[\\]\\\\.,;:\\s@\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\"]+))\|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])\|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))/\r\n\r\nconst MATCHERS = [\r\n (text: string) => {\r\n const match = URL_MATCHER.exec(text)\r\n return (\r\n match && {\r\n index: match.index,\r\n length: match[0].length,\r\n text: match[0],\r\n url: match[0],\r\n }\r\n )\r\n },\r\n (text: string) => {\r\n const match = EMAIL_MATCHER.exec(text)\r\n return (\r\n match && {\r\n index: match.index,\r\n length: match[0].length,\r\n text: match[0],\r\n url: `mailto:${match[0]}`,\r\n }\r\n )\r\n },\r\n]\r\n</script>\r\n\r\n<template>\r\n <LexicalAutoLinkPlugin :matchers=\"MATCHERS\" />\r\n</template>\r\n"],"names":[],"mappings":";;;;;AAGA,UAAM,cAAc;AAEpB,UAAM,gBAAgB;AAEtB,UAAM,WAAW;AAAA,MACf,CAAC,SAAiB;AACV,cAAA,QAAQ,YAAY,KAAK,IAAI;AACnC,eACE,SAAS;AAAA,UACP,OAAO,MAAM;AAAA,UACb,QAAQ,MAAM,CAAC,EAAE;AAAA,UACjB,MAAM,MAAM,CAAC;AAAA,UACb,KAAK,MAAM,CAAC;AAAA,QAAA;AAAA,MAGlB;AAAA,MACA,CAAC,SAAiB;AACV,cAAA,QAAQ,cAAc,KAAK,IAAI;AACrC,eACE,SAAS;AAAA,UACP,OAAO,MAAM;AAAA,UACb,QAAQ,MAAM,CAAC,EAAE;AAAA,UACjB,MAAM,MAAM,CAAC;AAAA,UACb,KAAK,UAAU,MAAM,CAAC,CAAC;AAAA,QAAA;AAAA,MAG7B;AAAA,IAAA;;;;;;"}