npm - @maketribe/ms-app - Versions diffs - 3.0.5 → 3.0.7 - Mend

@maketribe/ms-app 3.0.5 → 3.0.7

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 (600) hide show

package/dist/esm/components/material-list/material-list.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"material-list.vue2.js","sources":["../../../../src/components/material-list/material-list.vue"],"sourcesContent":["<template>\n <div class=\"mk-material-list\">\n <MaterialGroup :material-man=\"materialMan\" />\n <div class=\"mk-material-list__main\" v-loading=\"loading\">\n <div class=\"mk-material-list__header\">\n <div class=\"mk-material-list__header-left\">\n <div class=\"mk-material-list__types\">\n <div\n v-for=\"item of materialTypes\"\n :key=\"item.value\"\n :class=\"[\n 'mk-material-list__type',\n currentMaterialTypeId === item.value ? 'is-active' : '',\n ]\"\n @click=\"handleMaterialTypeClick(item)\"\n >\n {{ item.label }}\n </div>\n </div>\n </div>\n <div class=\"mk-material-list__header-right\">\n <template v-if=\"currentMaterialType\">\n {{ currentMaterialType.label }}大小不超过\n {{ currentMaterialType.limit }} M\n <MKUploadFile\n :upload=\"materialMan.upload\"\n :accept=\"currentMaterialType.accept\"\n >\n <ElButton type=\"primary\">\n 选择{{ currentMaterialType.label }}\n </ElButton>\n </MKUploadFile>\n </template>\n </div>\n </div>\n\n <div class=\"mk-material-list__body\">\n <ElScrollbar height=\"100%\">\n <div class=\"mk-material-list__wrapper\">\n <MaterialItem\n v-for=\"material of materialList\"\n :key=\"material.id\"\n :class=\"[\n 'mk-material-list__item',\n value === material.path ? 'is-current' : '',\n ]\"\n :material-table=\"materialTable\"\n :material=\"material\"\n @click.capture=\"handleMaterialItemClick($event, material)\"\n />\n </div>\n </ElScrollbar>\n <div class=\"mk-material-list__footer\">\n <ElPagination\n class=\"mk-data-table-pagination\"\n :background=\"true\"\n :pageSizes=\"unref(pageSizes)\"\n :currentPage=\"unref(currentPage)\"\n :pageSize=\"unref(pageSize)\"\n :total=\"unref(totalRecCount)\"\n layout=\"prev, pager, next\"\n @current-change=\"changeCurrentPage\"\n @size-change=\"changePageSize\"\n />\n </div>\n </div>\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, unref, watch } from \"vue\";\nimport { ElPagination } from \"element-plus\";\nimport { MKUploadFile } from \"../upload-file\";\nimport { MaterialType, Material } from \"../../dataview\";\nimport MaterialGroup from \"./material-group.vue\";\nimport MaterialItem from \"./material-item.vue\";\nimport { materialListProps, materialListEmits } from \"./material-list-options\";\n\ndefineOptions({ name: \"MKMaterialList\" });\n\nconst props = defineProps(materialListProps);\n\nconst emit = defineEmits(materialListEmits);\n\nprops.materialMan.init();\n\nconst loading = computed(() => props.materialMan.materialTable.loading);\n\nconst value = computed({\n get: () => {\n return props.selectable ? props.selectedPath ?? null : null;\n },\n set: (v) => {\n emit(\"update:selected-path\", v);\n },\n});\n\nconst materialTable = computed(() => props.materialMan.materialTable);\nconst pageSizes = computed(() => unref(materialTable).pageSizes);\nconst currentPage = computed({\n get: () => unref(materialTable).currentPage,\n set: (v) => {\n unref(materialTable).pageTo(v);\n },\n});\nconst pageSize = computed({\n get: () => unref(materialTable).pageSize,\n set: (v) => {\n unref(materialTable).setPageSize(v);\n },\n});\nconst totalRecCount = computed(() => unref(materialTable).totalRecCount);\nconst changeCurrentPage = (v: number) => {\n currentPage.value = v;\n};\nconst changePageSize = (v: number) => {\n pageSize.value = v;\n};\n\nconst materialList = computed(() => unref(materialTable).getList());\nconst materialTypes = computed(() => props.materialMan.~~materialTypes~~);\nconst currentMaterialTypeId = computed(\n () => props.materialMan.currentMaterialTypeId\n);\n\nconst currentMaterialType = computed(\n () => props.materialMan.currentMaterialType\n);\n\nconst handleMaterialTypeClick = (materialType: MaterialType) => {\n if (materialType.value === unref(currentMaterialTypeId)) {\n return;\n }\n\n props.materialMan.setCurrentMaterialTypeId(materialType.value);\n};\n\nconst handleMaterialItemClick = (event: MouseEvent, material: Material) => {\n if (!props.selectable) {\n return;\n }\n\n event.preventDefault();\n event.stopPropagation();\n\n value.value = material.path;\n};\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAqFA,IAAA,KAAA,CAAM,YAAY,IAAK,EAAA,CAAA;AAEvB,IAAA,MAAM,UAAU,QAAS,CAAA,MAAM,KAAM,CAAA,WAAA,CAAY,cAAc,OAAO,CAAA,CAAA;AAEtE,IAAA,MAAM,QAAQ,QAAS,CAAA;AAAA,MACrB,KAAK,MAAM;AACT,QAAA,OAAO,KAAM,CAAA,UAAA,GAAa,KAAM,CAAA,YAAA,IAAgB,IAAO,GAAA,IAAA,CAAA;AAAA,OACzD;AAAA,MACA,GAAA,EAAK,CAAC,CAAM,KAAA;AACV,QAAA,IAAA,CAAK,wBAAwB,CAAC,CAAA,CAAA;AAAA,OAChC;AAAA,KACD,CAAA,CAAA;AAED,IAAA,MAAM,aAAgB,GAAA,QAAA,CAAS,MAAM,KAAA,CAAM,YAAY,aAAa,CAAA,CAAA;AACpE,IAAA,MAAM,YAAY,QAAS,CAAA,MAAM,KAAM,CAAA,aAAa,EAAE,SAAS,CAAA,CAAA;AAC/D,IAAA,MAAM,cAAc,QAAS,CAAA;AAAA,MAC3B,GAAK,EAAA,MAAM,KAAM,CAAA,aAAa,CAAE,CAAA,WAAA;AAAA,MAChC,GAAA,EAAK,CAAC,CAAM,KAAA;AACV,QAAM,KAAA,CAAA,aAAa,CAAE,CAAA,MAAA,CAAO,CAAC,CAAA,CAAA;AAAA,OAC/B;AAAA,KACD,CAAA,CAAA;AACD,IAAA,MAAM,WAAW,QAAS,CAAA;AAAA,MACxB,GAAK,EAAA,MAAM,KAAM,CAAA,aAAa,CAAE,CAAA,QAAA;AAAA,MAChC,GAAA,EAAK,CAAC,CAAM,KAAA;AACV,QAAM,KAAA,CAAA,aAAa,CAAE,CAAA,WAAA,CAAY,CAAC,CAAA,CAAA;AAAA,OACpC;AAAA,KACD,CAAA,CAAA;AACD,IAAA,MAAM,gBAAgB,QAAS,CAAA,MAAM,KAAM,CAAA,aAAa,EAAE,aAAa,CAAA,CAAA;AACvE,IAAM,MAAA,iBAAA,GAAoB,CAAC,CAAc,KAAA;AACvC,MAAA,WAAA,CAAY,KAAQ,GAAA,CAAA,CAAA;AAAA,KACtB,CAAA;AACA,IAAM,MAAA,cAAA,GAAiB,CAAC,CAAc,KAAA;AACpC,MAAA,QAAA,CAAS,KAAQ,GAAA,CAAA,CAAA;AAAA,KACnB,CAAA;AAEA,IAAA,MAAM,eAAe,QAAS,CAAA,MAAM,MAAM,aAAa,CAAA,CAAE,SAAS,CAAA,CAAA;AAClE,IAAA,MAAM,~~aAAgB~~,~~GAAA~~,~~QAAA~~,~~CAAS,~~MAAM,~~KAAA~~,~~CAAM~~,~~YAAY~~,~~aAAa~~,CAAA,CAAA;~~AACpE~~,IAAA,MAAM,qBAAwB,GAAA,QAAA;AAAA,MAC5B,MAAM,MAAM,WAAY,CAAA,qBAAA;AAAA,KAC1B,CAAA;AAEA,IAAA,MAAM,mBAAsB,GAAA,QAAA;AAAA,MAC1B,MAAM,MAAM,WAAY,CAAA,mBAAA;AAAA,KAC1B,CAAA;AAEA,IAAM,MAAA,uBAAA,GAA0B,CAAC,YAA+B,KAAA;AAC9D,MAAA,IAAI,YAAa,CAAA,KAAA,KAAU,KAAM,CAAA,qBAAqB,CAAG,EAAA;AACvD,QAAA,OAAA;AAAA,OACF;AAEA,MAAM,KAAA,CAAA,WAAA,CAAY,wBAAyB,CAAA,YAAA,CAAa,KAAK,CAAA,CAAA;AAAA,KAC/D,CAAA;AAEA,IAAM,MAAA,uBAAA,GAA0B,CAAC,KAAA,EAAmB,QAAuB,KAAA;AACzE,MAAI,IAAA,CAAC,MAAM,UAAY,EAAA;AACrB,QAAA,OAAA;AAAA,OACF;AAEA,MAAA,KAAA,CAAM,cAAe,EAAA,CAAA;AACrB,MAAA,KAAA,CAAM,eAAgB,EAAA,CAAA;AAEtB,MAAA,KAAA,CAAM,QAAQ,QAAS,CAAA,IAAA,CAAA;AAAA,~~KACzB~~,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"material-list.vue2.js","sources":["../../../../src/components/material-list/material-list.vue"],"sourcesContent":["<template>\n <div class=\"mk-material-list\">\n <MaterialGroup :material-man=\"materialMan\" />\n <div class=\"mk-material-list__main\" v-loading=\"loading\">\n <div class=\"mk-material-list__header\">\n <div class=\"mk-material-list__header-left\">\n <div class=\"mk-material-list__types\">\n <div\n v-for=\"item of materialTypes\"\n :key=\"item.value\"\n :class=\"[\n 'mk-material-list__type',\n currentMaterialTypeId === item.value ? 'is-active' : '',\n ]\"\n @click=\"handleMaterialTypeClick(item)\"\n >\n {{ item.label }}\n </div>\n </div>\n </div>\n <div class=\"mk-material-list__header-right\">\n <template v-if=\"currentMaterialType\">\n {{ currentMaterialType.label }}大小不超过\n {{ currentMaterialType.limit }} M\n <MKUploadFile\n :upload=\"materialMan.upload\"\n :accept=\"currentMaterialType.accept\"\n >\n <ElButton type=\"primary\">\n 选择{{ currentMaterialType.label }}\n </ElButton>\n </MKUploadFile>\n </template>\n </div>\n </div>\n\n <div class=\"mk-material-list__body\">\n <ElScrollbar height=\"100%\">\n <div class=\"mk-material-list__wrapper\">\n <MaterialItem\n v-for=\"material of materialList\"\n :key=\"material.id\"\n :class=\"[\n 'mk-material-list__item',\n value === material.path ? 'is-current' : '',\n ]\"\n :material-table=\"materialTable\"\n :material=\"material\"\n @click.capture=\"handleMaterialItemClick($event, material)\"\n />\n </div>\n </ElScrollbar>\n <div class=\"mk-material-list__footer\">\n <ElPagination\n class=\"mk-data-table-pagination\"\n :background=\"true\"\n :pageSizes=\"unref(pageSizes)\"\n :currentPage=\"unref(currentPage)\"\n :pageSize=\"unref(pageSize)\"\n :total=\"unref(totalRecCount)\"\n layout=\"prev, pager, next\"\n @current-change=\"changeCurrentPage\"\n @size-change=\"changePageSize\"\n />\n </div>\n </div>\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, unref, watch } from \"vue\";\nimport { ElPagination } from \"element-plus\";\nimport { MKUploadFile } from \"../upload-file\";\nimport { MaterialType, Material } from \"../../dataview\";\nimport MaterialGroup from \"./material-group.vue\";\nimport MaterialItem from \"./material-item.vue\";\nimport { materialListProps, materialListEmits } from \"./material-list-options\";\n\ndefineOptions({ name: \"MKMaterialList\" });\n\nconst props = defineProps(materialListProps);\n\nconst emit = defineEmits(materialListEmits);\n\nprops.materialMan.init();\n\nconst loading = computed(() => props.materialMan.materialTable.loading);\n\nconst value = computed({\n get: () => {\n return props.selectable ? props.selectedPath ?? null : null;\n },\n set: (v) => {\n emit(\"update:selected-path\", v);\n },\n});\n\nconst materialTable = computed(() => props.materialMan.materialTable);\nconst pageSizes = computed(() => unref(materialTable).pageSizes);\nconst currentPage = computed({\n get: () => unref(materialTable).currentPage,\n set: (v) => {\n unref(materialTable).pageTo(v);\n },\n});\nconst pageSize = computed({\n get: () => unref(materialTable).pageSize,\n set: (v) => {\n unref(materialTable).setPageSize(v);\n },\n});\nconst totalRecCount = computed(() => unref(materialTable).totalRecCount);\nconst changeCurrentPage = (v: number) => {\n currentPage.value = v;\n};\nconst changePageSize = (v: number) => {\n pageSize.value = v;\n};\n\nconst materialList = computed(() => unref(materialTable).getList());\nconst materialTypes = computed(() => props.materialMan.getMaterialType());\nconst currentMaterialTypeId = computed(\n () => props.materialMan.currentMaterialTypeId\n);\n\nconst currentMaterialType = computed(\n () => props.materialMan.currentMaterialType\n);\n\nconst handleMaterialTypeClick = (materialType: MaterialType) => {\n if (materialType.value === unref(currentMaterialTypeId)) {\n return;\n }\n\n props.materialMan.setCurrentMaterialTypeId(materialType.value);\n};\n\nconst handleMaterialItemClick = (event: MouseEvent, material: Material) => {\n if (!props.selectable) {\n return;\n }\n\n event.preventDefault();\n event.stopPropagation();\n\n value.value = material.path;\n emit(\"selectedChange\", material);\n};\n</script>\n"],"names":[],"mappings":"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"}

