@varlet/ui 1.25.0 → 1.25.1

package/lib/tabs/Tabs.js

@@ -18,6 +18,10 @@ var _elements = require("../utils/elements");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+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); }); }; }
+
 function render(_ctx, _cache) {
   return (0, _vue.openBlock)(), (0, _vue.createBlock)((0, _vue.resolveDynamicComponent)(_ctx.sticky ? 'var-sticky' : _ctx.Transition), {
     "offset-top": _ctx.sticky ? _ctx.offsetTop : null
@@ -195,7 +199,10 @@ var _default = (0, _vue.defineComponent)({
       onTabClick
     };
     bindTabList(tabsProvider);
-    (0, _vue.watch)(() => length.value, () => (0, _vue.nextTick)().then(resize));
+    (0, _vue.watch)(() => length.value, /*#__PURE__*/_asyncToGenerator(function* () {
+      yield (0, _elements.doubleRaf)();
+      resize();
+    }));
     (0, _vue.watch)(() => props.active, resize);
     (0, _vue.onMounted)(() => window.addEventListener('resize', resize));
     (0, _vue.onUnmounted)(() => window.removeEventListener('resize', resize));

package/lib/themes/dark/appBar.js

@@ -0,0 +1,8 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _default = {
+  '--app-bar-color': '#272727'
+};
+exports.default = _default;

package/lib/themes/dark/index.js

@@ -55,6 +55,8 @@ var _uploader = _interopRequireDefault(require("./uploader"));
 
 var _tabs = _interopRequireDefault(require("./tabs"));
 
+var _appBar = _interopRequireDefault(require("./appBar"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _extends() { _extends = Object.assign || 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); }
@@ -70,6 +72,6 @@ var _default = _extends({
   '--color-danger': '#ef5350',
   '--color-disabled': '#404040',
   '--color-text-disabled': '#757575'
-}, _button.default, _cell.default, _card.default, _timePicker.default, _datePicker.default, _skeleton.default, _tabs.default, _tab.default, _popup.default, _dialog.default, _actionSheet.default, _chip.default, _badge.default, _uploader.default, _collapse.default, _pullRefresh.default, _switch.default, _steps.default, _pagination.default, _table.default, _input.default, _select.default, _radio.default, _checkbox.default, _divider.default, _picker.default);
+}, _button.default, _cell.default, _card.default, _timePicker.default, _datePicker.default, _skeleton.default, _tabs.default, _tab.default, _popup.default, _dialog.default, _actionSheet.default, _chip.default, _badge.default, _uploader.default, _collapse.default, _pullRefresh.default, _switch.default, _steps.default, _pagination.default, _table.default, _input.default, _select.default, _radio.default, _checkbox.default, _divider.default, _picker.default, _appBar.default);
 
 exports.default = _default;

package/lib/utils/shared.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.isURL = exports.isString = exports.isPromise = exports.isPlainObject = exports.isNumber = exports.isHTMLSupportVideo = exports.isHTMLSupportImage = exports.isEmpty = exports.isBool = exports.isArray = exports.inBrowser = exports.easeInOutCubic = exports.dt = exports.cubic = exports.createCache = void 0;
+exports.isURL = exports.isString = exports.isPlainObject = exports.isObject = exports.isNumber = exports.isHTMLSupportVideo = exports.isHTMLSupportImage = exports.isEmpty = exports.isBool = exports.isArray = exports.inBrowser = exports.easeInOutCubic = exports.dt = exports.cubic = exports.createCache = void 0;
 exports.kebabCase = kebabCase;
 exports.linear = void 0;
 exports.parseFormat = parseFormat;
@@ -58,13 +58,13 @@ var isPlainObject = val => Object.prototype.toString.call(val) === '[object Obje
 
 exports.isPlainObject = isPlainObject;
 
-var isArray = val => Array.isArray(val);
+var isObject = val => typeof val === 'object' && val !== null;
 
-exports.isArray = isArray;
+exports.isObject = isObject;
 
-var isPromise = val => val instanceof Promise;
+var isArray = val => Array.isArray(val);
 
-exports.isPromise = isPromise;
+exports.isArray = isArray;
 
 var isURL = val => {
   if (!val) {
@@ -211,6 +211,6 @@ var uniq = arr => [...new Set(arr)];
 exports.uniq = uniq;
 
 function kebabCase(str) {
-  var reg = /([^-])([A-Z])/g;
-  return str.replace(reg, '$1-$2').replace(reg, '$1-$2').toLowerCase();
+  var ret = str.replace(/([A-Z])/g, ' $1').trim();
+  return ret.split(' ').join('-').toLowerCase();
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varlet/ui",
-  "version": "1.25.0",
+  "version": "1.25.1",
   "description": "A material like components library",
   "module": "es/index.js",
   "main": "lib/index.js",
@@ -39,13 +39,13 @@
   },
   "gitHead": "ee9c3866bedad96c86365b0f9888a3a6bb781b1f",
   "dependencies": {
-    "@varlet/icons": "1.25.0",
+    "@varlet/icons": "1.25.1",
     "dayjs": "^1.10.4",
     "decimal.js": "^10.2.1"
   },
   "devDependencies": {
-    "@varlet/cli": "1.25.0",
-    "@varlet/touch-emulator": "1.25.0",
+    "@varlet/cli": "1.25.1",
+    "@varlet/touch-emulator": "1.25.1",
     "@vue/test-utils": "2.0.0-rc.6",
     "@vue/runtime-core": "^3.2.16",
     "typescript": "^4.4.4",

package/types/backTop.d.ts

@@ -3,7 +3,9 @@ import { VarComponent } from './varComponent'
 export interface BackTopProps {
   visibilityHeight?: number | string
   duration?: number
-  target?: string
+  target?: string | HTMLElement
+  right?: number | string
+  bottom?: number | string
   onClick?: (e: MouseEvent) => void
 }
 

package/types/collapse.d.ts

@@ -1,6 +1,6 @@
 import { VarComponent } from './varComponent'
 
-export type CollapseModelValue = undefined | string | number | Array<string | number | undefined>
+export type CollapseModelValue = null | string | number | Array<string | number>
 
 export interface CollapseProps {
   modelValue?: CollapseModelValue

package/types/dialog.d.ts

@@ -17,6 +17,8 @@ export interface DialogProps {
   overlay?: boolean
   overlayClass?: string
   overlayStyle?: Record<string, any>
+  dialogClass?: string
+  dialogStyle?: Record<string, any>
   lockScroll?: boolean
   closeOnClickOverlay?: boolean
   teleport?: TeleportProps['to']
@@ -52,6 +54,8 @@ export interface DialogOptions {
   overlay?: boolean
   overlayClass?: string
   overlayStyle?: Record<string, any>
+  dialogClass?: string
+  dialogStyle?: Record<string, any>
   lockScroll?: boolean
   closeOnClickOverlay?: boolean
   onOpen?: () => void

package/types/global.d.ts

@@ -42,6 +42,7 @@ declare module 'vue' {
     VarRipple: typeof import('@varlet/ui')['_RippleComponent']
     VarRow: typeof import('@varlet/ui')['_RowComponent']
     VarSelect: typeof import('@varlet/ui')['_SelectComponent']
+    VarSkeleton: typeof import('@varlet/ui')['_SkeletonComponent']
     VarSlider: typeof import('@varlet/ui')['_SliderComponent']
     VarSnackbar: typeof import('@varlet/ui')['_SnackbarComponent']
     VarSpace: typeof import('@varlet/ui')['_SpaceComponent']

package/types/index.d.ts

@@ -44,6 +44,7 @@ export * from './rate'
 export * from './ripple'
 export * from './row'
 export * from './select'
+export * from './skeleton'
 export * from './slider'
 export * from './snackbar'
 export * from './space'

package/types/skeleton.d.ts

@@ -0,0 +1,21 @@
+import { VarComponent } from './varComponent'
+
+export interface SkeletonProps {
+  loading?: boolean
+  title?: boolean
+  avatar?: boolean
+  card?: boolean
+  fullscreen?: boolean
+  fullscreenZIndex?: string | number
+  titleWidth?: string | number
+  avatarSize?: string | number
+  cardHeight?: string | number
+  rows?: string | number
+  rowsWidth?: (string | number)[]
+}
+
+export class Skeleton extends VarComponent {
+  $props: SkeletonProps
+}
+
+export class _SkeletonComponent extends Skeleton {}