@maketribe/ms-app 3.0.4 → 3.0.6

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

@@ -0,0 +1,116 @@
+import { defineComponent, inject, ref, computed, watch, provide, reactive, unref, toRaw, createVNode, mergeProps, isVNode } from 'vue';
+import { isWhereFilter } from '@maketribe/dm';
+import { useFilterColumnComponent } from '../../../../../../../composables/use-column-component.js';
+import '../../../../../../config-provider/index.js';
+import 'vue-router';
+import '@maketribe/request';
+import { I18n } from '@maketribe/locale';
+import '@maketribe/utils';
+import { ElOption, ElSelect } from 'element-plus';
+import '../../../../../../../core/DataModelDefines.js';
+import { TABLE_SEARCH_CONTEXT_KEY, TABLE_SEARCH_ITEM_CONTEXT_KEY } from '../token.js';
+import { searchItemProps, searchItemEmits } from './search-item-options.js';
+
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+var TableSearchItem = /* @__PURE__ */ defineComponent({
+  name: "MKTableSearchItem",
+  props: searchItemProps,
+  emits: searchItemEmits,
+  setup(props, {
+    slots,
+    emit,
+    expose
+  }) {
+    const tableSearchContext = inject(TABLE_SEARCH_CONTEXT_KEY);
+    const dataFilter = tableSearchContext.dataFilter;
+    const searchItemComponent = ref(null);
+    const column = computed(() => dataFilter.getColumn(props.name));
+    const {
+      component,
+      componentProps
+    } = useFilterColumnComponent(column, dataFilter);
+    const createSearchItem = () => {
+      function setOperator(operator) {
+        const _dataFilter = unref(dataFilter);
+        if (isWhereFilter(_dataFilter)) {
+          this.currentOperator = operator;
+          emit("operatorChange", operator);
+        }
+      }
+      function setOperatorOptions(options) {
+        if (isWhereFilter(unref(dataFilter))) {
+          this.operatorOptions = options;
+        }
+      }
+      function setValue(value) {
+        emit("update:modelValue", value);
+      }
+      function getValue() {
+        return props.modelValue;
+      }
+      const tableSearchItem2 = reactive({
+        column,
+        currentOperator: null,
+        operatorOptions: [],
+        setOperator,
+        setOperatorOptions,
+        setValue,
+        getValue
+      });
+      return tableSearchItem2;
+    };
+    const tableSearchItem = createSearchItem();
+    watch(computed(() => props.modelValue), (modelValue, oldValue) => {
+      if (modelValue !== oldValue) {
+        tableSearchItem.setValue(modelValue);
+      }
+    }, {
+      immediate: true
+    });
+    provide(TABLE_SEARCH_ITEM_CONTEXT_KEY, reactive({
+      dataFilter,
+      tableSearchItem
+    }));
+    expose({
+      reset: () => {
+        unref(searchItemComponent)?.reset();
+      },
+      isEmpty: () => {
+        return unref(searchItemComponent)?.isEmpty() ?? true;
+      }
+    });
+    return () => {
+      const FilterColumnComponent = toRaw(unref(component));
+      const children = createVNode(FilterColumnComponent, mergeProps({
+        "ref": (ref2) => {
+          searchItemComponent.value = ref2;
+        },
+        "key": props.name
+      }, unref(componentProps)), null);
+      const options = tableSearchItem.operatorOptions.map((option) => createVNode(ElOption, {
+        "key": option.value,
+        "value": option.value,
+        "label": I18n.instance.translate(option.label)
+      }, null));
+      const operatorSelect = isWhereFilter(dataFilter) ? createVNode(ElSelect, {
+        "modelValue": tableSearchItem.currentOperator,
+        "onUpdate:modelValue": (v) => tableSearchItem.setOperator(v),
+        "class": "mk-data-table-search-item__operator"
+      }, _isSlot(options) ? options : {
+        default: () => [options]
+      }) : null;
+      return createVNode("div", {
+        "class": "mk-data-table-search-item"
+      }, [createVNode("span", {
+        "class": "mk-data-table-search-item__label"
+      }, [slots.label?.() ?? unref(column).label]), operatorSelect, createVNode("div", {
+        "class": "mk-data-table-search-item__input"
+      }, [children])]);
+    };
+  }
+});
+
+export { TableSearchItem as default };
+//# sourceMappingURL=search-item.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"search-item.js","sources":["../../../../../../../../../src/components/data-model/data-table/views/table/search/search-item/search-item.tsx"],"sourcesContent":["import {\n  Ref,\n  computed,\n  defineComponent,\n  inject,\n  provide,\n  reactive,\n  ref,\n  toRaw,\n  unref,\n  watch,\n} from \"vue\";\nimport { isWhereFilter } from \"@maketribe/dm\";\nimport { useFilterColumnComponent } from \"../../../../../../../composables\";\nimport {\n  TABLE_SEARCH_CONTEXT_KEY,\n  TABLE_SEARCH_ITEM_CONTEXT_KEY,\n  TableSearchItem,\n  TableSearchItemContext,\n} from \"../token\";\nimport { searchItemEmits, searchItemProps } from \"./search-item-options\";\nimport { OperatorOption } from \"../operator-options\";\nimport { ElOption, ElSelect } from \"element-plus\";\nimport { I18n } from \"@maketribe/locale\";\n\nexport type SearchItemComponent = {\n  isEmpty: () => boolean;\n  reset: () => void;\n};\n\nexport default defineComponent({\n  name: \"MKTableSearchItem\",\n  props: searchItemProps,\n  emits: searchItemEmits,\n  setup(props, { slots, emit, expose }) {\n    const tableSearchContext = inject(TABLE_SEARCH_CONTEXT_KEY)!;\n\n    const dataFilter = tableSearchContext.dataFilter;\n\n    const searchItemComponent: Ref<SearchItemComponent | null> = ref(null);\n\n    const column = computed(() => dataFilter.getColumn(props.name));\n\n    const { component, componentProps } = useFilterColumnComponent(\n      column,\n      dataFilter\n    );\n\n    const createSearchItem = () => {\n      function setOperator(\n        this: TableSearchItem,\n        operator: OperatorOption[\"value\"]\n      ) {\n        const _dataFilter = unref(dataFilter);\n        if (isWhereFilter(_dataFilter)) {\n          this.currentOperator = operator;\n\n          emit(\"operatorChange\", operator);\n        }\n      }\n\n      function setOperatorOptions(\n        this: TableSearchItem,\n        options: OperatorOption[]\n      ) {\n        if (isWhereFilter(unref(dataFilter))) {\n          this.operatorOptions = options;\n        }\n      }\n\n      function setValue(this: TableSearchItem, value: any) {\n        emit(\"update:modelValue\", value);\n      }\n\n      function getValue(this: TableSearchItem): any {\n        return props.modelValue;\n      }\n\n      const tableSearchItem: TableSearchItem = reactive({\n        column,\n        currentOperator: null,\n        operatorOptions: [],\n        setOperator,\n        setOperatorOptions,\n        setValue,\n        getValue,\n      }) as TableSearchItem;\n\n      return tableSearchItem;\n    };\n\n    const tableSearchItem = createSearchItem();\n\n    watch(\n      computed(() => props.modelValue),\n      (modelValue, oldValue) => {\n        if (modelValue !== oldValue) {\n          tableSearchItem.setValue(modelValue);\n        }\n      },\n      { immediate: true }\n    );\n\n    provide(\n      TABLE_SEARCH_ITEM_CONTEXT_KEY,\n      reactive({ dataFilter, tableSearchItem }) as TableSearchItemContext\n    );\n\n    expose({\n      reset: () => {\n        unref(searchItemComponent)?.reset();\n      },\n      isEmpty: () => {\n        return unref(searchItemComponent)?.isEmpty() ?? true;\n      },\n    });\n\n    return () => {\n      const FilterColumnComponent = toRaw(unref(component));\n\n      const children = (\n        <FilterColumnComponent\n          ref={(ref) => {\n            searchItemComponent.value = ref as unknown as SearchItemComponent;\n          }}\n          key={props.name}\n          {...unref(componentProps)}\n        />\n      );\n\n      const options = tableSearchItem.operatorOptions.map((option) => (\n        <ElOption\n          key={option.value}\n          value={option.value}\n          label={I18n.instance.translate(option.label)}\n        />\n      ));\n\n      const operatorSelect = isWhereFilter(dataFilter) ? (\n        <ElSelect\n          modelValue={tableSearchItem.currentOperator as any}\n          onUpdate:modelValue={(v) => tableSearchItem.setOperator(v)}\n          class=\"mk-data-table-search-item__operator\"\n        >\n          {options}\n        </ElSelect>\n      ) : null;\n\n      return (\n        <div class=\"mk-data-table-search-item\">\n          <span class=\"mk-data-table-search-item__label\">\n            {slots.label?.() ?? unref(column)!.label}\n          </span>\n          {operatorSelect}\n          <div class=\"mk-data-table-search-item__input\">{children}</div>\n        </div>\n      );\n    };\n  },\n});\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","name","props","searchItemProps","emits","searchItemEmits","setup","slots","emit","expose","tableSearchContext","inject","TABLE_SEARCH_CONTEXT_KEY","dataFilter","searchItemComponent","ref","column","computed","getColumn","component","componentProps","useFilterColumnComponent","createSearchItem","setOperator","operator","_dataFilter","unref","isWhereFilter","currentOperator","setOperatorOptions","options","operatorOptions","setValue","value","getValue","modelValue","tableSearchItem","reactive","watch","oldValue","immediate","provide","TABLE_SEARCH_ITEM_CONTEXT_KEY","reset","isEmpty","FilterColumnComponent","toRaw","children","_createVNode","_mergeProps","map","option","ElOption","I18n","instance","translate","label","operatorSelect","ElSelect","v","default"],"mappings":"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"}

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

