@varlet/ui 2.7.4 → 2.8.0-alpha.1676441771603

package/es/index.bundle.mjs

@@ -21,6 +21,7 @@ import Counter from './counter/index.mjs'
 import DatePicker from './date-picker/index.mjs'
 import Dialog from './dialog/index.mjs'
 import Divider from './divider/index.mjs'
+import Ellipsis from './ellipsis/index.mjs'
 import Form from './form/index.mjs'
 import FormDetails from './form-details/index.mjs'
 import Icon from './icon/index.mjs'
@@ -39,6 +40,7 @@ import Menu from './menu/index.mjs'
 import Option from './option/index.mjs'
 import Overlay from './overlay/index.mjs'
 import Pagination from './pagination/index.mjs'
+import Paper from './paper/index.mjs'
 import Picker from './picker/index.mjs'
 import Popup from './popup/index.mjs'
 import Progress from './progress/index.mjs'
@@ -94,6 +96,7 @@ export * from './counter/index.mjs'
 export * from './date-picker/index.mjs'
 export * from './dialog/index.mjs'
 export * from './divider/index.mjs'
+export * from './ellipsis/index.mjs'
 export * from './form/index.mjs'
 export * from './form-details/index.mjs'
 export * from './icon/index.mjs'
@@ -112,6 +115,7 @@ export * from './menu/index.mjs'
 export * from './option/index.mjs'
 export * from './overlay/index.mjs'
 export * from './pagination/index.mjs'
+export * from './paper/index.mjs'
 export * from './picker/index.mjs'
 export * from './popup/index.mjs'
 export * from './progress/index.mjs'
@@ -167,6 +171,7 @@ import './counter/style/index.mjs'
 import './date-picker/style/index.mjs'
 import './dialog/style/index.mjs'
 import './divider/style/index.mjs'
+import './ellipsis/style/index.mjs'
 import './form/style/index.mjs'
 import './form-details/style/index.mjs'
 import './icon/style/index.mjs'
@@ -185,6 +190,7 @@ import './menu/style/index.mjs'
 import './option/style/index.mjs'
 import './overlay/style/index.mjs'
 import './pagination/style/index.mjs'
+import './paper/style/index.mjs'
 import './picker/style/index.mjs'
 import './popup/style/index.mjs'
 import './progress/style/index.mjs'
@@ -217,7 +223,7 @@ import './time-picker/style/index.mjs'
 import './tooltip/style/index.mjs'
 import './uploader/style/index.mjs'
 
