jobsys-explore 4.6.21 → 4.7.0

package/components/form/ExMatrixCheckbox.jsx

@@ -1,99 +1,99 @@
-import { defineComponent, ref, watch } from "vue"
-import { defaultFieldProps, defaultOptionsProps, useOptionTrait } from "../utils"
-import { Checkbox } from "vant"
-import ExField from "./ExField.jsx"
-import { isFunction, pick, remove } from "lodash-es"
-
-/**
- * ExMatrixRadio 矩阵单选
- * @version 1.0.0
- */
-export default defineComponent({
-	name: "ExMatrixRadio",
-	props: {
-		...defaultFieldProps,
-		...defaultOptionsProps,
-
-		/**
-		 * 行标题
-		 */
-		rows: { type: [Array, Function], default: () => [] },
-		modelValue: { type: Object, default: () => ({}) },
-	},
-	emits: ["update:modelValue"],
-	setup(props, { emit, slots }) {
-		const componentValue = ref(props.modelValue)
-
-		watch(
-			() => props.modelValue,
-			() => (componentValue.value = props.modelValue),
-		)
-
-		const options = ref([])
-
-		useOptionTrait(options, props)
-
-		const rows = isFunction(props.rows) ? props.rows() : props.rows
-
-		const onChange = (row, value) => {
-			if (!componentValue.value[row]) {
-				componentValue.value[row] = []
-			}
-			if (componentValue.value[row].includes(value)) {
-				remove(componentValue.value[row], (item) => item === value)
-			} else {
-				componentValue.value[row].push(value)
-			}
-			emit("update:modelValue", componentValue.value)
-		}
-
-		const fieldProps = pick(props, Object.keys(defaultFieldProps))
-
-		return () => (
-			<ExField class={"ex-matrix"} {...fieldProps}>
-				{{
-					...slots,
-					input: () => (
-						<div class={"ex-matrix-container"}>
-							<table>
-								<thead>
-									<tr>
-										<th></th>
-										{options.value.map((item) => (
-											<th>
-												<div class={"ex-matrix-option"}>{item.text}</div>
-											</th>
-										))}
-									</tr>
-								</thead>
-								<tbody>
-									{rows.map((row) => (
-										<tr>
-											<td>
-												<div class={"ex-matrix-row"}>{row}</div>
-											</td>
-											{options.value.map((option) => {
-												const checked = ref(componentValue.value[row]?.includes(option.value))
-												return (
-													<td>
-														<div class={"ex-matrix-option"}>
-															<Checkbox
-																v-model={checked.value}
-																shape={"square"}
-																onClick={() => onChange(row, option.value)}
-															></Checkbox>
-														</div>
-													</td>
-												)
-											})}
-										</tr>
-									))}
-								</tbody>
-							</table>
-						</div>
-					),
-				}}
-			</ExField>
-		)
-	},
-})
+import { defineComponent, ref, watch } from "vue"
+import { defaultFieldProps, defaultOptionsProps, useOptionTrait } from "../utils"
+import { Checkbox } from "vant"
+import ExField from "./ExField.jsx"
+import { isFunction, pick, remove } from "lodash-es"
+
+/**
+ * ExMatrixRadio 矩阵单选
+ * @version 1.0.0
+ */
+export default defineComponent({
+	name: "ExMatrixRadio",
+	props: {
+		...defaultFieldProps,
+		...defaultOptionsProps,
+
+		/**
+		 * 行标题
+		 */
+		rows: { type: [Array, Function], default: () => [] },
+		modelValue: { type: Object, default: () => ({}) },
+	},
+	emits: ["update:modelValue"],
+	setup(props, { emit, slots }) {
+		const componentValue = ref(props.modelValue)
+
+		watch(
+			() => props.modelValue,
+			() => (componentValue.value = props.modelValue),
+		)
+
+		const options = ref([])
+
+		useOptionTrait(options, props)
+
+		const rows = isFunction(props.rows) ? props.rows() : props.rows
+
+		const onChange = (row, value) => {
+			if (!componentValue.value[row]) {
+				componentValue.value[row] = []
+			}
+			if (componentValue.value[row].includes(value)) {
+				remove(componentValue.value[row], (item) => item === value)
+			} else {
+				componentValue.value[row].push(value)
+			}
+			emit("update:modelValue", componentValue.value)
+		}
+
+		const fieldProps = pick(props, Object.keys(defaultFieldProps))
+
+		return () => (
+			<ExField class={"ex-matrix"} {...fieldProps}>
+				{{
+					...slots,
+					input: () => (
+						<div class={"ex-matrix-container"}>
+							<table>
+								<thead>
+									<tr>
+										<th></th>
+										{options.value.map((item) => (
+											<th>
+												<div class={"ex-matrix-option"}>{item.text}</div>
+											</th>
+										))}
+									</tr>
+								</thead>
+								<tbody>
+									{rows.map((row) => (
+										<tr>
+											<td>
+												<div class={"ex-matrix-row"}>{row}</div>
+											</td>
+											{options.value.map((option) => {
+												const checked = ref(componentValue.value[row]?.includes(option.value))
+												return (
+													<td>
+														<div class={"ex-matrix-option"}>
+															<Checkbox
+																v-model={checked.value}
+																shape={"square"}
+																onClick={() => onChange(row, option.value)}
+															></Checkbox>
+														</div>
+													</td>
+												)
+											})}
+										</tr>
+									))}
+								</tbody>
+							</table>
+						</div>
+					),
+				}}
+			</ExField>
+		)
+	},
+})

