jobsys-explore 4.6.21 → 4.7.0

package/components/sector/ExSector.jsx

@@ -1,52 +1,52 @@
-import { defineComponent } from "vue"
-import "./index.less"
-import { genPixel } from "../../utils/style"
-
-/**
- * 块状导航
- *
- * @version 1.0.0
- */
-export default defineComponent({
-	name: "ExSector",
-	props: {
-		/**
-		 * 自定义颜色
-		 * @values green, blue, orange, red
-		 */
-		color: { type: String, default: "green" },
-		/**
-		 * 高度
-		 */
-		height: { type: [Number, String], default: "100px" },
-		/**
-		 * 标题
-		 */
-		title: { type: String, default: "" },
-		/**
-		 * 副标题
-		 */
-		subtitle: { type: String, default: "" },
-	},
-	setup(props, { slots }) {
-		const titleElem = () => {
-			if (slots.title || props.title) {
-				return <div class={"ex-sector__title"}>{slots.title?.() || props.title}</div>
-			}
-			return null
-		}
-		const subtitleElem = () => {
-			if (slots.subtitle || props.title) {
-				return <div class={"ex-sector__subtitle"}>{slots.subtitle?.() || props.subtitle}</div>
-			}
-			return null
-		}
-
-		return () => (
-			<div class={`ex-sector ex-sector__${props.color}`} style={{ height: genPixel(props.height) }}>
-				{titleElem()}
-				{subtitleElem()}
-			</div>
-		)
-	},
-})
+import { defineComponent } from "vue"
+import "./index.less"
+import { genPixel } from "../../utils/style"
+
+/**
+ * 块状导航
+ *
+ * @version 1.0.0
+ */
+export default defineComponent({
+	name: "ExSector",
+	props: {
+		/**
+		 * 自定义颜色
+		 * @values green, blue, orange, red
+		 */
+		color: { type: String, default: "green" },
+		/**
+		 * 高度
+		 */
+		height: { type: [Number, String], default: "100px" },
+		/**
+		 * 标题
+		 */
+		title: { type: String, default: "" },
+		/**
+		 * 副标题
+		 */
+		subtitle: { type: String, default: "" },
+	},
+	setup(props, { slots }) {
+		const titleElem = () => {
+			if (slots.title || props.title) {
+				return <div class={"ex-sector__title"}>{slots.title?.() || props.title}</div>
+			}
+			return null
+		}
+		const subtitleElem = () => {
+			if (slots.subtitle || props.title) {
+				return <div class={"ex-sector__subtitle"}>{slots.subtitle?.() || props.subtitle}</div>
+			}
+			return null
+		}
+
+		return () => (
+			<div class={`ex-sector ex-sector__${props.color}`} style={{ height: genPixel(props.height) }}>
+				{titleElem()}
+				{subtitleElem()}
+			</div>
+		)
+	},
+})

package/components/sector/README.md