-const version = '2.7.4'
+const version = '2.8.0-alpha.1676441771603'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)
@@ -243,6 +249,7 @@ function install(app) {
   DatePicker.install && app.use(DatePicker)
   Dialog.install && app.use(Dialog)
   Divider.install && app.use(Divider)
+  Ellipsis.install && app.use(Ellipsis)
   Form.install && app.use(Form)
   FormDetails.install && app.use(FormDetails)
   Icon.install && app.use(Icon)
@@ -261,6 +268,7 @@ function install(app) {
   Option.install && app.use(Option)
   Overlay.install && app.use(Overlay)
   Pagination.install && app.use(Pagination)
+  Paper.install && app.use(Paper)
   Picker.install && app.use(Picker)
   Popup.install && app.use(Popup)
   Progress.install && app.use(Progress)
@@ -320,6 +328,7 @@ export {
   DatePicker,
   Dialog,
   Divider,
+  Ellipsis,
   Form,
   FormDetails,
   Icon,
@@ -338,6 +347,7 @@ export {
   Option,
   Overlay,
   Pagination,
+  Paper,
   Picker,
   Popup,
   Progress,
@@ -397,6 +407,7 @@ export default {
   DatePicker,
   Dialog,
   Divider,
+  Ellipsis,
   Form,
   FormDetails,
   Icon,
@@ -415,6 +426,7 @@ export default {
   Option,
   Overlay,
   Pagination,
+  Paper,
   Picker,
   Popup,
   Progress,

package/es/index.mjs

@@ -21,6 +21,7 @@ import Counter from './counter/index.mjs'
 import DatePicker from './date-picker/index.mjs'
 import Dialog from './dialog/index.mjs'
 import Divider from './divider/index.mjs'
+import Ellipsis from './ellipsis/index.mjs'
 import Form from './form/index.mjs'
 import FormDetails from './form-details/index.mjs'
 import Icon from './icon/index.mjs'
@@ -39,6 +40,7 @@ import Menu from './menu/index.mjs'
 import Option from './option/index.mjs'
 import Overlay from './overlay/index.mjs'
 import Pagination from './pagination/index.mjs'
+import Paper from './paper/index.mjs'
 import Picker from './picker/index.mjs'
 import Popup from './popup/index.mjs'
 import Progress from './progress/index.mjs'
@@ -94,6 +96,7 @@ export * from './counter/index.mjs'
 export * from './date-picker/index.mjs'
 export * from './dialog/index.mjs'
 export * from './divider/index.mjs'
+export * from './ellipsis/index.mjs'
 export * from './form/index.mjs'
 export * from './form-details/index.mjs'
 export * from './icon/index.mjs'
@@ -112,6 +115,7 @@ export * from './menu/index.mjs'
 export * from './option/index.mjs'
 export * from './overlay/index.mjs'
 export * from './pagination/index.mjs'
+export * from './paper/index.mjs'
 export * from './picker/index.mjs'
 export * from './popup/index.mjs'
 export * from './progress/index.mjs'
@@ -144,7 +148,7 @@ export * from './time-picker/index.mjs'
 export * from './tooltip/index.mjs'
 export * from './uploader/index.mjs'
 
-const version = '2.7.4'
+const version = '2.8.0-alpha.1676441771603'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)
@@ -170,6 +174,7 @@ function install(app) {
   DatePicker.install && app.use(DatePicker)
   Dialog.install && app.use(Dialog)
   Divider.install && app.use(Divider)
+  Ellipsis.install && app.use(Ellipsis)
   Form.install && app.use(Form)
   FormDetails.install && app.use(FormDetails)
   Icon.install && app.use(Icon)
@@ -188,6 +193,7 @@ function install(app) {
   Option.install && app.use(Option)
   Overlay.install && app.use(Overlay)
   Pagination.install && app.use(Pagination)
+  Paper.install && app.use(Paper)
   Picker.install && app.use(Picker)
   Popup.install && app.use(Popup)
   Progress.install && app.use(Progress)
@@ -247,6 +253,7 @@ export {
   DatePicker,
   Dialog,
   Divider,
+  Ellipsis,
   Form,
   FormDetails,
   Icon,
@@ -265,6 +272,7 @@ export {
   Option,
   Overlay,
   Pagination,
+  Paper,
   Picker,
   Popup,
   Progress,
@@ -324,6 +332,7 @@ export default {
   DatePicker,
   Dialog,
   Divider,
+  Ellipsis,
   Form,
   FormDetails,
   Icon,
@@ -342,6 +351,7 @@ export default {
   Option,
   Overlay,
   Pagination,
+  Paper,
   Picker,
   Popup,
   Progress,

package/es/paper/Paper.mjs

@@ -0,0 +1,55 @@
+import Ripple from '../ripple/index.mjs';
+import { defineComponent } from 'vue';
+import { call, createNamespace } from '../utils/components.mjs';
+import { props } from './props.mjs';
+import { toSizeUnit } from '../utils/elements.mjs';
+var {
+  n,
+  classes
+} = createNamespace('paper');
+import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, resolveDirective as _resolveDirective, openBlock as _openBlock, createElementBlock as _createElementBlock, withDirectives as _withDirectives } from "vue";
+
+function __render__(_ctx, _cache) {
+  var _directive_ripple = _resolveDirective("ripple");
+
+  return _withDirectives((_openBlock(), _createElementBlock("div", {
+    class: _normalizeClass(_ctx.classes(_ctx.n(), _ctx.n('$--box'), _ctx.n("$-elevation--" + _ctx.elevation), [_ctx.onClick, _ctx.n('--cursor')], [_ctx.round, _ctx.n('--round')], [_ctx.inline, _ctx.n('$--inline-flex')])),
+    style: _normalizeStyle({
+      width: _ctx.toSizeUnit(_ctx.width),
+      height: _ctx.toSizeUnit(_ctx.height),
+      'border-radius': _ctx.toSizeUnit(_ctx.radius)
+    }),
+    onClick: _cache[0] || (_cache[0] = function () {
+      return _ctx.handleClick && _ctx.handleClick(...arguments);
+    })
+  }, [_renderSlot(_ctx.$slots, "default")], 6
+  /* CLASS, STYLE */
+  )), [[_directive_ripple, {
+    disabled: !_ctx.ripple
+  }]]);
+}
+
+var __sfc__ = defineComponent({
+  name: 'VarPaper',
+  directives: {
+    Ripple
+  },
+  props,
+
+  setup(props) {
+    var handleClick = e => {
+      call(props.onClick, e);
+    };
+
+    return {
+      n,
+      classes,
+      toSizeUnit,
+      handleClick
+    };
+  }
+
+});
+
+__sfc__.render = __render__;
+export default __sfc__;

package/es/paper/index.mjs

@@ -0,0 +1,9 @@
+import Paper from './Paper.mjs';
+
+Paper.install = function (app) {
+  app.component(Paper.name, Paper);
+};
+
+export { props as paperProps } from './props.mjs';
+export var _PaperComponent = Paper;
+export default Paper;

package/es/paper/paper.css

@@ -0,0 +1 @@
+:root { --paper-background: #fff;}.var-paper { background: var(--paper-background); transition: background-color 0.25s; overflow: hidden;}.var-paper--round { border-radius: 50%;}.var-paper--cursor { cursor: pointer;}

package/es/paper/props.mjs

@@ -0,0 +1,28 @@
+import { defineListenerProp } from '../utils/components.mjs';
+export var props = {
+  elevation: {
+    type: [Number, String]
+  },
+  ripple: {
+    type: Boolean,
+    default: false
+  },
+  radius: {
+    type: [Number, String]
+  },
+  width: {
+    type: [Number, String]
+  },
+  height: {
+    type: [Number, String]
+  },
+  round: {
+    type: Boolean,
+    default: false
+  },
+  inline: {
+    type: Boolean,
+    default: false
+  },
+  onClick: defineListenerProp()
+};

package/es/paper/style/index.mjs

@@ -0,0 +1,4 @@
+import '../../styles/common.css'
+import '../../styles/elevation.css'
+import '../paper.css'
+import '../PaperSfc.css'

package/es/picker/Picker.mjs

@@ -14,7 +14,7 @@ var {
 var MOMENTUM_RECORD_TIME = 300;
 var MOMENTUM_ALLOW_DISTANCE = 15;
 var sid = 0;
-import { renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, normalizeClass as _normalizeClass, withCtx as _withCtx, createVNode as _createVNode, createElementVNode as _createElementVNode, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, normalizeStyle as _normalizeStyle, withModifiers as _withModifiers, mergeProps as _mergeProps, resolveDynamicComponent as _resolveDynamicComponent, createBlock as _createBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
+import { renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, normalizeClass as _normalizeClass, withCtx as _withCtx, createVNode as _createVNode, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, renderList as _renderList, Fragment as _Fragment, normalizeStyle as _normalizeStyle, withModifiers as _withModifiers, mergeProps as _mergeProps, resolveDynamicComponent as _resolveDynamicComponent, createBlock as _createBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
 
 var _withScopeId = n => (_pushScopeId(""), n = n(), _popScopeId(), n);
 
@@ -42,7 +42,8 @@ function __render__(_ctx, _cache) {
   }), {
     default: _withCtx(() => [_createElementVNode("div", _mergeProps({
       class: _ctx.n()
-    }, _ctx.$attrs), [_createElementVNode("div", {
+    }, _ctx.$attrs), [_ctx.toolbar ? (_openBlock(), _createElementBlock("div", {
+      key: 0,
       class: _normalizeClass(_ctx.n('toolbar'))
     }, [_renderSlot(_ctx.$slots, "cancel", {}, () => [_createVNode(_component_var_button, {
       class: _normalizeClass(_ctx.n('cancel-button')),
@@ -80,7 +81,7 @@ function __render__(_ctx, _cache) {
     /* PROPS */
     , ["class", "text-color", "onClick"])])], 2
     /* CLASS */
-    ), _createElementVNode("div", {
+    )) : _createCommentVNode("v-if", true), _createElementVNode("div", {
       class: _normalizeClass(_ctx.n('columns')),
       style: _normalizeStyle({
         height: _ctx.columnHeight + "px"

package/es/ripple/index.mjs

@@ -82,7 +82,7 @@ function createRipple(event) {
     }, 20);
   };
 
-  _ripple.tasker = window.setTimeout(task, 60);
+  _ripple.tasker = window.setTimeout(task, 30);
 }
 
 function removeRipple() {
@@ -107,7 +107,7 @@ function removeRipple() {
     }, delay);
   };
 
-  _ripple.tasker ? setTimeout(task, 60) : task();
+  _ripple.tasker ? setTimeout(task, 30) : task();
 }
 
 function forbidRippleTask() {

package/es/row/Row.mjs

@@ -2,7 +2,7 @@ import { defineComponent, computed, watch } from 'vue';
 import { props } from './props.mjs';
 import { useCols } from './provide.mjs';
 import { toPxNum } from '../utils/elements.mjs';
-import { createNamespace } from '../utils/components.mjs';
+import { call, createNamespace } from '../utils/components.mjs';
 var {
   n,
   classes
@@ -18,7 +18,7 @@ function __render__(_ctx, _cache) {
       margin: _ctx.average ? "0 -" + _ctx.average + "px" : undefined
     }),
     onClick: _cache[0] || (_cache[0] = function () {
-      return _ctx.onClick && _ctx.onClick(...arguments);
+      return _ctx.handleClick && _ctx.handleClick(...arguments);
     })
   }, [_renderSlot(_ctx.$slots, "default")], 6
   /* CLASS, STYLE */
@@ -49,6 +49,10 @@ var __sfc__ = defineComponent({
       });
     };
 
+    var handleClick = e => {
+      call(props.onClick, e);
+    };
+
     var rowProvider = {
       computePadding
     };
@@ -58,7 +62,8 @@ var __sfc__ = defineComponent({
     return {
       n,
       classes,
-      average
+      average,
+      handleClick
     };
   }
 

package/es/snackbar/style/index.mjs

@@ -1,8 +1,8 @@
 import '../../styles/common.css'
-import '../SnackbarSfc.css'
 import '../../styles/elevation.css'
 import '../../loading/loading.css'
 import '../../button/button.css'
 import '../../icon/icon.css'
 import '../snackbar.css'
 import '../coreSfc.css'
+import '../SnackbarSfc.css'