@maketribe/ms-app 3.0.48 → 3.0.49

package/dist/esm/page/index/dv/default/single/list/normal.vue2.js

@@ -1,69 +1,41 @@
-import { defineComponent, ref, watch, computed, unref, openBlock, createElementBlock, Fragment, withDirectives, createBlock, vShow, createCommentVNode } from 'vue';
+import { defineComponent, ref, watch, computed, unref, openBlock, createElementBlock, Fragment, withDirectives, createBlock, withCtx, createVNode, vShow, createCommentVNode } from 'vue';
 import { useRouter } from 'vue-router';
-import { ElMessage } from 'element-plus';
 import { DataTable, DataForm } from '@maketribe/dm';
-import '../../../../../../components/data-model/data-form/index.js';
-import { MKDataFormPage } from '../../../../../../components/data-model/data-form-page/index.js';
-import '../../../../../../components/data-model/data-table/index.js';
-import { MKDataTablePage } from '../../../../../../components/data-model/data-table-page/index.js';
+import 'element-plus';
+import '../../../../../../components/basic/svg-icon/index.js';
+import '../../../../../../components/basic/button/button-options.js';
+import '../../../../../../components/basic/config-provider/index.js';
+import '../../../../../../components/basic/data-table-select-dialog/index.js';
+import '../../../../../../components/basic/data-table-select/index.js';
+import '../../../../../../components/basic/data-select/index.js';
+import '../../../../../../components/basic/pagination/index.js';
+import '../../../../../../components/basic/markdown-editor/index.js';
+import '../../../../../../components/basic/rich-text-editor/index.js';
+import '../../../../../../components/basic/system-provider/index.js';
+import '../../../../../../components/basic/image-select/index.js';
+import '../../../../../../components/basic/json-editor/index.js';
+import { MKPageContainer } from '../../../../../../components/basic/page-container/index.js';
+import { MKDataForm } from '../../../../../../components/data-model/data-form/index.js';
+import '../../../../../../components/data-model/data-form-page/index.js';
+import { MKDataTable } from '../../../../../../components/data-model/data-table/index.js';
+import '../../../../../../components/data-model/data-table-page/index.js';
 import '../../../../../../components/data-model/data-table-pagination/index.js';
-import '../../../../../../components/form-components/form-data-select/index.js';
-import '../../../../../../components/form-components/form-icon-select/index.js';
-import '../../../../../../components/form-components/form-radio-box/index.js';
-import '../../../../../../components/form-components/form-detail/index.js';
-import '../../../../../../components/form-components/form-data-table-select/index.js';
-import '../../../../../../components/form-components/form-image-upload/index.js';
-import '../../../../../../components/data-table-select/index.js';
-import '../../../../../../components/form-components/form-detail-select/form-detail-select-options.js';
-import '../../../../../../components/data-model/data-form/composables/use-form-item.js';
-import 'lodash-es';
-import '../../../../../../components/form-components/form-date-picker/index.js';
-import '../../../../../../components/form-components/form-rich-text-editor/index.js';
-import '../../../../../../components/column-components/column-action/column-action-options.js';
-import '../../../../../../components/svg-icon/index.js';
-import '../../../../../../components/button/button-options.js';
-import '../../../../../../components/data-model/data-table/composables/use-column.js';
-import '../../../../../../components/column-components/column-image/column-image-options.js';
-import '../../../../../../components/image-view/index.js';
-import '../../../../../../components/column-components/column-text/column-text-options.js';
-import '../../../../../../components/column-components/column-object-mapping-text/column-object-mapping-text-options.js';
-import '../../../../../../components/column-components/column-select/column-select-options.js';
-import '../../../../../../components/column-components/column-select/column-select-header-options.js';
-import '../../../../../../components/column-components/column-json/index.js';
-import '../../../../../../components/column-components/column-date/column-date-options.js';
-import '../../../../../../components/column-components/column-switch/column-switch-options.js';
-import '../../../../../../components/column-components/column-tag/column-tag-options.js';
-import '../../../../../../components/column-components/column-link/column-link-options.js';
-import '../../../../../../components/condition-components/condition-input/index.js';
-import '../../../../../../components/condition-components/condition-date/index.js';
-import '../../../../../../components/condition-components/condition-number/index.js';
-import '../../../../../../components/condition-components/condition-select/index.js';
-import '../../../../../../components/config-provider/index.js';
-import '../../../../../../components/video-view/index.js';
-import '../../../../../../components/file-view/index.js';
-import '../../../../../../components/data-table-select-dialog/index.js';
-import '../../../../../../components/data-select/index.js';
-import '../../../../../../components/pagination/index.js';
-import '../../../../../../components/markdown-editor/index.js';
-import '../../../../../../components/rich-text-editor/index.js';
-import '../../../../../../components/system-provider/index.js';
-import '../../../../../../components/material-list/index.js';
-import '../../../../../../components/material-select/index.js';
-import '../../../../../../components/role-permission-config/index.js';
-import '../../../../../../components/image-select/index.js';
-import '../../../../../../components/verify-dialog/index.js';
-import '../../../../../../components/json-editor/index.js';
-import '../../../../../../components/upload-file/upload-file.js';
+import '../../../../../../components/business/material-list/index.js';
+import '../../../../../../components/business/material-select/index.js';
+import '../../../../../../components/business/role-permission-config/index.js';
+import '../../../../../../components/business/verify-dialog/index.js';
+import '../../../../../../components/business/upload-file/upload-file.js';
 import '@maketribe/request';
 import '@maketribe/utils';
 import { DataModelDefines } from '../../../../../../core/DataModelDefines.js';
 import '@maketribe/locale';
