@touchvue/ui 1.0.0-beta.57 → 1.0.0-beta.59

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

@@ -6,6 +6,10 @@ declare function __VLS_template(): {
     legend?(_: {}): any;
 };
 declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    mode: {
+        type: StringConstructor;
+        default: string;
+    };
     holiday: {
         type: import("vue").PropType<string[]>;
         default: () => any[];
@@ -91,6 +95,10 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     beforeChange: (value: string) => any;
     "update:modelValue": (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    mode: {
+        type: StringConstructor;
+        default: string;
+    };
     holiday: {
         type: import("vue").PropType<string[]>;
         default: () => any[];
@@ -167,6 +175,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     onBeforeChange?: (value: string) => any;
     "onUpdate:modelValue"?: (value: string) => any;
 }>, {
+    mode: string;
     size: string;
     flex: boolean;
     width: string;

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

@@ -6,6 +6,7 @@ export interface ToCheckboxesProps {
     modelValue: string;
     beforeChange?(): boolean | Promise<boolean>;
     flex?: boolean;
+    mode?: string;
 }
 export interface ProvideType {
     value: import('vue').ComputedRef<string>;
@@ -54,6 +55,7 @@ declare const __VLS_component: import("vue").DefineComponent<ToCheckboxesProps,
     "onUpdate:modelValue"?: (...args: any[]) => any;
 }>, {
     value: string;
+    mode: string;
     flex: boolean;
     required: boolean;
     desc: string;

package/lib/components/ellipsis/index.d.ts

@@ -29,6 +29,10 @@ export declare const ToEllipsis: import("@touchvue/ui/lib/utils").SFCWithInstall
         unfoldable: BooleanConstructor;
         clear: BooleanConstructor;
         tip: BooleanConstructor;
+        mode: {
+            type: StringConstructor;
+            default: string;
+        };
         foldText: {
             type: StringConstructor;
             default: string;
@@ -40,6 +44,7 @@ export declare const ToEllipsis: import("@touchvue/ui/lib/utils").SFCWithInstall
     }>> & Readonly<{}>, {
         toggle: () => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+        mode: string;
         flex: boolean;
         width: string | number;
         data: string | number;
@@ -90,6 +95,10 @@ export declare const ToEllipsis: import("@touchvue/ui/lib/utils").SFCWithInstall
         unfoldable: BooleanConstructor;
         clear: BooleanConstructor;
         tip: BooleanConstructor;
+        mode: {
+            type: StringConstructor;
+            default: string;
+        };
         foldText: {
             type: StringConstructor;
             default: string;
@@ -101,6 +110,7 @@ export declare const ToEllipsis: import("@touchvue/ui/lib/utils").SFCWithInstall
     }>> & Readonly<{}>, {
         toggle: () => void;
     }, {}, {}, {}, {
+        mode: string;
         flex: boolean;
         width: string | number;
         data: string | number;
@@ -148,6 +158,10 @@ export declare const ToEllipsis: import("@touchvue/ui/lib/utils").SFCWithInstall
     unfoldable: BooleanConstructor;
     clear: BooleanConstructor;
     tip: BooleanConstructor;
+    mode: {
+        type: StringConstructor;
+        default: string;
+    };
     foldText: {
         type: StringConstructor;
         default: string;
@@ -159,6 +173,7 @@ export declare const ToEllipsis: import("@touchvue/ui/lib/utils").SFCWithInstall
 }>> & Readonly<{}>, {
     toggle: () => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    mode: string;
     flex: boolean;
     width: string | number;
     data: string | number;

package/lib/components/ellipsis/src/Ellipsis.vue.d.ts

@@ -31,6 +31,10 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     unfoldable: BooleanConstructor;
     clear: BooleanConstructor;
     tip: BooleanConstructor;
+    mode: {
+        type: StringConstructor;
+        default: string;
+    };
     foldText: {
         type: StringConstructor;
         default: string;
@@ -71,6 +75,10 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     unfoldable: BooleanConstructor;
     clear: BooleanConstructor;
     tip: BooleanConstructor;
+    mode: {
+        type: StringConstructor;
+        default: string;
+    };
     foldText: {
         type: StringConstructor;
         default: string;
@@ -80,6 +88,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         default: string;
     };
 }>> & Readonly<{}>, {
+    mode: string;
     flex: boolean;
     width: string | number;
     data: string | number;

package/lib/components/grid/src/grid-item.vue.d.ts

@@ -1,11 +1,13 @@
 export interface Props {
     width?: number | string;
     flex?: boolean;
+    align?: string;
 }
 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<{}>, {
+    align: string;
     flex: boolean;
     width: number | string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/components/timeline/src/timeline.d.ts

@@ -56,7 +56,7 @@ export interface TimelineItem {
 export type TimelineTimePosition = 'in' | 'out';
 export type TimelineDirection = 'v' | 'h';
 export type TimelineAlign = 'left' | 'center' | 'right';
-export type TimelineMode = '' | 'plain' | 'line' | 'fill';
+export type TimelineMode = string;
 export interface TimelineProps {
     flex?: boolean;
     /**

package/lib/components/timeline/src/timeline.vue.d.ts

@@ -80,7 +80,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onClick?: (...args: any[]) => any;
     "onItem-rendered"?: (...args: any[]) => any;
 }>, {
-    mode: TimelineMode;
+    mode: string;
     align: TimelineAlign;
     reverse: boolean;
     flex: boolean;

package/lib/hooks/useSetClass.d.ts

@@ -7,6 +7,10 @@ export interface StyleProps {
     color?: string;
     link?: boolean;
 }
+/**
+ * 将空格分隔的 mode 转换为 class 数组
+ */
+export declare function getModeClasses(mode?: string): string[];
 /**
  * 设置 class 的通用 hook
  * @param prefix 组件前缀

package/lib/index.d.js

@@ -280,6 +280,7 @@ exports.isPcDevice = useDevice.isPcDevice;
 exports.isPhoneDevice = useDevice.isPhoneDevice;
 exports.useDevice = useDevice.useDevice;
 exports.useFormItem = useFormItem.useFormItem;
+exports.getModeClasses = useSetClass.getModeClasses;
 exports.useCommonClass = useSetClass.useCommonClass;
 exports.useSetClass = useSetClass.useSetClass;
 exports.useWidthStyle = useWidthStyle.useWidthStyle;

package/lib/index.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","sources":["../../packages/ui/index.d.ts"],"sourcesContent":["import type { App } from 'vue';\nexport interface TouchVueUIOptions {\n    ratio?: {\n        base?: {\n            pc?: number;\n            pad?: number;\n            phone?: number;\n        };\n    };\n    zIndex?: number;\n    input?: {\n        spChars?: string;\n    };\n    select?: {\n        clearType?: string;\n    };\n    lang?: string;\n}\nexport declare const defaultOptions: TouchVueUIOptions;\nexport declare let globalOptions: {\n    ratio?: {\n        base?: {\n            pc?: number;\n            pad?: number;\n            phone?: number;\n        };\n    };\n    zIndex?: number;\n    input?: {\n        spChars?: string;\n    };\n    select?: {\n        clearType?: string;\n    };\n    lang?: string;\n};\nexport declare const getGlobalOptions: () => TouchVueUIOptions;\ndeclare const install: (app: App, options?: TouchVueUIOptions) => void;\nexport default install;\nexport * from '@touchvue/components';\nexport * from '@touchvue/directives';\nexport * from '@touchvue/locale';\nexport * from '@touchvue/utils';\nexport * from '@touchvue/hooks';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCA,gBAAe,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.d.js","sources":["../../packages/ui/index.d.ts"],"sourcesContent":["import type { App } from 'vue';\nexport interface TouchVueUIOptions {\n    ratio?: {\n        base?: {\n            pc?: number;\n            pad?: number;\n            phone?: number;\n        };\n    };\n    zIndex?: number;\n    input?: {\n        spChars?: string;\n    };\n    select?: {\n        clearType?: string;\n    };\n    lang?: string;\n}\nexport declare const defaultOptions: TouchVueUIOptions;\nexport declare let globalOptions: {\n    ratio?: {\n        base?: {\n            pc?: number;\n            pad?: number;\n            phone?: number;\n        };\n    };\n    zIndex?: number;\n    input?: {\n        spChars?: string;\n    };\n    select?: {\n        clearType?: string;\n    };\n    lang?: string;\n};\nexport declare const getGlobalOptions: () => TouchVueUIOptions;\ndeclare const install: (app: App, options?: TouchVueUIOptions) => void;\nexport default install;\nexport * from '@touchvue/components';\nexport * from '@touchvue/directives';\nexport * from '@touchvue/locale';\nexport * from '@touchvue/utils';\nexport * from '@touchvue/hooks';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCA,gBAAe,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/index.js

@@ -328,6 +328,7 @@ exports.isPcDevice = useDevice.isPcDevice;
 exports.isPhoneDevice = useDevice.isPhoneDevice;
 exports.useDevice = useDevice.useDevice;
 exports.useFormItem = useFormItem.useFormItem;
+exports.getModeClasses = useSetClass.getModeClasses;
 exports.useCommonClass = useSetClass.useCommonClass;
 exports.useSetClass = useSetClass.useSetClass;
 exports.useWidthStyle = useWidthStyle.useWidthStyle;

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../packages/ui/index.ts"],"sourcesContent":["import type { App } from 'vue'\nimport { setRatio, getEm, setMedia, getMedia } from '@touchvue/utils'\nimport * as TouchVueComponents from '@touchvue/components'\nimport InstallDirective from '@touchvue/directives'\n// 添加语言包导入\nimport { use as useTouchvueLocale } from '@touchvue/locale'\nimport cnTouchvueLocale from '@touchvue/locale/lang/zh-CN.js'\nimport enTouchvueLocale from '@touchvue/locale/lang/en-US.js'\n\nexport interface TouchVueUIOptions {\n\tratio?: {\n\t\tbase?: {\n\t\t\tpc?: number\n\t\t\tpad?: number\n\t\t\tphone?: number\n\t\t}\n\t}\n\tzIndex?: number\n\tinput?: {\n\t\tspChars?: string\n\t}\n\tselect?: {\n\t\tclearType?: string\n\t}\n\t// 添加语言配置选项\n\tlang?: string\n}\n\n// 全局默认配置\nexport const defaultOptions: TouchVueUIOptions = {}\n\n// 全局配置\nexport let globalOptions = { ...defaultOptions }\n\n// 获取全局配置\nexport const getGlobalOptions = (): TouchVueUIOptions => {\n\treturn globalOptions\n}\n\nconst install = (app: App, options: TouchVueUIOptions = {}) => {\n\t// 合并配置项\n\tglobalOptions = {\n\t\t...defaultOptions,\n\t\t...options\n\t}\n\n\t// 处理国际化配置\n\tconst lang = options.lang || 'zh-CN'\n\tlet localeModule\n\tif (lang === 'en-US') {\n\t\tlocaleModule = enTouchvueLocale\n\t} else if (lang === 'zh-CN') {\n\t\tlocaleModule = cnTouchvueLocale\n\t} else {\n\t\t// 如果是其他语言，尝试从默认语言包开始，用户可能需要自己提供\n\t\tlocaleModule = cnTouchvueLocale\n\t}\n\t// 设置默认语言\n\tuseTouchvueLocale(localeModule)\n\n\t// 将配置注入到应用实例中，可以通过app.config.globalProperties.$TOUCHVUE_CONFIG访问\n\t// 工具\n\tapp.config.globalProperties.$getEm = getEm\n\tapp.config.globalProperties.$setMedia = setMedia\n\tapp.config.globalProperties.$getMedia = getMedia\n\n\tconst media = getMedia()\n\tapp.config.globalProperties.$phone = media === 'phone'\n\tapp.config.globalProperties.$pad = media === 'pad'\n\tapp.config.globalProperties.$pc = media === 'pc'\n\n\t// 全局默认配置\n\tapp.config.globalProperties.$TouchUI = {\n\t\tzIndex: globalOptions.zIndex || 2000, // 全局zIndex基数\n\t\tinput: globalOptions.input || {},\n\t\tselect: globalOptions.select || {}\n\t}\n\t;(window as any).$TouchUI = {\n\t\tzIndex: 2000\n\t}\n\t// 初始化\n\tsetMedia(options)\n\tsetRatio(options)\n\n\t// 注册所有组件\n\tObject.values(TouchVueComponents).forEach(component => {\n\t\t// 确保是有效的Vue组件插件\n\t\tif (component && typeof component === 'object' && 'install' in component && typeof component.install === 'function') {\n\t\t\tapp.use(component as any)\n\t\t}\n\t})\n\n\tInstallDirective.install(app)\n}\n\n// export { install };\n\nexport default install\n\nexport * from '@touchvue/components'\nexport * from '@touchvue/directives'\nexport * from '@touchvue/locale'\nexport * from '@touchvue/utils'\nexport * from '@touchvue/hooks'\n"],"names":["globalOptions","enTouchvueLocale","cnTouchvueLocale","useTouchvueLocale","getEm","setMedia","getMedia","setRatio","TouchVueComponents","InstallDirective"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BO,MAAM,iBAAoC,GAAC;AAGvCA,qBAAA,GAAgB,EAAE,GAAG,cAAe,GAAA;AAGxC,MAAM,mBAAmB,MAAyB;AACxD,EAAO,OAAAA,qBAAA,CAAA;AACR,EAAA;AAEA,MAAM,OAAU,GAAA,CAAC,GAAU,EAAA,OAAA,GAA6B,EAAO,KAAA;AAE9D,EAAgBA,qBAAA,GAAA;AAAA,IACf,GAAG,cAAA;AAAA,IACH,GAAG,OAAA;AAAA,GACJ,CAAA;AAGA,EAAM,MAAA,IAAA,GAAO,QAAQ,IAAQ,IAAA,OAAA,CAAA;AAC7B,EAAI,IAAA,YAAA,CAAA;AACJ,EAAA,IAAI,SAAS,OAAS,EAAA;AACrB,IAAe,YAAA,GAAAC,YAAA,CAAA;AAAA,GAChB,MAAA,IAAW,SAAS,OAAS,EAAA;AAC5B,IAAe,YAAA,GAAAC,YAAA,CAAA;AAAA,GACT,MAAA;AAEN,IAAe,YAAA,GAAAA,YAAA,CAAA;AAAA,GAChB;AAEA,EAAAC,WAAA,CAAkB,YAAY,CAAA,CAAA;AAI9B,EAAI,GAAA,CAAA,MAAA,CAAO,iBAAiB,MAAS,GAAAC,WAAA,CAAA;AACrC,EAAI,GAAA,CAAA,MAAA,CAAO,iBAAiB,SAAY,GAAAC,cAAA,CAAA;AACxC,EAAI,GAAA,CAAA,MAAA,CAAO,iBAAiB,SAAY,GAAAC,cAAA,CAAA;AAExC,EAAA,MAAM,QAAQA,cAAS,EAAA,CAAA;AACvB,EAAI,GAAA,CAAA,MAAA,CAAO,gBAAiB,CAAA,MAAA,GAAS,KAAU,KAAA,OAAA,CAAA;AAC/C,EAAI,GAAA,CAAA,MAAA,CAAO,gBAAiB,CAAA,IAAA,GAAO,KAAU,KAAA,KAAA,CAAA;AAC7C,EAAI,GAAA,CAAA,MAAA,CAAO,gBAAiB,CAAA,GAAA,GAAM,KAAU,KAAA,IAAA,CAAA;AAG5C,EAAI,GAAA,CAAA,MAAA,CAAO,iBAAiB,QAAW,GAAA;AAAA,IACtC,MAAA,EAAQN,sBAAc,MAAU,IAAA,GAAA;AAAA;AAAA,IAChC,KAAA,EAAOA,qBAAc,CAAA,KAAA,IAAS,EAAC;AAAA,IAC/B,MAAA,EAAQA,qBAAc,CAAA,MAAA,IAAU,EAAC;AAAA,GAClC,CAAA;AACC,EAAC,OAAe,QAAW,GAAA;AAAA,IAC3B,MAAQ,EAAA,GAAA;AAAA,GACT,CAAA;AAEA,EAAAK,cAAA,CAAS,OAAO,CAAA,CAAA;AAChB,EAAAE,cAAA,CAAS,OAAO,CAAA,CAAA;AAGhB,EAAA,MAAA,CAAO,MAAO,CAAAC,OAAkB,CAAE,CAAA,OAAA,CAAQ,CAAa,SAAA,KAAA;AAEtD,IAAI,IAAA,SAAA,IAAa,OAAO,SAAc,KAAA,QAAA,IAAY,aAAa,SAAa,IAAA,OAAO,SAAU,CAAA,OAAA,KAAY,UAAY,EAAA;AACpH,MAAA,GAAA,CAAI,IAAI,SAAgB,CAAA,CAAA;AAAA,KACzB;AAAA,GACA,CAAA,CAAA;AAED,EAAAC,eAAA,CAAiB,QAAQ,GAAG,CAAA,CAAA;AAC7B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../packages/ui/index.ts"],"sourcesContent":["import type { App } from 'vue'\nimport { setRatio, getEm, setMedia, getMedia } from '@touchvue/utils'\nimport * as TouchVueComponents from '@touchvue/components'\nimport InstallDirective from '@touchvue/directives'\n// 添加语言包导入\nimport { use as useTouchvueLocale } from '@touchvue/locale'\nimport cnTouchvueLocale from '@touchvue/locale/lang/zh-CN.js'\nimport enTouchvueLocale from '@touchvue/locale/lang/en-US.js'\n\nexport interface TouchVueUIOptions {\n\tratio?: {\n\t\tbase?: {\n\t\t\tpc?: number\n\t\t\tpad?: number\n\t\t\tphone?: number\n\t\t}\n\t}\n\tzIndex?: number\n\tinput?: {\n\t\tspChars?: string\n\t}\n\tselect?: {\n\t\tclearType?: string\n\t}\n\t// 添加语言配置选项\n\tlang?: string\n}\n\n// 全局默认配置\nexport const defaultOptions: TouchVueUIOptions = {}\n\n// 全局配置\nexport let globalOptions = { ...defaultOptions }\n\n// 获取全局配置\nexport const getGlobalOptions = (): TouchVueUIOptions => {\n\treturn globalOptions\n}\n\nconst install = (app: App, options: TouchVueUIOptions = {}) => {\n\t// 合并配置项\n\tglobalOptions = {\n\t\t...defaultOptions,\n\t\t...options\n\t}\n\n\t// 处理国际化配置\n\tconst lang = options.lang || 'zh-CN'\n\tlet localeModule\n\tif (lang === 'en-US') {\n\t\tlocaleModule = enTouchvueLocale\n\t} else if (lang === 'zh-CN') {\n\t\tlocaleModule = cnTouchvueLocale\n\t} else {\n\t\t// 如果是其他语言，尝试从默认语言包开始，用户可能需要自己提供\n\t\tlocaleModule = cnTouchvueLocale\n\t}\n\t// 设置默认语言\n\tuseTouchvueLocale(localeModule)\n\n\t// 将配置注入到应用实例中，可以通过app.config.globalProperties.$TOUCHVUE_CONFIG访问\n\t// 工具\n\tapp.config.globalProperties.$getEm = getEm\n\tapp.config.globalProperties.$setMedia = setMedia\n\tapp.config.globalProperties.$getMedia = getMedia\n\n\tconst media = getMedia()\n\tapp.config.globalProperties.$phone = media === 'phone'\n\tapp.config.globalProperties.$pad = media === 'pad'\n\tapp.config.globalProperties.$pc = media === 'pc'\n\n\t// 全局默认配置\n\tapp.config.globalProperties.$TouchUI = {\n\t\tzIndex: globalOptions.zIndex || 2000, // 全局zIndex基数\n\t\tinput: globalOptions.input || {},\n\t\tselect: globalOptions.select || {}\n\t}\n\t;(window as any).$TouchUI = {\n\t\tzIndex: 2000\n\t}\n\t// 初始化\n\tsetMedia(options)\n\tsetRatio(options)\n\n\t// 注册所有组件\n\tObject.values(TouchVueComponents).forEach(component => {\n\t\t// 确保是有效的Vue组件插件\n\t\tif (component && typeof component === 'object' && 'install' in component && typeof component.install === 'function') {\n\t\t\tapp.use(component as any)\n\t\t}\n\t})\n\n\tInstallDirective.install(app)\n}\n\n// export { install };\n\nexport default install\n\nexport * from '@touchvue/components'\nexport * from '@touchvue/directives'\nexport * from '@touchvue/locale'\nexport * from '@touchvue/utils'\nexport * from '@touchvue/hooks'\n"],"names":["globalOptions","enTouchvueLocale","cnTouchvueLocale","useTouchvueLocale","getEm","setMedia","getMedia","setRatio","TouchVueComponents","InstallDirective"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BO,MAAM,iBAAoC,GAAC;AAGvCA,qBAAA,GAAgB,EAAE,GAAG,cAAe,GAAA;AAGxC,MAAM,mBAAmB,MAAyB;AACxD,EAAO,OAAAA,qBAAA,CAAA;AACR,EAAA;AAEA,MAAM,OAAU,GAAA,CAAC,GAAU,EAAA,OAAA,GAA6B,EAAO,KAAA;AAE9D,EAAgBA,qBAAA,GAAA;AAAA,IACf,GAAG,cAAA;AAAA,IACH,GAAG,OAAA;AAAA,GACJ,CAAA;AAGA,EAAM,MAAA,IAAA,GAAO,QAAQ,IAAQ,IAAA,OAAA,CAAA;AAC7B,EAAI,IAAA,YAAA,CAAA;AACJ,EAAA,IAAI,SAAS,OAAS,EAAA;AACrB,IAAe,YAAA,GAAAC,YAAA,CAAA;AAAA,GAChB,MAAA,IAAW,SAAS,OAAS,EAAA;AAC5B,IAAe,YAAA,GAAAC,YAAA,CAAA;AAAA,GACT,MAAA;AAEN,IAAe,YAAA,GAAAA,YAAA,CAAA;AAAA,GAChB;AAEA,EAAAC,WAAA,CAAkB,YAAY,CAAA,CAAA;AAI9B,EAAI,GAAA,CAAA,MAAA,CAAO,iBAAiB,MAAS,GAAAC,WAAA,CAAA;AACrC,EAAI,GAAA,CAAA,MAAA,CAAO,iBAAiB,SAAY,GAAAC,cAAA,CAAA;AACxC,EAAI,GAAA,CAAA,MAAA,CAAO,iBAAiB,SAAY,GAAAC,cAAA,CAAA;AAExC,EAAA,MAAM,QAAQA,cAAS,EAAA,CAAA;AACvB,EAAI,GAAA,CAAA,MAAA,CAAO,gBAAiB,CAAA,MAAA,GAAS,KAAU,KAAA,OAAA,CAAA;AAC/C,EAAI,GAAA,CAAA,MAAA,CAAO,gBAAiB,CAAA,IAAA,GAAO,KAAU,KAAA,KAAA,CAAA;AAC7C,EAAI,GAAA,CAAA,MAAA,CAAO,gBAAiB,CAAA,GAAA,GAAM,KAAU,KAAA,IAAA,CAAA;AAG5C,EAAI,GAAA,CAAA,MAAA,CAAO,iBAAiB,QAAW,GAAA;AAAA,IACtC,MAAA,EAAQN,sBAAc,MAAU,IAAA,GAAA;AAAA;AAAA,IAChC,KAAA,EAAOA,qBAAc,CAAA,KAAA,IAAS,EAAC;AAAA,IAC/B,MAAA,EAAQA,qBAAc,CAAA,MAAA,IAAU,EAAC;AAAA,GAClC,CAAA;AACC,EAAC,OAAe,QAAW,GAAA;AAAA,IAC3B,MAAQ,EAAA,GAAA;AAAA,GACT,CAAA;AAEA,EAAAK,cAAA,CAAS,OAAO,CAAA,CAAA;AAChB,EAAAE,cAAA,CAAS,OAAO,CAAA,CAAA;AAGhB,EAAA,MAAA,CAAO,MAAO,CAAAC,OAAkB,CAAE,CAAA,OAAA,CAAQ,CAAa,SAAA,KAAA;AAEtD,IAAI,IAAA,SAAA,IAAa,OAAO,SAAc,KAAA,QAAA,IAAY,aAAa,SAAa,IAAA,OAAO,SAAU,CAAA,OAAA,KAAY,UAAY,EAAA;AACpH,MAAA,GAAA,CAAI,IAAI,SAAgB,CAAA,CAAA;AAAA,KACzB;AAAA,GACA,CAAA,CAAA;AAED,EAAAC,eAAA,CAAiB,QAAQ,GAAG,CAAA,CAAA;AAC7B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/packages/components/box/src/box.vue2.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
+var useSetClass = require('../../../hooks/useSetClass.js');
 
 const __default__ = vue.defineComponent({
   name: "ToBox"
@@ -24,11 +25,12 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     flex: { type: Boolean, default: false }
   },
   setup(__props) {
+    const elRef = vue.ref(null);
     const props = __props;
     const setClass = vue.computed(() => {
       let arr = [];
       if (props.mode) {
-        arr.push(`mode-${props.mode}`);
+        arr.push(...useSetClass.getModeClasses(props.mode));
       }
       if (props.color) {
         arr.push(`color-${props.color}`);
@@ -51,6 +53,41 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
           arr.push(`trigger-${props.trigger}`);
         }
       }
+      if (elRef.value) {
+        const cs = getComputedStyle(elRef.value);
+        const extractGd = (val) => {
+          var _a;
+          return ((_a = val.match(/linear-gradient\([\s\S]*\)/)) == null ? void 0 : _a[0]) || "";
+        };
+        const extractWidth = (val) => {
+          const token = val.trim().split(/\s+/)[0];
+          return /^(\d+\.?\d*)(px|em|rem|vh|vw|%|pt|cm|mm|in)$/.test(token) ? token : "";
+        };
+        const borderVal = cs.getPropertyValue("--border").trim();
+        const hoverVal = cs.getPropertyValue("--hover-border").trim();
+        const activeVal = cs.getPropertyValue("--active-border").trim();
+        if (borderVal.includes("linear-gradient")) {
+          arr.push("is-gd-border");
+          elRef.value.style.setProperty("--gd-border", extractGd(borderVal));
+          const w = extractWidth(borderVal);
+          if (w)
+            elRef.value.style.setProperty("--gd-border-thick", w);
+        }
+        if (hoverVal.includes("linear-gradient")) {
+          arr.push("is-gd-border-hover");
+          elRef.value.style.setProperty("--gd-hover-border", extractGd(hoverVal));
+          const hw = extractWidth(hoverVal);
+          if (hw)
+            elRef.value.style.setProperty("--gd-hover-border-thick", hw);
+        }
+        if (activeVal.includes("linear-gradient")) {
+          arr.push("is-gd-border-active");
+          elRef.value.style.setProperty("--gd-active-border", extractGd(activeVal));
+          const aw = extractWidth(activeVal);
+          if (aw)
+            elRef.value.style.setProperty("--gd-active-border-thick", aw);
+        }
+      }
       return arr;
     });
     const setStyle = vue.computed(() => {
@@ -96,6 +133,8 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
+        ref_key: "elRef",
+        ref: elRef,
         flex: _ctx.flex ? _ctx.flex : null,
         role: _ctx.link ? "button" : null,
         class: vue.normalizeClass(["to-box", setClass.value]),

package/lib/packages/components/box/src/box.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"box.vue2.js","sources":["../../../../../../packages/components/box/src/box.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: 'ToBox'\n});\n</script>\n<template>\n\t<div :flex=\"flex ? flex : null\" :role=\"link ? 'button' : null\" class=\"to-box\" :class=\"setClass\" :style=\"setStyle\">\n\t\t<slot></slot>\n\t\t<div class=\"to-box-check\"></div>\n\t</div>\n</template>\n\n<script setup lang=\"ts\">\nimport { CSSProperties, computed } from 'vue'\n\n\n\nexport interface Props {\n\tmode?: string\n\tcolor?: string\n\tpadding?: string | number\n\tpaddingPosition?: string\n\theight?: '' | 'full' | number | string\n\tchecked?: boolean\n\tshadow?: boolean\n\ttrigger?: 'hover' | 'always'\n\tclip?: boolean\n\tlink?: boolean\n\twidth?: string | number\n\tflex?: boolean\n}\nconst props = withDefaults(defineProps<Props>(), {\n\tmode: 'default',\n\tcolor: 'default',\n\tpadding: '',\n\tpaddingPosition: '',\n\theight: '',\n\tchecked: false,\n\tshadow: false,\n\tlink: false,\n\ttrigger: 'always',\n\twidth: '',\n\tflex: false\n})\nconst setClass = computed(() => {\n\tlet arr: string[] = []\n\tif (props.mode) {\n\t\tarr.push(`mode-${props.mode}`)\n\t}\n\tif (props.color) {\n\t\tarr.push(`color-${props.color}`)\n\t}\n\tif (props.height && props.height === 'full') {\n\t\tarr.push('height-full')\n\t}\n\tif (props.checked) {\n\t\tarr.push('is-checked')\n\t}\n\tif (props.clip) {\n\t\tarr.push('is-clip')\n\t}\n\tif (props.link) {\n\t\tarr.push('is-link')\n\t}\n\tif (props.shadow) {\n\t\tarr.push('is-shadow')\n\t\tif (props.trigger) {\n\t\t\tarr.push(`trigger-${props.trigger}`)\n\t\t}\n\t}\n\treturn arr\n})\nconst setStyle = computed(() => {\n\tconst obj: CSSProperties = {}\n\tif (props.height && props.height !== 'full') {\n\t\tif (!isNaN(Number(props.height))) {\n\t\t\tobj.height = props.height + 'em'\n\t\t} else {\n\t\t\tobj.height = props.height\n\t\t}\n\t}\n\n\tif (props.width) {\n\t\tif (!isNaN(Number(props.width))) {\n\t\t\tobj.width = props.width + 'em'\n\t\t} else {\n\t\t\tif (props.width === 'full') {\n\t\t\t\tobj.width = '100%'\n\t\t\t} else {\n\t\t\t\tobj.width = props.width\n\t\t\t}\n\t\t}\n\t}\n\tconst hasUnit = (val: string) => /[a-z%]+$/i.test(val)\n\tif (String(props.padding).trim()) {\n\t\t// 分割成各个值\n\t\tconst padded = String(props.padding)\n\t\t\t.trim()\n\t\t\t.split(/\\s+/)\n\t\t\t.map(val => {\n\t\t\t\treturn hasUnit(val) ? val : `${val}em`\n\t\t\t})\n\t\t\t.join(' ')\n\t\tobj.padding = padded\n\t\tif (props.paddingPosition && !props.paddingPosition.includes('t')) {\n\t\t\tobj.paddingTop = 0\n\t\t}\n\t\tif (props.paddingPosition && !props.paddingPosition.includes('r')) {\n\t\t\tobj.paddingRight = 0\n\t\t}\n\t\tif (props.paddingPosition && !props.paddingPosition.includes('b')) {\n\t\t\tobj.paddingBottom = 0\n\t\t}\n\t\tif (props.paddingPosition && !props.paddingPosition.includes('l')) {\n\t\t\tobj.paddingLeft = 0\n\t\t}\n\t}\n\treturn obj\n})\n</script>\n"],"names":["DO_defineComponent","computed","_createElementBlock","flex","link","_normalizeClass","_renderSlot","_createElementVNode"],"mappings":"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"}
+{"version":3,"file":"box.vue2.js","sources":["../../../../../../packages/components/box/src/box.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: 'ToBox'\n});\n</script>\n<template>\n\t<div ref=\"elRef\" :flex=\"flex ? flex : null\" :role=\"link ? 'button' : null\" class=\"to-box\" :class=\"setClass\" :style=\"setStyle\">\n\t\t<slot></slot>\n\t\t<div class=\"to-box-check\"></div>\n\t</div>\n</template>\n\n<script setup lang=\"ts\">\nimport { CSSProperties, computed, ref } from 'vue'\nimport { getModeClasses } from '@touchvue/hooks'\n\n\n\nconst elRef = ref<HTMLElement | null>(null)\n\nexport interface Props {\n\tmode?: string\n\tcolor?: string\n\tpadding?: string | number\n\tpaddingPosition?: string\n\theight?: '' | 'full' | number | string\n\tchecked?: boolean\n\tshadow?: boolean\n\ttrigger?: 'hover' | 'always'\n\tclip?: boolean\n\tlink?: boolean\n\twidth?: string | number\n\tflex?: boolean\n}\nconst props = withDefaults(defineProps<Props>(), {\n\tmode: 'default',\n\tcolor: 'default',\n\tpadding: '',\n\tpaddingPosition: '',\n\theight: '',\n\tchecked: false,\n\tshadow: false,\n\tlink: false,\n\ttrigger: 'always',\n\twidth: '',\n\tflex: false\n})\nconst setClass = computed(() => {\n\tlet arr: string[] = []\n\tif (props.mode) {\n\t\tarr.push(...getModeClasses(props.mode))\n\t}\n\tif (props.color) {\n\t\tarr.push(`color-${props.color}`)\n\t}\n\tif (props.height && props.height === 'full') {\n\t\tarr.push('height-full')\n\t}\n\tif (props.checked) {\n\t\tarr.push('is-checked')\n\t}\n\tif (props.clip) {\n\t\tarr.push('is-clip')\n\t}\n\tif (props.link) {\n\t\tarr.push('is-link')\n\t}\n\tif (props.shadow) {\n\t\tarr.push('is-shadow')\n\t\tif (props.trigger) {\n\t\t\tarr.push(`trigger-${props.trigger}`)\n\t\t}\n\t}\n\t// --border/--hover-border/--active-border 支持 linear-gradient 渐变边框\n\tif (elRef.value) {\n\t\tconst cs = getComputedStyle(elRef.value)\n\t\tconst extractGd = (val: string) => val.match(/linear-gradient\\([\\s\\S]*\\)/)?.[0] || ''\n\t\tconst extractWidth = (val: string) => {\n\t\t\tconst token = val.trim().split(/\\s+/)[0]\n\t\t\treturn /^(\\d+\\.?\\d*)(px|em|rem|vh|vw|%|pt|cm|mm|in)$/.test(token) ? token : ''\n\t\t}\n\t\tconst borderVal = cs.getPropertyValue('--border').trim()\n\t\tconst hoverVal = cs.getPropertyValue('--hover-border').trim()\n\t\tconst activeVal = cs.getPropertyValue('--active-border').trim()\n\t\tif (borderVal.includes('linear-gradient')) {\n\t\t\tarr.push('is-gd-border')\n\t\t\telRef.value.style.setProperty('--gd-border', extractGd(borderVal))\n\t\t\tconst w = extractWidth(borderVal)\n\t\t\tif (w) elRef.value.style.setProperty('--gd-border-thick', w)\n\t\t}\n\t\tif (hoverVal.includes('linear-gradient')) {\n\t\t\tarr.push('is-gd-border-hover')\n\t\t\telRef.value.style.setProperty('--gd-hover-border', extractGd(hoverVal))\n\t\t\tconst hw = extractWidth(hoverVal)\n\t\t\tif (hw) elRef.value.style.setProperty('--gd-hover-border-thick', hw)\n\t\t}\n\t\tif (activeVal.includes('linear-gradient')) {\n\t\t\tarr.push('is-gd-border-active')\n\t\t\telRef.value.style.setProperty('--gd-active-border', extractGd(activeVal))\n\t\t\tconst aw = extractWidth(activeVal)\n\t\t\tif (aw) elRef.value.style.setProperty('--gd-active-border-thick', aw)\n\t\t}\n\t}\n\treturn arr\n})\nconst setStyle = computed(() => {\n\tconst obj: CSSProperties = {}\n\tif (props.height && props.height !== 'full') {\n\t\tif (!isNaN(Number(props.height))) {\n\t\t\tobj.height = props.height + 'em'\n\t\t} else {\n\t\t\tobj.height = props.height\n\t\t}\n\t}\n\n\tif (props.width) {\n\t\tif (!isNaN(Number(props.width))) {\n\t\t\tobj.width = props.width + 'em'\n\t\t} else {\n\t\t\tif (props.width === 'full') {\n\t\t\t\tobj.width = '100%'\n\t\t\t} else {\n\t\t\t\tobj.width = props.width\n\t\t\t}\n\t\t}\n\t}\n\tconst hasUnit = (val: string) => /[a-z%]+$/i.test(val)\n\tif (String(props.padding).trim()) {\n\t\t// 分割成各个值\n\t\tconst padded = String(props.padding)\n\t\t\t.trim()\n\t\t\t.split(/\\s+/)\n\t\t\t.map(val => {\n\t\t\t\treturn hasUnit(val) ? val : `${val}em`\n\t\t\t})\n\t\t\t.join(' ')\n\t\tobj.padding = padded\n\t\tif (props.paddingPosition && !props.paddingPosition.includes('t')) {\n\t\t\tobj.paddingTop = 0\n\t\t}\n\t\tif (props.paddingPosition && !props.paddingPosition.includes('r')) {\n\t\t\tobj.paddingRight = 0\n\t\t}\n\t\tif (props.paddingPosition && !props.paddingPosition.includes('b')) {\n\t\t\tobj.paddingBottom = 0\n\t\t}\n\t\tif (props.paddingPosition && !props.paddingPosition.includes('l')) {\n\t\t\tobj.paddingLeft = 0\n\t\t}\n\t}\n\treturn obj\n})\n</script>\n"],"names":["DO_defineComponent","ref","computed","getModeClasses","_createElementBlock","flex","link","_normalizeClass","_renderSlot","_createElementVNode"],"mappings":"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"}

package/lib/packages/components/breadcrumb/src/breadcrumb.vue.js

@@ -9,7 +9,7 @@ var _pluginVue_exportHelper = require('../../../../_virtual/_plugin-vue_export-h
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return vue.openBlock(), vue.createElementBlock("div", {
     flex: _ctx.flex ? _ctx.flex : null,
-    class: vue.normalizeClass(["to-breadcrumb", [`mode-${_ctx.mode}`]])
+    class: vue.normalizeClass(["to-breadcrumb", _ctx.modeClasses])
   }, [
     vue.renderSlot(_ctx.$slots, "default")
   ], 10, ["flex"]);

package/lib/packages/components/breadcrumb/src/breadcrumb.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.vue.js","sources":["../../../../../../packages/components/breadcrumb/src/breadcrumb.vue"],"sourcesContent":["<template>\n\t<div :flex=\"flex ? flex : null\" class=\"to-breadcrumb\" :class=\"[`mode-${mode}`]\">\n\t\t<slot></slot>\n\t</div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, provide, computed } from 'vue'\nimport { breadcrumbProps } from './breadcrumb'\n\nexport default defineComponent({\n\tname: 'ToBreadcrumb',\n\tprops: breadcrumbProps,\n\tsetup(props) {\n\t\tconst breadcrumbData = computed(() => ({\n\t\t\tseparator: props.separator,\n\t\t\tseparatorIcon: props.separatorIcon\n\t\t}))\n\n\t\tprovide('breadcrumb', breadcrumbData)\n\n\t\treturn {}\n\t}\n})\n</script>\n"],"names":["flex","_openBlock","_createElementBlock","_normalizeClass"],"mappings":";;;;;;;;AACW,SAAA,YAAM,IAAGA,EAAAA,MAAAA,EAAI,MAAA,EAAA,MAAA,EAAA,OAAA,QAAA,EAAA;EAAc,OAAAC,aAAA,EAAgB,EAAAC,sBAAA,CAAA,KAAA,EAAA;AAAA,IAAA,IAAA,EAAA,IAAA,CAAA,IAAA,GAAA,IAAA,CAAA,IAAA,GAAA,IAAA;AAAA,IACpD,KAAA,EAAaC,mBAAA,CAAA,eAAA,EAAA,CAAA,CAAA,KAAA,EAAA,IAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,GAAA,EAAA;AAAA;;;;;;;"}
+{"version":3,"file":"breadcrumb.vue.js","sources":["../../../../../../packages/components/breadcrumb/src/breadcrumb.vue"],"sourcesContent":["<template>\n\t<div :flex=\"flex ? flex : null\" class=\"to-breadcrumb\" :class=\"modeClasses\">\n\t\t<slot></slot>\n\t</div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, provide, computed } from 'vue'\nimport { getModeClasses } from '@touchvue/hooks'\nimport { breadcrumbProps } from './breadcrumb'\n\nexport default defineComponent({\n\tname: 'ToBreadcrumb',\n\tprops: breadcrumbProps,\n\tsetup(props) {\n\t\tconst modeClasses = computed(() => getModeClasses(props.mode))\n\t\tconst breadcrumbData = computed(() => ({\n\t\t\tseparator: props.separator,\n\t\t\tseparatorIcon: props.separatorIcon\n\t\t}))\n\n\t\tprovide('breadcrumb', breadcrumbData)\n\n\t\treturn { modeClasses }\n\t}\n})\n</script>\n"],"names":["flex","_openBlock","_createElementBlock","modeClasses","_normalizeClass"],"mappings":";;;;;;;;AACW,SAAA,YAAM,IAAGA,EAAAA,MAAAA,EAAI,MAAA,EAAA,MAAA,EAAA,OAAA,QAAA,EAAA;AAAc,EAAA,OAAAC,aAAA,EAAA,EAAAC,sBAAA,CAAgB,KAASC,EAAAA;AAAAA,IAAAA,IAAAA,EAAAA,IAAAA,CAAAA,IAAAA,GAAAA,IAAAA,CAAAA,IAAAA,GAAAA,IAAAA;AAAAA,IAC7D,OAAaC,kBAAA,CAAA,CAAA,eAAA,EAAA,IAAA,CAAA,WAAA,CAAA,CAAA;AAAA,GAAA,EAAA;AAAA;;;;;;;"}

package/lib/packages/components/breadcrumb/src/breadcrumb.vue2.js

@@ -4,17 +4,19 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 var breadcrumb = require('./breadcrumb.js');
+var useSetClass = require('../../../hooks/useSetClass.js');
 
 var _sfc_main = vue.defineComponent({
   name: "ToBreadcrumb",
   props: breadcrumb.breadcrumbProps,
   setup(props) {
+    const modeClasses = vue.computed(() => useSetClass.getModeClasses(props.mode));
     const breadcrumbData = vue.computed(() => ({
       separator: props.separator,
       separatorIcon: props.separatorIcon
     }));
     vue.provide("breadcrumb", breadcrumbData);
-    return {};
+    return { modeClasses };
   }
 });
 

package/lib/packages/components/breadcrumb/src/breadcrumb.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.vue2.js","sources":["../../../../../../packages/components/breadcrumb/src/breadcrumb.vue"],"sourcesContent":["<template>\n\t<div :flex=\"flex ? flex : null\" class=\"to-breadcrumb\" :class=\"[`mode-${mode}`]\">\n\t\t<slot></slot>\n\t</div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, provide, computed } from 'vue'\nimport { breadcrumbProps } from './breadcrumb'\n\nexport default defineComponent({\n\tname: 'ToBreadcrumb',\n\tprops: breadcrumbProps,\n\tsetup(props) {\n\t\tconst breadcrumbData = computed(() => ({\n\t\t\tseparator: props.separator,\n\t\t\tseparatorIcon: props.separatorIcon\n\t\t}))\n\n\t\tprovide('breadcrumb', breadcrumbData)\n\n\t\treturn {}\n\t}\n})\n</script>\n"],"names":["defineComponent","breadcrumbProps","computed","provide"],"mappings":";;;;;;;AAUA,gBAAeA,mBAAgB,CAAA;AAAA,EAC9B,IAAM,EAAA,cAAA;AAAA,EACN,KAAO,EAAAC,0BAAA;AAAA,EACP,MAAM,KAAO,EAAA;AACZ,IAAM,MAAA,cAAA,GAAiBC,aAAS,OAAO;AAAA,MACtC,WAAW,KAAM,CAAA,SAAA;AAAA,MACjB,eAAe,KAAM,CAAA,aAAA;AAAA,KACpB,CAAA,CAAA,CAAA;AAEF,IAAAC,WAAA,CAAQ,cAAc,cAAc,CAAA,CAAA;AAEpC,IAAA,OAAO,EAAC,CAAA;AAAA,GACT;AACD,CAAC,CAAA;;;;"}
+{"version":3,"file":"breadcrumb.vue2.js","sources":["../../../../../../packages/components/breadcrumb/src/breadcrumb.vue"],"sourcesContent":["<template>\n\t<div :flex=\"flex ? flex : null\" class=\"to-breadcrumb\" :class=\"modeClasses\">\n\t\t<slot></slot>\n\t</div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, provide, computed } from 'vue'\nimport { getModeClasses } from '@touchvue/hooks'\nimport { breadcrumbProps } from './breadcrumb'\n\nexport default defineComponent({\n\tname: 'ToBreadcrumb',\n\tprops: breadcrumbProps,\n\tsetup(props) {\n\t\tconst modeClasses = computed(() => getModeClasses(props.mode))\n\t\tconst breadcrumbData = computed(() => ({\n\t\t\tseparator: props.separator,\n\t\t\tseparatorIcon: props.separatorIcon\n\t\t}))\n\n\t\tprovide('breadcrumb', breadcrumbData)\n\n\t\treturn { modeClasses }\n\t}\n})\n</script>\n"],"names":["defineComponent","breadcrumbProps","computed","getModeClasses","provide"],"mappings":";;;;;;;;AAWA,gBAAeA,mBAAgB,CAAA;AAAA,EAC9B,IAAM,EAAA,cAAA;AAAA,EACN,KAAO,EAAAC,0BAAA;AAAA,EACP,MAAM,KAAO,EAAA;AACZ,IAAA,MAAM,cAAcC,YAAS,CAAA,MAAMC,0BAAe,CAAA,KAAA,CAAM,IAAI,CAAC,CAAA,CAAA;AAC7D,IAAM,MAAA,cAAA,GAAiBD,aAAS,OAAO;AAAA,MACtC,WAAW,KAAM,CAAA,SAAA;AAAA,MACjB,eAAe,KAAM,CAAA,aAAA;AAAA,KACpB,CAAA,CAAA,CAAA;AAEF,IAAAE,WAAA,CAAQ,cAAc,cAAc,CAAA,CAAA;AAEpC,IAAA,OAAO,EAAE,WAAY,EAAA,CAAA;AAAA,GACtB;AACD,CAAC,CAAA;;;;"}

package/lib/packages/components/button/src/button.js

@@ -35,7 +35,7 @@ const buttonProps = {
   },
   mode: {
     type: String,
-    default: "fill"
+    default: "default"
   },
   type: {
     type: String,

package/lib/packages/components/button/src/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sources":["../../../../../../packages/components/button/src/button.ts"],"sourcesContent":["import { ToModeType } from '@touchvue/utils'\nimport { PropType } from 'vue'\n\nexport interface IconObject {\n\tvalue?: string\n\t[key: string]: any\n}\n\nexport type ButtonType = 'default' | 'primary' | 'success' | 'info' | 'warning' | 'danger'\n\nexport type ButtonIconPosition = 'left' | 'top'\n\nexport interface ButtonProps {\n\tprogress?: number | string\n\twidth?: string | number\n\ticon?: string | IconObject\n\ticonPosition?: ButtonIconPosition\n\tloading?: boolean\n\tdisabled?: boolean\n\tshadow?: boolean\n\tcolor?: string\n\tmode?: ToModeType\n\ttype?: ButtonType\n\tdesc?: string\n}\n\nexport const buttonProps = {\n\tprogress: {\n\t\ttype: [Number, String],\n\t\tdefault: ''\n\t},\n\twidth: {\n\t\ttype: [String, Number],\n\t\tdefault: ''\n\t},\n\ticon: {\n\t\ttype: [String, Object],\n\t\tdefault: ''\n\t},\n\ticonPosition: {\n\t\ttype: String,\n\t\tdefault: 'left'\n\t},\n\tloading: {\n\t\ttype: Boolean,\n\t\tdefault: false\n\t},\n\tdisabled: {\n\t\ttype: Boolean,\n\t\tdefault: false\n\t},\n\tshadow: {\n\t\ttype: Boolean,\n\t\tdefault: false\n\t},\n\tcolor: {\n\t\ttype: String,\n\t\tdefault: 'default'\n\t},\n\tmode: {\n\t\ttype: String as PropType<ToModeType>,\n\t\tdefault: 'fill'\n\t},\n\ttype: {\n\t\ttype: String as PropType<ButtonType>,\n\t\tdefault: 'default'\n\t},\n\tdesc: {\n\t\ttype: String,\n\t\tdefault: ''\n\t}\n}\n"],"names":[],"mappings":";;AA0BO,MAAM,WAAc,GAAA;AAAA,EAC1B,QAAU,EAAA;AAAA,IACT,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAS,EAAA,EAAA;AAAA,GACV;AAAA,EACA,KAAO,EAAA;AAAA,IACN,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAS,EAAA,EAAA;AAAA,GACV;AAAA,EACA,IAAM,EAAA;AAAA,IACL,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAS,EAAA,EAAA;AAAA,GACV;AAAA,EACA,YAAc,EAAA;AAAA,IACb,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,MAAA;AAAA,GACV;AAAA,EACA,OAAS,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACV;AAAA,EACA,QAAU,EAAA;AAAA,IACT,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACV;AAAA,EACA,MAAQ,EAAA;AAAA,IACP,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACV;AAAA,EACA,KAAO,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,SAAA;AAAA,GACV;AAAA,EACA,IAAM,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,MAAA;AAAA,GACV;AAAA,EACA,IAAM,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,SAAA;AAAA,GACV;AAAA,EACA,IAAM,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACV;AACD;;;;"}
+{"version":3,"file":"button.js","sources":["../../../../../../packages/components/button/src/button.ts"],"sourcesContent":["import { ToModeType } from '@touchvue/utils'\nimport { PropType } from 'vue'\n\nexport interface IconObject {\n\tvalue?: string\n\t[key: string]: any\n}\n\nexport type ButtonType = 'default' | 'primary' | 'success' | 'info' | 'warning' | 'danger'\n\nexport type ButtonIconPosition = 'left' | 'top'\n\nexport interface ButtonProps {\n\tprogress?: number | string\n\twidth?: string | number\n\ticon?: string | IconObject\n\ticonPosition?: ButtonIconPosition\n\tloading?: boolean\n\tdisabled?: boolean\n\tshadow?: boolean\n\tcolor?: string\n\tmode?: ToModeType\n\ttype?: ButtonType\n\tdesc?: string\n}\n\nexport const buttonProps = {\n\tprogress: {\n\t\ttype: [Number, String],\n\t\tdefault: ''\n\t},\n\twidth: {\n\t\ttype: [String, Number],\n\t\tdefault: ''\n\t},\n\ticon: {\n\t\ttype: [String, Object],\n\t\tdefault: ''\n\t},\n\ticonPosition: {\n\t\ttype: String,\n\t\tdefault: 'left'\n\t},\n\tloading: {\n\t\ttype: Boolean,\n\t\tdefault: false\n\t},\n\tdisabled: {\n\t\ttype: Boolean,\n\t\tdefault: false\n\t},\n\tshadow: {\n\t\ttype: Boolean,\n\t\tdefault: false\n\t},\n\tcolor: {\n\t\ttype: String,\n\t\tdefault: 'default'\n\t},\n\tmode: {\n\t\ttype: String as PropType<ToModeType>,\n\t\tdefault: 'default'\n\t},\n\ttype: {\n\t\ttype: String as PropType<ButtonType>,\n\t\tdefault: 'default'\n\t},\n\tdesc: {\n\t\ttype: String,\n\t\tdefault: ''\n\t}\n}\n"],"names":[],"mappings":";;AA0BO,MAAM,WAAc,GAAA;AAAA,EAC1B,QAAU,EAAA;AAAA,IACT,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAS,EAAA,EAAA;AAAA,GACV;AAAA,EACA,KAAO,EAAA;AAAA,IACN,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAS,EAAA,EAAA;AAAA,GACV;AAAA,EACA,IAAM,EAAA;AAAA,IACL,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAS,EAAA,EAAA;AAAA,GACV;AAAA,EACA,YAAc,EAAA;AAAA,IACb,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,MAAA;AAAA,GACV;AAAA,EACA,OAAS,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACV;AAAA,EACA,QAAU,EAAA;AAAA,IACT,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACV;AAAA,EACA,MAAQ,EAAA;AAAA,IACP,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACV;AAAA,EACA,KAAO,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,SAAA;AAAA,GACV;AAAA,EACA,IAAM,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,SAAA;AAAA,GACV;AAAA,EACA,IAAM,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,SAAA;AAAA,GACV;AAAA,EACA,IAAM,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACV;AACD;;;;"}

package/lib/packages/components/button/src/button.vue2.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
+var useSetClass = require('../../../hooks/useSetClass.js');
 var ratio = require('../../../utils/ratio.js');
 
 const __default__ = vue.defineComponent({
@@ -43,10 +44,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
         arr.push(`width-full`);
       }
       if (props.mode) {
-        for (let i = 0; i < props.mode.split(" ").length; i++) {
-          const element = props.mode.split(" ")[i];
-          arr.push(`mode-${element}`);
-        }
+        arr.push(...useSetClass.getModeClasses(props.mode));
       }
       if (props.size) {
         arr.push(`size-${props.size}`);
@@ -63,6 +61,41 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
           arr.push(`icon-position-${iconArr[1].trim()}`);
         }
       }
+      if (el.value) {
+        const cs = getComputedStyle(el.value);
+        const extractGd = (val) => {
+          var _a;
+          return ((_a = val.match(/linear-gradient\([\s\S]*\)/)) == null ? void 0 : _a[0]) || "";
+        };
+        const extractWidth = (val) => {
+          const token = val.trim().split(/\s+/)[0];
+          return /^(\d+\.?\d*)(px|em|rem|vh|vw|%|pt|cm|mm|in)$/.test(token) ? token : "";
+        };
+        const borderVal = cs.getPropertyValue("--border").trim();
+        const hoverVal = cs.getPropertyValue("--hover-border").trim();
+        const activeVal = cs.getPropertyValue("--active-border").trim();
+        if (borderVal.includes("linear-gradient")) {
+          arr.push("is-gd-border");
+          el.value.style.setProperty("--gd-border", extractGd(borderVal));
+          const w = extractWidth(borderVal);
+          if (w)
+            el.value.style.setProperty("--gd-border-thick", w);
+        }
+        if (hoverVal.includes("linear-gradient")) {
+          arr.push("is-gd-border-hover");
+          el.value.style.setProperty("--gd-hover-border", extractGd(hoverVal));
+          const hw = extractWidth(hoverVal);
+          if (hw)
+            el.value.style.setProperty("--gd-hover-border-thick", hw);
+        }
+        if (activeVal.includes("linear-gradient")) {
+          arr.push("is-gd-border-active");
+          el.value.style.setProperty("--gd-active-border", extractGd(activeVal));
+          const aw = extractWidth(activeVal);
+          if (aw)
+            el.value.style.setProperty("--gd-active-border-thick", aw);
+        }
+      }
       return arr;
     });
     const exportDetail = () => {
@@ -88,7 +121,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
     __expose({ el });
     return (_ctx, _cache) => {
-      const _component_ToIcon = vue.resolveComponent("ToIcon");
+      const _component_to_icon = vue.resolveComponent("to-icon");
       const _directive_dis = vue.resolveDirective("dis");
       return vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", {
         ref_key: "el",
@@ -101,26 +134,31 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
         onDblclick: handleDblClick,
         onContextmenu: handleContextMenu
       }, [
-        _ctx.icon || _ctx.loading ? (vue.openBlock(), vue.createBlock(_component_ToIcon, {
-          key: 0,
-          class: "to-button-icon",
-          value: props.loading ? "loading" : _ctx.icon.split("|")[0].trim()
-        }, null, 8, ["value"])) : vue.createCommentVNode("v-if", true),
-        vue.createElementVNode("span", { class: "to-button-text" }, [
-          vue.createTextVNode(
-            vue.toDisplayString(props.text),
-            1
-            /* TEXT */
-          ),
-          vue.renderSlot(_ctx.$slots, "default")
+        vue.createElementVNode("span", { class: "to-button-content" }, [
+          _ctx.icon || _ctx.loading ? (vue.openBlock(), vue.createBlock(_component_to_icon, {
+            key: 0,
+            class: "to-button-icon",
+            value: props.loading ? "loading" : _ctx.icon.split("|")[0].trim()
+          }, null, 8, ["value"])) : vue.createCommentVNode("v-if", true),
+          props.text || _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("span", {
+            key: 1,
+            class: "to-button-text"
+          }, [
+            vue.createTextVNode(
+              vue.toDisplayString(props.text),
+              1
+              /* TEXT */
+            ),
+            vue.renderSlot(_ctx.$slots, "default")
+          ])) : vue.createCommentVNode("v-if", true),
+          _ctx.expand ? (vue.openBlock(), vue.createBlock(_component_to_icon, {
+            key: 2,
+            value: "expand",
+            class: "to-button-expand"
+          })) : vue.createCommentVNode("v-if", true)
         ]),
-        _ctx.expand ? (vue.openBlock(), vue.createBlock(_component_ToIcon, {
-          key: 1,
-          value: "expand",
-          class: "to-button-expand"
-        })) : vue.createCommentVNode("v-if", true),
         Number(_ctx.progress) > 0 ? (vue.openBlock(), vue.createElementBlock("span", {
-          key: 2,
+          key: 0,
           class: "to-button-progress"
         }, [
           vue.createElementVNode(

package/lib/packages/components/button/src/button.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.vue2.js","sources":["../../../../../../packages/components/button/src/button.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: 'ToButton'\n});\n</script>\n<template>\n\t<button ref=\"el\" v-dis=\"loading || disabled\" :flex=\"flex ? flex : null\" class=\"to-button\" :class=\"setClass\" :style=\"setStyle\" :desc=\"desc\" @click=\"handleClick\" @dblclick=\"handleDblClick\" @contextmenu=\"handleContextMenu\">\n\t\t<ToIcon v-if=\"icon || loading\" class=\"to-button-icon\" :value=\"props.loading ? 'loading' : icon.split('|')[0].trim()\"></ToIcon>\n\t\t<span class=\"to-button-text\"> {{ props.text }}<slot></slot> </span>\n\t\t<ToIcon v-if=\"expand\" value=\"expand\" class=\"to-button-expand\"></ToIcon>\n\t\t<span v-if=\"Number(progress) > 0\" class=\"to-button-progress\">\n\t\t\t<span ref=\"progress\" class=\"to-button-bar\" :class=\"{ 'is-completed': Number(progress) === 100 }\" :style=\"{ width: progress + '%' }\"></span>\n\t\t</span>\n\t</button>\n</template>\n<script setup lang=\"ts\">\nimport { ref, computed } from 'vue'\nimport { commitTouchReport } from '@touchvue/utils'\n\n\n\nconst el = ref(null)\nconst emit = defineEmits(['click', 'dblclick', 'contextmenu'])\n\ninterface Props {\n\tdisabled?: boolean\n\texpand?: boolean\n\tloading?: boolean\n\ticon?: string\n\tsize?: string\n\tmode?: string\n\tcolor?: string\n\twidth?: string | number\n\ticonPosition?: string\n\tprogress?: string | number\n\tdesc?: string\n\tflex?: boolean\n\ttext?: string\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n\tmode: 'default',\n\tcolor: '',\n\tsize: '',\n\ticon: '',\n\twidth: '',\n\ticonPosition: '',\n\tloading: false,\n\tdisabled: false,\n\tprogress: 0,\n\tdesc: '',\n\texpand: false,\n\tflex: false,\n\ttext: ''\n})\n\nconst setStyle = computed(() => {\n\tconst style: Record<string, string> = {}\n\tif (props.width && props.width !== 'full') {\n\t\tstyle.width = `${props.width}em`\n\t}\n\treturn style\n})\n\nconst setClass = computed(() => {\n\tlet arr: string[] = []\n\tif (props.width === 'full') {\n\t\tarr.push(`width-full`)\n\t}\n\tif (props.mode) {\n\t\tfor (let i = 0; i < props.mode.split(' ').length; i++) {\n\t\t\tconst element = props.mode.split(' ')[i]\n\t\t\tarr.push(`mode-${element}`)\n\t\t}\n\t}\n\tif (props.size) {\n\t\tarr.push(`size-${props.size}`)\n\t}\n\tif (props.color) {\n\t\tarr.push(`color-${props.color}`)\n\t}\n\tif (props.iconPosition) {\n\t\tarr.push(`icon-position-${props.iconPosition}`)\n\t}\n\tif (props.icon.includes('|')) {\n\t\tconst iconArr = props.icon.split('|')\n\t\tif (iconArr[1].includes('top') || iconArr[1].includes('right') || iconArr[1].includes('bottom')) {\n\t\t\tarr.push(`icon-position-${iconArr[1].trim()}`)\n\t\t}\n\t}\n\treturn arr\n})\n\nconst exportDetail = () => {\n\tconst detail = {\n\t\tname: 'ToButton',\n\t\tdesc: props.desc,\n\t\tvalue: props.desc\n\t}\n\tcommitTouchReport(detail)\n}\n\nconst handleClick = evt => {\n\temit('click', evt)\n\texportDetail()\n}\n\nconst handleDblClick = evt => {\n\temit('dblclick', evt)\n\texportDetail()\n}\n\nconst handleContextMenu = evt => {\n\tevt.preventDefault()\n\temit('contextmenu', evt)\n\texportDetail()\n}\n\ndefineExpose({ el })\n</script>\n"],"names":["DO_defineComponent","ref","computed","commitTouchReport","_createElementBlock","flex","_normalizeClass","desc","icon","loading","_createBlock","_createElementVNode","_createTextVNode","_toDisplayString","_renderSlot","expand","progress","disabled"],"mappings":"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"}
+{"version":3,"file":"button.vue2.js","sources":["../../../../../../packages/components/button/src/button.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: 'ToButton'\n});\n</script>\n<template>\n\t<button ref=\"el\" v-dis=\"loading || disabled\" :flex=\"flex ? flex : null\" class=\"to-button\" :class=\"setClass\" :style=\"setStyle\" :desc=\"desc\" @click=\"handleClick\" @dblclick=\"handleDblClick\" @contextmenu=\"handleContextMenu\">\n\t\t<span class=\"to-button-content\">\n\t\t\t<to-icon v-if=\"icon || loading\" class=\"to-button-icon\" :value=\"props.loading ? 'loading' : icon.split('|')[0].trim()\"></to-icon>\n\t\t\t<span v-if=\"props.text || $slots.default\" class=\"to-button-text\"> {{ props.text }}<slot></slot></span>\n\t\t\t<to-icon v-if=\"expand\" value=\"expand\" class=\"to-button-expand\"></to-icon>\n\t\t</span>\n\t\t<span v-if=\"Number(progress) > 0\" class=\"to-button-progress\">\n\t\t\t<span ref=\"progress\" class=\"to-button-bar\" :class=\"{ 'is-completed': Number(progress) === 100 }\" :style=\"{ width: progress + '%' }\"></span>\n\t\t</span>\n\t</button>\n</template>\n<script setup lang=\"ts\">\nimport { ref, computed } from 'vue'\nimport { commitTouchReport } from '@touchvue/utils'\nimport { getModeClasses } from '@touchvue/hooks'\n\n\n\nconst el = ref(null)\nconst emit = defineEmits(['click', 'dblclick', 'contextmenu'])\n\ninterface Props {\n\tdisabled?: boolean\n\texpand?: boolean\n\tloading?: boolean\n\ticon?: string\n\tsize?: string\n\tmode?: string\n\tcolor?: string\n\twidth?: string | number\n\ticonPosition?: string\n\tprogress?: string | number\n\tdesc?: string\n\tflex?: boolean\n\ttext?: string\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n\tmode: 'default',\n\tcolor: '',\n\tsize: '',\n\ticon: '',\n\twidth: '',\n\ticonPosition: '',\n\tloading: false,\n\tdisabled: false,\n\tprogress: 0,\n\tdesc: '',\n\texpand: false,\n\tflex: false,\n\ttext: ''\n})\n\nconst setStyle = computed(() => {\n\tconst style: Record<string, string> = {}\n\tif (props.width && props.width !== 'full') {\n\t\tstyle.width = `${props.width}em`\n\t}\n\treturn style\n})\n\nconst setClass = computed(() => {\n\tlet arr: string[] = []\n\tif (props.width === 'full') {\n\t\tarr.push(`width-full`)\n\t}\n\tif (props.mode) {\n\t\tarr.push(...getModeClasses(props.mode))\n\t}\n\tif (props.size) {\n\t\tarr.push(`size-${props.size}`)\n\t}\n\tif (props.color) {\n\t\tarr.push(`color-${props.color}`)\n\t}\n\tif (props.iconPosition) {\n\t\tarr.push(`icon-position-${props.iconPosition}`)\n\t}\n\tif (props.icon.includes('|')) {\n\t\tconst iconArr = props.icon.split('|')\n\t\tif (iconArr[1].includes('top') || iconArr[1].includes('right') || iconArr[1].includes('bottom')) {\n\t\t\tarr.push(`icon-position-${iconArr[1].trim()}`)\n\t\t}\n\t}\n\t// --border/--hover-border/--active-border 支持 linear-gradient 渐变边框\n\tif (el.value) {\n\t\tconst cs = getComputedStyle(el.value)\n\t\tconst extractGd = (val: string) => val.match(/linear-gradient\\([\\s\\S]*\\)/)?.[0] || ''\n\t\tconst extractWidth = (val: string) => {\n\t\t\tconst token = val.trim().split(/\\s+/)[0]\n\t\t\treturn /^(\\d+\\.?\\d*)(px|em|rem|vh|vw|%|pt|cm|mm|in)$/.test(token) ? token : ''\n\t\t}\n\t\tconst borderVal = cs.getPropertyValue('--border').trim()\n\t\tconst hoverVal = cs.getPropertyValue('--hover-border').trim()\n\t\tconst activeVal = cs.getPropertyValue('--active-border').trim()\n\t\tif (borderVal.includes('linear-gradient')) {\n\t\t\tarr.push('is-gd-border')\n\t\t\tel.value.style.setProperty('--gd-border', extractGd(borderVal))\n\t\t\tconst w = extractWidth(borderVal)\n\t\t\tif (w) el.value.style.setProperty('--gd-border-thick', w)\n\t\t}\n\t\tif (hoverVal.includes('linear-gradient')) {\n\t\t\tarr.push('is-gd-border-hover')\n\t\t\tel.value.style.setProperty('--gd-hover-border', extractGd(hoverVal))\n\t\t\tconst hw = extractWidth(hoverVal)\n\t\t\tif (hw) el.value.style.setProperty('--gd-hover-border-thick', hw)\n\t\t}\n\t\tif (activeVal.includes('linear-gradient')) {\n\t\t\tarr.push('is-gd-border-active')\n\t\t\tel.value.style.setProperty('--gd-active-border', extractGd(activeVal))\n\t\t\tconst aw = extractWidth(activeVal)\n\t\t\tif (aw) el.value.style.setProperty('--gd-active-border-thick', aw)\n\t\t}\n\t}\n\treturn arr\n})\n\nconst exportDetail = () => {\n\tconst detail = {\n\t\tname: 'ToButton',\n\t\tdesc: props.desc,\n\t\tvalue: props.desc\n\t}\n\tcommitTouchReport(detail)\n}\n\nconst handleClick = evt => {\n\temit('click', evt)\n\texportDetail()\n}\n\nconst handleDblClick = evt => {\n\temit('dblclick', evt)\n\texportDetail()\n}\n\nconst handleContextMenu = evt => {\n\tevt.preventDefault()\n\temit('contextmenu', evt)\n\texportDetail()\n}\n\ndefineExpose({ el })\n</script>\n"],"names":["DO_defineComponent","ref","computed","getModeClasses","commitTouchReport","_createElementBlock","flex","_normalizeClass","desc","_createElementVNode","icon","loading","_createBlock","$slots","_createTextVNode","_toDisplayString","_renderSlot","expand","progress","disabled"],"mappings":"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"}

package/lib/packages/components/calendar/src/calendar.js

@@ -1,6 +1,10 @@
 'use strict';
 
 const calendarProps = {
+  mode: {
+    type: String,
+    default: "default"
+  },
   /**
    * 假期，用于显示假期标识
    */