@cloudtower/eagle 0.28.0-dry → 0.28.0

package/dist/cjs/core/Styled/index.js

@@ -0,0 +1,196 @@
+'use strict';
+
+var react = require('@linaria/react');
+
+const CommonContent = /*#__PURE__*/react.styled('div')({
+  name: "CommonContent",
+  class: "E_cnujxq2",
+  propsAsIs: false
+});
+const ModalBody = /*#__PURE__*/react.styled('div')({
+  name: "ModalBody",
+  class: "E_m7s48ia",
+  propsAsIs: false
+});
+const WizardBody = /*#__PURE__*/react.styled('div')({
+  name: "WizardBody",
+  class: "E_wt5zbg6",
+  propsAsIs: false
+});
+const HorizontalWizardModalCompactStyle = "E_h18jprzg";
+const HorizontalWizardModalLooseStyle = "E_h16z9xgz";
+const FormWrapper = /*#__PURE__*/react.styled('div')({
+  name: "FormWrapper",
+  class: "E_f1lrhghm",
+  propsAsIs: false
+});
+const FormSectionTitle = /*#__PURE__*/react.styled('h4')({
+  name: "FormSectionTitle",
+  class: "E_f18ot8em",
+  propsAsIs: false
+});
+const FormField = /*#__PURE__*/react.styled('div')({
+  name: "FormField",
+  class: "E_f1l1g2k0",
+  propsAsIs: false
+});
+const ErrorSpan = /*#__PURE__*/react.styled('span')({
+  name: "ErrorSpan",
+  class: "E_e1k89cwg",
+  propsAsIs: false
+});
+const Divider = /*#__PURE__*/react.styled('div')({
+  name: "Divider",
+  class: "E_d1oui1gf",
+  propsAsIs: false
+});
+const LoadingWrapper = /*#__PURE__*/react.styled('div')({
+  name: "LoadingWrapper",
+  class: "E_l15itdbb",
+  propsAsIs: false
+});
+const Dot = /*#__PURE__*/react.styled('span')({
+  name: "Dot",
+  class: "E_d1y3z4w",
+  propsAsIs: false
+});
+const ModalWrapper = "E_m177r7a3";
+const _exp = /*#__PURE__*/() => ({
+  color
+}) => {
+  switch (color) {
+    case "red":
+      return "linear-gradient(262.79deg, #FA5F3C 0%, #FF9412 100%)";
+    case "yellow":
+      return "linear-gradient(260.13deg, #FFA600 0%, #FFD900 100%)";
+    case "blue":
+      return "linear-gradient(276.05deg, #0066FF 10.65%, #5CA8FF 89.35%)";
+  }
+};
+const TagSpan = /*#__PURE__*/react.styled('span')({
+  name: "TagSpan",
+  class: "E_t1wwio3v",
+  propsAsIs: false,
+  vars: {
+    "t1wwio3v-0": [_exp()]
+  }
+});
+const FullView = /*#__PURE__*/react.styled('div')({
+  name: "FullView",
+  class: "E_f17jvtfk",
+  propsAsIs: false
+});
+const NameTag = /*#__PURE__*/react.styled('span')({
+  name: "NameTag",
+  class: "E_nzppkea",
+  propsAsIs: false
+});
+const FormItemDiv = /*#__PURE__*/react.styled('div')({
+  name: "FormItemDiv",
+  class: "E_f4mi9eq",
+  propsAsIs: false
+});
+const FieldTitle = /*#__PURE__*/react.styled('div')({
+  name: "FieldTitle",
+  class: "E_fh0ewl8",
+  propsAsIs: false
+});
+const ExpandArrow = /*#__PURE__*/react.styled('i')({
+  name: "ExpandArrow",
+  class: "E_e1qrlvot",
+  propsAsIs: false
+});
+const WarningAlert = "E_w9ic984";
+const NoticeAlert = "E_n1k9qi4r";
+const NormalAlert = "E_n16fsg9x";
+const InfoAlert = "E_i173wxzw";
+const Description = /*#__PURE__*/react.styled('div')({
+  name: "Description",
+  class: "E_dld369h",
+  propsAsIs: false
+});
+const SelectOptionDisabledText = /*#__PURE__*/react.styled('div')({
+  name: "SelectOptionDisabledText",
+  class: "E_s1epv22q",
+  propsAsIs: false
+});
+const OperationWraper = /*#__PURE__*/react.styled('div')({
+  name: "OperationWraper",
+  class: "E_okus5hk",
+  propsAsIs: false
+});
+const TertiaryText = /*#__PURE__*/react.styled('div')({
+  name: "TertiaryText",
+  class: "E_t1auuzri",
+  propsAsIs: false
+});
+const InputStyle = "E_i74cfyt";
+const KitInputStyle = "E_k1ci6977";
+const LeftEndInputStyle = "E_l1f7td1d";
+const RightEndInputStyle = "E_rf8rlle";
+const LeftEndSelectStyle = "E_llt2k48";
+const RightEndSelectStyle = "E_rdwz7eh";
+const ContentWrapper = /*#__PURE__*/react.styled('div')({
+  name: "ContentWrapper",
+  class: "E_c3ni091",
+  propsAsIs: false
+});
+const Desc = /*#__PURE__*/react.styled('div')({
+  name: "Desc",
+  class: "E_d105ju2d",
+  propsAsIs: false
+});
+const _exp2 = /*#__PURE__*/() => Desc;
+const LightDesc = /*#__PURE__*/react.styled(_exp2())({
+  name: "LightDesc",
+  class: "E_lh0l62z",
+  propsAsIs: true
+});
+const _exp3 = /*#__PURE__*/() => LightDesc;
+const RadioDesc = /*#__PURE__*/react.styled(_exp3())({
+  name: "RadioDesc",
+  class: "E_r1o4v2oc",
+  propsAsIs: true
+});
+const radioStyle = "E_r1skkc3l";
+const CannotOperationInfo = "E_c3cobmo";
+
+exports.CannotOperationInfo = CannotOperationInfo;
+exports.CommonContent = CommonContent;
+exports.ContentWrapper = ContentWrapper;
+exports.Desc = Desc;
+exports.Description = Description;
+exports.Divider = Divider;
+exports.Dot = Dot;
+exports.ErrorSpan = ErrorSpan;
+exports.ExpandArrow = ExpandArrow;
+exports.FieldTitle = FieldTitle;
+exports.FormField = FormField;
+exports.FormItemDiv = FormItemDiv;
+exports.FormSectionTitle = FormSectionTitle;
+exports.FormWrapper = FormWrapper;
+exports.FullView = FullView;
+exports.HorizontalWizardModalCompactStyle = HorizontalWizardModalCompactStyle;
+exports.HorizontalWizardModalLooseStyle = HorizontalWizardModalLooseStyle;
+exports.InfoAlert = InfoAlert;
+exports.InputStyle = InputStyle;
+exports.KitInputStyle = KitInputStyle;
+exports.LeftEndInputStyle = LeftEndInputStyle;
+exports.LeftEndSelectStyle = LeftEndSelectStyle;
+exports.LightDesc = LightDesc;
+exports.LoadingWrapper = LoadingWrapper;
+exports.ModalBody = ModalBody;
+exports.ModalWrapper = ModalWrapper;
+exports.NameTag = NameTag;
+exports.NormalAlert = NormalAlert;
+exports.NoticeAlert = NoticeAlert;
+exports.OperationWraper = OperationWraper;
+exports.RadioDesc = RadioDesc;
+exports.RightEndInputStyle = RightEndInputStyle;
+exports.RightEndSelectStyle = RightEndSelectStyle;
+exports.SelectOptionDisabledText = SelectOptionDisabledText;
+exports.TagSpan = TagSpan;
+exports.TertiaryText = TertiaryText;
+exports.WarningAlert = WarningAlert;
+exports.WizardBody = WizardBody;
+exports.radioStyle = radioStyle;