@@ -0,0 +1,15 @@
+import { ExtractPropTypes } from "vue";
+import { DataFilter } from "@maketribe/dm";
+export declare const searchProps: {
+    readonly dataFilter: {
+        readonly type: import("vue").PropType<DataFilter<Record<string, any>>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+};
+export type SearchProps = ExtractPropTypes<typeof searchProps>;
+export declare const searchEmits: {
+    search: () => boolean;
+};
+export type SearchEmits = typeof searchEmits;

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

@@ -0,0 +1,15 @@
+import { buildProps } from '@maketribe/utils';
+import { DataFilter } from '@maketribe/dm';
+
+const searchProps = buildProps({
+  dataFilter: {
+    type: DataFilter,
+    required: true
+  }
+});
+const searchEmits = {
+  search: () => true
+};
+
+export { searchEmits, searchProps };
+//# sourceMappingURL=search-options.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"search-options.js","sources":["../../../../../../../../src/components/data-model/data-table/views/table/search/search-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { DataFilter } from \"@maketribe/dm\";\n\nexport const searchProps = buildProps({\n  dataFilter: {\n    type: DataFilter,\n    required: true,\n  },\n} as const);\n\nexport type SearchProps = ExtractPropTypes<typeof searchProps>;\n\nexport const searchEmits = {\n  search: () => true,\n};\n\nexport type SearchEmits = typeof searchEmits;\n"],"names":[],"mappings":";;;AAIO,MAAM,cAAc,UAAW,CAAA;AAAA,EACpC,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,UAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AACF,CAAU,EAAA;AAIH,MAAM,WAAc,GAAA;AAAA,EACzB,QAAQ,MAAM,IAAA;AAChB;;;;"}

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

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

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

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

package/dist/esm/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","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/esm/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/esm/components/data-model/data-table/views/table/search/token.js

@@ -0,0 +1,5 @@
+const TABLE_SEARCH_CONTEXT_KEY = Symbol("TABLE_SEARCH_CONTEXT_KEY");
+const TABLE_SEARCH_ITEM_CONTEXT_KEY = Symbol("TABLE_SEARCH_ITEM_CONTEXT_KEY");
+
+export { TABLE_SEARCH_CONTEXT_KEY, TABLE_SEARCH_ITEM_CONTEXT_KEY };
+//# sourceMappingURL=token.js.map

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

@@ -0,0 +1,11 @@
+import { buildProps } from '@maketribe/utils';
+import { DataTable } from '@maketribe/dm';
+
+const tableViewProps = buildProps({
+  dataTable: { type: DataTable, required: true }
+});
+const tableViewEmits = {};
+const TableViewEmits = typeof tableViewEmits;
+
+export { TableViewEmits, tableViewEmits, tableViewProps };
+//# sourceMappingURL=table-view-options.js.map

package/dist/esm/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":[],"mappings":";;;AAIO,MAAM,iBAAiB,UAAW,CAAA;AAAA,EACvC,SAAW,EAAA,EAAE,IAAM,EAAA,SAAA,EAAgB,UAAU,IAAK,EAAA;AACpD,CAAU,EAAA;AAIH,MAAM,iBAAiB,GAAC;AAExB,MAAM,iBAAiB,OAAO;;;;"}

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