rx-compo 1.0.53 → 1.0.55

package/index.js

@@ -1,1850 +1 @@
-(function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue'), require('virtual:windi.css')) :
-  typeof define === 'function' && define.amd ? define(['exports', 'vue', 'virtual:windi.css'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.wPlus = {}, global.Vue));
-})(this, (function (exports, vue) { 'use strict';
-
-  const withInstall$1 = (comp) => {
-      comp.install = function (app) {
-          app.component(comp.name, comp);
-      };
-      return comp;
-  };
-
-  const RxButtonProps = {};
-
-  /**
-   * Make a map and return a function for checking if a key
-   * is in that map.
-   * IMPORTANT: all calls of this function must be prefixed with
-   * \/\*#\_\_PURE\_\_\*\/
-   * So that rollup can tree-shake them if necessary.
-   */
-
-  (process.env.NODE_ENV !== 'production')
-      ? Object.freeze({})
-      : {};
-  (process.env.NODE_ENV !== 'production') ? Object.freeze([]) : [];
-  const NOOP = () => { };
-  const hasOwnProperty = Object.prototype.hasOwnProperty;
-  const hasOwn = (val, key) => hasOwnProperty.call(val, key);
-  const isString = (val) => typeof val === 'string';
-  const isObject = (val) => val !== null && typeof val === 'object';
-
-  /**
-   * The inverse of `_.toPairs`; this method returns an object composed
-   * from key-value `pairs`.
-   *
-   * @static
-   * @memberOf _
-   * @since 4.0.0
-   * @category Array
-   * @param {Array} pairs The key-value pairs.
-   * @returns {Object} Returns the new object.
-   * @example
-   *
-   * _.fromPairs([['a', 1], ['b', 2]]);
-   * // => { 'a': 1, 'b': 2 }
-   */
-  function fromPairs(pairs) {
-    var index = -1,
-        length = pairs == null ? 0 : pairs.length,
-        result = {};
-
-    while (++index < length) {
-      var pair = pairs[index];
-      result[pair[0]] = pair[1];
-    }
-    return result;
-  }
-
-  const isUndefined = (val) => val === void 0;
-  const isNumber = (val) => typeof val === "number";
-  const isStringNumber = (val) => {
-    if (!isString(val)) {
-      return false;
-    }
-    return !Number.isNaN(Number(val));
-  };
-
-  class ElementPlusError extends Error {
-    constructor(m) {
-      super(m);
-      this.name = "ElementPlusError";
-    }
-  }
-  function debugWarn(scope, message) {
-    if (process.env.NODE_ENV !== "production") {
-      const error = isString(scope) ? new ElementPlusError(`[${scope}] ${message}`) : scope;
-      console.warn(error);
-    }
-  }
-
-  const SCOPE = "utils/dom/style";
-  function addUnit(value, defaultUnit = "px") {
-    if (!value)
-      return "";
-    if (isNumber(value) || isStringNumber(value)) {
-      return `${value}${defaultUnit}`;
-    } else if (isString(value)) {
-      return value;
-    }
-    debugWarn(SCOPE, "binding value must be a string or number");
-  }
-
-  /*! Element Plus Icons Vue v2.1.0 */
-
-  // unplugin-vue:/plugin-vue/export-helper
-  var export_helper_default = (sfc, props) => {
-    let target = sfc.__vccOpts || sfc;
-    for (let [key, val] of props)
-      target[key] = val;
-    return target;
-  };
-
-  // unplugin-vue:/home/runner/work/element-plus-icons/element-plus-icons/packages/vue/src/components/loading.vue?vue&type=script&lang.ts
-  var loading_vue_vue_type_script_lang_default = {
-    name: "Loading"
-  };
-  var _hoisted_1150 = {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 1024 1024"
-  }, _hoisted_2150 = /* @__PURE__ */ vue.createElementVNode(
-    "path",
-    {
-      fill: "currentColor",
-      d: "M512 64a32 32 0 0 1 32 32v192a32 32 0 0 1-64 0V96a32 32 0 0 1 32-32zm0 640a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V736a32 32 0 0 1 32-32zm448-192a32 32 0 0 1-32 32H736a32 32 0 1 1 0-64h192a32 32 0 0 1 32 32zm-640 0a32 32 0 0 1-32 32H96a32 32 0 0 1 0-64h192a32 32 0 0 1 32 32zM195.2 195.2a32 32 0 0 1 45.248 0L376.32 331.008a32 32 0 0 1-45.248 45.248L195.2 240.448a32 32 0 0 1 0-45.248zm452.544 452.544a32 32 0 0 1 45.248 0L828.8 783.552a32 32 0 0 1-45.248 45.248L647.744 692.992a32 32 0 0 1 0-45.248zM828.8 195.264a32 32 0 0 1 0 45.184L692.992 376.32a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0zm-452.544 452.48a32 32 0 0 1 0 45.248L240.448 828.8a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0z"
-    },
-    null,
-    -1
-    /* HOISTED */
-  ), _hoisted_3149 = [
-    _hoisted_2150
-  ];
-  function _sfc_render150(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1150, _hoisted_3149);
-  }
-  var loading_default = /* @__PURE__ */ export_helper_default(loading_vue_vue_type_script_lang_default, [["render", _sfc_render150], ["__file", "loading.vue"]]);
-
-  const epPropKey = "__epPropKey";
-  const definePropType = (val) => val;
-  const isEpProp = (val) => isObject(val) && !!val[epPropKey];
-  const buildProp = (prop, key) => {
-    if (!isObject(prop) || isEpProp(prop))
-      return prop;
-    const { values, required, default: defaultValue, type, validator } = prop;
-    const _validator = values || validator ? (val) => {
-      let valid = false;
-      let allowedValues = [];
-      if (values) {
-        allowedValues = Array.from(values);
-        if (hasOwn(prop, "default")) {
-          allowedValues.push(defaultValue);
-        }
-        valid || (valid = allowedValues.includes(val));
-      }
-      if (validator)
-        valid || (valid = validator(val));
-      if (!valid && allowedValues.length > 0) {
-        const allowValuesText = [...new Set(allowedValues)].map((value) => JSON.stringify(value)).join(", ");
-        vue.warn(`Invalid prop: validation failed${key ? ` for prop "${key}"` : ""}. Expected one of [${allowValuesText}], got value ${JSON.stringify(val)}.`);
-      }
-      return valid;
-    } : void 0;
-    const epProp = {
-      type,
-      required: !!required,
-      validator: _validator,
-      [epPropKey]: true
-    };
-    if (hasOwn(prop, "default"))
-      epProp.default = defaultValue;
-    return epProp;
-  };
-  const buildProps = (props) => fromPairs(Object.entries(props).map(([key, option]) => [
-    key,
-    buildProp(option, key)
-  ]));
-
-  const iconPropType = definePropType([
-    String,
-    Object,
-    Function
-  ]);
-
-  const withInstall = (main, extra) => {
-    main.install = (app) => {
-      for (const comp of [main, ...Object.values(extra != null ? extra : {})]) {
-        app.component(comp.name, comp);
-      }
-    };
-    if (extra) {
-      for (const [key, comp] of Object.entries(extra)) {
-        main[key] = comp;
-      }
-    }
-    return main;
-  };
-  const withNoopInstall = (component) => {
-    component.install = NOOP;
-    return component;
-  };
-
-  const componentSizes = ["", "default", "small", "large"];
-
-  const useDeprecated = ({ from, replacement, scope, version, ref, type = "API" }, condition) => {
-    vue.watch(() => vue.unref(condition), (val) => {
-      if (val) {
-        debugWarn(scope, `[${type}] ${from} is about to be deprecated in version ${version}, please use ${replacement} instead.
-For more detail, please visit: ${ref}
-`);
-      }
-    }, {
-      immediate: true
-    });
-  };
-
-  const defaultNamespace = "el";
-  const statePrefix = "is-";
-  const _bem = (namespace, block, blockSuffix, element, modifier) => {
-    let cls = `${namespace}-${block}`;
-    if (blockSuffix) {
-      cls += `-${blockSuffix}`;
-    }
-    if (element) {
-      cls += `__${element}`;
-    }
-    if (modifier) {
-      cls += `--${modifier}`;
-    }
-    return cls;
-  };
-  const namespaceContextKey = Symbol("namespaceContextKey");
-  const useGetDerivedNamespace = (namespaceOverrides) => {
-    const derivedNamespace = namespaceOverrides || vue.inject(namespaceContextKey, vue.ref(defaultNamespace));
-    const namespace = vue.computed(() => {
-      return vue.unref(derivedNamespace) || defaultNamespace;
-    });
-    return namespace;
-  };
-  const useNamespace = (block, namespaceOverrides) => {
-    const namespace = useGetDerivedNamespace(namespaceOverrides);
-    const b = (blockSuffix = "") => _bem(namespace.value, block, blockSuffix, "", "");
-    const e = (element) => element ? _bem(namespace.value, block, "", element, "") : "";
-    const m = (modifier) => modifier ? _bem(namespace.value, block, "", "", modifier) : "";
-    const be = (blockSuffix, element) => blockSuffix && element ? _bem(namespace.value, block, blockSuffix, element, "") : "";
-    const em = (element, modifier) => element && modifier ? _bem(namespace.value, block, "", element, modifier) : "";
-    const bm = (blockSuffix, modifier) => blockSuffix && modifier ? _bem(namespace.value, block, blockSuffix, "", modifier) : "";
-    const bem = (blockSuffix, element, modifier) => blockSuffix && element && modifier ? _bem(namespace.value, block, blockSuffix, element, modifier) : "";
-    const is = (name, ...args) => {
-      const state = args.length >= 1 ? args[0] : true;
-      return name && state ? `${statePrefix}${name}` : "";
-    };
-    const cssVar = (object) => {
-      const styles = {};
-      for (const key in object) {
-        if (object[key]) {
-          styles[`--${namespace.value}-${key}`] = object[key];
-        }
-      }
-      return styles;
-    };
-    const cssVarBlock = (object) => {
-      const styles = {};
-      for (const key in object) {
-        if (object[key]) {
-          styles[`--${namespace.value}-${block}-${key}`] = object[key];
-        }
-      }
-      return styles;
-    };
-    const cssVarName = (name) => `--${namespace.value}-${name}`;
-    const cssVarBlockName = (name) => `--${namespace.value}-${block}-${name}`;
-    return {
-      namespace,
-      b,
-      e,
-      m,
-      be,
-      em,
-      bm,
-      bem,
-      is,
-      cssVar,
-      cssVarName,
-      cssVarBlock,
-      cssVarBlockName
-    };
-  };
-
-  const useProp = (name) => {
-    const vm = vue.getCurrentInstance();
-    return vue.computed(() => {
-      var _a, _b;
-      return (_b = (_a = vm == null ? void 0 : vm.proxy) == null ? void 0 : _a.$props) == null ? void 0 : _b[name];
-    });
-  };
-
-  const useSizeProp = buildProp({
-    type: String,
-    values: componentSizes,
-    required: false
-  });
-  const SIZE_INJECTION_KEY = Symbol("size");
-  const useGlobalSize = () => {
-    const injectedSize = vue.inject(SIZE_INJECTION_KEY, {});
-    return vue.computed(() => {
-      return vue.unref(injectedSize.size) || "";
-    });
-  };
-
-  const configProviderContextKey = Symbol();
-
-  const globalConfig = vue.ref();
-  function useGlobalConfig(key, defaultValue = void 0) {
-    const config = vue.getCurrentInstance() ? vue.inject(configProviderContextKey, globalConfig) : globalConfig;
-    if (key) {
-      return vue.computed(() => {
-        var _a, _b;
-        return (_b = (_a = config.value) == null ? void 0 : _a[key]) != null ? _b : defaultValue;
-      });
-    } else {
-      return config;
-    }
-  }
-
-  var _export_sfc = (sfc, props) => {
-    const target = sfc.__vccOpts || sfc;
-    for (const [key, val] of props) {
-      target[key] = val;
-    }
-    return target;
-  };
-
-  const iconProps = buildProps({
-    size: {
-      type: definePropType([Number, String])
-    },
-    color: {
-      type: String
-    }
-  });
-
-  const __default__$2 = vue.defineComponent({
-    name: "ElIcon",
-    inheritAttrs: false
-  });
-  const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$2,
-    props: iconProps,
-    setup(__props) {
-      const props = __props;
-      const ns = useNamespace("icon");
-      const style = vue.computed(() => {
-        const { size, color } = props;
-        if (!size && !color)
-          return {};
-        return {
-          fontSize: isUndefined(size) ? void 0 : addUnit(size),
-          "--color": color
-        };
-      });
-      return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("i", vue.mergeProps({
-          class: vue.unref(ns).b(),
-          style: vue.unref(style)
-        }, _ctx.$attrs), [
-          vue.renderSlot(_ctx.$slots, "default")
-        ], 16);
-      };
-    }
-  });
-  var Icon = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/icon/src/icon.vue"]]);
-
-  const ElIcon = withInstall(Icon);
-
-  const formContextKey = Symbol("formContextKey");
-  const formItemContextKey = Symbol("formItemContextKey");
-
-  const useFormSize = (fallback, ignore = {}) => {
-    const emptyRef = vue.ref(void 0);
-    const size = ignore.prop ? emptyRef : useProp("size");
-    const globalConfig = ignore.global ? emptyRef : useGlobalSize();
-    const form = ignore.form ? { size: void 0 } : vue.inject(formContextKey, void 0);
-    const formItem = ignore.formItem ? { size: void 0 } : vue.inject(formItemContextKey, void 0);
-    return vue.computed(() => size.value || vue.unref(fallback) || (formItem == null ? void 0 : formItem.size) || (form == null ? void 0 : form.size) || globalConfig.value || "");
-  };
-  const useFormDisabled = (fallback) => {
-    const disabled = useProp("disabled");
-    const form = vue.inject(formContextKey, void 0);
-    return vue.computed(() => disabled.value || vue.unref(fallback) || (form == null ? void 0 : form.disabled) || false);
-  };
-
-  const useFormItem = () => {
-    const form = vue.inject(formContextKey, void 0);
-    const formItem = vue.inject(formItemContextKey, void 0);
-    return {
-      form,
-      formItem
-    };
-  };
-
-  const buttonGroupContextKey = Symbol("buttonGroupContextKey");
-
-  const useButton = (props, emit) => {
-    useDeprecated({
-      from: "type.text",
-      replacement: "link",
-      version: "3.0.0",
-      scope: "props",
-      ref: "https://element-plus.org/en-US/component/button.html#button-attributes"
-    }, vue.computed(() => props.type === "text"));
-    const buttonGroupContext = vue.inject(buttonGroupContextKey, void 0);
-    const globalConfig = useGlobalConfig("button");
-    const { form } = useFormItem();
-    const _size = useFormSize(vue.computed(() => buttonGroupContext == null ? void 0 : buttonGroupContext.size));
-    const _disabled = useFormDisabled();
-    const _ref = vue.ref();
-    const slots = vue.useSlots();
-    const _type = vue.computed(() => props.type || (buttonGroupContext == null ? void 0 : buttonGroupContext.type) || "");
-    const autoInsertSpace = vue.computed(() => {
-      var _a, _b, _c;
-      return (_c = (_b = props.autoInsertSpace) != null ? _b : (_a = globalConfig.value) == null ? void 0 : _a.autoInsertSpace) != null ? _c : false;
-    });
-    const _props = vue.computed(() => {
-      if (props.tag === "button") {
-        return {
-          ariaDisabled: _disabled.value || props.loading,
-          disabled: _disabled.value || props.loading,
-          autofocus: props.autofocus,
-          type: props.nativeType
-        };
-      }
-      return {};
-    });
-    const shouldAddSpace = vue.computed(() => {
-      var _a;
-      const defaultSlot = (_a = slots.default) == null ? void 0 : _a.call(slots);
-      if (autoInsertSpace.value && (defaultSlot == null ? void 0 : defaultSlot.length) === 1) {
-        const slot = defaultSlot[0];
-        if ((slot == null ? void 0 : slot.type) === vue.Text) {
-          const text = slot.children;
-          return /^\p{Unified_Ideograph}{2}$/u.test(text.trim());
-        }
-      }
-      return false;
-    });
-    const handleClick = (evt) => {
-      if (props.nativeType === "reset") {
-        form == null ? void 0 : form.resetFields();
-      }
-      emit("click", evt);
-    };
-    return {
-      _disabled,
-      _size,
-      _type,
-      _ref,
-      _props,
-      shouldAddSpace,
-      handleClick
-    };
-  };
-
-  const buttonTypes = [
-    "default",
-    "primary",
-    "success",
-    "warning",
-    "info",
-    "danger",
-    "text",
-    ""
-  ];
-  const buttonNativeTypes = ["button", "submit", "reset"];
-  const buttonProps = buildProps({
-    size: useSizeProp,
-    disabled: Boolean,
-    type: {
-      type: String,
-      values: buttonTypes,
-      default: ""
-    },
-    icon: {
-      type: iconPropType
-    },
-    nativeType: {
-      type: String,
-      values: buttonNativeTypes,
-      default: "button"
-    },
-    loading: Boolean,
-    loadingIcon: {
-      type: iconPropType,
-      default: () => loading_default
-    },
-    plain: Boolean,
-    text: Boolean,
-    link: Boolean,
-    bg: Boolean,
-    autofocus: Boolean,
-    round: Boolean,
-    circle: Boolean,
-    color: String,
-    dark: Boolean,
-    autoInsertSpace: {
-      type: Boolean,
-      default: void 0
-    },
-    tag: {
-      type: definePropType([String, Object]),
-      default: "button"
-    }
-  });
-  const buttonEmits = {
-    click: (evt) => evt instanceof MouseEvent
-  };
-
-  /**
-   * Take input from [0, n] and return it as [0, 1]
-   * @hidden
-   */
-  function bound01(n, max) {
-      if (isOnePointZero(n)) {
-          n = '100%';
-      }
-      var isPercent = isPercentage(n);
-      n = max === 360 ? n : Math.min(max, Math.max(0, parseFloat(n)));
-      // Automatically convert percentage into number
-      if (isPercent) {
-          n = parseInt(String(n * max), 10) / 100;
-      }
-      // Handle floating point rounding errors
-      if (Math.abs(n - max) < 0.000001) {
-          return 1;
-      }
-      // Convert into [0, 1] range if it isn't already
-      if (max === 360) {
-          // If n is a hue given in degrees,
-          // wrap around out-of-range values into [0, 360] range
-          // then convert into [0, 1].
-          n = (n < 0 ? (n % max) + max : n % max) / parseFloat(String(max));
-      }
-      else {
-          // If n not a hue given in degrees
-          // Convert into [0, 1] range if it isn't already.
-          n = (n % max) / parseFloat(String(max));
-      }
-      return n;
-  }
-  /**
-   * Force a number between 0 and 1
-   * @hidden
-   */
-  function clamp01(val) {
-      return Math.min(1, Math.max(0, val));
-  }
-  /**
-   * Need to handle 1.0 as 100%, since once it is a number, there is no difference between it and 1
-   * <http://stackoverflow.com/questions/7422072/javascript-how-to-detect-number-as-a-decimal-including-1-0>
-   * @hidden
-   */
-  function isOnePointZero(n) {
-      return typeof n === 'string' && n.indexOf('.') !== -1 && parseFloat(n) === 1;
-  }
-  /**
-   * Check to see if string passed in is a percentage
-   * @hidden
-   */
-  function isPercentage(n) {
-      return typeof n === 'string' && n.indexOf('%') !== -1;
-  }
-  /**
-   * Return a valid alpha value [0,1] with all invalid values being set to 1
-   * @hidden
-   */
-  function boundAlpha(a) {
-      a = parseFloat(a);
-      if (isNaN(a) || a < 0 || a > 1) {
-          a = 1;
-      }
-      return a;
-  }
-  /**
-   * Replace a decimal with it's percentage value
-   * @hidden
-   */
-  function convertToPercentage(n) {
-      if (n <= 1) {
-          return "".concat(Number(n) * 100, "%");
-      }
-      return n;
-  }
-  /**
-   * Force a hex value to have 2 characters
-   * @hidden
-   */
-  function pad2(c) {
-      return c.length === 1 ? '0' + c : String(c);
-  }
-
-  // `rgbToHsl`, `rgbToHsv`, `hslToRgb`, `hsvToRgb` modified from:
-  // <http://mjijackson.com/2008/02/rgb-to-hsl-and-rgb-to-hsv-color-model-conversion-algorithms-in-javascript>
-  /**
-   * Handle bounds / percentage checking to conform to CSS color spec
-   * <http://www.w3.org/TR/css3-color/>
-   * *Assumes:* r, g, b in [0, 255] or [0, 1]
-   * *Returns:* { r, g, b } in [0, 255]
-   */
-  function rgbToRgb(r, g, b) {
-      return {
-          r: bound01(r, 255) * 255,
-          g: bound01(g, 255) * 255,
-          b: bound01(b, 255) * 255,
-      };
-  }
-  /**
-   * Converts an RGB color value to HSL.
-   * *Assumes:* r, g, and b are contained in [0, 255] or [0, 1]
-   * *Returns:* { h, s, l } in [0,1]
-   */
-  function rgbToHsl(r, g, b) {
-      r = bound01(r, 255);
-      g = bound01(g, 255);
-      b = bound01(b, 255);
-      var max = Math.max(r, g, b);
-      var min = Math.min(r, g, b);
-      var h = 0;
-      var s = 0;
-      var l = (max + min) / 2;
-      if (max === min) {
-          s = 0;
-          h = 0; // achromatic
-      }
-      else {
-          var d = max - min;
-          s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
-          switch (max) {
-              case r:
-                  h = (g - b) / d + (g < b ? 6 : 0);
-                  break;
-              case g:
-                  h = (b - r) / d + 2;
-                  break;
-              case b:
-                  h = (r - g) / d + 4;
-                  break;
-          }
-          h /= 6;
-      }
-      return { h: h, s: s, l: l };
-  }
-  function hue2rgb(p, q, t) {
-      if (t < 0) {
-          t += 1;
-      }
-      if (t > 1) {
-          t -= 1;
-      }
-      if (t < 1 / 6) {
-          return p + (q - p) * (6 * t);
-      }
-      if (t < 1 / 2) {
-          return q;
-      }
-      if (t < 2 / 3) {
-          return p + (q - p) * (2 / 3 - t) * 6;
-      }
-      return p;
-  }
-  /**
-   * Converts an HSL color value to RGB.
-   *
-   * *Assumes:* h is contained in [0, 1] or [0, 360] and s and l are contained [0, 1] or [0, 100]
-   * *Returns:* { r, g, b } in the set [0, 255]
-   */
-  function hslToRgb(h, s, l) {
-      var r;
-      var g;
-      var b;
-      h = bound01(h, 360);
-      s = bound01(s, 100);
-      l = bound01(l, 100);
-      if (s === 0) {
-          // achromatic
-          g = l;
-          b = l;
-          r = l;
-      }
-      else {
-          var q = l < 0.5 ? l * (1 + s) : l + s - l * s;
-          var p = 2 * l - q;
-          r = hue2rgb(p, q, h + 1 / 3);
-          g = hue2rgb(p, q, h);
-          b = hue2rgb(p, q, h - 1 / 3);
-      }
-      return { r: r * 255, g: g * 255, b: b * 255 };
-  }
-  /**
-   * Converts an RGB color value to HSV
-   *
-   * *Assumes:* r, g, and b are contained in the set [0, 255] or [0, 1]
-   * *Returns:* { h, s, v } in [0,1]
-   */
-  function rgbToHsv(r, g, b) {
-      r = bound01(r, 255);
-      g = bound01(g, 255);
-      b = bound01(b, 255);
-      var max = Math.max(r, g, b);
-      var min = Math.min(r, g, b);
-      var h = 0;
-      var v = max;
-      var d = max - min;
-      var s = max === 0 ? 0 : d / max;
-      if (max === min) {
-          h = 0; // achromatic
-      }
-      else {
-          switch (max) {
-              case r:
-                  h = (g - b) / d + (g < b ? 6 : 0);
-                  break;
-              case g:
-                  h = (b - r) / d + 2;
-                  break;
-              case b:
-                  h = (r - g) / d + 4;
-                  break;
-          }
-          h /= 6;
-      }
-      return { h: h, s: s, v: v };
-  }
-  /**
-   * Converts an HSV color value to RGB.
-   *
-   * *Assumes:* h is contained in [0, 1] or [0, 360] and s and v are contained in [0, 1] or [0, 100]
-   * *Returns:* { r, g, b } in the set [0, 255]
-   */
-  function hsvToRgb(h, s, v) {
-      h = bound01(h, 360) * 6;
-      s = bound01(s, 100);
-      v = bound01(v, 100);
-      var i = Math.floor(h);
-      var f = h - i;
-      var p = v * (1 - s);
-      var q = v * (1 - f * s);
-      var t = v * (1 - (1 - f) * s);
-      var mod = i % 6;
-      var r = [v, q, p, p, t, v][mod];
-      var g = [t, v, v, q, p, p][mod];
-      var b = [p, p, t, v, v, q][mod];
-      return { r: r * 255, g: g * 255, b: b * 255 };
-  }
-  /**
-   * Converts an RGB color to hex
-   *
-   * Assumes r, g, and b are contained in the set [0, 255]
-   * Returns a 3 or 6 character hex
-   */
-  function rgbToHex(r, g, b, allow3Char) {
-      var hex = [
-          pad2(Math.round(r).toString(16)),
-          pad2(Math.round(g).toString(16)),
-          pad2(Math.round(b).toString(16)),
-      ];
-      // Return a 3 character hex if possible
-      if (allow3Char &&
-          hex[0].startsWith(hex[0].charAt(1)) &&
-          hex[1].startsWith(hex[1].charAt(1)) &&
-          hex[2].startsWith(hex[2].charAt(1))) {
-          return hex[0].charAt(0) + hex[1].charAt(0) + hex[2].charAt(0);
-      }
-      return hex.join('');
-  }
-  /**
-   * Converts an RGBA color plus alpha transparency to hex
-   *
-   * Assumes r, g, b are contained in the set [0, 255] and
-   * a in [0, 1]. Returns a 4 or 8 character rgba hex
-   */
-  // eslint-disable-next-line max-params
-  function rgbaToHex(r, g, b, a, allow4Char) {
-      var hex = [
-          pad2(Math.round(r).toString(16)),
-          pad2(Math.round(g).toString(16)),
-          pad2(Math.round(b).toString(16)),
-          pad2(convertDecimalToHex(a)),
-      ];
-      // Return a 4 character hex if possible
-      if (allow4Char &&
-          hex[0].startsWith(hex[0].charAt(1)) &&
-          hex[1].startsWith(hex[1].charAt(1)) &&
-          hex[2].startsWith(hex[2].charAt(1)) &&
-          hex[3].startsWith(hex[3].charAt(1))) {
-          return hex[0].charAt(0) + hex[1].charAt(0) + hex[2].charAt(0) + hex[3].charAt(0);
-      }
-      return hex.join('');
-  }
-  /** Converts a decimal to a hex value */
-  function convertDecimalToHex(d) {
-      return Math.round(parseFloat(d) * 255).toString(16);
-  }
-  /** Converts a hex value to a decimal */
-  function convertHexToDecimal(h) {
-      return parseIntFromHex(h) / 255;
-  }
-  /** Parse a base-16 hex value into a base-10 integer */
-  function parseIntFromHex(val) {
-      return parseInt(val, 16);
-  }
-  function numberInputToObject(color) {
-      return {
-          r: color >> 16,
-          g: (color & 0xff00) >> 8,
-          b: color & 0xff,
-      };
-  }
-
-  // https://github.com/bahamas10/css-color-names/blob/master/css-color-names.json
-  /**
-   * @hidden
-   */
-  var names = {
-      aliceblue: '#f0f8ff',
-      antiquewhite: '#faebd7',
-      aqua: '#00ffff',
-      aquamarine: '#7fffd4',
-      azure: '#f0ffff',
-      beige: '#f5f5dc',
-      bisque: '#ffe4c4',
-      black: '#000000',
-      blanchedalmond: '#ffebcd',
-      blue: '#0000ff',
-      blueviolet: '#8a2be2',
-      brown: '#a52a2a',
-      burlywood: '#deb887',
-      cadetblue: '#5f9ea0',
-      chartreuse: '#7fff00',
-      chocolate: '#d2691e',
-      coral: '#ff7f50',
-      cornflowerblue: '#6495ed',
-      cornsilk: '#fff8dc',
-      crimson: '#dc143c',
-      cyan: '#00ffff',
-      darkblue: '#00008b',
-      darkcyan: '#008b8b',
-      darkgoldenrod: '#b8860b',
-      darkgray: '#a9a9a9',
-      darkgreen: '#006400',
-      darkgrey: '#a9a9a9',
-      darkkhaki: '#bdb76b',
-      darkmagenta: '#8b008b',
-      darkolivegreen: '#556b2f',
-      darkorange: '#ff8c00',
-      darkorchid: '#9932cc',
-      darkred: '#8b0000',
-      darksalmon: '#e9967a',
-      darkseagreen: '#8fbc8f',
-      darkslateblue: '#483d8b',
-      darkslategray: '#2f4f4f',
-      darkslategrey: '#2f4f4f',
-      darkturquoise: '#00ced1',
-      darkviolet: '#9400d3',
-      deeppink: '#ff1493',
-      deepskyblue: '#00bfff',
-      dimgray: '#696969',
-      dimgrey: '#696969',
-      dodgerblue: '#1e90ff',
-      firebrick: '#b22222',
-      floralwhite: '#fffaf0',
-      forestgreen: '#228b22',
-      fuchsia: '#ff00ff',
-      gainsboro: '#dcdcdc',
-      ghostwhite: '#f8f8ff',
-      goldenrod: '#daa520',
-      gold: '#ffd700',
-      gray: '#808080',
-      green: '#008000',
-      greenyellow: '#adff2f',
-      grey: '#808080',
-      honeydew: '#f0fff0',
-      hotpink: '#ff69b4',
-      indianred: '#cd5c5c',
-      indigo: '#4b0082',
-      ivory: '#fffff0',
-      khaki: '#f0e68c',
-      lavenderblush: '#fff0f5',
-      lavender: '#e6e6fa',
-      lawngreen: '#7cfc00',
-      lemonchiffon: '#fffacd',
-      lightblue: '#add8e6',
-      lightcoral: '#f08080',
-      lightcyan: '#e0ffff',
-      lightgoldenrodyellow: '#fafad2',
-      lightgray: '#d3d3d3',
-      lightgreen: '#90ee90',
-      lightgrey: '#d3d3d3',
-      lightpink: '#ffb6c1',
-      lightsalmon: '#ffa07a',
-      lightseagreen: '#20b2aa',
-      lightskyblue: '#87cefa',
-      lightslategray: '#778899',
-      lightslategrey: '#778899',
-      lightsteelblue: '#b0c4de',
-      lightyellow: '#ffffe0',
-      lime: '#00ff00',
-      limegreen: '#32cd32',
-      linen: '#faf0e6',
-      magenta: '#ff00ff',
-      maroon: '#800000',
-      mediumaquamarine: '#66cdaa',
-      mediumblue: '#0000cd',
-      mediumorchid: '#ba55d3',
-      mediumpurple: '#9370db',
-      mediumseagreen: '#3cb371',
-      mediumslateblue: '#7b68ee',
-      mediumspringgreen: '#00fa9a',
-      mediumturquoise: '#48d1cc',
-      mediumvioletred: '#c71585',
-      midnightblue: '#191970',
-      mintcream: '#f5fffa',
-      mistyrose: '#ffe4e1',
-      moccasin: '#ffe4b5',
-      navajowhite: '#ffdead',
-      navy: '#000080',
-      oldlace: '#fdf5e6',
-      olive: '#808000',
-      olivedrab: '#6b8e23',
-      orange: '#ffa500',
-      orangered: '#ff4500',
-      orchid: '#da70d6',
-      palegoldenrod: '#eee8aa',
-      palegreen: '#98fb98',
-      paleturquoise: '#afeeee',
-      palevioletred: '#db7093',
-      papayawhip: '#ffefd5',
-      peachpuff: '#ffdab9',
-      peru: '#cd853f',
-      pink: '#ffc0cb',
-      plum: '#dda0dd',
-      powderblue: '#b0e0e6',
-      purple: '#800080',
-      rebeccapurple: '#663399',
-      red: '#ff0000',
-      rosybrown: '#bc8f8f',
-      royalblue: '#4169e1',
-      saddlebrown: '#8b4513',
-      salmon: '#fa8072',
-      sandybrown: '#f4a460',
-      seagreen: '#2e8b57',
-      seashell: '#fff5ee',
-      sienna: '#a0522d',
-      silver: '#c0c0c0',
-      skyblue: '#87ceeb',
-      slateblue: '#6a5acd',
-      slategray: '#708090',
-      slategrey: '#708090',
-      snow: '#fffafa',
-      springgreen: '#00ff7f',
-      steelblue: '#4682b4',
-      tan: '#d2b48c',
-      teal: '#008080',
-      thistle: '#d8bfd8',
-      tomato: '#ff6347',
-      turquoise: '#40e0d0',
-      violet: '#ee82ee',
-      wheat: '#f5deb3',
-      white: '#ffffff',
-      whitesmoke: '#f5f5f5',
-      yellow: '#ffff00',
-      yellowgreen: '#9acd32',
-  };
-
-  /* eslint-disable @typescript-eslint/no-redundant-type-constituents */
-  /**
-   * Given a string or object, convert that input to RGB
-   *
-   * Possible string inputs:
-   * ```
-   * "red"
-   * "#f00" or "f00"
-   * "#ff0000" or "ff0000"
-   * "#ff000000" or "ff000000"
-   * "rgb 255 0 0" or "rgb (255, 0, 0)"
-   * "rgb 1.0 0 0" or "rgb (1, 0, 0)"
-   * "rgba (255, 0, 0, 1)" or "rgba 255, 0, 0, 1"
-   * "rgba (1.0, 0, 0, 1)" or "rgba 1.0, 0, 0, 1"
-   * "hsl(0, 100%, 50%)" or "hsl 0 100% 50%"
-   * "hsla(0, 100%, 50%, 1)" or "hsla 0 100% 50%, 1"
-   * "hsv(0, 100%, 100%)" or "hsv 0 100% 100%"
-   * ```
-   */
-  function inputToRGB(color) {
-      var rgb = { r: 0, g: 0, b: 0 };
-      var a = 1;
-      var s = null;
-      var v = null;
-      var l = null;
-      var ok = false;
-      var format = false;
-      if (typeof color === 'string') {
-          color = stringInputToObject(color);
-      }
-      if (typeof color === 'object') {
-          if (isValidCSSUnit(color.r) && isValidCSSUnit(color.g) && isValidCSSUnit(color.b)) {
-              rgb = rgbToRgb(color.r, color.g, color.b);
-              ok = true;
-              format = String(color.r).substr(-1) === '%' ? 'prgb' : 'rgb';
-          }
-          else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.v)) {
-              s = convertToPercentage(color.s);
-              v = convertToPercentage(color.v);
-              rgb = hsvToRgb(color.h, s, v);
-              ok = true;
-              format = 'hsv';
-          }
-          else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.l)) {
-              s = convertToPercentage(color.s);
-              l = convertToPercentage(color.l);
-              rgb = hslToRgb(color.h, s, l);
-              ok = true;
-              format = 'hsl';
-          }
-          if (Object.prototype.hasOwnProperty.call(color, 'a')) {
-              a = color.a;
-          }
-      }
-      a = boundAlpha(a);
-      return {
-          ok: ok,
-          format: color.format || format,
-          r: Math.min(255, Math.max(rgb.r, 0)),
-          g: Math.min(255, Math.max(rgb.g, 0)),
-          b: Math.min(255, Math.max(rgb.b, 0)),
-          a: a,
-      };
-  }
-  // <http://www.w3.org/TR/css3-values/#integers>
-  var CSS_INTEGER = '[-\\+]?\\d+%?';
-  // <http://www.w3.org/TR/css3-values/#number-value>
-  var CSS_NUMBER = '[-\\+]?\\d*\\.\\d+%?';
-  // Allow positive/negative integer/number.  Don't capture the either/or, just the entire outcome.
-  var CSS_UNIT = "(?:".concat(CSS_NUMBER, ")|(?:").concat(CSS_INTEGER, ")");
-  // Actual matching.
-  // Parentheses and commas are optional, but not required.
-  // Whitespace can take the place of commas or opening paren
-  var PERMISSIVE_MATCH3 = "[\\s|\\(]+(".concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")\\s*\\)?");
-  var PERMISSIVE_MATCH4 = "[\\s|\\(]+(".concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")\\s*\\)?");
-  var matchers = {
-      CSS_UNIT: new RegExp(CSS_UNIT),
-      rgb: new RegExp('rgb' + PERMISSIVE_MATCH3),
-      rgba: new RegExp('rgba' + PERMISSIVE_MATCH4),
-      hsl: new RegExp('hsl' + PERMISSIVE_MATCH3),
-      hsla: new RegExp('hsla' + PERMISSIVE_MATCH4),
-      hsv: new RegExp('hsv' + PERMISSIVE_MATCH3),
-      hsva: new RegExp('hsva' + PERMISSIVE_MATCH4),
-      hex3: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
-      hex6: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,
-      hex4: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
-      hex8: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,
-  };
-  /**
-   * Permissive string parsing.  Take in a number of formats, and output an object
-   * based on detected format.  Returns `{ r, g, b }` or `{ h, s, l }` or `{ h, s, v}`
-   */
-  function stringInputToObject(color) {
-      color = color.trim().toLowerCase();
-      if (color.length === 0) {
-          return false;
-      }
-      var named = false;
-      if (names[color]) {
-          color = names[color];
-          named = true;
-      }
-      else if (color === 'transparent') {
-          return { r: 0, g: 0, b: 0, a: 0, format: 'name' };
-      }
-      // Try to match string input using regular expressions.
-      // Keep most of the number bounding out of this function - don't worry about [0,1] or [0,100] or [0,360]
-      // Just return an object and let the conversion functions handle that.
-      // This way the result will be the same whether the tinycolor is initialized with string or object.
-      var match = matchers.rgb.exec(color);
-      if (match) {
-          return { r: match[1], g: match[2], b: match[3] };
-      }
-      match = matchers.rgba.exec(color);
-      if (match) {
-          return { r: match[1], g: match[2], b: match[3], a: match[4] };
-      }
-      match = matchers.hsl.exec(color);
-      if (match) {
-          return { h: match[1], s: match[2], l: match[3] };
-      }
-      match = matchers.hsla.exec(color);
-      if (match) {
-          return { h: match[1], s: match[2], l: match[3], a: match[4] };
-      }
-      match = matchers.hsv.exec(color);
-      if (match) {
-          return { h: match[1], s: match[2], v: match[3] };
-      }
-      match = matchers.hsva.exec(color);
-      if (match) {
-          return { h: match[1], s: match[2], v: match[3], a: match[4] };
-      }
-      match = matchers.hex8.exec(color);
-      if (match) {
-          return {
-              r: parseIntFromHex(match[1]),
-              g: parseIntFromHex(match[2]),
-              b: parseIntFromHex(match[3]),
-              a: convertHexToDecimal(match[4]),
-              format: named ? 'name' : 'hex8',
-          };
-      }
-      match = matchers.hex6.exec(color);
-      if (match) {
-          return {
-              r: parseIntFromHex(match[1]),
-              g: parseIntFromHex(match[2]),
-              b: parseIntFromHex(match[3]),
-              format: named ? 'name' : 'hex',
-          };
-      }
-      match = matchers.hex4.exec(color);
-      if (match) {
-          return {
-              r: parseIntFromHex(match[1] + match[1]),
-              g: parseIntFromHex(match[2] + match[2]),
-              b: parseIntFromHex(match[3] + match[3]),
-              a: convertHexToDecimal(match[4] + match[4]),
-              format: named ? 'name' : 'hex8',
-          };
-      }
-      match = matchers.hex3.exec(color);
-      if (match) {
-          return {
-              r: parseIntFromHex(match[1] + match[1]),
-              g: parseIntFromHex(match[2] + match[2]),
-              b: parseIntFromHex(match[3] + match[3]),
-              format: named ? 'name' : 'hex',
-          };
-      }
-      return false;
-  }
-  /**
-   * Check to see if it looks like a CSS unit
-   * (see `matchers` above for definition).
-   */
-  function isValidCSSUnit(color) {
-      return Boolean(matchers.CSS_UNIT.exec(String(color)));
-  }
-
-  var TinyColor = /** @class */ (function () {
-      function TinyColor(color, opts) {
-          if (color === void 0) { color = ''; }
-          if (opts === void 0) { opts = {}; }
-          var _a;
-          // If input is already a tinycolor, return itself
-          if (color instanceof TinyColor) {
-              // eslint-disable-next-line no-constructor-return
-              return color;
-          }
-          if (typeof color === 'number') {
-              color = numberInputToObject(color);
-          }
-          this.originalInput = color;
-          var rgb = inputToRGB(color);
-          this.originalInput = color;
-          this.r = rgb.r;
-          this.g = rgb.g;
-          this.b = rgb.b;
-          this.a = rgb.a;
-          this.roundA = Math.round(100 * this.a) / 100;
-          this.format = (_a = opts.format) !== null && _a !== void 0 ? _a : rgb.format;
-          this.gradientType = opts.gradientType;
-          // Don't let the range of [0,255] come back in [0,1].
-          // Potentially lose a little bit of precision here, but will fix issues where
-          // .5 gets interpreted as half of the total, instead of half of 1
-          // If it was supposed to be 128, this was already taken care of by `inputToRgb`
-          if (this.r < 1) {
-              this.r = Math.round(this.r);
-          }
-          if (this.g < 1) {
-              this.g = Math.round(this.g);
-          }
-          if (this.b < 1) {
-              this.b = Math.round(this.b);
-          }
-          this.isValid = rgb.ok;
-      }
-      TinyColor.prototype.isDark = function () {
-          return this.getBrightness() < 128;
-      };
-      TinyColor.prototype.isLight = function () {
-          return !this.isDark();
-      };
-      /**
-       * Returns the perceived brightness of the color, from 0-255.
-       */
-      TinyColor.prototype.getBrightness = function () {
-          // http://www.w3.org/TR/AERT#color-contrast
-          var rgb = this.toRgb();
-          return (rgb.r * 299 + rgb.g * 587 + rgb.b * 114) / 1000;
-      };
-      /**
-       * Returns the perceived luminance of a color, from 0-1.
-       */
-      TinyColor.prototype.getLuminance = function () {
-          // http://www.w3.org/TR/2008/REC-WCAG20-20081211/#relativeluminancedef
-          var rgb = this.toRgb();
-          var R;
-          var G;
-          var B;
-          var RsRGB = rgb.r / 255;
-          var GsRGB = rgb.g / 255;
-          var BsRGB = rgb.b / 255;
-          if (RsRGB <= 0.03928) {
-              R = RsRGB / 12.92;
-          }
-          else {
-              // eslint-disable-next-line prefer-exponentiation-operator
-              R = Math.pow((RsRGB + 0.055) / 1.055, 2.4);
-          }
-          if (GsRGB <= 0.03928) {
-              G = GsRGB / 12.92;
-          }
-          else {
-              // eslint-disable-next-line prefer-exponentiation-operator
-              G = Math.pow((GsRGB + 0.055) / 1.055, 2.4);
-          }
-          if (BsRGB <= 0.03928) {
-              B = BsRGB / 12.92;
-          }
-          else {
-              // eslint-disable-next-line prefer-exponentiation-operator
-              B = Math.pow((BsRGB + 0.055) / 1.055, 2.4);
-          }
-          return 0.2126 * R + 0.7152 * G + 0.0722 * B;
-      };
-      /**
-       * Returns the alpha value of a color, from 0-1.
-       */
-      TinyColor.prototype.getAlpha = function () {
-          return this.a;
-      };
-      /**
-       * Sets the alpha value on the current color.
-       *
-       * @param alpha - The new alpha value. The accepted range is 0-1.
-       */
-      TinyColor.prototype.setAlpha = function (alpha) {
-          this.a = boundAlpha(alpha);
-          this.roundA = Math.round(100 * this.a) / 100;
-          return this;
-      };
-      /**
-       * Returns whether the color is monochrome.
-       */
-      TinyColor.prototype.isMonochrome = function () {
-          var s = this.toHsl().s;
-          return s === 0;
-      };
-      /**
-       * Returns the object as a HSVA object.
-       */
-      TinyColor.prototype.toHsv = function () {
-          var hsv = rgbToHsv(this.r, this.g, this.b);
-          return { h: hsv.h * 360, s: hsv.s, v: hsv.v, a: this.a };
-      };
-      /**
-       * Returns the hsva values interpolated into a string with the following format:
-       * "hsva(xxx, xxx, xxx, xx)".
-       */
-      TinyColor.prototype.toHsvString = function () {
-          var hsv = rgbToHsv(this.r, this.g, this.b);
-          var h = Math.round(hsv.h * 360);
-          var s = Math.round(hsv.s * 100);
-          var v = Math.round(hsv.v * 100);
-          return this.a === 1 ? "hsv(".concat(h, ", ").concat(s, "%, ").concat(v, "%)") : "hsva(".concat(h, ", ").concat(s, "%, ").concat(v, "%, ").concat(this.roundA, ")");
-      };
-      /**
-       * Returns the object as a HSLA object.
-       */
-      TinyColor.prototype.toHsl = function () {
-          var hsl = rgbToHsl(this.r, this.g, this.b);
-          return { h: hsl.h * 360, s: hsl.s, l: hsl.l, a: this.a };
-      };
-      /**
-       * Returns the hsla values interpolated into a string with the following format:
-       * "hsla(xxx, xxx, xxx, xx)".
-       */
-      TinyColor.prototype.toHslString = function () {
-          var hsl = rgbToHsl(this.r, this.g, this.b);
-          var h = Math.round(hsl.h * 360);
-          var s = Math.round(hsl.s * 100);
-          var l = Math.round(hsl.l * 100);
-          return this.a === 1 ? "hsl(".concat(h, ", ").concat(s, "%, ").concat(l, "%)") : "hsla(".concat(h, ", ").concat(s, "%, ").concat(l, "%, ").concat(this.roundA, ")");
-      };
-      /**
-       * Returns the hex value of the color.
-       * @param allow3Char will shorten hex value to 3 char if possible
-       */
-      TinyColor.prototype.toHex = function (allow3Char) {
-          if (allow3Char === void 0) { allow3Char = false; }
-          return rgbToHex(this.r, this.g, this.b, allow3Char);
-      };
-      /**
-       * Returns the hex value of the color -with a # prefixed.
-       * @param allow3Char will shorten hex value to 3 char if possible
-       */
-      TinyColor.prototype.toHexString = function (allow3Char) {
-          if (allow3Char === void 0) { allow3Char = false; }
-          return '#' + this.toHex(allow3Char);
-      };
-      /**
-       * Returns the hex 8 value of the color.
-       * @param allow4Char will shorten hex value to 4 char if possible
-       */
-      TinyColor.prototype.toHex8 = function (allow4Char) {
-          if (allow4Char === void 0) { allow4Char = false; }
-          return rgbaToHex(this.r, this.g, this.b, this.a, allow4Char);
-      };
-      /**
-       * Returns the hex 8 value of the color -with a # prefixed.
-       * @param allow4Char will shorten hex value to 4 char if possible
-       */
-      TinyColor.prototype.toHex8String = function (allow4Char) {
-          if (allow4Char === void 0) { allow4Char = false; }
-          return '#' + this.toHex8(allow4Char);
-      };
-      /**
-       * Returns the shorter hex value of the color depends on its alpha -with a # prefixed.
-       * @param allowShortChar will shorten hex value to 3 or 4 char if possible
-       */
-      TinyColor.prototype.toHexShortString = function (allowShortChar) {
-          if (allowShortChar === void 0) { allowShortChar = false; }
-          return this.a === 1 ? this.toHexString(allowShortChar) : this.toHex8String(allowShortChar);
-      };
-      /**
-       * Returns the object as a RGBA object.
-       */
-      TinyColor.prototype.toRgb = function () {
-          return {
-              r: Math.round(this.r),
-              g: Math.round(this.g),
-              b: Math.round(this.b),
-              a: this.a,
-          };
-      };
-      /**
-       * Returns the RGBA values interpolated into a string with the following format:
-       * "RGBA(xxx, xxx, xxx, xx)".
-       */
-      TinyColor.prototype.toRgbString = function () {
-          var r = Math.round(this.r);
-          var g = Math.round(this.g);
-          var b = Math.round(this.b);
-          return this.a === 1 ? "rgb(".concat(r, ", ").concat(g, ", ").concat(b, ")") : "rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(this.roundA, ")");
-      };
-      /**
-       * Returns the object as a RGBA object.
-       */
-      TinyColor.prototype.toPercentageRgb = function () {
-          var fmt = function (x) { return "".concat(Math.round(bound01(x, 255) * 100), "%"); };
-          return {
-              r: fmt(this.r),
-              g: fmt(this.g),
-              b: fmt(this.b),
-              a: this.a,
-          };
-      };
-      /**
-       * Returns the RGBA relative values interpolated into a string
-       */
-      TinyColor.prototype.toPercentageRgbString = function () {
-          var rnd = function (x) { return Math.round(bound01(x, 255) * 100); };
-          return this.a === 1
-              ? "rgb(".concat(rnd(this.r), "%, ").concat(rnd(this.g), "%, ").concat(rnd(this.b), "%)")
-              : "rgba(".concat(rnd(this.r), "%, ").concat(rnd(this.g), "%, ").concat(rnd(this.b), "%, ").concat(this.roundA, ")");
-      };
-      /**
-       * The 'real' name of the color -if there is one.
-       */
-      TinyColor.prototype.toName = function () {
-          if (this.a === 0) {
-              return 'transparent';
-          }
-          if (this.a < 1) {
-              return false;
-          }
-          var hex = '#' + rgbToHex(this.r, this.g, this.b, false);
-          for (var _i = 0, _a = Object.entries(names); _i < _a.length; _i++) {
-              var _b = _a[_i], key = _b[0], value = _b[1];
-              if (hex === value) {
-                  return key;
-              }
-          }
-          return false;
-      };
-      TinyColor.prototype.toString = function (format) {
-          var formatSet = Boolean(format);
-          format = format !== null && format !== void 0 ? format : this.format;
-          var formattedString = false;
-          var hasAlpha = this.a < 1 && this.a >= 0;
-          var needsAlphaFormat = !formatSet && hasAlpha && (format.startsWith('hex') || format === 'name');
-          if (needsAlphaFormat) {
-              // Special case for "transparent", all other non-alpha formats
-              // will return rgba when there is transparency.
-              if (format === 'name' && this.a === 0) {
-                  return this.toName();
-              }
-              return this.toRgbString();
-          }
-          if (format === 'rgb') {
-              formattedString = this.toRgbString();
-          }
-          if (format === 'prgb') {
-              formattedString = this.toPercentageRgbString();
-          }
-          if (format === 'hex' || format === 'hex6') {
-              formattedString = this.toHexString();
-          }
-          if (format === 'hex3') {
-              formattedString = this.toHexString(true);
-          }
-          if (format === 'hex4') {
-              formattedString = this.toHex8String(true);
-          }
-          if (format === 'hex8') {
-              formattedString = this.toHex8String();
-          }
-          if (format === 'name') {
-              formattedString = this.toName();
-          }
-          if (format === 'hsl') {
-              formattedString = this.toHslString();
-          }
-          if (format === 'hsv') {
-              formattedString = this.toHsvString();
-          }
-          return formattedString || this.toHexString();
-      };
-      TinyColor.prototype.toNumber = function () {
-          return (Math.round(this.r) << 16) + (Math.round(this.g) << 8) + Math.round(this.b);
-      };
-      TinyColor.prototype.clone = function () {
-          return new TinyColor(this.toString());
-      };
-      /**
-       * Lighten the color a given amount. Providing 100 will always return white.
-       * @param amount - valid between 1-100
-       */
-      TinyColor.prototype.lighten = function (amount) {
-          if (amount === void 0) { amount = 10; }
-          var hsl = this.toHsl();
-          hsl.l += amount / 100;
-          hsl.l = clamp01(hsl.l);
-          return new TinyColor(hsl);
-      };
-      /**
-       * Brighten the color a given amount, from 0 to 100.
-       * @param amount - valid between 1-100
-       */
-      TinyColor.prototype.brighten = function (amount) {
-          if (amount === void 0) { amount = 10; }
-          var rgb = this.toRgb();
-          rgb.r = Math.max(0, Math.min(255, rgb.r - Math.round(255 * -(amount / 100))));
-          rgb.g = Math.max(0, Math.min(255, rgb.g - Math.round(255 * -(amount / 100))));
-          rgb.b = Math.max(0, Math.min(255, rgb.b - Math.round(255 * -(amount / 100))));
-          return new TinyColor(rgb);
-      };
-      /**
-       * Darken the color a given amount, from 0 to 100.
-       * Providing 100 will always return black.
-       * @param amount - valid between 1-100
-       */
-      TinyColor.prototype.darken = function (amount) {
-          if (amount === void 0) { amount = 10; }
-          var hsl = this.toHsl();
-          hsl.l -= amount / 100;
-          hsl.l = clamp01(hsl.l);
-          return new TinyColor(hsl);
-      };
-      /**
-       * Mix the color with pure white, from 0 to 100.
-       * Providing 0 will do nothing, providing 100 will always return white.
-       * @param amount - valid between 1-100
-       */
-      TinyColor.prototype.tint = function (amount) {
-          if (amount === void 0) { amount = 10; }
-          return this.mix('white', amount);
-      };
-      /**
-       * Mix the color with pure black, from 0 to 100.
-       * Providing 0 will do nothing, providing 100 will always return black.
-       * @param amount - valid between 1-100
-       */
-      TinyColor.prototype.shade = function (amount) {
-          if (amount === void 0) { amount = 10; }
-          return this.mix('black', amount);
-      };
-      /**
-       * Desaturate the color a given amount, from 0 to 100.
-       * Providing 100 will is the same as calling greyscale
-       * @param amount - valid between 1-100
-       */
-      TinyColor.prototype.desaturate = function (amount) {
-          if (amount === void 0) { amount = 10; }
-          var hsl = this.toHsl();
-          hsl.s -= amount / 100;
-          hsl.s = clamp01(hsl.s);
-          return new TinyColor(hsl);
-      };
-      /**
-       * Saturate the color a given amount, from 0 to 100.
-       * @param amount - valid between 1-100
-       */
-      TinyColor.prototype.saturate = function (amount) {
-          if (amount === void 0) { amount = 10; }
-          var hsl = this.toHsl();
-          hsl.s += amount / 100;
-          hsl.s = clamp01(hsl.s);
-          return new TinyColor(hsl);
-      };
-      /**
-       * Completely desaturates a color into greyscale.
-       * Same as calling `desaturate(100)`
-       */
-      TinyColor.prototype.greyscale = function () {
-          return this.desaturate(100);
-      };
-      /**
-       * Spin takes a positive or negative amount within [-360, 360] indicating the change of hue.
-       * Values outside of this range will be wrapped into this range.
-       */
-      TinyColor.prototype.spin = function (amount) {
-          var hsl = this.toHsl();
-          var hue = (hsl.h + amount) % 360;
-          hsl.h = hue < 0 ? 360 + hue : hue;
-          return new TinyColor(hsl);
-      };
-      /**
-       * Mix the current color a given amount with another color, from 0 to 100.
-       * 0 means no mixing (return current color).
-       */
-      TinyColor.prototype.mix = function (color, amount) {
-          if (amount === void 0) { amount = 50; }
-          var rgb1 = this.toRgb();
-          var rgb2 = new TinyColor(color).toRgb();
-          var p = amount / 100;
-          var rgba = {
-              r: (rgb2.r - rgb1.r) * p + rgb1.r,
-              g: (rgb2.g - rgb1.g) * p + rgb1.g,
-              b: (rgb2.b - rgb1.b) * p + rgb1.b,
-              a: (rgb2.a - rgb1.a) * p + rgb1.a,
-          };
-          return new TinyColor(rgba);
-      };
-      TinyColor.prototype.analogous = function (results, slices) {
-          if (results === void 0) { results = 6; }
-          if (slices === void 0) { slices = 30; }
-          var hsl = this.toHsl();
-          var part = 360 / slices;
-          var ret = [this];
-          for (hsl.h = (hsl.h - ((part * results) >> 1) + 720) % 360; --results;) {
-              hsl.h = (hsl.h + part) % 360;
-              ret.push(new TinyColor(hsl));
-          }
-          return ret;
-      };
-      /**
-       * taken from https://github.com/infusion/jQuery-xcolor/blob/master/jquery.xcolor.js
-       */
-      TinyColor.prototype.complement = function () {
-          var hsl = this.toHsl();
-          hsl.h = (hsl.h + 180) % 360;
-          return new TinyColor(hsl);
-      };
-      TinyColor.prototype.monochromatic = function (results) {
-          if (results === void 0) { results = 6; }
-          var hsv = this.toHsv();
-          var h = hsv.h;
-          var s = hsv.s;
-          var v = hsv.v;
-          var res = [];
-          var modification = 1 / results;
-          while (results--) {
-              res.push(new TinyColor({ h: h, s: s, v: v }));
-              v = (v + modification) % 1;
-          }
-          return res;
-      };
-      TinyColor.prototype.splitcomplement = function () {
-          var hsl = this.toHsl();
-          var h = hsl.h;
-          return [
-              this,
-              new TinyColor({ h: (h + 72) % 360, s: hsl.s, l: hsl.l }),
-              new TinyColor({ h: (h + 216) % 360, s: hsl.s, l: hsl.l }),
-          ];
-      };
-      /**
-       * Compute how the color would appear on a background
-       */
-      TinyColor.prototype.onBackground = function (background) {
-          var fg = this.toRgb();
-          var bg = new TinyColor(background).toRgb();
-          var alpha = fg.a + bg.a * (1 - fg.a);
-          return new TinyColor({
-              r: (fg.r * fg.a + bg.r * bg.a * (1 - fg.a)) / alpha,
-              g: (fg.g * fg.a + bg.g * bg.a * (1 - fg.a)) / alpha,
-              b: (fg.b * fg.a + bg.b * bg.a * (1 - fg.a)) / alpha,
-              a: alpha,
-          });
-      };
-      /**
-       * Alias for `polyad(3)`
-       */
-      TinyColor.prototype.triad = function () {
-          return this.polyad(3);
-      };
-      /**
-       * Alias for `polyad(4)`
-       */
-      TinyColor.prototype.tetrad = function () {
-          return this.polyad(4);
-      };
-      /**
-       * Get polyad colors, like (for 1, 2, 3, 4, 5, 6, 7, 8, etc...)
-       * monad, dyad, triad, tetrad, pentad, hexad, heptad, octad, etc...
-       */
-      TinyColor.prototype.polyad = function (n) {
-          var hsl = this.toHsl();
-          var h = hsl.h;
-          var result = [this];
-          var increment = 360 / n;
-          for (var i = 1; i < n; i++) {
-              result.push(new TinyColor({ h: (h + i * increment) % 360, s: hsl.s, l: hsl.l }));
-          }
-          return result;
-      };
-      /**
-       * compare color vs current color
-       */
-      TinyColor.prototype.equals = function (color) {
-          return this.toRgbString() === new TinyColor(color).toRgbString();
-      };
-      return TinyColor;
-  }());
-
-  function darken(color, amount = 20) {
-    return color.mix("#141414", amount).toString();
-  }
-  function useButtonCustomStyle(props) {
-    const _disabled = useFormDisabled();
-    const ns = useNamespace("button");
-    return vue.computed(() => {
-      let styles = {};
-      const buttonColor = props.color;
-      if (buttonColor) {
-        const color = new TinyColor(buttonColor);
-        const activeBgColor = props.dark ? color.tint(20).toString() : darken(color, 20);
-        if (props.plain) {
-          styles = ns.cssVarBlock({
-            "bg-color": props.dark ? darken(color, 90) : color.tint(90).toString(),
-            "text-color": buttonColor,
-            "border-color": props.dark ? darken(color, 50) : color.tint(50).toString(),
-            "hover-text-color": `var(${ns.cssVarName("color-white")})`,
-            "hover-bg-color": buttonColor,
-            "hover-border-color": buttonColor,
-            "active-bg-color": activeBgColor,
-            "active-text-color": `var(${ns.cssVarName("color-white")})`,
-            "active-border-color": activeBgColor
-          });
-          if (_disabled.value) {
-            styles[ns.cssVarBlockName("disabled-bg-color")] = props.dark ? darken(color, 90) : color.tint(90).toString();
-            styles[ns.cssVarBlockName("disabled-text-color")] = props.dark ? darken(color, 50) : color.tint(50).toString();
-            styles[ns.cssVarBlockName("disabled-border-color")] = props.dark ? darken(color, 80) : color.tint(80).toString();
-          }
-        } else {
-          const hoverBgColor = props.dark ? darken(color, 30) : color.tint(30).toString();
-          const textColor = color.isDark() ? `var(${ns.cssVarName("color-white")})` : `var(${ns.cssVarName("color-black")})`;
-          styles = ns.cssVarBlock({
-            "bg-color": buttonColor,
-            "text-color": textColor,
-            "border-color": buttonColor,
-            "hover-bg-color": hoverBgColor,
-            "hover-text-color": textColor,
-            "hover-border-color": hoverBgColor,
-            "active-bg-color": activeBgColor,
-            "active-border-color": activeBgColor
-          });
-          if (_disabled.value) {
-            const disabledButtonColor = props.dark ? darken(color, 50) : color.tint(50).toString();
-            styles[ns.cssVarBlockName("disabled-bg-color")] = disabledButtonColor;
-            styles[ns.cssVarBlockName("disabled-text-color")] = props.dark ? "rgba(255, 255, 255, 0.5)" : `var(${ns.cssVarName("color-white")})`;
-            styles[ns.cssVarBlockName("disabled-border-color")] = disabledButtonColor;
-          }
-        }
-      }
-      return styles;
-    });
-  }
-
-  const __default__$1 = vue.defineComponent({
-    name: "ElButton"
-  });
-  const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1,
-    props: buttonProps,
-    emits: buttonEmits,
-    setup(__props, { expose, emit }) {
-      const props = __props;
-      const buttonStyle = useButtonCustomStyle(props);
-      const ns = useNamespace("button");
-      const { _ref, _size, _type, _disabled, _props, shouldAddSpace, handleClick } = useButton(props, emit);
-      expose({
-        ref: _ref,
-        size: _size,
-        type: _type,
-        disabled: _disabled,
-        shouldAddSpace
-      });
-      return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.tag), vue.mergeProps({
-          ref_key: "_ref",
-          ref: _ref
-        }, vue.unref(_props), {
-          class: [
-            vue.unref(ns).b(),
-            vue.unref(ns).m(vue.unref(_type)),
-            vue.unref(ns).m(vue.unref(_size)),
-            vue.unref(ns).is("disabled", vue.unref(_disabled)),
-            vue.unref(ns).is("loading", _ctx.loading),
-            vue.unref(ns).is("plain", _ctx.plain),
-            vue.unref(ns).is("round", _ctx.round),
-            vue.unref(ns).is("circle", _ctx.circle),
-            vue.unref(ns).is("text", _ctx.text),
-            vue.unref(ns).is("link", _ctx.link),
-            vue.unref(ns).is("has-bg", _ctx.bg)
-          ],
-          style: vue.unref(buttonStyle),
-          onClick: vue.unref(handleClick)
-        }), {
-          default: vue.withCtx(() => [
-            _ctx.loading ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-              _ctx.$slots.loading ? vue.renderSlot(_ctx.$slots, "loading", { key: 0 }) : (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
-                key: 1,
-                class: vue.normalizeClass(vue.unref(ns).is("loading"))
-              }, {
-                default: vue.withCtx(() => [
-                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.loadingIcon)))
-                ]),
-                _: 1
-              }, 8, ["class"]))
-            ], 64)) : _ctx.icon || _ctx.$slots.icon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), { key: 1 }, {
-              default: vue.withCtx(() => [
-                _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon), { key: 0 })) : vue.renderSlot(_ctx.$slots, "icon", { key: 1 })
-              ]),
-              _: 3
-            })) : vue.createCommentVNode("v-if", true),
-            _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("span", {
-              key: 2,
-              class: vue.normalizeClass({ [vue.unref(ns).em("text", "expand")]: vue.unref(shouldAddSpace) })
-            }, [
-              vue.renderSlot(_ctx.$slots, "default")
-            ], 2)) : vue.createCommentVNode("v-if", true)
-          ]),
-          _: 3
-        }, 16, ["class", "style", "onClick"]);
-      };
-    }
-  });
-  var Button = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/button/src/button.vue"]]);
-
-  const buttonGroupProps = {
-    size: buttonProps.size,
-    type: buttonProps.type
-  };
-
-  const __default__ = vue.defineComponent({
-    name: "ElButtonGroup"
-  });
-  const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-    ...__default__,
-    props: buttonGroupProps,
-    setup(__props) {
-      const props = __props;
-      vue.provide(buttonGroupContextKey, vue.reactive({
-        size: vue.toRef(props, "size"),
-        type: vue.toRef(props, "type")
-      }));
-      const ns = useNamespace("button");
-      return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", {
-          class: vue.normalizeClass(`${vue.unref(ns).b("group")}`)
-        }, [
-          vue.renderSlot(_ctx.$slots, "default")
-        ], 2);
-      };
-    }
-  });
-  var ButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/button/src/button-group.vue"]]);
-
-  const ElButton = withInstall(Button, {
-    ButtonGroup
-  });
-  withNoopInstall(ButtonGroup);
-
-  var script = vue.defineComponent({
-      name: 'RxButton',
-      components: {
-          ElButton
-      },
-      props: RxButtonProps,
-      setup() {
-          return {};
-      }
-  });
-
-  const _hoisted_1 = /*#__PURE__*/vue.createTextVNode("我我我");
-
-  function render(_ctx, _cache, $props, $setup, $data, $options) {
-    const _component_el_button = vue.resolveComponent("el-button");
-
-    return (vue.openBlock(), vue.createBlock(_component_el_button, null, {
-      default: vue.withCtx(() => [
-        _hoisted_1
-      ]),
-      _: 1 /* STABLE */
-    }))
-  }
-
-  script.render = render;
-  script.__file = "packages/components/RxButton/src/index.vue";
-
-  const RxButton = withInstall$1(script);
-
-  var components = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    RxButton: RxButton
-  });
-
-  const install = (app) => {
-      Object.entries(components).forEach(([name, component]) => {
-          app.component(name, component);
-      });
-  };
-  var index = {
-      install
-  };
-
-  exports.RxButton = RxButton;
-  exports["default"] = index;
-
-  Object.defineProperty(exports, '__esModule', { value: true });
-
-}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("element-plus"),require("element-plus/dist/index.css"),require("@element-plus/icons-vue"),require("vue"),require("vue-types"),require("moment")):"function"==typeof define&&define.amd?define(["exports","element-plus","element-plus/dist/index.css","@element-plus/icons-vue","vue","vue-types","moment"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).QiUiPlus={},e.ElementPlus,null,e.ElementPlusIconsVue,e.Vue,e.vueTypes,e.moment)}(this,(function(e,t,n,o,r,a,l){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var u=i(t),c=s(o),d=i(l);const p=e=>(e.install=function(t){t.component(e.name,e)},e);class f{static get any(){return a.toValidableType("any",{default:void 0})}static get bool(){return a.toValidableType("boolean",{type:Boolean,default:void 0})}static get string(){return a.toValidableType("string",{type:String,default:void 0})}static get number(){return a.toValidableType("number",{type:Number,default:void 0})}static get integer(){return a.toValidableType("integer",{type:Number,validator:e=>Number.isInteger(e),default:void 0})}static get symbol(){return a.toType("symbol",{validator:e=>"symbol"==typeof e,default:void 0})}static object(){return a.object()}static func(){return a.func()}static array(){return a.array()}static oneOfType(e){const t=a.oneOfType(e);return t.default=void 0,t}static oneOf(e){return a.oneOf(e)}static get vNode(){return a.toValidableType("vNode",{type:Object,validator:e=>r.isVNode(e)})}static maxLength(e){return a.toValidableType("maxLength",{type:String,validator:t=>t.length<=e})}static minLength(e){return a.toValidableType("minLength",{type:String,validator:t=>t.length>=e})}static max(e){return a.toValidableType("max",{type:Number,validator:t=>t<=e})}static min(e){return a.toValidableType("min",{type:Number,validator:t=>t>=e})}static range(e,t){return a.toValidableType("range",{type:Number,validator:n=>n>=e&&n<=t})}static emit(){return a.oneOfType([a.func(),a.array()])}}f.custom=a.custom,f.instanceOf=a.instanceOf,f.arrayOf=a.arrayOf,f.objectOf=a.objectOf,f.shape=a.shape,f.oneOfType([String,Number,Symbol]);const m={color:f.string,mode:f.oneOf(["primary","default","dashed","text","link"]),danger:f.bool,ghost:f.bool,disabled:f.bool,loading:f.bool,size:f.oneOf(["lg","xl","md","sm","xs"]),shape:f.oneOf(["circle","round"]),block:f.bool,icon:f.string,type:f.oneOf(["button","submit","reset"]).def("button")};var b=r.defineComponent({name:"QiIcon",props:m,setup:e=>({style:r.computed((()=>e.size||e.color?Object.assign(Object.assign({},e.size?{"font-size":e.size+"px"}:{}),e.color?{color:e.color}:{}):{}))})});b.render=function(e,t,n,o,a,l){return r.openBlock(),r.createElementBlock("i",{class:"qi-icon",style:r.normalizeStyle(e.style)},[r.renderSlot(e.$slots,"default")],4)},b.__file="packages/components/icon/src/icon.vue";const y=p(b),g={mode:f.oneOf(["primary","default","dashed","text","link"]),danger:f.bool,ghost:f.bool,disabled:f.bool,loading:f.bool,size:f.oneOf(["lg","xl","md","sm","xs"]),shape:f.oneOf(["circle","round"]),block:f.bool,icon:f.string,type:f.oneOf(["button","submit","reset"]).def("button")};var v=r.defineComponent({name:"QiDate",props:g,setup:e=>({now:d.default().format("LLLL")})});const O={class:"w-[100px] h-[100px] bg-red-500"};v.render=function(e,t,n,o,a,l){return r.openBlock(),r.createElementBlock("div",O,r.toDisplayString(e.now),1)},v.__file="packages/components/date/src/date.vue";const x=p(v),h={type:String};var j=r.defineComponent({name:"RxButton",components:{ElButton:t.ElButton},props:h,setup:()=>({})});j.render=function(e,t,n,o,a,l){const i=r.resolveComponent("el-button");return r.openBlock(),r.createBlock(i,r.mergeProps({...e.$attrs,...e.$props},{class:"rx-button"}),{default:r.withCtx((()=>[r.renderSlot(e.$slots,"default")])),_:3},16)},j.__file="packages/components/RxButton/src/RxButton.vue";const T=p(j),_=[y,x];var k={install:function(e){_.forEach((t=>{e.component(t.name,t)})),e.use(u.default),Object.entries(c).forEach((([t,n])=>{e.component(t,n)}))}},B=Object.freeze({__proto__:null,default:k,QiIcon:y,QiDate:x,RxButton:T});var V={install:e=>{Object.entries(B).forEach((([t,n])=>{e.component(t,n)})),e.use(u.default),Object.entries(c).forEach((([t,n])=>{e.component(t,n)}))}};e.QiDate=x,e.QiIcon=y,e.RxButton=T,e.default=V,Object.defineProperty(e,"__esModule",{value:!0})}));