-import '../../../../../../components/upload-file/context/material-upload-context.js';
-import '../../../../../../components/upload-file/context/material-upload-context-options.js';
-import '../../../../../../components/upload-file/context/web-file-upload-context.js';
-import '../../../../../../components/upload-file/context/web-file-upload-context-options.js';
-import '../../../../../../components/upload-file/ui/upload-image/index.js';
-import '../../../../../../components/upload-file/upload-file-options.js';
+import '../../../../../../components/business/upload-file/context/material-upload-context.js';
+import '../../../../../../components/business/upload-file/context/material-upload-context-options.js';
+import '../../../../../../components/business/upload-file/context/web-file-upload-context.js';
+import '../../../../../../components/business/upload-file/context/web-file-upload-context-options.js';
+import '../../../../../../components/business/upload-file/ui/upload-image/index.js';
+import '../../../../../../components/business/upload-file/upload-file-options.js';
+import { useSingleView } from '../../../../../../composables/use-single-view.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "normal",
@@ -74,7 +46,6 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const router = useRouter();
-    const isShowDataForm = ref(false);
     const dataTable = ref(null);
     const dataForm = ref(null);
     watch(
@@ -86,90 +57,49 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         ]
       ),
       ([_dataTable, _dataForm, name]) => {
-        isShowDataForm.value = false;
         dataTable.value = _dataTable || DataModelDefines.instance.getDataTable(name);
         dataForm.value = _dataForm || DataModelDefines.instance.getDataForm(name);
       },
       { immediate: true }
     );
