@maketribe/ms-app 3.0.4 → 3.0.6

package/dist/cjs/components/data-model/data-table/views/table/search/search.js

@@ -0,0 +1,255 @@
+'use strict';
+
+var vue = require('vue');
+var searchOptions = require('./search-options.js');
+var dm = require('@maketribe/dm');
+var token = require('./token.js');
+var index = require('./search-item/index.js');
+var elementPlus = require('element-plus');
+var index$1 = require('../../../../../svg-icon/index.js');
+var index$2 = require('./search-drawer/index.js');
+var operatorOptions = require('./operator-options.js');
+var locale = require('@maketribe/locale');
+
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+var TableSearch = /* @__PURE__ */ vue.defineComponent({
+  name: "MKTableSearch",
+  props: searchOptions.searchProps,
+  emits: searchOptions.searchEmits,
+  setup(props, {
+    emit
+  }) {
+    const dataFilter = vue.computed(() => props.dataFilter);
+    const columns = vue.computed(() => vue.unref(dataFilter).getColumns());
+    const currentColumn = vue.ref(null);
+    const searchItemComponent = vue.ref(null);
+    const currentColumnValue = vue.computed({
+      get: () => {
+        const _currentColumn = vue.unref(currentColumn);
+        if (!_currentColumn) {
+          return;
+        }
+        return vue.unref(dataFilter).getParam(_currentColumn.name);
+      },
+      set: (v) => {
+        const _currentColumn = vue.unref(currentColumn);
+        if (!_currentColumn) {
+          return;
+        }
+        vue.unref(dataFilter).setParam(_currentColumn.name, v);
+      }
+    });
+    const isShowDrawer = vue.ref(false);
+    const isViewBaseSearchBtn = vue.ref(true);
+    const conditionTags = vue.ref([]);
+    const handleColumnChange = (value) => {
+      vue.unref(dataFilter).clearParams();
+      const column = vue.unref(dataFilter).getColumn(value);
+      if (column) {
+        currentColumn.value = column;
+      }
+      if (!vue.unref(isViewBaseSearchBtn)) {
+        handleSearch();
+        isViewBaseSearchBtn.value = true;
+      }
+    };
+    const showDrawer = () => {
+      isShowDrawer.value = true;
+    };
+    const handleSearch = () => {
+      emit("search");
+      isViewBaseSearchBtn.value = false;
+      isShowDrawer.value = false;
+    };
+    const handleBaseSearch = () => {
+      if (vue.unref(searchItemComponent)?.isEmpty()) {
+        return;
+      }
+      handleSearch();
+    };
+    const handleBaseResetSearch = () => {
+      vue.unref(searchItemComponent)?.reset();
+      handleSearch();
+      isViewBaseSearchBtn.value = true;
+    };
+    const searchHandle = (result) => {
+      const _dataFilter = vue.unref(dataFilter);
+      const _conditionTags = [];
+      _dataFilter.clearParams();
+      for (const key of Object.keys(result)) {
+        const itemInfo = result[key];
+        _dataFilter.setParam(key, itemInfo.value);
+        if (dm.isWhereFilter(_dataFilter)) {
+          _dataFilter.setParamOperator(key, itemInfo.operator);
+          const option = operatorOptions.OPERATOR_OPTIONS.find((option2) => option2.value === itemInfo.operator);
+          if (option) {
+            let title = "";
+            switch (option.value) {
+              case dm.Operator.IN:
+              case dm.Operator.NOT_IN:
+                break;
+              case dm.Operator.BETWEEN:
+                break;
+              default:
+                title = locale.I18n.instance.translate(option.tag, {
+                  fieldName: _dataFilter.getColumn(key)?.label ?? key,
+                  value: itemInfo.value
+                });
+            }
+            _conditionTags.push({
+              name: key,
+              title,
+              operator: itemInfo.operator,
+              value: itemInfo.value
+            });
+          }
+        } else {
+          _conditionTags.push({
+            name: key,
+            title: `${_dataFilter.getColumn(key)?.label ?? key} ${itemInfo.value}`,
+            value: itemInfo.value
+          });
+        }
+      }
+      conditionTags.value = _conditionTags;
+      emit("search");
+    };
+    const handleDrawerConfirm = (result) => {
+      if (Object.keys(result).length === 0) {
+        return;
+      }
+      searchHandle(result);
+    };
+    const handleConditionTagClose = (name) => {
+      const tag = vue.unref(conditionTags).find((tag2) => tag2.name === name);
+      if (!tag) {
+        return;
+      }
+      const _conditionTags = vue.unref(conditionTags).filter((item) => item.name !== tag.name);
+      searchHandle(_conditionTags.reduce((result, tag2) => {
+        result[tag2.name] = {
+          ...tag2
+        };
+        return result;
+      }, {}));
+    };
+    const handleReset = () => {
+      searchHandle({});
+    };
+    vue.watch(columns, (columns2) => {
+      const _currentColumn = vue.unref(currentColumn);
+      if (_currentColumn && props.dataFilter.getColumn(_currentColumn.name)) {
+        return;
+      }
+      currentColumn.value = columns2[0] ?? null;
+    }, {
+      immediate: true
+    });
+    vue.watch(dataFilter, (dataFilter2) => {
+      dataFilter2.setReady();
+    }, {
+      immediate: true
+    });
+    vue.provide(token.TABLE_SEARCH_CONTEXT_KEY, vue.reactive({
+      dataFilter
+    }));
+    return () => {
+      let _slot, _slot2, _slot3;
+      if (!vue.unref(currentColumn)) {
+        return null;
+      }
+      const baseSearchTools = vue.unref(isViewBaseSearchBtn) ? vue.createVNode(elementPlus.ElButton, {
+        "class": "mk-data-table-search__search",
+        "onClick": handleBaseSearch
+      }, _isSlot(_slot = locale.I18n.instance.translate("mk.filterPanel.searchButton")) ? _slot : {
+        default: () => [_slot]
+      }) : vue.createVNode(elementPlus.ElButton, {
+        "class": "mk-data-table-search__search",
+        "onClick": handleBaseResetSearch
+      }, _isSlot(_slot2 = locale.I18n.instance.translate("mk.filterPanel.resetButton")) ? _slot2 : {
+        default: () => [_slot2]
+      });
+      const content = vue.unref(conditionTags).length !== 0 ? (
+        // 条件tag
+        vue.createVNode("div", {
+          "class": "mk-data-table-search__conditions"
+        }, [vue.createVNode(elementPlus.ElTabs, {
+          "onTabRemove": handleConditionTagClose
+        }, _isSlot(_slot3 = vue.unref(conditionTags).map((tag) => vue.createVNode(elementPlus.ElTabPane, {
+          "name": tag.name,
+          "closable": true,
+          "label": tag.title
+        }, null))) ? _slot3 : {
+          default: () => [_slot3]
+        }), vue.createVNode(elementPlus.ElButton, {
+          "class": "mk-data-table-search__reset",
+          "type": "danger",
+          "onClick": handleReset
+        }, {
+          default: () => [vue.createTextVNode("\u91CD\u7F6E")]
+        })])
+      ) : (
+        // 输入框
+        vue.createVNode("div", {
+          "class": "mk-data-table-search__input"
+        }, [vue.createVNode(index.MKTableSearchItem, {
+          "class": "mk-data-table-search__current",
+          "ref": (ref2) => {
+            searchItemComponent.value = ref2;
+          },
+          "modelValue": vue.unref(currentColumnValue),
+          "onUpdate:modelValue": (v) => {
+            currentColumnValue.value = v;
+          },
+          "onOperatorChange": (v) => {
+            const _dataFilter = vue.unref(dataFilter);
+            const _currentColumn = vue.unref(currentColumn);
+            if (dm.isWhereFilter(_dataFilter) && _currentColumn) {
+              _dataFilter.setParamOperator(_currentColumn.name, v);
+            }
+          },
+          "name": vue.unref(currentColumn).name
+        }, {
+          label: () => {
+            const options = vue.unref(columns).map((item) => vue.createVNode(elementPlus.ElOption, {
+              "label": item.label,
+              "value": item.name,
+              "key": item.name
+            }, null));
+            return vue.createVNode(elementPlus.ElSelect, {
+              "modelValue": vue.unref(currentColumn).name,
+              "onChange": handleColumnChange
+            }, _isSlot(options) ? options : {
+              default: () => [options]
+            });
+          }
+        }), baseSearchTools, vue.createVNode(elementPlus.ElTooltip, {
+          "content": locale.I18n.instance.translate("mk.filterPanel.moreFilterButton"),
+          "placement": "top"
+        }, {
+          default: () => [vue.createVNode(elementPlus.ElButton, {
+            "class": "mk-data-table-search__more",
+            "onClick": showDrawer
+          }, {
+            default: () => [vue.createVNode(index$1.MKSvgIcon, {
+              "iconClass": "Filter"
+            }, null)]
+          })]
+        }), vue.createVNode(index$2.MKTableSearchDrawer, {
+          "onConfirm": handleDrawerConfirm,
+          "dataFilter": vue.unref(dataFilter),
+          "visible": vue.unref(isShowDrawer),
+          "onUpdate:visible": (v) => isShowDrawer.value = v
+        }, null)])
+      );
+      return vue.createVNode("div", {
+        "class": "mk-data-table-search"
+      }, [content]);
+    };
+  }
+});
+
+module.exports = TableSearch;
+//# sourceMappingURL=search.js.map

