makeTransfer function test

Last updated: 2026-03-01T23:25:47.055Z

Metrics

LOC: 67 Complexity: 3 Params: 2

Signature

makeTransfer({ disabled = false, itemCount = 3 } = {}): : HTMLElement

Source Code

function makeTransfer({ disabled = false, itemCount = 3 } = {}): HTMLElement {
  const wrapper = document.createElement("div");
  wrapper.className =
    "ant-transfer" + (disabled ? " ant-transfer-disabled" : "");

  // Source list
  const sourceList = document.createElement("div");
  sourceList.className = "ant-transfer-list";

  const sourceBody = document.createElement("div");
  sourceBody.className = "ant-transfer-list-body";

  const sourceContent = document.createElement("ul");
  sourceContent.className = "ant-transfer-list-content";

  for (let i = 0; i < itemCount; i++) {
    const li = document.createElement("li");
    li.className = "ant-transfer-list-content-item";

    const label = document.createElement("label");
    label.className = "ant-checkbox-wrapper";

    const checkboxSpan = document.createElement("span");
    checkboxSpan.className = "ant-checkbox";

    const checkInput = document.createElement("input");
    checkInput.type = "checkbox";
    checkboxSpan.appendChild(checkInput);
    label.appendChild(checkboxSpan);

    const text = document.createElement("span");
    text.className = "ant-transfer-list-content-item-text";
    text.textContent = `Item ${i + 1}`;

    li.appendChild(label);
    li.appendChild(text);
    sourceContent.appendChild(li);
  }

  sourceBody.appendChild(sourceContent);
  sourceList.appendChild(sourceBody);

  // Operation area
  const operation = document.createElement("div");
  operation.className = "ant-transfer-operation";

  const moveBtn = document.createElement("button");
  moveBtn.className = "ant-btn";
  moveBtn.textContent = ">";
  operation.appendChild(moveBtn);

  const moveBackBtn = document.createElement("button");
  moveBackBtn.className = "ant-btn";
  moveBackBtn.textContent = "<";
  operation.appendChild(moveBackBtn);

  // Target list
  const targetList = document.createElement("div");
  targetList.className = "ant-transfer-list";

  wrapper.appendChild(sourceList);
  wrapper.appendChild(operation);
  wrapper.appendChild(targetList);

  document.body.appendChild(wrapper);
  return wrapper;
}

No outgoing dependencies.

Impact (Incoming)

graph LR makeTransfer["makeTransfer"] makeAutoComplete["makeAutoComplete"] makeAutoComplete -->|calls| makeTransfer style makeTransfer fill:#dbeafe,stroke:#2563eb,stroke-width:2px click makeTransfer "b61a0ddd738a80ca.html" click makeAutoComplete "ded28ef3cc941295.html"
SourceType
makeAutoComplete calls