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

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

@@ -15,7 +15,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {
+    modeClasses: import("vue").ComputedRef<string[]>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     separator: {
         type: StringConstructor;
         default: string;

package/es/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/es/index.d.mjs

@@ -88,7 +88,7 @@ export { validate, validateAll } from './packages/utils/validate.mjs';
 export { print } from './packages/utils/print.mjs';
 export { getDeviceType, isMobileDevice, isPadDevice, isPcDevice, isPhoneDevice, useDevice } from './packages/hooks/useDevice.mjs';
 export { useFormItem } from './packages/hooks/useFormItem.mjs';
-export { useCommonClass, useSetClass } from './packages/hooks/useSetClass.mjs';
+export { getModeClasses, useCommonClass, useSetClass } from './packages/hooks/useSetClass.mjs';
 export { useWidthStyle } from './packages/hooks/useWidthStyle.mjs';
 
 var install$1 = install;

package/es/index.mjs

@@ -94,7 +94,7 @@ export { validate, validateAll } from './packages/utils/validate.mjs';
 export { print } from './packages/utils/print.mjs';
 export { getDeviceType, isMobileDevice, isPadDevice, isPcDevice, isPhoneDevice, useDevice } from './packages/hooks/useDevice.mjs';
 export { useFormItem } from './packages/hooks/useFormItem.mjs';
-export { useCommonClass, useSetClass } from './packages/hooks/useSetClass.mjs';
+export { getModeClasses, useCommonClass, useSetClass } from './packages/hooks/useSetClass.mjs';
 export { useWidthStyle } from './packages/hooks/useWidthStyle.mjs';
 
 const defaultOptions = {};

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

@@ -1,4 +1,5 @@
 import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot, createElementVNode } from 'vue';
+import { getModeClasses } from '../../../hooks/useSetClass.mjs';
 
 const __default__ = defineComponent({
   name: "ToBox"
@@ -24,7 +25,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const setClass = computed(() => {
       let arr = [];
       if (props.mode) {
-        arr.push(`mode-${props.mode}`);
+        arr.push(...getModeClasses(props.mode));
       }
       if (props.color) {
         arr.push(`color-${props.color}`);

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'\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","_createElementBlock","flex","link","_normalizeClass","_renderSlot","_createElementVNode"],"mappings":";;AAEA,MAAA,cAA6BA,eAAmB,CAAA;AAAA,EAC/C,IAAM,EAAA,OAAA;AACP,CAAC,CAAA,CAAA;;;;;;;;;;;;;;;;;;AA4BD,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,QAAI,GAAA,CAAA,IAAA,CAAK,CAAQ,KAAA,EAAA,KAAA,CAAM,IAAM,CAAA,CAAA,CAAA,CAAA;AAAA,OAC9B;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;;wBAhHA,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 :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":"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"}

package/es/packages/components/breadcrumb/src/breadcrumb.vue.mjs

@@ -5,7 +5,7 @@ import _export_sfc from '../../../../_virtual/_plugin-vue_export-helper.mjs';
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     flex: _ctx.flex ? _ctx.flex : null,
-    class: normalizeClass(["to-breadcrumb", [`mode-${_ctx.mode}`]])
+    class: normalizeClass(["to-breadcrumb", _ctx.modeClasses])
   }, [
     renderSlot(_ctx.$slots, "default")
   ], 10, ["flex"]);

package/es/packages/components/breadcrumb/src/breadcrumb.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.vue.mjs","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,SAAA,EAAgB,EAAAC,kBAAA,CAAA,KAAA,EAAA;AAAA,IAAA,IAAA,EAAA,IAAA,CAAA,IAAA,GAAA,IAAA,CAAA,IAAA,GAAA,IAAA;AAAA,IACpD,KAAA,EAAaC,eAAA,CAAA,eAAA,EAAA,CAAA,CAAA,KAAA,EAAA,IAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,GAAA,EAAA;AAAA;;;;;;;"}
+{"version":3,"file":"breadcrumb.vue.mjs","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,SAAA,EAAA,EAAAC,kBAAA,CAAgB,KAASC,EAAAA;AAAAA,IAAAA,IAAAA,EAAAA,IAAAA,CAAAA,IAAAA,GAAAA,IAAAA,CAAAA,IAAAA,GAAAA,IAAAA;AAAAA,IAC7D,OAAaC,cAAA,CAAA,CAAA,eAAA,EAAA,IAAA,CAAA,WAAA,CAAA,CAAA;AAAA,GAAA,EAAA;AAAA;;;;;;;"}

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

@@ -1,16 +1,18 @@
 import { defineComponent, computed, provide } from 'vue';
 import { breadcrumbProps } from './breadcrumb.mjs';
+import { getModeClasses } from '../../../hooks/useSetClass.mjs';
 
 var _sfc_main = defineComponent({
   name: "ToBreadcrumb",
   props: breadcrumbProps,
   setup(props) {
+    const modeClasses = computed(() => getModeClasses(props.mode));
     const breadcrumbData = computed(() => ({
       separator: props.separator,
       separatorIcon: props.separatorIcon
     }));
     provide("breadcrumb", breadcrumbData);
-    return {};
+    return { modeClasses };
   }
 });
 

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

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.vue2.mjs","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":[],"mappings":";;;AAUA,gBAAe,eAAgB,CAAA;AAAA,EAC9B,IAAM,EAAA,cAAA;AAAA,EACN,KAAO,EAAA,eAAA;AAAA,EACP,MAAM,KAAO,EAAA;AACZ,IAAM,MAAA,cAAA,GAAiB,SAAS,OAAO;AAAA,MACtC,WAAW,KAAM,CAAA,SAAA;AAAA,MACjB,eAAe,KAAM,CAAA,aAAA;AAAA,KACpB,CAAA,CAAA,CAAA;AAEF,IAAA,OAAA,CAAQ,cAAc,cAAc,CAAA,CAAA;AAEpC,IAAA,OAAO,EAAC,CAAA;AAAA,GACT;AACD,CAAC,CAAA;;;;"}
+{"version":3,"file":"breadcrumb.vue2.mjs","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":[],"mappings":";;;;AAWA,gBAAe,eAAgB,CAAA;AAAA,EAC9B,IAAM,EAAA,cAAA;AAAA,EACN,KAAO,EAAA,eAAA;AAAA,EACP,MAAM,KAAO,EAAA;AACZ,IAAA,MAAM,cAAc,QAAS,CAAA,MAAM,cAAe,CAAA,KAAA,CAAM,IAAI,CAAC,CAAA,CAAA;AAC7D,IAAM,MAAA,cAAA,GAAiB,SAAS,OAAO;AAAA,MACtC,WAAW,KAAM,CAAA,SAAA;AAAA,MACjB,eAAe,KAAM,CAAA,aAAA;AAAA,KACpB,CAAA,CAAA,CAAA;AAEF,IAAA,OAAA,CAAQ,cAAc,cAAc,CAAA,CAAA;AAEpC,IAAA,OAAO,EAAE,WAAY,EAAA,CAAA;AAAA,GACtB;AACD,CAAC,CAAA;;;;"}

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

@@ -1,4 +1,5 @@
 import { defineComponent, ref, computed, resolveComponent, resolveDirective, withDirectives, openBlock, createElementBlock, normalizeClass, normalizeStyle, createBlock, createCommentVNode, createElementVNode, createTextVNode, toDisplayString, renderSlot } from 'vue';
+import { getModeClasses } from '../../../hooks/useSetClass.mjs';
 import { commitTouchReport } from '../../../utils/ratio.mjs';
 
 const __default__ = defineComponent({
@@ -39,10 +40,7 @@ var _sfc_main = /* @__PURE__ */ 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(...getModeClasses(props.mode));
       }
       if (props.size) {
         arr.push(`size-${props.size}`);

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'\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","_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<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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"}