@gf-ui/components/dist/components/gf-icon-leftarrow.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":"M783.872 542.122667l-0.042667-64.405334-477.610666-0.298666 225.28-225.322667-45.568-45.568L182.506667 509.952l303.829333 303.829333 45.525333-45.504-226.474666-226.453333 478.506666 0.298667z"},"children":[]}],"_name":"leftarrow","_isColor":false};

const GfIconleftarrow = /*@__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-leftarrow", {
    "size": [8],
    "styles": [16],
    "color": [1],
    "rotate": [2],
    "spin": [4],
    "opacity": [8]
  }]);
function defineCustomElement$1() {
  if (typeof customElements === "undefined") {
    return;
  }
  const components = ["gf-icon-leftarrow"];
  components.forEach(tagName => { switch (tagName) {
    case "gf-icon-leftarrow":
      if (!customElements.get(tagName)) {
        customElements.define(tagName, GfIconleftarrow);
      }
      break;
  } });
}

const GfIconLeftarrow = GfIconleftarrow;
const defineCustomElement = defineCustomElement$1;

export { GfIconLeftarrow, defineCustomElement };