@gf-ui/components
Version:
48 lines (43 loc) • 2.76 kB
JavaScript
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","width":"32px","height":"32.00px","viewBox":"0 0 1024 1024","version":"1.1","xmlns":"http://www.w3.org/2000/svg"},"children":[{"name":"path","type":"element","value":"","attributes":{"d":"M102.4 102.4m307.2 0l204.8 0q307.2 0 307.2 307.2l0 204.8q0 307.2-307.2 307.2l-204.8 0q-307.2 0-307.2-307.2l0-204.8q0-307.2 307.2-307.2Z","fill":"#44D5CA","opacity":".2"},"children":[]},{"name":"path","type":"element","value":"","attributes":{"d":"M527.36 225.28a46.08 46.08 0 0 1 46.08 46.08V337.92h122.88c56.55552 0 102.4 45.84448 102.4 102.4v204.8c0 56.55552-45.84448 102.4-102.4 102.4H460.8c-96.14336 0-174.08-77.93664-174.08-174.08v-61.44c0-96.14336 77.93664-174.08 174.08-174.08v-66.56a46.08 46.08 0 0 1 46.08-46.08h20.48zM235.52 440.32a30.72 30.72 0 0 1 30.72 30.72v143.36a30.72 30.72 0 0 1-61.44 0V471.04a30.72 30.72 0 0 1 30.72-30.72z","fill":"#44D5CA"},"children":[]},{"name":"path","type":"element","value":"","attributes":{"d":"M706.56 645.12a40.96 40.96 0 1 1 0 81.92h-81.92a40.96 40.96 0 1 1 0-81.92h81.92z m30.72-92.16a40.96 40.96 0 1 1 0 81.92h-81.92a40.96 40.96 0 1 1 0-81.92h81.92z m0-92.16a40.96 40.96 0 1 1 0 81.92h-81.92a40.96 40.96 0 1 1 0-81.92h81.92z m-30.72-92.16a40.96 40.96 0 1 1 0 81.92h-81.92a40.96 40.96 0 1 1 0-81.92h81.92z","fill":"#FFFFFF","fill-opacity":".6"},"children":[]}],"_name":"dianzan-c","_isColor":true};
const GfIcondianzanC = /*@__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-dianzan-c", {
"size": [8],
"styles": [16],
"color": [1],
"rotate": [2],
"spin": [4],
"opacity": [8]
}]);
function defineCustomElement$1() {
if (typeof customElements === "undefined") {
return;
}
const components = ["gf-icon-dianzan-c"];
components.forEach(tagName => { switch (tagName) {
case "gf-icon-dianzan-c":
if (!customElements.get(tagName)) {
customElements.define(tagName, GfIcondianzanC);
}
break;
} });
}
const GfIconDianzanC = GfIcondianzanC;
const defineCustomElement = defineCustomElement$1;
export { GfIconDianzanC, defineCustomElement };