package/dist/esm/components/material-select/material-select-api.js CHANGED Viewed

@@ -13,15 +13,17 @@ const showDialog = (options, appContext) => {
   return instance.proxy;
 };
 async function MaterialSelect(options, appContext) {
+  options?.allowMaterialTypeValues;
   return new Promise((resolve, reject) => {
     showDialog(
       {
         ...options,
-        onSelect: (path) => {
-          resolve({ success: true, data: path });
+        allowMaterialTypeValues: options?.allowMaterialTypeValues ?? ["1"],
+        onMaterialChange: (material) => {
+          resolve({ success: true, data: material, path: material.path });
         },
         onCancel: () => {
-          resolve({ success: false, data: "" });
+          resolve({ success: false, data: null, path: "" });
         }
       },
       appContext ?? MaterialSelect._context

package/dist/esm/components/material-select/material-select-api.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"material-select-api.js","sources":["../../../../src/components/material-select/material-select-api.ts"],"sourcesContent":["import { AppContext, createVNode, render } from \"vue\";\nimport MaterialSelectConstructor from \"./material-select\";\nimport type {\n IMKMaterialSelect,\n MKMaterialSelectOptions,\n} from \"./material-select-type\";\n\nconst initInstance = (\n props: any,\n container: HTMLElement,\n appContext: AppContext \| null = null\n) => {\n const vnode = createVNode(MaterialSelectConstructor, props);\n\n vnode.appContext = appContext;\n\n render(vnode, container);\n\n return vnode.component;\n};\n\nconst showDialog = (options: any, appContext?: AppContext \| null) => {\n const container = document.createElement(\"div\");\n\n const instance = initInstance(options, container, appContext)!;\n\n return instance.proxy;\n};\n\nasync function MaterialSelect(\n options?: MKMaterialSelectOptions,\n appContext?: AppContext\n) {\n return new Promise((resolve, reject) => {\n showDialog(\n {\n ...options,\n ~~onSelect~~: (~~path~~: ~~string~~) => {\n resolve({ success: true, data: path });\n },\n onCancel: () => {\n resolve({ success: false, data: \"\" });\n },\n },\n appContext ?? (MaterialSelect as unknown as IMKMaterialSelect)._context\n );\n });\n}\n\n(MaterialSelect as IMKMaterialSelect)._context = null;\n\nexport default MaterialSelect as IMKMaterialSelect;\n"],"names":[],"mappings":";;;~~AAOA~~,MAAM,YAAe,GAAA,CACnB,KACA,EAAA,SAAA,EACA,aAAgC,IAC7B,KAAA;AACH,EAAM,MAAA,KAAA,GAAQ,WAAY,CAAA,yBAAA,EAA2B,KAAK,CAAA,CAAA;AAE1D,EAAA,KAAA,CAAM,UAAa,GAAA,UAAA,CAAA;AAEnB,EAAA,MAAA,CAAO,OAAO,SAAS,CAAA,CAAA;AAEvB,EAAA,OAAO,KAAM,CAAA,SAAA,CAAA;AACf,CAAA,CAAA;AAEA,MAAM,UAAA,GAAa,CAAC,OAAA,EAAc,UAAmC,KAAA;AACnE,EAAM,MAAA,SAAA,GAAY,QAAS,CAAA,aAAA,CAAc,KAAK,CAAA,CAAA;AAE9C,EAAA,MAAM,QAAW,GAAA,YAAA,CAAa,OAAS,EAAA,SAAA,EAAW,UAAU,CAAA,CAAA;AAE5D,EAAA,OAAO,QAAS,CAAA,KAAA,CAAA;AAClB,CAAA,CAAA;AAEA,eAAe,cAAA,CACb,SACA,UACA,EAAA;AACA,EAAA,OAAO,IAAI,OAAA,CAAQ,CAAC,OAAA,EAAS,MAAW,KAAA;AACtC,IAAA,UAAA;AAAA,MACE;AAAA,QACE,GAAG,OAAA;AAAA,QACH,~~QAAA~~,~~EAAU~~,CAAC,~~IAAiB~~,KAAA;~~AAC1B~~,~~UAAA~~,OAAA,~~CAAQ~~,EAAE,~~OAAA~~,~~EAAS,~~IAAM,EAAA,IAAA,EAAM,MAAM,CAAA,CAAA;AAAA,~~SACvC~~;AAAA,QACA,UAAU,MAAM;AACd,UAAA,OAAA,CAAQ,EAAE,~~OAAA~~,~~EAAS~~,~~KAAO~~,EAAA,IAAA,EAAM,IAAI,CAAA,CAAA;AAAA,~~SACtC~~;AAAA,OACF;AAAA,MACA,cAAe,cAAgD,CAAA,QAAA;AAAA,KACjE,CAAA;AAAA,GACD,CAAA,CAAA;AACH,CAAA;AAEC,cAAA,CAAqC,QAAW,GAAA,IAAA;;;;"}
1	+ {"version":3,"file":"material-select-api.js","sources":["../../../../src/components/material-select/material-select-api.ts"],"sourcesContent":["import { AppContext, createVNode, render } from \"vue\";\nimport MaterialSelectConstructor from \"./material-select\";\nimport type {\n IMKMaterialSelect,\n MKMaterialSelectOptions,\n} from \"./material-select-type\";\nimport { Material } from \"../../dataview\";\n\nconst initInstance = (\n props: any,\n container: HTMLElement,\n appContext: AppContext \| null = null\n) => {\n const vnode = createVNode(MaterialSelectConstructor, props);\n\n vnode.appContext = appContext;\n\n render(vnode, container);\n\n return vnode.component;\n};\n\nconst showDialog = (options: any, appContext?: AppContext \| null) => {\n const container = document.createElement(\"div\");\n\n const instance = initInstance(options, container, appContext)!;\n\n return instance.proxy;\n};\n\nasync function MaterialSelect(\n options?: MKMaterialSelectOptions,\n appContext?: AppContext\n) {\n options?.allowMaterialTypeValues;\n return new Promise((resolve, reject) => {\n showDialog(\n {\n ...options,\n allowMaterialTypeValues: options?.allowMaterialTypeValues ?? [\"1\"],\n onMaterialChange: (material: Material) => {\n resolve({ success: true, data: material, path: material.path });\n },\n onCancel: () => {\n resolve({ success: false, data: null, path: \"\" });\n },\n },\n appContext ?? (MaterialSelect as unknown as IMKMaterialSelect)._context\n );\n });\n}\n\n(MaterialSelect as IMKMaterialSelect)._context = null;\n\nexport default MaterialSelect as IMKMaterialSelect;\n"],"names":[],"mappings":";;;AAQA,MAAM,YAAe,GAAA,CACnB,KACA,EAAA,SAAA,EACA,aAAgC,IAC7B,KAAA;AACH,EAAM,MAAA,KAAA,GAAQ,WAAY,CAAA,yBAAA,EAA2B,KAAK,CAAA,CAAA;AAE1D,EAAA,KAAA,CAAM,UAAa,GAAA,UAAA,CAAA;AAEnB,EAAA,MAAA,CAAO,OAAO,SAAS,CAAA,CAAA;AAEvB,EAAA,OAAO,KAAM,CAAA,SAAA,CAAA;AACf,CAAA,CAAA;AAEA,MAAM,UAAA,GAAa,CAAC,OAAA,EAAc,UAAmC,KAAA;AACnE,EAAM,MAAA,SAAA,GAAY,QAAS,CAAA,aAAA,CAAc,KAAK,CAAA,CAAA;AAE9C,EAAA,MAAM,QAAW,GAAA,YAAA,CAAa,OAAS,EAAA,SAAA,EAAW,UAAU,CAAA,CAAA;AAE5D,EAAA,OAAO,QAAS,CAAA,KAAA,CAAA;AAClB,CAAA,CAAA;AAEA,eAAe,cAAA,CACb,SACA,UACA,EAAA;AACA,EAAS,OAAA,EAAA,uBAAA,CAAA;AACT,EAAA,OAAO,IAAI,OAAA,CAAQ,CAAC,OAAA,EAAS,MAAW,KAAA;AACtC,IAAA,UAAA;AAAA,MACE;AAAA,QACE,GAAG,OAAA;AAAA,QACH,uBAAyB,EAAA,OAAA,EAAS,uBAA2B,IAAA,CAAC,GAAG,CAAA;AAAA,QACjE,gBAAA,EAAkB,CAAC,QAAuB,KAAA;AACxC,UAAQ,OAAA,CAAA,EAAE,SAAS,IAAM,EAAA,IAAA,EAAM,UAAU,IAAM,EAAA,QAAA,CAAS,MAAM,CAAA,CAAA;AAAA,SAChE;AAAA,QACA,UAAU,MAAM;AACd,UAAA,OAAA,CAAQ,EAAE,OAAS,EAAA,KAAA,EAAO,MAAM,IAAM,EAAA,IAAA,EAAM,IAAI,CAAA,CAAA;AAAA,SAClD;AAAA,OACF;AAAA,MACA,cAAe,cAAgD,CAAA,QAAA;AAAA,KACjE,CAAA;AAAA,GACD,CAAA,CAAA;AACH,CAAA;AAEC,cAAA,CAAqC,QAAW,GAAA,IAAA;;;;"}

package/dist/esm/components/material-select/material-select-options.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { ExtractPropTypes } from "vue";
-import { MaterialMan } from "../../dataview";
+import { Material, MaterialMan } from "../../dataview";
 export declare const materialSelectProps: {
     materialMan: {
         readonly type: import("vue").PropType<MaterialMan>;
@@ -13,9 +13,16 @@ export declare const materialSelectProps: {
         readonly validator: ((val: unknown) => boolean) | undefined;
         __mkPropKey: true;
     };
+    allowMaterialTypeValues: {
+        readonly type: import("vue").PropType<string[]>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
 };
 export type MaterialSelectProps = ExtractPropTypes<typeof materialSelectProps>;
 export declare const materialSelectEmits: {
+    materialChange: (material: Material) => boolean;
     "update:model-value": (path: any) => boolean;
     select: (path: any) => boolean;
     cancel: () => boolean;

package/dist/esm/components/material-select/material-select-options.js CHANGED Viewed

@@ -16,12 +16,20 @@ import '../../dataview/config/ConfigTable.js';
 import '../../dataview/material/MaterialForm.js';
 import '../../dataview/material/MaterialTable.js';
 import { MaterialMan } from '../../dataview/material/MaterialMan.js';
+import '../../dataview/ip-white-list/IPWhitelistForm.js';
+import '../../dataview/ip-white-list/IPWhitelistTable.js';
+import '../../dataview/deny-ip-access-list/DenyIPAccessListForm.js';
+import '../../dataview/deny-ip-access-list/DenyIPAccessListTable.js';
 const materialSelectProps = buildProps({
   materialMan: { type: MaterialMan },
-  modelValue: { type: String }
+  modelValue: { type: String },
+  allowMaterialTypeValues: {
+    type: Array
+  }
 });
 const materialSelectEmits = {
+  materialChange: (material) => true,
   "update:model-value": (path) => typeof path === "string",
   select: (path) => typeof path === "string",
   cancel: () => true

package/dist/esm/components/material-select/material-select-options.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"material-select-options.js","sources":["../../../../src/components/material-select/material-select-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { MaterialMan } from \"../../dataview\";\nimport { buildProps } from \"@maketribe/utils\";\n\nexport const materialSelectProps = buildProps({\n materialMan: { type: MaterialMan },\n modelValue: { type: String },\n});\n\nexport type MaterialSelectProps = ExtractPropTypes<typeof materialSelectProps>;\n\nexport const materialSelectEmits = {\n \"update:model-value\": (path: any) => typeof path === \"string\",\n select: (path: any) => typeof path === \"string\",\n cancel: () => true,\n};\n\nexport const MaterialSelectEmits = typeof materialSelectEmits;\n"],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;;;~~AAIO,MAAM,sBAAsB,UAAW,CAAA;AAAA,EAC5C,WAAA,EAAa,EAAE,IAAA,EAAM,WAAY,EAAA;AAAA,EACjC,UAAA,EAAY,EAAE,IAAA,EAAM,MAAO,EAAA;~~AAC7B~~,CAAC,EAAA;AAIM,MAAM,mBAAsB,GAAA;AAAA,EACjC,oBAAsB,EAAA,CAAC,IAAc,KAAA,OAAO,IAAS,KAAA,QAAA;AAAA,EACrD,MAAQ,EAAA,CAAC,IAAc,KAAA,OAAO,IAAS,KAAA,QAAA;AAAA,EACvC,QAAQ,MAAM,IAAA;AAChB,EAAA;AAEO,MAAM,sBAAsB,OAAO;;;;"}
1	+ {"version":3,"file":"material-select-options.js","sources":["../../../../src/components/material-select/material-select-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { Material, MaterialMan, MaterialType } from \"../../dataview\";\nimport { buildProps } from \"@maketribe/utils\";\n\nexport const materialSelectProps = buildProps({\n materialMan: { type: MaterialMan },\n modelValue: { type: String },\n allowMaterialTypeValues: {\n type: Array<MaterialType[\"value\"]>,\n },\n});\n\nexport type MaterialSelectProps = ExtractPropTypes<typeof materialSelectProps>;\n\nexport const materialSelectEmits = {\n materialChange: (material: Material) => true,\n \"update:model-value\": (path: any) => typeof path === \"string\",\n select: (path: any) => typeof path === \"string\",\n cancel: () => true,\n};\n\nexport const MaterialSelectEmits = typeof materialSelectEmits;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAIO,MAAM,sBAAsB,UAAW,CAAA;AAAA,EAC5C,WAAA,EAAa,EAAE,IAAA,EAAM,WAAY,EAAA;AAAA,EACjC,UAAA,EAAY,EAAE,IAAA,EAAM,MAAO,EAAA;AAAA,EAC3B,uBAAyB,EAAA;AAAA,IACvB,IAAM,EAAA,KAAA;AAAA,GACR;AACF,CAAC,EAAA;AAIM,MAAM,mBAAsB,GAAA;AAAA,EACjC,cAAA,EAAgB,CAAC,QAAuB,KAAA,IAAA;AAAA,EACxC,oBAAsB,EAAA,CAAC,IAAc,KAAA,OAAO,IAAS,KAAA,QAAA;AAAA,EACrD,MAAQ,EAAA,CAAC,IAAc,KAAA,OAAO,IAAS,KAAA,QAAA;AAAA,EACvC,QAAQ,MAAM,IAAA;AAChB,EAAA;AAEO,MAAM,sBAAsB,OAAO;;;;"}

package/dist/esm/components/material-select/material-select-type.d.ts CHANGED Viewed

@@ -1,12 +1,14 @@
-import { MaterialMan } from "../../dataview";
+import { Material, MaterialMan, MaterialType } from "../../dataview";
 import type { AppContext } from "vue";
 export interface MKMaterialSelectOptions {
     materialMan?: MaterialMan;
+    allowMaterialTypeValues: MaterialType["value"][];
 }
 export interface IMKMaterialSelect {
     (options?: MKMaterialSelectOptions, appContext?: AppContext): Promise<{
         success: boolean;
-        data: string;
+        data: Material | null;
+        path: string;
     }>;
     _context: AppContext | null;
 }

package/dist/esm/components/material-select/material-select.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { MaterialMan } from "../../dataview";
+import { Material, MaterialMan } from "../../dataview";
 declare const _default: import("vue").DefineComponent<{
     materialMan: {
         readonly type: import("vue").PropType<MaterialMan>;
@@ -12,7 +12,14 @@ declare const _default: import("vue").DefineComponent<{
         readonly validator: ((val: unknown) => boolean) | undefined;
         __mkPropKey: true;
     };
+    allowMaterialTypeValues: {
+        readonly type: import("vue").PropType<string[]>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    materialChange: (material: Material) => boolean;
     "update:model-value": (path: any) => boolean;
     select: (path: any) => boolean;
     cancel: () => boolean;
@@ -29,9 +36,16 @@ declare const _default: import("vue").DefineComponent<{
         readonly validator: ((val: unknown) => boolean) | undefined;
         __mkPropKey: true;
     };
+    allowMaterialTypeValues: {
+        readonly type: import("vue").PropType<string[]>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
 }>> & {
     onSelect?: ((path: any) => any) | undefined;
     "onUpdate:model-value"?: ((path: any) => any) | undefined;
     onCancel?: (() => any) | undefined;
+    onMaterialChange?: ((material: Material) => any) | undefined;
 }, {}, {}>;
 export default _default;

package/dist/esm/components/material-select/material-select.js CHANGED Viewed

@@ -24,6 +24,10 @@ import '../../dataview/config/ConfigTable.js';
 import '../../dataview/material/MaterialForm.js';
 import '../../dataview/material/MaterialTable.js';
 import { MaterialMan } from '../../dataview/material/MaterialMan.js';
+import '../../dataview/ip-white-list/IPWhitelistForm.js';
+import '../../dataview/ip-white-list/IPWhitelistTable.js';
+import '../../dataview/deny-ip-access-list/DenyIPAccessListForm.js';
+import '../../dataview/deny-ip-access-list/DenyIPAccessListTable.js';
 import { useHttpRequest } from '../../composables/use-http-request.js';
 var MaterialSelectConstructor = /* @__PURE__ */ defineComponent({
@@ -38,16 +42,23 @@ var MaterialSelectConstructor = /* @__PURE__ */ defineComponent({
       httpRequest: useHttpRequest() || void 0
     }));
     const selectedPath = ref("");
+    const selectedMaterial = ref(null);
     const visible = ref(true);
     watch(computed(() => props.modelValue), (modelValue) => {
       selectedPath.value = modelValue || "";
     }, {
       immediate: true
     });
+    watch(computed(() => props.allowMaterialTypeValues), (allowMaterialTypeValues) => {
+      materialMan.setAllowAccessMaterialTypeValues(allowMaterialTypeValues ?? []);
+    }, {
+      immediate: true
+    });
     const handleConfirmClick = () => {
       visible.value = false;
       emit("update:model-value", unref(selectedPath));
       emit("select", unref(selectedPath));
+      emit("materialChange", unref(selectedMaterial));
     };
     const handleCancelClick = () => {
       visible.value = false;
@@ -67,8 +78,9 @@ var MaterialSelectConstructor = /* @__PURE__ */ defineComponent({
       }, {
         default: () => [createVNode(MaterialList, {
           "selectedPath": unref(selectedPath),
-          "onUpdate:selected-path": (v) => {
-            selectedPath.value = v;
+          "onSelectedChange": (material) => {
+            selectedPath.value = material.path;
+            selectedMaterial.value = material;
           },
           "class": "mk-material-select__list",
           "materialMan": materialMan,

package/dist/esm/components/material-select/material-select.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"material-select.js","sources":["../../../../src/components/material-select/material-select.tsx"],"sourcesContent":["import {\n Ref,\n computed,\n defineComponent,\n reactive,\n ref,\n unref,\n watch,\n} from \"vue\";\nimport { ElDialog, ElButton } from \"element-plus\";\nimport MaterialList from \"../material-list/material-list.vue\";\nimport {\n materialSelectEmits,\n materialSelectProps,\n} from \"./material-select-options\";\nimport { MaterialComponents } from \"../../core\";\nimport { MaterialMan } from \"../../dataview\";\nimport { useHttpRequest } from \"../../composables/use-http-request\";\n\nexport default defineComponent({\n name: \"MKMaterialSelect\",\n props: materialSelectProps,\n emits: materialSelectEmits,\n setup(props, { emit }) {\n const materialMan =\n props.materialMan ??\n (reactive(\n new MaterialMan({\n components: new MaterialComponents(),\n httpRequest: useHttpRequest() \|\| undefined,\n })\n ) as MaterialMan);\n\n const selectedPath = ref(\"\");\n const visible: Ref<boolean> = ref(true);\n\n watch(\n computed(() => props.modelValue),\n (modelValue) => {\n selectedPath.value = modelValue \|\| \"\";\n },\n { immediate: true }\n );\n\n const handleConfirmClick = () => {\n visible.value = false;\n emit(\"update:model-value\", unref(selectedPath));\n emit(\"select\", unref(selectedPath));\n };\n\n const handleCancelClick = () => {\n visible.value = false;\n emit(\"cancel\");\n };\n\n return () => {\n return (\n <ElDialog\n width=\"70%\"\n modelValue={unref(visible)}\n onUpdate:modelValue={(v: boolean) => {\n visible.value = v;\n }}\n destroyOnClose\n appendToBody\n showClose={false}\n modal-class=\"mk-material-select\"\n v-slots={{\n footer: () => {\n return (\n <span class=\"mk-material-select__footer\">\n <ElButton type=\"primary\" onClick={handleConfirmClick}>\n 确定\n </ElButton>\n <ElButton onClick={handleCancelClick}>取消</ElButton>\n </span>\n );\n },\n }}\n >\n <MaterialList\n selectedPath={unref(selectedPath)}\n ~~onUpdate:selected-path~~={(v: ~~string~~) => {\n selectedPath.value = v;\n }}\n class=\"mk-material-select__list\"\n materialMan={materialMan}\n selectable={true}\n />\n </ElDialog>\n );\n };\n },\n});\n"],"names":["name","props","materialSelectProps","emits","materialSelectEmits","setup","emit","materialMan","reactive","MaterialMan","components","MaterialComponents","httpRequest","useHttpRequest","undefined","selectedPath","ref","visible","watch","computed","modelValue","value","immediate","handleConfirmClick","unref","handleCancelClick","_createVNode","ElDialog","v","default","MaterialList","footer","ElButton","_createTextVNode"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAmBA,gDAA+B,eAAA,CAAA;AAAA,EAC7BA,IAAM,EAAA,kBAAA;AAAA,EACNC,KAAOC,EAAAA,mBAAAA;AAAAA,EACPC,KAAOC,EAAAA,mBAAAA;AAAAA,EACPC,MAAMJ,KAAO,EAAA;AAAA,IAAEK,IAAAA;AAAAA,GAAQ,EAAA;AACrB,IAAA,MAAMC,WACJN,GAAAA,KAAAA,CAAMM,WACLC,IAAAA,QAAAA,CACC,IAAIC,WAAY,CAAA;AAAA,MACdC,UAAAA,EAAY,IAAIC,kBAAmB,EAAA;AAAA,MACnCC,WAAAA,EAAaC,gBAAoBC,IAAAA,KAAAA,CAAAA;AAAAA,KAClC,CACH,CAAA,CAAA;AAEF,IAAMC,MAAAA,YAAAA,GAAeC,IAAI,EAAE,CAAA,CAAA;AAC3B,IAAMC,MAAAA,OAAAA,~~GAAwBD~~,IAAI,IAAI,CAAA,CAAA;~~AAEtCE~~,IAAAA,KAAAA,CACEC,QAAS,CAAA,~~MAAMlB~~,~~KAAMmB~~,CAAAA,UAAU,GAC9BA,CAAe,UAAA,KAAA;~~AACdL~~,MAAAA,YAAAA,~~CAAaM~~,QAAQD,UAAc,IAAA,EAAA,CAAA;AAAA,KAErC,EAAA;AAAA,MAAEE,SAAW,EAAA,IAAA;AAAA,KACf,CAAA,CAAA;AAEA,IAAA,~~MAAMC~~,qBAAqBA,MAAM;AAC/BN,MAAAA,OAAAA,CAAQI,KAAQ,GAAA,KAAA,CAAA;~~AAChBf~~,MAAK,IAAA,CAAA,oBAAA,~~EAAsBkB~~,~~KAAMT~~,CAAAA,YAAY,CAAC,CAAA,CAAA;AAC9CT,MAAK,IAAA,CAAA,QAAA,~~EAAUkB~~,~~KAAMT~~,CAAAA,YAAY,CAAC,CAAA,CAAA;AAAA,~~KACpC~~,CAAA;AAEA,IAAA,~~MAAMU~~,oBAAoBA,MAAM;~~AAC9BR~~,MAAAA,OAAAA,CAAQI,KAAQ,GAAA,KAAA,CAAA;~~AAChBf~~,MAAAA,IAAAA,CAAK,QAAQ,CAAA,CAAA;AAAA,KACf,CAAA;AAEA,IAAA,OAAO,MAAM;AACX,MAAA,~~OAAAoB~~,YAAAC,QAAA,EAAA;AAAA,QAAA,OAAA,EAAA,KAAA;AAAA,QAAA,YAAA,EAGgBH,~~MAAMP~~,OAAO,CAAA;AAAA,QAAC,~~uBACJW~~,CAAe,CAAA,KAAA;~~AACnCX~~,UAAAA,OAAAA,CAAQI,~~KAAQO~~,GAAAA,CAAAA,CAAAA;AAAAA,SAClB;AAAA,QAAC,gBAAA,EAAA,IAAA;AAAA,QAAA,cAAA,EAAA,IAAA;AAAA,QAAA,WAGU,EAAA,KAAA;AAAA,QAAK,aAAA,EAAA,oBAAA;AAAA,OAAA,EAAA;AAAA,QAAAC,OAAAA,EAAAA,MAAAH,CAAAA,WAAAA,CAAAI,YAAA,EAAA;AAAA,UAAA,cAAA,EAgBAN,~~MAAMT~~,YAAY,CAAA;AAAA,UAAC,~~0BACRa~~,~~CAAc~~,~~CAAA~~,KAAA;~~AACrCb~~,YAAAA,YAAAA,~~CAAaM~~,~~KAAQO~~,~~GAAAA~~,CAAAA,CAAAA;AAAAA,~~WACvB~~;AAAA,UAAC,OAAA,EAAA,0BAAA;AAAA,UAAA,~~aAEYrB~~,EAAAA,WAAAA;AAAAA,UAAW,YACZ,EAAA,IAAA;AAAA,SAAI,EAAA,IAAA,CAAA,CAAA;AAAA,~~QAnBhBwB~~,QAAQA,MAAM;AACZ,UAAA,~~OAAAL~~,YAAA,MAAA,EAAA;AAAA,YAAA,OAAA,EAAA,4BAAA;AAAA,WAAA,EAAAA,CAAAA,WAAAA,~~CAAAM~~,QAAA,EAAA;AAAA,YAAA,MAAA,EAAA,SAAA;AAAA,YAAA,~~SAEsCT~~,EAAAA,kBAAAA;AAAAA,WAAkB,EAAA;AAAA,YAAAM,OAAAA,EAAAA,MAAA,~~CAAAI~~,eAAAA,CAAA,cAAA,CAAA,CAAA;AAAA,~~WAAAP~~,CAAAA,EAAAA,WAAAA,~~CAAAM~~,QAAA,EAAA;AAAA,YAAA,~~SAGjCP~~,EAAAA,iBAAAA;AAAAA,WAAiB,EAAA;AAAA,YAAAI,OAAAA,EAAAA,MAAA,~~CAAAI~~,eAAAA,CAAA,cAAA,CAAA,CAAA;AAAA,WAAA,CAAA,CAAA,CAAA,CAAA;AAAA,SAG1C;AAAA,OAAC,CAAA,CAAA;AAAA,~~KAcT~~,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}
1	+ {"version":3,"file":"material-select.js","sources":["../../../../src/components/material-select/material-select.tsx"],"sourcesContent":["import {\n Ref,\n computed,\n defineComponent,\n reactive,\n ref,\n unref,\n watch,\n} from \"vue\";\nimport { ElDialog, ElButton } from \"element-plus\";\nimport MaterialList from \"../material-list/material-list.vue\";\nimport {\n materialSelectEmits,\n materialSelectProps,\n} from \"./material-select-options\";\nimport { MaterialComponents } from \"../../core\";\nimport { Material, MaterialMan } from \"../../dataview\";\nimport { useHttpRequest } from \"../../composables/use-http-request\";\n\nexport default defineComponent({\n name: \"MKMaterialSelect\",\n props: materialSelectProps,\n emits: materialSelectEmits,\n setup(props, { emit }) {\n const materialMan =\n props.materialMan ??\n (reactive(\n new MaterialMan({\n components: new MaterialComponents(),\n httpRequest: useHttpRequest() \|\| undefined,\n })\n ) as MaterialMan);\n\n const selectedPath = ref(\"\");\n const selectedMaterial: Ref<Material \| null> = ref(null);\n const visible: Ref<boolean> = ref(true);\n\n watch(\n computed(() => props.modelValue),\n (modelValue) => {\n selectedPath.value = modelValue \|\| \"\";\n },\n { immediate: true }\n );\n\n watch(\n computed(() => props.allowMaterialTypeValues),\n (allowMaterialTypeValues) => {\n materialMan.setAllowAccessMaterialTypeValues(\n allowMaterialTypeValues ?? []\n );\n },\n { immediate: true }\n );\n\n const handleConfirmClick = () => {\n visible.value = false;\n emit(\"update:model-value\", unref(selectedPath));\n emit(\"select\", unref(selectedPath));\n emit(\"materialChange\", unref(selectedMaterial)!);\n };\n\n const handleCancelClick = () => {\n visible.value = false;\n emit(\"cancel\");\n };\n\n return () => {\n return (\n <ElDialog\n width=\"70%\"\n modelValue={unref(visible)}\n onUpdate:modelValue={(v: boolean) => {\n visible.value = v;\n }}\n destroyOnClose\n appendToBody\n showClose={false}\n modal-class=\"mk-material-select\"\n v-slots={{\n footer: () => {\n return (\n <span class=\"mk-material-select__footer\">\n <ElButton type=\"primary\" onClick={handleConfirmClick}>\n 确定\n </ElButton>\n <ElButton onClick={handleCancelClick}>取消</ElButton>\n </span>\n );\n },\n }}\n >\n <MaterialList\n selectedPath={unref(selectedPath)}\n onSelectedChange={(material: Material) => {\n selectedPath.value = material.path;\n selectedMaterial.value = material;\n }}\n class=\"mk-material-select__list\"\n materialMan={materialMan}\n selectable={true}\n />\n </ElDialog>\n );\n };\n },\n});\n"],"names":["name","props","materialSelectProps","emits","materialSelectEmits","setup","emit","materialMan","reactive","MaterialMan","components","MaterialComponents","httpRequest","useHttpRequest","undefined","selectedPath","ref","selectedMaterial","visible","watch","computed","modelValue","value","immediate","allowMaterialTypeValues","setAllowAccessMaterialTypeValues","handleConfirmClick","unref","handleCancelClick","_createVNode","ElDialog","v","default","MaterialList","material","path","footer","ElButton","_createTextVNode"],"mappings":"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"}

package/dist/esm/components/member-table/member-table.vue2.js CHANGED Viewed

@@ -29,6 +29,10 @@ import '../../dataview/config/ConfigForm.js';
 import '../../dataview/config/ConfigTable.js';
 import '../../dataview/material/MaterialForm.js';
 import '../../dataview/material/MaterialTable.js';
+import '../../dataview/ip-white-list/IPWhitelistForm.js';
+import '../../dataview/ip-white-list/IPWhitelistTable.js';
+import '../../dataview/deny-ip-access-list/DenyIPAccessListForm.js';
+import '../../dataview/deny-ip-access-list/DenyIPAccessListTable.js';
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "member-table",

package/dist/esm/components/member-table/member-table.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"member-table.vue2.js","sources":["../../../../src/components/member-table/member-table.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { Group } from \"@maketribe/request\";\nimport {\n WhereFilter,\n FormColumn,\n DataForm,\n DataSource,\n Messager,\n Dialoger,\n} from \"@maketribe/dm\";\nimport { MKDataTablePage, MKDataForm } from \"../data-model\";\nimport { useHttpRequest } from \"../../composables\";\nimport {\n MemberTable,\n MemberForm,\n RoleTable,\n DepartmentTable,\n} from \"../../dataview\";\nimport { ElDialog } from \"element-plus\";\nimport { reactive, ref, watch } from \"vue\";\nconst emit = defineEmits([\"add-record\", \"edit-record\"]);\nconst httpRequest = useHttpRequest();\nconst memberTable = reactive(new MemberTable()) as MemberTable;\nconst memberForm = reactive(\n new (class extends MemberForm {\n constructor() {\n super();\n }\n protected async initialize() {\n this.setColumns([\n new FormColumn({ name: \"id\", label: \"id\" }),\n new FormColumn({\n name: \"approveResult\",\n label: \"是否通过\",\n defaultValue: \"0\",\n componentInfo: \"MKFormRadioBox\",\n required: true,\n componentProps: {\n options: {\n type: DataSource.DATA,\n value: [\n { label: \"通过\", value: \"1\" },\n { label: \"不通过\", value: \"0\" },\n ],\n },\n },\n }),\n new FormColumn({\n name: \"roles\",\n label: \"角色\",\n defaultValue: null,\n componentInfo: \"MKFormDataTableSelect\",\n componentProps: {\n multiple: true,\n labelFieldName: \"name\",\n dataTable: new RoleTable(),\n },\n }),\n new FormColumn({\n name: \"depts\",\n label: \"部门\",\n defaultValue: null,\n componentInfo: \"MKFormDataTableSelect\",\n componentProps: {\n multiple: true,\n labelFieldName: \"name\",\n dataTable: new DepartmentTable(),\n },\n }),\n new FormColumn({ name: \"memo\", label: \"备注\" }),\n ]);\n }\n formatSubmitData(data: any) {\n const { roles, depts, ...rest } = data;\n const rolesArr = roles?.map((item: any) => {\n return { roleId: item };\n });\n const deptsArr = depts?.map((item: any) => {\n return { deptId: item };\n });\n return { ...rest, roles: rolesArr, depts: deptsArr };\n }\n })()\n) as DataForm;\nmemberForm.init();\nconst memberDialogVisible = ref(false);\nconst group = new Group();\nconst changeValue = ref(2);\nconst editId = ref(null);\nconst where = (memberTable.dataFilter as WhereFilter).getWhere();\nconst dialogLoading = ref(false);\nwhere.addCondition(group);\n\nconst validateHandel = async (v: any) => {\n memberTable.getLoadingManager().startLoading();\n await memberForm.editRecord(v.id);\n memberTable.getLoadingManager().completeLoading();\n editId.value = v.id;\n memberDialogVisible.value = true;\n};\n\nconst confirmHandle = async () => {\n dialogLoading.value = true;\n const result = await httpRequest?.post(\n \"/api/dv/ms-member/apply/account/approve\",\n { ...memberForm.formatSubmitData(memberForm.data), id: editId.value }\n );\n dialogLoading.value = false;\n if (result?.data.code != 200) {\n Messager.instance.error(result?.data.msg \|\| \"请求失败\");\n return;\n }\n memberDialogVisible.value = false;\n Messager.instance.success({\n message: \"激活通过，密码已发送到邮箱\",\n });\n memberTable.load();\n};\n\nconst deleteHandle = async (row: any) => {\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\n await memberTable.deleteRecordAfterRefresh(row[memberTable.primaryKey]);\n};\n\nconst resetPasswordHandle = async (row: any) => {\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 memberTable.getLoadingManager().startLoading();\n\n const result = await memberTable.httpRequest.post(\n `/api/dv/ms-member/${row.id}/password/reset`\n );\n memberTable.getLoadingManager().completeLoading();\n\n if (result.data.code !== 200) {\n Messager.instance.error({\n message: result.data.msg \|\| \"重置密码失败\",\n });\n } else {\n const res = await Dialoger.instance.confirm({\n title: \"重置密码成功\",\n message: `你的新密码为${result.data.data}`,\n type: \"warning\",\n cancelButtonText: \"取消\",\n confirmButtonText: \"复制\",\n });\n if (!res) {\n return;\n }\n navigator.clipboard.writeText(result.data.data);\n Messager.instance.success({ message: \"复制成功\" });\n }\n};\n\nwatch(changeValue, () => {\n group.clear();\n group.addCondition(\"valid\", \"not in\", `(${changeValue.value})`);\n memberTable.load();\n});\n</script>\n<template>\n <MKDataTablePage :data-table=\"memberTable\" @add-record=\"emit('add-record')\">\n <template #headerLeft>\n <ElSelect v-model=\"changeValue\">\n <ElOption :value=\"2\" label=\"全部\"></ElOption>\n <ElOption :value=\"0\" label=\"已通过\"></ElOption>\n <ElOption :value=\"1\" label=\"待通过\"></ElOption>\n </ElSelect>\n </template>\n\n <template #table-col-$action-content=\"{ row }\">\n <ElButton\n link\n type=\"primary\"\n v-if=\"row.valid == 0\"\n @click=\"validateHandel(row)\"\n >激活用户</ElButton\n >\n <ElButton\n link\n type=\"primary\"\n v-if=\"row.valid == 1\"\n @click=\"resetPasswordHandle(row)\"\n >重置密码</ElButton\n >\n <ElButton\n link\n type=\"primary\"\n @click=\"emit('edit-record', row)\"\n v-if=\"row.valid == 1\"\n >编辑</ElButton\n >\n <ElButton link type=\"danger\" @click=\"deleteHandle(row)\">删除</ElButton>\n </template>\n </MKDataTablePage>\n <ElDialog v-model=\"memberDialogVisible\" class=\"dialogClass\">\n <MKDataForm :data-form=\"memberForm\" v-loading=\"dialogLoading\" />\n <template #footer>\n <ElButton @click=\"confirmHandle\" type=\"primary\">确定</ElButton>\n </template>\n </ElDialog>\n</template>\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"member-table.vue2.js","sources":["../../../../src/components/member-table/member-table.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { Group } from \"@maketribe/request\";\nimport {\n WhereFilter,\n FormColumn,\n DataForm,\n DataSource,\n Messager,\n Dialoger,\n} from \"@maketribe/dm\";\nimport { MKDataTablePage, MKDataForm } from \"../data-model\";\nimport { useHttpRequest } from \"../../composables\";\nimport {\n MemberTable,\n MemberForm,\n RoleTable,\n DepartmentTable,\n} from \"../../dataview\";\nimport { ElDialog } from \"element-plus\";\nimport { reactive, ref, watch } from \"vue\";\nconst emit = defineEmits([\"add-record\", \"edit-record\"]);\nconst httpRequest = useHttpRequest();\nconst memberTable = reactive(new MemberTable()) as MemberTable;\nconst memberForm = reactive(\n new (class extends MemberForm {\n constructor() {\n super();\n }\n protected async initialize() {\n this.setColumns([\n new FormColumn({ name: \"id\", label: \"id\" }),\n new FormColumn({\n name: \"approveResult\",\n label: \"是否通过\",\n defaultValue: \"0\",\n componentInfo: \"MKFormRadioBox\",\n required: true,\n componentProps: {\n options: {\n type: DataSource.DATA,\n value: [\n { label: \"通过\", value: \"1\" },\n { label: \"不通过\", value: \"0\" },\n ],\n },\n },\n }),\n new FormColumn({\n name: \"roles\",\n label: \"角色\",\n defaultValue: null,\n componentInfo: \"MKFormDataTableSelect\",\n componentProps: {\n multiple: true,\n labelFieldName: \"name\",\n dataTable: new RoleTable(),\n },\n }),\n new FormColumn({\n name: \"depts\",\n label: \"部门\",\n defaultValue: null,\n componentInfo: \"MKFormDataTableSelect\",\n componentProps: {\n multiple: true,\n labelFieldName: \"name\",\n dataTable: new DepartmentTable(),\n },\n }),\n new FormColumn({ name: \"memo\", label: \"备注\" }),\n ]);\n }\n formatSubmitData(data: any) {\n const { roles, depts, ...rest } = data;\n const rolesArr = roles?.map((item: any) => {\n return { roleId: item };\n });\n const deptsArr = depts?.map((item: any) => {\n return { deptId: item };\n });\n return { ...rest, roles: rolesArr, depts: deptsArr };\n }\n })()\n) as DataForm;\nmemberForm.init();\nconst memberDialogVisible = ref(false);\nconst group = new Group();\nconst changeValue = ref(2);\nconst editId = ref(null);\nconst where = (memberTable.dataFilter as WhereFilter).getWhere();\nconst dialogLoading = ref(false);\nwhere.addCondition(group);\n\nconst validateHandel = async (v: any) => {\n memberTable.getLoadingManager().startLoading();\n await memberForm.editRecord(v.id);\n memberTable.getLoadingManager().completeLoading();\n editId.value = v.id;\n memberDialogVisible.value = true;\n};\n\nconst confirmHandle = async () => {\n dialogLoading.value = true;\n const result = await httpRequest?.post(\n \"/api/dv/ms-member/apply/account/approve\",\n { ...memberForm.formatSubmitData(memberForm.data), id: editId.value }\n );\n dialogLoading.value = false;\n if (result?.data.code != 200) {\n Messager.instance.error(result?.data.msg \|\| \"请求失败\");\n return;\n }\n memberDialogVisible.value = false;\n Messager.instance.success({\n message: \"激活通过，密码已发送到邮箱\",\n });\n memberTable.load();\n};\n\nconst deleteHandle = async (row: any) => {\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\n await memberTable.deleteRecordAfterRefresh(row[memberTable.primaryKey]);\n};\n\nconst resetPasswordHandle = async (row: any) => {\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 memberTable.getLoadingManager().startLoading();\n\n const result = await memberTable.httpRequest.post(\n `/api/dv/ms-member/${row.id}/password/reset`\n );\n memberTable.getLoadingManager().completeLoading();\n\n if (result.data.code !== 200) {\n Messager.instance.error({\n message: result.data.msg \|\| \"重置密码失败\",\n });\n } else {\n const res = await Dialoger.instance.confirm({\n title: \"重置密码成功\",\n message: `你的新密码为${result.data.data}`,\n type: \"warning\",\n cancelButtonText: \"取消\",\n confirmButtonText: \"复制\",\n });\n if (!res) {\n return;\n }\n navigator.clipboard.writeText(result.data.data);\n Messager.instance.success({ message: \"复制成功\" });\n }\n};\n\nwatch(changeValue, () => {\n group.clear();\n group.addCondition(\"valid\", \"not in\", `(${changeValue.value})`);\n memberTable.load();\n});\n</script>\n<template>\n <MKDataTablePage :data-table=\"memberTable\" @add-record=\"emit('add-record')\">\n <template #headerLeft>\n <ElSelect v-model=\"changeValue\">\n <ElOption :value=\"2\" label=\"全部\"></ElOption>\n <ElOption :value=\"0\" label=\"已通过\"></ElOption>\n <ElOption :value=\"1\" label=\"待通过\"></ElOption>\n </ElSelect>\n </template>\n\n <template #table-col-$action-content=\"{ row }\">\n <ElButton\n link\n type=\"primary\"\n v-if=\"row.valid == 0\"\n @click=\"validateHandel(row)\"\n >激活用户</ElButton\n >\n <ElButton\n link\n type=\"primary\"\n v-if=\"row.valid == 1\"\n @click=\"resetPasswordHandle(row)\"\n >重置密码</ElButton\n >\n <ElButton\n link\n type=\"primary\"\n @click=\"emit('edit-record', row)\"\n v-if=\"row.valid == 1\"\n >编辑</ElButton\n >\n <ElButton link type=\"danger\" @click=\"deleteHandle(row)\">删除</ElButton>\n </template>\n </MKDataTablePage>\n <ElDialog v-model=\"memberDialogVisible\" class=\"dialogClass\">\n <MKDataForm :data-form=\"memberForm\" v-loading=\"dialogLoading\" />\n <template #footer>\n <ElButton @click=\"confirmHandle\" type=\"primary\">确定</ElButton>\n </template>\n </ElDialog>\n</template>\n"],"names":[],"mappings":"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"}

package/dist/esm/components/menu-permission-table/menu-permission-table.vue2.js CHANGED Viewed

@@ -18,6 +18,10 @@ import '../../dataview/config/ConfigForm.js';
 import '../../dataview/config/ConfigTable.js';
 import '../../dataview/material/MaterialForm.js';
 import '../../dataview/material/MaterialTable.js';
+import '../../dataview/ip-white-list/IPWhitelistForm.js';
+import '../../dataview/ip-white-list/IPWhitelistTable.js';
+import '../../dataview/deny-ip-access-list/DenyIPAccessListForm.js';
+import '../../dataview/deny-ip-access-list/DenyIPAccessListTable.js';
 import '../data-model/data-form/index.js';
 import { MKDataFormPage } from '../data-model/data-form-page/index.js';
 import '../data-model/data-table/index.js';

package/dist/esm/components/menu-permission-table/menu-permission-table.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"menu-permission-table.vue2.js","sources":["../../../../src/components/menu-permission-table/menu-permission-table.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { Ref, reactive, ref, unref } from \"vue\";\nimport { ElMessage, ElCard } from \"element-plus\";\nimport { MenuTree, MenuForm, MenuNodeItem } from \"../../dataview\";\nimport { MKDataTree, MKDataTablePage, MKDataFormPage } from \"../data-model\";\n\nconst treeEl: Ref<any> = ref(null);\n\nconst menuTree = reactive(new MenuTree()) as MenuTree;\nconst menuForm = reactive(new MenuForm()) as MenuForm;\n\nconst isShowPermissionPointDefineFormDialog = ref(false);\nconst isShowMenuFormDialog = ref(false);\n\nconst handlePermissionClick = (data: MenuNodeItem) => {\n unref(menuTree).toPermissionPointDefine(data);\n};\n\nconst handleAddRecord = () => {\n isShowPermissionPointDefineFormDialog.value = true;\n};\n\nconst handleEditRecord = () => {\n isShowPermissionPointDefineFormDialog.value = true;\n};\n\nconst handleSubmitted = () => {\n isShowPermissionPointDefineFormDialog.value = false;\n};\n\nconst handleCancl = () => {\n isShowPermissionPointDefineFormDialog.value = false;\n};\n\nconst handleMenuEditRecord = ({ item }: { item: MenuNodeItem }) => {\n menuForm.editRecord(item);\n isShowMenuFormDialog.value = true;\n};\n\nconst handleMenuAddRecord = () => {\n menuForm.addRecord();\n isShowMenuFormDialog.value = true;\n};\n\nconst handleMenuAddChildrenRecord = async (data: any) => {\n menuForm.addRecord({\n pid: data.id,\n id: \"\",\n title: \"\",\n iconName: \"\",\n routeId: \"\",\n });\n isShowMenuFormDialog.value = true;\n};\n\nconst handleMenuSubmitted = (result: any) => {\n if (result.data.code != 200) {\n ElMessage.error(result.data?.msg \|\| \"添加失败\");\n return;\n }\n isShowMenuFormDialog.value = false;\n};\n\nconst handleMenuCancel = () => {\n isShowMenuFormDialog.value = false;\n};\n</script>\n\n<template>\n <div class=\"mk-menu-permission\">\n <ElCard class=\"mk-menu-permission__menu\">\n <template #header>\n <div class=\"header-box\">\n <div class=\"header-box-main\">菜单</div>\n <div class=\"header-box-tools\">\n <ElButton @click=\"handleMenuAddRecord\" type=\"primary\"\n >添加</ElButton\n >\n </div>\n </div>\n </template>\n <ElScrollbar height=\"100%\">\n <MKDataTree\n ref=\"treeEl\"\n :data-table=\"menuTree\"\n :data-form=\"menuForm\"\n style=\"padding: 0 10px\"\n @edit-record=\"handleMenuEditRecord\"\n >\n <template #node-tools-prefix=\"{ data }\">\n <ElButton\n v-if=\"!data.children.length\"\n link\n @click=\"handlePermissionClick(data)\"\n >\n 权限\n </ElButton>\n <ElButton\n link\n type=\"primary\"\n @click=\"handleMenuAddChildrenRecord(data)\"\n >\n 新增\n </ElButton>\n </template>\n </MKDataTree>\n </ElScrollbar>\n </ElCard>\n <div class=\"mk-menu-permission__permission\">\n <MKDataTablePage\n v-if=\"menuTree.currentMenuId\"\n class=\"mk-menu-permission__permission-table\"\n :data-table=\"menuTree.permissionPointDefineTable\"\n @add-record=\"handleAddRecord\"\n @edit-record=\"handleEditRecord\"\n />\n </div>\n </div>\n\n <ElDialog\n v-model=\"isShowMenuFormDialog\"\n width=\"70%\"\n appendToBody\n class=\"dataFormPageDialog\"\n >\n <MKDataFormPage\n v-if=\"isShowMenuFormDialog\"\n :data-form=\"menuForm\"\n @cancel=\"handleMenuCancel\"\n @submitted=\"handleMenuSubmitted\"\n />\n </ElDialog>\n\n <ElDialog\n v-model=\"isShowPermissionPointDefineFormDialog\"\n width=\"70%\"\n appendToBody\n class=\"dataFormPageDialog\"\n >\n <MKDataFormPage\n v-if=\"isShowPermissionPointDefineFormDialog\"\n :data-form=\"menuTree.permissionPointDefineForm\"\n @cancel=\"handleCancl\"\n @submitted=\"handleSubmitted\"\n />\n </ElDialog>\n</template>\n"],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAMA,IAAM,MAAA,MAAA,GAAmB,IAAI,IAAI,CAAA,CAAA;AAEjC,IAAA,MAAM,QAAW,GAAA,QAAA,CAAS,IAAI,QAAA,EAAU,CAAA,CAAA;AACxC,IAAA,MAAM,QAAW,GAAA,QAAA,CAAS,IAAI,QAAA,EAAU,CAAA,CAAA;AAExC,IAAM,MAAA,qCAAA,GAAwC,IAAI,KAAK,CAAA,CAAA;AACvD,IAAM,MAAA,oBAAA,GAAuB,IAAI,KAAK,CAAA,CAAA;AAEtC,IAAM,MAAA,qBAAA,GAAwB,CAAC,IAAuB,KAAA;AACpD,MAAM,KAAA,CAAA,QAAQ,CAAE,CAAA,uBAAA,CAAwB,IAAI,CAAA,CAAA;AAAA,KAC9C,CAAA;AAEA,IAAA,MAAM,kBAAkB,MAAM;AAC5B,MAAA,qCAAA,CAAsC,KAAQ,GAAA,IAAA,CAAA;AAAA,KAChD,CAAA;AAEA,IAAA,MAAM,mBAAmB,MAAM;AAC7B,MAAA,qCAAA,CAAsC,KAAQ,GAAA,IAAA,CAAA;AAAA,KAChD,CAAA;AAEA,IAAA,MAAM,kBAAkB,MAAM;AAC5B,MAAA,qCAAA,CAAsC,KAAQ,GAAA,KAAA,CAAA;AAAA,KAChD,CAAA;AAEA,IAAA,MAAM,cAAc,MAAM;AACxB,MAAA,qCAAA,CAAsC,KAAQ,GAAA,KAAA,CAAA;AAAA,KAChD,CAAA;AAEA,IAAA,MAAM,oBAAuB,GAAA,CAAC,EAAE,IAAA,EAAmC,KAAA;AACjE,MAAA,QAAA,CAAS,WAAW,IAAI,CAAA,CAAA;AACxB,MAAA,oBAAA,CAAqB,KAAQ,GAAA,IAAA,CAAA;AAAA,KAC/B,CAAA;AAEA,IAAA,MAAM,sBAAsB,MAAM;AAChC,MAAA,QAAA,CAAS,SAAU,EAAA,CAAA;AACnB,MAAA,oBAAA,CAAqB,KAAQ,GAAA,IAAA,CAAA;AAAA,KAC/B,CAAA;AAEA,IAAM,MAAA,2BAAA,GAA8B,OAAO,IAAc,KAAA;AACvD,MAAA,QAAA,CAAS,SAAU,CAAA;AAAA,QACjB,KAAK,IAAK,CAAA,EAAA;AAAA,QACV,EAAI,EAAA,EAAA;AAAA,QACJ,KAAO,EAAA,EAAA;AAAA,QACP,QAAU,EAAA,EAAA;AAAA,QACV,OAAS,EAAA,EAAA;AAAA,OACV,CAAA,CAAA;AACD,MAAA,oBAAA,CAAqB,KAAQ,GAAA,IAAA,CAAA;AAAA,KAC/B,CAAA;AAEA,IAAM,MAAA,mBAAA,GAAsB,CAAC,MAAgB,KAAA;AAC3C,MAAI,IAAA,MAAA,CAAO,IAAK,CAAA,IAAA,IAAQ,GAAK,EAAA;AAC3B,QAAA,SAAA,CAAU,KAAM,CAAA,MAAA,CAAO,IAAM,EAAA,GAAA,IAAO,0BAAM,CAAA,CAAA;AAC1C,QAAA,OAAA;AAAA,OACF;AACA,MAAA,oBAAA,CAAqB,KAAQ,GAAA,KAAA,CAAA;AAAA,KAC/B,CAAA;AAEA,IAAA,MAAM,mBAAmB,MAAM;AAC7B,MAAA,oBAAA,CAAqB,KAAQ,GAAA,KAAA,CAAA;AAAA,KAC/B,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"menu-permission-table.vue2.js","sources":["../../../../src/components/menu-permission-table/menu-permission-table.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { Ref, reactive, ref, unref } from \"vue\";\nimport { ElMessage, ElCard } from \"element-plus\";\nimport { MenuTree, MenuForm, MenuNodeItem } from \"../../dataview\";\nimport { MKDataTree, MKDataTablePage, MKDataFormPage } from \"../data-model\";\n\nconst treeEl: Ref<any> = ref(null);\n\nconst menuTree = reactive(new MenuTree()) as MenuTree;\nconst menuForm = reactive(new MenuForm()) as MenuForm;\n\nconst isShowPermissionPointDefineFormDialog = ref(false);\nconst isShowMenuFormDialog = ref(false);\n\nconst handlePermissionClick = (data: MenuNodeItem) => {\n unref(menuTree).toPermissionPointDefine(data);\n};\n\nconst handleAddRecord = () => {\n isShowPermissionPointDefineFormDialog.value = true;\n};\n\nconst handleEditRecord = () => {\n isShowPermissionPointDefineFormDialog.value = true;\n};\n\nconst handleSubmitted = () => {\n isShowPermissionPointDefineFormDialog.value = false;\n};\n\nconst handleCancl = () => {\n isShowPermissionPointDefineFormDialog.value = false;\n};\n\nconst handleMenuEditRecord = ({ item }: { item: MenuNodeItem }) => {\n menuForm.editRecord(item);\n isShowMenuFormDialog.value = true;\n};\n\nconst handleMenuAddRecord = () => {\n menuForm.addRecord();\n isShowMenuFormDialog.value = true;\n};\n\nconst handleMenuAddChildrenRecord = async (data: any) => {\n menuForm.addRecord({\n pid: data.id,\n id: \"\",\n title: \"\",\n iconName: \"\",\n routeId: \"\",\n });\n isShowMenuFormDialog.value = true;\n};\n\nconst handleMenuSubmitted = (result: any) => {\n if (result.data.code != 200) {\n ElMessage.error(result.data?.msg \|\| \"添加失败\");\n return;\n }\n isShowMenuFormDialog.value = false;\n};\n\nconst handleMenuCancel = () => {\n isShowMenuFormDialog.value = false;\n};\n</script>\n\n<template>\n <div class=\"mk-menu-permission\">\n <ElCard class=\"mk-menu-permission__menu\">\n <template #header>\n <div class=\"header-box\">\n <div class=\"header-box-main\">菜单</div>\n <div class=\"header-box-tools\">\n <ElButton @click=\"handleMenuAddRecord\" type=\"primary\"\n >添加</ElButton\n >\n </div>\n </div>\n </template>\n <ElScrollbar height=\"100%\">\n <MKDataTree\n ref=\"treeEl\"\n :data-table=\"menuTree\"\n :data-form=\"menuForm\"\n style=\"padding: 0 10px\"\n @edit-record=\"handleMenuEditRecord\"\n >\n <template #node-tools-prefix=\"{ data }\">\n <ElButton\n v-if=\"!data.children.length\"\n link\n @click=\"handlePermissionClick(data)\"\n >\n 权限\n </ElButton>\n <ElButton\n link\n type=\"primary\"\n @click=\"handleMenuAddChildrenRecord(data)\"\n >\n 新增\n </ElButton>\n </template>\n </MKDataTree>\n </ElScrollbar>\n </ElCard>\n <div class=\"mk-menu-permission__permission\">\n <MKDataTablePage\n v-if=\"menuTree.currentMenuId\"\n class=\"mk-menu-permission__permission-table\"\n :data-table=\"menuTree.permissionPointDefineTable\"\n @add-record=\"handleAddRecord\"\n @edit-record=\"handleEditRecord\"\n />\n </div>\n </div>\n\n <ElDialog\n v-model=\"isShowMenuFormDialog\"\n width=\"70%\"\n appendToBody\n class=\"dataFormPageDialog\"\n >\n <MKDataFormPage\n v-if=\"isShowMenuFormDialog\"\n :data-form=\"menuForm\"\n @cancel=\"handleMenuCancel\"\n @submitted=\"handleMenuSubmitted\"\n />\n </ElDialog>\n\n <ElDialog\n v-model=\"isShowPermissionPointDefineFormDialog\"\n width=\"70%\"\n appendToBody\n class=\"dataFormPageDialog\"\n >\n <MKDataFormPage\n v-if=\"isShowPermissionPointDefineFormDialog\"\n :data-form=\"menuTree.permissionPointDefineForm\"\n @cancel=\"handleCancl\"\n @submitted=\"handleSubmitted\"\n />\n </ElDialog>\n</template>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,IAAM,MAAA,MAAA,GAAmB,IAAI,IAAI,CAAA,CAAA;AAEjC,IAAA,MAAM,QAAW,GAAA,QAAA,CAAS,IAAI,QAAA,EAAU,CAAA,CAAA;AACxC,IAAA,MAAM,QAAW,GAAA,QAAA,CAAS,IAAI,QAAA,EAAU,CAAA,CAAA;AAExC,IAAM,MAAA,qCAAA,GAAwC,IAAI,KAAK,CAAA,CAAA;AACvD,IAAM,MAAA,oBAAA,GAAuB,IAAI,KAAK,CAAA,CAAA;AAEtC,IAAM,MAAA,qBAAA,GAAwB,CAAC,IAAuB,KAAA;AACpD,MAAM,KAAA,CAAA,QAAQ,CAAE,CAAA,uBAAA,CAAwB,IAAI,CAAA,CAAA;AAAA,KAC9C,CAAA;AAEA,IAAA,MAAM,kBAAkB,MAAM;AAC5B,MAAA,qCAAA,CAAsC,KAAQ,GAAA,IAAA,CAAA;AAAA,KAChD,CAAA;AAEA,IAAA,MAAM,mBAAmB,MAAM;AAC7B,MAAA,qCAAA,CAAsC,KAAQ,GAAA,IAAA,CAAA;AAAA,KAChD,CAAA;AAEA,IAAA,MAAM,kBAAkB,MAAM;AAC5B,MAAA,qCAAA,CAAsC,KAAQ,GAAA,KAAA,CAAA;AAAA,KAChD,CAAA;AAEA,IAAA,MAAM,cAAc,MAAM;AACxB,MAAA,qCAAA,CAAsC,KAAQ,GAAA,KAAA,CAAA;AAAA,KAChD,CAAA;AAEA,IAAA,MAAM,oBAAuB,GAAA,CAAC,EAAE,IAAA,EAAmC,KAAA;AACjE,MAAA,QAAA,CAAS,WAAW,IAAI,CAAA,CAAA;AACxB,MAAA,oBAAA,CAAqB,KAAQ,GAAA,IAAA,CAAA;AAAA,KAC/B,CAAA;AAEA,IAAA,MAAM,sBAAsB,MAAM;AAChC,MAAA,QAAA,CAAS,SAAU,EAAA,CAAA;AACnB,MAAA,oBAAA,CAAqB,KAAQ,GAAA,IAAA,CAAA;AAAA,KAC/B,CAAA;AAEA,IAAM,MAAA,2BAAA,GAA8B,OAAO,IAAc,KAAA;AACvD,MAAA,QAAA,CAAS,SAAU,CAAA;AAAA,QACjB,KAAK,IAAK,CAAA,EAAA;AAAA,QACV,EAAI,EAAA,EAAA;AAAA,QACJ,KAAO,EAAA,EAAA;AAAA,QACP,QAAU,EAAA,EAAA;AAAA,QACV,OAAS,EAAA,EAAA;AAAA,OACV,CAAA,CAAA;AACD,MAAA,oBAAA,CAAqB,KAAQ,GAAA,IAAA,CAAA;AAAA,KAC/B,CAAA;AAEA,IAAM,MAAA,mBAAA,GAAsB,CAAC,MAAgB,KAAA;AAC3C,MAAI,IAAA,MAAA,CAAO,IAAK,CAAA,IAAA,IAAQ,GAAK,EAAA;AAC3B,QAAA,SAAA,CAAU,KAAM,CAAA,MAAA,CAAO,IAAM,EAAA,GAAA,IAAO,0BAAM,CAAA,CAAA;AAC1C,QAAA,OAAA;AAAA,OACF;AACA,MAAA,oBAAA,CAAqB,KAAQ,GAAA,KAAA,CAAA;AAAA,KAC/B,CAAA;AAEA,IAAA,MAAM,mBAAmB,MAAM;AAC7B,MAAA,oBAAA,CAAqB,KAAQ,GAAA,KAAA,CAAA;AAAA,KAC/B,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/components/rich-text-editor/rich-text-editor.d.ts CHANGED Viewed

@@ -1,7 +1,8 @@
+import "tinymce/skins/ui/oxide/content.js";
+import "tinymce/skins/content/default/content.js";
 import "tinymce/themes/silver/theme.min.js";
 import "tinymce/models/dom/model.min.js";
 import "tinymce/icons/default/icons.min.js";
-import "tinymce/skins/ui/oxide/content.js";
 import "tinymce/skins/ui/oxide/skin.js";
 import "tinymce/plugins/link";
 import "tinymce/plugins/table";

package/dist/esm/components/rich-text-editor/rich-text-editor.js CHANGED Viewed

@@ -1,10 +1,11 @@
 import { defineComponent, ref, onMounted, unref, watch, computed, onBeforeUnmount, createVNode } from 'vue';
 import { MKMaterialSelect } from '../material-select/index.js';
 import TinyMCE from '../../node_modules/.pnpm/tinymce@6.8.0/node_modules/tinymce/tinymce.js';
+import '../../node_modules/.pnpm/tinymce@6.8.0/node_modules/tinymce/skins/ui/oxide/content.js';
+import '../../node_modules/.pnpm/tinymce@6.8.0/node_modules/tinymce/skins/content/default/content.js';
 import '../../node_modules/.pnpm/tinymce@6.8.0/node_modules/tinymce/themes/silver/theme.min.js';
 import '../../node_modules/.pnpm/tinymce@6.8.0/node_modules/tinymce/models/dom/model.min.js';
 import '../../node_modules/.pnpm/tinymce@6.8.0/node_modules/tinymce/icons/default/icons.min.js';
-import '../../node_modules/.pnpm/tinymce@6.8.0/node_modules/tinymce/skins/ui/oxide/content.js';
 import '../../node_modules/.pnpm/tinymce@6.8.0/node_modules/tinymce/skins/ui/oxide/skin.js';
 import '../../node_modules/.pnpm/tinymce@6.8.0/node_modules/tinymce/plugins/link/plugin.js';
 import '../../node_modules/.pnpm/tinymce@6.8.0/node_modules/tinymce/plugins/table/plugin.js';
@@ -27,6 +28,7 @@ var RichTextEditor = /* @__PURE__ */ defineComponent({
         plugins: ["link", "table", "fullscreen"],
         branding: false,
         menubar: false,
+        content_css: "ui/default/content.css",
         toolbar: "undo redo | bold italic underline strikethrough | alignleft aligncenter alignright | outdent indent | link | material | table | hr | removeformat | fullscreen",
         language: "zh-Hans",
         setup: (editor) => {
@@ -37,7 +39,7 @@ var RichTextEditor = /* @__PURE__ */ defineComponent({
               if (!response.success) {
                 return;
               }
-              editor.insertContent(`<img src="${response.data}" alt="">`);
+              editor.insertContent(`<img src="${response.path}" alt="${response.data.id}">`);
             }
           });
           editor.on("paste", (event) => {

package/dist/esm/components/rich-text-editor/rich-text-editor.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"rich-text-editor.js","sources":["../../../../src/components/rich-text-editor/rich-text-editor.tsx"],"sourcesContent":["import {\n Ref,\n computed,\n defineComponent,\n onBeforeUnmount,\n onMounted,\n ref,\n unref,\n watch,\n} from \"vue\";\nimport { MKMaterialSelect } from \"../material-select\";\nimport TinyMCE from \"tinymce\";\nimport \"tinymce/~~themes~~/~~silver~~/~~theme~~.~~min.~~js\";\nimport \"tinymce/~~models~~/~~dom~~/~~model~~.~~min.~~js\";\nimport \"tinymce/~~icons~~/~~default~~/~~icons~~.min.js\";\nimport \"tinymce/~~skins~~/ui/~~oxide/content~~.js\";\nimport \"tinymce/~~skins~~/ui/~~oxide/skin~~.js\";\~~n//~~ ~~import~~ \"tinymce/~~plugins~~/~~image~~\";\nimport \"tinymce/plugins/link\";\nimport \"tinymce/plugins/table\";\nimport \"tinymce/plugins/fullscreen\";\nimport \"./langs/zh-Hans.js\";\nimport {\n richTextEditorEmits,\n richTextEditorProps,\n} from \"./rich-text-editor-options\";\n\nexport default defineComponent({\n name: \"MKRichTextEditor\",\n props: richTextEditorProps,\n emits: richTextEditorEmits,\n setup(props, { emit }) {\n const richTextEditorEl: Ref<HTMLElement \| null> = ref(null);\n\n onMounted(async () => {\n const tinymceInstance = await TinyMCE.init({\n target: unref(richTextEditorEl)!,\n promotion: false,\n plugins: [\"link\", \"table\", \"fullscreen\"],\n branding: false,\n menubar: false,\n toolbar:\n \"undo redo \| bold italic underline strikethrough \| alignleft aligncenter alignright \| outdent indent \| link \| material \| table \| hr \| removeformat \| fullscreen\",\n language: \"zh-Hans\",\n setup: (editor) => {\n editor.ui.registry.addButton(\"material\", {\n icon: \"image\",\n onAction: async () => {\n const response = await MKMaterialSelect();\n\n if (!response.success) {\n return;\n }\n\n editor.insertContent(`<img src=\"${response.~~data~~}\" alt=\"\">`);\n },\n });\n\n editor.on(\"paste\", (event) => {\n console.log(event);\n });\n\n editor.on(\"change input undo redo\", () => {\n emit(\"update:model-value\", editor.getContent());\n });\n },\n });\n\n watch(\n computed(() => props.modelValue),\n (modelValue) => {\n for (const instance of tinymceInstance) {\n if (instance.getContent() !== modelValue) {\n instance.setContent(modelValue);\n }\n }\n },\n { immediate: true }\n );\n\n watch(\n computed(() => props.disabled),\n (disabled) => {\n for (const instance of tinymceInstance) {\n instance.mode.set(disabled ? \"readonly\" : \"design\");\n }\n },\n { immediate: true }\n );\n\n onBeforeUnmount(() => {\n for (const instance of tinymceInstance) {\n instance.destroy();\n }\n });\n });\n\n return () => {\n return (\n <div class=\"mk-rich-text-editor\">\n <div\n class=\"mk-rich-text-editor__wrapper\"\n ref={((el: HTMLElement) => (richTextEditorEl.value = el)) as any}\n />\n </div>\n );\n };\n },\n});\n"],"names":["name","props","richTextEditorProps","emits","richTextEditorEmits","setup","emit","richTextEditorEl","ref","onMounted","tinymceInstance","TinyMCE","init","target","unref","promotion","plugins","branding","menubar","toolbar","language","editor","ui","registry","addButton","icon","onAction","response","MKMaterialSelect","success","insertContent","data","on","event","console","log","getContent","watch","computed","modelValue","instance","setContent","immediate","disabled","mode","set","onBeforeUnmount","destroy","_createVNode","el","value"],"mappings":"~~;;;;;;;;;;;;;;~~AA2BA,qCAA+B,eAAA,CAAA;AAAA,EAC7BA,IAAM,EAAA,kBAAA;AAAA,EACNC,KAAOC,EAAAA,mBAAAA;AAAAA,EACPC,KAAOC,EAAAA,mBAAAA;AAAAA,EACPC,MAAMJ,KAAO,EAAA;AAAA,IAAEK,IAAAA;AAAAA,GAAQ,EAAA;AACrB,IAAMC,MAAAA,gBAAAA,GAA4CC,IAAI,IAAI,CAAA,CAAA;AAE1DC,IAAAA,SAAAA,CAAU,YAAY;AACpB,MAAMC,MAAAA,eAAAA,GAAkB,MAAMC,OAAAA,CAAQC,IAAK,CAAA;AAAA,QACzCC,MAAAA,EAAQC,MAAMP,gBAAgB,CAAA;AAAA,QAC9BQ,SAAW,EAAA,KAAA;AAAA,QACXC,OAAS,EAAA,CAAC,MAAQ,EAAA,OAAA,EAAS,YAAY,CAAA;AAAA,QACvCC,QAAU,EAAA,KAAA;AAAA,QACVC,OAAS,EAAA,KAAA;AAAA,QACTC,OACE,EAAA,gKAAA;AAAA,QACFC,QAAU,EAAA,SAAA;AAAA,~~QACVf~~,~~OAAQgB~~,CAAW,MAAA,KAAA;AACjBA,UAAOC,MAAAA,CAAAA,EAAAA,CAAGC,QAASC,CAAAA,SAAAA,CAAU,UAAY,EAAA;AAAA,YACvCC,IAAM,EAAA,OAAA;AAAA,YACNC,UAAU,YAAY;AACpB,cAAMC,MAAAA,QAAAA,GAAW,MAAMC,gBAAiB,EAAA,CAAA;AAExC,cAAI,IAAA,CAACD,SAASE,OAAS,EAAA;AACrB,gBAAA,OAAA;AAAA,eACF;AAEAR,~~cAAAA~~,MAAAA,~~CAAOS~~,~~aAAe~~,~~CAAA~~,~~CAAA~~,~~UAAA,EAAYH,~~QAASI,CAAAA,IAAK,~~CAAU~~,~~SAAA~~,CAAA,CAAA,CAAA;AAAA,~~aAC5D~~;AAAA,WACD,CAAA,CAAA;~~AAEDV~~,~~UAAOW~~,MAAAA,CAAAA,EAAAA,CAAG,SAAUC,CAAU,KAAA,KAAA;AAC5BC,YAAAA,OAAAA,CAAQC,IAAIF,KAAK,CAAA,CAAA;AAAA,WAClB,CAAA,CAAA;~~AAEDZ~~,~~UAAOW~~,MAAAA,CAAAA,EAAAA,CAAG,0BAA0B,MAAM;~~AACxC1B~~,YAAK,IAAA,CAAA,oBAAA,~~EAAsBe~~,~~MAAOe~~,CAAAA,UAAAA,EAAY,CAAA,CAAA;AAAA,WAC/C,CAAA,CAAA;AAAA,SACH;AAAA,OACD,CAAA,CAAA;AAEDC,MAAAA,KAAAA,CACEC,QAAS,CAAA,~~MAAMrC~~,~~KAAMsC~~,CAAAA,UAAU,GAC9BA,CAAe,UAAA,KAAA;AACd,QAAA,KAAA,MAAWC,~~YAAY9B~~,eAAiB,EAAA;AACtC,~~UAAI8B~~,IAAAA,QAAAA,CAASJ,UAAW,EAAA,KAAMG,UAAY,EAAA;AACxCC,YAAAA,QAAAA,CAASC,WAAWF,UAAU,CAAA,CAAA;AAAA,WAChC;AAAA,SACF;AAAA,OAEF,EAAA;AAAA,QAAEG,SAAW,EAAA,IAAA;AAAA,OACf,CAAA,CAAA;AAEAL,MAAAA,KAAAA,CACEC,QAAS,CAAA,~~MAAMrC~~,~~KAAM0C~~,CAAAA,QAAQ,GAC5BA,CAAa,QAAA,KAAA;AACZ,QAAA,KAAA,MAAWH,~~YAAY9B~~,eAAiB,EAAA;~~AACtC8B~~,UAAAA,QAAAA,CAASI,IAAKC,CAAAA,GAAAA,CAAIF,QAAW,GAAA,UAAA,GAAa,QAAQ,CAAA,CAAA;AAAA,SACpD;AAAA,OAEF,EAAA;AAAA,QAAED,SAAW,EAAA,IAAA;AAAA,OACf,CAAA,CAAA;AAEAI,MAAAA,eAAAA,CAAgB,MAAM;AACpB,QAAA,KAAA,MAAWN,~~YAAY9B~~,eAAiB,EAAA;~~AACtC8B~~,UAAAA,QAAAA,CAASO,OAAQ,EAAA,CAAA;AAAA,SACnB;AAAA,OACD,CAAA,CAAA;AAAA,KACF,CAAA,CAAA;AAED,IAAA,OAAO,MAAM;AACX,MAAA,OAAAC,YAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,qBAAA;AAAA,OAAA,EAAA,CAAAA,WAAAA,CAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,8BAAA;AAAA,QAAA,KAAA,EAIaC,~~CAAqB1C~~,EAAAA,KAAAA,gBAAAA,~~CAAiB2C~~,KAAQD,GAAAA,EAAAA;AAAAA,OAAG,EAAA,IAAA,CAAA,CAAA,CAAA,CAAA;AAAA,KAIhE,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}
1	+ {"version":3,"file":"rich-text-editor.js","sources":["../../../../src/components/rich-text-editor/rich-text-editor.tsx"],"sourcesContent":["import {\n Ref,\n computed,\n defineComponent,\n onBeforeUnmount,\n onMounted,\n ref,\n unref,\n watch,\n} from \"vue\";\nimport { MKMaterialSelect } from \"../material-select\";\nimport TinyMCE from \"tinymce\";\nimport \"tinymce/skins/ui/oxide/content.js\";\nimport \"tinymce/skins/content/default/content.js\";\nimport \"tinymce/themes/silver/theme.min.js\";\nimport \"tinymce/models/dom/model.min.js\";\nimport \"tinymce/icons/default/icons.min.js\";\nimport \"tinymce/skins/ui/oxide/skin.js\";\nimport \"tinymce/plugins/link\";\nimport \"tinymce/plugins/table\";\nimport \"tinymce/plugins/fullscreen\";\nimport \"./langs/zh-Hans.js\";\nimport {\n richTextEditorEmits,\n richTextEditorProps,\n} from \"./rich-text-editor-options\";\n\nexport default defineComponent({\n name: \"MKRichTextEditor\",\n props: richTextEditorProps,\n emits: richTextEditorEmits,\n setup(props, { emit }) {\n const richTextEditorEl: Ref<HTMLElement \| null> = ref(null);\n\n onMounted(async () => {\n const tinymceInstance = await TinyMCE.init({\n target: unref(richTextEditorEl)!,\n promotion: false,\n plugins: [\"link\", \"table\", \"fullscreen\"],\n branding: false,\n menubar: false,\n content_css: \"ui/default/content.css\",\n toolbar:\n \"undo redo \| bold italic underline strikethrough \| alignleft aligncenter alignright \| outdent indent \| link \| material \| table \| hr \| removeformat \| fullscreen\",\n language: \"zh-Hans\",\n setup: (editor) => {\n editor.ui.registry.addButton(\"material\", {\n icon: \"image\",\n onAction: async () => {\n const response = await MKMaterialSelect();\n\n if (!response.success) {\n return;\n }\n\n editor.insertContent(\n `<img src=\"${response.path}\" alt=\"${response.data!.id}\">`\n );\n },\n });\n\n editor.on(\"paste\", (event) => {\n console.log(event);\n });\n\n editor.on(\"change input undo redo\", () => {\n emit(\"update:model-value\", editor.getContent());\n });\n },\n });\n\n watch(\n computed(() => props.modelValue),\n (modelValue) => {\n for (const instance of tinymceInstance) {\n if (instance.getContent() !== modelValue) {\n instance.setContent(modelValue);\n }\n }\n },\n { immediate: true }\n );\n\n watch(\n computed(() => props.disabled),\n (disabled) => {\n for (const instance of tinymceInstance) {\n instance.mode.set(disabled ? \"readonly\" : \"design\");\n }\n },\n { immediate: true }\n );\n\n onBeforeUnmount(() => {\n for (const instance of tinymceInstance) {\n instance.destroy();\n }\n });\n });\n\n return () => {\n return (\n <div class=\"mk-rich-text-editor\">\n <div\n class=\"mk-rich-text-editor__wrapper\"\n ref={((el: HTMLElement) => (richTextEditorEl.value = el)) as any}\n />\n </div>\n );\n };\n },\n});\n"],"names":["name","props","richTextEditorProps","emits","richTextEditorEmits","setup","emit","richTextEditorEl","ref","onMounted","tinymceInstance","TinyMCE","init","target","unref","promotion","plugins","branding","menubar","content_css","toolbar","language","editor","ui","registry","addButton","icon","onAction","response","MKMaterialSelect","success","insertContent","path","data","id","on","event","console","log","getContent","watch","computed","modelValue","instance","setContent","immediate","disabled","mode","set","onBeforeUnmount","destroy","_createVNode","el","value"],"mappings":"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"}

package/dist/esm/components/role-permission-config/role-permission-config-options.js CHANGED Viewed

@@ -15,6 +15,10 @@ import '../../dataview/config/ConfigForm.js';
 import '../../dataview/config/ConfigTable.js';
 import '../../dataview/material/MaterialForm.js';
 import '../../dataview/material/MaterialTable.js';
+import '../../dataview/ip-white-list/IPWhitelistForm.js';
+import '../../dataview/ip-white-list/IPWhitelistTable.js';
+import '../../dataview/deny-ip-access-list/DenyIPAccessListForm.js';
+import '../../dataview/deny-ip-access-list/DenyIPAccessListTable.js';
 import { buildProps } from '@maketribe/utils';
 const rolePermissionConfigProps = buildProps({

package/dist/esm/components/role-permission-config/role-permission-config-options.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"role-permission-config-options.js","sources":["../../../../src/components/role-permission-config/role-permission-config-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { RolePermissionConfigTable } from \"../../dataview\";\nimport { buildProps } from \"@maketribe/utils\";\n\nexport const rolePermissionConfigProps = buildProps({\n rolePermissionConfigTable: {\n type: RolePermissionConfigTable,\n required: true,\n },\n} as const);\n\nexport type RolePermissionConfigProps = ExtractPropTypes<\n typeof rolePermissionConfigProps\n>;\n\nexport const rolePermissionConfigEmits = {\n roleChange: (id: any) => true,\n};\n\nexport type RolePermissionConfigEmits = typeof rolePermissionConfigEmits;\n"],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;;;~~AAIO,MAAM,4BAA4B,UAAW,CAAA;AAAA,EAClD,yBAA2B,EAAA;AAAA,IACzB,IAAM,EAAA,yBAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AACF,CAAU,EAAA;AAMH,MAAM,yBAA4B,GAAA;AAAA,EACvC,UAAA,EAAY,CAAC,EAAY,KAAA,IAAA;AAC3B;;;;"}
1	+ {"version":3,"file":"role-permission-config-options.js","sources":["../../../../src/components/role-permission-config/role-permission-config-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { RolePermissionConfigTable } from \"../../dataview\";\nimport { buildProps } from \"@maketribe/utils\";\n\nexport const rolePermissionConfigProps = buildProps({\n rolePermissionConfigTable: {\n type: RolePermissionConfigTable,\n required: true,\n },\n} as const);\n\nexport type RolePermissionConfigProps = ExtractPropTypes<\n typeof rolePermissionConfigProps\n>;\n\nexport const rolePermissionConfigEmits = {\n roleChange: (id: any) => true,\n};\n\nexport type RolePermissionConfigEmits = typeof rolePermissionConfigEmits;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAIO,MAAM,4BAA4B,UAAW,CAAA;AAAA,EAClD,yBAA2B,EAAA;AAAA,IACzB,IAAM,EAAA,yBAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AACF,CAAU,EAAA;AAMH,MAAM,yBAA4B,GAAA;AAAA,EACvC,UAAA,EAAY,CAAC,EAAY,KAAA,IAAA;AAC3B;;;;"}

package/dist/esm/components/verify-dialog/index.d.ts CHANGED Viewed

@@ -14,7 +14,7 @@ export declare const MKVerifyDialog: import("@maketribe/utils").SFCWithInstall<i
     readonly width: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, "300px", boolean>;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:visible": (modelValue: any) => boolean;
-    verifySuccessful: (modelValue: any) => boolean;
+    confirm: (modelValue: any) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly visible: {
         readonly type: import("vue").PropType<import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>>;
@@ -31,7 +31,7 @@ export declare const MKVerifyDialog: import("@maketribe/utils").SFCWithInstall<i
     readonly width: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, "300px", boolean>;
 }>> & {
     "onUpdate:visible"?: ((modelValue: any) => any) | undefined;
-    onVerifySuccessful?: ((modelValue: any) => any) | undefined;
+    onConfirm?: ((modelValue: any) => any) | undefined;
 }, {
     readonly width: string;
 }, {}>> & Record<string, any>;

package/dist/esm/components/verify-dialog/verify-dialog-option.d.ts CHANGED Viewed

@@ -16,6 +16,6 @@ export declare const verifyDialogProps: {
 };
 export declare const verifyDialogEmits: {
     "update:visible": (modelValue: any) => boolean;
-    verifySuccessful: (modelValue: any) => boolean;
+    confirm: (modelValue: any) => boolean;
 };
 export type VerifyDialogProps = ExtractPropTypes<typeof verifyDialogEmits>;

package/dist/esm/components/verify-dialog/verify-dialog-option.js CHANGED Viewed

@@ -16,7 +16,7 @@ const verifyDialogProps = buildProps({
 });
 const verifyDialogEmits = {
   "update:visible": (modelValue) => true,
-  verifySuccessful: (modelValue) => true
+  confirm: (modelValue) => true
 };
 export { verifyDialogEmits, verifyDialogProps };

package/dist/esm/components/verify-dialog/verify-dialog-option.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"verify-dialog-option.js","sources":["../../../../src/components/verify-dialog/verify-dialog-option.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\n\nexport const verifyDialogProps = buildProps({\n visible: {\n type: Boolean,\n required: true,\n },\n scene: {\n type: String,\n required: true,\n },\n width: {\n type: String,\n default: \"300px\",\n },\n} as const);\n\nexport const verifyDialogEmits = {\n \"update:visible\": (modelValue: any) => true,\n ~~verifySuccessful~~: (modelValue: any) => true,\n};\nexport type VerifyDialogProps = ExtractPropTypes<typeof verifyDialogEmits>;\n"],"names":[],"mappings":";;AAGO,MAAM,oBAAoB,UAAW,CAAA;AAAA,EAC1C,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,OAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EACA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EACA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,OAAA;AAAA,GACX;AACF,CAAU,EAAA;AAEH,MAAM,iBAAoB,GAAA;AAAA,EAC/B,gBAAA,EAAkB,CAAC,UAAoB,KAAA,IAAA;AAAA,~~EACvC~~,~~gBAAA~~,~~EAAkB~~,CAAC,UAAoB,KAAA,IAAA;~~AACzC~~;;;;"}
1	+ {"version":3,"file":"verify-dialog-option.js","sources":["../../../../src/components/verify-dialog/verify-dialog-option.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\n\nexport const verifyDialogProps = buildProps({\n visible: {\n type: Boolean,\n required: true,\n },\n scene: {\n type: String,\n required: true,\n },\n width: {\n type: String,\n default: \"300px\",\n },\n} as const);\n\nexport const verifyDialogEmits = {\n \"update:visible\": (modelValue: any) => true,\n\n confirm: (modelValue: any) => true,\n};\nexport type VerifyDialogProps = ExtractPropTypes<typeof verifyDialogEmits>;\n"],"names":[],"mappings":";;AAGO,MAAM,oBAAoB,UAAW,CAAA;AAAA,EAC1C,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,OAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EACA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EACA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,OAAA;AAAA,GACX;AACF,CAAU,EAAA;AAEH,MAAM,iBAAoB,GAAA;AAAA,EAC/B,gBAAA,EAAkB,CAAC,UAAoB,KAAA,IAAA;AAAA,EAEvC,OAAA,EAAS,CAAC,UAAoB,KAAA,IAAA;AAChC;;;;"}

package/dist/esm/components/verify-dialog/verify-dialog.d.ts CHANGED Viewed

@@ -14,7 +14,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly width: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, "300px", boolean>;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:visible": (modelValue: any) => boolean;
-    verifySuccessful: (modelValue: any) => boolean;
+    confirm: (modelValue: any) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly visible: {
         readonly type: import("vue").PropType<import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>>;
@@ -31,7 +31,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly width: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, "300px", boolean>;
 }>> & {
     "onUpdate:visible"?: ((modelValue: any) => any) | undefined;
-    onVerifySuccessful?: ((modelValue: any) => any) | undefined;
+    onConfirm?: ((modelValue: any) => any) | undefined;
 }, {
     readonly width: string;
 }, {}>;