@moubing/bing-ui 0.2.0 → 0.3.0

package/dist/components/BingColorPicker/BingColorPicker.types.d.ts

@@ -0,0 +1,70 @@
+import { BingGlassEffectProps } from '../../utils/glass';
+export type BingColorPickerSize = 'sm' | 'md' | 'lg';
+export type BingColorPickerFormat = 'hex' | 'rgba' | 'hsl';
+export type BingColorPickerChangeSource = 'field' | 'slider' | 'alpha' | 'preset' | 'input';
+export type BingColorPickerModelValue = string;
+export interface BingColorPickerPreset {
+    label?: string;
+    value: string;
+}
+export type BingColorPickerPresetInput = string | BingColorPickerPreset;
+export interface BingColorPickerRgbValue {
+    r: number;
+    g: number;
+    b: number;
+    a: number;
+}
+export interface BingColorPickerHslValue {
+    h: number;
+    s: number;
+    l: number;
+    a: number;
+}
+export interface BingColorPickerColorValue {
+    hex: string;
+    hexAlpha: string;
+    rgba: string;
+    hsl: string;
+    rgb: BingColorPickerRgbValue;
+    hslParts: BingColorPickerHslValue;
+}
+export interface BingColorPickerChangePayload extends BingColorPickerColorValue {
+    value: string;
+    source: BingColorPickerChangeSource;
+}
+export interface BingColorPickerCopyPayload {
+    format: BingColorPickerFormat;
+    value: string;
+    color: BingColorPickerColorValue;
+}
+export interface BingColorPickerProps extends BingGlassEffectProps {
+    id?: string;
+    modelValue?: BingColorPickerModelValue;
+    presets?: BingColorPickerPresetInput[];
+    disabled?: boolean;
+    size?: BingColorPickerSize;
+    block?: boolean;
+    width?: string | number;
+    minWidth?: string | number;
+    panelWidth?: string | number;
+    copyLabel?: string;
+    copiedLabel?: string;
+    copyResetDelay?: number;
+    ariaLabel?: string;
+    ariaDescribedby?: string;
+    status?: 'default' | 'error' | 'success' | 'warning';
+}
+export interface BingColorPickerEmits {
+    'update:modelValue': [value: BingColorPickerModelValue];
+    change: [payload: BingColorPickerChangePayload];
+    copy: [payload: BingColorPickerCopyPayload];
+    copyError: [error: Error];
+    open: [];
+    close: [];
+}
+export interface BingColorPickerExpose {
+    focus: () => void;
+    blur: () => void;
+    openPanel: () => void;
+    closePanel: () => void;
+}

package/dist/components/BingColorPicker/BingColorPicker.vue.d.ts

