@maketribe/ms-app 3.0.5 → 3.0.7

package/dist/esm/components/data-model/data-table/data-table.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-table.js","sources":["../../../../../src/components/data-model/data-table/data-table.tsx"],"sourcesContent":["import { DataTable, TableColumn } from \"@maketribe/dm\";\nimport {\n  computed,\n  defineComponent,\n  provide,\n  reactive,\n  unref,\n  watch,\n} from \"vue\";\nimport { dataTableProps } from \"./data-table-options\";\nimport { DATATABLE_CONTEXT_KEY } from \"./token\";\nimport MKTableView from \"./views/table\";\n\nexport default defineComponent({\n  name: \"MKDataTable\",\n  props: dataTableProps,\n  setup(props, { slots }) {\n    let _dataTable: DataTable | null = null;\n\n    const dataTable = computed(() => {\n      if (props.dataTable instanceof DataTable) {\n        return props.dataTable;\n      }\n\n      if (!_dataTable) {\n        _dataTable = reactive(\n          new DataTable({\n            name: props.name!,\n            primaryKey: props.primaryKey,\n            pageSize: props.pageSize ?? 20,\n            interfaceURL: {\n              list: props.listInterfaceURL || \"\",\n              delete: props.deleteInterfaceURL || \"\",\n            },\n          })\n        ) as DataTable;\n      }\n\n      return _dataTable;\n    });\n\n    watch(\n      dataTable,\n      async (dataTable) => {\n        dataTable.dataFilter.setReady();\n        if (props.autoLoad) {\n          dataTable.load();\n        }\n\n        let columns = unref(dataTable).getColumns();\n\n        const extractColumnConfig = props.columns.filter(\n          (config) =>\n            columns.findIndex((column) => column.name === config.name) === -1\n        );\n\n        const extractColumn = extractColumnConfig.map(\n          (config) => new TableColumn({ visible: true, ...config })\n        );\n\n        columns = [...extractColumn, ...columns];\n\n        let sortedColumns: TableColumn[] = [];\n        for (const columnConfig of props.columns) {\n          const column = columns.find(\n            (column) => column.name === columnConfig.name\n          )!;\n\n          sortedColumns.push(column);\n        }\n\n        const _columns = columns.filter(\n          (column) =>\n            sortedColumns.findIndex((item) => item.name === column.name) === -1\n        );\n\n        sortedColumns = [...sortedColumns, ..._columns];\n\n        dataTable.setColumns(sortedColumns);\n\n        await dataTable.init();\n      },\n      { immediate: true }\n    );\n\n    provide(DATATABLE_CONTEXT_KEY, reactive({ dataTable }));\n\n    return () => {\n      return (\n        <div class=\"mk-data-table\">\n          {slots?.default?.({ dataTable: unref(dataTable) }) || (\n            <MKTableView dataTable={unref(dataTable)} />\n          )}\n        </div>\n      );\n    };\n  },\n});\n"],"names":["name","props","dataTableProps","setup","slots","_dataTable","dataTable","computed","DataTable","reactive","primaryKey","pageSize","interfaceURL","list","listInterfaceURL","delete","deleteInterfaceURL","watch","dataFilter","setReady","autoLoad","load","columns","unref","getColumns","extractColumnConfig","filter","config","findIndex","column","extractColumn","map","TableColumn","visible","sortedColumns","columnConfig","find","push","_columns","item","setColumns","init","immediate","provide","DATATABLE_CONTEXT_KEY","_createVNode","default","MKTableView"],"mappings":"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"}
+{"version":3,"file":"data-table.js","sources":["../../../../../src/components/data-model/data-table/data-table.tsx"],"sourcesContent":["import { DataTable, TableColumn } from \"@maketribe/dm\";\nimport {\n  computed,\n  defineComponent,\n  provide,\n  reactive,\n  unref,\n  watch,\n} from \"vue\";\nimport { dataTableProps } from \"./data-table-options\";\nimport { DATATABLE_CONTEXT_KEY } from \"./token\";\nimport MKTableView from \"./views/table\";\n\nexport default defineComponent({\n  name: \"MKDataTable\",\n  props: dataTableProps,\n  setup(props, { slots }) {\n    let _dataTable: DataTable | null = null;\n\n    const dataTable = computed(() => {\n      if (props.dataTable instanceof DataTable) {\n        return props.dataTable;\n      }\n\n      if (!_dataTable) {\n        _dataTable = reactive(\n          new DataTable({\n            name: props.name!,\n            primaryKey: props.primaryKey,\n            pageSize: props.pageSize ?? 20,\n            interfaceURL: {\n              list: props.listInterfaceURL || \"\",\n              delete: props.deleteInterfaceURL || \"\",\n            },\n          })\n        ) as DataTable;\n      }\n\n      return _dataTable;\n    });\n\n    watch(\n      dataTable,\n      async (dataTable) => {\n        dataTable.dataFilter.setReady();\n        if (props.autoLoad) {\n          dataTable.load();\n        }\n\n        let columns = unref(dataTable).getColumns();\n\n        const extractColumnConfig = props.columns.filter(\n          (config) =>\n            columns.findIndex((column) => column.name === config.name) === -1\n        );\n\n        const extractColumn = extractColumnConfig.map(\n          (config) => new TableColumn({ visible: true, ...config })\n        );\n\n        columns = [...extractColumn, ...columns];\n\n        let sortedColumns: TableColumn[] = [];\n        for (const columnConfig of props.columns) {\n          const column = columns.find(\n            (column) => column.name === columnConfig.name\n          )!;\n\n          sortedColumns.push(column);\n        }\n\n        const _columns = columns.filter(\n          (column) =>\n            sortedColumns.findIndex((item) => item.name === column.name) === -1\n        );\n\n        sortedColumns = [...sortedColumns, ..._columns];\n\n        dataTable.setColumns(sortedColumns);\n\n        await dataTable.init();\n      },\n      { immediate: true }\n    );\n\n    provide(DATATABLE_CONTEXT_KEY, reactive({ dataTable }));\n\n    return () => {\n      return (\n        <div class=\"mk-data-table\">\n          {slots.default?.({ dataTable: unref(dataTable) }) || (\n            <MKTableView dataTable={unref(dataTable)} />\n          )}\n        </div>\n      );\n    };\n  },\n});\n"],"names":["name","props","dataTableProps","setup","slots","_dataTable","dataTable","computed","DataTable","reactive","primaryKey","pageSize","interfaceURL","list","listInterfaceURL","delete","deleteInterfaceURL","watch","dataFilter","setReady","autoLoad","load","columns","unref","getColumns","extractColumnConfig","filter","config","findIndex","column","extractColumn","map","TableColumn","visible","sortedColumns","columnConfig","find","push","_columns","item","setColumns","init","immediate","provide","DATATABLE_CONTEXT_KEY","_createVNode","default","MKTableView"],"mappings":"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"}

package/dist/esm/components/data-model/data-table/index.d.ts

@@ -117,9 +117,9 @@ export declare const MKDataTable: import("@maketribe/utils").SFCWithInstall<impo
         readonly [Symbol.species]: ArrayConstructor;
     }, unknown, unknown, () => never[], boolean>;
 }>>, {
+    readonly autoLoad: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
     readonly columns: import("@maketribe/dm").ColumnOptions[];
     readonly selection: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly autoLoad: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
 }, {}>> & {
     MKDataTableColumn: import("vue").DefineComponent<{
         readonly column: {

package/dist/esm/components/data-model/data-table/views/table/index.d.ts

@@ -1,4 +1,4 @@
-export declare const MKTableView: import("vue").DefineComponent<{
+export declare const MKTableView: import("@maketribe/utils").SFCWithInstall<import("vue").DefineComponent<{
     readonly dataTable: {
         readonly type: import("vue").PropType<import("@maketribe/dm").DataTable<any, any, Record<string, any>, import("@maketribe/dm").TableColumn>>;
         readonly required: true;
@@ -12,7 +12,7 @@ export declare const MKTableView: import("vue").DefineComponent<{
         readonly validator: ((val: unknown) => boolean) | undefined;
         __mkPropKey: true;
     };
-}>>, {}, {}>;
+}>>, {}, {}>> & Record<string, any>;
 export default MKTableView;
 export * from "./classify-search";
 export * from "./search";

package/dist/esm/components/data-model/data-table/views/table/index.js

@@ -1,3 +1,4 @@
+import { withInstall } from '@maketribe/utils';
 import TableView from './table-view.js';
 export { MKTableClassifySearch } from './classify-search/index.js';
 export { MKTableSearch } from './search/index.js';
@@ -6,7 +7,7 @@ export { conditionProps, useCondition } from './search/composables/use-condition
 export { TABLE_SEARCH_CONTEXT_KEY, TABLE_SEARCH_ITEM_CONTEXT_KEY } from './search/token.js';
 export { BETWEEN_OPTION, CONTAIN_OPTION, EQUAL_OPTION, GREATER_THAN_EQUAL_OPTION, GREATER_THAN_OPTION, IN_OPTION, LESS_THAN_EQUAL_OPTION, LESS_THAN_OPTION, NOT_IN_OPTION, OPERATOR_OPTIONS } from './search/operator-options.js';
 
-const MKTableView = TableView;
+const MKTableView = withInstall(TableView);
 
 export { MKTableView, MKTableView as default };
 //# sourceMappingURL=index.js.map

package/dist/esm/components/data-model/data-table/views/table/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../src/components/data-model/data-table/views/table/index.ts"],"sourcesContent":["import TableView from \"./table-view\";\n\nexport const MKTableView = TableView;\n\nexport default MKTableView;\n\nexport * from \"./classify-search\";\nexport * from \"./search\";\n"],"names":[],"mappings":";;;;;;;;AAEO,MAAM,WAAc,GAAA;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../src/components/data-model/data-table/views/table/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\nimport TableView from \"./table-view\";\n\nexport const MKTableView = withInstall(TableView);\n\nexport default MKTableView;\n\nexport * from \"./classify-search\";\nexport * from \"./search\";\n"],"names":[],"mappings":";;;;;;;;;AAGa,MAAA,WAAA,GAAc,YAAY,SAAS;;;;"}

package/dist/esm/components/data-model/data-tree/data-tree.d.ts

@@ -38,8 +38,8 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly defaultExpandAll: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
 }>>, {
-    readonly props: Record<string, any>;
     readonly autoLoad: any;
+    readonly props: Record<string, any>;
     readonly defaultExpandAll: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
 }, {}>;
 export default _default;

