jobsys-explore 4.6.21 → 4.7.0

package/components/button/ExButton.jsx

@@ -1,120 +1,120 @@
-import { defineComponent } from "vue"
-import { Button } from "vant"
-import "./index.less"
-
-/**
- * 主题组件
- * @version 1.0.0
- */
-export default defineComponent({
-	name: "ExButton",
-	props: {
-		/**
-		 * 按钮类型
-		 * @values primary, success, warning, danger
-		 */
-		type: { type: String, default: "default" },
-
-		/**
-		 * 按钮大小
-		 * @values large, normal, small, mini
-		 */
-		size: { type: String, default: "normal" },
-
-		/**
-		 * 失效状态
-		 */
-		disabled: { type: Boolean, default: false },
-
-		/**
-		 * 是否圆形按钮
-		 */
-		round: { type: Boolean, default: true },
-
-		/**
-		 * 是否块状按钮
-		 */
-		block: { type: Boolean, default: true },
-
-		/**
-		 * 按钮标签
-		 */
-		text: { type: String, default: "" },
-
-		/**
-		 * 按钮图标，需要使用
-		 *
-		 */
-		icon: { type: Object, default: null },
-
-		/**
-		 * 按钮图标位置
-		 * @values left, right
-		 */
-		iconPosition: { type: String, default: "left" },
-
-		/**
-		 * 请求状态控制器
-		 * @param {boolean} fetcher.loading 是否加载中
-		 */
-		fetcher: {
-			type: Object,
-			default: () => ({ loading: false }),
-		},
-
-		/**
-		 * [原生配置](https://vant-contrib.gitee.io/vant/#/zh-CN/button)
-		 */
-		buttonProps: {
-			type: Object,
-			default: () => ({}),
-		},
-	},
-	emits: [
-		/**
-		 * @event click
-		 * @param {Event} event 点击事件
-		 */
-		"click",
-	],
-
-	setup(props, { emit, slots }) {
-		const onClick = (e) => {
-			/**
-			 * @event click 点击事件
-			 */
-			emit("click", e)
-		}
-
-		const defaultLabel = () => {
-			return props.text || slots.default?.()
-		}
-
-		const defaultSlot = () => {
-			if (props.icon && props.iconPosition === "left") {
-				return [props.icon, defaultLabel()]
-			} else if (props.icon && props.iconPosition === "right") {
-				return [defaultLabel(), props.icon]
-			}
-			return [defaultLabel()]
-		}
-
-		return () => (
-			<Button
-				class={"ex-button"}
-				loading={props.fetcher.loading}
-				type={props.type}
-				size={props.size}
-				disabled={props.disabled}
-				round={props.round}
-				block={props.block}
-				onClick={onClick}
-				{...props.buttonProps}
-			>
-				{{
-					default: () => defaultSlot(),
-				}}
-			</Button>
-		)
-	},
-})
+import { defineComponent } from "vue"
+import { Button } from "vant"
+import "./index.less"
+
+/**
+ * 主题组件
+ * @version 1.0.0
+ */
+export default defineComponent({
+	name: "ExButton",
+	props: {
+		/**
+		 * 按钮类型
+		 * @values primary, success, warning, danger
+		 */
+		type: { type: String, default: "default" },
+
+		/**
+		 * 按钮大小
+		 * @values large, normal, small, mini
+		 */
+		size: { type: String, default: "normal" },
+
+		/**
+		 * 失效状态
+		 */
+		disabled: { type: Boolean, default: false },
+
+		/**
+		 * 是否圆形按钮
+		 */
+		round: { type: Boolean, default: true },
+
+		/**
+		 * 是否块状按钮
+		 */
+		block: { type: Boolean, default: true },
+
+		/**
+		 * 按钮标签
+		 */
+		text: { type: String, default: "" },
+
+		/**
+		 * 按钮图标，需要使用
+		 *
+		 */
+		icon: { type: Object, default: null },
+
+		/**
+		 * 按钮图标位置
+		 * @values left, right
+		 */
+		iconPosition: { type: String, default: "left" },
+
+		/**
+		 * 请求状态控制器
+		 * @param {boolean} fetcher.loading 是否加载中
+		 */
+		fetcher: {
+			type: Object,
+			default: () => ({ loading: false }),
+		},
+
+		/**
+		 * [原生配置](https://vant-contrib.gitee.io/vant/#/zh-CN/button)
+		 */
+		buttonProps: {
+			type: Object,
+			default: () => ({}),
+		},
+	},
+	emits: [
+		/**
+		 * @event click
+		 * @param {Event} event 点击事件
+		 */
+		"click",
+	],
+
+	setup(props, { emit, slots }) {
+		const onClick = (e) => {
+			/**
+			 * @event click 点击事件
+			 */
+			emit("click", e)
+		}
+
+		const defaultLabel = () => {
+			return props.text || slots.default?.()
+		}
+
+		const defaultSlot = () => {
+			if (props.icon && props.iconPosition === "left") {
+				return [props.icon, defaultLabel()]
+			} else if (props.icon && props.iconPosition === "right") {
+				return [defaultLabel(), props.icon]
+			}
+			return [defaultLabel()]
+		}
+
+		return () => (
+			<Button
+				class={"ex-button"}
+				loading={props.fetcher.loading}
+				type={props.type}
+				size={props.size}
+				disabled={props.disabled}
+				round={props.round}
+				block={props.block}
+				onClick={onClick}
+				{...props.buttonProps}
+			>
+				{{
+					default: () => defaultSlot(),
+				}}
+			</Button>
+		)
+	},
+})

