hongluan-ui/lib/components/system-icon/src/calendar.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: "SystemCalendar",
  props: {
    gradient: {
      type: Boolean
    },
    borderWidth: {
      type: [Number, String],
      default: ""
    },
    opacity: {
      type: [Number, String],
      default: ""
    },
    startColor: {
      type: String,
      default: ""
    }
  },
  setup() {
    const { CustomIcon } = useCustom.useCustomIcon("SystemCalendar");
    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",
    name: "SystemCalendar",
    class: "icon-system",
    style: vue.normalizeStyle({
      "--stroke-width": _ctx.borderWidth,
      "--fill-opacity": _ctx.opacity
    })
  }, [
    _ctx.gradient ? (vue.openBlock(), vue.createElementBlock("defs", { key: 0 }, [
      vue.createElementVNode("linearGradient", {
        id: "calendar",
        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(#calendar)" : "currentColor"
    }, [
      vue.createElementVNode("path", { d: "M3.4,3 L18.6,3 C19.649341,3 20.5,3.84568436 20.5,4.88888889 L20.5,18.1111111 C20.5,19.1543156 19.649341,20 18.6,20 L3.4,20 C2.35065898,20 1.5,19.1543156 1.5,18.1111111 L1.5,4.88888889 C1.5,3.84568436 2.35065898,3 3.4,3 Z M6.5,1 L6.5,5 M15.5,1 L15.5,5 M1.5,8 L20.5,8 M3.5,3 L18.5,3 C19.6045695,3 20.5,3.8954305 20.5,5 L20.5,8 L20.5,8 L1.5,8 L1.5,5 C1.5,3.8954305 2.3954305,3 3.5,3 Z" })
    ], 8, ["stroke"])
  ], 4));
}
var SystemCalendar = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render]]);

exports["default"] = SystemCalendar;
//# sourceMappingURL=calendar.js.map