tntd 3.0.11-beta.1 → 3.0.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (91) hide show
  1. package/es/index.js +1 -1
  2. package/es/index.js.map +1 -1
  3. package/es/query-list-scene/QueryForm.js +3 -6
  4. package/es/query-list-scene/QueryForm.js.map +1 -1
  5. package/lib/index.d.ts +1 -1
  6. package/lib/index.d.ts.map +1 -1
  7. package/lib/index.js +2 -2
  8. package/lib/index.js.map +1 -1
  9. package/lib/query-list-scene/QueryForm.d.ts +2 -2
  10. package/lib/query-list-scene/QueryForm.d.ts.map +1 -1
  11. package/lib/query-list-scene/QueryForm.js +8 -10
  12. package/lib/query-list-scene/QueryForm.js.map +1 -1
  13. package/package.json +1 -1
  14. package/es/query-form-v3/Field/Checkbox.js +0 -23
  15. package/es/query-form-v3/Field/Checkbox.js.map +0 -1
  16. package/es/query-form-v3/Field/Composition/FieldPopover.js +0 -330
  17. package/es/query-form-v3/Field/Composition/FieldPopover.js.map +0 -1
  18. package/es/query-form-v3/Field/Composition/FieldPopover.less +0 -35
  19. package/es/query-form-v3/Field/Composition/Select.js +0 -107
  20. package/es/query-form-v3/Field/Composition/Select.js.map +0 -1
  21. package/es/query-form-v3/Field/Composition/index.js +0 -208
  22. package/es/query-form-v3/Field/Composition/index.js.map +0 -1
  23. package/es/query-form-v3/Field/Composition/index.less +0 -118
  24. package/es/query-form-v3/Field/Composition/utils.js +0 -132
  25. package/es/query-form-v3/Field/Composition/utils.js.map +0 -1
  26. package/es/query-form-v3/Field/Select.js +0 -59
  27. package/es/query-form-v3/Field/Select.js.map +0 -1
  28. package/es/query-form-v3/Field/SelectInput.js +0 -87
  29. package/es/query-form-v3/Field/SelectInput.js.map +0 -1
  30. package/es/query-form-v3/Field/fieldsMap.js +0 -28
  31. package/es/query-form-v3/Field/fieldsMap.js.map +0 -1
  32. package/es/query-form-v3/Field/index.js +0 -117
  33. package/es/query-form-v3/Field/index.js.map +0 -1
  34. package/es/query-form-v3/createActions.js +0 -47
  35. package/es/query-form-v3/createActions.js.map +0 -1
  36. package/es/query-form-v3/index.js +0 -175
  37. package/es/query-form-v3/index.js.map +0 -1
  38. package/es/query-form-v3/index.less +0 -91
  39. package/es/query-form-v3/useForm.js +0 -6
  40. package/es/query-form-v3/useForm.js.map +0 -1
  41. package/lib/query-form-v3/Field/Checkbox.d.ts +0 -8
  42. package/lib/query-form-v3/Field/Checkbox.d.ts.map +0 -1
  43. package/lib/query-form-v3/Field/Checkbox.js +0 -28
  44. package/lib/query-form-v3/Field/Checkbox.js.map +0 -1
  45. package/lib/query-form-v3/Field/Composition/FieldPopover.d.ts +0 -19
  46. package/lib/query-form-v3/Field/Composition/FieldPopover.d.ts.map +0 -1
  47. package/lib/query-form-v3/Field/Composition/FieldPopover.js +0 -370
  48. package/lib/query-form-v3/Field/Composition/FieldPopover.js.map +0 -1
  49. package/lib/query-form-v3/Field/Composition/FieldPopover.less +0 -35
  50. package/lib/query-form-v3/Field/Composition/Select.d.ts +0 -4
  51. package/lib/query-form-v3/Field/Composition/Select.d.ts.map +0 -1
  52. package/lib/query-form-v3/Field/Composition/Select.js +0 -131
  53. package/lib/query-form-v3/Field/Composition/Select.js.map +0 -1
  54. package/lib/query-form-v3/Field/Composition/index.d.ts +0 -10
  55. package/lib/query-form-v3/Field/Composition/index.d.ts.map +0 -1
  56. package/lib/query-form-v3/Field/Composition/index.js +0 -255
  57. package/lib/query-form-v3/Field/Composition/index.js.map +0 -1
  58. package/lib/query-form-v3/Field/Composition/index.less +0 -118
  59. package/lib/query-form-v3/Field/Composition/utils.d.ts +0 -22
  60. package/lib/query-form-v3/Field/Composition/utils.d.ts.map +0 -1
  61. package/lib/query-form-v3/Field/Composition/utils.js +0 -147
  62. package/lib/query-form-v3/Field/Composition/utils.js.map +0 -1
  63. package/lib/query-form-v3/Field/Select.d.ts +0 -4
  64. package/lib/query-form-v3/Field/Select.d.ts.map +0 -1
  65. package/lib/query-form-v3/Field/Select.js +0 -80
  66. package/lib/query-form-v3/Field/Select.js.map +0 -1
  67. package/lib/query-form-v3/Field/SelectInput.d.ts +0 -4
  68. package/lib/query-form-v3/Field/SelectInput.d.ts.map +0 -1
  69. package/lib/query-form-v3/Field/SelectInput.js +0 -100
  70. package/lib/query-form-v3/Field/SelectInput.js.map +0 -1
  71. package/lib/query-form-v3/Field/fieldsMap.d.ts +0 -27
  72. package/lib/query-form-v3/Field/fieldsMap.d.ts.map +0 -1
  73. package/lib/query-form-v3/Field/fieldsMap.js +0 -35
  74. package/lib/query-form-v3/Field/fieldsMap.js.map +0 -1
  75. package/lib/query-form-v3/Field/index.d.ts +0 -14
  76. package/lib/query-form-v3/Field/index.d.ts.map +0 -1
  77. package/lib/query-form-v3/Field/index.js +0 -147
  78. package/lib/query-form-v3/Field/index.js.map +0 -1
  79. package/lib/query-form-v3/createActions.d.ts +0 -14
  80. package/lib/query-form-v3/createActions.d.ts.map +0 -1
  81. package/lib/query-form-v3/createActions.js +0 -54
  82. package/lib/query-form-v3/createActions.js.map +0 -1
  83. package/lib/query-form-v3/index.d.ts +0 -27
  84. package/lib/query-form-v3/index.d.ts.map +0 -1
  85. package/lib/query-form-v3/index.js +0 -206
  86. package/lib/query-form-v3/index.js.map +0 -1
  87. package/lib/query-form-v3/index.less +0 -91
  88. package/lib/query-form-v3/useForm.d.ts +0 -13
  89. package/lib/query-form-v3/useForm.d.ts.map +0 -1
  90. package/lib/query-form-v3/useForm.js +0 -13
  91. package/lib/query-form-v3/useForm.js.map +0 -1
