npm - @next-libs/cmdb-instances - Versions diffs - 6.47.12 → 6.49.0 - Mend

@next-libs/cmdb-instances 6.47.12 → 6.49.0

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 (212) hide show

package/dist/esm/instance-list-table/DisplaySettings.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DisplaySettings.js","names":["React","debounce","remove","without","get","isEmpty","extraFieldAttrs","Checkbox","Col","Divider","Input","Row","getBatchEditableFields","CMDB_RESOURCE_FIELDS_SETTINGS","i18n","K","NS_LIBS_CMDB_INSTANCES","DisplaySettings","Component","constructor","props","filteredList","attrAndRelationList","q","state","trim","toLowerCase","filter","attr","name","includes","setState","event","value","target","debounceHandleSearch","modelData","hideColumns","view","hide_columns","ignoredFields","objectId","forEach","hideColumn","id","map","attribute","nextFields","currentFields","slice","extraDisabledFieldSet","Set","extraDisabledFields","filterColTag","componentDidUpdate","prevProps","handleChecked","fieldsKey","fields","checked","concat","onChange","renderCheckbox","field","disabled","extraDisabledField","has","padding","stopPropagation","width","wordBreak","render","extraAttrIds","extraFieldAttr","attrs","extraAttrs","marginTop","t","FIELD_SETTINGS","SEARCH_BY_FIELD_NAME","handleSearchChange","minHeight","maxHeight","overflow","length"],"sources":["../../../src/instance-list-table/DisplaySettings.tsx"],"sourcesContent":["import React from \"react\";\nimport { debounce, remove, without, get, isEmpty } from \"lodash\";\nimport { extraFieldAttrs } from \"./constants\";\nimport { Checkbox, Col, Divider, Input, Row } from \"antd\";\nimport {\n getBatchEditableFields,\n CMDB_RESOURCE_FIELDS_SETTINGS,\n} from \"@next-libs/cmdb-utils\";\nimport { CmdbModels } from \"@next-sdk/cmdb-sdk\";\nimport i18n from \"i18next\";\nimport { K, NS_LIBS_CMDB_INSTANCES } from \"../i18n/constants\";\nexport interface DisplaySettingsProps {\n currentFields: string[];\n modelData: Partial<CmdbModels.ModelCmdbObject>;\n objectId?: string;\n extraDisabledField?: string;\n extraDisabledFields?: string[];\n onChange?(fields: string[]): void;\n}\n\ninterface DisplaySettingsState {\n nextFields: string[];\n q: string;\n filteredList: any;\n extraDisabledFieldSet: Set<string>;\n}\n\nexport class DisplaySettings extends React.Component<\n DisplaySettingsProps,\n DisplaySettingsState\n> {\n debounceHandleSearch: () => void;\n attrAndRelationList: { id: string; name: string }[] = [];\n\n constructor(props: DisplaySettingsProps) {\n super(props);\n const attrAndRelationList = getBatchEditableFields(this.props.modelData);\n let hideColumns = this.props.modelData.view.hide_columns \|\| [];\n const ignoredFields = get(\n CMDB_RESOURCE_FIELDS_SETTINGS,\n `ignoredFields.${this.props.modelData.objectId}`,\n []\n );\n hideColumns = [...hideColumns, ...ignoredFields];\n\n if (!isEmpty(hideColumns)) {\n hideColumns.forEach((hideColumn: string) => {\n remove(attrAndRelationList, (attr) => attr.id === hideColumn);\n });\n }\n\n this.attrAndRelationList = attrAndRelationList.map((attribute: any) => ({\n id: attribute.id,\n name: attribute.name,\n }));\n\n this.state = {\n nextFields: props.currentFields ? props.currentFields.slice() : [],\n q: \"\",\n filteredList: this.attrAndRelationList,\n extraDisabledFieldSet: new Set(props.extraDisabledFields),\n };\n this.debounceHandleSearch = debounce(this.filterColTag, 300);\n }\n\n componentDidUpdate(prevProps: DisplaySettingsProps) {\n if (this.props.currentFields !== prevProps.currentFields) {\n this.setState({\n nextFields: this.props.currentFields\n ? this.props.currentFields.slice()\n : [],\n });\n }\n\n if (this.props.extraDisabledFields !== prevProps.extraDisabledFields) {\n this.setState({\n extraDisabledFieldSet: new Set(this.props.extraDisabledFields),\n });\n }\n }\n\n handleChecked(event: any, attr: any) {\n const fieldsKey = \"nextFields\";\n const fields = event.target.checked\n ? this.state[fieldsKey].concat(attr.id)\n : without(this.state[fieldsKey], attr.id);\n\n this.setState({ [fieldsKey]: fields });\n this.props.onChange?.(fields);\n }\n\n renderCheckbox(attr: any, field: \"nextFields\" \| \"otherFields\") {\n const fieldsKey = \"nextFields\";\n const checked = this.state[fieldsKey].includes(attr.id);\n const disabled =\n attr.id === this.props.extraDisabledField \|\|\n this.state.extraDisabledFieldSet.has(attr.id);\n return (\n <Col\n key={attr.id}\n span={8}\n style={{ padding: 5 }}\n onClick={(event) => event.stopPropagation()}\n >\n <Checkbox\n name={field}\n style={{\n width: \"100%\",\n wordBreak: \"break-all\",\n }}\n checked={checked}\n disabled={disabled}\n onChange={(event) => this.handleChecked(event, attr)}\n data-testid={`${attr.id}-checkbox`}\n >\n {attr.name}\n </Checkbox>\n </Col>\n );\n }\n\n filterColTag = () => {\n let filteredList = this.attrAndRelationList;\n const q = this.state.q.trim().toLowerCase();\n if (q) {\n filteredList = filteredList.filter((attr) => {\n return attr.name.toLowerCase().includes(q);\n });\n }\n this.setState({\n filteredList,\n });\n };\n\n handleSearchChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n const value = event.target.value;\n this.setState({\n q: value,\n });\n this.debounceHandleSearch();\n };\n\n render() {\n const filteredList = this.state.filteredList;\n const extraAttrIds = extraFieldAttrs.map(\n (extraFieldAttr) => extraFieldAttr.id\n );\n const attrs = filteredList.filter(\n (attr: any) => !extraAttrIds.includes(attr.id)\n );\n const extraAttrs = filteredList.filter((attr: any) =>\n extraAttrIds.includes(attr.id)\n );\n\n return (\n <>\n <Divider orientation=\"left\" plain style={{ marginTop: 0 }}>\n {i18n.t(`${NS_LIBS_CMDB_INSTANCES}:${K.FIELD_SETTINGS}`)}\n </Divider>\n <div>\n <Input.Search\n value={this.state.q}\n placeholder={i18n.t(\n `${NS_LIBS_CMDB_INSTANCES}:${K.SEARCH_BY_FIELD_NAME}`\n )}\n onChange={this.handleSearchChange}\n style={{ width: 200 }}\n data-testid=\"search-input\"\n />\n </div>\n <div\n style={{\n marginTop: 15,\n minHeight: 200,\n maxHeight: 500,\n overflow: \"auto\",\n }}\n className=\"nextFields\"\n >\n <Row>\n {attrs.map((attr: any) => this.renderCheckbox(attr, \"nextFields\"))}\n {extraAttrs.length > 0 ? (\n <>\n <Divider />\n {extraAttrs.map((attr: any) =>\n this.renderCheckbox(attr, \"nextFields\")\n )}\n </>\n ) : null}\n </Row>\n </div>\n </>\n );\n }\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"DisplaySettings.js","names":["React","debounce","remove","without","get","isEmpty","extraFieldAttrs","Checkbox","Col","Divider","Input","Row","getBatchEditableFields","CMDB_RESOURCE_FIELDS_SETTINGS","i18n","K","NS_LIBS_CMDB_INSTANCES","DisplaySettings","Component","constructor","props","filteredList","attrAndRelationList","q","state","trim","toLowerCase","filter","attr","name","includes","setState","event","value","target","debounceHandleSearch","modelData","hideColumns","view","hide_columns","ignoredFields","objectId","forEach","hideColumn","id","map","attribute","nextFields","currentFields","slice","extraDisabledFieldSet","Set","extraDisabledFields","filterColTag","componentDidUpdate","prevProps","handleChecked","fieldsKey","fields","checked","concat","onChange","renderCheckbox","field","disabled","extraDisabledField","has","padding","stopPropagation","width","wordBreak","render","extraAttrIds","extraFieldAttr","attrs","extraAttrs","marginTop","t","FIELD_SETTINGS","SEARCH_BY_FIELD_NAME","handleSearchChange","minHeight","maxHeight","overflow","length"],"sources":["../../../src/instance-list-table/DisplaySettings.tsx"],"sourcesContent":["import React from \"react\";\nimport { debounce, remove, without, get, isEmpty } from \"lodash\";\nimport { extraFieldAttrs } from \"./constants\";\nimport { Checkbox, Col, Divider, Input, Row } from \"antd\";\nimport {\n getBatchEditableFields,\n CMDB_RESOURCE_FIELDS_SETTINGS,\n} from \"@next-libs/cmdb-utils\";\nimport { CmdbModels } from \"@next-sdk/cmdb-sdk\";\nimport i18n from \"i18next\";\nimport { K, NS_LIBS_CMDB_INSTANCES } from \"../i18n/constants\";\nexport interface DisplaySettingsProps {\n currentFields: string[];\n modelData: Partial<CmdbModels.ModelCmdbObject>;\n objectId?: string;\n extraDisabledField?: string;\n extraDisabledFields?: string[];\n onChange?(fields: string[]): void;\n}\n\ninterface DisplaySettingsState {\n nextFields: string[];\n q: string;\n filteredList: any;\n extraDisabledFieldSet: Set<string>;\n}\n\nexport class DisplaySettings extends React.Component<\n DisplaySettingsProps,\n DisplaySettingsState\n> {\n debounceHandleSearch: () => void;\n attrAndRelationList: { id: string; name: string }[] = [];\n\n constructor(props: DisplaySettingsProps) {\n super(props);\n const attrAndRelationList = getBatchEditableFields(this.props.modelData);\n let hideColumns = this.props.modelData.view.hide_columns \|\| [];\n const ignoredFields = get(\n CMDB_RESOURCE_FIELDS_SETTINGS,\n `ignoredFields.${this.props.modelData.objectId}`,\n []\n );\n hideColumns = [...hideColumns, ...ignoredFields];\n\n if (!isEmpty(hideColumns)) {\n hideColumns.forEach((hideColumn: string) => {\n remove(attrAndRelationList, (attr) => attr.id === hideColumn);\n });\n }\n\n this.attrAndRelationList = attrAndRelationList.map((attribute: any) => ({\n id: attribute.id,\n name: attribute.name,\n }));\n\n this.state = {\n nextFields: props.currentFields ? props.currentFields.slice() : [],\n q: \"\",\n filteredList: this.attrAndRelationList,\n extraDisabledFieldSet: new Set(props.extraDisabledFields),\n };\n this.debounceHandleSearch = debounce(this.filterColTag, 300);\n }\n\n componentDidUpdate(prevProps: DisplaySettingsProps) {\n if (this.props.currentFields !== prevProps.currentFields) {\n this.setState({\n nextFields: this.props.currentFields\n ? this.props.currentFields.slice()\n : [],\n });\n }\n\n if (this.props.extraDisabledFields !== prevProps.extraDisabledFields) {\n this.setState({\n extraDisabledFieldSet: new Set(this.props.extraDisabledFields),\n });\n }\n }\n\n handleChecked(event: any, attr: any) {\n const fieldsKey = \"nextFields\";\n const fields = event.target.checked\n ? this.state[fieldsKey].concat(attr.id)\n : without(this.state[fieldsKey], attr.id);\n\n this.setState({ [fieldsKey]: fields });\n this.props.onChange?.(fields);\n }\n\n renderCheckbox(attr: any, field: \"nextFields\" \| \"otherFields\") {\n const fieldsKey = \"nextFields\";\n const checked = this.state[fieldsKey].includes(attr.id);\n const disabled =\n attr.id === this.props.extraDisabledField \|\|\n this.state.extraDisabledFieldSet.has(attr.id);\n return (\n <Col\n key={attr.id}\n span={8}\n style={{ padding: 5 }}\n onClick={(event) => event.stopPropagation()}\n >\n <Checkbox\n name={field}\n style={{\n width: \"100%\",\n wordBreak: \"break-all\",\n }}\n checked={checked}\n disabled={disabled}\n onChange={(event) => this.handleChecked(event, attr)}\n data-testid={`${attr.id}-checkbox`}\n >\n {attr.name}\n </Checkbox>\n </Col>\n );\n }\n\n filterColTag = () => {\n let filteredList = this.attrAndRelationList;\n const q = this.state.q.trim().toLowerCase();\n if (q) {\n filteredList = filteredList.filter((attr) => {\n return attr.name.toLowerCase().includes(q);\n });\n }\n this.setState({\n filteredList,\n });\n };\n\n handleSearchChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n const value = event.target.value;\n this.setState({\n q: value,\n });\n this.debounceHandleSearch();\n };\n\n render() {\n const filteredList = this.state.filteredList;\n const extraAttrIds = extraFieldAttrs.map(\n (extraFieldAttr) => extraFieldAttr.id\n );\n const attrs = filteredList.filter(\n (attr: any) => !extraAttrIds.includes(attr.id)\n );\n const extraAttrs = filteredList.filter((attr: any) =>\n extraAttrIds.includes(attr.id)\n );\n\n return (\n <>\n <Divider orientation=\"left\" plain style={{ marginTop: 0 }}>\n {i18n.t(`${NS_LIBS_CMDB_INSTANCES}:${K.FIELD_SETTINGS}`)}\n </Divider>\n <div>\n <Input.Search\n value={this.state.q}\n placeholder={i18n.t(\n `${NS_LIBS_CMDB_INSTANCES}:${K.SEARCH_BY_FIELD_NAME}`\n )}\n onChange={this.handleSearchChange}\n style={{ width: 200 }}\n data-testid=\"search-input\"\n />\n </div>\n <div\n style={{\n marginTop: 15,\n minHeight: 200,\n maxHeight: 500,\n overflow: \"auto\",\n }}\n className=\"nextFields\"\n >\n <Row>\n {attrs.map((attr: any) => this.renderCheckbox(attr, \"nextFields\"))}\n {extraAttrs.length > 0 ? (\n <>\n <Divider />\n {extraAttrs.map((attr: any) =>\n this.renderCheckbox(attr, \"nextFields\")\n )}\n </>\n ) : null}\n </Row>\n </div>\n </>\n );\n }\n}\n"],"mappings":"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"}

