@varlet/ui 2.16.7 → 2.16.8-alpha.1695118057982

package/es/snackbar/index.mjs

@@ -1,74 +1,90 @@
-import { isVNode as _isVNode, createVNode as _createVNode, mergeProps as _mergeProps, resolveDirective as _resolveDirective } from "vue";
-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 VarSnackbarCore from './core.mjs';
-import VarSnackbar from './Snackbar.mjs';
-import context from '../context/index.mjs';
-import { reactive, TransitionGroup } from 'vue';
-import { call, mountInstance, withInstall } from '../utils/components.mjs';
-import { isFunction, isPlainObject, isString, toNumber } from '@varlet/shared';
-function _isSlot(s) {
-  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !_isVNode(s);
-}
-export var SNACKBAR_TYPE = ['loading', 'success', 'warning', 'info', 'error'];
-var sid = 0;
-var isMount = false;
-var unmount;
-var isAllowMultiple = false;
-var defaultOptionsValue = {
-  type: undefined,
-  content: '',
-  icon: '',
-  action: '',
-  position: 'top',
-  duration: 3000,
+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 { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
+import VarSnackbarCore from "./core.mjs";
+import VarSnackbar from "./Snackbar.mjs";
+import context from "../context/index.mjs";
+import { reactive, TransitionGroup } from "vue";
+import { call, mountInstance, withInstall } from "../utils/components.mjs";
+import { isFunction, isPlainObject, isString, toNumber } from "@varlet/shared";
+const SNACKBAR_TYPE = ["loading", "success", "warning", "info", "error"];
+let sid = 0;
+let isMount = false;
+let unmount;
+let isAllowMultiple = false;
+const defaultOptionsValue = {
+  type: void 0,
+  content: "",
+  icon: "",
+  action: "",
+  position: "top",
+  duration: 3e3,
   vertical: false,
-  contentClass: undefined,
-  loadingType: 'circle',
-  loadingSize: 'normal',
+  contentClass: void 0,
+  loadingType: "circle",
+  loadingSize: "normal",
   lockScroll: false,
-  teleport: 'body',
+  teleport: "body",
   forbidClick: false,
-  onOpen: () => {},
-  onOpened: () => {},
-  onClose: () => {},
-  onClosed: () => {}
+  onOpen: () => {
+  },
+  onOpened: () => {
+  },
+  onClose: () => {
+  },
+  onClosed: () => {
+  }
 };
-var uniqSnackbarOptions = reactive([]);
-var defaultOptions = defaultOptionsValue;
-var transitionGroupProps = {
-  name: 'var-snackbar-fade',
-  tag: 'div',
-  class: 'var-transition-group'
+let uniqSnackbarOptions = reactive([]);
+let defaultOptions = defaultOptionsValue;
+const transitionGroupProps = {
+  name: "var-snackbar-fade",
+  tag: "div",
+  class: "var-transition-group"
 };
-var getSlotValue = value => () => isFunction(value) ? value() : value;
-var TransitionGroupHost = {
+const getSlotValue = (value) => () => isFunction(value) ? value() : value;
+const TransitionGroupHost = {
   setup() {
     return () => {
-      var snackbarList = uniqSnackbarOptions.map(_ref => {
-        var {
-          id,
-          reactiveSnackOptions,
-          _update
-        } = _ref;
-        var transitionGroupEl = document.querySelector('.var-transition-group');
-        if (reactiveSnackOptions.forbidClick || reactiveSnackOptions.type === 'loading') {
+      const snackbarList = uniqSnackbarOptions.map(({
+        id,
+        reactiveSnackOptions,
+        _update
+      }) => {
+        const transitionGroupEl = document.querySelector(".var-transition-group");
+        if (reactiveSnackOptions.forbidClick || reactiveSnackOptions.type === "loading") {
           ;
-          transitionGroupEl.classList.add('var-pointer-auto');
+          transitionGroupEl.classList.add("var-pointer-auto");
         } else {
           ;
-          transitionGroupEl.classList.remove('var-pointer-auto');
+          transitionGroupEl.classList.remove("var-pointer-auto");
         }
-        if (isAllowMultiple) reactiveSnackOptions.position = 'top';
-        var position = isAllowMultiple ? 'relative' : 'absolute';
-        var style = _extends({
+        if (isAllowMultiple)
+          reactiveSnackOptions.position = "top";
+        const position = isAllowMultiple ? "relative" : "absolute";
+        const style = __spreadValues({
           position
         }, getTop(reactiveSnackOptions.position));
-        var {
+        const {
           content,
           icon,
           action
         } = reactiveSnackOptions;
-        var slots = {
+        const slots = {
           default: getSlotValue(content),
           icon: getSlotValue(icon),
           action: getSlotValue(action)
@@ -78,8 +94,8 @@ var TransitionGroupHost = {
           "style": style,
           "data-id": id,
           "_update": _update,
-          'show': reactiveSnackOptions.show,
-          "onUpdate:show": $event => reactiveSnackOptions.show = $event
+          "show": reactiveSnackOptions.show,
+          "onUpdate:show": ($event) => reactiveSnackOptions.show = $event
         }), slots);
       });
       return _createVNode(TransitionGroup, _mergeProps(transitionGroupProps, {
@@ -88,31 +104,31 @@ var TransitionGroupHost = {
         },
         "onAfterEnter": opened,
         "onAfterLeave": removeUniqOption
-      }), _isSlot(snackbarList) ? snackbarList : {
+      }), {
         default: () => [snackbarList]
       });
     };
   }
 };
-var Snackbar = function (options) {
-  var snackOptions = normalizeOptions(options);
-  var reactiveSnackOptions = reactive(_extends({}, defaultOptions, snackOptions));
+const Snackbar = function(options) {
+  const snackOptions = normalizeOptions(options);
+  const reactiveSnackOptions = reactive(__spreadValues(__spreadValues({}, defaultOptions), snackOptions));
   reactiveSnackOptions.show = true;
   if (!isMount) {
     isMount = true;
     unmount = mountInstance(TransitionGroupHost).unmountInstance;
   }
-  var {
+  const {
     length
   } = uniqSnackbarOptions;
-  var uniqSnackbarOptionItem = {
+  const uniqSnackbarOptionItem = {
     id: sid++,
     reactiveSnackOptions
   };
   if (length === 0 || isAllowMultiple) {
     addUniqOption(uniqSnackbarOptionItem);
   } else {
-    var _update = "update-" + sid;
+    const _update = `update-${sid}`;
     updateUniqOption(reactiveSnackOptions, _update);
   }
   return {
@@ -125,8 +141,8 @@ var Snackbar = function (options) {
     }
   };
 };
-SNACKBAR_TYPE.forEach(type => {
-  Snackbar[type] = options => {
+SNACKBAR_TYPE.forEach((type) => {
+  Snackbar[type] = (options) => {
     if (isPlainObject(options)) {
       options.type = type;
     } else {
@@ -138,44 +154,41 @@ SNACKBAR_TYPE.forEach(type => {
     return Snackbar(options);
   };
 });
-Snackbar.allowMultiple = function (bool) {
-  if (bool === void 0) {
-    bool = false;
-  }
+Snackbar.allowMultiple = function(bool = false) {
   if (bool !== isAllowMultiple) {
-    uniqSnackbarOptions.forEach(option => {
+    uniqSnackbarOptions.forEach((option) => {
       option.reactiveSnackOptions.show = false;
     });
     isAllowMultiple = bool;
   }
 };
-Snackbar.clear = function () {
-  uniqSnackbarOptions.forEach(option => {
+Snackbar.clear = function() {
+  uniqSnackbarOptions.forEach((option) => {
     option.reactiveSnackOptions.show = false;
   });
 };
-Snackbar.setDefaultOptions = function (options) {
+Snackbar.setDefaultOptions = function(options) {
   defaultOptions = options;
 };
-Snackbar.resetDefaultOptions = function () {
+Snackbar.resetDefaultOptions = function() {
   defaultOptions = defaultOptionsValue;
 };
 function opened(element) {
-  var id = element.getAttribute('data-id');
-  var option = uniqSnackbarOptions.find(option => option.id === toNumber(id));
+  const id = element.getAttribute("data-id");
+  const option = uniqSnackbarOptions.find((option2) => option2.id === toNumber(id));
   if (option) {
     call(option.reactiveSnackOptions.onOpened);
   }
 }
 function removeUniqOption(element) {
-  element.parentElement && element.parentElement.classList.remove('var-pointer-auto');
-  var id = element.getAttribute('data-id');
-  var option = uniqSnackbarOptions.find(option => option.id === toNumber(id));
+  element.parentElement && element.parentElement.classList.remove("var-pointer-auto");
+  const id = element.getAttribute("data-id");
+  const option = uniqSnackbarOptions.find((option2) => option2.id === toNumber(id));
   if (option) {
     option.animationEnd = true;
     call(option.reactiveSnackOptions.onClosed);
   }
-  var isAllAnimationEnd = uniqSnackbarOptions.every(option => option.animationEnd);
+  const isAllAnimationEnd = uniqSnackbarOptions.every((option2) => option2.animationEnd);
   if (isAllAnimationEnd) {
     call(unmount);
     uniqSnackbarOptions = reactive([]);
@@ -185,33 +198,34 @@ function removeUniqOption(element) {
 function addUniqOption(uniqSnackbarOptionItem) {
   uniqSnackbarOptions.push(uniqSnackbarOptionItem);
 }
-function normalizeOptions(options) {
-  if (options === void 0) {
-    options = {};
-  }
+function normalizeOptions(options = {}) {
   return isString(options) ? {
     content: options
   } : options;
 }
 function updateUniqOption(reactiveSnackOptions, _update) {
-  var [firstOption] = uniqSnackbarOptions;
-  firstOption.reactiveSnackOptions = _extends({}, firstOption.reactiveSnackOptions, reactiveSnackOptions);
+  const [firstOption] = uniqSnackbarOptions;
+  firstOption.reactiveSnackOptions = __spreadValues(__spreadValues({}, firstOption.reactiveSnackOptions), reactiveSnackOptions);
   firstOption._update = _update;
 }
-function getTop(position) {
-  if (position === void 0) {
-    position = 'top';
-  }
-  if (position === 'bottom') return {
-    [position]: '5%'
-  };
+function getTop(position = "top") {
+  if (position === "bottom")
+    return {
+      [position]: "5%"
+    };
   return {
-    top: position === 'top' ? '5%' : '45%'
+    top: position === "top" ? "5%" : "45%"
   };
 }
 Snackbar.Component = VarSnackbar;
 withInstall(VarSnackbar);
 withInstall(VarSnackbar, Snackbar);
-export { props as snackbarProps } from './props.mjs';
-export var _SnackbarComponent = VarSnackbar;
-export default Snackbar;
+import { props } from "./props.mjs";
+const _SnackbarComponent = VarSnackbar;
+var stdin_default = Snackbar;
+export {
+  SNACKBAR_TYPE,
+  _SnackbarComponent,
+  stdin_default as default,
+  props as snackbarProps
+};

package/es/snackbar/props.mjs

@@ -1,11 +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 loadingProps } from '../loading/props.mjs';
-export var props = {
+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 { defineListenerProp, pickProps } from "../utils/components.mjs";
+import { props as loadingProps } from "../loading/props.mjs";
+const props = {
   type: String,
   position: {
     type: String,
-    default: 'top'
+    default: "top"
   },
   content: {
     type: [String, Function, Object]
@@ -13,26 +31,29 @@ export var props = {
   contentClass: String,
   duration: {
     type: Number,
-    default: 3000
+    default: 3e3
   },
   vertical: Boolean,
-  loadingType: pickProps(loadingProps, 'type'),
-  loadingSize: pickProps(loadingProps, 'size'),
-  loadingRadius: pickProps(loadingProps, 'radius'),
-  loadingColor: _extends({}, pickProps(loadingProps, 'color'), {
-    default: 'currentColor'
+  loadingType: pickProps(loadingProps, "type"),
+  loadingSize: pickProps(loadingProps, "size"),
+  loadingRadius: pickProps(loadingProps, "radius"),
+  loadingColor: __spreadProps(__spreadValues({}, pickProps(loadingProps, "color")), {
+    default: "currentColor"
   }),
   lockScroll: Boolean,
   show: Boolean,
   teleport: {
     type: [String, Object, Boolean],
-    default: 'body'
+    default: "body"
   },
   forbidClick: Boolean,
   onOpen: defineListenerProp(),
   onOpened: defineListenerProp(),
   onClose: defineListenerProp(),
   onClosed: defineListenerProp(),
-  'onUpdate:show': defineListenerProp(),
+  "onUpdate:show": defineListenerProp(),
   _update: String
-};
+};
+export {
+  props
+};

package/es/space/Space.mjs

@@ -1,44 +1,43 @@
 import { createVNode as _createVNode } from "vue";
-import { defineComponent } from 'vue';
-import { props } from './props.mjs';
-import { isArray } from '@varlet/shared';
-import { call, createNamespace, flatFragment } from '../utils/components.mjs';
-import { padStartFlex, toSizeUnit } from '../utils/elements.mjs';
-import { computeMargin } from './margin.mjs';
+import { defineComponent } from "vue";
+import { props } from "./props.mjs";
+import { isArray } from "@varlet/shared";
+import { call, createNamespace, flatFragment } from "../utils/components.mjs";
+import { padStartFlex, toSizeUnit } from "../utils/elements.mjs";
+import { computeMargin } from "./margin.mjs";
 
 
-var isInternalSize = size => ['mini', 'small', 'normal', 'large'].includes(size);
-var {
+const isInternalSize = (size) => ["mini", "small", "normal", "large"].includes(size);
+const {
   name,
   n,
   classes
-} = createNamespace('space');
-function getSize(size, isInternalSize) {
-  return isInternalSize ? ["var(--space-size-" + size + "-y)", "var(--space-size-" + size + "-x)"] : isArray(size) ? size.map(toSizeUnit) : [toSizeUnit(size), toSizeUnit(size)];
+} = createNamespace("space");
+function getSize(size, isInternalSize2) {
+  return isInternalSize2 ? [`var(--space-size-${size}-y)`, `var(--space-size-${size}-x)`] : isArray(size) ? size.map(toSizeUnit) : [toSizeUnit(size), toSizeUnit(size)];
 }
-export default defineComponent({
+var stdin_default = defineComponent({
   name,
   props,
-  setup(props, _ref) {
-    var {
-      slots
-    } = _ref;
+  setup(props2, {
+    slots
+  }) {
     return () => {
-      var _call;
-      var {
+      var _a;
+      const {
         inline,
         justify,
         align,
         wrap,
         direction,
         size
-      } = props;
-      var children = (_call = call(slots.default)) != null ? _call : [];
-      var [y, x] = getSize(size, isInternalSize(size));
+      } = props2;
+      let children = (_a = call(slots.default)) != null ? _a : [];
+      const [y, x] = getSize(size, isInternalSize(size));
       children = flatFragment(children);
-      var lastIndex = children.length - 1;
-      var spacers = children.map((child, index) => {
-        var margin = computeMargin(y, x, {
+      const lastIndex = children.length - 1;
+      const spacers = children.map((child, index) => {
+        const margin = computeMargin(y, x, {
           direction,
           justify,
           index,
@@ -51,15 +50,18 @@ export default defineComponent({
         }, [child]);
       });
       return _createVNode("div", {
-        "class": classes(n(), n('$--box'), [inline, n('--inline')]),
+        "class": classes(n(), n("$--box"), [inline, n("--inline")]),
         "style": {
           flexDirection: direction,
           justifyContent: padStartFlex(justify),
           alignItems: padStartFlex(align),
-          flexWrap: wrap ? 'wrap' : 'nowrap',
-          margin: direction === 'row' ? "calc(-1 * " + y + " / 2) 0" : undefined
+          flexWrap: wrap ? "wrap" : "nowrap",
+          margin: direction === "row" ? `calc(-1 * ${y} / 2) 0` : void 0
         }
       }, [spacers]);
     };
   }
-});
+});
+export {
+  stdin_default as default
+};

package/es/space/index.mjs

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

package/es/space/margin.mjs

@@ -1,35 +1,34 @@
-export function half(value) {
-  return "calc(" + value + " / 2)";
+function half(value) {
+  return `calc(${value} / 2)`;
 }
-export function computeMargin(y, x, options) {
-  var {
-    direction,
-    justify,
-    index,
-    lastIndex
-  } = options;
-  var margin = '0';
-  if (direction === 'row') {
-    if (['flex-start', 'center', 'flex-end', 'start', 'end'].includes(justify)) {
+function computeMargin(y, x, options) {
+  const { direction, justify, index, lastIndex } = options;
+  let margin = "0";
+  if (direction === "row") {
+    if (["flex-start", "center", "flex-end", "start", "end"].includes(justify)) {
       if (index !== lastIndex) {
-        margin = half(y) + " " + x + " " + half(y) + " 0";
+        margin = `${half(y)} ${x} ${half(y)} 0`;
       } else {
-        margin = half(y) + " 0";
+        margin = `${half(y)} 0`;
       }
-    } else if (justify === 'space-around') {
-      margin = half(y) + " " + half(x);
-    } else if (justify === 'space-between') {
+    } else if (justify === "space-around") {
+      margin = `${half(y)} ${half(x)}`;
+    } else if (justify === "space-between") {
       if (index === 0) {
-        margin = half(y) + " " + half(x) + " " + half(y) + " 0";
+        margin = `${half(y)} ${half(x)} ${half(y)} 0`;
       } else if (index === lastIndex) {
-        margin = half(y) + " 0 " + half(y) + " " + half(x);
+        margin = `${half(y)} 0 ${half(y)} ${half(x)}`;
       } else {
-        margin = half(y) + " " + half(x);
+        margin = `${half(y)} ${half(x)}`;
       }
     }
   }
-  if (direction === 'column' && index !== lastIndex) {
-    margin = "0 0 " + y + " 0";
+  if (direction === "column" && index !== lastIndex) {
+    margin = `0 0 ${y} 0`;
   }
   return margin;
-}
+}
+export {
+  computeMargin,
+  half
+};

package/es/space/props.mjs

@@ -1,7 +1,7 @@
-export var props = {
+const props = {
   size: {
     type: [String, Number, Array],
-    default: 'normal'
+    default: "normal"
   },
   wrap: {
     type: Boolean,
@@ -9,12 +9,15 @@ export var props = {
   },
   direction: {
     type: String,
-    default: 'row'
+    default: "row"
   },
   justify: {
     type: String,
-    default: 'flex-start'
+    default: "flex-start"
   },
   align: String,
   inline: Boolean
-};
+};
+export {
+  props
+};