@cloudtower/eagle 0.27.53 → 0.27.55

package/dist/esm/core/TableForm/TableFormBodyRows.js

@@ -0,0 +1,213 @@
+import { HandlePoint816SecondaryIcon, HandlePoint816BlueIcon, XmarkRemove16SecondaryIcon, XmarkRemove16RegularRedIcon } from '@cloudtower/icons-react';
+import { cx } from '@linaria/core';
+import Icon from '../Icon/index.js';
+import { DraggableHandleWrapper } from './style.js';
+import { TableFormBodyCell } from './TableFormBodyCell.js';
+import { ValidateTriggerType } from './types.js';
+import { moveItemInArray } from './utils.js';
+import Tooltip from '../Tooltip/index.js';
+import { Typo } from '../Typo/index.js';
+import useParrotTranslation from '../../hooks/useParrotTranslation.js';
+import { List } from 'antd';
+import React__default, { memo, useCallback, useState, useEffect, useMemo } from 'react';
+import { DragDropContext, Droppable, Draggable } from 'react-beautiful-dnd';
+
+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 TableFormRowDeleteAction = (props) => {
+  var _a, _b, _c, _d;
+  const { deleteConfig, row, updateData, rowIndex, data } = props;
+  const { t } = useParrotTranslation();
+  if (typeof (row == null ? void 0 : row.deletable) === "function" && !row.deletable(rowIndex, data)) {
+    return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null);
+  }
+  const disableActionsFromRowConfig = typeof (row == null ? void 0 : row.disableActions) === "object" ? row.disableActions : (_b = (_a = row == null ? void 0 : row.disableActions) == null ? void 0 : _a.call(row, rowIndex, data)) != null ? _b : [];
+  const isRowDeleteDisabled = (_d = disableActionsFromRowConfig.includes("delete") || ((_c = deleteConfig == null ? void 0 : deleteConfig.specifyRowDeleteDisabled) == null ? void 0 : _c.call(deleteConfig, rowIndex, data))) != null ? _d : false;
+  const DeleteIcon = /* @__PURE__ */ React__default.createElement(
+    Icon,
+    {
+      "data-testid": "eagle-table-form-row-action",
+      className: cx("delete-row-icon", isRowDeleteDisabled && "disabled"),
+      src: XmarkRemove16SecondaryIcon,
+      hoverSrc: isRowDeleteDisabled ? void 0 : XmarkRemove16RegularRedIcon,
+      onClick: () => {
+        if (isRowDeleteDisabled)
+          return;
+        const newData = [...data];
+        newData.splice(rowIndex, 1);
+        updateData(newData);
+      }
+    }
+  );
+  const DeleteAction = isRowDeleteDisabled ? DeleteIcon : /* @__PURE__ */ React__default.createElement(Tooltip, { title: t("components.remove") }, DeleteIcon);
+  return DeleteAction;
+};
+const TableFormRow = (props) => {
+  var _a;
+  const {
+    data,
+    columns,
+    latestData,
+    disabled,
+    passwordVisible,
+    deleteConfig,
+    draggable,
+    rowIndex,
+    provided,
+    snapshot,
+    validateTriggerType = ValidateTriggerType.Normal,
+    row,
+    errors = [],
+    updateData,
+    onBodyBlur,
+    renderRowDescription,
+    validateAll
+  } = props;
+  const rowData = data[rowIndex];
+  const errorFromProps = errors[rowIndex];
+  const rowLevelError = typeof errorFromProps === "string" ? errorFromProps : void 0;
+  const [rowError, setRowError] = useState(rowLevelError);
+  const rowValidator = (row == null ? void 0 : row.validator) || props.rowValidator;
+  const cellsLevelError = errorFromProps && typeof errorFromProps === "object" ? errorFromProps : null;
+  useEffect(() => {
+    setRowError(rowLevelError);
+  }, [rowLevelError]);
+  const rowDeletable = typeof (row == null ? void 0 : row.deletable) === "boolean" ? row.deletable : (_a = typeof (row == null ? void 0 : row.deletable) === "function" || (deleteConfig == null ? void 0 : deleteConfig.deletable)) != null ? _a : false;
+  const getRowValidateResult = useCallback(
+    (rowData2) => {
+      if (!rowValidator)
+        return rowLevelError;
+      const result = rowValidator(rowIndex, rowData2);
+      setRowError(result);
+      return result;
+    },
+    [rowValidator, rowIndex, rowLevelError]
+  );
+  const Cells = columns.map((col) => {
+    const cellError = cellsLevelError == null ? void 0 : cellsLevelError[col.key];
+    return /* @__PURE__ */ React__default.createElement(
+      TableFormBodyCell,
+      {
+        key: col.key,
+        column: col,
+        data,
+        latestData,
+        disabled,
+        index: rowIndex,
+        onChange: updateData,
+        onBlur: onBodyBlur,
+        visible: passwordVisible,
+        validateTriggerType,
+        isRowError: !!rowError,
+        getRowValidateResult,
+        validateAll,
+        error: cellError
+      }
+    );
+  });
+  const DraggableHandle = useMemo(
+    () => draggable && provided ? /* @__PURE__ */ React__default.createElement(DraggableHandleWrapper, __spreadValues({}, provided.dragHandleProps), /* @__PURE__ */ React__default.createElement(
+      Icon,
+      {
+        src: HandlePoint816SecondaryIcon,
+        hoverSrc: HandlePoint816BlueIcon
+      }
+    )) : null,
+    [draggable, provided]
+  );
+  const RowDescription = useMemo(() => {
+    const rowDescFuncParams = {
+      rowIndex,
+      rowData,
+      latestData
+    };
+    const DescriptionResult = typeof (row == null ? void 0 : row.descriptions) == "object" ? row.descriptions[rowIndex] : typeof (row == null ? void 0 : row.customizedDescription) === "function" ? row.customizedDescription(rowDescFuncParams) : (renderRowDescription == null ? void 0 : renderRowDescription(rowDescFuncParams)) || null;
+    return typeof DescriptionResult === "string" ? /* @__PURE__ */ React__default.createElement("p", { className: cx(Typo.Label.l4_regular, "row-description") }, DescriptionResult) : DescriptionResult;
+  }, [rowIndex, rowData, latestData, renderRowDescription, row]);
+  return /* @__PURE__ */ React__default.createElement(
+    List.Item,
+    {
+      key: rowIndex,
+      "data-testid": "eagle-table-form-row-for-test",
+      className: cx(
+        "eagle-table-form-row",
+        (snapshot == null ? void 0 : snapshot.isDragging) && "isDragging"
+      ),
+      actions: rowDeletable ? [
+        /* @__PURE__ */ React__default.createElement(
+          TableFormRowDeleteAction,
+          {
+            data,
+            rowIndex,
+            deleteConfig,
+            row,
+            updateData
+          }
+        )
+      ] : void 0
+    },
+    DraggableHandle,
+    Cells,
+    rowError ? /* @__PURE__ */ React__default.createElement("p", { className: cx(Typo.Label.l4_regular, "row-error-message") }, rowError) : null,
+    RowDescription
+  );
+};
+const TableFormBodyRows = memo((props) => {
+  const { data, draggable, updateData } = props;
+  const onDragEnd = useCallback(
+    (result) => {
+      var _a;
+      const fromIndex = result.source.index;
+      const toIndex = (_a = result.destination) == null ? void 0 : _a.index;
+      if (typeof toIndex !== "number" || toIndex === fromIndex)
+        return;
+      const newData = moveItemInArray(data, fromIndex, toIndex);
+      updateData(newData);
+    },
+    [data, updateData]
+  );
+  return draggable ? /* @__PURE__ */ React__default.createElement(DragDropContext, { onDragEnd }, /* @__PURE__ */ React__default.createElement(Droppable, { droppableId: "droppable" }, (provided) => /* @__PURE__ */ React__default.createElement(
+    "div",
+    __spreadValues({
+      className: "draggable-container",
+      ref: provided.innerRef
+    }, provided.droppableProps),
+    data.map((_d, i) => /* @__PURE__ */ React__default.createElement(
+      Draggable,
+      {
+        draggableId: `draggable-id-${i}`,
+        key: `draggable-id-${i}`,
+        index: i
+      },
+      (provided2, snapshot) => /* @__PURE__ */ React__default.createElement("div", __spreadValues({ ref: provided2.innerRef }, provided2.draggableProps), /* @__PURE__ */ React__default.createElement(
+        TableFormRow,
+        __spreadProps(__spreadValues({}, props), {
+          rowIndex: i,
+          provided: provided2,
+          snapshot
+        })
+      ))
+    )),
+    provided.placeholder
+  ))) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, data.map((_d, i) => /* @__PURE__ */ React__default.createElement(TableFormRow, __spreadProps(__spreadValues({}, props), { rowIndex: i, key: `table-row-${i}` }))));
+});
+var TableFormBodyRows$1 = TableFormBodyRows;
+
+export { TableFormBodyRows$1 as default };