package/dist/cjs/components/data-model/data-table/views/table/search/search.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search.js","sources":["../../../../../../../../src/components/data-model/data-table/views/table/search/search.tsx"],"sourcesContent":["import {\n  Ref,\n  computed,\n  defineComponent,\n  provide,\n  reactive,\n  ref,\n  unref,\n  watch,\n} from \"vue\";\nimport { searchEmits, searchProps } from \"./search-options\";\nimport { FilterColumn, Operator, isWhereFilter } from \"@maketribe/dm\";\nimport { TABLE_SEARCH_CONTEXT_KEY } from \"./token\";\nimport MKTableSearchItem from \"./search-item\";\nimport {\n  ElButton,\n  ElOption,\n  ElSelect,\n  ElTabPane,\n  ElTabs,\n  TabPaneName,\n  ElTooltip,\n} from \"element-plus\";\nimport MKSvgIcon from \"../../../../../svg-icon\";\nimport MKTableSearchDrawer from \"./search-drawer\";\nimport { OPERATOR_OPTIONS } from \"./operator-options\";\nimport { I18n } from \"@maketribe/locale\";\nimport { SearchItemComponent } from \"./search-item/search-item\";\n\ntype ConditionTag = {\n  name: string;\n  title: string;\n  value: any;\n  operator?: Operator;\n};\n\nexport default defineComponent({\n  name: \"MKTableSearch\",\n  props: searchProps,\n  emits: searchEmits,\n  setup(props, { emit }) {\n    const dataFilter = computed(() => props.dataFilter);\n    const columns = computed(() => unref(dataFilter).getColumns());\n\n    const currentColumn: Ref<FilterColumn | null> = ref(null);\n\n    const searchItemComponent: Ref<SearchItemComponent | null> = ref(null);\n\n    const currentColumnValue = computed({\n      get: () => {\n        const _currentColumn = unref(currentColumn);\n\n        if (!_currentColumn) {\n          return;\n        }\n        return unref(dataFilter).getParam(_currentColumn.name);\n      },\n      set: (v) => {\n        const _currentColumn = unref(currentColumn);\n\n        if (!_currentColumn) {\n          return;\n        }\n\n        unref(dataFilter).setParam(_currentColumn.name, v);\n      },\n    });\n\n    const isShowDrawer = ref(false);\n\n    // 是否显示过基础查询的按钮\n    const isViewBaseSearchBtn = ref(true);\n\n    const conditionTags: Ref<ConditionTag[]> = ref([]);\n\n    const handleColumnChange = (value: string) => {\n      unref(dataFilter).clearParams();\n\n      const column = unref(dataFilter).getColumn(value);\n\n      if (column) {\n        currentColumn.value = column;\n      }\n\n      if (!unref(isViewBaseSearchBtn)) {\n        handleSearch();\n        isViewBaseSearchBtn.value = true;\n      }\n    };\n\n    const showDrawer = () => {\n      isShowDrawer.value = true;\n    };\n\n    const handleSearch = () => {\n      emit(\"search\");\n      isViewBaseSearchBtn.value = false;\n      isShowDrawer.value = false;\n    };\n\n    const handleBaseSearch = () => {\n      if (unref(searchItemComponent)?.isEmpty()) {\n        return;\n      }\n\n      handleSearch();\n    };\n\n    // 基础重置按钮\n    const handleBaseResetSearch = () => {\n      unref(searchItemComponent)?.reset();\n\n      handleSearch();\n\n      isViewBaseSearchBtn.value = true;\n    };\n\n    const searchHandle = (\n      result: Record<string, { operator?: Operator; value: any }>\n    ) => {\n      const _dataFilter = unref(dataFilter);\n\n      const _conditionTags: ConditionTag[] = [];\n\n      _dataFilter.clearParams();\n\n      for (const key of Object.keys(result)) {\n        const itemInfo = result[key];\n        _dataFilter.setParam(key, itemInfo.value);\n\n        if (isWhereFilter(_dataFilter)) {\n          _dataFilter.setParamOperator(key, itemInfo.operator!);\n\n          const option = OPERATOR_OPTIONS.find(\n            (option) => option.value === itemInfo.operator!\n          );\n\n          if (option) {\n            let title = \"\";\n\n            switch (option.value) {\n              case Operator.IN:\n              case Operator.NOT_IN:\n                break;\n              case Operator.BETWEEN:\n                break;\n              default:\n                title = I18n.instance.translate(option.tag, {\n                  fieldName: _dataFilter.getColumn(key)?.label ?? key,\n                  value: itemInfo.value,\n                });\n            }\n\n            _conditionTags.push({\n              name: key,\n              title,\n              operator: itemInfo.operator,\n              value: itemInfo.value,\n            });\n          }\n        } else {\n          _conditionTags.push({\n            name: key,\n            title: `${_dataFilter.getColumn(key)?.label ?? key} ${\n              itemInfo.value\n            }`,\n            value: itemInfo.value,\n          });\n        }\n      }\n\n      conditionTags.value = _conditionTags;\n\n      emit(\"search\");\n    };\n\n    const handleDrawerConfirm = (\n      result: Record<string, { operator?: Operator; value: any }>\n    ) => {\n      if (Object.keys(result).length === 0) {\n        return;\n      }\n\n      searchHandle(result);\n    };\n\n    const handleConditionTagClose = (name: TabPaneName) => {\n      const tag = unref(conditionTags).find((tag) => tag.name === name);\n\n      if (!tag) {\n        return;\n      }\n\n      const _conditionTags = unref(conditionTags).filter(\n        (item) => item.name !== tag.name\n      );\n\n      searchHandle(\n        _conditionTags.reduce((result, tag) => {\n          result[tag.name] = { ...tag };\n          return result;\n        }, {} as Record<string, { operator?: Operator; value: any }>)\n      );\n    };\n\n    const handleReset = () => {\n      searchHandle({});\n    };\n\n    watch(\n      columns,\n      (columns) => {\n        const _currentColumn = unref(currentColumn);\n\n        if (_currentColumn && props.dataFilter.getColumn(_currentColumn.name)) {\n          return;\n        }\n\n        currentColumn.value = columns[0] ?? null;\n      },\n      { immediate: true }\n    );\n\n    watch(\n      dataFilter,\n      (dataFilter) => {\n        dataFilter.setReady();\n      },\n      { immediate: true }\n    );\n\n    provide(TABLE_SEARCH_CONTEXT_KEY, reactive({ dataFilter }));\n\n    return () => {\n      if (!unref(currentColumn)) {\n        return null;\n      }\n\n      const baseSearchTools = unref(isViewBaseSearchBtn) ? (\n        <ElButton\n          class=\"mk-data-table-search__search\"\n          onClick={handleBaseSearch}\n        >\n          {I18n.instance.translate(\"mk.filterPanel.searchButton\")}\n        </ElButton>\n      ) : (\n        <ElButton\n          class=\"mk-data-table-search__search\"\n          onClick={handleBaseResetSearch}\n        >\n          {I18n.instance.translate(\"mk.filterPanel.resetButton\")}\n        </ElButton>\n      );\n\n      const content =\n        unref(conditionTags).length !== 0 ? (\n          // 条件tag\n          <div class=\"mk-data-table-search__conditions\">\n            <ElTabs onTabRemove={handleConditionTagClose}>\n              {unref(conditionTags).map((tag) => (\n                <ElTabPane name={tag.name} closable label={tag.title} />\n              ))}\n            </ElTabs>\n            <ElButton\n              class=\"mk-data-table-search__reset\"\n              type=\"danger\"\n              onClick={handleReset}\n            >\n              重置\n            </ElButton>\n          </div>\n        ) : (\n          // 输入框\n          <div class=\"mk-data-table-search__input\">\n            <MKTableSearchItem\n              class=\"mk-data-table-search__current\"\n              ref={(ref) => {\n                searchItemComponent.value =\n                  ref as unknown as SearchItemComponent;\n              }}\n              modelValue={unref(currentColumnValue)}\n              onUpdate:modelValue={(v: any) => {\n                currentColumnValue.value = v;\n              }}\n              onOperatorChange={(v: Operator) => {\n                const _dataFilter = unref(dataFilter);\n                const _currentColumn = unref(currentColumn);\n\n                if (isWhereFilter(_dataFilter) && _currentColumn) {\n                  _dataFilter.setParamOperator(_currentColumn.name, v);\n                }\n              }}\n              name={unref(currentColumn)!.name}\n              v-slots={{\n                label: () => {\n                  const options = unref(columns).map((item) => (\n                    <ElOption\n                      label={item.label}\n                      value={item.name}\n                      key={item.name}\n                    />\n                  ));\n                  return (\n                    <ElSelect\n                      modelValue={unref(currentColumn)!.name}\n                      onChange={handleColumnChange}\n                    >\n                      {options}\n                    </ElSelect>\n                  );\n                },\n              }}\n            />\n            {baseSearchTools}\n            <ElTooltip\n              content={I18n.instance.translate(\n                \"mk.filterPanel.moreFilterButton\"\n              )}\n              placement=\"top\"\n            >\n              <ElButton class=\"mk-data-table-search__more\" onClick={showDrawer}>\n                <MKSvgIcon iconClass=\"Filter\" />\n              </ElButton>\n            </ElTooltip>\n\n            <MKTableSearchDrawer\n              onConfirm={handleDrawerConfirm}\n              dataFilter={unref(dataFilter)}\n              visible={unref(isShowDrawer)}\n              onUpdate:visible={(v: boolean) => (isShowDrawer.value = v)}\n            />\n          </div>\n        );\n\n      return <div class=\"mk-data-table-search\">{content}</div>;\n    };\n  },\n});\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","props","searchProps","emits","searchEmits","setup","emit","dataFilter","computed","columns","unref","getColumns","currentColumn","ref","searchItemComponent","currentColumnValue","get","_currentColumn","getParam","set","v","setParam","isShowDrawer","isViewBaseSearchBtn","conditionTags","handleColumnChange","value","clearParams","column","getColumn","handleSearch","showDrawer","handleBaseSearch","isEmpty","handleBaseResetSearch","reset","searchHandle","result","_dataFilter","_conditionTags","key","keys","itemInfo","isWhereFilter","setParamOperator","operator","option","OPERATOR_OPTIONS","find","title","Operator","IN","NOT_IN","BETWEEN","I18n","instance","translate","tag","fieldName","label","push","handleDrawerConfirm","length","handleConditionTagClose","filter","item","reduce","handleReset","watch","immediate","setReady","provide","TABLE_SEARCH_CONTEXT_KEY","reactive","_slot","_slot2","_slot3","baseSearchTools","_createVNode","ElButton","default","content","ElTabs","map","ElTabPane","_createTextVNode","MKTableSearchItem","options","ElOption","ElSelect","ElTooltip","MKSvgIcon","MKTableSearchDrawer"],"mappings":"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"}

