@maketribe/ms-app 3.0.28 → 3.0.29

package/src/components/data-model/data-table/views/table-view/classify-search/classify-search-item/classify-search-item.tsx

@@ -1,97 +0,0 @@
-import { defineComponent, computed, unref, ComputedRef } from "vue";
-import { ElTag } from "element-plus";
-import {
-  classifySearchItemProps,
-  classifySearchItemEmits,
-} from "./classify-search-item-options";
-
-export type DataOptionItem = { value: any; label: string };
-
-export default defineComponent({
-  name: "MKTableClassifySearchItem",
-  props: classifySearchItemProps,
-  emits: classifySearchItemEmits,
-  setup(props, { emit }) {
-    const modelValue = computed({
-      get: () => {
-        if (props.multiple) {
-          return Array.isArray(props.modelValue)
-            ? props.modelValue
-            : props.modelValue
-            ? [props.modelValue]
-            : [];
-        }
-
-        return props.modelValue;
-      },
-      set: (v: any) => emit("update:model-value", v),
-    });
-
-    const handleClick = (item: any) => {
-      let _modelValue = unref(modelValue);
-      if (props.multiple) {
-        const index = _modelValue.findIndex((v: any) => v === item.value);
-
-        if (index > -1) {
-          _modelValue.splice(index, 1);
-        } else {
-          _modelValue.push(item.value);
-        }
-
-        modelValue.value = _modelValue;
-
-        return;
-      }
-
-      modelValue.value = item?.value ?? null;
-    };
-
-    const options: ComputedRef<DataOptionItem[]> = computed(() => {
-      if (Array.isArray(props.options)) {
-        return props.options.map((item) => props.formatOptions(item));
-      }
-
-      return [];
-    });
-
-    const labelStyle: ComputedRef<any> = computed(() => {
-      if (props.labelWidth) {
-        return { width: props.labelWidth };
-      }
-
-      return {};
-    });
-
-    return () => {
-      const title = props.label ? (
-        <div class="mk-classify-search-item-title" style={unref(labelStyle)}>
-          {props.label}
-        </div>
-      ) : null;
-
-      const tags = unref(options).map((item) => {
-        const isSelect = props.multiple
-          ? unref(modelValue).includes(item.value)
-          : item.value === unref(modelValue);
-
-        return (
-          <ElTag
-            key={item.value}
-            effect={isSelect ? "dark" : "light"}
-            onClick={() => handleClick(item)}
-            disable-transitions
-          >
-            {item.label}
-          </ElTag>
-        );
-      });
-
-      return (
-        <div class="mk-classify-search-item">
-          {title}
-          <div class="mk-classify-search-item__conditions">{tags}</div>
-        </div>
-      );
-    };
-  },
-});

package/src/components/data-model/data-table/views/table-view/classify-search/classify-search-item/index.ts

@@ -1,5 +0,0 @@
-import TableClassifySearchItem from "./classify-search-item";
-
-export const MKTableClassifySearchItem = TableClassifySearchItem;
-
-export default TableClassifySearchItem;

package/src/components/data-model/data-table/views/table-view/classify-search/classify-search.tsx

@@ -1,40 +0,0 @@
-import { Fragment, computed, defineComponent, inject, unref } from "vue";
-import MKTableClassifySearchItem from "./classify-search-item";
-import { DATATABLE_CONTEXT_KEY } from "../../../token";
-
-export default defineComponent({
-  name: "MKTableClassifySearch",
-  setup(props, { slots }) {
-    const dataTable = inject(DATATABLE_CONTEXT_KEY)?.dataTable;
-
-    const classifySearch = computed(() => dataTable?.classifySearch ?? null);
-
-    return () => {
-      let children: any = slots.default?.();
-
-      const _classifySearch = unref(classifySearch);
-
-      if (!children && _classifySearch) {
-        children = (
-          <Fragment>
-            {_classifySearch.getClassifySearchItems().map((item) => (
-              <MKTableClassifySearchItem
-                label={item.label}
-                labelWidth={_classifySearch.labelWidth}
-                modelValue={_classifySearch.getParam(item.name)}
-                onUpdate:model-value={(v: any) => {
-                  _classifySearch.setParam(item.name, v);
-                }}
-                multiple={item.multiple}
-                options={item.options}
-                formatOptions={item.formatOptions || undefined}
-              />
-            ))}
-          </Fragment>
-        );
-      }
-
-      return <div class="mk-classify-search">{children}</div>;
-    };
-  },
-});

