npm - @next-libs/cmdb-instances - Versions diffs - 7.16.2 → 7.17.1 - Mend

@next-libs/cmdb-instances 7.16.2 → 7.17.1

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

package/dist/esm/struct-components/StructTable.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StructTable.js","names":["React","DeleteOutlined","EditOutlined","Button","Modal","Table","Input","isEmpty","isObject","compact","AddStructModal","styles","i18n","K","NS_LIBS_CMDB_INSTANCES","Typography","StructTable","Component","constructor","props","formData","index","structData","isLegacy","pageSize","page","state","structNumber","handleStoreFunction","handleCloseModal","setState","showEditModal","currentIndex","record","attribute","handleOpenEditModal","color","openConfirmModal","handleEditStruct","showAllStructData","filterDataSource","getDataSource","value","map","r","values","Object","find","s","toString","match","getColumns","defines","columns","item","title","name","className","structTableTd","dataIndex","id","render","text","_record","_index","copyText","showText","type","String","join","JSON","stringify","tooltips","t","COPY","COPY_SUCCESS","isEditable","push","OPERATION","fixed","_text","renderOperation","confirm","DELETE_STRUCT_CONFIRM_MSG","okText","CONFIRM","okType","cancelText","CANCEL","onOk","remove","splice","structDefine","struct_define","dataSource","displayDataSource","slice","overflowX","x","length","showSizeChanger","onChange","handlePaginationChange","size","VIEW_MORE","closeAllDataModal","marginBottom","width","onSearch"],"sources":["../../../src/struct-components/StructTable.tsx"],"sourcesContent":["import React from \"react\";\nimport { DeleteOutlined, EditOutlined } from \"@ant-design/icons\";\nimport { Button, Modal, Table, Input } from \"antd\";\nimport { Attribute, Structkey } from \"./interfaces\";\nimport { isEmpty, isObject, compact, uniq } from \"lodash\";\nimport { AddStructModal } from \"./AddStructModal\";\nimport { SizeType } from \"antd/lib/config-provider/SizeContext\";\nimport styles from \"./index.module.css\";\nimport i18n from \"i18next\";\nimport { K, NS_LIBS_CMDB_INSTANCES } from \"../i18n/constants\";\nimport { Typography } from \"antd\";\nexport interface StructTableProps {\n attribute: Attribute;\n structData: any;\n isEditable?: boolean;\n // 是否单结构体\n isLegacy?: boolean;\n size?: SizeType;\n handleStoreFunction?(data: any): void;\n}\nexport interface StructTableState {\n structData: any;\n currentIndex: number;\n showEditModal: boolean;\n showAllStructData: boolean;\n page: number;\n pageSize: number;\n filterDataSource: any;\n}\nexport class StructTable extends React.Component<\n StructTableProps,\n StructTableState\n> {\n constructor(props: StructTableProps) {\n super(props);\n this.state = {\n structData: props.structData,\n currentIndex: 0,\n showEditModal: false,\n showAllStructData: false,\n page: 1,\n pageSize: 10,\n filterDataSource: this.getDataSource(),\n };\n }\n getDataSource() {\n return isEmpty(this.props.structData)\n ? []\n : this.props.isLegacy\n ? [this.props.structData]\n : [...this.props.structData];\n }\n\n getColumns(defines: Structkey[]) {\n const columns: any = defines.map((item: Structkey) => ({\n title: item.name,\n className: styles.structTableTd,\n dataIndex: item.id,\n render: (text: any, _record: any, _index: number) => {\n let copyText: string;\n let showText: string;\n switch (item.type) {\n case \"bool\":\n return String(text ?? \"\");\n case \"enums\":\n case \"arr\":\n return text?.join?.(\"; \");\n case \"json\":\n copyText = isObject(text) ? JSON.stringify(text, null, 2) : text;\n showText = isObject(text) ? JSON.stringify(text) : text;\n if (copyText) {\n return (\n <Typography.Paragraph\n copyable={{\n tooltips: [\n i18n.t(`${NS_LIBS_CMDB_INSTANCES}:${K.COPY}`),\n i18n.t(`${NS_LIBS_CMDB_INSTANCES}:${K.COPY_SUCCESS}`),\n ],\n text: copyText,\n }}\n >\n {showText}\n </Typography.Paragraph>\n );\n }\n return showText;\n default:\n return text;\n }\n },\n }));\n if (this.props.isEditable) {\n columns.push({\n title: i18n.t(`${NS_LIBS_CMDB_INSTANCES}:${K.OPERATION}`),\n className: styles.structTableTd,\n dataIndex: \"operation\",\n fixed: \"right\",\n render: (_text: string, record: any, index: number): any => {\n return this.renderOperation(record, index);\n },\n });\n }\n return columns;\n }\n openConfirmModal(index: number) {\n const confirm = Modal.confirm;\n\n confirm({\n title: i18n.t(`${NS_LIBS_CMDB_INSTANCES}:${K.DELETE_STRUCT_CONFIRM_MSG}`),\n okText: i18n.t(`${NS_LIBS_CMDB_INSTANCES}:${K.CONFIRM}`),\n okType: \"danger\",\n cancelText: i18n.t(`${NS_LIBS_CMDB_INSTANCES}:${K.CANCEL}`),\n onOk: () => {\n this.remove(index);\n },\n });\n }\n remove(index: number) {\n let { structData, isLegacy } = this.props;\n const { pageSize, page } = this.state;\n const structNumber = pageSize * (page - 1) + index;\n if (isLegacy) {\n structData = {};\n } else {\n structData.splice(structNumber, 1);\n }\n this.props.handleStoreFunction(structData);\n }\n handleEditStruct = (formData: any, index: number) => {\n let { structData, isLegacy } = this.props;\n const { pageSize, page } = this.state;\n const structNumber = pageSize * (page - 1) + index;\n if (isLegacy) {\n structData = [structData];\n }\n structData[structNumber] = formData;\n this.props.handleStoreFunction(structData);\n this.handleCloseModal();\n };\n handleOpenEditModal = (index: number) => {\n this.setState({\n showEditModal: true,\n currentIndex: index,\n });\n };\n handleCloseModal = () => {\n this.setState({ showEditModal: false });\n };\n\n handlePaginationChange = (page: number, pageSize: number): void => {\n this.setState({\n page,\n pageSize,\n });\n };\n renderOperation = (record: any, index: number) => {\n const { attribute, structData } = this.props;\n const { currentIndex } = this.state;\n return (\n <div>\n <Button\n type=\"link\"\n icon={<EditOutlined />}\n onClick={() => this.handleOpenEditModal(index)}\n />\n <Button\n type=\"link\"\n icon={<DeleteOutlined style={{ color: \"var(--theme-red-color)\" }} />}\n onClick={() => {\n this.openConfirmModal(index);\n }}\n />\n <AddStructModal\n attribute={attribute}\n visible={this.state.showEditModal && currentIndex === index}\n structData={record}\n handleStoreFunction={(formData: any) =>\n this.handleEditStruct(formData, index)\n }\n handleCancelFunction={this.handleCloseModal}\n />\n </div>\n );\n };\n closeAllDataModal = () => {\n this.setState({\n showAllStructData: false,\n filterDataSource: this.getDataSource(),\n });\n };\n // istanbul ignore next\n onSearch = (value: string) => {\n let filterDataSource = this.getDataSource();\n if (value) {\n filterDataSource = compact(\n filterDataSource.map((r: any) => {\n const values: string[] = Object.values(r);\n if (values?.find((s: string) => s.toString().match(value))) {\n return r;\n }\n })\n );\n }\n this.setState({\n filterDataSource,\n });\n };\n render() {\n const { attribute, isEditable } = this.props;\n const { showAllStructData } = this.state;\n const structDefine = attribute.value.struct_define;\n const columns = this.getColumns(structDefine);\n // 单结构体数据是对象，显示时要转换为数组\n const dataSource = this.getDataSource();\n const displayDataSource = isEditable ? dataSource : dataSource.slice(0, 10);\n return (\n <div style={{ overflowX: \"hidden\" }}>\n <Table\n scroll={{ x: \"max-content\" }}\n columns={columns}\n dataSource={displayDataSource}\n pagination={\n isEditable && dataSource.length > 10\n ? {\n showSizeChanger: true,\n onChange: this.handlePaginationChange,\n }\n : false\n }\n size={this.props.size}\n />\n {!isEditable && dataSource.length > 10 && (\n <Button\n type=\"link\"\n data-testid=\"view-more\"\n onClick={() => {\n this.setState({ showAllStructData: true });\n }}\n >\n {i18n.t(`${NS_LIBS_CMDB_INSTANCES}:${K.VIEW_MORE}`)}\n </Button>\n )}\n <Modal\n data-testid=\"show-all-modal\"\n visible={showAllStructData}\n title={attribute.name}\n width={800}\n zIndex={1035}\n onCancel={this.closeAllDataModal}\n footer={\n <Button type=\"primary\" onClick={this.closeAllDataModal}>\n {i18n.t(`${NS_LIBS_CMDB_INSTANCES}:${K.CONFIRM}`)}\n </Button>\n }\n destroyOnClose={true}\n >\n {\n // istanbul ignore next\n <Input.Search\n style={{ marginBottom: 30, width: 300 }}\n onSearch={(value) => {\n // istanbul ignore next\n this.onSearch(value);\n }}\n enterButton\n />\n }\n <Table\n dataSource={this.state.filterDataSource}\n scroll={{ x: \"max-content\" }}\n columns={columns}\n pagination={{\n showSizeChanger: true,\n }}\n />\n </Modal>\n </div>\n );\n }\n}\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,EAAEC,YAAY,QAAQ,mBAAmB;AAChE,SAASC,MAAM,EAAEC,KAAK,EAAEC,KAAK,EAAEC,KAAK,QAAQ,MAAM;AAElD,SAASC,OAAO,EAAEC,QAAQ,EAAEC,OAAO,QAAc,QAAQ;AACzD,SAASC,cAAc,QAAQ,kBAAkB;AAEjD,OAAOC,MAAM,MAAM,oBAAoB;AACvC,OAAOC,IAAI,MAAM,SAAS;AAC1B,SAASC,CAAC,EAAEC,sBAAsB,QAAQ,mBAAmB;AAC7D,SAASC,UAAU,QAAQ,MAAM;AAmBjC,OAAO,MAAMC,WAAW,SAAShB,KAAK,CAACiB,SAAS,CAG9C;EACAC,WAAW,CAACC,KAAuB,EAAE;IACnC,KAAK,CAACA,KAAK,CAAC;IAAC,0CA8FI,CAACC,QAAa,EAAEC,KAAa,KAAK;MACnD,IAAI;QAAEC,UAAU;QAAEC;MAAS,CAAC,GAAG,IAAI,CAACJ,KAAK;MACzC,IAAM;QAAEK,QAAQ;QAAEC;MAAK,CAAC,GAAG,IAAI,CAACC,KAAK;MACrC,IAAMC,YAAY,GAAGH,QAAQ,IAAIC,IAAI,GAAG,CAAC,CAAC,GAAGJ,KAAK;MAClD,IAAIE,QAAQ,EAAE;QACZD,UAAU,GAAG,CAACA,UAAU,CAAC;MAC3B;MACAA,UAAU,CAACK,YAAY,CAAC,GAAGP,QAAQ;MACnC,IAAI,CAACD,KAAK,CAACS,mBAAmB,CAACN,UAAU,CAAC;MAC1C,IAAI,CAACO,gBAAgB,EAAE;IACzB,CAAC;IAAA,6CACsBR,KAAa,IAAK;MACvC,IAAI,CAACS,QAAQ,CAAC;QACZC,aAAa,EAAE,IAAI;QACnBC,YAAY,EAAEX;MAChB,CAAC,CAAC;IACJ,CAAC;IAAA,0CACkB,MAAM;MACvB,IAAI,CAACS,QAAQ,CAAC;QAAEC,aAAa,EAAE;MAAM,CAAC,CAAC;IACzC,CAAC;IAAA,gDAEwB,CAACN,IAAY,EAAED,QAAgB,KAAW;MACjE,IAAI,CAACM,QAAQ,CAAC;QACZL,IAAI;QACJD;MACF,CAAC,CAAC;IACJ,CAAC;IAAA,yCACiB,CAACS,MAAW,EAAEZ,KAAa,KAAK;MAChD,IAAM;QAAEa,SAAS;QAAEZ;MAAW,CAAC,GAAG,IAAI,CAACH,KAAK;MAC5C,IAAM;QAAEa;MAAa,CAAC,GAAG,IAAI,CAACN,KAAK;MACnC,oBACE,8CACE,oBAAC,MAAM;QACL,IAAI,EAAC,MAAM;QACX,IAAI,eAAE,oBAAC,YAAY,OAAI;QACvB,OAAO,EAAE,MAAM,IAAI,CAACS,mBAAmB,CAACd,KAAK;MAAE,EAC/C,eACF,oBAAC,MAAM;QACL,IAAI,EAAC,MAAM;QACX,IAAI,eAAE,oBAAC,cAAc;UAAC,KAAK,EAAE;YAAEe,KAAK,EAAE;UAAyB;QAAE,EAAI;QACrE,OAAO,EAAE,MAAM;UACb,IAAI,CAACC,gBAAgB,CAAChB,KAAK,CAAC;QAC9B;MAAE,EACF,eACF,oBAAC,cAAc;QACb,SAAS,EAAEa,SAAU;QACrB,OAAO,EAAE,IAAI,CAACR,KAAK,CAACK,aAAa,IAAIC,YAAY,KAAKX,KAAM;QAC5D,UAAU,EAAEY,MAAO;QACnB,mBAAmB,EAAGb,QAAa,IACjC,IAAI,CAACkB,gBAAgB,CAAClB,QAAQ,EAAEC,KAAK,CACtC;QACD,oBAAoB,EAAE,IAAI,CAACQ;MAAiB,EAC5C,CACE;IAEV,CAAC;IAAA,2CACmB,MAAM;MACxB,IAAI,CAACC,QAAQ,CAAC;QACZS,iBAAiB,EAAE,KAAK;QACxBC,gBAAgB,EAAE,IAAI,CAACC,aAAa;MACtC,CAAC,CAAC;IACJ,CAAC;IAAA,kCAEWC,KAAa,IAAK;MAC5B,IAAIF,gBAAgB,GAAG,IAAI,CAACC,aAAa,EAAE;MAC3C,IAAIC,KAAK,EAAE;QACTF,gBAAgB,GAAG/B,OAAO,CACxB+B,gBAAgB,CAACG,GAAG,CAAEC,CAAM,IAAK;UAC/B,IAAMC,MAAgB,GAAGC,MAAM,CAACD,MAAM,CAACD,CAAC,CAAC;UACzC,IAAIC,MAAM,aAANA,MAAM,eAANA,MAAM,CAAEE,IAAI,CAAEC,CAAS,IAAKA,CAAC,CAACC,QAAQ,EAAE,CAACC,KAAK,CAACR,KAAK,CAAC,CAAC,EAAE;YAC1D,OAAOE,CAAC;UACV;QACF,CAAC,CAAC,CACH;MACH;MACA,IAAI,CAACd,QAAQ,CAAC;QACZU;MACF,CAAC,CAAC;IACJ,CAAC;IA3KC,IAAI,CAACd,KAAK,GAAG;MACXJ,UAAU,EAAEH,KAAK,CAACG,UAAU;MAC5BU,YAAY,EAAE,CAAC;MACfD,aAAa,EAAE,KAAK;MACpBQ,iBAAiB,EAAE,KAAK;MACxBd,IAAI,EAAE,CAAC;MACPD,QAAQ,EAAE,EAAE;MACZgB,gBAAgB,EAAE,IAAI,CAACC,aAAa;IACtC,CAAC;EACH;EACAA,aAAa,GAAG;IACd,OAAOlC,OAAO,CAAC,IAAI,CAACY,KAAK,CAACG,UAAU,CAAC,GACjC,EAAE,GACF,IAAI,CAACH,KAAK,CAACI,QAAQ,GACnB,CAAC,IAAI,CAACJ,KAAK,CAACG,UAAU,CAAC,GACvB,CAAC,GAAG,IAAI,CAACH,KAAK,CAACG,UAAU,CAAC;EAChC;EAEA6B,UAAU,CAACC,OAAoB,EAAE;IAC/B,IAAMC,OAAY,GAAGD,OAAO,CAACT,GAAG,CAAEW,IAAe,KAAM;MACrDC,KAAK,EAAED,IAAI,CAACE,IAAI;MAChBC,SAAS,EAAE9C,MAAM,CAAC+C,aAAa;MAC/BC,SAAS,EAAEL,IAAI,CAACM,EAAE;MAClBC,MAAM,EAAE,CAACC,IAAS,EAAEC,OAAY,EAAEC,MAAc,KAAK;QAAA;QACnD,IAAIC,QAAgB;QACpB,IAAIC,QAAgB;QACpB,QAAQZ,IAAI,CAACa,IAAI;UACf,KAAK,MAAM;YACT,OAAOC,MAAM,CAACN,IAAI,aAAJA,IAAI,cAAJA,IAAI,GAAI,EAAE,CAAC;UAC3B,KAAK,OAAO;UACZ,KAAK,KAAK;YACR,OAAOA,IAAI,aAAJA,IAAI,qCAAJA,IAAI,CAAEO,IAAI,+CAAV,gBAAAP,IAAI,EAAS,IAAI,CAAC;UAC3B,KAAK,MAAM;YACTG,QAAQ,GAAGzD,QAAQ,CAACsD,IAAI,CAAC,GAAGQ,IAAI,CAACC,SAAS,CAACT,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,GAAGA,IAAI;YAChEI,QAAQ,GAAG1D,QAAQ,CAACsD,IAAI,CAAC,GAAGQ,IAAI,CAACC,SAAS,CAACT,IAAI,CAAC,GAAGA,IAAI;YACvD,IAAIG,QAAQ,EAAE;cACZ,oBACE,oBAAC,UAAU,CAAC,SAAS;gBACnB,QAAQ,EAAE;kBACRO,QAAQ,EAAE,CACR5D,IAAI,CAAC6D,CAAC,WAAI3D,sBAAsB,cAAID,CAAC,CAAC6D,IAAI,EAAG,EAC7C9D,IAAI,CAAC6D,CAAC,WAAI3D,sBAAsB,cAAID,CAAC,CAAC8D,YAAY,EAAG,CACtD;kBACDb,IAAI,EAAEG;gBACR;cAAE,GAEDC,QAAQ,CACY;YAE3B;YACA,OAAOA,QAAQ;UACjB;YACE,OAAOJ,IAAI;QAAC;MAElB;IACF,CAAC,CAAC,CAAC;IACH,IAAI,IAAI,CAAC3C,KAAK,CAACyD,UAAU,EAAE;MACzBvB,OAAO,CAACwB,IAAI,CAAC;QACXtB,KAAK,EAAE3C,IAAI,CAAC6D,CAAC,WAAI3D,sBAAsB,cAAID,CAAC,CAACiE,SAAS,EAAG;QACzDrB,SAAS,EAAE9C,MAAM,CAAC+C,aAAa;QAC/BC,SAAS,EAAE,WAAW;QACtBoB,KAAK,EAAE,OAAO;QACdlB,MAAM,EAAE,CAACmB,KAAa,EAAE/C,MAAW,EAAEZ,KAAa,KAAU;UAC1D,OAAO,IAAI,CAAC4D,eAAe,CAAChD,MAAM,EAAEZ,KAAK,CAAC;QAC5C;MACF,CAAC,CAAC;IACJ;IACA,OAAOgC,OAAO;EAChB;EACAhB,gBAAgB,CAAChB,KAAa,EAAE;IAC9B,IAAM6D,OAAO,GAAG9E,KAAK,CAAC8E,OAAO;IAE7BA,OAAO,CAAC;MACN3B,KAAK,EAAE3C,IAAI,CAAC6D,CAAC,WAAI3D,sBAAsB,cAAID,CAAC,CAACsE,yBAAyB,EAAG;MACzEC,MAAM,EAAExE,IAAI,CAAC6D,CAAC,WAAI3D,sBAAsB,cAAID,CAAC,CAACwE,OAAO,EAAG;MACxDC,MAAM,EAAE,QAAQ;MAChBC,UAAU,EAAE3E,IAAI,CAAC6D,CAAC,WAAI3D,sBAAsB,cAAID,CAAC,CAAC2E,MAAM,EAAG;MAC3DC,IAAI,EAAE,MAAM;QACV,IAAI,CAACC,MAAM,CAACrE,KAAK,CAAC;MACpB;IACF,CAAC,CAAC;EACJ;EACAqE,MAAM,CAACrE,KAAa,EAAE;IACpB,IAAI;MAAEC,UAAU;MAAEC;IAAS,CAAC,GAAG,IAAI,CAACJ,KAAK;IACzC,IAAM;MAAEK,QAAQ;MAAEC;IAAK,CAAC,GAAG,IAAI,CAACC,KAAK;IACrC,IAAMC,YAAY,GAAGH,QAAQ,IAAIC,IAAI,GAAG,CAAC,CAAC,GAAGJ,KAAK;IAClD,IAAIE,QAAQ,EAAE;MACZD,UAAU,GAAG,CAAC,CAAC;IACjB,CAAC,MAAM;MACLA,UAAU,CAACqE,MAAM,CAAChE,YAAY,EAAE,CAAC,CAAC;IACpC;IACA,IAAI,CAACR,KAAK,CAACS,mBAAmB,CAACN,UAAU,CAAC;EAC5C;EAgFAuC,MAAM,GAAG;IACP,IAAM;MAAE3B,SAAS;MAAE0C;IAAW,CAAC,GAAG,IAAI,CAACzD,KAAK;IAC5C,IAAM;MAAEoB;IAAkB,CAAC,GAAG,IAAI,CAACb,KAAK;IACxC,IAAMkE,YAAY,GAAG1D,SAAS,CAACQ,KAAK,CAACmD,aAAa;IAClD,IAAMxC,OAAO,GAAG,IAAI,CAACF,UAAU,CAACyC,YAAY,CAAC;IAC7C;IACA,IAAME,UAAU,GAAG,IAAI,CAACrD,aAAa,EAAE;IACvC,IAAMsD,iBAAiB,GAAGnB,UAAU,GAAGkB,UAAU,GAAGA,UAAU,CAACE,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC;IAC3E,oBACE;MAAK,KAAK,EAAE;QAAEC,SAAS,EAAE;MAAS;IAAE,gBAClC,oBAAC,KAAK;MACJ,MAAM,EAAE;QAAEC,CAAC,EAAE;MAAc,CAAE;MAC7B,OAAO,EAAE7C,OAAQ;MACjB,UAAU,EAAE0C,iBAAkB;MAC9B,UAAU,EACRnB,UAAU,IAAIkB,UAAU,CAACK,MAAM,GAAG,EAAE,GAChC;QACEC,eAAe,EAAE,IAAI;QACrBC,QAAQ,EAAE,IAAI,CAACC;MACjB,CAAC,GACD,KACL;MACD,IAAI,EAAE,IAAI,CAACnF,KAAK,CAACoF;IAAK,EACtB,EACD,CAAC3B,UAAU,IAAIkB,UAAU,CAACK,MAAM,GAAG,EAAE,iBACpC,oBAAC,MAAM;MACL,IAAI,EAAC,MAAM;MACX,eAAY,WAAW;MACvB,OAAO,EAAE,MAAM;QACb,IAAI,CAACrE,QAAQ,CAAC;UAAES,iBAAiB,EAAE;QAAK,CAAC,CAAC;MAC5C;IAAE,GAED3B,IAAI,CAAC6D,CAAC,WAAI3D,sBAAsB,cAAID,CAAC,CAAC2F,SAAS,EAAG,CAEtD,eACD,oBAAC,KAAK;MACJ,eAAY,gBAAgB;MAC5B,OAAO,EAAEjE,iBAAkB;MAC3B,KAAK,EAAEL,SAAS,CAACsB,IAAK;MACtB,KAAK,EAAE,GAAI;MACX,MAAM,EAAE,IAAK;MACb,QAAQ,EAAE,IAAI,CAACiD,iBAAkB;MACjC,MAAM,eACJ,oBAAC,MAAM;QAAC,IAAI,EAAC,SAAS;QAAC,OAAO,EAAE,IAAI,CAACA;MAAkB,GACpD7F,IAAI,CAAC6D,CAAC,WAAI3D,sBAAsB,cAAID,CAAC,CAACwE,OAAO,EAAG,CAEpD;MACD,cAAc,EAAE;IAAK;IAAA;IAGnB;IACA,oBAAC,KAAK,CAAC,MAAM;MACX,KAAK,EAAE;QAAEqB,YAAY,EAAE,EAAE;QAAEC,KAAK,EAAE;MAAI,CAAE;MACxC,QAAQ,EAAGjE,KAAK,IAAK;QACnB;QACA,IAAI,CAACkE,QAAQ,CAAClE,KAAK,CAAC;MACtB,CAAE;MACF,WAAW;IAAA,EACX,eAEJ,oBAAC,KAAK;MACJ,UAAU,EAAE,IAAI,CAAChB,KAAK,CAACc,gBAAiB;MACxC,MAAM,EAAE;QAAE0D,CAAC,EAAE;MAAc,CAAE;MAC7B,OAAO,EAAE7C,OAAQ;MACjB,UAAU,EAAE;QACV+C,eAAe,EAAE;MACnB;IAAE,EACF,CACI,CACJ;EAEV;AACF"}
1	+ {"version":3,"file":"StructTable.js","names":["React","DeleteOutlined","EditOutlined","Button","Modal","Table","Input","isEmpty","isObject","compact","AddStructModal","styles","i18n","K","NS_LIBS_CMDB_INSTANCES","Typography","StructTable","Component","constructor","props","formData","index","structData","isLegacy","pageSize","page","state","structNumber","handleStoreFunction","handleCloseModal","setState","showEditModal","currentIndex","record","attribute","handleOpenEditModal","color","openConfirmModal","handleEditStruct","showAllStructData","filterDataSource","getDataSource","value","map","r","values","Object","find","s","toString","match","getColumns","defines","columns","item","title","name","className","structTableTd","dataIndex","id","render","text","_record","_index","copyText","showText","type","mode","repeat","length","String","join","JSON","stringify","tooltips","t","COPY","COPY_SUCCESS","isEditable","push","OPERATION","fixed","_text","renderOperation","confirm","DELETE_STRUCT_CONFIRM_MSG","okText","CONFIRM","okType","cancelText","CANCEL","onOk","remove","splice","structDefine","struct_define","dataSource","displayDataSource","slice","overflowX","x","showSizeChanger","onChange","handlePaginationChange","size","VIEW_MORE","closeAllDataModal","marginBottom","width","onSearch"],"sources":["../../../src/struct-components/StructTable.tsx"],"sourcesContent":["import React from \"react\";\nimport { DeleteOutlined, EditOutlined } from \"@ant-design/icons\";\nimport { Button, Modal, Table, Input } from \"antd\";\nimport { Attribute, Structkey } from \"./interfaces\";\nimport { isEmpty, isObject, compact, uniq } from \"lodash\";\nimport { AddStructModal } from \"./AddStructModal\";\nimport { SizeType } from \"antd/lib/config-provider/SizeContext\";\nimport styles from \"./index.module.css\";\nimport i18n from \"i18next\";\nimport { K, NS_LIBS_CMDB_INSTANCES } from \"../i18n/constants\";\nimport { Typography } from \"antd\";\nexport interface StructTableProps {\n attribute: Attribute;\n structData: any;\n isEditable?: boolean;\n // 是否单结构体\n isLegacy?: boolean;\n size?: SizeType;\n handleStoreFunction?(data: any): void;\n}\nexport interface StructTableState {\n structData: any;\n currentIndex: number;\n showEditModal: boolean;\n showAllStructData: boolean;\n page: number;\n pageSize: number;\n filterDataSource: any;\n}\nexport class StructTable extends React.Component<\n StructTableProps,\n StructTableState\n> {\n constructor(props: StructTableProps) {\n super(props);\n this.state = {\n structData: props.structData,\n currentIndex: 0,\n showEditModal: false,\n showAllStructData: false,\n page: 1,\n pageSize: 10,\n filterDataSource: this.getDataSource(),\n };\n }\n getDataSource() {\n return isEmpty(this.props.structData)\n ? []\n : this.props.isLegacy\n ? [this.props.structData]\n : [...this.props.structData];\n }\n\n getColumns(defines: Structkey[]) {\n const columns: any = defines.map((item: Structkey) => ({\n title: item.name,\n className: styles.structTableTd,\n dataIndex: item.id,\n render: (text: any, _record: any, _index: number) => {\n let copyText: string;\n let showText: string;\n switch (item.type) {\n case \"str\": {\n if (item.mode === \"password\") {\n return \"\".repeat(text?.length);\n }\n return text;\n }\n case \"bool\":\n return String(text ?? \"\");\n case \"enums\":\n case \"arr\":\n return text?.join?.(\"; \");\n case \"json\":\n copyText = isObject(text) ? JSON.stringify(text, null, 2) : text;\n showText = isObject(text) ? JSON.stringify(text) : text;\n if (copyText) {\n return (\n <Typography.Paragraph\n copyable={{\n tooltips: [\n i18n.t(`${NS_LIBS_CMDB_INSTANCES}:${K.COPY}`),\n i18n.t(`${NS_LIBS_CMDB_INSTANCES}:${K.COPY_SUCCESS}`),\n ],\n text: copyText,\n }}\n >\n {showText}\n </Typography.Paragraph>\n );\n }\n return showText;\n default:\n return text;\n }\n },\n }));\n if (this.props.isEditable) {\n columns.push({\n title: i18n.t(`${NS_LIBS_CMDB_INSTANCES}:${K.OPERATION}`),\n className: styles.structTableTd,\n dataIndex: \"operation\",\n fixed: \"right\",\n render: (_text: string, record: any, index: number): any => {\n return this.renderOperation(record, index);\n },\n });\n }\n return columns;\n }\n openConfirmModal(index: number) {\n const confirm = Modal.confirm;\n\n confirm({\n title: i18n.t(`${NS_LIBS_CMDB_INSTANCES}:${K.DELETE_STRUCT_CONFIRM_MSG}`),\n okText: i18n.t(`${NS_LIBS_CMDB_INSTANCES}:${K.CONFIRM}`),\n okType: \"danger\",\n cancelText: i18n.t(`${NS_LIBS_CMDB_INSTANCES}:${K.CANCEL}`),\n onOk: () => {\n this.remove(index);\n },\n });\n }\n remove(index: number) {\n let { structData, isLegacy } = this.props;\n const { pageSize, page } = this.state;\n const structNumber = pageSize (page - 1) + index;\n if (isLegacy) {\n structData = {};\n } else {\n structData.splice(structNumber, 1);\n }\n this.props.handleStoreFunction(structData);\n }\n handleEditStruct = (formData: any, index: number) => {\n let { structData, isLegacy } = this.props;\n const { pageSize, page } = this.state;\n const structNumber = pageSize * (page - 1) + index;\n if (isLegacy) {\n structData = [structData];\n }\n structData[structNumber] = formData;\n this.props.handleStoreFunction(structData);\n this.handleCloseModal();\n };\n handleOpenEditModal = (index: number) => {\n this.setState({\n showEditModal: true,\n currentIndex: index,\n });\n };\n handleCloseModal = () => {\n this.setState({ showEditModal: false });\n };\n\n handlePaginationChange = (page: number, pageSize: number): void => {\n this.setState({\n page,\n pageSize,\n });\n };\n renderOperation = (record: any, index: number) => {\n const { attribute, structData } = this.props;\n const { currentIndex } = this.state;\n return (\n <div>\n <Button\n type=\"link\"\n icon={<EditOutlined />}\n onClick={() => this.handleOpenEditModal(index)}\n />\n <Button\n type=\"link\"\n icon={<DeleteOutlined style={{ color: \"var(--theme-red-color)\" }} />}\n onClick={() => {\n this.openConfirmModal(index);\n }}\n />\n <AddStructModal\n attribute={attribute}\n visible={this.state.showEditModal && currentIndex === index}\n structData={record}\n handleStoreFunction={(formData: any) =>\n this.handleEditStruct(formData, index)\n }\n handleCancelFunction={this.handleCloseModal}\n />\n </div>\n );\n };\n closeAllDataModal = () => {\n this.setState({\n showAllStructData: false,\n filterDataSource: this.getDataSource(),\n });\n };\n // istanbul ignore next\n onSearch = (value: string) => {\n let filterDataSource = this.getDataSource();\n if (value) {\n filterDataSource = compact(\n filterDataSource.map((r: any) => {\n const values: string[] = Object.values(r);\n if (values?.find((s: string) => s.toString().match(value))) {\n return r;\n }\n })\n );\n }\n this.setState({\n filterDataSource,\n });\n };\n render() {\n const { attribute, isEditable } = this.props;\n const { showAllStructData } = this.state;\n const structDefine = attribute.value.struct_define;\n const columns = this.getColumns(structDefine);\n // 单结构体数据是对象，显示时要转换为数组\n const dataSource = this.getDataSource();\n const displayDataSource = isEditable ? dataSource : dataSource.slice(0, 10);\n return (\n <div style={{ overflowX: \"hidden\" }}>\n <Table\n scroll={{ x: \"max-content\" }}\n columns={columns}\n dataSource={displayDataSource}\n pagination={\n isEditable && dataSource.length > 10\n ? {\n showSizeChanger: true,\n onChange: this.handlePaginationChange,\n }\n : false\n }\n size={this.props.size}\n />\n {!isEditable && dataSource.length > 10 && (\n <Button\n type=\"link\"\n data-testid=\"view-more\"\n onClick={() => {\n this.setState({ showAllStructData: true });\n }}\n >\n {i18n.t(`${NS_LIBS_CMDB_INSTANCES}:${K.VIEW_MORE}`)}\n </Button>\n )}\n <Modal\n data-testid=\"show-all-modal\"\n visible={showAllStructData}\n title={attribute.name}\n width={800}\n zIndex={1035}\n onCancel={this.closeAllDataModal}\n footer={\n <Button type=\"primary\" onClick={this.closeAllDataModal}>\n {i18n.t(`${NS_LIBS_CMDB_INSTANCES}:${K.CONFIRM}`)}\n </Button>\n }\n destroyOnClose={true}\n >\n {\n // istanbul ignore next\n <Input.Search\n style={{ marginBottom: 30, width: 300 }}\n onSearch={(value) => {\n // istanbul ignore next\n this.onSearch(value);\n }}\n enterButton\n />\n }\n <Table\n dataSource={this.state.filterDataSource}\n scroll={{ x: \"max-content\" }}\n columns={columns}\n pagination={{\n showSizeChanger: true,\n }}\n />\n </Modal>\n </div>\n );\n }\n}\n"],"mappings":"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"}