@@ -0,0 +1,38 @@
+import { BingColorPickerChangePayload, BingColorPickerExpose, BingColorPickerPresetInput, BingColorPickerProps } from './BingColorPicker.types';
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import('vue').DefineComponent<BingColorPickerProps, BingColorPickerExpose, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+    change: (payload: BingColorPickerChangePayload) => any;
+    close: () => any;
+    copy: (payload: import('./BingColorPicker.types').BingColorPickerCopyPayload) => any;
+    copyError: (error: Error) => any;
+    open: () => any;
+}, string, import('vue').PublicProps, Readonly<BingColorPickerProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onChange?: ((payload: BingColorPickerChangePayload) => any) | undefined;
+    onClose?: (() => any) | undefined;
+    onCopy?: ((payload: import('./BingColorPicker.types').BingColorPickerCopyPayload) => any) | undefined;
+    onCopyError?: ((error: Error) => any) | undefined;
+    onOpen?: (() => any) | undefined;
+}>, {
+    disabled: boolean;
+    minWidth: string | number;
+    width: string | number;
+    glass: boolean;
+    ariaLabel: string;
+    modelValue: import('./BingColorPicker.types').BingColorPickerModelValue;
+    size: import('./BingColorPicker.types').BingColorPickerSize;
+    block: boolean;
+    glassBlur: string | number;
+    glassOpacity: number;
+    glassSaturation: number;
+    id: string;
+    ariaDescribedby: string;
+    status: "default" | "error" | "success" | "warning";
+    copyLabel: string;
+    copiedLabel: string;
+    copyResetDelay: number;
+    presets: BingColorPickerPresetInput[];
+    panelWidth: string | number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/components/BingColorPicker/index.d.ts

@@ -0,0 +1,2 @@
+export { default as BingColorPicker } from './BingColorPicker.vue';
+export type { BingColorPickerChangePayload, BingColorPickerChangeSource, BingColorPickerColorValue, BingColorPickerCopyPayload, BingColorPickerEmits, BingColorPickerExpose, BingColorPickerFormat, BingColorPickerHslValue, BingColorPickerModelValue, BingColorPickerPreset, BingColorPickerPresetInput, BingColorPickerProps, BingColorPickerRgbValue, BingColorPickerSize, } from './BingColorPicker.types';

package/dist/components/BingDatePicker/BingDatePicker.vue.d.ts

@@ -36,9 +36,10 @@ declare const __VLS_export: import('vue').DefineComponent<BingDatePickerProps, B
     min: string;
     format: string;
     placeholder: string;
+    clearable: boolean;
+    panelMaxHeight: string | number;
     startPlaceholder: string;
     endPlaceholder: string;
-    clearable: boolean;
     valueFormat: string;
     locale: string;
     firstDayOfWeek: number;
@@ -48,7 +49,6 @@ declare const __VLS_export: import('vue').DefineComponent<BingDatePickerProps, B
     minuteStep: number;
     secondStep: number;
     showShortcuts: boolean;
-    panelMaxHeight: string | number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/BingDropDown/BingDropDown.types.d.ts

@@ -13,6 +13,7 @@ export interface BingDropDownProps extends BingGlassEffectProps {
     width?: string | number;
     minWidth?: string | number;
     maxWidth?: string | number;
+    panelClass?: string;
     block?: boolean;
     closeOnOutside?: boolean;
     closeOnEscape?: boolean;

package/dist/components/BingDropDown/BingDropDown.vue.d.ts

@@ -30,6 +30,7 @@ declare const __VLS_export: __VLS_WithSlots<import('vue').DefineComponent<BingDr
     placement: BingDropDownPlacement;
     closeOnOutside: boolean;
     open: boolean | null;
+    panelClass: string;
     closeOnEscape: boolean;
     autoFocus: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {

package/dist/components/BingDropDown/BingDropDownItem.vue.d.ts

@@ -14,9 +14,9 @@ declare const __VLS_export: __VLS_WithSlots<import('vue').DefineComponent<BingDr
     tone: import('./BingDropDown.types').BingDropDownItemTone;
     target: string;
     href: string;
+    active: boolean;
     shortcut: string | string[];
     rel: string;
-    active: boolean;
     closeOnClick: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
     prefix?: (props: {}) => any;

package/dist/components/BingForm/BingForm.vue.d.ts

@@ -14,9 +14,9 @@ declare const __VLS_base: import('vue').DefineComponent<BingFormProps, BingFormE
     columns: BingFormResponsiveNumber;
     gap: BingFormGap;
     size: import('./BingForm.types').BingFormSize;
+    layout: import('./BingForm.types').BingFormLayout;
     model: BingFormModel;
     schema: import('./BingForm.types').BingFormSchema;
-    layout: import('./BingForm.types').BingFormLayout;
     labelPosition: import('./BingForm.types').BingFormLabelPosition;
     labelWidth: string | number;
     validateTrigger: BingFormValidateTrigger | BingFormValidateTrigger[];

package/dist/components/BingFormItem/BingFormItem.vue.d.ts

@@ -16,8 +16,8 @@ declare const __VLS_base: import('vue').DefineComponent<BingFormItemProps, {}, {
     span: BingFormResponsiveNumber;
     required: boolean;
     prop: string;
-    labelPosition: import('..').BingFormLabelPosition;
     help: string;
+    labelPosition: import('..').BingFormLabelPosition;
     showMessage: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/BingSelect/BingSelect.types.d.ts

@@ -4,6 +4,8 @@ export type BingSelectModelValue = BingSelectValue | BingSelectValue[] | null;
 export type BingSelectSize = 'sm' | 'md' | 'lg';
 export type BingSelectVirtualMode = boolean | 'auto';
 export type BingSelectSearchable = boolean | 'auto';
+export type BingSelectPanelPlacement = 'auto' | 'top' | 'bottom' | 'left' | 'right';
+export type BingSelectPanelAlign = 'start' | 'middle' | 'end';
 export type BingSelectOptionMetaValue = string | number | boolean | null | undefined;
 export interface BingSelectOption {
     label: string;
@@ -35,6 +37,9 @@ export interface BingSelectProps extends BingGlassEffectProps {
     minWidth?: string | number;
     panelMinHeight?: string | number;
     panelMaxHeight?: string | number;
+    panelPlacement?: BingSelectPanelPlacement;
+    panelAlign?: BingSelectPanelAlign;
+    panelGap?: number;
     virtual?: BingSelectVirtualMode;
     virtualThreshold?: number;
     virtualItemHeight?: number;

package/dist/components/BingSelect/BingSelect.vue.d.ts

@@ -1,4 +1,4 @@
-import { BingSelectChangePayload, BingSelectModelValue, BingSelectOption, BingSelectProps } from './BingSelect.types';
+import { BingSelectChangePayload, BingSelectModelValue, BingSelectOption, BingSelectPanelAlign, BingSelectPanelPlacement, BingSelectProps } from './BingSelect.types';
 declare var __VLS_1: {
     selectedOptions: BingSelectOption[];
     placeholder: string;
@@ -46,7 +46,6 @@ declare const __VLS_base: import('vue').DefineComponent<BingSelectProps, {}, {},
     status: "default" | "error" | "success" | "warning";
     placeholder: string;
     clearable: boolean;
-    panelMaxHeight: string | number;
     options: BingSelectOption[];
     multiple: boolean;
     showSelectAll: boolean;
@@ -57,6 +56,10 @@ declare const __VLS_base: import('vue').DefineComponent<BingSelectProps, {}, {},
     searchPlaceholder: string;
     noSearchResultsText: string;
     panelMinHeight: string | number;
+    panelMaxHeight: string | number;
+    panelPlacement: BingSelectPanelPlacement;
+    panelAlign: BingSelectPanelAlign;
+    panelGap: number;
     virtual: import('./BingSelect.types').BingSelectVirtualMode;
     virtualThreshold: number;
     virtualItemHeight: number;

package/dist/components/BingToast/BingToast.service.d.ts

@@ -11,10 +11,6 @@ export declare const bingToastItems: import('vue').Ref<{
     order: number;
     ariaLabel?: string | undefined;
     closeAriaLabel: string;
-    glass?: boolean | undefined;
-    glassBlur?: string | number | undefined;
-    glassOpacity?: number | undefined;
-    glassSaturation?: number | undefined;
 }[], BingToastItem[] | {
     id: string;
     type: BingToastType;
@@ -27,10 +23,6 @@ export declare const bingToastItems: import('vue').Ref<{
     order: number;
     ariaLabel?: string | undefined;
     closeAriaLabel: string;
-    glass?: boolean | undefined;
-    glassBlur?: string | number | undefined;
-    glassOpacity?: number | undefined;
-    glassSaturation?: number | undefined;
 }[]>;
 export declare const activeBingToastViewportId: import('vue').Ref<string | undefined, string | undefined>;
 export declare function pauseBingToastTimer(id: string | number): void;

package/dist/components/BingToast/BingToast.types.d.ts

@@ -1,4 +1,3 @@
-import { BingGlassEffectProps } from '../../utils/glass';
 export declare const BING_TOAST_POSITIONS: readonly ["top", "bottom", "left", "right", "top-left", "top-right", "bottom-left", "bottom-right"];
 export declare const BING_TOAST_POSITION_ALIASES: readonly ["top-center", "bottom-center"];
 export declare const BING_TOAST_POSITION_OPTIONS: readonly ["top", "bottom", "left", "right", "top-left", "top-right", "bottom-left", "bottom-right", "top-center", "bottom-center"];
@@ -7,7 +6,7 @@ export type BingToastPosition = (typeof BING_TOAST_POSITION_OPTIONS)[number];
 export type BingToastViewportPosition = BingToastPosition | 'all';
 export type BingToastType = 'default' | 'success' | 'error' | 'loading' | 'warning' | 'info';
 export type BingToastInput = string | BingToastOptions;
-export interface BingToastOptions extends BingGlassEffectProps {
+export interface BingToastOptions {
     id?: string | number;
     title?: string;
     message?: string;
@@ -18,7 +17,7 @@ export interface BingToastOptions extends BingGlassEffectProps {
     ariaLabel?: string;
     closeAriaLabel?: string;
 }
-export interface BingToastItem extends BingGlassEffectProps {
+export interface BingToastItem {
     id: string;
     type: BingToastType;
     title?: string;
@@ -31,7 +30,7 @@ export interface BingToastItem extends BingGlassEffectProps {
     ariaLabel?: string;
     closeAriaLabel: string;
 }
-export interface BingToastProps extends BingGlassEffectProps {
+export interface BingToastProps {
     viewportPosition?: BingToastViewportPosition;
     zIndex?: number;
     offset?: string | number;

package/dist/components/BingToast/BingToast.vue.d.ts

@@ -7,10 +7,6 @@ declare const __VLS_export: import('vue').DefineComponent<BingToastProps, {}, {}
     gap: string | number;
     width: string | number;
     zIndex: number;
-    glass: boolean;
-    glassBlur: string | number;
-    glassOpacity: number;
-    glassSaturation: number;
     max: number;
     offset: string | number;
     viewportPosition: import('./BingToast.types').BingToastViewportPosition;

package/dist/components/BingTreeSelect/BingTreeSelect.types.d.ts

@@ -4,6 +4,8 @@ export type BingTreeSelectModelValue = BingTreeSelectValue | BingTreeSelectValue
 export type BingTreeSelectSize = 'sm' | 'md' | 'lg';
 export type BingTreeSelectVirtualMode = boolean | 'auto';
 export type BingTreeSelectSearchable = boolean | 'auto';
+export type BingTreeSelectPanelPlacement = 'auto' | 'top' | 'bottom' | 'left' | 'right';
+export type BingTreeSelectPanelAlign = 'start' | 'middle' | 'end';
 export type BingTreeSelectNodeMetaValue = string | number | boolean | null | undefined;
 export interface BingTreeSelectNode {
     label: string;
@@ -40,6 +42,9 @@ export interface BingTreeSelectProps extends BingGlassEffectProps {
     block?: boolean;
     panelMinHeight?: string | number;
     panelMaxHeight?: string | number;
+    panelPlacement?: BingTreeSelectPanelPlacement;
+    panelAlign?: BingTreeSelectPanelAlign;
+    panelGap?: number;
     virtual?: BingTreeSelectVirtualMode;
     virtualThreshold?: number;
     virtualItemHeight?: number;

package/dist/components/BingTreeSelect/BingTreeSelect.vue.d.ts

@@ -1,4 +1,4 @@
-import { BingTreeSelectChangePayload, BingTreeSelectModelValue, BingTreeSelectNode, BingTreeSelectProps, BingTreeSelectValue } from './BingTreeSelect.types';
+import { BingTreeSelectChangePayload, BingTreeSelectModelValue, BingTreeSelectNode, BingTreeSelectPanelAlign, BingTreeSelectPanelPlacement, BingTreeSelectProps, BingTreeSelectValue } from './BingTreeSelect.types';
 declare var __VLS_1: {
     selectedNodes: BingTreeSelectNode[];
     placeholder: string;
@@ -53,7 +53,6 @@ declare const __VLS_base: import('vue').DefineComponent<BingTreeSelectProps, {},
     status: "default" | "error" | "success" | "warning";
     placeholder: string;
     clearable: boolean;
-    panelMaxHeight: string | number;
     options: BingTreeSelectNode[];
     multiple: boolean;
     showSelectAll: boolean;
@@ -64,6 +63,10 @@ declare const __VLS_base: import('vue').DefineComponent<BingTreeSelectProps, {},
     searchPlaceholder: string;
     noSearchResultsText: string;
     panelMinHeight: string | number;
+    panelMaxHeight: string | number;
+    panelPlacement: BingTreeSelectPanelPlacement;
+    panelAlign: BingTreeSelectPanelAlign;
+    panelGap: number;
     virtual: import('./BingTreeSelect.types').BingTreeSelectVirtualMode;
     virtualThreshold: number;
     virtualItemHeight: number;

package/dist/components/index.d.ts

@@ -4,6 +4,7 @@ export * from './BingButton';
 export * from './BingCard';
 export * from './BingCheckbox';
 export * from './BingCodeBlock';
+export * from './BingColorPicker';
 export * from './BingDatePicker';
 export * from './BingCarouselTransition';
 export * from './BingDeckTransition';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moubing/bing-ui",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "type": "module",
   "publishConfig": {
     "access": "public",