package/src/components/data-model/data-table/views/table-view/classify-search/index.ts

@@ -1,7 +0,0 @@
-import TableClassifySearch from "./classify-search";
-
-export const MKTableClassifySearch = TableClassifySearch;
-
-export default TableClassifySearch;
-
-export * from "./classify-search-item";

package/src/components/data-model/data-table/views/table-view/index.ts

@@ -1,8 +0,0 @@
-import { withInstall } from "@maketribe/utils";
-import TableView from "./table-view";
-
-export const MKTableView = withInstall(TableView);
-
-export default MKTableView;
-
-export * from "./classify-search";

package/src/components/data-model/data-table/views/table-view/table-view-options.ts

@@ -1,13 +0,0 @@
-import { ExtractPropTypes } from "vue";
-import { buildProps } from "@maketribe/utils";
-import { DataTable } from "@maketribe/dm";
-
-export const tableViewProps = buildProps({
-  dataTable: { type: DataTable<any>, required: true },
-} as const);
-
-export type TableViewProps = ExtractPropTypes<typeof tableViewProps>;
-
-export const tableViewEmits = {};
-
-export const TableViewEmits = typeof tableViewEmits;

package/src/components/data-model/data-table/views/table-view/table-view.tsx

@@ -1,126 +0,0 @@
-import { Fragment, VNode, computed, defineComponent, unref, watch } from "vue";
-import { ElButton, ElCard } from "element-plus";
-
-import { MKButton } from "../../../../button";
-import { MKTableClassifySearch } from "./classify-search";
-import { MKDataTablePagination } from "../../../data-table-pagination";
-import { MKDataFilterPopover } from "../../../data-filter-popover";
-import { MKSvgIcon } from "../../../../svg-icon";
-import { MKTable } from "../table";
-import { tableViewProps } from "./table-view-options";
-
-export default defineComponent({
-  name: "MKTableView",
-  props: tableViewProps,
-  setup(props, { slots }) {
-    const dataTable = computed(() => props.dataTable);
-
-    const pageSizes = computed(() => unref(dataTable).pageSizes);
-
-    watch(
-      dataTable,
-      (dataTable) => {
-        const dataFilter = dataTable.dataFilter;
-
-        if (dataFilter.getColumns().length === 0) {
-          dataFilter.setReady();
-        }
-      },
-      { immediate: true }
-    );
-
-    return () => {
-      const pagination =
-        slots.pagination?.({ dataTable: unref(dataTable) }) ||
-        (unref(pageSizes).length ? (
-          <MKDataTablePagination dataTable={unref(dataTable)} />
-        ) : null);
-
-      return (
-        <ElCard
-          class="mk-table-view"
-          v-slots={{
-            header: () => {
-              const _dataTable = unref(dataTable);
-
-              const buttons = _dataTable.buttonTools
-                .filter((button) => button.predicate())
-                .map((button) => (
-                  <MKButton button={button} onClick={() => button.handler()} />
-                ));
-
-              let classifySearch: any = slots["classify-search"]?.() ?? null;
-              if (
-                !classifySearch &&
-                _dataTable.classifySearch.getClassifySearchItems().length
-              ) {
-                classifySearch = <MKTableClassifySearch />;
-              }
-
-              let tools: VNode;
-
-              if (!_dataTable.getSelection().length) {
-                tools = (
-                  <Fragment>
-                    <div class="header-box-main"></div>
-                    <div class="header-box-tools">
-                      {_dataTable.dataFilter.getColumns().length ? (
-                        <MKDataFilterPopover dataTable={_dataTable}>
-                          <ElButton>
-                            <MKSvgIcon iconClass="Filter" />
-                          </ElButton>
-                        </MKDataFilterPopover>
-                      ) : null}
-                      {buttons}
-                    </div>
-                  </Fragment>
-                );
-              } else {
-                tools = (
-                  <div class="mk-table-view__selection-tip">
-                    <div class="mk-table-view__selection-tip-left">
-                      <span>
-                        已选中
-                        <span class="selection-count">
-                          {_dataTable.getSelection().length}
-                        </span>
-                        项
-                      </span>
-                    </div>
-                    <div class="mk-table-view__selection-tip-right">
-                      {_dataTable.batchActionButtonTools.map((button) => (
-                        <MKButton
-                          link
-                          button={button}
-                          onClick={() => button.handler()}
-                        />
-                      ))}
-                      <ElButton
-                        link
-                        onClick={() => _dataTable.clearSelection()}
-                      >
-                        取消选择
-                      </ElButton>
-                    </div>
-                  </div>
-                );
-              }
-
-              return (
-                <Fragment>
-                  {classifySearch}
-                  <div class="mk-table-view__header header-box">{tools}</div>
-                </Fragment>
-              );
-            },
-          }}
-        >
-          {slots.default?.({ dataTable: unref(dataTable) }) || (
-            <MKTable dataTable={unref(dataTable)} />
-          )}
-          {pagination}
-        </ElCard>
-      );
-    };
-  },
-});

