jobsys-explore 4.6.21 → 4.7.0

package/components/search/components/Expand.jsx

@@ -1,77 +1,77 @@
-import { isUndefined } from "lodash-es"
-import { reactive } from "vue"
-import { Button, Collapse, CollapseItem } from "vant"
-import ExGrid from "../../grid/ExGrid.jsx"
-
-const render = (item, queryForm) => {
-	if (isUndefined(item._temp)) {
-		item._temp = reactive({
-			activeNames: item.key,
-		})
-	}
-
-	const toggleChooseOption = (value) => {
-		if (item.expandable === "multiple") {
-			if (!queryForm[item.key] || !queryForm[item.key]?.length) {
-				queryForm[item.key] = [value]
-			} else {
-				const index = queryForm[item.key].indexOf(value)
-				if (index === -1) {
-					queryForm[item.key].push(value)
-				} else {
-					queryForm[item.key].splice(index, 1)
-				}
-			}
-		} else {
-			queryForm[item.key] = queryForm[item.key] === value ? "" : value
-		}
-	}
-
-	const isOptionActive = (value) => {
-		if (item.expandable === "multiple") {
-			return queryForm[item.key]?.includes(value)
-		} else {
-			return queryForm[item.key] === value
-		}
-	}
-
-	const optionElems = () => (
-		<ExGrid columns={3}>
-			{{
-				default: () =>
-					item.options.map((option) => (
-						<Button
-							class={`ex-search__expand-option`}
-							type={`${isOptionActive(option.value) ? "primary" : "default"}`}
-							hairline={true}
-							round={true}
-							size={"small"}
-							onClick={() => toggleChooseOption(option.value)}
-						>
-							{option.text}
-						</Button>
-					)),
-			}}
-		</ExGrid>
-	)
-
-	return (
-		<div class={"ex-search__popup-item ex-search__expand-item"}>
-			<Collapse v-model={item._temp.activeNames} border={false} accordion={true}>
-				{{
-					default: () => (
-						<CollapseItem name={item.key}>
-							{{
-								default: () => <div class={"ex-search__expand-options"}>{optionElems()}</div>,
-								title: () => <span class={"ex-search__expand-title"}>{item.title}</span>,
-								value: () => <span class={"ex-search__expand-trigger"}>展开</span>,
-							}}
-						</CollapseItem>
-					),
-				}}
-			</Collapse>
-		</div>
-	)
-}
-
-export default render
+import { isUndefined } from "lodash-es"
+import { reactive } from "vue"
+import { Button, Collapse, CollapseItem } from "vant"
+import ExGrid from "../../grid/ExGrid.jsx"
+
+const render = (item, queryForm) => {
+	if (isUndefined(item._temp)) {
+		item._temp = reactive({
+			activeNames: item.key,
+		})
+	}
+
+	const toggleChooseOption = (value) => {
+		if (item.expandable === "multiple") {
+			if (!queryForm[item.key] || !queryForm[item.key]?.length) {
+				queryForm[item.key] = [value]
+			} else {
+				const index = queryForm[item.key].indexOf(value)
+				if (index === -1) {
+					queryForm[item.key].push(value)
+				} else {
+					queryForm[item.key].splice(index, 1)
+				}
+			}
+		} else {
+			queryForm[item.key] = queryForm[item.key] === value ? "" : value
+		}
+	}
+
+	const isOptionActive = (value) => {
+		if (item.expandable === "multiple") {
+			return queryForm[item.key]?.includes(value)
+		} else {
+			return queryForm[item.key] === value
+		}
+	}
+
+	const optionElems = () => (
+		<ExGrid columns={3}>
+			{{
+				default: () =>
+					item.options.map((option) => (
+						<Button
+							class={`ex-search__expand-option`}
+							type={`${isOptionActive(option.value) ? "primary" : "default"}`}
+							hairline={true}
+							round={true}
+							size={"small"}
+							onClick={() => toggleChooseOption(option.value)}
+						>
+							{option.text}
+						</Button>
+					)),
+			}}
+		</ExGrid>
+	)
+
+	return (
+		<div class={"ex-search__popup-item ex-search__expand-item"}>
+			<Collapse v-model={item._temp.activeNames} border={false} accordion={true}>
+				{{
+					default: () => (
+						<CollapseItem name={item.key}>
+							{{
+								default: () => <div class={"ex-search__expand-options"}>{optionElems()}</div>,
+								title: () => <span class={"ex-search__expand-title"}>{item.title}</span>,
+								value: () => <span class={"ex-search__expand-trigger"}>展开</span>,
+							}}
+						</CollapseItem>
+					),
+				}}
+			</Collapse>
+		</div>
+	)
+}
+
+export default render