package/dist/esm/components/data-model/data-tree/index.d.ts

@@ -37,8 +37,8 @@ export declare const MKDataTree: import("@maketribe/utils").SFCWithInstall<impor
     };
     readonly defaultExpandAll: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
 }>>, {
-    readonly props: Record<string, any>;
     readonly autoLoad: any;
+    readonly props: Record<string, any>;
     readonly defaultExpandAll: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
 }, {}>> & Record<string, any>;
 export default MKDataTree;

package/dist/esm/components/data-model/data-tree-page/data-tree-page.d.ts

@@ -49,8 +49,8 @@ declare const _default: import("vue").DefineComponent<{
         __mkPropKey: true;
     };
 }>>, {
-    readonly props: Record<string, any>;
     readonly autoLoad: any;
+    readonly props: Record<string, any>;
     readonly defaultExpandAll: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
 }, {}>;
 export default _default;

package/dist/esm/components/data-model/data-tree-page/data-tree-page.js

@@ -9,9 +9,11 @@ import '@maketribe/request';
 import '@maketribe/locale';
 import '@maketribe/utils';
 import '../../../core/DataModelDefines.js';
+import '../data-form/index.js';
 import MKDataTree from '../data-tree/data-tree.js';
 import MKDataForm from '../data-form/data-form.js';
 import { dataTreePageProps } from './data-tree-page-options.js';
