@varlet/ui 2.3.1 → 2.4.0-alpha.1670751751241

package/lib/style.js

@@ -31,9 +31,11 @@ require('./lazy/style')
 require('./link/style')
 require('./list/style')
 require('./loading/style')
+require('./loading-bar/style')
 require('./locale/style')
 require('./menu/style')
 require('./option/style')
+require('./overlay/style')
 require('./pagination/style')
 require('./picker/style')
 require('./popup/style')
@@ -42,6 +44,7 @@ require('./pull-refresh/style')
 require('./radio/style')
 require('./radio-group/style')
 require('./rate/style')
+require('./result/style')
 require('./ripple/style')
 require('./row/style')
 require('./select/style')

package/lib/themes/dark/index.js

@@ -37,6 +37,8 @@ var _pullRefresh = _interopRequireDefault(require("./pullRefresh"));
 
 var _radio = _interopRequireDefault(require("./radio"));
 
+var _result = _interopRequireDefault(require("./result"));
+
 var _select = _interopRequireDefault(require("./select"));
 
 var _skeleton = _interopRequireDefault(require("./skeleton"));
@@ -78,6 +80,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, _appBar.default, _bottomNavigation.default, _bottomNavigationItem.default, _menu.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, _bottomNavigation.default, _bottomNavigationItem.default, _menu.default, _result.default);
 
 exports.default = _default;

package/lib/themes/dark/result.js

@@ -0,0 +1,14 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _default = {
+  '--result-background': '#303030',
+  '--result-title-color': '#ffffff',
+  '--result-description-color': '#aaaaaa',
+  '--result-question-color': '#7f8e96',
+  '--result-question-border-color': 'rgba(151,194,216,0.3)',
+  '--result-empty-color': '#adadad',
+  '--result-empty-border-color': 'rgba(232,229,229,0.3)'
+};
+exports.default = _default;

package/lib/utils/elements.js

@@ -12,7 +12,7 @@ exports.getScrollTop = getScrollTop;
 exports.getTop = getTop;
 exports.getTranslate = getTranslate;
 exports.inViewport = inViewport;
-exports.multiplySizeUnit = exports.isVw = exports.isVh = exports.isRem = exports.isPx = exports.isPercent = void 0;
+exports.multiplySizeUnit = exports.isVw = exports.isVh = exports.isVar = exports.isRem = exports.isPx = exports.isPercent = exports.isCalc = void 0;
 exports.nextTickFrame = nextTickFrame;
 exports.requestAnimationFrame = requestAnimationFrame;
 exports.scrollTo = scrollTo;
@@ -124,31 +124,41 @@ function getAllParentScroller(el) {
 } // example 1rem
 
 
-var isRem = value => (0, _shared.isString)(value) && value.endsWith('rem'); // example 1 || 1px
+var isRem = value => (0, _shared.isString)(value) && value.endsWith('rem'); // e.g. 1 || 1px
 
 
 exports.isRem = isRem;
 
-var isPx = value => (0, _shared.isString)(value) && value.endsWith('px') || (0, _shared.isNumber)(value); // example 1%
+var isPx = value => (0, _shared.isString)(value) && value.endsWith('px') || (0, _shared.isNumber)(value); // e.g. 1%
 
 
 exports.isPx = isPx;
 
-var isPercent = value => (0, _shared.isString)(value) && value.endsWith('%'); // example 1vw
+var isPercent = value => (0, _shared.isString)(value) && value.endsWith('%'); // e.g. 1vw
 
 
 exports.isPercent = isPercent;
 
-var isVw = value => (0, _shared.isString)(value) && value.endsWith('vw'); // example 1vh
+var isVw = value => (0, _shared.isString)(value) && value.endsWith('vw'); // e.g. 1vh
 
 
 exports.isVw = isVw;
 
-var isVh = value => (0, _shared.isString)(value) && value.endsWith('vh'); // example return 1
+var isVh = value => (0, _shared.isString)(value) && value.endsWith('vh'); // e.g. calc(1px + 1px)
 
 
 exports.isVh = isVh;
 