package/dist/esm/core/TableForm/TableFormHeaderCell.js

@@ -0,0 +1,91 @@
+import { cx } from '@linaria/core';
+import { ColumnHeaderImpls } from './Columns/index.js';
+import { FormItem } from './Columns/FormItem.js';
+import { TitleStyle } from './style.js';
+import { increaseLastNumber } from './utils.js';
+import { Typo } from '../Typo/index.js';
+import React__default, { useState, useCallback } from '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 BatchInputListHeaderCell = (props) => {
+  const { column, disabled, data, disableBatchFilling, onBlur, onChange } = props;
+  const [errMsg, setErrMsg] = useState();
+  const width = Number.isNaN(Number(column.width)) ? column.width : column.width + "px";
+  const headerOnChange = useCallback(
+    (value, shouldUpdateData = false) => {
+      var _a;
+      const err = (_a = column.validator) == null ? void 0 : _a.call(column, { value, isHeader: true });
+      setErrMsg(err || void 0);
+      const shouldAutoIncrease = column.type !== "password" && column.autoIncrease;
+      const newData = data.map((cell, rowIndex) => {
+        return __spreadProps(__spreadValues({}, cell), {
+          [column.key]: shouldAutoIncrease && typeof value === "string" ? increaseLastNumber(value, rowIndex) : value
+        });
+      });
+      onChange == null ? void 0 : onChange(newData, column.key, shouldUpdateData);
+    },
+    [onChange, data, column]
+  );
+  const _onBlur = useCallback(() => {
+    onBlur == null ? void 0 : onBlur(column.key, errMsg);
+  }, [column.key, onBlur, errMsg]);
+  const renderDefaultComponent = () => {
+    if (!column.type)
+      return null;
+    const CellComponent = ColumnHeaderImpls[column.type];
+    return /* @__PURE__ */ React__default.createElement(
+      CellComponent,
+      __spreadProps(__spreadValues({}, props), {
+        column,
+        onChange: headerOnChange,
+        onBlur: _onBlur
+      })
+    );
+  };
+  const renderCell = () => column.render ? column.render({
+    isHeader: true,
+    disabled,
+    onChange: headerOnChange,
+    onBlur: _onBlur
+  }) : renderDefaultComponent();
+  return /* @__PURE__ */ React__default.createElement(
+    "div",
+    {
+      className: cx("eagle-table-form-cell", `align-${column.align || "left"}`),
+      style: {
+        maxWidth: column.width ? width : "",
+        minWidth: column.width ? width : "",
+        visibility: column.hidden ? "hidden" : "visible"
+      }
+    },
+    /* @__PURE__ */ React__default.createElement("p", { className: cx(Typo.Label.l3_bold_title, TitleStyle) }, column.title),
+    disableBatchFilling ? null : /* @__PURE__ */ React__default.createElement(
+      FormItem,
+      {
+        validateStatus: typeof errMsg === "string" && errMsg ? "error" : "",
+        message: errMsg || void 0
+      },
+      renderCell()
+    )
+  );
+};
+
+export { BatchInputListHeaderCell };