package/components/form/ExMatrixRadio.jsx

@@ -1,86 +1,86 @@
-import { defineComponent, ref, watch } from "vue"
-import { defaultFieldProps, defaultOptionsProps, useOptionTrait } from "../utils"
-import { Radio, RadioGroup } from "vant"
-import ExField from "./ExField.jsx"
-import { isFunction, pick } from "lodash-es"
-
-/**
- * ExMatrixRadio 矩阵单选
- * @version 1.0.0
- */
-export default defineComponent({
-	name: "ExMatrixRadio",
-	props: {
-		...defaultFieldProps,
-		...defaultOptionsProps,
-
-		/**
-		 * 行标题
-		 */
-		rows: { type: [Array, Function], default: () => [] },
-		modelValue: { type: Object, default: () => ({}) },
-	},
-	emits: ["update:modelValue"],
-	setup(props, { emit, slots }) {
-		const componentValue = ref(props.modelValue)
-
-		watch(
-			() => props.modelValue,
-			() => (componentValue.value = props.modelValue),
-		)
-
-		const options = ref([])
-
-		useOptionTrait(options, props)
-
-		const rows = isFunction(props.rows) ? props.rows() : props.rows
-
-		const onChange = () => {
-			emit("update:modelValue", componentValue.value)
-		}
-
-		const fieldProps = pick(props, Object.keys(defaultFieldProps))
-
-		return () => (
-			<ExField class={"ex-matrix"} {...fieldProps}>
-				{{
-					...slots,
-					input: () => (
-						<div class={"ex-matrix-container"}>
-							<table>
-								<thead>
-									<tr>
-										<th></th>
-										{options.value.map((item) => (
-											<th>
-												<div class={"ex-matrix-option"}>{item.text}</div>
-											</th>
-										))}
-									</tr>
-								</thead>
-								<tbody>
-									{rows.map((row) => (
-										<tr>
-											<td>
-												<div class={"ex-matrix-row"}>{row}</div>
-											</td>
-											{options.value.map((option) => (
-												<td>
-													<div class={"ex-matrix-option"}>
-														<RadioGroup onChange={onChange} v-model={componentValue.value[row]}>
-															{() => <Radio name={option.value}></Radio>}
-														</RadioGroup>
-													</div>
-												</td>
-											))}
-										</tr>
-									))}
-								</tbody>
-							</table>
-						</div>
-					),
-				}}
-			</ExField>
-		)
-	},
-})
+import { defineComponent, ref, watch } from "vue"
+import { defaultFieldProps, defaultOptionsProps, useOptionTrait } from "../utils"
+import { Radio, RadioGroup } from "vant"
+import ExField from "./ExField.jsx"
+import { isFunction, pick } from "lodash-es"
+
+/**
+ * ExMatrixRadio 矩阵单选
+ * @version 1.0.0
+ */
+export default defineComponent({
+	name: "ExMatrixRadio",
+	props: {
+		...defaultFieldProps,
+		...defaultOptionsProps,
+
+		/**
+		 * 行标题
+		 */
+		rows: { type: [Array, Function], default: () => [] },
+		modelValue: { type: Object, default: () => ({}) },
+	},
+	emits: ["update:modelValue"],
+	setup(props, { emit, slots }) {
+		const componentValue = ref(props.modelValue)
+
+		watch(
+			() => props.modelValue,
+			() => (componentValue.value = props.modelValue),
+		)
+
+		const options = ref([])
+
+		useOptionTrait(options, props)
+
+		const rows = isFunction(props.rows) ? props.rows() : props.rows
+
+		const onChange = () => {
+			emit("update:modelValue", componentValue.value)
+		}
+
+		const fieldProps = pick(props, Object.keys(defaultFieldProps))
+
+		return () => (
+			<ExField class={"ex-matrix"} {...fieldProps}>
+				{{
+					...slots,
+					input: () => (
+						<div class={"ex-matrix-container"}>
+							<table>
+								<thead>
+									<tr>
+										<th></th>
+										{options.value.map((item) => (
+											<th>
+												<div class={"ex-matrix-option"}>{item.text}</div>
+											</th>
+										))}
+									</tr>
+								</thead>
+								<tbody>
+									{rows.map((row) => (
+										<tr>
+											<td>
+												<div class={"ex-matrix-row"}>{row}</div>
+											</td>
+											{options.value.map((option) => (
+												<td>
+													<div class={"ex-matrix-option"}>
+														<RadioGroup onChange={onChange} v-model={componentValue.value[row]}>
+															{() => <Radio name={option.value}></Radio>}
+														</RadioGroup>
+													</div>
+												</td>
+											))}
+										</tr>
+									))}
+								</tbody>
+							</table>
+						</div>
+					),
+				}}
+			</ExField>
+		)
+	},
+})

