@maketribe/ms-app 4.0.0-alpha.1 → 4.0.0-alpha.2

package/dist/esm/index-ZLb46WHg.js

@@ -0,0 +1,416 @@
+import { defineComponent, inject, computed, unref, watch, onBeforeUnmount, toRaw, createVNode, mergeProps, isVNode, reactive, provide, onMounted, Suspense, Fragment, createTextVNode, ref } from "vue";
+import { ElFormItem, ElForm, ElDrawer, ElButton, ElTooltip, ElInput } from "element-plus";
+import { Search } from "@element-plus/icons-vue";
+import { debounce } from "lodash-es";
+import { isWhereFilter, FilterColumn, DataTable, Operator } from "@maketribe/dm";
+import { an as useFilterColumnComponent, D as DATA_TABLE_CONTEXT_KEY, q as MKSvgIcon } from "./index-D2Qngjos.js";
+import "@maketribe/request";
+import { buildProps, withInstall } from "@maketribe/utils";
+import "@lexical/overflow";
+import "@lexical/text";
+import "@lexical/utils";
+import "lexical";
+import "@lexical/selection";
+import "@lexical/link";
+import "@lexical/rich-text";
+import "@lexical/history";
+import "@lexical/dragon";
+import "@lexical/plain-text";
+import "vue-router";
+import "@maketribe/locale";
+import "./use-condition-CM-TzG8I.js";
+import "./index-YO7GGbnc.js";
+import "./index-UGKoGZpd.js";
+import "./index-DVjlAsMm.js";
+import "./index-CxJWRK6N.js";
+const dataFilterFormItemProps = buildProps({
+  name: { type: String, required: true },
+  label: { type: String }
+});
+const DATA_FILTER_CONTEXT = Symbol(
+  "DATA_FILTER_CONTEXT"
+);
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const DataFilterFormItem = /* @__PURE__ */ defineComponent({
+  name: "MKDataFilterFormItem",
+  props: dataFilterFormItemProps,
+  setup(props, {
+    slots
+  }) {
+    const dataFilterContext = inject(DATA_FILTER_CONTEXT);
+    const dataFilter = computed(() => dataFilterContext.dataFilter);
+    let _filterColumn = null;
+    const createFilterColumn = () => {
+      _filterColumn = reactive(new FilterColumn({
+        name: props.name,
+        label: props.label
+      }));
+      unref(dataFilter).addColumn(_filterColumn);
+      return _filterColumn;
+    };
+    const filterColumn = computed(() => {
+      const existingColumn = unref(dataFilter).getColumn(props.name) ?? null;
+      if (existingColumn) {
+        return existingColumn;
+      }
+      if (!_filterColumn) {
+        _filterColumn = createFilterColumn();
+      }
+      return _filterColumn;
+    });
+    const value = computed({
+      get: () => unref(dataFilter).getParam(unref(filterColumn).name),
+      set: (v) => unref(dataFilter).setParam(unref(filterColumn).name, v)
+    });
+    const {
+      component,
+      componentProps,
+      componentInfo
+    } = useFilterColumnComponent(filterColumn, dataFilter);
+    watch(componentInfo, (componentInfo2) => {
+      const _dataFilter = unref(dataFilter);
+      if (isWhereFilter(_dataFilter)) {
+        _dataFilter.setParamOperator(unref(filterColumn).name, componentInfo2.defaultOperator);
+      }
+    }, {
+      immediate: true
+    });
+    onBeforeUnmount(() => {
+      const _dataFilter = unref(dataFilter);
+      if (isWhereFilter(_dataFilter)) {
+        _dataFilter.deleteParamOperator(unref(filterColumn).name);
+      }
+      _dataFilter.deleteParam(unref(filterColumn).name);
+    });
+    return () => {
+      var _a;
+      const _filterColumn2 = unref(filterColumn);
+      if (!_filterColumn2) {
+        return null;
+      }
+      let children = (_a = slots.default) == null ? void 0 : _a.call(slots);
+      if (!children && unref(component)) {
+        const FilterColumnComponent = toRaw(unref(component));
+        children = createVNode(FilterColumnComponent, mergeProps(unref(componentProps), {
+          "modelValue": unref(value),
+          "onUpdate:modelValue": (v) => value.value = v,
+          "column": unref(filterColumn)
+        }), null);
+      }
+      const labelWidth = computed(() => dataFilterContext.labelWidth);
+      return createVNode(ElFormItem, {
+        "prop": _filterColumn2.name,
+        "label": _filterColumn2.label,
+        "labelWidth": unref(labelWidth)
+      }, _isSlot(children) ? children : {
+        default: () => [children]
+      });
+    };
+  }
+});
+const MKDataFilterFormItem = withInstall(DataFilterFormItem);
+const dataFilterFormProps = buildProps({
+  // dataFilter: { type: DataFilter, required: true },
+  dataTable: { type: DataTable, required: true }
+});
+const DataFilterForm = /* @__PURE__ */ defineComponent({
+  name: "MKDataFilterForm",
+  props: dataFilterFormProps,
+  setup(props, {
+    slots
+  }) {
+    const dataTable = computed(() => props.dataTable);
+    const dataFilter = computed(() => unref(dataTable).dataFilter);
+    const columns = computed(() => unref(dataFilter).getColumns().filter((column) => column.visible));
+    const labelWidth = computed(() => {
+      const maxWordCount = Math.max(...unref(columns).map((column) => column.label.length));
+      return maxWordCount * 14 + 20;
+    });
+    provide(DATA_FILTER_CONTEXT, reactive({
+      dataFilter,
+      labelWidth
+    }));
+    let resolve = null;
+    const suspenseResolvePromise = new Promise((_resolve) => {
+      resolve = _resolve;
+    });
+    const handleResolve = () => {
+      resolve == null ? void 0 : resolve();
+    };
+    onMounted(() => {
+      watch(dataTable, async (dataTable2, _, onCleanup) => {
+        await suspenseResolvePromise;
+        const disposable = dataTable2.afterInitdEvent.on(() => {
+          dataTable2.dataFilter.setReady();
+        });
+        onCleanup(() => {
+          disposable.dispose();
+        });
+      }, {
+        immediate: true
+      });
+    });
+    return () => {
+      var _a;
+      if (!unref(columns).length) {
+        return null;
+      }
+      let children = (_a = slots.default) == null ? void 0 : _a.call(slots);
+      if (!children) {
+        children = unref(columns).map((column) => {
+          var _a2;
+          if (!column.name) {
+            return null;
+          }
+          return ((_a2 = slots[`col-${column.name}`]) == null ? void 0 : _a2.call(slots)) || createVNode(MKDataFilterFormItem, {
+            "name": column.name
+          }, {
+            default: slots[`col-${column.name}-content`]
+          });
+        });
+      }
+      if (!children) {
+        return null;
+      }
+      return createVNode(ElForm, {
+        "class": "mk-data-filter-form"
+      }, {
+        default: () => [createVNode(Suspense, {
+          "onResolve": handleResolve
+        }, {
+          default: () => [createVNode(Fragment, null, [children])]
+        })]
+      });
+    };
+  }
+});
+({
+  value: Operator.EQUAL,
+  label: "mk.operator.equal"
+});
+({
+  value: Operator.CONTAIN,
+  label: "mk.operator.contain"
+});
+({
+  value: Operator.IN,
+  label: "mk.operator.in"
+});
+({
+  value: Operator.NOT_IN,
+  label: "mk.operator.notIn"
+});
+({
+  value: Operator.LESS_THAN,
+  label: "mk.operator.lessThan"
+});
+({
+  value: Operator.LESS_THAN_EQUAL,
+  label: "mk.operator.lessThanEqual"
+});
+({
+  value: Operator.GREATER_THAN,
+  label: "mk.operator.greaterThan"
+});
+({
+  value: Operator.GREATER_THAN_EQUAL,
+  label: "mk.operator.greaterThanEqual"
+});
+({
+  value: Operator.BETWEEN,
+  label: "mk.operator.between"
+});
+const MKDataFilterForm = withInstall(DataFilterForm, {
+  MKDataFilterFormItem
+});
+const dataFilterDrawerProps = buildProps({
+  visible: {
+    type: Boolean,
+    default: false
+  },
+  dataTable: {
+    type: DataTable,
+    required: true
+  }
+});
+const dataFilterDrawerEmits = {
+  "update:visible": (visible) => true
+};
+const DataFilterDrawer = /* @__PURE__ */ defineComponent({
+  name: "MKDataFilterDrawer",
+  props: dataFilterDrawerProps,
+  emits: dataFilterDrawerEmits,
+  setup(props, {
+    emit
+  }) {
+    const visible = computed({
+      get: () => props.visible,
+      set: (v) => emit("update:visible", v)
+    });
+    const handleCancelClick = () => {
+      visible.value = false;
+    };
+    const handleResetClick = () => {
+      visible.value = false;
+      const dataTable = props.dataTable;
+      const dataFilter = props.dataTable.dataFilter;
+      dataFilter.reset();
+      dataFilter.beforeSearchEvent.emit();
+      dataTable.load();
+    };
+    const handleConfirmClick = () => {
+      visible.value = false;
+      const dataTable = props.dataTable;
+      const dataFilter = props.dataTable.dataFilter;
+      dataFilter.beforeSearchEvent.emit();
+      dataTable.load();
+    };
+    return () => {
+      return createVNode(ElDrawer, {
+        "class": "mk-data-filter-drawer",
+        "showClose": false,
+        "appendToBody": true,
+        "modelValue": unref(visible),
+        "onUpdate:modelValue": (v) => visible.value = v
+      }, {
+        default: () => [createVNode(MKDataFilterForm, mergeProps({
+          "dataTable": props.dataTable
+        }, {
+          labelPosition: "top"
+        }), null)],
+        header: () => "筛选器",
+        footer: () => createVNode(Fragment, null, [createVNode(ElButton, {
+          "onClick": handleCancelClick
+        }, {
+          default: () => [createTextVNode("取消")]
+        }), createVNode(ElButton, {
+          "onClick": handleResetClick
+        }, {
+          default: () => [createTextVNode("重置")]
+        }), createVNode(ElButton, {
+          "type": "primary",
+          "onClick": handleConfirmClick
+        }, {
+          default: () => [createTextVNode("查询")]
+        })])
+      });
+    };
+  }
+});
+const MKDataFilterDrawer = withInstall(DataFilterDrawer);
+const TableFilter = /* @__PURE__ */ defineComponent({
+  name: "MKTableFilter",
+  setup() {
+    const search = ref("");
+    const isShowDrawer = ref(false);
+    const dataTableContext = inject(DATA_TABLE_CONTEXT_KEY);
+    const dataTable = computed(() => dataTableContext.dataTable);
+    const dataTableInitd = computed(() => {
+      var _a;
+      return ((_a = unref(dataTable)) == null ? void 0 : _a.initd) ?? false;
+    });
+    const searchFilterColumns = computed(() => unref(dataTable).dataFilter.getColumns().filter((column) => column.search));
+    const searchPlaceholder = computed(() => `通过${unref(searchFilterColumns).map((column) => column.label).join("、")}搜索`);
+    watch(dataTable, (dataTable2, _, onCleanup) => {
+      onCleanup(() => {
+        const dataFilter = dataTable2.dataFilter;
+        if (isWhereFilter(dataFilter)) {
+          dataFilter.getSearchGroup().clear();
+        }
+      });
+    }, {
+      immediate: true
+    });
+    const handleSearch = () => {
+      debounceSearch.cancel();
+      const dataFilter = unref(dataTable).dataFilter;
+      if (isWhereFilter(dataFilter)) {
+        const searchGroup = dataFilter.getSearchGroup();
+        searchGroup.clear();
+        const searchValue = unref(search);
+        for (const searchFilterColumn of unref(searchFilterColumns)) {
+          searchGroup.addOrCondition(searchFilterColumn.name, "like", `%${searchValue}%`);
+        }
+      }
+      unref(dataTable).load();
+    };
+    const debounceSearch = debounce(handleSearch, 1e3);
+    const handleSearchKeydown = (event) => {
+      if (event.key === "Enter") {
+        handleSearch();
+      }
+    };
+    const handleSearchFocus = (event) => {
+      const target = event.target;
+      target.addEventListener("input", debounceSearch);
+    };
+    const handleSearchBlur = (event) => {
+      const target = event.target;
+      target.removeEventListener("input", debounceSearch);
+    };
+    const handleShowDrawer = () => {
+      isShowDrawer.value = true;
+    };
+    return () => {
+      if (!unref(dataTableInitd)) {
+        return null;
+      }
+      const _dataTable = unref(dataTable);
+      if (_dataTable.dataFilter.getColumns().length === 0) {
+        return null;
+      }
+      let searchInputVNode = null;
+      if (unref(searchFilterColumns).length) {
+        searchInputVNode = createVNode(ElTooltip, {
+          "content": unref(searchPlaceholder),
+          "effect": "dark",
+          "placement": "top"
+        }, {
+          default: () => [createVNode(ElInput, {
+            "prefixIcon": Search,
+            "class": "mk-table-filter__search",
+            "modelValue": unref(search),
+            "onUpdate:modelValue": (v) => search.value = v,
+            "onKeydown": handleSearchKeydown,
+            "placeholder": unref(searchPlaceholder),
+            "onFocus": handleSearchFocus,
+            "onBlur": handleSearchBlur,
+            "onClear": handleSearch,
+            "clearable": true
+          }, null)]
+        });
+      }
+      return createVNode("div", {
+        "class": "mk-table-filter"
+      }, [searchInputVNode, createVNode(ElTooltip, {
+        "content": "筛选",
+        "effect": "dark",
+        "placement": "top"
+      }, {
+        default: () => [createVNode(ElButton, {
+          "onClick": handleShowDrawer
+        }, {
+          default: () => [createVNode(MKSvgIcon, {
+            "name": "iconoir:filter"
+          }, null)]
+        })]
+      }), createVNode(MKDataFilterDrawer, {
+        "visible": unref(isShowDrawer),
+        "onUpdate:visible": (v) => isShowDrawer.value = v,
+        "dataTable": _dataTable
+      }, null), createVNode("div", {
+        "class": "mk-table-filter__hidden"
+      }, [createVNode(MKDataFilterForm, {
+        "dataTable": _dataTable
+      }, null)])]);
+    };
+  }
+});
+const MKTableFilter = TableFilter;
+export {
+  MKTableFilter,
+  MKTableFilter as default
+};
+//# sourceMappingURL=index-ZLb46WHg.js.map