package/dist/esm/core/TableForm/index.js

@@ -0,0 +1,185 @@
+import AddRowButton from './AddRowButton.js';
+import { TableFormWrapper, DraggableHandleWrapper } from './style.js';
+import TableFormBodyRows from './TableFormBodyRows.js';
+import { BatchInputListHeaderCell } from './TableFormHeaderCell.js';
+import { genEmptyRow } from './utils.js';
+import { List } from 'antd';
+import React__default, { useState, useCallback, useLayoutEffect, useImperativeHandle, useMemo } from '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 DEFAULT_ROW_COUNT = 3;
+const TableForm = React__default.forwardRef(
+  (props, ref) => {
+    var _a, _b;
+    const {
+      // The empty array is valid data so do not initialize "defaultData" with it
+      defaultData,
+      columns,
+      disabled,
+      rowAddConfig,
+      deleteConfig,
+      size = "default",
+      className,
+      disableBatchFilling = false,
+      validateTriggerType,
+      maxHeight,
+      renderRowDescription,
+      rowValidator,
+      onHeaderChange,
+      onHeaderBlur,
+      onBodyChange,
+      onBodyBlur,
+      row,
+      errors
+    } = props;
+    const [data, setData] = useState(defaultData || []);
+    const [passwordVisible, setPasswordVisible] = useState(false);
+    const [latestData, setLatestData] = useState(defaultData || []);
+    const [validateAll, setValidateAll] = useState(false);
+    const rowSplitType = (row == null ? void 0 : row.splitType) || props.rowSplitType || "border";
+    const draggable = (_b = (_a = row == null ? void 0 : row.draggable) != null ? _a : props.draggable) != null ? _b : false;
+    const updateData = useCallback(
+      (value, rowIndex, columnKey) => {
+        setLatestData(value);
+        setData(value);
+        onBodyChange == null ? void 0 : onBodyChange(value, rowIndex, columnKey);
+      },
+      [onBodyChange]
+    );
+    useLayoutEffect(() => {
+      if (!defaultData) {
+        updateData(
+          [...Array(DEFAULT_ROW_COUNT)].map(() => genEmptyRow(columns))
+        );
+      }
+    }, []);
+    const handleBatchChange = useCallback(
+      (newData, columnKey, shouldUpdateData) => {
+        setLatestData(newData);
+        onHeaderChange == null ? void 0 : onHeaderChange(newData, columnKey);
+        if (shouldUpdateData) {
+          setData(newData);
+          onBodyChange == null ? void 0 : onBodyChange(newData, void 0, columnKey);
+        }
+      },
+      [onHeaderChange, onBodyChange]
+    );
+    const handleBatchBlur = useCallback(
+      (key, error) => {
+        if (error) {
+          const newData = latestData.map((cell) => {
+            return __spreadProps(__spreadValues({}, cell), {
+              [key]: ""
+            });
+          });
+          setLatestData(newData);
+          onHeaderBlur == null ? void 0 : onHeaderBlur(newData);
+        } else {
+          setData(latestData);
+          onBodyChange == null ? void 0 : onBodyChange(latestData, void 0, key);
+          onHeaderBlur == null ? void 0 : onHeaderBlur(latestData);
+        }
+      },
+      [latestData, onHeaderBlur, onBodyChange]
+    );
+    useImperativeHandle(
+      ref,
+      () => ({
+        setData: (data2) => {
+          updateData(data2);
+        },
+        validateWholeFields() {
+          setValidateAll(true);
+        }
+      }),
+      [updateData]
+    );
+    const headerCells = columns.map((col) => {
+      return /* @__PURE__ */ React__default.createElement(
+        BatchInputListHeaderCell,
+        {
+          key: col.key,
+          data,
+          latestData,
+          disabled,
+          column: col,
+          disableBatchFilling,
+          onChange: handleBatchChange,
+          onBlur: handleBatchBlur,
+          onVisibleChange: setPasswordVisible
+        }
+      );
+    });
+    const tableFormWrapperStyle = useMemo(
+      () => maxHeight ? {
+        maxHeight: typeof maxHeight === "number" ? maxHeight + "px" : maxHeight
+      } : void 0,
+      []
+    );
+    return /* @__PURE__ */ React__default.createElement("div", { className }, /* @__PURE__ */ React__default.createElement(
+      TableFormWrapper,
+      {
+        className: `table-form row-split-by-${rowSplitType}`,
+        style: tableFormWrapperStyle
+      },
+      /* @__PURE__ */ React__default.createElement(List, { size, className: `size-${size}` }, /* @__PURE__ */ React__default.createElement(
+        List.Item,
+        {
+          className: "eagle-table-form-header",
+          actions: (deleteConfig == null ? void 0 : deleteConfig.deletable) || (row == null ? void 0 : row.deletable) ? [/* @__PURE__ */ React__default.createElement(React__default.Fragment, null)] : void 0
+        },
+        draggable ? /* @__PURE__ */ React__default.createElement(DraggableHandleWrapper, null) : null,
+        headerCells
+      ), /* @__PURE__ */ React__default.createElement(
+        TableFormBodyRows,
+        {
+          data,
+          latestData,
+          columns,
+          passwordVisible,
+          deleteConfig,
+          disabled,
+          draggable,
+          rowSplitType,
+          validateTriggerType,
+          row,
+          onBodyBlur,
+          updateData,
+          renderRowDescription,
+          rowValidator,
+          validateAll,
+          errors
+        }
+      ))
+    ), (rowAddConfig == null ? void 0 : rowAddConfig.addible) ? /* @__PURE__ */ React__default.createElement(
+      AddRowButton,
+      {
+        config: rowAddConfig,
+        updateData,
+        columns,
+        data
+      }
+    ) : null);
+  }
+);
+var TableForm$1 = TableForm;
+
+export { TableForm$1 as default };