-    watch(
-      dataTable,
-      (dataTable2, _, onCleanup) => {
-        if (dataTable2) {
-          dataTable2.addRecordEvent.on(() => {
-            const _dataForm = unref(dataForm);
-            if (!_dataForm) {
-              console.warn(`\u6CA1\u6709\u5BF9\u5E94\u7684 (${dataTable2.name}) DataForm \u5B9E\u73B0`);
-              return;
-            }
-            isShowDataForm.value = true;
-            _dataForm.addRecord();
-          });
-          dataTable2.editRecordEvent.on(async ({ item }) => {
-            const _dataForm = unref(dataForm);
-            if (!_dataForm) {
-              console.warn(`\u6CA1\u6709\u5BF9\u5E94\u7684 (${dataTable2.name}) DataForm \u5B9E\u73B0`);
-              return;
-            }
-            isShowDataForm.value = true;
-            try {
-              const response = await _dataForm.editRecord(
-                item[dataTable2.primaryKey]
-              );
-              if (response.data.code !== 200) {
-                ElMessage.error(response.data.msg);
-                isShowDataForm.value = false;
-                return;
-              }
-            } catch (e) {
-              console.error(e);
-              isShowDataForm.value = false;
-            }
-          });
-        }
-        onCleanup(() => {
-          dataTable2?.clearSelection();
-          dataTable2?.dispose();
-        });
-      },
-      { immediate: true }
-    );
-    watch(
-      dataForm,
-      (dataForm2, _, onCleanup) => {
-        if (dataForm2) {
-          dataForm2.submittedEvent.on(() => {
-            isShowDataForm.value = false;
-            unref(dataTable)?.load();
-          });
-          dataForm2.cancelEvent.on(() => {
-            isShowDataForm.value = false;
-            unref(dataTable)?.load();
-          });
-        }
-        onCleanup(() => {
-          dataForm2?.dispose();
-        });
-      },
-      { immediate: true }
-    );
+    const { isShowDataForm } = useSingleView({ dataTable, dataForm });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(
         Fragment,
         null,
         [
-          dataTable.value ? withDirectives((openBlock(), createBlock(unref(MKDataTablePage), {
-            key: 0,
-            "data-table": dataTable.value,
-            selection: ""
-          }, null, 8, ["data-table"])), [
-            [vShow, !isShowDataForm.value]
+          dataTable.value ? withDirectives((openBlock(), createBlock(
+            unref(MKPageContainer),
+            { key: 0 },
+            {
+              default: withCtx(() => [
+                createVNode(unref(MKDataTable), { "data-table": dataTable.value }, null, 8, ["data-table"])
+              ]),
+              _: 1
+              /* STABLE */
+            },
+            512
+            /* NEED_PATCH */
+          )), [
+            [vShow, !unref(isShowDataForm)]
           ]) : createCommentVNode("v-if", true),
-          dataForm.value ? withDirectives((openBlock(), createBlock(unref(MKDataFormPage), {
-            key: 1,
-            "data-form": dataForm.value
-          }, null, 8, ["data-form"])), [
-            [vShow, isShowDataForm.value]
+          dataForm.value ? withDirectives((openBlock(), createBlock(
+            unref(MKPageContainer),
+            { key: 1 },
+            {
+              default: withCtx(() => [
+                createVNode(unref(MKDataForm), {
+                  "data-form": dataForm.value,
+                  KDataForm: ""
+                }, null, 8, ["data-form"])
+              ]),
+              _: 1
+              /* STABLE */
+            },
+            512
+            /* NEED_PATCH */
+          )), [
+            [vShow, unref(isShowDataForm)]
           ]) : createCommentVNode("v-if", true)
         ],
         64

package/dist/esm/page/index/dv/default/single/list/normal.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"normal.vue2.js","sources":["../../../../../../../../src/page/index/dv/default/single/list/normal.vue"],"sourcesContent":["<template>\r\n  <MKDataTablePage\r\n    v-if=\"dataTable\"\r\n    v-show=\"!isShowDataForm\"\r\n    :data-table=\"dataTable\"\r\n    selection\r\n  />\r\n  <MKDataFormPage\r\n    v-if=\"dataForm\"\r\n    v-show=\"isShowDataForm\"\r\n    :data-form=\"dataForm\"\r\n  />\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { unref, computed, watch, ref, Ref } from \"vue\";\r\nimport { useRouter } from \"vue-router\";\r\nimport { ElMessage } from \"element-plus\";\r\nimport { DataForm, DataTable, Dialoger, Messager } from \"@maketribe/dm\";\r\nimport { MKDataTablePage, MKDataFormPage } from \"../../../../../../components\";\r\nimport { DataModelDefines } from \"../../../../../../core\";\r\n\r\nconst props = defineProps({\r\n  dataTable: { type: DataTable<any> },\r\n  dataForm: { type: DataForm<any> },\r\n});\r\n\r\nconst router = useRouter();\r\n\r\nconst isShowDataForm = ref(false);\r\n\r\nconst dataTable: Ref<DataTable | null> = ref(null);\r\nconst dataForm: Ref<DataForm | null> = ref(null);\r\n\r\nwatch(\r\n  computed(\r\n    () =>\r\n      [\r\n        props.dataTable,\r\n        props.dataForm,\r\n        unref(router.currentRoute).meta.name,\r\n      ] as [DataTable, DataForm, string]\r\n  ),\r\n  ([_dataTable, _dataForm, name]) => {\r\n    isShowDataForm.value = false;\r\n    dataTable.value =\r\n      _dataTable || DataModelDefines.instance.getDataTable(name);\r\n    dataForm.value = _dataForm || DataModelDefines.instance.getDataForm(name);\r\n  },\r\n  { immediate: true }\r\n);\r\n\r\nwatch(\r\n  dataTable,\r\n  (dataTable, _, onCleanup) => {\r\n    if (dataTable) {\r\n      dataTable.addRecordEvent.on(() => {\r\n        const _dataForm = unref(dataForm);\r\n\r\n        if (!_dataForm) {\r\n          console.warn(`没有对应的 (${dataTable.name}) DataForm 实现`);\r\n          return;\r\n        }\r\n\r\n        isShowDataForm.value = true;\r\n\r\n        _dataForm.addRecord();\r\n      });\r\n\r\n      dataTable.editRecordEvent.on(async ({ item }) => {\r\n        const _dataForm = unref(dataForm);\r\n\r\n        if (!_dataForm) {\r\n          console.warn(`没有对应的 (${dataTable.name}) DataForm 实现`);\r\n          return;\r\n        }\r\n\r\n        isShowDataForm.value = true;\r\n\r\n        try {\r\n          const response = await _dataForm.editRecord(\r\n            item[dataTable.primaryKey]\r\n          );\r\n\r\n          if (response.data.code !== 200) {\r\n            ElMessage.error(response.data.msg);\r\n            isShowDataForm.value = false;\r\n            return;\r\n          }\r\n        } catch (e) {\r\n          console.error(e);\r\n          isShowDataForm.value = false;\r\n        }\r\n      });\r\n    }\r\n\r\n    onCleanup(() => {\r\n      dataTable?.clearSelection();\r\n      dataTable?.dispose();\r\n    });\r\n  },\r\n  { immediate: true }\r\n);\r\n\r\nwatch(\r\n  dataForm,\r\n  (dataForm, _, onCleanup) => {\r\n    if (dataForm) {\r\n      dataForm.submittedEvent.on(() => {\r\n        isShowDataForm.value = false;\r\n\r\n        unref(dataTable)?.load();\r\n      });\r\n\r\n      dataForm.cancelEvent.on(() => {\r\n        isShowDataForm.value = false;\r\n\r\n        unref(dataTable)?.load();\r\n      });\r\n    }\r\n\r\n    onCleanup(() => {\r\n      dataForm?.dispose();\r\n    });\r\n  },\r\n  { immediate: true }\r\n);\r\n</script>\r\n"],"names":["dataTable","dataForm"],"mappings":"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"}
+{"version":3,"file":"normal.vue2.js","sources":["../../../../../../../../src/page/index/dv/default/single/list/normal.vue"],"sourcesContent":["<template>\n  <MKPageContainer v-if=\"dataTable\" v-show=\"!isShowDataForm\">\n    <MKDataTable :data-table=\"dataTable\" />\n  </MKPageContainer>\n  <MKPageContainer v-if=\"dataForm\" v-show=\"isShowDataForm\">\n    <MKDataForm :data-form=\"dataForm\" KDataForm />\n  </MKPageContainer>\n</template>\n\n<script setup lang=\"ts\">\nimport { unref, computed, watch, ref, Ref } from \"vue\";\nimport { useRouter } from \"vue-router\";\nimport { DataForm, DataTable } from \"@maketribe/dm\";\nimport {\n  MKDataTable,\n  MKDataForm,\n  MKPageContainer,\n} from \"../../../../../../components\";\nimport { DataModelDefines } from \"../../../../../../core\";\nimport { useSingleView } from \"../../../../../../composables\";\n\nconst props = defineProps({\n  dataTable: { type: DataTable<any> },\n  dataForm: { type: DataForm<any> },\n});\n\nconst router = useRouter();\n\nconst dataTable: Ref<DataTable | null> = ref(null);\nconst dataForm: Ref<DataForm | null> = ref(null);\n\nwatch(\n  computed(\n    () =>\n      [\n        props.dataTable,\n        props.dataForm,\n        unref(router.currentRoute).meta.name,\n      ] as [DataTable, DataForm, string]\n  ),\n  ([_dataTable, _dataForm, name]) => {\n    dataTable.value =\n      _dataTable || DataModelDefines.instance.getDataTable(name);\n    dataForm.value = _dataForm || DataModelDefines.instance.getDataForm(name);\n  },\n  { immediate: true }\n);\n\nconst { isShowDataForm } = useSingleView({ dataTable, dataForm });\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,IAAA,MAAM,SAAS,SAAU,EAAA,CAAA;AAEzB,IAAM,MAAA,SAAA,GAAmC,IAAI,IAAI,CAAA,CAAA;AACjD,IAAM,MAAA,QAAA,GAAiC,IAAI,IAAI,CAAA,CAAA;AAE/C,IAAA,KAAA;AAAA,MACE,QAAA;AAAA,QACE,MACE;AAAA,UACE,KAAM,CAAA,SAAA;AAAA,UACN,KAAM,CAAA,QAAA;AAAA,UACN,KAAM,CAAA,MAAA,CAAO,YAAY,CAAA,CAAE,IAAK,CAAA,IAAA;AAAA,SAClC;AAAA,OACJ;AAAA,MACA,CAAC,CAAC,UAAY,EAAA,SAAA,EAAW,IAAI,CAAM,KAAA;AACjC,QAAA,SAAA,CAAU,KACR,GAAA,UAAA,IAAc,gBAAiB,CAAA,QAAA,CAAS,aAAa,IAAI,CAAA,CAAA;AAC3D,QAAA,QAAA,CAAS,KAAQ,GAAA,SAAA,IAAa,gBAAiB,CAAA,QAAA,CAAS,YAAY,IAAI,CAAA,CAAA;AAAA,OAC1E;AAAA,MACA,EAAE,WAAW,IAAK,EAAA;AAAA,KACpB,CAAA;AAEA,IAAA,MAAM,EAAE,cAAe,EAAA,GAAI,cAAc,EAAE,SAAA,EAAW,UAAU,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/page/index/dv/default/single/table-tree/dialog.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from './dialog.vue2.js';
 import _export_sfc from '../../../../../../_virtual/_plugin-vue_export-helper.js';
 
-var dialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:\\project\\make-appclient\\packages\\ms-app\\src\\page\\index\\dv\\default\\single\\table-tree\\dialog.vue"]]);
+var dialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:\\develop\\mkbl\\make-appclient\\packages\\ms-app\\src\\page\\index\\dv\\default\\single\\table-tree\\dialog.vue"]]);
 
 export { dialog as default };
 //# sourceMappingURL=dialog.vue.js.map

package/dist/esm/page/index/dv/default/single/table-tree/dialog.vue2.js

@@ -1,113 +1,157 @@
-import { defineComponent, ref, watch, computed, unref, openBlock, createBlock, withCtx, createVNode } from 'vue';
+import { defineComponent, ref, watch, computed, unref, openBlock, createElementBlock, Fragment, createBlock, withCtx, createVNode, createCommentVNode, isRef, createTextVNode, toDisplayString } from 'vue';
 import { useRouter } from 'vue-router';
-import { DataTree } from '@maketribe/dm';
-import 'element-plus';
+import { I18n } from '@maketribe/locale';
+import { DataTree, DataForm } from '@maketribe/dm';
+import { ElDialog, ElButton, ElScrollbar } from 'element-plus';
 import '@maketribe/utils';
 import { DataModelDefines } from '../../../../../../core/DataModelDefines.js';
 import '@maketribe/request';
-import '@maketribe/locale';
-import '../../../../../../components/data-model/data-form/index.js';
+import '../../../../../../components/basic/svg-icon/index.js';
+import '../../../../../../components/basic/button/button-options.js';
+import '../../../../../../components/basic/config-provider/index.js';
+import '../../../../../../components/basic/data-table-select-dialog/index.js';
+import '../../../../../../components/basic/data-table-select/index.js';
+import '../../../../../../components/basic/data-select/index.js';
+import '../../../../../../components/basic/pagination/index.js';
+import '../../../../../../components/basic/markdown-editor/index.js';
+import '../../../../../../components/basic/rich-text-editor/index.js';
+import '../../../../../../components/basic/system-provider/index.js';
+import '../../../../../../components/basic/image-select/index.js';
+import '../../../../../../components/basic/json-editor/index.js';
+import { MKPageContainer } from '../../../../../../components/basic/page-container/index.js';
+import { MKDataForm } from '../../../../../../components/data-model/data-form/index.js';
 import '../../../../../../components/data-model/data-form-page/index.js';
-import '../../../../../../components/data-model/data-table/index.js';
-import { MKDataTablePage } from '../../../../../../components/data-model/data-table-page/index.js';
+import { MKDataTable } from '../../../../../../components/data-model/data-table/index.js';
+import '../../../../../../components/data-model/data-table-page/index.js';
 import '../../../../../../components/data-model/data-table-pagination/index.js';
-import '../../../../../../components/form-components/form-data-select/index.js';
-import '../../../../../../components/form-components/form-icon-select/index.js';
-import '../../../../../../components/form-components/form-radio-box/index.js';
-import '../../../../../../components/form-components/form-detail/index.js';
-import '../../../../../../components/form-components/form-data-table-select/index.js';
-import '../../../../../../components/form-components/form-image-upload/index.js';
-import '../../../../../../components/data-table-select/index.js';
-import '../../../../../../components/form-components/form-detail-select/form-detail-select-options.js';
-import '../../../../../../components/data-model/data-form/composables/use-form-item.js';
-import 'lodash-es';
-import '../../../../../../components/form-components/form-date-picker/index.js';
-import '../../../../../../components/form-components/form-rich-text-editor/index.js';
-import '../../../../../../components/column-components/column-action/column-action-options.js';
-import '../../../../../../components/svg-icon/index.js';
-import '../../../../../../components/button/button-options.js';
-import '../../../../../../components/data-model/data-table/composables/use-column.js';
-import '../../../../../../components/column-components/column-image/column-image-options.js';
-import '../../../../../../components/image-view/index.js';
-import '../../../../../../components/column-components/column-text/column-text-options.js';
-import '../../../../../../components/column-components/column-object-mapping-text/column-object-mapping-text-options.js';
-import '../../../../../../components/column-components/column-select/column-select-options.js';
-import '../../../../../../components/column-components/column-select/column-select-header-options.js';
-import '../../../../../../components/column-components/column-json/index.js';
-import '../../../../../../components/column-components/column-date/column-date-options.js';
-import '../../../../../../components/column-components/column-switch/column-switch-options.js';
-import '../../../../../../components/column-components/column-tag/column-tag-options.js';
-import '../../../../../../components/column-components/column-link/column-link-options.js';
-import '../../../../../../components/condition-components/condition-input/index.js';
-import '../../../../../../components/condition-components/condition-date/index.js';
-import '../../../../../../components/condition-components/condition-number/index.js';
-import '../../../../../../components/condition-components/condition-select/index.js';
-import '../../../../../../components/config-provider/index.js';
-import '../../../../../../components/video-view/index.js';
-import '../../../../../../components/file-view/index.js';
-import '../../../../../../components/data-table-select-dialog/index.js';
-import '../../../../../../components/data-select/index.js';
-import '../../../../../../components/pagination/index.js';
-import '../../../../../../components/markdown-editor/index.js';
-import '../../../../../../components/rich-text-editor/index.js';
-import '../../../../../../components/system-provider/index.js';
-import '../../../../../../components/material-list/index.js';
-import '../../../../../../components/material-select/index.js';
-import '../../../../../../components/role-permission-config/index.js';
-import '../../../../../../components/image-select/index.js';
-import '../../../../../../components/verify-dialog/index.js';
-import '../../../../../../components/json-editor/index.js';
-import '../../../../../../components/upload-file/upload-file.js';
-import '../../../../../../components/upload-file/context/material-upload-context.js';
-import '../../../../../../components/upload-file/context/material-upload-context-options.js';
-import '../../../../../../components/upload-file/context/web-file-upload-context.js';
-import '../../../../../../components/upload-file/context/web-file-upload-context-options.js';
-import '../../../../../../components/upload-file/ui/upload-image/index.js';
-import '../../../../../../components/upload-file/upload-file-options.js';
+import '../../../../../../components/business/material-list/index.js';
+import '../../../../../../components/business/material-select/index.js';
+import '../../../../../../components/business/role-permission-config/index.js';
+import '../../../../../../components/business/verify-dialog/index.js';
+import '../../../../../../components/business/upload-file/upload-file.js';
+import '../../../../../../components/business/upload-file/context/material-upload-context.js';
+import '../../../../../../components/business/upload-file/context/material-upload-context-options.js';
+import '../../../../../../components/business/upload-file/context/web-file-upload-context.js';
+import '../../../../../../components/business/upload-file/context/web-file-upload-context-options.js';
+import '../../../../../../components/business/upload-file/ui/upload-image/index.js';
+import '../../../../../../components/business/upload-file/upload-file-options.js';
+import { useSingleView } from '../../../../../../composables/use-single-view.js';
 import { MKTableTree } from '../../../../../../components/data-model/data-table/views/table-tree/index.js';
 import { MKTableView } from '../../../../../../components/data-model/data-table/views/table-view/index.js';
+import { MKForm } from '../../../../../../components/data-model/data-form/views/form/index.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "dialog",
   props: {
-    dataTree: { type: DataTree }
+    dataTree: { type: DataTree },
+    dataForm: { type: DataForm }
   },
   setup(__props) {
     const props = __props;
     const router = useRouter();
     const dataTree = ref(null);
+    const dataForm = ref(null);
     watch(
-      computed(() => [props.dataTree, unref(router.currentRoute).meta.name]),
-      ([_dataTree, name]) => {
+      computed(
+        () => [
+          props.dataTree,
+          props.dataForm,
+          unref(router.currentRoute).meta.name
+        ]
+      ),
+      ([_dataTree, _dataForm, name]) => {
         dataTree.value = _dataTree || DataModelDefines.instance.getDataTree(name);
+        dataForm.value = _dataForm || DataModelDefines.instance.getDataForm(name);
       },
       { immediate: true }
     );
-    watch(
-      dataTree,
-      (dataTree2, _, onCleanup) => {
-        onCleanup(() => {
-        });
-      },
-      { immediate: true }
-    );
+    const { isShowDataForm } = useSingleView({ dataTable: dataTree, dataForm });
+    const handleSubmit = async () => {
+      unref(dataForm)?.simpleSubmit();
+    };
+    const handleCancel = () => {
+      unref(dataForm)?.cancel();
+    };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(MKDataTablePage), {
-        "data-table": dataTree.value,
-        selection: ""
-      }, {
-        default: withCtx(() => [
-          createVNode(unref(MKTableView), { "data-table": dataTree.value }, {
+      return openBlock(), createElementBlock(
+        Fragment,
+        null,
+        [
+          dataTree.value ? (openBlock(), createBlock(unref(MKPageContainer), { key: 0 }, {
+            default: withCtx(() => [
+              createVNode(unref(MKDataTable), { "data-table": dataTree.value }, {
+                default: withCtx(() => [
+                  createVNode(unref(MKTableView), { "data-table": dataTree.value }, {
+                    default: withCtx(() => [
+                      createVNode(unref(MKTableTree), { "data-tree": dataTree.value }, null, 8, ["data-tree"])
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["data-table"])
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["data-table"])
+            ]),
+            _: 1
+            /* STABLE */
+          })) : createCommentVNode("v-if", true),
+          dataForm.value ? (openBlock(), createBlock(unref(ElDialog), {
+            key: 1,
+            appendToBody: "",
+            modelValue: unref(isShowDataForm),
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(isShowDataForm) ? isShowDataForm.value = $event : null)
+          }, {
+            footer: withCtx(() => [
+              createVNode(unref(ElButton), {
+                type: "primary",
+                loading: dataForm.value.loading,
+                onClick: handleSubmit
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(
+                    toDisplayString(unref(I18n).instance.translate("mk.dataForm.saveButton")),
+                    1
+                    /* TEXT */
+                  )
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["loading"]),
+              createVNode(unref(ElButton), { onClick: handleCancel }, {
+                default: withCtx(() => [
+                  createTextVNode(
+                    toDisplayString(unref(I18n).instance.translate("mk.dataForm.cancelButton")),
+                    1
+                    /* TEXT */
+                  )
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ]),
             default: withCtx(() => [
-              createVNode(unref(MKTableTree), { "data-tree": dataTree.value }, null, 8, ["data-tree"])
+              createVNode(unref(ElScrollbar), { "max-height": "600px" }, {
+                default: withCtx(() => [
+                  createVNode(unref(MKDataForm), { dataForm: dataForm.value }, {
+                    default: withCtx(() => [
+                      createVNode(unref(MKForm), { dataForm: dataForm.value }, null, 8, ["dataForm"])
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["dataForm"])
+                ]),
+                _: 1
+                /* STABLE */
+              })
             ]),
             _: 1
             /* STABLE */
-          }, 8, ["data-table"])
-        ]),
-        _: 1
-        /* STABLE */
-      }, 8, ["data-table"]);
+          }, 8, ["modelValue"])) : createCommentVNode("v-if", true)
+        ],
+        64
+        /* STABLE_FRAGMENT */
+      );
     };
   }
 });

package/dist/esm/page/index/dv/default/single/table-tree/dialog.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.vue2.js","sources":["../../../../../../../../src/page/index/dv/default/single/table-tree/dialog.vue"],"sourcesContent":["<template>\r\n  <MKDataTablePage :data-table=\"dataTree\" selection>\r\n    <MKTableView :data-table=\"dataTree\">\r\n      <MKTableTree :data-tree=\"dataTree\" />\r\n    </MKTableView>\r\n  </MKDataTablePage>\r\n</template>\r\n<script setup lang=\"ts\">\r\nimport { unref, computed, watch, ref, Ref } from \"vue\";\r\nimport { useRouter } from \"vue-router\";\r\nimport { DataTree } from \"@maketribe/dm\";\r\nimport { DataModelDefines } from \"../../../../../../core\";\r\nimport {\r\n  MKDataTablePage,\r\n  MKTableView,\r\n  MKTableTree,\r\n} from \"../../../../../../components\";\r\n\r\nconst router = useRouter();\r\n\r\nconst props = defineProps({\r\n  dataTree: { type: DataTree<any> },\r\n});\r\n\r\nconst dataTree: Ref<DataTree | null> = ref(null);\r\n\r\nwatch(\r\n  computed(() => [props.dataTree, unref(router.currentRoute).meta.name]),\r\n  ([_dataTree, name]) => {\r\n    dataTree.value =\r\n      (_dataTree as DataTree) ||\r\n      DataModelDefines.instance.getDataTree(name as string);\r\n  },\r\n  { immediate: true }\r\n);\r\n\r\nwatch(\r\n  dataTree,\r\n  (dataTree, _, onCleanup) => {\r\n    // if (dataTree) {\r\n    //   dataTree.addRecordEvent.on(() => {\r\n    //     router.push({ name: `dv/${unref(dataTree).name}/add` });\r\n    //   });\r\n\r\n    //   dataTree.editRecordEvent.on(({ item }) => {\r\n    //     router.push({\r\n    //       name: `dv/${unref(dataTree).name}/edit`,\r\n    //       params: { id: item[unref(dataTree)?.primaryKey as string] },\r\n    //     });\r\n    //   });\r\n    // }\r\n\r\n    onCleanup(() => {\r\n      // dataTree?.clearSelection();\r\n      // dataTree?.dispose();\r\n    });\r\n  },\r\n  { immediate: true }\r\n);\r\n</script>\r\n"],"names":["dataTree"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,IAAA,MAAM,SAAS,SAAU,EAAA,CAAA;AAMzB,IAAM,MAAA,QAAA,GAAiC,IAAI,IAAI,CAAA,CAAA;AAE/C,IAAA,KAAA;AAAA,MACE,QAAA,CAAS,MAAM,CAAC,KAAM,CAAA,QAAA,EAAU,KAAM,CAAA,MAAA,CAAO,YAAY,CAAA,CAAE,IAAK,CAAA,IAAI,CAAC,CAAA;AAAA,MACrE,CAAC,CAAC,SAAW,EAAA,IAAI,CAAM,KAAA;AACrB,QAAA,QAAA,CAAS,KACN,GAAA,SAAA,IACD,gBAAiB,CAAA,QAAA,CAAS,YAAY,IAAc,CAAA,CAAA;AAAA,OACxD;AAAA,MACA,EAAE,WAAW,IAAK,EAAA;AAAA,KACpB,CAAA;AAEA,IAAA,KAAA;AAAA,MACE,QAAA;AAAA,MACA,CAACA,SAAU,EAAA,CAAA,EAAG,SAAc,KAAA;AAc1B,QAAA,SAAA,CAAU,MAAM;AAAA,SAGf,CAAA,CAAA;AAAA,OACH;AAAA,MACA,EAAE,WAAW,IAAK,EAAA;AAAA,KACpB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"dialog.vue2.js","sources":["../../../../../../../../src/page/index/dv/default/single/table-tree/dialog.vue"],"sourcesContent":["<template>\n  <MKPageContainer v-if=\"dataTree\">\n    <MKDataTable :data-table=\"dataTree\">\n      <MKTableView :data-table=\"dataTree\">\n        <MKTableTree :data-tree=\"dataTree\" />\n      </MKTableView>\n    </MKDataTable>\n  </MKPageContainer>\n\n  <ElDialog v-if=\"dataForm\" appendToBody v-model=\"isShowDataForm\">\n    <ElScrollbar max-height=\"600px\">\n      <MKDataForm :dataForm=\"dataForm\">\n        <MKForm :dataForm=\"dataForm\" />\n      </MKDataForm>\n    </ElScrollbar>\n\n    <template #footer>\n      <ElButton\n        type=\"primary\"\n        :loading=\"dataForm.loading\"\n        @click=\"handleSubmit\"\n      >\n        {{ I18n.instance.translate(\"mk.dataForm.saveButton\") }}\n      </ElButton>\n      <ElButton @click=\"handleCancel\">\n        {{ I18n.instance.translate(\"mk.dataForm.cancelButton\") }}\n      </ElButton>\n    </template>\n  </ElDialog>\n</template>\n<script setup lang=\"ts\">\nimport { unref, computed, watch, ref, Ref } from \"vue\";\nimport { useRouter } from \"vue-router\";\nimport { I18n } from \"@maketribe/locale\";\nimport { DataForm, DataTree } from \"@maketribe/dm\";\nimport { DataModelDefines } from \"../../../../../../core\";\nimport {\n  MKPageContainer,\n  MKDataTable,\n  MKTableView,\n  MKTableTree,\n  MKForm,\n  MKDataForm,\n} from \"../../../../../../components\";\nimport { useSingleView } from \"../../../../../../composables\";\nimport { ElDialog, ElButton, ElScrollbar } from \"element-plus\";\n\nconst router = useRouter();\n\nconst props = defineProps({\n  dataTree: { type: DataTree<any> },\n  dataForm: { type: DataForm<any> },\n});\n\nconst dataTree: Ref<DataTree | null> = ref(null);\nconst dataForm: Ref<DataForm | null> = ref(null);\n\nwatch(\n  computed(\n    () =>\n      [\n        props.dataTree,\n        props.dataForm,\n        unref(router.currentRoute).meta.name,\n      ] as [DataTree, DataForm, string]\n  ),\n  ([_dataTree, _dataForm, name]) => {\n    dataTree.value =\n      (_dataTree as DataTree) ||\n      DataModelDefines.instance.getDataTree(name as string);\n\n    dataForm.value = _dataForm || DataModelDefines.instance.getDataForm(name);\n  },\n  { immediate: true }\n);\n\nconst { isShowDataForm } = useSingleView({ dataTable: dataTree, dataForm });\n\nconst handleSubmit = async () => {\n  unref(dataForm)?.simpleSubmit();\n};\n\nconst handleCancel = () => {\n  unref(dataForm)?.cancel();\n};\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CA,IAAA,MAAM,SAAS,SAAU,EAAA,CAAA;AAOzB,IAAM,MAAA,QAAA,GAAiC,IAAI,IAAI,CAAA,CAAA;AAC/C,IAAM,MAAA,QAAA,GAAiC,IAAI,IAAI,CAAA,CAAA;AAE/C,IAAA,KAAA;AAAA,MACE,QAAA;AAAA,QACE,MACE;AAAA,UACE,KAAM,CAAA,QAAA;AAAA,UACN,KAAM,CAAA,QAAA;AAAA,UACN,KAAM,CAAA,MAAA,CAAO,YAAY,CAAA,CAAE,IAAK,CAAA,IAAA;AAAA,SAClC;AAAA,OACJ;AAAA,MACA,CAAC,CAAC,SAAW,EAAA,SAAA,EAAW,IAAI,CAAM,KAAA;AAChC,QAAA,QAAA,CAAS,KACN,GAAA,SAAA,IACD,gBAAiB,CAAA,QAAA,CAAS,YAAY,IAAc,CAAA,CAAA;AAEtD,QAAA,QAAA,CAAS,KAAQ,GAAA,SAAA,IAAa,gBAAiB,CAAA,QAAA,CAAS,YAAY,IAAI,CAAA,CAAA;AAAA,OAC1E;AAAA,MACA,EAAE,WAAW,IAAK,EAAA;AAAA,KACpB,CAAA;AAEA,IAAM,MAAA,EAAE,gBAAmB,GAAA,aAAA,CAAc,EAAE,SAAW,EAAA,QAAA,EAAU,UAAU,CAAA,CAAA;AAE1E,IAAA,MAAM,eAAe,YAAY;AAC/B,MAAM,KAAA,CAAA,QAAQ,GAAG,YAAa,EAAA,CAAA;AAAA,KAChC,CAAA;AAEA,IAAA,MAAM,eAAe,MAAM;AACzB,MAAM,KAAA,CAAA,QAAQ,GAAG,MAAO,EAAA,CAAA;AAAA,KAC1B,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/page/index/dv/default/single/table-tree/normal.vue.js

@@ -0,0 +1,7 @@
+import _sfc_main from './normal.vue2.js';
+import _export_sfc from '../../../../../../_virtual/_plugin-vue_export-helper.js';
+
+var normal = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:\\develop\\mkbl\\make-appclient\\packages\\ms-app\\src\\page\\index\\dv\\default\\single\\table-tree\\normal.vue"]]);
+
+export { normal as default };
+//# sourceMappingURL=normal.vue.js.map

package/dist/esm/page/index/dv/default/single/table-tree/normal.vue.js.map

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