jobsys-explore 4.6.21 → 4.7.0

package/docs/.vuepress/styles/index.scss

@@ -1,7 +1,7 @@
-:root {
-  --content-width: 90%;
-
-}
-
-html {
-}
+:root {
+  --content-width: 90%;
+
+}
+
+html {
+}

package/docs/components/decorator/ExDecorator.md

@@ -1,14 +1,14 @@
-# ExDecorator
-
-> 装饰组件
-
-Version: 1.0.0
-
-## Props
-
-| Prop name | Description | Type           | Values                             | Default |
-| --------- | ----------- | -------------- | ---------------------------------- | ------- |
-| color     | 自定义颜色  | string         | `green`, `blue`, `black`, `orange` | "green" |
-| height    | 高度        | number\|string | -                                  | "auto"  |
-
----
+# ExDecorator
+
+> 装饰组件
+
+Version: 1.0.0
+
+## Props
+
+| Prop name | Description | Type           | Values                             | Default |
+| --------- | ----------- | -------------- | ---------------------------------- | ------- |
+| color     | 自定义颜色  | string         | `green`, `blue`, `black`, `orange` | "green" |
+| height    | 高度        | number\|string | -                                  | "auto"  |
+
+---

package/docs/components/sector/ExSector.md

@@ -1,43 +1,43 @@
-# ExSector
-
-> 块状导航
-
-Version: 1.0.0
-
-## Props
-
-| Prop name | Description | Type           | Values                           | Default |
-| --------- | ----------- | -------------- | -------------------------------- | ------- |
-| color     | 自定义颜色  | string         | `green`, `blue`, `orange`, `red` | "green" |
-| height    | 高度        | number\|string | -                                | "100px" |
-| title     | 标题        | string         | -                                | ""      |
-| subtitle  | 副标题      | string         | -                                | ""      |
-
----
-
-## 示例
-
----
-
-<script setup>
-import { ref, h } from "vue";
-import ExSector from "@components/sector/ExSector.jsx";
-
-</script>
-<div style="width:200px">
-<ExSector title="普通的标题" subtitle="有描述" />
-<ExSector title="有slot的写法" color="blue">
-    <template #subtitle>
-        <view style="color: red">红色</view>与蓝色
-    </template>
-</ExSector>
-</div>
-
-```vue
-<ExSector title="普通的标题" subtitle="有描述" />
-<ExSector title="有slot的写法" color="blue">
-    <template #subtitle>
-        <view style="color: red">红色</view>与蓝色
-    </template>
-</ExSector>
-```
+# ExSector
+
+> 块状导航
+
+Version: 1.0.0
+
+## Props
+
+| Prop name | Description | Type           | Values                           | Default |
+| --------- | ----------- | -------------- | -------------------------------- | ------- |
+| color     | 自定义颜色  | string         | `green`, `blue`, `orange`, `red` | "green" |
+| height    | 高度        | number\|string | -                                | "100px" |
+| title     | 标题        | string         | -                                | ""      |
+| subtitle  | 副标题      | string         | -                                | ""      |
+
+---
+
+## 示例
+
+---
+
+<script setup>
+import { ref, h } from "vue";
+import ExSector from "@components/sector/ExSector.jsx";
+
+</script>
+<div style="width:200px">
+<ExSector title="普通的标题" subtitle="有描述" />
+<ExSector title="有slot的写法" color="blue">
+    <template #subtitle>
+        <view style="color: red">红色</view>与蓝色
+    </template>
+</ExSector>
+</div>
+
+```vue
+<ExSector title="普通的标题" subtitle="有描述" />
+<ExSector title="有slot的写法" color="blue">
+    <template #subtitle>
+        <view style="color: red">红色</view>与蓝色
+    </template>
+</ExSector>
+```

package/docs/index.md