package/components/form/ExMatrixScale.jsx

@@ -1,97 +1,97 @@
-import { defineComponent, ref, watch } from "vue"
-import { defaultFieldProps, defaultOptionsProps, useOptionTrait } from "../utils"
-import { Radio, RadioGroup } from "vant"
-import ExField from "./ExField.jsx"
-import { isFunction, pick } from "lodash-es"
-
-/**
- * ExMatrixScale 矩阵量表
- * @version 1.0.0
- */
-export default defineComponent({
-	name: "ExMatrixScale",
-	props: {
-		...defaultFieldProps,
-		...defaultOptionsProps,
-
-		/**
-		 * 行标题
-		 */
-		rows: { type: [Array, Function], default: () => [] },
-		modelValue: { type: Object, default: () => ({}) },
-	},
-	emits: ["update:modelValue"],
-	setup(props, { emit, slots }) {
-		const componentValue = ref(props.modelValue)
-
-		watch(
-			() => props.modelValue,
-			() => (componentValue.value = props.modelValue),
-		)
-
-		let options = ref([])
-
-		useOptionTrait(options, props)
-
-		const level = props.defaultProps?.level || 5
-
-		if (options.value.length > level) {
-			options.value = options.value.slice(0, level)
-		} else if (options.value.length < level) {
-			//如果选项不及量表等级则补全
-			for (let i = options.value.length; i < level; i += 1) {
-				options.value.push({ text: i + 1, value: i + 1 })
-			}
-		}
-
-		const rows = isFunction(props.rows) ? props.rows() : props.rows
-
-		const onChange = () => {
-			emit("update:modelValue", componentValue.value)
-		}
-
-		const fieldProps = pick(props, Object.keys(defaultFieldProps))
-
-		return () => (
-			<ExField class={"ex-matrix"} {...fieldProps}>
-				{{
-					...slots,
-					input: () => (
-						<div class={"ex-matrix-container"}>
-							<table>
-								<thead>
-									<tr>
-										<th></th>
-										{options.value.map((item) => (
-											<th>
-												<div class={"ex-matrix-option"}>{item.text}</div>
-											</th>
-										))}
-									</tr>
-								</thead>
-								<tbody>
-									{rows.map((row) => (
-										<tr>
-											<td>
-												<div class={"ex-matrix-row"}>{row}</div>
-											</td>
-											{options.value.map((option, index) => (
-												<td>
-													<div class={"ex-matrix-option"}>
-														<RadioGroup onChange={onChange} v-model={componentValue.value[row]}>
-															{() => <Radio name={index + 1}></Radio>}
-														</RadioGroup>
-													</div>
-												</td>
-											))}
-										</tr>
-									))}
-								</tbody>
-							</table>
-						</div>
-					),
-				}}
-			</ExField>
-		)
-	},
-})
+import { defineComponent, ref, watch } from "vue"
+import { defaultFieldProps, defaultOptionsProps, useOptionTrait } from "../utils"
+import { Radio, RadioGroup } from "vant"
+import ExField from "./ExField.jsx"
+import { isFunction, pick } from "lodash-es"
+
+/**
+ * ExMatrixScale 矩阵量表
+ * @version 1.0.0
+ */
+export default defineComponent({
+	name: "ExMatrixScale",
+	props: {
+		...defaultFieldProps,
+		...defaultOptionsProps,
+
+		/**
+		 * 行标题
+		 */
+		rows: { type: [Array, Function], default: () => [] },
+		modelValue: { type: Object, default: () => ({}) },
+	},
+	emits: ["update:modelValue"],
+	setup(props, { emit, slots }) {
+		const componentValue = ref(props.modelValue)
+
+		watch(
+			() => props.modelValue,
+			() => (componentValue.value = props.modelValue),
+		)
+
+		let options = ref([])
+
+		useOptionTrait(options, props)
+
+		const level = props.defaultProps?.level || 5
+
+		if (options.value.length > level) {
+			options.value = options.value.slice(0, level)
+		} else if (options.value.length < level) {
+			//如果选项不及量表等级则补全
+			for (let i = options.value.length; i < level; i += 1) {
+				options.value.push({ text: i + 1, value: i + 1 })
+			}
+		}
+
+		const rows = isFunction(props.rows) ? props.rows() : props.rows
+
+		const onChange = () => {
+			emit("update:modelValue", componentValue.value)
+		}
+
+		const fieldProps = pick(props, Object.keys(defaultFieldProps))
+
+		return () => (
+			<ExField class={"ex-matrix"} {...fieldProps}>
+				{{
+					...slots,
+					input: () => (
+						<div class={"ex-matrix-container"}>
+							<table>
+								<thead>
+									<tr>
+										<th></th>
+										{options.value.map((item) => (
+											<th>
+												<div class={"ex-matrix-option"}>{item.text}</div>
+											</th>
+										))}
+									</tr>
+								</thead>
+								<tbody>
+									{rows.map((row) => (
+										<tr>
+											<td>
+												<div class={"ex-matrix-row"}>{row}</div>
+											</td>
+											{options.value.map((option, index) => (
+												<td>
+													<div class={"ex-matrix-option"}>
+														<RadioGroup onChange={onChange} v-model={componentValue.value[row]}>
+															{() => <Radio name={index + 1}></Radio>}
+														</RadioGroup>
+													</div>
+												</td>
+											))}
+										</tr>
+									))}
+								</tbody>
+							</table>
+						</div>
+					),
+				}}
+			</ExField>
+		)
+	},
+})

