@varlet/ui 2.0.0-alpha.1664527888620 → 2.0.0

package/es/col/Col.js

@@ -13,6 +13,7 @@ export function render(_ctx, _cache) {
   return _openBlock(), _createElementBlock("div", {
     class: _normalizeClass(_ctx.classes(_ctx.n(), 'var--box', [_ctx.span >= 0, _ctx.n("--span-" + _ctx.span)], [_ctx.offset, _ctx.n("--offset-" + _ctx.offset)], ..._ctx.getSize('xs', _ctx.xs), ..._ctx.getSize('sm', _ctx.sm), ..._ctx.getSize('md', _ctx.md), ..._ctx.getSize('lg', _ctx.lg), ..._ctx.getSize('xl', _ctx.xl))),
     style: _normalizeStyle({
+      flexDirection: _ctx.direction,
       paddingLeft: _ctx.toSizeUnit(_ctx.padding.left),
       paddingRight: _ctx.toSizeUnit(_ctx.padding.right)
     }),

package/es/col/props.js

@@ -1,3 +1,7 @@
+function directionValidator(direction) {
+  return ['row', 'column'].includes(direction);
+}
+
 export var props = {
   span: {
     type: [String, Number],
@@ -7,6 +11,11 @@ export var props = {
     type: [String, Number],
     default: 0
   },
+  direction: {
+    type: String,
+    default: 'row',
+    validator: directionValidator
+  },
   onClick: {
     type: Function
   },

package/es/dialog/Dialog.js

@@ -1,3 +1,5 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
+
 import VarPopup from '../popup';
 import VarButton from '../button';
 import { props } from './props';
@@ -5,6 +7,7 @@ import { defineComponent, ref, watch } from 'vue';
 import { dt } from '../utils/shared';
 import { pack } from '../locale';
 import { call, createNamespace } from '../utils/components';
+import { toSizeUnit } from '../utils/elements';
 var {
   n,
   classes
@@ -34,7 +37,9 @@ export function render(_ctx, _cache) {
   }, {
     default: _withCtx(() => [_createElementVNode("div", _mergeProps({
       class: _ctx.classes('var--box', _ctx.n(), _ctx.dialogClass),
-      style: _ctx.dialogStyle
+      style: _extends({
+        width: _ctx.toSizeUnit(_ctx.width)
+      }, _ctx.dialogStyle)
     }, _ctx.$attrs), [_createElementVNode("div", {
       class: _normalizeClass(_ctx.n('title'))
     }, [_renderSlot(_ctx.$slots, "title", {}, () => [_createTextVNode(_toDisplayString(_ctx.dt(_ctx.title, _ctx.pack.dialogTitle)), 1
@@ -188,7 +193,8 @@ export default defineComponent({
       popupCloseOnClickOverlay,
       handleClickOverlay,
       confirm,
-      cancel
+      cancel,
+      toSizeUnit
     };
   }
 

package/es/dialog/props.js

@@ -12,6 +12,9 @@ export var props = _extends({
     type: Boolean,
     default: false
   },
+  width: {
+    type: [Number, String]
+  },
   title: {
     type: String
   },

package/es/progress/Progress.js

@@ -7,7 +7,7 @@ var {
   n,
   classes
 } = createNamespace('progress');
-import { normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, createElementVNode as _createElementVNode, mergeProps as _mergeProps, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
+import { normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, createElementVNode as _createElementVNode, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
 
 var _withScopeId = n => (_pushScopeId(""), n = n(), _popScopeId(), n);
 
@@ -20,12 +20,12 @@ export function render(_ctx, _cache) {
   }, [_ctx.mode === 'linear' ? (_openBlock(), _createElementBlock("div", {
     key: 0,
     class: _normalizeClass(_ctx.n('linear'))
-  }, [_createElementVNode("div", _mergeProps({
-    class: _ctx.n('linear-block'),
-    style: {
+  }, [_createElementVNode("div", {
+    class: _normalizeClass(_ctx.n('linear-block')),
+    style: _normalizeStyle({
       height: _ctx.toSizeUnit(_ctx.lineWidth)
-    }
-  }, _ctx.$attrs), [_ctx.track ? (_openBlock(), _createElementBlock("div", {
+    })
+  }, [_ctx.track ? (_openBlock(), _createElementBlock("div", {
     key: 0,
     class: _normalizeClass(_ctx.n('linear-background')),
     style: _normalizeStyle({
@@ -41,15 +41,15 @@ export function render(_ctx, _cache) {
     })
   }, null, 6
   /* CLASS, STYLE */
-  )], 16
-  /* FULL_PROPS */
-  ), _ctx.label ? (_openBlock(), _createElementBlock("div", _mergeProps({
+  )], 6
+  /* CLASS, STYLE */
+  ), _ctx.label ? (_openBlock(), _createElementBlock("div", {
     key: 0,
-    class: _ctx.n('linear-label')
-  }, _ctx.$attrs), [_renderSlot(_ctx.$slots, "default", {}, () => [_createTextVNode(_toDisplayString(_ctx.linearProps.roundValue), 1
+    class: _normalizeClass(_ctx.classes(_ctx.n('linear-label'), [_ctx.labelClass, _ctx.labelClass]))
+  }, [_renderSlot(_ctx.$slots, "default", {}, () => [_createTextVNode(_toDisplayString(_ctx.linearProps.roundValue), 1
   /* TEXT */
-  )])], 16
-  /* FULL_PROPS */
+  )])], 2
+  /* CLASS */
   )) : _createCommentVNode("v-if", true)], 2
   /* CLASS */
   )) : _createCommentVNode("v-if", true), _ctx.mode === 'circle' ? (_openBlock(), _createElementBlock("div", {
@@ -94,13 +94,13 @@ export function render(_ctx, _cache) {
   /* CLASS, STYLE, PROPS */
   , _hoisted_3)], 14
   /* CLASS, STYLE, PROPS */
-  , _hoisted_1)), _ctx.label ? (_openBlock(), _createElementBlock("div", _mergeProps({
+  , _hoisted_1)), _ctx.label ? (_openBlock(), _createElementBlock("div", {
     key: 0,
-    class: _ctx.n('circle-label')
-  }, _ctx.$attrs), [_renderSlot(_ctx.$slots, "default", {}, () => [_createTextVNode(_toDisplayString(_ctx.circleProps.roundValue), 1
+    class: _normalizeClass(_ctx.classes(_ctx.n('circle-label'), [_ctx.labelClass, _ctx.labelClass]))
+  }, [_renderSlot(_ctx.$slots, "default", {}, () => [_createTextVNode(_toDisplayString(_ctx.circleProps.roundValue), 1
   /* TEXT */
-  )])], 16
-  /* FULL_PROPS */
+  )])], 2
+  /* CLASS */
   )) : _createCommentVNode("v-if", true)], 6
   /* CLASS, STYLE */
   )) : _createCommentVNode("v-if", true)], 2
@@ -110,7 +110,6 @@ export function render(_ctx, _cache) {
 export default defineComponent({
   render,
   name: 'VarProgress',
-  inheritAttrs: false,
   props,
 
   setup(props) {

package/es/progress/props.js

@@ -3,51 +3,44 @@ function modeValidator(mode) {
 }
 
 export var props = {
-  // progress 模式
   mode: {
     type: String,
     default: 'linear',
     validator: modeValidator
   },
-  // progress 线宽
   lineWidth: {
     type: [Number, String],
     default: 4
   },
-  // progress 颜色
   color: {
     type: String
   },
-  // progress 轨道颜色
   trackColor: {
     type: String
   },
-  // 是否添加水波纹效果
   ripple: {
     type: Boolean,
     default: false
   },
-  // progress 值
   value: {
     type: [Number, String],
     default: 0
   },
-  // 是否显示label
   label: {
     type: Boolean,
     default: false
   },
-  // circle 的尺寸
+  labelClass: {
+    type: String
+  },
   size: {
     type: [Number, String],
     default: 40
   },
-  // circle的原点
   rotate: {
     type: Number,
     default: 0
   },
-  // 是否显示 circle 轨道
   track: {
     type: Boolean,
     default: true