@gechiui/block-editor
Version:
46 lines (39 loc) • 1.11 kB
JavaScript
import { createElement } from "@gechiui/element";
/**
* External dependencies
*/
import { noop } from 'lodash';
/**
* GeChiUI dependencies
*/
import { __ } from '@gechiui/i18n';
import { ToggleControl, VisuallyHidden } from '@gechiui/components';
const LinkControlSettingsDrawer = _ref => {
let {
value,
onChange = noop,
settings
} = _ref;
if (!settings || !settings.length) {
return null;
}
const handleSettingChange = setting => newValue => {
onChange({ ...value,
[setting.id]: newValue
});
};
const theSettings = settings.map(setting => createElement(ToggleControl, {
className: "block-editor-link-control__setting",
key: setting.id,
label: setting.title,
onChange: handleSettingChange(setting),
checked: value ? !!value[setting.id] : false
}));
return createElement("fieldset", {
className: "block-editor-link-control__settings"
}, createElement(VisuallyHidden, {
as: "legend"
}, __('当前选择的链接设置')), theSettings);
};
export default LinkControlSettingsDrawer;
//# sourceMappingURL=settings-drawer.js.map