@varlet/ui 2.20.1 → 2.20.2

package/es/loading-bar/index.mjs

@@ -0,0 +1,102 @@
+import LoadingBarComponent from "./LoadingBar.mjs";
+import { reactive } from "vue";
+import { mountInstance } from "../utils/components.mjs";
+import { props as loadingBarProps } from "./props.mjs";
+let valueTimer;
+let errorTimer;
+let opacityTimer;
+let finishTimer;
+let isMount;
+let setOptions = {};
+const internalProps = {
+  value: 0,
+  opacity: 0,
+  error: false
+};
+const props = reactive(internalProps);
+const mergeConfig = (options) => {
+  Object.assign(props, options);
+};
+const setDefaultOptions = (options) => {
+  Object.assign(props, options);
+  setOptions = options;
+};
+const resetDefaultOptions = () => {
+  Object.keys(setOptions).forEach((key) => {
+    if (props[key] !== void 0) {
+      props[key] = void 0;
+    }
+  });
+};
+const mount = () => {
+  if (!isMount) {
+    isMount = true;
+    mountInstance(LoadingBarComponent, props);
+  }
+};
+const tickValue = () => {
+  valueTimer = window.setTimeout(() => {
+    if (props.value >= 95)
+      return;
+    let num = Math.random();
+    if (props.value < 70)
+      num = Math.round(5 * Math.random());
+    props.value += num;
+    tickValue();
+  }, 200);
+};
+const clearTimer = () => {
+  window.clearTimeout(errorTimer);
+  window.clearTimeout(valueTimer);
+  window.clearTimeout(opacityTimer);
+  window.clearTimeout(finishTimer);
+};
+const start = () => {
+  clearTimer();
+  props.error = false;
+  props.value = 0;
+  mount();
+  opacityTimer = window.setTimeout(() => {
+    props.opacity = 1;
+  }, 200);
+  tickValue();
+};
+const finish = () => {
+  clearTimer();
+  props.value = 100;
+  opacityTimer = window.setTimeout(() => {
+    props.opacity = 0;
+    errorTimer = window.setTimeout(() => {
+      props.error = false;
+    }, 250);
+  }, 300);
+};
+const error = () => {
+  clearTimer();
+  props.error = true;
+  if (props.value === 100) {
+    props.value = 0;
+  }
+  mount();
+  opacityTimer = window.setTimeout(() => {
+    props.opacity = 1;
+  }, 200);
+  tickValue();
+  finishTimer = window.setTimeout(finish, 300);
+};
+const LoadingBar = {
+  start,
+  finish,
+  error,
+  /** @deprecated Use setDefaultOptions to instead. */
+  mergeConfig,
+  setDefaultOptions,
+  resetDefaultOptions
+};
+const _LoadingBarComponent = LoadingBar;
+var stdin_default = LoadingBar;
+export {
+  _LoadingBarComponent,
+  stdin_default as default,
+  loadingBarProps
+};

package/es/loading-bar/loadingBar.css

@@ -0,0 +1 @@
+:root { --loading-bar-color: var(--color-primary); --loading-bar-error-color: var(--color-danger); --loading-bar-height: 3px;}.var-loading-bar { position: fixed; left: 0; top: 0; transition: all 0.25s; height: var(--loading-bar-height); background-color: var(--loading-bar-color);}.var-loading-bar--error { background-color: var(--loading-bar-error-color);}

package/es/loading-bar/props.mjs

@@ -0,0 +1,18 @@
+const props = {
+  value: {
+    type: Number,
+    default: 0
+  },
+  opacity: {
+    type: Number,
+    default: 0
+  },
+  error: Boolean,
+  color: String,
+  errorColor: String,
+  height: [Number, String],
+  top: [Number, String]
+};
+export {
+  props
+};

package/es/loading-bar/style/index.mjs

@@ -0,0 +1,2 @@
+import '../../styles/common.css'
+import '../loadingBar.css'

package/es/locale/en-US.d.ts

@@ -0,0 +1,5 @@
+import type { Pack } from '../../types'
+
+declare const enUS: Pack
+
+export default enUS

package/es/locale/en-US.mjs

