amis-editor 5.2.0 → 5.2.1-beta.15

package/lib/renderer/style-control/Font.d.ts

@@ -0,0 +1,16 @@
+/**
+ * @file Font
+ * @description 文字样式相关控件
+ */
+import React from 'react';
+import type { FormControlProps } from 'amis-core';
+import type { PlainObject } from './types';
+export interface FontProps extends FormControlProps {
+    value?: PlainObject;
+    onChange: (value: PlainObject) => void;
+}
+declare const Font: React.FC<FontProps>;
+export default Font;
+export declare class FontRenderer extends React.Component<FormControlProps> {
+    render(): JSX.Element;
+}

package/lib/renderer/style-control/Font.js

@@ -0,0 +1,214 @@
+/**
+ * amis-editor v5.2.1-beta.15
+ * Copyright 2018-2022 @fex
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var pick = require('lodash/pick');
+var mapValues = require('lodash/mapValues');
+var fontFamily = require('./font-family.js');
+var amisEditorCore = require('amis-editor-core');
+var amis = require('amis');
+var i18nRuntime = require('i18n-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var pick__default = /*#__PURE__*/_interopDefaultLegacy(pick);
+var mapValues__default = /*#__PURE__*/_interopDefaultLegacy(mapValues);
+
+/**
+ * @file Font
+ * @description 文字样式相关控件
+ */
+var Font = function (props) {
+  var _a, _b, _c, _d, _e;
+  var value = props.value,
+    onChange = props.onChange,
+    render = props.render;
+  var validProps = ['color', 'fontFamily', 'fontSize', 'fontWeight', 'fontStyle', 'textAlign', 'letterSpacing', 'lineHeight'];
+  var fontContext = amisEditorCore.isObject(value) ? tslib.__assign(tslib.__assign({}, pick__default["default"](value, validProps)), {
+    /** textDecoration 特殊处理一下，因为可以同时选择多个value */
+    underline: !!~((_a = value === null || value === void 0 ? void 0 : value.textDecoration) !== null && _a !== void 0 ? _a : '').indexOf('underline') ? 'underline' : undefined,
+    lineThrough: !!~((_b = value === null || value === void 0 ? void 0 : value.textDecoration) !== null && _b !== void 0 ? _b : '').indexOf('line-through') ? 'line-through' : undefined
+  }) : {};
+  var handleSubmit = function (formValue, action) {
+    onChange === null || onChange === void 0 ? void 0 : onChange(tslib.__assign(tslib.__assign(tslib.__assign({}, value), mapValues__default["default"](tslib.__assign(tslib.__assign({}, pick__default["default"](formValue, validProps)), {
+      textDecoration: [formValue.underline, formValue.lineThrough].filter(Boolean).join(' '),
+      letterSpacing: amisEditorCore.string2CSSUnit(formValue.letterSpacing),
+      lineHeight: amisEditorCore.string2CSSUnit(formValue.lineHeight)
+    }), function (props) {
+      return props || undefined;
+    })), {
+      // 字体需要特殊处理，支持设置为空string
+      fontFamily: formValue.fontFamily
+    }));
+  };
+  return React__default["default"].createElement(React__default["default"].Fragment, null, render('inner', {
+    type: 'form',
+    wrapWithPanel: false,
+    panelClassName: 'border-none shadow-none mb-0',
+    bodyClassName: 'p-none',
+    actionsClassName: 'border-none mt-2.5',
+    wrapperComponent: 'div',
+    preventEnterSubmit: true,
+    submitOnChange: true,
+    body: [{
+      name: 'fontFamily',
+      label: i18nRuntime.i18n("6b461e0a4ffef9438fb8f01369091cac"),
+      type: 'select',
+      mode: 'row',
+      size: 'md',
+      placeholder: i18nRuntime.i18n("2539fe0e6d40a023dd95d0bd71d10bc9"),
+      menuTpl: '<div style="font-family: ${value};">${label}</div>',
+      options: fontFamily.fontFamilyList,
+      clearable: false,
+      value: (_c = value === null || value === void 0 ? void 0 : value.fontFamily) !== null && _c !== void 0 ? _c : ''
+    }, {
+      name: 'color',
+      label: i18nRuntime.i18n("690660d9dbd7312ad2825e554736e2f8"),
+      type: 'input-color',
+      mode: 'row',
+      size: 'md',
+      value: (_d = value === null || value === void 0 ? void 0 : value.color) !== null && _d !== void 0 ? _d : ''
+    }, {
+      name: 'fontSize',
+      label: i18nRuntime.i18n("5f15efdc32badce0902c46a7a0105c51"),
+      type: 'input-range',
+      max: 100,
+      min: 12,
+      step: 1,
+      clearable: false,
+      value: (_e = value === null || value === void 0 ? void 0 : value.fontSize) !== null && _e !== void 0 ? _e : 12
+    }, {
+      type: 'input-group',
+      name: 'input-group',
+      label: i18nRuntime.i18n("4c5fead0489fbc7651c91400dec5d379"),
+      mode: 'row',
+      body: [{
+        type: 'button-group-select',
+        name: 'fontWeight',
+        clearable: true,
+        label: false,
+        options: [{
+          label: '',
+          value: 'bold',
+          icon: 'fa fa-bold',
+          className: 'ae-Font-group-lhs ae-Font-relative-left'
+        }]
+      }, {
+        type: 'button-group-select',
+        name: 'fontStyle',
+        clearable: true,
+        label: false,
+        options: [{
+          label: '',
+          value: 'italic',
+          icon: 'fa fa-italic',
+          className: 'ae-Font-group-middle'
+        }]
+      }, {
+        type: 'button-group-select',
+        name: 'underline',
+        clearable: true,
+        label: false,
+        options: [{
+          label: '',
+          value: 'underline',
+          icon: 'fa fa-underline',
+          className: 'ae-Font-group-middle ae-Font-relative-right'
+        }]
+      }, {
+        type: 'button-group-select',
+        name: 'lineThrough',
+        clearable: true,
+        label: false,
+        options: [{
+          label: '',
+          value: 'line-through',
+          icon: 'fa fa-strikethrough',
+          className: 'ae-Font-group-rhs ae-Font-relative-right-2'
+        }]
+      }]
+    },
+    // TODO: 添加'justify-all', 'start', 'end', 'match-parent'类型
+    {
+      name: 'textAlign',
+      label: i18nRuntime.i18n("d1b490c01d24a1a70e9c83a29ac38fde"),
+      type: 'button-group-select',
+      mode: 'row',
+      options: [{
+        label: '',
+        value: 'left',
+        icon: 'fa fa-align-left'
+      }, {
+        label: '',
+        value: 'center',
+        icon: 'fa fa-align-center'
+      }, {
+        label: '',
+        value: 'right',
+        icon: 'fa fa-align-right'
+      }, {
+        label: '',
+        value: 'justify',
+        icon: 'fa fa-align-justify'
+      }]
+    }, {
+      type: 'group',
+      label: i18nRuntime.i18n("4ae7f423d9ed9ffa48c3e404f96bb51f"),
+      body: [{
+        name: 'letterSpacing',
+        label: '',
+        type: 'input-text',
+        addOn: {
+          className: 'ae-Font-group-lhs',
+          label: '',
+          type: 'text',
+          position: 'left',
+          icon: 'fa fa-text-width'
+        }
+      }, {
+        name: 'lineHeight',
+        label: '',
+        type: 'input-text',
+        addOn: {
+          className: 'ae-Font-group-lhs',
+          label: '',
+          type: 'text',
+          position: 'left',
+          icon: 'fa fa-text-height'
+        }
+      }]
+    }]
+  }, {
+    data: fontContext,
+    onSubmit: handleSubmit
+  }));
+};
+/** @class */(function (_super) {
+  tslib.__extends(FontRenderer, _super);
+  function FontRenderer() {
+    return _super !== null && _super.apply(this, arguments) || this;
+  }
+  Object.defineProperty(FontRenderer.prototype, "render", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function () {
+      return React__default["default"].createElement(Font, tslib.__assign({}, this.props));
+    }
+  });
+  FontRenderer = tslib.__decorate([amis.FormItem({
+    type: 'style-font',
+    renderLabel: false
+  })], FontRenderer);
+  return FontRenderer;
+})(React__default["default"].Component);
+
+exports["default"] = Font;