package/components/button/index.js

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

package/components/button/index.less

@@ -1,8 +1,8 @@
-.ex-button {
-	padding: 0 40px;
-}
-
-:root:root {
-	--van-button-normal-font-size: 16px;
-	--van-button-default-height: 48px;
+.ex-button {
+	padding: 0 40px;
+}
+
+:root:root {
+	--van-button-normal-font-size: 16px;
+	--van-button-default-height: 48px;
 }

package/components/decorator/ExDecorator.jsx

@@ -1,31 +1,31 @@
-import { defineComponent } from "vue"
-import "./index.less"
-import { genPixel } from "../../utils/style.js"
-
-/**
- * 装饰组件
- *
- * @version 1.0.0
- */
-export default defineComponent({
-	name: "ExDecorator",
-	props: {
-		/**
-		 * 自定义颜色
-		 * @values green, blue, black, orange
-		 */
-		color: { type: String, default: "green" },
-
-		/**
-		 * 高度
-		 */
-		height: { type: [Number, String], default: "auto" },
-	},
-	setup(props, { slots }) {
-		return () => (
-			<div class={`ex-decorator ex-decorator__${props.color}`} style={{ height: genPixel(props.height) }}>
-				{slots.default?.()}
-			</div>
-		)
-	},
-})
+import { defineComponent } from "vue"
+import "./index.less"
+import { genPixel } from "../../utils/style.js"
+
+/**
+ * 装饰组件
+ *
+ * @version 1.0.0
+ */
+export default defineComponent({
+	name: "ExDecorator",
+	props: {
+		/**
+		 * 自定义颜色
+		 * @values green, blue, black, orange
+		 */
+		color: { type: String, default: "green" },
+
+		/**
+		 * 高度
+		 */
+		height: { type: [Number, String], default: "auto" },
+	},
+	setup(props, { slots }) {
+		return () => (
+			<div class={`ex-decorator ex-decorator__${props.color}`} style={{ height: genPixel(props.height) }}>
+				{slots.default?.()}
+			</div>
+		)
+	},
+})

package/components/decorator/index.js

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

package/components/decorator/index.less

@@ -1,77 +1,77 @@
-.ex-decorator {
-	width: 100%;
-	position: relative;
-	color: var(--van-white);
-	overflow: hidden;
-	
-	&:before {
-		content: " ";
-		position: absolute;
-		top: -30%;
-		right: -20%;
-		width: 60%;
-		padding-bottom: 60%;
-		height: 0;
-		border-radius: 50%;
-	}
-	
-	&:after {
-		content: " ";
-		position: absolute;
-		bottom: -30%;
-		right: -20%;
-		width: 80%;
-		padding-bottom: 80%;
-		height: 0;
-		border-radius: 50%;
-	}
-	
-	&.ex-decorator__green {
-		background: var(--ex-green);
-		
-		&:before {
-			background: linear-gradient(135deg, rgba(77, 209, 198, .33), rgba(79, 211, 200, 0));
-		}
-		
-		&:after {
-			background: linear-gradient(235deg, rgba(77, 209, 198, .33), rgba(79, 211, 200, 0));
-		}
-	}
-	
-	&.ex-decorator__orange {
-		background: var(--ex-orange);
-		
-		&: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, .33), rgba(255, 197, 158, 0));
-		}
-	}
-	
-	
-	&.ex-decorator__blue {
-		background: var(--ex-blue);
-		
-		&: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-decorator__black {
-		background: var(--ex-black);
-		
-		&:before {
-			background: linear-gradient(135deg, rgba(100, 100, 100, 0.33), rgba(100, 100, 100, 0));
-		}
-		
-		&:after {
-			background: linear-gradient(235deg, rgba(100, 100, 100, .33), rgba(100, 100, 100, 0));
-		}
-	}
+.ex-decorator {
+	width: 100%;
+	position: relative;
+	color: var(--van-white);
+	overflow: hidden;
+	
+	&:before {
+		content: " ";
+		position: absolute;
+		top: -30%;
+		right: -20%;
+		width: 60%;
+		padding-bottom: 60%;
+		height: 0;
+		border-radius: 50%;
+	}
+	
+	&:after {
+		content: " ";
+		position: absolute;
+		bottom: -30%;
+		right: -20%;
+		width: 80%;
+		padding-bottom: 80%;
+		height: 0;
+		border-radius: 50%;
+	}
+	
+	&.ex-decorator__green {
+		background: var(--ex-green);
+		
+		&:before {
+			background: linear-gradient(135deg, rgba(77, 209, 198, .33), rgba(79, 211, 200, 0));
+		}
+		
+		&:after {
+			background: linear-gradient(235deg, rgba(77, 209, 198, .33), rgba(79, 211, 200, 0));
+		}
+	}
+	
+	&.ex-decorator__orange {
+		background: var(--ex-orange);
+		
+		&: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, .33), rgba(255, 197, 158, 0));
+		}
+	}
+	
+	
+	&.ex-decorator__blue {
+		background: var(--ex-blue);
+		
+		&: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-decorator__black {
+		background: var(--ex-black);
+		
+		&:before {
+			background: linear-gradient(135deg, rgba(100, 100, 100, 0.33), rgba(100, 100, 100, 0));
+		}
+		
+		&:after {
+			background: linear-gradient(235deg, rgba(100, 100, 100, .33), rgba(100, 100, 100, 0));
+		}
+	}
 }