hongluan-ui/lib/components/system-icon/src/refresh.js

Hongluan Component Library for Vue 3

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var vue = require('vue');
var useCustom = require('./use-custom.js');
var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');

const _sfc_main = vue.defineComponent({
  name: "SystemRefresh",
  props: {
    gradient: {
      type: Boolean
    },
    borderWidth: {
      type: [Number, String],
      default: ""
    },
    opacity: {
      type: [Number, String],
      default: ""
    },
    startColor: {
      type: String,
      default: ""
    }
  },
  setup() {
    const { CustomIcon } = useCustom.useCustomIcon("SystemRefresh");
    return {
      CustomIcon
    };
  }
});
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
  return _ctx.CustomIcon ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.CustomIcon), { key: 0 })) : (vue.openBlock(), vue.createElementBlock("svg", {
    key: 1,
    viewBox: "0 0 22 22",
    version: "1.1",
    xmlns: "http://www.w3.org/2000/svg",
    class: "icon-system",
    name: "SystemRefresh",
    style: vue.normalizeStyle({
      "--stroke-width": _ctx.borderWidth,
      "--fill-opacity": _ctx.opacity
    })
  }, [
    _ctx.gradient ? (vue.openBlock(), vue.createElementBlock("defs", { key: 0 }, [
      vue.createElementVNode("linearGradient", {
        id: "refresh",
        x1: "50%",
        y1: "0%",
        x2: "50%",
        y2: "100%",
        gradientUnits: "userSpaceOnUse"
      }, [
        vue.createElementVNode("stop", {
          style: vue.normalizeStyle({ stopColor: _ctx.startColor ? _ctx.startColor : "var(--icon-start-color)" }),
          offset: "0%"
        }, null, 4),
        vue.createElementVNode("stop", {
          "stop-color": "currentColor",
          offset: "100%"
        })
      ])
    ])) : vue.createCommentVNode("v-if", true),
    vue.createElementVNode("g", {
      stroke: _ctx.gradient ? "url(#refresh)" : "currentColor"
    }, [
      vue.createElementVNode("path", { d: "M11,21 C16.5228475,21 21,16.5228475 21,11 C21,10.3293212 20.9339755,9.67406333 20.8080718,9.04037141 C20.1649528,5.80346047 17.9594709,3.12924671 15.0106393,1.83674328 C13.7829108,1.29861717 12.4263283,1 11,1 C5.4771525,1 1,5.4771525 1,11 C1,14.6162912 2.9195639,17.7842442 5.79535158,19.540519 M2,20 L6,20 L6,16" })
    ], 8, ["stroke"])
  ], 4));
}
var SystemRefresh = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render]]);

exports["default"] = SystemRefresh;
//# sourceMappingURL=refresh.js.map