@touchvue/ui 1.0.0-beta.5 → 1.0.0-beta.51

package/README.md

@@ -1,70 +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 - 图标组件
-- 更多组件正在开发中...
+# 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/components/box/index.d.ts

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

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

@@ -9,6 +9,8 @@ export interface Props {
     trigger?: 'hover' | 'always';
     clip?: boolean;
     link?: boolean;
+    width?: string | number;
+    flex?: boolean;
 }
 declare function __VLS_template(): {
     default?(_: {}): any;
@@ -16,8 +18,10 @@ declare function __VLS_template(): {
 declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
     mode: string;
     color: string;
-    shadow: boolean;
+    flex: boolean;
+    width: string | number;
     link: boolean;
+    shadow: boolean;
     height: "" | "full" | number | string;
     padding: string | number;
     paddingPosition: string;

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

@@ -1,6 +1,6 @@
 import Breadcrumb from './src/breadcrumb.vue';
 import BreadcrumbItem from './src/breadcrumb-item.vue';
-import { SFCWithInstall } from '@touchvue/ui/es/utils';
+import { SFCWithInstall } from '@touchvue/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.vue.d.ts

@@ -8,8 +8,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: boolean;
     };
 }>, {
-    separator: import("vue").ComputedRef<string>;
-    separatorIcon: import("vue").ComputedRef<string>;
+    breadcrumbData: {
+        separator: string;
+        separatorIcon: string;
+    };
     handleClick: () => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     to: {

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

@@ -21,5 +21,12 @@ export declare const breadcrumbProps: {
         type: StringConstructor;
         default: string;
     };
+    /**
+     * 是否启用 flex 布局
+     */
+    flex: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 };
 export type BreadcrumbProps = ExtractPropTypes<typeof breadcrumbProps>;

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

@@ -11,9 +11,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: StringConstructor;
         default: string;
     };