+import { MKForm } from '../data-form/views/form/index.js';
 
 function _isSlot(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
@@ -69,6 +71,7 @@ var DataTreePage = /* @__PURE__ */ defineComponent({
       }
     };
     const handleCancel = () => {
+      unref(dataForm).cancel();
       isShowForm.value = false;
     };
     const dataTreeSlots = computed(() => {
@@ -120,7 +123,12 @@ var DataTreePage = /* @__PURE__ */ defineComponent({
         }, {
           default: () => [createVNode(MKDataForm, mergeProps(unref(attrs), {
             "dataForm": unref(dataForm)
-          }), unref(dataFormSlots))],
+          }), {
+            ...unref(dataFormSlots),
+            default: () => createVNode(MKForm, {
+              "dataForm": unref(dataForm)
+            }, null)
+          })],
           footer: () => {
             let _slot2, _slot3;
             return createVNode(Fragment, null, [createVNode(ElButton, {

package/dist/esm/components/data-model/data-tree-page/data-tree-page.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-tree-page.js","sources":["../../../../../src/components/data-model/data-tree-page/data-tree-page.tsx"],"sourcesContent":["import {\n  Fragment,\n  computed,\n  watch,\n  defineComponent,\n  nextTick,\n  ref,\n  unref,\n  useAttrs,\n  useSlots,\n} from \"vue\";\nimport { ElButton, ElDialog, ElMessage, ElCard } from \"element-plus\";\nimport { Search } from \"@element-plus/icons-vue\";\nimport { useI18n } from \"../../../composables\";\nimport MKDataTree from \"../data-tree/data-tree\";\nimport MKDataForm from \"../data-form/data-form\";\nimport { dataTreePageProps } from \"./data-tree-page-options\";\n\nexport default defineComponent({\n  name: \"MKDataTreePage\",\n  inheritAttrs: false,\n  props: dataTreePageProps,\n  setup(props) {\n    const attrs = useAttrs();\n    const slots = useSlots();\n\n    const { dataTable, dataForm } = unref(props);\n\n    const i18n = useI18n()!;\n\n    const isShowForm = ref(false);\n\n    const tableLoading = computed(() => unref(dataTable)?.loading);\n    const formLoading = computed(() => unref(dataForm)?.loading);\n    const allowFormSubmit = computed(() => {\n      const _dataForm = unref(dataForm);\n      if (_dataForm) {\n        return _dataForm.allowSubmit;\n      }\n      return false;\n    });\n\n    const handleEdit = async (item: any) => {\n      isShowForm.value = true;\n\n      // 等待form组件渲染完成\n      await nextTick();\n\n      unref(dataForm).editRecord(item.item);\n    };\n\n    const handleAdd = async () => {\n      isShowForm.value = true;\n\n      // 等待form组件渲染完成\n      await nextTick();\n\n      unref(dataForm).addRecord();\n    };\n\n    const handleSubmit = async () => {\n      try {\n        const response = await unref(dataForm).submit();\n\n        if (response.data.code !== 200) {\n          ElMessage.error({ message: response.data.msg });\n          return;\n        }\n\n        unref(dataTable).load();\n        ElMessage.success({\n          message: i18n.translate(\"mk.message.saveSuccess\"),\n        });\n\n        isShowForm.value = false;\n      } catch (e) {\n        ElMessage.error({\n          message: i18n.translate(\"mk.message.saveError\"),\n        });\n      }\n    };\n\n    const handleCancel = () => {\n      isShowForm.value = false;\n    };\n\n    const dataTreeSlots = computed(() => {\n      let keys = Object.keys(slots);\n\n      keys = keys.filter((key) => key.startsWith(\"tree-\"));\n\n      const dataTreeSlots: Record<string, any> = {\n        default: slots[\"tree-node\"],\n      };\n\n      for (const key of keys) {\n        dataTreeSlots[key.replace(/^tree-/, \"\")] = slots[key];\n      }\n\n      return dataTreeSlots;\n    });\n\n    const dataFormSlots = computed(() => {\n      let keys = Object.keys(slots);\n\n      keys = keys.filter((key) => key.startsWith(\"form-\"));\n\n      const dataFormSlots: Record<string, any> = {\n        default: slots.form,\n      };\n\n      for (const key of keys) {\n        dataFormSlots[key.replace(/^form-/, \"\")] = slots[key];\n      }\n\n      return dataFormSlots;\n    });\n\n    const dataTreeRef = ref<any>();\n\n    // 节点搜索\n    const searchInputValue = ref(\"\");\n    watch(searchInputValue, (value) => {\n      dataTreeRef.value!.filter(value);\n    });\n    const filterNodeMethodFn = (value: string, data: any) => {\n      if (!searchInputValue.value) return true;\n      return data[props.props.label].includes(searchInputValue.value);\n    };\n\n    return () => {\n      return (\n        <ElCard\n          class=\"mk-data-tree-page\"\n          v-slots={{\n            header: () => {\n              return (\n                <div class=\"header-box\">\n                  <div class=\"header-box-main\">\n                    <el-input\n                      modelValue={unref(searchInputValue)}\n                      clearable={true}\n                      onUpdate:modelValue={(v: string) =>\n                        (searchInputValue.value = v)\n                      }\n                      prefix-icon={Search}\n                    />\n                  </div>\n                  <div class=\"header-box-tools\">\n                    <ElButton onClick={handleAdd} type=\"primary\">\n                      {i18n.translate(\"mk.dataTreePage.addButton\")}\n                    </ElButton>\n                  </div>\n                </div>\n              );\n            },\n          }}\n        >\n          <MKDataTree\n            ref={dataTreeRef}\n            {...unref(attrs)}\n            {...props}\n            v-loading={unref(tableLoading)}\n            filterNodeMethod={filterNodeMethodFn}\n            dataTable={unref(dataTable)}\n            onEdit-record={handleEdit}\n            v-slots={unref(dataTreeSlots)}\n          />\n          <ElDialog\n            appendToBody\n            modelValue={unref(isShowForm)}\n            onUpdate:modelValue={(v: boolean) => (isShowForm.value = v)}\n            v-slots={{\n              footer: () => (\n                <Fragment>\n                  <ElButton\n                    type=\"primary\"\n                    loading={unref(formLoading) || unref(allowFormSubmit)}\n                    onClick={handleSubmit}\n                  >\n                    {i18n.translate(\"mk.dataForm.saveButton\")}\n                  </ElButton>\n                  <ElButton onClick={handleCancel}>\n                    {i18n.translate(\"mk.dataForm.cancelButton\")}\n                  </ElButton>\n                </Fragment>\n              ),\n            }}\n          >\n            <MKDataForm\n              {...unref(attrs)}\n              dataForm={unref(dataForm)}\n              v-slots={unref(dataFormSlots)}\n            />\n          </ElDialog>\n        </ElCard>\n      );\n    };\n  },\n});\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","name","inheritAttrs","props","dataTreePageProps","setup","attrs","useAttrs","slots","useSlots","dataTable","dataForm","unref","i18n","useI18n","isShowForm","ref","tableLoading","computed","loading","formLoading","allowFormSubmit","_dataForm","allowSubmit","handleEdit","item","value","nextTick","editRecord","handleAdd","addRecord","handleSubmit","response","submit","data","code","ElMessage","error","message","msg","load","success","translate","e","handleCancel","dataTreeSlots","keys","filter","key","startsWith","default","replace","dataFormSlots","form","dataTreeRef","searchInputValue","watch","filterNodeMethodFn","label","includes","_createVNode","ElCard","_withDirectives","MKDataTree","_mergeProps","_resolveDirective","ElDialog","v","MKDataForm","footer","_slot2","_slot3","_Fragment","ElButton","header","_slot","_resolveComponent","Search"],"mappings":"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"}
+{"version":3,"file":"data-tree-page.js","sources":["../../../../../src/components/data-model/data-tree-page/data-tree-page.tsx"],"sourcesContent":["import {\n  Fragment,\n  computed,\n  watch,\n  defineComponent,\n  nextTick,\n  ref,\n  unref,\n  useAttrs,\n  useSlots,\n} from \"vue\";\nimport { ElButton, ElDialog, ElMessage, ElCard } from \"element-plus\";\nimport { Search } from \"@element-plus/icons-vue\";\nimport { useI18n } from \"../../../composables\";\nimport { MKForm } from \"../data-form\";\nimport MKDataTree from \"../data-tree/data-tree\";\nimport MKDataForm from \"../data-form/data-form\";\nimport { dataTreePageProps } from \"./data-tree-page-options\";\n\nexport default defineComponent({\n  name: \"MKDataTreePage\",\n  inheritAttrs: false,\n  props: dataTreePageProps,\n  setup(props) {\n    const attrs = useAttrs();\n    const slots = useSlots();\n\n    const { dataTable, dataForm } = unref(props);\n\n    const i18n = useI18n()!;\n\n    const isShowForm = ref(false);\n\n    const tableLoading = computed(() => unref(dataTable)?.loading);\n    const formLoading = computed(() => unref(dataForm)?.loading);\n    const allowFormSubmit = computed(() => {\n      const _dataForm = unref(dataForm);\n      if (_dataForm) {\n        return _dataForm.allowSubmit;\n      }\n      return false;\n    });\n\n    const handleEdit = async (item: any) => {\n      isShowForm.value = true;\n\n      // 等待form组件渲染完成\n      await nextTick();\n\n      unref(dataForm).editRecord(item.item);\n    };\n\n    const handleAdd = async () => {\n      isShowForm.value = true;\n\n      // 等待form组件渲染完成\n      await nextTick();\n\n      unref(dataForm).addRecord();\n    };\n\n    const handleSubmit = async () => {\n      try {\n        const response = await unref(dataForm).submit();\n\n        if (response.data.code !== 200) {\n          ElMessage.error({ message: response.data.msg });\n          return;\n        }\n\n        unref(dataTable).load();\n        ElMessage.success({\n          message: i18n.translate(\"mk.message.saveSuccess\"),\n        });\n\n        isShowForm.value = false;\n      } catch (e) {\n        ElMessage.error({\n          message: i18n.translate(\"mk.message.saveError\"),\n        });\n      }\n    };\n\n    const handleCancel = () => {\n      unref(dataForm).cancel();\n      isShowForm.value = false;\n    };\n\n    const dataTreeSlots = computed(() => {\n      let keys = Object.keys(slots);\n\n      keys = keys.filter((key) => key.startsWith(\"tree-\"));\n\n      const dataTreeSlots: Record<string, any> = {\n        default: slots[\"tree-node\"],\n      };\n\n      for (const key of keys) {\n        dataTreeSlots[key.replace(/^tree-/, \"\")] = slots[key];\n      }\n\n      return dataTreeSlots;\n    });\n\n    const dataFormSlots = computed(() => {\n      let keys = Object.keys(slots);\n\n      keys = keys.filter((key) => key.startsWith(\"form-\"));\n\n      const dataFormSlots: Record<string, any> = {\n        default: slots.form,\n      };\n\n      for (const key of keys) {\n        dataFormSlots[key.replace(/^form-/, \"\")] = slots[key];\n      }\n\n      return dataFormSlots;\n    });\n\n    const dataTreeRef = ref<any>();\n\n    // 节点搜索\n    const searchInputValue = ref(\"\");\n    watch(searchInputValue, (value) => {\n      dataTreeRef.value!.filter(value);\n    });\n    const filterNodeMethodFn = (value: string, data: any) => {\n      if (!searchInputValue.value) return true;\n      return data[props.props.label].includes(searchInputValue.value);\n    };\n\n    return () => {\n      return (\n        <ElCard\n          class=\"mk-data-tree-page\"\n          v-slots={{\n            header: () => {\n              return (\n                <div class=\"header-box\">\n                  <div class=\"header-box-main\">\n                    <el-input\n                      modelValue={unref(searchInputValue)}\n                      clearable={true}\n                      onUpdate:modelValue={(v: string) =>\n                        (searchInputValue.value = v)\n                      }\n                      prefix-icon={Search}\n                    />\n                  </div>\n                  <div class=\"header-box-tools\">\n                    <ElButton onClick={handleAdd} type=\"primary\">\n                      {i18n.translate(\"mk.dataTreePage.addButton\")}\n                    </ElButton>\n                  </div>\n                </div>\n              );\n            },\n          }}\n        >\n          <MKDataTree\n            ref={dataTreeRef}\n            {...unref(attrs)}\n            {...props}\n            v-loading={unref(tableLoading)}\n            filterNodeMethod={filterNodeMethodFn}\n            dataTable={unref(dataTable)}\n            onEdit-record={handleEdit}\n            v-slots={unref(dataTreeSlots)}\n          />\n          <ElDialog\n            appendToBody\n            modelValue={unref(isShowForm)}\n            onUpdate:modelValue={(v: boolean) => (isShowForm.value = v)}\n            v-slots={{\n              footer: () => (\n                <Fragment>\n                  <ElButton\n                    type=\"primary\"\n                    loading={unref(formLoading) || unref(allowFormSubmit)}\n                    onClick={handleSubmit}\n                  >\n                    {i18n.translate(\"mk.dataForm.saveButton\")}\n                  </ElButton>\n                  <ElButton onClick={handleCancel}>\n                    {i18n.translate(\"mk.dataForm.cancelButton\")}\n                  </ElButton>\n                </Fragment>\n              ),\n            }}\n          >\n            <MKDataForm\n              {...unref(attrs)}\n              dataForm={unref(dataForm)}\n              v-slots={{\n                ...unref(dataFormSlots),\n                default: () => <MKForm dataForm={unref(dataForm)} />,\n              }}\n            />\n          </ElDialog>\n        </ElCard>\n      );\n    };\n  },\n});\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","name","inheritAttrs","props","dataTreePageProps","setup","attrs","useAttrs","slots","useSlots","dataTable","dataForm","unref","i18n","useI18n","isShowForm","ref","tableLoading","computed","loading","formLoading","allowFormSubmit","_dataForm","allowSubmit","handleEdit","item","value","nextTick","editRecord","handleAdd","addRecord","handleSubmit","response","submit","data","code","ElMessage","error","message","msg","load","success","translate","e","handleCancel","cancel","dataTreeSlots","keys","filter","key","startsWith","default","replace","dataFormSlots","form","dataTreeRef","searchInputValue","watch","filterNodeMethodFn","label","includes","_createVNode","ElCard","_withDirectives","MKDataTree","_mergeProps","_resolveDirective","ElDialog","v","MKDataForm","MKForm","footer","_slot2","_slot3","_Fragment","ElButton","header","_slot","_resolveComponent","Search"],"mappings":"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"}

package/dist/esm/components/data-model/data-tree-page/index.d.ts

@@ -49,8 +49,8 @@ export declare const MKDataTreePage: import("@maketribe/utils").SFCWithInstall<i
         __mkPropKey: true;
     };
 }>>, {
-    readonly props: Record<string, any>;
     readonly autoLoad: any;
+    readonly props: Record<string, any>;
     readonly defaultExpandAll: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
 }, {}>> & Record<string, any>;
 export default MKDataTreePage;

package/dist/esm/components/data-model/index.js

@@ -8,6 +8,8 @@ export { MKDataTablePagination } from './data-table-pagination/index.js';
 export { dataFormEmits, dataFormProps } from './data-form/data-form-options.js';
 export { dataFormItemProps } from './data-form/data-form-item/data-form-item-options.js';
 export { MKDataFormItem } from './data-form/data-form-item/index.js';
+export { MKForm } from './data-form/views/form/index.js';
+export { MKFormView } from './data-form/views/form-view/index.js';
 export { dataFormPageEmits, dataFormPageProps } from './data-form-page/data-form-page-options.js';
 export { dataTableColumnProps } from './data-table/data-table-column/data-table-column-options.js';
 export { MKDataTableColumn } from './data-table/data-table-column/index.js';

package/dist/esm/components/data-model/index.js.map

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

package/dist/esm/components/image-select/image-select.js

@@ -18,7 +18,7 @@ var imageSelect = /* @__PURE__ */ defineComponent({
     const handleSelectClick = async (e) => {
       const response = await MKMaterialSelect();
       if (response.success) {
-        modelValue.value = response.data;
+        modelValue.value = response.path;
       }
     };
     return () => {

package/dist/esm/components/image-select/image-select.js.map

@@ -1 +1 @@
-{"version":3,"file":"image-select.js","sources":["../../../../src/components/image-select/image-select.tsx"],"sourcesContent":["import { defineComponent, computed } from \"vue\";\nimport { ElIcon } from \"element-plus\";\nimport { Plus } from \"@element-plus/icons-vue\";\nimport { imageSelectProps, imageSelectEmits } from \"./image-select-option\";\nimport { MKMaterialSelect } from \"../../components/material-select\";\n\nexport default defineComponent({\n  name: \"MKFileView\",\n  props: imageSelectProps,\n  emits: imageSelectEmits,\n\n  setup(props, { emit }) {\n    const modelValue = computed({\n      get: () => props.modelValue,\n      set: (v) => emit(\"update:model-value\", v),\n    });\n\n    const handleSelectClick = async (e: MouseEvent) => {\n      const response = await MKMaterialSelect();\n\n      if (response.success) {\n        modelValue.value = response.data;\n      }\n    };\n\n    return () => {\n      const imageVNode = props.modelValue ? (\n        <img\n          src={props.modelValue}\n          class=\"img-select-content\"\n          onClick={handleSelectClick}\n        />\n      ) : (\n        <span onClick={handleSelectClick}>\n          <ElIcon class=\"img-select-icon\">\n            <Plus />\n          </ElIcon>\n        </span>\n      );\n\n      return <div class=\"img-select\">{imageVNode}</div>;\n    };\n  },\n});\n"],"names":["name","props","imageSelectProps","emits","imageSelectEmits","setup","emit","modelValue","computed","get","set","v","handleSelectClick","e","response","MKMaterialSelect","success","value","data","imageVNode","_createVNode","ElIcon","default","Plus"],"mappings":";;;;;;AAMA,kCAA+B,eAAA,CAAA;AAAA,EAC7BA,IAAM,EAAA,YAAA;AAAA,EACNC,KAAOC,EAAAA,gBAAAA;AAAAA,EACPC,KAAOC,EAAAA,gBAAAA;AAAAA,EAEPC,MAAMJ,KAAO,EAAA;AAAA,IAAEK,IAAAA;AAAAA,GAAQ,EAAA;AACrB,IAAA,MAAMC,aAAaC,QAAS,CAAA;AAAA,MAC1BC,GAAAA,EAAKA,MAAMR,KAAMM,CAAAA,UAAAA;AAAAA,MACjBG,GAAMC,EAAAA,CAAAA,CAAAA,KAAML,IAAK,CAAA,oBAAA,EAAsBK,CAAC,CAAA;AAAA,KACzC,CAAA,CAAA;AAED,IAAMC,MAAAA,iBAAAA,GAAoB,OAAOC,CAAkB,KAAA;AACjD,MAAMC,MAAAA,QAAAA,GAAW,MAAMC,gBAAiB,EAAA,CAAA;AAExC,MAAA,IAAID,SAASE,OAAS,EAAA;AACpBT,QAAAA,UAAAA,CAAWU,QAAQH,QAASI,CAAAA,IAAAA,CAAAA;AAAAA,OAC9B;AAAA,KACF,CAAA;AAEA,IAAA,OAAO,MAAM;AACX,MAAA,MAAMC,UAAalB,GAAAA,KAAAA,CAAMM,UAAUa,GAAAA,WAAAA,CAAA,KAAA,EAAA;AAAA,QAAA,OAE1BnB,KAAMM,CAAAA,UAAAA;AAAAA,QAAU,OAAA,EAAA,oBAAA;AAAA,QAAA,SAEZK,EAAAA,iBAAAA;AAAAA,OAAiB,EAAA,IAAA,CAAAQ,GAAAA,WAAAA,CAAA,MAAA,EAAA;AAAA,QAAA,SAGbR,EAAAA,iBAAAA;AAAAA,OAAiB,EAAAQ,CAAAA,WAAAA,CAAAC,MAAA,EAAA;AAAA,QAAA,OAAA,EAAA,iBAAA;AAAA,OAAA,EAAA;AAAA,QAAAC,SAAAA,MAAAF,CAAAA,YAAAG,IAAA,EAAA,IAAA,EAAA,IAAA,CAAA,CAAA;AAAA,OAKjC,CAAA,CAAA,CAAA,CAAA;AAED,MAAA,OAAAH,YAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,YAAA;AAAA,OAAA,EAAA,CAAgCD,UAAU,CAAA,CAAA,CAAA;AAAA,KAC5C,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}
+{"version":3,"file":"image-select.js","sources":["../../../../src/components/image-select/image-select.tsx"],"sourcesContent":["import { defineComponent, computed } from \"vue\";\nimport { ElIcon } from \"element-plus\";\nimport { Plus } from \"@element-plus/icons-vue\";\nimport { imageSelectProps, imageSelectEmits } from \"./image-select-option\";\nimport { MKMaterialSelect } from \"../../components/material-select\";\n\nexport default defineComponent({\n  name: \"MKFileView\",\n  props: imageSelectProps,\n  emits: imageSelectEmits,\n\n  setup(props, { emit }) {\n    const modelValue = computed({\n      get: () => props.modelValue,\n      set: (v) => emit(\"update:model-value\", v),\n    });\n\n    const handleSelectClick = async (e: MouseEvent) => {\n      const response = await MKMaterialSelect();\n\n      if (response.success) {\n        modelValue.value = response.path;\n      }\n    };\n\n    return () => {\n      const imageVNode = props.modelValue ? (\n        <img\n          src={props.modelValue}\n          class=\"img-select-content\"\n          onClick={handleSelectClick}\n        />\n      ) : (\n        <span onClick={handleSelectClick}>\n          <ElIcon class=\"img-select-icon\">\n            <Plus />\n          </ElIcon>\n        </span>\n      );\n\n      return <div class=\"img-select\">{imageVNode}</div>;\n    };\n  },\n});\n"],"names":["name","props","imageSelectProps","emits","imageSelectEmits","setup","emit","modelValue","computed","get","set","v","handleSelectClick","e","response","MKMaterialSelect","success","value","path","imageVNode","_createVNode","ElIcon","default","Plus"],"mappings":";;;;;;AAMA,kCAA+B,eAAA,CAAA;AAAA,EAC7BA,IAAM,EAAA,YAAA;AAAA,EACNC,KAAOC,EAAAA,gBAAAA;AAAAA,EACPC,KAAOC,EAAAA,gBAAAA;AAAAA,EAEPC,MAAMJ,KAAO,EAAA;AAAA,IAAEK,IAAAA;AAAAA,GAAQ,EAAA;AACrB,IAAA,MAAMC,aAAaC,QAAS,CAAA;AAAA,MAC1BC,GAAAA,EAAKA,MAAMR,KAAMM,CAAAA,UAAAA;AAAAA,MACjBG,GAAMC,EAAAA,CAAAA,CAAAA,KAAML,IAAK,CAAA,oBAAA,EAAsBK,CAAC,CAAA;AAAA,KACzC,CAAA,CAAA;AAED,IAAMC,MAAAA,iBAAAA,GAAoB,OAAOC,CAAkB,KAAA;AACjD,MAAMC,MAAAA,QAAAA,GAAW,MAAMC,gBAAiB,EAAA,CAAA;AAExC,MAAA,IAAID,SAASE,OAAS,EAAA;AACpBT,QAAAA,UAAAA,CAAWU,QAAQH,QAASI,CAAAA,IAAAA,CAAAA;AAAAA,OAC9B;AAAA,KACF,CAAA;AAEA,IAAA,OAAO,MAAM;AACX,MAAA,MAAMC,UAAalB,GAAAA,KAAAA,CAAMM,UAAUa,GAAAA,WAAAA,CAAA,KAAA,EAAA;AAAA,QAAA,OAE1BnB,KAAMM,CAAAA,UAAAA;AAAAA,QAAU,OAAA,EAAA,oBAAA;AAAA,QAAA,SAEZK,EAAAA,iBAAAA;AAAAA,OAAiB,EAAA,IAAA,CAAAQ,GAAAA,WAAAA,CAAA,MAAA,EAAA;AAAA,QAAA,SAGbR,EAAAA,iBAAAA;AAAAA,OAAiB,EAAAQ,CAAAA,WAAAA,CAAAC,MAAA,EAAA;AAAA,QAAA,OAAA,EAAA,iBAAA;AAAA,OAAA,EAAA;AAAA,QAAAC,SAAAA,MAAAF,CAAAA,YAAAG,IAAA,EAAA,IAAA,EAAA,IAAA,CAAA,CAAA;AAAA,OAKjC,CAAA,CAAA,CAAA,CAAA;AAED,MAAA,OAAAH,YAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,YAAA;AAAA,OAAA,EAAA,CAAgCD,UAAU,CAAA,CAAA,CAAA;AAAA,KAC5C,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}

package/dist/esm/components/index.js

@@ -48,6 +48,8 @@ export { MKMemberTable } from './member-table/index.js';
 export { dataFormEmits, dataFormProps } from './data-model/data-form/data-form-options.js';
 export { dataFormItemProps } from './data-model/data-form/data-form-item/data-form-item-options.js';
 export { MKDataFormItem } from './data-model/data-form/data-form-item/index.js';
+export { MKForm } from './data-model/data-form/views/form/index.js';
+export { MKFormView } from './data-model/data-form/views/form-view/index.js';
 export { dataFormPageEmits, dataFormPageProps } from './data-model/data-form-page/data-form-page-options.js';
 export { dataTableColumnProps } from './data-model/data-table/data-table-column/data-table-column-options.js';
 export { MKDataTableColumn } from './data-model/data-table/data-table-column/index.js';

package/dist/esm/components/index.js.map

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

package/dist/esm/components/markdown-editor/markdown-editor.js

@@ -3,7 +3,7 @@ import Vditor from '../../node_modules/.pnpm/vditor@3.9.6/node_modules/vditor/di
 import { markdownEditorProps, markdownEditorEmits } from './markdown-editor-options.js';
 import { Disposable, createDisposable } from '@maketribe/utils';
 import { WebFileUpload } from '@maketribe/request';
-import { ElMessage } from 'element-plus';
+import { MKMaterialSelect } from '../material-select/index.js';
 
 let uid = 0;
 var MarkdownEditor = /* @__PURE__ */ defineComponent({
@@ -13,7 +13,7 @@ var MarkdownEditor = /* @__PURE__ */ defineComponent({
   setup(props, {
     emit
   }) {
-    const webFileUpload = new WebFileUpload();
+    new WebFileUpload();
     const markdownEl = ref(null);
     const _uid = uid++;
     const modelValue = computed({
@@ -26,26 +26,22 @@ var MarkdownEditor = /* @__PURE__ */ defineComponent({
         cache: {
           id: `vditor${_uid}`
         },
-        upload: {
-          handler: async (files) => {
-            if (!files.length) {
-              return null;
-            }
-            try {
-              const response = await webFileUpload.upload(files[0]);
-              if (response.data.code !== 200) {
-                ElMessage.error(response.data.msg);
-                return null;
-              }
-              vditor.insertValue(`![\u56FE\u7247](${response.data.data.path})`);
-              return response.data.data.path;
-            } catch (e) {
-              console.error(e);
-              ElMessage.error("\u7F51\u7EDC\u5F02\u5E38");
-              return null;
+        toolbar: ["emoji", "headings", "bold", "italic", "strike", "link", "|", "list", "ordered-list", "check", "outdent", "indent", "|", "quote", "line", "code", "inline-code", "insert-before", "insert-after", "|", {
+          name: "material",
+          tipPosition: "s",
+          tip: "\u7D20\u6750",
+          icon: `<svg><use xlink:href="#icon-image" /></svg>`,
+          click: async () => {
+            const response = await MKMaterialSelect();
+            if (!response.success) {
+              return;
             }
+            vditor.insertValue(`![\u56FE\u7247](${response.path})`);
           }
-        },
+        }, "record", "table", "|", "undo", "redo", "|", "fullscreen", "edit-mode", {
+          name: "more",
+          toolbar: ["both", "code-theme", "content-theme", "export", "outline", "preview", "devtools", "info", "help"]
+        }],
         after: () => {
           vditor.setValue(modelValue.value || "");
           const _markdownEl = unref(markdownEl);

package/dist/esm/components/markdown-editor/markdown-editor.js.map

@@ -1 +1 @@
-{"version":3,"file":"markdown-editor.js","sources":["../../../../src/components/markdown-editor/markdown-editor.tsx"],"sourcesContent":["import {\n  Ref,\n  computed,\n  defineComponent,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  unref,\n} from \"vue\";\n// @ts-ignore\nimport Vditor from \"vditor\";\n// import \"vditor/dist/index.css\";\nimport {\n  markdownEditorEmits,\n  markdownEditorProps,\n} from \"./markdown-editor-options\";\nimport { Disposable, createDisposable } from \"@maketribe/utils\";\nimport { WebFileUpload } from \"@maketribe/request\";\nimport { ElMessage } from \"element-plus\";\n\nlet uid = 0;\n\nexport default defineComponent({\n  name: \"MKMarkdownEditor\",\n  props: markdownEditorProps,\n  emits: markdownEditorEmits,\n  setup(props, { emit }) {\n    // TODO 要使用MSAppClient的HttpRequest\n    const webFileUpload = new WebFileUpload();\n\n    const markdownEl: Ref<HTMLElement | null> = ref(null);\n\n    const _uid = uid++;\n\n    const modelValue = computed({\n      get: () => props.modelValue,\n      set: (v: string) => emit(\"update:model-value\", v),\n    });\n\n    onMounted(() => {\n      const disposable = new Disposable();\n\n      const vditor = new Vditor(unref(markdownEl)!, {\n        cache: { id: `vditor${_uid}` },\n        upload: {\n          handler: async (files: File[]) => {\n            if (!files.length) {\n              return null;\n            }\n\n            try {\n              const response = await webFileUpload.upload(files[0]);\n\n              if (response.data.code !== 200) {\n                ElMessage.error(response.data.msg);\n                return null;\n              }\n\n              vditor.insertValue(`![图片](${response.data.data.path})`);\n\n              return response.data.data.path;\n            } catch (e) {\n              console.error(e);\n\n              ElMessage.error(\"网络异常\");\n\n              return null;\n            }\n          },\n        } as any,\n        after: () => {\n          vditor!.setValue(modelValue.value || \"\");\n\n          const _markdownEl = unref(markdownEl)!;\n\n          const handleContentChange = () => {\n            modelValue.value = vditor!.getValue();\n          };\n\n          _markdownEl.addEventListener(\"input\", handleContentChange);\n          _markdownEl.addEventListener(\"keydown\", handleContentChange);\n          _markdownEl.addEventListener(\"keyup\", handleContentChange);\n          _markdownEl.addEventListener(\"paste\", handleContentChange);\n\n          disposable.register(\n            createDisposable(() => {\n              _markdownEl.removeEventListener(\"input\", handleContentChange);\n              _markdownEl.removeEventListener(\"keydown\", handleContentChange);\n              _markdownEl.removeEventListener(\"keyup\", handleContentChange);\n              _markdownEl.removeEventListener(\"paste\", handleContentChange);\n            })\n          );\n        },\n      });\n\n      onBeforeUnmount(() => {\n        disposable.dispose();\n        vditor?.destroy();\n      });\n    });\n\n    return () => {\n      return (\n        <div ref={((el: HTMLElement) => (markdownEl.value = el)) as any}></div>\n      );\n    };\n  },\n});\n"],"names":["uid","name","props","markdownEditorProps","emits","markdownEditorEmits","setup","emit","webFileUpload","WebFileUpload","markdownEl","ref","_uid","modelValue","computed","get","set","v","onMounted","disposable","Disposable","vditor","Vditor","unref","cache","id","upload","handler","files","length","response","data","code","ElMessage","error","msg","insertValue","path","e","console","after","setValue","value","_markdownEl","handleContentChange","getValue","addEventListener","register","createDisposable","removeEventListener","onBeforeUnmount","dispose","destroy","_createVNode","el"],"mappings":"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"}
+{"version":3,"file":"markdown-editor.js","sources":["../../../../src/components/markdown-editor/markdown-editor.tsx"],"sourcesContent":["import {\n  Ref,\n  computed,\n  defineComponent,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  unref,\n} from \"vue\";\n// @ts-ignore\nimport Vditor from \"vditor\";\nimport {\n  markdownEditorEmits,\n  markdownEditorProps,\n} from \"./markdown-editor-options\";\nimport { Disposable, createDisposable } from \"@maketribe/utils\";\nimport { WebFileUpload } from \"@maketribe/request\";\nimport { MKMaterialSelect } from \"../material-select\";\n\nlet uid = 0;\n\nexport default defineComponent({\n  name: \"MKMarkdownEditor\",\n  props: markdownEditorProps,\n  emits: markdownEditorEmits,\n  setup(props, { emit }) {\n    // TODO 要使用MSAppClient的HttpRequest\n    const webFileUpload = new WebFileUpload();\n\n    const markdownEl: Ref<HTMLElement | null> = ref(null);\n\n    const _uid = uid++;\n\n    const modelValue = computed({\n      get: () => props.modelValue,\n      set: (v: string) => emit(\"update:model-value\", v),\n    });\n\n    onMounted(() => {\n      const disposable = new Disposable();\n\n      const vditor = new Vditor(unref(markdownEl)!, {\n        cache: { id: `vditor${_uid}` },\n        toolbar: [\n          \"emoji\",\n          \"headings\",\n          \"bold\",\n          \"italic\",\n          \"strike\",\n          \"link\",\n          \"|\",\n          \"list\",\n          \"ordered-list\",\n          \"check\",\n          \"outdent\",\n          \"indent\",\n          \"|\",\n          \"quote\",\n          \"line\",\n          \"code\",\n          \"inline-code\",\n          \"insert-before\",\n          \"insert-after\",\n          \"|\",\n          {\n            name: \"material\",\n            tipPosition: \"s\",\n            tip: \"素材\",\n            icon: `<svg><use xlink:href=\"#icon-image\" /></svg>`,\n            click: async () => {\n              const response = await MKMaterialSelect();\n\n              if (!response.success) {\n                return;\n              }\n\n              vditor.insertValue(`![图片](${response.path})`);\n            },\n          },\n          \"record\",\n          \"table\",\n          \"|\",\n          \"undo\",\n          \"redo\",\n          \"|\",\n          \"fullscreen\",\n          \"edit-mode\",\n          {\n            name: \"more\",\n            toolbar: [\n              \"both\",\n              \"code-theme\",\n              \"content-theme\",\n              \"export\",\n              \"outline\",\n              \"preview\",\n              \"devtools\",\n              \"info\",\n              \"help\",\n            ],\n          },\n        ],\n        after: () => {\n          vditor!.setValue(modelValue.value || \"\");\n\n          const _markdownEl = unref(markdownEl)!;\n\n          const handleContentChange = () => {\n            modelValue.value = vditor!.getValue();\n          };\n\n          _markdownEl.addEventListener(\"input\", handleContentChange);\n          _markdownEl.addEventListener(\"keydown\", handleContentChange);\n          _markdownEl.addEventListener(\"keyup\", handleContentChange);\n          _markdownEl.addEventListener(\"paste\", handleContentChange);\n\n          disposable.register(\n            createDisposable(() => {\n              _markdownEl.removeEventListener(\"input\", handleContentChange);\n              _markdownEl.removeEventListener(\"keydown\", handleContentChange);\n              _markdownEl.removeEventListener(\"keyup\", handleContentChange);\n              _markdownEl.removeEventListener(\"paste\", handleContentChange);\n            })\n          );\n        },\n      });\n\n      onBeforeUnmount(() => {\n        disposable.dispose();\n        vditor?.destroy();\n      });\n    });\n\n    return () => {\n      return (\n        <div ref={((el: HTMLElement) => (markdownEl.value = el)) as any}></div>\n      );\n    };\n  },\n});\n"],"names":["uid","name","props","markdownEditorProps","emits","markdownEditorEmits","setup","emit","WebFileUpload","markdownEl","ref","_uid","modelValue","computed","get","set","v","onMounted","disposable","Disposable","vditor","Vditor","unref","cache","id","toolbar","tipPosition","tip","icon","click","response","MKMaterialSelect","success","insertValue","path","after","setValue","value","_markdownEl","handleContentChange","getValue","addEventListener","register","createDisposable","removeEventListener","onBeforeUnmount","dispose","destroy","_createVNode","el"],"mappings":"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"}

package/dist/esm/components/material-list/index.d.ts

@@ -14,6 +14,7 @@ export declare const MKMaterialList: import("@maketribe/utils").SFCWithInstall<i
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:selected-path": (path: any) => boolean;
+    selectedChange: (material: import("../..").Material) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     materialMan: {
         readonly type: import("vue").PropType<import("../..").MaterialMan>;
@@ -30,6 +31,7 @@ export declare const MKMaterialList: import("@maketribe/utils").SFCWithInstall<i
     };
 }>> & {
     "onUpdate:selected-path"?: ((path: any) => any) | undefined;
+    onSelectedChange?: ((material: import("../..").Material) => any) | undefined;
 }, {
     selectable: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
 }, {}>> & Record<string, any>;

package/dist/esm/components/material-list/material-group.vue2.js

@@ -20,6 +20,10 @@ import { MaterialGroupForm } from '../../dataview/material/material-group/Materi
 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 { MKDataTree } from '../data-model/data-tree/index.js';
 import '../config-provider/index.js';
 import { useI18n } from '../../composables/use-i18n.js';

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

@@ -1 +1 @@
-{"version":3,"file":"material-group.vue2.js","sources":["../../../../src/components/material-list/material-group.vue"],"sourcesContent":["<template>\n  <div class=\"mk-material-group\" v-loading=\"loading\">\n    <div class=\"mk-material-group__header\">\n      <div class=\"mk-material-group__header-title\">素材分组</div>\n      <MaterialGroupFromPopper\n        :material-man=\"materialMan\"\n        :material-group-form=\"materialGroupForm\"\n      >\n        <ElButton\n          @click=\"handleAddClick\"\n          :icon=\"Plus\"\n          size=\"small\"\n          type=\"primary\"\n        >\n        </ElButton>\n      </MaterialGroupFromPopper>\n    </div>\n    <div class=\"mk-material-group__main\">\n      <ElScrollbar height=\"100%\">\n        <MKDataTree\n          :auto-load=\"false\"\n          :data-table=\"materialGroupTable\"\n          :props=\"{ label: 'desc', children: 'children' }\"\n          highlight-current\n          @nodeClick=\"handleNodeClick\"\n        >\n          <template #node-tools=\"{ data }\">\n            <div class=\"mk-material-group__tools\" @click.stop>\n              <ElTooltip content=\"添加\">\n                <span class=\"mk-material-group__tools-item\">\n                  <MaterialGroupFromPopper\n                    :material-man=\"materialMan\"\n                    :material-group-form=\"materialGroupForm\"\n                  >\n                    <ElIcon @click=\"handleAddClick(data)\"><Plus /></ElIcon>\n                  </MaterialGroupFromPopper>\n                </span>\n              </ElTooltip>\n              <ElTooltip content=\"编辑\">\n                <span class=\"mk-material-group__tools-item\">\n                  <MaterialGroupFromPopper\n                    :material-man=\"materialMan\"\n                    :material-group-form=\"materialGroupForm\"\n                  >\n                    <ElIcon @click=\"handleEditClick(data)\"><Edit /></ElIcon>\n                  </MaterialGroupFromPopper>\n                </span>\n              </ElTooltip>\n              <ElTooltip content=\"删除\">\n                <span class=\"mk-material-group__tools-item\">\n                  <ElIcon @click=\"handleDeleteClick(data)\"><Delete /></ElIcon>\n                </span>\n              </ElTooltip>\n            </div>\n          </template>\n        </MKDataTree>\n      </ElScrollbar>\n    </div>\n    <div class=\"mk-material-group__footer\"></div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, nextTick, reactive } from \"vue\";\nimport { ElMessage, ElMessageBox } from \"element-plus\";\nimport { Plus, Edit, Delete } from \"@element-plus/icons-vue\";\nimport {\n  MaterialMan,\n  MaterialGroupNode,\n  MaterialGroupForm,\n} from \"../../dataview\";\nimport { MKDataTree } from \"../data-model/data-tree\";\nimport { useI18n } from \"../../composables\";\nimport MaterialGroupFromPopper from \"./material-group-form-popover.vue\";\n\nconst props = defineProps({\n  materialMan: {\n    type: MaterialMan,\n    required: true,\n  },\n});\n\nconst i18n = useI18n()!;\n\nconst materialGroupForm = reactive(\n  new MaterialGroupForm()\n) as MaterialGroupForm;\n\n(window as any).materialGroupForm = materialGroupForm;\n\nconst materialGroupTable = computed(() => props.materialMan.materialGroupTable);\n\nconst loading = computed(() => props.materialMan.materialGroupTable.loading);\n\nconst handleNodeClick = (item: MaterialGroupNode) => {\n  if (!item.children.length) {\n    props.materialMan.setCurrentMaterialGroupId(item.id);\n  }\n};\n\nconst handleAddClick = async (parent?: MaterialGroupNode) => {\n  materialGroupForm.addRecord();\n\n  await nextTick();\n\n  materialGroupForm.setData({\n    ...materialGroupForm.data,\n    parentGroupId: parent?.id || null,\n  } as MaterialGroupNode);\n};\n\nconst handleEditClick = (item: MaterialGroupNode) => {\n  materialGroupForm.editRecord(item);\n};\n\nconst handleDeleteClick = async (item: MaterialGroupNode) => {\n  const isConfirm = await ElMessageBox.confirm(\n    i18n.translate(\"mk.dataTablePage.deleteMessage\"),\n    i18n.translate(\"mk.dataTablePage.deleteTitle\"),\n    { type: \"warning\" }\n  ).then(\n    () => true,\n    () => false\n  );\n\n  if (!isConfirm) {\n    return;\n  }\n\n  const result =\n    await props.materialMan.materialGroupTable.deleteRecordAfterRefresh(item);\n\n  if (result.data.code !== 200) {\n    ElMessage.error(result.data.msg);\n    return;\n  }\n};\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkFA,IAAA,MAAM,OAAO,OAAQ,EAAA,CAAA;AAErB,IAAA,MAAM,iBAAoB,GAAA,QAAA;AAAA,MACxB,IAAI,iBAAkB,EAAA;AAAA,KACxB,CAAA;AAEA,IAAC,OAAe,iBAAoB,GAAA,iBAAA,CAAA;AAEpC,IAAA,MAAM,kBAAqB,GAAA,QAAA,CAAS,MAAM,KAAA,CAAM,YAAY,kBAAkB,CAAA,CAAA;AAE9E,IAAA,MAAM,UAAU,QAAS,CAAA,MAAM,KAAM,CAAA,WAAA,CAAY,mBAAmB,OAAO,CAAA,CAAA;AAE3E,IAAM,MAAA,eAAA,GAAkB,CAAC,IAA4B,KAAA;AACnD,MAAI,IAAA,CAAC,IAAK,CAAA,QAAA,CAAS,MAAQ,EAAA;AACzB,QAAM,KAAA,CAAA,WAAA,CAAY,yBAA0B,CAAA,IAAA,CAAK,EAAE,CAAA,CAAA;AAAA,OACrD;AAAA,KACF,CAAA;AAEA,IAAM,MAAA,cAAA,GAAiB,OAAO,MAA+B,KAAA;AAC3D,MAAA,iBAAA,CAAkB,SAAU,EAAA,CAAA;AAE5B,MAAA,MAAM,QAAS,EAAA,CAAA;AAEf,MAAA,iBAAA,CAAkB,OAAQ,CAAA;AAAA,QACxB,GAAG,iBAAkB,CAAA,IAAA;AAAA,QACrB,aAAA,EAAe,QAAQ,EAAM,IAAA,IAAA;AAAA,OACT,CAAA,CAAA;AAAA,KACxB,CAAA;AAEA,IAAM,MAAA,eAAA,GAAkB,CAAC,IAA4B,KAAA;AACnD,MAAA,iBAAA,CAAkB,WAAW,IAAI,CAAA,CAAA;AAAA,KACnC,CAAA;AAEA,IAAM,MAAA,iBAAA,GAAoB,OAAO,IAA4B,KAAA;AAC3D,MAAM,MAAA,SAAA,GAAY,MAAM,YAAa,CAAA,OAAA;AAAA,QACnC,IAAA,CAAK,UAAU,gCAAgC,CAAA;AAAA,QAC/C,IAAA,CAAK,UAAU,8BAA8B,CAAA;AAAA,QAC7C,EAAE,MAAM,SAAU,EAAA;AAAA,OAClB,CAAA,IAAA;AAAA,QACA,MAAM,IAAA;AAAA,QACN,MAAM,KAAA;AAAA,OACR,CAAA;AAEA,MAAA,IAAI,CAAC,SAAW,EAAA;AACd,QAAA,OAAA;AAAA,OACF;AAEA,MAAA,MAAM,SACJ,MAAM,KAAA,CAAM,WAAY,CAAA,kBAAA,CAAmB,yBAAyB,IAAI,CAAA,CAAA;AAE1E,MAAI,IAAA,MAAA,CAAO,IAAK,CAAA,IAAA,KAAS,GAAK,EAAA;AAC5B,QAAU,SAAA,CAAA,KAAA,CAAM,MAAO,CAAA,IAAA,CAAK,GAAG,CAAA,CAAA;AAC/B,QAAA,OAAA;AAAA,OACF;AAAA,KACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"material-group.vue2.js","sources":["../../../../src/components/material-list/material-group.vue"],"sourcesContent":["<template>\n  <div class=\"mk-material-group\" v-loading=\"loading\">\n    <div class=\"mk-material-group__header\">\n      <div class=\"mk-material-group__header-title\">素材分组</div>\n      <MaterialGroupFromPopper\n        :material-man=\"materialMan\"\n        :material-group-form=\"materialGroupForm\"\n      >\n        <ElButton\n          @click=\"handleAddClick\"\n          :icon=\"Plus\"\n          size=\"small\"\n          type=\"primary\"\n        >\n        </ElButton>\n      </MaterialGroupFromPopper>\n    </div>\n    <div class=\"mk-material-group__main\">\n      <ElScrollbar height=\"100%\">\n        <MKDataTree\n          :auto-load=\"false\"\n          :data-table=\"materialGroupTable\"\n          :props=\"{ label: 'desc', children: 'children' }\"\n          highlight-current\n          @nodeClick=\"handleNodeClick\"\n        >\n          <template #node-tools=\"{ data }\">\n            <div class=\"mk-material-group__tools\" @click.stop>\n              <ElTooltip content=\"添加\">\n                <span class=\"mk-material-group__tools-item\">\n                  <MaterialGroupFromPopper\n                    :material-man=\"materialMan\"\n                    :material-group-form=\"materialGroupForm\"\n                  >\n                    <ElIcon @click=\"handleAddClick(data)\"><Plus /></ElIcon>\n                  </MaterialGroupFromPopper>\n                </span>\n              </ElTooltip>\n              <ElTooltip content=\"编辑\">\n                <span class=\"mk-material-group__tools-item\">\n                  <MaterialGroupFromPopper\n                    :material-man=\"materialMan\"\n                    :material-group-form=\"materialGroupForm\"\n                  >\n                    <ElIcon @click=\"handleEditClick(data)\"><Edit /></ElIcon>\n                  </MaterialGroupFromPopper>\n                </span>\n              </ElTooltip>\n              <ElTooltip content=\"删除\">\n                <span class=\"mk-material-group__tools-item\">\n                  <ElIcon @click=\"handleDeleteClick(data)\"><Delete /></ElIcon>\n                </span>\n              </ElTooltip>\n            </div>\n          </template>\n        </MKDataTree>\n      </ElScrollbar>\n    </div>\n    <div class=\"mk-material-group__footer\"></div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, nextTick, reactive } from \"vue\";\nimport { ElMessage, ElMessageBox } from \"element-plus\";\nimport { Plus, Edit, Delete } from \"@element-plus/icons-vue\";\nimport {\n  MaterialMan,\n  MaterialGroupNode,\n  MaterialGroupForm,\n} from \"../../dataview\";\nimport { MKDataTree } from \"../data-model/data-tree\";\nimport { useI18n } from \"../../composables\";\nimport MaterialGroupFromPopper from \"./material-group-form-popover.vue\";\n\nconst props = defineProps({\n  materialMan: {\n    type: MaterialMan,\n    required: true,\n  },\n});\n\nconst i18n = useI18n()!;\n\nconst materialGroupForm = reactive(\n  new MaterialGroupForm()\n) as MaterialGroupForm;\n\n(window as any).materialGroupForm = materialGroupForm;\n\nconst materialGroupTable = computed(() => props.materialMan.materialGroupTable);\n\nconst loading = computed(() => props.materialMan.materialGroupTable.loading);\n\nconst handleNodeClick = (item: MaterialGroupNode) => {\n  if (!item.children.length) {\n    props.materialMan.setCurrentMaterialGroupId(item.id);\n  }\n};\n\nconst handleAddClick = async (parent?: MaterialGroupNode) => {\n  materialGroupForm.addRecord();\n\n  await nextTick();\n\n  materialGroupForm.setData({\n    ...materialGroupForm.data,\n    parentGroupId: parent?.id || null,\n  } as MaterialGroupNode);\n};\n\nconst handleEditClick = (item: MaterialGroupNode) => {\n  materialGroupForm.editRecord(item);\n};\n\nconst handleDeleteClick = async (item: MaterialGroupNode) => {\n  const isConfirm = await ElMessageBox.confirm(\n    i18n.translate(\"mk.dataTablePage.deleteMessage\"),\n    i18n.translate(\"mk.dataTablePage.deleteTitle\"),\n    { type: \"warning\" }\n  ).then(\n    () => true,\n    () => false\n  );\n\n  if (!isConfirm) {\n    return;\n  }\n\n  const result =\n    await props.materialMan.materialGroupTable.deleteRecordAfterRefresh(item);\n\n  if (result.data.code !== 200) {\n    ElMessage.error(result.data.msg);\n    return;\n  }\n};\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkFA,IAAA,MAAM,OAAO,OAAQ,EAAA,CAAA;AAErB,IAAA,MAAM,iBAAoB,GAAA,QAAA;AAAA,MACxB,IAAI,iBAAkB,EAAA;AAAA,KACxB,CAAA;AAEA,IAAC,OAAe,iBAAoB,GAAA,iBAAA,CAAA;AAEpC,IAAA,MAAM,kBAAqB,GAAA,QAAA,CAAS,MAAM,KAAA,CAAM,YAAY,kBAAkB,CAAA,CAAA;AAE9E,IAAA,MAAM,UAAU,QAAS,CAAA,MAAM,KAAM,CAAA,WAAA,CAAY,mBAAmB,OAAO,CAAA,CAAA;AAE3E,IAAM,MAAA,eAAA,GAAkB,CAAC,IAA4B,KAAA;AACnD,MAAI,IAAA,CAAC,IAAK,CAAA,QAAA,CAAS,MAAQ,EAAA;AACzB,QAAM,KAAA,CAAA,WAAA,CAAY,yBAA0B,CAAA,IAAA,CAAK,EAAE,CAAA,CAAA;AAAA,OACrD;AAAA,KACF,CAAA;AAEA,IAAM,MAAA,cAAA,GAAiB,OAAO,MAA+B,KAAA;AAC3D,MAAA,iBAAA,CAAkB,SAAU,EAAA,CAAA;AAE5B,MAAA,MAAM,QAAS,EAAA,CAAA;AAEf,MAAA,iBAAA,CAAkB,OAAQ,CAAA;AAAA,QACxB,GAAG,iBAAkB,CAAA,IAAA;AAAA,QACrB,aAAA,EAAe,QAAQ,EAAM,IAAA,IAAA;AAAA,OACT,CAAA,CAAA;AAAA,KACxB,CAAA;AAEA,IAAM,MAAA,eAAA,GAAkB,CAAC,IAA4B,KAAA;AACnD,MAAA,iBAAA,CAAkB,WAAW,IAAI,CAAA,CAAA;AAAA,KACnC,CAAA;AAEA,IAAM,MAAA,iBAAA,GAAoB,OAAO,IAA4B,KAAA;AAC3D,MAAM,MAAA,SAAA,GAAY,MAAM,YAAa,CAAA,OAAA;AAAA,QACnC,IAAA,CAAK,UAAU,gCAAgC,CAAA;AAAA,QAC/C,IAAA,CAAK,UAAU,8BAA8B,CAAA;AAAA,QAC7C,EAAE,MAAM,SAAU,EAAA;AAAA,OAClB,CAAA,IAAA;AAAA,QACA,MAAM,IAAA;AAAA,QACN,MAAM,KAAA;AAAA,OACR,CAAA;AAEA,MAAA,IAAI,CAAC,SAAW,EAAA;AACd,QAAA,OAAA;AAAA,OACF;AAEA,MAAA,MAAM,SACJ,MAAM,KAAA,CAAM,WAAY,CAAA,kBAAA,CAAmB,yBAAyB,IAAI,CAAA,CAAA;AAE1E,MAAI,IAAA,MAAA,CAAO,IAAK,CAAA,IAAA,KAAS,GAAK,EAAA;AAC5B,QAAU,SAAA,CAAA,KAAA,CAAM,MAAO,CAAA,IAAA,CAAK,GAAG,CAAA,CAAA;AAC/B,QAAA,OAAA;AAAA,OACF;AAAA,KACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/components/material-list/material-item.vue2.js

@@ -16,6 +16,10 @@ import '../../dataview/config/ConfigForm.js';
 import '../../dataview/config/ConfigTable.js';
 import '../../dataview/material/MaterialForm.js';
 import { MaterialTable } from '../../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';
 
 const _hoisted_1 = { class: "mk-material-item__preview" };
 const _hoisted_2 = { class: "mk-material-item__title" };

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

@@ -1 +1 @@
-{"version":3,"file":"material-item.vue2.js","sources":["../../../../src/components/material-list/material-item.vue"],"sourcesContent":["<template>\n  <ElCard class=\"mk-material-item\" shadow=\"never\">\n    <div class=\"mk-material-item__preview\">\n      <MaterialComponent :src=\"material.path\" />\n    </div>\n    <div class=\"mk-material-item__title\">{{ material.desc }}</div>\n  </ElCard>\n</template>\n\n<script setup lang=\"ts\">\nimport { Material, MaterialTable } from \"../../dataview\";\nimport { computed, toRaw } from \"vue\";\n\nconst props = defineProps({\n  materialTable: { type: MaterialTable, required: true },\n  material: { type: Object, required: true },\n});\n\nconst MaterialComponent = computed(() => {\n  const component =\n    props.materialTable.resolveMaterialComponent(props.material as Material) ||\n    props.materialTable.materialComponents.resolveComponent(\"MKFileView\")!;\n\n  return toRaw(component.component);\n});\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,IAAM,MAAA,iBAAA,GAAoB,SAAS,MAAM;AACvC,MAAM,MAAA,SAAA,GACJ,KAAM,CAAA,aAAA,CAAc,wBAAyB,CAAA,KAAA,CAAM,QAAoB,CAAA,IACvE,KAAM,CAAA,aAAA,CAAc,kBAAmB,CAAA,gBAAA,CAAiB,YAAY,CAAA,CAAA;AAEtE,MAAO,OAAA,KAAA,CAAM,UAAU,SAAS,CAAA,CAAA;AAAA,KACjC,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"material-item.vue2.js","sources":["../../../../src/components/material-list/material-item.vue"],"sourcesContent":["<template>\n  <ElCard class=\"mk-material-item\" shadow=\"never\">\n    <div class=\"mk-material-item__preview\">\n      <MaterialComponent :src=\"material.path\" />\n    </div>\n    <div class=\"mk-material-item__title\">{{ material.desc }}</div>\n  </ElCard>\n</template>\n\n<script setup lang=\"ts\">\nimport { Material, MaterialTable } from \"../../dataview\";\nimport { computed, toRaw } from \"vue\";\n\nconst props = defineProps({\n  materialTable: { type: MaterialTable, required: true },\n  material: { type: Object, required: true },\n});\n\nconst MaterialComponent = computed(() => {\n  const component =\n    props.materialTable.resolveMaterialComponent(props.material as Material) ||\n    props.materialTable.materialComponents.resolveComponent(\"MKFileView\")!;\n\n  return toRaw(component.component);\n});\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,IAAM,MAAA,iBAAA,GAAoB,SAAS,MAAM;AACvC,MAAM,MAAA,SAAA,GACJ,KAAM,CAAA,aAAA,CAAc,wBAAyB,CAAA,KAAA,CAAM,QAAoB,CAAA,IACvE,KAAM,CAAA,aAAA,CAAc,kBAAmB,CAAA,gBAAA,CAAiB,YAAY,CAAA,CAAA;AAEtE,MAAO,OAAA,KAAA,CAAM,UAAU,SAAS,CAAA,CAAA;AAAA,KACjC,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/components/material-list/material-list-options.d.ts

@@ -1,5 +1,5 @@
 import { ExtractPropTypes } from "vue";
-import { MaterialMan } from "../../dataview";
+import { Material, MaterialMan } from "../../dataview";
 export declare const materialListProps: {
     readonly materialMan: {
         readonly type: import("vue").PropType<MaterialMan>;
@@ -18,4 +18,5 @@ export declare const materialListProps: {
 export type MaterialListProps = ExtractPropTypes<typeof materialListProps>;
 export declare const materialListEmits: {
     "update:selected-path": (path: any) => boolean;
+    selectedChange: (material: Material) => boolean;
 };

package/dist/esm/components/material-list/material-list-options.js

@@ -16,6 +16,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';
 
 const materialListProps = buildProps({
   materialMan: {
@@ -31,7 +35,8 @@ const materialListProps = buildProps({
   }
 });
 const materialListEmits = {
-  "update:selected-path": (path) => typeof path === "string"
+  "update:selected-path": (path) => true,
+  selectedChange: (material) => true
 };
 
 export { materialListEmits, materialListProps };

package/dist/esm/components/material-list/material-list-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"material-list-options.js","sources":["../../../../src/components/material-list/material-list-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { MaterialMan } from \"../../dataview\";\n\nexport const materialListProps = buildProps({\n  materialMan: {\n    type: MaterialMan,\n    required: true,\n  },\n  selectable: {\n    type: Boolean,\n    default: false,\n  },\n  selectedPath: {\n    type: String,\n  },\n} as const);\n\nexport type MaterialListProps = ExtractPropTypes<typeof materialListProps>;\n\nexport const materialListEmits = {\n  \"update:selected-path\": (path: any) => typeof path === \"string\",\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAIO,MAAM,oBAAoB,UAAW,CAAA;AAAA,EAC1C,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,WAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EACA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,MAAA;AAAA,GACR;AACF,CAAU,EAAA;AAIH,MAAM,iBAAoB,GAAA;AAAA,EAC/B,sBAAwB,EAAA,CAAC,IAAc,KAAA,OAAO,IAAS,KAAA,QAAA;AACzD;;;;"}
+{"version":3,"file":"material-list-options.js","sources":["../../../../src/components/material-list/material-list-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { Material, MaterialMan } from \"../../dataview\";\n\nexport const materialListProps = buildProps({\n  materialMan: {\n    type: MaterialMan,\n    required: true,\n  },\n  selectable: {\n    type: Boolean,\n    default: false,\n  },\n  selectedPath: {\n    type: String,\n  },\n} as const);\n\nexport type MaterialListProps = ExtractPropTypes<typeof materialListProps>;\n\nexport const materialListEmits = {\n  \"update:selected-path\": (path: any) => true,\n  selectedChange: (material: Material) => true,\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAIO,MAAM,oBAAoB,UAAW,CAAA;AAAA,EAC1C,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,WAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EACA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,MAAA;AAAA,GACR;AACF,CAAU,EAAA;AAIH,MAAM,iBAAoB,GAAA;AAAA,EAC/B,sBAAA,EAAwB,CAAC,IAAc,KAAA,IAAA;AAAA,EACvC,cAAA,EAAgB,CAAC,QAAuB,KAAA,IAAA;AAC1C;;;;"}

package/dist/esm/components/material-list/material-list.vue.d.ts

@@ -1,3 +1,4 @@
+import { Material } from "../../dataview";
 declare const _default: import("vue").DefineComponent<{
     materialMan: {
         readonly type: import("vue").PropType<import("../../dataview").MaterialMan>;
@@ -14,6 +15,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:selected-path": (path: any) => boolean;
+    selectedChange: (material: Material) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     materialMan: {
         readonly type: import("vue").PropType<import("../../dataview").MaterialMan>;
@@ -30,6 +32,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>> & {
     "onUpdate:selected-path"?: ((path: any) => any) | undefined;
+    onSelectedChange?: ((material: Material) => any) | undefined;
 }, {
     selectable: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
 }, {}>;

package/dist/esm/components/material-list/material-list.vue2.js

@@ -54,7 +54,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       pageSize.value = v;
     };
     const materialList = computed(() => unref(materialTable).getList());
-    const materialTypes = computed(() => props.materialMan.materialTypes);
+    const materialTypes = computed(() => props.materialMan.getMaterialType());
     const currentMaterialTypeId = computed(
       () => props.materialMan.currentMaterialTypeId
     );
@@ -74,6 +74,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       event.preventDefault();
       event.stopPropagation();
       value.value = material.path;
+      emit("selectedChange", material);
     };
     return (_ctx, _cache) => {
       const _component_ElButton = resolveComponent("ElButton");