@varlet/ui 2.3.0 → 2.4.0-alpha.1670569085974

package/lib/style.js

@@ -31,6 +31,7 @@ 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')
@@ -42,6 +43,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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varlet/ui",
-  "version": "2.3.0",
+  "version": "2.4.0-alpha.1670569085974",
   "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",
@@ -46,15 +45,17 @@
   },
   "dependencies": {
     "@popperjs/core": "^2.11.6",
+    "@varlet/icons": "2.4.0-alpha.1670569085974",
+    "@varlet/shared": "2.4.0-alpha.1670569085974",
     "dayjs": "^1.10.4",
-    "decimal.js": "^10.2.1",
-    "@varlet/icons": "2.3.0",
-    "@varlet/shared": "2.3.0"
+    "decimal.js": "^10.2.1"
   },
   "devDependencies": {
     "@types/jest": "^26.0.15",
     "@types/lodash-es": "^4.17.6",
     "@types/node": "^18.7.18",
+    "@varlet/cli": "2.4.0-alpha.1670569085974",
+    "@varlet/touch-emulator": "2.4.0-alpha.1670569085974",
     "@vue/runtime-core": "3.2.25",
     "@vue/test-utils": "^2.0.2",
     "clipboard": "^2.0.6",
@@ -63,9 +64,7 @@
     "postcss-px-to-viewport": "^1.1.1",
     "typescript": "^4.4.4",
     "vue": "3.2.25",
-    "vue-router": "4.0.12",
-    "@varlet/cli": "2.3.0",
-    "@varlet/touch-emulator": "2.3.0"
+    "vue-router": "4.0.12"
   },
   "browserslist": [
     "Chrome >= 54",

package/types/index.d.ts

@@ -34,6 +34,7 @@ export * from './lazy'
 export * from './link'
 export * from './list'
 export * from './loading'
+export * from './loadingBar'
 export * from './locale'
 export * from './menu'
 export * from './option'
@@ -45,6 +46,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,6 +106,7 @@ 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']
@@ -115,6 +118,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,17 @@
+export interface LoadingBarOptions {
+  color?: string
+  errorColor?: string
+  height?: string | number
+}
+
+export interface ILoadingBar {
+  (options: LoadingBarOptions): void
+
+  start(): void
+
+  finish(): void
+
+  error(): void
+}
+
+export const LoadingBar: ILoadingBar

package/types/popup.d.ts

@@ -12,6 +12,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 {}