@@ -0,0 +1,108 @@
+var stdin_default = {
+  // Dialog
+  dialogTitle: "Hint",
+  dialogConfirmButtonText: "Confirm",
+  dialogCancelButtonText: "Cancel",
+  // ActionSheet
+  actionSheetTitle: "Select One",
+  // List
+  listLoadingText: "Loading",
+  listFinishedText: "No more",
+  listErrorText: "Load fail",
+  // Picker
+  pickerTitle: "Pick it",
+  pickerConfirmButtonText: "Confirm",
+  pickerCancelButtonText: "Cancel",
+  // date-picker
+  datePickerMonthDict: {
+    "01": {
+      name: "January",
+      abbr: "JAN"
+    },
+    "02": {
+      name: "February",
+      abbr: "FEB"
+    },
+    "03": {
+      name: "March",
+      abbr: "MAR"
+    },
+    "04": {
+      name: "April",
+      abbr: "APR"
+    },
+    "05": {
+      name: "May",
+      abbr: "MAY"
+    },
+    "06": {
+      name: "June",
+      abbr: "JUN"
+    },
+    "07": {
+      name: "July",
+      abbr: "JUL"
+    },
+    "08": {
+      name: "August",
+      abbr: "AUG"
+    },
+    "09": {
+      name: "September",
+      abbr: "SEP"
+    },
+    "10": {
+      name: "October",
+      abbr: "OCT"
+    },
+    "11": {
+      name: "November",
+      abbr: "NOV"
+    },
+    "12": {
+      name: "December",
+      abbr: "DEC"
+    }
+  },
+  datePickerWeekDict: {
+    "0": {
+      name: "Sunday",
+      abbr: "S"
+    },
+    "1": {
+      name: "Monday",
+      abbr: "M"
+    },
+    "2": {
+      name: "Tuesday",
+      abbr: "T"
+    },
+    "3": {
+      name: "Wednesday",
+      abbr: "W"
+    },
+    "4": {
+      name: "Thursday",
+      abbr: "T"
+    },
+    "5": {
+      name: "Friday",
+      abbr: "F"
+    },
+    "6": {
+      name: "Saturday",
+      abbr: "S"
+    }
+  },
+  datePickerSelected: " selected",
+  datePickerHint: "SELECT DATE",
+  // pagination
+  paginationItem: "",
+  paginationPage: "page",
+  paginationJump: "Go to",
+  // time-picker
+  timePickerHint: "SELECT TIME"
+};
+export {
+  stdin_default as default
+};

package/es/locale/index.mjs

@@ -0,0 +1,79 @@
+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 zhCN from "./zh-CN.mjs";
+import enUS from "./en-US.mjs";
+import zhTW from "./zh-TW.mjs";
+import zhHK from "./zh-HK.mjs";
+import { ref } from "vue";
+function useLocale() {
+  const packs2 = {};
+  const pack2 = ref({});
+  const add2 = (lang, pack3) => {
+    pack3.lang = lang;
+    packs2[lang] = pack3;
+  };
+  const use2 = (lang) => {
+    if (!packs2[lang]) {
+      console.warn(`The ${lang} does not exist. You can mount a language package using the add method`);
+      return {};
+    }
+    pack2.value = packs2[lang];
+  };
+  const merge2 = (lang, pack3) => {
+    if (!packs2[lang]) {
+      console.warn(`The ${lang} does not exist. You can mount a language package using the add method`);
+      return;
+    }
+    packs2[lang] = __spreadValues(__spreadValues({}, packs2[lang]), pack3);
+    use2(lang);
+  };
+  return {
+    packs: packs2,
+    pack: pack2,
+    add: add2,
+    use: use2,
+    merge: merge2
+  };
+}
+const { packs, pack, add, use, merge } = useLocale();
+add("zh-CN", zhCN);
+use("zh-CN");
+const _LocaleComponent = { zhCN, enUS, packs, pack, add, use, merge, useLocale };
+var stdin_default = {
+  zhCN,
+  enUS,
+  zhTW,
+  zhHK,
+  packs,
+  pack,
+  add,
+  use,
+  merge,
+  useLocale
+};
+export {
+  _LocaleComponent,
+  add,
+  stdin_default as default,
+  enUS,
+  merge,
+  pack,
+  packs,
+  use,
+  useLocale,
+  zhCN
+};

package/es/locale/zh-CN.d.ts

@@ -0,0 +1,5 @@
+import type { Pack } from '../../types'
+
+declare const zhCN: Pack
+
+export default zhCN

package/es/locale/zh-CN.mjs