package/dist/esm/index-ZLb46WHg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-ZLb46WHg.js","sources":["../../src/components/data-model/data-filter-form/data-filter-form-item/data-filter-form-item-options.ts","../../src/components/data-model/data-filter-form/token.ts","../../src/components/data-model/data-filter-form/data-filter-form-item/data-filter-form-item.tsx","../../src/components/data-model/data-filter-form/data-filter-form-item/index.ts","../../src/components/data-model/data-filter-form/data-filter-form-options.ts","../../src/components/data-model/data-filter-form/data-filter-form.tsx","../../src/components/data-model/data-filter-form/operator-options.ts","../../src/components/data-model/data-filter-form/index.ts","../../src/components/data-model/data-filter-drawer/data-filter-drawer-options.ts","../../src/components/data-model/data-filter-drawer/data-filter-drawer.tsx","../../src/components/data-model/data-filter-drawer/index.ts","../../src/components/data-model/data-table/components/header-components/table-filter/table-filter.tsx","../../src/components/data-model/data-table/components/header-components/table-filter/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\n\r\nexport const dataFilterFormItemProps = buildProps({\r\n  name: { type: String, required: true },\r\n  label: { type: String },\r\n} as const);\r\n\r\nexport type DataFilterFormItemProps = ExtractPropTypes<\r\n  typeof dataFilterFormItemProps\r\n>;\r\n","import { InjectionKey } from \"vue\";\nimport { Operator, FilterColumn, DataFilter } from \"@maketribe/dm\";\nimport { OperatorOption } from \"./operator-options\";\n\nexport interface DataFilterContext {\n  dataFilter: DataFilter;\n  labelWidth: number;\n}\n\nexport interface DataFilterItemContext {\n  dataFilter: DataFilter;\n  // dataFilterItem: DataFilterItem;\n}\n\n// export interface DataFilterItem {\n//   dataFilter: DataFilter;\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 const DATA_FILTER_CONTEXT: InjectionKey<DataFilterContext> = Symbol(\n  \"DATA_FILTER_CONTEXT\"\n);\nexport const DATA_FILTER_ITEM_CONTEXT: InjectionKey<DataFilterItemContext> =\n  Symbol(\"DATA_FILTER_ITEM_CONTEXT\");\n\nexport const DATA_FILTER_QUERY_NAME: string = \"dataTableParams\";\n","import {\n  computed,\n  defineComponent,\n  inject,\n  onBeforeUnmount,\n  reactive,\n  toRaw,\n  unref,\n  watch,\n} from \"vue\";\nimport { ElFormItem } from \"element-plus\";\nimport { FilterColumn, isWhereFilter } from \"@maketribe/dm\";\nimport { useFilterColumnComponent } from \"../../../../composables\";\nimport { DataFilterComponent } from \"../../../../core\";\nimport { dataFilterFormItemProps } from \"./data-filter-form-item-options\";\nimport { DATA_FILTER_CONTEXT } from \"../token\";\n\nexport default defineComponent({\n  name: \"MKDataFilterFormItem\",\n  props: dataFilterFormItemProps,\n  setup(props, { slots }) {\n    const dataFilterContext = inject(DATA_FILTER_CONTEXT)!;\n\n    const dataFilter = computed(() => dataFilterContext.dataFilter);\n\n    let _filterColumn: FilterColumn | null = null;\n\n    const createFilterColumn = () => {\n      _filterColumn = reactive(\n        new FilterColumn({\n          name: props.name!,\n          label: props.label!,\n        })\n      );\n\n      unref(dataFilter).addColumn(_filterColumn);\n\n      return _filterColumn;\n    };\n\n    const filterColumn = computed(() => {\n      const existingColumn = unref(dataFilter).getColumn(props.name) ?? null;\n\n      if (existingColumn) {\n        return existingColumn;\n      }\n\n      if (!_filterColumn) {\n        _filterColumn = createFilterColumn();\n      }\n\n      return _filterColumn;\n    });\n\n    const value = computed({\n      get: () => unref(dataFilter).getParam(unref(filterColumn).name),\n      set: (v) => unref(dataFilter).setParam(unref(filterColumn).name, v),\n    });\n\n    const { component, componentProps, componentInfo } =\n      useFilterColumnComponent(filterColumn, dataFilter);\n\n    watch(\n      componentInfo,\n      (componentInfo) => {\n        const _dataFilter = unref(dataFilter);\n\n        if (isWhereFilter(_dataFilter)) {\n          _dataFilter.setParamOperator(\n            unref(filterColumn).name,\n            (componentInfo as DataFilterComponent).defaultOperator\n          );\n        }\n      },\n      { immediate: true }\n    );\n\n    onBeforeUnmount(() => {\n      const _dataFilter = unref(dataFilter);\n\n      if (isWhereFilter(_dataFilter)) {\n        _dataFilter.deleteParamOperator(unref(filterColumn).name);\n      }\n\n      _dataFilter.deleteParam(unref(filterColumn).name);\n    });\n\n    return () => {\n      const _filterColumn = unref(filterColumn);\n\n      if (!_filterColumn) {\n        return null;\n      }\n\n      let children: any = slots.default?.();\n\n      if (!children && unref(component)) {\n        const FilterColumnComponent = toRaw(unref(component));\n\n        children = (\n          <FilterColumnComponent\n            {...unref(componentProps)}\n            modelValue={unref(value)}\n            onUpdate:modelValue={(v: any) => (value.value = v)}\n            column={unref(filterColumn)}\n          />\n        );\n      }\n\n      const labelWidth = computed(() => dataFilterContext.labelWidth);\n\n      return (\n        <ElFormItem\n          prop={_filterColumn.name}\n          label={_filterColumn.label}\n          labelWidth={unref(labelWidth)}\n        >\n          {children}\n        </ElFormItem>\n      );\n    };\n  },\n});\n","import { withInstall } from \"@maketribe/utils\";\r\nimport DataFilterFormItem from \"./data-filter-form-item\";\r\n\r\nexport const MKDataFilterFormItem = withInstall(DataFilterFormItem);\r\nexport default MKDataFilterFormItem;\r\n\r\nexport * from \"./data-filter-form-item-options\";\r\n","import { ExtractPropTypes } from \"vue\";\nimport { DataTable } from \"@maketribe/dm\";\nimport { buildProps } from \"@maketribe/utils\";\nimport dataFilterForm from \"./data-filter-form\";\n\nexport const dataFilterFormProps = buildProps({\n  // dataFilter: { type: DataFilter, required: true },\n  dataTable: { type: DataTable, required: true },\n} as const);\n\nexport type DataFilterFormProps = ExtractPropTypes<typeof dataFilterFormProps>;\n\nexport const dataFilterFormEmits = {};\n\nexport type DataFilterFormEmits = typeof dataFilterForm;\n","import {\n  Suspense,\n  computed,\n  defineComponent,\n  provide,\n  reactive,\n  unref,\n  watch,\n  onMounted,\n  Fragment,\n} from \"vue\";\nimport { dataFilterFormProps } from \"./data-filter-form-options\";\nimport { MKDataFilterFormItem } from \"./data-filter-form-item\";\nimport { DATA_FILTER_CONTEXT } from \"./token\";\nimport { ElForm } from \"element-plus\";\n\nexport default defineComponent({\n  name: \"MKDataFilterForm\",\n  props: dataFilterFormProps,\n  setup(props, { slots }) {\n    const dataTable = computed(() => props.dataTable);\n    const dataFilter = computed(() => unref(dataTable).dataFilter);\n\n    const columns = computed(() =>\n      unref(dataFilter)\n        .getColumns()\n        .filter((column) => column.visible)\n    );\n\n    const labelWidth = computed(() => {\n      const maxWordCount = Math.max(\n        ...unref(columns).map((column) => column.label.length)\n      );\n\n      return maxWordCount * 14 + 20;\n    });\n\n    provide(DATA_FILTER_CONTEXT, reactive({ dataFilter, labelWidth }));\n\n    let resolve: Function | null = null;\n    const suspenseResolvePromise = new Promise((_resolve) => {\n      resolve = _resolve;\n    });\n\n    const handleResolve = () => {\n      resolve?.();\n    };\n\n    onMounted(() => {\n      watch(\n        dataTable,\n        async (dataTable, _, onCleanup) => {\n          await suspenseResolvePromise;\n\n          const disposable = dataTable.afterInitdEvent.on(() => {\n            dataTable.dataFilter.setReady();\n          });\n\n          onCleanup(() => {\n            disposable.dispose();\n          });\n        },\n        { immediate: true }\n      );\n    });\n\n    return () => {\n      if (!unref(columns).length) {\n        return null;\n      }\n\n      let children: any = slots.default?.();\n\n      if (!children) {\n        children = unref(columns).map((column) => {\n          if (!column.name) {\n            return null;\n          }\n\n          return (\n            slots[`col-${column.name}`]?.() || (\n              <MKDataFilterFormItem\n                name={column.name}\n                v-slots={{ default: slots[`col-${column.name}-content`] }}\n              />\n            )\n          );\n        });\n      }\n\n      if (!children) {\n        return null;\n      }\n\n      return (\n        <ElForm class=\"mk-data-filter-form\">\n          <Suspense onResolve={handleResolve}>\n            <Fragment>{children}</Fragment>\n          </Suspense>\n        </ElForm>\n      );\n    };\n  },\n});\n\n// export default defineComponent({\n//   name: \"MKDataFilterForm\",\n//   props: dataFilterFormProps,\n//   setup(props, { slots }) {\n//     const dataTable = computed(() => props.dataTable);\n//     const dataFilter = computed(() => unref(dataTable).dataFilter);\n\n//     const columns = computed(() =>\n//       unref(dataFilter)\n//         .getColumns()\n//         .filter((column) => column.visible)\n//     );\n\n//     const labelWidth = computed(() => {\n//       const maxWordCount = Math.max(\n//         ...unref(columns).map((column) => column.label.length)\n//       );\n\n//       return maxWordCount * 14 + 10;\n//     });\n\n//     provide(DATA_FILTER_CONTEXT, reactive({ dataFilter, labelWidth }));\n\n//     let resolve: Function | null = null;\n//     const suspenseResolvePromise = new Promise((_resolve) => {\n//       resolve = _resolve;\n//     });\n\n//     const handleResolve = () => {\n//       resolve?.();\n//     };\n\n//     onMounted(() => {\n//       watch(\n//         dataTable,\n//         async (dataTable, _, onCleanup) => {\n//           await suspenseResolvePromise;\n\n//           const disposable = dataTable.afterInitdEvent.on(() => {\n//             dataTable.dataFilter.setReady();\n//           });\n\n//           onCleanup(() => {\n//             disposable.dispose();\n//           });\n//         },\n//         { immediate: true }\n//       );\n//     });\n\n//     return () => {\n//       if (!unref(columns).length) {\n//         return null;\n//       }\n\n//       let children: any = slots.default?.();\n\n//       if (!children) {\n//         children = unref(columns).map((column) => {\n//           if (!column.name) {\n//             return null;\n//           }\n\n//           return (\n//             slots[`col-${column.name}`]?.() || (\n//               <MKDataFilterFormItem\n//                 name={column.name}\n//                 v-slots={{ default: slots[`col-${column.name}-content`] }}\n//               />\n//             )\n//           );\n//         });\n//       }\n\n//       if (!children) {\n//         return null;\n//       }\n\n//       return (\n//         <div class=\"mk-data-filter-form\">\n//           <Suspense onResolve={handleResolve}>\n//             <Fragment>{children}</Fragment>\n//           </Suspense>\n//         </div>\n//       );\n//     };\n//   },\n// });\n","import { Operator } from \"@maketribe/dm\";\r\n\r\nexport type OperatorOption = { value: Operator; label: string };\r\n\r\nexport const EQUAL_OPTION: OperatorOption = {\r\n  value: Operator.EQUAL,\r\n  label: \"mk.operator.equal\",\r\n};\r\n\r\nexport const CONTAIN_OPTION: OperatorOption = {\r\n  value: Operator.CONTAIN,\r\n  label: \"mk.operator.contain\",\r\n};\r\n\r\nexport const IN_OPTION: OperatorOption = {\r\n  value: Operator.IN,\r\n  label: \"mk.operator.in\",\r\n};\r\n\r\nexport const NOT_IN_OPTION: OperatorOption = {\r\n  value: Operator.NOT_IN,\r\n  label: \"mk.operator.notIn\",\r\n};\r\n\r\nexport const LESS_THAN_OPTION: OperatorOption = {\r\n  value: Operator.LESS_THAN,\r\n  label: \"mk.operator.lessThan\",\r\n};\r\n\r\nexport const LESS_THAN_EQUAL_OPTION: OperatorOption = {\r\n  value: Operator.LESS_THAN_EQUAL,\r\n  label: \"mk.operator.lessThanEqual\",\r\n};\r\n\r\nexport const GREATER_THAN_OPTION: OperatorOption = {\r\n  value: Operator.GREATER_THAN,\r\n  label: \"mk.operator.greaterThan\",\r\n};\r\n\r\nexport const GREATER_THAN_EQUAL_OPTION: OperatorOption = {\r\n  value: Operator.GREATER_THAN_EQUAL,\r\n  label: \"mk.operator.greaterThanEqual\",\r\n};\r\n\r\nexport const BETWEEN_OPTION: OperatorOption = {\r\n  value: Operator.BETWEEN,\r\n  label: \"mk.operator.between\",\r\n};\r\n","import { withInstall } from \"@maketribe/utils\";\nimport { MKDataFilterFormItem } from \"./data-filter-form-item\";\nimport DataFilterForm from \"./data-filter-form\";\n\nexport const MKDataFilterForm = withInstall(DataFilterForm, {\n  MKDataFilterFormItem,\n});\nexport default MKDataFilterForm;\n\nexport * from \"./data-filter-form-item\";\nexport * from \"./data-filter-form-options\";\nexport * from \"./composables\";\nexport * from \"./operator-options\";\n\nexport * from \"./components\";\n","import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { DataTable } from \"@maketribe/dm\";\n\nexport const dataFilterDrawerProps = buildProps({\n  visible: {\n    type: Boolean,\n    default: false,\n  },\n  dataTable: {\n    type: DataTable,\n    required: true,\n  },\n} as const);\n\nexport type DataFilterDrawerProps = ExtractPropTypes<\n  typeof dataFilterDrawerProps\n>;\n\nexport const dataFilterDrawerEmits = {\n  \"update:visible\": (visible: boolean) => true,\n};\n\nexport type DataFilterDrawerEmits = typeof dataFilterDrawerEmits;\n","import { computed, defineComponent, Fragment, unref } from \"vue\";\nimport { ElButton, ElDrawer } from \"element-plus\";\nimport { MKDataFilterForm } from \"../data-filter-form\";\nimport {\n  dataFilterDrawerEmits,\n  dataFilterDrawerProps,\n} from \"./data-filter-drawer-options\";\n\nexport default defineComponent({\n  name: \"MKDataFilterDrawer\",\n  props: dataFilterDrawerProps,\n  emits: dataFilterDrawerEmits,\n  setup(props, { emit }) {\n    const visible = computed({\n      get: () => props.visible,\n      set: (v) => emit(\"update:visible\", v),\n    });\n\n    const handleCancelClick = () => {\n      visible.value = false;\n    };\n\n    const handleResetClick = () => {\n      visible.value = false;\n\n      const dataTable = props.dataTable;\n      const dataFilter = props.dataTable.dataFilter;\n\n      dataFilter.reset();\n\n      dataFilter.beforeSearchEvent.emit();\n\n      dataTable.load();\n    };\n\n    const handleConfirmClick = () => {\n      visible.value = false;\n\n      const dataTable = props.dataTable;\n      const dataFilter = props.dataTable.dataFilter;\n\n      dataFilter.beforeSearchEvent.emit();\n\n      dataTable.load();\n    };\n\n    return () => {\n      return (\n        <ElDrawer\n          class=\"mk-data-filter-drawer\"\n          showClose={false}\n          appendToBody\n          modelValue={unref(visible)}\n          onUpdate:modelValue={(v) => (visible.value = v)}\n          v-slots={{\n            header: () => \"筛选器\",\n            footer: () => (\n              <Fragment>\n                <ElButton onClick={handleCancelClick}>取消</ElButton>\n\n                <ElButton onClick={handleResetClick}>重置</ElButton>\n\n                <ElButton type=\"primary\" onClick={handleConfirmClick}>\n                  查询\n                </ElButton>\n              </Fragment>\n            ),\n          }}\n        >\n          <MKDataFilterForm\n            dataTable={props.dataTable}\n            {...{ labelPosition: \"top\" }}\n          />\n        </ElDrawer>\n      );\n    };\n  },\n});\n","import { withInstall } from \"@maketribe/utils\";\nimport DataFilterDrawer from \"./data-filter-drawer\";\n\nexport const MKDataFilterDrawer = withInstall(DataFilterDrawer);\n\nexport default MKDataFilterDrawer;\n\nexport * from \"./data-filter-drawer-options\";\n","import { defineComponent, inject, computed, unref, watch, ref } from \"vue\";\r\nimport { ElButton, ElInput, ElTooltip } from \"element-plus\";\r\nimport { Search } from \"@element-plus/icons-vue\";\r\nimport { debounce } from \"lodash-es\";\r\nimport { isWhereFilter } from \"@maketribe/dm\";\r\nimport { DATA_TABLE_CONTEXT_KEY } from \"../../../token\";\r\nimport { MKSvgIcon } from \"../../../../../basic\";\r\nimport { MKDataFilterDrawer } from \"../../../../data-filter-drawer\";\r\nimport { MKDataFilterForm } from \"../../../../data-filter-form\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKTableFilter\",\r\n  setup() {\r\n    const search = ref(\"\");\r\n\r\n    const isShowDrawer = ref(false);\r\n\r\n    const dataTableContext = inject(DATA_TABLE_CONTEXT_KEY);\r\n\r\n    const dataTable = computed(() => dataTableContext!.dataTable);\r\n\r\n    const dataTableInitd = computed(() => unref(dataTable)?.initd ?? false);\r\n\r\n    const searchFilterColumns = computed(() =>\r\n      unref(dataTable)\r\n        .dataFilter.getColumns()\r\n        .filter((column) => column.search)\r\n    );\r\n\r\n    const searchPlaceholder = computed(\r\n      () =>\r\n        `通过${unref(searchFilterColumns)\r\n          .map((column) => column.label)\r\n          .join(\"、\")}搜索`\r\n    );\r\n\r\n    watch(\r\n      dataTable,\r\n      (dataTable, _, onCleanup) => {\r\n        onCleanup(() => {\r\n          const dataFilter = dataTable.dataFilter;\r\n          if (isWhereFilter(dataFilter)) {\r\n            dataFilter.getSearchGroup().clear();\r\n          }\r\n        });\r\n      },\r\n      { immediate: true }\r\n    );\r\n\r\n    const handleSearch = () => {\r\n      debounceSearch.cancel();\r\n\r\n      const dataFilter = unref(dataTable).dataFilter;\r\n      if (isWhereFilter(dataFilter)) {\r\n        const searchGroup = dataFilter.getSearchGroup();\r\n        searchGroup.clear();\r\n\r\n        const searchValue = unref(search);\r\n\r\n        for (const searchFilterColumn of unref(searchFilterColumns)) {\r\n          searchGroup.addOrCondition(\r\n            searchFilterColumn.name,\r\n            \"like\",\r\n            `%${searchValue}%`\r\n          );\r\n        }\r\n      }\r\n\r\n      unref(dataTable).load();\r\n    };\r\n\r\n    const debounceSearch = debounce(handleSearch, 1000);\r\n\r\n    const handleSearchKeydown = (event: KeyboardEvent) => {\r\n      if (event.key === \"Enter\") {\r\n        handleSearch();\r\n      }\r\n    };\r\n\r\n    const handleSearchFocus = (event: FocusEvent) => {\r\n      const target = event.target as HTMLInputElement;\r\n\r\n      target.addEventListener(\"input\", debounceSearch);\r\n    };\r\n\r\n    const handleSearchBlur = (event: any) => {\r\n      const target = event.target as HTMLInputElement;\r\n\r\n      target.removeEventListener(\"input\", debounceSearch);\r\n    };\r\n\r\n    const handleShowDrawer = () => {\r\n      isShowDrawer.value = true;\r\n    };\r\n\r\n    return () => {\r\n      if (!unref(dataTableInitd)) {\r\n        return null;\r\n      }\r\n\r\n      const _dataTable = unref(dataTable);\r\n\r\n      if (_dataTable.dataFilter.getColumns().length === 0) {\r\n        return null;\r\n      }\r\n\r\n      let searchInputVNode = null;\r\n\r\n      if (unref(searchFilterColumns).length) {\r\n        searchInputVNode = (\r\n          <ElTooltip content={unref(searchPlaceholder)} effect=\"dark\" placement=\"top\">\r\n            <ElInput\r\n              prefixIcon={Search}\r\n              class=\"mk-table-filter__search\"\r\n              modelValue={unref(search)}\r\n              onUpdate:modelValue={(v) => (search.value = v)}\r\n              onKeydown={handleSearchKeydown as any}\r\n              placeholder={unref(searchPlaceholder)}\r\n              onFocus={handleSearchFocus}\r\n              onBlur={handleSearchBlur}\r\n              onClear={handleSearch}\r\n              clearable\r\n            />\r\n          </ElTooltip>\r\n        );\r\n      }\r\n\r\n      return (\r\n        <div class=\"mk-table-filter\">\r\n          {searchInputVNode}\r\n          <ElTooltip content=\"筛选\" effect=\"dark\" placement=\"top\">\r\n            <ElButton onClick={handleShowDrawer}>\r\n              <MKSvgIcon name=\"iconoir:filter\" />\r\n            </ElButton>\r\n          </ElTooltip>\r\n\r\n          <MKDataFilterDrawer\r\n            visible={unref(isShowDrawer)}\r\n            onUpdate:visible={(v) => (isShowDrawer.value = v)}\r\n            dataTable={_dataTable}\r\n          />\r\n\r\n          <div class=\"mk-table-filter__hidden\">\r\n            <MKDataFilterForm dataTable={_dataTable} />\r\n          </div>\r\n        </div>\r\n      );\r\n    };\r\n  },\r\n});\r\n","import TableFilter from \"./table-filter\";\n\nexport const MKTableFilter = TableFilter;\nexport default MKTableFilter;\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","props","dataFilterFormItemProps","setup","slots","dataFilterContext","inject","DATA_FILTER_CONTEXT","dataFilter","computed","_filterColumn","createFilterColumn","reactive","FilterColumn","label","unref","addColumn","filterColumn","existingColumn","getColumn","value","get","getParam","set","v","setParam","component","componentProps","componentInfo","useFilterColumnComponent","watch","_dataFilter","isWhereFilter","setParamOperator","defaultOperator","immediate","onBeforeUnmount","deleteParamOperator","deleteParam","children","default","FilterColumnComponent","toRaw","_createVNode","_mergeProps","labelWidth","ElFormItem","dataFilterFormProps","dataTable","columns","getColumns","filter","column","visible","maxWordCount","Math","max","map","length","provide","resolve","suspenseResolvePromise","Promise","_resolve","handleResolve","onMounted","_","onCleanup","disposable","afterInitdEvent","on","setReady","dispose","MKDataFilterFormItem","ElForm","Suspense","_Fragment","dataFilterDrawerProps","emits","dataFilterDrawerEmits","emit","handleCancelClick","handleResetClick","reset","beforeSearchEvent","load","handleConfirmClick","ElDrawer","MKDataFilterForm","labelPosition","header","footer","ElButton","_createTextVNode","search","ref","isShowDrawer","dataTableContext","DATA_TABLE_CONTEXT_KEY","dataTableInitd","initd","searchFilterColumns","searchPlaceholder","join","getSearchGroup","clear","handleSearch","debounceSearch","cancel","searchGroup","searchValue","searchFilterColumn","addOrCondition","debounce","handleSearchKeydown","event","key","handleSearchFocus","target","addEventListener","handleSearchBlur","removeEventListener","handleShowDrawer","_dataTable","searchInputVNode","ElTooltip","ElInput","Search","MKSvgIcon","MKDataFilterDrawer"],"mappings":"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"}