package/dist/esm/struct-components/interfaces.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"interfaces.js","names":["StructDefineType"],"sources":["../../../src/struct-components/interfaces.ts"],"sourcesContent":["import { ModelObjectAttrValue } from \"@next-sdk/cmdb-sdk/dist/types/model/cmdb\";\n\nexport interface Structkey {\n id: string;\n name: string;\n type: ModelObjectAttrValue[\"type\"];\n regex?: any;\n protected?: boolean;\n}\nexport interface AttributeValue {\n default?: any;\n default_type?: string;\n struct_define?: Structkey[];\n type: ModelObjectAttrValue[\"type\"];\n}\nexport interface Attribute {\n id?: string;\n name: string;\n protected?: boolean;\n readonly?: \"true\" \| \"false\";\n required?: \"true\" \| \"false\";\n tag?: string[];\n unique?: \"true\" \| \"false\";\n value: AttributeValue;\n wordIndexDenined?: boolean;\n tips?: string;\n description?: string;\n}\n\nexport enum StructDefineType {\n STRING = \"str\",\n INTEGER = \"int\",\n ENUM = \"enum\",\n ENUMS = \"enums\",\n ARR = \"arr\",\n DATE = \"date\",\n DATETIME = \"datetime\",\n IP = \"ip\",\n FLOAT = \"float\",\n BOOLEAN = \"bool\",\n JSON = \"json\",\n}\n"],"mappings":"~~AA6BA~~,WAAYA,gBAAgB;AAY3B,WAZWA,gBAAgB;EAAhBA,gBAAgB;EAAhBA,gBAAgB;EAAhBA,gBAAgB;EAAhBA,gBAAgB;EAAhBA,gBAAgB;EAAhBA,gBAAgB;EAAhBA,gBAAgB;EAAhBA,gBAAgB;EAAhBA,gBAAgB;EAAhBA,gBAAgB;EAAhBA,gBAAgB;AAAA,GAAhBA,gBAAgB,KAAhBA,gBAAgB"}
1	+ {"version":3,"file":"interfaces.js","names":["StructDefineType"],"sources":["../../../src/struct-components/interfaces.ts"],"sourcesContent":["import { ModelObjectAttrValue } from \"@next-sdk/cmdb-sdk/dist/types/model/cmdb\";\n\nexport interface Structkey {\n id: string;\n name: string;\n type: ModelObjectAttrValue[\"type\"];\n regex?: any;\n protected?: boolean;\n mode?: \"default\" \| \"password\";\n}\nexport interface AttributeValue {\n default?: any;\n default_type?: string;\n struct_define?: Structkey[];\n type: ModelObjectAttrValue[\"type\"];\n}\nexport interface Attribute {\n id?: string;\n name: string;\n protected?: boolean;\n readonly?: \"true\" \| \"false\";\n required?: \"true\" \| \"false\";\n tag?: string[];\n unique?: \"true\" \| \"false\";\n value: AttributeValue;\n wordIndexDenined?: boolean;\n tips?: string;\n description?: string;\n}\n\nexport enum StructDefineType {\n STRING = \"str\",\n INTEGER = \"int\",\n ENUM = \"enum\",\n ENUMS = \"enums\",\n ARR = \"arr\",\n DATE = \"date\",\n DATETIME = \"datetime\",\n IP = \"ip\",\n FLOAT = \"float\",\n BOOLEAN = \"bool\",\n JSON = \"json\",\n}\n"],"mappings":"AA8BA,WAAYA,gBAAgB;AAY3B,WAZWA,gBAAgB;EAAhBA,gBAAgB;EAAhBA,gBAAgB;EAAhBA,gBAAgB;EAAhBA,gBAAgB;EAAhBA,gBAAgB;EAAhBA,gBAAgB;EAAhBA,gBAAgB;EAAhBA,gBAAgB;EAAhBA,gBAAgB;EAAhBA,gBAAgB;EAAhBA,gBAAgB;AAAA,GAAhBA,gBAAgB,KAAhBA,gBAAgB"}

