tntd 3.0.19 → 3.0.20

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 (142) hide show
  1. package/CHANGELOG.json +1034 -0
  2. package/CHANGELOG.md +605 -0
  3. package/es/tntd-virtual-tree/index.js +3 -3
  4. package/es/tntd-virtual-tree/index.js.map +1 -1
  5. package/es/tntd-virtual-tree/utils.js +4 -4
  6. package/es/tntd-virtual-tree/utils.js.map +1 -1
  7. package/lib/tntd-virtual-tree/index.js +3 -3
  8. package/lib/tntd-virtual-tree/index.js.map +1 -1
  9. package/lib/tntd-virtual-tree/utils.d.ts +1 -1
  10. package/lib/tntd-virtual-tree/utils.d.ts.map +1 -1
  11. package/lib/tntd-virtual-tree/utils.js +4 -4
  12. package/lib/tntd-virtual-tree/utils.js.map +1 -1
  13. package/package.json +2 -2
  14. package/es/query-form/Field/Composition/FieldPopover.js +0 -308
  15. package/es/query-form/Field/Composition/FieldPopover.js.map +0 -1
  16. package/es/query-form/Field/Composition/FieldPopover.less +0 -35
  17. package/es/query-form/Field/Composition/Select.js +0 -122
  18. package/es/query-form/Field/Composition/Select.js.map +0 -1
  19. package/es/query-form/Field/Composition/index.js +0 -237
  20. package/es/query-form/Field/Composition/index.js.map +0 -1
  21. package/es/query-form/Field/Composition/index.less +0 -118
  22. package/es/query-form/Field/Composition/utils.js +0 -151
  23. package/es/query-form/Field/Composition/utils.js.map +0 -1
  24. package/es/query-form-v2/Field/Checkbox.js +0 -23
  25. package/es/query-form-v2/Field/Checkbox.js.map +0 -1
  26. package/es/query-form-v2/Field/Select.js +0 -59
  27. package/es/query-form-v2/Field/Select.js.map +0 -1
  28. package/es/query-form-v2/Field/SelectInput.js +0 -69
  29. package/es/query-form-v2/Field/SelectInput.js.map +0 -1
  30. package/es/query-form-v2/Field/fieldsMap.js +0 -28
  31. package/es/query-form-v2/Field/fieldsMap.js.map +0 -1
  32. package/es/query-form-v2/Field/index.js +0 -116
  33. package/es/query-form-v2/Field/index.js.map +0 -1
  34. package/es/query-form-v2/createActions.js +0 -47
  35. package/es/query-form-v2/createActions.js.map +0 -1
  36. package/es/query-form-v2/index.js +0 -355
  37. package/es/query-form-v2/index.js.map +0 -1
  38. package/es/query-form-v2/index.less +0 -133
  39. package/es/query-form-v2/useForm.js +0 -6
  40. package/es/query-form-v2/useForm.js.map +0 -1
  41. package/lib/query-form/Field/Composition/FieldPopover.d.ts +0 -19
  42. package/lib/query-form/Field/Composition/FieldPopover.d.ts.map +0 -1
  43. package/lib/query-form/Field/Composition/FieldPopover.js +0 -343
  44. package/lib/query-form/Field/Composition/FieldPopover.js.map +0 -1
  45. package/lib/query-form/Field/Composition/FieldPopover.less +0 -35
  46. package/lib/query-form/Field/Composition/Select.d.ts +0 -4
  47. package/lib/query-form/Field/Composition/Select.d.ts.map +0 -1
  48. package/lib/query-form/Field/Composition/Select.js +0 -146
  49. package/lib/query-form/Field/Composition/Select.js.map +0 -1
  50. package/lib/query-form/Field/Composition/index.d.ts +0 -10
  51. package/lib/query-form/Field/Composition/index.d.ts.map +0 -1
  52. package/lib/query-form/Field/Composition/index.js +0 -286
  53. package/lib/query-form/Field/Composition/index.js.map +0 -1
  54. package/lib/query-form/Field/Composition/index.less +0 -118
  55. package/lib/query-form/Field/Composition/utils.d.ts +0 -21
  56. package/lib/query-form/Field/Composition/utils.d.ts.map +0 -1
  57. package/lib/query-form/Field/Composition/utils.js +0 -162
  58. package/lib/query-form/Field/Composition/utils.js.map +0 -1
  59. package/lib/query-form-v2/Field/Checkbox.d.ts +0 -8
  60. package/lib/query-form-v2/Field/Checkbox.d.ts.map +0 -1
  61. package/lib/query-form-v2/Field/Checkbox.js +0 -28
  62. package/lib/query-form-v2/Field/Checkbox.js.map +0 -1
  63. package/lib/query-form-v2/Field/Select.d.ts +0 -4
  64. package/lib/query-form-v2/Field/Select.d.ts.map +0 -1
  65. package/lib/query-form-v2/Field/Select.js +0 -80
  66. package/lib/query-form-v2/Field/Select.js.map +0 -1
  67. package/lib/query-form-v2/Field/SelectInput.d.ts +0 -4
  68. package/lib/query-form-v2/Field/SelectInput.d.ts.map +0 -1
  69. package/lib/query-form-v2/Field/SelectInput.js +0 -88
  70. package/lib/query-form-v2/Field/SelectInput.js.map +0 -1
  71. package/lib/query-form-v2/Field/fieldsMap.d.ts +0 -24
  72. package/lib/query-form-v2/Field/fieldsMap.d.ts.map +0 -1
  73. package/lib/query-form-v2/Field/fieldsMap.js +0 -35
  74. package/lib/query-form-v2/Field/fieldsMap.js.map +0 -1
  75. package/lib/query-form-v2/Field/index.d.ts +0 -14
  76. package/lib/query-form-v2/Field/index.d.ts.map +0 -1
  77. package/lib/query-form-v2/Field/index.js +0 -146
  78. package/lib/query-form-v2/Field/index.js.map +0 -1
  79. package/lib/query-form-v2/createActions.d.ts +0 -14
  80. package/lib/query-form-v2/createActions.d.ts.map +0 -1
  81. package/lib/query-form-v2/createActions.js +0 -54
  82. package/lib/query-form-v2/createActions.js.map +0 -1
  83. package/lib/query-form-v2/index.d.ts +0 -39
  84. package/lib/query-form-v2/index.d.ts.map +0 -1
  85. package/lib/query-form-v2/index.js +0 -391
  86. package/lib/query-form-v2/index.js.map +0 -1
  87. package/lib/query-form-v2/index.less +0 -133
  88. package/lib/query-form-v2/useForm.d.ts +0 -13
  89. package/lib/query-form-v2/useForm.d.ts.map +0 -1
  90. package/lib/query-form-v2/useForm.js +0 -13
  91. package/lib/query-form-v2/useForm.js.map +0 -1
  92. package/lib/query-form-v3/Field/Checkbox.d.ts +0 -8
  93. package/lib/query-form-v3/Field/Checkbox.d.ts.map +0 -1
  94. package/lib/query-form-v3/Field/Checkbox.js +0 -28
  95. package/lib/query-form-v3/Field/Checkbox.js.map +0 -1
  96. package/lib/query-form-v3/Field/Composition/FieldPopover.d.ts +0 -19
  97. package/lib/query-form-v3/Field/Composition/FieldPopover.d.ts.map +0 -1
  98. package/lib/query-form-v3/Field/Composition/FieldPopover.js +0 -381
  99. package/lib/query-form-v3/Field/Composition/FieldPopover.js.map +0 -1
  100. package/lib/query-form-v3/Field/Composition/FieldPopover.less +0 -35
  101. package/lib/query-form-v3/Field/Composition/Select.d.ts +0 -4
  102. package/lib/query-form-v3/Field/Composition/Select.d.ts.map +0 -1
  103. package/lib/query-form-v3/Field/Composition/Select.js +0 -131
  104. package/lib/query-form-v3/Field/Composition/Select.js.map +0 -1
  105. package/lib/query-form-v3/Field/Composition/index.d.ts +0 -10
  106. package/lib/query-form-v3/Field/Composition/index.d.ts.map +0 -1
  107. package/lib/query-form-v3/Field/Composition/index.js +0 -255
  108. package/lib/query-form-v3/Field/Composition/index.js.map +0 -1
  109. package/lib/query-form-v3/Field/Composition/index.less +0 -118
  110. package/lib/query-form-v3/Field/Composition/utils.d.ts +0 -22
  111. package/lib/query-form-v3/Field/Composition/utils.d.ts.map +0 -1
  112. package/lib/query-form-v3/Field/Composition/utils.js +0 -147
  113. package/lib/query-form-v3/Field/Composition/utils.js.map +0 -1
  114. package/lib/query-form-v3/Field/Select.d.ts +0 -4
  115. package/lib/query-form-v3/Field/Select.d.ts.map +0 -1
  116. package/lib/query-form-v3/Field/Select.js +0 -80
  117. package/lib/query-form-v3/Field/Select.js.map +0 -1
  118. package/lib/query-form-v3/Field/SelectInput.d.ts +0 -4
  119. package/lib/query-form-v3/Field/SelectInput.d.ts.map +0 -1
  120. package/lib/query-form-v3/Field/SelectInput.js +0 -100
  121. package/lib/query-form-v3/Field/SelectInput.js.map +0 -1
  122. package/lib/query-form-v3/Field/fieldsMap.d.ts +0 -27
  123. package/lib/query-form-v3/Field/fieldsMap.d.ts.map +0 -1
  124. package/lib/query-form-v3/Field/fieldsMap.js +0 -35
  125. package/lib/query-form-v3/Field/fieldsMap.js.map +0 -1
  126. package/lib/query-form-v3/Field/index.d.ts +0 -14
  127. package/lib/query-form-v3/Field/index.d.ts.map +0 -1
  128. package/lib/query-form-v3/Field/index.js +0 -147
  129. package/lib/query-form-v3/Field/index.js.map +0 -1
  130. package/lib/query-form-v3/createActions.d.ts +0 -14
  131. package/lib/query-form-v3/createActions.d.ts.map +0 -1
  132. package/lib/query-form-v3/createActions.js +0 -54
  133. package/lib/query-form-v3/createActions.js.map +0 -1
  134. package/lib/query-form-v3/index.d.ts +0 -27
  135. package/lib/query-form-v3/index.d.ts.map +0 -1
  136. package/lib/query-form-v3/index.js +0 -206
  137. package/lib/query-form-v3/index.js.map +0 -1
  138. package/lib/query-form-v3/index.less +0 -91
  139. package/lib/query-form-v3/useForm.d.ts +0 -13
  140. package/lib/query-form-v3/useForm.d.ts.map +0 -1
  141. package/lib/query-form-v3/useForm.js +0 -13
  142. package/lib/query-form-v3/useForm.js.map +0 -1