package/dist/cjs/core/Switch/index.js

@@ -0,0 +1,65 @@
+'use strict';
+
+var core = require('@linaria/core');
+var react = require('@linaria/react');
+var antd = require('antd');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, {
+  enumerable: true,
+  configurable: true,
+  writable: true,
+  value
+}) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {})) if (__hasOwnProp.call(b, prop)) __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols) for (var prop of __getOwnPropSymbols(b)) {
+    if (__propIsEnum.call(b, prop)) __defNormalProp(a, prop, b[prop]);
+  }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source) if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols) for (var prop of __getOwnPropSymbols(source)) {
+    if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop)) target[prop] = source[prop];
+  }
+  return target;
+};
+const SwitchStyle = "E_s1dizucg";
+const Switch = _a => {
+  var _b = _a,
+    {
+      children,
+      className,
+      checked
+    } = _b,
+    props = __objRest(_b, ["children", "className", "checked"]);
+  const Content = /*#__PURE__*/react.styled('span')({
+    name: "Content",
+    class: "E_c1up6e3y",
+    propsAsIs: false
+  });
+  const classNames = [className, SwitchStyle, "switch"];
+  if (props.size === "large") classNames.push("ant-switch-large");
+  return /* @__PURE__ */React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */React__default.default.createElement(antd.Switch, __spreadProps(__spreadValues({
+    className: core.cx(...classNames),
+    checked: checked || false
+  }, props), {
+    size: props.size
+  })), children ? /* @__PURE__ */React__default.default.createElement(Content, null, children) : null);
+};
+var Switch$1 = Switch;
+
+module.exports = Switch$1;