package/dist/esm/xml-display-brick/XmlDisplayBrick.js ADDED Viewed

@@ -0,0 +1,54 @@
+import React, { useMemo, useState } from "react";
+import i18n from "i18next";
+import { K, NS_LIBS_CMDB_INSTANCES } from "../i18n/constants";
+import { Modal, Tooltip } from "antd";
+import { FileSearchOutlined } from "@ant-design/icons";
+import classnames from "classnames";
+import styles from "./XmlDisplayBrick.module.css";
+import { CodeDisplay } from "@next-libs/code-display-components";
+export function XmlDisplayBrick(props) {
+  var {
+    value,
+    isNumControlEllipsis,
+    num = 50
+  } = props;
+  var [visible, setVisible] = useState(false);
+  var displayValue = useMemo(() => {
+    return isNumControlEllipsis && (value === null || value === void 0 ? void 0 : value.length) > num ? value.slice(0, num) + "..." : value;
+  }, [value, isNumControlEllipsis, num]);
+  return value ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    className: classnames({
+      [styles.xmlWrapper]: !isNumControlEllipsis
+    })
+  }, /*#__PURE__*/React.createElement("span", {
+    className: classnames({
+      [styles.text]: !isNumControlEllipsis
+    })
+  }, displayValue), /*#__PURE__*/React.createElement("a", {
+    onClick: () => setVisible(true)
+  }, /*#__PURE__*/React.createElement(Tooltip, {
+    placement: "top",
+    title: i18n.t("".concat(NS_LIBS_CMDB_INSTANCES, ":").concat(K.VIEW))
+  }, /*#__PURE__*/React.createElement(FileSearchOutlined, {
+    style: {
+      marginLeft: 6
+    }
+  })))), /*#__PURE__*/React.createElement(Modal, {
+    width: "860px",
+    title: "XML",
+    visible: visible,
+    zIndex: 1000,
+    mask: true,
+    footer: null,
+    onCancel: () => setVisible(false)
+  }, /*#__PURE__*/React.createElement(CodeDisplay, {
+    language: "xml",
+    value: value,
+    maxLines: 20,
+    minLines: 5,
+    showLineNumber: true,
+    showExportButton: false,
+    showCopyButton: true
+  }))) : null;
+}
+//# sourceMappingURL=XmlDisplayBrick.js.map

