@maketribe/ms-app 3.0.4 → 3.0.6

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

@@ -0,0 +1,118 @@
+import { defineComponent, computed, createVNode, unref, Fragment, createTextVNode } from 'vue';
+import { ElTable, ElTableColumn, ElEmpty, ElCard, ElButton } from 'element-plus';
+import { MKDataTableColumnComponent } from '../../data-table-column-component/index.js';
+import { MKButton } from '../../../../button/index.js';
+import { MKTableClassifySearch } from './classify-search/index.js';
+import { MKDataTableColumn } from '../../data-table-column/index.js';
+import { MKDataTablePagination } from '../../../data-table-pagination/index.js';
+import { MKDataFilterPopover } from '../../../data-filter-popover/index.js';
+import { MKSvgIcon } from '../../../../svg-icon/index.js';
+import { tableViewProps } from './table-view-options.js';
+
+var TableView = /* @__PURE__ */ defineComponent({
+  name: "MKTableView",
+  props: tableViewProps,
+  setup(props, {
+    slots
+  }) {
+    const pageSizes = computed(() => props.dataTable.pageSizes);
+    return () => {
+      const table = slots.table?.({
+        dataTable: props.dataTable
+      }) || createVNode(ElTable, {
+        "data": props.dataTable.getList(),
+        "rowKey": props.dataTable.primaryKey,
+        "border": true,
+        "stripe": true
+      }, {
+        default: () => [props.dataTable.getColumns().filter((column) => column.visible && column.name).map((column) => createVNode(MKDataTableColumn, {
+          "column": column
+        }, {
+          default: () => [slots[`col-${column.name}`]?.() ?? createVNode(ElTableColumn, {
+            "prop": column.name,
+            "label": column.label,
+            "width": column.width,
+            "minWidth": column.minWidth,
+            "fixed": column.fixed,
+            "reserveSelection": true
+          }, {
+            default: (scope) => {
+              let children = slots[`col-${column.name}-content`]?.({
+                $index: scope.$index,
+                row: scope.row,
+                column,
+                dataTable: props.dataTable
+              });
+              if (children) {
+                return children;
+              }
+              return createVNode(MKDataTableColumnComponent, {
+                "column": column,
+                "row": scope.row,
+                "index": scope.$index
+              }, null);
+            }
+          })]
+        }))],
+        empty: () => slots.empty?.() || createVNode(ElEmpty, null, null)
+      });
+      const pagination = slots.pagination?.({
+        dataTable: props.dataTable
+      }) || (unref(pageSizes).length ? createVNode(MKDataTablePagination, {
+        "dataTable": props.dataTable
+      }, null) : null);
+      return createVNode(ElCard, {
+        "class": "mk-table-view"
+      }, {
+        default: () => [table, pagination],
+        header: () => {
+          const _dataTable = props.dataTable;
+          const buttons = _dataTable.buttonTools.filter((button) => button.predicate()).map((button) => createVNode(MKButton, {
+            "button": button,
+            "onClick": () => button.handler()
+          }, null));
+          let classifySearch = slots["classify-search"]?.() ?? null;
+          if (!classifySearch && _dataTable.classifySearch.getClassifySearchItems().length) {
+            classifySearch = createVNode(MKTableClassifySearch, null, null);
+          }
+          const tools = !_dataTable.getSelection().length ? createVNode(Fragment, null, [createVNode("div", {
+            "class": "header-box-main"
+          }, null), createVNode("div", {
+            "class": "header-box-tools"
+          }, [createVNode(MKDataFilterPopover, {
+            "dataTable": _dataTable
+          }, {
+            default: () => [createVNode(ElButton, null, {
+              default: () => [createVNode(MKSvgIcon, {
+                "iconClass": "Filter"
+              }, null)]
+            })]
+          }), buttons])]) : createVNode("div", {
+            "class": "mk-table-view__selection-tip"
+          }, [createVNode("div", {
+            "class": "mk-table-view__selection-tip-left"
+          }, [createVNode("span", null, [createTextVNode("\u5DF2\u9009\u4E2D"), createVNode("span", {
+            "class": "selection-count"
+          }, [_dataTable.getSelection().length]), createTextVNode("\u9879")])]), createVNode("div", {
+            "class": "mk-table-view__selection-tip-right"
+          }, [_dataTable.batchActionButtonTools.map((button) => createVNode(MKButton, {
+            "link": true,
+            "button": button,
+            "onClick": () => button.handler()
+          }, null)), createVNode(ElButton, {
+            "link": true,
+            "onClick": () => _dataTable.clearSelection()
+          }, {
+            default: () => [createTextVNode("\u53D6\u6D88\u9009\u62E9")]
+          })])]);
+          return createVNode(Fragment, null, [classifySearch, createVNode("div", {
+            "class": "mk-table-view__header header-box"
+          }, [tools])]);
+        }
+      });
+    };
+  }
+});
+
+export { TableView as default };
+//# sourceMappingURL=table-view.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table-view.js","sources":["../../../../../../../src/components/data-model/data-table/views/table/table-view.tsx"],"sourcesContent":["import { Fragment, computed, defineComponent, unref } from \"vue\";\nimport {\n  ElButton,\n  ElCard,\n  ElEmpty,\n  ElTable,\n  ElTableColumn,\n} from \"element-plus\";\n\nimport { MKDataTableColumnComponent } from \"../../data-table-column-component\";\nimport { MKButton } from \"../../../../button\";\nimport { MKTableClassifySearch } from \"./classify-search\";\nimport { MKDataTableColumn } from \"../../data-table-column\";\nimport { MKDataTablePagination } from \"../../../data-table-pagination\";\nimport { MKDataFilterPopover } from \"../../../data-filter-popover\";\nimport { MKSvgIcon } from \"../../../../svg-icon\";\nimport { tableViewProps } from \"./table-view-options\";\n\nexport default defineComponent({\n  name: \"MKTableView\",\n  props: tableViewProps,\n  setup(props, { slots }) {\n    const pageSizes = computed(() => props.dataTable.pageSizes);\n\n    return () => {\n      const table = slots.table?.({ dataTable: props.dataTable }) || (\n        <ElTable\n          data={props.dataTable.getList()}\n          rowKey={props.dataTable.primaryKey}\n          border\n          stripe\n          v-slots={{ empty: () => slots.empty?.() || <ElEmpty /> }}\n        >\n          {props.dataTable\n            .getColumns()\n            .filter((column) => column.visible && column.name)\n            .map((column) => (\n              <MKDataTableColumn column={column}>\n                {slots[`col-${column.name}`]?.() ?? (\n                  <ElTableColumn\n                    prop={column.name}\n                    label={column.label}\n                    width={column.width}\n                    minWidth={column.minWidth}\n                    fixed={column.fixed}\n                    reserveSelection={true}\n                    v-slots={{\n                      default: (scope: {\n                        $index: number;\n                        row: any;\n                        column: any;\n                      }) => {\n                        let children = slots[`col-${column.name}-content`]?.({\n                          $index: scope.$index,\n                          row: scope.row,\n                          column: column,\n                          dataTable: props.dataTable,\n                        });\n\n                        if (children) {\n                          return children;\n                        }\n\n                        return (\n                          <MKDataTableColumnComponent\n                            column={column}\n                            row={scope.row}\n                            index={scope.$index}\n                          />\n                        );\n                      },\n                    }}\n                  />\n                )}\n              </MKDataTableColumn>\n            ))}\n        </ElTable>\n      );\n\n      const pagination =\n        slots.pagination?.({ dataTable: props.dataTable }) ||\n        (unref(pageSizes).length ? (\n          <MKDataTablePagination dataTable={props.dataTable} />\n        ) : null);\n\n      return (\n        <ElCard\n          class=\"mk-table-view\"\n          v-slots={{\n            header: () => {\n              const _dataTable = props.dataTable;\n\n              const buttons = _dataTable.buttonTools\n                .filter((button) => button.predicate())\n                .map((button) => (\n                  <MKButton button={button} onClick={() => button.handler()} />\n                ));\n\n              let classifySearch: any = slots[\"classify-search\"]?.() ?? null;\n              if (\n                !classifySearch &&\n                _dataTable.classifySearch.getClassifySearchItems().length\n              ) {\n                classifySearch = <MKTableClassifySearch />;\n              }\n\n              const tools = !_dataTable.getSelection().length ? (\n                <Fragment>\n                  <div class=\"header-box-main\">\n                    {/* <MKTableSearch\n                      dataFilter={_dataTable.dataFilter}\n                      onSearch={handleSearch}\n                    /> */}\n                  </div>\n                  <div class=\"header-box-tools\">\n                    <MKDataFilterPopover dataTable={_dataTable}>\n                      <ElButton>\n                        <MKSvgIcon iconClass=\"Filter\" />\n                      </ElButton>\n                    </MKDataFilterPopover>\n\n                    {buttons}\n                  </div>\n                </Fragment>\n              ) : (\n                <div class=\"mk-table-view__selection-tip\">\n                  <div class=\"mk-table-view__selection-tip-left\">\n                    <span>\n                      已选中\n                      <span class=\"selection-count\">\n                        {_dataTable.getSelection().length}\n                      </span>\n                      项\n                    </span>\n                  </div>\n                  <div class=\"mk-table-view__selection-tip-right\">\n                    {_dataTable.batchActionButtonTools.map((button) => (\n                      <MKButton\n                        link\n                        button={button}\n                        onClick={() => button.handler()}\n                      />\n                    ))}\n                    <ElButton link onClick={() => _dataTable.clearSelection()}>\n                      取消选择\n                    </ElButton>\n                  </div>\n                </div>\n              );\n\n              return (\n                <Fragment>\n                  {classifySearch}\n                  <div class=\"mk-table-view__header header-box\">{tools}</div>\n                </Fragment>\n              );\n            },\n          }}\n        >\n          {table}\n          {pagination}\n        </ElCard>\n      );\n    };\n  },\n});\n"],"names":["name","props","tableViewProps","setup","slots","pageSizes","computed","dataTable","table","_createVNode","ElTable","getList","primaryKey","default","getColumns","filter","column","visible","map","MKDataTableColumn","ElTableColumn","label","width","minWidth","fixed","scope","children","$index","row","MKDataTableColumnComponent","empty","ElEmpty","pagination","unref","length","MKDataTablePagination","ElCard","header","_dataTable","buttons","buttonTools","button","predicate","MKButton","onClick","handler","classifySearch","getClassifySearchItems","MKTableClassifySearch","tools","getSelection","_Fragment","MKDataFilterPopover","ElButton","MKSvgIcon","_createTextVNode","batchActionButtonTools","clearSelection"],"mappings":"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"}

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