@@ -1,83 +1,83 @@
-# Explore-UI
-
-基于 Vant Vue3 的增强组件
-
-## 安装
-
-使用 `npm`
-
-```bash
-npm i "jobsys-explore"
-```
-
-使用 `yarn`
-
-```bash
-yarn i "jobsys-explore"
-```
-
-使用 `pnpm`
-
-```bash
-pnpm i "jobsys-explore"
-```
-
-> 由于 `explore-ui` 使用了 `rem` 作为单位以适应不同的屏幕尺寸，所以需要在 `Vite` 里进行适配
-
-```bash
-pnpm i -D "postcss-pxtorem"
-```
-
-```js
-//vite.config.js
-
-import pixelToRem from "postcss-pxtorem"
-
-export default defineConfig({
-    css: {
-		postcss: {
-			plugins: [
-				pixelToRem({
-					rootValue({file}) {
-					    //在这里可以根据 file 路径进行判断与定制，默认的 rootValue 是 37.5
-						return 37.5
-					},
-					propList: ["*"],
-				}),
-			],
-		},
-	},
-})
-```
-
-## 示例
-
-引入样式
-
-```js
-//app.js
-import "jobsys-explore/dist/style.css"
-```
-
-```js
-//app.js
-import { createApp } from "vue"
-import Explore from "jobsys-explore"
-
-const app = createApp({
-    setup: () => {}
-})
-
-app.use(Explore).mount("#app")
-```
-
-```vue
-<template>
-   <ExButton type="primary">点兵</ExButton>
-</template>
-<script setup>
-    import { ref } from "vue"
-    
-    const password = ref("")
-</script>
+# Explore-UI
+
+基于 Vant Vue3 的增强组件
+
+## 安装
+
+使用 `npm`
+
+```bash
+npm i "jobsys-explore"
+```
+
+使用 `yarn`
+
+```bash
+yarn i "jobsys-explore"
+```
+
+使用 `pnpm`
+
+```bash
+pnpm i "jobsys-explore"
+```
+
+> 由于 `explore-ui` 使用了 `rem` 作为单位以适应不同的屏幕尺寸，所以需要在 `Vite` 里进行适配
+
+```bash
+pnpm i -D "postcss-pxtorem"
+```
+
+```js
+//vite.config.js
+
+import pixelToRem from "postcss-pxtorem"
+
+export default defineConfig({
+    css: {
+		postcss: {
+			plugins: [
+				pixelToRem({
+					rootValue({file}) {
+					    //在这里可以根据 file 路径进行判断与定制，默认的 rootValue 是 37.5
+						return 37.5
+					},
+					propList: ["*"],
+				}),
+			],
+		},
+	},
+})
+```
+
+## 示例
+
+引入样式
+
+```js
+//app.js
+import "jobsys-explore/dist/style.css"
+```
+
+```js
+//app.js
+import { createApp } from "vue"
+import Explore from "jobsys-explore"
+
+const app = createApp({
+    setup: () => {}
+})
+
+app.use(Explore).mount("#app")
+```
+
+```vue
+<template>
+   <ExButton type="primary">点兵</ExButton>
+</template>
+<script setup>
+    import { ref } from "vue"
+    
+    const password = ref("")
+</script>
 ```

package/hooks/cipher.js

@@ -1,44 +1,44 @@
-import { sm2, sm3, sm4 } from "sm-crypto-v2"
-
-/**
- * 国密 sm2 加密
- * @param msg
- * @param key
- * @param {Object} [cipherMode]
- * @return {Uint8Array}
- */
-export function useSm2Encrypt(msg, key, cipherMode) {
-	return sm2.doEncrypt(msg, key, cipherMode)
-}
-
-/**
- * 国密 sm3 加密
- * @param msg
- * @param {Object} [options]
- * @return {*}
- */
-export function useSm3(msg, options) {
-	return sm3(msg, options) // 杂凑
-}
-
-/**
- * 国密 sm4 加密
- * @param msg
- * @param key
- * @param {Object} [options]
- * @return {Uint8Array}
- */
-export function useSm4Encrypt(msg, key, options) {
-	return sm4.encrypt(msg, key, options)
-}
-
-/**
- * 国密 sm4 解密
- * @param encryptData
- * @param key
- * @param {Object} [options]
- * @return {Uint8Array}
- */
-export function useSm4Decrypt(encryptData, key, options) {
-	return sm4.encrypt(encryptData, key, options)
-}
+import { sm2, sm3, sm4 } from "sm-crypto-v2"
+
+/**
+ * 国密 sm2 加密
+ * @param msg
+ * @param key
+ * @param {Object} [cipherMode]
+ * @return {Uint8Array}
+ */
+export function useSm2Encrypt(msg, key, cipherMode) {
+	return sm2.doEncrypt(msg, key, cipherMode)
+}
+
+/**
+ * 国密 sm3 加密
+ * @param msg
+ * @param {Object} [options]
+ * @return {*}
+ */
+export function useSm3(msg, options) {
+	return sm3(msg, options) // 杂凑
+}
+
+/**
+ * 国密 sm4 加密
+ * @param msg
+ * @param key
+ * @param {Object} [options]
+ * @return {Uint8Array}
+ */
+export function useSm4Encrypt(msg, key, options) {
+	return sm4.encrypt(msg, key, options)
+}
+
+/**
+ * 国密 sm4 解密
+ * @param encryptData
+ * @param key
+ * @param {Object} [options]
+ * @return {Uint8Array}
+ */
+export function useSm4Decrypt(encryptData, key, options) {
+	return sm4.encrypt(encryptData, key, options)
+}

package/hooks/datetime.js

@@ -1,69 +1,69 @@
-import dayjs from "dayjs"
-import { isString } from "lodash-es"
-
-/**
- * 根据格式创建 Dayjs 对象
- * @param {string|number} date
- * @param {string} [format] - 日期格式
- * @return {dayjs.Dayjs}
- */
-export function useDayjs(date, format) {
-	if ((/^\d+$/.test(date) || /^-\d+$/.test(date)) && String(date).length <= 10) {
-		date = parseInt(date + "000")
-	}
-	return format ? dayjs(date, format) : dayjs(date)
-}
-
-/**
- * 格式化日期
- * @param {dayjs.Dayjs|Date} date
- * @param {string} format
- * @return {string}
- */
-export function useDateFormat(date, format) {
-	if (!date) {
-		return ""
-	}
-	if (!dayjs.isDayjs(date)) {
-		date = dayjs(date)
-	}
-
-	return date.format(format || "YYYY-MM-DD HH:mm")
-}
-
-/**
- * 获取日期的 Unix 时间戳
- * @param {dayjs.Dayjs|Date} date
- * @return {number|string}
- */
-export function useDateUnix(date) {
-	if (!date) {
-		return ""
-	}
-	if (!dayjs.isDayjs(date)) {
-		date = dayjs(date)
-	}
-
-	return date.unix()
-}
-
-/**
- * 根据时间戳格式化日期
- * @param timestamp 时间戳
- * @param [format] 日期格式
- * @return {string}
- */
-export function useTimestampFormat(timestamp, format) {
-	if (timestamp && isString(timestamp)) {
-		timestamp = parseInt(timestamp)
-	}
-	if (!timestamp) {
-		return ""
-	}
-
-	if (timestamp < 9999999999) {
-		timestamp *= 1000
-	}
-
-	return useDateFormat(new Date(timestamp), format)
-}
+import dayjs from "dayjs"
+import { isString } from "lodash-es"
+
+/**
+ * 根据格式创建 Dayjs 对象
+ * @param {string|number} date
+ * @param {string} [format] - 日期格式
+ * @return {dayjs.Dayjs}
+ */
+export function useDayjs(date, format) {
+	if ((/^\d+$/.test(date) || /^-\d+$/.test(date)) && String(date).length <= 10) {
+		date = parseInt(date + "000")
+	}
+	return format ? dayjs(date, format) : dayjs(date)
+}
+
+/**
+ * 格式化日期
+ * @param {dayjs.Dayjs|Date} date
+ * @param {string} format
+ * @return {string}
+ */
+export function useDateFormat(date, format) {
+	if (!date) {
+		return ""
+	}
+	if (!dayjs.isDayjs(date)) {
+		date = dayjs(date)
+	}
+
+	return date.format(format || "YYYY-MM-DD HH:mm")
+}
+
+/**
+ * 获取日期的 Unix 时间戳
+ * @param {dayjs.Dayjs|Date} date
+ * @return {number|string}
+ */
+export function useDateUnix(date) {
+	if (!date) {
+		return ""
+	}
+	if (!dayjs.isDayjs(date)) {
+		date = dayjs(date)
+	}
+
+	return date.unix()
+}
+
+/**
+ * 根据时间戳格式化日期
+ * @param timestamp 时间戳
+ * @param [format] 日期格式
+ * @return {string}
+ */
+export function useTimestampFormat(timestamp, format) {
+	if (timestamp && isString(timestamp)) {
+		timestamp = parseInt(timestamp)
+	}
+	if (!timestamp) {
+		return ""
+	}
+
+	if (timestamp < 9999999999) {
+		timestamp *= 1000
+	}
+
+	return useDateFormat(new Date(timestamp), format)
+}