+var isCalc = value => (0, _shared.isString)(value) && value.startsWith('calc('); // e.g. var(--color-primary)
+
+
+exports.isCalc = isCalc;
+
+var isVar = value => (0, _shared.isString)(value) && value.startsWith('var('); // e.g. return 1
+
+
+exports.isVar = isVar;
+
 var toPxNum = value => {
   if ((0, _shared.isNumber)(value)) {
     return value;
@@ -178,7 +188,7 @@ var toPxNum = value => {
 
 
   return 0;
-}; // example return 1px 1% 1vw 1vh 1rem null
+}; // e.g. return 1px 1% 1vw 1vh 1rem null var(--color-primary) calc(1px + 1px)
 
 
 exports.toPxNum = toPxNum;
@@ -188,7 +198,7 @@ var toSizeUnit = value => {
     return undefined;
   }
 
-  if (isPercent(value) || isVw(value) || isVh(value) || isRem(value)) {
+  if (isPercent(value) || isVw(value) || isVh(value) || isRem(value) || isCalc(value) || isVar(value)) {
     return value;
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varlet/ui",
-  "version": "2.3.1",
+  "version": "2.4.0-alpha.1670751751241",
   "description": "A material like components library",
   "module": "es/index.js",
   "main": "lib/index.js",
@@ -21,8 +21,7 @@
     "es",
     "umd",
     "highlight",
-    "types",
-    "CHANGELOG.md"
+    "types"
   ],
   "author": "haoziqaq <357229046@qq.com>",
   "license": "MIT",
@@ -48,8 +47,8 @@
     "@popperjs/core": "^2.11.6",
     "dayjs": "^1.10.4",
     "decimal.js": "^10.2.1",
-    "@varlet/icons": "2.3.1",
-    "@varlet/shared": "2.3.1"
+    "@varlet/icons": "2.4.0-alpha.1670751751241",
+    "@varlet/shared": "2.4.0-alpha.1670751751241"
   },
   "devDependencies": {
     "@types/jest": "^26.0.15",
@@ -64,8 +63,8 @@
     "typescript": "^4.4.4",
     "vue": "3.2.25",
     "vue-router": "4.0.12",
-    "@varlet/cli": "2.3.1",
-    "@varlet/touch-emulator": "2.3.1"
+    "@varlet/touch-emulator": "2.4.0-alpha.1670751751241",
+    "@varlet/cli": "2.4.0-alpha.1670751751241"
   },
   "browserslist": [
     "Chrome >= 54",

package/types/appBar.d.ts

@@ -9,6 +9,7 @@ export interface AppBarProps extends BasicAttributes {
   title?: string
   titlePosition?: AppBarTitlePosition
   elevation?: boolean
+  round?: boolean
 }
 
 export class AppBar extends VarComponent {

package/types/index.d.ts

@@ -34,9 +34,11 @@ export * from './lazy'
 export * from './link'
 export * from './list'
 export * from './loading'
+export * from './loadingBar'
 export * from './locale'
 export * from './menu'
 export * from './option'
+export * from './overlay'
 export * from './pagination'
 export * from './picker'
 export * from './popup'
@@ -45,6 +47,7 @@ export * from './pullRefresh'
 export * from './radio'
 export * from './radioGroup'
 export * from './rate'
+export * from './result'
 export * from './ripple'
 export * from './row'
 export * from './select'
@@ -104,9 +107,11 @@ declare module 'vue' {
     VarLink: typeof import('@varlet/ui')['_LinkComponent']
     VarList: typeof import('@varlet/ui')['_ListComponent']
     VarLoading: typeof import('@varlet/ui')['_LoadingComponent']
+    VarLoadingBar: typeof import('@varlet/ui')['_LoadingBarComponent']
     VarLocale: typeof import('@varlet/ui')['_LocaleComponent']
     VarMenu: typeof import('@varlet/ui')['_MenuComponent']
     VarOption: typeof import('@varlet/ui')['_OptionComponent']
+    VarOverlay: typeof import('@varlet/ui')['_OverlayComponent']
     VarPagination: typeof import('@varlet/ui')['_PaginationComponent']
     VarPicker: typeof import('@varlet/ui')['_PickerComponent']
     VarPopup: typeof import('@varlet/ui')['_PopupComponent']
@@ -115,6 +120,7 @@ declare module 'vue' {
     VarRadio: typeof import('@varlet/ui')['_RadioComponent']
     VarRadioGroup: typeof import('@varlet/ui')['_RadioGroupComponent']
     VarRate: typeof import('@varlet/ui')['_RateComponent']
+    VarResult: typeof import('@varlet/ui')['_ResultComponent']
     VarRipple: typeof import('@varlet/ui')['_RippleComponent']
     VarRow: typeof import('@varlet/ui')['_RowComponent']
     VarSelect: typeof import('@varlet/ui')['_SelectComponent']

package/types/loadingBar.d.ts

@@ -0,0 +1,18 @@
+export interface LoadingBarOptions {
+  color?: string
+  errorColor?: string
+  height?: string | number
+  top?: string | number
+}
+
+export interface ILoadingBar {
+  mergeConfig(options: LoadingBarOptions): void
+
+  start(): void
+
+  finish(): void
+
+  error(): void
+}
+
+export const LoadingBar: ILoadingBar

package/types/overlay.d.ts

@@ -0,0 +1,19 @@
+import { VarComponent, BasicAttributes } from './varComponent'
+import { VNode, TeleportProps } from 'vue'
+
+export interface OverlayProps extends BasicAttributes {
+  lockScroll?: boolean
+  teleport?: TeleportProps['to']
+  onClick?: () => void
+  'onUpdate:show'?: (show: boolean) => void
+}
+
+export class Overlay extends VarComponent {
+  $props: OverlayProps
+
+  $slots: {
+    default(): VNode[]
+  }
+}
+
+export class _OverlayComponent extends Overlay {}

package/types/popup.d.ts

@@ -1,6 +1,5 @@
 import { VarComponent, BasicAttributes } from './varComponent'
-import type { TeleportProps } from 'vue'
-import { VNode } from 'vue'
+import { VNode, TeleportProps } from 'vue'
 
 export type PopupPosition = 'top' | 'bottom' | 'right' | 'left' | 'center'
 
@@ -12,6 +11,7 @@ export interface PopupProps extends BasicAttributes {
   overlayStyle?: Record<string, any>
   lockScroll?: boolean
   closeOnClickOverlay?: boolean
+  defaultStyle?: boolean
   teleport?: TeleportProps['to']
   onOpen?: () => void
   onOpened?: () => void

package/types/result.d.ts

@@ -0,0 +1,25 @@
+import { VarComponent, BasicAttributes } from './varComponent'
+import { VNode } from 'vue'
+
+export type ResultType = 'info' | 'success' | 'warning' | 'error' | 'question' | 'empty'
+
+export interface ResultProps extends BasicAttributes {
+  type?: ResultType
+  title?: string
+  description?: string
+  imageSize?: string | number
+  animation?: boolean
+}
+
+export class Result extends VarComponent {
+  $props: ResultProps
+
+  $slots: {
+    image(): VNode[]
+    title(): VNode[]
+    description(): VNode[]
+    footer(): VNode[]
+  }
+}
+
+export class _ResultComponent extends Result {}