package/dist/esm/xml-display-brick/XmlDisplayBrick.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"XmlDisplayBrick.js","names":["React","useMemo","useState","i18n","K","NS_LIBS_CMDB_INSTANCES","Modal","Tooltip","FileSearchOutlined","classnames","styles","CodeDisplay","XmlDisplayBrick","props","value","isNumControlEllipsis","num","visible","setVisible","displayValue","length","slice","xmlWrapper","text","t","VIEW","marginLeft"],"sources":["../../../src/xml-display-brick/XmlDisplayBrick.tsx"],"sourcesContent":["import React, { useMemo, useState } from \"react\";\nimport i18n from \"i18next\";\nimport { K, NS_LIBS_CMDB_INSTANCES } from \"../i18n/constants\";\nimport { Modal, Tooltip } from \"antd\";\nimport { FileSearchOutlined } from \"@ant-design/icons\";\nimport classnames from \"classnames\";\nimport styles from \"./XmlDisplayBrick.module.css\";\nimport { CodeDisplay } from \"@next-libs/code-display-components\";\n\ninterface XmlDisplayBrickProps {\n value: string;\n isNumControlEllipsis?: boolean;\n num?: number;\n}\n\nexport function XmlDisplayBrick(\n props: XmlDisplayBrickProps\n): React.ReactElement {\n const { value, isNumControlEllipsis, num = 50 } = props;\n const [visible, setVisible] = useState(false);\n\n const displayValue = useMemo(() => {\n return isNumControlEllipsis && value?.length > num\n ? value.slice(0, num) + \"...\"\n : value;\n }, [value, isNumControlEllipsis, num]);\n\n return value ? (\n <div>\n <div\n className={classnames({\n [styles.xmlWrapper]: !isNumControlEllipsis,\n })}\n >\n <span\n className={classnames({\n [styles.text]: !isNumControlEllipsis,\n })}\n >\n {displayValue}\n </span>\n <a onClick={() => setVisible(true)}>\n <Tooltip\n placement=\"top\"\n title={i18n.t(`${NS_LIBS_CMDB_INSTANCES}:${K.VIEW}`)}\n >\n <FileSearchOutlined style={{ marginLeft: 6 }} />\n </Tooltip>\n </a>\n </div>\n <Modal\n width=\"860px\"\n title=\"XML\"\n visible={visible}\n zIndex={1000}\n mask={true}\n footer={null}\n onCancel={() => setVisible(false)}\n >\n <CodeDisplay\n language=\"xml\"\n value={value}\n maxLines={20}\n minLines={5}\n showLineNumber={true}\n showExportButton={false}\n showCopyButton={true}\n />\n </Modal>\n </div>\n ) : null;\n}\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AAChD,OAAOC,IAAI,MAAM,SAAS;AAC1B,SAASC,CAAC,EAAEC,sBAAsB,QAAQ,mBAAmB;AAC7D,SAASC,KAAK,EAAEC,OAAO,QAAQ,MAAM;AACrC,SAASC,kBAAkB,QAAQ,mBAAmB;AACtD,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,MAAM,MAAM,8BAA8B;AACjD,SAASC,WAAW,QAAQ,oCAAoC;AAQhE,OAAO,SAASC,eAAe,CAC7BC,KAA2B,EACP;EACpB,IAAM;IAAEC,KAAK;IAAEC,oBAAoB;IAAEC,GAAG,GAAG;EAAG,CAAC,GAAGH,KAAK;EACvD,IAAM,CAACI,OAAO,EAAEC,UAAU,CAAC,GAAGhB,QAAQ,CAAC,KAAK,CAAC;EAE7C,IAAMiB,YAAY,GAAGlB,OAAO,CAAC,MAAM;IACjC,OAAOc,oBAAoB,IAAI,CAAAD,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEM,MAAM,IAAGJ,GAAG,GAC9CF,KAAK,CAACO,KAAK,CAAC,CAAC,EAAEL,GAAG,CAAC,GAAG,KAAK,GAC3BF,KAAK;EACX,CAAC,EAAE,CAACA,KAAK,EAAEC,oBAAoB,EAAEC,GAAG,CAAC,CAAC;EAEtC,OAAOF,KAAK,gBACV,8CACE;IACE,SAAS,EAAEL,UAAU,CAAC;MACpB,CAACC,MAAM,CAACY,UAAU,GAAG,CAACP;IACxB,CAAC;EAAE,gBAEH;IACE,SAAS,EAAEN,UAAU,CAAC;MACpB,CAACC,MAAM,CAACa,IAAI,GAAG,CAACR;IAClB,CAAC;EAAE,GAEFI,YAAY,CACR,eACP;IAAG,OAAO,EAAE,MAAMD,UAAU,CAAC,IAAI;EAAE,gBACjC,oBAAC,OAAO;IACN,SAAS,EAAC,KAAK;IACf,KAAK,EAAEf,IAAI,CAACqB,CAAC,WAAInB,sBAAsB,cAAID,CAAC,CAACqB,IAAI;EAAI,gBAErD,oBAAC,kBAAkB;IAAC,KAAK,EAAE;MAAEC,UAAU,EAAE;IAAE;EAAE,EAAG,CACxC,CACR,CACA,eACN,oBAAC,KAAK;IACJ,KAAK,EAAC,OAAO;IACb,KAAK,EAAC,KAAK;IACX,OAAO,EAAET,OAAQ;IACjB,MAAM,EAAE,IAAK;IACb,IAAI,EAAE,IAAK;IACX,MAAM,EAAE,IAAK;IACb,QAAQ,EAAE,MAAMC,UAAU,CAAC,KAAK;EAAE,gBAElC,oBAAC,WAAW;IACV,QAAQ,EAAC,KAAK;IACd,KAAK,EAAEJ,KAAM;IACb,QAAQ,EAAE,EAAG;IACb,QAAQ,EAAE,CAAE;IACZ,cAAc,EAAE,IAAK;IACrB,gBAAgB,EAAE,KAAM;IACxB,cAAc,EAAE;EAAK,EACrB,CACI,CACJ,GACJ,IAAI;AACV"}