package/dist/esm/core/TableForm/style.js

@@ -0,0 +1,27 @@
+import { styled } from '@linaria/react';
+
+const TitleStyle = "t1dtlqs1";
+const SubtitleStyle = "s1ese5oy";
+const BodyCellTextStyle = "b1ibis43";
+const BodyCellTextWrapper = /*#__PURE__*/styled('div')({
+  name: "BodyCellTextWrapper",
+  class: "bsub5bw",
+  propsAsIs: false
+});
+const TableFormWrapper = /*#__PURE__*/styled('div')({
+  name: "TableFormWrapper",
+  class: "tmoyoag",
+  propsAsIs: false
+});
+const AddRowButtonWrapper = /*#__PURE__*/styled('div')({
+  name: "AddRowButtonWrapper",
+  class: "a138syjm",
+  propsAsIs: false
+});
+const DraggableHandleWrapper = /*#__PURE__*/styled('div')({
+  name: "DraggableHandleWrapper",
+  class: "d77i8u0",
+  propsAsIs: false
+});
+
+export { AddRowButtonWrapper, BodyCellTextStyle, BodyCellTextWrapper, DraggableHandleWrapper, SubtitleStyle, TableFormWrapper, TitleStyle };

package/dist/esm/core/TableForm/types.js

@@ -0,0 +1,8 @@
+var ValidateTriggerType = /* @__PURE__ */ ((ValidateTriggerType2) => {
+  ValidateTriggerType2[ValidateTriggerType2["Normal"] = 0] = "Normal";
+  ValidateTriggerType2[ValidateTriggerType2["Aggressive"] = 1] = "Aggressive";
+  ValidateTriggerType2[ValidateTriggerType2["Lazy"] = 2] = "Lazy";
+  return ValidateTriggerType2;
+})(ValidateTriggerType || {});
+
+export { ValidateTriggerType };

