@touchvue/ui 1.0.0-beta.6 → 1.0.0-beta.60

package/es/index.d.mjs

@@ -0,0 +1,97 @@
+export { i18n, langKey, onLangChange, t, use } from './packages/locale/index.mjs';
+export { default as vAlign } from './packages/directives/align/src/align.mjs';
+export { default as vColor } from './packages/directives/color/src/color.mjs';
+export { default as vDis } from './packages/directives/dis/src/dis.mjs';
+export { default as vLoading } from './packages/directives/loading/src/loading.mjs';
+export { default as vSize } from './packages/directives/size/src/size.mjs';
+export { default as vTip } from './packages/directives/tip/src/tip.mjs';
+export { vHide } from './packages/directives/hide/src/hide.mjs';
+export { vPress } from './packages/directives/press/src/press.mjs';
+export { ToButton } from './packages/components/button/index.mjs';
+export { ToIcon } from './packages/components/icon/index.mjs';
+export { default as Icon } from './packages/components/icon/src/icon.vue.mjs';
+export { boxProps } from './packages/components/box/src/box.mjs';
+export { ToBox } from './packages/components/box/index.mjs';
+export { default as Box } from './packages/components/box/src/box.vue.mjs';
+export { ToSelect } from './packages/components/select/index.mjs';
+export { ToCalendar } from './packages/components/calendar/index.mjs';
+export { ToGap } from './packages/components/gap/index.mjs';
+export { ToForm, ToFormItem } from './packages/components/form/index.mjs';
+export { ToGrid, ToGridItem } from './packages/components/grid/index.mjs';
+export { ToHeader } from './packages/components/header/index.mjs';
+export { ToInput } from './packages/components/input/index.mjs';
+export { ToDivider } from './packages/components/divider/index.mjs';
+export { $msg, ToMsg } from './packages/components/msg/index.mjs';
+export { ToPadding } from './packages/components/padding/index.mjs';
+export { ToPage } from './packages/components/page/index.mjs';
+export { ToCheckbox } from './packages/components/checkbox/index.mjs';
+export { ToCheckboxes } from './packages/components/checkboxes/index.mjs';
+export { centerScrollEmits, centerScrollProps } from './packages/components/center-scroll/src/center-scroll.mjs';
+export { ToCenterScroll } from './packages/components/center-scroll/index.mjs';
+export { addZero, formatDateFunc, getDateFromValueFunc, getDateStrFromMatch, useDatePicker } from './packages/components/datepicker/src/use-date-picker.mjs';
+export { ToDatePicker } from './packages/components/datepicker/index.mjs';
+export { ToDateRange } from './packages/components/daterange/index.mjs';
+export { ToSwitch } from './packages/components/switch/index.mjs';
+export { ToTab, ToTabItem } from './packages/components/tab/index.mjs';
+export { ToTable, ToTableBody, ToTableConfig, ToTableHead } from './packages/components/table/index.mjs';
+export { ToTag } from './packages/components/tag/index.mjs';
+export { ToText } from './packages/components/text/index.mjs';
+export { $tip, ToTip } from './packages/components/tip/index.mjs';
+export { ToTooltip } from './packages/components/tooltip/index.mjs';
+export { ToSegment } from './packages/components/segment/index.mjs';
+export { dialogEmits, dialogProps } from './packages/components/dialog/src/dialog.mjs';
+export { ToDialog } from './packages/components/dialog/index.mjs';
+export { ellipsisProps } from './packages/components/ellipsis/src/ellipsis.mjs';
+export { ToEllipsis } from './packages/components/ellipsis/index.mjs';
+export { fixEmits, fixProps } from './packages/components/fix/src/fix.mjs';
+export { ToFix } from './packages/components/fix/index.mjs';
+export { floatEmits, floatProps } from './packages/components/float/src/float.mjs';
+export { ToFloat } from './packages/components/float/index.mjs';
+export { picProps } from './packages/components/pic/src/pic.mjs';
+export { ToPic } from './packages/components/pic/index.mjs';
+export { paramProps } from './packages/components/param/src/param.mjs';
+export { paramItemProps } from './packages/components/param/src/param-item.mjs';
+export { ToParam } from './packages/components/param/index.mjs';
+export { progressProps } from './packages/components/progress/src/progress.mjs';
+export { ToProgress } from './packages/components/progress/index.mjs';
+export { scrollProps } from './packages/components/scroll/src/scroll.mjs';
+export { ToScroll, ToScrollPoint } from './packages/components/scroll/index.mjs';
+export { ToSlide } from './packages/components/slide/index.mjs';
+export { ToBreadcrumb, ToBreadcrumbItem } from './packages/components/breadcrumb/index.mjs';
+export { ToTree, ToTreeItem } from './packages/components/tree/index.mjs';
+export { ToCascader, ToCascaderItem } from './packages/components/cascader/index.mjs';
+export { ToTimeline } from './packages/components/timeline/index.mjs';
+export { ToCollapse, ToCollapseItem } from './packages/components/collapse/index.mjs';
+export { ToRange } from './packages/components/range/index.mjs';
+export { ToGuider } from './packages/components/guider/index.mjs';
+export { ToTransfer } from './packages/components/transfer/index.mjs';
+export { ToUpload } from './packages/components/upload/index.mjs';
+export { ToImport } from './packages/components/import/index.mjs';
+export { ToExport } from './packages/components/export/index.mjs';
+export { ToRate } from './packages/components/rate/index.mjs';
+export { ToStep } from './packages/components/step/index.mjs';
+export { md5 } from './packages/utils/md5.mjs';
+export { isArray, isBoolean, isDateObj, isDefined, isFunction, isHtmlElement, isNumber, isNumeric, isObject, isPromise, isString, isUndefined, withInstall, withInstallFunction } from './packages/utils/types.mjs';
+export { getComponentConfig, useGlobalConfig } from './packages/utils/config.mjs';
+export { commitTouchReport, getEm, getMedia, setMedia, setRatio } from './packages/utils/ratio.mjs';
+export { addClass, getDataSet, getEventPath, getScrollContainer, getStyle, hasClass, isInContainer, isScroll, off, on, once, queryVm, removeClass, setStyle } from './packages/utils/dom.mjs';
+export { arrayEquals, arrayFind, arrayFindIndex, autoprefixer, capitalize, coerceTruthyValueToArray, deepClone, escapeRegexpString, generateId, generateUUID, getPropByPath, getValueByPath, hasOwn, isEmpty, isEqual, isipadOS, kebabCase, looseEqual, noop, objToArray, rafThrottle, removeElement, rsaEncryptByPublicKey, toObject, trim, valueEquals } from './packages/utils/util.mjs';
+export { format, isAnyDate, isDate, isDatetime, isMonth, matchFormat } from './packages/utils/date.mjs';
+export { handleBeforeChange } from './packages/utils/beforeChange.mjs';
+export { ajax } from './packages/utils/ajax.mjs';
+export { fileAjax } from './packages/utils/fileAjax.mjs';
+export { compare } from './packages/utils/compare.mjs';
+export { isModified } from './packages/utils/isModified.mjs';
+export { disabledArea } from './packages/utils/disabledArea.mjs';
+export { getTheme, setTheme } from './packages/utils/theme.mjs';
+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 { getModeClasses, useCommonClass, useSetClass } from './packages/hooks/useSetClass.mjs';
+export { useWidthStyle } from './packages/hooks/useWidthStyle.mjs';
+
+var install$1 = install;
+
+export { install$1 as default };
+//# sourceMappingURL=index.d.mjs.map