package/dist/cjs/components/data-model/data-table/views/table/search/token.d.ts

@@ -0,0 +1,21 @@
+import { InjectionKey } from "vue";
+import { DataFilter, FilterColumn, Operator } from "@maketribe/dm";
+import { OperatorOption } from "./operator-options";
+export interface TableSearchItem {
+    column: FilterColumn;
+    currentOperator: Operator | null;
+    operatorOptions: OperatorOption[];
+    setOperator(operator: Operator): void;
+    setOperatorOptions(options: OperatorOption[]): void;
+    setValue(value: any): void;
+    getValue(): any;
+}
+export interface TableSearchItemContext {
+    dataFilter: DataFilter;
+    tableSearchItem: TableSearchItem;
+}
+export interface TableSearchContext {
+    dataFilter: DataFilter;
+}
+export declare const TABLE_SEARCH_CONTEXT_KEY: InjectionKey<TableSearchContext>;
+export declare const TABLE_SEARCH_ITEM_CONTEXT_KEY: InjectionKey<TableSearchItemContext>;

package/dist/cjs/components/data-model/data-table/views/table/search/token.js

@@ -0,0 +1,8 @@
+'use strict';
+
+const TABLE_SEARCH_CONTEXT_KEY = Symbol("TABLE_SEARCH_CONTEXT_KEY");
+const TABLE_SEARCH_ITEM_CONTEXT_KEY = Symbol("TABLE_SEARCH_ITEM_CONTEXT_KEY");
+
+exports.TABLE_SEARCH_CONTEXT_KEY = TABLE_SEARCH_CONTEXT_KEY;
+exports.TABLE_SEARCH_ITEM_CONTEXT_KEY = TABLE_SEARCH_ITEM_CONTEXT_KEY;
+//# sourceMappingURL=token.js.map