@@ -1,26 +1,26 @@
-## 示例
-
----
-
-<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>
-```
+## 示例
+
+---
+
+<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/components/sector/index.js

@@ -1,5 +1,5 @@
-import _ExSector from "./ExSector.jsx"
-import withInstall from "../../utils/withInstall"
-
-export const ExSector = withInstall(_ExSector)
-export default ExSector
+import _ExSector from "./ExSector.jsx"
+import withInstall from "../../utils/withInstall"
+
+export const ExSector = withInstall(_ExSector)
+export default ExSector

package/components/sector/index.less

@@ -1,122 +1,122 @@
-.ex-sector {
-	width: 100%;
-	position: relative;
-	color: #ffffff;
-	overflow: hidden;
-	display: flex;
-	flex-direction: column;
-	justify-content: center;
-	align-items: flex-start;
-	border-radius: var(--van-radius-lg, 8px);
-	
-	.ex-sector__title {
-		position: relative;
-		color: rgba(78, 73, 69);
-		font-size: 16px;
-		font-weight: bold;
-		padding: 10px 10px 5px;
-		
-		&::before {
-			content: " ";
-			position: absolute;
-			z-index: 1;
-			left: -5px;
-			top: 13px;
-			width: 10px;
-			height: 17px;
-			border-radius: 5px;
-		}
-	}
-	
-	.ex-sector__subtitle {
-		color: var(--ex-gray-7, #6d6d6d);
-		font-size: 15px;
-		padding: 0 10px 10px;
-	}
-	
-	&:before {
-		content: " ";
-		position: absolute;
-		bottom: 40%;
-		left: 60%;
-		width: 60%;
-		padding-bottom: 60%;
-		height: 0;
-		border-radius: 50%;
-	}
-	
-	&:after {
-		content: " ";
-		position: absolute;
-		top: 50%;
-		right: 35%;
-		width: 80%;
-		padding-bottom: 60%;
-		height: 0;
-		border-radius: 50%;
-	}
-	
-	&.ex-sector__green {
-		background: var(--ex-sector-title-green, rgba(232, 251, 247));
-		
-		&:before {
-			background: linear-gradient(135deg, rgba(77, 209, 198, 0.33), rgba(79, 211, 200, 0));
-		}
-		
-		&:after {
-			background: linear-gradient(255deg, rgba(77, 209, 198, 0.33), rgba(79, 211, 200, 0));
-		}
-		
-		.ex-sector__title::before {
-			background: var(--ex-sector-title-block-green, rgba(84, 216, 186));
-		}
-	}
-	
-	&.ex-sector__orange {
-		background: var(--ex-sector-title-orange, rgba(252, 248, 236));
-		
-		&:before {
-			background: linear-gradient(135deg, rgba(255, 197, 158, 0.33), rgba(255, 197, 158, 0));
-		}
-		
-		&:after {
-			background: linear-gradient(235deg, rgba(255, 197, 158, 0.33), rgba(255, 197, 158, 0));
-		}
-		
-		.ex-sector__title::before {
-			background: var(--ex-sector-title-block-orange, rgba(247, 178, 70));
-		}
-	}
-	
-	&.ex-sector__red {
-		background: var(--ex-sector-title-red, rgba(249, 234, 231));
-		
-		&:before {
-			background: linear-gradient(135deg, rgba(255, 150, 142, 0.33), rgba(255, 197, 158, 0));
-		}
-		
-		&:after {
-			background: linear-gradient(235deg, rgba(255, 150, 142, 0.33), rgba(255, 197, 158, 0));
-		}
-		
-		.ex-sector__title::before {
-			background: var(--ex-sector-title-block-red, rgba(245, 105, 96));
-		}
-	}
-	
-	&.ex-sector__blue {
-		background: var(--ex-sector-title-blue, rgba(241, 245, 254));
-		
-		&:before {
-			background: linear-gradient(135deg, rgba(172, 209, 255, 0.33), rgba(172, 209, 255, 0));
-		}
-		
-		&:after {
-			background: linear-gradient(235deg, rgba(172, 209, 255, 0.33), rgba(172, 209, 255, 0));
-		}
-		
-		.ex-sector__title::before {
-			background: var(--ex-sector-title-block-blue, rgba(124, 165, 250));
-		}
-	}
-}
+.ex-sector {
+	width: 100%;
+	position: relative;
+	color: #ffffff;
+	overflow: hidden;
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	align-items: flex-start;
+	border-radius: var(--van-radius-lg, 8px);
+	
+	.ex-sector__title {
+		position: relative;
+		color: rgba(78, 73, 69);
+		font-size: 16px;
+		font-weight: bold;
+		padding: 10px 10px 5px;
+		
+		&::before {
+			content: " ";
+			position: absolute;
+			z-index: 1;
+			left: -5px;
+			top: 13px;
+			width: 10px;
+			height: 17px;
+			border-radius: 5px;
+		}
+	}
+	
+	.ex-sector__subtitle {
+		color: var(--ex-gray-7, #6d6d6d);
+		font-size: 15px;
+		padding: 0 10px 10px;
+	}
+	
+	&:before {
+		content: " ";
+		position: absolute;
+		bottom: 40%;
+		left: 60%;
+		width: 60%;
+		padding-bottom: 60%;
+		height: 0;
+		border-radius: 50%;
+	}
+	
+	&:after {
+		content: " ";
+		position: absolute;
+		top: 50%;
+		right: 35%;
+		width: 80%;
+		padding-bottom: 60%;
+		height: 0;
+		border-radius: 50%;
+	}
+	
+	&.ex-sector__green {
+		background: var(--ex-sector-title-green, rgba(232, 251, 247));
+		
+		&:before {
+			background: linear-gradient(135deg, rgba(77, 209, 198, 0.33), rgba(79, 211, 200, 0));
+		}
+		
+		&:after {
+			background: linear-gradient(255deg, rgba(77, 209, 198, 0.33), rgba(79, 211, 200, 0));
+		}
+		
+		.ex-sector__title::before {
+			background: var(--ex-sector-title-block-green, rgba(84, 216, 186));
+		}
+	}
+	
+	&.ex-sector__orange {
+		background: var(--ex-sector-title-orange, rgba(252, 248, 236));
+		
+		&:before {
+			background: linear-gradient(135deg, rgba(255, 197, 158, 0.33), rgba(255, 197, 158, 0));
+		}
+		
+		&:after {
+			background: linear-gradient(235deg, rgba(255, 197, 158, 0.33), rgba(255, 197, 158, 0));
+		}
+		
+		.ex-sector__title::before {
+			background: var(--ex-sector-title-block-orange, rgba(247, 178, 70));
+		}
+	}
+	
+	&.ex-sector__red {
+		background: var(--ex-sector-title-red, rgba(249, 234, 231));
+		
+		&:before {
+			background: linear-gradient(135deg, rgba(255, 150, 142, 0.33), rgba(255, 197, 158, 0));
+		}
+		
+		&:after {
+			background: linear-gradient(235deg, rgba(255, 150, 142, 0.33), rgba(255, 197, 158, 0));
+		}
+		
+		.ex-sector__title::before {
+			background: var(--ex-sector-title-block-red, rgba(245, 105, 96));
+		}
+	}
+	
+	&.ex-sector__blue {
+		background: var(--ex-sector-title-blue, rgba(241, 245, 254));
+		
+		&:before {
+			background: linear-gradient(135deg, rgba(172, 209, 255, 0.33), rgba(172, 209, 255, 0));
+		}
+		
+		&:after {
+			background: linear-gradient(235deg, rgba(172, 209, 255, 0.33), rgba(172, 209, 255, 0));
+		}
+		
+		.ex-sector__title::before {
+			background: var(--ex-sector-title-block-blue, rgba(124, 165, 250));
+		}
+	}
+}

package/components/theme/ExTheme.jsx

@@ -1,10 +1,10 @@
-import { defineComponent } from "vue"
-import "./index.less"
-
-/**
- * 主题组件
- * @version 1.0.0
- */
-export default defineComponent({
-	name: "ExTheme",
-})
+import { defineComponent } from "vue"
+import "./index.less"
+
+/**
+ * 主题组件
+ * @version 1.0.0
+ */
+export default defineComponent({
+	name: "ExTheme",
+})

package/components/theme/index.js

@@ -1,4 +1,4 @@
-import _ExTheme from "./ExTheme.jsx"
-import withInstall from "../../utils/withInstall"
-export const ExTheme = withInstall(_ExTheme)
-export default ExTheme
+import _ExTheme from "./ExTheme.jsx"
+import withInstall from "../../utils/withInstall"
+export const ExTheme = withInstall(_ExTheme)
+export default ExTheme

package/components/theme/index.less

@@ -1,99 +1,99 @@
-:root:root {
-	// Color Palette
-	--van-black: #000;
-	--van-white: #fff;
-	--van-gray-1: #f7f8fa;
-	--van-gray-2: #f2f3f5;
-	--van-gray-3: #ebedf0;
-	--van-gray-4: #dcdee0;
-	--van-gray-5: #c8c9cc;
-	--van-gray-6: #969799;
-	--van-gray-7: #646566;
-	--van-gray-8: #323233;
-	--van-red: #ee0a24;
-	--van-blue: #1989fa;
-	--van-orange: #ff976a;
-	--van-orange-dark: #ed6a0c;
-	--van-orange-light: #fffbe8;
-	--van-green: #07c160;
-	
-	--ex-green: #1ea69a;
-	--ex-green-light: #f3f9f8;
-	--ex-orange: #fe862f;
-	--ex-blue: #7ba7ff;
-	--ex-black: rgba(0, 0, 0, 0.85);
-	--ex-white: #FFFFFF;
-	--ex-gray-1: #f7f8fa;
-	--ex-gray-2: #f2f3f5;
-	--ex-gray-3: #ebedf0;
-	--ex-gray-4: #dcdee0;
-	--ex-gray-5: #c8c9cc;
-	--ex-gray-6: #969799;
-	--ex-gray-7: #6D6D6D;
-	--ex-gray-8: rgba(0, 0, 0, 0.25);
-	--ex-gray-9: rgba(0, 0, 0, 0.45);
-	--ex-gray-10: rgba(0, 0, 0, 0.65);
-	
-	--ex-primary-background: #f3f9f8;
-	
-	// Gradient Colors
-	--van-gradient-red: linear-gradient(to right, #ff6034, #ee0a24);
-	--van-gradient-orange: linear-gradient(to right, #ffd01e, #ff8917);
-	
-	// Component Colors
-	--van-primary-color: var(--ex-green);
-	--van-success-color: var(--ex-green);
-	--van-danger-color: var(--van-red);
-	--van-warning-color: var(--ex-orange);
-	--van-info-color: var(--ex-blue);
-	--van-text-color: var(--ex-black);
-	--van-text-color-2: var(--van-gray-6);
-	--van-text-color-3: var(--van-gray-5);
-	--van-active-color: var(--van-gray-2);
-	--van-active-opacity: 0.6;
-	--van-disabled-opacity: 0.5;
-	--van-background: var(--van-gray-1);
-	--van-background-2: var(--van-white);
-	
-	// Padding
-	--van-padding-base: 4px;
-	--van-padding-xs: 8px;
-	--van-padding-sm: 12px;
-	--van-padding-md: 16px;
-	--van-padding-lg: 24px;
-	--van-padding-xl: 32px;
-	
-	// Font
-	--van-font-size-xs: 10px;
-	--van-font-size-sm: 12px;
-	--van-font-size-md: 14px;
-	--van-font-size-lg: 16px;
-	--van-font-bold: 600;
-	--van-line-height-xs: 14px;
-	--van-line-height-sm: 18px;
-	--van-line-height-md: 20px;
-	--van-line-height-lg: 22px;
-	--van-base-font: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica,
-	Segoe UI, Arial, Roboto, 'PingFang SC', 'miui', 'Hiragino Sans GB', 'Microsoft Yahei',
-	sans-serif;
-	--van-price-font: Avenir-Heavy, PingFang SC, Helvetica Neue, Arial, sans-serif;
-	
-	// Animation
-	--van-duration-base: 0.3s;
-	--van-duration-fast: 0.2s;
-	--van-ease-out: ease-out;
-	--van-ease-in: ease-in;
-	
-	// Border
-	--van-border-color: var(--van-gray-3);
-	--van-border-width: 1px;
-	--van-radius-sm: 2px;
-	--van-radius-md: 4px;
-	--van-radius-lg: 8px;
-	--van-radius-max: 999px;
-	
-	//Search
-	--van-search-content-background: var(--ex-primary-background);
-	--van-search-left-icon-color: var(--van-primary-color);
-	
+:root:root {
+	// Color Palette
+	--van-black: #000;
+	--van-white: #fff;
+	--van-gray-1: #f7f8fa;
+	--van-gray-2: #f2f3f5;
+	--van-gray-3: #ebedf0;
+	--van-gray-4: #dcdee0;
+	--van-gray-5: #c8c9cc;
+	--van-gray-6: #969799;
+	--van-gray-7: #646566;
+	--van-gray-8: #323233;
+	--van-red: #ee0a24;
+	--van-blue: #1989fa;
+	--van-orange: #ff976a;
+	--van-orange-dark: #ed6a0c;
+	--van-orange-light: #fffbe8;
+	--van-green: #07c160;
+	
+	--ex-green: #1ea69a;
+	--ex-green-light: #f3f9f8;
+	--ex-orange: #fe862f;
+	--ex-blue: #7ba7ff;
+	--ex-black: rgba(0, 0, 0, 0.85);
+	--ex-white: #FFFFFF;
+	--ex-gray-1: #f7f8fa;
+	--ex-gray-2: #f2f3f5;
+	--ex-gray-3: #ebedf0;
+	--ex-gray-4: #dcdee0;
+	--ex-gray-5: #c8c9cc;
+	--ex-gray-6: #969799;
+	--ex-gray-7: #6D6D6D;
+	--ex-gray-8: rgba(0, 0, 0, 0.25);
+	--ex-gray-9: rgba(0, 0, 0, 0.45);
+	--ex-gray-10: rgba(0, 0, 0, 0.65);
+	
+	--ex-primary-background: #f3f9f8;
+	
+	// Gradient Colors
+	--van-gradient-red: linear-gradient(to right, #ff6034, #ee0a24);
+	--van-gradient-orange: linear-gradient(to right, #ffd01e, #ff8917);
+	
+	// Component Colors
+	--van-primary-color: var(--ex-green);
+	--van-success-color: var(--ex-green);
+	--van-danger-color: var(--van-red);
+	--van-warning-color: var(--ex-orange);
+	--van-info-color: var(--ex-blue);
+	--van-text-color: var(--ex-black);
+	--van-text-color-2: var(--van-gray-6);
+	--van-text-color-3: var(--van-gray-5);
+	--van-active-color: var(--van-gray-2);
+	--van-active-opacity: 0.6;
+	--van-disabled-opacity: 0.5;
+	--van-background: var(--van-gray-1);
+	--van-background-2: var(--van-white);
+	
+	// Padding
+	--van-padding-base: 4px;
+	--van-padding-xs: 8px;
+	--van-padding-sm: 12px;
+	--van-padding-md: 16px;
+	--van-padding-lg: 24px;
+	--van-padding-xl: 32px;
+	
+	// Font
+	--van-font-size-xs: 10px;
+	--van-font-size-sm: 12px;
+	--van-font-size-md: 14px;
+	--van-font-size-lg: 16px;
+	--van-font-bold: 600;
+	--van-line-height-xs: 14px;
+	--van-line-height-sm: 18px;
+	--van-line-height-md: 20px;
+	--van-line-height-lg: 22px;
+	--van-base-font: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica,
+	Segoe UI, Arial, Roboto, 'PingFang SC', 'miui', 'Hiragino Sans GB', 'Microsoft Yahei',
+	sans-serif;
+	--van-price-font: Avenir-Heavy, PingFang SC, Helvetica Neue, Arial, sans-serif;
+	
+	// Animation
+	--van-duration-base: 0.3s;
+	--van-duration-fast: 0.2s;
+	--van-ease-out: ease-out;
+	--van-ease-in: ease-in;
+	
+	// Border
+	--van-border-color: var(--van-gray-3);
+	--van-border-width: 1px;
+	--van-radius-sm: 2px;
+	--van-radius-md: 4px;
+	--van-radius-lg: 8px;
+	--van-radius-max: 999px;
+	
+	//Search
+	--van-search-content-background: var(--ex-primary-background);
+	--van-search-left-icon-color: var(--van-primary-color);
+	
 }