package/es/index.d.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mjs","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/es/index.mjs

@@ -1,6 +1,9 @@
 import * as index from './packages/components/index.mjs';
 import InstallDirective from './packages/directives/index.mjs';
-export { i18n, t, use } from './packages/locale/index.mjs';
+import { use } from './packages/locale/index.mjs';
+export { i18n, langKey, onLangChange, t } from './packages/locale/index.mjs';
+import cnTouchvueLocale from './packages/locale/lang/zh-CN.mjs';
+import enTouchvueLocale from './packages/locale/lang/en-US.mjs';
 import { getEm, setMedia, getMedia, setRatio } from './packages/utils/ratio.mjs';
 export { commitTouchReport } from './packages/utils/ratio.mjs';
 export { default as vAlign } from './packages/directives/align/src/align.mjs';
@@ -10,15 +13,13 @@ export { default as vLoading } from './packages/directives/loading/src/loading.m
 export { default as vSize } from './packages/directives/size/src/size.mjs';
 export { default as vTip } from './packages/directives/tip/src/tip.mjs';
 export { vHide } from './packages/directives/hide/src/hide.mjs';
+export { vPress } from './packages/directives/press/src/press.mjs';
 export { ToButton } from './packages/components/button/index.mjs';
 export { ToIcon } from './packages/components/icon/index.mjs';
-export { default as Icon } from './packages/components/icon/src/icon.vue2.mjs';
-export { articleProps } from './packages/components/article/src/article.mjs';
-export { ToArticle } from './packages/components/article/index.mjs';
-export { default as Article } from './packages/components/article/src/article.vue2.mjs';
+export { default as Icon } from './packages/components/icon/src/icon.vue.mjs';
 export { boxProps } from './packages/components/box/src/box.mjs';
 export { ToBox } from './packages/components/box/index.mjs';
-export { default as Box } from './packages/components/box/src/box.vue2.mjs';
+export { default as Box } from './packages/components/box/src/box.vue.mjs';
 export { ToSelect } from './packages/components/select/index.mjs';
 export { ToCalendar } from './packages/components/calendar/index.mjs';
 export { ToGap } from './packages/components/gap/index.mjs';
@@ -26,17 +27,17 @@ export { ToForm, ToFormItem } from './packages/components/form/index.mjs';
 export { ToGrid, ToGridItem } from './packages/components/grid/index.mjs';
 export { ToHeader } from './packages/components/header/index.mjs';
 export { ToInput } from './packages/components/input/index.mjs';
-export { ToLine } from './packages/components/line/index.mjs';
+export { ToDivider } from './packages/components/divider/index.mjs';
 export { $msg, ToMsg } from './packages/components/msg/index.mjs';
 export { ToPadding } from './packages/components/padding/index.mjs';
 export { ToPage } from './packages/components/page/index.mjs';
-export { ToCard } from './packages/components/card/index.mjs';
 export { ToCheckbox } from './packages/components/checkbox/index.mjs';
 export { ToCheckboxes } from './packages/components/checkboxes/index.mjs';
 export { centerScrollEmits, centerScrollProps } from './packages/components/center-scroll/src/center-scroll.mjs';
 export { ToCenterScroll } from './packages/components/center-scroll/index.mjs';
 export { addZero, formatDateFunc, getDateFromValueFunc, getDateStrFromMatch, useDatePicker } from './packages/components/datepicker/src/use-date-picker.mjs';
 export { ToDatePicker } from './packages/components/datepicker/index.mjs';
+export { ToDateRange } from './packages/components/daterange/index.mjs';
 export { ToSwitch } from './packages/components/switch/index.mjs';
 export { ToTab, ToTabItem } from './packages/components/tab/index.mjs';
 export { ToTable, ToTableBody, ToTableConfig, ToTableHead } from './packages/components/table/index.mjs';
