sard-uniapp 1.0.3 → 1.0.4

package/components/layout/common.d.ts

@@ -0,0 +1,54 @@
+import { type PropType, type StyleValue } from 'vue';
+export interface RowProps {
+    rootStyle?: StyleValue;
+    rootClass?: string;
+    gap?: number | string;
+    justify?: 'start' | 'center' | 'end' | 'around' | 'between' | 'evenly';
+    align?: 'start' | 'center' | 'end' | 'stretch';
+}
+export declare const rowProps: {
+    rootStyle: PropType<StyleValue>;
+    rootClass: StringConstructor;
+    gap: (StringConstructor | NumberConstructor)[];
+    justify: PropType<"start" | "center" | "end" | "around" | "between" | "evenly" | undefined>;
+    align: PropType<"start" | "center" | "end" | "stretch" | undefined>;
+};
+export interface RowSlots {
+    default(props: Record<string, never>): any;
+}
+export interface ColProps {
+    rootStyle?: StyleValue;
+    rootClass?: string;
+    span?: number | 'auto' | 'none';
+    offset?: number;
+    order?: number;
+}
+export declare const colProps: {
+    rootStyle: PropType<StyleValue>;
+    rootClass: StringConstructor;
+    span: PropType<number | "auto" | "none" | undefined>;
+    offset: NumberConstructor;
+    order: NumberConstructor;
+};
+export interface ColSlots {
+    default(props: Record<string, never>): any;
+}
+export type RowContext = {
+    gutter: readonly [number, string];
+    gap: RowProps['gap'];
+};
+export declare const rowSymbol: unique symbol;
+export declare const mapJustify: {
+    start: string;
+    center: string;
+    end: string;
+    around: string;
+    between: string;
+    evenly: string;
+};
+export declare const mapAlign: {
+    start: string;
+    center: string;
+    end: string;
+    stretch: string;
+};

package/components/layout/common.js

@@ -0,0 +1,29 @@
+export const rowProps = {
+    rootStyle: [String, Object, Array],
+    rootClass: String,
+    gap: [Number, String],
+    justify: String,
+    align: String,
+};
+export const colProps = {
+    rootStyle: [String, Object, Array],
+    rootClass: String,
+    span: [Number, String],
+    offset: Number,
+    order: Number,
+};
+export const rowSymbol = Symbol('row-context');
+export const mapJustify = {
+    start: 'flex-start',
+    center: 'center',
+    end: 'flex-end',
+    around: 'space-around',
+    between: 'space-between',
+    evenly: 'space-evenly',
+};
+export const mapAlign = {
+    start: 'flex-start',
+    center: 'center',
+    end: 'flex-end',
+    stretch: 'stretch',
+};

package/components/layout/index.d.ts

@@ -0,0 +1 @@
+export type { RowProps, RowSlots, ColProps, ColSlots } from './common';

package/components/layout/index.js

@@ -0,0 +1 @@
+export {};

package/components/popout-input/index.d.ts

@@ -0,0 +1 @@
+export type { PopoutInputProps, PopoutInputEmits } from './common';

package/components/popout-input/index.js

@@ -0,0 +1 @@
+export {};

package/components/tag/common.d.ts

@@ -0,0 +1,38 @@
+import { type PropType, type StyleValue } from 'vue';
+export interface TagProps {
+    rootStyle?: StyleValue;
+    rootClass?: string;
+    theme?: 'default' | 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'danger';
+    plain?: boolean;
+    round?: boolean;
+    mark?: boolean;
+    size?: 'small' | 'medium' | 'large';
+    color?: string;
+    textColor?: string;
+    closable?: boolean;
+}
+export declare const tagProps: {
+    rootStyle: PropType<StyleValue>;
+    rootClass: StringConstructor;
+    theme: {
+        type: PropType<"success" | "default" | "primary" | "info" | "secondary" | "warning" | "danger" | undefined>;
+        default: string;
+    };
+    plain: BooleanConstructor;
+    round: BooleanConstructor;
+    mark: BooleanConstructor;
+    size: {
+        type: PropType<"medium" | "small" | "large" | undefined>;
+        default: string;
+    };
+    color: StringConstructor;
+    textColor: StringConstructor;
+    closable: BooleanConstructor;
+};
+export interface TagSlots {
+    default(props: Record<string, never>): any;
+}
+export interface TagEmits {
+    (e: 'click', event: any): void;
+    (e: 'close', event: any): void;
+}

package/components/tag/common.js

@@ -0,0 +1,23 @@
+import { defaultConfig } from '../config';
+// const props = withDefaults(defineProps<TagProps>(), {
+//   theme: 'default',
+//   size: 'medium',
+// })
+export const tagProps = {
+    rootStyle: [String, Object, Array],
+    rootClass: String,
+    theme: {
+        type: String,
+        default: defaultConfig.tag.theme,
+    },
+    plain: Boolean,
+    round: Boolean,
+    mark: Boolean,
+    size: {
+        type: String,
+        default: defaultConfig.tag.size,
+    },
+    color: String,
+    textColor: String,
+    closable: Boolean,
+};

package/components/tag/index.d.ts

