@squirrel-cloud/ui-vue 0.0.9 → 0.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +16 -1
- package/dist/components/index.d.ts +2 -1
- package/dist/components/popover/SqPopover.d.ts +39 -0
- package/dist/props/index.d.ts +2 -1
- package/dist/props/popover/SqPopover.d.ts +38 -0
- package/dist/squirrel-cloud-ui-vue.js +1174 -100
- package/dist/squirrel-cloud-ui-vue.umd.cjs +1 -1
- package/dist/style.css +1 -1
- package/package.json +2 -1
package/README.md
CHANGED
|
@@ -72,11 +72,26 @@ npm install @squirrel-cloud/ui-vue
|
|
|
72
72
|
### V0.0.8
|
|
73
73
|
|
|
74
74
|
- 新增 CheckTag 组件
|
|
75
|
+
- Button 组件新增 loading/disabled 属性
|
|
75
76
|
- Input 组件新增 blur/focus 事件
|
|
76
77
|
- Input 组件新增 blur/focus/input/change 回调
|
|
77
|
-
- Button 组件新增 loading/disabled 属性
|
|
78
78
|
- 部分样式修改优化
|
|
79
79
|
|
|
80
80
|
### V0.0.9
|
|
81
81
|
|
|
82
82
|
- CheckTag 组件 checked 改为可选
|
|
83
|
+
|
|
84
|
+
### V0.1.0
|
|
85
|
+
|
|
86
|
+
- 色彩空间改用 oklch
|
|
87
|
+
- 根据新的色彩空间调整并重命名部分颜色变量
|
|
88
|
+
- Button 组件文本按钮禁用状态样式区分
|
|
89
|
+
- Input 组件添加输入框背景色
|
|
90
|
+
- Input 组件禁用及只读状态样式区分
|
|
91
|
+
- Input 组件获取焦点时隐藏内阴影
|
|
92
|
+
- Input 组件修改输入光标颜色
|
|
93
|
+
- CheckTag 组件默认状态样式调整
|
|
94
|
+
|
|
95
|
+
### V0.1.1
|
|
96
|
+
|
|
97
|
+
- 新增 Popover 组件
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { default as SqButton } from './button/SqButton';
|
|
2
2
|
import { default as SqInput } from './input/SqInput';
|
|
3
|
+
import { default as SqPopover } from './popover/SqPopover';
|
|
3
4
|
import { default as SqTag } from './tag/SqTag';
|
|
4
5
|
import { default as SqCheckTag } from './tag/SqCheckTag';
|
|
5
6
|
import { default as SqText } from './text/SqText';
|
|
6
|
-
export { SqButton, SqInput, SqTag, SqCheckTag, SqText };
|
|
7
|
+
export { SqButton, SqInput, SqPopover, SqTag, SqCheckTag, SqText };
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { PopperProps } from '../../props';
|
|
2
|
+
type __VLS_Props = PopperProps;
|
|
3
|
+
type __VLS_PublicProps = {
|
|
4
|
+
'visible'?: boolean;
|
|
5
|
+
} & __VLS_Props;
|
|
6
|
+
declare function __VLS_template(): {
|
|
7
|
+
attrs: Partial<{}>;
|
|
8
|
+
slots: {
|
|
9
|
+
reference?(_: {}): any;
|
|
10
|
+
default?(_: {}): any;
|
|
11
|
+
};
|
|
12
|
+
refs: {
|
|
13
|
+
triggerRef: HTMLSpanElement;
|
|
14
|
+
popverRef: HTMLDivElement;
|
|
15
|
+
};
|
|
16
|
+
rootEl: any;
|
|
17
|
+
};
|
|
18
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
19
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
20
|
+
"update:visible": (value: boolean) => any;
|
|
21
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
22
|
+
"onUpdate:visible"?: ((value: boolean) => any) | undefined;
|
|
23
|
+
}>, {
|
|
24
|
+
placement: import('@floating-ui/utils').Placement;
|
|
25
|
+
offset: number;
|
|
26
|
+
trigger: "hover" | "click" | "manual";
|
|
27
|
+
showAfter: number;
|
|
28
|
+
hideAfter: number;
|
|
29
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
30
|
+
triggerRef: HTMLSpanElement;
|
|
31
|
+
popverRef: HTMLDivElement;
|
|
32
|
+
}, any>;
|
|
33
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
34
|
+
export default _default;
|
|
35
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
36
|
+
new (): {
|
|
37
|
+
$slots: S;
|
|
38
|
+
};
|
|
39
|
+
};
|
package/dist/props/index.d.ts
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { ButtonProps } from './button/SqButton';
|
|
2
2
|
import { InputProps } from './input/SqInput';
|
|
3
|
+
import { PopperProps } from './popover/SqPopover';
|
|
3
4
|
import { TagProps } from './tag/SqTag';
|
|
4
5
|
import { CheckTagProps } from './tag/SqCheckTag';
|
|
5
6
|
import { TextProps } from './text/SqText';
|
|
6
|
-
export type { ButtonProps, InputProps, TagProps, CheckTagProps, TextProps };
|
|
7
|
+
export type { ButtonProps, InputProps, PopperProps, TagProps, CheckTagProps, TextProps, };
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { Placement } from '@floating-ui/vue';
|
|
2
|
+
/**
|
|
3
|
+
* 气泡框属性
|
|
4
|
+
*/
|
|
5
|
+
export interface PopperProps {
|
|
6
|
+
/**
|
|
7
|
+
* 气泡框位置
|
|
8
|
+
*/
|
|
9
|
+
placement?: Placement;
|
|
10
|
+
/**
|
|
11
|
+
* 气泡框间距
|
|
12
|
+
*/
|
|
13
|
+
offset?: number;
|
|
14
|
+
/**
|
|
15
|
+
* 是否插入 body
|
|
16
|
+
*/
|
|
17
|
+
teleported?: boolean;
|
|
18
|
+
/**
|
|
19
|
+
* 触发方式
|
|
20
|
+
*/
|
|
21
|
+
trigger?: 'hover' | 'click' | 'manual';
|
|
22
|
+
/**
|
|
23
|
+
* 显示时间延迟
|
|
24
|
+
*/
|
|
25
|
+
showAfter?: number;
|
|
26
|
+
/**
|
|
27
|
+
* 消失时间延迟
|
|
28
|
+
*/
|
|
29
|
+
hideAfter?: number;
|
|
30
|
+
/**
|
|
31
|
+
* 是否禁用
|
|
32
|
+
*/
|
|
33
|
+
disabled?: boolean;
|
|
34
|
+
/**
|
|
35
|
+
* 气泡框类名
|
|
36
|
+
*/
|
|
37
|
+
popoverClass?: string | string[];
|
|
38
|
+
}
|