plain-design 1.0.0-beta.8 → 1.0.0-beta.80

package/src/packages/components/FilterService/filter/fitler.object.tsx

@@ -1,115 +1,115 @@
-import {iFilterService} from "../index";
-import {eFilterOperator, iFilterOption} from "../utils/filter.service.utils";
-import {PlainObject} from "plain-utils/utils/event";
-import {Input} from "../../Input";
-import {_Object} from "../../Object";
-/**
- * filter object 在打开弹窗的时候，关闭column popper
- * @author  韦胜健
- * @date    2023.1.25 22:05
- */
-import {TableOptionSpace} from "../../AutoTable/utils/TableOption.space";
-import i18n from "../../i18n";
-import {closeAllPopup} from "../../usePopup/utils/closeAllPopper";
-
-export interface iFilterConfigObject {
-  option: TableOptionSpace.iTableOption,
-  labelField: string,
-  keyField: string,
-}
-
-/**
- * 渲染显示值
- * @author  韦胜健
- * @date    2023.1.15 0:30
- */
-function createDescriptionGetter() {
-  return ({ formData, option }: { formData: PlainObject, option: iFilterOption<iFilterConfigObject> }) => {
-    let val = formData[option.field];
-    if (!val) {return null;}
-    return Array.isArray(val) ? val.map((i: any) => i[option.filterConfig.labelField]).join(',') : val;
-  };
-}
-
-export function installFilterObject(
-  {
-    touch,
-    checkEmpty,
-    defaultNullHandler,
-    defaultNotnullHandler,
-  }: iFilterService) {
-  touch<iFilterConfigObject>('object')
-    .setHandler('like', {
-      label: i18n('base.filter.like').d('约等于'),
-      render: ({ formData, option, confirm }) => (<Input v-model={formData[option.field!]} onEnter={confirm}/>),
-      getQueryParam: async ({ formData, option }) => {
-        const { isEmpty, value, field } = checkEmpty(formData, option);
-        if (isEmpty) {return;}
-        return { queries: [{ field, value, operator: eFilterOperator.like }] };
-      },
-    })
-    .setHandler('eq', {
-      label: i18n('base.filter.equal').d('等于'),
-      render: ({ formData, option, confirm }) => (
-        <_Object
-          v-model={formData[option.field]}
-          row={formData}
-          labelField={option.filterConfig.labelField}
-          keyField={option.filterConfig.keyField}
-          option={option.filterConfig.option}
-          map={{ [option.field]: option.filterConfig.labelField, }}
-          onPick={() => confirm()}
-          beforeOpenPicker={closeAllPopup}
-        />
-      ),
-      getQueryParam: ({ formData, option }) => {
-        const { isEmpty, value, field } = checkEmpty(formData, option);
-        if (isEmpty) {return;}
-        return { queries: [{ field, value, operator: eFilterOperator.eq }] };
-      },
-    })
-    .setHandler('in', {
-      label: i18n('base.filter.include').d('包含'),
-      getDescription: createDescriptionGetter(),
-      render: ({ formData, option, confirm }) => (
-        <_Object
-          v-model={formData[option.field]}
-          labelField={option.filterConfig.labelField}
-          keyField={option.filterConfig.keyField}
-          option={option.filterConfig.option}
-          multiple
-          onPick={() => confirm()}
-          beforeOpenPicker={closeAllPopup}
-        />
-      ),
-      getQueryParam: ({ formData, option }) => {
-        const { isEmpty, value, field } = checkEmpty(formData, option);
-        if (isEmpty) {return;}
-        const labels = (value as PlainObject[]).map((i) => i[option.filterConfig.labelField]);
-        return { queries: [{ field, value: labels.join(','), operator: eFilterOperator.in }] };
-      },
-    })
-    .setHandler('not_in', {
-      label: i18n('base.filter.notInclude').d('不包含'),
-      getDescription: createDescriptionGetter(),
-      render: ({ formData, option, confirm }) => (
-        <_Object
-          v-model={formData[option.field]}
-          labelField={option.filterConfig.labelField}
-          keyField={option.filterConfig.keyField}
-          option={option.filterConfig.option}
-          multiple
-          onPick={() => confirm()}
-          beforeOpenPicker={closeAllPopup}
-        />
-      ),
-      getQueryParam: ({ formData, option }) => {
-        const { isEmpty, value, field } = checkEmpty(formData, option);
-        if (isEmpty) {return;}
-        const labels = (value as PlainObject[]).map((i) => i[option.filterConfig.labelField]);
-        return { queries: [{ field, value: labels.join(','), operator: eFilterOperator.not_in }] };
-      },
-    })
-    .setHandler(...defaultNullHandler)
-    .setHandler(...defaultNotnullHandler);
-}
+import {iFilterService} from "../index";
+import {eFilterOperator, iFilterOption} from "../utils/filter.service.utils";
+import {PlainObject} from "plain-utils/utils/event";
+import {Input} from "../../Input";
+import {_Object} from "../../Object";
+/**
+ * filter object 在打开弹窗的时候，关闭column popper
+ * @author  韦胜健
+ * @date    2023.1.25 22:05
+ */
+import {TableOptionSpace} from "../../AutoTable/utils/TableOption.space";
+import i18n from "../../i18n";
+import {closeAllPopup} from "../../usePopup/utils/closeAllPopper";
+
+export interface iFilterConfigObject {
+  option: TableOptionSpace.iTableOption,
+  labelField: string,
+  keyField: string,
+}
+
+/**
+ * 渲染显示值
+ * @author  韦胜健
+ * @date    2023.1.15 0:30
+ */
+function createDescriptionGetter() {
+  return ({ formData, option }: { formData: PlainObject, option: iFilterOption<iFilterConfigObject> }) => {
+    let val = formData[option.field];
+    if (!val) {return null;}
+    return Array.isArray(val) ? val.map((i: any) => i[option.filterConfig.labelField]).join(',') : val;
+  };
+}
+
+export function installFilterObject(
+  {
+    touch,
+    checkEmpty,
+    defaultNullHandler,
+    defaultNotnullHandler,
+  }: iFilterService) {
+  touch<iFilterConfigObject>('object')
+    .setHandler('like', {
+      label: () => i18n.$it('base.filter.like').d('约等于'),
+      render: ({ formData, option, confirm }) => (<Input v-model={formData[option.field!]} onEnter={confirm}/>),
+      getQueryParam: async ({ formData, option }) => {
+        const { isEmpty, value, field } = checkEmpty(formData, option);
+        if (isEmpty) {return;}
+        return { queries: [{ field, value, operator: eFilterOperator.like }] };
+      },
+    })
+    .setHandler('eq', {
+      label: () => i18n.$it('base.filter.equal').d('等于'),
+      render: ({ formData, option, confirm }) => (
+        <_Object
+          v-model={formData[option.field]}
+          row={formData}
+          labelField={option.filterConfig.labelField}
+          keyField={option.filterConfig.keyField}
+          option={option.filterConfig.option}
+          map={{ [option.field]: option.filterConfig.labelField, }}
+          onPick={() => confirm()}
+          beforeOpenPicker={closeAllPopup}
+        />
+      ),
+      getQueryParam: ({ formData, option }) => {
+        const { isEmpty, value, field } = checkEmpty(formData, option);
+        if (isEmpty) {return;}
+        return { queries: [{ field, value, operator: eFilterOperator.eq }] };
+      },
+    })
+    .setHandler('in', {
+      label: () => i18n.$it('base.filter.include').d('包含'),
+      getDescription: createDescriptionGetter(),
+      render: ({ formData, option, confirm }) => (
+        <_Object
+          v-model={formData[option.field]}
+          labelField={option.filterConfig.labelField}
+          keyField={option.filterConfig.keyField}
+          option={option.filterConfig.option}
+          multiple
+          onPick={() => confirm()}
+          beforeOpenPicker={closeAllPopup}
+        />
+      ),
+      getQueryParam: ({ formData, option }) => {
+        const { isEmpty, value, field } = checkEmpty(formData, option);
+        if (isEmpty) {return;}
+        const labels = (value as PlainObject[]).map((i) => i[option.filterConfig.labelField]);
+        return { queries: [{ field, value: labels.join(','), operator: eFilterOperator.in }] };
+      },
+    })
+    .setHandler('not_in', {
+      label: () => i18n.$it('base.filter.notInclude').d('不包含'),
+      getDescription: createDescriptionGetter(),
+      render: ({ formData, option, confirm }) => (
+        <_Object
+          v-model={formData[option.field]}
+          labelField={option.filterConfig.labelField}
+          keyField={option.filterConfig.keyField}
+          option={option.filterConfig.option}
+          multiple
+          onPick={() => confirm()}
+          beforeOpenPicker={closeAllPopup}
+        />
+      ),
+      getQueryParam: ({ formData, option }) => {
+        const { isEmpty, value, field } = checkEmpty(formData, option);
+        if (isEmpty) {return;}
+        const labels = (value as PlainObject[]).map((i) => i[option.filterConfig.labelField]);
+        return { queries: [{ field, value: labels.join(','), operator: eFilterOperator.not_in }] };
+      },
+    })
+    .setHandler(...defaultNullHandler)
+    .setHandler(...defaultNotnullHandler);
+}