@@ -1,28 +0,0 @@
1
- import CheckboxField from './Checkbox';
2
- import SelectField from './Select';
3
- import SelectInput from './SelectInput';
4
- import DatePicker from '../../date-picker';
5
- import Input from '../../input';
6
- import InputNumber from '../../input-number';
7
- export const defaultFieldWidth = '200px';
8
- export const getFieldWidth = type => {
9
- if (type === 'dateRange') {
10
- return '340px';
11
- }
12
- return {
13
- dateRange: '340px',
14
- selectInput: '320px'
15
- }[type] || defaultFieldWidth;
16
- };
17
- export default {
18
- string: Input.Search,
19
- input: Input.Search,
20
- search: Input.Search,
21
- inputNumber: InputNumber,
22
- number: InputNumber,
23
- select: SelectField,
24
- checkbox: CheckboxField,
25
- date: DatePicker,
26
- dateRange: DatePicker.RangePicker,
27
- selectInput: SelectInput
28
- };
@@ -1 +0,0 @@
1
- {"version":3,"file":"fieldsMap.js","sourceRoot":"","sources":["../../../src/query-form-v3/Field/fieldsMap.js"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,YAAY,CAAA;AACtC,OAAO,WAAW,MAAM,UAAU,CAAA;AAClC,OAAO,WAAW,MAAM,eAAe,CAAA;AACvC,OAAO,UAAU,MAAM,mBAAmB,CAAA;AAC1C,OAAO,KAAK,MAAM,aAAa,CAAA;AAC/B,OAAO,WAAW,MAAM,oBAAoB,CAAA;AAE5C,MAAM,CAAC,MAAM,iBAAiB,GAAG,OAAO,CAAA;AAExC,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,IAAI,EAAE,EAAE;IACpC,IAAI,IAAI,KAAK,WAAW,EAAE;QACxB,OAAO,OAAO,CAAA;KACf;IAED,OAAO,CACL;QACE,SAAS,EAAE,OAAO;QAClB,WAAW,EAAE,OAAO;KACrB,CAAC,IAAI,CAAC,IAAI,iBAAiB,CAC7B,CAAA;AACH,CAAC,CAAA;AAED,eAAe;IACb,MAAM,EAAE,KAAK,CAAC,MAAM;IACpB,KAAK,EAAE,KAAK,CAAC,MAAM;IACnB,MAAM,EAAE,KAAK,CAAC,MAAM;IACpB,WAAW,EAAE,WAAW;IACxB,MAAM,EAAE,WAAW;IACnB,MAAM,EAAE,WAAW;IACnB,QAAQ,EAAE,aAAa;IACvB,IAAI,EAAE,UAAU;IAChB,SAAS,EAAE,UAAU,CAAC,WAAW;IACjC,WAAW,EAAE,WAAW;CACzB,CAAA","sourcesContent":["import CheckboxField from './Checkbox'\nimport SelectField from './Select'\nimport SelectInput from './SelectInput'\nimport DatePicker from '../../date-picker'\nimport Input from '../../input'\nimport InputNumber from '../../input-number'\n\nexport const defaultFieldWidth = '200px'\n\nexport const getFieldWidth = (type) => {\n if (type === 'dateRange') {\n return '340px'\n }\n\n return (\n {\n dateRange: '340px',\n selectInput: '320px',\n }[type] || defaultFieldWidth\n )\n}\n\nexport default {\n string: Input.Search,\n input: Input.Search,\n search: Input.Search,\n inputNumber: InputNumber,\n number: InputNumber,\n select: SelectField,\n checkbox: CheckboxField,\n date: DatePicker,\n dateRange: DatePicker.RangePicker,\n selectInput: SelectInput,\n}\n"]}
@@ -1,117 +0,0 @@
1
- import _get from "lodash/get";
2
- import React, { PureComponent } from 'react';
3
- import fieldsMap, { getFieldWidth } from './fieldsMap';
4
- import Form from '../../form';
5
- const FormItem = Form.Item;
6
- const isInput = type => ['input', 'string', 'search', 'aloneSearch'].includes(type);
7
- export default class Field extends PureComponent {
8
- constructor(props) {
9
- super(props);
10
- Object.defineProperty(this, "updateValue", {
11
- enumerable: true,
12
- configurable: true,
13
- writable: true,
14
- value: (name, value) => {
15
- if (name === this.props.name) {
16
- this.setState({
17
- value
18
- });
19
- this.props.onChange(name, value);
20
- }
21
- }
22
- });
23
- Object.defineProperty(this, "onChange", {
24
- enumerable: true,
25
- configurable: true,
26
- writable: true,
27
- value: (...args) => {
28
- const {
29
- name,
30
- type = 'input',
31
- component,
32
- props: fieldProps
33
- } = this.props;
34
- const {
35
- onChange
36
- } = fieldProps || {};
37
- onChange && onChange(...args);
38
- // Input onChange第一个参数为Event对象,取值特殊处理
39
- if (!component && isInput(type)) {
40
- args[0] = _get(args[0], 'target.value');
41
- }
42
- this.setState({
43
- value: args[0]
44
- });
45
- this.props.onChange(name, args[0]);
46
- }
47
- });
48
- Object.defineProperty(this, "onFormChange", {
49
- enumerable: true,
50
- configurable: true,
51
- writable: true,
52
- value: formData => {
53
- this.setState({
54
- value: _get(formData, this.props.name)
55
- });
56
- }
57
- });
58
- this.state = {
59
- value: props.initialValue
60
- };
61
- }
62
- render() {
63
- var _a;
64
- const {
65
- type = 'input',
66
- title,
67
- name,
68
- isFieldInDrawer = false,
69
- className = '',
70
- component,
71
- form,
72
- props: fieldProps
73
- } = this.props;
74
- const {
75
- value
76
- } = this.state;
77
- const Field = component || fieldsMap[type];
78
- return React.createElement(FormItem, {
79
- label: title,
80
- className: className
81
- }, React.createElement(Field, Object.assign({
82
- form: form,
83
- value: value
84
- }, isInput(type) ? {
85
- onPressEnter: evt => {
86
- var _a;
87
- return form.emit('search', {
88
- [name]: (_a = evt === null || evt === void 0 ? void 0 : evt.target) === null || _a === void 0 ? void 0 : _a.value,
89
- current: 1
90
- });
91
- },
92
- onSearch: value => form.emit('search', {
93
- [name]: value,
94
- current: 1
95
- })
96
- } : {}, fieldProps, {
97
- style: Object.assign(Object.assign({}, fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.style), {
98
- width: isFieldInDrawer ? '100%' : ((_a = fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.style) === null || _a === void 0 ? void 0 : _a.width) || getFieldWidth(type)
99
- }),
100
- onChange: this.onChange
101
- })));
102
- }
103
- componentDidMount() {
104
- const {
105
- form
106
- } = this.props;
107
- form.on('setValue', this.updateValue);
108
- form.on('setValues', this.onFormChange);
109
- }
110
- componentWillUnmount() {
111
- const {
112
- form
113
- } = this.props;
114
- form.off('setValue', this.updateValue);
115
- form.off('setValues', this.onFormChange);
116
- }
117
- }
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/query-form-v3/Field/index.js"],"names":[],"mappings":"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","sourcesContent":["import React, { PureComponent } from 'react'\nimport { get } from 'lodash'\nimport fieldsMap, { getFieldWidth } from './fieldsMap'\n\nimport Form from '../../form'\n\nconst FormItem = Form.Item\n\nconst isInput = (type) => ['input', 'string', 'search', 'aloneSearch'].includes(type)\n\nexport default class Field extends PureComponent {\n constructor(props) {\n super(props)\n\n this.state = {\n value: props.initialValue,\n }\n }\n\n render () {\n const {\n type = 'input',\n title,\n name,\n isFieldInDrawer = false,\n className = '',\n component,\n form,\n props: fieldProps,\n } = this.props\n const { value } = this.state\n const Field = component || fieldsMap[type]\n\n return (\n <FormItem label={title} className={className}>\n <Field\n form={form}\n value={value}\n {...(isInput(type)\n ? {\n onPressEnter: (evt) =>\n form.emit('search', { [name]: evt?.target?.value, current: 1 }),\n onSearch: (value) => form.emit('search', { [name]: value, current: 1 })\n }\n : {})}\n {...fieldProps}\n style={{\n ...fieldProps?.style,\n width: isFieldInDrawer ? '100%' : fieldProps?.style?.width || getFieldWidth(type),\n }}\n onChange={this.onChange}\n />\n </FormItem>\n )\n }\n\n updateValue = (name, value) => {\n if (name === this.props.name) {\n this.setState({ value })\n this.props.onChange(name, value)\n }\n }\n\n onChange = (...args) => {\n const { name, type = 'input', component, props: fieldProps } = this.props\n const { onChange } = fieldProps || {}\n\n onChange && onChange(...args)\n\n // Input onChange第一个参数为Event对象,取值特殊处理\n if (!component && isInput(type)) {\n args[0] = get(args[0], 'target.value')\n }\n\n this.setState({ value: args[0] })\n this.props.onChange(name, args[0])\n }\n\n onFormChange = (formData) => {\n this.setState({\n value: get(formData, this.props.name),\n })\n }\n\n componentDidMount () {\n const { form } = this.props\n\n form.on('setValue', this.updateValue)\n form.on('setValues', this.onFormChange)\n }\n\n componentWillUnmount () {\n const { form } = this.props\n\n form.off('setValue', this.updateValue)\n form.off('setValues', this.onFormChange)\n }\n}\n"]}
@@ -1,47 +0,0 @@
1
- import _set from "lodash/set";
2
- import _get from "lodash/get";
3
- import EventEmitter from 'eventemitter3';
4
- export default (() => {
5
- const eventEmitter = new EventEmitter();
6
- const data = {
7
- initialValues: {},
8
- values: {}
9
- };
10
- return {
11
- setData(key, value) {
12
- _set(data, key, value);
13
- },
14
- getData(key) {
15
- _get(data, key);
16
- },
17
- setValues(values) {
18
- data.values = values;
19
- eventEmitter.emit('setValues', values);
20
- },
21
- getValues() {
22
- return data.values;
23
- },
24
- resetValues() {
25
- data.values = Object.assign({}, data.initialValues);
26
- eventEmitter.emit('setValues', data.values);
27
- },
28
- setValue(name, value) {
29
- data.values = data.values || {};
30
- data.values[name] = value;
31
- eventEmitter.emit('setValue', name, value);
32
- },
33
- getValue(name) {
34
- var _a;
35
- return (_a = data.values) === null || _a === void 0 ? void 0 : _a[name];
36
- },
37
- on: (eventName, callback) => {
38
- eventEmitter.on(eventName, callback);
39
- },
40
- emit: (...args) => {
41
- eventEmitter.emit(...args);
42
- },
43
- off: (...args) => {
44
- eventEmitter.removeListener(...args);
45
- }
46
- };
47
- });
@@ -1 +0,0 @@
1
- {"version":3,"file":"createActions.js","sourceRoot":"","sources":["../../src/query-form-v3/createActions.js"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAEjC,eAAe,GAAG,EAAE;IAClB,MAAM,YAAY,GAAG,IAAI,YAAY,EAAE,CAAA;IACvC,MAAM,IAAI,GAAG;QACX,aAAa,EAAE,EAAE;QACjB,MAAM,EAAE,EAAE;KACX,CAAA;IAED,OAAO;QACL,OAAO,CAAC,GAAG,EAAE,KAAK;YAChB,GAAG,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAA;QACvB,CAAC;QACD,OAAO,CAAC,GAAG;YACT,GAAG,CAAC,IAAI,EAAE,GAAG,CAAC,CAAA;QAChB,CAAC;QAED,SAAS,CAAC,MAAM;YACd,IAAI,CAAC,MAAM,GAAG,MAAM,CAAA;YACpB,YAAY,CAAC,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,CAAA;QACxC,CAAC;QACD,SAAS;YACP,OAAO,IAAI,CAAC,MAAM,CAAA;QACpB,CAAC;QACD,WAAW;YACT,IAAI,CAAC,MAAM,qBAAQ,IAAI,CAAC,aAAa,CAAE,CAAA;YACvC,YAAY,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,MAAM,CAAC,CAAA;QAC7C,CAAC;QACD,QAAQ,CAAC,IAAI,EAAE,KAAK;YAClB,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,IAAI,EAAE,CAAA;YAC/B,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,KAAK,CAAA;YACzB,YAAY,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,EAAE,KAAK,CAAC,CAAA;QAC5C,CAAC;QACD,QAAQ,CAAC,IAAI;;YACX,OAAO,MAAA,IAAI,CAAC,MAAM,0CAAG,IAAI,CAAC,CAAA;QAC5B,CAAC;QAED,EAAE,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,EAAE;YAC1B,YAAY,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAA;QACtC,CAAC;QAED,IAAI,EAAE,CAAC,GAAG,IAAI,EAAE,EAAE;YAChB,YAAY,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,CAAA;QAC5B,CAAC;QAED,GAAG,EAAE,CAAC,GAAG,IAAI,EAAE,EAAE;YACf,YAAY,CAAC,cAAc,CAAC,GAAG,IAAI,CAAC,CAAA;QACtC,CAAC;KACF,CAAA;AACH,CAAC,CAAA","sourcesContent":["import EventEmitter from 'eventemitter3'\nimport { get, set } from 'lodash'\n\nexport default () => {\n const eventEmitter = new EventEmitter()\n const data = {\n initialValues: {},\n values: {},\n }\n\n return {\n setData(key, value) {\n set(data, key, value)\n },\n getData(key) {\n get(data, key)\n },\n\n setValues(values) {\n data.values = values\n eventEmitter.emit('setValues', values)\n },\n getValues() {\n return data.values\n },\n resetValues() {\n data.values = { ...data.initialValues }\n eventEmitter.emit('setValues', data.values)\n },\n setValue(name, value) {\n data.values = data.values || {}\n data.values[name] = value\n eventEmitter.emit('setValue', name, value)\n },\n getValue(name) {\n return data.values?.[name]\n },\n\n on: (eventName, callback) => {\n eventEmitter.on(eventName, callback)\n },\n\n emit: (...args) => {\n eventEmitter.emit(...args)\n },\n\n off: (...args) => {\n eventEmitter.removeListener(...args)\n },\n }\n}\n"]}
@@ -1,175 +0,0 @@
1
- import React, { useMemo, useRef, useEffect, useState } from 'react';
2
- import cn from 'classnames';
3
- import createActions from './createActions';
4
- import Field from './Field';
5
- import Composition from './Field/Composition';
6
- import useForm from './useForm';
7
- import Button from '../button';
8
- import Form from '../form';
9
- import { getLanguage, getText } from '../prev-locale';
10
- import './index.less';
11
- const clsPrefix = 'tnt-queryform';
12
- function QueryForm({
13
- form,
14
- className = '',
15
- initialValues: _initialValues,
16
- language,
17
- onSearch,
18
- onReset,
19
- onChange,
20
- renderActions,
21
- extraActions,
22
- children,
23
- showSearch = false,
24
- showReset = false,
25
- showFieldCount = 3,
26
- minGroupCount = 3 // 最小聚合个数
27
- }) {
28
- const [initialValues, setInitialValues] = useState(_initialValues || {});
29
- const formRef = useRef(form || createActions());
30
- useEffect(() => {
31
- const _search = (params = {}) => {
32
- onSearch(Object.assign(Object.assign({}, formRef.current.getValues()), params));
33
- };
34
- formRef.current.setData('initialValues', initialValues);
35
- formRef.current.setData('values', initialValues);
36
- formRef.current.on('search', _search);
37
- return () => {
38
- formRef.current.off('search', _search);
39
- };
40
- }, []);
41
- const _getText = key => {
42
- return getText(key, language || getLanguage());
43
- };
44
- const _onSearch = () => {
45
- onSearch === null || onSearch === void 0 ? void 0 : onSearch(formRef.current.getValues());
46
- };
47
- const _onReset = () => {
48
- formRef.current.setValues(Object.assign({}, initialValues));
49
- onReset === null || onReset === void 0 ? void 0 : onReset(initialValues);
50
- setInitialValues(Object.assign({}, initialValues));
51
- };
52
- const _onFieldChange = (name, value, ...rest) => {
53
- const values = formRef.current.getValues();
54
- const newValues = Object.assign(Object.assign({}, values), {
55
- [name]: value
56
- });
57
- const changedInfo = {
58
- name,
59
- value,
60
- preValue: values === null || values === void 0 ? void 0 : values[name]
61
- };
62
- formRef.current.setData('values', newValues);
63
- onChange && onChange(newValues, changedInfo, ...rest);
64
- };
65
- const _onCompositionFieldChange = (value, deleteKeys, needSearch) => {
66
- var _a;
67
- const values = formRef.current.getValues();
68
- const newValues = Object.assign(Object.assign({}, values), value);
69
- if (deleteKeys === null || deleteKeys === void 0 ? void 0 : deleteKeys.length) {
70
- deleteKeys === null || deleteKeys === void 0 ? void 0 : deleteKeys.forEach(key => {
71
- if (values === null || values === void 0 ? void 0 : values[key]) {
72
- delete newValues[key];
73
- }
74
- });
75
- }
76
- formRef.current.setData('values', newValues);
77
- if (onChange) {
78
- (_a = Object.keys(values)) === null || _a === void 0 ? void 0 : _a.forEach(key => {
79
- if (JSON.stringify(value[key]) !== JSON.stringify(values[key] || '')) {
80
- const changedInfo = {
81
- name: key,
82
- value: value[key],
83
- preValue: values === null || values === void 0 ? void 0 : values[key]
84
- };
85
- onChange(newValues, changedInfo);
86
- }
87
- });
88
- if (needSearch) {
89
- formRef.current.emit('search', newValues);
90
- }
91
- }
92
- };
93
- const [groupFields, outFields, rightChildren, compositionInitValues] = useMemo(() => {
94
- var _a;
95
- let groupFields = [];
96
- let outFields = [];
97
- let otherFields = [];
98
- const rightChildren = [];
99
- const compositionInitValues = {};
100
- React.Children.map(children, child => {
101
- var _a, _b;
102
- if (child) {
103
- if (((_a = child.props) === null || _a === void 0 ? void 0 : _a.align) === 'right') {
104
- rightChildren.push(child);
105
- return;
106
- } else if (((_b = child.props) === null || _b === void 0 ? void 0 : _b.isGroup) === false) {
107
- outFields.push(child);
108
- } else {
109
- groupFields.push(child);
110
- }
111
- otherFields.push(child);
112
- }
113
- });
114
- if (groupFields.length <= minGroupCount) {
115
- groupFields = [];
116
- outFields = otherFields;
117
- } else {
118
- // 初始值
119
- for (let i = 0; i < groupFields.length; i++) {
120
- const name = (_a = groupFields[i].props) === null || _a === void 0 ? void 0 : _a.name;
121
- if (initialValues[name] !== undefined) {
122
- compositionInitValues[name] = initialValues[name];
123
- }
124
- }
125
- }
126
- return [groupFields, outFields, rightChildren, compositionInitValues];
127
- }, [children, minGroupCount, initialValues]);
128
- const isGroupMode = groupFields.length > 0;
129
- const hasOutField = outFields.length > 0;
130
- const showExtra = rightChildren.length > 0 || extraActions;
131
- return React.createElement("div", {
132
- className: cn(clsPrefix, {
133
- [className]: className
134
- })
135
- }, React.createElement(Form, {
136
- layout: "inline"
137
- }, React.createElement("div", {
138
- className: `${clsPrefix}-top`
139
- }, React.createElement("div", {
140
- className: `${clsPrefix}-top-body`
141
- }, hasOutField ? outFields.map((child, i) => {
142
- var _a;
143
- return React.cloneElement(child, {
144
- form: formRef.current,
145
- initialValue: initialValues === null || initialValues === void 0 ? void 0 : initialValues[(_a = child.props) === null || _a === void 0 ? void 0 : _a.name],
146
- onChange: _onFieldChange,
147
- key: i
148
- });
149
- }) : isGroupMode ? React.createElement(Composition, {
150
- clsPrefix: clsPrefix,
151
- fieldItems: groupFields,
152
- initialValues: compositionInitValues,
153
- onChange: _onCompositionFieldChange,
154
- form: formRef.current
155
- }) : null, renderActions ? renderActions() : React.createElement(React.Fragment, null, showSearch && React.createElement(Button, {
156
- type: "primary",
157
- onClick: _onSearch
158
- }, _getText('search')), showReset && React.createElement(Button, {
159
- onClick: _onReset
160
- }, _getText('reset')))), showExtra && React.createElement("div", {
161
- className: `${clsPrefix}-extra`
162
- }, rightChildren, extraActions)), isGroupMode && hasOutField && React.createElement("div", {
163
- className: `${clsPrefix}-bottom`
164
- }, React.createElement(Composition, {
165
- clsPrefix: clsPrefix,
166
- fieldItems: groupFields,
167
- initialValues: compositionInitValues,
168
- onChange: _onCompositionFieldChange,
169
- form: formRef.current
170
- }))));
171
- }
172
- QueryForm.Field = Field;
173
- QueryForm.useForm = useForm;
174
- QueryForm.createForm = createActions;
175
- export default QueryForm;
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/query-form-v3/index.js"],"names":[],"mappings":"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","sourcesContent":["import React, { useMemo, useRef, useEffect, useState } from 'react'\nimport cn from 'classnames'\nimport createActions from './createActions'\nimport Field from './Field'\nimport Composition from './Field/Composition'\nimport useForm from './useForm'\nimport Button from '../button'\nimport Form from '../form'\nimport { getLanguage, getText } from '../prev-locale'\n\nimport './index.less'\n\nconst clsPrefix = 'tnt-queryform'\n\nfunction QueryForm({\n form,\n className = '',\n initialValues: _initialValues,\n language,\n onSearch,\n onReset,\n onChange,\n renderActions,\n extraActions,\n children,\n showSearch = false,\n showReset = false,\n showFieldCount = 3,\n minGroupCount = 3, // 最小聚合个数\n}) {\n const [initialValues, setInitialValues] = useState(_initialValues || {})\n const formRef = useRef(form || createActions())\n\n useEffect(() => {\n const _search = (params = {}) => {\n onSearch({\n ...formRef.current.getValues(),\n ...params,\n })\n }\n formRef.current.setData('initialValues', initialValues)\n formRef.current.setData('values', initialValues)\n formRef.current.on('search', _search)\n return () => {\n formRef.current.off('search', _search)\n }\n }, [])\n\n const _getText = (key) => {\n return getText(key, language || getLanguage())\n }\n const _onSearch = () => {\n onSearch?.(formRef.current.getValues())\n }\n\n const _onReset = () => {\n formRef.current.setValues({ ...initialValues })\n onReset?.(initialValues)\n setInitialValues({ ...initialValues })\n }\n\n const _onFieldChange = (name, value, ...rest) => {\n const values = formRef.current.getValues()\n const newValues = {\n ...values,\n [name]: value,\n }\n const changedInfo = { name, value, preValue: values?.[name] }\n formRef.current.setData('values', newValues)\n onChange && onChange(newValues, changedInfo, ...rest)\n }\n\n const _onCompositionFieldChange = (value, deleteKeys, needSearch) => {\n const values = formRef.current.getValues()\n const newValues = {\n ...values,\n ...value,\n }\n if (deleteKeys?.length) {\n deleteKeys?.forEach((key) => {\n if (values?.[key]) {\n delete newValues[key]\n }\n })\n }\n formRef.current.setData('values', newValues)\n if (onChange) {\n Object.keys(values)?.forEach((key) => {\n if (JSON.stringify(value[key]) !== JSON.stringify(values[key] || '')) {\n const changedInfo = { name: key, value: value[key], preValue: values?.[key] }\n onChange(newValues, changedInfo)\n }\n })\n if(needSearch) {\n formRef.current.emit('search', newValues)\n }\n }\n }\n\n const [groupFields, outFields, rightChildren, compositionInitValues] = useMemo(() => {\n let groupFields = []\n let outFields = []\n let otherFields = []\n const rightChildren = []\n const compositionInitValues = {}\n React.Children.map(children, (child) => {\n if (child) {\n if (child.props?.align === 'right') {\n rightChildren.push(child)\n return\n } else if (child.props?.isGroup === false) {\n outFields.push(child)\n } else {\n groupFields.push(child)\n }\n otherFields.push(child)\n }\n })\n if (groupFields.length <= minGroupCount) {\n groupFields = []\n outFields = otherFields\n } else {\n // 初始值\n for (let i = 0; i < groupFields.length; i++) {\n const name = groupFields[i].props?.name\n if (initialValues[name] !== undefined) {\n compositionInitValues[name] = initialValues[name]\n }\n }\n }\n return [groupFields, outFields, rightChildren, compositionInitValues]\n }, [children, minGroupCount, initialValues])\n\n const isGroupMode = groupFields.length > 0\n const hasOutField = outFields.length > 0\n const showExtra = rightChildren.length > 0 || extraActions\n\n return (\n <div className={cn(clsPrefix, { [className]: className })}>\n <Form layout=\"inline\">\n <div className={`${clsPrefix}-top`}>\n <div className={`${clsPrefix}-top-body`}>\n {hasOutField ? (\n outFields.map((child, i) =>\n React.cloneElement(child, {\n form: formRef.current,\n initialValue: initialValues?.[child.props?.name],\n onChange: _onFieldChange,\n key: i,\n })\n )\n ) : isGroupMode ? (\n <Composition\n clsPrefix={clsPrefix}\n fieldItems={groupFields}\n initialValues={compositionInitValues}\n onChange={_onCompositionFieldChange}\n form={formRef.current}\n />\n ) : null}\n\n {renderActions ? (\n renderActions()\n ) : (\n <>\n {showSearch && (\n <Button type=\"primary\" onClick={_onSearch}>\n {_getText('search')}\n </Button>\n )}\n {showReset && <Button onClick={_onReset}>{_getText('reset')}</Button>}\n </>\n )}\n </div>\n {showExtra && (\n <div className={`${clsPrefix}-extra`}>\n {rightChildren}\n {extraActions}\n </div>\n )}\n </div>\n {isGroupMode && hasOutField && (\n <div className={`${clsPrefix}-bottom`}>\n <Composition\n clsPrefix={clsPrefix}\n fieldItems={groupFields}\n initialValues={compositionInitValues}\n onChange={_onCompositionFieldChange}\n form={formRef.current}\n />\n </div>\n )}\n </Form>\n </div>\n )\n}\n\nQueryForm.Field = Field\nQueryForm.useForm = useForm\nQueryForm.createForm = createActions\n\nexport default QueryForm\n"]}
@@ -1,91 +0,0 @@
1
- .tnt-queryform {
2
- &-top {
3
- display: flex;
4
- flex: 1;
5
- &-body {
6
- flex: 1;
7
- .ant-btn {
8
- margin-right: 10px;
9
- }
10
- }
11
- }
12
-
13
- &-extra {
14
- & > * {
15
- margin-left: 10px;
16
- }
17
- }
18
-
19
- .ant-form {
20
- // margin-bottom: @margin-sm;
21
- &.ant-form-inline {
22
- flex-wrap: unset;
23
- position: relative;
24
- }
25
-
26
- &.ant-form-inline .ant-form-item {
27
- margin-right: 10px;
28
- margin-bottom: @margin-sm;
29
- display: inline-block;
30
- }
31
-
32
- .ant-form-item-control {
33
- // min-width: 160px;
34
- line-height: unset;
35
- .ant-calendar-picker-input {
36
- padding: 0 @padding-sm;
37
- }
38
- .ant-form-item-children {
39
- & > .ant-input,
40
- & > .ant-input-affix-wrapper {
41
- width: 160px;
42
- // width: 200px;
43
- }
44
- }
45
- }
46
- }
47
-
48
- &-drawer {
49
- margin-top: @margin-xxl;
50
- &.large-size {
51
- margin-top: 60px;
52
- }
53
-
54
- &.ant-drawer.ant-drawer-open {
55
- .ant-drawer-mask {
56
- opacity: 0;
57
- background: unset;
58
- }
59
- }
60
- .ant-drawer-body {
61
- .ant-form-item {
62
- display: block;
63
- margin-right: 0;
64
- margin-bottom: @margin-md;
65
- width: 100%;
66
- }
67
- .ant-form-item-label {
68
- display: block;
69
- text-align: left;
70
- line-height: 22px;
71
- margin-bottom: 10px;
72
- }
73
- .ant-form-item-control-wrapper,
74
- .ant-form-item-control,
75
- .ant-calendar-picker,
76
- .ant-input {
77
- min-width: 100%;
78
- width: 100%;
79
- }
80
-
81
- & > .ant-btn {
82
- display: block;
83
- width: 100%;
84
- margin-bottom: 10px;
85
- &.ant-btn-primary {
86
- margin-top: @margin-md;
87
- }
88
- }
89
- }
90
- }
91
- }
@@ -1,6 +0,0 @@
1
- import { useRef } from 'react';
2
- import createActions from './createActions';
3
- export default function useForm() {
4
- const form = useRef(createActions());
5
- return [form.current];
6
- }
@@ -1 +0,0 @@
1
- {"version":3,"file":"useForm.js","sourceRoot":"","sources":["../../src/query-form-v3/useForm.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAC9B,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAE3C,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,MAAM,IAAI,GAAG,MAAM,CAAC,aAAa,EAAE,CAAC,CAAA;IAEpC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;AACvB,CAAC","sourcesContent":["import { useRef } from 'react'\nimport createActions from './createActions'\n\nexport default function useForm() {\n const form = useRef(createActions())\n\n return [form.current]\n}\n"]}
@@ -1,8 +0,0 @@
1
- declare function _default({ value, onChange, ...props }: {
2
- [x: string]: any;
3
- value: any;
4
- onChange: any;
5
- }): React.JSX.Element;
6
- export default _default;
7
- import React from "react";
8
- //# sourceMappingURL=Checkbox.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/query-form-v3/Field/Checkbox.js"],"names":[],"mappings":"AAIe;;;;sBAQd"}
@@ -1,28 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports["default"] = void 0;
7
- var _react = _interopRequireDefault(require("react"));
8
- var _checkbox = _interopRequireDefault(require("../../checkbox"));
9
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
10
- var __rest = void 0 && (void 0).__rest || function (s, e) {
11
- var t = {};
12
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
13
- if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
14
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
15
- }
16
- return t;
17
- };
18
- var _default = exports["default"] = function _default(_a) {
19
- var value = _a.value,
20
- _onChange = _a.onChange,
21
- props = __rest(_a, ["value", "onChange"]);
22
- return _react["default"].createElement(_checkbox["default"], Object.assign({}, props, {
23
- checked: !!value,
24
- onChange: function onChange(evt) {
25
- _onChange === null || _onChange === void 0 ? void 0 : _onChange(evt.target.checked);
26
- }
27
- }));
28
- };
@@ -1 +0,0 @@
1
- {"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/query-form-v3/Field/Checkbox.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAyB;AAEzB,8DAAqC;AAErC,kBAAe,CAAC,EAA6B,EAAE,EAAE;QAAjC,EAAE,KAAK,EAAE,QAAQ,OAAY,EAAP,KAAK,cAA3B,qBAA6B,CAAF;IAAO,OAAA,CAChD,8BAAC,kBAAQ,oBACH,KAAK,IACT,OAAO,EAAE,CAAC,CAAC,KAAK,EAChB,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE;YAChB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;QAChC,CAAC,IACD,CACH,CAAA;CAAA,CAAA","sourcesContent":["import React from 'react'\n\nimport Checkbox from '../../checkbox'\n\nexport default ({ value, onChange, ...props }) => (\n <Checkbox\n {...props}\n checked={!!value}\n onChange={(evt) => {\n onChange?.(evt.target.checked)\n }}\n />\n)\n"]}
@@ -1,19 +0,0 @@
1
- declare var _default: React.ForwardRefExoticComponent<Pick<{
2
- [x: string]: any;
3
- visible: any;
4
- setVisible: any;
5
- searchText: any;
6
- children: any;
7
- value: any;
8
- regex: any;
9
- fieldItems: any;
10
- propItem: any;
11
- setFieldItem: any;
12
- onChange: any;
13
- form: any;
14
- locale: any;
15
- clsPrefix: any;
16
- }, string | number> & React.RefAttributes<any>>;
17
- export default _default;
18
- import React from "react";
19
- //# sourceMappingURL=FieldPopover.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"FieldPopover.d.ts","sourceRoot":"","sources":["../../../../src/query-form-v3/Field/Composition/FieldPopover.js"],"names":[],"mappings":""}