@@ -62,7 +63,6 @@ export { progressProps } from './packages/components/progress/src/progress.mjs';
 export { ToProgress } from './packages/components/progress/index.mjs';
 export { scrollProps } from './packages/components/scroll/src/scroll.mjs';
 export { ToScroll, ToScrollPoint } from './packages/components/scroll/index.mjs';
-export { ToSubmit } from './packages/components/submit/index.mjs';
 export { ToSlide } from './packages/components/slide/index.mjs';
 export { ToBreadcrumb, ToBreadcrumbItem } from './packages/components/breadcrumb/index.mjs';
 export { ToTree, ToTreeItem } from './packages/components/tree/index.mjs';
@@ -73,13 +73,16 @@ export { ToRange } from './packages/components/range/index.mjs';
 export { ToGuider } from './packages/components/guider/index.mjs';
 export { ToTransfer } from './packages/components/transfer/index.mjs';
 export { ToUpload } from './packages/components/upload/index.mjs';
+export { ToImport } from './packages/components/import/index.mjs';
+export { ToExport } from './packages/components/export/index.mjs';
+export { ToRate } from './packages/components/rate/index.mjs';
 export { ToStep } from './packages/components/step/index.mjs';
 export { md5 } from './packages/utils/md5.mjs';
 export { isArray, isBoolean, isDateObj, isDefined, isFunction, isHtmlElement, isNumber, isNumeric, isObject, isPromise, isString, isUndefined, withInstall, withInstallFunction } from './packages/utils/types.mjs';
 export { getComponentConfig, useGlobalConfig } from './packages/utils/config.mjs';
 export { addClass, getDataSet, getEventPath, getScrollContainer, getStyle, hasClass, isInContainer, isScroll, off, on, once, queryVm, removeClass, setStyle } from './packages/utils/dom.mjs';
 export { arrayEquals, arrayFind, arrayFindIndex, autoprefixer, capitalize, coerceTruthyValueToArray, deepClone, escapeRegexpString, generateId, generateUUID, getPropByPath, getValueByPath, hasOwn, isEmpty, isEqual, isipadOS, kebabCase, looseEqual, noop, objToArray, rafThrottle, removeElement, rsaEncryptByPublicKey, toObject, trim, valueEquals } from './packages/utils/util.mjs';
-export { isAnyDate, isDate, isDatetime, isMonth, matchFormat } from './packages/utils/date.mjs';
+export { format, isAnyDate, isDate, isDatetime, isMonth, matchFormat } from './packages/utils/date.mjs';
 export { handleBeforeChange } from './packages/utils/beforeChange.mjs';
 export { ajax } from './packages/utils/ajax.mjs';
 export { fileAjax } from './packages/utils/fileAjax.mjs';
@@ -91,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 = {};
@@ -104,7 +107,16 @@ const install = (app, options = {}) => {
     ...defaultOptions,
     ...options
   };
-  app.config.globalProperties.$hello = () => console.log("Hello from plugin!");
+  const lang = options.lang || "zh-CN";
+  let localeModule;
+  if (lang === "en-US") {
+    localeModule = enTouchvueLocale;
+  } else if (lang === "zh-CN") {
+    localeModule = cnTouchvueLocale;
+  } else {
+    localeModule = cnTouchvueLocale;
+  }
+  use(localeModule);
   app.config.globalProperties.$getEm = getEm;
   app.config.globalProperties.$setMedia = setMedia;
   app.config.globalProperties.$getMedia = getMedia;
