@squirrel-cloud/ui-vue 0.0.3 → 0.0.4

package/README.md

@@ -1,14 +1,48 @@
 # 松鼠的坚果屋VUE前端框架
 
-## V0.0.1
+## 样式分层
+
+### 层级权重排序（从低到高）
+
+- theme
+- component
+- type
+- custom
+
+### theme
+
+该层用于定义全局变量
+
+### component
+
+该层用于定义组件样式
+
+### type
+
+该层用于定义特定状态下的组件样式，如 `primary`
+
+### custom
+
+该层预留便于用户进行样式覆盖
+
+## 更新日志
+
+### V0.0.1
 
 - 初始版本
 
-## V0.0.2
+### V0.0.2
 
 - 添加图标样式导出
 - 修复类型定义文件未正确生成问题
 
-## V0.0.3
+### V0.0.3
 
 - 修复类型定义文件未正确导出问题
+
+### V0.0.4
+
+- 组件统一使用 `Sq` 前缀
+- 样式统一使用 `sq` 前缀
+- 样式统一添加分层
+- 升级图标库至最新版本

package/dist/components/index.d.ts

@@ -1,5 +1,5 @@
-import { default as SButton } from './button/SButton';
-import { default as SInput } from './input/SInput';
-import { default as STag } from './tag/STag';
-import { default as SText } from './text/SText';
-export { SButton, SInput, STag, SText };
+import { default as SqButton } from './button/SqButton';
+import { default as SqInput } from './input/SqInput';
+import { default as SqTag } from './tag/SqTag';
+import { default as SqText } from './text/SqText';
+export { SqButton, SqInput, SqTag, SqText };

package/dist/squirrel-cloud-ui-vue.js

