ronds-metadata 1.3.89 → 1.3.91

package/es/comps/MetadataForm/DataCell/plugin/MapTable.js

@@ -1,297 +0,0 @@
-import "antd/es/checkbox/style";
-import _Checkbox from "antd/es/checkbox";
-import "antd/es/row/style";
-import _Row from "antd/es/row";
-import "antd/es/button/style";
-import _Button from "antd/es/button";
-import "antd/es/col/style";
-import _Col from "antd/es/col";
-import "antd/es/select/style";
-import _Select from "antd/es/select";
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import { CloseCircleFilled, ArrowRightOutlined } from '@ant-design/icons';
-import React from 'react';
-import Editable from '../../../../comps/Editable';
-import { MetadataFormContext } from '../../interface';
-import { useGetLabelCol, useGetWrapperCol } from './Datasource/hooks';
-import useObservable from '../../../../framework/rxjs-hooks/useObservable';
-import { STREAM_EVENT_TYPE } from '../../constants';
-var MapTable = function MapTable(props) {
-  var value = props.value,
-    onChange = props.onChange,
-    extraInfo = props.extraInfo,
-    disabled = props.disabled;
-  var _React$useState = React.useState([]),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    tableDataSource = _React$useState2[0],
-    setTableDataSource = _React$useState2[1];
-  var _React$useState3 = React.useState([]),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    tableDataTarget = _React$useState4[0],
-    setTableDataTarget = _React$useState4[1];
-  var tableDataSourceRef = React.useRef([]);
-  var tableDataTargetRef = React.useRef([]);
-  var _React$useState5 = React.useState([]),
-    _React$useState6 = _slicedToArray(_React$useState5, 2),
-    options = _React$useState6[0],
-    setOptions = _React$useState6[1];
-  var _React$useState7 = React.useState(),
-    _React$useState8 = _slicedToArray(_React$useState7, 2),
-    mapping = _React$useState8[0],
-    setMapping = _React$useState8[1];
-  var _React$useState9 = React.useState(),
-    _React$useState10 = _slicedToArray(_React$useState9, 2),
-    output = _React$useState10[0],
-    setOutput = _React$useState10[1];
-  var _React$useState11 = React.useState(),
-    _React$useState12 = _slicedToArray(_React$useState11, 2),
-    disableArray = _React$useState12[0],
-    setDisableArray = _React$useState12[1];
-  var sourceEditableStreamRef = React.useRef();
-  var targetEditableStreamRef = React.useRef();
-  var _React$useContext = React.useContext(MetadataFormContext),
-    form = _React$useContext.form;
-  var labelCol = useGetLabelCol(extraInfo);
-  var wrapperCol = useGetWrapperCol(extraInfo);
-  var formContext = React.useContext(MetadataFormContext) || {};
-  useObservable(function (p) {
-    if ((p === null || p === void 0 ? void 0 : p.type) === STREAM_EVENT_TYPE.ON_VALUES_CHANGE) {}
-  }, [formContext === null || formContext === void 0 ? void 0 : formContext.stream$]);
-  var triggerChange = function triggerChange(changedValue) {
-    onChange && onChange(_objectSpread({
-      mapping: mapping,
-      output: output,
-      options: options,
-      dataSource: tableDataSource,
-      dataTarget: tableDataTarget
-    }, changedValue));
-  };
-  var onBtnClick = function onBtnClick(index) {
-    var _disableArray = _toConsumableArray(disableArray);
-    _disableArray[index] = !_disableArray[index];
-    setDisableArray(_disableArray);
-  };
-  var onOutputChange = function onOutputChange(value) {
-    setOutput(value);
-    triggerChange({
-      output: value
-    });
-  };
-  var onSourceMove = function onSourceMove(data) {
-    var newDataSource = _toConsumableArray(tableDataSource);
-    var removedElement = newDataSource.splice(data === null || data === void 0 ? void 0 : data.dragIndex, 1)[0];
-    newDataSource.splice(data === null || data === void 0 ? void 0 : data.hoverIndex, 0, removedElement);
-    setTableDataSource(newDataSource);
-    tableDataSourceRef.current = newDataSource;
-  };
-  var onTargetMove = function onTargetMove(data) {
-    var newDataTarget = _toConsumableArray(tableDataTarget);
-    var removedElement = newDataTarget.splice(data === null || data === void 0 ? void 0 : data.dragIndex, 1)[0];
-    newDataTarget.splice(data === null || data === void 0 ? void 0 : data.hoverIndex, 0, removedElement);
-    setTableDataTarget(newDataTarget);
-    tableDataTargetRef.current = newDataTarget;
-  };
-  React.useEffect(function () {
-    if (value) {
-      if (value.mapping) {
-        setMapping(value.mapping);
-        triggerChange({
-          mapping: value.mapping
-        });
-      }
-      if (value.output) {
-        setOutput(value.output);
-        triggerChange({
-          output: value.output
-        });
-      }
-      if (value.options) {
-        setOptions(value.options);
-        triggerChange({
-          options: value.options
-        });
-      }
-      if (value.dataSource) {
-        setTableDataSource(value.dataSource);
-        tableDataSourceRef.current = value.dataSource;
-        triggerChange({
-          dataSource: value.dataSource
-        });
-      }
-      if (value.dataTarget) {
-        setTableDataTarget(value.dataTarget);
-        tableDataTargetRef.current = value.dataTarget;
-        triggerChange({
-          dataTarget: value.dataTarget
-        });
-      }
-    }
-  }, []);
-  React.useEffect(function () {
-    if (disableArray) {
-      var _mapping = [];
-      disableArray.forEach(function (_, idx) {
-        if (disableArray[idx]) {
-          var _tableDataSource$idx, _tableDataSource$idx2, _tableDataTarget$idx, _tableDataTarget$idx2;
-          _mapping.push({
-            src: {
-              name: (_tableDataSource$idx = tableDataSource[idx]) === null || _tableDataSource$idx === void 0 ? void 0 : _tableDataSource$idx.name,
-              dataType: (_tableDataSource$idx2 = tableDataSource[idx]) === null || _tableDataSource$idx2 === void 0 ? void 0 : _tableDataSource$idx2.type
-            },
-            dst: {
-              name: (_tableDataTarget$idx = tableDataTarget[idx]) === null || _tableDataTarget$idx === void 0 ? void 0 : _tableDataTarget$idx.name,
-              dataType: (_tableDataTarget$idx2 = tableDataTarget[idx]) === null || _tableDataTarget$idx2 === void 0 ? void 0 : _tableDataTarget$idx2.type
-            }
-          });
-        }
-      });
-      setMapping(_mapping);
-      triggerChange({
-        mapping: _mapping
-      });
-    }
-  }, [disableArray]);
-  React.useEffect(function () {
-    var values = form.getFieldsValue().mapTable;
-    if (tableDataSourceRef.current.length !== 0) {
-      setTableDataSource(tableDataSourceRef.current);
-    } else {
-      (values === null || values === void 0 ? void 0 : values.dataSource) && setTableDataSource(values.dataSource);
-    }
-    if (tableDataTargetRef.current.length !== 0) {
-      setTableDataTarget(tableDataTargetRef.current);
-    } else {
-      (values === null || values === void 0 ? void 0 : values.dataTarget) && setTableDataTarget(values.dataTarget);
-    }
-    (values === null || values === void 0 ? void 0 : values.options) && setOptions(values.options);
-    if (!disableArray && (values === null || values === void 0 ? void 0 : values.dataSource) && (values === null || values === void 0 ? void 0 : values.dataTarget)) {
-      var _values$dataSource, _values$dataTarget;
-      var valueArray = new Array(Math.min((_values$dataSource = values.dataSource) === null || _values$dataSource === void 0 ? void 0 : _values$dataSource.length, (_values$dataTarget = values.dataTarget) === null || _values$dataTarget === void 0 ? void 0 : _values$dataTarget.length)).fill(true);
-      setDisableArray(valueArray);
-    }
-  }, [form.getFieldsValue(), disableArray]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Row, {
-    className: !(extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.borderHidden) && 'ant-form-item',
-    style: {
-      alignItems: 'center'
-    }
-  }, /*#__PURE__*/React.createElement(_Col, {
-    flex: wrapperCol,
-    style: {
-      paddingBottom: '8px'
-    }
-  }, /*#__PURE__*/React.createElement(_Select, {
-    onChange: onOutputChange,
-    value: output,
-    options: options,
-    disabled: disabled
-  })), /*#__PURE__*/React.createElement("div", {
-    style: {
-      display: 'flex',
-      width: '100%',
-      height: '100%',
-      marginTop: '2px'
-    }
-  }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    style: {
-      width: '40%'
-    }
-  }, /*#__PURE__*/React.createElement(Editable, {
-    readonly: disabled,
-    type: "single",
-    columns: columnSource,
-    dataSource: tableDataSource,
-    onRowConfirm: function onRowConfirm() {},
-    onRowDelete: function onRowDelete() {},
-    getStreamInstance: function getStreamInstance(stream) {
-      return sourceEditableStreamRef.current = stream;
-    },
-    onRowClick: function onRowClick(record) {},
-    onMove: onSourceMove
-  })), /*#__PURE__*/React.createElement("div", {
-    style: {
-      marginTop: '39px',
-      marginRight: '6px'
-    }
-  }, _toConsumableArray(Array(Math.min(tableDataSource === null || tableDataSource === void 0 ? void 0 : tableDataSource.length, tableDataTarget === null || tableDataTarget === void 0 ? void 0 : tableDataTarget.length))).map(function (_, index) {
-    return /*#__PURE__*/React.createElement("div", {
-      key: index,
-      style: {
-        marginLeft: '6px',
-        marginRight: '6px',
-        lineHeight: '33px'
-      }
-    }, /*#__PURE__*/React.createElement(_Button, {
-      key: index,
-      type: "link",
-      icon: disableArray && disableArray[index] ? /*#__PURE__*/React.createElement(ArrowRightOutlined, null) : /*#__PURE__*/React.createElement(CloseCircleFilled, null),
-      onClick: function onClick() {
-        return onBtnClick(index);
-      },
-      disabled: disabled
-    }));
-  })), /*#__PURE__*/React.createElement("div", {
-    style: {
-      width: '40%'
-    }
-  }, /*#__PURE__*/React.createElement(Editable, {
-    readonly: disabled,
-    type: "single",
-    columns: columnTarget,
-    dataSource: tableDataTarget,
-    onRowConfirm: function onRowConfirm() {},
-    onRowDelete: function onRowDelete() {},
-    getStreamInstance: function getStreamInstance(stream) {
-      return targetEditableStreamRef.current = stream;
-    },
-    onRowClick: function onRowClick(record) {},
-    onMove: onTargetMove
-  }))))));
-};
-export default MapTable;
-var columnSource = [{
-  title: '来源表字段',
-  dataIndex: 'name',
-  key: 'name'
-}, {
-  title: '类型',
-  dataIndex: 'type',
-  key: 'type'
-}, {
-  title: '注释',
-  dataIndex: 'label',
-  key: 'label'
-}];
-var columnTarget = [{
-  title: '目标表字段',
-  dataIndex: 'name',
-  key: 'name'
-}, {
-  title: '类型',
-  dataIndex: 'type',
-  key: 'type'
-}, {
-  title: '注释',
-  dataIndex: 'label',
-  key: 'label'
-}, {
-  title: '主键',
-  dataIndex: 'key',
-  key: 'key',
-  render: function render(val) {
-    return /*#__PURE__*/React.createElement(_Checkbox, {
-      checked: val
-    });
-  }
-}, {
-  title: '非空',
-  dataIndex: 'require',
-  key: 'require',
-  render: function render(val) {
-    return /*#__PURE__*/React.createElement(_Checkbox, {
-      checked: val
-    });
-  }
-}];