package/lib/renderer/style-control/InsetBoxModel.d.ts

@@ -0,0 +1,17 @@
+/**
+ * @file  InsetBoxModel
+ * @description 盒模型控件，支持编辑 top、right、bottom、left
+ */
+import React from 'react';
+import type { FormControlProps } from 'amis-core';
+import type { PlainObject } from './types';
+export type Direction = 'left' | 'right' | 'top' | 'bottom';
+declare function InsetBoxModel({ value, onChange }: {
+    value?: PlainObject;
+    onChange: (value: PlainObject) => void;
+}): JSX.Element;
+declare const _default: typeof InsetBoxModel;
+export default _default;
+export declare class BoxModelRenderer extends React.Component<FormControlProps> {
+    render(): JSX.Element;
+}

package/lib/renderer/style-control/InsetBoxModel.js

@@ -0,0 +1,77 @@
+/**
+ * amis-editor v5.2.1-beta.15
+ * Copyright 2018-2022 @fex
+ */
+
+'use strict';
+
+var tslib = require('tslib');
+var cx = require('classnames');
+var React = require('react');
+var mobxReact = require('mobx-react');
+var camelCase = require('lodash/camelCase');
+var amis = require('amis');
+var amisEditorCore = require('amis-editor-core');
+var util = require('../../util.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var camelCase__default = /*#__PURE__*/_interopDefaultLegacy(camelCase);
+
+/**
+ * @file  InsetBoxModel
+ * @description 盒模型控件，支持编辑 top、right、bottom、left
+ */
+function InsetBoxModel(_a) {
+    var value = _a.value, onChange = _a.onChange;
+    var directions = ['left', 'right', 'top', 'bottom'];
+    function handleChange(styleName) {
+        return function (e) {
+            var _a, _b;
+            var inputValue = e.target.value;
+            if (!inputValue) {
+                onChange(tslib.__assign(tslib.__assign({}, value), (_a = {}, _a[styleName] = '', _a)));
+                return;
+            }
+            // 数字类型或带有合法单位的字符串都支持
+            if (amisEditorCore.isNumeric(inputValue) ||
+                util.isAuto(inputValue) ||
+                /^(-?(\d*\.)?\d+)((px)|(em)|(%)|(ex)|(ch)|(rem)|(vw)|(vh)|(vmin)|(vmax)|(cm)|(mm)|(in)|(pt)|(pc))$/.test(inputValue)) {
+                onChange(tslib.__assign(tslib.__assign({}, value), (_b = {}, _b[styleName] = inputValue, _b)));
+            }
+        };
+    }
+    function renderBoxItem(item) {
+        return (React__default["default"].createElement(React__default["default"].Fragment, null,
+            directions.map(function (direction) {
+                var propsName = camelCase__default["default"]("".concat(item, "-").concat(direction));
+                return (React__default["default"].createElement("input", { key: propsName, placeholder: "0", className: "ae-BoxModel-input ".concat(direction), type: "text", onChange: handleChange(propsName), value: (value === null || value === void 0 ? void 0 : value[propsName]) || '' }));
+            }),
+            React__default["default"].createElement("div", { className: "ae-BoxModel-title" }, item.toUpperCase()),
+            ['lt', 'lb', 'rt', 'rb'].map(function (position) { return (React__default["default"].createElement("div", { key: position, className: cx__default["default"]('ae-BoxModel-line', position) })); })));
+    }
+    return (React__default["default"].createElement("div", { className: "mx-2 ae-BoxModel" },
+        React__default["default"].createElement("div", { className: "ae-BoxModel-inner" }),
+        renderBoxItem('inset')));
+}
+mobxReact.observer(InsetBoxModel);
+/** @class */ ((function (_super) {
+    tslib.__extends(BoxModelRenderer, _super);
+    function BoxModelRenderer() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Object.defineProperty(BoxModelRenderer.prototype, "render", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function () {
+            return React__default["default"].createElement(InsetBoxModel, tslib.__assign({}, this.props));
+        }
+    });
+    BoxModelRenderer = tslib.__decorate([
+        amis.FormItem({ type: 'inset-box-model' })
+    ], BoxModelRenderer);
+    return BoxModelRenderer;
+})(React__default["default"].Component));