package/components/search/components/Field.jsx

@@ -1,27 +1,27 @@
-import ExSelect from "../../form/ExSelect.jsx"
-import ExDate from "../../form/ExDate.jsx"
-import ExDatetime from "../../form/ExDatetime.jsx"
-import ExField from "../../form/ExField.jsx"
-import ExNumber from "../../form/ExNumber.jsx"
-
-const render = (item, queryForm) => {
-	const fieldElem = () => {
-		const fieldProps = { label: item.title, name: item.key, placeholder: `搜索${item.title}` }
-
-		if (item.type === "select") {
-			return <ExSelect v-model={queryForm[item.key]} clearable={true} options={item.options} {...fieldProps} {...item.inputProps}></ExSelect>
-		} else if (item.type === "date") {
-			return <ExDate v-model={queryForm[item.key]} {...fieldProps} {...item.inputProps}></ExDate>
-		} else if (item.type === "datetime") {
-			return <ExDatetime v-model={queryForm[item.key]} {...fieldProps} {...item.inputProps}></ExDatetime>
-		} else if (item.type === "number") {
-			return <ExNumber v-model={queryForm[item.key]} {...fieldProps} {...item.props}></ExNumber>
-		}
-
-		return <ExField v-model={queryForm[item.key]} {...fieldProps} {...item.inputProps}></ExField>
-	}
-
-	return <div class={"ex-search__popup-item ex-search__field-item"}>{fieldElem()}</div>
-}
-
-export default render
+import ExSelect from "../../form/ExSelect.jsx"
+import ExDate from "../../form/ExDate.jsx"
+import ExDatetime from "../../form/ExDatetime.jsx"
+import ExField from "../../form/ExField.jsx"
+import ExNumber from "../../form/ExNumber.jsx"
+
+const render = (item, queryForm) => {
+	const fieldElem = () => {
+		const fieldProps = { label: item.title, name: item.key, placeholder: `搜索${item.title}` }
+
+		if (item.type === "select") {
+			return <ExSelect v-model={queryForm[item.key]} clearable={true} options={item.options} {...fieldProps} {...item.inputProps}></ExSelect>
+		} else if (item.type === "date") {
+			return <ExDate v-model={queryForm[item.key]} {...fieldProps} {...item.inputProps}></ExDate>
+		} else if (item.type === "datetime") {
+			return <ExDatetime v-model={queryForm[item.key]} {...fieldProps} {...item.inputProps}></ExDatetime>
+		} else if (item.type === "number") {
+			return <ExNumber v-model={queryForm[item.key]} {...fieldProps} {...item.props}></ExNumber>
+		}
+
+		return <ExField v-model={queryForm[item.key]} {...fieldProps} {...item.inputProps}></ExField>
+	}
+
+	return <div class={"ex-search__popup-item ex-search__field-item"}>{fieldElem()}</div>
+}
+
+export default render

package/components/search/components/Quick.jsx

