@a2simcode/ui 0.0.2 → 0.0.4

package/README.md

@@ -66,6 +66,7 @@ import '@a2simcode/ui/dist/style.css'
 
 - ✅ Button 按钮
 - ✅ Input 输入框
+- ✅ Radio 单选框
 - 🚧 更多组件开发中...
 
 ## 💻 本地开发

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

@@ -0,0 +1,118 @@
+declare const JAutocomplete: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./src/autocomplete.vue').AutocompleteProps> & Readonly<{
+        onSelect?: ((value: any) => any) | undefined;
+        onFocus?: (() => any) | undefined;
+        onBlur?: (() => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+        onChange?: ((value: string) => any) | undefined;
+    }>, {
+        focus: () => void;
+        blur: () => void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        select: (value: any) => any;
+        focus: () => any;
+        blur: () => any;
+        "update:modelValue": (value: string | undefined) => any;
+        change: (value: string) => any;
+    }, import('vue').PublicProps, {
+        disabled: boolean;
+        readonly: boolean;
+        placeholder: string;
+        clearable: boolean;
+        options: import('./src/autocomplete.vue').Option[];
+        teleported: boolean;
+        placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end";
+        valueKey: string;
+        debounce: number;
+        triggerOnFocus: boolean;
+        selectWhenUnmatched: boolean;
+        hideLoading: boolean;
+        highlightFirstItem: boolean;
+        fitInputWidth: boolean;
+        loopNavigation: boolean;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        autocompleteRef: unknown;
+    }, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./src/autocomplete.vue').AutocompleteProps> & Readonly<{
+        onSelect?: ((value: any) => any) | undefined;
+        onFocus?: (() => any) | undefined;
+        onBlur?: (() => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+        onChange?: ((value: string) => any) | undefined;
+    }>, {
+        focus: () => void;
+        blur: () => void;
+    }, {}, {}, {}, {
+        disabled: boolean;
+        readonly: boolean;
+        placeholder: string;
+        clearable: boolean;
+        options: import('./src/autocomplete.vue').Option[];
+        teleported: boolean;
+        placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end";
+        valueKey: string;
+        debounce: number;
+        triggerOnFocus: boolean;
+        selectWhenUnmatched: boolean;
+        hideLoading: boolean;
+        highlightFirstItem: boolean;
+        fitInputWidth: boolean;
+        loopNavigation: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./src/autocomplete.vue').AutocompleteProps> & Readonly<{
+    onSelect?: ((value: any) => any) | undefined;
+    onFocus?: (() => any) | undefined;
+    onBlur?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
+}>, {
+    focus: () => void;
+    blur: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    select: (value: any) => any;
+    focus: () => any;
+    blur: () => any;
+    "update:modelValue": (value: string | undefined) => any;
+    change: (value: string) => any;
+}, string, {
+    disabled: boolean;
+    readonly: boolean;
+    placeholder: string;
+    clearable: boolean;
+    options: import('./src/autocomplete.vue').Option[];
+    teleported: boolean;
+    placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end";
+    valueKey: string;
+    debounce: number;
+    triggerOnFocus: boolean;
+    selectWhenUnmatched: boolean;
+    hideLoading: boolean;
+    highlightFirstItem: boolean;
+    fitInputWidth: boolean;
+    loopNavigation: boolean;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        prefix?(_: {}): any;
+        suffix?(_: {}): any;
+        default?(_: {
+            item: any;
+        }): any;
+        header?(_: {}): any;
+        footer?(_: {}): any;
+        prepend?(_: {}): any;
+        append?(_: {}): any;
+        loading?(_: {}): any;
+    };
+}) & {
+    install: (app: import('vue').App) => void;
+};
+export default JAutocomplete;

package/dist/components/autocomplete/src/autocomplete.vue.d.ts