package/lib/renderer/style-control/font-family.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @file font.ts
+ * @description 字体选项与字体名称的对应列表
+ * @link http://icode.baidu.com/repos/baidu/legend/frontend/tree/master:frontend/client/widgets/attributeEditor/stringAttributeEditor/fontFamilyAttributeEditor
+ */
+export declare const fontFamilyList: {
+    label: string;
+    value: string;
+}[];
+export declare const fontFamilyMap: {};
+export declare const fontFamilyMirror: {};

package/lib/renderer/style-control/font-family.js

@@ -0,0 +1,149 @@
+/**
+ * amis-editor v5.2.1-beta.15
+ * Copyright 2018-2022 @fex
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var i18nRuntime = require('i18n-runtime');
+
+/**
+ * @file font.ts
+ * @description 字体选项与字体名称的对应列表
+ * @link http://icode.baidu.com/repos/baidu/legend/frontend/tree/master:frontend/client/widgets/attributeEditor/stringAttributeEditor/fontFamilyAttributeEditor
+ */
+var fontFamilyList = [{
+  label: i18nRuntime.i18n("65786fea9d354015d3a2724086f7f3d6"),
+  value: ''
+}, {
+  label: 'Times New Roman',
+  value: 'Times New Roman'
+}
+/** 下面的字体不知道是否能够免费商用，先隐藏了 */
+// {
+//   label: '方正黑体简体',
+//   value: 'FZHei-B01S'
+// },
+// {
+//   label: '方正楷体简体',
+//   value: 'FZKai-Z03S'
+// },
+// {
+//   label: '方正书宋简体',
+//   value: 'FZShuSong-Z01S'
+// },
+// {
+//   label: '方正仿宋简体',
+//   value: 'FZFangSong-Z02S'
+// },
+// {
+//   label: '思源极细体',
+//   value: 'NotoSansSC-Thin'
+// },
+// {
+//   label: '思源细体',
+//   value: 'NotoSansSC-Light'
+// },
+// {
+//   label: '思源正常',
+//   value: 'NotoSansSC-DemiLight'
+// },
+// {
+//   label: '思源常规',
+//   value: 'NotoSansSC-Regular'
+// },
+// {
+//   label: '思源中等粗体',
+//   value: 'NotoSansSC-Medium'
+// },
+// {
+//   label: '思源粗体',
+//   value: 'NotoSansSC-Bold'
+// },
+// {
+//   label: '思源特粗',
+//   value: 'NotoSansSC-Black'
+// },
+// {
+//   label: '站酷高端黑',
+//   value: 'zcool-gdh'
+// },
+// {
+//   label: '站酷快乐体',
+//   value: 'HappyZcool'
+// }
+// {
+//   label: 'Arial',
+//   value: 'Arial'
+// },
+// {
+//     label: 'Avant Garde',
+//     value: 'Avant Garde'
+// },
+// {
+//     label: 'Bodoni MT',
+//     value: 'Bodoni MT'
+// },
+// {
+//     label: 'Brush Script MT',
+//     value: 'Brush Script MT'
+// },
+// {
+//   label: 'Consolas',
+//   value: 'Consolas'
+// },
+// {
+//     label: 'Courier New',
+//     value: 'Courier New'
+// },
+// {
+//   label: 'Didot',
+//   value: 'Didot'
+// },
+// {
+//   label: 'Georgia',
+//   value: 'Georgia'
+// },
+// {
+//   label: 'Garamond',
+//   value: 'Garamond'
+// },
+// {
+//   label: 'Helvetica',
+//   value: 'Helvetica'
+// },
+// {
+//   label: 'Palatino',
+//   value: 'Palatino'
+// },
+// {
+//   label: 'Rockwell',
+//   value: 'Rockwell'
+// },
+// {
+//   label: 'Tahoma',
+//   value: 'Tahoma'
+// },
+// {
+//   label: 'Times',
+//   value: 'Times'
+// },
+// {
+//   label: 'Verdana',
+//   value: 'Verdana'
+// }
+];
+
+fontFamilyList.reduce(function (memo, current) {
+  var _a;
+  return tslib.__assign(tslib.__assign({}, memo), (_a = {}, _a[current.label] = current.value, _a));
+}, {});
+fontFamilyList.reduce(function (memo, current) {
+  var _a;
+  return tslib.__assign(tslib.__assign({}, memo), (_a = {}, _a[current.value] = current.label, _a));
+}, {});
+
+exports.fontFamilyList = fontFamilyList;