@@ -0,0 +1 @@
+export type { TagProps, TagSlots, TagEmits } from './common';

package/components/tag/index.js

@@ -0,0 +1 @@
+export {};

package/global.d.ts

@@ -1,8 +1,8 @@
 import '@vue/runtime-core'
 
 import SarAccordion from './components/accordion/accordion.vue'
-import SarActionSheet from './components/action-sheet/action-sheet.vue'
 import SarAccordionItem from './components/accordion-item/accordion-item.vue'
+import SarActionSheet from './components/action-sheet/action-sheet.vue'
 import SarAvatar from './components/avatar/avatar.vue'
 import SarBadge from './components/badge/badge.vue'
 import SarButton from './components/button/button.vue'
@@ -37,6 +37,7 @@ import SarListItem from './components/list-item/list-item.vue'
 import SarLoading from './components/loading/loading.vue'
 import SarMenu from './components/menu/menu.vue'
 import SarNavbar from './components/navbar/navbar.vue'
+import SarNavbarItem from './components/navbar-item/navbar-item.vue'
 import SarNoticeBar from './components/notice-bar/notice-bar.vue'
 import SarNotify from './components/notify/notify.vue'
 import SarNotifyAgent from './components/notify-agent/notify-agent.vue'
@@ -70,9 +71,10 @@ import SarSteps from './components/steps/steps.vue'
 import SarSwiperDot from './components/swiper-dot/swiper-dot.vue'
 import SarSwitch from './components/switch/switch.vue'
 import SarTab from './components/tab/tab.vue'
-import SarTabs from './components/tabs/tabs.vue'
 import SarTabbar from './components/tabbar/tabbar.vue'
 import SarTabbarItem from './components/tabbar-item/tabbar-item.vue'
+import SarTabs from './components/tabs/tabs.vue'
+import SarTag from './components/tag/tag.vue'
 import SarToast from './components/toast/toast.vue'
 import SarToastAgent from './components/toast-agent/toast-agent.vue'
 import SarUpload from './components/upload/upload.vue'
@@ -117,6 +119,7 @@ declare module '@vue/runtime-core' {
     SarLoading: typeof SarLoading
     SarMenu: typeof SarMenu
     SarNavbar: typeof SarNavbar
+    SarNavbarItem: typeof SarNavbarItem
     SarNoticeBar: typeof SarNoticeBar
     SarNotify: typeof SarNotify
     SarNotifyAgent: typeof SarNotifyAgent
@@ -150,9 +153,10 @@ declare module '@vue/runtime-core' {
     SarSwiperDot: typeof SarSwiperDot
     SarSwitch: typeof SarSwitch
     SarTab: typeof SarTab
-    SarTabs: typeof SarTabs
     SarTabbar: typeof SarTabbar
     SarTabbarItem: typeof SarTabbarItem
+    SarTabs: typeof SarTabs
+    SarTag: typeof SarTag
     SarToast: typeof SarToast
     SarToastAgent: typeof SarToastAgent
     SarUpload: typeof SarUpload

package/index.d.ts

@@ -24,6 +24,7 @@ export * from './components/icon';
 export * from './components/indexes';
 export * from './components/input';
 export * from './components/keyboard';
+export * from './components/layout';
 export * from './components/list';
 export * from './components/loading';
 export * from './components/locale';
@@ -38,6 +39,7 @@ export * from './components/password-input';
 export * from './components/picker';
 export * from './components/picker-input';
 export * from './components/popout';
+export * from './components/popout-input';
 export * from './components/popover';
 export * from './components/popover-reference';
 export * from './components/popup';
@@ -54,8 +56,9 @@ export * from './components/stepper';
 export * from './components/steps';
 export * from './components/swiper-dot';
 export * from './components/switch';
-export * from './components/tabs';
 export * from './components/tabbar';
+export * from './components/tabs';
+export * from './components/tag';
 export * from './components/toast';
 export * from './components/toast-agent';
 export * from './components/upload';

package/index.js

@@ -24,6 +24,7 @@ export * from './components/icon';
 export * from './components/indexes';
 export * from './components/input';
 export * from './components/keyboard';
+export * from './components/layout';
 export * from './components/list';
 export * from './components/loading';
 export * from './components/locale';
@@ -38,6 +39,7 @@ export * from './components/password-input';
 export * from './components/picker';
 export * from './components/picker-input';
 export * from './components/popout';
+export * from './components/popout-input';
 export * from './components/popover';
 export * from './components/popover-reference';
 export * from './components/popup';
@@ -54,8 +56,9 @@ export * from './components/stepper';
 export * from './components/steps';
 export * from './components/swiper-dot';
 export * from './components/switch';
-export * from './components/tabs';
 export * from './components/tabbar';
+export * from './components/tabs';
+export * from './components/tag';
 export * from './components/toast';
 export * from './components/toast-agent';
 export * from './components/upload';

package/package.json

@@ -2,7 +2,7 @@
   "id": "sard-uniapp",
   "name": "sard-uniapp",
   "displayName": "sard-uniapp",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "sard-uniapp 是一套基于 Uniapp + Vue3 框架开发的兼容多端的 UI 组件库",
   "keywords": [
     "uniapp",