-}>, {
-    breadcrumb: import("vue").Ref<any, any>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    flex: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     separator: {
         type: StringConstructor;
         default: string;
@@ -26,8 +28,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: StringConstructor;
         default: string;
     };
+    flex: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{}>, {
     mode: string;
+    flex: boolean;
     separator: string;
     separatorIcon: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

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

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

@@ -1,4 +1,4 @@
-import { ToFilletPosition, ToFilletType, ToModeType } from '@touchvue/ui/es/utils';
+import { ToModeType } from '@touchvue/utils';
 import { PropType } from 'vue';
 export interface IconObject {
     value?: string;
@@ -14,8 +14,6 @@ export interface ButtonProps {
     loading?: boolean;
     disabled?: boolean;
     shadow?: boolean;
-    fillet?: ToFilletType;
-    filletPosition?: ToFilletPosition;
     color?: string;
     mode?: ToModeType;
     type?: ButtonType;
@@ -50,14 +48,6 @@ export declare const buttonProps: {
         type: BooleanConstructor;
         default: boolean;
     };
-    fillet: {
-        type: PropType<ToFilletType>;
-        default: () => string;
-    };
-    filletPosition: {
-        type: PropType<ToFilletPosition>;
-        default: string;
-    };
     color: {
         type: StringConstructor;
         default: string;

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

@@ -1,13 +1,17 @@
 interface Props {
     disabled?: boolean;
+    expand?: boolean;
     loading?: boolean;
     icon?: string;
+    size?: string;
     mode?: string;
     color?: string;
     width?: string | number;
     iconPosition?: string;
     progress?: string | number;
     desc?: string;
+    flex?: boolean;
+    text?: string;
 }
 declare function __VLS_template(): {
     default?(_: {}): any;
@@ -24,7 +28,9 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {
     onDblclick?: (...args: any[]) => any;
 }>, {
     mode: string;
+    size: string;
     color: string;
+    flex: boolean;
     width: string | number;
     progress: string | number;
     loading: boolean;
@@ -32,6 +38,8 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {
     iconPosition: string;
     disabled: boolean;
     desc: string;
+    expand: boolean;
+    text: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

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

@@ -1,4 +1,4 @@
-import { SFCWithInstall } from '@touchvue/ui/es/utils';
+import { SFCWithInstall } from '@touchvue/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

@@ -2,7 +2,7 @@ import { ExtractPropTypes, PropType } from 'vue';
 /**
  * 日历类型
  */
-export type CalendarType = 'date' | 'datetime' | 'time' | 'month' | string;
+export type CalendarType = 'date' | 'dates' | 'datetime' | 'time' | 'month' | 'months' | string;
 /**
  * 日历大小
  */
@@ -134,5 +134,14 @@ export declare const calendarProps: {
         type: StringConstructor;
         default: string;
     };
+    maxYear: {
+        type: PropType<string | number>;
+        default: number;
+    };
+    minYear: {
+        type: PropType<string | number>;
+        default: number;
+    };
+    flex: BooleanConstructor;
 };
 export type CalendarProps = ExtractPropTypes<typeof calendarProps>;

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

@@ -62,8 +62,16 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: StringConstructor;
         default: string;
     };
+    maxYear: {
+        type: import("vue").PropType<string | number>;
+        default: number;
+    };
+    minYear: {
+        type: import("vue").PropType<string | number>;
+        default: number;
+    };
+    flex: BooleanConstructor;
 }>, {
-    initCalendar: () => void;
     setData: () => void;
     addZero: (str: string | number) => string;
     year: import("vue").Ref<number, number>;
@@ -74,6 +82,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     second: import("vue").Ref<string, string>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => any;
+    confirm: (value: string) => any;
     change: (value: string) => any;
     beforeChange: (value: string) => any;
     "update:modelValue": (value: string) => any;
@@ -134,13 +143,24 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: StringConstructor;
         default: string;
     };
+    maxYear: {
+        type: import("vue").PropType<string | number>;
+        default: number;
+    };
+    minYear: {
+        type: import("vue").PropType<string | number>;
+        default: number;
+    };
+    flex: BooleanConstructor;
 }>> & Readonly<{
     onClose?: () => any;
+    onConfirm?: (value: string) => any;
     onChange?: (value: string) => any;
     onBeforeChange?: (value: string) => any;
     "onUpdate:modelValue"?: (value: string) => any;
 }>, {
     size: string;
+    flex: boolean;
     width: string;
     type: string;
     legend: boolean;
@@ -154,6 +174,8 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     min: string | number | Date;
     max: string | number | Date;
     disabledDate: (date: Date) => boolean;
+    maxYear: string | number;
+    minYear: string | number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

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

@@ -1,6 +1,6 @@
 import Cascader from './src/cascader.vue';
 import CascaderItem from './src/cascader-item.vue';
-import { SFCWithInstall } from '@touchvue/ui/es/utils';
+import { SFCWithInstall } from '@touchvue/utils';
 export declare const ToCascader: SFCWithInstall<typeof Cascader>;
 export declare const ToCascaderItem: SFCWithInstall<typeof CascaderItem>;
 export * from './src/instance';

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

@@ -24,34 +24,59 @@ export interface Props {
     optionCol?: string | number;
     data: [];
     comparable?: boolean;
+    required?: boolean;
+    desc?: string;
+    prefix?: string;
+    showAllLevels?: boolean;
+    checkedDatas?: any[];
+    flex?: boolean;
 }
 export interface ProvideProps {
     props: Props;
     setLevel: (level: number) => void;
     close: () => void;
-    setParentCheckedByValue: (arr: Item[], value: string, level: number) => void;
+    setParentCheckedByValue: (value: string, level: number) => void;
     store: Item[];
     setViewData: () => void;
 }
 declare function compare(): void;
 declare function restore(): void;
-declare const _default: import("vue").DefineComponent<Props, {
+declare function __VLS_template(): {
+    prefix?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<Props, {
     compare: typeof compare;
     restore: typeof restore;
     changed: import("vue").ComputedRef<boolean>;
     setDisabled: (f: boolean) => void;
+    errorTip: import("vue").Ref<string, string>;
+    errorType: import("vue").Ref<string, string>;
+    getCheckData: () => {
+        [x: string]: any;
+        label?: string;
+        value?: string;
+        children?: string;
+        isSelect?: boolean;
+        isLeaf?: boolean;
+        level?: number;
+    }[];
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (...args: any[]) => void;
     "update:modelValue": (...args: any[]) => void;
+    "update:checkedDatas": (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
     onChange?: (...args: any[]) => any;
     "onUpdate:modelValue"?: (...args: any[]) => any;
+    "onUpdate:checkedDatas"?: (...args: any[]) => any;
 }>, {
     mode: string;
+    flex: boolean;
     width: string | number;
     lazy: boolean;
     data: [];
+    required: boolean;
     disabled: boolean;
+    desc: string;
     valueText: string;
     labelText: string;
     modelValue: string | [];
@@ -59,8 +84,17 @@ declare const _default: import("vue").DefineComponent<Props, {
     clearable: boolean;
     optionWidth: string | number;
     optionCol: string | number;
+    prefix: string;
     comparable: boolean;
     childrenText: string;
     any: boolean;
+    showAllLevels: boolean;
+    checkedDatas: any[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, 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/center-scroll/index.d.ts

@@ -1,9 +1,13 @@
-export declare const ToCenterScroll: import("@touchvue/ui/es/utils").SFCWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+export declare const ToCenterScroll: import("@touchvue/utils").SFCWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     data: {
         type: (StringConstructor | ArrayConstructor)[];
         required: boolean;
         default: () => any[];
     };
+    mode: {
+        type: StringConstructor;
+        default: string;
+    };
     modelValue: {
         type: (NumberConstructor | StringConstructor)[];
         default: string;
@@ -24,6 +28,10 @@ export declare const ToCenterScroll: import("@touchvue/ui/es/utils").SFCWithInst
         required: boolean;
         default: () => any[];
     };
+    mode: {
+        type: StringConstructor;
+        default: string;
+    };
     modelValue: {
         type: (NumberConstructor | StringConstructor)[];
         default: string;
@@ -36,6 +44,7 @@ export declare const ToCenterScroll: import("@touchvue/ui/es/utils").SFCWithInst
     onChange?: (value: string | number) => any;
     "onUpdate:modelValue"?: (value: string | number) => any;
 }>, {
+    mode: string;
     data: string | unknown[];
     height: string | number;
     modelValue: string | number;

package/es/components/center-scroll/src/CenterScroll.vue.d.ts

@@ -4,6 +4,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         required: boolean;
         default: () => any[];
     };
+    mode: {
+        type: StringConstructor;
+        default: string;
+    };
     modelValue: {
         type: (NumberConstructor | StringConstructor)[];
         default: string;
@@ -24,6 +28,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         required: boolean;
         default: () => any[];
     };
+    mode: {
+        type: StringConstructor;
+        default: string;
+    };
     modelValue: {
         type: (NumberConstructor | StringConstructor)[];
         default: string;
@@ -36,6 +44,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onChange?: (value: string | number) => any;
     "onUpdate:modelValue"?: (value: string | number) => any;
 }>, {
+    mode: string;
     data: string | unknown[];
     height: string | number;
     modelValue: string | number;

package/es/components/center-scroll/src/center-scroll.d.ts

@@ -8,6 +8,13 @@ export declare const centerScrollProps: {
         required: boolean;
         default: () => any[];
     };
+    /**
+     * 模式
+     */
+    mode: {
+        type: StringConstructor;
+        default: string;
+    };
     /**
      * 当前选中的值
      */

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

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

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

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

package/es/components/checkboxes/src/Checkboxes.vue.d.ts

@@ -4,7 +4,30 @@ export interface ToCheckboxesProps {
     required?: boolean;
     value?: string;
     modelValue: string;
-    beforeChange?(): boolean;
+    beforeChange?(): boolean | Promise<boolean>;
+    flex?: boolean;
+}
+export interface ProvideType {
+    value: import('vue').ComputedRef<string>;
+    props: ToCheckboxesProps;
+    pushOptions: (option: {
+        id?: number;
+        value: any;
+        label?: string;
+        checked: boolean;
+        disabled?: boolean;
+    }) => void;
+    options: import('vue').Ref<Array<{
+        id?: number;
+        value: any;
+        label?: string;
+        checked: boolean;
+        disabled?: boolean;
+    }>>;
+    removeItemValue: (itemOldValue: any) => void;
+    checks: import('vue').Ref<any[]>;
+    change: (checked: boolean, value: any, label: string) => void;
+    maxId: import('vue').Ref<number>;
 }
 declare function __VLS_template(): {
     default?(_: {}): any;
@@ -31,10 +54,12 @@ declare const __VLS_component: import("vue").DefineComponent<ToCheckboxesProps,
     "onUpdate:modelValue"?: (...args: any[]) => any;
 }>, {
     value: string;
+    flex: boolean;
     required: boolean;
     desc: string;
     id: string;
-    beforeChange: () => boolean;
+    modelValue: string;
+    beforeChange: () => boolean | Promise<boolean>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

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

@@ -1,6 +1,6 @@
 import CollapseItem from './src/collapse-item.vue';
 import Collapse from './src/collapse.vue';
-import { SFCWithInstall } from '@touchvue/ui/es/utils';
+import { SFCWithInstall } from '@touchvue/utils';
 export declare const ToCollapse: SFCWithInstall<typeof Collapse>;
 export declare const ToCollapseItem: SFCWithInstall<typeof CollapseItem>;
 export * from './src/instance';