tntd 3.0.31 → 3.0.32
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.
- package/CHANGELOG.json +1034 -0
- package/CHANGELOG.md +605 -0
- package/es/checkbox/checkbox-group.js +5 -0
- package/es/checkbox/checkbox-group.js.map +1 -0
- package/es/query-form/Field/Composition/FieldPopover.js +9 -6
- package/es/query-form/Field/Composition/FieldPopover.js.map +1 -1
- package/es/query-form/Field/Composition/ValueTag.js +5 -4
- package/es/query-form/Field/Composition/ValueTag.js.map +1 -1
- package/es/query-form/Field/Composition/index.js +2 -11
- package/es/query-form/Field/Composition/index.js.map +1 -1
- package/es/query-form/Field/Composition/utils.js +7 -5
- package/es/query-form/Field/Composition/utils.js.map +1 -1
- package/es/radio/radio-group.js +5 -0
- package/es/radio/radio-group.js.map +1 -0
- package/es/steps/stepStyle/small.less +5 -0
- package/es/table/resizableTable/index.less +1 -1
- package/es/tntd-rc-select/style/index.less +27 -19
- package/es/tntd-virtual-tree/index.js +21 -14
- package/es/tntd-virtual-tree/index.js.map +1 -1
- package/es/tntd-virtual-tree/index.less +10 -7
- package/es/tntd-virtual-tree-select/index.js +2 -2
- package/es/tntd-virtual-tree-select/index.js.map +1 -1
- package/es/tntd-virtual-tree-select/index.less +0 -17
- package/es/tntd-virtual-tree-select/utils.js +2 -2
- package/es/tntd-virtual-tree-select/utils.js.map +1 -1
- package/lib/checkbox/checkbox-group.d.ts +8 -0
- package/lib/checkbox/checkbox-group.d.ts.map +1 -0
- package/lib/checkbox/checkbox-group.js +12 -0
- package/lib/checkbox/checkbox-group.js.map +1 -0
- package/lib/query-form/Field/Composition/FieldPopover.js +9 -11
- package/lib/query-form/Field/Composition/FieldPopover.js.map +1 -1
- package/lib/query-form/Field/Composition/ValueTag.d.ts.map +1 -1
- package/lib/query-form/Field/Composition/ValueTag.js +5 -6
- package/lib/query-form/Field/Composition/ValueTag.js.map +1 -1
- package/lib/query-form/Field/Composition/index.d.ts +0 -1
- package/lib/query-form/Field/Composition/index.js +2 -11
- package/lib/query-form/Field/Composition/index.js.map +1 -1
- package/lib/query-form/Field/Composition/utils.d.ts +1 -0
- package/lib/query-form/Field/Composition/utils.d.ts.map +1 -1
- package/lib/query-form/Field/Composition/utils.js +7 -7
- package/lib/query-form/Field/Composition/utils.js.map +1 -1
- package/lib/radio/radio-group.d.ts +8 -0
- package/lib/radio/radio-group.d.ts.map +1 -0
- package/lib/radio/radio-group.js +12 -0
- package/lib/radio/radio-group.js.map +1 -0
- package/lib/steps/stepStyle/small.less +5 -0
- package/lib/table/resizableTable/index.less +1 -1
- package/lib/tntd-rc-select/style/index.less +27 -19
- package/lib/tntd-virtual-tree/index.d.ts +1 -1
- package/lib/tntd-virtual-tree/index.d.ts.map +1 -1
- package/lib/tntd-virtual-tree/index.js +23 -14
- package/lib/tntd-virtual-tree/index.js.map +1 -1
- package/lib/tntd-virtual-tree/index.less +10 -7
- package/lib/tntd-virtual-tree-select/index.d.ts +1 -1
- package/lib/tntd-virtual-tree-select/index.js +2 -3
- package/lib/tntd-virtual-tree-select/index.js.map +1 -1
- package/lib/tntd-virtual-tree-select/index.less +0 -17
- package/lib/tntd-virtual-tree-select/utils.js +2 -2
- package/lib/tntd-virtual-tree-select/utils.js.map +1 -1
- package/package.json +2 -2
- package/es/query-form/Field/Composition/FieldPopover.less +0 -35
- package/es/query-form/Field/Composition/index.less +0 -144
- package/es/query-form-v2/index.less +0 -133
- package/es/scroll-bar/scrollBar.less +0 -59
- package/lib/query-form/Field/Composition/FieldPopover.less +0 -35
- package/lib/query-form/Field/Composition/index.less +0 -144
- package/lib/query-form-v2/Field/Checkbox.d.ts +0 -8
- package/lib/query-form-v2/Field/Checkbox.d.ts.map +0 -1
- package/lib/query-form-v2/Field/Checkbox.js +0 -28
- package/lib/query-form-v2/Field/Checkbox.js.map +0 -1
- package/lib/query-form-v2/Field/Select.d.ts +0 -4
- package/lib/query-form-v2/Field/Select.d.ts.map +0 -1
- package/lib/query-form-v2/Field/Select.js +0 -80
- package/lib/query-form-v2/Field/Select.js.map +0 -1
- package/lib/query-form-v2/Field/SelectInput.d.ts +0 -4
- package/lib/query-form-v2/Field/SelectInput.d.ts.map +0 -1
- package/lib/query-form-v2/Field/SelectInput.js +0 -88
- package/lib/query-form-v2/Field/SelectInput.js.map +0 -1
- package/lib/query-form-v2/Field/fieldsMap.d.ts +0 -24
- package/lib/query-form-v2/Field/fieldsMap.d.ts.map +0 -1
- package/lib/query-form-v2/Field/fieldsMap.js +0 -35
- package/lib/query-form-v2/Field/fieldsMap.js.map +0 -1
- package/lib/query-form-v2/Field/index.d.ts +0 -14
- package/lib/query-form-v2/Field/index.d.ts.map +0 -1
- package/lib/query-form-v2/Field/index.js +0 -146
- package/lib/query-form-v2/Field/index.js.map +0 -1
- package/lib/query-form-v2/createActions.d.ts +0 -14
- package/lib/query-form-v2/createActions.d.ts.map +0 -1
- package/lib/query-form-v2/createActions.js +0 -54
- package/lib/query-form-v2/createActions.js.map +0 -1
- package/lib/query-form-v2/index.d.ts +0 -39
- package/lib/query-form-v2/index.d.ts.map +0 -1
- package/lib/query-form-v2/index.js +0 -391
- package/lib/query-form-v2/index.js.map +0 -1
- package/lib/query-form-v2/index.less +0 -133
- package/lib/query-form-v2/useForm.d.ts +0 -13
- package/lib/query-form-v2/useForm.d.ts.map +0 -1
- package/lib/query-form-v2/useForm.js +0 -13
- package/lib/query-form-v2/useForm.js.map +0 -1
- package/lib/query-form-v3/Field/Checkbox.d.ts +0 -8
- package/lib/query-form-v3/Field/Checkbox.d.ts.map +0 -1
- package/lib/query-form-v3/Field/Checkbox.js +0 -28
- package/lib/query-form-v3/Field/Checkbox.js.map +0 -1
- package/lib/query-form-v3/Field/Composition/FieldPopover.d.ts +0 -19
- package/lib/query-form-v3/Field/Composition/FieldPopover.d.ts.map +0 -1
- package/lib/query-form-v3/Field/Composition/FieldPopover.js +0 -381
- package/lib/query-form-v3/Field/Composition/FieldPopover.js.map +0 -1
- package/lib/query-form-v3/Field/Composition/FieldPopover.less +0 -35
- package/lib/query-form-v3/Field/Composition/Select.d.ts +0 -4
- package/lib/query-form-v3/Field/Composition/Select.d.ts.map +0 -1
- package/lib/query-form-v3/Field/Composition/Select.js +0 -131
- package/lib/query-form-v3/Field/Composition/Select.js.map +0 -1
- package/lib/query-form-v3/Field/Composition/index.d.ts +0 -10
- package/lib/query-form-v3/Field/Composition/index.d.ts.map +0 -1
- package/lib/query-form-v3/Field/Composition/index.js +0 -255
- package/lib/query-form-v3/Field/Composition/index.js.map +0 -1
- package/lib/query-form-v3/Field/Composition/index.less +0 -118
- package/lib/query-form-v3/Field/Composition/utils.d.ts +0 -22
- package/lib/query-form-v3/Field/Composition/utils.d.ts.map +0 -1
- package/lib/query-form-v3/Field/Composition/utils.js +0 -147
- package/lib/query-form-v3/Field/Composition/utils.js.map +0 -1
- package/lib/query-form-v3/Field/Select.d.ts +0 -4
- package/lib/query-form-v3/Field/Select.d.ts.map +0 -1
- package/lib/query-form-v3/Field/Select.js +0 -80
- package/lib/query-form-v3/Field/Select.js.map +0 -1
- package/lib/query-form-v3/Field/SelectInput.d.ts +0 -4
- package/lib/query-form-v3/Field/SelectInput.d.ts.map +0 -1
- package/lib/query-form-v3/Field/SelectInput.js +0 -100
- package/lib/query-form-v3/Field/SelectInput.js.map +0 -1
- package/lib/query-form-v3/Field/fieldsMap.d.ts +0 -27
- package/lib/query-form-v3/Field/fieldsMap.d.ts.map +0 -1
- package/lib/query-form-v3/Field/fieldsMap.js +0 -35
- package/lib/query-form-v3/Field/fieldsMap.js.map +0 -1
- package/lib/query-form-v3/Field/index.d.ts +0 -14
- package/lib/query-form-v3/Field/index.d.ts.map +0 -1
- package/lib/query-form-v3/Field/index.js +0 -147
- package/lib/query-form-v3/Field/index.js.map +0 -1
- package/lib/query-form-v3/createActions.d.ts +0 -14
- package/lib/query-form-v3/createActions.d.ts.map +0 -1
- package/lib/query-form-v3/createActions.js +0 -54
- package/lib/query-form-v3/createActions.js.map +0 -1
- package/lib/query-form-v3/index.d.ts +0 -27
- package/lib/query-form-v3/index.d.ts.map +0 -1
- package/lib/query-form-v3/index.js +0 -206
- package/lib/query-form-v3/index.js.map +0 -1
- package/lib/query-form-v3/index.less +0 -91
- package/lib/query-form-v3/useForm.d.ts +0 -13
- package/lib/query-form-v3/useForm.d.ts.map +0 -1
- package/lib/query-form-v3/useForm.js +0 -13
- package/lib/query-form-v3/useForm.js.map +0 -1
- package/lib/scroll-bar/scrollBar.less +0 -59
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/query-form-v3/Field/Composition/Select.js"],"names":[],"mappings":"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","sourcesContent":["import React, { useState, useEffect } from 'react'\nimport { isArray } from 'lodash'\nimport classNames from 'classnames'\nimport Icon from '../../../icon'\nimport { highlightSubstring, formatLabel } from './utils'\n\nexport default (props) => {\n const {\n options,\n params,\n queryKey = 'name',\n fieldNames = {\n label: 'label',\n value: 'value',\n },\n loadData,\n onChange,\n value: _value,\n mode,\n propItem,\n searchText,\n ...rest\n } = props\n const [items, setItems] = useState(options || [])\n\n useEffect(() => {\n if (loadData) {\n loadData({\n [queryKey]: searchText,\n ...(params || {}),\n }).then((items) => {\n setItems(items)\n })\n }\n }, [params, searchText])\n\n useEffect(() => {\n setItems(options || [])\n }, [options])\n\n const onValueChange = (item) => {\n onChange(item, mode === 'multiple' || mode === 'tags')\n }\n\n return (\n <ul className=\"ant-select-dropdown-menu\">\n {items.map((item) => {\n const labelKey = fieldNames?.label || 'label'\n const valueKey = fieldNames?.value || 'value'\n const value = item instanceof Object ? item[valueKey] : item\n const label = item instanceof Object ? item[labelKey] : item + ''\n const disabled = item instanceof Object ? item['disabled'] : false\n\n const isSelected = isArray(_value) ? _value?.indexOf(value) > -1 : value === _value\n if (searchText) {\n const isReactDom = React.isValidElement(label)\n const _label = isReactDom ? formatLabel(label) : label\n if (_label?.indexOf(searchText) > -1) {\n return (\n <li\n className={classNames({\n 'ant-select-dropdown-menu-item': true,\n 'ant-select-dropdown-menu-item-selected': isSelected,\n 'ant-select-dropdown-menu-item-disabled': disabled,\n })}\n key={value}\n value={value}\n onMouseDown={(e) => e.preventDefault()}\n onClick={() => {\n !disabled &&\n onValueChange({\n value,\n propItem,\n options: items,\n })\n }}\n >\n <span>{propItem?.propsTitle || propItem?.name}: </span>\n {isReactDom ? (\n <span>{label}</span>\n ) : (\n <span\n dangerouslySetInnerHTML={{\n __html: highlightSubstring(label, searchText),\n }}\n ></span>\n )}\n {isSelected && <Icon type=\"check\" className=\"ant-select-selected-icon\" />}\n </li>\n )\n }\n return null\n }\n return (\n <li\n className={classNames({\n 'ant-select-dropdown-menu-item': true,\n 'ant-select-dropdown-menu-item-selected': isSelected,\n 'ant-select-dropdown-menu-item-disabled': disabled,\n })}\n key={value}\n value={value}\n onMouseDown={(e) => e.preventDefault()}\n onClick={() => {\n !disabled && onValueChange({ value, options: items })\n }}\n >\n {label}\n {isSelected && <Icon type=\"check\" className=\"ant-select-selected-icon\" />}\n </li>\n )\n })}\n </ul>\n )\n}\n"]}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
declare var _default: React.ForwardRefExoticComponent<{
|
|
2
|
-
fieldItems: any;
|
|
3
|
-
initialValues: any;
|
|
4
|
-
onChange: any;
|
|
5
|
-
form: any;
|
|
6
|
-
clsPrefix: any;
|
|
7
|
-
} & React.RefAttributes<any>>;
|
|
8
|
-
export default _default;
|
|
9
|
-
import React from "react";
|
|
10
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/query-form-v3/Field/Composition/index.js"],"names":[],"mappings":""}
|
|
@@ -1,255 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports["default"] = void 0;
|
|
8
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
var _LocaleReceiver = _interopRequireDefault(require("antd/lib/locale-provider/LocaleReceiver"));
|
|
10
|
-
var _icon = _interopRequireDefault(require("../../../icon"));
|
|
11
|
-
var _tag = _interopRequireDefault(require("../../../tag"));
|
|
12
|
-
var _input = _interopRequireDefault(require("../../../input"));
|
|
13
|
-
var _FieldPopover = _interopRequireDefault(require("./FieldPopover"));
|
|
14
|
-
var _utils = require("./utils");
|
|
15
|
-
require("./index.less");
|
|
16
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
17
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
18
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
19
|
-
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
20
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
21
|
-
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
22
|
-
function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
|
|
23
|
-
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
24
|
-
function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
|
|
25
|
-
function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
|
|
26
|
-
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
27
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
28
|
-
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
29
|
-
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
30
|
-
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
31
|
-
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
32
|
-
/**
|
|
33
|
-
* @param value: [{
|
|
34
|
-
key: 'key1',
|
|
35
|
-
value: 'value1',
|
|
36
|
-
label: 'key1:value1'
|
|
37
|
-
}, {
|
|
38
|
-
key: 'key2',
|
|
39
|
-
value: ['value2', 'value3'],
|
|
40
|
-
label: 'key1:value2|value3'
|
|
41
|
-
}]
|
|
42
|
-
* @param {*} ref
|
|
43
|
-
* @returns
|
|
44
|
-
*/
|
|
45
|
-
var regex = /^.+:.*$/;
|
|
46
|
-
var CompositionInput = function CompositionInput(_ref, ref) {
|
|
47
|
-
var fieldItems = _ref.fieldItems,
|
|
48
|
-
initialValues = _ref.initialValues,
|
|
49
|
-
onChange = _ref.onChange,
|
|
50
|
-
form = _ref.form,
|
|
51
|
-
clsPrefix = _ref.clsPrefix;
|
|
52
|
-
var prefix = "".concat(clsPrefix, "-composition-input");
|
|
53
|
-
var _useState = (0, _react.useState)([]),
|
|
54
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
55
|
-
value = _useState2[0],
|
|
56
|
-
setValue = _useState2[1];
|
|
57
|
-
var _useState3 = (0, _react.useState)(),
|
|
58
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
59
|
-
tempItem = _useState4[0],
|
|
60
|
-
setTempItem = _useState4[1];
|
|
61
|
-
var _useState5 = (0, _react.useState)(''),
|
|
62
|
-
_useState6 = _slicedToArray(_useState5, 2),
|
|
63
|
-
searchText = _useState6[0],
|
|
64
|
-
setSearchText = _useState6[1];
|
|
65
|
-
var _useState7 = (0, _react.useState)(false),
|
|
66
|
-
_useState8 = _slicedToArray(_useState7, 2),
|
|
67
|
-
visible = _useState8[0],
|
|
68
|
-
setVisible = _useState8[1];
|
|
69
|
-
var _useState9 = (0, _react.useState)(undefined),
|
|
70
|
-
_useState10 = _slicedToArray(_useState9, 2),
|
|
71
|
-
fieldItem = _useState10[0],
|
|
72
|
-
setFieldItem = _useState10[1];
|
|
73
|
-
var _ref2 = fieldItem || {},
|
|
74
|
-
props = _ref2.props;
|
|
75
|
-
var inputRef = (0, _react.useRef)(null);
|
|
76
|
-
var widthRef = (0, _react.useRef)(null);
|
|
77
|
-
var fieldRef = (0, _react.useRef)(null);
|
|
78
|
-
var handleFocus = function handleFocus(e) {
|
|
79
|
-
var _a;
|
|
80
|
-
e.preventDefault();
|
|
81
|
-
(_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
82
|
-
if (!visible && !regex.test(searchText)) {
|
|
83
|
-
setVisible(true);
|
|
84
|
-
}
|
|
85
|
-
};
|
|
86
|
-
(0, _react.useImperativeHandle)(ref, function () {
|
|
87
|
-
return {
|
|
88
|
-
changeVal: function changeVal() {
|
|
89
|
-
return value;
|
|
90
|
-
}
|
|
91
|
-
};
|
|
92
|
-
});
|
|
93
|
-
(0, _react.useEffect)(function () {
|
|
94
|
-
if (initialValues) {
|
|
95
|
-
setValue((0, _utils.parseObjectToArray)(initialValues, fieldItems));
|
|
96
|
-
}
|
|
97
|
-
}, [fieldItems, form, initialValues]);
|
|
98
|
-
var onClear = function onClear(e) {
|
|
99
|
-
e.stopPropagation();
|
|
100
|
-
var initKeys = Object.keys(initialValues || {});
|
|
101
|
-
var deleteKeys = value === null || value === void 0 ? void 0 : value.filter(function (_ref3) {
|
|
102
|
-
var key = _ref3.key;
|
|
103
|
-
return !initKeys.includes(key);
|
|
104
|
-
}).map(function (_ref4) {
|
|
105
|
-
var key = _ref4.key;
|
|
106
|
-
return key;
|
|
107
|
-
});
|
|
108
|
-
setValue((0, _utils.parseObjectToArray)(initialValues || {}, fieldItems));
|
|
109
|
-
onChange(Object.assign({}, initialValues || {}), deleteKeys, true);
|
|
110
|
-
};
|
|
111
|
-
var onDelete = function onDelete(key, e) {
|
|
112
|
-
e.preventDefault();
|
|
113
|
-
if (value.length > 0) {
|
|
114
|
-
var newValue = value.filter(function (v) {
|
|
115
|
-
return v.key !== key;
|
|
116
|
-
});
|
|
117
|
-
setValue(newValue);
|
|
118
|
-
var deleteKeys = [key];
|
|
119
|
-
onChange((0, _utils.parseArrayToObject)(newValue), deleteKeys, true);
|
|
120
|
-
}
|
|
121
|
-
};
|
|
122
|
-
var handleFieldChange = function handleFieldChange(value, isInput, hasValue) {
|
|
123
|
-
if (isInput) {
|
|
124
|
-
setSearchText(value === null || value === void 0 ? void 0 : value.label);
|
|
125
|
-
setTempItem(value);
|
|
126
|
-
return;
|
|
127
|
-
}
|
|
128
|
-
setValue(value);
|
|
129
|
-
setSearchText('');
|
|
130
|
-
setTempItem();
|
|
131
|
-
if (hasValue) onChange((0, _utils.parseArrayToObject)(value), undefined, true);
|
|
132
|
-
};
|
|
133
|
-
// 输入框事件方法
|
|
134
|
-
var onInputChange = function onInputChange(e) {
|
|
135
|
-
var value = e.target.value;
|
|
136
|
-
if (tempItem) {
|
|
137
|
-
if (regex.test(value)) {
|
|
138
|
-
// 有输入值
|
|
139
|
-
setSearchText(value);
|
|
140
|
-
} else {
|
|
141
|
-
// 没有输入值, 清空选择的属性类型重新显示属性列表
|
|
142
|
-
setSearchText('');
|
|
143
|
-
setTempItem();
|
|
144
|
-
}
|
|
145
|
-
} else {
|
|
146
|
-
setSearchText(value);
|
|
147
|
-
}
|
|
148
|
-
};
|
|
149
|
-
var onPressEnter = function onPressEnter(e) {
|
|
150
|
-
var _a;
|
|
151
|
-
var inputValue = ((_a = searchText === null || searchText === void 0 ? void 0 : searchText.match(/[^:]+:(.*)/)) === null || _a === void 0 ? void 0 : _a[1]) || null;
|
|
152
|
-
if (tempItem && inputValue) {
|
|
153
|
-
setVisible(false);
|
|
154
|
-
tempItem.label = searchText;
|
|
155
|
-
tempItem.closable = true;
|
|
156
|
-
tempItem.value = inputValue; // 得到输入值
|
|
157
|
-
if (!(value === null || value === void 0 ? void 0 : value.find(function (v) {
|
|
158
|
-
return v.key === tempItem.key;
|
|
159
|
-
}))) {
|
|
160
|
-
var newValue = [].concat(_toConsumableArray(value), [tempItem]);
|
|
161
|
-
setValue(newValue);
|
|
162
|
-
onChange((0, _utils.parseArrayToObject)(newValue));
|
|
163
|
-
} else {
|
|
164
|
-
var _newValue = value.map(function (v) {
|
|
165
|
-
return v.key === tempItem.key ? tempItem : v;
|
|
166
|
-
});
|
|
167
|
-
setValue(_newValue);
|
|
168
|
-
onChange((0, _utils.parseArrayToObject)(_newValue));
|
|
169
|
-
}
|
|
170
|
-
e.target.value = inputValue;
|
|
171
|
-
form.emit('search', _defineProperty(_defineProperty({}, tempItem.key, inputValue), "current", 1));
|
|
172
|
-
(props === null || props === void 0 ? void 0 : props.onPressEnter) && props.onPressEnter(e);
|
|
173
|
-
}
|
|
174
|
-
setTempItem();
|
|
175
|
-
setSearchText('');
|
|
176
|
-
};
|
|
177
|
-
var handleTag = function handleTag(obj) {
|
|
178
|
-
var curItem = undefined;
|
|
179
|
-
for (var index = 0; index < fieldItems.length; index++) {
|
|
180
|
-
var item = fieldItems[index];
|
|
181
|
-
if (item.props.name === obj.key) {
|
|
182
|
-
curItem = item;
|
|
183
|
-
break;
|
|
184
|
-
}
|
|
185
|
-
}
|
|
186
|
-
fieldRef.current.onPropsClick(curItem.props);
|
|
187
|
-
};
|
|
188
|
-
return _react["default"].createElement(_LocaleReceiver["default"], {
|
|
189
|
-
componentName: "QueryForm"
|
|
190
|
-
}, function (locale) {
|
|
191
|
-
return _react["default"].createElement("div", {
|
|
192
|
-
className: prefix,
|
|
193
|
-
onClick: handleFocus
|
|
194
|
-
}, _react["default"].createElement("span", {
|
|
195
|
-
className: "".concat(prefix, "-width"),
|
|
196
|
-
ref: widthRef
|
|
197
|
-
}, searchText), _react["default"].createElement("ul", {
|
|
198
|
-
className: "".concat(prefix, "-items")
|
|
199
|
-
}, value && value.map(function (item, index) {
|
|
200
|
-
return _react["default"].createElement("li", {
|
|
201
|
-
key: index,
|
|
202
|
-
className: "".concat(prefix, "-items-item")
|
|
203
|
-
}, _react["default"].createElement(_tag["default"], {
|
|
204
|
-
closable: item.closable,
|
|
205
|
-
onClick: function onClick(e) {
|
|
206
|
-
e.preventDefault();
|
|
207
|
-
e.stopPropagation();
|
|
208
|
-
handleTag(item);
|
|
209
|
-
},
|
|
210
|
-
onClose: function onClose(e) {
|
|
211
|
-
return onDelete(item.key, e);
|
|
212
|
-
},
|
|
213
|
-
ellipsisOptions: {
|
|
214
|
-
widthLimit: '140px'
|
|
215
|
-
}
|
|
216
|
-
}, item === null || item === void 0 ? void 0 : item.label));
|
|
217
|
-
}), _react["default"].createElement("li", {
|
|
218
|
-
className: "".concat(prefix, "-items-input")
|
|
219
|
-
}, _react["default"].createElement(_FieldPopover["default"], {
|
|
220
|
-
ref: fieldRef,
|
|
221
|
-
onChange: handleFieldChange,
|
|
222
|
-
clsPrefix: clsPrefix,
|
|
223
|
-
fieldItems: fieldItems,
|
|
224
|
-
propItem: fieldItem,
|
|
225
|
-
setFieldItem: setFieldItem,
|
|
226
|
-
form: form,
|
|
227
|
-
regex: regex,
|
|
228
|
-
visible: visible,
|
|
229
|
-
value: value,
|
|
230
|
-
setVisible: setVisible,
|
|
231
|
-
searchText: searchText,
|
|
232
|
-
locale: locale,
|
|
233
|
-
placement: "bottomLeft"
|
|
234
|
-
}, _react["default"].createElement(_input["default"], Object.assign({
|
|
235
|
-
ref: inputRef,
|
|
236
|
-
value: searchText,
|
|
237
|
-
className: "inputClass",
|
|
238
|
-
placeholder: !(value === null || value === void 0 ? void 0 : value.length) ? locale.placeholder : undefined
|
|
239
|
-
}, props, {
|
|
240
|
-
onPressEnter: onPressEnter,
|
|
241
|
-
onChange: onInputChange
|
|
242
|
-
}))))), _react["default"].createElement("div", {
|
|
243
|
-
className: "".concat(prefix, "-prefix")
|
|
244
|
-
}, _react["default"].createElement(_icon["default"], {
|
|
245
|
-
type: "filter"
|
|
246
|
-
})), _react["default"].createElement("div", {
|
|
247
|
-
className: "".concat(prefix, "-clear")
|
|
248
|
-
}, _react["default"].createElement(_icon["default"], {
|
|
249
|
-
onClick: onClear,
|
|
250
|
-
type: "close-circle",
|
|
251
|
-
theme: "filled"
|
|
252
|
-
})));
|
|
253
|
-
});
|
|
254
|
-
};
|
|
255
|
-
var _default = exports["default"] = (0, _react.forwardRef)(CompositionInput);
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/query-form-v3/Field/Composition/index.js"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect, useState, useRef, useImperativeHandle, forwardRef } from 'react'\nimport LocaleReceiver from 'antd/lib/locale-provider/LocaleReceiver'\nimport Icon from '../../../icon'\nimport Tag from '../../../tag'\nimport Input from '../../../input'\nimport FieldPopover from './FieldPopover'\nimport { parseArrayToObject, parseObjectToArray } from './utils'\nimport './index.less'\n\n/**\n * @param value: [{\n key: 'key1',\n value: 'value1',\n label: 'key1:value1'\n }, {\n key: 'key2',\n value: ['value2', 'value3'],\n label: 'key1:value2|value3'\n }]\n * @param {*} ref \n * @returns \n */\nconst regex = /^.+:.*$/\n\nconst CompositionInput = ({ fieldItems, initialValues, onChange, form, clsPrefix }, ref) => {\n const prefix = `${clsPrefix}-composition-input`\n const [value, setValue] = useState([])\n const [tempItem, setTempItem] = useState()\n const [searchText, setSearchText] = useState('')\n const [visible, setVisible] = useState(false)\n const [fieldItem, setFieldItem] = useState(undefined)\n const { props } = fieldItem || {}\n\n const inputRef = useRef(null)\n const widthRef = useRef(null)\n const fieldRef = useRef(null)\n\n const handleFocus = (e) => {\n e.preventDefault()\n inputRef?.current?.focus()\n if (!visible && !regex.test(searchText)) {\n setVisible(true)\n }\n }\n useImperativeHandle(ref, () => ({\n changeVal: () => {\n return value\n },\n }))\n\n useEffect(() => {\n if (initialValues) {\n setValue(parseObjectToArray(initialValues, fieldItems))\n }\n }, [fieldItems, form, initialValues])\n\n const onClear = (e) => {\n e.stopPropagation()\n const initKeys = Object.keys(initialValues || {})\n const deleteKeys = value?.filter(({ key }) => !initKeys.includes(key)).map(({ key }) => key)\n setValue(parseObjectToArray(initialValues || {}, fieldItems))\n onChange({ ...(initialValues || {}) }, deleteKeys, true)\n }\n const onDelete = (key, e) => {\n e.preventDefault()\n if (value.length > 0) {\n const newValue = value.filter((v) => v.key !== key)\n setValue(newValue)\n const deleteKeys = [key]\n onChange(parseArrayToObject(newValue), deleteKeys, true)\n }\n }\n const handleFieldChange = (value, isInput, hasValue) => {\n if (isInput) {\n setSearchText(value?.label)\n setTempItem(value)\n return\n }\n setValue(value)\n setSearchText('')\n setTempItem()\n if (hasValue) onChange(parseArrayToObject(value), undefined, true)\n }\n\n // 输入框事件方法\n const onInputChange = (e) => {\n const value = e.target.value\n if (tempItem) {\n if (regex.test(value)) {\n // 有输入值\n setSearchText(value)\n } else {\n // 没有输入值, 清空选择的属性类型重新显示属性列表\n setSearchText('')\n setTempItem()\n }\n } else {\n setSearchText(value)\n }\n }\n\n const onPressEnter = (e) => {\n const inputValue = searchText?.match(/[^:]+:(.*)/)?.[1] || null\n if (tempItem && inputValue) {\n setVisible(false)\n tempItem.label = searchText\n tempItem.closable = true\n tempItem.value = inputValue // 得到输入值\n if (!value?.find((v) => v.key === tempItem.key)) {\n const newValue = [...value, tempItem]\n setValue(newValue)\n onChange(parseArrayToObject(newValue))\n } else {\n const newValue = value.map((v) => (v.key === tempItem.key ? tempItem : v))\n setValue(newValue)\n onChange(parseArrayToObject(newValue))\n }\n e.target.value = inputValue\n form.emit('search', { [tempItem.key]: inputValue, current: 1 })\n props?.onPressEnter && props.onPressEnter(e)\n }\n setTempItem()\n setSearchText('')\n }\n\n const handleTag = (obj) => {\n let curItem = undefined\n for (let index = 0; index < fieldItems.length; index++) {\n const item = fieldItems[index]\n if (item.props.name === obj.key) {\n curItem = item\n break\n }\n }\n fieldRef.current.onPropsClick(curItem.props)\n }\n return (\n <LocaleReceiver componentName=\"QueryForm\">\n {(locale) => {\n return (\n <div className={prefix} onClick={handleFocus}>\n <span className={`${prefix}-width`} ref={widthRef}>\n {searchText}\n </span>\n <ul className={`${prefix}-items`}>\n {value &&\n value.map((item, index) => (\n <li key={index} className={`${prefix}-items-item`}>\n <Tag\n closable={item.closable}\n onClick={(e) => {\n e.preventDefault()\n e.stopPropagation()\n handleTag(item)\n }}\n onClose={(e) => onDelete(item.key, e)}\n ellipsisOptions={{ widthLimit: '140px' }}\n >\n {item?.label}\n </Tag>\n </li>\n ))}\n <li className={`${prefix}-items-input`}>\n <FieldPopover\n ref={fieldRef}\n onChange={handleFieldChange}\n clsPrefix={clsPrefix}\n fieldItems={fieldItems}\n propItem={fieldItem}\n setFieldItem={setFieldItem}\n form={form}\n regex={regex}\n visible={visible}\n value={value}\n setVisible={setVisible}\n searchText={searchText}\n locale={locale}\n placement=\"bottomLeft\"\n >\n <Input\n ref={inputRef}\n value={searchText}\n className=\"inputClass\"\n placeholder={!value?.length ? locale.placeholder : undefined}\n {...props}\n onPressEnter={onPressEnter}\n onChange={onInputChange}\n />\n </FieldPopover>\n </li>\n </ul>\n <div className={`${prefix}-prefix`}>\n <Icon type=\"filter\" />\n </div>\n <div className={`${prefix}-clear`}>\n <Icon onClick={onClear} type=\"close-circle\" theme=\"filled\" />\n </div>\n </div>\n )\n }}\n </LocaleReceiver>\n )\n}\nexport default forwardRef(CompositionInput)\n"]}
|
|
@@ -1,118 +0,0 @@
|
|
|
1
|
-
@import '../../../style/themes/index';
|
|
2
|
-
@import '../../../style/mixins/index';
|
|
3
|
-
@import '../../../input/style/mixin';
|
|
4
|
-
|
|
5
|
-
.tnt-queryform-composition-input {
|
|
6
|
-
// width: 100%;
|
|
7
|
-
max-height: 162px;
|
|
8
|
-
overflow-x: hidden;
|
|
9
|
-
cursor: text;
|
|
10
|
-
padding: 2px @padding-xl;
|
|
11
|
-
position: relative;
|
|
12
|
-
box-sizing: border-box;
|
|
13
|
-
background-color: @select-background;
|
|
14
|
-
border: @border-width-base @border-style-base @select-border-color;
|
|
15
|
-
border-top-width: calc(@border-width-base + 0.02px);
|
|
16
|
-
border-radius: @border-radius-base;
|
|
17
|
-
outline: none;
|
|
18
|
-
transition: all 0.3s @ease-in-out;
|
|
19
|
-
user-select: none;
|
|
20
|
-
margin-bottom: @margin-sm;
|
|
21
|
-
|
|
22
|
-
&-prefix {
|
|
23
|
-
position: absolute;
|
|
24
|
-
left: @padding-sm;
|
|
25
|
-
top: 50%;
|
|
26
|
-
transform: translateY(-50%);
|
|
27
|
-
i.anticon {
|
|
28
|
-
color: tint(@bg-color-spotilight, 50%);
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
&-width {
|
|
33
|
-
height: 0;
|
|
34
|
-
opacity: 0;
|
|
35
|
-
width: auto;
|
|
36
|
-
position: absolute;
|
|
37
|
-
max-width: 100%;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
&-items {
|
|
41
|
-
float: left;
|
|
42
|
-
padding: 0;
|
|
43
|
-
list-style: none;
|
|
44
|
-
margin: 0;
|
|
45
|
-
width: 100%;
|
|
46
|
-
&-item {
|
|
47
|
-
padding: 3px 0;
|
|
48
|
-
}
|
|
49
|
-
li {
|
|
50
|
-
float: left;
|
|
51
|
-
line-height: 1;
|
|
52
|
-
}
|
|
53
|
-
&-input {
|
|
54
|
-
.inputClass {
|
|
55
|
-
background: none;
|
|
56
|
-
border: none !important;
|
|
57
|
-
outline: none;
|
|
58
|
-
box-shadow: none !important;
|
|
59
|
-
width: 150px !important;
|
|
60
|
-
height: 26px;
|
|
61
|
-
line-height: 26px;
|
|
62
|
-
padding: 0;
|
|
63
|
-
input {
|
|
64
|
-
border: none !important;
|
|
65
|
-
outline: none !important;
|
|
66
|
-
box-shadow: none !important;
|
|
67
|
-
height: 26px;
|
|
68
|
-
line-height: 26px;
|
|
69
|
-
padding: 0;
|
|
70
|
-
}
|
|
71
|
-
textarea {
|
|
72
|
-
padding: 0;
|
|
73
|
-
}
|
|
74
|
-
}
|
|
75
|
-
.inputClass-with-placeholder {
|
|
76
|
-
min-width: 398px !important;
|
|
77
|
-
}
|
|
78
|
-
}
|
|
79
|
-
}
|
|
80
|
-
&-clear {
|
|
81
|
-
position: absolute;
|
|
82
|
-
right: @margin-sm;
|
|
83
|
-
top: 50%;
|
|
84
|
-
transform: translateY(-50%);
|
|
85
|
-
display: none;
|
|
86
|
-
i.anticon {
|
|
87
|
-
color: tint(@bg-color-spotilight, 50%);
|
|
88
|
-
}
|
|
89
|
-
&:hover {
|
|
90
|
-
.anticon {
|
|
91
|
-
color: @text-color-secondary !important;
|
|
92
|
-
}
|
|
93
|
-
}
|
|
94
|
-
}
|
|
95
|
-
&:hover {
|
|
96
|
-
border-color: @blue-6;
|
|
97
|
-
outline: 0;
|
|
98
|
-
.tnt-queryform-composition-input-clear {
|
|
99
|
-
display: block;
|
|
100
|
-
}
|
|
101
|
-
// box-shadow: 0 0 0 2px rgb(18 107 251 / 20%);
|
|
102
|
-
}
|
|
103
|
-
&:focus,
|
|
104
|
-
&:active {
|
|
105
|
-
border-color: @blue-5;
|
|
106
|
-
outline: 0;
|
|
107
|
-
// box-shadow: 0 0 0 2px rgb(18 107 251 / 20%);
|
|
108
|
-
}
|
|
109
|
-
.ant-tag {
|
|
110
|
-
padding: 0 @padding-xs;
|
|
111
|
-
border: none;
|
|
112
|
-
background: @fill-color-tertiary;
|
|
113
|
-
height: 20px;
|
|
114
|
-
.ant-tag-addon-wrap {
|
|
115
|
-
margin-top: -2px;
|
|
116
|
-
}
|
|
117
|
-
}
|
|
118
|
-
}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
export function highlightSubstring(str: any, substring: any): any;
|
|
2
|
-
export function getLabelFromOptions(key: any, options: any, fieldNames?: {
|
|
3
|
-
label: string;
|
|
4
|
-
value: string;
|
|
5
|
-
}): any;
|
|
6
|
-
export function getLabelByValue({ value, options, fieldNames, }: {
|
|
7
|
-
value: any;
|
|
8
|
-
options: any;
|
|
9
|
-
fieldNames?: {
|
|
10
|
-
label: string;
|
|
11
|
-
value: string;
|
|
12
|
-
} | undefined;
|
|
13
|
-
}): any;
|
|
14
|
-
export function formatLabel(reactDom: any): any;
|
|
15
|
-
export function parseObjectToArray(value: any, data: any): (false | {
|
|
16
|
-
key: string;
|
|
17
|
-
value: any;
|
|
18
|
-
closable: boolean;
|
|
19
|
-
label: string;
|
|
20
|
-
} | null)[];
|
|
21
|
-
export function parseArrayToObject(value: any): any;
|
|
22
|
-
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/query-form-v3/Field/Composition/utils.js"],"names":[],"mappings":"AAIA,kEAGC;AAED;;;QAkBC;AAED;;;;;;;QAqBC;AAED,gDAWC;AAED;;;;;YA8DC;AAED,oDAKC"}
|
|
@@ -1,147 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.formatLabel = formatLabel;
|
|
7
|
-
exports.getLabelByValue = getLabelByValue;
|
|
8
|
-
exports.getLabelFromOptions = getLabelFromOptions;
|
|
9
|
-
exports.highlightSubstring = highlightSubstring;
|
|
10
|
-
exports.parseArrayToObject = parseArrayToObject;
|
|
11
|
-
exports.parseObjectToArray = parseObjectToArray;
|
|
12
|
-
var _flatten2 = _interopRequireDefault(require("lodash/flatten"));
|
|
13
|
-
var _isString2 = _interopRequireDefault(require("lodash/isString"));
|
|
14
|
-
var _isArray2 = _interopRequireDefault(require("lodash/isArray"));
|
|
15
|
-
var _react = _interopRequireDefault(require("react"));
|
|
16
|
-
var _moment = _interopRequireDefault(require("moment"));
|
|
17
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
18
|
-
function highlightSubstring(str, substring) {
|
|
19
|
-
var highlighted = "<span class=\"tnt-highlight\">".concat(substring, "</span>");
|
|
20
|
-
return str.replace(new RegExp(substring, 'g'), highlighted);
|
|
21
|
-
}
|
|
22
|
-
function getLabelFromOptions(key, options) {
|
|
23
|
-
var fieldNames = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {
|
|
24
|
-
label: 'label',
|
|
25
|
-
value: 'value'
|
|
26
|
-
};
|
|
27
|
-
var labelValue = key;
|
|
28
|
-
if (options) {
|
|
29
|
-
var target = options === null || options === void 0 ? void 0 : options.find(function (item) {
|
|
30
|
-
var valueKey = fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.value;
|
|
31
|
-
var itemValue = item instanceof Object ? item[valueKey] : item;
|
|
32
|
-
return itemValue === key;
|
|
33
|
-
});
|
|
34
|
-
labelValue = target instanceof Object ? target === null || target === void 0 ? void 0 : target[fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.label] : target;
|
|
35
|
-
}
|
|
36
|
-
return labelValue;
|
|
37
|
-
}
|
|
38
|
-
function getLabelByValue(_ref) {
|
|
39
|
-
var value = _ref.value,
|
|
40
|
-
options = _ref.options,
|
|
41
|
-
_ref$fieldNames = _ref.fieldNames,
|
|
42
|
-
fieldNames = _ref$fieldNames === void 0 ? {
|
|
43
|
-
label: 'label',
|
|
44
|
-
value: 'value'
|
|
45
|
-
} : _ref$fieldNames;
|
|
46
|
-
var getLabel = function getLabel(value) {
|
|
47
|
-
var target = options === null || options === void 0 ? void 0 : options.find(function (item) {
|
|
48
|
-
var valueKey = fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.value;
|
|
49
|
-
var itemValue = item instanceof Object ? item[valueKey] : item;
|
|
50
|
-
return itemValue === value;
|
|
51
|
-
});
|
|
52
|
-
return target instanceof Object ? target === null || target === void 0 ? void 0 : target[fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.label] : target;
|
|
53
|
-
};
|
|
54
|
-
if ((0, _isArray2["default"])(value)) {
|
|
55
|
-
return value.map(getLabel).join(' | ');
|
|
56
|
-
} else {
|
|
57
|
-
return getLabel(value);
|
|
58
|
-
}
|
|
59
|
-
}
|
|
60
|
-
function formatLabel(reactDom) {
|
|
61
|
-
return (0, _flatten2["default"])(_react["default"].Children.map(reactDom.props.children, function (child) {
|
|
62
|
-
if (_react["default"].isValidElement(child)) {
|
|
63
|
-
return formatLabel(child);
|
|
64
|
-
} else if ((0, _isString2["default"])(child)) {
|
|
65
|
-
return child;
|
|
66
|
-
}
|
|
67
|
-
return '';
|
|
68
|
-
})).join('');
|
|
69
|
-
}
|
|
70
|
-
function parseObjectToArray(value, data) {
|
|
71
|
-
var _a, _b;
|
|
72
|
-
return (_b = (_a = Object.keys(value)) === null || _a === void 0 ? void 0 : _a.map(function (key) {
|
|
73
|
-
var _a, _b, _c;
|
|
74
|
-
var target = data === null || data === void 0 ? void 0 : data.find(function (item) {
|
|
75
|
-
var _a;
|
|
76
|
-
return ((_a = item.props) === null || _a === void 0 ? void 0 : _a.name) === key;
|
|
77
|
-
});
|
|
78
|
-
if (!target) return null;
|
|
79
|
-
var dataItem = (target === null || target === void 0 ? void 0 : target.props) || {};
|
|
80
|
-
var _ref2 = dataItem || {},
|
|
81
|
-
type = _ref2.type,
|
|
82
|
-
component = _ref2.component,
|
|
83
|
-
setLabel = _ref2.setLabel,
|
|
84
|
-
fieldProps = _ref2.props,
|
|
85
|
-
propsTitle = _ref2.propsTitle,
|
|
86
|
-
title = _ref2.title,
|
|
87
|
-
name = _ref2.name;
|
|
88
|
-
var _propsTitle = propsTitle || title || name;
|
|
89
|
-
var _ref3 = fieldProps || {},
|
|
90
|
-
options = _ref3.options,
|
|
91
|
-
format = _ref3.format;
|
|
92
|
-
var fieldNames = ((_a = dataItem === null || dataItem === void 0 ? void 0 : dataItem.props) === null || _a === void 0 ? void 0 : _a.fieldNames) || {
|
|
93
|
-
label: 'label',
|
|
94
|
-
value: 'value'
|
|
95
|
-
};
|
|
96
|
-
var labelValue = value[key];
|
|
97
|
-
if (!type && component) {
|
|
98
|
-
if (!setLabel) {
|
|
99
|
-
console.error('自定义组件需要传入setLabel()方法');
|
|
100
|
-
}
|
|
101
|
-
} else if (setLabel) {
|
|
102
|
-
// setLabel: 对于自定义组件,无法控制label的显示,可以通过setLabel方法控制
|
|
103
|
-
labelValue = setLabel(labelValue);
|
|
104
|
-
} else if (options) {
|
|
105
|
-
if (type === 'selectInput') {
|
|
106
|
-
var selectKey = (_b = Object.keys(labelValue)) === null || _b === void 0 ? void 0 : _b[0];
|
|
107
|
-
if (!selectKey) {
|
|
108
|
-
// 17. inputSelect组件,初始值{},展示undefined:undefined
|
|
109
|
-
return false;
|
|
110
|
-
}
|
|
111
|
-
var inputValue = labelValue[selectKey];
|
|
112
|
-
var selectLabel = (_c = options === null || options === void 0 ? void 0 : options.find(function (v) {
|
|
113
|
-
return v.value === selectKey;
|
|
114
|
-
})) === null || _c === void 0 ? void 0 : _c.label;
|
|
115
|
-
return {
|
|
116
|
-
key: key,
|
|
117
|
-
value: value[key],
|
|
118
|
-
closable: true,
|
|
119
|
-
label: selectLabel + ':' + inputValue
|
|
120
|
-
};
|
|
121
|
-
}
|
|
122
|
-
labelValue = getLabelByValue({
|
|
123
|
-
value: labelValue,
|
|
124
|
-
options: options,
|
|
125
|
-
fieldNames: fieldNames
|
|
126
|
-
});
|
|
127
|
-
} else if (type === 'dateRange' && format) {
|
|
128
|
-
labelValue = [(0, _moment["default"])(labelValue[0]).format(format), (0, _moment["default"])(labelValue[1]).format(format)].join('~');
|
|
129
|
-
} else if (type === 'date' && format) {
|
|
130
|
-
labelValue = (0, _moment["default"])(labelValue).format(format);
|
|
131
|
-
}
|
|
132
|
-
return {
|
|
133
|
-
key: key,
|
|
134
|
-
value: value[key],
|
|
135
|
-
closable: true,
|
|
136
|
-
label: _propsTitle + ':' + labelValue
|
|
137
|
-
};
|
|
138
|
-
})) === null || _b === void 0 ? void 0 : _b.filter(function (item) {
|
|
139
|
-
return !!item;
|
|
140
|
-
});
|
|
141
|
-
}
|
|
142
|
-
function parseArrayToObject(value) {
|
|
143
|
-
return value === null || value === void 0 ? void 0 : value.reduce(function (acc, v) {
|
|
144
|
-
acc[v.key] = v.value;
|
|
145
|
-
return acc;
|
|
146
|
-
}, {});
|
|
147
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/query-form-v3/Field/Composition/utils.js"],"names":[],"mappings":"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","sourcesContent":["import React from 'react'\nimport { isArray, isString, flatten } from 'lodash'\nimport moment from 'moment'\n\nexport function highlightSubstring(str, substring) {\n const highlighted = `<span class=\"tnt-highlight\">${substring}</span>`\n return str.replace(new RegExp(substring, 'g'), highlighted)\n}\n\nexport function getLabelFromOptions(\n key,\n options,\n fieldNames = {\n label: 'label',\n value: 'value',\n }\n) {\n let labelValue = key\n if (options) {\n const target = options?.find((item) => {\n const valueKey = fieldNames?.value\n const itemValue = item instanceof Object ? item[valueKey] : item\n return itemValue === key\n })\n labelValue = target instanceof Object ? target?.[fieldNames?.label] : target\n }\n return labelValue\n}\n\nexport function getLabelByValue({\n value,\n options,\n fieldNames = {\n label: 'label',\n value: 'value',\n },\n}) {\n const getLabel = (value) => {\n const target = options?.find((item) => {\n const valueKey = fieldNames?.value\n const itemValue = item instanceof Object ? item[valueKey] : item\n return itemValue === value\n })\n return target instanceof Object ? target?.[fieldNames?.label] : target\n }\n if (isArray(value)) {\n return value.map(getLabel).join(' | ')\n } else {\n return getLabel(value)\n }\n}\n\nexport function formatLabel(reactDom) {\n return flatten(\n React.Children.map(reactDom.props.children, (child) => {\n if (React.isValidElement(child)) {\n return formatLabel(child)\n } else if (isString(child)) {\n return child\n }\n return ''\n })\n ).join('')\n}\n\nexport function parseObjectToArray(value, data) {\n return Object.keys(value)\n ?.map((key) => {\n const target = data?.find((item) => item.props?.name === key)\n if (!target) return null\n const dataItem = target?.props || {}\n const {\n type,\n component,\n setLabel,\n props: fieldProps,\n propsTitle,\n title,\n name,\n } = dataItem || {}\n const _propsTitle = propsTitle || title || name\n const { options, format } = fieldProps || {}\n const fieldNames = dataItem?.props?.fieldNames || {\n label: 'label',\n value: 'value',\n }\n let labelValue = value[key]\n if (!type && component) {\n if (!setLabel) {\n console.error('自定义组件需要传入setLabel()方法')\n }\n } else if (setLabel) {\n // setLabel: 对于自定义组件,无法控制label的显示,可以通过setLabel方法控制\n labelValue = setLabel(labelValue)\n } else if (options) {\n if (type === 'selectInput') {\n const selectKey = Object.keys(labelValue)?.[0]\n if (!selectKey) {\n // 17. inputSelect组件,初始值{},展示undefined:undefined\n return false\n }\n const inputValue = labelValue[selectKey]\n const selectLabel = options?.find((v) => v.value === selectKey)?.label\n return {\n key,\n value: value[key],\n closable: true,\n label: selectLabel + ':' + inputValue,\n }\n }\n labelValue = getLabelByValue({ value: labelValue, options, fieldNames })\n } else if (type === 'dateRange' && format) {\n labelValue = [\n moment(labelValue[0]).format(format),\n moment(labelValue[1]).format(format),\n ].join('~')\n } else if (type === 'date' && format) {\n labelValue = moment(labelValue).format(format)\n }\n return {\n key,\n value: value[key],\n closable: true,\n label: _propsTitle + ':' + labelValue,\n }\n })\n ?.filter((item) => !!item)\n}\n\nexport function parseArrayToObject(value) {\n return value?.reduce((acc, v) => {\n acc[v.key] = v.value\n return acc\n }, {})\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/query-form-v3/Field/Select.js"],"names":[],"mappings":"AAMe,yDAkDd"}
|