package/dist/esm/instance-list-table/DisplaySettingsModal.js CHANGED Viewed

@@ -19,7 +19,6 @@ export function DisplaySettingsModal(props) {
   } = useTranslation(NS_LIBS_CMDB_INSTANCES);
   var [nextFields, setNextFields] = useState(currentFields);
   var count = useMemo(() => nextFields === null || nextFields === void 0 ? void 0 : nextFields.filter(v => v !== "_object_id").length, [nextFields]);
   var handleReset = () => {
     var fields = defaultFields ? defaultFields.slice() : [];
     setNextFields(fields);
@@ -28,12 +27,10 @@ export function DisplaySettingsModal(props) {
       isReset: true
     });
   };
   var handleCancel = () => {
     setNextFields(currentFields ? [...currentFields] : []);
     onCancel === null || onCancel === void 0 ? void 0 : onCancel();
   };
   return /*#__PURE__*/React.createElement(Modal, {
     title: t(K.DISPLAY_SETTINGS),
     visible: visible,

package/dist/esm/instance-list-table/DisplaySettingsModal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DisplaySettingsModal.js","names":["Button","Modal","React","useMemo","useState","useTranslation","K","NS_LIBS_CMDB_INSTANCES","DisplaySettings","DisplaySettingsModal","props","visible","objectId","modelData","currentFields","defaultFields","extraDisabledFields","onOk","onCancel","t","nextFields","setNextFields","count","filter","v","length","handleReset","fields","slice","isReset","handleCancel","DISPLAY_SETTINGS","display","RESTORE_DEFAULT","marginLeft","marginRight","CANCEL","CONFIRM"],"sources":["../../../src/instance-list-table/DisplaySettingsModal.tsx"],"sourcesContent":["import { Button, Modal } from \"antd\";\nimport React, { useMemo, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { K, NS_LIBS_CMDB_INSTANCES } from \"../i18n/constants\";\nimport { DisplaySettings, DisplaySettingsProps } from \"./DisplaySettings\";\n\nexport interface DisplaySettingsModalData {\n fields: string[];\n isReset?: boolean;\n}\n\nexport interface DisplaySettingsModalProps extends DisplaySettingsProps {\n visible?: boolean;\n defaultFields?: string[];\n onOk?(data: DisplaySettingsModalData): void;\n onCancel?(): void;\n}\n\nexport function DisplaySettingsModal(\n props: DisplaySettingsModalProps\n): React.ReactElement {\n const {\n visible,\n objectId,\n modelData,\n currentFields,\n defaultFields,\n extraDisabledFields,\n onOk,\n onCancel,\n } = props;\n const { t } = useTranslation(NS_LIBS_CMDB_INSTANCES);\n const [nextFields, setNextFields] = useState<string[]>(currentFields);\n const count = useMemo(\n () => nextFields?.filter((v) => v !== \"_object_id\").length,\n [nextFields]\n );\n\n const handleReset = (): void => {\n const fields = defaultFields ? defaultFields.slice() : [];\n\n setNextFields(fields);\n onOk?.({ fields, isReset: true });\n };\n\n const handleCancel = (): void => {\n setNextFields(currentFields ? [...currentFields] : []);\n onCancel?.();\n };\n\n return (\n <Modal\n title={t(K.DISPLAY_SETTINGS)}\n visible={visible}\n footer={\n <div style={{ display: \"flex\" }}>\n <div>\n <Button\n type=\"default\"\n onClick={handleReset}\n data-testid=\"reset-button\"\n >\n {t(K.RESTORE_DEFAULT)}\n </Button>\n </div>\n <div style={{ marginLeft: \"auto\" }}>\n <Button\n type=\"default\"\n onClick={handleCancel}\n style={{ marginRight: 10 }}\n data-testid=\"cancel-button\"\n >\n {t(K.CANCEL)}\n </Button>\n <Button\n type=\"primary\"\n onClick={() => props?.onOk({ fields: nextFields })}\n disabled={count === 0}\n data-testid=\"ok-button\"\n >\n {t(K.CONFIRM)}\n </Button>\n </div>\n </div>\n }\n onCancel={handleCancel}\n destroyOnClose={true}\n width={780}\n centered={true}\n >\n <DisplaySettings\n objectId={objectId}\n modelData={modelData}\n currentFields={nextFields}\n extraDisabledFields={extraDisabledFields}\n onChange={(fields) => setNextFields(fields)}\n />\n </Modal>\n );\n}\n"],"mappings":"AAAA,SAASA,~~MAAT~~,~~EAAiBC~~,~~KAAjB~~,~~QAA8B~~,~~MAA9B~~;~~AACA~~,OAAOC,~~KAAP~~,~~IAAgBC~~,~~OAAhB~~,~~EAAyBC~~,~~QAAzB~~,~~QAAyC~~,~~OAAzC~~;~~AACA~~,SAASC,~~cAAT~~,~~QAA+B~~,~~eAA/B~~;~~AACA~~,SAASC,~~CAAT~~,~~EAAYC~~,~~sBAAZ~~,~~QAA0C~~,~~mBAA1C~~;~~AACA~~,SAASC,~~eAAT~~,~~QAAsD~~,~~mBAAtD~~;~~AAcA~~,OAAO,SAASC,~~oBAAT~~,~~CACLC~~,~~KADK~~,~~EAEe~~;EACpB,IAAM;IACJC,~~OADI~~;~~IAEJC~~,~~QAFI~~;~~IAGJC~~,~~SAHI~~;~~IAIJC~~,~~aAJI~~;~~IAKJC~~,~~aALI~~;~~IAMJC~~,~~mBANI~~;~~IAOJC~~,~~IAPI~~;~~IAQJC~~;~~EARI~~,~~IASFR~~,~~KATJ~~;~~EAUA~~,IAAM;IAAES;~~EAAF~~,~~IAAQd~~,cAAc,CAACE,~~sBAAD~~,~~CAA5B~~;~~EACA~~,IAAM,CAACa,~~UAAD~~,~~EAAaC~~,~~aAAb~~,~~IAA8BjB~~,QAAQ,CAAWU,~~aAAX~~,~~CAA5C~~;~~EACA~~,IAAMQ,KAAK,GAAGnB,OAAO,CACnB,MAAMiB,~~UAAN~~,~~aAAMA~~,~~UAAN~~,~~uBAAMA~~,UAAU,CAAEG,~~MAAZ~~,~~CAAoBC~~,~~CAAD~~,~~IAAOA~~,CAAC,KAAK,~~YAAhC~~,~~EAA8CC~~,~~MADjC~~,~~EAEnB~~,CAACL,~~UAAD~~,~~CAFmB~~,~~CAArB;;EAKA~~,IAAMM,WAAW,GAAG,MAAY;IAC9B,IAAMC,MAAM,GAAGZ,aAAa,GAAGA,aAAa,CAACa,~~KAAd~~,~~EAAH~~,~~GAA2B~~,~~EAAvD~~;~~IAEAP~~,aAAa,CAACM,~~MAAD~~,~~CAAb~~;~~IACAV~~,IAAI,~~SAAJ~~,~~IAAAA,~~IAAI,~~WAAJ~~,~~YAAAA,~~IAAI,CAAG;MAAEU,~~MAAF~~;~~MAAUE~~,OAAO,EAAE;~~IAAnB~~,~~CAAH~~,~~CAAJ~~;~~EACD~~,~~CALD;;EAOA~~,IAAMC,YAAY,GAAG,MAAY;IAC/BT,aAAa,CAACP,aAAa,GAAG,CAAC,GAAGA,~~aAAJ~~,~~CAAH~~,~~GAAwB~~,~~EAAtC~~,~~CAAb~~;~~IACAI~~,QAAQ,~~SAAR~~,~~IAAAA,~~QAAQ,~~WAAR~~,~~YAAAA~~,~~QAAQ~~;~~EACT~~,~~CAHD;;EAKA~~,oBACE,oBAAC,~~KAAD~~;~~IACE~~,KAAK,EAAEC,CAAC,CAACb,CAAC,CAACyB,~~gBAAH~~,~~CADV~~;~~IAEE~~,OAAO,EAAEpB,~~OAFX~~;~~IAGE~~,MAAM,eACJ;MAAK,KAAK,EAAE;QAAEqB,OAAO,EAAE;~~MAAX~~;~~IAAZ~~,~~gBACE~~,8CACE,oBAAC,~~MAAD~~;~~MACE~~,IAAI,EAAC,~~SADP~~;~~MAEE~~,OAAO,EAAEN,~~WAFX~~;~~MAGE~~,eAAY;~~IAHd~~,~~GAKGP~~,CAAC,CAACb,CAAC,CAAC2B,~~eAAH~~,~~CALJ~~,~~CADF~~,~~CADF~~,~~eAUE~~;MAAK,KAAK,EAAE;QAAEC,UAAU,EAAE;~~MAAd~~;~~IAAZ~~,~~gBACE~~,oBAAC,~~MAAD~~;~~MACE~~,IAAI,EAAC,~~SADP~~;~~MAEE~~,OAAO,EAAEJ,~~YAFX~~;~~MAGE~~,KAAK,EAAE;QAAEK,WAAW,EAAE;~~MAAf~~,~~CAHT~~;~~MAIE~~,eAAY;~~IAJd~~,~~GAMGhB~~,CAAC,CAACb,CAAC,CAAC8B,~~MAAH~~,~~CANJ~~,~~CADF~~,~~eASE~~,oBAAC,~~MAAD~~;~~MACE~~,IAAI,EAAC,~~SADP~~;~~MAEE~~,OAAO,EAAE,MAAM1B,~~KAAN~~,~~aAAMA~~,~~KAAN~~,~~uBAAMA~~,KAAK,CAAEO,~~IAAP~~,~~CAAY~~;QAAEU,MAAM,EAAEP;~~MAAV~~,~~CAAZ~~,~~CAFjB~~;~~MAGE~~,QAAQ,EAAEE,KAAK,KAAK,~~CAHtB~~;~~MAIE~~,eAAY;~~IAJd~~,~~GAMGH~~,CAAC,CAACb,CAAC,CAAC+B,~~OAAH~~,~~CANJ~~,~~CATF~~,~~CAVF~~,~~CAJJ~~;~~IAkCE~~,QAAQ,EAAEP,~~YAlCZ~~;~~IAmCE~~,cAAc,EAAE,~~IAnClB~~;~~IAoCE~~,KAAK,EAAE,~~GApCT~~;~~IAqCE~~,QAAQ,EAAE;~~EArCZ~~,~~gBAuCE~~,oBAAC,~~eAAD~~;~~IACE~~,QAAQ,EAAElB,~~QADZ~~;~~IAEE~~,SAAS,EAAEC,~~SAFb~~;~~IAGE~~,aAAa,EAAEO,~~UAHjB~~;~~IAIE~~,mBAAmB,EAAEJ,~~mBAJvB~~;~~IAKE~~,QAAQ,EAAGW,~~MAAD~~,~~IAAYN~~,aAAa,CAACM,~~MAAD~~;~~EALrC~~,~~EAvCF~~,~~CADF~~;~~AAiDD~~"}
1	+ {"version":3,"file":"DisplaySettingsModal.js","names":["Button","Modal","React","useMemo","useState","useTranslation","K","NS_LIBS_CMDB_INSTANCES","DisplaySettings","DisplaySettingsModal","props","visible","objectId","modelData","currentFields","defaultFields","extraDisabledFields","onOk","onCancel","t","nextFields","setNextFields","count","filter","v","length","handleReset","fields","slice","isReset","handleCancel","DISPLAY_SETTINGS","display","RESTORE_DEFAULT","marginLeft","marginRight","CANCEL","CONFIRM"],"sources":["../../../src/instance-list-table/DisplaySettingsModal.tsx"],"sourcesContent":["import { Button, Modal } from \"antd\";\nimport React, { useMemo, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { K, NS_LIBS_CMDB_INSTANCES } from \"../i18n/constants\";\nimport { DisplaySettings, DisplaySettingsProps } from \"./DisplaySettings\";\n\nexport interface DisplaySettingsModalData {\n fields: string[];\n isReset?: boolean;\n}\n\nexport interface DisplaySettingsModalProps extends DisplaySettingsProps {\n visible?: boolean;\n defaultFields?: string[];\n onOk?(data: DisplaySettingsModalData): void;\n onCancel?(): void;\n}\n\nexport function DisplaySettingsModal(\n props: DisplaySettingsModalProps\n): React.ReactElement {\n const {\n visible,\n objectId,\n modelData,\n currentFields,\n defaultFields,\n extraDisabledFields,\n onOk,\n onCancel,\n } = props;\n const { t } = useTranslation(NS_LIBS_CMDB_INSTANCES);\n const [nextFields, setNextFields] = useState<string[]>(currentFields);\n const count = useMemo(\n () => nextFields?.filter((v) => v !== \"_object_id\").length,\n [nextFields]\n );\n\n const handleReset = (): void => {\n const fields = defaultFields ? defaultFields.slice() : [];\n\n setNextFields(fields);\n onOk?.({ fields, isReset: true });\n };\n\n const handleCancel = (): void => {\n setNextFields(currentFields ? [...currentFields] : []);\n onCancel?.();\n };\n\n return (\n <Modal\n title={t(K.DISPLAY_SETTINGS)}\n visible={visible}\n footer={\n <div style={{ display: \"flex\" }}>\n <div>\n <Button\n type=\"default\"\n onClick={handleReset}\n data-testid=\"reset-button\"\n >\n {t(K.RESTORE_DEFAULT)}\n </Button>\n </div>\n <div style={{ marginLeft: \"auto\" }}>\n <Button\n type=\"default\"\n onClick={handleCancel}\n style={{ marginRight: 10 }}\n data-testid=\"cancel-button\"\n >\n {t(K.CANCEL)}\n </Button>\n <Button\n type=\"primary\"\n onClick={() => props?.onOk({ fields: nextFields })}\n disabled={count === 0}\n data-testid=\"ok-button\"\n >\n {t(K.CONFIRM)}\n </Button>\n </div>\n </div>\n }\n onCancel={handleCancel}\n destroyOnClose={true}\n width={780}\n centered={true}\n >\n <DisplaySettings\n objectId={objectId}\n modelData={modelData}\n currentFields={nextFields}\n extraDisabledFields={extraDisabledFields}\n onChange={(fields) => setNextFields(fields)}\n />\n </Modal>\n );\n}\n"],"mappings":"AAAA,SAASA,MAAM,EAAEC,KAAK,QAAQ,MAAM;AACpC,OAAOC,KAAK,IAAIC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AAChD,SAASC,cAAc,QAAQ,eAAe;AAC9C,SAASC,CAAC,EAAEC,sBAAsB,QAAQ,mBAAmB;AAC7D,SAASC,eAAe,QAA8B,mBAAmB;AAczE,OAAO,SAASC,oBAAoB,CAClCC,KAAgC,EACZ;EACpB,IAAM;IACJC,OAAO;IACPC,QAAQ;IACRC,SAAS;IACTC,aAAa;IACbC,aAAa;IACbC,mBAAmB;IACnBC,IAAI;IACJC;EACF,CAAC,GAAGR,KAAK;EACT,IAAM;IAAES;EAAE,CAAC,GAAGd,cAAc,CAACE,sBAAsB,CAAC;EACpD,IAAM,CAACa,UAAU,EAAEC,aAAa,CAAC,GAAGjB,QAAQ,CAAWU,aAAa,CAAC;EACrE,IAAMQ,KAAK,GAAGnB,OAAO,CACnB,MAAMiB,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEG,MAAM,CAAEC,CAAC,IAAKA,CAAC,KAAK,YAAY,CAAC,CAACC,MAAM,EAC1D,CAACL,UAAU,CAAC,CACb;EAED,IAAMM,WAAW,GAAG,MAAY;IAC9B,IAAMC,MAAM,GAAGZ,aAAa,GAAGA,aAAa,CAACa,KAAK,EAAE,GAAG,EAAE;IAEzDP,aAAa,CAACM,MAAM,CAAC;IACrBV,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAG;MAAEU,MAAM;MAAEE,OAAO,EAAE;IAAK,CAAC,CAAC;EACnC,CAAC;EAED,IAAMC,YAAY,GAAG,MAAY;IAC/BT,aAAa,CAACP,aAAa,GAAG,CAAC,GAAGA,aAAa,CAAC,GAAG,EAAE,CAAC;IACtDI,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,EAAI;EACd,CAAC;EAED,oBACE,oBAAC,KAAK;IACJ,KAAK,EAAEC,CAAC,CAACb,CAAC,CAACyB,gBAAgB,CAAE;IAC7B,OAAO,EAAEpB,OAAQ;IACjB,MAAM,eACJ;MAAK,KAAK,EAAE;QAAEqB,OAAO,EAAE;MAAO;IAAE,gBAC9B,8CACE,oBAAC,MAAM;MACL,IAAI,EAAC,SAAS;MACd,OAAO,EAAEN,WAAY;MACrB,eAAY;IAAc,GAEzBP,CAAC,CAACb,CAAC,CAAC2B,eAAe,CAAC,CACd,CACL,eACN;MAAK,KAAK,EAAE;QAAEC,UAAU,EAAE;MAAO;IAAE,gBACjC,oBAAC,MAAM;MACL,IAAI,EAAC,SAAS;MACd,OAAO,EAAEJ,YAAa;MACtB,KAAK,EAAE;QAAEK,WAAW,EAAE;MAAG,CAAE;MAC3B,eAAY;IAAe,GAE1BhB,CAAC,CAACb,CAAC,CAAC8B,MAAM,CAAC,CACL,eACT,oBAAC,MAAM;MACL,IAAI,EAAC,SAAS;MACd,OAAO,EAAE,MAAM1B,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEO,IAAI,CAAC;QAAEU,MAAM,EAAEP;MAAW,CAAC,CAAE;MACnD,QAAQ,EAAEE,KAAK,KAAK,CAAE;MACtB,eAAY;IAAW,GAEtBH,CAAC,CAACb,CAAC,CAAC+B,OAAO,CAAC,CACN,CACL,CAET;IACD,QAAQ,EAAEP,YAAa;IACvB,cAAc,EAAE,IAAK;IACrB,KAAK,EAAE,GAAI;IACX,QAAQ,EAAE;EAAK,gBAEf,oBAAC,eAAe;IACd,QAAQ,EAAElB,QAAS;IACnB,SAAS,EAAEC,SAAU;IACrB,aAAa,EAAEO,UAAW;IAC1B,mBAAmB,EAAEJ,mBAAoB;IACzC,QAAQ,EAAGW,MAAM,IAAKN,aAAa,CAACM,MAAM;EAAE,EAC5C,CACI;AAEZ"}

