@varlet/ui 2.0.0-alpha.1663499244572 → 2.0.0-alpha.1664031123039

package/LICENCE

@@ -1,21 +1,21 @@
-The MIT License (MIT)
-
-Copyright (c) 2020 varlet
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+The MIT License (MIT)
+
+Copyright (c) 2022 varlet
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,93 +1,87 @@
-
-<div align="center">
-  <a href="https://varlet.gitee.io/varlet-ui">
-    <img src="https://varlet.gitee.io/varlet-ui/logo.svg" width="150">
-  </a>
-  <h1>VARLET</h1>
-  <p>基于 Vue3 的 Material design 风格移动端组件库</p>
-  <p>
-    <a href="https://varlet-varletjs.vercel.app">文档(Vercel)</a> | 
-    <a href="https://varlet.gitee.io/varlet-ui">文档(Gitee)</a> | 
-<a href="https://github.com/varletjs/varlet/blob/dev/README.en-US.md">English Readme</a>
-  </p>
-  <p>
-    <img src="https://img.shields.io/npm/v/@varlet/ui?style=flat-square" alt="version">
-    <img src="https://img.shields.io/github/stars/varletjs/varlet" alt="stars">
-    <img src="https://img.shields.io/badge/vue-v3.2.0%2B-%23407fbc" alt="vue">
-    <img src="https://img.shields.io/npm/l/@varlet/ui.svg" alt="licence">
-    <img src="https://img.shields.io/codecov/c/github/varletjs/varlet" alt="coverage">
-    <img src="https://img.badgesize.io/https://unpkg.com/@varlet/ui/umd/varlet.js?compression=gzip&label=gzip" alt="gzip" />
-    <img src="https://github.com/varletjs/varlet/workflows/CI/badge.svg" alt="ci">
-  </p>
-</div>
-
----
-
-### 介绍
-
-Varlet 是一个基于 `Vue3` 开发的 Material 风格移动端组件库，全面拥抱 `Vue3` 生态，由社区建立起来的组件库团队进行维护。
-
-### 特性
-- 🚀 &nbsp; 提供50+个高质量通用组件 
-- 🚀 &nbsp; 组件十分轻量
-- 💪 &nbsp; 由国人开发，完善的中英文文档和后勤保障
-- 🛠️ &nbsp; 支持按需引入
-- 🛠️ &nbsp; 支持主题定制
-- 🌍 &nbsp; 支持国际化
-- 💡 &nbsp; 支持 webstorm，vscode 组件属性高亮
-- 💪 &nbsp; 支持 SSR
-- 💡 &nbsp; 支持 Typescript 
-- 💪 &nbsp; 确保90%以上单元测试覆盖率，提供稳定性保证
-- 🛠️ &nbsp; 支持暗黑模式
-
-### 安装
-
-### CDN
-`varlet.js` 包含组件库的所有样式和逻辑，引入即可。
-
-```html
-<div id="app"></div>
-<script src="https://cdn.jsdelivr.net/npm/vue@next"></script>
-<script src="https://cdn.jsdelivr.net/npm/@varlet/ui/umd/varlet.js"></script>
-<script>
-  const app = Vue.createApp({
-    template: '<var-button>按钮</var-button>'
-  })
-  app.use(Varlet).mount('#app')
-</script>
-```
-
-### Webpack / Vite
-```shell
-# 通过 npm 或 yarn 或 pnpm 安装
-
-# npm
-npm i @varlet/ui -S
-
-# yarn
-yarn add @varlet/ui
-
-# pnpm
-pnpm add @varlet/ui
-```
-
-```js
-import App from './App.vue'
-import Varlet from '@varlet/ui'
-import { createApp } from 'vue'
-import '@varlet/ui/es/style.js'
-
-createApp(App).use(Varlet).mount('#app')
-```
-
-### 反馈和交流
-
-我们推荐使用`issue`列表进行最直接有效的反馈，也可以通过扫描下方二维码进入微信群进行交流
-
-<img style="width: 25%" src="https://github.com/varletjs/varlet/blob/dev/sponsor/community.png?raw=true" />
-
-### 感谢贡献者们做出的努力
-
-<a href="https://github.com/varletjs/varlet/graphs/contributors">
-  <img src="https://contrib.rocks/image?repo=varletjs/varlet" />
-</a>
+<div align="center">
+  <a href="https://varlet.gitee.io/varlet-ui/#/en-US/home">
+    <img src="https://varlet.gitee.io/varlet-ui/logo.svg" width="150">
+  </a>
+  <h1>VARLET</h1>
+  <p>Material design mobile component library for Vue3</p>
+  <p>
+    <a href="https://varlet-varletjs.vercel.app/#/en-US/home">Documentation(Vercel)</a> |
+    <a href="https://varlet.gitee.io/varlet-ui/#/en-US/home">Documentation(Gitee)</a> |
+    <a href="https://github.com/varletjs/varlet/blob/dev/README.zh-CN.md">中文</a>
+  </p>
+  <p>
+    <img src="https://img.shields.io/npm/v/@varlet/ui?style=flat-square" alt="version">
+    <img src="https://img.shields.io/github/stars/varletjs/varlet" alt="stars">
+    <img src="https://img.shields.io/badge/vue-v3.2.0%2B-%23407fbc" alt="vue">
+    <img src="https://img.shields.io/npm/l/@varlet/ui.svg" alt="licence">
+    <img src="https://img.shields.io/codecov/c/github/varletjs/varlet" alt="coverage">
+    <img src="https://img.badgesize.io/https://unpkg.com/@varlet/ui/umd/varlet.js?compression=gzip&label=gzip" alt="gzip" />
+    <img src="https://github.com/varletjs/varlet/workflows/CI/badge.svg" alt="ci">
+  </p>
+</div>
+
+---
+
+### Intro
+
+Varlet is a Material design mobile component library developed based on `Vue3`, developed and maintained by partners in the community.
+
+
+### Features
+- 🚀 &nbsp; Provide 50+ high quality general purpose components
+- 🚀 &nbsp; Components are very lightweight
+- 💪 &nbsp; Developed by Chinese, complete Chinese and English documentation and logistics support
+- 🛠️ &nbsp; Support on-demand introduction
+- 🛠️ &nbsp; Support theme customization
+- 🌍 &nbsp; Support internationalization
+- 💡 &nbsp; Support WebStorm, VS Code component syntax highlighting
+- 💪 &nbsp; Support the SSR
+- 💡 &nbsp; Support the Typescript
+- 💪 &nbsp; Make sure more than 90 percent unit test coverage, providing stability assurance
+- 🛠️ &nbsp; Support dark mode
+
+### Install
+
+### CDN
+`varlet.js` contain all the styles and logic of the component library, and you can import them.
+
+```html
+<div id="app"></div>
+<script src="https://cdn.jsdelivr.net/npm/vue@next"></script>
+<script src="https://cdn.jsdelivr.net/npm/@varlet/ui/umd/varlet.js"></script>
+<script>
+  const app = Vue.createApp({
+    template: '<var-button>Button</var-button>'
+  })
+  app.use(Varlet).mount('#app')
+</script>
+```
+
+### Webpack / Vite
+```shell
+# Install with npm or yarn or pnpm
+
+# npm
+npm i @varlet/ui -S
+
+# yarn
+yarn add @varlet/ui
+
+# pnpm
+pnpm add @varlet/ui
+```
+
+```js
+import App from './App.vue'
+import Varlet from '@varlet/ui'
+import { createApp } from 'vue'
+import '@varlet/ui/es/style.js'
+
+createApp(App).use(Varlet).mount('#app')
+```
+
+### Thanks to contributors
+
+<a href="https://github.com/varletjs/varlet/graphs/contributors">
+  <img src="https://contrib.rocks/image?repo=varletjs/varlet" />
+</a>

