Function parseInset

src/parser/shape.ts:142–196

(str: string)

    }
  }
  function parseInset(str: string) {
    const res = str.match(regexMap['inset'])

    if (!res) return null

    const [inset, radius] = (
      res[1].includes('round') ? res[1] : `${res[1].trim()} round 0`
    ).split('round')
    const radiusMap = getStylesForProperty('borderRadius', radius, true)
    const r = Object.values(radiusMap)
      .map((s) => String(s))
      .map(
        (s, i) =>
          lengthToNumber(
            s,
            inheritedStyle.fontSize as number,
            i === 0 || i === 2 ? height : width,
            inheritedStyle,
            true
          ) || 0
      )
    const offsets = Object.values(getStylesForProperty('margin', inset, true))
      .map((s) => String(s))
      .map(
        (s, i) =>
          lengthToNumber(
            s,
            inheritedStyle.fontSize as number,
            i === 0 || i === 2 ? height : width,
            inheritedStyle,
            true
          ) || 0
      )
    const x = offsets[3]
    const y = offsets[0]
    const w = width - (offsets[1] + offsets[3])
    const h = height - (offsets[0] + offsets[2])

    if (r.some((v) => v > 0)) {
      const d = buildBorderRadius(
        { left: x, top: y, width: w, height: h },
        { ...style, ...radiusMap }
      )

      return { type: 'path', d }
    }

    return {
      type: 'rect',
      x,
      y,
      width: w,
      height: h,
    }
  }

  return {
    parseCircle,