package/dist/cjs/core/Table/TableWidget.js

@@ -0,0 +1,57 @@
+'use strict';
+
+var iconsReact = require('@cloudtower/icons-react');
+var index = require('../Icon/index.js');
+var cs = require('classnames');
+var React = require('react');
+var useElementsSize = require('../../hooks/useElementsSize.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var cs__default = /*#__PURE__*/_interopDefault(cs);
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const TableLoadingStyle = "E_t13ef470";
+const TableLoading = () => {
+  const sizes = useElementsSize({
+    loading: ".ant-table-wrapper .ant-spin"
+  }, {});
+  const rowLength = Math.floor(sizes.loading.height + 8 / 40) || 20;
+  const rows = Array.from({
+    length: rowLength
+  }, (r, i) => i);
+  return /* @__PURE__ */React__default.default.createElement("div", {
+    className: `${TableLoadingStyle} table-loading`
+  }, rows.map(i => /* @__PURE__ */React__default.default.createElement("div", {
+    key: i,
+    className: "table-loading-item"
+  }, /* @__PURE__ */React__default.default.createElement("div", {
+    className: "checkbox-loading"
+  }), /* @__PURE__ */React__default.default.createElement("div", {
+    className: "td-loading"
+  }), /* @__PURE__ */React__default.default.createElement("div", {
+    className: "td-loading"
+  }), /* @__PURE__ */React__default.default.createElement("div", {
+    className: "td-loading"
+  }))));
+};
+const KitTableContext = React.createContext({});
+const ColumnTitle = props => {
+  const {
+    title,
+    sortOrder
+  } = props;
+  return /* @__PURE__ */React__default.default.createElement(React__default.default.Fragment, null, title, /* @__PURE__ */React__default.default.createElement(index, {
+    alt: "arrowChevronUp16BoldSecondary",
+    className: cs__default.default("order-icon", sortOrder),
+    src: iconsReact.ArrowChevronUp16BoldSecondaryIcon
+  }));
+};
+const EmptyRowMenu = () => {
+  return /* @__PURE__ */React__default.default.createElement(React__default.default.Fragment, null);
+};
+
+exports.ColumnTitle = ColumnTitle;
+exports.EmptyRowMenu = EmptyRowMenu;
+exports.KitTableContext = KitTableContext;
+exports.TableLoading = TableLoading;

package/dist/cjs/core/Table/common.js

@@ -0,0 +1,46 @@
+'use strict';
+
+var React = require('react');
+
+function canScroll(el, direction = "vertical") {
+  const overflow = window.getComputedStyle(el).getPropertyValue("overflow");
+  if (overflow === "hidden")
+    return false;
+  if (direction === "vertical") {
+    return el.scrollHeight > el.clientHeight;
+  } else if (direction === "horizontal") {
+    return el.scrollWidth > el.clientWidth;
+  }
+  return false;
+}
+const useTableBodyHasScrollBar = (tableBodyEl, data) => {
+  const [hasScrollBar, setHasScrollBar] = React.useState(false);
+  const antTableBodyRef = React.useRef();
+  const observeTableBodyResize = React.useMemo(
+    () => new ResizeObserver((entries) => {
+      const target = entries[0].target;
+      if (target) {
+        setHasScrollBar(canScroll(target));
+      }
+    }),
+    []
+  );
+  React.useEffect(() => {
+    var _a;
+    const tableWrapper = (_a = tableBodyEl == null ? void 0 : tableBodyEl.current) == null ? void 0 : _a.querySelector(".ant-table-body");
+    if (tableWrapper) {
+      if (antTableBodyRef.current) {
+        observeTableBodyResize.unobserve(antTableBodyRef.current);
+      }
+      antTableBodyRef.current = tableWrapper;
+      setHasScrollBar(canScroll(antTableBodyRef.current));
+      observeTableBodyResize.observe(antTableBodyRef.current);
+    }
+    return () => {
+      observeTableBodyResize.disconnect();
+    };
+  }, [tableBodyEl, data, observeTableBodyResize]);
+  return hasScrollBar;
+};
+
+exports.useTableBodyHasScrollBar = useTableBodyHasScrollBar;

package/dist/cjs/core/Table/index.js

@@ -0,0 +1,120 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var core = require('@linaria/core');
+var index = require('../Loading/index.js');
+var common = require('./common.js');
+var TableWidget = require('./TableWidget.js');
+var antd = require('antd');
+var cs = require('classnames');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var cs__default = /*#__PURE__*/_interopDefault(cs);
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, {
+  enumerable: true,
+  configurable: true,
+  writable: true,
+  value
+}) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {})) if (__hasOwnProp.call(b, prop)) __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols) for (var prop of __getOwnPropSymbols(b)) {
+    if (__propIsEnum.call(b, prop)) __defNormalProp(a, prop, b[prop]);
+  }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const TableContainerStyle = "E_tc97u5y";
+const tableStyleCover = "E_tfzf37v";
+const Table = props => {
+  const {
+    loading,
+    error,
+    dataSource,
+    columns,
+    onSorterChange,
+    onRowClick,
+    rowClassName,
+    scroll,
+    bordered,
+    components,
+    rowSelection,
+    empty,
+    tableLayout = "fixed",
+    initLoading,
+    rowKey,
+    wrapper,
+    pagination,
+    onRow
+  } = props;
+  const orderRef = React.useRef(null);
+  const hasScrollBard = common.useTableBodyHasScrollBar(wrapper, dataSource);
+  const _columns = React.useMemo(() => columns.map(column => {
+    const _column = __spreadValues({}, column);
+    if (_column.sorter && typeof _column.title !== "function") {
+      _column.title = /* @__PURE__ */React__default.default.createElement(TableWidget.ColumnTitle, {
+        title: column.title,
+        sortOrder: column.sortOrder
+      });
+    }
+    if (_column.align === "right") {
+      _column.className = _column.className ? `${_column.className} align-right` : "align-right";
+    }
+    return _column;
+  }), [columns]);
+  return /* @__PURE__ */React__default.default.createElement("div", {
+    className: core.cx(TableContainerStyle, "table-container", !hasScrollBard && "no-scroll-bar")
+  }, /* @__PURE__ */React__default.default.createElement(antd.Table, {
+    className: cs__default.default(tableStyleCover, !(dataSource == null ? void 0 : dataSource.length) && "empty-table", initLoading && "table-init-loading", rowSelection && "has-selection"),
+    bordered,
+    loading: {
+      spinning: loading,
+      indicator: initLoading ? /* @__PURE__ */React__default.default.createElement(TableWidget.TableLoading, null) : /* @__PURE__ */React__default.default.createElement(index, null)
+    },
+    locale: {
+      emptyText: error || /* @__PURE__ */React__default.default.createElement(React__default.default.Fragment, null, loading ? "" : empty)
+    },
+    dataSource: dataSource || [],
+    pagination: pagination || false,
+    columns: _columns,
+    components,
+    rowKey: rowKey || "id",
+    tableLayout: (dataSource == null ? void 0 : dataSource.length) ? tableLayout : "auto",
+    size: "small",
+    onChange: (_, filters, sorter) => {
+      if (!(sorter instanceof Array)) {
+        orderRef.current = sorter.order || (orderRef.current === "ascend" ? "descend" : "ascend");
+        onSorterChange == null ? void 0 : onSorterChange(orderRef.current, sorter.columnKey);
+      }
+    },
+    onRow: (record, index) => __spreadValues({
+      onClick: evt => onRowClick == null ? void 0 : onRowClick(record, index, evt)
+    }, onRow == null ? void 0 : onRow(record, index)),
+    rowClassName,
+    scroll,
+    rowSelection: rowSelection && __spreadProps(__spreadValues({}, rowSelection), {
+      columnWidth: 32
+    }),
+    showSorterTooltip: false
+  }));
+};
+var Table$1 = Table;
+
+exports.useTableBodyHasScrollBar = common.useTableBodyHasScrollBar;
+exports.ColumnTitle = TableWidget.ColumnTitle;
+exports.EmptyRowMenu = TableWidget.EmptyRowMenu;
+exports.KitTableContext = TableWidget.KitTableContext;
+exports.TableLoading = TableWidget.TableLoading;
+exports.default = Table$1;
+exports.tableStyleCover = tableStyleCover;