@@ -1,57 +1,57 @@
-import { ref } from "vue"
-import ExSelect from "../../form/ExSelect.jsx"
-import ExCascader from "../../form/ExCascader.jsx"
-import { Icon } from "vant"
-
-const render = (item, queryForm, onSearch) => {
-	const selectRef = ref()
-	const cascadeRef = ref()
-
-	let renderItem
-	if (item.type === "select") {
-		renderItem = (
-			<ExSelect
-				ref={selectRef}
-				v-model={queryForm[item.key]}
-				options={item.options}
-				clearable={true}
-				onChange={onSearch}
-				defaultProps={item.defaultProps}
-			>
-				{() => (
-					<div class={`ex-search__quick-trigger ${queryForm[item.key] ? "active" : ""}`}>
-						<span class={"ex-search__quick-label"}>{selectRef.value?.displayText || item.title}</span>
-						<span class={"ex-search__quick-icon"}>
-							<Icon name={"arrow-down"}></Icon>
-						</span>
-					</div>
-				)}
-			</ExSelect>
-		)
-	} else if (item.type === "cascade") {
-		renderItem = (
-			<ExCascader
-				ref={cascadeRef}
-				v-model={queryForm[item.key]}
-				options={item.options}
-				clearable={true}
-				title={`搜索${item.title}`}
-				onChange={onSearch}
-				defaultProps={item.defaultProps}
-			>
-				{() => (
-					<div class={`ex-search__quick-trigger ${queryForm[item.key]?.length ? "active" : ""}`}>
-						<span class={"ex-search__quick-label"}>{cascadeRef.value?.displayText || item.title}</span>
-						<span class={"ex-search__quick-icon"}>
-							<Icon name={"arrow-down"}></Icon>
-						</span>
-					</div>
-				)}
-			</ExCascader>
-		)
-	}
-
-	return <div class={"ex-search__quick-item"}>{renderItem}</div>
-}
-
-export default render
+import { ref } from "vue"
+import ExSelect from "../../form/ExSelect.jsx"
+import ExCascader from "../../form/ExCascader.jsx"
+import { Icon } from "vant"
+
+const render = (item, queryForm, onSearch) => {
+	const selectRef = ref()
+	const cascadeRef = ref()
+
+	let renderItem
+	if (item.type === "select") {
+		renderItem = (
+			<ExSelect
+				ref={selectRef}
+				v-model={queryForm[item.key]}
+				options={item.options}
+				clearable={true}
+				onChange={onSearch}
+				defaultProps={item.defaultProps}
+			>
+				{() => (
+					<div class={`ex-search__quick-trigger ${queryForm[item.key] ? "active" : ""}`}>
+						<span class={"ex-search__quick-label"}>{selectRef.value?.displayText || item.title}</span>
+						<span class={"ex-search__quick-icon"}>
+							<Icon name={"arrow-down"}></Icon>
+						</span>
+					</div>
+				)}
+			</ExSelect>
+		)
+	} else if (item.type === "cascade") {
+		renderItem = (
+			<ExCascader
+				ref={cascadeRef}
+				v-model={queryForm[item.key]}
+				options={item.options}
+				clearable={true}
+				title={`搜索${item.title}`}
+				onChange={onSearch}
+				defaultProps={item.defaultProps}
+			>
+				{() => (
+					<div class={`ex-search__quick-trigger ${queryForm[item.key]?.length ? "active" : ""}`}>
+						<span class={"ex-search__quick-label"}>{cascadeRef.value?.displayText || item.title}</span>
+						<span class={"ex-search__quick-icon"}>
+							<Icon name={"arrow-down"}></Icon>
+						</span>
+					</div>
+				)}
+			</ExCascader>
+		)
+	}
+
+	return <div class={"ex-search__quick-item"}>{renderItem}</div>
+}
+
+export default render

package/components/search/components/index.js

@@ -1,5 +1,5 @@
-import createExpand from "./Expand.jsx"
-import createQuick from "./Quick.jsx"
-import createField from "./Field.jsx"
-
-export { createExpand, createQuick, createField }
+import createExpand from "./Expand.jsx"
+import createQuick from "./Quick.jsx"
+import createField from "./Field.jsx"
+
+export { createExpand, createQuick, createField }

package/components/search/index.js

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

package/components/search/index.less

