@squirrel-cloud/ui-vue 0.2.0 → 0.2.2

package/README.md

@@ -33,73 +33,3 @@ npm install @squirrel-cloud/ui-vue
 ### custom
 
 该层预留便于用户进行样式覆盖
-
-## 更新日志
-
-### V0.0.1
-
-- 初始版本
-
-### V0.0.2
-
-- 添加图标样式导出
-- 修复类型定义文件未正确生成问题
-
-### V0.0.3
-
-- 修复类型定义文件未正确导出问题
-
-### V0.0.4
-
-- 组件统一使用 `Sq` 前缀
-- 样式统一使用 `sq` 前缀
-- 样式统一添加分层
-- 升级图标库至最新版本
-
-### V0.0.5
-
-- 移除对自身的引用
-- README 内容优化
-
-### V0.0.6
-
-- README 添加 LOGO
-
-### V0.0.7
-
-- 升级图标库至最新版本
-
-### V0.0.8
-
-- 新增 CheckTag 组件
-- Button 组件新增 loading/disabled 属性
-- Input 组件新增 blur/focus 事件
-- Input 组件新增 blur/focus/input/change 回调
-- 部分样式修改优化
-
-### V0.0.9
-
-- CheckTag 组件 checked 改为可选
-
-### V0.1.0
-
-- 色彩空间改用 oklch
-- 根据新的色彩空间调整并重命名部分颜色变量
-- Button 组件文本按钮禁用状态样式区分
-- Input 组件添加输入框背景色
-- Input 组件禁用及只读状态样式区分
-- Input 组件获取焦点时隐藏内阴影
-- Input 组件修改输入光标颜色
-- CheckTag 组件默认状态样式调整
-
-### V0.1.1
-
-- 新增 Popover 组件
-
-### V0.2.0
-
-- 新增 --sq-projection-dark 投影色变量
-- 新增 --sq-projection-light 投影色变量
-- 新增 lg 投影档位
-- 圆角调整为 sm md lg 三档
-- 缩小 md 档位的投影大小

package/dist/components/card/SqCard.d.ts

@@ -0,0 +1,22 @@
+import { CardProps } from '../../props';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        title?(_: {}): any;
+        default?(_: {}): any;
+        footer?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<CardProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CardProps> & Readonly<{}>, {
+    decorative: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/index.d.ts

@@ -1,7 +1,9 @@
 import { default as SqButton } from './button/SqButton';
+import { default as SqCard } from './card/SqCard';
 import { default as SqInput } from './input/SqInput';
 import { default as SqPopover } from './popover/SqPopover';
+import { default as SqProgress } from './progress/SqProgress';
 import { default as SqTag } from './tag/SqTag';
 import { default as SqCheckTag } from './tag/SqCheckTag';
 import { default as SqText } from './text/SqText';
-export { SqButton, SqInput, SqPopover, SqTag, SqCheckTag, SqText };
+export { SqButton, SqCard, SqInput, SqPopover, SqProgress, SqTag, SqCheckTag, SqText, };

package/dist/components/popover/SqPopover.d.ts

@@ -21,7 +21,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:visible"?: ((value: boolean) => any) | undefined;
 }>, {
-    placement: import('@floating-ui/utils').Placement;
+    placement: "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
     offset: number;
     trigger: "hover" | "click" | "manual";
     showAfter: number;

package/dist/components/progress/SqProgress.d.ts

@@ -0,0 +1,7 @@
+import { ProgressProps } from '../../props';
+declare const _default: import('vue').DefineComponent<ProgressProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ProgressProps> & Readonly<{}>, {
+    type: import('../..').ComponentTypeExtend;
+    min: number;
+    max: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/props/card/SqCard.d.ts

@@ -0,0 +1,13 @@
+/**
+ * 卡片属性
+ */
+export interface CardProps {
+    /**
+     * 标题
+     */
+    title?: string;
+    /**
+     * 是否具有标题装饰线
+     */
+    decorative?: boolean;
+}

package/dist/props/index.d.ts

@@ -1,7 +1,9 @@
 import { ButtonProps } from './button/SqButton';
+import { CardProps } from './card/SqCard';
 import { InputProps } from './input/SqInput';
 import { PopperProps } from './popover/SqPopover';
+import { ProgressProps } from './progress/SqProgress';
 import { TagProps } from './tag/SqTag';
 import { CheckTagProps } from './tag/SqCheckTag';
 import { TextProps } from './text/SqText';
-export type { ButtonProps, InputProps, PopperProps, TagProps, CheckTagProps, TextProps, };
+export type { ButtonProps, CardProps, InputProps, PopperProps, ProgressProps, TagProps, CheckTagProps, TextProps, };

package/dist/props/popover/SqPopover.d.ts

@@ -1,4 +1,3 @@
-import { Placement } from '@floating-ui/vue';
 /**
  * 气泡框属性
  */
@@ -6,7 +5,7 @@ export interface PopperProps {
     /**
      * 气泡框位置
      */
-    placement?: Placement;
+    placement?: 'top' | 'right' | 'bottom' | 'left' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end';
     /**
      * 气泡框间距
      */

package/dist/props/progress/SqProgress.d.ts

@@ -0,0 +1,26 @@
+import { ComponentTypeExtend } from '../../../typings';
+/**
+ * 进度条属性
+ */
+export interface ProgressProps {
+    /**
+     * 进度
+     */
+    value: number;
+    /**
+     * 最小值
+     */
+    min?: number;
+    /**
+     * 最大值
+     */
+    max?: number;
+    /**
+     * 进度条颜色
+     */
+    color?: string | ((percentage: number) => string);
+    /**
+     * 类型
+     */
+    type?: ComponentTypeExtend;
+}