@varlet/ui 2.16.7 → 2.16.8-alpha.1695118057982

package/es/date-picker/src/year-picker-panel.mjs

@@ -1,32 +1,40 @@
-import dayjs from 'dayjs/esm';
-import { defineComponent, computed } from 'vue';
-import { toNumber } from '@varlet/shared';
-import { createNamespace } from '../../utils/components.mjs';
-import { onSmartMounted } from '@varlet/use';
-var {
-  n,
-  classes
-} = createNamespace('year-picker');
+import dayjs from "dayjs/esm";
+import { defineComponent, computed } from "vue";
+import { toNumber } from "@varlet/shared";
+import { createNamespace } from "../../utils/components.mjs";
+import { onSmartMounted } from "@varlet/use";
+const { n, classes } = createNamespace("year-picker");
 import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-var _withScopeId = n => (_pushScopeId(""), n = n(), _popScopeId(), n);
-var _hoisted_1 = ["onClick"];
+const _withScopeId = (n2) => (_pushScopeId(""), n2 = n2(), _popScopeId(), n2);
+const _hoisted_1 = ["onClick"];
 function __render__(_ctx, _cache) {
-  return _openBlock(), _createElementBlock("ul", {
-    class: _normalizeClass(_ctx.n())
-  }, [(_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.yearList, year => {
-    return _openBlock(), _createElementBlock("li", {
-      key: year,
-      class: _normalizeClass(_ctx.classes(_ctx.n('item'), [year === _ctx.toNumber(_ctx.preview), _ctx.n('item--active')])),
-      style: _normalizeStyle({
-        color: year === _ctx.toNumber(_ctx.preview) ? _ctx.componentProps.color : ''
-      }),
-      onClick: $event => _ctx.chooseYear(year)
-    }, _toDisplayString(year), 15 /* TEXT, CLASS, STYLE, PROPS */, _hoisted_1);
-  }), 128 /* KEYED_FRAGMENT */))], 2 /* CLASS */);
+  return _openBlock(), _createElementBlock(
+    "ul",
+    {
+      class: _normalizeClass(_ctx.n())
+    },
+    [
+      (_openBlock(true), _createElementBlock(
+        _Fragment,
+        null,
+        _renderList(_ctx.yearList, (year) => {
+          return _openBlock(), _createElementBlock("li", {
+            key: year,
+            class: _normalizeClass(_ctx.classes(_ctx.n("item"), [year === _ctx.toNumber(_ctx.preview), _ctx.n("item--active")])),
+            style: _normalizeStyle({ color: year === _ctx.toNumber(_ctx.preview) ? _ctx.componentProps.color : "" }),
+            onClick: ($event) => _ctx.chooseYear(year)
+          }, _toDisplayString(year), 15, _hoisted_1);
+        }),
+        128
+        /* KEYED_FRAGMENT */
+      ))
+    ],
+    2
+    /* CLASS */
+  );
 }