@@ -113,15 +125,16 @@ const install = (app, options = {}) => {
   app.config.globalProperties.$pad = media === "pad";
   app.config.globalProperties.$pc = media === "pc";
   app.config.globalProperties.$TouchUI = {
-    zIndex: globalOptions.zIndex || 2e3
+    zIndex: globalOptions.zIndex || 2e3,
     // 全局zIndex基数
+    input: globalOptions.input || {},
+    select: globalOptions.select || {}
   };
   window.$TouchUI = {
     zIndex: 2e3
   };
   setMedia(options);
   setRatio(options);
-  console.log(index);
   Object.values(index).forEach((component) => {
     if (component && typeof component === "object" && "install" in component && typeof component.install === "function") {
       app.use(component);
@@ -130,5 +143,5 @@ const install = (app, options = {}) => {
   InstallDirective.install(app);
 };
 
-export { install as default, defaultOptions, getEm, getGlobalOptions, getMedia, globalOptions, setMedia, setRatio };
+export { install as default, defaultOptions, getEm, getGlobalOptions, getMedia, globalOptions, setMedia, setRatio, use };
 //# sourceMappingURL=index.mjs.map

package/es/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","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\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}\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// 将配置注入到应用实例中，可以通过app.config.globalProperties.$TOUCHVUE_CONFIG访问\n\t// 工具\n\tapp.config.globalProperties.$hello = () => console.log('Hello from plugin!')\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}\n\t;(window as any).$TouchUI = {\n\t\tzIndex: 2000,\n\t}\n\t// 初始化\n\tsetMedia(options)\n\tsetRatio(options)\n\n\tconsole.log(TouchVueComponents)\n\n\t// 注册所有组件\n\tObject.values(TouchVueComponents).forEach(component => {\n\t\t// 确保是有效的Vue组件插件\n\t\tif (\n\t\t\tcomponent &&\n\t\t\ttypeof component === 'object' &&\n\t\t\t'install' in component &&\n\t\t\ttypeof component.install === 'function'\n\t\t) {\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":["TouchVueComponents"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBO,MAAM,iBAAoC,GAAC;AAGvC,IAAA,aAAA,GAAgB,EAAE,GAAG,cAAe,GAAA;AAGxC,MAAM,mBAAmB,MAAyB;AACxD,EAAO,OAAA,aAAA,CAAA;AACR,EAAA;AAEA,MAAM,OAAU,GAAA,CAAC,GAAU,EAAA,OAAA,GAA6B,EAAO,KAAA;AAE9D,EAAgB,aAAA,GAAA;AAAA,IACf,GAAG,cAAA;AAAA,IACH,GAAG,OAAA;AAAA,GACJ,CAAA;AAIA,EAAA,GAAA,CAAI,OAAO,gBAAiB,CAAA,MAAA,GAAS,MAAM,OAAA,CAAQ,IAAI,oBAAoB,CAAA,CAAA;AAC3E,EAAI,GAAA,CAAA,MAAA,CAAO,iBAAiB,MAAS,GAAA,KAAA,CAAA;AACrC,EAAI,GAAA,CAAA,MAAA,CAAO,iBAAiB,SAAY,GAAA,QAAA,CAAA;AACxC,EAAI,GAAA,CAAA,MAAA,CAAO,iBAAiB,SAAY,GAAA,QAAA,CAAA;AAExC,EAAA,MAAM,QAAQ,QAAS,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,EAAQ,cAAc,MAAU,IAAA,GAAA;AAAA;AAAA,GACjC,CAAA;AACC,EAAC,OAAe,QAAW,GAAA;AAAA,IAC3B,MAAQ,EAAA,GAAA;AAAA,GACT,CAAA;AAEA,EAAA,QAAA,CAAS,OAAO,CAAA,CAAA;AAChB,EAAA,QAAA,CAAS,OAAO,CAAA,CAAA;AAEhB,EAAA,OAAA,CAAQ,IAAIA,KAAkB,CAAA,CAAA;AAG9B,EAAA,MAAA,CAAO,MAAO,CAAAA,KAAkB,CAAE,CAAA,OAAA,CAAQ,CAAa,SAAA,KAAA;AAEtD,IACC,IAAA,SAAA,IACA,OAAO,SAAc,KAAA,QAAA,IACrB,aAAa,SACb,IAAA,OAAO,SAAU,CAAA,OAAA,KAAY,UAC5B,EAAA;AACD,MAAA,GAAA,CAAI,IAAI,SAAgB,CAAA,CAAA;AAAA,KACzB;AAAA,GACA,CAAA,CAAA;AAED,EAAA,gBAAA,CAAiB,QAAQ,GAAG,CAAA,CAAA;AAC7B;;;;"}
+{"version":3,"file":"index.mjs","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":["useTouchvueLocale","TouchVueComponents"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BO,MAAM,iBAAoC,GAAC;AAGvC,IAAA,aAAA,GAAgB,EAAE,GAAG,cAAe,GAAA;AAGxC,MAAM,mBAAmB,MAAyB;AACxD,EAAO,OAAA,aAAA,CAAA;AACR,EAAA;AAEA,MAAM,OAAU,GAAA,CAAC,GAAU,EAAA,OAAA,GAA6B,EAAO,KAAA;AAE9D,EAAgB,aAAA,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,GAAA,gBAAA,CAAA;AAAA,GAChB,MAAA,IAAW,SAAS,OAAS,EAAA;AAC5B,IAAe,YAAA,GAAA,gBAAA,CAAA;AAAA,GACT,MAAA;AAEN,IAAe,YAAA,GAAA,gBAAA,CAAA;AAAA,GAChB;AAEA,EAAAA,GAAA,CAAkB,YAAY,CAAA,CAAA;AAI9B,EAAI,GAAA,CAAA,MAAA,CAAO,iBAAiB,MAAS,GAAA,KAAA,CAAA;AACrC,EAAI,GAAA,CAAA,MAAA,CAAO,iBAAiB,SAAY,GAAA,QAAA,CAAA;AACxC,EAAI,GAAA,CAAA,MAAA,CAAO,iBAAiB,SAAY,GAAA,QAAA,CAAA;AAExC,EAAA,MAAM,QAAQ,QAAS,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,EAAQ,cAAc,MAAU,IAAA,GAAA;AAAA;AAAA,IAChC,KAAA,EAAO,aAAc,CAAA,KAAA,IAAS,EAAC;AAAA,IAC/B,MAAA,EAAQ,aAAc,CAAA,MAAA,IAAU,EAAC;AAAA,GAClC,CAAA;AACC,EAAC,OAAe,QAAW,GAAA;AAAA,IAC3B,MAAQ,EAAA,GAAA;AAAA,GACT,CAAA;AAEA,EAAA,QAAA,CAAS,OAAO,CAAA,CAAA;AAChB,EAAA,QAAA,CAAS,OAAO,CAAA,CAAA;AAGhB,EAAA,MAAA,CAAO,MAAO,CAAAC,KAAkB,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,EAAA,gBAAA,CAAiB,QAAQ,GAAG,CAAA,CAAA;AAC7B;;;;"}

package/es/packages/components/box/index.d.mjs

@@ -0,0 +1,3 @@
+export { default as Box } from './src/box.vue.mjs';
+export { boxProps } from './src/box.mjs';
+//# sourceMappingURL=index.d.mjs.map

package/es/packages/components/box/index.d.mjs.map

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

package/es/packages/components/box/index.mjs

@@ -1,8 +1,8 @@
-import _sfc_main from './src/box.vue2.mjs';
+import Box from './src/box.vue.mjs';
 export { boxProps } from './src/box.mjs';
 import { withInstall } from '../../utils/types.mjs';
 
-const ToBox = withInstall(_sfc_main);
+const ToBox = withInstall(Box);
 
-export { _sfc_main as Box, ToBox };
+export { Box, ToBox };
 //# sourceMappingURL=index.mjs.map

package/es/packages/components/box/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/box/index.ts"],"sourcesContent":["import Box from './src/box.vue';\nimport { SFCWithInstall, withInstall } from '@touchvue/utils';\n\nexport const ToBox: SFCWithInstall<typeof Box> = withInstall(Box);\n\nexport { Box };\nexport * from './src/box';\nexport * from './src/instance';\n"],"names":["Box"],"mappings":";;;;AAGa,MAAA,KAAA,GAAoC,YAAYA,SAAG;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/box/index.ts"],"sourcesContent":["import Box from './src/box.vue';\nimport { SFCWithInstall, withInstall } from '@touchvue/utils';\n\nexport const ToBox: SFCWithInstall<typeof Box> = withInstall(Box);\n\nexport { Box };\nexport * from './src/box';\nexport * from './src/instance';\n"],"names":[],"mappings":";;;;AAGa,MAAA,KAAA,GAAoC,YAAY,GAAG;;;;"}

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

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=box.d.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"box.d.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -1,6 +1,7 @@
 import _sfc_main from './box.vue2.mjs';
+import _export_sfc from '../../../../_virtual/_plugin-vue_export-helper.mjs';
 
+var Box = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "box.vue"]]);
 
-
-export { _sfc_main as default };
+export { Box as default };
 //# sourceMappingURL=box.vue.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"box.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"box.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

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 { defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot, createElementVNode } from 'vue';
+import { getModeClasses } from '../../../hooks/useSetClass.mjs';
 
 const __default__ = defineComponent({
   name: "ToBox"
@@ -15,14 +16,17 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     shadow: { type: Boolean, default: false },
     trigger: { default: "always" },
     clip: { type: Boolean },
-    link: { type: Boolean, default: false }
+    link: { type: Boolean, default: false },
+    width: { default: "" },
+    flex: { type: Boolean, default: false }
   },
   setup(__props) {
+    const elRef = ref(null);
     const props = __props;
     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}`);
@@ -45,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(() => {
@@ -56,6 +95,17 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           obj.height = props.height;
         }
       }
+      if (props.width) {
+        if (!isNaN(Number(props.width))) {
+          obj.width = props.width + "em";
+        } else {
+          if (props.width === "full") {
+            obj.width = "100%";
+          } else {
+            obj.width = props.width;
+          }
+        }
+      }
       const hasUnit = (val) => /[a-z%]+$/i.test(val);
       if (String(props.padding).trim()) {
         const padded = String(props.padding).trim().split(/\s+/).map((val) => {
@@ -79,12 +129,16 @@ 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]),
         style: normalizeStyle(setStyle.value)
       }, [
         renderSlot(_ctx.$slots, "default"),
         createElementVNode("div", { class: "to-box-check" })
-      ], 6);
+      ], 14, ["flex", "role"]);
     };
   }
 });

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 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}\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})\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\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","_normalizeClass","_renderSlot","_createElementVNode"],"mappings":"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"}
+{"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/box/src/instance.d.mjs

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=instance.d.mjs.map

package/es/packages/components/box/src/instance.d.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"instance.d.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/es/packages/components/breadcrumb/index.d.mjs

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=index.d.mjs.map

package/es/packages/components/breadcrumb/index.d.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -3,26 +3,33 @@ import { resolveComponent, openBlock, createElementBlock, createElementVNode, no
 import _export_sfc from '../../../../_virtual/_plugin-vue_export-helper.mjs';
 
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _a, _b, _c;
   const _component_to_icon = resolveComponent("to-icon");
   return openBlock(), createElementBlock("span", { class: "to-breadcrumb-item" }, [
     createElementVNode("span", {
-      class: normalizeClass(["to-breadcrumb-item__inner", _ctx.to ? "is-link" : ""]),
+      class: normalizeClass(["to-breadcrumb-item-label", _ctx.to ? "is-link" : ""]),
       role: "link",
       onClick: _ctx.handleClick
     }, [
       renderSlot(_ctx.$slots, "default")
     ], 10, ["onClick"]),
-    !_ctx.separatorIcon ? (openBlock(), createElementBlock("span", {
-      key: 0,
-      class: "to-breadcrumb-item__separator"
-    }, toDisplayString(_ctx.separator), 1)) : (openBlock(), createBlock(_component_to_icon, {
+    !((_a = _ctx.breadcrumbData) == null ? void 0 : _a.separatorIcon) ? (openBlock(), createElementBlock(
+      "span",
+      {
+        key: 0,
+        class: "to-breadcrumb-item-separator"
+      },
+      toDisplayString((_b = _ctx.breadcrumbData) == null ? void 0 : _b.separator),
+      1
+      /* TEXT */
+    )) : (openBlock(), createBlock(_component_to_icon, {
       key: 1,
-      class: "to-breadcrumb-item__separator",
-      value: _ctx.separatorIcon
+      class: "to-breadcrumb-item-separator",
+      value: (_c = _ctx.breadcrumbData) == null ? void 0 : _c.separatorIcon
     }, null, 8, ["value"]))
   ]);
 }
-var BreadcrumbItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+var BreadcrumbItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "breadcrumb-item.vue"]]);
 
 export { BreadcrumbItem as default };
 //# sourceMappingURL=breadcrumb-item.vue.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb-item.vue.mjs","sources":["../../../../../../packages/components/breadcrumb/src/breadcrumb-item.vue"],"sourcesContent":["<template>\n\t<span class=\"to-breadcrumb-item\">\n\t\t<span\n\t\t\t:class=\"['to-breadcrumb-item__inner', to ? 'is-link' : '']\"\n\t\t\trole=\"link\"\n\t\t\t@click=\"handleClick\"\n\t\t>\n\t\t\t<slot></slot>\n\t\t</span>\n\t\t<span v-if=\"!separatorIcon\" class=\"to-breadcrumb-item__separator\">{{ separator }}</span>\n\t\t<to-icon v-else class=\"to-breadcrumb-item__separator\" :value=\"separatorIcon\"></to-icon>\n\t</span>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, inject, computed, getCurrentInstance } from 'vue'\nimport { breadcrumbItemProps } from './breadcrumb-item'\n\nexport default defineComponent({\n\tname: 'ToBreadcrumbItem',\n\tprops: breadcrumbItemProps,\n\tsetup(props) {\n\t\tconst breadcrumb = inject('breadcrumb', { separator: '/', separatorIcon: '' })\n\t\tconst separator = computed(() => breadcrumb.separator)\n\t\tconst separatorIcon = computed(() => breadcrumb.separatorIcon)\n\n\t\tconst handleClick = () => {\n\t\t\tif (!props.to || !router) return\n\n\t\t\tconst routes = router.resolve(props.to)\n\t\t\tconst routerMethod = props.replace ? router.replace : router.push\n\t\t\trouterMethod(routes.href)\n\t\t}\n\n\t\tconst router = getCurrentInstance()?.appContext.config.globalProperties.$router || undefined\n\n\t\treturn {\n\t\t\tseparator,\n\t\t\tseparatorIcon,\n\t\t\thandleClick,\n\t\t}\n\t},\n})\n</script>\n"],"names":["_resolveComponent","_openBlock","to","_createElementVNode","_normalizeClass","handleClick","separatorIcon","_createElementBlock","_createBlock"],"mappings":";;;;;AACC,EAAA,MAAA,kBAAA,GAAAA,iBAUO,SAVD,CAAA,CAAA;AAEH,EAAA,OAAAC,iDAAqCC,sBAAE,EAAA;AAAA,IAC7BC,mBAAA,MAAA,EAAA;AAAA,MACV,KAAA,EAAKC,eAAEC,CAAW,2BAAA,EAAA,KAAA,EAAA,GAAA,SAAA,GAAA,EAAA,CAAA,CAAA;AAAA,MAAA,IAAA,EAAA,MAAA;AAAA,MAEnB,SAAa,IAAA,CAAA,WAAA;AAAA,KAAA,EAAA;AAAA,MAEDC,UAAAA,CAAa,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA,KAAA,EAAA,EAAA,EAAA,CAAA,SAAA,CAAA,CAAA;AAAA,oCAAQ,EAAA,EAA+BC,mBAAA,MAAA,EAAA;AAAA,MAAA,GAAA,EAAA,CAAA;AAAA;0DACZ,EAAAC,WAAA,CAAA,kBAAA,EAAA;AAAA,MAAE,GAAK,EAAA,CAAA;AAAA,MAAA,KAAA,EAAA,+BAAA;AAAA;;;;;;;;"}
+{"version":3,"file":"breadcrumb-item.vue.mjs","sources":["../../../../../../packages/components/breadcrumb/src/breadcrumb-item.vue"],"sourcesContent":["<template>\n\t<span class=\"to-breadcrumb-item\">\n\t\t<span :class=\"['to-breadcrumb-item-label', to ? 'is-link' : '']\" role=\"link\" @click=\"handleClick\">\n\t\t\t<slot></slot>\n\t\t</span>\n\t\t<span v-if=\"!breadcrumbData?.separatorIcon\" class=\"to-breadcrumb-item-separator\">{{ breadcrumbData?.separator }}</span>\n\t\t<to-icon v-else class=\"to-breadcrumb-item-separator\" :value=\"breadcrumbData?.separatorIcon\"></to-icon>\n\t</span>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, inject, getCurrentInstance } from 'vue'\nimport { breadcrumbItemProps } from './breadcrumb-item'\n\nexport default defineComponent({\n\tname: 'ToBreadcrumbItem',\n\tprops: breadcrumbItemProps,\n\tsetup(props) {\n\t\tconst breadcrumbData = inject('breadcrumb', { separator: '/', separatorIcon: '' })\n\n\t\tconst handleClick = () => {\n\t\t\tif (!props.to || !router) return\n\n\t\t\tconst routes = router.resolve(props.to)\n\t\t\tconst routerMethod = props.replace ? router.replace : router.push\n\t\t\trouterMethod(routes.href)\n\t\t}\n\n\t\tconst router = getCurrentInstance()?.appContext.config.globalProperties.$router || undefined\n\n\t\treturn {\n\t\t\tbreadcrumbData,\n\t\t\thandleClick\n\t\t}\n\t}\n})\n</script>\n"],"names":["_resolveComponent","_openBlock","to","_createElementVNode","_normalizeClass","handleClick","breadcrumbData","_createElementBlock","_createBlock"],"mappings":";;;;;;AACC,EAAA,MAAA,kBAAA,GAAAA,iBAMO,SAND,CAAA,CAAA;AACE,EAAA,OAAAC,iDAAoCC,sBAAE,EAAA;AAAA,IAA+BC,mBAAA,MAAA,EAAA;AAAA,MAAE,KAAA,EAAKC,eAAEC,CAAW,0BAAA,EAAA,KAAA,EAAA,GAAA,SAAA,GAAA,EAAA,CAAA,CAAA;AAAA,MAAA,IAAA,EAAA,MAAA;AAAA,MAC/F,SAAa,IAAA,CAAA,WAAA;AAAA,KAAA,EAAA;AAAA,MAEDC,UAAAA,CAAAA,IAAAA,CAAAA,MAAAA,EAAgB,SAAa,CAAA;AAAA,KAA1C,EAAA,EAAA,EAAA,CAAA,SAAA,CAAA,CAAA;AAAA,IAAkD,GAAA,EAAA,GAAA,IAAA,CAAA,cAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,aAAA,CAAA,IAAAL,WAAA,EAAAM,kBAAA;AAAA,MAAA,MAAA;AAAA,MAA8B;AAAA,QAAA,GAAA,EAAA,CAAA;AAAA;;;;;qBAC5B,EAAAC,WAAA,CAAA,kBAAA,EAAA;AAAA,MAAE,GAAK,EAAA,CAAA;AAAA,MAAA,KAAA,EAAA,8BAAA;AAAA;;;;;;;;"}

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

@@ -1,4 +1,4 @@
-import { defineComponent, inject, computed, getCurrentInstance } from 'vue';
+import { defineComponent, inject, getCurrentInstance } from 'vue';
 import { breadcrumbItemProps } from './breadcrumb-item.mjs';
 
 var _sfc_main = defineComponent({
@@ -6,9 +6,7 @@ var _sfc_main = defineComponent({
   props: breadcrumbItemProps,
   setup(props) {
     var _a;
-    const breadcrumb = inject("breadcrumb", { separator: "/", separatorIcon: "" });
-    const separator = computed(() => breadcrumb.separator);
-    const separatorIcon = computed(() => breadcrumb.separatorIcon);
+    const breadcrumbData = inject("breadcrumb", { separator: "/", separatorIcon: "" });
     const handleClick = () => {
       if (!props.to || !router)
         return;
@@ -18,8 +16,7 @@ var _sfc_main = defineComponent({
     };
     const router = ((_a = getCurrentInstance()) == null ? void 0 : _a.appContext.config.globalProperties.$router) || void 0;
     return {
-      separator,
-      separatorIcon,
+      breadcrumbData,
       handleClick
     };
   }

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

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb-item.vue2.mjs","sources":["../../../../../../packages/components/breadcrumb/src/breadcrumb-item.vue"],"sourcesContent":["<template>\n\t<span class=\"to-breadcrumb-item\">\n\t\t<span\n\t\t\t:class=\"['to-breadcrumb-item__inner', to ? 'is-link' : '']\"\n\t\t\trole=\"link\"\n\t\t\t@click=\"handleClick\"\n\t\t>\n\t\t\t<slot></slot>\n\t\t</span>\n\t\t<span v-if=\"!separatorIcon\" class=\"to-breadcrumb-item__separator\">{{ separator }}</span>\n\t\t<to-icon v-else class=\"to-breadcrumb-item__separator\" :value=\"separatorIcon\"></to-icon>\n\t</span>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, inject, computed, getCurrentInstance } from 'vue'\nimport { breadcrumbItemProps } from './breadcrumb-item'\n\nexport default defineComponent({\n\tname: 'ToBreadcrumbItem',\n\tprops: breadcrumbItemProps,\n\tsetup(props) {\n\t\tconst breadcrumb = inject('breadcrumb', { separator: '/', separatorIcon: '' })\n\t\tconst separator = computed(() => breadcrumb.separator)\n\t\tconst separatorIcon = computed(() => breadcrumb.separatorIcon)\n\n\t\tconst handleClick = () => {\n\t\t\tif (!props.to || !router) return\n\n\t\t\tconst routes = router.resolve(props.to)\n\t\t\tconst routerMethod = props.replace ? router.replace : router.push\n\t\t\trouterMethod(routes.href)\n\t\t}\n\n\t\tconst router = getCurrentInstance()?.appContext.config.globalProperties.$router || undefined\n\n\t\treturn {\n\t\t\tseparator,\n\t\t\tseparatorIcon,\n\t\t\thandleClick,\n\t\t}\n\t},\n})\n</script>\n"],"names":[],"mappings":";;;AAkBA,gBAAe,eAAgB,CAAA;AAAA,EAC9B,IAAM,EAAA,kBAAA;AAAA,EACN,KAAO,EAAA,mBAAA;AAAA,EACP,MAAM,KAAO,EAAA;;AACZ,IAAM,MAAA,UAAA,GAAa,OAAO,YAAc,EAAA,EAAE,WAAW,GAAK,EAAA,aAAA,EAAe,IAAI,CAAA,CAAA;AAC7E,IAAA,MAAM,SAAY,GAAA,QAAA,CAAS,MAAM,UAAA,CAAW,SAAS,CAAA,CAAA;AACrD,IAAA,MAAM,aAAgB,GAAA,QAAA,CAAS,MAAM,UAAA,CAAW,aAAa,CAAA,CAAA;AAE7D,IAAA,MAAM,cAAc,MAAM;AACzB,MAAI,IAAA,CAAC,KAAM,CAAA,EAAA,IAAM,CAAC,MAAA;AAAQ,QAAA,OAAA;AAE1B,MAAA,MAAM,MAAS,GAAA,MAAA,CAAO,OAAQ,CAAA,KAAA,CAAM,EAAE,CAAA,CAAA;AACtC,MAAA,MAAM,YAAe,GAAA,KAAA,CAAM,OAAU,GAAA,MAAA,CAAO,UAAU,MAAO,CAAA,IAAA,CAAA;AAC7D,MAAA,YAAA,CAAa,OAAO,IAAI,CAAA,CAAA;AAAA,KACzB,CAAA;AAEA,IAAA,MAAM,WAAS,EAAmB,GAAA,kBAAA,EAAA,KAAnB,mBAAsB,UAAW,CAAA,MAAA,CAAO,iBAAiB,OAAW,KAAA,KAAA,CAAA,CAAA;AAEnF,IAAO,OAAA;AAAA,MACN,SAAA;AAAA,MACA,aAAA;AAAA,MACA,WAAA;AAAA,KACD,CAAA;AAAA,GACD;AACD,CAAC,CAAA;;;;"}
+{"version":3,"file":"breadcrumb-item.vue2.mjs","sources":["../../../../../../packages/components/breadcrumb/src/breadcrumb-item.vue"],"sourcesContent":["<template>\n\t<span class=\"to-breadcrumb-item\">\n\t\t<span :class=\"['to-breadcrumb-item-label', to ? 'is-link' : '']\" role=\"link\" @click=\"handleClick\">\n\t\t\t<slot></slot>\n\t\t</span>\n\t\t<span v-if=\"!breadcrumbData?.separatorIcon\" class=\"to-breadcrumb-item-separator\">{{ breadcrumbData?.separator }}</span>\n\t\t<to-icon v-else class=\"to-breadcrumb-item-separator\" :value=\"breadcrumbData?.separatorIcon\"></to-icon>\n\t</span>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, inject, getCurrentInstance } from 'vue'\nimport { breadcrumbItemProps } from './breadcrumb-item'\n\nexport default defineComponent({\n\tname: 'ToBreadcrumbItem',\n\tprops: breadcrumbItemProps,\n\tsetup(props) {\n\t\tconst breadcrumbData = inject('breadcrumb', { separator: '/', separatorIcon: '' })\n\n\t\tconst handleClick = () => {\n\t\t\tif (!props.to || !router) return\n\n\t\t\tconst routes = router.resolve(props.to)\n\t\t\tconst routerMethod = props.replace ? router.replace : router.push\n\t\t\trouterMethod(routes.href)\n\t\t}\n\n\t\tconst router = getCurrentInstance()?.appContext.config.globalProperties.$router || undefined\n\n\t\treturn {\n\t\t\tbreadcrumbData,\n\t\t\thandleClick\n\t\t}\n\t}\n})\n</script>\n"],"names":[],"mappings":";;;AAcA,gBAAe,eAAgB,CAAA;AAAA,EAC9B,IAAM,EAAA,kBAAA;AAAA,EACN,KAAO,EAAA,mBAAA;AAAA,EACP,MAAM,KAAO,EAAA;;AACZ,IAAM,MAAA,cAAA,GAAiB,OAAO,YAAc,EAAA,EAAE,WAAW,GAAK,EAAA,aAAA,EAAe,IAAI,CAAA,CAAA;AAEjF,IAAA,MAAM,cAAc,MAAM;AACzB,MAAI,IAAA,CAAC,KAAM,CAAA,EAAA,IAAM,CAAC,MAAA;AAAQ,QAAA,OAAA;AAE1B,MAAA,MAAM,MAAS,GAAA,MAAA,CAAO,OAAQ,CAAA,KAAA,CAAM,EAAE,CAAA,CAAA;AACtC,MAAA,MAAM,YAAe,GAAA,KAAA,CAAM,OAAU,GAAA,MAAA,CAAO,UAAU,MAAO,CAAA,IAAA,CAAA;AAC7D,MAAA,YAAA,CAAa,OAAO,IAAI,CAAA,CAAA;AAAA,KACzB,CAAA;AAEA,IAAA,MAAM,WAAS,EAAmB,GAAA,kBAAA,EAAA,KAAnB,mBAAsB,UAAW,CAAA,MAAA,CAAO,iBAAiB,OAAW,KAAA,KAAA,CAAA,CAAA;AAEnF,IAAO,OAAA;AAAA,MACN,cAAA;AAAA,MACA,WAAA;AAAA,KACD,CAAA;AAAA,GACD;AACD,CAAC,CAAA;;;;"}

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

@@ -19,6 +19,13 @@ const breadcrumbProps = {
   mode: {
     type: String,
     default: "default"
+  },
+  /**
+   * 是否启用 flex 布局
+   */
+  flex: {
+    type: Boolean,
+    default: false
   }
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.mjs","sources":["../../../../../../packages/components/breadcrumb/src/breadcrumb.ts"],"sourcesContent":["import { ExtractPropTypes } from 'vue'\n\nexport const breadcrumbProps = {\n\t/**\n\t * 分隔符\n\t */\n\tseparator: {\n\t\ttype: String,\n\t\tdefault: '/',\n\t},\n\t/**\n\t * 图标分隔符\n\t */\n\tseparatorIcon: {\n\t\ttype: String,\n\t\tdefault: '',\n\t},\n\t/**\n\t * 模式\n\t */\n\tmode: {\n\t\ttype: String,\n\t\tdefault: 'default',\n\t},\n}\n\nexport type BreadcrumbProps = ExtractPropTypes<typeof breadcrumbProps>\n"],"names":[],"mappings":"AAEO,MAAM,eAAkB,GAAA;AAAA;AAAA;AAAA;AAAA,EAI9B,SAAW,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,GAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,aAAe,EAAA;AAAA,IACd,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,SAAA;AAAA,GACV;AACD;;;;"}
+{"version":3,"file":"breadcrumb.mjs","sources":["../../../../../../packages/components/breadcrumb/src/breadcrumb.ts"],"sourcesContent":["import { ExtractPropTypes } from 'vue'\n\nexport const breadcrumbProps = {\n\t/**\n\t * 分隔符\n\t */\n\tseparator: {\n\t\ttype: String,\n\t\tdefault: '/'\n\t},\n\t/**\n\t * 图标分隔符\n\t */\n\tseparatorIcon: {\n\t\ttype: String,\n\t\tdefault: ''\n\t},\n\t/**\n\t * 模式\n\t */\n\tmode: {\n\t\ttype: String,\n\t\tdefault: 'default'\n\t},\n\t/**\n\t * 是否启用 flex 布局\n\t */\n\tflex: {\n\t\ttype: Boolean,\n\t\tdefault: false\n\t}\n}\n\nexport type BreadcrumbProps = ExtractPropTypes<typeof breadcrumbProps>\n"],"names":[],"mappings":"AAEO,MAAM,eAAkB,GAAA;AAAA;AAAA;AAAA;AAAA,EAI9B,SAAW,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,GAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,aAAe,EAAA;AAAA,IACd,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,SAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACL,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACV;AACD;;;;"}