package/dist/esm/index-_hs6jn-m.js

@@ -0,0 +1,119 @@
+import { defineComponent, ref, reactive, watch, computed, unref, onBeforeUnmount, resolveComponent, openBlock, createBlock, withCtx, createVNode, createElementVNode, toDisplayString, createTextVNode, createCommentVNode } from "vue";
+import { useRouter } from "vue-router";
+import { Dialoger } from "@maketribe/dm";
+import { DvOpt } from "@maketribe/request";
+import { ElMessage } from "element-plus";
+import "@maketribe/utils";
+import { K as MsRouteTable, x as DataModelDefines, C as useSingleViewWithDialog, z as MKPageContainer, A as MKDataTable, F as MKTableView, G as MKTableTree, q as MKSvgIcon, L as MenuType } from "./index-D2Qngjos.js";
+import "@maketribe/locale";
+import "@lexical/overflow";
+import "@lexical/text";
+import "@lexical/utils";
+import "lexical";
+import "@lexical/selection";
+import "@lexical/link";
+import "@lexical/rich-text";
+import "@element-plus/icons-vue";
+import "@lexical/history";
+import "@lexical/dragon";
+import "@lexical/plain-text";
+import "lodash-es";
+const _hoisted_1 = { flex: "inline items-center" };
+const _hoisted_2 = { class: "ms-menu__title" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  setup(__props) {
+    const router = useRouter();
+    const dataTree = ref(null);
+    const dataForm = ref(null);
+    const routeTable = reactive(new MsRouteTable());
+    watch(
+      computed(() => unref(router.currentRoute).meta.name),
+      (name) => {
+        dataTree.value = DataModelDefines.instance.getDataTree(name);
+        dataForm.value = DataModelDefines.instance.getDataForm(name);
+      },
+      { immediate: true }
+    );
+    const handleUrlClick = async (item) => {
+      var _a, _b, _c;
+      routeTable.useCondition((defaultGroup) => {
+        defaultGroup.clear();
+        defaultGroup.addCondition("menuId", "=", item.id);
+      });
+      const result = await Dialoger.dataTableSelectDialog(routeTable);
+      if (!result.isConfirm) {
+        return;
+      }
+      try {
+        (_a = unref(dataTree)) == null ? void 0 : _a.getLoadingManager().startLoading();
+        const response = await DvOpt.createInstance({ name: "ms-menu" }).save({
+          id: item.id,
+          routeId: result.selections[0]
+        });
+        if (response.code !== 200) {
+          ElMessage.error(response.msg);
+          return;
+        }
+        (_b = unref(dataTree)) == null ? void 0 : _b.load();
+        ElMessage.success("更新成功");
+      } catch {
+        ElMessage.error("网络异常");
+      } finally {
+        (_c = unref(dataTree)) == null ? void 0 : _c.getLoadingManager().completeLoading();
+      }
+    };
+    useSingleViewWithDialog({ dataTable: dataTree, dataForm });
+    onBeforeUnmount(() => {
+      routeTable.dispose();
+    });
+    return (_ctx, _cache) => {
+      const _component_ElButton = resolveComponent("ElButton");
+      return dataTree.value ? (openBlock(), createBlock(unref(MKPageContainer), { key: 0 }, {
+        default: withCtx(() => [
+          createVNode(unref(MKDataTable), {
+            "data-table": dataTree.value,
+            enableQueryParams: ""
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(MKTableView), null, {
+                default: withCtx(() => [
+                  createVNode(unref(MKTableTree), { defaultExpandAll: "" }, {
+                    "col-data.title-content": withCtx(({ row }) => [
+                      createElementVNode("div", _hoisted_1, [
+                        createVNode(unref(MKSvgIcon), {
+                          name: row.data.iconName
+                        }, null, 8, ["name"]),
+                        createElementVNode("span", _hoisted_2, toDisplayString(row.data.title), 1),
+                        row.data.type === unref(MenuType).Menu ? (openBlock(), createBlock(_component_ElButton, {
+                          key: 0,
+                          link: "",
+                          type: "primary",
+                          class: "ms-menu__url",
+                          onClick: ($event) => handleUrlClick(row.data)
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(row.data.targetUrl || "空"), 1)
+                          ]),
+                          _: 2
+                        }, 1032, ["onClick"])) : createCommentVNode("", true)
+                      ])
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["data-table"])
+        ]),
+        _: 1
+      })) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=index-_hs6jn-m.js.map

package/dist/esm/index-_hs6jn-m.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-_hs6jn-m.js","sources":["../../src/modules/ms/pages/ms-menu/index.vue"],"sourcesContent":["<template>\r\n  <MKPageContainer v-if=\"dataTree\">\r\n    <MKDataTable :data-table=\"dataTree\" enableQueryParams>\r\n      <MKTableView>\r\n        <MKTableTree defaultExpandAll>\r\n          <template #col-data.title-content=\"{ row }\">\r\n            <div flex=\"inline items-center\">\r\n              <MKSvgIcon :name=\"row.data.iconName\" />\r\n              <span class=\"ms-menu__title\">{{ row.data.title }}</span>\r\n              <ElButton\r\n                v-if=\"row.data.type === MenuType.Menu\"\r\n                link\r\n                type=\"primary\"\r\n                class=\"ms-menu__url\"\r\n                @click=\"handleUrlClick(row.data)\"\r\n              >\r\n                {{ row.data.targetUrl || \"空\" }}\r\n              </ElButton>\r\n            </div>\r\n          </template>\r\n        </MKTableTree>\r\n      </MKTableView>\r\n    </MKDataTable>\r\n  </MKPageContainer>\r\n</template>\r\n<script setup lang=\"ts\">\r\nimport {\r\n  unref,\r\n  computed,\r\n  watch,\r\n  ref,\r\n  Ref,\r\n  reactive,\r\n  onBeforeUnmount,\r\n} from \"vue\";\r\nimport { useRouter } from \"vue-router\";\r\nimport { DataForm, DataTree, Dialoger } from \"@maketribe/dm\";\r\nimport { DvOpt } from \"@maketribe/request\";\r\nimport { ElMessage } from \"element-plus\";\r\nimport { DataModelDefines } from \"../../../../core\";\r\nimport { MKSvgIcon } from \"../../../../components\";\r\nimport {\r\n  MKPageContainer,\r\n  MKDataTable,\r\n  MKTableView,\r\n  MKTableTree,\r\n} from \"../../../../components\";\r\nimport { useSingleViewWithDialog } from \"../../../../composables\";\r\nimport { MenuType } from \"../../../../constants\";\r\nimport { MsRouteTable, MsMenuItemNode } from \"../../dataviews\";\r\n\r\nconst router = useRouter();\r\n\r\nconst dataTree: Ref<DataTree | null> = ref(null);\r\nconst dataForm: Ref<DataForm | null> = ref(null);\r\n\r\nconst routeTable = reactive(new MsRouteTable()) as MsRouteTable;\r\n\r\nwatch(\r\n  computed(() => unref(router.currentRoute).meta.name as string),\r\n  (name) => {\r\n    dataTree.value = DataModelDefines.instance.getDataTree(name);\r\n\r\n    dataForm.value = DataModelDefines.instance.getDataForm(name);\r\n  },\r\n  { immediate: true }\r\n);\r\n\r\nconst handleUrlClick = async (item: MsMenuItemNode) => {\r\n  routeTable.useCondition((defaultGroup) => {\r\n    defaultGroup.clear();\r\n    defaultGroup.addCondition(\"menuId\", \"=\", item.id);\r\n  });\r\n\r\n  const result = await Dialoger.dataTableSelectDialog(routeTable);\r\n\r\n  if (!result.isConfirm) {\r\n    return;\r\n  }\r\n\r\n  try {\r\n    unref(dataTree)?.getLoadingManager().startLoading();\r\n\r\n    const response = await DvOpt.createInstance({ name: \"ms-menu\" }).save({\r\n      id: item.id,\r\n      routeId: result.selections[0],\r\n    });\r\n\r\n    if (response.code !== 200) {\r\n      ElMessage.error(response.msg);\r\n      return;\r\n    }\r\n\r\n    unref(dataTree)?.load();\r\n\r\n    ElMessage.success(\"更新成功\");\r\n  } catch {\r\n    ElMessage.error(\"网络异常\");\r\n  } finally {\r\n    unref(dataTree)?.getLoadingManager().completeLoading();\r\n  }\r\n};\r\n\r\nuseSingleViewWithDialog({ dataTable: dataTree, dataForm });\r\n\r\nonBeforeUnmount(() => {\r\n  routeTable.dispose();\r\n});\r\n</script>\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAmDA,UAAM,SAAS;AAET,UAAA,WAAiC,IAAI,IAAI;AACzC,UAAA,WAAiC,IAAI,IAAI;AAE/C,UAAM,aAAa,SAAS,IAAI,aAAc,CAAA;AAE9C;AAAA,MACE,SAAS,MAAM,MAAM,OAAO,YAAY,EAAE,KAAK,IAAc;AAAA,MAC7D,CAAC,SAAS;AACR,iBAAS,QAAQ,iBAAiB,SAAS,YAAY,IAAI;AAE3D,iBAAS,QAAQ,iBAAiB,SAAS,YAAY,IAAI;AAAA,MAC7D;AAAA,MACA,EAAE,WAAW,KAAK;AAAA,IAAA;AAGd,UAAA,iBAAiB,OAAO,SAAyB;;AAC1C,iBAAA,aAAa,CAAC,iBAAiB;AACxC,qBAAa,MAAM;AACnB,qBAAa,aAAa,UAAU,KAAK,KAAK,EAAE;AAAA,MAAA,CACjD;AAED,YAAM,SAAS,MAAM,SAAS,sBAAsB,UAAU;AAE1D,UAAA,CAAC,OAAO,WAAW;AACrB;AAAA,MACF;AAEI,UAAA;AACF,oBAAM,QAAQ,MAAd,mBAAiB,oBAAoB;AAE/B,cAAA,WAAW,MAAM,MAAM,eAAe,EAAE,MAAM,UAAA,CAAW,EAAE,KAAK;AAAA,UACpE,IAAI,KAAK;AAAA,UACT,SAAS,OAAO,WAAW,CAAC;AAAA,QAAA,CAC7B;AAEG,YAAA,SAAS,SAAS,KAAK;AACf,oBAAA,MAAM,SAAS,GAAG;AAC5B;AAAA,QACF;AAEM,oBAAA,QAAQ,MAAR,mBAAW;AAEjB,kBAAU,QAAQ,MAAM;AAAA,MAAA,QAClB;AACN,kBAAU,MAAM,MAAM;AAAA,MAAA,UACtB;AACA,oBAAM,QAAQ,MAAd,mBAAiB,oBAAoB;AAAA,MACvC;AAAA,IAAA;AAGF,4BAAwB,EAAE,WAAW,UAAU,SAAU,CAAA;AAEzD,oBAAgB,MAAM;AACpB,iBAAW,QAAQ;AAAA,IAAA,CACpB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}