package/src/components/data-model/data-table/views/tree/index.ts

@@ -1,8 +0,0 @@
-import { withInstall } from "@maketribe/utils";
-import Tree from "./tree";
-
-export const MKTree = withInstall(Tree);
-
-export default MKTree;
-
-export * from "./tree-options";

package/src/components/data-model/data-table/views/tree/tree-options.ts

@@ -1,14 +0,0 @@
-import { ExtractPropTypes } from "vue";
-import { DataTree } from "@maketribe/dm";
-import { buildProps } from "@maketribe/utils";
-
-export const treeProps = buildProps({
-  dataTree: {
-    type: DataTree<any>,
-    required: true,
-  },
-  filterNodeMethod: { type: Function },
-  defaultExpandAll: { type: Boolean, default: true },
-} as const);
-
-export type TreeProps = ExtractPropTypes<typeof treeProps>;

package/src/components/data-model/data-table/views/tree/tree.tsx

@@ -1,131 +0,0 @@
-import { Fragment, computed, defineComponent, ref, unref } from "vue";
-import { ElButton, ElTree } from "element-plus";
-import type Node from "element-plus/es/components/tree/src/model/node";
-import { DataTreeNode } from "@maketribe/dm";
-import { treeProps } from "./tree-options";
-
-export default defineComponent({
-  name: "MKTree",
-  props: treeProps,
-  setup(props) {
-    const dataTree = computed(() => props.dataTree);
-
-    const treeRef = ref<{
-      filter: InstanceType<typeof ElTree>["filter"];
-      getNode: InstanceType<typeof ElTree>["getNode"];
-    } | null>(null);
-
-    const rootNodes = computed(() => unref(dataTree).rootNodes);
-
-    const handleAdd = (dataTreeNode?: DataTreeNode) => {
-      unref(dataTree).addRecord(
-        dataTreeNode ? { pid: dataTreeNode.data.id } : {}
-      );
-    };
-
-    const handleEdit = (dataTreeNode: DataTreeNode) => {
-      unref(dataTree).editRecord(dataTreeNode.data);
-    };
-
-    const handleDelete = async (dataTreeNode: DataTreeNode) => {
-      unref(dataTree).deleteRecord(dataTreeNode.data);
-    };
-
-    const handleLoad = async (node: Node, resolve: Function) => {
-      if (node.level === 0) {
-        return;
-      }
-
-      const dataTreeNode = node.data as DataTreeNode;
-
-      await dataTreeNode.load();
-
-      resolve(dataTreeNode.children);
-    };
-
-    const filter = (value: any) => {
-      unref(treeRef)?.filter(value);
-    };
-
-    return {
-      treeRef,
-      innerDataTree: dataTree,
-      rootNodes,
-      handleAdd,
-      handleEdit,
-      handleDelete,
-      handleLoad,
-      filter,
-    };
-  },
-  render() {
-    const {
-      defaultExpandAll,
-      filterNodeMethod,
-      innerDataTree,
-      rootNodes,
-      handleAdd,
-      handleEdit,
-      handleDelete,
-      handleLoad,
-      $slots,
-    } = this;
-
-    return (
-      <ElTree
-        props={{ children: "children", isLeaf: "isLeaf" }}
-        defaultExpandAll={defaultExpandAll}
-        ref="treeRef"
-        class="mk-data-tree"
-        data={rootNodes}
-        filterNodeMethod={filterNodeMethod as any}
-        nodeKey="id"
-        load={handleLoad}
-        v-slots={{
-          default: (scope: any) => {
-            let children = $slots.default?.(scope);
-
-            if (children) {
-              return children;
-            }
-
-            const { data } = scope;
-
-            const label = data.data[innerDataTree.props.label];
-
-            const main = $slots["node-main"]?.(scope) || label;
-
-            const tools = $slots["node-tools"]?.(scope) || (
-              <Fragment>
-                {$slots["node-tools-prefix"]?.(scope)}
-                <ElButton type="primary" link onClick={() => handleAdd(data)}>
-                  添加
-                </ElButton>
-                <ElButton type="primary" link onClick={() => handleEdit(data)}>
-                  编辑
-                </ElButton>
-                <ElButton type="danger" link onClick={() => handleDelete(data)}>
-                  删除
-                </ElButton>
-                {$slots["node-tools-suffix"]?.(scope)}
-              </Fragment>
-            );
-
-            return (
-              <div class="mk-data-tree-node">
-                <div class="mk-data-tree-node_main">{main}</div>
-
-                <div
-                  class="mk-data-tree-node__tools"
-                  onClick={(e) => e.stopPropagation()}
-                >
-                  {tools}
-                </div>
-              </div>
-            );
-          },
-        }}
-      />
-    );
-  },
-});

