@varlet/ui 2.3.1 → 2.4.0-alpha.1670751751241

package/es/style.js

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

package/es/themes/dark/index.js

@@ -17,6 +17,7 @@ import picker from './picker';
 import popup from './popup';
 import pullRefresh from './pullRefresh';
 import radio from './radio';
+import result from './result';
 import select from './select';
 import skeleton from './skeleton';
 import steps from './steps';
@@ -41,4 +42,4 @@ export default _extends({
   '--color-danger': '#ef5350',
   '--color-disabled': '#404040',
   '--color-text-disabled': '#757575'
-}, button, cell, card, timePicker, datePicker, skeleton, tabs, tab, popup, dialog, actionSheet, chip, badge, uploader, collapse, pullRefresh, switchThemes, steps, pagination, table, input, select, radio, checkbox, divider, picker, appBar, bottomNavigation, bottomNavigationItem, menu);
+}, button, cell, card, timePicker, datePicker, skeleton, tabs, tab, popup, dialog, actionSheet, chip, badge, uploader, collapse, pullRefresh, switchThemes, steps, pagination, table, input, select, radio, checkbox, divider, picker, appBar, bottomNavigation, bottomNavigationItem, menu, result);

package/es/themes/dark/result.js

@@ -0,0 +1,9 @@
+export 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)'
+};

package/es/umdIndex.js

@@ -31,9 +31,11 @@ import Lazy, * as LazyModule from './lazy'
 import Link, * as LinkModule from './link'
 import List, * as ListModule from './list'
 import Loading, * as LoadingModule from './loading'
+import LoadingBar, * as LoadingBarModule from './loading-bar'
 import Locale, * as LocaleModule from './locale'
 import Menu, * as MenuModule from './menu'
 import Option, * as OptionModule from './option'
+import Overlay, * as OverlayModule from './overlay'
 import Pagination, * as PaginationModule from './pagination'
 import Picker, * as PickerModule from './picker'
 import Popup, * as PopupModule from './popup'
@@ -42,6 +44,7 @@ import PullRefresh, * as PullRefreshModule from './pull-refresh'
 import Radio, * as RadioModule from './radio'
 import RadioGroup, * as RadioGroupModule from './radio-group'
 import Rate, * as RateModule from './rate'
+import Result, * as ResultModule from './result'
 import Ripple, * as RippleModule from './ripple'
 import Row, * as RowModule from './row'
 import Select, * as SelectModule from './select'
@@ -98,9 +101,11 @@ import './lazy/style'
 import './link/style'
 import './list/style'
 import './loading/style'
+import './loading-bar/style'
 import './locale/style'
 import './menu/style'
 import './option/style'
+import './overlay/style'
 import './pagination/style'
 import './picker/style'
 import './popup/style'
@@ -109,6 +114,7 @@ import './pull-refresh/style'
 import './radio/style'
 import './radio-group/style'
 import './rate/style'
+import './result/style'
 import './ripple/style'
 import './row/style'
 import './select/style'
@@ -167,9 +173,11 @@ function install(app) {
   Link.install && app.use(Link)
   List.install && app.use(List)
   Loading.install && app.use(Loading)
+  LoadingBar.install && app.use(LoadingBar)
   Locale.install && app.use(Locale)
   Menu.install && app.use(Menu)
   Option.install && app.use(Option)
+  Overlay.install && app.use(Overlay)
   Pagination.install && app.use(Pagination)
   Picker.install && app.use(Picker)
   Popup.install && app.use(Popup)
@@ -178,6 +186,7 @@ function install(app) {
   Radio.install && app.use(Radio)
   RadioGroup.install && app.use(RadioGroup)
   Rate.install && app.use(Rate)
+  Result.install && app.use(Result)
   Ripple.install && app.use(Ripple)
   Row.install && app.use(Row)
   Select.install && app.use(Select)
@@ -237,9 +246,11 @@ export {
   Link,
   List,
   Loading,
+  LoadingBar,
   Locale,
   Menu,
   Option,
+  Overlay,
   Pagination,
   Picker,
   Popup,
@@ -248,6 +259,7 @@ export {
   Radio,
   RadioGroup,
   Rate,
+  Result,
   Ripple,
   Row,
   Select,
@@ -307,9 +319,11 @@ export default {
   Link,
   List,
   Loading,
+  LoadingBar,
   Locale,
   Menu,
   Option,
+  Overlay,
   Pagination,
   Picker,
   Popup,
@@ -318,6 +332,7 @@ export default {
   Radio,
   RadioGroup,
   Rate,
+  Result,
   Ripple,
   Row,
   Select,

package/es/utils/elements.js

@@ -94,15 +94,19 @@ export function getAllParentScroller(el) {
   return allParentScroller;
 } // example 1rem
 
-export var isRem = value => isString(value) && value.endsWith('rem'); // example 1 || 1px
+export var isRem = value => isString(value) && value.endsWith('rem'); // e.g. 1 || 1px
 
-export var isPx = value => isString(value) && value.endsWith('px') || isNumber(value); // example 1%
+export var isPx = value => isString(value) && value.endsWith('px') || isNumber(value); // e.g. 1%
 
-export var isPercent = value => isString(value) && value.endsWith('%'); // example 1vw
+export var isPercent = value => isString(value) && value.endsWith('%'); // e.g. 1vw
 
-export var isVw = value => isString(value) && value.endsWith('vw'); // example 1vh
+export var isVw = value => isString(value) && value.endsWith('vw'); // e.g. 1vh
 
-export var isVh = value => isString(value) && value.endsWith('vh'); // example return 1
+export var isVh = value => isString(value) && value.endsWith('vh'); // e.g. calc(1px + 1px)
+
+export var isCalc = value => isString(value) && value.startsWith('calc('); // e.g. var(--color-primary)
+
+export var isVar = value => isString(value) && value.startsWith('var('); // e.g. return 1
 
 export var toPxNum = value => {
   if (isNumber(value)) {
@@ -133,14 +137,14 @@ export 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)
 
 export var toSizeUnit = value => {
   if (value == null) {
     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;
   }