package/dist/cjs/core/TableForm/AddRowButton.js

@@ -0,0 +1,112 @@
+'use strict';
+
+var iconsReact = require('@cloudtower/icons-react');
+var core = require('@linaria/core');
+var index = require('../Button/index.js');
+var style = require('./style.js');
+var utils = require('./utils.js');
+var index$1 = require('../Typo/index.js');
+var useParrotTranslation = require('../../hooks/useParrotTranslation.js');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const AddRowButton = (props) => {
+  const {
+    config: { maximum, className, CustomizedButton, buttonProps, text },
+    columns,
+    updateData,
+    data
+  } = props;
+  const { t } = useParrotTranslation();
+  const _a = buttonProps || {}, {
+    disabled: disabledFromProp,
+    onClick
+  } = _a, restButtonProps = __objRest(_a, [
+    "disabled",
+    "onClick"
+  ]);
+  const onAdd = (e, data2) => {
+    const newData = [...data2];
+    const newRow = utils.genEmptyRow(columns);
+    newData.push(newRow);
+    updateData(newData);
+    onClick == null ? void 0 : onClick(e);
+  };
+  const disabled = React.useMemo(
+    () => disabledFromProp || typeof maximum === "number" && maximum <= data.length,
+    [maximum, data.length, disabledFromProp]
+  );
+  const CustomizedButtonText = React.useMemo(() => {
+    if (!text)
+      return null;
+    if (typeof text === "string")
+      return text;
+    return text();
+  }, [text]);
+  if (!columns.length) {
+    return null;
+  }
+  return CustomizedButton ? /* @__PURE__ */ React__default.default.createElement(CustomizedButton, __spreadValues({}, props)) : /* @__PURE__ */ React__default.default.createElement(style.AddRowButtonWrapper, { className }, /* @__PURE__ */ React__default.default.createElement(
+    index,
+    __spreadProps(__spreadValues({}, restButtonProps), {
+      type: restButtonProps.type || "ordinary",
+      size: restButtonProps.size || "small",
+      prefixIcon: restButtonProps.prefixIcon || /* @__PURE__ */ React__default.default.createElement(iconsReact.PlusAddCreateNew16SecondaryIcon, null),
+      className: core.cx(index$1.Typo.Label.l3_regular, restButtonProps.className),
+      onClick: (e) => {
+        onAdd(e, data);
+      },
+      disabled
+    }),
+    CustomizedButtonText || t("components.add")
+  ), typeof maximum === "number" ? /* @__PURE__ */ React__default.default.createElement(
+    "span",
+    {
+      className: core.cx(
+        index$1.Typo.Label.l4_regular,
+        "maximum-desc",
+        disabled && "disabled"
+      )
+    },
+    t("components.maximum_row_count_desc", {
+      count: maximum
+    })
+  ) : null);
+};
+var AddRowButton$1 = AddRowButton;
+
+module.exports = AddRowButton$1;