@@ -1,6 +1,6 @@
-import { defineComponent as c, computed as u, createElementBlock as l, openBlock as i, normalizeClass as d, createVNode as B, unref as x, withCtx as z, createBlock as p, createCommentVNode as m, renderSlot as r, resolveDynamicComponent as h, mergeModels as g, useSlots as w, useModel as I, withDirectives as b, createElementVNode as L, vModelText as k, normalizeStyle as N } from "vue";
-const D = /* @__PURE__ */ c({
-  __name: "SButton",
+import { defineComponent as c, computed as u, createElementBlock as l, openBlock as i, normalizeClass as d, createVNode as $, unref as x, withCtx as z, createBlock as p, createCommentVNode as m, renderSlot as r, resolveDynamicComponent as h, mergeModels as B, useSlots as g, useModel as w, withDirectives as I, createElementVNode as b, vModelText as L, normalizeStyle as k } from "vue";
+const V = /* @__PURE__ */ c({
+  __name: "SqButton",
   props: {
     type: {},
     round: { type: Boolean },
@@ -12,12 +12,12 @@ const D = /* @__PURE__ */ c({
   setup(a) {
     const e = a, s = u(() => {
       const o = [];
-      return e.size !== "md" && o.push(`s-button--${e.size}`), e.type && o.push(`is-${e.type}`), e.round && o.push("is-round"), e.text && o.push("is-text"), o;
+      return e.size !== "md" && o.push(`sq-button--${e.size}`), e.type && o.push(`is-${e.type}`), e.round && o.push("is-round"), e.text && o.push("is-text"), o;
     });
     return (o, t) => (i(), l("button", {
-      class: d(["s-button", s.value])
+      class: d(["sq-button", s.value])
     }, [
-      B(x(_), {
+      $(x(_), {
         size: e.size
       }, {
         default: z(() => [
@@ -28,15 +28,15 @@ const D = /* @__PURE__ */ c({
       }, 8, ["size"])
     ], 2));
   }
-}), C = {
+}), N = {
   key: 0,
-  class: "s-input-prefix"
-}, T = ["disabled", "readonly"], M = {
+  class: "sq-input-prefix"
+}, C = ["disabled", "readonly"], T = {
   key: 1,
-  class: "s-input-suffix"
-}, E = /* @__PURE__ */ c({
-  __name: "SInput",
-  props: /* @__PURE__ */ g({
+  class: "sq-input-suffix"
+}, D = /* @__PURE__ */ c({
+  __name: "SqInput",
+  props: /* @__PURE__ */ B({
     status: {},
     round: { type: Boolean },
     showStatusIcon: { type: Boolean },
@@ -51,38 +51,38 @@ const D = /* @__PURE__ */ c({
   }),
   emits: ["update:value"],
   setup(a) {
-    const e = w(), s = a, o = I(a, "value"), t = u(() => {
+    const e = g(), s = a, o = w(a, "value"), t = u(() => {
       const n = [];
-      return s.size !== "md" && n.push(`s-input--${s.size}`), s.status && n.push(`is-${s.status}`), s.round && n.push("is-round"), s.disabled && n.push("is-disabled"), n;
+      return s.size !== "md" && n.push(`sq-input--${s.size}`), s.status && n.push(`is-${s.status}`), s.round && n.push("is-round"), s.disabled && n.push("is-disabled"), n;
     }), f = u(() => e.prefix || s.prefixIcon), v = u(() => {
       const n = s.showStatusIcon && s.status;
       return e.suffix || n || s.suffixIcon;
-    }), S = u(() => s.suffixIcon);
+    }), q = u(() => s.suffixIcon);
     return (n, y) => (i(), l("section", {
-      class: d(["s-input", t.value])
+      class: d(["sq-input", t.value])
     }, [
-      f.value ? (i(), l("span", C, [
+      f.value ? (i(), l("span", N, [
         r(n.$slots, "prefix", {}, () => [
           (i(), p(h(s.prefixIcon)))
         ])
       ])) : m("", !0),
-      b(L("input", {
-        "onUpdate:modelValue": y[0] || (y[0] = ($) => o.value = $),
-        class: "s-input-inner",
+      I(b("input", {
+        "onUpdate:modelValue": y[0] || (y[0] = (S) => o.value = S),
+        class: "sq-input-inner",
         disabled: s.disabled,
         readonly: s.readonly
-      }, null, 8, T), [
-        [k, o.value]
+      }, null, 8, C), [
+        [L, o.value]
       ]),
-      v.value ? (i(), l("span", M, [
+      v.value ? (i(), l("span", T, [
         r(n.$slots, "suffix", {}, () => [
-          (i(), p(h(S.value)))
+          (i(), p(h(q.value)))
         ])
       ])) : m("", !0)
     ], 2));
   }
-}), P = /* @__PURE__ */ c({
-  __name: "STag",
+}), E = /* @__PURE__ */ c({
+  __name: "SqTag",
   props: {
     type: {},
     theme: { default: "materialize" },
@@ -92,10 +92,10 @@ const D = /* @__PURE__ */ c({
   setup(a) {
     const e = a, s = u(() => {
       const t = [];
-      return e.size !== "md" && t.push(`s-tag--${e.size}`), e.theme !== "materialize" && e.type && t.push(`is-${e.theme}`), e.type && t.push(`is-${e.type}`), e.round && t.push("is-round"), t;
+      return e.size !== "md" && t.push(`sq-tag--${e.size}`), e.theme !== "materialize" && e.type && t.push(`is-${e.theme}`), e.type && t.push(`is-${e.type}`), e.round && t.push("is-round"), t;
     }), o = u(() => e.size === "lg" ? "md" : "sm");
     return (t, f) => (i(), p(x(_), {
-      class: d(["s-tag", s.value]),
+      class: d(["sq-tag", s.value]),
       size: o.value
     }, {
       default: z(() => [
@@ -105,7 +105,7 @@ const D = /* @__PURE__ */ c({
     }, 8, ["class", "size"]));
   }
 }), _ = /* @__PURE__ */ c({
-  __name: "SText",
+  __name: "SqText",
   props: {
     rowNum: { default: 1 },
     ellipsis: { type: Boolean, default: !1 },
@@ -119,16 +119,16 @@ const D = /* @__PURE__ */ c({
       () => e.ellipsis ? `--row-num: ${e.rowNum}` : ""
     );
     return (t, f) => (i(), l("span", {
-      class: d(["s-text", s.value]),
-      style: N(o.value)
+      class: d(["sq-text", s.value]),
+      style: k(o.value)
     }, [
       r(t.$slots, "default")
     ], 6));
   }
 });
 export {
-  D as SButton,
-  E as SInput,
-  P as STag,
-  _ as SText
+  V as SqButton,
+  D as SqInput,
+  E as SqTag,
+  _ as SqText
 };

package/dist/squirrel-cloud-ui-vue.umd.cjs

@@ -1 +1 @@
-(function(i,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(i=typeof globalThis<"u"?globalThis:i||self,e(i.SquirrelCloudUIVue={},i.Vue))})(this,function(i,e){"use strict";const d=e.defineComponent({__name:"SButton",props:{type:{},round:{type:Boolean},text:{type:Boolean},icon:{},loading:{type:Boolean},size:{default:"md"}},setup(a){const t=a,s=e.computed(()=>{const n=[];return t.size!=="md"&&n.push(`s-button--${t.size}`),t.type&&n.push(`is-${t.type}`),t.round&&n.push("is-round"),t.text&&n.push("is-text"),n});return(n,o)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["s-button",s.value])},[e.createVNode(e.unref(r),{size:t.size},{default:e.withCtx(()=>[t.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.icon),{key:0})):e.createCommentVNode("",!0),e.renderSlot(n.$slots,"default")]),_:3},8,["size"])],2))}}),u={key:0,class:"s-input-prefix"},f=["disabled","readonly"],m={key:1,class:"s-input-suffix"},y=e.defineComponent({__name:"SInput",props:e.mergeModels({status:{},round:{type:Boolean},showStatusIcon:{type:Boolean},prefixIcon:{},suffixIcon:{},disabled:{type:Boolean},readonly:{type:Boolean},size:{default:"md"}},{value:{type:String,default:""},valueModifiers:{}}),emits:["update:value"],setup(a){const t=e.useSlots(),s=a,n=e.useModel(a,"value"),o=e.computed(()=>{const l=[];return s.size!=="md"&&l.push(`s-input--${s.size}`),s.status&&l.push(`is-${s.status}`),s.round&&l.push("is-round"),s.disabled&&l.push("is-disabled"),l}),c=e.computed(()=>t.prefix||s.prefixIcon),B=e.computed(()=>{const l=s.showStatusIcon&&s.status;return t.suffix||l||s.suffixIcon}),z=e.computed(()=>s.suffixIcon);return(l,p)=>(e.openBlock(),e.createElementBlock("section",{class:e.normalizeClass(["s-input",o.value])},[c.value?(e.openBlock(),e.createElementBlock("span",u,[e.renderSlot(l.$slots,"prefix",{},()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s.prefixIcon)))])])):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":p[0]||(p[0]=S=>n.value=S),class:"s-input-inner",disabled:s.disabled,readonly:s.readonly},null,8,f),[[e.vModelText,n.value]]),B.value?(e.openBlock(),e.createElementBlock("span",m,[e.renderSlot(l.$slots,"suffix",{},()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(z.value)))])])):e.createCommentVNode("",!0)],2))}}),h=e.defineComponent({__name:"STag",props:{type:{},theme:{default:"materialize"},round:{type:Boolean},size:{default:"md"}},setup(a){const t=a,s=e.computed(()=>{const o=[];return t.size!=="md"&&o.push(`s-tag--${t.size}`),t.theme!=="materialize"&&t.type&&o.push(`is-${t.theme}`),t.type&&o.push(`is-${t.type}`),t.round&&o.push("is-round"),o}),n=e.computed(()=>t.size==="lg"?"md":"sm");return(o,c)=>(e.openBlock(),e.createBlock(e.unref(r),{class:e.normalizeClass(["s-tag",s.value]),size:n.value},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"default")]),_:3},8,["class","size"]))}}),r=e.defineComponent({__name:"SText",props:{rowNum:{default:1},ellipsis:{type:Boolean,default:!1},size:{default:"md"}},setup(a){const t=a,s=e.computed(()=>{const o=[];return t.size!=="md"&&o.push(`s-text--${t.size}`),t.ellipsis&&o.push(t.rowNum>1?"multi-line":"single-line"),o}),n=e.computed(()=>t.ellipsis?`--row-num: ${t.rowNum}`:"");return(o,c)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(["s-text",s.value]),style:e.normalizeStyle(n.value)},[e.renderSlot(o.$slots,"default")],6))}});i.SButton=d,i.SInput=y,i.STag=h,i.SText=r,Object.defineProperty(i,Symbol.toStringTag,{value:"Module"})});
+(function(i,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(i=typeof globalThis<"u"?globalThis:i||self,e(i.SquirrelCloudUIVue={},i.Vue))})(this,function(i,e){"use strict";const d=e.defineComponent({__name:"SqButton",props:{type:{},round:{type:Boolean},text:{type:Boolean},icon:{},loading:{type:Boolean},size:{default:"md"}},setup(a){const t=a,s=e.computed(()=>{const n=[];return t.size!=="md"&&n.push(`sq-button--${t.size}`),t.type&&n.push(`is-${t.type}`),t.round&&n.push("is-round"),t.text&&n.push("is-text"),n});return(n,o)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["sq-button",s.value])},[e.createVNode(e.unref(r),{size:t.size},{default:e.withCtx(()=>[t.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.icon),{key:0})):e.createCommentVNode("",!0),e.renderSlot(n.$slots,"default")]),_:3},8,["size"])],2))}}),u={key:0,class:"sq-input-prefix"},f=["disabled","readonly"],m={key:1,class:"sq-input-suffix"},y=e.defineComponent({__name:"SqInput",props:e.mergeModels({status:{},round:{type:Boolean},showStatusIcon:{type:Boolean},prefixIcon:{},suffixIcon:{},disabled:{type:Boolean},readonly:{type:Boolean},size:{default:"md"}},{value:{type:String,default:""},valueModifiers:{}}),emits:["update:value"],setup(a){const t=e.useSlots(),s=a,n=e.useModel(a,"value"),o=e.computed(()=>{const l=[];return s.size!=="md"&&l.push(`sq-input--${s.size}`),s.status&&l.push(`is-${s.status}`),s.round&&l.push("is-round"),s.disabled&&l.push("is-disabled"),l}),c=e.computed(()=>t.prefix||s.prefixIcon),B=e.computed(()=>{const l=s.showStatusIcon&&s.status;return t.suffix||l||s.suffixIcon}),z=e.computed(()=>s.suffixIcon);return(l,p)=>(e.openBlock(),e.createElementBlock("section",{class:e.normalizeClass(["sq-input",o.value])},[c.value?(e.openBlock(),e.createElementBlock("span",u,[e.renderSlot(l.$slots,"prefix",{},()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s.prefixIcon)))])])):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":p[0]||(p[0]=S=>n.value=S),class:"sq-input-inner",disabled:s.disabled,readonly:s.readonly},null,8,f),[[e.vModelText,n.value]]),B.value?(e.openBlock(),e.createElementBlock("span",m,[e.renderSlot(l.$slots,"suffix",{},()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(z.value)))])])):e.createCommentVNode("",!0)],2))}}),h=e.defineComponent({__name:"SqTag",props:{type:{},theme:{default:"materialize"},round:{type:Boolean},size:{default:"md"}},setup(a){const t=a,s=e.computed(()=>{const o=[];return t.size!=="md"&&o.push(`sq-tag--${t.size}`),t.theme!=="materialize"&&t.type&&o.push(`is-${t.theme}`),t.type&&o.push(`is-${t.type}`),t.round&&o.push("is-round"),o}),n=e.computed(()=>t.size==="lg"?"md":"sm");return(o,c)=>(e.openBlock(),e.createBlock(e.unref(r),{class:e.normalizeClass(["sq-tag",s.value]),size:n.value},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"default")]),_:3},8,["class","size"]))}}),r=e.defineComponent({__name:"SqText",props:{rowNum:{default:1},ellipsis:{type:Boolean,default:!1},size:{default:"md"}},setup(a){const t=a,s=e.computed(()=>{const o=[];return t.size!=="md"&&o.push(`s-text--${t.size}`),t.ellipsis&&o.push(t.rowNum>1?"multi-line":"single-line"),o}),n=e.computed(()=>t.ellipsis?`--row-num: ${t.rowNum}`:"");return(o,c)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(["sq-text",s.value]),style:e.normalizeStyle(n.value)},[e.renderSlot(o.$slots,"default")],6))}});i.SqButton=d,i.SqInput=y,i.SqTag=h,i.SqText=r,Object.defineProperty(i,Symbol.toStringTag,{value:"Module"})});

package/dist/style.css

@@ -1 +1 @@
-:root{color-scheme:light;--s-color-light: #fff;--s-color-dark: #000;--s-bg-color: #f8fafc;--s-text-color-regular: #1f2937;--s-text-color-secondary: #394250;--s-text-color-placeholder: #6d7580;--s-border-color: #e3e8ee;--s-border-color-light: #f2f6fa;--s-color-primary-50: #fff7ed;--s-color-primary-100: #ffedd5;--s-color-primary-300: #fdba74;--s-color-primary-400: #fb923c;--s-color-primary-500: #f97316;--s-color-primary-600: #ea580c;--s-color-success-50: #f0fdf4;--s-color-success-100: #dcfce7;--s-color-success-300: #86efac;--s-color-success-400: #4ade80;--s-color-success-500: #22c55e;--s-color-success-600: #16a34a;--s-color-info-50: #f1fcff;--s-color-info-100: #d9f6ff;--s-color-info-300: #b6eeff;--s-color-info-400: #86e1ff;--s-color-info-500: #3ecefe;--s-color-info-600: #32b1e2;--s-color-warn-50: #fffbeb;--s-color-warn-100: #fcf2c5;--s-color-warn-300: #f8e386;--s-color-warn-400: #f6cf46;--s-color-warn-500: #f4ba0b;--s-color-warn-600: #ef9b00;--s-color-error-50: #fff1f1;--s-color-error-100: #ffe9e8;--s-color-error-300: #ffb2b2;--s-color-error-400: #ff8584;--s-color-error-500: #ff5555;--s-color-error-600: #e83538;--s-font-family: Microsoft Yahei UI, Microsoft YaHei, Pingfang SC, sans-serif;--s-font-size-sm: 12px;--s-font-size-md: 14px;--s-font-size-lg: 16px;--s-radius-xs: 4px;--s-radius-sm: 8px;--s-radius-md: 12px;--s-radius-lg: 16px;--s-radius-full: calc(infinity * 1px);--s-opacity-80: .8;--s-opacity-20: .2;--s-padding-xs: 8px;--s-padding-sm: 12px;--s-padding-md: 24px;--s-padding-lg: 36px;--s-padding-xl: 48px;--s-blur-md: 10px;--s-blur-lg: 50px;--s-component-size-xs: 24px;--s-component-size-sm: 28px;--s-component-size-md: 36px;--s-component-size-lg: 48px;--s-transition-base: .3s ease;--s-shadow-xs-dark: 2px 2px 4px;--s-shadow-xs-light: -2px -2px 4px;--s-shadow-sm-dark: 4px 4px 8px;--s-shadow-sm-light: -4px -4px 8px;--s-shadow-md-dark: 8px 8px 16px;--s-shadow-md-light: -8px -8px 16px;--s-text-shadow: 1px 1px 1px rgb(from var(--s-color-dark) r g b / var(--s-opacity-20))}:root.dark{color-scheme:dark}@keyframes loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dashoffset:70}50%{stroke-dashoffset:125}to{stroke-dashoffset:70}}.s-icon{display:inline-flex}.s-icon>svg{width:1em;height:1em;fill:currentColor}.s-icon.is-loading>svg{transform-origin:center;animation:loading 1s linear infinite}.s-icon.s-icon-loading circle{fill:none;stroke:currentColor;stroke-width:4;stroke-dasharray:130;stroke-linecap:round;animation:dash 2s ease-in-out infinite}.s-button{--button-shadow-color: var(--s-border-color);--button-padding: var(--s-padding-sm);cursor:pointer;height:var(--s-component-size-md);padding:0 var(--button-padding);color:var(--button-color, var(--s-text-color-regular));background-color:var(--button-bg, var(--s-color-light));border:1px solid;border-color:var(--button-border-color, var(--s-border-color-light));border-radius:var(--s-radius-sm);-webkit-user-select:none;user-select:none;transition:all var(--s-transition-base)}.s-button.s-button--sm{height:var(--s-component-size-sm)}.s-button.s-button--lg{--button-padding: calc(var(--s-padding-xs) * 2);height:var(--s-component-size-lg)}.s-button:not(.is-text){box-shadow:var(--s-shadow-sm-dark) var(--button-shadow-color),var(--s-shadow-sm-light) var(--s-color-light)}.s-button.is-round{border-radius:var(--s-radius-full);padding:0 calc(var(--button-padding) + .4em)}.s-button:disabled{cursor:not-allowed;color:var(--button-color-disabled, var(--s-text-color-placeholder));background-color:var(--button-bg-disabled, var(--s-bg-color));border-color:var( --button-border-color-disabled, var(--s-border-color-light) )}.s-button:hover:not(:disabled){color:var(--button-color-hover, var(--s-color-primary-500));background-color:var(--button-bg-hover, var(--s-color-light));border-color:var(--button-border-color-hover, var(--s-border-color-light))}.s-button:active:not(:disabled){box-shadow:var(--s-shadow-xs-dark) var(--button-shadow-color),var(--s-shadow-xs-light) var(--s-color-light);border-color:var( --button-border-color-active, var(--s-border-color-light) )}.s-button.is-primary{--button-shadow-color: var(--s-color-primary-100);--button-color: #fff;--button-color-hover: #fff;--button-color-disabled: #fff;--button-border-color: var(--s-color-primary-400);--button-border-color-hover: var(--s-color-primary-500);--button-border-color-active: var(--s-color-primary-500);--button-border-color-disabled: var(--s-color-primary-100);--button-bg: var(--s-color-primary-500);--button-bg-hover: var(--s-color-primary-600);--button-bg-disabled: var(--s-color-primary-300)}.s-button.is-success{--button-shadow-color: var(--s-color-success-100);--button-color: #fff;--button-color-hover: #fff;--button-color-disabled: #fff;--button-border-color: var(--s-color-success-400);--button-border-color-hover: var(--s-color-success-500);--button-border-color-active: var(--s-color-success-500);--button-border-color-disabled: var(--s-color-success-100);--button-bg: var(--s-color-success-500);--button-bg-hover: var(--s-color-success-600);--button-bg-disabled: var(--s-color-success-300)}.s-button.is-info{--button-shadow-color: var(--s-color-info-100);--button-color: #fff;--button-color-hover: #fff;--button-color-disabled: #fff;--button-border-color: var(--s-color-info-400);--button-border-color-hover: var(--s-color-info-500);--button-border-color-active: var(--s-color-info-500);--button-border-color-disabled: var(--s-color-info-100);--button-bg: var(--s-color-info-500);--button-bg-hover: var(--s-color-info-600);--button-bg-disabled: var(--s-color-info-300)}.s-button.is-warn{--button-shadow-color: var(--s-color-warn-100);--button-color: #fff;--button-color-hover: #fff;--button-color-disabled: #fff;--button-border-color: var(--s-color-warn-400);--button-border-color-hover: var(--s-color-warn-500);--button-border-color-active: var(--s-color-warn-500);--button-border-color-disabled: var(--s-color-warn-100);--button-bg: var(--s-color-warn-500);--button-bg-hover: var(--s-color-warn-600);--button-bg-disabled: var(--s-color-warn-300)}.s-button.is-error{--button-shadow-color: var(--s-color-error-100);--button-color: #fff;--button-color-hover: #fff;--button-color-disabled: #fff;--button-border-color: var(--s-color-error-400);--button-border-color-hover: var(--s-color-error-500);--button-border-color-active: var(--s-color-error-500);--button-border-color-disabled: var(--s-color-error-100);--button-bg: var(--s-color-error-500);--button-bg-hover: var(--s-color-error-600);--button-bg-disabled: var(--s-color-error-300)}.s-button.is-text{--button-bg: transparent;--button-bg-hover: var(--s-bg-color);--button-bg-disabled: transparent;--button-color-hover: var(--s-text-color-regular);--button-shadow-color: var(--s-border-color) !important;--button-border-color: var(--s-color-light);--button-border-color-hover: var(--s-bg-color);--button-border-color-active: var(--s-border-color-light);--button-border-color-disabled: var(--s-color-light)}.s-button.is-text:active:not(:disabled){box-shadow:inset var(--s-shadow-xs-dark) var(--button-shadow-color),inset var(--s-shadow-xs-light) var(--s-color-light)}.s-button.is-text.is-primary{--button-color: var(--s-color-primary-500);--button-color-hover: var(--s-color-primary-500);--button-color-disabled: var(--s-color-primary-300)}.s-button.is-text.is-success{--button-color: var(--s-color-success-500);--button-color-hover: var(--s-color-success-500);--button-color-disabled: var(--s-color-success-300)}.s-button.is-text.is-info{--button-color: var(--s-color-info-500);--button-color-hover: var(--s-color-info-500);--button-color-disabled: var(--s-color-info-300)}.s-button.is-text.is-warn{--button-color: var(--s-color-warn-500);--button-color-hover: var(--s-color-warn-500);--button-color-disabled: var(--s-color-warn-300)}.s-button.is-text.is-error{--button-color: var(--s-color-error-500);--button-color-hover: var(--s-color-error-500);--button-color-disabled: var(--s-color-error-300)}.s-input{--input-shadow-color: var(--s-border-color);--input-selection-color: var(--s-color-primary-500);--input-padding: var(--s-padding-sm);height:var(--s-component-size-md);width:100%;padding:0;display:flex;align-items:center;font-size:var(--s-font-size-md);line-height:1.4;border:1px solid;border-color:var(--input-border-color, var(--s-border-color-light));border-radius:var(--s-radius-sm);box-sizing:border-box;box-shadow:inset var(--s-shadow-xs-dark) var(--input-shadow-color),inset var(--s-shadow-xs-light) var(--s-color-light);transition:all var(--s-transition-base)}.s-input.s-input--sm{height:var(--s-component-size-sm);font-size:var(--s-font-size-sm)}.s-input.s-input--lg{--input-padding: calc(var(--s-padding-xs) * 2);height:var(--s-component-size-lg);font-size:var(--s-font-size-lg)}.s-input::selection{background-color:var(--input-selection-color);color:var(--s-color-light);text-shadow:var(--s-text-shadow)}.s-input.is-round{border-radius:var(--s-radius-full);padding:0 .4em}.s-input.is-disabled{cursor:not-allowed;background-color:var(--s-bg-color);border-color:var( --input-border-color-disabled, var(--s-border-color-light) )}.s-input.is-disabled .s-input-inner{cursor:not-allowed}.s-input .s-input-prefix,.s-input .s-input-suffix{color:var(--s-text-color-placeholder);-webkit-user-select:none;user-select:none}.s-input .s-input-prefix{margin-left:var(--input-padding)}.s-input .s-input-inner{height:100%;width:0;flex:1;padding:0 var(--input-padding);color:var(--s-text-color-regular);font-size:inherit;background:transparent;border:none;outline:none}.s-input .s-input-suffix{margin-right:var(--input-padding)}.s-input:active:not(.is-disabled),.s-input:focus-within:not(.is-disabled){--input-shadow-color: var(--s-color-primary-100);--input-border-color: var(--s-color-primary-400)}.s-input.is-success{--input-shadow-color: var(--s-color-success-100) !important;--input-border-color: var(--s-color-success-500) !important;--input-border-color-disabled: var(--s-color-success-300);--input-selection-color: var(--s-color-success-500)}.s-input.is-warn{--input-shadow-color: var(--s-color-warn-100) !important;--input-border-color: var(--s-color-warn-500) !important;--input-border-color-disabled: var(--s-color-warn-300);--input-selection-color: var(--s-color-warn-500)}.s-input.is-error{--input-shadow-color: var(--s-color-error-100) !important;--input-border-color: var(--s-color-error-500) !important;--input-border-color-disabled: var(--s-color-error-300);--input-selection-color: var(--s-color-error-500)}.s-tag{--tag-shadow-color: var(--s-border-color);--tag-padding: var(--s-padding-sm);border-radius:var(--s-radius-xs);height:var(--s-component-size-sm);padding:0 var(--tag-padding);color:var(--tag-color, var(--s-text-color-regular))!important;background-color:var(--tag-bg, var(--s-color-light));border:1px solid;border-color:var(--tag-border-color, var(--s-border-color-light));box-sizing:border-box;box-shadow:inset var(--s-shadow-xs-dark) var(--tag-shadow-color),inset var(--s-shadow-xs-light) var(--s-color-light);-webkit-user-select:none;user-select:none}.s-tag.s-tag--sm{--tag-padding: var(--s-padding-xs);height:var(--s-component-size-xs)}.s-tag.s-tag--lg{height:var(--s-component-size-md)}.s-tag.is-round{border-radius:var(--s-radius-full)}.s-tag.is-primary,.s-tag.is-success,.s-tag.is-info,.s-tag.is-warn,.s-tag.is-error{box-shadow:none}.s-tag.is-primary{--tag-color: var(--s-color-primary-500);--tag-border-color: var(--s-color-primary-400)}.s-tag.is-success{--tag-color: var(--s-color-success-500);--tag-border-color: var(--s-color-success-400)}.s-tag.is-info{--tag-color: var(--s-color-info-500);--tag-border-color: var(--s-color-info-400)}.s-tag.is-warn{--tag-color: var(--s-color-warn-500);--tag-border-color: var(--s-color-warn-400)}.s-tag.is-error{--tag-color: var(--s-color-error-500);--tag-border-color: var(--s-color-error-400)}.s-tag.is-solid{--tag-color: #fff}.s-tag.is-solid.is-primary{--tag-bg: var(--s-color-primary-500);--tag-border-color: var(--s-color-primary-400)}.s-tag.is-solid.is-success{--tag-bg: var(--s-color-success-500);--tag-border-color: var(--s-color-success-400)}.s-tag.is-solid.is-info{--tag-bg: var(--s-color-info-500);--tag-border-color: var(--s-color-info-400)}.s-tag.is-solid.is-warn{--tag-bg: var(--s-color-warn-500);--tag-border-color: var(--s-color-warn-400)}.s-tag.is-solid.is-error{--tag-bg: var(--s-color-error-500);--tag-border-color: var(--s-color-error-400)}.s-tag.is-tint.is-primary{--tag-color: var(--s-color-primary-500);--tag-bg: var(--s-color-primary-50);--tag-border-color: var(--s-color-primary-50)}.s-tag.is-tint.is-success{--tag-color: var(--s-color-success-500);--tag-bg: var(--s-color-success-50);--tag-border-color: var(--s-color-success-50)}.s-tag.is-tint.is-info{--tag-color: var(--s-color-info-500);--tag-bg: var(--s-color-info-50);--tag-border-color: var(--s-color-info-50)}.s-tag.is-tint.is-warn{--tag-color: var(--s-color-warn-500);--tag-bg: var(--s-color-warn-50);--tag-border-color: var(--s-color-warn-50)}.s-tag.is-tint.is-error{--tag-color: var(--s-color-error-500);--tag-bg: var(--s-color-error-50);--tag-border-color: var(--s-color-error-50)}.s-text{color:currentColor;display:flex;flex-grow:0;align-items:center;column-gap:.5em;font-family:var(--s-font-family);font-size:var(--s-font-size-md);line-height:1.4}.s-text::selection{background-color:var(--s-color-primary-500);color:var(--s-color-light);text-shadow:var(--s-text-shadow)}.s-text.s-text--sm{font-size:var(--s-font-size-sm)}.s-text.s-text--lg{font-size:var(--s-font-size-lg)}.s-text.multi-line,.s-text.single-line{display:block;overflow:hidden;text-overflow:ellipsis}.s-text.single-line{white-space:nowrap}.s-text.multi-line{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--row-num);line-clamp:var(--row-num)}
+@layer theme,component,type,custom;@layer theme{:root{color-scheme:light;--sq-color-light: #fff;--sq-color-dark: #000;--sq-bg-color: #f8fafc;--sq-text-color-regular: #1f2937;--sq-text-color-secondary: #394250;--sq-text-color-placeholder: #6d7580;--sq-border-color: #e3e8ee;--sq-border-color-light: #f2f6fa;--sq-color-primary-50: #fff7ed;--sq-color-primary-100: #ffedd5;--sq-color-primary-300: #fdba74;--sq-color-primary-400: #fb923c;--sq-color-primary-500: #f97316;--sq-color-primary-600: #ea580c;--sq-color-success-50: #f0fdf4;--sq-color-success-100: #dcfce7;--sq-color-success-300: #86efac;--sq-color-success-400: #4ade80;--sq-color-success-500: #22c55e;--sq-color-success-600: #16a34a;--sq-color-info-50: #f1fcff;--sq-color-info-100: #d9f6ff;--sq-color-info-300: #b6eeff;--sq-color-info-400: #86e1ff;--sq-color-info-500: #3ecefe;--sq-color-info-600: #32b1e2;--sq-color-warn-50: #fffbeb;--sq-color-warn-100: #fcf2c5;--sq-color-warn-300: #f8e386;--sq-color-warn-400: #f6cf46;--sq-color-warn-500: #f4ba0b;--sq-color-warn-600: #ef9b00;--sq-color-error-50: #fff1f1;--sq-color-error-100: #ffe9e8;--sq-color-error-300: #ffb2b2;--sq-color-error-400: #ff8584;--sq-color-error-500: #ff5555;--sq-color-error-600: #e83538;--sq-font-family: Microsoft Yahei UI, Microsoft YaHei, Pingfang SC, sans-serif;--sq-font-size-sm: 12px;--sq-font-size-md: 14px;--sq-font-size-lg: 16px;--sq-radius-xs: 4px;--sq-radius-sm: 8px;--sq-radius-md: 12px;--sq-radius-lg: 16px;--sq-radius-full: calc(infinity * 1px);--sq-opacity-80: .8;--sq-opacity-20: .2;--sq-padding-xs: 8px;--sq-padding-sm: 12px;--sq-padding-md: 24px;--sq-padding-lg: 36px;--sq-padding-xl: 48px;--sq-blur-md: 10px;--sq-blur-lg: 50px;--sq-component-size-xs: 24px;--sq-component-size-sm: 28px;--sq-component-size-md: 36px;--sq-component-size-lg: 48px;--sq-transition-base: .3s ease;--sq-shadow-xs-dark: 2px 2px 4px;--sq-shadow-xs-light: -2px -2px 4px;--sq-shadow-sm-dark: 4px 4px 8px;--sq-shadow-sm-light: -4px -4px 8px;--sq-shadow-md-dark: 8px 8px 16px;--sq-shadow-md-light: -8px -8px 16px;--sq-text-shadow: 1px 1px 1px rgb(from var(--sq-color-dark) r g b / var(--sq-opacity-20))}:root.dark{color-scheme:dark}}@keyframes loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dashoffset:70}50%{stroke-dashoffset:125}to{stroke-dashoffset:70}}.s-icon{display:inline-flex}.s-icon>svg{width:1em;height:1em;fill:currentColor}.s-icon.is-loading>svg{transform-origin:center;animation:loading 1s linear infinite}.s-icon.s-icon-loading circle{fill:none;stroke:currentColor;stroke-width:4;stroke-dasharray:130;stroke-linecap:round;animation:dash 2s ease-in-out infinite}@layer component{.sq-button{--button-shadow-color: var(--sq-border-color);--button-padding: var(--sq-padding-sm);cursor:pointer;height:var(--sq-component-size-md);padding:0 var(--button-padding);color:var(--button-color, var(--sq-text-color-regular));background-color:var(--button-bg, var(--sq-color-light));border:1px solid;border-color:var(--button-border-color, var(--sq-border-color-light));border-radius:var(--sq-radius-sm);-webkit-user-select:none;user-select:none;transition:all var(--sq-transition-base)}.sq-button.sq-button--sm{height:var(--sq-component-size-sm)}.sq-button.sq-button--lg{--button-padding: calc(var(--sq-padding-xs) * 2);height:var(--sq-component-size-lg)}.sq-button:not(.is-text){box-shadow:var(--sq-shadow-sm-dark) var(--button-shadow-color),var(--sq-shadow-sm-light) var(--sq-color-light)}.sq-button.is-round{border-radius:var(--sq-radius-full);padding:0 calc(var(--button-padding) + .4em)}.sq-button:disabled{cursor:not-allowed;color:var(--button-color-disabled, var(--sq-text-color-placeholder));background-color:var(--button-bg-disabled, var(--sq-bg-color));border-color:var( --button-border-color-disabled, var(--sq-border-color-light) )}.sq-button:hover:not(:disabled){color:var(--button-color-hover, var(--sq-color-primary-500));background-color:var(--button-bg-hover, var(--sq-color-light));border-color:var( --button-border-color-hover, var(--sq-border-color-light) )}.sq-button:active:not(:disabled){box-shadow:var(--sq-shadow-xs-dark) var(--button-shadow-color),var(--sq-shadow-xs-light) var(--sq-color-light);border-color:var( --button-border-color-active, var(--sq-border-color-light) )}}@layer type{.sq-button.is-primary{--button-shadow-color: var(--sq-color-primary-100);--button-color: #fff;--button-color-hover: #fff;--button-color-disabled: #fff;--button-border-color: var(--sq-color-primary-400);--button-border-color-hover: var(--sq-color-primary-500);--button-border-color-active: var(--sq-color-primary-500);--button-border-color-disabled: var(--sq-color-primary-100);--button-bg: var(--sq-color-primary-500);--button-bg-hover: var(--sq-color-primary-600);--button-bg-disabled: var(--sq-color-primary-300)}.sq-button.is-success{--button-shadow-color: var(--sq-color-success-100);--button-color: #fff;--button-color-hover: #fff;--button-color-disabled: #fff;--button-border-color: var(--sq-color-success-400);--button-border-color-hover: var(--sq-color-success-500);--button-border-color-active: var(--sq-color-success-500);--button-border-color-disabled: var(--sq-color-success-100);--button-bg: var(--sq-color-success-500);--button-bg-hover: var(--sq-color-success-600);--button-bg-disabled: var(--sq-color-success-300)}.sq-button.is-info{--button-shadow-color: var(--sq-color-info-100);--button-color: #fff;--button-color-hover: #fff;--button-color-disabled: #fff;--button-border-color: var(--sq-color-info-400);--button-border-color-hover: var(--sq-color-info-500);--button-border-color-active: var(--sq-color-info-500);--button-border-color-disabled: var(--sq-color-info-100);--button-bg: var(--sq-color-info-500);--button-bg-hover: var(--sq-color-info-600);--button-bg-disabled: var(--sq-color-info-300)}.sq-button.is-warn{--button-shadow-color: var(--sq-color-warn-100);--button-color: #fff;--button-color-hover: #fff;--button-color-disabled: #fff;--button-border-color: var(--sq-color-warn-400);--button-border-color-hover: var(--sq-color-warn-500);--button-border-color-active: var(--sq-color-warn-500);--button-border-color-disabled: var(--sq-color-warn-100);--button-bg: var(--sq-color-warn-500);--button-bg-hover: var(--sq-color-warn-600);--button-bg-disabled: var(--sq-color-warn-300)}.sq-button.is-error{--button-shadow-color: var(--sq-color-error-100);--button-color: #fff;--button-color-hover: #fff;--button-color-disabled: #fff;--button-border-color: var(--sq-color-error-400);--button-border-color-hover: var(--sq-color-error-500);--button-border-color-active: var(--sq-color-error-500);--button-border-color-disabled: var(--sq-color-error-100);--button-bg: var(--sq-color-error-500);--button-bg-hover: var(--sq-color-error-600);--button-bg-disabled: var(--sq-color-error-300)}.sq-button.is-text{--button-bg: transparent;--button-bg-hover: var(--sq-bg-color);--button-bg-disabled: transparent;--button-color-hover: var(--sq-text-color-regular);--button-shadow-color: var(--sq-border-color);--button-border-color: var(--sq-color-light);--button-border-color-hover: var(--sq-bg-color);--button-border-color-active: var(--sq-border-color-light);--button-border-color-disabled: var(--sq-color-light)}.sq-button.is-text:active:not(:disabled){box-shadow:inset var(--sq-shadow-xs-dark) var(--button-shadow-color),inset var(--sq-shadow-xs-light) var(--sq-color-light)}.sq-button.is-text.is-primary{--button-color: var(--sq-color-primary-500);--button-color-hover: var(--sq-color-primary-500);--button-color-disabled: var(--sq-color-primary-300)}.sq-button.is-text.is-success{--button-color: var(--sq-color-success-500);--button-color-hover: var(--sq-color-success-500);--button-color-disabled: var(--sq-color-success-300)}.sq-button.is-text.is-info{--button-color: var(--sq-color-info-500);--button-color-hover: var(--sq-color-info-500);--button-color-disabled: var(--sq-color-info-300)}.sq-button.is-text.is-warn{--button-color: var(--sq-color-warn-500);--button-color-hover: var(--sq-color-warn-500);--button-color-disabled: var(--sq-color-warn-300)}.sq-button.is-text.is-error{--button-color: var(--sq-color-error-500);--button-color-hover: var(--sq-color-error-500);--button-color-disabled: var(--sq-color-error-300)}}@layer component{.sq-input{--input-shadow-color: var(--sq-border-color);--input-selection-color: var(--sq-color-primary-500);--input-padding: var(--sq-padding-sm);height:var(--sq-component-size-md);width:100%;padding:0;display:flex;align-items:center;font-size:var(--sq-font-size-md);line-height:1.4;border:1px solid;border-color:var(--input-border-color, var(--sq-border-color-light));border-radius:var(--sq-radius-sm);box-sizing:border-box;box-shadow:inset var(--sq-shadow-xs-dark) var(--input-shadow-color),inset var(--sq-shadow-xs-light) var(--sq-color-light);transition:all var(--sq-transition-base)}.sq-input.sq-input--sm{height:var(--sq-component-size-sm);font-size:var(--sq-font-size-sm)}.sq-input.sq-input--lg{--input-padding: calc(var(--sq-padding-xs) * 2);height:var(--sq-component-size-lg);font-size:var(--sq-font-size-lg)}.sq-input::selection{background-color:var(--input-selection-color);color:var(--sq-color-light);text-shadow:var(--sq-text-shadow)}.sq-input.is-round{border-radius:var(--sq-radius-full);padding:0 .4em}.sq-input.is-disabled{cursor:not-allowed;background-color:var(--sq-bg-color);border-color:var( --input-border-color-disabled, var(--sq-border-color-light) )}.sq-input.is-disabled .sq-input-inner{cursor:not-allowed}.sq-input .sq-input-prefix,.sq-input .sq-input-suffix{color:var(--sq-text-color-placeholder);-webkit-user-select:none;user-select:none}.sq-input .sq-input-prefix{margin-left:var(--input-padding)}.sq-input .sq-input-inner{height:100%;width:0;flex:1;padding:0 var(--input-padding);color:var(--sq-text-color-regular);font-size:inherit;background:transparent;border:none;outline:none}.sq-input .sq-input-suffix{margin-right:var(--input-padding)}.sq-input:active:not(.is-disabled),.sq-input:focus-within:not(.is-disabled){--input-shadow-color: var(--sq-color-primary-100);--input-border-color: var(--sq-color-primary-400)}}@layer type{.sq-input.is-success{--input-shadow-color: var(--sq-color-success-100);--input-border-color: var(--sq-color-success-500);--input-border-color-disabled: var(--sq-color-success-300);--input-selection-color: var(--sq-color-success-500)}.sq-input.is-warn{--input-shadow-color: var(--sq-color-warn-100);--input-border-color: var(--sq-color-warn-500);--input-border-color-disabled: var(--sq-color-warn-300);--input-selection-color: var(--sq-color-warn-500)}.sq-input.is-error{--input-shadow-color: var(--sq-color-error-100);--input-border-color: var(--sq-color-error-500);--input-border-color-disabled: var(--sq-color-error-300);--input-selection-color: var(--sq-color-error-500)}}@layer component{.sq-tag{--tag-shadow-color: var(--sq-border-color);--tag-padding: var(--sq-padding-sm);border-radius:var(--sq-radius-xs);height:var(--sq-component-size-sm);padding:0 var(--tag-padding);color:var(--tag-color, var(--sq-text-color-regular))!important;background-color:var(--tag-bg, var(--sq-color-light));border:1px solid;border-color:var(--tag-border-color, var(--sq-border-color-light));box-sizing:border-box;box-shadow:inset var(--sq-shadow-xs-dark) var(--tag-shadow-color),inset var(--sq-shadow-xs-light) var(--sq-color-light);-webkit-user-select:none;user-select:none}.sq-tag.sq-tag--sm{--tag-padding: var(--sq-padding-xs);height:var(--sq-component-size-xs)}.sq-tag.sq-tag--lg{height:var(--sq-component-size-md)}.sq-tag.is-round{border-radius:var(--sq-radius-full)}}@layer type{.sq-tag.is-primary,.sq-tag.is-success,.sq-tag.is-info,.sq-tag.is-warn,.sq-tag.is-error{box-shadow:none}.sq-tag.is-primary{--tag-color: var(--sq-color-primary-500);--tag-border-color: var(--sq-color-primary-400)}.sq-tag.is-success{--tag-color: var(--sq-color-success-500);--tag-border-color: var(--sq-color-success-400)}.sq-tag.is-info{--tag-color: var(--sq-color-info-500);--tag-border-color: var(--sq-color-info-400)}.sq-tag.is-warn{--tag-color: var(--sq-color-warn-500);--tag-border-color: var(--sq-color-warn-400)}.sq-tag.is-error{--tag-color: var(--sq-color-error-500);--tag-border-color: var(--sq-color-error-400)}.sq-tag.is-solid{--tag-color: #fff}.sq-tag.is-solid.is-primary{--tag-bg: var(--sq-color-primary-500);--tag-border-color: var(--sq-color-primary-400)}.sq-tag.is-solid.is-success{--tag-bg: var(--sq-color-success-500);--tag-border-color: var(--sq-color-success-400)}.sq-tag.is-solid.is-info{--tag-bg: var(--sq-color-info-500);--tag-border-color: var(--sq-color-info-400)}.sq-tag.is-solid.is-warn{--tag-bg: var(--sq-color-warn-500);--tag-border-color: var(--sq-color-warn-400)}.sq-tag.is-solid.is-error{--tag-bg: var(--sq-color-error-500);--tag-border-color: var(--sq-color-error-400)}.sq-tag.is-tint.is-primary{--tag-color: var(--sq-color-primary-500);--tag-bg: var(--sq-color-primary-50);--tag-border-color: var(--sq-color-primary-50)}.sq-tag.is-tint.is-success{--tag-color: var(--sq-color-success-500);--tag-bg: var(--sq-color-success-50);--tag-border-color: var(--sq-color-success-50)}.sq-tag.is-tint.is-info{--tag-color: var(--sq-color-info-500);--tag-bg: var(--sq-color-info-50);--tag-border-color: var(--sq-color-info-50)}.sq-tag.is-tint.is-warn{--tag-color: var(--sq-color-warn-500);--tag-bg: var(--sq-color-warn-50);--tag-border-color: var(--sq-color-warn-50)}.sq-tag.is-tint.is-error{--tag-color: var(--sq-color-error-500);--tag-bg: var(--sq-color-error-50);--tag-border-color: var(--sq-color-error-50)}}@layer component{.sq-text{color:currentColor;display:flex;flex-grow:0;align-items:center;column-gap:.5em;font-family:var(--sq-font-family);font-size:var(--sq-font-size-md);line-height:1.4}.sq-text::selection{background-color:var(--sq-color-primary-500);color:var(--sq-color-light);text-shadow:var(--sq-text-shadow)}.sq-text.sq-text--sm{font-size:var(--sq-font-size-sm)}.sq-text.sq-text--lg{font-size:var(--sq-font-size-lg)}.sq-text.multi-line,.sq-text.single-line{display:block;overflow:hidden;text-overflow:ellipsis}.sq-text.single-line{white-space:nowrap}.sq-text.multi-line{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--row-num);line-clamp:var(--row-num)}}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@squirrel-cloud/ui-vue",
   "description": "松鼠的坚果屋前端VUE框架",
   "license": "GPL-3.0",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "private": false,
   "type": "module",
   "files": [
@@ -41,6 +41,7 @@
   },
   "dependencies": {
     "@squirrel-cloud/icons-vue": "^0.0.2",
+    "@squirrel-cloud/ui-vue": "^0.0.3",
     "vue": "^3.5.13"
   },
   "devDependencies": {