package/src/components/data-model/data-table/views/tree-view/index.ts

@@ -1,8 +0,0 @@
-import { withInstall } from "@maketribe/utils";
-import TreeView from "./tree-view";
-
-export const MKTreeView = withInstall(TreeView);
-
-export default MKTreeView;
-
-export * from "./tree-view-options";

package/src/components/data-model/data-table/views/tree-view/tree-view-options.ts

@@ -1,16 +0,0 @@
-import { ExtractPropTypes } from "vue";
-import { DataTree } from "@maketribe/dm";
-import { buildProps } from "@maketribe/utils";
-
-export const treeViewProps = buildProps({
-  dataTree: {
-    type: DataTree<any>,
-    required: true,
-  },
-  filterNodeMethod: {
-    type: Function,
-  },
-  defaultExpandAll: { type: Boolean, default: true },
-} as const);
-
-export type TreeViewProps = ExtractPropTypes<typeof treeViewProps>;

package/src/components/data-model/data-table/views/tree-view/tree-view.tsx

@@ -1,81 +0,0 @@
-import { computed, defineComponent, ref, unref, watch } from "vue";
-import { ElButton, ElCard, ElInput } from "element-plus";
-import { Search } from "@element-plus/icons-vue";
-import { MKTree } from "../tree";
-import { treeViewProps } from "./tree-view-options";
-import { I18n } from "@maketribe/locale";
-
-export default defineComponent({
-  name: "MKTreeView",
-  props: treeViewProps,
-  setup(props, { slots }) {
-    const dataTree = computed(() => props.dataTree);
-
-    const treeRef = ref<InstanceType<typeof MKTree>>();
-
-    const searchInputValue = ref("");
-    watch(searchInputValue, (value) => {
-      unref(treeRef)?.filter(value);
-    });
-
-    const filterNodeMethod = (value: string, data: any) => {
-      if (typeof props.filterNodeMethod === "function") {
-        return props.filterNodeMethod(value, data);
-      }
-
-      if (!searchInputValue.value) return true;
-
-      return data.data[unref(dataTree).props.label].includes(
-        searchInputValue.value
-      );
-    };
-
-    const handleAdd = () => {
-      unref(dataTree).addRecord();
-    };
-
-    return () => {
-      const content = slots.default?.({ dataTree: props.dataTree }) || (
-        <MKTree
-          ref={
-            ((component: InstanceType<typeof MKTree>) =>
-              (treeRef.value = component)) as any
-          }
-          dataTree={unref(dataTree)}
-          filterNodeMethod={filterNodeMethod}
-        />
-      );
-
-      return (
-        <ElCard
-          class="mk-data-tree-page"
-          v-slots={{
-            header: () => {
-              return (
-                <div class="header-box">
-                  <div class="header-box-main">
-                    <ElInput
-                      modelValue={unref(searchInputValue)}
-                      clearable={true}
-                      onUpdate:modelValue={(v: string) =>
-                        (searchInputValue.value = v)
-                      }
-                      prefix-icon={Search}
-                    />
-                  </div>
-                  <div class="header-box-tools">
-                    <ElButton onClick={handleAdd} type="primary">
-                      {I18n.instance.translate("mk.dataTreePage.addButton")}
-                    </ElButton>
-                  </div>
-                </div>
-              );
-            },
-          }}
-        >
-          {content}
-        </ElCard>
-      );
-    };
-  },
-});

