@gf-ui/components/dist/components/gf-icon-close.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 1045 1024","version":"1.1","xmlns":"http://www.w3.org/2000/svg"},"children":[{"name":"path","type":"element","value":"","attributes":{"fill":"currentColor","d":"M282.517333 213.376l-45.354666 45.162667L489.472 512 237.162667 765.461333l45.354666 45.162667L534.613333 557.354667l252.096 253.269333 45.354667-45.162667-252.288-253.44 252.288-253.482666-45.354667-45.162667L534.613333 466.624l-252.096-253.226667z"},"children":[]}],"_name":"close","_isColor":false};

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

const GfIconClose = GfIconclose;
const defineCustomElement = defineCustomElement$1;

export { GfIconClose, defineCustomElement };