@@ -0,0 +1,108 @@
+var stdin_default = {
+  // Dialog
+  dialogTitle: "\u63D0\u793A",
+  dialogConfirmButtonText: "\u786E\u8BA4",
+  dialogCancelButtonText: "\u53D6\u6D88",
+  // ActionSheet
+  actionSheetTitle: "\u8BF7\u9009\u62E9",
+  // List
+  listLoadingText: "\u52A0\u8F7D\u4E2D",
+  listFinishedText: "\u6CA1\u6709\u66F4\u591A\u4E86",
+  listErrorText: "\u52A0\u8F7D\u5931\u8D25",
+  // Picker
+  pickerTitle: "\u8BF7\u9009\u62E9",
+  pickerConfirmButtonText: "\u786E\u8BA4",
+  pickerCancelButtonText: "\u53D6\u6D88",
+  // date-picker
+  datePickerMonthDict: {
+    "01": {
+      name: "\u4E00\u6708",
+      abbr: "\u4E00\u6708"
+    },
+    "02": {
+      name: "\u4E8C\u6708",
+      abbr: "\u4E8C\u6708"
+    },
+    "03": {
+      name: "\u4E09\u6708",
+      abbr: "\u4E09\u6708"
+    },
+    "04": {
+      name: "\u56DB\u6708",
+      abbr: "\u56DB\u6708"
+    },
+    "05": {
+      name: "\u4E94\u6708",
+      abbr: "\u4E94\u6708"
+    },
+    "06": {
+      name: "\u516D\u6708",
+      abbr: "\u516D\u6708"
+    },
+    "07": {
+      name: "\u4E03\u6708",
+      abbr: "\u4E03\u6708"
+    },
+    "08": {
+      name: "\u516B\u6708",
+      abbr: "\u516B\u6708"
+    },
+    "09": {
+      name: "\u4E5D\u6708",
+      abbr: "\u4E5D\u6708"
+    },
+    "10": {
+      name: "\u5341\u6708",
+      abbr: "\u5341\u6708"
+    },
+    "11": {
+      name: "\u5341\u4E00\u6708",
+      abbr: "\u5341\u4E00\u6708"
+    },
+    "12": {
+      name: "\u5341\u4E8C\u6708",
+      abbr: "\u5341\u4E8C\u6708"
+    }
+  },
+  datePickerWeekDict: {
+    "0": {
+      name: "\u661F\u671F\u65E5",
+      abbr: "\u65E5"
+    },
+    "1": {
+      name: "\u661F\u671F\u4E00",
+      abbr: "\u4E00"
+    },
+    "2": {
+      name: "\u661F\u671F\u4E8C",
+      abbr: "\u4E8C"
+    },
+    "3": {
+      name: "\u661F\u671F\u4E09",
+      abbr: "\u4E09"
+    },
+    "4": {
+      name: "\u661F\u671F\u56DB",
+      abbr: "\u56DB"
+    },
+    "5": {
+      name: "\u661F\u671F\u4E94",
+      abbr: "\u4E94"
+    },
+    "6": {
+      name: "\u661F\u671F\u516D",
+      abbr: "\u516D"
+    }
+  },
+  datePickerSelected: "\u4E2A\u88AB\u9009\u62E9",
+  datePickerHint: "\u9009\u62E9\u65E5\u671F",
+  // pagination
+  paginationItem: "\u6761",
+  paginationPage: "\u9875",
+  paginationJump: "\u524D\u5F80",
+  // time-picker
+  timePickerHint: "\u9009\u62E9\u65F6\u95F4"
+};
+export {
+  stdin_default as default
+};

package/es/locale/zh-HK.d.ts

@@ -0,0 +1,5 @@
+import type { Pack } from '../../types'
+
+declare const enUS: Pack
+
+export default enUS

package/es/locale/zh-HK.mjs

@@ -0,0 +1,5 @@
+import pack from "./zh-TW.mjs";
+var stdin_default = pack;
+export {
+  stdin_default as default
+};

package/es/locale/zh-TW.d.ts

@@ -0,0 +1,5 @@
+import type { Pack } from '../../types'
+
+declare const enUS: Pack
+
+export default enUS

package/es/locale/zh-TW.mjs