-
-var __sfc__ = defineComponent({
-  name: 'YearPickerPanel',
+const __sfc__ = defineComponent({
+  name: "YearPickerPanel",
   props: {
     preview: {
       type: String
@@ -36,46 +44,45 @@ var __sfc__ = defineComponent({
       required: true
     }
   },
-  emits: ['choose-year'],
-  setup(props, _ref) {
-    var {
-      emit
-    } = _ref;
-    var yearList = computed(() => {
-      var list = [];
-      var {
+  emits: ["choose-year"],
+  setup(props, { emit }) {
+    const yearList = computed(() => {
+      const list = [];
+      const {
         preview,
-        componentProps: {
-          max,
-          min
-        }
+        componentProps: { max, min }
       } = props;
-      if (!preview) return list;
-      var yearRange = [toNumber(preview) + 100, toNumber(preview) - 100];
+      if (!preview)
+        return list;
+      let yearRange = [toNumber(preview) + 100, toNumber(preview) - 100];
       if (max) {
-        var formatMax = dayjs(max).format('YYYY-MM-D');
-        var year = toNumber(formatMax.split('-')[0]);
-        if (year < yearRange[0] && year > yearRange[1]) yearRange = [year, yearRange[1]];
-        if (year <= yearRange[1]) return [year];
+        const formatMax = dayjs(max).format("YYYY-MM-D");
+        const year = toNumber(formatMax.split("-")[0]);
+        if (year < yearRange[0] && year > yearRange[1])
+          yearRange = [year, yearRange[1]];
+        if (year <= yearRange[1])
+          return [year];
       }
       if (min) {
-        var formatMin = dayjs(min).format('YYYY-MM-D');
-        var _year = toNumber(formatMin.split('-')[0]);
-        if (_year < yearRange[0] && _year > yearRange[1]) yearRange = [yearRange[0], _year];
-        if (_year >= yearRange[0]) return [_year];
+        const formatMin = dayjs(min).format("YYYY-MM-D");
+        const year = toNumber(formatMin.split("-")[0]);
+        if (year < yearRange[0] && year > yearRange[1])
+          yearRange = [yearRange[0], year];
+        if (year >= yearRange[0])
+          return [year];
       }
-      for (var i = yearRange[0]; i >= yearRange[1]; i--) {
+      for (let i = yearRange[0]; i >= yearRange[1]; i--) {
         list.push(i);
       }
       return list;
     });
-    var chooseYear = year => {
-      emit('choose-year', year);
+    const chooseYear = (year) => {
+      emit("choose-year", year);
     };
     onSmartMounted(() => {
-      var activeEl = document.querySelector("." + n('item--active'));
+      const activeEl = document.querySelector(`.${n("item--active")}`);
       activeEl == null ? void 0 : activeEl.scrollIntoView({
-        block: 'center'
+        block: "center"
       });
     });
     return {
@@ -88,4 +95,7 @@ var __sfc__ = defineComponent({
   }
 });
 __sfc__.render = __render__;
-export default __sfc__;
+var stdin_default = __sfc__;
+export {
+  stdin_default as default
+};

package/es/dialog/Dialog.mjs

@@ -1,22 +1,33 @@
-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 VarPopup from '../popup/index.mjs';
-import VarButton from '../button/index.mjs';
-import { props } from './props.mjs';
-import { defineComponent, ref, watch } from 'vue';
-import { pack } from '../locale/index.mjs';
-import { call, createNamespace } from '../utils/components.mjs';
-import { toSizeUnit } from '../utils/elements.mjs';
-var {
-  name,
-  n,
-  classes
-} = createNamespace('dialog');
+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 VarPopup from "../popup/index.mjs";
+import VarButton from "../button/index.mjs";
+import { props } from "./props.mjs";
+import { defineComponent, ref, watch } from "vue";
+import { pack } from "../locale/index.mjs";
+import { call, createNamespace } from "../utils/components.mjs";
+import { toSizeUnit } from "../utils/elements.mjs";
+const { name, n, classes } = createNamespace("dialog");
 import { renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, normalizeStyle as _normalizeStyle, resolveComponent as _resolveComponent, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, mergeProps as _mergeProps } from "vue";
 function __render__(_ctx, _cache) {
-  var _component_var_button = _resolveComponent("var-button");
-  var _component_var_popup = _resolveComponent("var-popup");
+  const _component_var_button = _resolveComponent("var-button");
+  const _component_var_popup = _resolveComponent("var-popup");
   return _openBlock(), _createBlock(_component_var_popup, {
-    class: _normalizeClass(_ctx.n('popup')),
+    class: _normalizeClass(_ctx.n("popup")),
     "var-dialog-cover": "",
     show: _ctx.popupShow,
     overlay: _ctx.overlay,
@@ -32,59 +43,116 @@ function __render__(_ctx, _cache) {
     onRouteChange: _ctx.onRouteChange,
     onClickOverlay: _ctx.handleClickOverlay
   }, {
-    default: _withCtx(() => [_createElementVNode("div", _mergeProps({
-      class: _ctx.classes(_ctx.n('$--box'), _ctx.n(), _ctx.dialogClass),
-      style: _extends({
-        width: _ctx.toSizeUnit(_ctx.width)
-      }, _ctx.dialogStyle)
-    }, _ctx.$attrs), [_createElementVNode("div", {
-      class: _normalizeClass(_ctx.n('title'))
-    }, [_renderSlot(_ctx.$slots, "title", {}, () => {
-      var _ctx$title;
-      return [_createTextVNode(_toDisplayString((_ctx$title = _ctx.title) != null ? _ctx$title : _ctx.pack.dialogTitle), 1 /* TEXT */)];
-    })], 2 /* CLASS */), _createElementVNode("div", {
-      class: _normalizeClass(_ctx.n('message')),
-      style: _normalizeStyle({
-        textAlign: _ctx.messageAlign
-      })
-    }, [_renderSlot(_ctx.$slots, "default", {}, () => [_createTextVNode(_toDisplayString(_ctx.message), 1 /* TEXT */)])], 6 /* CLASS, STYLE */), _createElementVNode("div", {
-      class: _normalizeClass(_ctx.n('actions'))
-    }, [_ctx.cancelButton ? (_openBlock(), _createBlock(_component_var_button, {
-      key: 0,
-      class: _normalizeClass(_ctx.classes(_ctx.n('button'), _ctx.n('cancel-button'))),
-      "var-dialog-cover": "",
-      text: "",
-      "text-color": _ctx.cancelButtonTextColor,
-      color: _ctx.cancelButtonColor,
-      onClick: _ctx.cancel
-    }, {
-      default: _withCtx(() => {
-        var _ctx$cancelButtonText;
-        return [_createTextVNode(_toDisplayString((_ctx$cancelButtonText = _ctx.cancelButtonText) != null ? _ctx$cancelButtonText : _ctx.pack.dialogCancelButtonText), 1 /* TEXT */)];
-      }),
-
-      _: 1 /* STABLE */
-    }, 8 /* PROPS */, ["class", "text-color", "color", "onClick"])) : _createCommentVNode("v-if", true), _ctx.confirmButton ? (_openBlock(), _createBlock(_component_var_button, {
-      key: 1,
-      class: _normalizeClass(_ctx.classes(_ctx.n('button'), _ctx.n('confirm-button'))),
-      "var-dialog-cover": "",
-      text: "",
-      "text-color": _ctx.confirmButtonTextColor,
-      color: _ctx.confirmButtonColor,
-      onClick: _ctx.confirm
-    }, {
-      default: _withCtx(() => {
-        var _ctx$confirmButtonTex;
-        return [_createTextVNode(_toDisplayString((_ctx$confirmButtonTex = _ctx.confirmButtonText) != null ? _ctx$confirmButtonTex : _ctx.pack.dialogConfirmButtonText), 1 /* TEXT */)];
-      }),
-
-      _: 1 /* STABLE */
-    }, 8 /* PROPS */, ["class", "text-color", "color", "onClick"])) : _createCommentVNode("v-if", true)], 2 /* CLASS */)], 16 /* FULL_PROPS */)]),
-
-    _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["class", "show", "overlay", "overlay-class", "overlay-style", "lock-scroll", "close-on-click-overlay", "teleport", "onOpen", "onClose", "onClosed", "onOpened", "onRouteChange", "onClickOverlay"]);
+    default: _withCtx(() => [
+      _createElementVNode(
+        "div",
+        _mergeProps({
+          class: _ctx.classes(_ctx.n("$--box"), _ctx.n(), _ctx.dialogClass),
+          style: __spreadValues({ width: _ctx.toSizeUnit(_ctx.width) }, _ctx.dialogStyle)
+        }, _ctx.$attrs),
+        [
+          _createElementVNode(
+            "div",
+            {
+              class: _normalizeClass(_ctx.n("title"))
+            },
+            [
+              _renderSlot(_ctx.$slots, "title", {}, () => {
+                var _a;
+                return [
+                  _createTextVNode(
+                    _toDisplayString((_a = _ctx.title) != null ? _a : _ctx.pack.dialogTitle),
+                    1
+                    /* TEXT */
+                  )
+                ];
+              })
+            ],
+            2
+            /* CLASS */
+          ),
+          _createElementVNode(
+            "div",
+            {
+              class: _normalizeClass(_ctx.n("message")),
+              style: _normalizeStyle({ textAlign: _ctx.messageAlign })
+            },
+            [
+              _renderSlot(_ctx.$slots, "default", {}, () => [
+                _createTextVNode(
+                  _toDisplayString(_ctx.message),
+                  1
+                  /* TEXT */
+                )
+              ])
+            ],
+            6
+            /* CLASS, STYLE */
+          ),
+          _createElementVNode(
+            "div",
+            {
+              class: _normalizeClass(_ctx.n("actions"))
+            },
+            [
+              _ctx.cancelButton ? (_openBlock(), _createBlock(_component_var_button, {
+                key: 0,
+                class: _normalizeClass(_ctx.classes(_ctx.n("button"), _ctx.n("cancel-button"))),
+                "var-dialog-cover": "",
+                text: "",
+                "text-color": _ctx.cancelButtonTextColor,
+                color: _ctx.cancelButtonColor,
+                onClick: _ctx.cancel
+              }, {
+                default: _withCtx(() => {
+                  var _a;
+                  return [
+                    _createTextVNode(
+                      _toDisplayString((_a = _ctx.cancelButtonText) != null ? _a : _ctx.pack.dialogCancelButtonText),
+                      1
+                      /* TEXT */
+                    )
+                  ];
+                }),
+                _: 1
+                /* STABLE */
+              }, 8, ["class", "text-color", "color", "onClick"])) : _createCommentVNode("v-if", true),
+              _ctx.confirmButton ? (_openBlock(), _createBlock(_component_var_button, {
+                key: 1,
+                class: _normalizeClass(_ctx.classes(_ctx.n("button"), _ctx.n("confirm-button"))),
+                "var-dialog-cover": "",
+                text: "",
+                "text-color": _ctx.confirmButtonTextColor,
+                color: _ctx.confirmButtonColor,
+                onClick: _ctx.confirm
+              }, {
+                default: _withCtx(() => {
+                  var _a;
+                  return [
+                    _createTextVNode(
+                      _toDisplayString((_a = _ctx.confirmButtonText) != null ? _a : _ctx.pack.dialogConfirmButtonText),
+                      1
+                      /* TEXT */
+                    )
+                  ];
+                }),
+                _: 1
+                /* STABLE */
+              }, 8, ["class", "text-color", "color", "onClick"])) : _createCommentVNode("v-if", true)
+            ],
+            2
+            /* CLASS */
+          )
+        ],
+        16
+        /* FULL_PROPS */
+      )
+    ]),
+    _: 3
+    /* FORWARDED */
+  }, 8, ["class", "show", "overlay", "overlay-class", "overlay-style", "lock-scroll", "close-on-click-overlay", "teleport", "onOpen", "onClose", "onClosed", "onOpened", "onRouteChange", "onClickOverlay"]);
 }
-var __sfc__ = defineComponent({
+const __sfc__ = defineComponent({
   name,
   components: {
     VarPopup,
@@ -92,65 +160,59 @@ var __sfc__ = defineComponent({
   },
   inheritAttrs: false,
   props,
-  setup(props) {
-    var popupShow = ref(false);
-    var popupCloseOnClickOverlay = ref(false);
-    watch(() => props.show, newValue => {
-      popupShow.value = newValue;
-    }, {
-      immediate: true
-    });
-    watch(() => props.closeOnClickOverlay, newValue => {
-      if (props.onBeforeClose != null) {
-        popupCloseOnClickOverlay.value = false;
-        return;
-      }
-      popupCloseOnClickOverlay.value = newValue;
-    }, {
-      immediate: true
-    });
+  setup(props2) {
+    const popupShow = ref(false);
+    const popupCloseOnClickOverlay = ref(false);
+    watch(
+      () => props2.show,
+      (newValue) => {
+        popupShow.value = newValue;
+      },
+      { immediate: true }
+    );
+    watch(
+      () => props2.closeOnClickOverlay,
+      (newValue) => {
+        if (props2.onBeforeClose != null) {
+          popupCloseOnClickOverlay.value = false;
+          return;
+        }
+        popupCloseOnClickOverlay.value = newValue;
+      },
+      { immediate: true }
+    );
     function done() {
-      return call(props['onUpdate:show'], false);
+      return call(props2["onUpdate:show"], false);
     }
     function handleClickOverlay() {
-      var {
-        closeOnClickOverlay,
-        onClickOverlay,
-        onBeforeClose
-      } = props;
+      const { closeOnClickOverlay, onClickOverlay, onBeforeClose } = props2;
       call(onClickOverlay);
       if (!closeOnClickOverlay) {
         return;
       }
       if (onBeforeClose != null) {
-        call(onBeforeClose, 'close', done);
+        call(onBeforeClose, "close", done);
         return;
       }
-      call(props['onUpdate:show'], false);
+      call(props2["onUpdate:show"], false);
     }
     function confirm() {
-      var {
-        onBeforeClose,
-        onConfirm
-      } = props;
+      const { onBeforeClose, onConfirm } = props2;
       call(onConfirm);
       if (onBeforeClose != null) {
-        call(onBeforeClose, 'confirm', done);
+        call(onBeforeClose, "confirm", done);
         return;
       }
-      call(props['onUpdate:show'], false);
+      call(props2["onUpdate:show"], false);
     }
     function cancel() {
-      var {
-        onBeforeClose,
-        onCancel
-      } = props;
+      const { onBeforeClose, onCancel } = props2;
       call(onCancel);
       if (onBeforeClose != null) {
-        call(onBeforeClose, 'cancel', done);
+        call(onBeforeClose, "cancel", done);
         return;
       }
-      call(props['onUpdate:show'], false);
+      call(props2["onUpdate:show"], false);
     }
     return {
       pack,
@@ -166,4 +228,7 @@ var __sfc__ = defineComponent({
   }
 });
 __sfc__.render = __render__;
-export default __sfc__;
+var stdin_default = __sfc__;
+export {
+  stdin_default as default
+};

package/es/dialog/index.mjs

@@ -1,45 +1,56 @@
-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 VarDialog from './Dialog.mjs';
-import { reactive, nextTick } from 'vue';
-import { inBrowser, isString } from '@varlet/shared';
-import { call, mountInstance, withInstall } from '../utils/components.mjs';
-var singletonOptions;
-var defaultOptions = {};
-function normalizeOptions(options) {
-  if (options === void 0) {
-    options = {};
-  }
+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 VarDialog from "./Dialog.mjs";
+import { reactive, nextTick } from "vue";
+import { inBrowser, isString } from "@varlet/shared";
+import { call, mountInstance, withInstall } from "../utils/components.mjs";
+let singletonOptions;
+let defaultOptions = {};
+function normalizeOptions(options = {}) {
   if (isString(options)) {
-    return _extends({}, defaultOptions, {
-      message: options
-    });
+    return __spreadProps(__spreadValues({}, defaultOptions), { message: options });
   }
-  return _extends({}, defaultOptions, options);
+  return __spreadValues(__spreadValues({}, defaultOptions), options);
 }
 function Dialog(options) {
   if (!inBrowser()) {
     return Promise.resolve();
   }
-  return new Promise(resolve => {
+  return new Promise((resolve) => {
     Dialog.close();
-    var dialogOptions = normalizeOptions(options);
-    var reactiveDialogOptions = reactive(dialogOptions);
-    reactiveDialogOptions.teleport = 'body';
+    const dialogOptions = normalizeOptions(options);
+    const reactiveDialogOptions = reactive(dialogOptions);
+    reactiveDialogOptions.teleport = "body";
     singletonOptions = reactiveDialogOptions;
-    var {
-      unmountInstance
-    } = mountInstance(VarDialog, reactiveDialogOptions, {
+    const { unmountInstance } = mountInstance(VarDialog, reactiveDialogOptions, {
       onConfirm: () => {
         call(reactiveDialogOptions.onConfirm);
-        resolve('confirm');
+        resolve("confirm");
       },
       onCancel: () => {
         call(reactiveDialogOptions.onCancel);
-        resolve('cancel');
+        resolve("cancel");
       },
       onClose: () => {
         call(reactiveDialogOptions.onClose);
-        resolve('close');
+        resolve("close");
       },
       onClosed: () => {
         call(reactiveDialogOptions.onClosed);
@@ -50,22 +61,22 @@ function Dialog(options) {
         unmountInstance();
         singletonOptions === reactiveDialogOptions && (singletonOptions = null);
       },
-      'onUpdate:show': value => {
+      "onUpdate:show": (value) => {
         reactiveDialogOptions.show = value;
       }
     });
     reactiveDialogOptions.show = true;
   });
 }
-Dialog.setDefaultOptions = function (options) {
+Dialog.setDefaultOptions = function(options) {
   defaultOptions = options;
 };
-Dialog.resetDefaultOptions = function () {
+Dialog.resetDefaultOptions = function() {
   defaultOptions = {};
 };
-Dialog.close = function () {
+Dialog.close = function() {
   if (singletonOptions != null) {
-    var prevSingletonOptions = singletonOptions;
+    const prevSingletonOptions = singletonOptions;
     singletonOptions = null;
     nextTick().then(() => {
       prevSingletonOptions.show = false;
@@ -75,6 +86,11 @@ Dialog.close = function () {
 Dialog.Component = VarDialog;
 withInstall(VarDialog);
 withInstall(VarDialog, Dialog);
-export { props as dialogProps } from './props.mjs';
-export var _DialogComponent = VarDialog;
-export default Dialog;
+import { props } from "./props.mjs";
+const _DialogComponent = VarDialog;
+var stdin_default = Dialog;
+export {
+  _DialogComponent,
+  stdin_default as default,
+  props as dialogProps
+};