@gf-ui/components/dist/components/gf-icon-rightarrow.js

跨框架核心库

import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
import { I as Icons } from './index2.js';

const svgData = {"name":"svg","type":"element","value":"","attributes":{"class":"icon","viewBox":"0 0 1024 1024","version":"1.1","xmlns":"http://www.w3.org/2000/svg"},"children":[{"name":"path","type":"element","value":"","attributes":{"fill":"currentColor","d":"M214.677333 542.122667l0.042667-64.405334 477.653333-0.298666-225.301333-225.322667 45.568-45.568 303.424 303.424L512.213333 813.781333l-45.504-45.504 226.453334-226.453333-478.485334 0.298667z"},"children":[]}],"_name":"rightarrow","_isColor":false};

const GfIconrightarrow = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
  constructor() {
    super();
    this.__registerHost();
    this.size = 30;
    this.styles = {};
    this.color = "#606266";
    this.rotate = 0;
    this.spin = false;
    this.opacity = 1;
  }
  render() {
    const { size, styles, color, rotate, spin, opacity } = this;
    const hostStyles = { width: size + 'px', height: size + 'px' };
    return (h(Host, { style: hostStyles }, h(Icons, Object.assign({}, { svgData, size, styles, color, rotate, spin, opacity }))));
  }
}, [0, "gf-icon-rightarrow", {
    "size": [8],
    "styles": [16],
    "color": [1],
    "rotate": [2],
    "spin": [4],
    "opacity": [8]
  }]);
function defineCustomElement$1() {
  if (typeof customElements === "undefined") {
    return;
  }
  const components = ["gf-icon-rightarrow"];
  components.forEach(tagName => { switch (tagName) {
    case "gf-icon-rightarrow":
      if (!customElements.get(tagName)) {
        customElements.define(tagName, GfIconrightarrow);
      }
      break;
  } });
}

const GfIconRightarrow = GfIconrightarrow;
const defineCustomElement = defineCustomElement$1;

export { GfIconRightarrow, defineCustomElement };