@@ -0,0 +1,105 @@
+var stdin_default = {
+  // Dialog
+  dialogTitle: "\u63D0\u793A",
+  dialogConfirmButtonText: "\u78BA\u8A8D",
+  dialogCancelButtonText: "\u53D6\u6D88",
+  // ActionSheet
+  actionSheetTitle: "\u8ACB\u9078\u64C7",
+  // List
+  listLoadingText: "\u8F09\u5165\u4E2D",
+  listFinishedText: "\u6C92\u6709\u66F4\u591A\u4E86",
+  listErrorText: "\u8F09\u5165\u5931\u6557",
+  // Picker
+  pickerTitle: "\u8ACB\u9078\u64C7",
+  pickerConfirmButtonText: "\u78BA\u8A8D",
+  pickerCancelButtonText: "\u53D6\u6D88",
+  // date-picker
+  datePickerMonthDict: {
+    "01": {
+      name: "\u4E00\u6708",
+      abbr: "\u4E00\u6708"
+    },
+    "02": {
+      name: "\u4E8C\u6708",
+      abbr: "\u4E8C\u6708"
+    },
+    "03": {
+      name: "\u4E09\u6708",
+      abbr: "\u4E09\u6708"
+    },
+    "04": {
+      name: "\u56DB\u6708",
+      abbr: "\u56DB\u6708"
+    },
+    "05": {
+      name: "\u4E94\u6708",
+      abbr: "\u4E94\u6708"
+    },
+    "06": {
+      name: "\u516D\u6708",
+      abbr: "\u516D\u6708"
+    },
+    "07": {
+      name: "\u4E03\u6708",
+      abbr: "\u4E03\u6708"
+    },
+    "08": {
+      name: "\u516B\u6708",
+      abbr: "\u516B\u6708"
+    },
+    "09": {
+      name: "\u4E5D\u6708",
+      abbr: "\u4E5D\u6708"
+    },
+    "10": {
+      name: "\u5341\u6708",
+      abbr: "\u5341\u6708"
+    },
+    "11": {
+      name: "\u5341\u4E00\u6708",
+      abbr: "\u5341\u4E00\u6708"
+    },
+    "12": {
+      name: "\u5341\u4E8C\u6708",
+      abbr: "\u5341\u4E8C\u6708"
+    }
+  },
+  datePickerWeekDict: {
+    "0": {
+      name: "\u661F\u671F\u65E5",
+      abbr: "\u65E5"
+    },
+    "1": {
+      name: "\u661F\u671F\u4E00",
+      abbr: "\u4E00"
+    },
+    "2": {
+      name: "\u661F\u671F\u4E8C",
+      abbr: "\u4E8C"
+    },
+    "3": {
+      name: "\u661F\u671F\u4E09",
+      abbr: "\u4E09"
+    },
+    "4": {
+      name: "\u661F\u671F\u56DB",
+      abbr: "\u56DB"
+    },
+    "5": {
+      name: "\u661F\u671F\u4E94",
+      abbr: "\u4E94"
+    },
+    "6": {
+      name: "\u661F\u671F\u516D",
+      abbr: "\u516D"
+    }
+  },
+  datePickerSelected: "\u500B\u88AB\u9078\u64C7",
+  // pagination
+  paginationItem: "\u689D",
+  paginationPage: "\u9801",
+  paginationJump: "\u524D\u5F80"
+};
+export {
+  stdin_default as default
+};

package/es/menu/Menu.mjs