package/lib/renderer/style-control/transformation.d.ts

@@ -0,0 +1,29 @@
+/**
+ * @file transformation.ts
+ * @description CSS样式解析和编译
+ */
+import type { LengthUnit } from './types';
+export interface LengthObj {
+    length?: number;
+    unit: LengthUnit;
+}
+export declare function parseBoxShadow(inputStr: string): {
+    inset: boolean;
+    x: string | number;
+    y: string | number;
+    blur: string | number;
+    spread: string | number;
+    color: string | undefined;
+};
+export declare function normalizeBoxShadow(config: {
+    x: LengthObj;
+    y: LengthObj;
+    blur: LengthObj;
+    spread: LengthObj;
+    color: string;
+    inset: boolean;
+}): {
+    boxShadow: string;
+} | {
+    boxShadow: undefined;
+};

package/lib/renderer/style-control/transformation.js

@@ -0,0 +1,84 @@
+/**
+ * amis-editor v5.2.1-beta.15
+ * Copyright 2018-2022 @fex
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var isNumber = require('lodash/isNumber');
+var compact = require('lodash/compact');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var isNumber__default = /*#__PURE__*/_interopDefaultLegacy(isNumber);
+var compact__default = /*#__PURE__*/_interopDefaultLegacy(compact);
+
+/**
+ * @file transformation.ts
+ * @description CSS样式解析和编译
+ */
+function parseBoxShadow(inputStr) {
+    // const VALUES_REG = /,(?![^\(]*\))/;
+    var PARTS_REG = /\s(?![^(]*\))/;
+    var LENGTH_REG = /^[0-9]+[a-zA-Z%]+?$/;
+    var isLength = function (v) { return v === '0' || LENGTH_REG.test(v); };
+    var toNum = function (v) {
+        if (!v.endsWith('px') && v !== '0') {
+            return v;
+        }
+        var n = parseFloat(v);
+        return !isNaN(n) ? n : v;
+    };
+    var parseValue = function (str) {
+        var parts = str.split(PARTS_REG);
+        var inset = parts.includes('inset');
+        var last = parts.slice(-1)[0];
+        var color = !isLength(last) ? last : undefined;
+        var nums = parts
+            .filter(function (n) { return n !== 'inset'; })
+            .filter(function (n) { return n !== color; })
+            .map(toNum);
+        var x = nums[0], y = nums[1], blur = nums[2], spread = nums[3];
+        return {
+            inset: inset,
+            x: x,
+            y: y,
+            blur: blur,
+            spread: spread,
+            color: color
+        };
+    };
+    return parseValue(inputStr);
+}
+function normalizeBoxShadow(config) {
+    var x = config.x, y = config.y, blur = config.blur, spread = config.spread, color = config.color; config.inset;
+    var boxShadow = [];
+    if (config === null || config === void 0 ? void 0 : config.inset) {
+        boxShadow.push('inset');
+    }
+    if (x || y || spread || blur) {
+        var normalizeUnit = function (props) {
+            return isNumber__default["default"](props === null || props === void 0 ? void 0 : props.length) && props.length > 0
+                ? Math.round(props === null || props === void 0 ? void 0 : props.length) + (props === null || props === void 0 ? void 0 : props.unit)
+                : undefined;
+        };
+        // x偏移量 | y偏移量 | 阴影模糊半径 | 阴影扩散半径
+        boxShadow.push(compact__default["default"]([
+            normalizeUnit(x),
+            normalizeUnit(y),
+            normalizeUnit(blur),
+            normalizeUnit(spread)
+        ]).join(' '));
+    }
+    if (color) {
+        boxShadow.push(color);
+    }
+    return boxShadow.length
+        ? { boxShadow: boxShadow.join(' ') }
+        : { boxShadow: undefined };
+}
+
+exports.normalizeBoxShadow = normalizeBoxShadow;
+exports.parseBoxShadow = parseBoxShadow;

