@varlet/ui 1.23.6 → 1.23.7-alpha.4

package/es/loading/Loading.js

@@ -1,4 +1,4 @@
-import { defineComponent } from 'vue';
+import { computed, defineComponent } from 'vue';
 import { props } from './props';
 import { toNumber } from '../utils/shared';
 import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, normalizeStyle as _normalizeStyle, createCommentVNode as _createCommentVNode, renderList as _renderList, Fragment as _Fragment, normalizeClass as _normalizeClass, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
@@ -29,8 +29,9 @@ export function render(_ctx, _cache) {
   return _openBlock(), _createElementBlock("div", _hoisted_1, [_ctx.type === 'circle' ? (_openBlock(), _createElementBlock("div", _hoisted_2, [_createElementVNode("span", {
     class: "var-loading__circle-block",
     style: _normalizeStyle({
-      width: _ctx.toNumber(_ctx.radius) * 2 + 'px',
-      height: _ctx.toNumber(_ctx.radius) * 2 + 'px'
+      width: _ctx.getRadius * 2 + 'px',
+      height: _ctx.getRadius * 2 + 'px',
+      color: _ctx.color
     })
   }, _hoisted_4, 4
   /* STYLE */
@@ -66,16 +67,25 @@ export default defineComponent({
   name: 'VarLoading',
   props,
 
-  setup() {
+  setup(props) {
     var loadingTypeDict = {
       wave: 5,
       cube: 4,
       rect: 8,
       disappear: 3
     };
+    var sizeDict = {
+      mini: 9,
+      small: 12,
+      normal: 15,
+      large: 18
+    };
+    var getRadius = computed(() => {
+      return props.radius ? toNumber(props.radius) : sizeDict[props.size];
+    });
     return {
       loadingTypeDict,
-      toNumber
+      getRadius
     };
   }
 

package/es/loading/props.js

@@ -12,8 +12,7 @@ export var props = {
     validator: typeValidator
   },
   radius: {
-    type: [String, Number],
-    default: 15
+    type: [String, Number]
   },
   // loading尺寸
   size: {

package/es/themes/dark/index.d.ts

@@ -0,0 +1,5 @@
+import { StyleVars } from '../../../types'
+
+declare const dark: StyleVars
+
+export default dark

package/highlight/attributes.json

@@ -839,6 +839,10 @@
     "type": "string",
     "description": "loading 的大小，可选值位 `large` `normal` `small` `mini` 默认值：normal"
   },
+  "var-loading/radius": {
+    "type": "string | number",
+    "description": "loading 的类型为`circle`时，可设置其大小 默认值：-"
+  },
   "var-menu/v-model:show": {
     "type": "string",
     "description": "是否显示菜单 默认值：default"

package/highlight/tags.json

@@ -320,7 +320,8 @@
     "attributes": [
       "color",
       "type",
-      "size"
+      "size",
+      "radius"
     ]
   },
   "var-locale": {

package/highlight/web-types.json

@@ -2534,6 +2534,15 @@
                 "type": "string",
                 "kind": "expression"
               }
+            },
+            {
+              "name": "radius",
+              "description": "loading 的类型为`circle`时，可设置其大小",
+              "default": "-",
+              "value": {
+                "type": "string | number",
+                "kind": "expression"
+              }
             }
           ],
           "events": [],

package/lib/loading/Loading.js

@@ -37,8 +37,9 @@ function render(_ctx, _cache) {
   return (0, _vue.openBlock)(), (0, _vue.createElementBlock)("div", _hoisted_1, [_ctx.type === 'circle' ? ((0, _vue.openBlock)(), (0, _vue.createElementBlock)("div", _hoisted_2, [(0, _vue.createElementVNode)("span", {
     class: "var-loading__circle-block",
     style: (0, _vue.normalizeStyle)({
-      width: _ctx.toNumber(_ctx.radius) * 2 + 'px',
-      height: _ctx.toNumber(_ctx.radius) * 2 + 'px'
+      width: _ctx.getRadius * 2 + 'px',
+      height: _ctx.getRadius * 2 + 'px',
+      color: _ctx.color
     })
   }, _hoisted_4, 4
   /* STYLE */
@@ -75,16 +76,25 @@ var _default = (0, _vue.defineComponent)({
   name: 'VarLoading',
   props: _props.props,
 
-  setup() {
+  setup(props) {
     var loadingTypeDict = {
       wave: 5,
       cube: 4,
       rect: 8,
       disappear: 3
     };
+    var sizeDict = {
+      mini: 9,
+      small: 12,
+      normal: 15,
+      large: 18
+    };
+    var getRadius = (0, _vue.computed)(() => {
+      return props.radius ? (0, _shared.toNumber)(props.radius) : sizeDict[props.size];
+    });
     return {
       loadingTypeDict,
-      toNumber: _shared.toNumber
+      getRadius
     };
   }
 

package/lib/loading/props.js

@@ -21,8 +21,7 @@ var props = {
     validator: typeValidator
   },
   radius: {
-    type: [String, Number],
-    default: 15
+    type: [String, Number]
   },
   // loading尺寸
   size: {

package/lib/themes/dark/index.d.ts

@@ -0,0 +1,5 @@
+import { StyleVars } from '../../../types'
+
+declare const dark: StyleVars
+
+export default dark

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varlet/ui",
-  "version": "1.23.6",
+  "version": "1.23.7-alpha.4+21c1a885",
   "description": "A material like components library",
   "module": "es/index.js",
   "main": "lib/index.js",
@@ -49,7 +49,7 @@
   "peerDependencies": {
     "vue": "^3.2.0"
   },
-  "gitHead": "3bc826ed4004dbfeebfd5b8399508e248a71828b",
+  "gitHead": "21c1a8859ba686314f1422afdc34e881fbcc92eb",
   "devDependencies": {
     "@varlet/cli": "^1.23.5"
   },