@@ -0,0 +1,124 @@
+import { createNamespace, formatElevation, useTeleport } from "../utils/components.mjs";
+import { defineComponent } from "vue";
+import { props } from "./props.mjs";
+import { usePopover } from "./usePopover.mjs";
+import { toSizeUnit } from "../utils/elements.mjs";
+const { name, n, classes } = createNamespace("menu");
+import { renderSlot as _renderSlot, vShow as _vShow, withModifiers as _withModifiers, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, withDirectives as _withDirectives, Transition as _Transition, withCtx as _withCtx, createVNode as _createVNode, Teleport as _Teleport, openBlock as _openBlock, createBlock as _createBlock, createElementBlock as _createElementBlock } from "vue";
+function __render__(_ctx, _cache) {
+  return _openBlock(), _createElementBlock(
+    "div",
+    {
+      ref: "host",
+      class: _normalizeClass(_ctx.classes(_ctx.n(), _ctx.n("$--box"))),
+      onClick: _cache[3] || (_cache[3] = (...args) => _ctx.handleHostClick && _ctx.handleHostClick(...args)),
+      onMouseenter: _cache[4] || (_cache[4] = (...args) => _ctx.handleHostMouseenter && _ctx.handleHostMouseenter(...args)),
+      onMouseleave: _cache[5] || (_cache[5] = (...args) => _ctx.handleHostMouseleave && _ctx.handleHostMouseleave(...args))
+    },
+    [
+      _renderSlot(_ctx.$slots, "default"),
+      (_openBlock(), _createBlock(_Teleport, {
+        to: _ctx.teleport === false ? void 0 : _ctx.teleport,
+        disabled: _ctx.teleportDisabled || _ctx.teleport === false
+      }, [
+        _createVNode(_Transition, {
+          name: _ctx.n(),
+          onAfterEnter: _ctx.onOpened,
+          onAfterLeave: _ctx.handleClosed,
+          persisted: ""
+        }, {
+          default: _withCtx(() => [
+            _withDirectives(_createElementVNode(
+              "div",
+              {
+                ref: "popover",
+                style: _normalizeStyle({
+                  zIndex: _ctx.zIndex,
+                  width: _ctx.sameWidth ? _ctx.toSizeUnit(Math.ceil(_ctx.hostSize.width)) : void 0
+                }),
+                class: _normalizeClass(
+                  _ctx.classes(
+                    _ctx.n("menu"),
+                    _ctx.n("$--box"),
+                    _ctx.popoverClass,
+                    [_ctx.defaultStyle, _ctx.n("--menu-background-color")],
+                    [_ctx.defaultStyle, _ctx.formatElevation(_ctx.elevation, 3)]
+                  )
+                ),
+                onClick: _cache[0] || (_cache[0] = _withModifiers(() => {
+                }, ["stop"])),
+                onMouseenter: _cache[1] || (_cache[1] = (...args) => _ctx.handlePopoverMouseenter && _ctx.handlePopoverMouseenter(...args)),
+                onMouseleave: _cache[2] || (_cache[2] = (...args) => _ctx.handlePopoverMouseleave && _ctx.handlePopoverMouseleave(...args))
+              },
+              [
+                _renderSlot(_ctx.$slots, "menu")
+              ],
+              38
+              /* CLASS, STYLE, HYDRATE_EVENTS */
+            ), [
+              [_vShow, _ctx.show]
+            ])
+          ]),
+          _: 3
+          /* FORWARDED */
+        }, 8, ["name", "onAfterEnter", "onAfterLeave"])
+      ], 8, ["to", "disabled"]))
+    ],
+    34
+    /* CLASS, HYDRATE_EVENTS */
+  );
+}
+const __sfc__ = defineComponent({
+  name,
+  props,
+  setup(props2) {
+    const { disabled: teleportDisabled } = useTeleport();
+    const {
+      popover,
+      host,
+      hostSize,
+      show,
+      zIndex,
+      handleHostClick,
+      handleHostMouseenter,
+      handleHostMouseleave,
+      handlePopoverMouseenter,
+      handlePopoverMouseleave,
+      handlePopoverClose,
+      handleClosed,
+      // expose
+      open,
+      // expose
+      close,
+      // expose
+      resize
+    } = usePopover(props2);
+    return {
+      popover,
+      host,
+      hostSize,
+      show,
+      zIndex,
+      teleportDisabled,
+      formatElevation,
+      toSizeUnit,
+      n,
+      classes,
+      handleHostClick,
+      handleHostMouseenter,
+      handleHostMouseleave,
+      handlePopoverMouseenter,
+      handlePopoverMouseleave,
+      handlePopoverClose,
+      handleClosed,
+      resize,
+      open,
+      close
+    };
+  }
+});
+__sfc__.render = __render__;
+var stdin_default = __sfc__;
+export {
+  stdin_default as default
+};

package/es/menu/index.mjs

@@ -0,0 +1,12 @@
+import Menu from "./Menu.mjs";
+import { withInstall, withPropsDefaultsSetter } from "../utils/components.mjs";
+import { props as menuProps } from "./props.mjs";
+withInstall(Menu);
+withPropsDefaultsSetter(Menu, menuProps);
+const _MenuComponent = Menu;
+var stdin_default = Menu;
+export {
+  _MenuComponent,
+  stdin_default as default,
+  menuProps
+};