jobsys-explore 1.0.1

package/components/search/index.less

@@ -0,0 +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 {
+			}
+		}
+	}
+}

package/components/search/utils.js

@@ -0,0 +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 }

package/components/theme/ExTheme.jsx

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

package/components/theme/index.js

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

package/components/theme/index.less

@@ -0,0 +1,97 @@
+: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-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-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);
+	
+}

package/components/uploader/ExUploader.jsx

@@ -0,0 +1,248 @@
+import { computed, defineComponent, inject, onMounted, reactive, watch } from "vue"
+import { Button, showToast, Uploader } from "vant"
+import { findIndex, isArray, isFunction, pick, random } from "lodash-es"
+import { STATUS, useFetch } from "../../hooks"
+import { EX_UPLOADER } from "../provider/ExProvider.jsx"
+
+/**
+ * ExUploader 文件上传
+ * @version 1.0.0
+ */
+export default defineComponent({
+	name: "ExUploader",
+	props: {
+		modelValue: { type: [Object, Array], default: () => ({}) },
+
+		/**
+		 * 上传文件字段名
+		 */
+		name: { type: String, default: "file" },
+
+		/**
+		 * 接受上传的文件类型, 详见 [input accept Attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#accept)
+		 */
+		accept: { type: String, default: "" },
+
+		/**
+		 * 设置上传的请求头部，IE10 以上有效
+		 */
+		headers: { type: Object, default: () => ({}) },
+
+		/**
+		 * 上传列表的基本样式 text, picture
+		 *
+		 * @values text, picture
+		 */
+		type: { type: String, default: "picture" },
+
+		/**
+		 * 是否禁用
+		 */
+		disabled: { type: Boolean, default: false },
+
+		/**
+		 * 单个文件大小上限，单位为 MB
+		 */
+		maxSize: { type: Number, default: 10 },
+
+		/**
+		 * 上传文件个数上限
+		 */
+		maxNum: { type: Number, default: 1 },
+
+		/**
+		 * 是否支持多选文件
+		 */
+		multiple: { type: Boolean, default: false },
+
+		/**
+		 * 上传文件的服务器地址
+		 */
+		action: { type: String, default: "" },
+
+		/**
+		 * 上传后的数据处理回调
+		 */
+		afterUpload: { type: Function, default: null },
+
+		/**
+		 * 上传时的附加参数
+		 */
+		extraData: { type: Object, default: () => ({}) },
+
+		/**
+		 * 上传按钮文本
+		 */
+		uploadText: { type: String, default: "上传" },
+
+		/**
+		 * 上传区域图标名称或图片链接，等同于 Icon 组件的 name 属性
+		 */
+		uploadIcon: { type: String, default: "photograph" },
+
+		/**
+		 * [原生配置](https://vant-contrib.gitee.io/vant/#/zh-CN/uploader)
+		 */
+		uploaderProps: {
+			type: Object,
+			default: () => ({}),
+		},
+	},
+	emits: ["update:modelValue", "success", "change"],
+	setup(props, { emit, slots }) {
+		const uploaderProvider = inject(EX_UPLOADER, () => ({}))
+		const defaultUploadUrl = uploaderProvider.uploadUrl || ""
+		const defaultFileItem = uploaderProvider.defaultFileItem || {}
+
+		const { url: urlKey, path: pathKey } = defaultFileItem
+
+		const state = reactive({
+			fileList: [],
+		})
+
+		const maxSize = computed(() => props.maxSize * 1024 * 1024)
+
+		const isImage = computed(() => props.type === "picture")
+
+		const isSingle = computed(() => props.maxNum === 1)
+
+		const prepareFileList = (fileList) => {
+			if (!fileList) {
+				return []
+			}
+
+			fileList = isArray(fileList) ? fileList : [fileList]
+
+			fileList = fileList
+				.filter((item) => item[urlKey] || item[pathKey])
+				.map((item) => ({
+					uid: random(1, 10000000),
+					url: item[urlKey],
+					status: "done",
+					isImage: isImage.value,
+					...item,
+				}))
+
+			return fileList
+		}
+
+		onMounted(() => {
+			state.fileList = prepareFileList(props.modelValue)
+		})
+
+		watch(
+			() => props.modelValue,
+			(fileList) => {
+				state.fileList = prepareFileList(fileList)
+			},
+		)
+
+		const onOversize = () => {
+			showToast(`文件大小不能超过 ${props.maxSize}mb`)
+		}
+
+		const getModelValue = () => {
+			const fileList = state.fileList.filter((item) => item.status === "done")
+			if (isSingle.value) {
+				return fileList[0] || {}
+			}
+
+			return fileList || []
+		}
+
+		const onSuccess = (file, result) => {
+			file.status = "done"
+			file.message = "上传成功"
+			file = { ...file, ...pick(result, Object.keys(defaultFileItem)) }
+
+			const fileIndex = findIndex(state.fileList, { uid: file.uid })
+
+			state.fileList[fileIndex] = file
+
+			emit("update:modelValue", getModelValue())
+			emit("change", getModelValue())
+
+			emit("success", { file, response: result })
+		}
+
+		const onError = (file, result) => {
+			file.status = "failed"
+			file.message = result || "上传失败"
+		}
+
+		const onDelete = (file) => {
+			const fileIndex = findIndex(state.fileList, { uid: file.uid })
+
+			if (fileIndex > -1) {
+				state.fileList.splice(fileIndex, 1)
+
+				emit("update:modelValue", getModelValue())
+				emit("change", getModelValue())
+			}
+		}
+
+		const onSubmit = async (file) => {
+			file.uid = random(1, 10000000)
+			file.status = "uploading"
+			file.message = "上传中..."
+
+			const formData = new FormData()
+			Object.keys(props.extraData).forEach((key) => {
+				formData.append(key, props.extraData[key])
+			})
+
+			formData.append(props.name, file)
+
+			try {
+				let res = await useFetch().post(props.action || defaultUploadUrl, formData, {
+					withCredentials: true,
+					headers: props.headers,
+				})
+
+				let result = res.result
+
+				if (res.status !== STATUS.STATE_CODE_SUCCESS) {
+					onError(file, result)
+				}
+
+				if (props.afterUpload && isFunction(props.afterUpload)) {
+					result = props.afterUpload(res)
+				}
+
+				onSuccess(file, result)
+			} catch (e) {
+				onError(file)
+			}
+		}
+
+		const customSlot = () => {
+			if (!isImage.value) {
+				slots.default = () => (
+					<Button icon="plus" type="primary" size={"small"}>
+						{props.uploadText}
+					</Button>
+				)
+			}
+			return slots
+		}
+
+		return () => (
+			<div class={"ex-uploader"}>
+				<Uploader
+					v-model={state.fileList}
+					maxCount={props.maxNum}
+					maxSize={maxSize.value}
+					accetp={props.accept}
+					uploadText={props.uploadText}
+					uploadIcon={props.uploadIcon}
+					afterRead={onSubmit}
+					onOversize={onOversize}
+					onDelete={onDelete}
+					{...props.uploaderProps}
+				>
+					{customSlot()}
+				</Uploader>
+			</div>
+		)
+	},
+})