package/dist/cjs/components/data-model/data-table/views/table/search/token.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"token.js","sources":["../../../../../../../../src/components/data-model/data-table/views/table/search/token.ts"],"sourcesContent":["import { InjectionKey } from \"vue\";\nimport { DataFilter, FilterColumn, Operator } from \"@maketribe/dm\";\nimport { OperatorOption } from \"./operator-options\";\n\nexport interface TableSearchItem {\n  column: FilterColumn;\n  currentOperator: Operator | null;\n  operatorOptions: OperatorOption[];\n  setOperator(operator: Operator): void;\n  setOperatorOptions(options: OperatorOption[]): void;\n  setValue(value: any): void;\n  getValue(): any;\n}\n\nexport interface TableSearchItemContext {\n  dataFilter: DataFilter;\n  tableSearchItem: TableSearchItem;\n}\n\nexport interface TableSearchContext {\n  dataFilter: DataFilter;\n}\n\nexport const TABLE_SEARCH_CONTEXT_KEY: InjectionKey<TableSearchContext> =\n  Symbol(\"TABLE_SEARCH_CONTEXT_KEY\");\n\nexport const TABLE_SEARCH_ITEM_CONTEXT_KEY: InjectionKey<TableSearchItemContext> =\n  Symbol(\"TABLE_SEARCH_ITEM_CONTEXT_KEY\");\n"],"names":[],"mappings":";;AAuBa,MAAA,wBAAA,GACX,OAAO,0BAA0B,EAAA;AAEtB,MAAA,6BAAA,GACX,OAAO,+BAA+B;;;;;"}