@@ -0,0 +1,109 @@
+export interface Option {
+    label?: string;
+    value?: string;
+    [key: string]: any;
+}
+export interface AutocompleteProps {
+    /** 绑定值 */
+    modelValue?: string;
+    /** 占位文本 */
+    placeholder?: string;
+    /** 是否可清空 */
+    clearable?: boolean;
+    /** 自动补全组件是否被禁用 */
+    disabled?: boolean;
+    /** 是否只读 */
+    readonly?: boolean;
+    /** 输入建议对象中用于显示的键名 */
+    valueKey?: string;
+    /** 获取输入建议的防抖延时，单位为毫秒 */
+    debounce?: number;
+    /** 菜单弹出位置 */
+    placement?: 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end';
+    options?: Option[];
+    /** 获取输入建议的方法 */
+    fetchSuggestions?: (queryString: string, callback: (data: any[]) => void) => void;
+    /** 是否在输入框获得焦点时显示建议 */
+    triggerOnFocus?: boolean;
+    /** 在输入没有任何匹配建议的情况下，按下回车是否触发 select 事件 */
+    selectWhenUnmatched?: boolean;
+    /** 原生 aria-label属性 */
+    ariaLabel?: string;
+    /** 是否隐藏远程加载时的加载图标 */
+    hideLoading?: boolean;
+    /** 下拉列表的类名 */
+    popperClass?: string | Record<string, any>;
+    /** autocomplete 下拉列表的样式 */
+    popperStyle?: Record<string, any>;
+    /** 是否将下拉列表元素插入 append-to 指向的元素下 */
+    teleported?: boolean;
+    /** 下拉框挂载到哪个 DOM 元素 */
+    appendTo?: HTMLElement | string;
+    /** 是否默认高亮远程搜索结果的第一项 */
+    highlightFirstItem?: boolean;
+    /** 下拉框的宽度是否与输入框相同 */
+    fitInputWidth?: boolean;
+    /** 键盘导航是否从末尾循环到开头 */
+    loopNavigation?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        prefix?(_: {}): any;
+        suffix?(_: {}): any;
+        default?(_: {
+            item: any;
+        }): any;
+        header?(_: {}): any;
+        footer?(_: {}): any;
+        prepend?(_: {}): any;
+        append?(_: {}): any;
+        loading?(_: {}): any;
+    };
+    refs: {
+        autocompleteRef: unknown;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<AutocompleteProps, {
+    focus: () => void;
+    blur: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    select: (value: any) => any;
+    focus: () => any;
+    blur: () => any;
+    "update:modelValue": (value: string | undefined) => any;
+    change: (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<AutocompleteProps> & Readonly<{
+    onSelect?: ((value: any) => any) | undefined;
+    onFocus?: (() => any) | undefined;
+    onBlur?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
+}>, {
+    disabled: boolean;
+    readonly: boolean;
+    placeholder: string;
+    clearable: boolean;
+    options: Option[];
+    teleported: boolean;
+    placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end";
+    valueKey: string;
+    debounce: number;
+    triggerOnFocus: boolean;
+    selectWhenUnmatched: boolean;
+    hideLoading: boolean;
+    highlightFirstItem: boolean;
+    fitInputWidth: boolean;
+    loopNavigation: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    autocompleteRef: unknown;
+}, 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/components/barcode/index.d.ts

@@ -0,0 +1,114 @@
+declare const JBarcode: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./src/barcode.vue').BarcodeProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        size: number;
+        flat: boolean;
+        color: string;
+        text: string;
+        height: number;
+        width: number;
+        font: string;
+        modelValue: string | number;
+        format: import('./src/barcode.vue').BarcodeFormat;
+        displayValue: boolean;
+        fontOptions: string;
+        textAlign: string;
+        textPosition: string;
+        textMargin: number;
+        fontSize: number;
+        background: string;
+        margin: number;
+        marginTop: number;
+        marginRight: number;
+        marginBottom: number;
+        marginLeft: number;
+        correctLevel: number;
+        autoColor: boolean;
+        backgroundImage: string;
+        backgroundDimming: string;
+        gifBackground: string;
+        whiteMargin: boolean;
+        logoImage: string;
+        logoScale: number;
+        logoMargin: number;
+        logoCornerRadius: number;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        barcodeRef: HTMLImageElement;
+    }, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./src/barcode.vue').BarcodeProps> & Readonly<{}>, {}, {}, {}, {}, {
+        size: number;
+        flat: boolean;
+        color: string;
+        text: string;
+        height: number;
+        width: number;
+        font: string;
+        modelValue: string | number;
+        format: import('./src/barcode.vue').BarcodeFormat;
+        displayValue: boolean;
+        fontOptions: string;
+        textAlign: string;
+        textPosition: string;
+        textMargin: number;
+        fontSize: number;
+        background: string;
+        margin: number;
+        marginTop: number;
+        marginRight: number;
+        marginBottom: number;
+        marginLeft: number;
+        correctLevel: number;
+        autoColor: boolean;
+        backgroundImage: string;
+        backgroundDimming: string;
+        gifBackground: string;
+        whiteMargin: boolean;
+        logoImage: string;
+        logoScale: number;
+        logoMargin: number;
+        logoCornerRadius: number;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./src/barcode.vue').BarcodeProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    size: number;
+    flat: boolean;
+    color: string;
+    text: string;
+    height: number;
+    width: number;
+    font: string;
+    modelValue: string | number;
+    format: import('./src/barcode.vue').BarcodeFormat;
+    displayValue: boolean;
+    fontOptions: string;
+    textAlign: string;
+    textPosition: string;
+    textMargin: number;
+    fontSize: number;
+    background: string;
+    margin: number;
+    marginTop: number;
+    marginRight: number;
+    marginBottom: number;
+    marginLeft: number;
+    correctLevel: number;
+    autoColor: boolean;
+    backgroundImage: string;
+    backgroundDimming: string;
+    gifBackground: string;
+    whiteMargin: boolean;
+    logoImage: string;
+    logoScale: number;
+    logoMargin: number;
+    logoCornerRadius: number;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
+    install: (app: import('vue').App) => void;
+};
+export default JBarcode;

package/dist/components/barcode/src/barcode.vue.d.ts

@@ -0,0 +1,101 @@
+export type BarcodeFormat = 'CODE128' | 'CODE128A' | 'CODE128B' | 'CODE128C' | 'EAN13' | 'EAN8' | 'EAN5' | 'EAN2' | 'UPC' | 'CODE39' | 'ITF' | 'ITF14' | 'MSI10' | 'MSI11' | 'MSI1010' | 'MSI1110' | 'pharmacode' | 'codabar' | 'qr';
+export interface BarcodeProps {
+    /** 条码值 */
+    modelValue?: string | number;
+    /** 条码格式 */
+    format?: BarcodeFormat;
+    /** 单个条码线宽度 */
+    width?: number;
+    /** 高度 */
+    height?: number;
+    /** 是否显示文本 */
+    displayValue?: boolean;
+    /** 文本内容 */
+    text?: string;
+    /** 文字样式 */
+    fontOptions?: string;
+    /** 字体 */
+    font?: string;
+    /** 文字对齐方式 */
+    textAlign?: string;
+    /** 文本位置 */
+    textPosition?: string;
+    /** 条码和文字间隔 */
+    textMargin?: number;
+    /** 文字大小 */
+    fontSize?: number;
+    /** 背景色 */
+    background?: string;
+    /** 条码颜色 */
+    color?: string;
+    /** margin值 */
+    margin?: number;
+    /** marginTop值 */
+    marginTop?: number;
+    /** marginRight值 */
+    marginRight?: number;
+    /** marginBottom值 */
+    marginBottom?: number;
+    /** marginLeft值 */
+    marginLeft?: number;
+    /** 平划，只对EAN8/EAN13有效果 */
+    flat?: boolean;
+    /** 尺寸（二维码） */
+    size?: number;
+    /** 纠错等级（二维码） */
+    correctLevel?: number;
+    /** 根据二维码的背景自动计算color值 */
+    autoColor?: boolean;
+    /** 背景图片（二维码） */
+    backgroundImage?: string;
+    /** 背景图像上方的调暗遮罩的颜色（二维码） */
+    backgroundDimming?: string;
+    /** 背景图像上方的调暗遮罩的颜色（二维码） */
+    gifBackground?: string;
+    /** 使用白色边距，而不是透明的，在边距上显示二维码的背景 */
+    whiteMargin?: boolean;
+    /** logo图（二维码） */
+    logoImage?: string;
+    /** logo缩放值（二维码） */
+    logoScale?: number;
+    /** logoMargin（二维码） */
+    logoMargin?: number;
+    /** logo圆角（二维码） */
+    logoCornerRadius?: number;
+}
+declare const _default: import('vue').DefineComponent<BarcodeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BarcodeProps> & Readonly<{}>, {
+    size: number;
+    flat: boolean;
+    color: string;
+    text: string;
+    height: number;
+    width: number;
+    font: string;
+    modelValue: string | number;
+    format: BarcodeFormat;
+    displayValue: boolean;
+    fontOptions: string;
+    textAlign: string;
+    textPosition: string;
+    textMargin: number;
+    fontSize: number;
+    background: string;
+    margin: number;
+    marginTop: number;
+    marginRight: number;
+    marginBottom: number;
+    marginLeft: number;
+    correctLevel: number;
+    autoColor: boolean;
+    backgroundImage: string;
+    backgroundDimming: string;
+    gifBackground: string;
+    whiteMargin: boolean;
+    logoImage: string;
+    logoScale: number;
+    logoMargin: number;
+    logoCornerRadius: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    barcodeRef: HTMLImageElement;
+}, any>;
+export default _default;