package/components/uploader/index.js

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

package/components/utils.js

@@ -0,0 +1,150 @@
+import { isFunction, isString } from "lodash-es"
+import { watch } from "vue"
+import { useFetch } from "../hooks"
+
+/**
+ * 通用 field props
+ */
+export const defaultFieldProps = {
+	/**
+	 * 输入框左侧文本
+	 */
+	label: { type: String, default: "" },
+
+	/**
+	 * 名称，作为提交表单时的标识符
+	 */
+	name: { type: String, default: "" },
+
+	/**
+	 * 输入框占位提示文字
+	 */
+	placeholder: { type: String, default: "请填写" },
+
+	/**
+	 * 提示文案
+	 */
+	help: { type: String, default: "" },
+
+	/**
+	 * 是否禁用输入框
+	 */
+	disabled: { type: Boolean, default: false },
+
+	/**
+	 * 是否显示表单必填星号
+	 */
+	required: { type: Boolean, default: false },
+
+	/**
+	 * 是否展示右侧箭头并开启点击反馈
+	 */
+	isLink: { type: Boolean, default: false },
+
+	/**
+	 * 是否为只读状态，只读状态下无法输入内容
+	 */
+	readonly: { type: Boolean, default: false },
+
+	/**
+	 * 表单校验规则
+	 */
+	rules: { type: Array, default: null },
+
+	/**
+	 * 原生 [Field 配置](https://vant-contrib.gitee.io/vant/#/zh-CN/field)
+	 */
+	fieldProps: { type: Object, default: () => ({}) },
+}
+
+/**
+ * 原生 Field 的 slots
+ * 用于从组合组件中挑选
+ */
+export const defaultFieldSlots = {
+	label: () => null,
+	input: () => null,
+	leftIcon: () => null,
+	rightIcon: () => null,
+	button: () => null,
+	errorMessage: () => null,
+	extra: () => null,
+}
+
+/**
+ * 通用的 options props
+ */
+export const defaultOptionsProps = {
+	/**
+	 * 选项
+	 */
+	options: { type: [Array, Function], default: () => [] },
+
+	/**
+	 * 选项 url
+	 */
+	url: { type: String, default: null },
+
+	/**
+	 * 选项获取后的回调
+	 */
+	afterFetched: { type: Function, default: null },
+}
+
+/**
+ * Prepare options for select
+ *
+ * @param options
+ * @return {Array}
+ */
+export const prepareOptions = (options) => {
+	options = isFunction(options) ? options() : options
+	options = options.map((op) => {
+		if (op.children?.length) {
+			op.children = prepareOptions(op.children)
+		}
+		return isString(op) ? { value: op, label: op, text: op } : { text: op.label, ...op }
+	})
+	return options
+}
+
+/**
+ * 初始化选项
+ * @param options
+ * @param props
+ * @param {Array|Function} [defaultOptions]
+ *
+ * @return void
+ */
+export const useOptionTrait = async (options, props, defaultOptions) => {
+	options.value = prepareOptions(props.options)
+
+	const fetchData = () =>
+		new Promise((resolve) => {
+			useFetch()
+				.get(props.url)
+				.then((items) => {
+					if (props.afterFetched) {
+						items = props.afterFetched(items)
+					}
+					resolve(items)
+				})
+		})
+
+	watch(
+		() => props.options,
+		() => {
+			options.value = prepareOptions(props.options)
+		},
+	)
+
+	if (!options.value.length) {
+		if (props.url) {
+			fetchData().then((items) => {
+				options.value = items
+			})
+		} else if (defaultOptions) {
+			options.value = defaultOptions
+		}
+	}
+}