package/README.zh-CN.md

@@ -0,0 +1,92 @@
+
+<div align="center">
+  <a href="https://varlet.gitee.io/varlet-ui">
+    <img src="https://varlet.gitee.io/varlet-ui/logo.svg" width="150">
+  </a>
+  <h1>VARLET</h1>
+  <p>基于 Vue3 的 Material design 风格移动端组件库</p>
+  <p>
+    <a href="https://varlet-varletjs.vercel.app">文档(Vercel)</a> | 
+    <a href="https://varlet.gitee.io/varlet-ui">文档(Gitee)</a>
+  </p>
+  <p>
+    <img src="https://img.shields.io/npm/v/@varlet/ui?style=flat-square" alt="version">
+    <img src="https://img.shields.io/github/stars/varletjs/varlet" alt="stars">
+    <img src="https://img.shields.io/badge/vue-v3.2.0%2B-%23407fbc" alt="vue">
+    <img src="https://img.shields.io/npm/l/@varlet/ui.svg" alt="licence">
+    <img src="https://img.shields.io/codecov/c/github/varletjs/varlet" alt="coverage">
+    <img src="https://img.badgesize.io/https://unpkg.com/@varlet/ui/umd/varlet.js?compression=gzip&label=gzip" alt="gzip" />
+    <img src="https://github.com/varletjs/varlet/workflows/CI/badge.svg" alt="ci">
+  </p>
+</div>
+
+---
+
+### 介绍
+
+Varlet 是一个基于 `Vue3` 开发的 Material 风格移动端组件库，全面拥抱 `Vue3` 生态，由社区建立起来的组件库团队进行维护。
+
+### 特性
+- 🚀 &nbsp; 提供50+个高质量通用组件
+- 🚀 &nbsp; 组件十分轻量
+- 💪 &nbsp; 由国人开发，完善的中英文文档和后勤保障
+- 🛠️ &nbsp; 支持按需引入
+- 🛠️ &nbsp; 支持主题定制
+- 🌍 &nbsp; 支持国际化
+- 💡 &nbsp; 支持 webstorm，vscode 组件属性高亮
+- 💪 &nbsp; 支持 SSR
+- 💡 &nbsp; 支持 Typescript
+- 💪 &nbsp; 确保90%以上单元测试覆盖率，提供稳定性保证
+- 🛠️ &nbsp; 支持暗黑模式
+
+### 安装
+
+### CDN
+`varlet.js` 包含组件库的所有样式和逻辑，引入即可。
+
+```html
+<div id="app"></div>
+<script src="https://cdn.jsdelivr.net/npm/vue@next"></script>
+<script src="https://cdn.jsdelivr.net/npm/@varlet/ui/umd/varlet.js"></script>
+<script>
+  const app = Vue.createApp({
+    template: '<var-button>按钮</var-button>'
+  })
+  app.use(Varlet).mount('#app')
+</script>
+```
+
+### Webpack / Vite
+```shell
+# 通过 npm 或 yarn 或 pnpm 安装
+
+# npm
+npm i @varlet/ui -S
+
+# yarn
+yarn add @varlet/ui
+
+# pnpm
+pnpm add @varlet/ui
+```
+
+```js
+import App from './App.vue'
+import Varlet from '@varlet/ui'
+import { createApp } from 'vue'
+import '@varlet/ui/es/style.js'
+
+createApp(App).use(Varlet).mount('#app')
+```
+
+### 反馈和交流
+
+我们推荐使用`issue`列表进行最直接有效的反馈，也可以通过扫描下方二维码进入微信群进行交流
+
+<img style="width: 25%" src="https://github.com/varletjs/varlet/blob/dev/sponsor/community.png?raw=true" />
+
+### 感谢贡献者们做出的努力
+
+<a href="https://github.com/varletjs/varlet/graphs/contributors">
+  <img src="https://contrib.rocks/image?repo=varletjs/varlet" />
+</a>

