How to use string-width - 9 common examples

subject = input;

  const chunks = [];

  // https://regex101.com/r/gY5kZ1/1
  const re = new RegExp('(^.{1,' + size + '}(\\s+|$))|(^.{1,' + (size - 1) + '}(\\\\|/|_|\\.|,|;|-))');

  do {
    let chunk;

    chunk = subject.match(re);

    if (chunk) {
      chunk = chunk[0];

      subject = slice(subject, stringWidth(chunk));

      chunk = chunk.trim();
    } else {
      chunk = slice(subject, 0, size);
      subject = slice(subject, size);
    }

    chunks.push(chunk);
  } while (stringWidth(subject));

  return chunks;
};

function bridgeAuto ({ element, note }, max) {
        if (note !== '' || setting.BRIDGE_ALWAYS) {
          let length = setting.BRIDGE_MIN
          if (setting.FLOAT_RIGHT) length += (max - width(`${element}${note}`))
          else length += (max - width(element))
          return setting.BRIDGE_CELL.repeat(length)
        }
        return ''
      }
      // 第一步 转换 element 和 note

render() {
    const { placeholder, label, required, form, id, textAlign, upper } = this.props
    const omitProps = omit(this.props, ['error', 'labelNumber'])
    return (
      
        {this.fieldDecorator(
          
            <label label="{label}" required="{required}">
          </label>
        )}
        {upper &amp;&amp; (
          
        )}
      
    )
  }

export default (subject, size) => {
  let subjectSlice;

  subjectSlice = subject;

  const chunks = [];

  do {
    chunks.push(slice(subjectSlice, 0, size));

    subjectSlice = slice(subjectSlice, size).trim();
  } while (stringWidth(subjectSlice));

  return chunks;
};

const maxLabelWidth = this.messages.reduce((current, next) => {
      if (getWidth(next[0]) > current) return getWidth(next[0])
      return current
    }, 0)
    const data = this.messages.map(message => {

return result.reduce((max, { element }) => {
            const length = width(element)
            return length > max ? length : max
          }, 0)
        }

.map(l => {
      const lineWidth = Math.min(stringWidth(l || ''), width)
      const paddingRight = Math.max(width - lineWidth - 2, 0)
      return `${chalk.grey(chars.vertical)}${chalk.reset(cliTruncate(l, width - 2))}${' '.repeat(
        paddingRight,
      )}${chalk.grey(chars.vertical)}`
    })
    .join('\n')

private async printEntries(header: string, entries: Entry[]) {
    if (!entries.length) return;

    await this.printHeader(header);

    const keySize = Math.max(...entries.map(e => stringWidth(e.key)));

    entries.sort((a, b) => {
      if (a.key > b.key) return 1;
      if (a.key < b.key) return -1;
      return 0;
    });

    for (const entry of entries) {
      const pad = Array(keySize - stringWidth(entry.key))
        .fill(" ")
        .join("");

      await this.write(`  ${entry.key}${pad}  ${entry.description}\n`);
    }
  }
}

          const elementLengthMax = result.reduce((max, { element }) => width(element) > max ? width(element) : max, 0)
          const noteLengthMax = result.reduce((max, { note }) => width(note) > max ? width(note) : max, 0)