@squirrel-cloud/ui-vue 0.1.0 → 0.2.0

package/README.md

@@ -91,3 +91,15 @@ npm install @squirrel-cloud/ui-vue
 - Input 组件获取焦点时隐藏内阴影
 - Input 组件修改输入光标颜色
 - CheckTag 组件默认状态样式调整
+
+### V0.1.1
+
+- 新增 Popover 组件
+
+### V0.2.0
+
+- 新增 --sq-projection-dark 投影色变量
+- 新增 --sq-projection-light 投影色变量
+- 新增 lg 投影档位
+- 圆角调整为 sm md lg 三档
+- 缩小 md 档位的投影大小

package/dist/components/index.d.ts

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

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

@@ -0,0 +1,39 @@
+import { PopperProps } from '../../props';
+type __VLS_Props = PopperProps;
+type __VLS_PublicProps = {
+    'visible'?: boolean;
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        reference?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {
+        triggerRef: HTMLSpanElement;
+        popverRef: HTMLDivElement;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:visible": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+}>, {
+    placement: import('@floating-ui/utils').Placement;
+    offset: number;
+    trigger: "hover" | "click" | "manual";
+    showAfter: number;
+    hideAfter: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    triggerRef: HTMLSpanElement;
+    popverRef: HTMLDivElement;
+}, any>;
+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/props/index.d.ts

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

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

@@ -0,0 +1,38 @@
+import { Placement } from '@floating-ui/vue';
+/**
+ * 气泡框属性
+ */
+export interface PopperProps {
+    /**
+     * 气泡框位置
+     */
+    placement?: Placement;
+    /**
+     * 气泡框间距
+     */
+    offset?: number;
+    /**
+     * 是否插入 body
+     */
+    teleported?: boolean;
+    /**
+     * 触发方式
+     */
+    trigger?: 'hover' | 'click' | 'manual';
+    /**
+     * 显示时间延迟
+     */
+    showAfter?: number;
+    /**
+     * 消失时间延迟
+     */
+    hideAfter?: number;
+    /**
+     * 是否禁用
+     */
+    disabled?: boolean;
+    /**
+     * 气泡框类名
+     */
+    popoverClass?: string | string[];
+}