package/dist/esm/xml-display-brick/XmlDisplayBrick.module.css ADDED Viewed

@@ -0,0 +1,9 @@
+.xmlWrapper {
+  display: flex;
+}
+.text {
+  overflow: hidden;
+  width: 100%;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}

package/dist/types/i18n/constants.d.ts CHANGED Viewed

@@ -72,6 +72,7 @@ export declare enum K {
     NOT_MEET_REGEX = "NOT_MEET_REGEX",
     NOT_MEET_REGEX_DETAIL = "NOT_MEET_REGEX_DETAIL",
     NOT_MEET_JSON = "NOT_MEET_JSON",
+    NOT_MEET_XML = "NOT_MEET_XML",
     CREATE_ANOTHER = "CREATE_ANOTHER",
     DELETE_STRUCT_CONFIRM_MSG = "DELETE_STRUCT_CONFIRM_MSG",
     DELETE_INSTANCE_CONFIRM_MSG = "DELETE_INSTANCE_CONFIRM_MSG",

package/dist/types/instance-detail/InstanceDetail.d.ts CHANGED Viewed

@@ -127,6 +127,8 @@ export declare class LegacyInstanceDetail extends React.Component<LegacyInstance
     isJson(attr: any): boolean;
     isSpecialDisplayField(attr: any): boolean;
     isMarkdownField(attr: any): boolean;
+    isPasswordField(attr: any): boolean;
+    isXmlField(attr: any): boolean;
 }
 export declare const InstanceDetail: React.ComponentType<Omit<import("react-i18next").Subtract<LegacyInstanceDetailProps, import("react-i18next").WithTranslationProps>, keyof WithTranslation<N, undefined>> & import("react-i18next").WithTranslationProps>;
 export {};

