tmui-cli 2.0.1 → 2.0.3

package/data/tmui4x/30./347/273/204/344/273/266/345/272/223//350/241/250/345/215/225/347/273/204/344/273/266//345/257/214/346/226/207/346/234/254/347/274/226/350/276/221/345/231/250 xEditor.md"

@@ -0,0 +1,143 @@
+# 富文本编辑器 xEditor
+
+## 介绍
+
+传递正常markdown或者html内容即可,传递markdown时会自动转换为html,如果直接传递html不会转换直接赋值.
+值得注意的是:在微信小程序端它是没有样式高亮显示的.其它平台有样式指示,这是因为受限于微信官方本身就不支持.
+另外我测试发现HBX4.53 sdk ios端的输入框焦点有问题，导致无法设置样式，待官方修复。
+
+## 平台兼容
+
+| Harmony | H5 | andriod | IOS | 小程序 | UTS | UNIAPP-X SDK | version |
+| --- | --- | --- | --- | --- | --- | --- | --- |
+| ☑ | ☑ | ☑️ | ☑️ | ☑️ | ☑️ | 4.76+ | 1.1.18 |
+
+## 文件路径
+
+```ts
+@/uni_modules/tmx-ui/components/x-editor/x-editor.uvue
+```
+
+## 使用
+
+```ts
+<x-editor></x-editor>
+```
+
+## Props 属性
+
+| 名称 | 说明 | 类型 | 默认值 |
+| ------ | ---- | ---- | ---- |
+| width | `窗口宽`<br> | `string` | `'auto'` |
+| height | `窗口高,可以传递所支持的任意单位高.`<br> | `string` | `'350'` |
+| value | `需要渲染的markdow或者html内容。`<br> | `string` | `''` |
+| isHtml | `是否启用纯html渲染。如果你的内容含有特殊字符比如:%,^&%这种不要出现在里面`<br>`此时你启用isHtml会经过数据处理直接跳过插件,直接赋值内容到html.就不要启用Markdown了.`<br> | `boolean` | `false` |
+| nodeStyle | `富文本的style样式,不可以动态更改.`<br> | `string` | `'line-height:1.6;color:#000'` |
+| nodeDarkStyle | `同上，暗黑时的样式.`<br> | `string` | `'line-height:1.6;color:#fff'` |
+| color | `默认的按钮背景色`<br> | `string` | `'#f5f5f5'` |
+| activeColor | `激活时的选中背景色，空值取全局`<br> | `string` | `''` |
+| customColos | `自定义默认的文字/背景颜色`<br> | `Array` | `() : string[] => ['#ff0000', '#ff00ff', '#00ff00', '#00ffff', '#ffff00', '#ffffff', '#000000'] as string[]` |
+
+
+## Events 事件
+
+| 名称 | 参数 | 说明 |
+| ------ | ---- | ---- |
+| tagClick | `<br>` | 特定的a,img标签被点击触发,小程序不支持,其它平台支持. |
+| init | `-` | 是否初始化成功 |
+| getValue | `-` | 需要通过ref函数调用getHtml才会触发此函数 |
+
+
+## Slots 插槽
+
+| 名称 | 说明 | 数据 |
+| ------ | ---- | ---- |
+| - | - | - |
+
+## Ref 方法
+
+| 名称 | 参数 | 返回值 | 说明 |
+| ------ | ---- | ---- | ---- |
+| getHtml | - | `-` | 获取html内容 * |
+| getSelected | - | `-` | 获取选区 * |
+
+
+## 示例文件路径
+
+```json
+/pages/biaodan/editor
+```
+
+## 示例源码
+
+```vue
+<template>
+	<!-- #ifdef MP-WEIXIN -->
+	<page-meta :page-style="`background-color:${xThemeConfigBgColor}`">
+		<navigation-bar :background-color="xThemeConfigNavBgColor" :front-color="xThemeConfigNavFontColor"></navigation-bar>
+	</page-meta>
+	<!-- #endif -->
+	
+	<x-sheet>
+		<x-editor @getValue="myVale" ref="edite" @tagClick="ontagclick" :value="str" height="450px" ></x-editor>
+		<x-button class="mt-20" @click="appendText" :block="true">追加内容</x-button>
+		<x-button class="mt-20" @click="getHtml" :block="true">获取Html内容</x-button>
+		
+		
+	</x-sheet>
+	<x-sheet>
+		<x-text font-size="18" class=" text-weight-b mb-8">富文本编辑器 xEdite</x-text>
+		<x-text  color="#999999">
+			它允许传入markdown内容和html内容，然后进行编辑，再导出html内容，不支持导出markdown格式。
+			另外由于需要全端兼容，请以微信的编辑器所支持的html标签为准。markdown时，也同样只支持基本的格式，不支持复杂的代码，公式等。
+		</x-text>
+	</x-sheet>
+
+</template>
+
+<script setup lang="ts">
+	type EditorTagClick = {
+		text : string,
+		tag : string,
+		attr : string
+	}
+	const ids = ref(0)
+	const str = ref('# 全局配置\n## 介绍\n *本配置参数会影响整个app风格，请慎重配置，或者根据你的UI/UX设计师指示配置*\n')
+	const edite = ref<XEditorComponentPublicInstance|null>(null)
+	const ontagclick = (detail : EditorTagClick) => {
+		const text = detail == null || detail.attr == null ? '' : detail.attr
+		uni.showToast({
+			title: text,
+			icon: 'none'
+		})
+	}
+
+	const getHtml = () => {
+		edite.value?.getHtml?.()
+	}
+	
+	const myVale = (str:string) => {
+		uni.showModal({
+			title:"内容",
+			content:str,
+			showCancel:false
+		})
+	}
+	
+	const appendText = () => {
+		str.value += '\n辣椒炒肉的热量和营养成分会因配料的比例和烹饪方式有所不同。以下是一个大致的估算，以100克辣椒炒肉为例： \n - **热量**: 约 150-250 千卡 \n - **碳水化合物**: 约 5-10 克 \n - **脂肪**: 约 10-15 克 \n - **蛋白质**: 约 8-12 克 \n 具体数值会根据所使用的肉类（如猪肉、牛肉等）的脂肪含量、辣椒的量、油的使用量以及是否添加其他调料（如酱油、糖）等因素而有所不同。如果你有具体的食材比例，可以更精确地计算这些数值。'
+	}
+
+</script>
+
+<style>
+
+</style>
+
+```
+
+---
+
+## 版权
+
+@2026 tmui4x [https://xui.tmui.design](https://xui.tmui.design)

package/data/tmui4x/30./347/273/204/344/273/266/345/272/223//350/241/250/345/215/225/347/273/204/344/273/266//345/265/214/345/205/245/345/274/217/346/227/245/346/234/237/351/200/211/346/213/251/345/231/250 xDateView.md"

@@ -0,0 +1,135 @@
+# 嵌入式日期选择器 xDateView
+
+## 介绍
+
+内嵌日期选择，可以控制显示精确到秒。默认的开始时间为当前时间的上一年，结束时间为默认当前时间
+使用时，建议不要显示过多年份以防卡太多数据。
+
+## 平台兼容
+
+| Harmony | H5 | andriod | IOS | 小程序 | UTS | UNIAPP-X SDK | version |
+| --- | --- | --- | --- | --- | --- | --- | --- |
+| ☑ | ☑ | ☑️ | ☑️ | ☑️ | ☑️ | 4.76+ | 1.1.18 |
+
+## 文件路径
+
+```ts
+@/uni_modules/tmx-ui/components/x-date-view/x-date-view.uvue
+```
+
+## 使用
+
+```ts
+<x-date-view></x-date-view>
+```
+
+## Props 属性
+
+| 名称 | 说明 | 类型 | 默认值 |
+| ------ | ---- | ---- | ---- |
+| modelValue | `当前时间,与modelStr不同，此提供的值必须是正常的时间格式`<br>`否则报错，无法运行。可以提供以下合法格式：`<br>`YYYY,YYYY-MM,YYYY-MM-DD,YYYY-MM-DD HH,YYYY-MM-DD HH:mm,YYYY-MM-DD HH:mm:ss`<br> | `string` | `""` |
+| modelStr | `当前时间经过format格式化后输出的值。`<br>`此值不会处理输入，只输出显示。`<br> | `string` | `""` |
+| title | `顶部标题`<br> | `string` | `"请选择时间"` |
+| start | `开始时间，请提供正确的时间格式`<br> | `string` | `""` |
+| end | `结束时间，请提供正确的时间格式`<br> | `string` | `""` |
+| type | `精确到的级别`<br>`year:年`<br>`month:年月`<br>`day:年月日`<br>`hour:年月日小时`<br>`minute:年月日小时分钟`<br>`second:年月日小时分钟秒`<br> | `ModelType` | `"day"` |
+| format | `输出时间格式，只对v-model:modelStr有效`<br>`如果桢同步对vmodel:modelValue有效需要设置formatSyncValue为true`<br>`有效格式：`<br>`YYYY年`<br>`MM月`<br>`DD日`<br>`hh小时`<br>`mm分钟`<br>`ss秒`<br> | `string` | `"YYYY-MM-DD"` |
+| formatSyncValue | `是否将format格式化的v-model:modelStr同步到v-model:modelValue`<br>`默认false,注意：如果开启了同步，你要确保format的值是正常的时间值`<br>`正常兼容以下时间格式：`<br>`YYYY,YYYY-MM,YYYY-MM-DD,YYYY-MM-DD HH,YYYY-MM-DD HH:mm,YYYY-MM-DD HH:mm:ss`<br> | `boolean` | `false` |
+| cellUnits | `上方的单位名称,'年', '月', '日', '时', '分', '秒'`<br> | `string[]` | `() : string[] => [] as string[]` |
+
+
+## Events 事件
+
+| 名称 | 参数 | 说明 |
+| ------ | ---- | ---- |
+| change | `date: string<br>` | 滑动变换时触发 |
+| update:modelStr | `-` | 经格式化后的值。等同v-model:model-str |
+| update:modelValue | `-` | - |
+
+
+## Slots 插槽
+
+| 名称 | 说明 | 数据 |
+| ------ | ---- | ---- |
+| - | - | - |
+
+## Ref 方法
+
+| 名称 | 参数 | 返回值 | 说明 |
+| ------ | ---- | ---- | ---- |
+| - | - | - | - |
+
+## 示例文件路径
+
+```json
+/pages/biaodan/picker-date
+```
+
+## 示例源码
+
+```vue
+<template>
+	<!-- #ifdef MP-WEIXIN -->
+	<page-meta :page-style="`background-color:${xThemeConfigBgColor}`">
+		<navigation-bar :background-color="xThemeConfigNavBgColor"
+			:front-color="xThemeConfigNavFontColor"></navigation-bar>
+	</page-meta>
+	<!-- #endif -->
+	<x-sheet>
+		<x-text font-size="18" class=" text-weight-b mb-8">日期选择器 PickerDate</x-text>
+		<x-text color="#999999">日期选择，可以控制显示精确到秒。默认的开始时间为当前时间的上一年，结束时间为默认当前时间</x-text>
+	</x-sheet>
+
+
+	<x-sheet>
+		<x-picker-date v-model="modelValue" :formatSyncValue="true" start="2020-1-1" end="2025-12-5"
+			v-model:model-str="nowVal" type="minute" format="YYYY-MM-DD hh:mm">
+			<template v-slot:default="{label}">
+				<x-button :block="true">打开时间</x-button>
+			</template>
+		</x-picker-date>
+
+		<x-sheet :margin="['0','24','0','0']" color="#f5f5f5" dark-color="#333">
+			<x-text color="#999999">选中的值：{{modelValue}}</x-text>
+			<x-text color="#999999">经format的值：{{nowVal}}</x-text>
+		</x-sheet>
+	</x-sheet>
+	<x-sheet>
+		<x-button skin='thin' :block="true" @click="modelValue = '2024-3-21'">赋值2024-3-21</x-button>
+	</x-sheet>
+
+	<x-sheet>
+		<x-text font-size="18" class=" text-weight-b mb-8">内嵌日期选择器 xDateView</x-text>
+		<x-date-view v-model="modelValue2" start="2020-3-12" end="2025-10-5"></x-date-view>
+	</x-sheet>
+
+	<x-sheet>
+		<x-text font-size="18" class=" text-weight-b">精确到秒</x-text>
+	</x-sheet>
+	<x-sheet>
+		<x-picker-date type="second" v-model="modelValue3" start="2020-1-1" end="2025-12-5">
+			<template v-slot:default="{label}">
+				<x-button :block="true">打开时间</x-button>
+			</template>
+		</x-picker-date>
+	</x-sheet>
+
+</template>
+
+<script setup lang="ts">
+	const nowVal = ref("")
+	const modelValue = ref("2024-10-06 10:10:10")
+	const modelValue2 = ref("2025-4-22 10:10:10")
+	const modelValue3 = ref("2024-10-06 10:10:10")
+</script>
+
+<style lang="scss">
+
+</style>
+```
+
+---
+
+## 版权
+
+@2026 tmui4x [https://xui.tmui.design](https://xui.tmui.design)

package/data/tmui4x/30./347/273/204/344/273/266/345/272/223//350/241/250/345/215/225/347/273/204/344/273/266//345/274/200/345/205/263 xSwitch.md"

@@ -0,0 +1,146 @@
+# 开关 xSwitch
+
+## 介绍
+
+开关，用于直观的展示选项表单的选择。
+
+## 平台兼容
+
+| Harmony | H5 | andriod | IOS | 小程序 | UTS | UNIAPP-X SDK | version |
+| --- | --- | --- | --- | --- | --- | --- | --- |
+| ☑ | ☑ | ☑️ | ☑️ | ☑️ | ☑️ | 4.76+ | 1.1.18 |
+
+## 文件路径
+
+```ts
+@/uni_modules/tmx-ui/components/x-switch/x-switch.uvue
+```
+
+## 使用
+
+```ts
+<x-switch></x-switch>
+```
+
+## Props 属性
+
+| 名称 | 说明 | 类型 | 默认值 |
+| ------ | ---- | ---- | ---- |
+| color | `激活时的背景色,空值时取全局的值。`<br> | `string` | `""` |
+| bgColor | `未激活时的背景`<br> | `string` | `"info"` |
+| darkBgColor | `未激活时的暗黑背景`<br>`空取inputDarkColor`<br> | `string` | `""` |
+| btnColor | `按钮的背景色`<br> | `string` | `"white"` |
+| size | `尺寸`<br> | `union` | `"normal"` |
+| space | `间隙，px单位`<br> | `number` | `2` |
+| modelValue | `当前打开的状态，默认为false`<br>`等同v-model=""`<br> | `boolean` | `false` |
+| disabled | `是否禁用`<br> | `boolean` | `false` |
+| loading | `是否加载中`<br> | `boolean` | `false` |
+| label | `开关文字数组第一个为开，后一个为关`<br> | `Array` | `[] as string[]` |
+| round | `圆角。空值时取全局值。`<br> | `string` | `""` |
+| activeIcon | `激活时的按钮图标，不提供不显示`<br> | `string` | `""` |
+| icon | `未激活时的图标，不提供不显示`<br> | `string` | `""` |
+| beforeChange | `开关时执行执行的异步函数，会返回当前操作的值，如果返回异步Promise<boolean> false,会操作失败`<br>`函数类型为：(val: boolean) => Promise<boolean>`<br> | `xSwitchTypeCallbackType` | `(val:boolean) : Promise<boolean> => {     return Promise.resolve(true) }` |
+
+
+## Events 事件
+
+| 名称 | 参数 | 说明 |
+| ------ | ---- | ---- |
+| change | `status: boolean<br>` | 状态变换时触发。 |
+| click | `status: boolean<br>` | 组件被点击时触发。 |
+| update:modelValue | `-` | 等同v-model="" |
+
+
+## Slots 插槽
+
+| 名称 | 说明 | 数据 |
+| ------ | ---- | ---- |
+| - | - | - |
+
+## Ref 方法
+
+| 名称 | 参数 | 返回值 | 说明 |
+| ------ | ---- | ---- | ---- |
+| - | - | - | - |
+
+## 示例文件路径
+
+```json
+/pages/biaodan/switch
+```
+
+## 示例源码
+
+```vue
+<template>
+	<!-- #ifdef MP-WEIXIN -->
+	<page-meta :page-style="`background-color:${xThemeConfigBgColor}`">
+		<navigation-bar :background-color="xThemeConfigNavBgColor"
+			:front-color="xThemeConfigNavFontColor"></navigation-bar>
+	</page-meta>
+	<!-- #endif -->
+	<x-sheet>
+		<x-text font-size="18" class=" text-weight-b mb-8">开关 Switch</x-text>
+		<x-text color="#999999">样式可全局配置，统一修改风格</x-text>
+	</x-sheet>
+	<x-sheet class="flex flex-row">
+		<x-switch size="small"></x-switch>
+		<x-switch class="mx-16"></x-switch>
+		<x-switch activeIcon="verified-badge-fill" icon="verified-badge-line" @change="onchange" v-model="switchs"
+			size="large"></x-switch>
+	</x-sheet>
+
+	<x-sheet>
+		<x-text font-size="18" class=" text-weight-b">显示内文字</x-text>
+	</x-sheet>
+	<x-sheet class="flex flex-row">
+		<x-switch :label='["开","关"]'></x-switch>
+		<x-switch class="mx-16" :label='["ON","OFF"]'></x-switch>
+	</x-sheet>
+
+	<x-sheet>
+		<x-text font-size="18" class=" text-weight-b">修改颜色</x-text>
+	</x-sheet>
+	<x-sheet class="flex flex-row">
+		<x-switch :modelValue="true" color="danger"></x-switch>
+		<x-switch :modelValue="true" class="mx-16" color="success"></x-switch>
+		<x-switch :modelValue="true" color="error"></x-switch>
+	</x-sheet>
+
+	<x-sheet>
+		<x-text font-size="18" class=" text-weight-b">状态</x-text>
+	</x-sheet>
+	<x-sheet class="flex flex-row">
+		<x-switch :modelValue="true" :disabled="true"></x-switch>
+		<x-switch :modelValue="true" class="mx-16" :loading="true"></x-switch>
+	</x-sheet>
+
+	<x-sheet>
+		<x-text font-size="18" class=" text-weight-b">圆角风格,及修改间隙</x-text>
+	</x-sheet>
+	<x-sheet class="flex flex-row">
+		<x-switch round="4" :space="3"></x-switch>
+		<x-switch round="20" class="mx-16"></x-switch>
+	</x-sheet>
+
+	<view class="py-20"></view>
+
+</template>
+
+<script setup lang="ts">
+	import { ref } from 'vue'
+	const switchs = ref(true)
+	const onchange = (val : boolean) => {
+		console.log(val)
+	}
+</script>
+<style lang="scss">
+
+</style>
+```
+
+---
+
+## 版权
+
+@2026 tmui4x [https://xui.tmui.design](https://xui.tmui.design)