package/dist/cjs/components/data-model/data-table/views/table/table-view-options.d.ts

@@ -0,0 +1,13 @@
+import { ExtractPropTypes } from "vue";
+import { DataTable } from "@maketribe/dm";
+export declare const tableViewProps: {
+    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 TableViewProps = ExtractPropTypes<typeof tableViewProps>;
+export declare const tableViewEmits: {};
+export declare const TableViewEmits: "string" | "number" | "bigint" | "boolean" | "symbol" | "undefined" | "object" | "function";

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

@@ -0,0 +1,15 @@
+'use strict';
+
+var utils = require('@maketribe/utils');
+var dm = require('@maketribe/dm');
+
+const tableViewProps = utils.buildProps({
+  dataTable: { type: dm.DataTable, required: true }
+});
+const tableViewEmits = {};
+const TableViewEmits = typeof tableViewEmits;
+
+exports.TableViewEmits = TableViewEmits;
+exports.tableViewEmits = tableViewEmits;
+exports.tableViewProps = tableViewProps;
+//# sourceMappingURL=table-view-options.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table-view-options.js","sources":["../../../../../../../src/components/data-model/data-table/views/table/table-view-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { DataTable } from \"@maketribe/dm\";\n\nexport const tableViewProps = buildProps({\n  dataTable: { type: DataTable<any>, required: true },\n} as const);\n\nexport type TableViewProps = ExtractPropTypes<typeof tableViewProps>;\n\nexport const tableViewEmits = {};\n\nexport const TableViewEmits = typeof tableViewEmits;\n"],"names":["buildProps","DataTable"],"mappings":";;;;;AAIO,MAAM,iBAAiBA,gBAAW,CAAA;AAAA,EACvC,SAAW,EAAA,EAAE,IAAM,EAAAC,YAAA,EAAgB,UAAU,IAAK,EAAA;AACpD,CAAU,EAAA;AAIH,MAAM,iBAAiB,GAAC;AAExB,MAAM,iBAAiB,OAAO;;;;;;"}

package/dist/cjs/components/data-model/data-table/views/table/table-view.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/cjs/components/data-model/data-table/views/table/table-view.js

@@ -0,0 +1,120 @@
+'use strict';
+
+var vue = require('vue');
+var elementPlus = require('element-plus');
+var index$1 = require('../../data-table-column-component/index.js');
+var index$3 = require('../../../../button/index.js');
+var index$4 = require('./classify-search/index.js');
+var index = require('../../data-table-column/index.js');
+var index$2 = require('../../../data-table-pagination/index.js');
+var index$5 = require('../../../data-filter-popover/index.js');
+var index$6 = require('../../../../svg-icon/index.js');
+var tableViewOptions = require('./table-view-options.js');
+
+var TableView = /* @__PURE__ */ vue.defineComponent({
+  name: "MKTableView",
+  props: tableViewOptions.tableViewProps,
+  setup(props, {
+    slots
+  }) {
+    const pageSizes = vue.computed(() => props.dataTable.pageSizes);
+    return () => {
+      const table = slots.table?.({
+        dataTable: props.dataTable
+      }) || vue.createVNode(elementPlus.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) => vue.createVNode(index.MKDataTableColumn, {
+          "column": column
+        }, {
+          default: () => [slots[`col-${column.name}`]?.() ?? vue.createVNode(elementPlus.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 vue.createVNode(index$1.MKDataTableColumnComponent, {
+                "column": column,
+                "row": scope.row,
+                "index": scope.$index
+              }, null);
+            }
+          })]
+        }))],
+        empty: () => slots.empty?.() || vue.createVNode(elementPlus.ElEmpty, null, null)
+      });
+      const pagination = slots.pagination?.({
+        dataTable: props.dataTable
+      }) || (vue.unref(pageSizes).length ? vue.createVNode(index$2.MKDataTablePagination, {
+        "dataTable": props.dataTable
+      }, null) : null);
+      return vue.createVNode(elementPlus.ElCard, {
+        "class": "mk-table-view"
+      }, {
+        default: () => [table, pagination],
+        header: () => {
+          const _dataTable = props.dataTable;
+          const buttons = _dataTable.buttonTools.filter((button) => button.predicate()).map((button) => vue.createVNode(index$3.MKButton, {
+            "button": button,
+            "onClick": () => button.handler()
+          }, null));
+          let classifySearch = slots["classify-search"]?.() ?? null;
+          if (!classifySearch && _dataTable.classifySearch.getClassifySearchItems().length) {
+            classifySearch = vue.createVNode(index$4.MKTableClassifySearch, null, null);
+          }
+          const tools = !_dataTable.getSelection().length ? vue.createVNode(vue.Fragment, null, [vue.createVNode("div", {
+            "class": "header-box-main"
+          }, null), vue.createVNode("div", {
+            "class": "header-box-tools"
+          }, [vue.createVNode(index$5.MKDataFilterPopover, {
+            "dataTable": _dataTable
+          }, {
+            default: () => [vue.createVNode(elementPlus.ElButton, null, {
+              default: () => [vue.createVNode(index$6.MKSvgIcon, {
+                "iconClass": "Filter"
+              }, null)]
+            })]
+          }), buttons])]) : vue.createVNode("div", {
+            "class": "mk-table-view__selection-tip"
+          }, [vue.createVNode("div", {
+            "class": "mk-table-view__selection-tip-left"
+          }, [vue.createVNode("span", null, [vue.createTextVNode("\u5DF2\u9009\u4E2D"), vue.createVNode("span", {
+            "class": "selection-count"
+          }, [_dataTable.getSelection().length]), vue.createTextVNode("\u9879")])]), vue.createVNode("div", {
+            "class": "mk-table-view__selection-tip-right"
+          }, [_dataTable.batchActionButtonTools.map((button) => vue.createVNode(index$3.MKButton, {
+            "link": true,
+            "button": button,
+            "onClick": () => button.handler()
+          }, null)), vue.createVNode(elementPlus.ElButton, {
+            "link": true,
+            "onClick": () => _dataTable.clearSelection()
+          }, {
+            default: () => [vue.createTextVNode("\u53D6\u6D88\u9009\u62E9")]
+          })])]);
+          return vue.createVNode(vue.Fragment, null, [classifySearch, vue.createVNode("div", {
+            "class": "mk-table-view__header header-box"
+          }, [tools])]);
+        }
+      });
+    };
+  }
+});
+
+module.exports = TableView;
+//# sourceMappingURL=table-view.js.map

