@varlet/ui 2.16.7 → 2.16.8-alpha.1695118057982

package/es/result/Result.mjs

@@ -1,49 +1,97 @@
-import Info from './Info.mjs';
-import Error from './Error.mjs';
-import Warning from './Warning.mjs';
-import Success from './Success.mjs';
-import Question from './Question.mjs';
-import Empty from './Empty.mjs';
-import { computed, defineComponent } from 'vue';
-import { toNumber } from '@varlet/shared';
-import { props } from './props.mjs';
-import { createNamespace } from '../utils/components.mjs';
-import { toPxNum, toSizeUnit } from '../utils/elements.mjs';
-var {
-  name,
-  n,
-  classes
-} = createNamespace('result');
+import Info from "./Info.mjs";
+import Error from "./Error.mjs";
+import Warning from "./Warning.mjs";
+import Success from "./Success.mjs";
+import Question from "./Question.mjs";
+import Empty from "./Empty.mjs";
+import { computed, defineComponent } from "vue";
+import { toNumber } from "@varlet/shared";
+import { props } from "./props.mjs";
+import { createNamespace } from "../utils/components.mjs";
+import { toPxNum, toSizeUnit } from "../utils/elements.mjs";
+const { name, n, classes } = createNamespace("result");
 import { renderSlot as _renderSlot, resolveDynamicComponent as _resolveDynamicComponent, openBlock as _openBlock, createBlock as _createBlock, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString } from "vue";
 function __render__(_ctx, _cache) {
-  return _openBlock(), _createElementBlock("div", {
-    class: _normalizeClass(_ctx.classes(_ctx.n(), _ctx.n('$--box')))
-  }, [_renderSlot(_ctx.$slots, "image", {}, () => [_ctx.type ? (_openBlock(), _createElementBlock("div", {
-    key: 0,
-    class: _normalizeClass(_ctx.n('image-container'))
-  }, [_createElementVNode("div", {
-    class: _normalizeClass(_ctx.classes(_ctx.n('image'), _ctx.n(_ctx.type))),
-    style: _normalizeStyle({
-      width: _ctx.circleSize,
-      height: _ctx.circleSize,
-      borderWidth: _ctx.borderSize
-    })
-  }, [(_openBlock(), _createBlock(_resolveDynamicComponent(_ctx.type), {
-    "border-size": _ctx.borderSize,
-    animation: _ctx.animation
-  }, null, 8 /* PROPS */, ["border-size", "animation"]))], 6 /* CLASS, STYLE */)], 2 /* CLASS */)) : _createCommentVNode("v-if", true)]), _renderSlot(_ctx.$slots, "title", {}, () => [_ctx.title ? (_openBlock(), _createElementBlock("div", {
-    key: 0,
-    class: _normalizeClass(_ctx.n('title'))
-  }, _toDisplayString(_ctx.title), 3 /* TEXT, CLASS */)) : _createCommentVNode("v-if", true)]), _renderSlot(_ctx.$slots, "description", {}, () => [_ctx.description ? (_openBlock(), _createElementBlock("div", {
-    key: 0,
-    class: _normalizeClass(_ctx.n('description'))
-  }, _toDisplayString(_ctx.description), 3 /* TEXT, CLASS */)) : _createCommentVNode("v-if", true)]), _ctx.$slots.footer ? (_openBlock(), _createElementBlock("div", {
-    key: 0,
-    class: _normalizeClass(_ctx.n('footer'))
-  }, [_renderSlot(_ctx.$slots, "footer")], 2 /* CLASS */)) : _createCommentVNode("v-if", true)], 2 /* CLASS */);
+  return _openBlock(), _createElementBlock(
+    "div",
+    {
+      class: _normalizeClass(_ctx.classes(_ctx.n(), _ctx.n("$--box")))
+    },
+    [
+      _renderSlot(_ctx.$slots, "image", {}, () => [
+        _ctx.type ? (_openBlock(), _createElementBlock(
+          "div",
+          {
+            key: 0,
+            class: _normalizeClass(_ctx.n("image-container"))
+          },
+          [
+            _createElementVNode(
+              "div",
+              {
+                class: _normalizeClass(_ctx.classes(_ctx.n("image"), _ctx.n(_ctx.type))),
+                style: _normalizeStyle({
+                  width: _ctx.circleSize,
+                  height: _ctx.circleSize,
+                  borderWidth: _ctx.borderSize
+                })
+              },
+              [
+                (_openBlock(), _createBlock(_resolveDynamicComponent(_ctx.type), {
+                  "border-size": _ctx.borderSize,
+                  animation: _ctx.animation
+                }, null, 8, ["border-size", "animation"]))
+              ],
+              6
+              /* CLASS, STYLE */
+            )
+          ],
+          2
+          /* CLASS */
+        )) : _createCommentVNode("v-if", true)
+      ]),
+      _renderSlot(_ctx.$slots, "title", {}, () => [
+        _ctx.title ? (_openBlock(), _createElementBlock(
+          "div",
+          {
+            key: 0,
+            class: _normalizeClass(_ctx.n("title"))
+          },
+          _toDisplayString(_ctx.title),
+          3
+          /* TEXT, CLASS */
+        )) : _createCommentVNode("v-if", true)
+      ]),
+      _renderSlot(_ctx.$slots, "description", {}, () => [
+        _ctx.description ? (_openBlock(), _createElementBlock(
+          "div",
+          {
+            key: 0,
+            class: _normalizeClass(_ctx.n("description"))
+          },
+          _toDisplayString(_ctx.description),
+          3
+          /* TEXT, CLASS */
+        )) : _createCommentVNode("v-if", true)
+      ]),
+      _ctx.$slots.footer ? (_openBlock(), _createElementBlock(
+        "div",
+        {
+          key: 0,
+          class: _normalizeClass(_ctx.n("footer"))
+        },
+        [
+          _renderSlot(_ctx.$slots, "footer")
+        ],
+        2
+        /* CLASS */
+      )) : _createCommentVNode("v-if", true)
+    ],
+    2
+    /* CLASS */
+  );
 }