package/components/form/ExNumber.jsx

@@ -1,51 +1,51 @@
-import { defineComponent, ref, watch } from "vue"
-import { defaultFieldProps } from "../utils"
-import { Stepper } from "vant"
-import ExField from "./ExField.jsx"
-import { pick } from "lodash-es"
-
-/**
- * ExNumber 数字
- * @version 1.0.0
- */
-export default defineComponent({
-	name: "ExNumber",
-	props: {
-		...defaultFieldProps,
-
-		modelValue: { type: [Number, String], default: null },
-	},
-	emits: ["update:modelValue"],
-	setup(props, { emit, slots }) {
-		const componentValue = ref(props.modelValue)
-
-		watch(
-			() => props.modelValue,
-			() => (componentValue.value = props.modelValue),
-		)
-
-		const onChange = (value) => {
-			emit("update:modelValue", Number(value))
-		}
-
-		const fieldProps = pick(props, Object.keys(defaultFieldProps))
-
-		return () => (
-			<ExField {...fieldProps}>
-				{{
-					...slots,
-					input: () => (
-						<Stepper
-							v-model={componentValue.value}
-							disabled={props.disabled || props.readonly}
-							theme={"round"}
-							buttonSize={22}
-							onChange={onChange}
-							{...props.defaultProps}
-						></Stepper>
-					),
-				}}
-			</ExField>
-		)
-	},
-})
+import { defineComponent, ref, watch } from "vue"
+import { defaultFieldProps } from "../utils"
+import { Stepper } from "vant"
+import ExField from "./ExField.jsx"
+import { pick } from "lodash-es"
+
+/**
+ * ExNumber 数字
+ * @version 1.0.0
+ */
+export default defineComponent({
+	name: "ExNumber",
+	props: {
+		...defaultFieldProps,
+
+		modelValue: { type: [Number, String], default: null },
+	},
+	emits: ["update:modelValue"],
+	setup(props, { emit, slots }) {
+		const componentValue = ref(props.modelValue)
+
+		watch(
+			() => props.modelValue,
+			() => (componentValue.value = props.modelValue),
+		)
+
+		const onChange = (value) => {
+			emit("update:modelValue", Number(value))
+		}
+
+		const fieldProps = pick(props, Object.keys(defaultFieldProps))
+
+		return () => (
+			<ExField {...fieldProps}>
+				{{
+					...slots,
+					input: () => (
+						<Stepper
+							v-model={componentValue.value}
+							disabled={props.disabled || props.readonly}
+							theme={"round"}
+							buttonSize={22}
+							onChange={onChange}
+							{...props.defaultProps}
+						></Stepper>
+					),
+				}}
+			</ExField>
+		)
+	},
+})