@@ -1,119 +1,119 @@
-.ex-search {
-	background: var(--ex-white);
-	
-	.ex-search__quick-bar {
-		padding: var(--van-padding-sm) var(--van-padding-md);
-		
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		
-		.ex-search__quick-container {
-			flex-grow: 1;
-			display: flex;
-			
-			.ex-search__quick-item {
-				margin-right: var(--van-padding-md);
-				
-				.ex-search__quick-trigger {
-					font-size: 12px;
-					font-weight: 400;
-					color: var(--ex-gray-7);
-					display: flex;
-					align-items: center;
-					
-					&.active {
-						color: var(--van-primary-color);
-					}
-					
-					.ex-search__quick-label {
-						max-width: 130px;
-						overflow: hidden;
-						white-space: nowrap;
-						text-overflow: ellipsis;
-						display: inline-block;
-					}
-					
-					.ex-search__quick-icon {
-						margin-left: 2px;
-					}
-					
-					
-				}
-			}
-		}
-		
-		.ex-search__filter {
-			font-size: 12px;
-			font-weight: 400;
-			color: var(--ex-gray-7);
-			width: 50px;
-			text-align: right;
-			flex-shrink: 0;
-		}
-	}
-}
-
-.ex-search-popup {
-	height: 80%;
-	overflow: hidden;
-	
-	.ex-search-popup__header {
-		box-sizing: border-box;
-		padding: var(--van-padding-md);
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		height: 48px;
-	}
-	
-	.ex-search-popup__content {
-		height: calc(100% - 114px);
-		overflow: auto;
-	}
-	
-	
-	.ex-search-popup__footer {
-		padding: var(--van-padding-md);
-		box-sizing: border-box;
-		height: 66px;
-		line-height: 0;
-	}
-	
-	
-	.ex-search__popup-item {
-		margin-bottom: var(--van-padding-md);
-	}
-	
-	.ex-search__field-item {
-		.ex-field {
-			.van-field__label {
-				font-weight: bold;
-			}
-		}
-	}
-	
-	.ex-search__expand-item {
-		
-		.van-collapse-item {
-			.van-cell {
-				&:after {
-					border-bottom: none
-				}
-			}
-		}
-		
-		.ex-search__expand-title {
-			font-weight: bold;
-		}
-		
-		.ex-search__expand-trigger {
-			font-size: 12px;
-		}
-		
-		.ex-search__expand-options {
-			.ex-search__expand-option {
-			}
-		}
-	}
+.ex-search {
+	background: var(--ex-white);
+	
+	.ex-search__quick-bar {
+		padding: var(--van-padding-sm) var(--van-padding-md);
+		
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		
+		.ex-search__quick-container {
+			flex-grow: 1;
+			display: flex;
+			
+			.ex-search__quick-item {
+				margin-right: var(--van-padding-md);
+				
+				.ex-search__quick-trigger {
+					font-size: 12px;
+					font-weight: 400;
+					color: var(--ex-gray-7);
+					display: flex;
+					align-items: center;
+					
+					&.active {
+						color: var(--van-primary-color);
+					}
+					
+					.ex-search__quick-label {
+						max-width: 130px;
+						overflow: hidden;
+						white-space: nowrap;
+						text-overflow: ellipsis;
+						display: inline-block;
+					}
+					
+					.ex-search__quick-icon {
+						margin-left: 2px;
+					}
+					
+					
+				}
+			}
+		}
+		
+		.ex-search__filter {
+			font-size: 12px;
+			font-weight: 400;
+			color: var(--ex-gray-7);
+			width: 50px;
+			text-align: right;
+			flex-shrink: 0;
+		}
+	}
+}
+
+.ex-search-popup {
+	height: 80%;
+	overflow: hidden;
+	
+	.ex-search-popup__header {
+		box-sizing: border-box;
+		padding: var(--van-padding-md);
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		height: 48px;
+	}
+	
+	.ex-search-popup__content {
+		height: calc(100% - 114px);
+		overflow: auto;
+	}
+	
+	
+	.ex-search-popup__footer {
+		padding: var(--van-padding-md);
+		box-sizing: border-box;
+		height: 66px;
+		line-height: 0;
+	}
+	
+	
+	.ex-search__popup-item {
+		margin-bottom: var(--van-padding-md);
+	}
+	
+	.ex-search__field-item {
+		.ex-field {
+			.van-field__label {
+				font-weight: bold;
+			}
+		}
+	}
+	
+	.ex-search__expand-item {
+		
+		.van-collapse-item {
+			.van-cell {
+				&:after {
+					border-bottom: none
+				}
+			}
+		}
+		
+		.ex-search__expand-title {
+			font-weight: bold;
+		}
+		
+		.ex-search__expand-trigger {
+			font-size: 12px;
+		}
+		
+		.ex-search__expand-options {
+			.ex-search__expand-option {
+			}
+		}
+	}
 }

package/components/search/utils.js

@@ -1,30 +1,30 @@
-import { isArray, isDate, isFunction, isUndefined } from "lodash-es"
-import { useAddressFullCode } from "../form/ExAddress.jsx"
-
-/**
- * 初始化搜索表单项默认值
- * @param {FormItemConfig} item
- */
-const initSearchItemDefaultValue = (item) => {
-	let value = ""
-
-	if (!isUndefined(item.defaultValue)) {
-		value = isFunction(item.defaultValue) ? item.defaultValue() : item.defaultValue
-	}
-	if (item.type === "number") {
-		value = value ? Number(value) : 0
-	} else if (item.type === "date" || item.type === "datetime") {
-		value = isDate(value) ? value : null
-	} else if (item.type === "checkbox" || item.type === "cascade") {
-		value = value || []
-	} else if (item.type === "address") {
-		value = value || []
-		if (!isArray(value)) {
-			value = useAddressFullCode(value)
-		}
-	}
-
-	return value
-}
-
-export { initSearchItemDefaultValue }
+import { isArray, isDate, isFunction, isUndefined } from "lodash-es"
+import { useAddressFullCode } from "../form/ExAddress.jsx"
+
+/**
+ * 初始化搜索表单项默认值
+ * @param {FormItemConfig} item
+ */
+const initSearchItemDefaultValue = (item) => {
+	let value = ""
+
+	if (!isUndefined(item.defaultValue)) {
+		value = isFunction(item.defaultValue) ? item.defaultValue() : item.defaultValue
+	}
+	if (item.type === "number") {
+		value = value ? Number(value) : 0
+	} else if (item.type === "date" || item.type === "datetime") {
+		value = isDate(value) ? value : null
+	} else if (item.type === "checkbox" || item.type === "cascade") {
+		value = value || []
+	} else if (item.type === "address") {
+		value = value || []
+		if (!isArray(value)) {
+			value = useAddressFullCode(value)
+		}
+	}
+
+	return value
+}
+
+export { initSearchItemDefaultValue }