package/dist/esm/core/TableForm/utils.js

@@ -0,0 +1,32 @@
+function increaseLastNumber(str, num) {
+  const lastNumberMatch = str.match(/(\d+)$/);
+  if (!lastNumberMatch) {
+    return str;
+  }
+  const prefix = str.slice(0, lastNumberMatch.index);
+  const lastNumber = lastNumberMatch[1];
+  let newLastNumber;
+  if (Number.isSafeInteger(Number(str) + num)) {
+    newLastNumber = Number(str) + num;
+  }
+  newLastNumber = (BigInt(lastNumber) + BigInt(num)).toString();
+  return `${prefix}${newLastNumber}`;
+}
+const genEmptyRow = (columns) => {
+  const row = {};
+  columns.forEach((col) => {
+    row[col.key] = col.defaultValue;
+  });
+  return row;
+};
+const moveItemInArray = (array, fromIndex, toIndex) => {
+  const arrLength = array.length;
+  const sortArr = [...array];
+  if (fromIndex > -1 && fromIndex < arrLength) {
+    const moveItem = sortArr.splice(fromIndex, 1)[0];
+    sortArr.splice(toIndex, 0, moveItem);
+  }
+  return sortArr;
+};
+
+export { genEmptyRow, increaseLastNumber, moveItemInArray };

package/dist/esm/core/Tag/SplitTag.js

@@ -0,0 +1,62 @@
+import { PresetColors } from './const.js';
+import { TagStyle, Size, IconStyle } from './style.js';
+import { Typo } from '../Typo/index.js';
+import { Tag } from 'antd';
+import cs from 'classnames';
+import React__default from '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 WrapperStyle = "w7ob4th";
+const SplitTag = _a => {
+  var _b = _a,
+    {
+      size = "small",
+      color = "gray",
+      className,
+      primaryContent,
+      secondaryContent,
+      icon
+    } = _b,
+    props = __objRest(_b, ["size", "color", "className", "primaryContent", "secondaryContent", "icon"]);
+  return /* @__PURE__ */React__default.createElement(Tag, __spreadProps(__spreadValues({}, props), {
+    className: cs(className, TagStyle, Size[size], WrapperStyle, Typo.Label.l4_regular, {
+      [`ant-tag-${color}`]: PresetColors.includes(color)
+    }, "outside-tag")
+  }), /* @__PURE__ */React__default.createElement(Tag, {
+    className: cs(Size[size], TagStyle, Typo.Label.l4_regular, {
+      [`ant-tag-${color}`]: PresetColors.includes(color)
+    }, "inside-tag")
+  }, icon && /* @__PURE__ */React__default.createElement("span", {
+    className: cs("ui-kit-tag-icon", IconStyle)
+  }, icon), primaryContent), secondaryContent);
+};
+var SplitTag$1 = SplitTag;
+
+export { SplitTag$1 as default };

package/dist/esm/core/Tag/const.js

@@ -0,0 +1,10 @@
+const PresetColors = [
+  "blue",
+  "red",
+  "yellow",
+  "green",
+  "gray",
+  "purple"
+];
+
+export { PresetColors };