package/lib/renderer/style-control/types.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @file control declaration
+ * @description 公共控件相关声明
+ */
+export type PlainObject = Record<string, any>;
+export type StyleObject = Record<'marginTop', any>;
+export type BoxShadowProps = 'x' | 'y' | 'blur' | 'spread' | 'color' | 'inset';
+export type LengthUnit = 'px' | 'em' | 'rem' | 'vw' | 'vh';

package/lib/renderer/textarea-formula/FormulaPicker.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export interface FormulaPickerProps {
+    onConfirm: (data: string) => void;
+    onClose: () => void;
+    variables: any[];
+    value?: string;
+    initable?: boolean;
+    variableMode?: 'tabs' | 'tree';
+    evalMode?: boolean;
+}
+declare const FormulaPicker: React.FC<FormulaPickerProps>;
+export default FormulaPicker;

package/lib/renderer/textarea-formula/FormulaPicker.js

@@ -0,0 +1,47 @@
+/**
+ * amis-editor v5.2.1-beta.15
+ * Copyright 2018-2022 @fex
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var amis = require('amis');
+var cx = require('classnames');
+var FormulaEditor = require('amis-ui/lib/components/formula/Editor');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
+var FormulaEditor__default = /*#__PURE__*/_interopDefaultLegacy(FormulaEditor);
+
+var FormulaPicker = function (props) {
+    var variables = props.variables, variableMode = props.variableMode, _a = props.evalMode, evalMode = _a === void 0 ? true : _a;
+    var _b = React__default["default"].useState(''), formula = _b[0], setFormula = _b[1];
+    React.useEffect(function () {
+        var initable = props.initable, value = props.value;
+        if (initable && value) {
+            setFormula(value);
+        }
+    }, [props.value]);
+    var handleChange = function (data) {
+        setFormula(data);
+    };
+    var handleClose = function () {
+        props.onClose && props.onClose();
+    };
+    var handleConfirm = function () {
+        props.onConfirm && props.onConfirm(formula);
+    };
+    return (React__default["default"].createElement(amis.Modal, { className: cx__default["default"]('FormulaPicker-Modal'), size: "md", show: true, onHide: handleClose, closeOnEsc: true },
+        React__default["default"].createElement(amis.Modal.Body, null,
+            React__default["default"].createElement(FormulaEditor__default["default"], { header: "\u8868\u8FBE\u5F0F", variables: variables, variableMode: variableMode, value: formula, evalMode: evalMode, onChange: handleChange })),
+        React__default["default"].createElement(amis.Modal.Footer, null,
+            React__default["default"].createElement(amis.Button, { onClick: handleClose }, "\u53D6\u6D88"),
+            React__default["default"].createElement(amis.Button, { onClick: handleConfirm, level: "primary" }, "\u786E\u8BA4"))));
+};
+
+exports["default"] = FormulaPicker;