package/dist/cjs/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":["defineComponent","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/cjs/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/cjs/components/data-model/data-table-page/data-table-page-options.js

@@ -0,0 +1,11 @@
+'use strict';
+
+var dm = require('@maketribe/dm');
+var utils = require('@maketribe/utils');
+
+const dataTablePageProps = utils.buildProps({
+  dataTable: { type: dm.DataTable }
+});
+
+exports.dataTablePageProps = dataTablePageProps;
+//# sourceMappingURL=data-table-page-options.js.map

package/dist/cjs/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":["buildProps","DataTable"],"mappings":";;;;;AAIO,MAAM,qBAAqBA,gBAAW,CAAA;AAAA,EAC3C,SAAA,EAAW,EAAE,IAAA,EAAMC,YAAe,EAAA;AACpC,CAAU;;;;"}

package/dist/cjs/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/cjs/components/data-model/data-table-page/data-table-page.js

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

package/dist/cjs/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":["defineComponent","name","props","dataTablePageProps","setup","slots","dataTable","computed","loading","unref","_withDirectives","_createVNode","MKDataTable","_resolveDirective"],"mappings":";;;;;;AAKA,oCAA+BA,mBAAA,CAAA;AAAA,EAC7BC,IAAM,EAAA,iBAAA;AAAA,EACNC,KAAOC,EAAAA,uCAAAA;AAAAA,EACPC,MAAMF,KAAO,EAAA;AAAA,IAAEG,KAAAA;AAAAA,GAAS,EAAA;AACtB,IAAA,MAAMC,SAAYC,GAAAA,YAAAA,CAAS,MAAML,KAAAA,CAAMI,aAAa,IAAI,CAAA,CAAA;AAExD,IAAA,MAAME,UAAUD,YAAS,CAAA,MAAME,UAAMH,SAAS,CAAA,EAAGE,WAAW,IAAI,CAAA,CAAA;AAEhE,IAAA,OAAO,MAAM;AACX,MAAAE,OAAAA,kBAAAA,CAAAC,gBAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,oBAAA;AAAA,OAAA,EAAAA,CAAAA,eAAAA,CAAAC,iBAAA,EAAA;AAAA,QAAA,WAAA,EAGiBH,UAAMH,SAAS,CAAA;AAAA,OACjB,EAAA;AAAA,QAAE,GAAGD,KAAAA;AAAAA,OAAO,OAAAQ,oBAAA,CAAA,SAAA,CAHkBJ,EAAAA,SAAAA,CAAMD,OAAO,CAAC,CAAA,CAAA,CAAA,CAAA;AAAA,KAO7D,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}

package/dist/cjs/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;