xdesign-vue-next/lib/loading/icon/gradient.js

XDesign Component for vue-next

/**
 * xdesign v1.0.6
 * (c) 2023 xdesign
 * @license MIT
 */

import { defineComponent, onMounted, getCurrentInstance, nextTick, createVNode } from 'vue';
import circleAdapter from '../../_common/js/loading/circle-adapter.js';
import { usePrefixClass } from '../../hooks/useConfig.js';
import '@babel/runtime/helpers/defineProperty';
import '../../_common/js/utils/set-style.js';
import '../../_common/js/utils/helper.js';
import '@babel/runtime/helpers/toConsumableArray';
import '@babel/runtime/helpers/objectWithoutProperties';
import '@babel/runtime/helpers/slicedToArray';
import 'lodash/isString';
import 'lodash/isNull';
import 'lodash/isUndefined';
import 'lodash/isNumber';
import 'lodash/isArray';
import '../../config-provider/useConfig.js';
import 'lodash/isFunction';
import 'lodash/cloneDeep';
import '../../config-provider/context.js';
import 'lodash/mergeWith';
import 'lodash/merge';
import '../../_common/js/global-config/default-config.js';
import '../../_common/js/global-config/locale/en_US.js';
import '../../_chunks/dep-3a1cce9f.js';

var GradientIcon = defineComponent({
  name: "XLoadingGradient",
  setup: function setup() {
    var classPrefix = usePrefixClass();
    onMounted(function () {
      var circleElem = getCurrentInstance().refs.circle;
      nextTick(function () {
        circleAdapter(circleElem);
      });
    });
    return {
      classPrefix: classPrefix
    };
  },
  render: function render() {
    var classPrefix = this.classPrefix;
    var name = "".concat(classPrefix, "-loading__gradient");
    var classes = [name, "".concat(classPrefix, "-icon-loading")];
    return createVNode("svg", {
      "class": classes,
      "viewBox": "0 0 12 12",
      "version": "1.1",
      "width": "1em",
      "height": "1em",
      "xmlns": "http://www.w3.org/2000/svg"
    }, [createVNode("foreignObject", {
      "x": "0",
      "y": "0",
      "width": "12",
      "height": "12"
    }, [createVNode("div", {
      "class": "".concat(name, "-conic"),
      "ref": "circle"
    }, null)])]);
  }
});

export { GradientIcon as default };
//# sourceMappingURL=gradient.js.map