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

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

@@ -37,6 +37,10 @@ export type CalendarPointData = {
  */
 export type CalendarValueType = string | Date;
 export declare const calendarProps: {
+    mode: {
+        type: StringConstructor;
+        default: string;
+    };
     /**
      * 假期，用于显示假期标识
      */

package/es/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/es/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/es/components/ellipsis/index.d.ts

@@ -29,6 +29,10 @@ export declare const ToEllipsis: import("@touchvue/ui/es/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/es/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/es/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/es/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/es/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/es/utils").SFCWithInstall<
 }>> & Readonly<{}>, {
     toggle: () => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    mode: string;
     flex: boolean;
     width: string | number;
     data: string | number;

package/es/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/es/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/es/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/es/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/es/packages/components/box/src/box.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot, createElementVNode } from 'vue';
+import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot, createElementVNode } from 'vue';
 import { getModeClasses } from '../../../hooks/useSetClass.mjs';
 
 const __default__ = defineComponent({
@@ -21,6 +21,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     flex: { type: Boolean, default: false }
   },
   setup(__props) {
+    const elRef = ref(null);
     const props = __props;
     const setClass = computed(() => {
       let arr = [];
@@ -48,6 +49,41 @@ var _sfc_main = /* @__PURE__ */ 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 = computed(() => {
@@ -93,6 +129,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
+        ref_key: "elRef",
+        ref: elRef,
         flex: _ctx.flex ? _ctx.flex : null,
         role: _ctx.link ? "button" : null,
         class: normalizeClass(["to-box", setClass.value]),

package/es/packages/components/box/src/box.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"box.vue2.mjs","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'\nimport { getModeClasses } from '@touchvue/hooks'\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(...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\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","_createElementBlock","flex","link","_normalizeClass","_renderSlot","_createElementVNode"],"mappings":";;;AAEA,MAAA,cAA6BA,eAAmB,CAAA;AAAA,EAC/C,IAAM,EAAA,OAAA;AACP,CAAC,CAAA,CAAA;;;;;;;;;;;;;;;;;;AA6BD,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAad,IAAM,MAAA,QAAA,GAAW,SAAS,MAAM;AAC/B,MAAA,IAAI,MAAgB,EAAC,CAAA;AACrB,MAAA,IAAI,MAAM,IAAM,EAAA;AACf,QAAA,GAAA,CAAI,IAAK,CAAA,GAAG,cAAe,CAAA,KAAA,CAAM,IAAI,CAAC,CAAA,CAAA;AAAA,OACvC;AACA,MAAA,IAAI,MAAM,KAAO,EAAA;AAChB,QAAI,GAAA,CAAA,IAAA,CAAK,CAAS,MAAA,EAAA,KAAA,CAAM,KAAO,CAAA,CAAA,CAAA,CAAA;AAAA,OAChC;AACA,MAAA,IAAI,KAAM,CAAA,MAAA,IAAU,KAAM,CAAA,MAAA,KAAW,MAAQ,EAAA;AAC5C,QAAA,GAAA,CAAI,KAAK,aAAa,CAAA,CAAA;AAAA,OACvB;AACA,MAAA,IAAI,MAAM,OAAS,EAAA;AAClB,QAAA,GAAA,CAAI,KAAK,YAAY,CAAA,CAAA;AAAA,OACtB;AACA,MAAA,IAAI,MAAM,IAAM,EAAA;AACf,QAAA,GAAA,CAAI,KAAK,SAAS,CAAA,CAAA;AAAA,OACnB;AACA,MAAA,IAAI,MAAM,IAAM,EAAA;AACf,QAAA,GAAA,CAAI,KAAK,SAAS,CAAA,CAAA;AAAA,OACnB;AACA,MAAA,IAAI,MAAM,MAAQ,EAAA;AACjB,QAAA,GAAA,CAAI,KAAK,WAAW,CAAA,CAAA;AACpB,QAAA,IAAI,MAAM,OAAS,EAAA;AAClB,UAAI,GAAA,CAAA,IAAA,CAAK,CAAW,QAAA,EAAA,KAAA,CAAM,OAAS,CAAA,CAAA,CAAA,CAAA;AAAA,SACpC;AAAA,OACD;AACA,MAAO,OAAA,GAAA,CAAA;AAAA,KACP,CAAA,CAAA;AACD,IAAM,MAAA,QAAA,GAAW,SAAS,MAAM;AAC/B,MAAA,MAAM,MAAqB,EAAC,CAAA;AAC5B,MAAA,IAAI,KAAM,CAAA,MAAA,IAAU,KAAM,CAAA,MAAA,KAAW,MAAQ,EAAA;AAC5C,QAAA,IAAI,CAAC,KAAM,CAAA,MAAA,CAAO,KAAM,CAAA,MAAM,CAAC,CAAG,EAAA;AACjC,UAAI,GAAA,CAAA,MAAA,GAAS,MAAM,MAAS,GAAA,IAAA,CAAA;AAAA,SACtB,MAAA;AACN,UAAA,GAAA,CAAI,SAAS,KAAM,CAAA,MAAA,CAAA;AAAA,SACpB;AAAA,OACD;AAEA,MAAA,IAAI,MAAM,KAAO,EAAA;AAChB,QAAA,IAAI,CAAC,KAAM,CAAA,MAAA,CAAO,KAAM,CAAA,KAAK,CAAC,CAAG,EAAA;AAChC,UAAI,GAAA,CAAA,KAAA,GAAQ,MAAM,KAAQ,GAAA,IAAA,CAAA;AAAA,SACpB,MAAA;AACN,UAAI,IAAA,KAAA,CAAM,UAAU,MAAQ,EAAA;AAC3B,YAAA,GAAA,CAAI,KAAQ,GAAA,MAAA,CAAA;AAAA,WACN,MAAA;AACN,YAAA,GAAA,CAAI,QAAQ,KAAM,CAAA,KAAA,CAAA;AAAA,WACnB;AAAA,SACD;AAAA,OACD;AACA,MAAA,MAAM,OAAU,GAAA,CAAC,GAAgB,KAAA,WAAA,CAAY,KAAK,GAAG,CAAA,CAAA;AACrD,MAAA,IAAI,MAAO,CAAA,KAAA,CAAM,OAAO,CAAA,CAAE,MAAQ,EAAA;AAEjC,QAAM,MAAA,MAAA,GAAS,MAAO,CAAA,KAAA,CAAM,OAAO,CAAA,CACjC,IAAK,EAAA,CACL,KAAM,CAAA,KAAK,CACX,CAAA,GAAA,CAAI,CAAO,GAAA,KAAA;AACX,UAAA,OAAO,OAAQ,CAAA,GAAG,CAAI,GAAA,GAAA,GAAM,CAAG,EAAA,GAAA,CAAA,EAAA,CAAA,CAAA;AAAA,SAC/B,CACA,CAAA,IAAA,CAAK,GAAG,CAAA,CAAA;AACV,QAAA,GAAA,CAAI,OAAU,GAAA,MAAA,CAAA;AACd,QAAA,IAAI,MAAM,eAAmB,IAAA,CAAC,MAAM,eAAgB,CAAA,QAAA,CAAS,GAAG,CAAG,EAAA;AAClE,UAAA,GAAA,CAAI,UAAa,GAAA,CAAA,CAAA;AAAA,SAClB;AACA,QAAA,IAAI,MAAM,eAAmB,IAAA,CAAC,MAAM,eAAgB,CAAA,QAAA,CAAS,GAAG,CAAG,EAAA;AAClE,UAAA,GAAA,CAAI,YAAe,GAAA,CAAA,CAAA;AAAA,SACpB;AACA,QAAA,IAAI,MAAM,eAAmB,IAAA,CAAC,MAAM,eAAgB,CAAA,QAAA,CAAS,GAAG,CAAG,EAAA;AAClE,UAAA,GAAA,CAAI,aAAgB,GAAA,CAAA,CAAA;AAAA,SACrB;AACA,QAAA,IAAI,MAAM,eAAmB,IAAA,CAAC,MAAM,eAAgB,CAAA,QAAA,CAAS,GAAG,CAAG,EAAA;AAClE,UAAA,GAAA,CAAI,WAAc,GAAA,CAAA,CAAA;AAAA,SACnB;AAAA,OACD;AACA,MAAO,OAAA,GAAA,CAAA;AAAA,KACP,CAAA,CAAA;;wBAjHA,EAAAC,kBAAA,CAGM,KAAA,EAAA;AAAA,QAHA,IAAMC,EAAAA,IAAAA,CAAI,IAAGA,GAAAA,IAAAA,CAAI,IAAA,GAAA,IAAA;AAAA,QAAU,IAAA,EAAMC,IAAI,CAAA,IAAA,GAAA,QAAA,GAAA,IAAA;AAAA,QAAoB,OAAKC,cAAA,CAAA,CAAC,QAAiB,EAAA,QAAA,CAAQ,KAAA,CAAA,CAAA;AAAA,QAAG,KAAA,gBAAO,CAAA,QAAA,CAAQ,KAAA,CAAA;AAAA;QAC/GC,UAAA,CAAa,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA,QACbC,kBAAgC,CAAA,KAAA,EAAA,EAA3B,KAAA,EAAM,gBAAc,CAAA;AAAA;;;;;;;"}
+{"version":3,"file":"box.vue2.mjs","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","_createElementBlock","flex","link","_normalizeClass","_renderSlot","_createElementVNode"],"mappings":"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"}

package/es/packages/components/button/src/button.mjs

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

package/es/packages/components/button/src/button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"button.mjs","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.mjs","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/es/packages/components/button/src/button.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, resolveComponent, resolveDirective, withDirectives, openBlock, createElementBlock, normalizeClass, normalizeStyle, createBlock, createCommentVNode, createElementVNode, createTextVNode, toDisplayString, renderSlot } from 'vue';
+import { defineComponent, ref, computed, resolveComponent, resolveDirective, withDirectives, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, createBlock, createCommentVNode, createTextVNode, toDisplayString, renderSlot } from 'vue';
 import { getModeClasses } from '../../../hooks/useSetClass.mjs';
 import { commitTouchReport } from '../../../utils/ratio.mjs';
 
@@ -57,6 +57,41 @@ var _sfc_main = /* @__PURE__ */ 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 = () => {
@@ -82,7 +117,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     };
     __expose({ el });
     return (_ctx, _cache) => {
-      const _component_ToIcon = resolveComponent("ToIcon");
+      const _component_to_icon = resolveComponent("to-icon");
       const _directive_dis = resolveDirective("dis");
       return withDirectives((openBlock(), createElementBlock("button", {
         ref_key: "el",
@@ -95,26 +130,31 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         onDblclick: handleDblClick,
         onContextmenu: handleContextMenu
       }, [
-        _ctx.icon || _ctx.loading ? (openBlock(), createBlock(_component_ToIcon, {
-          key: 0,
-          class: "to-button-icon",
-          value: props.loading ? "loading" : _ctx.icon.split("|")[0].trim()
-        }, null, 8, ["value"])) : createCommentVNode("v-if", true),
-        createElementVNode("span", { class: "to-button-text" }, [
-          createTextVNode(
-            toDisplayString(props.text),
-            1
-            /* TEXT */
-          ),
-          renderSlot(_ctx.$slots, "default")
+        createElementVNode("span", { class: "to-button-content" }, [
+          _ctx.icon || _ctx.loading ? (openBlock(), createBlock(_component_to_icon, {
+            key: 0,
+            class: "to-button-icon",
+            value: props.loading ? "loading" : _ctx.icon.split("|")[0].trim()
+          }, null, 8, ["value"])) : createCommentVNode("v-if", true),
+          props.text || _ctx.$slots.default ? (openBlock(), createElementBlock("span", {
+            key: 1,
+            class: "to-button-text"
+          }, [
+            createTextVNode(
+              toDisplayString(props.text),
+              1
+              /* TEXT */
+            ),
+            renderSlot(_ctx.$slots, "default")
+          ])) : createCommentVNode("v-if", true),
+          _ctx.expand ? (openBlock(), createBlock(_component_to_icon, {
+            key: 2,
+            value: "expand",
+            class: "to-button-expand"
+          })) : createCommentVNode("v-if", true)
         ]),
-        _ctx.expand ? (openBlock(), createBlock(_component_ToIcon, {
-          key: 1,
-          value: "expand",
-          class: "to-button-expand"
-        })) : createCommentVNode("v-if", true),
         Number(_ctx.progress) > 0 ? (openBlock(), createElementBlock("span", {
-          key: 2,
+          key: 0,
           class: "to-button-progress"
         }, [
           createElementVNode(

package/es/packages/components/button/src/button.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"button.vue2.mjs","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'\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\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","_createElementBlock","flex","_normalizeClass","desc","icon","loading","_createBlock","_createElementVNode","_createTextVNode","_toDisplayString","_renderSlot","expand","progress","disabled"],"mappings":"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"}
+{"version":3,"file":"button.vue2.mjs","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","_createElementBlock","flex","_normalizeClass","desc","_createElementVNode","icon","loading","_createBlock","$slots","_createTextVNode","_toDisplayString","_renderSlot","expand","progress","disabled"],"mappings":"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"}

package/es/packages/components/calendar/src/calendar.mjs

@@ -1,4 +1,8 @@
 const calendarProps = {
+  mode: {
+    type: String,
+    default: "default"
+  },
   /**
    * 假期，用于显示假期标识
    */

package/es/packages/components/calendar/src/calendar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"calendar.mjs","sources":["../../../../../../packages/components/calendar/src/calendar.ts"],"sourcesContent":["import { ExtractPropTypes, PropType } from 'vue'\n\n/**\n * 日历类型\n */\nexport type CalendarType = 'date' | 'datetime' | 'time' | 'month' | string\n\n/**\n * 日历大小\n */\nexport type CalendarSize = 'large' | string\n\n/**\n * 范围类型\n */\nexport type CalendarRangeType = '' | 'end' | string\n\n/**\n * 重点日期数据类型\n */\nexport type CalendarPointData = {\n\t/**\n\t * 日期，格式：YYYY-MM-DD\n\t */\n\tday: string\n\t/**\n\t * 提示信息\n\t */\n\ttooltip?: string\n\t/**\n\t * 数量\n\t */\n\tcount?: number\n\t/**\n\t * 类型：-1=danger, 0=primary, 1=success\n\t */\n\ttype?: number\n}\n\n/**\n * 日历值类型\n */\nexport type CalendarValueType = string | Date\n\nexport const calendarProps = {\n\t/**\n\t * 假期，用于显示假期标识\n\t */\n\tholiday: {\n\t\ttype: Array as PropType<string[]>,\n\t\tdefault: () => []\n\t},\n\t/**\n\t * 重点日期（比如这天有待办之类的）\n\t */\n\tpoint: {\n\t\ttype: Array as PropType<CalendarPointData[]>,\n\t\tdefault: () => []\n\t},\n\t/**\n\t * 日历类型\n\t */\n\ttype: {\n\t\ttype: String as PropType<CalendarType>,\n\t\tdefault: ''\n\t},\n\t/**\n\t * 大小，支持 large\n\t */\n\tsize: {\n\t\ttype: String as PropType<CalendarSize>,\n\t\tdefault: ''\n\t},\n\t/**\n\t * 是否显示 point 提示信息\n\t */\n\tlegend: {\n\t\ttype: Boolean,\n\t\tdefault: false\n\t},\n\t/**\n\t * 绑定值\n\t */\n\tmodelValue: {\n\t\ttype: [String, Date] as PropType<CalendarValueType>,\n\t\tdefault: ''\n\t},\n\t/**\n\t * 范围类型\n\t * 开始：''\n\t * 结束：'end'\n\t */\n\trangeType: {\n\t\ttype: String as PropType<CalendarRangeType>,\n\t\tdefault: ''\n\t},\n\t/**\n\t * 是否为范围选择\n\t */\n\trange: {\n\t\ttype: Boolean,\n\t\tdefault: false\n\t},\n\t/**\n\t * 是否为多选\n\t */\n\tmultiple: {\n\t\ttype: Boolean,\n\t\tdefault: false\n\t},\n\t/**\n\t * 时间\n\t */\n\ttime: {\n\t\ttype: String,\n\t\tdefault: ''\n\t},\n\t/**\n\t * 变更前回调\n\t */\n\tbeforeChange: {\n\t\ttype: Function as PropType<(value: string) => boolean | Promise<boolean>>,\n\t\tdefault: null\n\t},\n\t/**\n\t * 最小值\n\t */\n\tmin: {\n\t\ttype: [String, Date, Number] as PropType<string | Date | number>,\n\t\tdefault: ''\n\t},\n\t/**\n\t * 最大值\n\t */\n\tmax: {\n\t\ttype: [String, Date, Number] as PropType<string | Date | number>,\n\t\tdefault: ''\n\t},\n\t/**\n\t * 禁用日期\n\t */\n\tdisabledDate: {\n\t\ttype: Function as PropType<(date: Date) => boolean>,\n\t\tdefault: null\n\t},\n\n\twidth: {\n\t\ttype: String,\n\t\tdefault: ''\n\t},\n\tmaxYear: {\n\t\ttype: [String, Number] as PropType<string | number>,\n\t\tdefault: 0\n\t},\n\tminYear: {\n\t\ttype: [String, Number] as PropType<string | number>,\n\t\tdefault: 0\n\t},\n\tflex: Boolean\n}\n\nexport type CalendarProps = ExtractPropTypes<typeof calendarProps>\n"],"names":[],"mappings":"AA4CO,MAAM,aAAgB,GAAA;AAAA;AAAA;AAAA;AAAA,EAI5B,OAAS,EAAA;AAAA,IACR,IAAM,EAAA,KAAA;AAAA,IACN,OAAA,EAAS,MAAM,EAAC;AAAA,GACjB;AAAA;AAAA;AAAA;AAAA,EAIA,KAAO,EAAA;AAAA,IACN,IAAM,EAAA,KAAA;AAAA,IACN,OAAA,EAAS,MAAM,EAAC;AAAA,GACjB;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,MAAQ,EAAA;AAAA,IACP,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,UAAY,EAAA;AAAA,IACX,IAAA,EAAM,CAAC,MAAA,EAAQ,IAAI,CAAA;AAAA,IACnB,OAAS,EAAA,EAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,SAAW,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,KAAO,EAAA;AAAA,IACN,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,QAAU,EAAA;AAAA,IACT,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,YAAc,EAAA;AAAA,IACb,IAAM,EAAA,QAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,GAAK,EAAA;AAAA,IACJ,IAAM,EAAA,CAAC,MAAQ,EAAA,IAAA,EAAM,MAAM,CAAA;AAAA,IAC3B,OAAS,EAAA,EAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,GAAK,EAAA;AAAA,IACJ,IAAM,EAAA,CAAC,MAAQ,EAAA,IAAA,EAAM,MAAM,CAAA;AAAA,IAC3B,OAAS,EAAA,EAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,YAAc,EAAA;AAAA,IACb,IAAM,EAAA,QAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACV;AAAA,EAEA,KAAO,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACV;AAAA,EACA,OAAS,EAAA;AAAA,IACR,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAS,EAAA,CAAA;AAAA,GACV;AAAA,EACA,OAAS,EAAA;AAAA,IACR,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAS,EAAA,CAAA;AAAA,GACV;AAAA,EACA,IAAM,EAAA,OAAA;AACP;;;;"}
+{"version":3,"file":"calendar.mjs","sources":["../../../../../../packages/components/calendar/src/calendar.ts"],"sourcesContent":["import { ExtractPropTypes, PropType } from 'vue'\n\n/**\n * 日历类型\n */\nexport type CalendarType = 'date' | 'datetime' | 'time' | 'month' | string\n\n/**\n * 日历大小\n */\nexport type CalendarSize = 'large' | string\n\n/**\n * 范围类型\n */\nexport type CalendarRangeType = '' | 'end' | string\n\n/**\n * 重点日期数据类型\n */\nexport type CalendarPointData = {\n\t/**\n\t * 日期，格式：YYYY-MM-DD\n\t */\n\tday: string\n\t/**\n\t * 提示信息\n\t */\n\ttooltip?: string\n\t/**\n\t * 数量\n\t */\n\tcount?: number\n\t/**\n\t * 类型：-1=danger, 0=primary, 1=success\n\t */\n\ttype?: number\n}\n\n/**\n * 日历值类型\n */\nexport type CalendarValueType = string | Date\n\nexport const calendarProps = {\n\tmode: {\n\t\ttype: String,\n\t\tdefault: 'default'\n\t},\n\t/**\n\t * 假期，用于显示假期标识\n\t */\n\tholiday: {\n\t\ttype: Array as PropType<string[]>,\n\t\tdefault: () => []\n\t},\n\t/**\n\t * 重点日期（比如这天有待办之类的）\n\t */\n\tpoint: {\n\t\ttype: Array as PropType<CalendarPointData[]>,\n\t\tdefault: () => []\n\t},\n\t/**\n\t * 日历类型\n\t */\n\ttype: {\n\t\ttype: String as PropType<CalendarType>,\n\t\tdefault: ''\n\t},\n\t/**\n\t * 大小，支持 large\n\t */\n\tsize: {\n\t\ttype: String as PropType<CalendarSize>,\n\t\tdefault: ''\n\t},\n\t/**\n\t * 是否显示 point 提示信息\n\t */\n\tlegend: {\n\t\ttype: Boolean,\n\t\tdefault: false\n\t},\n\t/**\n\t * 绑定值\n\t */\n\tmodelValue: {\n\t\ttype: [String, Date] as PropType<CalendarValueType>,\n\t\tdefault: ''\n\t},\n\t/**\n\t * 范围类型\n\t * 开始：''\n\t * 结束：'end'\n\t */\n\trangeType: {\n\t\ttype: String as PropType<CalendarRangeType>,\n\t\tdefault: ''\n\t},\n\t/**\n\t * 是否为范围选择\n\t */\n\trange: {\n\t\ttype: Boolean,\n\t\tdefault: false\n\t},\n\t/**\n\t * 是否为多选\n\t */\n\tmultiple: {\n\t\ttype: Boolean,\n\t\tdefault: false\n\t},\n\t/**\n\t * 时间\n\t */\n\ttime: {\n\t\ttype: String,\n\t\tdefault: ''\n\t},\n\t/**\n\t * 变更前回调\n\t */\n\tbeforeChange: {\n\t\ttype: Function as PropType<(value: string) => boolean | Promise<boolean>>,\n\t\tdefault: null\n\t},\n\t/**\n\t * 最小值\n\t */\n\tmin: {\n\t\ttype: [String, Date, Number] as PropType<string | Date | number>,\n\t\tdefault: ''\n\t},\n\t/**\n\t * 最大值\n\t */\n\tmax: {\n\t\ttype: [String, Date, Number] as PropType<string | Date | number>,\n\t\tdefault: ''\n\t},\n\t/**\n\t * 禁用日期\n\t */\n\tdisabledDate: {\n\t\ttype: Function as PropType<(date: Date) => boolean>,\n\t\tdefault: null\n\t},\n\n\twidth: {\n\t\ttype: String,\n\t\tdefault: ''\n\t},\n\tmaxYear: {\n\t\ttype: [String, Number] as PropType<string | number>,\n\t\tdefault: 0\n\t},\n\tminYear: {\n\t\ttype: [String, Number] as PropType<string | number>,\n\t\tdefault: 0\n\t},\n\tflex: Boolean\n}\n\nexport type CalendarProps = ExtractPropTypes<typeof calendarProps>\n"],"names":[],"mappings":"AA4CO,MAAM,aAAgB,GAAA;AAAA,EAC5B,IAAM,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,SAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,OAAS,EAAA;AAAA,IACR,IAAM,EAAA,KAAA;AAAA,IACN,OAAA,EAAS,MAAM,EAAC;AAAA,GACjB;AAAA;AAAA;AAAA;AAAA,EAIA,KAAO,EAAA;AAAA,IACN,IAAM,EAAA,KAAA;AAAA,IACN,OAAA,EAAS,MAAM,EAAC;AAAA,GACjB;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,MAAQ,EAAA;AAAA,IACP,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,UAAY,EAAA;AAAA,IACX,IAAA,EAAM,CAAC,MAAA,EAAQ,IAAI,CAAA;AAAA,IACnB,OAAS,EAAA,EAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,SAAW,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,KAAO,EAAA;AAAA,IACN,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,QAAU,EAAA;AAAA,IACT,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,YAAc,EAAA;AAAA,IACb,IAAM,EAAA,QAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,GAAK,EAAA;AAAA,IACJ,IAAM,EAAA,CAAC,MAAQ,EAAA,IAAA,EAAM,MAAM,CAAA;AAAA,IAC3B,OAAS,EAAA,EAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,GAAK,EAAA;AAAA,IACJ,IAAM,EAAA,CAAC,MAAQ,EAAA,IAAA,EAAM,MAAM,CAAA;AAAA,IAC3B,OAAS,EAAA,EAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,YAAc,EAAA;AAAA,IACb,IAAM,EAAA,QAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACV;AAAA,EAEA,KAAO,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACV;AAAA,EACA,OAAS,EAAA;AAAA,IACR,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAS,EAAA,CAAA;AAAA,GACV;AAAA,EACA,OAAS,EAAA;AAAA,IACR,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAS,EAAA,CAAA;AAAA,GACV;AAAA,EACA,IAAM,EAAA,OAAA;AACP;;;;"}

package/es/packages/components/calendar/src/calendar.vue2.mjs

@@ -8,6 +8,7 @@ import tipDirective from '../../../directives/tip/src/tip.mjs';
 import { useWidthStyle } from '../../../hooks/useWidthStyle.mjs';
 import { isPromise } from '../../../utils/types.mjs';
 import { handleBeforeChange } from '../../../utils/beforeChange.mjs';
+import { getModeClasses } from '../../../hooks/useSetClass.mjs';
 
 const __default__ = defineComponent({
   name: "ToCalendar"
@@ -63,6 +64,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       if (props.size === "large") {
         arr.push("size-large");
       }
+      if (props.mode) {
+        arr.push(...getModeClasses(props.mode));
+      }
       return arr;
     });
     const dayText = computed(() => {