@touchvue/ui 1.0.0-beta.2 → 1.0.0-beta.3

package/README.md

@@ -0,0 +1,70 @@
+# TouchVue UI 组件库
+
+## 介绍
+
+TouchVue UI 是一个基于 Vue 3 的组件库，提供了一系列高质量的组件，帮助开发者快速构建应用。
+
+## 安装
+
+```bash
+npm install @touchvue/ui
+# 或者
+yarn add @touchvue/ui
+# 或者
+pnpm add @touchvue/ui
+```
+
+## 使用
+
+### 完整引入
+
+```js
+import { createApp } from 'vue';
+import TouchVueUI from '@touchvue/ui';
+import '@touchvue/ui/theme/index.css';
+import App from './App.vue';
+
+const app = createApp(App);
+app.use(TouchVueUI);
+app.mount('#app');
+```
+
+### 按需引入
+
+#### 手动引入
+
+```js
+import { ToButton, ToIcon } from '@touchvue/ui';
+import '@touchvue/ui/theme/button/index.css';
+import '@touchvue/ui/theme/icon/index.css';
+```
+
+#### 自动引入（推荐）
+
+我们提供了与 [unplugin-vue-components](https://github.com/antfu/unplugin-vue-components) 和 [unplugin-auto-import](https://github.com/antfu/unplugin-auto-import) 的集成。
+
+##### Vite 配置
+
+```js
+// vite.config.js
+import { defineConfig } from 'vite';
+import vue from '@vitejs/plugin-vue';
+import AutoImport from 'unplugin-auto-import/vite';
+import Components from 'unplugin-vue-components/vite';
+import { TouchVueResolver } from '@touchvue/ui';
+
+export default defineConfig({
+  plugins: [
+    vue(),
+    Components({
+      resolvers: [TouchVueResolver()],
+    }),
+  ],
+});
+```
+
+## 组件列表
+
+- ToButton - 按钮组件
+- ToIcon - 图标组件
+- 更多组件正在开发中...

package/es/_virtual/_plugin-vue_export-helper.mjs

@@ -0,0 +1,10 @@
+var _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+
+export { _export_sfc as default };
+//# sourceMappingURL=_plugin-vue_export-helper.mjs.map

package/es/_virtual/_plugin-vue_export-helper.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"_plugin-vue_export-helper.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/es/components/article/index.d.ts

@@ -0,0 +1,6 @@
+import Article from './src/article.vue';
+import { SFCWithInstall } from '@touchvue/ui/es/utils';
+export declare const ToArticle: SFCWithInstall<typeof Article>;
+export { Article };
+export * from './src/article';
+export * from './src/instance';

package/es/components/article/src/article.d.ts

@@ -0,0 +1,3 @@
+import { ExtractPropTypes } from 'vue';
+export declare const articleProps: {};
+export type ArticleProps = ExtractPropTypes<typeof articleProps>;

package/es/components/article/src/article.vue.d.ts

@@ -0,0 +1,13 @@
+declare function __VLS_template(): {
+    header?(_: {}): any;
+    default?(_: {}): any;
+    footer?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/components/article/src/instance.d.ts

@@ -0,0 +1,2 @@
+import type Article from './article.vue';
+export type ArticleInstance = InstanceType<typeof Article>;

package/es/components/box/index.d.ts

@@ -0,0 +1,6 @@
+import Box from './src/box.vue';
+import { SFCWithInstall } from '@touchvue/ui/es/utils';
+export declare const ToBox: SFCWithInstall<typeof Box>;
+export { Box };
+export * from './src/box';
+export * from './src/instance';

package/es/components/box/src/box.d.ts

@@ -0,0 +1,3 @@
+import { ExtractPropTypes } from 'vue';
+export declare const boxProps: {};
+export type BoxProps = ExtractPropTypes<typeof boxProps>;

package/es/components/box/src/box.vue.d.ts

@@ -0,0 +1,29 @@
+export interface Props {
+    mode?: string;
+    padding?: string | number;
+    paddingPosition?: string;
+    height?: '' | 'full' | number | string;
+    checked?: boolean;
+    shadow?: boolean;
+    trigger?: 'hover' | 'always';
+    clip?: boolean;
+}
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    mode: string;
+    shadow: boolean;
+    height: "" | "full" | number | string;
+    padding: string | number;
+    paddingPosition: string;
+    checked: boolean;
+    trigger: "hover" | "always";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/components/box/src/instance.d.ts

@@ -0,0 +1,2 @@
+import type Box from './box.vue';
+export type BoxInstance = InstanceType<typeof Box>;

package/es/components/breadcrumb/index.d.ts

@@ -0,0 +1,6 @@
+import Breadcrumb from './src/breadcrumb.vue';
+import BreadcrumbItem from './src/breadcrumb-item.vue';
+import { SFCWithInstall } from '@touchvue/ui/es/utils';
+export declare const ToBreadcrumb: SFCWithInstall<typeof Breadcrumb>;
+export declare const ToBreadcrumbItem: SFCWithInstall<typeof BreadcrumbItem>;
+export * from './src/instance';

package/es/components/breadcrumb/src/breadcrumb-item.d.ts

@@ -0,0 +1,18 @@
+import { ExtractPropTypes } from 'vue';
+export declare const breadcrumbItemProps: {
+    /**
+     * 路由跳转对象，同 vue-router 的 to
+     */
+    to: {
+        type: (ObjectConstructor | StringConstructor)[];
+        default: string;
+    };
+    /**
+     * 是否使用 replace 模式进行路由跳转
+     */
+    replace: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+export type BreadcrumbItemProps = ExtractPropTypes<typeof breadcrumbItemProps>;

package/es/components/breadcrumb/src/breadcrumb-item.vue.d.ts

@@ -0,0 +1,27 @@
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    to: {
+        type: (ObjectConstructor | StringConstructor)[];
+        default: string;
+    };
+    replace: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {
+    separator: import("vue").ComputedRef<string>;
+    separatorIcon: import("vue").ComputedRef<string>;
+    handleClick: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    to: {
+        type: (ObjectConstructor | StringConstructor)[];
+        default: string;
+    };
+    replace: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    replace: boolean;
+    to: string | Record<string, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/components/breadcrumb/src/breadcrumb.d.ts

@@ -0,0 +1,25 @@
+import { ExtractPropTypes } from 'vue';
+export declare const breadcrumbProps: {
+    /**
+     * 分隔符
+     */
+    separator: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 图标分隔符
+     */
+    separatorIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 模式
+     */
+    mode: {
+        type: StringConstructor;
+        default: string;
+    };
+};
+export type BreadcrumbProps = ExtractPropTypes<typeof breadcrumbProps>;

package/es/components/breadcrumb/src/breadcrumb.vue.d.ts

@@ -0,0 +1,34 @@
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    separator: {
+        type: StringConstructor;
+        default: string;
+    };
+    separatorIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    mode: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {
+    breadcrumb: import("vue").Ref<any, any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    separator: {
+        type: StringConstructor;
+        default: string;
+    };
+    separatorIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    mode: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    mode: string;
+    separator: string;
+    separatorIcon: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/components/breadcrumb/src/instance.d.ts

@@ -0,0 +1,4 @@
+import type Breadcrumb from './breadcrumb.vue';
+import type BreadcrumbItem from './breadcrumb-item.vue';
+export type BreadcrumbInstance = InstanceType<typeof Breadcrumb>;
+export type BreadcrumbItemInstance = InstanceType<typeof BreadcrumbItem>;

package/es/components/button/index.d.ts

@@ -0,0 +1,6 @@
+import Button from './src/button.vue';
+import { SFCWithInstall } from '@touchvue/ui/es/utils';
+export declare const ToButton: SFCWithInstall<typeof Button>;
+export default ToButton;
+export * from './src/instance';
+export type { ButtonInstance } from './src/instance';

package/es/components/button/src/button.d.ts

@@ -0,0 +1,77 @@
+import { ToFilletPosition, ToFilletType, ToModeType } from '@touchvue/ui/es/utils';
+import { PropType } from 'vue';
+export interface IconObject {
+    value?: string;
+    [key: string]: any;
+}
+export type ButtonType = 'default' | 'primary' | 'success' | 'info' | 'warning' | 'danger';
+export type ButtonIconPosition = 'left' | 'top';
+export interface ButtonProps {
+    progress?: number | string;
+    width?: string | number;
+    icon?: string | IconObject;
+    iconPosition?: ButtonIconPosition;
+    loading?: boolean;
+    disabled?: boolean;
+    shadow?: boolean;
+    fillet?: ToFilletType;
+    filletPosition?: ToFilletPosition;
+    color?: string;
+    mode?: ToModeType;
+    type?: ButtonType;
+    desc?: string;
+}
+export declare const buttonProps: {
+    progress: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    width: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    icon: {
+        type: (ObjectConstructor | StringConstructor)[];
+        default: string;
+    };
+    iconPosition: {
+        type: StringConstructor;
+        default: string;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    shadow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fillet: {
+        type: PropType<ToFilletType>;
+        default: () => string;
+    };
+    filletPosition: {
+        type: PropType<ToFilletPosition>;
+        default: string;
+    };
+    color: {
+        type: StringConstructor;
+        default: string;
+    };
+    mode: {
+        type: PropType<ToModeType>;
+        default: string;
+    };
+    type: {
+        type: PropType<ButtonType>;
+        default: string;
+    };
+    desc: {
+        type: StringConstructor;
+        default: string;
+    };
+};

package/es/components/button/src/button.vue.d.ts

@@ -0,0 +1,43 @@
+interface Props {
+    disabled?: boolean;
+    loading?: boolean;
+    icon?: string;
+    mode?: string;
+    color?: string;
+    width?: string | number;
+    iconPosition?: string;
+    progress?: string | number;
+    desc?: string;
+}
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<Props, {
+    el: import("vue").Ref<any, any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (...args: any[]) => void;
+    contextmenu: (...args: any[]) => void;
+    dblclick: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    onClick?: (...args: any[]) => any;
+    onContextmenu?: (...args: any[]) => any;
+    onDblclick?: (...args: any[]) => any;
+}>, {
+    mode: string;
+    color: string;
+    width: string | number;
+    progress: string | number;
+    loading: boolean;
+    icon: string;
+    iconPosition: string;
+    disabled: boolean;
+    desc: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/components/button/src/instance.d.ts

@@ -0,0 +1,2 @@
+import type Button from './button.vue';
+export type ButtonInstance = InstanceType<typeof Button>;

package/es/components/calendar/index.d.ts

@@ -0,0 +1,4 @@
+import { SFCWithInstall } from '@touchvue/ui/es/utils';
+import Calendar from './src/calendar.vue';
+export declare const ToCalendar: SFCWithInstall<typeof Calendar>;
+export * from './src/instance';

package/es/components/calendar/src/calendar.d.ts

@@ -0,0 +1,138 @@
+import { ExtractPropTypes, PropType } from 'vue';
+/**
+ * 日历类型
+ */
+export type CalendarType = 'date' | 'datetime' | 'time' | 'month' | string;
+/**
+ * 日历大小
+ */
+export type CalendarSize = 'large' | string;
+/**
+ * 范围类型
+ */
+export type CalendarRangeType = '' | 'end' | string;
+/**
+ * 重点日期数据类型
+ */
+export type CalendarPointData = {
+    /**
+     * 日期，格式：YYYY-MM-DD
+     */
+    day: string;
+    /**
+     * 提示信息
+     */
+    tooltip?: string;
+    /**
+     * 数量
+     */
+    count?: number;
+    /**
+     * 类型：-1=danger, 0=primary, 1=success
+     */
+    type?: number;
+};
+/**
+ * 日历值类型
+ */
+export type CalendarValueType = string | Date;
+export declare const calendarProps: {
+    /**
+     * 假期，用于显示假期标识
+     */
+    holiday: {
+        type: PropType<string[]>;
+        default: () => any[];
+    };
+    /**
+     * 重点日期（比如这天有待办之类的）
+     */
+    point: {
+        type: PropType<CalendarPointData[]>;
+        default: () => any[];
+    };
+    /**
+     * 日历类型
+     */
+    type: {
+        type: PropType<CalendarType>;
+        default: string;
+    };
+    /**
+     * 大小，支持 large
+     */
+    size: {
+        type: PropType<CalendarSize>;
+        default: string;
+    };
+    /**
+     * 是否显示 point 提示信息
+     */
+    legend: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 绑定值
+     */
+    modelValue: {
+        type: PropType<CalendarValueType>;
+        default: string;
+    };
+    /**
+     * 范围类型
+     * 开始：''
+     * 结束：'end'
+     */
+    rangeType: {
+        type: PropType<CalendarRangeType>;
+        default: string;
+    };
+    /**
+     * 是否为范围选择
+     */
+    range: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 时间
+     */
+    time: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 变更前回调
+     */
+    beforeChange: {
+        type: PropType<(value: string) => boolean | Promise<boolean>>;
+        default: any;
+    };
+    /**
+     * 最小值
+     */
+    min: {
+        type: PropType<string | Date | number>;
+        default: string;
+    };
+    /**
+     * 最大值
+     */
+    max: {
+        type: PropType<string | Date | number>;
+        default: string;
+    };
+    /**
+     * 禁用日期
+     */
+    disabledDate: {
+        type: PropType<(date: Date) => boolean>;
+        default: any;
+    };
+    width: {
+        type: StringConstructor;
+        default: string;
+    };
+};
+export type CalendarProps = ExtractPropTypes<typeof calendarProps>;