package/src/components/data-model/data-table-page/data-table-page-options.ts

@@ -1,11 +0,0 @@
-import { ExtractPropTypes } from "vue";
-import { DataTable } from "@maketribe/dm";
-import { buildProps } from "@maketribe/utils";
-
-export const dataTablePageProps = buildProps({
-  autoLoad: { type: Boolean, default: true },
-  selection: { type: Boolean, default: false },
-  dataTable: { type: DataTable<any> },
-} as const);
-
-export type DataTablePageProps = ExtractPropTypes<typeof dataTablePageProps>;

package/src/components/data-model/data-table-page/data-table-page.tsx

@@ -1,26 +0,0 @@
-import { Ref, computed, defineComponent, unref } from "vue";
-import { DataTable } from "@maketribe/dm";
-import { dataTablePageProps } from "./data-table-page-options";
-import MKDataTable from "../data-table";
-
-export default defineComponent({
-  name: "MKDataTablePage",
-  props: dataTablePageProps,
-  setup(props, { slots }) {
-    const dataTable = computed(() => props.dataTable ?? null);
-
-    const loading = computed(() => unref(dataTable)?.loading ?? true);
-
-    return () => {
-      return (
-        <div class="mk-data-table-page" v-loading={unref(loading)}>
-          <MKDataTable
-            {...props}
-            dataTable={unref(dataTable) as DataTable}
-            v-slots={{ ...slots }}
-          />
-        </div>
-      );
-    };
-  },
-});

package/src/components/data-model/data-table-page/index.ts

@@ -1,6 +0,0 @@
-import { withInstall } from "@maketribe/utils";
-import DataTablePage from "./data-table-page";
-
-export const MKDataTablePage = withInstall(DataTablePage);
-
-export default DataTablePage;

package/src/components/data-model/data-table-pagination/data-table-pagination-options.ts

@@ -1,14 +0,0 @@
-import { ExtractPropTypes } from "vue";
-import { buildProps } from "@maketribe/utils";
-import { DataTable } from "@maketribe/dm";
-
-export const dataTablePaginationProps = buildProps({
-  dataTable: {
-    type: DataTable<any>,
-    required: true,
-  },
-} as const);
-
-export type DataTablePaginationProps = ExtractPropTypes<
-  typeof dataTablePaginationProps
->;

package/src/components/data-model/data-table-pagination/data-table-pagination.tsx

@@ -1,22 +0,0 @@
-import { defineComponent } from "vue";
-import { dataTablePaginationProps } from "./data-table-pagination-options";
-import MKPagination from "../../pagination";
-
-export default defineComponent({
-  name: "MKDataTablePagination",
-  props: dataTablePaginationProps,
-  setup(props) {
-    return () => {
-      return (
-        <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)}
-        />
-      );
-    };
-  },
-});

package/src/components/data-model/data-table-pagination/index.ts

@@ -1,7 +0,0 @@
-import { withInstall } from "@maketribe/utils";
-import DataTablePagination from "./data-table-pagination";
-
-export const MKDataTablePagination = withInstall(DataTablePagination);
-export default DataTablePagination;
-
-export * from "./data-table-pagination-options";

package/src/components/data-model/filter-panel/composables/index.ts

@@ -1 +0,0 @@
-export * from "./use-condition";