oadp-material
Version:
oadp-material
118 lines (116 loc) • 4.97 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports["default"] = void 0;
var _dialog = _interopRequireDefault(require("@alifd/next/lib/dialog"));
var _box = _interopRequireDefault(require("@alifd/next/lib/box"));
var _transfer = _interopRequireDefault(require("@alifd/next/lib/transfer"));
var _button = _interopRequireDefault(require("@alifd/next/lib/button"));
var _icon = _interopRequireDefault(require("@alifd/next/lib/icon"));
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
var _react = _interopRequireWildcard(require("react"));
var _excluded = ["children", "attributeDataSource", "attributeShowDataSource", "onOpen", "onConfirm", "__designMode"];
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
// oadp-filter 组件定义
// oadp-filter 组件实例
var OadpAttributeSettingTransfer = function OadpAttributeSettingTransfer(_ref) {
var children = _ref.children,
attributeDataSource = _ref.attributeDataSource,
attributeShowDataSource = _ref.attributeShowDataSource,
onOpen = _ref.onOpen,
onConfirm = _ref.onConfirm,
__designMode = _ref.__designMode,
otherProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
var _useState = (0, _react.useState)(attributeShowDataSource),
localValues = _useState[0],
setLocalValues = _useState[1];
var _React$useState = _react["default"].useState(false),
visibleTableSetting = _React$useState[0],
setVisibleTableSetting = _React$useState[1];
(0, _react.useEffect)(function () {
setLocalValues(attributeShowDataSource || []);
}, [attributeShowDataSource]);
var handleDialogOpen = function handleDialogOpen() {
onOpen === null || onOpen === void 0 ? void 0 : onOpen();
if (__designMode === 'design') {
console.log('OadpEntityButtonReadCondition handleDialogOpen __designMode === design');
return;
}
setVisibleTableSetting(true);
};
var handleDialogOk = function handleDialogOk() {
onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm(localValues);
setVisibleTableSetting(false);
};
var handleTransferChange = function handleTransferChange(value, data, extra) {
setLocalValues(value);
};
return /*#__PURE__*/_react["default"].createElement(_box["default"], {
direction: "row",
justify: "start",
align: "center"
}, /*#__PURE__*/_react["default"].createElement(_button["default"], {
onClick: handleDialogOpen,
text: false,
type: "secondary",
size: "medium",
iconSize: "medium",
icons: {
loading: /*#__PURE__*/_react["default"].createElement(_icon["default"], {
type: "set"
})
},
style: {
paddingLeft: 4,
paddingRight: 4,
border: 'none'
},
"aria-label": "set button"
}, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
type: "set",
size: "large"
})), /*#__PURE__*/_react["default"].createElement(_dialog["default"], {
title: "\u8BBE\u7F6E",
overflowScroll: true,
visible: visibleTableSetting,
onOk: handleDialogOk,
onCancel: function onCancel() {
return setVisibleTableSetting(false);
},
onClose: function onClose() {
return setVisibleTableSetting(false);
},
style: {
width: '50%',
height: '70%'
},
v2: true,
closeMode: ['close', 'mask', 'esc']
}, /*#__PURE__*/_react["default"].createElement(_box["default"], {
direction: "column",
align: "center"
}, /*#__PURE__*/_react["default"].createElement(_transfer["default"], {
sortable: true,
value: localValues,
searchProps: {
hasClear: true,
style: {
width: '225px'
}
},
listStyle: {
width: '225px',
height: '300px'
},
onChange: handleTransferChange,
useVirtual: true,
dataSource: attributeDataSource
// onSort={this.handleSort}
,
titles: ['未展示', '已展示'],
showSearch: [true, true],
notFoundContent: ['请选择数据', '请选择数据']
}))));
};
var _default = exports["default"] = OadpAttributeSettingTransfer;