-
-var __sfc__ = defineComponent({
+const __sfc__ = defineComponent({
   name,
   components: {
     Info,
@@ -54,18 +102,14 @@ var __sfc__ = defineComponent({
     Empty
   },
   props,
-  setup(props) {
-    var circleSize = computed(() => {
-      var {
-        imageSize
-      } = props;
-      return "calc(" + (imageSize ? toSizeUnit(imageSize) : 'var(--result-image-size)') + " * 0.9)";
+  setup(props2) {
+    const circleSize = computed(() => {
+      const { imageSize } = props2;
+      return `calc(${imageSize ? toSizeUnit(imageSize) : "var(--result-image-size)"} * 0.9)`;
     });
-    var borderSize = computed(() => {
-      var {
-        imageSize
-      } = props;
-      return "calc(" + (imageSize ? toSizeUnit(props.imageSize) : 'var(--result-image-size)') + " * 0.05)";
+    const borderSize = computed(() => {
+      const { imageSize } = props2;
+      return `calc(${imageSize ? toSizeUnit(props2.imageSize) : "var(--result-image-size)"} * 0.05)`;
     });
     return {
       circleSize,
@@ -79,4 +123,7 @@ var __sfc__ = defineComponent({
   }
 });
 __sfc__.render = __render__;
-export default __sfc__;
+var stdin_default = __sfc__;
+export {
+  stdin_default as default
+};

package/es/result/Success.mjs

@@ -1,45 +1,86 @@
-import { defineComponent } from 'vue';
-import { createNamespace } from '../utils/components.mjs';
-import { toNumber } from '@varlet/shared';
-var {
-  n,
-  classes
-} = createNamespace('result');
+import { defineComponent } from "vue";
+import { createNamespace } from "../utils/components.mjs";
+import { toNumber } from "@varlet/shared";
+const { n, classes } = createNamespace("result");
 import { normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, normalizeStyle as _normalizeStyle, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
 function __render__(_ctx, _cache) {
-  return _openBlock(), _createElementBlock(_Fragment, null, [_createElementVNode("span", {
-    class: _normalizeClass(_ctx.n('success-cover-left'))
-  }, null, 2 /* CLASS */), _createElementVNode("span", {
-    class: _normalizeClass(_ctx.classes(_ctx.n('success-line'), _ctx.n('success-line-tip'))),
-    style: _normalizeStyle({
-      animationDuration: _ctx.animation ? "760ms" : '0ms',
-      borderRadius: "calc(" + _ctx.borderSize + " * 0.625)"
-    })
-  }, null, 6 /* CLASS, STYLE */), _createElementVNode("span", {
-    class: _normalizeClass(_ctx.classes(_ctx.n('success-line'), _ctx.n('success-line-long'))),
-    style: _normalizeStyle({
-      animationDuration: _ctx.animation ? "770ms" : '0ms',
-      borderRadius: "calc(" + _ctx.borderSize + " * 0.625)"
-    })
-  }, null, 6 /* CLASS, STYLE */), _createElementVNode("span", {
-    ref: "circle",
-    class: _normalizeClass(_ctx.n('success-circle')),
-    style: _normalizeStyle({
-      left: "-" + _ctx.borderSize,
-      top: "-" + _ctx.borderSize,
-      borderWidth: _ctx.borderSize
-    })
-  }, null, 6 /* CLASS, STYLE */), _createElementVNode("span", {
-    class: _normalizeClass(_ctx.n('success-line-fix'))
-  }, null, 2 /* CLASS */), _createElementVNode("span", {
-    class: _normalizeClass(_ctx.n('success-cover-right')),
-    style: _normalizeStyle({
-      animationDuration: _ctx.animation ? "4250ms" : '0ms'
-    })
-  }, null, 6 /* CLASS, STYLE */)], 64 /* STABLE_FRAGMENT */);
+  return _openBlock(), _createElementBlock(
+    _Fragment,
+    null,
+    [
+      _createElementVNode(
+        "span",
+        {
+          class: _normalizeClass(_ctx.n("success-cover-left"))
+        },
+        null,
+        2
+        /* CLASS */
+      ),
+      _createElementVNode(
+        "span",
+        {
+          class: _normalizeClass(_ctx.classes(_ctx.n("success-line"), _ctx.n("success-line-tip"))),
+          style: _normalizeStyle({
+            animationDuration: _ctx.animation ? `760ms` : "0ms",
+            borderRadius: `calc(${_ctx.borderSize} * 0.625)`
+          })
+        },
+        null,
+        6
+        /* CLASS, STYLE */
+      ),
+      _createElementVNode(
+        "span",
+        {
+          class: _normalizeClass(_ctx.classes(_ctx.n("success-line"), _ctx.n("success-line-long"))),
+          style: _normalizeStyle({
+            animationDuration: _ctx.animation ? `770ms` : "0ms",
+            borderRadius: `calc(${_ctx.borderSize} * 0.625)`
+          })
+        },
+        null,
+        6
+        /* CLASS, STYLE */
+      ),
+      _createElementVNode(
+        "span",
+        {
+          ref: "circle",
+          class: _normalizeClass(_ctx.n("success-circle")),
+          style: _normalizeStyle({ left: `-${_ctx.borderSize}`, top: `-${_ctx.borderSize}`, borderWidth: _ctx.borderSize })
+        },
+        null,
+        6
+        /* CLASS, STYLE */
+      ),
+      _createElementVNode(
+        "span",
+        {
+          class: _normalizeClass(_ctx.n("success-line-fix"))
+        },
+        null,
+        2
+        /* CLASS */
+      ),
+      _createElementVNode(
+        "span",
+        {
+          class: _normalizeClass(_ctx.n("success-cover-right")),
+          style: _normalizeStyle({
+            animationDuration: _ctx.animation ? `4250ms` : "0ms"
+          })
+        },
+        null,
+        6
+        /* CLASS, STYLE */
+      )
+    ],
+    64
+    /* STABLE_FRAGMENT */
+  );
 }
-
-var __sfc__ = defineComponent({
+const __sfc__ = defineComponent({
   props: {
     animation: {
       type: Boolean
@@ -57,4 +98,7 @@ var __sfc__ = defineComponent({
   }
 });
 __sfc__.render = __render__;
-export default __sfc__;
+var stdin_default = __sfc__;
+export {
+  stdin_default as default
+};

package/es/result/Warning.mjs

@@ -1,17 +1,26 @@
-import { defineComponent } from 'vue';
+import { defineComponent } from "vue";
 import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-var _withScopeId = n => (_pushScopeId(""), n = n(), _popScopeId(), n);
-var _hoisted_1 = {
+const _withScopeId = (n) => (_pushScopeId(""), n = n(), _popScopeId(), n);
+const _hoisted_1 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "-6 -4 35 35"
 };
-var _hoisted_2 = /*#__PURE__*/_withScopeId(() => /*#__PURE__*/_createElementVNode("path", {
-  d: "M10,21H14A2,2 0 0,1 12,23A2,2 0 0,1 10,21M21,19V20H3V19L5,17V11C5,7.9 7.03,5.17 10,4.29C10,4.19 10,4.1 10,4A2,2 0 0,1 12,2A2,2 0 0,1 14,4C14,4.1 14,4.19 14,4.29C16.97,5.17 19,7.9 19,11V17L21,19M17,11A5,5 0 0,0 12,6A5,5 0 0,0 7,11V18H17V11M19.75,3.19L18.33,4.61M1,11"
-}, null, -1 /* HOISTED */));
-var _hoisted_3 = [_hoisted_2];
+const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ _createElementVNode(
+  "path",
+  { d: "M10,21H14A2,2 0 0,1 12,23A2,2 0 0,1 10,21M21,19V20H3V19L5,17V11C5,7.9 7.03,5.17 10,4.29C10,4.19 10,4.1 10,4A2,2 0 0,1 12,2A2,2 0 0,1 14,4C14,4.1 14,4.19 14,4.29C16.97,5.17 19,7.9 19,11V17L21,19M17,11A5,5 0 0,0 12,6A5,5 0 0,0 7,11V18H17V11M19.75,3.19L18.33,4.61M1,11" },
+  null,
+  -1
+  /* HOISTED */
+));
+const _hoisted_3 = [
+  _hoisted_2
+];
 function __render__(_ctx, _cache) {
   return _openBlock(), _createElementBlock("svg", _hoisted_1, _hoisted_3);
 }
-var __sfc__ = defineComponent({});
+const __sfc__ = defineComponent({});
 __sfc__.render = __render__;
-export default __sfc__;
+var stdin_default = __sfc__;
+export {
+  stdin_default as default
+};

package/es/result/index.mjs

@@ -1,6 +1,11 @@
-import Result from './Result.mjs';
-import { withInstall } from '../utils/components.mjs';
+import Result from "./Result.mjs";
+import { withInstall } from "../utils/components.mjs";
 withInstall(Result);
-export { props as resultProps } from './props.mjs';
-export var _ResultComponent = Result;
-export default Result;
+import { props } from "./props.mjs";
+const _ResultComponent = Result;
+var stdin_default = Result;
+export {
+  _ResultComponent,
+  stdin_default as default,
+  props as resultProps
+};

package/es/result/props.mjs

@@ -1,8 +1,8 @@
-export var props = {
+const props = {
   imageSize: [String, Number],
   type: {
     type: String,
-    default: 'success'
+    default: "success"
   },
   title: String,
   description: String,
@@ -10,4 +10,7 @@ export var props = {
     type: Boolean,
     default: true
   }
-};
+};
+export {
+  props
+};

package/es/ripple/index.mjs

@@ -1,95 +1,90 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import context from '../context/index.mjs';
-import { supportTouch, getStyle, getRect } from '@varlet/shared';
-import { createNamespace } from '../utils/components.mjs';
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import context from "../context/index.mjs";
+import { supportTouch, getStyle, getRect } from "@varlet/shared";
+import { createNamespace } from "../utils/components.mjs";
 
 
-var {
-  n
-} = createNamespace('ripple');
-var ANIMATION_DURATION = 250;
+const { n } = createNamespace("ripple");
+const ANIMATION_DURATION = 250;
 function setStyles(element) {
-  var {
-    zIndex,
-    position
-  } = getStyle(element);
-  element.style.overflow = 'hidden';
-  element.style.overflowX = 'hidden';
-  element.style.overflowY = 'hidden';
-  position === 'static' && (element.style.position = 'relative');
-  zIndex === 'auto' && (element.style.zIndex = '1');
+  const { zIndex, position } = getStyle(element);
+  element.style.overflow = "hidden";
+  element.style.overflowX = "hidden";
+  element.style.overflowY = "hidden";
+  position === "static" && (element.style.position = "relative");
+  zIndex === "auto" && (element.style.zIndex = "1");
 }
 function computeRippleStyles(element, event) {
-  var {
-    top,
-    left
-  } = getRect(element);
-  var {
-    clientWidth,
-    clientHeight
-  } = element;
-  var radius = Math.sqrt(Math.pow(clientWidth, 2) + Math.pow(clientHeight, 2)) / 2;
-  var size = radius * 2;
-  var localX = event.touches[0].clientX - left;
-  var localY = event.touches[0].clientY - top;
-  var centerX = (clientWidth - radius * 2) / 2;
-  var centerY = (clientHeight - radius * 2) / 2;
-  var x = localX - radius;
-  var y = localY - radius;
-  return {
-    x,
-    y,
-    centerX,
-    centerY,
-    size
-  };
+  const { top, left } = getRect(element);
+  const { clientWidth, clientHeight } = element;
+  const radius = Math.sqrt(clientWidth ** 2 + clientHeight ** 2) / 2;
+  const size = radius * 2;
+  const localX = event.touches[0].clientX - left;
+  const localY = event.touches[0].clientY - top;
+  const centerX = (clientWidth - radius * 2) / 2;
+  const centerY = (clientHeight - radius * 2) / 2;
+  const x = localX - radius;
+  const y = localY - radius;
+  return { x, y, centerX, centerY, size };
 }
 function createRipple(event) {
-  var _ripple = this._ripple;
+  const _ripple = this._ripple;
   _ripple.removeRipple();
   if (_ripple.disabled || _ripple.tasker || !context.enableRipple) {
     return;
   }
-  var task = () => {
+  const task = () => {
     _ripple.tasker = null;
-    var {
-      x,
-      y,
-      centerX,
-      centerY,
-      size
-    } = computeRippleStyles(this, event);
-    var ripple = document.createElement('div');
+    const { x, y, centerX, centerY, size } = computeRippleStyles(this, event);
+    const ripple = document.createElement("div");
     ripple.classList.add(n());
-    ripple.style.opacity = "0";
-    ripple.style.transform = "translate(" + x + "px, " + y + "px) scale3d(.3, .3, .3)";
-    ripple.style.width = size + "px";
-    ripple.style.height = size + "px";
+    ripple.style.opacity = `0`;
+    ripple.style.transform = `translate(${x}px, ${y}px) scale3d(.3, .3, .3)`;
+    ripple.style.width = `${size}px`;
+    ripple.style.height = `${size}px`;
     _ripple.color && (ripple.style.backgroundColor = _ripple.color);
     ripple.dataset.createdAt = String(performance.now());
     setStyles(this);
     this.appendChild(ripple);
     window.setTimeout(() => {
-      ripple.style.transform = "translate(" + centerX + "px, " + centerY + "px) scale3d(1, 1, 1)";
-      ripple.style.opacity = ".25";
+      ripple.style.transform = `translate(${centerX}px, ${centerY}px) scale3d(1, 1, 1)`;
+      ripple.style.opacity = `.25`;
     }, 20);
   };
   _ripple.tasker = window.setTimeout(task, 30);
 }
 function removeRipple() {
-  var _ripple = this._ripple;
-  var task = () => {
-    var ripples = this.querySelectorAll("." + n());
+  const _ripple = this._ripple;
+  const task = () => {
+    const ripples = this.querySelectorAll(`.${n()}`);
     if (!ripples.length) {
       return;
     }
-    var lastRipple = ripples[ripples.length - 1];
-    var delay = ANIMATION_DURATION - performance.now() + Number(lastRipple.dataset.createdAt);
+    const lastRipple = ripples[ripples.length - 1];
+    const delay = ANIMATION_DURATION - performance.now() + Number(lastRipple.dataset.createdAt);
     window.setTimeout(() => {
-      lastRipple.style.opacity = "0";
+      lastRipple.style.opacity = `0`;
       window.setTimeout(() => {
-        var _lastRipple$parentNod;
-        return (_lastRipple$parentNod = lastRipple.parentNode) == null ? void 0 : _lastRipple$parentNod.removeChild(lastRipple);
+        var _a;
+        return (_a = lastRipple.parentNode) == null ? void 0 : _a.removeChild(lastRipple);
       }, ANIMATION_DURATION);
     }, delay);
   };
@@ -99,62 +94,55 @@ function forbidRippleTask() {
   if (!supportTouch() || !context.enableRipple) {
     return;
   }
-  var _ripple = this._ripple;
+  const _ripple = this._ripple;
   _ripple.tasker && window.clearTimeout(_ripple.tasker);
   _ripple.tasker = null;
 }
 function mounted(el, binding) {
-  var _binding$value;
-  el._ripple = _extends({
+  var _a;
+  el._ripple = __spreadProps(__spreadValues({
     tasker: null
-  }, (_binding$value = binding.value) != null ? _binding$value : {}, {
+  }, (_a = binding.value) != null ? _a : {}), {
     removeRipple: removeRipple.bind(el)
   });
-  el.addEventListener('touchstart', createRipple, {
-    passive: true
-  });
-  el.addEventListener('touchmove', forbidRippleTask, {
-    passive: true
-  });
-  el.addEventListener('dragstart', removeRipple, {
-    passive: true
-  });
-  document.addEventListener('touchend', el._ripple.removeRipple, {
-    passive: true
-  });
-  document.addEventListener('touchcancel', el._ripple.removeRipple, {
-    passive: true
-  });
+  el.addEventListener("touchstart", createRipple, { passive: true });
+  el.addEventListener("touchmove", forbidRippleTask, { passive: true });
+  el.addEventListener("dragstart", removeRipple, { passive: true });
+  document.addEventListener("touchend", el._ripple.removeRipple, { passive: true });
+  document.addEventListener("touchcancel", el._ripple.removeRipple, { passive: true });
 }
 function unmounted(el) {
-  el.removeEventListener('touchstart', createRipple);
-  el.removeEventListener('touchmove', forbidRippleTask);
-  el.removeEventListener('dragstart', removeRipple);
-  document.removeEventListener('touchend', el._ripple.removeRipple);
-  document.removeEventListener('touchcancel', el._ripple.removeRipple);
+  el.removeEventListener("touchstart", createRipple);
+  el.removeEventListener("touchmove", forbidRippleTask);
+  el.removeEventListener("dragstart", removeRipple);
+  document.removeEventListener("touchend", el._ripple.removeRipple);
+  document.removeEventListener("touchcancel", el._ripple.removeRipple);
 }
 function updated(el, binding) {
-  var _binding$value2, _binding$value3, _el$_ripple, _el$_ripple2;
-  var newBinding = {
-    color: (_binding$value2 = binding.value) == null ? void 0 : _binding$value2.color,
-    disabled: (_binding$value3 = binding.value) == null ? void 0 : _binding$value3.disabled
+  var _a, _b, _c, _d, _e, _f;
+  const newBinding = {
+    color: (_a = binding.value) == null ? void 0 : _a.color,
+    disabled: (_b = binding.value) == null ? void 0 : _b.disabled
   };
-  var diff = newBinding.color !== ((_el$_ripple = el._ripple) == null ? void 0 : _el$_ripple.color) || newBinding.disabled !== ((_el$_ripple2 = el._ripple) == null ? void 0 : _el$_ripple2.disabled);
+  const diff = newBinding.color !== ((_c = el._ripple) == null ? void 0 : _c.color) || newBinding.disabled !== ((_d = el._ripple) == null ? void 0 : _d.disabled);
   if (diff) {
-    var _el$_ripple3, _el$_ripple4;
-    el._ripple = _extends({
-      tasker: newBinding.disabled ? null : (_el$_ripple3 = el._ripple) == null ? void 0 : _el$_ripple3.tasker,
-      removeRipple: (_el$_ripple4 = el._ripple) == null ? void 0 : _el$_ripple4.removeRipple
+    el._ripple = __spreadValues({
+      tasker: newBinding.disabled ? null : (_e = el._ripple) == null ? void 0 : _e.tasker,
+      removeRipple: (_f = el._ripple) == null ? void 0 : _f.removeRipple
     }, newBinding);
   }
 }
-var Ripple = {
+const Ripple = {
   mounted,
   unmounted,
   updated,
   install(app) {
-    app.directive('ripple', this);
+    app.directive("ripple", this);
   }
 };
-export var _RippleComponent = Ripple;
-export default Ripple;
+const _RippleComponent = Ripple;
+var stdin_default = Ripple;
+export {
+  _RippleComponent,
+  stdin_default as default
+};