package/dist/types/model-attribute-form/ModelAttributeForm.d.ts CHANGED Viewed

@@ -67,7 +67,7 @@ export declare class ModelAttributeForm extends Component<ModelAttributeFormProp
     private cardRectResize;
     static defaultProps: {
         showCancelButton: boolean;
-        cancelType: "link" | "text" | "ghost" | "default" | "primary" | "dashed";
+        cancelType: "default" | "link" | "text" | "ghost" | "primary" | "dashed";
     };
     formItemProps: FormItemProps;
     getFeildTag(field: any): any;

package/dist/types/model-attribute-form-control/ModelAttributeFormControl.d.ts CHANGED Viewed

@@ -26,7 +26,9 @@ export declare enum ModelAttributeValueModeType {
     MULTIPLE_LINES = "multiple-lines",
     DEFAULT = "default",
     MARKDOWN = "markdown",
-    URL = "url"
+    URL = "url",
+    XML = "xml",
+    PASSWORD = "password"
 }
 export declare enum FormControlTypeEnum {
     TEXT = "text",
@@ -46,7 +48,8 @@ export declare enum FormControlTypeEnum {
     _PLAIN_TEXT = "_plain_text",
     MARKDOWN = "markdown",
     URL = "url",
-    CODE_EDITOR = "code_editor"
+    CODE_EDITOR = "code_editor",
+    XML_EDITOR = "xml_editor"
 }
 export interface FormControl {
     id: string;
@@ -73,6 +76,7 @@ export interface ModelAttributeFormControlProps {
     style?: React.CSSProperties;
     objectId?: string;
     jsonValidateCollection?: (err: boolean) => void;
+    xmlValidateCollection?: (err: boolean) => void;
     isSupportMultiStringValue?: boolean;
 }
 export interface ModelAttributeFormControlState {
@@ -93,6 +97,7 @@ export declare class ModelAttributeFormControl extends Component<ModelAttributeF
     onChange: (event: any) => void;
     handleDateChange: (date: Moment, dateString: string) => void;
     validateJson: (err: any) => void;
+    validateXML: (err: any) => void;
     FormControlTypeMap: () => ReactNode;
     render(): ReactNode;
 }

package/dist/types/struct-components/interfaces.d.ts CHANGED Viewed

@@ -5,6 +5,7 @@ export interface Structkey {
     type: ModelObjectAttrValue["type"];
     regex?: any;
     protected?: boolean;
+    mode?: "default" | "password";
 }
 export interface AttributeValue {
     default?: any;

package/dist/types/xml-display-brick/XmlDisplayBrick.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import React from "react";
+interface XmlDisplayBrickProps {
+    value: string;
+    isNumControlEllipsis?: boolean;
+    num?: number;
+}
+export declare function XmlDisplayBrick(props: XmlDisplayBrickProps): React.ReactElement;
+export {};

package/dist/types/xml-display-brick/XmlDisplayBrick.spec.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export {};

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@next-libs/cmdb-instances",
-  "version": "7.16.2",
+  "version": "7.17.1",
   "description": "> TODO: description",
   "homepage": "https://github.com/easyops-cn/next-libs/tree/master/libs/cmdb-instances",
   "license": "GPL-3.0",
@@ -38,6 +38,7 @@
     "@next-core/brick-types": "^2.16.0",
     "@next-libs/basic-components": "^5.4.0",
     "@next-libs/cmdb-utils": "^3.4.4",
+    "@next-libs/code-display-components": "^2.1.0",
     "@next-libs/code-editor-components": "^4.10.12",
     "@next-libs/forms": "^3.5.5",
     "@next-libs/storage": "^2.0.4",
@@ -50,5 +51,5 @@
     "immutability-helper": "^3.1.1",
     "marked": "^2.1.3"
   },
-  "gitHead": "800d9016d98038078f414a89c65a275a2186aaca"
+  "gitHead": "0972f7f57b351ab68859c4b735fdfda2cbff5815"
 }