package/es/button/Button.js

@@ -67,7 +67,9 @@ export default defineComponent({
     var attemptAutoLoading = result => {
       if (props.autoLoading) {
         pending.value = true;
-        Promise.resolve(result).finally(() => {
+        Promise.resolve(result).then(() => {
+          pending.value = false;
+        }).catch(() => {
           pending.value = false;
         });
       }

package/es/countdown/Countdown.js

@@ -1,8 +1,9 @@
 import { defineComponent, ref, watch } from 'vue';
 import { props } from './props';
 import { requestAnimationFrame, cancelAnimationFrame } from '../utils/elements';
-import { toNumber } from '@varlet/shared';
 import { call, createNamespace } from '../utils/components';
+import { padStart } from '../utils/shared';
+import { toNumber } from '@varlet/shared';
 var {
   n
 } = createNamespace('countdown');
@@ -47,12 +48,12 @@ export default defineComponent({
         if (!format.includes(scannedFormat)) {
           scannedTimes[index + 1] += scannedTimes[index] * padValues[index];
         } else {
-          format = format.replace(scannedFormat, String(scannedTimes[index]).padStart(2, '0'));
+          format = format.replace(scannedFormat, padStart("" + scannedTimes[index], 2, '0'));
         }
       });
 
       if (format.includes('S')) {
-        var ms = String(scannedTimes[scannedTimes.length - 1]).padStart(3, '0');
+        var ms = padStart("" + scannedTimes[scannedTimes.length - 1], 3, '0');
 
         if (format.includes('SSS')) {
           format = format.replace('SSS', ms);

package/es/date-picker/DatePicker.js

@@ -7,6 +7,7 @@ import { props, MONTH_LIST, WEEK_HEADER } from './props';
 import { isArray, toNumber } from '@varlet/shared';
 import { nextTickFrame } from '../utils/elements';
 import { createNamespace, call } from '../utils/components';
+import { padStart } from '../utils/shared';
 import { pack } from '../locale';
 var {
   n,
@@ -243,7 +244,7 @@ export default defineComponent({
       var week = WEEK_HEADER.find(value => value.index === "" + weekIndex);
       var weekName = (_pack$value$datePicke3 = (_pack$value$datePicke4 = pack.value.datePickerWeekDict) == null ? void 0 : _pack$value$datePicke4[week.index].name) != null ? _pack$value$datePicke3 : '';
       var monthName = (_pack$value$datePicke5 = (_pack$value$datePicke6 = pack.value.datePickerMonthDict) == null ? void 0 : _pack$value$datePicke6[chooseMonth.value.index].name) != null ? _pack$value$datePicke5 : '';
-      var showDay = chooseDay.value.padStart(2, '0');
+      var showDay = padStart(chooseDay.value, 2, '0');
       if (pack.value.lang === 'zh-CN') return chooseMonth.value.index + "-" + showDay + " " + weekName.slice(0, 3);
       return weekName.slice(0, 3) + ", " + monthName.slice(0, 3) + " " + chooseDay.value;
     });
@@ -257,10 +258,10 @@ export default defineComponent({
       return !props.touchable || ['', 'year'].includes(getPanelType.value);
     });
     var slotProps = computed(() => {
-      var _chooseMonth$value, _chooseDay$value, _chooseYear$value, _chooseMonth$value$in, _chooseMonth$value2;
+      var _chooseMonth$value, _chooseYear$value, _chooseMonth$value$in, _chooseMonth$value2;
 
       var weekIndex = dayjs(chooseYear.value + "-" + ((_chooseMonth$value = chooseMonth.value) == null ? void 0 : _chooseMonth$value.index) + "-" + chooseDay.value).day();
-      var date = chooseDay.value ? (_chooseDay$value = chooseDay.value) == null ? void 0 : _chooseDay$value.padStart(2, '0') : '';
+      var date = chooseDay.value ? padStart(chooseDay.value, 2, '0') : '';
       return {
         week: "" + weekIndex,
         year: (_chooseYear$value = chooseYear.value) != null ? _chooseYear$value : '',

package/es/index.d.ts

@@ -1 +1 @@
-export * from '..\types'
+export * from '../types'

package/es/input/Input.js

@@ -73,7 +73,7 @@ export function render(_ctx, _cache) {
     onTouchstart: _cache[4] || (_cache[4] = function () {
       return _ctx.handleTouchstart && _ctx.handleTouchstart(...arguments);
     })
-  }, "\r\n        ", 46
+  }, "\n        ", 46
   /* CLASS, STYLE, PROPS, HYDRATE_EVENTS */
   , _hoisted_1)) : (_openBlock(), _createElementBlock("input", {
     key: 2,

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

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

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

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

package/es/space/Space.js

@@ -29,6 +29,10 @@ export default defineComponent({
       return isInternalSize ? internalSizes[size] : isArray(size) ? size.map(toPxNum) : [toPxNum(size), toPxNum(size)];
     };
 
+    var padStartFlex = style => {
+      return style === 'start' || style === 'end' ? "flex-" + style : style;
+    };
+
     return () => {
       var _call;
 
@@ -102,8 +106,8 @@ export default defineComponent({
         "class": classes(n(), 'var--box', [inline, n('--inline')]),
         "style": {
           flexDirection: direction,
-          justifyContent: justify,
-          alignItems: align,
+          justifyContent: padStartFlex(justify),
+          alignItems: padStartFlex(align),
           flexWrap: wrap ? 'wrap' : 'nowrap',
           margin: direction === 'row' ? "-" + y / 2 + "px 0" : undefined
         }

package/es/style-provider/index.js

@@ -3,13 +3,9 @@ import { formatStyleVars } from '../utils/elements';
 var mountedVarKeys = [];
 
 function StyleProvider(styleVars) {
-  if (styleVars === void 0) {
-    styleVars = {};
-  }
-
   mountedVarKeys.forEach(key => document.documentElement.style.removeProperty(key));
   mountedVarKeys.length = 0;
-  var styles = formatStyleVars(styleVars);
+  var styles = formatStyleVars(styleVars != null ? styleVars : {});
   Object.entries(styles).forEach(_ref => {
     var [key, value] = _ref;
     document.documentElement.style.setProperty(key, value);

package/es/themes/dark/index.d.ts

@@ -1,5 +1,5 @@
-import { StyleVars } from '../../../types'
-
-declare const dark: StyleVars
-
-export default dark
+import { StyleVars } from '../../../types'
+
+declare const dark: StyleVars
+
+export default dark

package/es/time-picker/TimePicker.js

@@ -4,6 +4,7 @@ import Clock from './clock.js'
 import { props, hoursAmpm, hours24 } from './props';
 import { toNumber } from '@varlet/shared';
 import { createNamespace, call } from '../utils/components';
+import { padStart } from '../utils/shared';
 import { getNumberTime, getIsDisableMinute, getIsDisableSecond } from './utils';
 var {
   n,
@@ -195,7 +196,7 @@ export default defineComponent({
       var newHour = findAvailableHour(ampmType);
       if (!newHour) return;
       var second = props.useSeconds ? ":" + time.value.second : '';
-      var newTime = newHour.padStart(2, '0') + ":" + time.value.minute + second;
+      var newTime = padStart(newHour, 2, '0') + ":" + time.value.minute + second;
       update(newTime);
     };
 
@@ -374,7 +375,7 @@ export default defineComponent({
         time.value = getTime(value);
 
         if (props.format !== '24hr') {
-          ampm.value = ("" + hour).padStart(2, '0') === formatHour24 && hours24.includes(formatHour24) ? 'pm' : 'am';
+          ampm.value = padStart("" + hour, 2, '0') === formatHour24 && hours24.includes(formatHour24) ? 'pm' : 'am';
         }
 
         isInner.value = props.format === '24hr' && hours24.includes(formatHour24);

package/es/time-picker/clock.js

@@ -4,6 +4,7 @@ import { hoursAmpm, hours24, minSec } from './props';
 import { notConvert, convertHour, getIsDisableMinute, getIsDisableSecond, getNumberTime } from './utils';
 import { toNumber } from '@varlet/shared';
 import { createNamespace } from '../utils/components';
+import { padStart } from '../utils/shared';
 var {
   n,
   classes
@@ -218,7 +219,7 @@ export default defineComponent({
     var getHour = () => {
       if (activeItemIndex.value === undefined) return undefined;
       var hours = props.ampm === 'am' ? hoursAmpm : hours24;
-      return hours[activeItemIndex.value].padStart(2, '0');
+      return padStart(hours[activeItemIndex.value], 2, '0');
     };
 
     watch([activeItemIndex, () => props.isInner], (_ref2, _ref3) => {

package/es/utils/elements.js

@@ -3,6 +3,7 @@ function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try
 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 { isNumber, isString, kebabCase, toNumber } from '@varlet/shared';
+import { getGlobalThis } from './shared';
 export function getLeft(element) {
   var {
     left
@@ -159,9 +160,11 @@ export var multiplySizeUnit = function (value, quantity) {
   return "" + parseFloat(legalSize) * quantity + unit;
 };
 export function requestAnimationFrame(fn) {
+  var globalThis = getGlobalThis();
   return globalThis.requestAnimationFrame ? globalThis.requestAnimationFrame(fn) : globalThis.setTimeout(fn, 16);
 }
 export function cancelAnimationFrame(handle) {
+  var globalThis = getGlobalThis();
   globalThis.cancelAnimationFrame ? globalThis.cancelAnimationFrame(handle) : globalThis.clearTimeout(handle);
 }
 export function nextTickFrame(fn) {

package/es/utils/shared.js

@@ -44,4 +44,23 @@ export var createCache = max => {
 export var linear = value => value;
 export var cubic = value => Math.pow(value, 3);
 export var easeInOutCubic = value => value < 0.5 ? cubic(value * 2) / 2 : 1 - cubic((1 - value) * 2) / 2;
-export var dt = (value, defaultText) => value == null ? defaultText : value;
+export var dt = (value, defaultText) => value == null ? defaultText : value;
+export var getGlobalThis = () => {
+  if (typeof globalThis !== 'undefined') return globalThis;
+  if (typeof window !== 'undefined') return window;
+  return typeof global !== 'undefined' ? global : self;
+};
+export var padStart = function (str, maxLength, fillString) {
+  if (str === void 0) {
+    str = '';
+  }
+
+  if (fillString === void 0) {
+    fillString = '';
+  }
+
+  if (str.length >= maxLength) return str;
+  var len = maxLength - str.length;
+  var repeatCount = Math.floor(len / fillString.length);
+  return fillString.repeat(repeatCount) + fillString.slice(0, len % fillString.length) + str;
+};