@varlet/ui 2.16.7 → 2.16.8-alpha.1695118057982

package/es/dialog/props.mjs

@@ -1,14 +1,29 @@
-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 { defineListenerProp, pickProps } from '../utils/components.mjs';
-import { props as popupProps } from '../popup/props.mjs';
-export var props = _extends({
+var __defProp = Object.defineProperty;
+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;
+};
+import { defineListenerProp, pickProps } from "../utils/components.mjs";
+import { props as popupProps } from "../popup/props.mjs";
+const props = __spreadValues({
   show: Boolean,
   width: [Number, String],
   title: String,
   message: String,
   messageAlign: {
     type: String,
-    default: 'left'
+    default: "left"
   },
   confirmButton: {
     type: Boolean,
@@ -29,7 +44,22 @@ export var props = _extends({
   onBeforeClose: defineListenerProp(),
   onConfirm: defineListenerProp(),
   onCancel: defineListenerProp(),
-  'onUpdate:show': defineListenerProp()
-}, pickProps(popupProps, ['overlay', 'overlayClass', 'overlayStyle', 'lockScroll', 'closeOnClickOverlay', 'teleport', 'onOpen', 'onClose', 'onOpened', 'onClosed', 'onClickOverlay',
-// internal for function call closes the dialog
-'onRouteChange']));
+  "onUpdate:show": defineListenerProp()
+}, pickProps(popupProps, [
+  "overlay",
+  "overlayClass",
+  "overlayStyle",
+  "lockScroll",
+  "closeOnClickOverlay",
+  "teleport",
+  "onOpen",
+  "onClose",
+  "onOpened",
+  "onClosed",
+  "onClickOverlay",
+  // internal for function call closes the dialog
+  "onRouteChange"
+]));
+export {
+  props
+};

package/es/divider/Divider.mjs

@@ -1,70 +1,72 @@
-import { defineComponent, computed, ref, onUpdated } from 'vue';
-import { toSizeUnit } from '../utils/elements.mjs';
-import { toNumber, isBoolean } from '@varlet/shared';
-import { props } from './props.mjs';
-import { createNamespace } from '../utils/components.mjs';
-import { onSmartMounted } from '@varlet/use';
-var {
-  name,
-  n,
-  classes
-} = createNamespace('divider');
+import { defineComponent, computed, ref, onUpdated } from "vue";
+import { toSizeUnit } from "../utils/elements.mjs";
+import { toNumber, isBoolean } from "@varlet/shared";
+import { props } from "./props.mjs";
+import { createNamespace } from "../utils/components.mjs";
+import { onSmartMounted } from "@varlet/use";
+const { name, n, classes } = createNamespace("divider");
 import { renderSlot as _renderSlot, toDisplayString as _toDisplayString, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, normalizeStyle as _normalizeStyle } from "vue";
 function __render__(_ctx, _cache) {
-  return _openBlock(), _createElementBlock("div", {
-    class: _normalizeClass(_ctx.classes(_ctx.n(), _ctx.n('$--box'), [_ctx.vertical, _ctx.n('--vertical')], [_ctx.withText, _ctx.n('--with-text')], [_ctx.withPresetInset, _ctx.n('--inset')], [_ctx.dashed, _ctx.n('--dashed')], [_ctx.hairline, _ctx.n('--hairline')])),
-    style: _normalizeStyle(_ctx.style)
-  }, [!_ctx.vertical ? _renderSlot(_ctx.$slots, "default", {
-    key: 0
-  }, () => [_ctx.description ? (_openBlock(), _createElementBlock("span", {
-    key: 0,
-    class: _normalizeClass(_ctx.n('text'))
-  }, _toDisplayString(_ctx.description), 3 /* TEXT, CLASS */)) : _createCommentVNode("v-if", true)]) : _createCommentVNode("v-if", true)], 6 /* CLASS, STYLE */);
+  return _openBlock(), _createElementBlock(
+    "div",
+    {
+      class: _normalizeClass(
+        _ctx.classes(
+          _ctx.n(),
+          _ctx.n("$--box"),
+          [_ctx.vertical, _ctx.n("--vertical")],
+          [_ctx.withText, _ctx.n("--with-text")],
+          [_ctx.withPresetInset, _ctx.n("--inset")],
+          [_ctx.dashed, _ctx.n("--dashed")],
+          [_ctx.hairline, _ctx.n("--hairline")]
+        )
+      ),
+      style: _normalizeStyle(_ctx.style)
+    },
+    [
+      !_ctx.vertical ? _renderSlot(_ctx.$slots, "default", { key: 0 }, () => [
+        _ctx.description ? (_openBlock(), _createElementBlock(
+          "span",
+          {
+            key: 0,
+            class: _normalizeClass(_ctx.n("text"))
+          },
+          _toDisplayString(_ctx.description),
+          3
+          /* TEXT, CLASS */
+        )) : _createCommentVNode("v-if", true)
+      ]) : _createCommentVNode("v-if", true)
+    ],
+    6
+    /* CLASS, STYLE */
+  );
 }
-
-var __sfc__ = defineComponent({
+const __sfc__ = defineComponent({
   name,
   props,
-  setup(props, _ref) {
-    var {
-      slots
-    } = _ref;
-    var withText = ref(false);
-    var withPresetInset = computed(() => {
-      // the inset is only effective in horizontal mode
-      var {
-        vertical,
-        inset
-      } = props;
+  setup(props2, { slots }) {
+    const withText = ref(false);
+    const withPresetInset = computed(() => {
+      const { vertical, inset } = props2;
       return !vertical && inset === true;
     });
-    var style = computed(() => {
-      var {
-        inset,
-        vertical,
-        margin
-      } = props;
+    const style = computed(() => {
+      const { inset, vertical, margin } = props2;
       if (isBoolean(inset) || vertical) {
-        return {
-          margin
-        };
+        return { margin };
       }
-      var _inset = toNumber(inset);
-      var absInsetWithUnit = Math.abs(_inset) + (inset + '').replace(_inset + '', '');
+      const _inset = toNumber(inset);
+      const absInsetWithUnit = Math.abs(_inset) + (inset + "").replace(_inset + "", "");
       return {
         margin,
-        width: "calc(100% - " + toSizeUnit(absInsetWithUnit) + ")",
+        width: `calc(100% - ${toSizeUnit(absInsetWithUnit)})`,
         left: _inset > 0 ? toSizeUnit(absInsetWithUnit) : toSizeUnit(0)
       };
     });
     onSmartMounted(checkHasText);
     onUpdated(checkHasText);
     function checkHasText() {
-      // the default slot or description is only effective in horizontal mode
-      var {
-        description,
-        vertical
-      } = props;
+      const { description, vertical } = props2;
       withText.value = (slots.default || description != null) && !vertical;
     }
     return {
@@ -77,4 +79,7 @@ var __sfc__ = defineComponent({
   }
 });
 __sfc__.render = __render__;
-export default __sfc__;
+var stdin_default = __sfc__;
+export {
+  stdin_default as default
+};

package/es/divider/index.mjs

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

package/es/divider/props.mjs

@@ -1,4 +1,4 @@
-export var props = {
+const props = {
   inset: {
     type: [Boolean, Number, String],
     default: false
@@ -8,4 +8,7 @@ export var props = {
   margin: String,
   dashed: Boolean,
   hairline: Boolean
-};
+};
+export {
+  props
+};

package/es/drag/Drag.mjs

@@ -1,114 +1,128 @@
-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); }
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-import { defineComponent, ref, reactive, watch } from 'vue';
-import { props } from './props.mjs';
-import { createNamespace, useTeleport, call } from '../utils/components.mjs';
-import { toPxNum } from '../utils/elements.mjs';
-import { onSmartMounted, onWindowResize, useTouch } from '@varlet/use';
-import { clamp, getRect } from '@varlet/shared';
-var {
-  name,
-  n,
-  classes
-} = createNamespace('drag');
+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));
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+import { defineComponent, ref, reactive, watch } from "vue";
+import { props } from "./props.mjs";
+import { createNamespace, useTeleport, call } from "../utils/components.mjs";
+import { toPxNum } from "../utils/elements.mjs";
+import { onSmartMounted, onWindowResize, useTouch } from "@varlet/use";
+import { clamp, getRect } from "@varlet/shared";
+const { name, n, classes } = createNamespace("drag");
 import { renderSlot as _renderSlot, mergeProps as _mergeProps, createElementVNode as _createElementVNode, Teleport as _Teleport, openBlock as _openBlock, createBlock as _createBlock } from "vue";
 function __render__(_ctx, _cache) {
   return _openBlock(), _createBlock(_Teleport, {
-    to: _ctx.teleport === false ? undefined : _ctx.teleport,
+    to: _ctx.teleport === false ? void 0 : _ctx.teleport,
     disabled: _ctx.teleportDisabled || _ctx.teleport === false
-  }, [_createElementVNode("div", _mergeProps({
-    ref: "drag",
-    class: _ctx.classes(_ctx.n(), _ctx.n('$--box'), [_ctx.enableTransition, _ctx.n('--transition')]),
-    style: {
-      'z-index': _ctx.zIndex
-    },
-    onTouchstart: _cache[0] || (_cache[0] = function () {
-      return _ctx.handleTouchstart && _ctx.handleTouchstart(...arguments);
-    }),
-    onTouchmove: _cache[1] || (_cache[1] = function () {
-      return _ctx.handleTouchmove && _ctx.handleTouchmove(...arguments);
-    }),
-    onTouchend: _cache[2] || (_cache[2] = function () {
-      return _ctx.handleTouchend && _ctx.handleTouchend(...arguments);
-    }),
-    onTouchcancel: _cache[3] || (_cache[3] = function () {
-      return _ctx.handleTouchend && _ctx.handleTouchend(...arguments);
-    }),
-    onClick: _cache[4] || (_cache[4] = function () {
-      return _ctx.handleClick && _ctx.handleClick(...arguments);
-    })
-  }, _ctx.getAttrs()), [_renderSlot(_ctx.$slots, "default")], 16 /* FULL_PROPS */)], 8 /* PROPS */, ["to", "disabled"]);
+  }, [
+    _createElementVNode(
+      "div",
+      _mergeProps({
+        ref: "drag",
+        class: _ctx.classes(_ctx.n(), _ctx.n("$--box"), [_ctx.enableTransition, _ctx.n("--transition")]),
+        style: {
+          "z-index": _ctx.zIndex
+        },
+        onTouchstart: _cache[0] || (_cache[0] = (...args) => _ctx.handleTouchstart && _ctx.handleTouchstart(...args)),
+        onTouchmove: _cache[1] || (_cache[1] = (...args) => _ctx.handleTouchmove && _ctx.handleTouchmove(...args)),
+        onTouchend: _cache[2] || (_cache[2] = (...args) => _ctx.handleTouchend && _ctx.handleTouchend(...args)),
+        onTouchcancel: _cache[3] || (_cache[3] = (...args) => _ctx.handleTouchend && _ctx.handleTouchend(...args)),
+        onClick: _cache[4] || (_cache[4] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
+      }, _ctx.getAttrs()),
+      [
+        _renderSlot(_ctx.$slots, "default")
+      ],
+      16
+      /* FULL_PROPS */
+    )
+  ], 8, ["to", "disabled"]);
 }
-var __sfc__ = defineComponent({
+const __sfc__ = defineComponent({
   name,
   inheritAttrs: false,
   props,
-  setup(props, _ref) {
-    var {
-      attrs
-    } = _ref;
-    var drag = ref(null);
-    var x = ref(0);
-    var y = ref(0);
-    var dragged = ref(false);
-    var enableTransition = ref(false);
-    var {
-      touching,
-      dragging,
-      moveX,
-      moveY,
-      startTouch,
-      moveTouch,
-      endTouch,
-      resetTouch
-    } = useTouch();
-    var {
-      disabled: teleportDisabled
-    } = useTeleport();
-    var boundary = reactive({
+  setup(props2, { attrs }) {
+    const drag = ref(null);
+    const x = ref(0);
+    const y = ref(0);
+    const dragged = ref(false);
+    const enableTransition = ref(false);
+    const { touching, dragging, moveX, moveY, startTouch, moveTouch, endTouch, resetTouch } = useTouch();
+    const { disabled: teleportDisabled } = useTeleport();
+    const boundary = reactive({
       top: 0,
       bottom: 0,
       left: 0,
       right: 0
     });
-    watch(() => props.boundary, toPxBoundary);
+    watch(() => props2.boundary, toPxBoundary);
     onWindowResize(resize);
     onSmartMounted(() => {
       toPxBoundary();
       resize();
     });
     function handleTouchstart(event) {
-      if (props.disabled) {
+      if (props2.disabled) {
         return;
       }
       startTouch(event);
       saveXY();
     }
-    function handleTouchmove(_x) {
-      return _handleTouchmove.apply(this, arguments);
-    }
-    function _handleTouchmove() {
-      _handleTouchmove = _asyncToGenerator(function* (event) {
-        if (!touching.value || props.disabled) {
+    function handleTouchmove(event) {
+      return __async(this, null, function* () {
+        if (!touching.value || props2.disabled) {
           return;
         }
         moveTouch(event);
         event.preventDefault();
         enableTransition.value = false;
         dragged.value = true;
-        if (props.direction.includes('x')) {
+        if (props2.direction.includes("x")) {
           x.value += moveX.value;
         }
-        if (props.direction.includes('y')) {
+        if (props2.direction.includes("y")) {
           y.value += moveY.value;
         }
         clampToBoundary();
       });
-      return _handleTouchmove.apply(this, arguments);
     }
     function handleTouchend() {
-      if (props.disabled) {
+      if (props2.disabled) {
         return;
       }
       endTouch();
@@ -119,31 +133,22 @@ var __sfc__ = defineComponent({
       if (dragging.value) {
         return;
       }
-      call(props.onClick, event);
+      call(props2.onClick, event);
     }
     function saveXY() {
-      var {
-        left,
-        top
-      } = getOffset();
+      const { left, top } = getOffset();
       x.value = left;
       y.value = top;
     }
     function getOffset() {
-      var dragRect = getRect(drag.value);
-      var windowRect = getRect(window);
-      var top = dragRect.top - windowRect.top;
-      var bottom = windowRect.bottom - dragRect.bottom;
-      var left = dragRect.left - windowRect.left;
-      var right = windowRect.right - dragRect.right;
-      var {
-        width,
-        height
-      } = dragRect;
-      var {
-        width: windowWidth,
-        height: windowHeight
-      } = windowRect;
+      const dragRect = getRect(drag.value);
+      const windowRect = getRect(window);
+      const top = dragRect.top - windowRect.top;
+      const bottom = windowRect.bottom - dragRect.bottom;
+      const left = dragRect.left - windowRect.left;
+      const right = windowRect.right - dragRect.right;
+      const { width, height } = dragRect;
+      const { width: windowWidth, height: windowHeight } = windowRect;
       return {
         top,
         bottom,
@@ -158,11 +163,11 @@ var __sfc__ = defineComponent({
       };
     }
     function getRange() {
-      var offset = getOffset();
-      var x1 = boundary.left;
-      var x2 = offset.windowWidth - boundary.right - offset.width;
-      var y1 = boundary.top;
-      var y2 = offset.windowHeight - boundary.bottom - offset.height;
+      const offset = getOffset();
+      const x1 = boundary.left;
+      const x2 = offset.windowWidth - boundary.right - offset.width;
+      const y1 = boundary.top;
+      const y2 = offset.windowHeight - boundary.bottom - offset.height;
       return {
         minX: x1,
         minY: y1,
@@ -172,74 +177,50 @@ var __sfc__ = defineComponent({
       };
     }
     function attract() {
-      if (props.attraction == null) {
+      if (props2.attraction == null) {
         return;
       }
-      var {
-        halfWidth,
-        halfHeight,
-        top,
-        bottom,
-        left,
-        right
-      } = getOffset();
-      var {
-        minX,
-        minY,
-        maxX,
-        maxY
-      } = getRange();
-      var leftDistance = left + halfWidth - boundary.left;
-      var rightDistance = right + halfWidth - boundary.right;
-      var topDistance = top + halfHeight - boundary.top;
-      var bottomDistance = bottom + halfHeight - boundary.bottom;
-      var nearLeft = leftDistance <= rightDistance;
-      var nearTop = topDistance <= bottomDistance;
-      if (props.attraction.includes('x')) {
+      const { halfWidth, halfHeight, top, bottom, left, right } = getOffset();
+      const { minX, minY, maxX, maxY } = getRange();
+      const leftDistance = left + halfWidth - boundary.left;
+      const rightDistance = right + halfWidth - boundary.right;
+      const topDistance = top + halfHeight - boundary.top;
+      const bottomDistance = bottom + halfHeight - boundary.bottom;
+      const nearLeft = leftDistance <= rightDistance;
+      const nearTop = topDistance <= bottomDistance;
+      if (props2.attraction.includes("x")) {
         x.value = nearLeft ? minX : maxX;
       }
-      if (props.attraction.includes('y')) {
+      if (props2.attraction.includes("y")) {
         y.value = nearTop ? minY : maxY;
       }
     }
     function clampToBoundary() {
-      var {
-        minX,
-        minY,
-        maxX,
-        maxY
-      } = getRange();
+      const { minX, minY, maxX, maxY } = getRange();
       x.value = clamp(x.value, minX, maxX);
       y.value = clamp(y.value, minY, maxY);
     }
     function toPxBoundary() {
-      var {
-        top = 0,
-        bottom = 0,
-        left = 0,
-        right = 0
-      } = props.boundary;
+      const { top = 0, bottom = 0, left = 0, right = 0 } = props2.boundary;
       boundary.top = toPxNum(top);
       boundary.bottom = toPxNum(bottom);
       boundary.left = toPxNum(left);
       boundary.right = toPxNum(right);
     }
     function getAttrs() {
-      var _ref2;
-      var style = (_ref2 = attrs.style) != null ? _ref2 : {};
-      return _extends({}, attrs, {
-        style: _extends({}, style, {
+      var _a;
+      const style = (_a = attrs.style) != null ? _a : {};
+      return __spreadProps(__spreadValues({}, attrs), {
+        style: __spreadProps(__spreadValues({}, style), {
           // when the drag element is dragged for the first time, the inset should be cleared to avoid affecting translateX and translateY.
           top: dragged.value ? 0 : style.top,
           left: dragged.value ? 0 : style.left,
-          right: dragged.value ? 'auto' : style.right,
-          bottom: dragged.value ? 'auto' : style.bottom,
-          transform: dragged.value ? "translate(" + x.value + "px, " + y.value + "px)" : style.transform
+          right: dragged.value ? "auto" : style.right,
+          bottom: dragged.value ? "auto" : style.bottom,
+          transform: dragged.value ? `translate(${x.value}px, ${y.value}px)` : style.transform
         })
       });
     }
-
-    // expose
     function resize() {
       if (!dragged.value) {
         return;
@@ -247,8 +228,6 @@ var __sfc__ = defineComponent({
       saveXY();
       clampToBoundary();
     }
-
-    // expose
     function reset() {
       resetTouch();
       enableTransition.value = false;
@@ -276,4 +255,7 @@ var __sfc__ = defineComponent({
   }
 });
 __sfc__.render = __render__;
-export default __sfc__;
+var stdin_default = __sfc__;
+export {
+  stdin_default as default
+};

package/es/drag/index.mjs

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

package/es/drag/props.mjs

@@ -1,8 +1,8 @@
-import { defineListenerProp } from '../utils/components.mjs';
-export var props = {
+import { defineListenerProp } from "../utils/components.mjs";
+const props = {
   direction: {
     type: String,
-    default: 'xy'
+    default: "xy"
   },
   attraction: String,
   disabled: Boolean,
@@ -21,7 +21,10 @@ export var props = {
   },
   teleport: {
     type: [String, Object, Boolean],
-    default: 'body'
+    default: "body"
   },
   onClick: defineListenerProp()
-};
+};
+export {
+  props
+};