package/dist/esm/instance-list-table/DynamicSearch.js CHANGED Viewed

@@ -13,7 +13,6 @@ import { processAttrValueWithQuote, ENABLED_CMDB_ADVANCE_SEARCH_WITH_QUOTE } fro
 export class DynamicSearchForm extends React.Component {
   constructor(props) {
     super(props);
     _defineProperty(this, "onValueChange", (value, fieldIndex, valueIndex) => {
       this.setState({
         fields: update(this.state.fields, {
@@ -27,14 +26,11 @@ export class DynamicSearchForm extends React.Component {
         })
       });
     });
     _defineProperty(this, "handleValueChange", (e, fieldIndex) => {
       this.onValueChange(e.target.value, fieldIndex, 0);
     });
     _defineProperty(this, "handleSearch", e => {
       e.preventDefault();
       if (this.props.onSearch) {
         var _queries = [];
         var _queriesToShow = [];
@@ -61,14 +57,11 @@ export class DynamicSearchForm extends React.Component {
             fieldQueryToShow = {
               [fieldIdToShow]: expressions
             };
             if (value !== null && value !== "" && !(Array.isArray(value) && value.length === 0)) {
               var values;
               if (typeof value === "string") {
                 values = processAttrValueWithQuote(value, []);
               }
               if (values.length) {
                 fieldQuery = {
                   [operator.logicalOperator]: values.map(value => {
@@ -80,7 +73,6 @@ export class DynamicSearchForm extends React.Component {
                   })
                 };
               }
               fieldQueryToShow = {
                 [operator.logicalOperator]: values.map(value => {
                   return {
@@ -91,39 +83,31 @@ export class DynamicSearchForm extends React.Component {
                 })
               };
               hasValue = true;
               _fieldToShow.push({
                 [field.id]: field.values
               });
             }
           });
           if (hasValue) {
             _queries.push(fieldQuery);
             _queriesToShow.push(fieldQueryToShow);
           }
         });
         if (_queries.length === 0) {
           _queries = undefined;
           _queriesToShow = undefined;
         }
         if (!isEqual(this.props.q, _queries)) {
           this.props.onSearch(_queries, _queriesToShow, _fieldToShow);
         }
       }
     });
     _defineProperty(this, "handleReset", () => {
       this.props.onSearch([], [], []);
       this.props.form.resetFields();
     });
     this.state = this.computeState();
   }
   componentDidUpdate(prevProps) {
     if (!isEqual(this.props.q, prevProps.q)) {
       var newState = this.computeState();
@@ -131,36 +115,29 @@ export class DynamicSearchForm extends React.Component {
       this.setFormFieldValues(newState.fields);
     }
   }
   computeState() {
     var fieldQueryOperatorExpressionsMap = {};
     var fields = [];
     if (this.props.q) {
       this.props.q.forEach(query => {
         Object.entries(query).forEach(_ref => {
           var [key, expressions] = _ref;
           if (key === LogicalOperators.Or || key === LogicalOperators.And) {
             var firstSubQuery = expressions[0];
             var fieldId = Object.keys(firstSubQuery)[0];
             var compareOperator = Object.keys(firstSubQuery[fieldId])[0];
             var subQueryValue = "";
             var targetField;
             if (ENABLED_CMDB_ADVANCE_SEARCH_WITH_QUOTE) {
               var _this$props$fieldToSh;
               targetField = (_this$props$fieldToSh = this.props.fieldToShow) === null || _this$props$fieldToSh === void 0 ? void 0 : _this$props$fieldToSh.find(fieldItem => Object.keys(fieldItem)[0] === fieldId);
             }
             if (!isNil(targetField)) {
               // 二维数组会有问题，
               subQueryValue = isArray(targetField[fieldId]) ? targetField[fieldId].map(item => isArray(item) ? item.join(" ") : item).join("") : targetField[fieldId];
             } else {
               subQueryValue = expressions.map(query => {
                 var targetValue = query[fieldId][compareOperator];
                 if (compareOperator === ComparisonOperators.Like || compareOperator === ComparisonOperators.NotLike) {
                   return isString(targetValue) && targetValue.includes(" ") ? "".concat(targetValue[0], "\"").concat(targetValue.slice(1, targetValue.length - 1), "\"").concat(targetValue[targetValue.length - 1]) : targetValue;
                 } else {
@@ -168,44 +145,36 @@ export class DynamicSearchForm extends React.Component {
                 }
               }).join(" ");
             }
             key = fieldId;
             expressions = {
               [compareOperator]: subQueryValue
             };
           }
           fieldQueryOperatorExpressionsMap[key] = expressions;
         });
       });
     }
     if (this.props.fields) {
       fields = this.props.fields.map(v => _objectSpread(_objectSpread({}, v), {}, {
         values: [null]
       }));
       if (!isEmpty(fieldQueryOperatorExpressionsMap)) {
         fields = this.props.fields.map(v => {
           var str = null;
           if (fieldQueryOperatorExpressionsMap[v.id]) {
             var expressions = fieldQueryOperatorExpressionsMap[v.id]["$like"];
             str = expressions.replace(/%/g, "");
           }
           return _objectSpread(_objectSpread({}, v), {}, {
             values: [str]
           });
         });
       }
     }
     return {
       fields
     };
   }
   setFormFieldValues(fields) {
     var values = fields.reduce((acc, field) => {
       acc["".concat(field.id)] = field.values.join("");
@@ -213,7 +182,6 @@ export class DynamicSearchForm extends React.Component {
     }, {});
     this.props.form.setFieldsValue(values);
   }
   getFields() {
     var {
       getFieldDecorator
@@ -234,7 +202,6 @@ export class DynamicSearchForm extends React.Component {
       }))));
     });
   }
   render() {
     return /*#__PURE__*/React.createElement("div", {
       className: styles.dynamicSearch
@@ -261,7 +228,6 @@ export class DynamicSearchForm extends React.Component {
       "data-testid": "reset-button"
     }, i18n.t("".concat(NS_LIBS_CMDB_INSTANCES, ":").concat(K.RESET)))))));
   }
 }
 export var DynamicSearch = Form.create({
   name: "dynamic_search"

package/dist/esm/instance-list-table/DynamicSearch.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DynamicSearch.js","names":["React","update","isEqual","isNil","isString","isArray","isEmpty","Form","Button","Col","Input","Row","ComparisonOperators","LogicalOperators","styles","i18n","NS_LIBS_CMDB_INSTANCES","K","processAttrValueWithQuote","ENABLED_CMDB_ADVANCE_SEARCH_WITH_QUOTE","DynamicSearchForm","Component","constructor","props","value","fieldIndex","valueIndex","setState","fields","state","values","$set","e","onValueChange","target","preventDefault","onSearch","queries","queriesToShow","fieldToShow","forEach","field","expressions","fieldId","id","fieldQuery","fieldQueryToShow","hasValue","operator","comparisonOperator","Like","logicalOperator","Or","fieldIdToShow","Array","length","map","push","undefined","q","form","resetFields","computeState","componentDidUpdate","prevProps","newState","setFormFieldValues","fieldQueryOperatorExpressionsMap","query","Object","entries","key","And","firstSubQuery","keys","compareOperator","subQueryValue","targetField","find","fieldItem","item","join","targetValue","NotLike","includes","slice","v","str","replace","reduce","acc","setFieldsValue","getFields","getFieldDecorator","name","initialValue","conditionInput","t","OPERATOR_CONTAIN_DEFINE","ADVANCE_SEARCH_SINGLE_INPUT_PLACEHOLDER","handleValueChange","render","dynamicSearch","dynamicSearchForm","handleSearch","textAlign","SEARCH","marginLeft","handleReset","RESET","DynamicSearch","create"],"sources":["../../../src/instance-list-table/DynamicSearch.tsx"],"sourcesContent":["import React, { FormEvent } from \"react\";\nimport update from \"immutability-helper\";\nimport { isEqual, isNil, isString, isArray, isEmpty } from \"lodash\";\nimport { Form } from \"@ant-design/compatible\";\nimport { Button, Col, Input, Row, Select } from \"antd\";\nimport { FormComponentProps } from \"@ant-design/compatible/lib/form\";\nimport {\n ComparisonOperators,\n LogicalOperators,\n Query,\n QueryOperatorExpressions,\n} from \"@next-libs/cmdb-utils\";\nimport styles from \"./DynamicSearch.module.css\";\nimport i18n from \"i18next\";\nimport { NS_LIBS_CMDB_INSTANCES, K } from \"../i18n/constants\";\nimport {\n processAttrValueWithQuote,\n ENABLED_CMDB_ADVANCE_SEARCH_WITH_QUOTE,\n} from \"../processors\";\n\nexport interface Field {\n id: string;\n name: string;\n values?: any[];\n}\n\nexport interface DynamicSearchFormProps extends FormComponentProps {\n fields: Record<string, any>[];\n q?: Query[];\n onSearch?(\n queries: Query[],\n queriesToShow?: Query[],\n fieldToShow?: Record<string, any[]>[]\n ): void;\n fieldToShow?: Record<string, any[]>[]; // 回填高级搜索的field值（根据query回填丢失了引号信息）\n}\n\nexport interface DynamicSearchFormState {\n fields: Field[];\n}\n\nexport class DynamicSearchForm extends React.Component<\n DynamicSearchFormProps,\n DynamicSearchFormState\n> {\n constructor(props: DynamicSearchFormProps) {\n super(props);\n\n this.state = this.computeState();\n }\n\n componentDidUpdate(prevProps: Readonly<DynamicSearchFormProps>): void {\n if (!isEqual(this.props.q, prevProps.q)) {\n const newState = this.computeState();\n this.setState(newState);\n this.setFormFieldValues(newState.fields);\n }\n }\n\n computeState(): { fields: Field[] } {\n const fieldQueryOperatorExpressionsMap: Record<\n string,\n QueryOperatorExpressions\n > = {};\n let fields: Field[] = [];\n if (this.props.q) {\n this.props.q.forEach((query) => {\n Object.entries(query).forEach(([key, expressions]) => {\n if (key === LogicalOperators.Or \|\| key === LogicalOperators.And) {\n const firstSubQuery = (expressions as Query[])[0];\n const fieldId = Object.keys(firstSubQuery)[0];\n const compareOperator = Object.keys(firstSubQuery[fieldId])[0];\n let subQueryValue = \"\";\n let targetField;\n if (ENABLED_CMDB_ADVANCE_SEARCH_WITH_QUOTE) {\n targetField = this.props.fieldToShow?.find(\n (fieldItem) => Object.keys(fieldItem)[0] === fieldId\n );\n }\n if (!isNil(targetField)) {\n // 二维数组会有问题，\n subQueryValue = isArray(targetField[fieldId])\n ? targetField[fieldId]\n .map((item) => (isArray(item) ? item.join(\" \") : item))\n .join(\"\")\n : (targetField[fieldId] as any);\n } else {\n subQueryValue = (expressions as Query[])\n .map((query) => {\n const targetValue = (\n query[fieldId] as Record<ComparisonOperators, any>\n )[compareOperator as ComparisonOperators];\n if (\n compareOperator === ComparisonOperators.Like \|\|\n compareOperator === ComparisonOperators.NotLike\n ) {\n return isString(targetValue) && targetValue.includes(\" \")\n ? `${targetValue[0]}\"${targetValue.slice(\n 1,\n targetValue.length - 1\n )}\"${targetValue[targetValue.length - 1]}`\n : targetValue;\n } else {\n return isString(targetValue) && targetValue.includes(\" \")\n ? `\"${targetValue}\"`\n : targetValue;\n }\n })\n .join(\" \");\n }\n key = fieldId;\n expressions = {\n [compareOperator]: subQueryValue,\n };\n }\n\n fieldQueryOperatorExpressionsMap[key] =\n expressions as QueryOperatorExpressions;\n });\n });\n }\n if (this.props.fields) {\n fields = this.props.fields.map(\n (v) => ({ ...v, values: [null] } as Field)\n );\n if (!isEmpty(fieldQueryOperatorExpressionsMap)) {\n fields = this.props.fields.map((v) => {\n let str: any = null;\n if (fieldQueryOperatorExpressionsMap[v.id]) {\n const expressions = fieldQueryOperatorExpressionsMap[v.id][\"$like\"];\n str = expressions.replace(/%/g, \"\");\n }\n return {\n ...v,\n values: [str],\n } as Field;\n });\n }\n }\n return { fields };\n }\n\n setFormFieldValues(fields: Field[]): void {\n const values = fields.reduce<{ [key: string]: any }>((acc, field) => {\n acc[`${field.id}`] = field.values.join(\"\");\n return acc;\n }, {});\n this.props.form.setFieldsValue(values);\n }\n\n onValueChange = (value: any, fieldIndex: number, valueIndex: number) => {\n this.setState({\n fields: update(this.state.fields, {\n [fieldIndex]: { values: { [valueIndex]: { $set: value } } },\n }),\n });\n };\n\n getFields() {\n const { getFieldDecorator } = this.props.form;\n return this.state.fields.map((field, fieldIndex) => {\n return (\n <Col span={12} key={field.id}>\n <Form.Item label={field.name}>\n {getFieldDecorator(`${field.id}`, {\n initialValue: field.values \|\| \"\",\n })(\n <Input\n className={styles.conditionInput}\n addonBefore={i18n.t(\n `${NS_LIBS_CMDB_INSTANCES}:${K.OPERATOR_CONTAIN_DEFINE}`\n )}\n placeholder={i18n.t(\n `${NS_LIBS_CMDB_INSTANCES}:${K.ADVANCE_SEARCH_SINGLE_INPUT_PLACEHOLDER}`\n )}\n onChange={(e) => this.handleValueChange(e, fieldIndex)}\n />\n )}\n </Form.Item>\n </Col>\n );\n });\n }\n\n handleValueChange = (e: any, fieldIndex: number) => {\n this.onValueChange(e.target.value, fieldIndex, 0);\n };\n\n handleSearch = (e: FormEvent<any>): void => {\n e.preventDefault();\n if (this.props.onSearch) {\n let queries: Query[] = [];\n let queriesToShow: Query[] = [];\n const fieldToShow: Record<string, any[]>[] = [];\n this.state.fields.forEach((field) => {\n const expressions: QueryOperatorExpressions = {};\n const fieldId = field.id;\n let fieldQuery: Query = { [fieldId]: expressions };\n let fieldQueryToShow: Query = { [fieldId]: expressions };\n let hasValue = false;\n const operator = {\n comparisonOperator: ComparisonOperators.Like,\n logicalOperator: LogicalOperators.Or,\n };\n field.values.forEach((value) => {\n fieldQuery = { [field.id]: expressions };\n const fieldIdToShow = field.id;\n fieldQueryToShow = { [fieldIdToShow]: expressions };\n if (\n value !== null &&\n value !== \"\" &&\n !(Array.isArray(value) && value.length === 0)\n ) {\n let values: any[];\n if (typeof value === \"string\") {\n values = processAttrValueWithQuote(value, []);\n }\n if (values.length) {\n fieldQuery = {\n [operator.logicalOperator]: values.map((value) => {\n return {\n [fieldId]: {\n [operator.comparisonOperator]: `%${value}%`,\n },\n };\n }),\n };\n }\n fieldQueryToShow = {\n [operator.logicalOperator]: values.map((value) => {\n return {\n [fieldIdToShow]: {\n [operator.comparisonOperator]: `%${value}%`,\n },\n };\n }),\n };\n hasValue = true;\n fieldToShow.push({ [field.id]: field.values });\n }\n });\n if (hasValue) {\n queries.push(fieldQuery);\n queriesToShow.push(fieldQueryToShow);\n }\n });\n if (queries.length === 0) {\n queries = undefined;\n queriesToShow = undefined;\n }\n if (!isEqual(this.props.q, queries)) {\n this.props.onSearch(queries, queriesToShow, fieldToShow);\n }\n }\n };\n\n handleReset = () => {\n this.props.onSearch([], [], []);\n this.props.form.resetFields();\n };\n\n render(): React.ReactNode {\n return (\n <div className={styles.dynamicSearch}>\n <Form\n layout=\"vertical\"\n className={styles.dynamicSearchForm}\n onSubmit={this.handleSearch}\n >\n <Row gutter={50}>{this.getFields()}</Row>\n <Row>\n <Col span={24} style={{ textAlign: \"right\" }}>\n <Button\n type=\"primary\"\n htmlType=\"submit\"\n data-testid=\"submit-button\"\n >\n {i18n.t(`${NS_LIBS_CMDB_INSTANCES}:${K.SEARCH}`)}\n </Button>\n <Button\n style={{ marginLeft: 8 }}\n onClick={this.handleReset}\n data-testid=\"reset-button\"\n >\n {i18n.t(`${NS_LIBS_CMDB_INSTANCES}:${K.RESET}`)}\n </Button>\n </Col>\n </Row>\n </Form>\n </div>\n );\n }\n}\n\nexport const DynamicSearch = Form.create<DynamicSearchFormProps>({\n name: \"dynamic_search\",\n})(DynamicSearchForm);\n"],"mappings":"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"}
1	+ {"version":3,"file":"DynamicSearch.js","names":["React","update","isEqual","isNil","isString","isArray","isEmpty","Form","Button","Col","Input","Row","ComparisonOperators","LogicalOperators","styles","i18n","NS_LIBS_CMDB_INSTANCES","K","processAttrValueWithQuote","ENABLED_CMDB_ADVANCE_SEARCH_WITH_QUOTE","DynamicSearchForm","Component","constructor","props","value","fieldIndex","valueIndex","setState","fields","state","values","$set","e","onValueChange","target","preventDefault","onSearch","queries","queriesToShow","fieldToShow","forEach","field","expressions","fieldId","id","fieldQuery","fieldQueryToShow","hasValue","operator","comparisonOperator","Like","logicalOperator","Or","fieldIdToShow","Array","length","map","push","undefined","q","form","resetFields","computeState","componentDidUpdate","prevProps","newState","setFormFieldValues","fieldQueryOperatorExpressionsMap","query","Object","entries","key","And","firstSubQuery","keys","compareOperator","subQueryValue","targetField","find","fieldItem","item","join","targetValue","NotLike","includes","slice","v","str","replace","reduce","acc","setFieldsValue","getFields","getFieldDecorator","name","initialValue","conditionInput","t","OPERATOR_CONTAIN_DEFINE","ADVANCE_SEARCH_SINGLE_INPUT_PLACEHOLDER","handleValueChange","render","dynamicSearch","dynamicSearchForm","handleSearch","textAlign","SEARCH","marginLeft","handleReset","RESET","DynamicSearch","create"],"sources":["../../../src/instance-list-table/DynamicSearch.tsx"],"sourcesContent":["import React, { FormEvent } from \"react\";\nimport update from \"immutability-helper\";\nimport { isEqual, isNil, isString, isArray, isEmpty } from \"lodash\";\nimport { Form } from \"@ant-design/compatible\";\nimport { Button, Col, Input, Row, Select } from \"antd\";\nimport { FormComponentProps } from \"@ant-design/compatible/lib/form\";\nimport {\n ComparisonOperators,\n LogicalOperators,\n Query,\n QueryOperatorExpressions,\n} from \"@next-libs/cmdb-utils\";\nimport styles from \"./DynamicSearch.module.css\";\nimport i18n from \"i18next\";\nimport { NS_LIBS_CMDB_INSTANCES, K } from \"../i18n/constants\";\nimport {\n processAttrValueWithQuote,\n ENABLED_CMDB_ADVANCE_SEARCH_WITH_QUOTE,\n} from \"../processors\";\n\nexport interface Field {\n id: string;\n name: string;\n values?: any[];\n}\n\nexport interface DynamicSearchFormProps extends FormComponentProps {\n fields: Record<string, any>[];\n q?: Query[];\n onSearch?(\n queries: Query[],\n queriesToShow?: Query[],\n fieldToShow?: Record<string, any[]>[]\n ): void;\n fieldToShow?: Record<string, any[]>[]; // 回填高级搜索的field值（根据query回填丢失了引号信息）\n}\n\nexport interface DynamicSearchFormState {\n fields: Field[];\n}\n\nexport class DynamicSearchForm extends React.Component<\n DynamicSearchFormProps,\n DynamicSearchFormState\n> {\n constructor(props: DynamicSearchFormProps) {\n super(props);\n\n this.state = this.computeState();\n }\n\n componentDidUpdate(prevProps: Readonly<DynamicSearchFormProps>): void {\n if (!isEqual(this.props.q, prevProps.q)) {\n const newState = this.computeState();\n this.setState(newState);\n this.setFormFieldValues(newState.fields);\n }\n }\n\n computeState(): { fields: Field[] } {\n const fieldQueryOperatorExpressionsMap: Record<\n string,\n QueryOperatorExpressions\n > = {};\n let fields: Field[] = [];\n if (this.props.q) {\n this.props.q.forEach((query) => {\n Object.entries(query).forEach(([key, expressions]) => {\n if (key === LogicalOperators.Or \|\| key === LogicalOperators.And) {\n const firstSubQuery = (expressions as Query[])[0];\n const fieldId = Object.keys(firstSubQuery)[0];\n const compareOperator = Object.keys(firstSubQuery[fieldId])[0];\n let subQueryValue = \"\";\n let targetField;\n if (ENABLED_CMDB_ADVANCE_SEARCH_WITH_QUOTE) {\n targetField = this.props.fieldToShow?.find(\n (fieldItem) => Object.keys(fieldItem)[0] === fieldId\n );\n }\n if (!isNil(targetField)) {\n // 二维数组会有问题，\n subQueryValue = isArray(targetField[fieldId])\n ? targetField[fieldId]\n .map((item) => (isArray(item) ? item.join(\" \") : item))\n .join(\"\")\n : (targetField[fieldId] as any);\n } else {\n subQueryValue = (expressions as Query[])\n .map((query) => {\n const targetValue = (\n query[fieldId] as Record<ComparisonOperators, any>\n )[compareOperator as ComparisonOperators];\n if (\n compareOperator === ComparisonOperators.Like \|\|\n compareOperator === ComparisonOperators.NotLike\n ) {\n return isString(targetValue) && targetValue.includes(\" \")\n ? `${targetValue[0]}\"${targetValue.slice(\n 1,\n targetValue.length - 1\n )}\"${targetValue[targetValue.length - 1]}`\n : targetValue;\n } else {\n return isString(targetValue) && targetValue.includes(\" \")\n ? `\"${targetValue}\"`\n : targetValue;\n }\n })\n .join(\" \");\n }\n key = fieldId;\n expressions = {\n [compareOperator]: subQueryValue,\n };\n }\n\n fieldQueryOperatorExpressionsMap[key] =\n expressions as QueryOperatorExpressions;\n });\n });\n }\n if (this.props.fields) {\n fields = this.props.fields.map(\n (v) => ({ ...v, values: [null] } as Field)\n );\n if (!isEmpty(fieldQueryOperatorExpressionsMap)) {\n fields = this.props.fields.map((v) => {\n let str: any = null;\n if (fieldQueryOperatorExpressionsMap[v.id]) {\n const expressions = fieldQueryOperatorExpressionsMap[v.id][\"$like\"];\n str = expressions.replace(/%/g, \"\");\n }\n return {\n ...v,\n values: [str],\n } as Field;\n });\n }\n }\n return { fields };\n }\n\n setFormFieldValues(fields: Field[]): void {\n const values = fields.reduce<{ [key: string]: any }>((acc, field) => {\n acc[`${field.id}`] = field.values.join(\"\");\n return acc;\n }, {});\n this.props.form.setFieldsValue(values);\n }\n\n onValueChange = (value: any, fieldIndex: number, valueIndex: number) => {\n this.setState({\n fields: update(this.state.fields, {\n [fieldIndex]: { values: { [valueIndex]: { $set: value } } },\n }),\n });\n };\n\n getFields() {\n const { getFieldDecorator } = this.props.form;\n return this.state.fields.map((field, fieldIndex) => {\n return (\n <Col span={12} key={field.id}>\n <Form.Item label={field.name}>\n {getFieldDecorator(`${field.id}`, {\n initialValue: field.values \|\| \"\",\n })(\n <Input\n className={styles.conditionInput}\n addonBefore={i18n.t(\n `${NS_LIBS_CMDB_INSTANCES}:${K.OPERATOR_CONTAIN_DEFINE}`\n )}\n placeholder={i18n.t(\n `${NS_LIBS_CMDB_INSTANCES}:${K.ADVANCE_SEARCH_SINGLE_INPUT_PLACEHOLDER}`\n )}\n onChange={(e) => this.handleValueChange(e, fieldIndex)}\n />\n )}\n </Form.Item>\n </Col>\n );\n });\n }\n\n handleValueChange = (e: any, fieldIndex: number) => {\n this.onValueChange(e.target.value, fieldIndex, 0);\n };\n\n handleSearch = (e: FormEvent<any>): void => {\n e.preventDefault();\n if (this.props.onSearch) {\n let queries: Query[] = [];\n let queriesToShow: Query[] = [];\n const fieldToShow: Record<string, any[]>[] = [];\n this.state.fields.forEach((field) => {\n const expressions: QueryOperatorExpressions = {};\n const fieldId = field.id;\n let fieldQuery: Query = { [fieldId]: expressions };\n let fieldQueryToShow: Query = { [fieldId]: expressions };\n let hasValue = false;\n const operator = {\n comparisonOperator: ComparisonOperators.Like,\n logicalOperator: LogicalOperators.Or,\n };\n field.values.forEach((value) => {\n fieldQuery = { [field.id]: expressions };\n const fieldIdToShow = field.id;\n fieldQueryToShow = { [fieldIdToShow]: expressions };\n if (\n value !== null &&\n value !== \"\" &&\n !(Array.isArray(value) && value.length === 0)\n ) {\n let values: any[];\n if (typeof value === \"string\") {\n values = processAttrValueWithQuote(value, []);\n }\n if (values.length) {\n fieldQuery = {\n [operator.logicalOperator]: values.map((value) => {\n return {\n [fieldId]: {\n [operator.comparisonOperator]: `%${value}%`,\n },\n };\n }),\n };\n }\n fieldQueryToShow = {\n [operator.logicalOperator]: values.map((value) => {\n return {\n [fieldIdToShow]: {\n [operator.comparisonOperator]: `%${value}%`,\n },\n };\n }),\n };\n hasValue = true;\n fieldToShow.push({ [field.id]: field.values });\n }\n });\n if (hasValue) {\n queries.push(fieldQuery);\n queriesToShow.push(fieldQueryToShow);\n }\n });\n if (queries.length === 0) {\n queries = undefined;\n queriesToShow = undefined;\n }\n if (!isEqual(this.props.q, queries)) {\n this.props.onSearch(queries, queriesToShow, fieldToShow);\n }\n }\n };\n\n handleReset = () => {\n this.props.onSearch([], [], []);\n this.props.form.resetFields();\n };\n\n render(): React.ReactNode {\n return (\n <div className={styles.dynamicSearch}>\n <Form\n layout=\"vertical\"\n className={styles.dynamicSearchForm}\n onSubmit={this.handleSearch}\n >\n <Row gutter={50}>{this.getFields()}</Row>\n <Row>\n <Col span={24} style={{ textAlign: \"right\" }}>\n <Button\n type=\"primary\"\n htmlType=\"submit\"\n data-testid=\"submit-button\"\n >\n {i18n.t(`${NS_LIBS_CMDB_INSTANCES}:${K.SEARCH}`)}\n </Button>\n <Button\n style={{ marginLeft: 8 }}\n onClick={this.handleReset}\n data-testid=\"reset-button\"\n >\n {i18n.t(`${NS_LIBS_CMDB_INSTANCES}:${K.RESET}`)}\n </Button>\n </Col>\n </Row>\n </Form>\n </div>\n );\n }\n}\n\nexport const DynamicSearch = Form.create<DynamicSearchFormProps>({\n name: \"dynamic_search\",\n})(DynamicSearchForm);\n"],"mappings":"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"}