@@ -1,69 +0,0 @@
1
- import _get from "lodash/get";
2
- var __rest = this && this.__rest || function (s, e) {
3
- var t = {};
4
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
5
- if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
6
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
7
- }
8
- return t;
9
- };
10
- import React, { useState, useEffect } from 'react';
11
- import Select from '../../select';
12
- import Input from '../../input';
13
- const {
14
- Option
15
- } = Select;
16
- export default (props => {
17
- const {
18
- options = [],
19
- addonBeforeStyle,
20
- selectProps
21
- } = props,
22
- inputProps = __rest(props, ["options", "addonBeforeStyle", "selectProps"]);
23
- const [items, setItems] = useState(options);
24
- const getInitialKey = () => {
25
- let key = _get(options, '0.value');
26
- if (inputProps.value) {
27
- key = _get(Object.keys(inputProps.value), '0') || key;
28
- }
29
- return key;
30
- };
31
- const [key, setKey] = useState(getInitialKey());
32
- const onKeyChange = key => {
33
- setKey(key);
34
- props.onChange({
35
- [key]: ''
36
- });
37
- };
38
- const onChange = evt => {
39
- props.onChange({
40
- [key]: evt.target.value
41
- });
42
- };
43
- const addonBefore = React.createElement(Select, Object.assign({
44
- value: key,
45
- onChange: onKeyChange,
46
- style: Object.assign({
47
- width: '120px'
48
- }, addonBeforeStyle),
49
- dropdownMatchSelectWidth: false
50
- }, selectProps || {}), items.map(({
51
- label,
52
- value
53
- }) => React.createElement(Option, {
54
- key: value,
55
- value: value
56
- }, label)));
57
- const getInputValue = () => {
58
- return _get(inputProps.value, key);
59
- };
60
- useEffect(() => {
61
- setItems(options);
62
- setKey(getInitialKey());
63
- }, [options, inputProps.value]);
64
- return React.createElement(Input, Object.assign({}, inputProps, {
65
- value: getInputValue(),
66
- addonBefore: addonBefore,
67
- onChange: onChange
68
- }));
69
- });
@@ -1 +0,0 @@
1
- {"version":3,"file":"SelectInput.js","sourceRoot":"","sources":["../../../src/query-form-v2/Field/SelectInput.js"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAE5B,OAAO,MAAM,MAAM,cAAc,CAAA;AACjC,OAAO,KAAK,MAAM,aAAa,CAAA;AAE/B,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,CAAA;AAEzB,eAAe,CAAC,KAAK,EAAE,EAAE;IACvB,MAAM,EAAE,OAAO,GAAG,EAAE,EAAE,gBAAgB,EAAE,WAAW,KAAmB,KAAK,EAApB,UAAU,UAAK,KAAK,EAArE,8CAA6D,CAAQ,CAAA;IAC3E,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAA;IAC3C,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,IAAI,GAAG,GAAG,GAAG,CAAC,OAAO,EAAE,SAAS,CAAC,CAAA;QAEjC,IAAI,UAAU,CAAC,KAAK,EAAE;YACpB,GAAG,GAAG,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC,IAAI,GAAG,CAAA;SACrD;QAED,OAAO,GAAG,CAAA;IACZ,CAAC,CAAA;IACD,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,QAAQ,CAAC,aAAa,EAAE,CAAC,CAAA;IAC/C,MAAM,WAAW,GAAG,CAAC,GAAG,EAAE,EAAE;QAC1B,MAAM,CAAC,GAAG,CAAC,CAAA;QACX,KAAK,CAAC,QAAQ,CAAC;YACb,CAAC,GAAG,CAAC,EAAE,EAAE;SACV,CAAC,CAAA;IACJ,CAAC,CAAA;IACD,MAAM,QAAQ,GAAG,CAAC,GAAG,EAAE,EAAE;QACvB,KAAK,CAAC,QAAQ,CAAC;YACb,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,KAAK;SACxB,CAAC,CAAA;IACJ,CAAC,CAAA;IACD,MAAM,WAAW,GAAG,CAClB,oBAAC,MAAM,kBACL,KAAK,EAAE,GAAG,EACV,QAAQ,EAAE,WAAW,EACrB,KAAK,kBACH,KAAK,EAAE,OAAO,IACX,gBAAgB,GAErB,wBAAwB,EAAE,KAAK,IAC3B,CAAC,WAAW,IAAE,EAAE,CAAC,GAEpB,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAC/B,oBAAC,MAAM,IAAC,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,IAC7B,KAAK,CACC,CACV,CAAC,CACK,CACV,CAAA;IACD,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,OAAO,GAAG,CAAC,UAAU,CAAC,KAAK,EAAE,GAAG,CAAC,CAAA;IACnC,CAAC,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,OAAO,CAAC,CAAA;QACjB,MAAM,CAAC,aAAa,EAAE,CAAC,CAAA;IACzB,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC,CAAA;IAE/B,OAAO,CACL,oBAAC,KAAK,oBAAK,UAAU,IAAE,KAAK,EAAE,aAAa,EAAE,EAAE,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,IAAI,CAChG,CAAA;AACH,CAAC,CAAA","sourcesContent":["import React, { useState, useEffect } from 'react'\nimport { get } from 'lodash'\n\nimport Select from '../../select'\nimport Input from '../../input'\n\nconst { Option } = Select\n\nexport default (props) => {\n const { options = [], addonBeforeStyle, selectProps,...inputProps } = props\n const [items, setItems] = useState(options)\n const getInitialKey = () => {\n let key = get(options, '0.value')\n\n if (inputProps.value) {\n key = get(Object.keys(inputProps.value), '0') || key\n }\n\n return key\n }\n const [key, setKey] = useState(getInitialKey())\n const onKeyChange = (key) => {\n setKey(key)\n props.onChange({\n [key]: '',\n })\n }\n const onChange = (evt) => {\n props.onChange({\n [key]: evt.target.value,\n })\n }\n const addonBefore = (\n <Select\n value={key}\n onChange={onKeyChange}\n style={{\n width: '120px',\n ...addonBeforeStyle,\n }}\n dropdownMatchSelectWidth={false}\n {...(selectProps||{})}\n >\n {items.map(({ label, value }) => (\n <Option key={value} value={value}>\n {label}\n </Option>\n ))}\n </Select>\n )\n const getInputValue = () => {\n return get(inputProps.value, key)\n }\n\n useEffect(() => {\n setItems(options)\n setKey(getInitialKey())\n }, [options, inputProps.value])\n\n return (\n <Input {...inputProps} value={getInputValue()} addonBefore={addonBefore} onChange={onChange} />\n )\n}\n"]}
@@ -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,
19
- input: Input,
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-v2/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;IACb,KAAK,EAAE,KAAK;IACZ,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,\n input: Input,\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,116 +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
- value: value
83
- }, isInput(type) ? {
84
- onPressEnter: evt => {
85
- var _a;
86
- return form.emit('search', {
87
- [name]: (_a = evt === null || evt === void 0 ? void 0 : evt.target) === null || _a === void 0 ? void 0 : _a.value,
88
- current: 1
89
- });
90
- },
91
- onSearch: value => form.emit('search', {
92
- [name]: value,
93
- current: 1
94
- })
95
- } : {}, fieldProps, {
96
- style: Object.assign(Object.assign({}, fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.style), {
97
- width: isFieldInDrawer ? '100%' : ((_a = fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.style) === null || _a === void 0 ? void 0 : _a.width) || getFieldWidth(type)
98
- }),
99
- onChange: this.onChange
100
- })));
101
- }
102
- componentDidMount() {
103
- const {
104
- form
105
- } = this.props;
106
- form.on('setValue', this.updateValue);
107
- form.on('setValues', this.onFormChange);
108
- }
109
- componentWillUnmount() {
110
- const {
111
- form
112
- } = this.props;
113
- form.off('setValue', this.updateValue);
114
- form.off('setValues', this.onFormChange);
115
- }
116
- }
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/query-form-v2/Field/index.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAC5C,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,SAAS,EAAE,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAEtD,OAAO,IAAI,MAAM,YAAY,CAAA;AAE7B,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAA;AAE1B,MAAM,OAAO,GAAG,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,aAAa,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;AAErF,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,aAAa;IAC9C,YAAY,KAAK;QACf,KAAK,CAAC,KAAK,CAAC,CAAA;QA2Cd;;;;mBAAc,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;gBAC5B,IAAI,IAAI,KAAK,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE;oBAC5B,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAA;oBACxB,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;iBACjC;YACH,CAAC;WAAA;QAED;;;;mBAAW,CAAC,GAAG,IAAI,EAAE,EAAE;gBACrB,MAAM,EAAE,IAAI,EAAE,IAAI,GAAG,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;gBACzE,MAAM,EAAE,QAAQ,EAAE,GAAG,UAAU,IAAI,EAAE,CAAA;gBAErC,QAAQ,IAAI,QAAQ,CAAC,GAAG,IAAI,CAAC,CAAA;gBAE7B,qCAAqC;gBACrC,IAAI,CAAC,SAAS,IAAI,OAAO,CAAC,IAAI,CAAC,EAAE;oBAC/B,IAAI,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,cAAc,CAAC,CAAA;iBACvC;gBAED,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAA;gBACjC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAA;YACpC,CAAC;WAAA;QAED;;;;mBAAe,CAAC,QAAQ,EAAE,EAAE;gBAC1B,IAAI,CAAC,QAAQ,CAAC;oBACZ,KAAK,EAAE,GAAG,CAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;iBACtC,CAAC,CAAA;YACJ,CAAC;WAAA;QAnEC,IAAI,CAAC,KAAK,GAAG;YACX,KAAK,EAAE,KAAK,CAAC,YAAY;SAC1B,CAAA;IACH,CAAC;IAED,MAAM;;QACJ,MAAM,EACJ,IAAI,GAAG,OAAO,EACd,KAAK,EACL,IAAI,EACJ,eAAe,GAAG,KAAK,EACvB,SAAS,GAAG,EAAE,EACd,SAAS,EACT,IAAI,EACJ,KAAK,EAAE,UAAU,GAClB,GAAG,IAAI,CAAC,KAAK,CAAA;QACd,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QAC5B,MAAM,KAAK,GAAG,SAAS,IAAI,SAAS,CAAC,IAAI,CAAC,CAAA;QAE1C,OAAO,CACL,oBAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS;YAC1C,oBAAC,KAAK,kBACJ,KAAK,EAAE,KAAK,IACR,CAAC,OAAO,CAAC,IAAI,CAAC;gBAChB,CAAC,CAAC;oBACA,YAAY,EAAE,CAAC,GAAG,EAAE,EAAE,WACpB,OAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,MAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,MAAM,0CAAE,KAAK,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAA,EAAA;oBACjE,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC;iBACxE;gBACD,CAAC,CAAC,EAAE,CAAC,EACH,UAAU,IACd,KAAK,kCACA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,KACpB,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAA,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,0CAAE,KAAK,KAAI,aAAa,CAAC,IAAI,CAAC,KAEnF,QAAQ,EAAE,IAAI,CAAC,QAAQ,IACvB,CACO,CACZ,CAAA;IACH,CAAC;IA8BD,iBAAiB;QACf,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QAE3B,IAAI,CAAC,EAAE,CAAC,UAAU,EAAE,IAAI,CAAC,WAAW,CAAC,CAAA;QACrC,IAAI,CAAC,EAAE,CAAC,WAAW,EAAE,IAAI,CAAC,YAAY,CAAC,CAAA;IACzC,CAAC;IAED,oBAAoB;QAClB,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QAE3B,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,IAAI,CAAC,WAAW,CAAC,CAAA;QACtC,IAAI,CAAC,GAAG,CAAC,WAAW,EAAE,IAAI,CAAC,YAAY,CAAC,CAAA;IAC1C,CAAC;CACF","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 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-v2/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,355 +0,0 @@
1
- import _debounce from "lodash/debounce";
2
- import classnames from 'classnames';
3
- import React, { createRef } from 'react';
4
- import createActions from './createActions';
5
- import Field from './Field';
6
- import useForm from './useForm';
7
- import Badge from '../badge';
8
- import Button from '../button';
9
- import Drawer from '../drawer';
10
- import Form from '../form';
11
- import { getLanguage, getText } from '../prev-locale';
12
- import Icon from '../tntd-icon';
13
- import './index.less';
14
- const clsPrefix = 'tnt-queryform';
15
- class QueryForm extends React.PureComponent {
16
- constructor(props) {
17
- super(props);
18
- Object.defineProperty(this, "onWindowResize", {
19
- enumerable: true,
20
- configurable: true,
21
- writable: true,
22
- value: _debounce(() => {
23
- const {
24
- current
25
- } = this.fieldsRef;
26
- if (current) {
27
- setTimeout(() => {
28
- this.setState({
29
- showMore: this.isFieldsWidthOverflow()
30
- });
31
- }, 25);
32
- }
33
- }, 50)
34
- });
35
- Object.defineProperty(this, "search", {
36
- enumerable: true,
37
- configurable: true,
38
- writable: true,
39
- value: params => {
40
- this.props.onSearch(Object.assign(Object.assign({}, this.form.getValues()), params));
41
- }
42
- });
43
- Object.defineProperty(this, "onSearch", {
44
- enumerable: true,
45
- configurable: true,
46
- writable: true,
47
- value: () => {
48
- var _a, _b;
49
- (_b = (_a = this.props).onSearch) === null || _b === void 0 ? void 0 : _b.call(_a, this.form.getValues());
50
- }
51
- });
52
- Object.defineProperty(this, "onReset", {
53
- enumerable: true,
54
- configurable: true,
55
- writable: true,
56
- value: () => {
57
- const {
58
- initialValues,
59
- onReset
60
- } = this.props;
61
- this.form.setValues(Object.assign({}, initialValues));
62
- this.updateDrawerFieldsValueCount();
63
- onReset === null || onReset === void 0 ? void 0 : onReset(initialValues);
64
- }
65
- });
66
- Object.defineProperty(this, "onToggleExpand", {
67
- enumerable: true,
68
- configurable: true,
69
- writable: true,
70
- value: () => {
71
- var _a, _b;
72
- this.setState({
73
- expanded: !this.state.expanded
74
- });
75
- (_b = (_a = this.props).onToggleExpand) === null || _b === void 0 ? void 0 : _b.call(_a, !this.state.expanded);
76
- }
77
- });
78
- Object.defineProperty(this, "onShowDrawer", {
79
- enumerable: true,
80
- configurable: true,
81
- writable: true,
82
- value: () => {
83
- this.setState({
84
- drawerVisible: true
85
- });
86
- }
87
- });
88
- Object.defineProperty(this, "onFieldChange", {
89
- enumerable: true,
90
- configurable: true,
91
- writable: true,
92
- value: (name, value, ...rest) => {
93
- const values = this.form.getValues();
94
- const newValues = Object.assign(Object.assign({}, values), {
95
- [name]: value
96
- });
97
- const changedInfo = {
98
- name,
99
- value,
100
- preValue: values === null || values === void 0 ? void 0 : values[name]
101
- };
102
- const {
103
- onChange
104
- } = this.props;
105
- this.form.setData('values', newValues);
106
- onChange && onChange(newValues, changedInfo, ...rest);
107
- this.updateDrawerFieldsValueCount(newValues);
108
- }
109
- });
110
- Object.defineProperty(this, "updateDrawerFieldsValueCount", {
111
- enumerable: true,
112
- configurable: true,
113
- writable: true,
114
- value: () => {
115
- const values = this.form.getValues();
116
- const {
117
- showFieldCount,
118
- children
119
- } = this.props;
120
- if (showFieldCount) {
121
- const drawerFieldsValueCount = children.reduce((acc, cur, index) => {
122
- var _a;
123
- if (index >= showFieldCount && (values === null || values === void 0 ? void 0 : values[(_a = cur === null || cur === void 0 ? void 0 : cur.props) === null || _a === void 0 ? void 0 : _a.name])) {
124
- acc++;
125
- }
126
- return acc;
127
- }, 0);
128
- if (drawerFieldsValueCount !== this.state.drawerFieldsValueCount) {
129
- this.setState({
130
- drawerFieldsValueCount
131
- });
132
- }
133
- }
134
- }
135
- });
136
- Object.defineProperty(this, "addResizeListener", {
137
- enumerable: true,
138
- configurable: true,
139
- writable: true,
140
- value: () => {
141
- if ('ResizeObserver' in window) {
142
- const {
143
- current
144
- } = this.fieldsRef;
145
- if (current) {
146
- const observer = new ResizeObserver(this.onWindowResize);
147
- observer.observe(current);
148
- return () => observer.disconnect();
149
- }
150
- } else {
151
- window.addEventListener('resize', this.onWindowResize);
152
- return () => window.removeEventListener('resize', this.onWindowResize);
153
- }
154
- }
155
- });
156
- const {
157
- form,
158
- initialValues,
159
- showExpand = true,
160
- renderActions,
161
- defaultExpanded
162
- } = props;
163
- this.state = {
164
- showMore: false,
165
- expanded: defaultExpanded || !showExpand || renderActions ? true : false,
166
- drawerVisible: false,
167
- drawerFieldsValueCount: 0
168
- };
169
- this.fieldsRef = createRef();
170
- this.formBoxRef = createRef();
171
- this.form = form || createActions();
172
- this.form.setData('initialValues', initialValues);
173
- this.form.setData('values', Object.assign({}, initialValues));
174
- }
175
- render() {
176
- const {
177
- children,
178
- className = '',
179
- initialValues = {},
180
- renderActions,
181
- showSearch = true,
182
- showReset = true,
183
- showFieldCount,
184
- drawerProps = {},
185
- size
186
- } = this.props;
187
- const extraActions = this.props.extraActions;
188
- const {
189
- expanded,
190
- showMore,
191
- drawerVisible,
192
- drawerFieldsValueCount
193
- } = this.state;
194
- const renderFormActions = renderActions || (() => React.createElement(React.Fragment, null, showFieldCount && React.createElement(Badge, {
195
- count: drawerFieldsValueCount
196
- }, React.createElement(Button, {
197
- onClick: this.onShowDrawer
198
- }, React.createElement(Icon, {
199
- type: "filter"
200
- }), this.getText('moreFiltering'))), showSearch && React.createElement(Button, {
201
- type: "primary",
202
- onClick: this.onSearch
203
- }, this.getText('search')), showReset && React.createElement(Button, {
204
- onClick: this.onReset
205
- }, this.getText('reset')), showMore && !showFieldCount && React.createElement(Button, {
206
- className: "expand-link",
207
- type: "link",
208
- onClick: this.onToggleExpand
209
- }, this.getText(expanded ? 'collapse' : 'expand')), React.Children.map(children, child => {
210
- var _a;
211
- return child && ((_a = child === null || child === void 0 ? void 0 : child.props) === null || _a === void 0 ? void 0 : _a.align) === 'right' && React.cloneElement(child);
212
- })));
213
- return React.createElement("div", {
214
- ref: this.formBoxRef,
215
- className: classnames(clsPrefix, {
216
- [className]: className
217
- })
218
- }, React.createElement(Form, {
219
- layout: "inline",
220
- className: classnames({
221
- expanded: !showMore || expanded,
222
- showMore
223
- })
224
- }, React.createElement("div", {
225
- ref: this.fieldsRef
226
- }, React.Children.map(children, (child, index) => {
227
- var _a, _b;
228
- return child && ((_a = child === null || child === void 0 ? void 0 : child.props) === null || _a === void 0 ? void 0 : _a.align) !== 'right' && (!showFieldCount || showFieldCount > index) && React.cloneElement(child, {
229
- form: this.form,
230
- initialValue: initialValues === null || initialValues === void 0 ? void 0 : initialValues[(_b = child.props) === null || _b === void 0 ? void 0 : _b.name],
231
- onChange: this.onFieldChange
232
- });
233
- })), React.createElement("div", {
234
- className: `${clsPrefix}-actions`
235
- }, renderFormActions()), showFieldCount && React.createElement(Drawer, Object.assign({
236
- title: this.getText('moreFiltering'),
237
- visible: drawerVisible,
238
- onClose: () => this.setState({
239
- drawerVisible: false
240
- }),
241
- width: 300,
242
- size: size,
243
- getContainer: false
244
- }, drawerProps, {
245
- className: classnames(`${clsPrefix}-drawer`, {
246
- 'large-size': size === 'large',
247
- [className]: className
248
- })
249
- }), React.Children.map(children, (child, index) => child && index >= showFieldCount && React.cloneElement(child, {
250
- form: this.form,
251
- isFieldInDrawer: true,
252
- initialValue: initialValues === null || initialValues === void 0 ? void 0 : initialValues[child.props.name],
253
- onChange: this.onFieldChange,
254
- onSearch: this.onSearch
255
- })), React.createElement(Button, {
256
- type: "primary",
257
- onClick: this.onSearch
258
- }, this.getText('search')), React.createElement(Button, {
259
- onClick: this.onReset
260
- }, this.getText('reset')))), extraActions && React.createElement("div", {
261
- className: `${clsPrefix}-extra`
262
- }, extraActions));
263
- }
264
- getText(key) {
265
- return getText(key, this.props.language || getLanguage());
266
- }
267
- isFieldsWidthOverflow() {
268
- const {
269
- current
270
- } = this.fieldsRef;
271
- if (current) {
272
- return parseFloat(window.getComputedStyle(current).width, 10) < [].reduce.call(current.children, (acc, cur) => {
273
- const {
274
- margin,
275
- width
276
- } = window.getComputedStyle(cur);
277
- const marginArray = margin.split(' ').map(str => parseFloat(str, 10));
278
- acc += parseFloat(width, 10) + marginArray[1];
279
- return acc;
280
- }, 0);
281
- }
282
- return false;
283
- }
284
- updateFieldHeight() {
285
- var _a, _b, _c;
286
- const {
287
- formBoxRef,
288
- fieldsRef
289
- } = this;
290
- const getFieldHeight = () => {
291
- var _a;
292
- const {
293
- current
294
- } = fieldsRef;
295
- let height = '32px';
296
- if (current && ((_a = current.children) === null || _a === void 0 ? void 0 : _a[0])) {
297
- height = window.getComputedStyle(current.children[0]).height;
298
- }
299
- return height;
300
- };
301
- const queryFormActionsDom = (_a = formBoxRef === null || formBoxRef === void 0 ? void 0 : formBoxRef.current) === null || _a === void 0 ? void 0 : _a.querySelector(`.${clsPrefix}-actions`);
302
- const queryFormExtraDom = (_b = formBoxRef === null || formBoxRef === void 0 ? void 0 : formBoxRef.current) === null || _b === void 0 ? void 0 : _b.querySelector(`.${clsPrefix}-extra`);
303
- const formItemsDomList = (_c = fieldsRef === null || fieldsRef === void 0 ? void 0 : fieldsRef.current) === null || _c === void 0 ? void 0 : _c.querySelectorAll('.ant-form-item-control');
304
- const fieldHeight = getFieldHeight();
305
- fieldsRef.current.style.height = fieldHeight;
306
- [queryFormActionsDom, queryFormExtraDom].forEach(item => {
307
- item && Object.assign(item.style, {
308
- height: fieldHeight,
309
- lineHeight: fieldHeight
310
- });
311
- });
312
- [].forEach.call(formItemsDomList, item => {
313
- item.style.lineHeight = fieldHeight;
314
- });
315
- }
316
- componentDidMount() {
317
- const {
318
- current
319
- } = this.fieldsRef;
320
- const {
321
- showFieldCount,
322
- showExpand = true
323
- } = this.props;
324
- this.updateFieldHeight();
325
- this.form.on('search', this.search);
326
- // 未设置第一行显示数量且禁止了展开操作 或 自定义了操作区域,则不需要处理展开计算逻辑
327
- // || renderActions
328
- if (!showFieldCount && !showExpand) {
329
- return;
330
- }
331
- if (!showFieldCount) {
332
- if (current && this.isFieldsWidthOverflow()) {
333
- this.setState({
334
- showMore: true
335
- });
336
- }
337
- this.removeResizeListener = this.addResizeListener();
338
- } else {
339
- this.updateDrawerFieldsValueCount();
340
- this.form.on('setValues', this.updateDrawerFieldsValueCount);
341
- this.form.on('setValue', this.updateDrawerFieldsValueCount);
342
- }
343
- }
344
- componentWillUnmount() {
345
- var _a;
346
- (_a = this.removeResizeListener) === null || _a === void 0 ? void 0 : _a.call(this);
347
- this.form.off('setValues', this.updateDrawerFieldsValueCount);
348
- this.form.off('setValue', this.updateDrawerFieldsValueCount);
349
- this.form.off('search', this.search);
350
- }
351
- }
352
- QueryForm.Field = Field;
353
- QueryForm.useForm = useForm;
354
- QueryForm.createForm = createActions;
355
- export default QueryForm;