CyberAP

/*
* "foo<bar>baz</bar>qux" => ['foo', ['bar', 'baz'], 'qux']
* "<bar/>" => [['bar', '']]
* */
function parseStringIntoChunks(string) {
  const chunks = [];

  let buffer = '';
  let currentTag = '';
  let currentTagContent = '';

CyberAP

// Usage:
// bem('class-name', { foo: 'bar', baz: true }) → ['class-name--foo-bar', 'class-name--baz']
export const bem = (baseClass, mods) => {
  const keys = Object.keys(mods);
  const res = [];
  keys.forEach(key => {
    const param = mods[key];
    if (!param) return;

    if (Array.isArray(param)) {

CyberAP

<template>
  <div class="outer-click" ref="root">
    <slot />
  </div>
</template>

<script>
  export default {
    name: 'OuterClick',
    props: {

CyberAP

<template>
  <div
    class="transition-expand"
    ref="container"
    :style="style"
  >
    <transition
      name="transition-fade"

      @enter="enter"

CyberAP

import Vue from 'vue';
import getScrollbarWidth from "@modules/utils/getScrollbarWidth.js";
import { getDocument, getWindow } from "@modules/utils/dom.js";

const window = getWindow();
const document = getDocument();

const mobileWidth = parseInt(
  window
    .getComputedStyle(document.documentElement)