@@ -0,0 +1,11 @@
+import { ExtractPropTypes } from "vue";
+import { DataTable } from "@maketribe/dm";
+export declare const dataTablePageProps: {
+    readonly dataTable: {
+        readonly type: import("vue").PropType<DataTable<any, any, Record<string, any>, import("@maketribe/dm").TableColumn>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+};
+export type DataTablePageProps = ExtractPropTypes<typeof dataTablePageProps>;

package/dist/esm/components/data-model/data-table-page/data-table-page-options.js

@@ -0,0 +1,9 @@
+import { DataTable } from '@maketribe/dm';
+import { buildProps } from '@maketribe/utils';
+
+const dataTablePageProps = buildProps({
+  dataTable: { type: DataTable }
+});
+
+export { dataTablePageProps };
+//# sourceMappingURL=data-table-page-options.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-page-options.js","sources":["../../../../../src/components/data-model/data-table-page/data-table-page-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { DataTable } from \"@maketribe/dm\";\nimport { buildProps } from \"@maketribe/utils\";\n\nexport const dataTablePageProps = buildProps({\n  dataTable: { type: DataTable<any> },\n} as const);\n\nexport type DataTablePageProps = ExtractPropTypes<typeof dataTablePageProps>;\n"],"names":[],"mappings":";;;AAIO,MAAM,qBAAqB,UAAW,CAAA;AAAA,EAC3C,SAAA,EAAW,EAAE,IAAA,EAAM,SAAe,EAAA;AACpC,CAAU;;;;"}

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

@@ -0,0 +1,17 @@
+import { DataTable } from "@maketribe/dm";
+declare const _default: import("vue").DefineComponent<{
+    readonly dataTable: {
+        readonly type: import("vue").PropType<DataTable<any, any, Record<string, any>, import("@maketribe/dm").TableColumn>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly dataTable: {
+        readonly type: import("vue").PropType<DataTable<any, any, Record<string, any>, import("@maketribe/dm").TableColumn>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}>>, {}, {}>;
+export default _default;

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

@@ -0,0 +1,26 @@
+import { defineComponent, computed, unref, withDirectives, createVNode, resolveDirective } from 'vue';
+import { dataTablePageProps } from './data-table-page-options.js';
+import { MKDataTable } from '../data-table/index.js';
+
+var DataTablePage = /* @__PURE__ */ defineComponent({
+  name: "MKDataTablePage",
+  props: dataTablePageProps,
+  setup(props, {
+    slots
+  }) {
+    const dataTable = computed(() => props.dataTable ?? null);
+    const loading = computed(() => unref(dataTable)?.loading ?? true);
+    return () => {
+      return withDirectives(createVNode("div", {
+        "class": "mk-data-table-page"
+      }, [createVNode(MKDataTable, {
+        "dataTable": unref(dataTable)
+      }, {
+        ...slots
+      })]), [[resolveDirective("loading"), unref(loading)]]);
+    };
+  }
+});
+
+export { DataTablePage as default };
+//# sourceMappingURL=data-table-page.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-page.js","sources":["../../../../../src/components/data-model/data-table-page/data-table-page.tsx"],"sourcesContent":["import { Ref, computed, defineComponent, ref, unref, watch } from \"vue\";\nimport { DataTable } from \"@maketribe/dm\";\nimport { dataTablePageProps } from \"./data-table-page-options\";\nimport MKDataTable from \"../data-table\";\n\nexport default defineComponent({\n  name: \"MKDataTablePage\",\n  props: dataTablePageProps,\n  setup(props, { slots }) {\n    const dataTable = computed(() => props.dataTable ?? null);\n\n    const loading = computed(() => unref(dataTable)?.loading ?? true);\n\n    return () => {\n      return (\n        <div class=\"mk-data-table-page\" v-loading={unref(loading)}>\n          <MKDataTable\n            dataTable={unref(dataTable) as DataTable}\n            v-slots={{ ...slots }}\n          />\n        </div>\n      );\n    };\n  },\n});\n"],"names":["name","props","dataTablePageProps","setup","slots","dataTable","computed","loading","unref","_withDirectives","_createVNode","MKDataTable","_resolveDirective"],"mappings":";;;;AAKA,oCAA+B,eAAA,CAAA;AAAA,EAC7BA,IAAM,EAAA,iBAAA;AAAA,EACNC,KAAOC,EAAAA,kBAAAA;AAAAA,EACPC,MAAMF,KAAO,EAAA;AAAA,IAAEG,KAAAA;AAAAA,GAAS,EAAA;AACtB,IAAA,MAAMC,SAAYC,GAAAA,QAAAA,CAAS,MAAML,KAAAA,CAAMI,aAAa,IAAI,CAAA,CAAA;AAExD,IAAA,MAAME,UAAUD,QAAS,CAAA,MAAME,MAAMH,SAAS,CAAA,EAAGE,WAAW,IAAI,CAAA,CAAA;AAEhE,IAAA,OAAO,MAAM;AACX,MAAAE,OAAAA,cAAAA,CAAAC,YAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,oBAAA;AAAA,OAAA,EAAAA,CAAAA,WAAAA,CAAAC,WAAA,EAAA;AAAA,QAAA,WAAA,EAGiBH,MAAMH,SAAS,CAAA;AAAA,OACjB,EAAA;AAAA,QAAE,GAAGD,KAAAA;AAAAA,OAAO,OAAAQ,gBAAA,CAAA,SAAA,CAHkBJ,EAAAA,KAAAA,CAAMD,OAAO,CAAC,CAAA,CAAA,CAAA,CAAA;AAAA,KAO7D,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}

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

@@ -0,0 +1,17 @@
+import DataTablePage from "./data-table-page";
+export declare const MKDataTablePage: 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: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly dataTable: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").DataTable<any, any, Record<string, any>, import("@maketribe/dm").TableColumn>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}>>, {}, {}>> & Record<string, any>;
+export default DataTablePage;

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

@@ -0,0 +1,7 @@
+import { withInstall } from '@maketribe/utils';
+import DataTablePage from './data-table-page.js';
+
+const MKDataTablePage = withInstall(DataTablePage);
+
+export { MKDataTablePage, DataTablePage as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/data-model/data-table-page/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\nimport DataTablePage from \"./data-table-page\";\n\nexport const MKDataTablePage = withInstall(DataTablePage);\n\nexport default DataTablePage;\n"],"names":[],"mappings":";;;AAGa,MAAA,eAAA,GAAkB,YAAY,aAAa;;;;"}

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

@@ -0,0 +1,11 @@
+import { ExtractPropTypes } from "vue";
+import { DataTable } from "@maketribe/dm";
+export declare const dataTablePaginationProps: {
+    readonly dataTable: {
+        readonly type: import("vue").PropType<DataTable<any, any, Record<string, any>, import("@maketribe/dm").TableColumn>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+};
+export type DataTablePaginationProps = ExtractPropTypes<typeof dataTablePaginationProps>;

package/dist/esm/components/data-model/data-table-pagination/data-table-pagination-options.js

@@ -0,0 +1,12 @@
+import { buildProps } from '@maketribe/utils';
+import { DataTable } from '@maketribe/dm';
+
+const dataTablePaginationProps = buildProps({
+  dataTable: {
+    type: DataTable,
+    required: true
+  }
+});
+
+export { dataTablePaginationProps };
+//# sourceMappingURL=data-table-pagination-options.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-pagination-options.js","sources":["../../../../../src/components/data-model/data-table-pagination/data-table-pagination-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { DataTable } from \"@maketribe/dm\";\n\nexport const dataTablePaginationProps = buildProps({\n  dataTable: {\n    type: DataTable<any>,\n    required: true,\n  },\n} as const);\n\nexport type DataTablePaginationProps = ExtractPropTypes<\n  typeof dataTablePaginationProps\n>;\n"],"names":[],"mappings":";;;AAIO,MAAM,2BAA2B,UAAW,CAAA;AAAA,EACjD,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,SAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AACF,CAAU;;;;"}

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

@@ -0,0 +1,16 @@
+declare const _default: 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;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly dataTable: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").DataTable<any, any, Record<string, any>, import("@maketribe/dm").TableColumn>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}>>, {}, {}>;
+export default _default;

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

@@ -0,0 +1,23 @@
+import { defineComponent, createVNode } from 'vue';
+import { dataTablePaginationProps } from './data-table-pagination-options.js';
+import { MKPagination } from '../../pagination/index.js';
+
+var DataTablePagination = /* @__PURE__ */ defineComponent({
+  name: "MKDataTablePagination",
+  props: dataTablePaginationProps,
+  setup(props) {
+    return () => {
+      return createVNode(MKPagination, {
+        "currentPage": props.dataTable.currentPage,
+        "pageSize": props.dataTable.pageSize,
+        "pageSizes": props.dataTable.pageSizes,
+        "total": props.dataTable.totalRecCount,
+        "onUpdate:currentPage": (v) => props.dataTable.pageTo(v),
+        "onUpdate:pageSize": (v) => props.dataTable.setPageSize(v)
+      }, null);
+    };
+  }
+});
+
+export { DataTablePagination as default };
+//# sourceMappingURL=data-table-pagination.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-pagination.js","sources":["../../../../../src/components/data-model/data-table-pagination/data-table-pagination.tsx"],"sourcesContent":["import { defineComponent } from \"vue\";\nimport { dataTablePaginationProps } from \"./data-table-pagination-options\";\nimport MKPagination from \"../../pagination\";\n\nexport default defineComponent({\n  name: \"MKDataTablePagination\",\n  props: dataTablePaginationProps,\n  setup(props) {\n    return () => {\n      return (\n        <MKPagination\n          currentPage={props.dataTable.currentPage}\n          pageSize={props.dataTable.pageSize}\n          pageSizes={props.dataTable.pageSizes}\n          total={props.dataTable.totalRecCount}\n          onUpdate:currentPage={(v) => props.dataTable.pageTo(v)}\n          onUpdate:pageSize={(v) => props.dataTable.setPageSize(v)}\n        />\n      );\n    };\n  },\n});\n"],"names":["name","props","dataTablePaginationProps","setup","_createVNode","MKPagination","dataTable","currentPage","pageSize","pageSizes","totalRecCount","v","pageTo","setPageSize"],"mappings":";;;;AAIA,0CAA+B,eAAA,CAAA;AAAA,EAC7BA,IAAM,EAAA,uBAAA;AAAA,EACNC,KAAOC,EAAAA,wBAAAA;AAAAA,EACPC,MAAMF,KAAO,EAAA;AACX,IAAA,OAAO,MAAM;AACX,MAAA,OAAAG,YAAAC,YAAA,EAAA;AAAA,QAAA,aAAA,EAEiBJ,MAAMK,SAAUC,CAAAA,WAAAA;AAAAA,QAAW,UAAA,EAC9BN,MAAMK,SAAUE,CAAAA,QAAAA;AAAAA,QAAQ,WAAA,EACvBP,MAAMK,SAAUG,CAAAA,SAAAA;AAAAA,QAAS,OAAA,EAC7BR,MAAMK,SAAUI,CAAAA,aAAAA;AAAAA,QAAa,sBACbC,EAAAA,CAAAA,CAAAA,KAAMV,KAAMK,CAAAA,SAAAA,CAAUM,OAAOD,CAAC,CAAA;AAAA,QAAC,mBAClCA,EAAAA,CAAAA,CAAAA,KAAMV,KAAMK,CAAAA,SAAAA,CAAUO,YAAYF,CAAC,CAAA;AAAA,SAAC,IAAA,CAAA,CAAA;AAAA,KAG9D,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}

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

@@ -0,0 +1,18 @@
+import DataTablePagination from "./data-table-pagination";
+export declare const MKDataTablePagination: 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;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly dataTable: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").DataTable<any, any, Record<string, any>, import("@maketribe/dm").TableColumn>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}>>, {}, {}>> & Record<string, any>;
+export default DataTablePagination;
+export * from "./data-table-pagination-options";

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

@@ -0,0 +1,8 @@
+import { withInstall } from '@maketribe/utils';
+import DataTablePagination from './data-table-pagination.js';
+export { dataTablePaginationProps } from './data-table-pagination-options.js';
+
+const MKDataTablePagination = withInstall(DataTablePagination);
+
+export { MKDataTablePagination, DataTablePagination as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/data-model/data-table-pagination/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\nimport DataTablePagination from \"./data-table-pagination\";\n\nexport const MKDataTablePagination = withInstall(DataTablePagination);\nexport default DataTablePagination;\n\nexport * from \"./data-table-pagination-options\";\n"],"names":[],"mappings":";;;;AAGa,MAAA,qBAAA,GAAwB,YAAY,mBAAmB;;;;"}

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

@@ -0,0 +1,23 @@
+import { ExtractPropTypes } from "vue";
+import { DataTable } from "@maketribe/dm";
+export declare const dataTreeProps: {
+    readonly autoLoad: import("@maketribe/utils").PropFinalized<true, unknown, unknown, true, boolean>;
+    readonly dataTable: {
+        readonly type: import("vue").PropType<DataTable<any, any, Record<string, any>, import("@maketribe/dm").TableColumn>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly props: import("@maketribe/utils").PropFinalized<ObjectConstructor, unknown, unknown, () => {
+        label: string;
+        children: string;
+    }, boolean>;
+    readonly filterNodeMethod: {
+        readonly type: import("vue").PropType<Function>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly defaultExpandAll: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+};
+export type DataTreeProps = ExtractPropTypes<typeof dataTreeProps>;

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

@@ -0,0 +1,19 @@
+import { DataTable } from '@maketribe/dm';
+import { buildProps } from '@maketribe/utils';
+
+const dataTreeProps = buildProps({
+  autoLoad: { type: true, default: true },
+  dataTable: {
+    type: DataTable,
+    required: true
+  },
+  props: {
+    type: Object,
+    default: () => ({ label: "title", children: "children" })
+  },
+  filterNodeMethod: { type: Function },
+  defaultExpandAll: { type: Boolean, default: true }
+});
+
+export { dataTreeProps };
+//# sourceMappingURL=data-tree-options.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"data-tree-options.js","sources":["../../../../../src/components/data-model/data-tree/data-tree-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { DataTable } from \"@maketribe/dm\";\nimport { buildProps } from \"@maketribe/utils\";\n\nexport const dataTreeProps = buildProps({\n  autoLoad: { type: true, default: true },\n  dataTable: {\n    type: DataTable<any>,\n    required: true,\n  },\n  props: {\n    type: Object,\n    default: () => ({ label: \"title\", children: \"children\" }),\n  },\n  filterNodeMethod: { type: Function },\n  defaultExpandAll: { type: Boolean, default: true },\n} as const);\n\nexport type DataTreeProps = ExtractPropTypes<typeof dataTreeProps>;\n"],"names":[],"mappings":";;;AAIO,MAAM,gBAAgB,UAAW,CAAA;AAAA,EACtC,QAAU,EAAA,EAAE,IAAM,EAAA,IAAA,EAAM,SAAS,IAAK,EAAA;AAAA,EACtC,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,SAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EACA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,SAAS,OAAO,EAAE,KAAO,EAAA,OAAA,EAAS,UAAU,UAAW,EAAA,CAAA;AAAA,GACzD;AAAA,EACA,gBAAA,EAAkB,EAAE,IAAA,EAAM,QAAS,EAAA;AAAA,EACnC,gBAAkB,EAAA,EAAE,IAAM,EAAA,OAAA,EAAS,SAAS,IAAK,EAAA;AACnD,CAAU;;;;"}

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

@@ -0,0 +1,45 @@
+import { DataTable } from "@maketribe/dm";
+declare const _default: import("vue").DefineComponent<{
+    readonly autoLoad: import("@maketribe/utils").PropFinalized<true, unknown, unknown, true, boolean>;
+    readonly dataTable: {
+        readonly type: import("vue").PropType<DataTable<any, any, Record<string, any>, import("@maketribe/dm").TableColumn>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly props: import("@maketribe/utils").PropFinalized<ObjectConstructor, unknown, unknown, () => {
+        label: string;
+        children: string;
+    }, boolean>;
+    readonly filterNodeMethod: {
+        readonly type: import("vue").PropType<Function>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly defaultExpandAll: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly autoLoad: import("@maketribe/utils").PropFinalized<true, unknown, unknown, true, boolean>;
+    readonly dataTable: {
+        readonly type: import("vue").PropType<DataTable<any, any, Record<string, any>, import("@maketribe/dm").TableColumn>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly props: import("@maketribe/utils").PropFinalized<ObjectConstructor, unknown, unknown, () => {
+        label: string;
+        children: string;
+    }, boolean>;
+    readonly filterNodeMethod: {
+        readonly type: import("vue").PropType<Function>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly defaultExpandAll: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+}>>, {
+    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/data-tree.js

@@ -0,0 +1,125 @@
+import { defineComponent, useSlots, useAttrs, toRefs, unref, computed, watch, onBeforeUnmount, ref, createVNode, mergeProps, Fragment, createTextVNode } from 'vue';
+import { ElTree, ElButton, ElMessageBox } from 'element-plus';
+import { Disposable, Event } from '@maketribe/utils';
+import '@maketribe/dm';
+import '../../config-provider/index.js';
+import { useI18n } from '../../../composables/use-i18n.js';
+import 'vue-router';
+import '@maketribe/request';
+import '@maketribe/locale';
+import '../../../core/DataModelDefines.js';
+import { dataTreeProps } from './data-tree-options.js';
+
+var MKDataTree = /* @__PURE__ */ defineComponent({
+  name: "MKDataTree",
+  inheritAttrs: false,
+  props: dataTreeProps,
+  setup(props, {
+    emit,
+    expose
+  }) {
+    const slots = useSlots();
+    const attrs = useAttrs();
+    const {
+      dataTable
+    } = toRefs(props);
+    unref(dataTable).dataFilter.setReady();
+    if (props.autoLoad) {
+      unref(dataTable).load();
+    }
+    const i18n = useI18n();
+    const data = computed(() => unref(dataTable).getList());
+    const primaryKey = computed(() => unref(dataTable).primaryKey);
+    const handleEdit = (data2) => {
+      unref(dataTable).editRecord(data2);
+    };
+    const handleDelete = async (data2) => {
+      const confirm = await ElMessageBox.confirm(i18n.translate("mk.dataTablePage.deleteMessage"), i18n.translate("mk.dataTablePage.deleteTitle"), {
+        type: "warning"
+      }).then(() => true, () => false);
+      if (confirm) {
+        unref(dataTable).deleteRecordAfterRefresh(data2[unref(dataTable).primaryKey]);
+      }
+    };
+    let disposable = null;
+    watch(dataTable, async (dataTable2) => {
+      disposable?.dispose();
+      disposable = new Disposable();
+      const events = Object.keys(dataTable2).filter((key) => dataTable2[key] instanceof Event).map((key) => ({
+        eventName: key.replace(/Event$/, "").replace(/[A-Z]/g, (match) => `-${match.toLocaleLowerCase()}`),
+        event: dataTable2[key]
+      }));
+      for (const item of events) {
+        disposable.register(
+          // @ts-ignore
+          item.event.on((event) => {
+            emit(item.eventName, event);
+          })
+        );
+      }
+      await dataTable2.init();
+    }, {
+      immediate: true
+    });
+    onBeforeUnmount(() => {
+      disposable?.dispose();
+    });
+    const handleToolsClick = (e) => {
+      e.stopPropagation();
+    };
+    const treeRef = ref();
+    const filter = (value) => {
+      treeRef.value.filter(value);
+    };
+    expose({
+      filter
+    });
+    return () => {
+      return createVNode(ElTree, mergeProps(attrs, {
+        "props": props.props,
+        "defaultExpandAll": props.defaultExpandAll,
+        "ref": treeRef,
+        "class": "mk-data-tree",
+        "data": unref(data),
+        "filter-node-method": props.filterNodeMethod,
+        "nodeKey": unref(primaryKey)
+      }), {
+        default: (scope) => {
+          let children = slots.default?.(scope);
+          if (children) {
+            return children;
+          }
+          const {
+            data: data2
+          } = scope;
+          const label = data2[props.props.label];
+          const main = slots["node-main"]?.(scope) || label;
+          const tools = slots["node-tools"]?.(scope) || createVNode(Fragment, null, [slots["node-tools-prefix"]?.(scope), createVNode(ElButton, {
+            "type": "primary",
+            "link": true,
+            "onClick": () => handleEdit(data2)
+          }, {
+            default: () => [createTextVNode("\u7F16\u8F91")]
+          }), createVNode(ElButton, {
+            "type": "danger",
+            "link": true,
+            "onClick": () => handleDelete(data2)
+          }, {
+            default: () => [createTextVNode("\u5220\u9664")]
+          })]);
+          return createVNode("div", {
+            "class": "mk-data-tree-node"
+          }, [createVNode("div", {
+            "class": "mk-data-tree-node_main"
+          }, [main]), createVNode("div", {
+            "class": "mk-data-tree-node__tools",
+            "onClick": handleToolsClick
+          }, [tools])]);
+        }
+      });
+    };
+  }
+});
+
+export { MKDataTree as default };
+//# sourceMappingURL=data-tree.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"data-tree.js","sources":["../../../../../src/components/data-model/data-tree/data-tree.tsx"],"sourcesContent":["import {\n  Fragment,\n  computed,\n  defineComponent,\n  onBeforeUnmount,\n  ref,\n  toRefs,\n  unref,\n  useAttrs,\n  useSlots,\n  watch\n} from \"vue\";\nimport { ElButton, ElMessageBox, ElTree } from \"element-plus\";\nimport { DataTable } from \"@maketribe/dm\";\nimport { Disposable, Event } from \"@maketribe/utils\";\n\nimport { useI18n } from \"../../../composables\";\nimport { dataTreeProps } from \"./data-tree-options\";\n\nexport default defineComponent({\n  name: \"MKDataTree\",\n  inheritAttrs: false,\n  props: dataTreeProps,\n  setup(props, { emit, expose }) {\n    const slots = useSlots();\n    const attrs = useAttrs();\n\n    const { dataTable } = toRefs(props);\n\n    unref(dataTable).dataFilter.setReady();\n\n    if (props.autoLoad) {\n      unref(dataTable).load();\n    }\n\n    const i18n = useI18n()!;\n\n    const data = computed(() => unref(dataTable).getList());\n\n    const primaryKey = computed(() => unref(dataTable).primaryKey);\n\n    const handleEdit = (data: any) => {\n      unref(dataTable).editRecord(data);\n    };\n\n    const handleDelete = async (data: any) => {\n      const confirm = 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 (confirm) {\n        unref(dataTable).deleteRecordAfterRefresh(\n          data[unref(dataTable).primaryKey]\n        );\n      }\n    };\n\n    let disposable: Disposable | null = null;\n\n    watch(\n      dataTable,\n      async (dataTable) => {\n        disposable?.dispose();\n\n        disposable = new Disposable();\n\n        const events = Object.keys(dataTable)\n          .filter((key) => dataTable[key as keyof DataTable] instanceof Event)\n          .map((key) => ({\n            eventName: key\n              .replace(/Event$/, \"\")\n              .replace(/[A-Z]/g, (match) => `-${match.toLocaleLowerCase()}`),\n            event: dataTable[key as keyof DataTable]! as Event,\n          }));\n\n        for (const item of events) {\n          disposable.register(\n            // @ts-ignore\n            item.event.on((event: any) => {\n              // @ts-ignore\n              emit(item.eventName, event);\n            })\n          );\n        }\n\n        await dataTable.init();\n      },\n      { immediate: true }\n    );\n\n    onBeforeUnmount(() => {\n      disposable?.dispose();\n    });\n\n    const handleToolsClick = (e: MouseEvent) => {\n      e.stopPropagation();\n    };\n\n    const treeRef = ref<InstanceType<typeof ElTree>>()\n\n    //筛选方法\n    const filter = (value: string)=>{\n      treeRef.value!.filter(value)\n    }\n\n    expose({ filter })\n\n    return () => {\n      return (\n        <ElTree\n          {...attrs}\n          props={props.props}\n          defaultExpandAll={props.defaultExpandAll}\n          ref = {treeRef}\n          class=\"mk-data-tree\"\n          data={unref(data)}\n          filter-node-method={props.filterNodeMethod}\n          nodeKey={unref(primaryKey)}\n          v-slots={{\n            default: (scope: any) => {\n              let children = slots.default?.(scope);\n\n              if (children) {\n                return children;\n              }\n\n              const { data } = scope;\n\n              const label = data[props.props.label];\n\n              const main = slots[\"node-main\"]?.(scope) || label;\n\n              const tools = slots[\"node-tools\"]?.(scope) || (\n                <Fragment>\n                  {slots[\"node-tools-prefix\"]?.(scope)}\n                  <ElButton\n                    type=\"primary\"\n                    link\n                    onClick={() => handleEdit(data)}\n                  >\n                    编辑\n                  </ElButton>\n                  <ElButton\n                    type=\"danger\"\n                    link\n                    onClick={() => handleDelete(data)}\n                  >\n                    删除\n                  </ElButton>\n                </Fragment>\n              );\n\n              return (\n                <div class=\"mk-data-tree-node\">\n                  <div class=\"mk-data-tree-node_main\">{main}</div>\n\n                  <div\n                    class=\"mk-data-tree-node__tools\"\n                    onClick={handleToolsClick}\n                  >\n                    {tools}\n                  </div>\n                </div>\n              );\n            },\n          }}\n        />\n      );\n    };\n  },\n});\n"],"names":["name","inheritAttrs","props","dataTreeProps","setup","emit","expose","slots","useSlots","attrs","useAttrs","dataTable","toRefs","unref","dataFilter","setReady","autoLoad","load","i18n","useI18n","data","computed","getList","primaryKey","handleEdit","editRecord","handleDelete","confirm","ElMessageBox","translate","type","then","deleteRecordAfterRefresh","disposable","watch","dispose","Disposable","events","Object","keys","filter","key","Event","map","eventName","replace","match","toLocaleLowerCase","event","item","register","on","init","immediate","onBeforeUnmount","handleToolsClick","e","stopPropagation","treeRef","ref","value","_createVNode","ElTree","_mergeProps","defaultExpandAll","filterNodeMethod","default","scope","children","label","main","tools","_Fragment","ElButton","onClick","_createTextVNode"],"mappings":"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"}