@vtx/components 3.1.31 → 3.1.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.md +1325 -0
- package/lib/_util/filterSpecialCharacters.js +43 -54
- package/lib/_util/filterSpecialCharacters.js.map +1 -1
- package/lib/_util/getComponentProps.js +3 -0
- package/lib/_util/getComponentProps.js.map +1 -1
- package/lib/_util/getUrlParam.js +6 -0
- package/lib/_util/getUrlParam.js.map +1 -1
- package/lib/_util/isFunction.js +1 -0
- package/lib/_util/isFunction.js.map +1 -1
- package/lib/_util/isObject.js +1 -0
- package/lib/_util/isObject.js.map +1 -1
- package/lib/_util/useColSize.js +10 -1
- package/lib/_util/useColSize.js.map +1 -1
- package/lib/_util/useInterval.js +3 -0
- package/lib/_util/useInterval.js.map +1 -1
- package/lib/_util/useSet.js +32 -14
- package/lib/_util/useSet.js.map +1 -1
- package/lib/config.js.map +1 -1
- package/lib/index.js +26 -0
- package/lib/index.js.map +1 -1
- package/lib/vtx-color-picker/index.js +21 -5
- package/lib/vtx-color-picker/index.js.map +1 -1
- package/lib/vtx-color-picker/style/css.js +2 -0
- package/lib/vtx-color-picker/style/css.js.map +1 -1
- package/lib/vtx-color-picker/style/index.js +2 -0
- package/lib/vtx-color-picker/style/index.js.map +1 -1
- package/lib/vtx-combogrid/Combogrid.js +74 -34
- package/lib/vtx-combogrid/Combogrid.js.map +1 -1
- package/lib/vtx-combogrid/index.js +45 -20
- package/lib/vtx-combogrid/index.js.map +1 -1
- package/lib/vtx-combogrid/style/css.js +7 -0
- package/lib/vtx-combogrid/style/css.js.map +1 -1
- package/lib/vtx-combogrid/style/index.js +7 -0
- package/lib/vtx-combogrid/style/index.js.map +1 -1
- package/lib/vtx-datagrid/Alert.js +11 -3
- package/lib/vtx-datagrid/Alert.js.map +1 -1
- package/lib/vtx-datagrid/ColumnSetting.js +44 -19
- package/lib/vtx-datagrid/ColumnSetting.js.map +1 -1
- package/lib/vtx-datagrid/ResizeableTitle.js +13 -2
- package/lib/vtx-datagrid/ResizeableTitle.js.map +1 -1
- package/lib/vtx-datagrid/index.js +142 -77
- package/lib/vtx-datagrid/index.js.map +1 -1
- package/lib/vtx-datagrid/renderColumnButtons.js +35 -5
- package/lib/vtx-datagrid/renderColumnButtons.js.map +1 -1
- package/lib/vtx-datagrid/style/css.js +10 -0
- package/lib/vtx-datagrid/style/css.js.map +1 -1
- package/lib/vtx-datagrid/style/index.css +0 -3
- package/lib/vtx-datagrid/style/index.js +10 -0
- package/lib/vtx-datagrid/style/index.js.map +1 -1
- package/lib/vtx-datagrid/style/index.less +1 -1
- package/lib/vtx-date-picker/QdatePicker.js +46 -16
- package/lib/vtx-date-picker/QdatePicker.js.map +1 -1
- package/lib/vtx-date-picker/generatePicker.js +47 -6
- package/lib/vtx-date-picker/generatePicker.js.map +1 -1
- package/lib/vtx-date-picker/index.js +5 -0
- package/lib/vtx-date-picker/index.js.map +1 -1
- package/lib/vtx-date-picker/style/css.js +1 -0
- package/lib/vtx-date-picker/style/css.js.map +1 -1
- package/lib/vtx-date-picker/style/index.js +1 -0
- package/lib/vtx-date-picker/style/index.js.map +1 -1
- package/lib/vtx-editor/index.js +23 -5
- package/lib/vtx-editor/index.js.map +1 -1
- package/lib/vtx-editor/style/css.js +1 -0
- package/lib/vtx-editor/style/css.js.map +1 -1
- package/lib/vtx-editor/style/index.js +1 -0
- package/lib/vtx-editor/style/index.js.map +1 -1
- package/lib/vtx-ellipsis-text/index.js +20 -6
- package/lib/vtx-ellipsis-text/index.js.map +1 -1
- package/lib/vtx-ellipsis-text/style/css.js +1 -0
- package/lib/vtx-ellipsis-text/style/css.js.map +1 -1
- package/lib/vtx-ellipsis-text/style/index.js +1 -0
- package/lib/vtx-ellipsis-text/style/index.js.map +1 -1
- package/lib/vtx-export/index.js +58 -25
- package/lib/vtx-export/index.js.map +1 -1
- package/lib/vtx-export/style/css.js +5 -0
- package/lib/vtx-export/style/css.js.map +1 -1
- package/lib/vtx-export/style/index.js +5 -0
- package/lib/vtx-export/style/index.js.map +1 -1
- package/lib/vtx-form-layout/Card.js +26 -5
- package/lib/vtx-form-layout/Card.js.map +1 -1
- package/lib/vtx-form-layout/Divider.js +8 -0
- package/lib/vtx-form-layout/Divider.js.map +1 -1
- package/lib/vtx-form-layout/FormItem.js +30 -8
- package/lib/vtx-form-layout/FormItem.js.map +1 -1
- package/lib/vtx-form-layout/Pane.js +7 -2
- package/lib/vtx-form-layout/Pane.js.map +1 -1
- package/lib/vtx-form-layout/Row.js +6 -0
- package/lib/vtx-form-layout/Row.js.map +1 -1
- package/lib/vtx-form-layout/context.js +2 -0
- package/lib/vtx-form-layout/context.js.map +1 -1
- package/lib/vtx-form-layout/index.js +22 -8
- package/lib/vtx-form-layout/index.js.map +1 -1
- package/lib/vtx-form-layout/style/css.js +7 -0
- package/lib/vtx-form-layout/style/css.js.map +1 -1
- package/lib/vtx-form-layout/style/index.js +7 -0
- package/lib/vtx-form-layout/style/index.js.map +1 -1
- package/lib/vtx-image/Image.js +94 -58
- package/lib/vtx-image/Image.js.map +1 -1
- package/lib/vtx-image/Preview.js +51 -20
- package/lib/vtx-image/Preview.js.map +1 -1
- package/lib/vtx-image/PreviewGroup.js +40 -11
- package/lib/vtx-image/PreviewGroup.js.map +1 -1
- package/lib/vtx-image/index.js +6 -0
- package/lib/vtx-image/index.js.map +1 -1
- package/lib/vtx-image/style/css.js +1 -0
- package/lib/vtx-image/style/css.js.map +1 -1
- package/lib/vtx-image/style/index.js +1 -0
- package/lib/vtx-image/style/index.js.map +1 -1
- package/lib/vtx-image/style/index.less +76 -76
- package/lib/vtx-import/index.js +72 -37
- package/lib/vtx-import/index.js.map +1 -1
- package/lib/vtx-import/result.js +24 -7
- package/lib/vtx-import/result.js.map +1 -1
- package/lib/vtx-import/style/css.js +3 -0
- package/lib/vtx-import/style/css.js.map +1 -1
- package/lib/vtx-import/style/index.js +3 -0
- package/lib/vtx-import/style/index.js.map +1 -1
- package/lib/vtx-import2/CheckResult.js +6 -0
- package/lib/vtx-import2/CheckResult.js.map +1 -1
- package/lib/vtx-import2/Content.js +25 -4
- package/lib/vtx-import2/Content.js.map +1 -1
- package/lib/vtx-import2/DownloadSvg.js +4 -0
- package/lib/vtx-import2/DownloadSvg.js.map +1 -1
- package/lib/vtx-import2/ImportResult.js +11 -5
- package/lib/vtx-import2/ImportResult.js.map +1 -1
- package/lib/vtx-import2/UploadSvg.js +4 -0
- package/lib/vtx-import2/UploadSvg.js.map +1 -1
- package/lib/vtx-import2/index.js +92 -38
- package/lib/vtx-import2/index.js.map +1 -1
- package/lib/vtx-import2/style/css.js +3 -0
- package/lib/vtx-import2/style/css.js.map +1 -1
- package/lib/vtx-import2/style/index.js +3 -0
- package/lib/vtx-import2/style/index.js.map +1 -1
- package/lib/vtx-input/TextArea.js +22 -6
- package/lib/vtx-input/TextArea.js.map +1 -1
- package/lib/vtx-input/index.js +37 -11
- package/lib/vtx-input/index.js.map +1 -1
- package/lib/vtx-input/style/css.js +1 -0
- package/lib/vtx-input/style/css.js.map +1 -1
- package/lib/vtx-input/style/index.js +1 -0
- package/lib/vtx-input/style/index.js.map +1 -1
- package/lib/vtx-input/useLength.js +16 -4
- package/lib/vtx-input/useLength.js.map +1 -1
- package/lib/vtx-modal/Title.js +6 -1
- package/lib/vtx-modal/Title.js.map +1 -1
- package/lib/vtx-modal/index.js +70 -30
- package/lib/vtx-modal/index.js.map +1 -1
- package/lib/vtx-modal/style/css.js +1 -0
- package/lib/vtx-modal/style/css.js.map +1 -1
- package/lib/vtx-modal/style/index.js +1 -0
- package/lib/vtx-modal/style/index.js.map +1 -1
- package/lib/vtx-page-layout/Basic.js +6 -2
- package/lib/vtx-page-layout/Basic.js.map +1 -1
- package/lib/vtx-page-layout/Content.js +19 -7
- package/lib/vtx-page-layout/Content.js.map +1 -1
- package/lib/vtx-page-layout/Pane.js +10 -2
- package/lib/vtx-page-layout/Pane.js.map +1 -1
- package/lib/vtx-page-layout/TableLayout.js +47 -17
- package/lib/vtx-page-layout/TableLayout.js.map +1 -1
- package/lib/vtx-page-layout/TableWrap.js +15 -3
- package/lib/vtx-page-layout/TableWrap.js.map +1 -1
- package/lib/vtx-page-layout/container.js +34 -4
- package/lib/vtx-page-layout/container.js.map +1 -1
- package/lib/vtx-page-layout/index.js +8 -0
- package/lib/vtx-page-layout/index.js.map +1 -1
- package/lib/vtx-rps-frame/index.js +44 -21
- package/lib/vtx-rps-frame/index.js.map +1 -1
- package/lib/vtx-scrollable-row/index.js +57 -19
- package/lib/vtx-scrollable-row/index.js.map +1 -1
- package/lib/vtx-search/VtxCol.js +21 -0
- package/lib/vtx-search/VtxCol.js.map +1 -1
- package/lib/vtx-search/VtxRow.js +12 -6
- package/lib/vtx-search/VtxRow.js.map +1 -1
- package/lib/vtx-search/index.js +93 -40
- package/lib/vtx-search/index.js.map +1 -1
- package/lib/vtx-search/style/css.js +4 -0
- package/lib/vtx-search/style/css.js.map +1 -1
- package/lib/vtx-search/style/index.js +4 -0
- package/lib/vtx-search/style/index.js.map +1 -1
- package/lib/vtx-search-map-input/index.js +73 -42
- package/lib/vtx-search-map-input/index.js.map +1 -1
- package/lib/vtx-search-map-input/style/css.js +2 -0
- package/lib/vtx-search-map-input/style/css.js.map +1 -1
- package/lib/vtx-search-map-input/style/index.js +2 -0
- package/lib/vtx-search-map-input/style/index.js.map +1 -1
- package/lib/vtx-select/index.js +65 -20
- package/lib/vtx-select/index.js.map +1 -1
- package/lib/vtx-select/style/css.js +8 -0
- package/lib/vtx-select/style/css.js.map +1 -1
- package/lib/vtx-select/style/index.js +8 -0
- package/lib/vtx-select/style/index.js.map +1 -1
- package/lib/vtx-signature/index.js +28 -14
- package/lib/vtx-signature/index.js.map +1 -1
- package/lib/vtx-signature/style/css.js +2 -0
- package/lib/vtx-signature/style/css.js.map +1 -1
- package/lib/vtx-signature/style/index.js +2 -0
- package/lib/vtx-signature/style/index.js.map +1 -1
- package/lib/vtx-split-pane/Pane.js +14 -2
- package/lib/vtx-split-pane/Pane.js.map +1 -1
- package/lib/vtx-split-pane/Resizer.js +29 -9
- package/lib/vtx-split-pane/Resizer.js.map +1 -1
- package/lib/vtx-split-pane/SplitPane.js +94 -39
- package/lib/vtx-split-pane/SplitPane.js.map +1 -1
- package/lib/vtx-split-pane/index.js +4 -0
- package/lib/vtx-split-pane/index.js.map +1 -1
- package/lib/vtx-split-pane/style/css.js +3 -0
- package/lib/vtx-split-pane/style/css.js.map +1 -1
- package/lib/vtx-split-pane/style/index.js +3 -0
- package/lib/vtx-split-pane/style/index.js.map +1 -1
- package/lib/vtx-statistics-column/Back.js +7 -1
- package/lib/vtx-statistics-column/Back.js.map +1 -1
- package/lib/vtx-statistics-column/Item.js +22 -5
- package/lib/vtx-statistics-column/Item.js.map +1 -1
- package/lib/vtx-statistics-column/Total.js +22 -5
- package/lib/vtx-statistics-column/Total.js.map +1 -1
- package/lib/vtx-statistics-column/context.js +2 -0
- package/lib/vtx-statistics-column/context.js.map +1 -1
- package/lib/vtx-statistics-column/index.js +16 -0
- package/lib/vtx-statistics-column/index.js.map +1 -1
- package/lib/vtx-time-picker/index.js +16 -3
- package/lib/vtx-time-picker/index.js.map +1 -1
- package/lib/vtx-upload/FilePreview.js +28 -9
- package/lib/vtx-upload/FilePreview.js.map +1 -1
- package/lib/vtx-upload/index.js +138 -67
- package/lib/vtx-upload/index.js.map +1 -1
- package/lib/vtx-upload/style/css.js +5 -0
- package/lib/vtx-upload/style/css.js.map +1 -1
- package/lib/vtx-upload/style/index.js +5 -0
- package/lib/vtx-upload/style/index.js.map +1 -1
- package/lib/vtx-wang-editor/index.js +66 -27
- package/lib/vtx-wang-editor/index.js.map +1 -1
- package/lib/vtx-wang-editor/style/css.js +1 -0
- package/lib/vtx-wang-editor/style/css.js.map +1 -1
- package/lib/vtx-wang-editor/style/index.js +1 -0
- package/lib/vtx-wang-editor/style/index.js.map +1 -1
- package/lib/vtx-wang-editor/wangEditorUtil.js +88 -30
- package/lib/vtx-wang-editor/wangEditorUtil.js.map +1 -1
- package/lib/vtx-ztree/index.js +101 -49
- package/lib/vtx-ztree/index.js.map +1 -1
- package/lib/vtx-ztree/style/css.js +1 -0
- package/lib/vtx-ztree/style/css.js.map +1 -1
- package/lib/vtx-ztree/style/index.js +1 -0
- package/lib/vtx-ztree/style/index.js.map +1 -1
- package/lib/vtx-ztree-select/index.js +99 -43
- package/lib/vtx-ztree-select/index.js.map +1 -1
- package/lib/vtx-ztree-select/style/css.js +3 -0
- package/lib/vtx-ztree-select/style/css.js.map +1 -1
- package/lib/vtx-ztree-select/style/index.js +3 -0
- package/lib/vtx-ztree-select/style/index.js.map +1 -1
- package/package.json +126 -126
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["initReportParamUrl","initReportInfoUrl","initReportServerUrl","VtxRpsFrame","props","iframeName","useRef","Math","random","Date","getTime","useEffect","getReportInfoByCode","flag","report_param","data_param","paramTypeCode","tenantId","isParamEncode","reportParamUrl","reportInfoUrl","reportServerUrl","paramCode","report_code","getUrlParam","access_token","commonParam","axios","method","url","headers","Authorization","param","timestamp","valueOf","reqMethod","formData","encodeURI","JSON","stringify","all","then","spread","commonParamResult","reportInfoByCodeResult","data","result","commonParamData","obj","forEach","d","parmCode","parmName","reportInfoByCodeData","data_url","createForm","window","rpsPrefix","reportlet","current","err","console","log","propTypes","PropTypes","number","string","object","oneOfType","array","bool","reqURL","formDom","document","createElement","target","action","style","inputArray","k","Object","prototype","hasOwnProperty","call","input1","type","name","value","push","body","appendChild","i","len","length","append","submit","remove"],"sources":["vtx-rps-frame/index.jsx"],"sourcesContent":["/* eslint-disable camelcase */\n/*\n * @Author: chenxinyu\n * @Date: 2021-03-24 21:47:52\n * @LastEditors: your name\n * @LastEditTime: 2022-01-12 18:49:30\n * @Description: 报表容器\n * @FilePath: \\react-components\\components\\vtx-rps-frame\\index.jsx\n */\nimport React, { useEffect, useRef } from 'react';\nimport axios from 'axios';\nimport PropTypes from 'prop-types';\nimport getUrlParam from '@vtx/utils/lib/getUrlParam';\n\n\nconst initReportParamUrl = '/cloud/management/rest/np/param/getByParamTypeCode';\nconst initReportInfoUrl = '/cloud/rps/api/np/v101/report/getReportInfoByCode.smvc';\nconst initReportServerUrl = '/ReportServer';\nfunction VtxRpsFrame(props) {\n const iframeName = useRef(Math.random() + new Date().getTime());\n\n // flag改变,重新渲染报表\n useEffect(() => {\n getReportInfoByCode();\n }, [props.flag]);\n\n const getReportInfoByCode = () => {\n const {\n // report_code,\n report_param,\n data_param,\n paramTypeCode,\n tenantId,\n isParamEncode = false,\n reportParamUrl = initReportParamUrl,\n reportInfoUrl = initReportInfoUrl,\n reportServerUrl = initReportServerUrl,\n } = props;\n\n const paramCode = paramTypeCode || 'param_report_constant';\n // report_code 可配置,如果地址栏有report_code,则优先,否则根据props的report_code\n const report_code = getUrlParam().report_code\n ? getUrlParam().report_code\n : props.report_code;\n\n const access_token = getUrlParam()['token'] || getUrlParam()['access_token'];\n\n // 获取公共参数\n function commonParam() {\n return axios({\n method: 'get',\n url: `${reportParamUrl}?parameters={\"paramTypeCode\": \"${paramCode}\",\"tenantId\":\"${tenantId}\"}`,\n headers: {\n 'content-type': 'application/x-www-form-urlencoded',\n Authorization: `Bearer ${access_token}`,\n },\n });\n }\n\n // 获取报表code\n const param = {\n report_code,\n timestamp: new Date().valueOf(),\n reqMethod: 0,\n };\n const formData = isParamEncode ? encodeURI(JSON.stringify(param)) : JSON.stringify(param);\n function getReportInfoByCode() {\n return axios({\n method: 'get',\n url: `${reportInfoUrl}?parameters=${formData}`,\n headers: {\n 'content-type': 'application/x-www-form-urlencoded',\n Authorization: `Bearer ${access_token}`,\n },\n });\n }\n\n axios\n .all([commonParam(), getReportInfoByCode()])\n .then(\n axios.spread(function (commonParamResult, reportInfoByCodeResult) {\n if (!commonParamResult.data.result && !reportInfoByCodeResult.data.result) {\n // 报表公共参数\n const commonParamData = commonParamResult.data.data;\n const obj = {};\n commonParamData.forEach(d => {\n obj[d.parmCode] = d.parmName;\n });\n const reportInfoByCodeData = reportInfoByCodeResult.data.data;\n const param = {\n data_url: reportInfoByCodeData.data_url,\n data_param: JSON.stringify(data_param),\n ...report_param,\n ...obj,\n reqMethod: 0,\n };\n createForm(\n `${window.rpsPrefix || ''}${reportServerUrl}?report_code=${report_code}&reportlet=${reportInfoByCodeData.reportlet\n }&fr_locale=zh_CN×tamp=${new Date().valueOf()}`,\n param,\n `${iframeName.current}`,\n );\n }\n }),\n )\n // eslint-disable-next-line no-console\n .catch(err => console.log(err));\n };\n\n return (\n <div className=\"vtx-rps-frame\">\n <iframe\n className=\"vtx-rps-frame-wrapper\"\n width=\"100%\"\n height=\"100%\"\n name={`${iframeName.current}`}\n ></iframe>\n </div>\n );\n}\n\nVtxRpsFrame.propTypes = {\n flag: PropTypes.number,\n report_code: PropTypes.string,\n report_param: PropTypes.object,\n data_param: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),\n paramTypeCode: PropTypes.string,\n tenantId: PropTypes.string,\n reportParamUrl: PropTypes.string,\n reportInfoUrl: PropTypes.string,\n reportServerUrl: PropTypes.string,\n isParamEncode: PropTypes.bool,\n};\nexport default VtxRpsFrame;\n\nconst createForm = function (reqURL, param, iframeName) {\n // 定义一个form表单\n const formDom = document.createElement('form');\n formDom.method = 'post';\n formDom.target = iframeName;\n formDom.action = reqURL;\n formDom.style = 'display:none';\n const inputArray = [];\n for (const k in param) {\n if (Object.prototype.hasOwnProperty.call(param, k)) {\n const input1 = document.createElement('input');\n input1.type = 'hidden';\n input1.name = k;\n input1.value = param[k];\n inputArray.push(input1);\n }\n }\n document.body.appendChild(formDom); // 将表单放置在web中\n for (let i = 0, len = inputArray.length; i < len; i++) {\n formDom.append(inputArray[i]);\n }\n formDom.submit(); // 表单提交\n formDom.remove();\n};\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","names":["initReportParamUrl","initReportInfoUrl","initReportServerUrl","VtxRpsFrame","props","iframeName","useRef","Math","random","Date","getTime","useEffect","getReportInfoByCode","flag","report_param","data_param","paramTypeCode","tenantId","isParamEncode","reportParamUrl","reportInfoUrl","reportServerUrl","paramCode","report_code","getUrlParam","access_token","commonParam","axios","method","url","headers","Authorization","param","timestamp","valueOf","reqMethod","formData","encodeURI","JSON","stringify","all","then","spread","commonParamResult","reportInfoByCodeResult","data","result","commonParamData","obj","forEach","d","parmCode","parmName","reportInfoByCodeData","data_url","createForm","window","rpsPrefix","reportlet","current","err","console","log","propTypes","PropTypes","number","string","object","oneOfType","array","bool","reqURL","formDom","document","createElement","target","action","style","inputArray","k","Object","prototype","hasOwnProperty","call","input1","type","name","value","push","body","appendChild","i","len","length","append","submit","remove"],"sources":["vtx-rps-frame/index.jsx"],"sourcesContent":["/* eslint-disable camelcase */\r\n/*\r\n * @Author: chenxinyu\r\n * @Date: 2021-03-24 21:47:52\r\n * @LastEditors: your name\r\n * @LastEditTime: 2022-01-12 18:49:30\r\n * @Description: 报表容器\r\n * @FilePath: \\react-components\\components\\vtx-rps-frame\\index.jsx\r\n */\r\nimport React, { useEffect, useRef } from 'react';\r\nimport axios from 'axios';\r\nimport PropTypes from 'prop-types';\r\nimport getUrlParam from '@vtx/utils/lib/getUrlParam';\r\n\r\n\r\nconst initReportParamUrl = '/cloud/management/rest/np/param/getByParamTypeCode';\r\nconst initReportInfoUrl = '/cloud/rps/api/np/v101/report/getReportInfoByCode.smvc';\r\nconst initReportServerUrl = '/ReportServer';\r\nfunction VtxRpsFrame(props) {\r\n const iframeName = useRef(Math.random() + new Date().getTime());\r\n\r\n // flag改变,重新渲染报表\r\n useEffect(() => {\r\n getReportInfoByCode();\r\n }, [props.flag]);\r\n\r\n const getReportInfoByCode = () => {\r\n const {\r\n // report_code,\r\n report_param,\r\n data_param,\r\n paramTypeCode,\r\n tenantId,\r\n isParamEncode = false,\r\n reportParamUrl = initReportParamUrl,\r\n reportInfoUrl = initReportInfoUrl,\r\n reportServerUrl = initReportServerUrl,\r\n } = props;\r\n\r\n const paramCode = paramTypeCode || 'param_report_constant';\r\n // report_code 可配置,如果地址栏有report_code,则优先,否则根据props的report_code\r\n const report_code = getUrlParam().report_code\r\n ? getUrlParam().report_code\r\n : props.report_code;\r\n\r\n const access_token = getUrlParam()['token'] || getUrlParam()['access_token'];\r\n\r\n // 获取公共参数\r\n function commonParam() {\r\n return axios({\r\n method: 'get',\r\n url: `${reportParamUrl}?parameters={\"paramTypeCode\": \"${paramCode}\",\"tenantId\":\"${tenantId}\"}`,\r\n headers: {\r\n 'content-type': 'application/x-www-form-urlencoded',\r\n Authorization: `Bearer ${access_token}`,\r\n },\r\n });\r\n }\r\n\r\n // 获取报表code\r\n const param = {\r\n report_code,\r\n timestamp: new Date().valueOf(),\r\n reqMethod: 0,\r\n };\r\n const formData = isParamEncode ? encodeURI(JSON.stringify(param)) : JSON.stringify(param);\r\n function getReportInfoByCode() {\r\n return axios({\r\n method: 'get',\r\n url: `${reportInfoUrl}?parameters=${formData}`,\r\n headers: {\r\n 'content-type': 'application/x-www-form-urlencoded',\r\n Authorization: `Bearer ${access_token}`,\r\n },\r\n });\r\n }\r\n\r\n axios\r\n .all([commonParam(), getReportInfoByCode()])\r\n .then(\r\n axios.spread(function (commonParamResult, reportInfoByCodeResult) {\r\n if (!commonParamResult.data.result && !reportInfoByCodeResult.data.result) {\r\n // 报表公共参数\r\n const commonParamData = commonParamResult.data.data;\r\n const obj = {};\r\n commonParamData.forEach(d => {\r\n obj[d.parmCode] = d.parmName;\r\n });\r\n const reportInfoByCodeData = reportInfoByCodeResult.data.data;\r\n const param = {\r\n data_url: reportInfoByCodeData.data_url,\r\n data_param: JSON.stringify(data_param),\r\n ...report_param,\r\n ...obj,\r\n reqMethod: 0,\r\n };\r\n createForm(\r\n `${window.rpsPrefix || ''}${reportServerUrl}?report_code=${report_code}&reportlet=${reportInfoByCodeData.reportlet\r\n }&fr_locale=zh_CN×tamp=${new Date().valueOf()}`,\r\n param,\r\n `${iframeName.current}`,\r\n );\r\n }\r\n }),\r\n )\r\n // eslint-disable-next-line no-console\r\n .catch(err => console.log(err));\r\n };\r\n\r\n return (\r\n <div className=\"vtx-rps-frame\">\r\n <iframe\r\n className=\"vtx-rps-frame-wrapper\"\r\n width=\"100%\"\r\n height=\"100%\"\r\n name={`${iframeName.current}`}\r\n ></iframe>\r\n </div>\r\n );\r\n}\r\n\r\nVtxRpsFrame.propTypes = {\r\n flag: PropTypes.number,\r\n report_code: PropTypes.string,\r\n report_param: PropTypes.object,\r\n data_param: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),\r\n paramTypeCode: PropTypes.string,\r\n tenantId: PropTypes.string,\r\n reportParamUrl: PropTypes.string,\r\n reportInfoUrl: PropTypes.string,\r\n reportServerUrl: PropTypes.string,\r\n isParamEncode: PropTypes.bool,\r\n};\r\nexport default VtxRpsFrame;\r\n\r\nconst createForm = function (reqURL, param, iframeName) {\r\n // 定义一个form表单\r\n const formDom = document.createElement('form');\r\n formDom.method = 'post';\r\n formDom.target = iframeName;\r\n formDom.action = reqURL;\r\n formDom.style = 'display:none';\r\n const inputArray = [];\r\n for (const k in param) {\r\n if (Object.prototype.hasOwnProperty.call(param, k)) {\r\n const input1 = document.createElement('input');\r\n input1.type = 'hidden';\r\n input1.name = k;\r\n input1.value = param[k];\r\n inputArray.push(input1);\r\n }\r\n }\r\n document.body.appendChild(formDom); // 将表单放置在web中\r\n for (let i = 0, len = inputArray.length; i < len; i++) {\r\n formDom.append(inputArray[i]);\r\n }\r\n formDom.submit(); // 表单提交\r\n formDom.remove();\r\n};\r\n"],"mappings":"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"}
|
|
@@ -1,53 +1,77 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
+
|
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
|
5
6
|
value: true
|
|
6
7
|
});
|
|
7
8
|
exports["default"] = void 0;
|
|
8
9
|
exports.isTransformSupported = isTransformSupported;
|
|
9
10
|
exports.setTransform = setTransform;
|
|
11
|
+
|
|
10
12
|
var _react = _interopRequireWildcard(require("react"));
|
|
13
|
+
|
|
11
14
|
var _classnames3 = _interopRequireDefault(require("classnames"));
|
|
15
|
+
|
|
12
16
|
var _debounce = _interopRequireDefault(require("lodash/debounce"));
|
|
17
|
+
|
|
13
18
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
19
|
+
|
|
14
20
|
var _RightOutlined = _interopRequireDefault(require("@ant-design/icons/RightOutlined"));
|
|
21
|
+
|
|
15
22
|
var _LeftOutlined = _interopRequireDefault(require("@ant-design/icons/LeftOutlined"));
|
|
23
|
+
|
|
16
24
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
25
|
+
|
|
17
26
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
27
|
+
|
|
18
28
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
29
|
+
|
|
19
30
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
31
|
+
|
|
20
32
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
33
|
+
|
|
21
34
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
35
|
+
|
|
22
36
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
37
|
+
|
|
23
38
|
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."); }
|
|
39
|
+
|
|
24
40
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
41
|
+
|
|
25
42
|
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
43
|
+
|
|
26
44
|
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
45
|
+
|
|
27
46
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
47
|
+
|
|
28
48
|
function isTransformSupported(style) {
|
|
29
49
|
return 'transform' in style || 'webkitTransform' in style || 'MozTransform' in style;
|
|
30
50
|
}
|
|
51
|
+
|
|
31
52
|
function setTransform(style, v) {
|
|
32
53
|
style.transform = v;
|
|
33
54
|
style.webkitTransform = v;
|
|
34
55
|
style.mozTransform = v;
|
|
35
56
|
}
|
|
57
|
+
|
|
36
58
|
function VtxScrollableRow(props) {
|
|
37
59
|
var _classnames, _classnames2;
|
|
60
|
+
|
|
38
61
|
var _useState = (0, _react.useState)({
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
62
|
+
next: false,
|
|
63
|
+
prev: false
|
|
64
|
+
}),
|
|
65
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
66
|
+
state = _useState2[0],
|
|
67
|
+
setState = _useState2[1];
|
|
68
|
+
|
|
45
69
|
var next = state.next,
|
|
46
|
-
|
|
70
|
+
prev = state.prev;
|
|
47
71
|
var _props$prefixCls = props.prefixCls,
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
72
|
+
prefixCls = _props$prefixCls === void 0 ? 'vtx-scrollable-row' : _props$prefixCls,
|
|
73
|
+
className = props.className,
|
|
74
|
+
style = props.style;
|
|
51
75
|
var offset = (0, _react.useRef)(0);
|
|
52
76
|
var containerRef = (0, _react.useRef)();
|
|
53
77
|
var navWrapRef = (0, _react.useRef)();
|
|
@@ -62,13 +86,15 @@ function VtxScrollableRow(props) {
|
|
|
62
86
|
window.removeEventListener('resize', debouncedResize);
|
|
63
87
|
};
|
|
64
88
|
}, []);
|
|
89
|
+
|
|
65
90
|
function setNextPrev() {
|
|
66
91
|
var navNodeW = navRef.current.scrollWidth;
|
|
67
92
|
var containerW = containerRef.current.offsetWidth;
|
|
68
93
|
var navWrapNodeW = navWrapRef.current.offsetWidth;
|
|
69
94
|
var minOffset = containerW - navNodeW;
|
|
70
95
|
var next = state.next,
|
|
71
|
-
|
|
96
|
+
prev = state.prev;
|
|
97
|
+
|
|
72
98
|
if (minOffset >= 0) {
|
|
73
99
|
next = false;
|
|
74
100
|
setOffset(0, false);
|
|
@@ -81,11 +107,13 @@ function VtxScrollableRow(props) {
|
|
|
81
107
|
setOffset(realOffset, false);
|
|
82
108
|
offset.current = realOffset;
|
|
83
109
|
}
|
|
110
|
+
|
|
84
111
|
if (offset.current < 0) {
|
|
85
112
|
prev = true;
|
|
86
113
|
} else {
|
|
87
114
|
prev = false;
|
|
88
115
|
}
|
|
116
|
+
|
|
89
117
|
setNext(next);
|
|
90
118
|
setPrev(prev);
|
|
91
119
|
return {
|
|
@@ -93,14 +121,17 @@ function VtxScrollableRow(props) {
|
|
|
93
121
|
prev: prev
|
|
94
122
|
};
|
|
95
123
|
}
|
|
124
|
+
|
|
96
125
|
var setOffset = function setOffset(os) {
|
|
97
126
|
var checkNextPrev = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
|
|
98
127
|
var target = Math.min(0, os);
|
|
128
|
+
|
|
99
129
|
if (offset.current !== target) {
|
|
100
130
|
offset.current = target;
|
|
101
131
|
var navOffset = {};
|
|
102
132
|
var navStyle = navRef.current.style;
|
|
103
133
|
var transformSupported = isTransformSupported(navStyle);
|
|
134
|
+
|
|
104
135
|
if (transformSupported) {
|
|
105
136
|
navOffset = {
|
|
106
137
|
value: "translate3d(".concat(target, "px,0,0)")
|
|
@@ -111,16 +142,19 @@ function VtxScrollableRow(props) {
|
|
|
111
142
|
value: "".concat(target, "px")
|
|
112
143
|
};
|
|
113
144
|
}
|
|
145
|
+
|
|
114
146
|
if (transformSupported) {
|
|
115
147
|
setTransform(navStyle, navOffset.value);
|
|
116
148
|
} else {
|
|
117
149
|
navStyle[navOffset.name] = navOffset.value;
|
|
118
150
|
}
|
|
151
|
+
|
|
119
152
|
if (checkNextPrev) {
|
|
120
153
|
setNextPrev();
|
|
121
154
|
}
|
|
122
155
|
}
|
|
123
156
|
};
|
|
157
|
+
|
|
124
158
|
var setPrev = function setPrev(v) {
|
|
125
159
|
if (prev !== v) {
|
|
126
160
|
setState(_objectSpread(_objectSpread({}, state), {}, {
|
|
@@ -128,44 +162,47 @@ function VtxScrollableRow(props) {
|
|
|
128
162
|
}));
|
|
129
163
|
}
|
|
130
164
|
};
|
|
165
|
+
|
|
131
166
|
var setNext = function setNext(v) {
|
|
132
167
|
if (next !== v) {
|
|
133
168
|
setState(_objectSpread(_objectSpread({}, state), {}, {
|
|
134
169
|
next: v
|
|
135
170
|
}));
|
|
136
171
|
}
|
|
137
|
-
};
|
|
172
|
+
}; // 上一页
|
|
173
|
+
|
|
138
174
|
|
|
139
|
-
// 上一页
|
|
140
175
|
var handlePrev = function handlePrev() {
|
|
141
176
|
var navWrapNodeW = navWrapRef.current.offsetWidth;
|
|
142
177
|
setOffset(offset.current + navWrapNodeW);
|
|
143
|
-
};
|
|
178
|
+
}; // 下一页
|
|
179
|
+
|
|
144
180
|
|
|
145
|
-
// 下一页
|
|
146
181
|
var handleNext = function handleNext() {
|
|
147
182
|
var navWrapNodeW = navWrapRef.current.offsetWidth;
|
|
148
183
|
setOffset(offset.current - navWrapNodeW);
|
|
149
184
|
};
|
|
185
|
+
|
|
150
186
|
var showNextPrev = prev || next;
|
|
187
|
+
|
|
151
188
|
var prevButton = /*#__PURE__*/_react["default"].createElement("span", {
|
|
152
|
-
onClick: prev ? handlePrev : null
|
|
153
|
-
// eslint-disable-next-line react/no-unknown-property
|
|
189
|
+
onClick: prev ? handlePrev : null // eslint-disable-next-line react/no-unknown-property
|
|
154
190
|
,
|
|
155
191
|
unselectable: "on",
|
|
156
192
|
className: (0, _classnames3["default"])((_classnames = {}, _defineProperty(_classnames, "".concat(prefixCls, "-prev"), true), _defineProperty(_classnames, "".concat(prefixCls, "-btn-disabled"), !prev), _defineProperty(_classnames, "".concat(prefixCls, "-arrow-show"), showNextPrev), _classnames))
|
|
157
193
|
}, /*#__PURE__*/_react["default"].createElement("span", {
|
|
158
194
|
className: "".concat(prefixCls, "-prev-icon")
|
|
159
195
|
}, /*#__PURE__*/_react["default"].createElement(_LeftOutlined["default"], null)));
|
|
196
|
+
|
|
160
197
|
var nextButton = /*#__PURE__*/_react["default"].createElement("span", {
|
|
161
|
-
onClick: next ? handleNext : null
|
|
162
|
-
// eslint-disable-next-line react/no-unknown-property
|
|
198
|
+
onClick: next ? handleNext : null // eslint-disable-next-line react/no-unknown-property
|
|
163
199
|
,
|
|
164
200
|
unselectable: "on",
|
|
165
201
|
className: (0, _classnames3["default"])((_classnames2 = {}, _defineProperty(_classnames2, "".concat(prefixCls, "-next"), true), _defineProperty(_classnames2, "".concat(prefixCls, "-btn-disabled"), !next), _defineProperty(_classnames2, "".concat(prefixCls, "-arrow-show"), showNextPrev), _classnames2))
|
|
166
202
|
}, /*#__PURE__*/_react["default"].createElement("span", {
|
|
167
203
|
className: "".concat(prefixCls, "-next-icon")
|
|
168
204
|
}, /*#__PURE__*/_react["default"].createElement(_RightOutlined["default"], null)));
|
|
205
|
+
|
|
169
206
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
170
207
|
className: (0, _classnames3["default"])("".concat(prefixCls, "-container"), className),
|
|
171
208
|
style: style,
|
|
@@ -180,6 +217,7 @@ function VtxScrollableRow(props) {
|
|
|
180
217
|
ref: navRef
|
|
181
218
|
}, props.children))));
|
|
182
219
|
}
|
|
220
|
+
|
|
183
221
|
var _default = VtxScrollableRow;
|
|
184
222
|
exports["default"] = _default;
|
|
185
223
|
VtxScrollableRow.propTypes = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["isTransformSupported","style","setTransform","v","transform","webkitTransform","mozTransform","VtxScrollableRow","props","useState","next","prev","state","setState","prefixCls","className","offset","useRef","containerRef","navWrapRef","navRef","useEffect","debouncedResize","debounce","setNextPrev","window","addEventListener","removeEventListener","navNodeW","current","scrollWidth","containerW","offsetWidth","navWrapNodeW","minOffset","setOffset","realOffset","setNext","setPrev","os","checkNextPrev","target","Math","min","navOffset","navStyle","transformSupported","value","name","handlePrev","handleNext","showNextPrev","prevButton","classnames","nextButton","children","propTypes","PropTypes","string","object","node"],"sources":["vtx-scrollable-row/index.jsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport classnames from 'classnames';\nimport debounce from 'lodash/debounce';\nimport PropTypes from 'prop-types';\nimport RightOutlined from '@ant-design/icons/RightOutlined';\nimport LeftOutlined from '@ant-design/icons/LeftOutlined';\n\nexport function isTransformSupported(style) {\n return 'transform' in style || 'webkitTransform' in style || 'MozTransform' in style;\n}\n\nexport function setTransform(style, v) {\n style.transform = v;\n style.webkitTransform = v;\n style.mozTransform = v;\n}\n\nfunction VtxScrollableRow(props) {\n const [state, setState] = useState({\n next: false,\n prev: false,\n });\n const { next, prev } = state;\n const { prefixCls = 'vtx-scrollable-row', className, style } = props;\n\n const offset = useRef(0);\n const containerRef = useRef();\n const navWrapRef = useRef();\n const navRef = useRef();\n\n useEffect(() => {\n const debouncedResize = debounce(() => {\n setNextPrev();\n }, 200);\n window.addEventListener('resize', debouncedResize);\n setNextPrev();\n return () => {\n window.removeEventListener('resize', debouncedResize);\n };\n }, []);\n\n function setNextPrev() {\n const navNodeW = navRef.current.scrollWidth;\n const containerW = containerRef.current.offsetWidth;\n const navWrapNodeW = navWrapRef.current.offsetWidth;\n\n const minOffset = containerW - navNodeW;\n let { next, prev } = state;\n if (minOffset >= 0) {\n next = false;\n setOffset(0, false);\n offset.current = 0;\n } else if (minOffset < offset.current) {\n next = true;\n } else {\n next = false;\n const realOffset = navWrapNodeW - navNodeW;\n setOffset(realOffset, false);\n offset.current = realOffset;\n }\n\n if (offset.current < 0) {\n prev = true;\n } else {\n prev = false;\n }\n setNext(next);\n setPrev(prev);\n return {\n next,\n prev,\n };\n }\n\n const setOffset = (os, checkNextPrev = true) => {\n const target = Math.min(0, os);\n if (offset.current !== target) {\n offset.current = target;\n let navOffset = {};\n const navStyle = navRef.current.style;\n const transformSupported = isTransformSupported(navStyle);\n if (transformSupported) {\n navOffset = {\n value: `translate3d(${target}px,0,0)`,\n };\n } else {\n navOffset = {\n name: 'left',\n value: `${target}px`,\n };\n }\n if (transformSupported) {\n setTransform(navStyle, navOffset.value);\n } else {\n navStyle[navOffset.name] = navOffset.value;\n }\n if (checkNextPrev) {\n setNextPrev();\n }\n }\n };\n\n const setPrev = v => {\n if (prev !== v) {\n setState({\n ...state,\n prev: v,\n });\n }\n };\n\n const setNext = v => {\n if (next !== v) {\n setState({\n ...state,\n next: v,\n });\n }\n };\n\n // 上一页\n const handlePrev = () => {\n const navWrapNodeW = navWrapRef.current.offsetWidth;\n setOffset(offset.current + navWrapNodeW);\n };\n\n // 下一页\n const handleNext = () => {\n const navWrapNodeW = navWrapRef.current.offsetWidth;\n setOffset(offset.current - navWrapNodeW);\n };\n\n const showNextPrev = prev || next;\n\n const prevButton = (\n <span\n onClick={prev ? handlePrev : null}\n // eslint-disable-next-line react/no-unknown-property\n unselectable=\"on\"\n className={classnames({\n [`${prefixCls}-prev`]: true,\n [`${prefixCls}-btn-disabled`]: !prev,\n [`${prefixCls}-arrow-show`]: showNextPrev,\n })}\n >\n <span className={`${prefixCls}-prev-icon`}>\n <LeftOutlined />\n </span>\n </span>\n );\n\n const nextButton = (\n <span\n onClick={next ? handleNext : null}\n // eslint-disable-next-line react/no-unknown-property\n unselectable=\"on\"\n className={classnames({\n [`${prefixCls}-next`]: true,\n [`${prefixCls}-btn-disabled`]: !next,\n [`${prefixCls}-arrow-show`]: showNextPrev,\n })}\n >\n <span className={`${prefixCls}-next-icon`}>\n <RightOutlined />\n </span>\n </span>\n );\n\n return (\n <div\n className={classnames(`${prefixCls}-container`, className)}\n style={style}\n ref={containerRef}\n >\n {prevButton}\n {nextButton}\n <div className={`${prefixCls}-nav-wrap`} ref={navWrapRef}>\n <div className={`${prefixCls}-nav-scroll`}>\n <div className={`${prefixCls}-nav`} ref={navRef}>\n {props.children}\n </div>\n </div>\n </div>\n </div>\n );\n}\n\nexport default VtxScrollableRow;\n\nVtxScrollableRow.propTypes = {\n prefixCls: PropTypes.string,\n className: PropTypes.string,\n style: PropTypes.object,\n children: PropTypes.node,\n};\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","names":["isTransformSupported","style","setTransform","v","transform","webkitTransform","mozTransform","VtxScrollableRow","props","useState","next","prev","state","setState","prefixCls","className","offset","useRef","containerRef","navWrapRef","navRef","useEffect","debouncedResize","debounce","setNextPrev","window","addEventListener","removeEventListener","navNodeW","current","scrollWidth","containerW","offsetWidth","navWrapNodeW","minOffset","setOffset","realOffset","setNext","setPrev","os","checkNextPrev","target","Math","min","navOffset","navStyle","transformSupported","value","name","handlePrev","handleNext","showNextPrev","prevButton","classnames","nextButton","children","propTypes","PropTypes","string","object","node"],"sources":["vtx-scrollable-row/index.jsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport classnames from 'classnames';\nimport debounce from 'lodash/debounce';\nimport PropTypes from 'prop-types';\nimport RightOutlined from '@ant-design/icons/RightOutlined';\nimport LeftOutlined from '@ant-design/icons/LeftOutlined';\n\nexport function isTransformSupported(style) {\n return 'transform' in style || 'webkitTransform' in style || 'MozTransform' in style;\n}\n\nexport function setTransform(style, v) {\n style.transform = v;\n style.webkitTransform = v;\n style.mozTransform = v;\n}\n\nfunction VtxScrollableRow(props) {\n const [state, setState] = useState({\n next: false,\n prev: false,\n });\n const { next, prev } = state;\n const { prefixCls = 'vtx-scrollable-row', className, style } = props;\n\n const offset = useRef(0);\n const containerRef = useRef();\n const navWrapRef = useRef();\n const navRef = useRef();\n\n useEffect(() => {\n const debouncedResize = debounce(() => {\n setNextPrev();\n }, 200);\n window.addEventListener('resize', debouncedResize);\n setNextPrev();\n return () => {\n window.removeEventListener('resize', debouncedResize);\n };\n }, []);\n\n function setNextPrev() {\n const navNodeW = navRef.current.scrollWidth;\n const containerW = containerRef.current.offsetWidth;\n const navWrapNodeW = navWrapRef.current.offsetWidth;\n\n const minOffset = containerW - navNodeW;\n let { next, prev } = state;\n if (minOffset >= 0) {\n next = false;\n setOffset(0, false);\n offset.current = 0;\n } else if (minOffset < offset.current) {\n next = true;\n } else {\n next = false;\n const realOffset = navWrapNodeW - navNodeW;\n setOffset(realOffset, false);\n offset.current = realOffset;\n }\n\n if (offset.current < 0) {\n prev = true;\n } else {\n prev = false;\n }\n setNext(next);\n setPrev(prev);\n return {\n next,\n prev,\n };\n }\n\n const setOffset = (os, checkNextPrev = true) => {\n const target = Math.min(0, os);\n if (offset.current !== target) {\n offset.current = target;\n let navOffset = {};\n const navStyle = navRef.current.style;\n const transformSupported = isTransformSupported(navStyle);\n if (transformSupported) {\n navOffset = {\n value: `translate3d(${target}px,0,0)`,\n };\n } else {\n navOffset = {\n name: 'left',\n value: `${target}px`,\n };\n }\n if (transformSupported) {\n setTransform(navStyle, navOffset.value);\n } else {\n navStyle[navOffset.name] = navOffset.value;\n }\n if (checkNextPrev) {\n setNextPrev();\n }\n }\n };\n\n const setPrev = v => {\n if (prev !== v) {\n setState({\n ...state,\n prev: v,\n });\n }\n };\n\n const setNext = v => {\n if (next !== v) {\n setState({\n ...state,\n next: v,\n });\n }\n };\n\n // 上一页\n const handlePrev = () => {\n const navWrapNodeW = navWrapRef.current.offsetWidth;\n setOffset(offset.current + navWrapNodeW);\n };\n\n // 下一页\n const handleNext = () => {\n const navWrapNodeW = navWrapRef.current.offsetWidth;\n setOffset(offset.current - navWrapNodeW);\n };\n\n const showNextPrev = prev || next;\n\n const prevButton = (\n <span\n onClick={prev ? handlePrev : null}\n // eslint-disable-next-line react/no-unknown-property\n unselectable=\"on\"\n className={classnames({\n [`${prefixCls}-prev`]: true,\n [`${prefixCls}-btn-disabled`]: !prev,\n [`${prefixCls}-arrow-show`]: showNextPrev,\n })}\n >\n <span className={`${prefixCls}-prev-icon`}>\n <LeftOutlined />\n </span>\n </span>\n );\n\n const nextButton = (\n <span\n onClick={next ? handleNext : null}\n // eslint-disable-next-line react/no-unknown-property\n unselectable=\"on\"\n className={classnames({\n [`${prefixCls}-next`]: true,\n [`${prefixCls}-btn-disabled`]: !next,\n [`${prefixCls}-arrow-show`]: showNextPrev,\n })}\n >\n <span className={`${prefixCls}-next-icon`}>\n <RightOutlined />\n </span>\n </span>\n );\n\n return (\n <div\n className={classnames(`${prefixCls}-container`, className)}\n style={style}\n ref={containerRef}\n >\n {prevButton}\n {nextButton}\n <div className={`${prefixCls}-nav-wrap`} ref={navWrapRef}>\n <div className={`${prefixCls}-nav-scroll`}>\n <div className={`${prefixCls}-nav`} ref={navRef}>\n {props.children}\n </div>\n </div>\n </div>\n </div>\n );\n}\n\nexport default VtxScrollableRow;\n\nVtxScrollableRow.propTypes = {\n prefixCls: PropTypes.string,\n className: PropTypes.string,\n style: PropTypes.object,\n children: PropTypes.node,\n};\n"],"mappings":"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"}
|
package/lib/vtx-search/VtxCol.js
CHANGED
|
@@ -4,22 +4,34 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = void 0;
|
|
7
|
+
|
|
7
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
|
|
8
10
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
+
|
|
9
12
|
var _col = _interopRequireDefault(require("antd/lib/col"));
|
|
13
|
+
|
|
10
14
|
var _tooltip = _interopRequireDefault(require("antd/lib/tooltip"));
|
|
15
|
+
|
|
11
16
|
require("./style/index.less");
|
|
17
|
+
|
|
12
18
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
19
|
+
|
|
13
20
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
21
|
+
|
|
14
22
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
23
|
+
|
|
15
24
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
25
|
+
|
|
16
26
|
function VtxCol(props) {
|
|
17
27
|
var addStyle = function addStyle(d) {
|
|
18
28
|
var _d$props;
|
|
29
|
+
|
|
19
30
|
if (typeof d.type === 'function' && ((_d$props = d.props) === null || _d$props === void 0 ? void 0 : _d$props.attr) == 'row') {
|
|
20
31
|
return d;
|
|
21
32
|
} else {
|
|
22
33
|
var _d$props2, _d$props3, _d$props4, _d$props5;
|
|
34
|
+
|
|
23
35
|
if (((_d$props2 = d.props) === null || _d$props2 === void 0 ? void 0 : _d$props2['data-type']) === 'colon') {
|
|
24
36
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
25
37
|
className: "vtx-search-lists"
|
|
@@ -29,7 +41,9 @@ function VtxCol(props) {
|
|
|
29
41
|
className: "vtx-search-list"
|
|
30
42
|
}, d.props.children[1]));
|
|
31
43
|
}
|
|
44
|
+
|
|
32
45
|
var sty = {};
|
|
46
|
+
|
|
33
47
|
if (((_d$props3 = d.props) === null || _d$props3 === void 0 ? void 0 : _d$props3['data-type']) === 'fieldName') {
|
|
34
48
|
sty = _objectSpread(_objectSpread({}, sty), {}, {
|
|
35
49
|
padding: '8px 0px',
|
|
@@ -40,11 +54,13 @@ function VtxCol(props) {
|
|
|
40
54
|
cursor: 'default'
|
|
41
55
|
});
|
|
42
56
|
}
|
|
57
|
+
|
|
43
58
|
if (((_d$props4 = d.props) === null || _d$props4 === void 0 ? void 0 : _d$props4['data-type']) === 'bt') {
|
|
44
59
|
sty = _objectSpread(_objectSpread({}, sty), {}, {
|
|
45
60
|
padding: '8px 0px'
|
|
46
61
|
});
|
|
47
62
|
}
|
|
63
|
+
|
|
48
64
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
49
65
|
key: d,
|
|
50
66
|
style: _objectSpread({}, sty)
|
|
@@ -54,17 +70,22 @@ function VtxCol(props) {
|
|
|
54
70
|
}, d) : d);
|
|
55
71
|
}
|
|
56
72
|
};
|
|
73
|
+
|
|
57
74
|
var render = function render(d) {
|
|
58
75
|
if (d == '') return '';
|
|
76
|
+
|
|
59
77
|
if (!d.length) {
|
|
60
78
|
return addStyle(d);
|
|
61
79
|
}
|
|
80
|
+
|
|
62
81
|
return d.map(function (item) {
|
|
63
82
|
return addStyle(item);
|
|
64
83
|
});
|
|
65
84
|
};
|
|
85
|
+
|
|
66
86
|
return /*#__PURE__*/_react["default"].createElement(_col["default"], props, render(props.children));
|
|
67
87
|
}
|
|
88
|
+
|
|
68
89
|
VtxCol.propTypes = {
|
|
69
90
|
children: _propTypes["default"].node
|
|
70
91
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VtxCol.js","names":["VtxCol","props","addStyle","d","type","attr","children","sty","padding","overflow","textOverflow","whiteSpace","textAlign","cursor","render","length","map","item","propTypes","PropTypes","node"],"sources":["vtx-search/VtxCol.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Col from 'antd/lib/col';\nimport Tooltip from 'antd/lib/tooltip';\nimport './style/index.less';\n\nfunction VtxCol(props) {\n const addStyle = d => {\n if (typeof d.type === 'function' && d.props?.attr == 'row') {\n return d;\n } else {\n if (d.props?.['data-type'] === 'colon') {\n return (\n <div className=\"vtx-search-lists\">\n <div className=\"vtx-search-colon\">{d.props.children[0]}</div>\n <div className=\"vtx-search-list\">{d.props.children[1]}</div>\n </div>\n );\n }\n let sty = {};\n if (d.props?.['data-type'] === 'fieldName') {\n sty = {\n ...sty,\n padding: '8px 0px',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n textAlign: 'right',\n cursor: 'default',\n };\n }\n if (d.props?.['data-type'] === 'bt') {\n sty = {\n ...sty,\n padding: '8px 0px',\n };\n }\n return (\n <div key={d} style={{ ...sty }}>\n {d.props?.['data-type'] === 'fieldName' ? (\n <Tooltip placement=\"rightTop\" title={d.props.children}>\n {d}\n </Tooltip>\n ) : (\n d\n )}\n </div>\n );\n }\n };\n const render = d => {\n if (d == '') return '';\n if (!d.length) {\n return addStyle(d);\n }\n return d.map(item => {\n return addStyle(item);\n });\n };\n return <Col {...props}>{render(props.children)}</Col>;\n}\n\nVtxCol.propTypes = {\n children: PropTypes.node,\n};\nexport default VtxCol;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"VtxCol.js","names":["VtxCol","props","addStyle","d","type","attr","children","sty","padding","overflow","textOverflow","whiteSpace","textAlign","cursor","render","length","map","item","propTypes","PropTypes","node"],"sources":["vtx-search/VtxCol.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Col from 'antd/lib/col';\nimport Tooltip from 'antd/lib/tooltip';\nimport './style/index.less';\n\nfunction VtxCol(props) {\n const addStyle = d => {\n if (typeof d.type === 'function' && d.props?.attr == 'row') {\n return d;\n } else {\n if (d.props?.['data-type'] === 'colon') {\n return (\n <div className=\"vtx-search-lists\">\n <div className=\"vtx-search-colon\">{d.props.children[0]}</div>\n <div className=\"vtx-search-list\">{d.props.children[1]}</div>\n </div>\n );\n }\n let sty = {};\n if (d.props?.['data-type'] === 'fieldName') {\n sty = {\n ...sty,\n padding: '8px 0px',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n textAlign: 'right',\n cursor: 'default',\n };\n }\n if (d.props?.['data-type'] === 'bt') {\n sty = {\n ...sty,\n padding: '8px 0px',\n };\n }\n return (\n <div key={d} style={{ ...sty }}>\n {d.props?.['data-type'] === 'fieldName' ? (\n <Tooltip placement=\"rightTop\" title={d.props.children}>\n {d}\n </Tooltip>\n ) : (\n d\n )}\n </div>\n );\n }\n };\n const render = d => {\n if (d == '') return '';\n if (!d.length) {\n return addStyle(d);\n }\n return d.map(item => {\n return addStyle(item);\n });\n };\n return <Col {...props}>{render(props.children)}</Col>;\n}\n\nVtxCol.propTypes = {\n children: PropTypes.node,\n};\nexport default VtxCol;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,SAASA,MAAT,CAAgBC,KAAhB,EAAuB;EACnB,IAAMC,QAAQ,GAAG,SAAXA,QAAW,CAAAC,CAAC,EAAI;IAAA;;IAClB,IAAI,OAAOA,CAAC,CAACC,IAAT,KAAkB,UAAlB,IAAgC,aAAAD,CAAC,CAACF,KAAF,sDAASI,IAAT,KAAiB,KAArD,EAA4D;MACxD,OAAOF,CAAP;IACH,CAFD,MAEO;MAAA;;MACH,IAAI,cAAAA,CAAC,CAACF,KAAF,wDAAU,WAAV,OAA2B,OAA/B,EAAwC;QACpC,oBACI;UAAK,SAAS,EAAC;QAAf,gBACI;UAAK,SAAS,EAAC;QAAf,GAAmCE,CAAC,CAACF,KAAF,CAAQK,QAAR,CAAiB,CAAjB,CAAnC,CADJ,eAEI;UAAK,SAAS,EAAC;QAAf,GAAkCH,CAAC,CAACF,KAAF,CAAQK,QAAR,CAAiB,CAAjB,CAAlC,CAFJ,CADJ;MAMH;;MACD,IAAIC,GAAG,GAAG,EAAV;;MACA,IAAI,cAAAJ,CAAC,CAACF,KAAF,wDAAU,WAAV,OAA2B,WAA/B,EAA4C;QACxCM,GAAG,mCACIA,GADJ;UAECC,OAAO,EAAE,SAFV;UAGCC,QAAQ,EAAE,QAHX;UAICC,YAAY,EAAE,UAJf;UAKCC,UAAU,EAAE,QALb;UAMCC,SAAS,EAAE,OANZ;UAOCC,MAAM,EAAE;QAPT,EAAH;MASH;;MACD,IAAI,cAAAV,CAAC,CAACF,KAAF,wDAAU,WAAV,OAA2B,IAA/B,EAAqC;QACjCM,GAAG,mCACIA,GADJ;UAECC,OAAO,EAAE;QAFV,EAAH;MAIH;;MACD,oBACI;QAAK,GAAG,EAAEL,CAAV;QAAa,KAAK,oBAAOI,GAAP;MAAlB,GACK,cAAAJ,CAAC,CAACF,KAAF,wDAAU,WAAV,OAA2B,WAA3B,gBACG,gCAAC,mBAAD;QAAS,SAAS,EAAC,UAAnB;QAA8B,KAAK,EAAEE,CAAC,CAACF,KAAF,CAAQK;MAA7C,GACKH,CADL,CADH,GAKGA,CANR,CADJ;IAWH;EACJ,CA1CD;;EA2CA,IAAMW,MAAM,GAAG,SAATA,MAAS,CAAAX,CAAC,EAAI;IAChB,IAAIA,CAAC,IAAI,EAAT,EAAa,OAAO,EAAP;;IACb,IAAI,CAACA,CAAC,CAACY,MAAP,EAAe;MACX,OAAOb,QAAQ,CAACC,CAAD,CAAf;IACH;;IACD,OAAOA,CAAC,CAACa,GAAF,CAAM,UAAAC,IAAI,EAAI;MACjB,OAAOf,QAAQ,CAACe,IAAD,CAAf;IACH,CAFM,CAAP;EAGH,CARD;;EASA,oBAAO,gCAAC,eAAD,EAAShB,KAAT,EAAiBa,MAAM,CAACb,KAAK,CAACK,QAAP,CAAvB,CAAP;AACH;;AAEDN,MAAM,CAACkB,SAAP,GAAmB;EACfZ,QAAQ,EAAEa,qBAAA,CAAUC;AADL,CAAnB;eAGepB,M"}
|
package/lib/vtx-search/VtxRow.js
CHANGED
|
@@ -4,18 +4,23 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = void 0;
|
|
7
|
+
|
|
7
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
|
|
8
10
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
+
|
|
9
12
|
var _row = _interopRequireDefault(require("antd/lib/row"));
|
|
13
|
+
|
|
10
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
15
|
+
|
|
11
16
|
function VtxRow(props) {
|
|
12
17
|
var children = props.children,
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
18
|
+
_props$gutter = props.gutter,
|
|
19
|
+
gutter = _props$gutter === void 0 ? 0 : _props$gutter,
|
|
20
|
+
type = props.type,
|
|
21
|
+
align = props.align,
|
|
22
|
+
justify = props.justify,
|
|
23
|
+
className = props.className;
|
|
19
24
|
var RowProps = {
|
|
20
25
|
gutter: gutter,
|
|
21
26
|
type: type,
|
|
@@ -25,6 +30,7 @@ function VtxRow(props) {
|
|
|
25
30
|
};
|
|
26
31
|
return /*#__PURE__*/_react["default"].createElement(_row["default"], RowProps, children);
|
|
27
32
|
}
|
|
33
|
+
|
|
28
34
|
VtxRow.propTypes = {
|
|
29
35
|
children: _propTypes["default"].node,
|
|
30
36
|
gutter: _propTypes["default"].number,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VtxRow.js","names":["VtxRow","props","children","gutter","type","align","justify","className","RowProps","propTypes","PropTypes","node","number","string"],"sources":["vtx-search/VtxRow.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Row from 'antd/lib/row';\n\nfunction VtxRow(props) {\n const { children, gutter = 0, type, align, justify, className } = props;\n const RowProps = { gutter, type, align, justify, className };\n return <Row {...RowProps}>{children}</Row>;\n}\n\nVtxRow.propTypes = {\n children: PropTypes.node,\n gutter: PropTypes.number,\n type: PropTypes.string,\n align: PropTypes.number,\n justify: PropTypes.number,\n className: PropTypes.string,\n};\nexport default VtxRow;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"VtxRow.js","names":["VtxRow","props","children","gutter","type","align","justify","className","RowProps","propTypes","PropTypes","node","number","string"],"sources":["vtx-search/VtxRow.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Row from 'antd/lib/row';\n\nfunction VtxRow(props) {\n const { children, gutter = 0, type, align, justify, className } = props;\n const RowProps = { gutter, type, align, justify, className };\n return <Row {...RowProps}>{children}</Row>;\n}\n\nVtxRow.propTypes = {\n children: PropTypes.node,\n gutter: PropTypes.number,\n type: PropTypes.string,\n align: PropTypes.number,\n justify: PropTypes.number,\n className: PropTypes.string,\n};\nexport default VtxRow;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAEA,SAASA,MAAT,CAAgBC,KAAhB,EAAuB;EACnB,IAAQC,QAAR,GAAkED,KAAlE,CAAQC,QAAR;EAAA,oBAAkED,KAAlE,CAAkBE,MAAlB;EAAA,IAAkBA,MAAlB,8BAA2B,CAA3B;EAAA,IAA8BC,IAA9B,GAAkEH,KAAlE,CAA8BG,IAA9B;EAAA,IAAoCC,KAApC,GAAkEJ,KAAlE,CAAoCI,KAApC;EAAA,IAA2CC,OAA3C,GAAkEL,KAAlE,CAA2CK,OAA3C;EAAA,IAAoDC,SAApD,GAAkEN,KAAlE,CAAoDM,SAApD;EACA,IAAMC,QAAQ,GAAG;IAAEL,MAAM,EAANA,MAAF;IAAUC,IAAI,EAAJA,IAAV;IAAgBC,KAAK,EAALA,KAAhB;IAAuBC,OAAO,EAAPA,OAAvB;IAAgCC,SAAS,EAATA;EAAhC,CAAjB;EACA,oBAAO,gCAAC,eAAD,EAASC,QAAT,EAAoBN,QAApB,CAAP;AACH;;AAEDF,MAAM,CAACS,SAAP,GAAmB;EACfP,QAAQ,EAAEQ,qBAAA,CAAUC,IADL;EAEfR,MAAM,EAAEO,qBAAA,CAAUE,MAFH;EAGfR,IAAI,EAAEM,qBAAA,CAAUG,MAHD;EAIfR,KAAK,EAAEK,qBAAA,CAAUE,MAJF;EAKfN,OAAO,EAAEI,qBAAA,CAAUE,MALJ;EAMfL,SAAS,EAAEG,qBAAA,CAAUG;AANN,CAAnB;eAQeb,M"}
|