package/dist/__vite-browser-external-2447137e.mjs

@@ -0,0 +1,5 @@
+const e = {};
+export {
+  e as default
+};
+//# sourceMappingURL=__vite-browser-external-2447137e.mjs.map

package/dist/__vite-browser-external-2447137e.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"__vite-browser-external-2447137e.mjs","sources":["../__vite-browser-external"],"sourcesContent":["export default {}"],"names":["__viteBrowserExternal"],"mappings":"AAAA,MAAeA,IAAA,CAAA;"}

package/dist/__vite-browser-external-b3701507.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={};exports.default=e;
+//# sourceMappingURL=__vite-browser-external-b3701507.js.map

package/dist/__vite-browser-external-b3701507.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"__vite-browser-external-b3701507.js","sources":["../__vite-browser-external"],"sourcesContent":["export default {}"],"names":["__viteBrowserExternal"],"mappings":"gFAAA,MAAeA,EAAA,CAAA"}

package/dist/hooks.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-b8729555.js");require("lodash-es");require("axios");require("vant");function t(){return e.sm2_exports}function o(s,u){return e.sm32(s,u)}function n(s,u,r){return e.sm4_exports.encrypt(s,u,r)}function m(s,u,r){return e.sm4_exports.encrypt(s,u,r)}exports.STATUS=e.STATUS;exports.useFetch=e.useFetch;exports.useFindLabelsFromPath=e.useFindLabelsFromPath;exports.useFindTextsFromPath=e.useFindTextsFromPath;exports.useFormFail=e.useFormFail;exports.useFormFormat=e.useFormFormat;exports.useHiddenForm=e.useHiddenForm;exports.usePage=e.usePage;exports.useProcessStatus=e.useProcessStatus;exports.useProcessStatusSuccess=e.useProcessStatusSuccess;exports.useTextFromOptionsValue=e.useTextFromOptionsValue;exports.useSm2=t;exports.useSm3=o;exports.useSm4Decrypt=m;exports.useSm4Encrypt=n;
+//# sourceMappingURL=hooks.cjs.map

package/dist/hooks.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.cjs","sources":["../hooks/cipher.js"],"sourcesContent":["import { sm2, sm3, sm4 } from \"sm-crypto-v2\"\n\n/**\n *  国密 sm2\n */\nexport function useSm2() {\n\treturn sm2\n}\n\n/**\n * 国密 sm3 加密\n * @param msg\n * @param {Object} [options]\n * @return {*}\n */\nexport function useSm3(msg, options) {\n\treturn sm3(msg, options) // 杂凑\n}\n\n/**\n * 国密 sm4 加密\n * @param msg\n * @param key\n * @param {Object} [options]\n * @return {Uint8Array}\n */\nexport function useSm4Encrypt(msg, key, options) {\n\treturn sm4.encrypt(msg, key, options)\n}\n\n/**\n * 国密 sm4 解密\n * @param encryptData\n * @param key\n * @param {Object} [options]\n * @return {Uint8Array}\n */\nexport function useSm4Decrypt(encryptData, key, options) {\n\treturn sm4.encrypt(encryptData, key, options)\n}\n"],"names":["useSm2","sm2","useSm3","msg","options","sm3","useSm4Encrypt","key","sm4","useSm4Decrypt","encryptData"],"mappings":"6KAKO,SAASA,GAAS,CACxB,OAAOC,EAAG,WACX,CAQO,SAASC,EAAOC,EAAKC,EAAS,CACpC,OAAOC,EAAG,KAACF,EAAKC,CAAO,CACxB,CASO,SAASE,EAAcH,EAAKI,EAAKH,EAAS,CAChD,OAAOI,EAAG,YAAC,QAAQL,EAAKI,EAAKH,CAAO,CACrC,CASO,SAASK,EAAcC,EAAaH,EAAKH,EAAS,CACxD,OAAOI,EAAG,YAAC,QAAQE,EAAaH,EAAKH,CAAO,CAC7C"}