package/dist/cjs/core/TableForm/Columns/AffixColumn.js

@@ -0,0 +1,52 @@
+'use strict';
+
+var antd = require('antd');
+var React = require('react');
+var useParrotTranslation = require('../../../hooks/useParrotTranslation.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const AffixColumnHeaderCell = ({ data, column, onChange, onBlur }) => {
+  const [suffix, setSuffix] = React.useState("");
+  const [prefix, setPrefix] = React.useState("");
+  const { t } = useParrotTranslation();
+  const onPrefixChange = React.useCallback(
+    (e) => {
+      const newPrefix = e.target.value;
+      setPrefix(newPrefix);
+      onChange(newPrefix + suffix);
+    },
+    [suffix, onChange]
+  );
+  const onSuffixChange = React.useCallback(
+    (e) => {
+      const newSuffix = e.target.value;
+      setSuffix(newSuffix);
+      onChange(prefix + newSuffix);
+    },
+    [prefix, onChange]
+  );
+  return /* @__PURE__ */ React__default.default.createElement(antd.Space, null, !column.disablePrefix ? /* @__PURE__ */ React__default.default.createElement(
+    antd.Input,
+    {
+      value: prefix,
+      placeholder: t("components.prefix"),
+      size: "small",
+      onChange: onPrefixChange,
+      onBlur
+    }
+  ) : void 0, !column.disableSuffix ? /* @__PURE__ */ React__default.default.createElement(
+    antd.Input,
+    {
+      value: suffix,
+      placeholder: t("components.suffix"),
+      size: "small",
+      onChange: onSuffixChange,
+      onBlur
+    }
+  ) : void 0);
+};
+
+exports.AffixColumnHeaderCell = AffixColumnHeaderCell;

package/dist/cjs/core/TableForm/Columns/CheckboxColumn.js

@@ -0,0 +1,39 @@
+'use strict';
+
+var React = require('react');
+var index = require('../../Checkbox/index.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const CheckboxColumnHeaderCell = ({ onChange }) => {
+  const _onChange = React.useCallback(
+    (e) => {
+      onChange(e.target.checked, true);
+    },
+    [onChange]
+  );
+  return /* @__PURE__ */ React__default.default.createElement(index, { onChange: _onChange });
+};
+const CheckboxColumnBodyCell = ({ data, column, index: index$1, onChange }) => {
+  const value = data[index$1][column.key] === void 0 ? column.defaultValue : data[index$1][column.key];
+  const _onChange = React.useCallback(
+    (e) => {
+      onChange(e.target.checked);
+    },
+    [onChange]
+  );
+  const defaultChecked = column.defaultValue;
+  return /* @__PURE__ */ React__default.default.createElement(
+    index,
+    {
+      checked: value,
+      onChange: _onChange,
+      defaultChecked
+    }
+  );
+};
+
+exports.CheckboxColumnBodyCell = CheckboxColumnBodyCell;
+exports.CheckboxColumnHeaderCell = CheckboxColumnHeaderCell;