jobsys-explore 1.0.1

package/playground/TestPagination.vue

@@ -0,0 +1,89 @@
+<template>
+	<ExPagination :search="{ columns, keyword: 'title' }" auto-load url="http://192.168.50.28/api/v1/weapp/topic">
+		<template #renderItem="{ item }">
+			<p style="margin-bottom: 100px">{{ item.title }}</p>
+		</template>
+	</ExPagination>
+</template>
+
+<script setup>
+import ExPagination from "../components/pagination/ExPagination.jsx"
+import { ref } from "vue"
+
+const columns = ref([
+	{
+		key: "college",
+		type: "select",
+		title: "学院",
+		quick: true,
+		options: [
+			{ text: "信息学院", value: "12" },
+			{ text: "会计学院", value: "13" },
+		],
+	},
+	{
+		key: "college1",
+		type: "select",
+		title: "学院",
+		expandable: "multiple",
+		options: [
+			{ text: "信息学院", value: "12" },
+			{ text: "会计学院", value: "13" },
+		],
+	},
+	{
+		key: "age",
+		title: "年龄",
+	},
+	{
+		key: "gender",
+		type: "select",
+		title: "性别",
+		expandable: true,
+		options: [
+			{ text: "男", value: "man" },
+			{ text: "女", value: "female" },
+		],
+	},
+	{
+		key: "cascade",
+		title: "级联选择器",
+		type: "cascade",
+		quick: true,
+		options: [
+			{
+				value: "zhejiang",
+				label: "Zhejiang",
+				children: [
+					{
+						value: "hangzhou",
+						label: "Hangzhou",
+						children: [
+							{
+								value: "xihu",
+								label: "West Lake",
+							},
+						],
+					},
+				],
+			},
+			{
+				value: "jiangsu",
+				label: "Jiangsu",
+				children: [
+					{
+						value: "nanjing",
+						label: "Nanjing",
+						children: [
+							{
+								value: "zhonghuamen",
+								label: "Zhong Hua Men",
+							},
+						],
+					},
+				],
+			},
+		],
+	},
+])
+</script>

package/playground/TestQrcode.vue

@@ -0,0 +1,7 @@
+<template>
+	<ExQrcode text="Hello world!" center :margin="10" :size="200"></ExQrcode>
+</template>
+
+<script setup>
+import ExQrcode from "../components/qrcode/ExQrcode.jsx"
+</script>

package/playground/TestResult.vue

@@ -0,0 +1,12 @@
+<template>
+	<ExResult type="success" title="恭喜你" description="支付成功了">
+		<template #extra>
+			<Button type="primary" icon="arrow-left">返回</Button>
+		</template>
+	</ExResult>
+</template>
+
+<script setup>
+import ExResult from "../components/result/ExResult.jsx"
+import { Button } from "vant"
+</script>

package/playground/TestSearch.vue

@@ -0,0 +1,84 @@
+<template>
+	<ExSearch :columns="columns"></ExSearch>
+</template>
+
+<script setup>
+import ExSearch from "../components/search/ExSearch.jsx"
+
+const columns = [
+	{
+		key: "college",
+		type: "select",
+		title: "学院",
+		quick: true,
+		options: [
+			{ text: "信息学院", value: "12" },
+			{ text: "会计学院", value: "13" },
+		],
+	},
+	{
+		key: "college1",
+		type: "select",
+		title: "学院",
+		expandable: "multiple",
+		options: [
+			{ text: "信息学院", value: "12" },
+			{ text: "会计学院", value: "13" },
+		],
+	},
+	{
+		key: "age",
+		title: "年龄",
+	},
+	{
+		key: "gender",
+		type: "select",
+		title: "性别",
+		expandable: true,
+		options: [
+			{ text: "男", value: "man" },
+			{ text: "女", value: "female" },
+		],
+	},
+	{
+		key: "cascade",
+		title: "级联选择器",
+		type: "cascade",
+		quick: true,
+		options: [
+			{
+				value: "zhejiang",
+				label: "Zhejiang",
+				children: [
+					{
+						value: "hangzhou",
+						label: "Hangzhou",
+						children: [
+							{
+								value: "xihu",
+								label: "West Lake",
+							},
+						],
+					},
+				],
+			},
+			{
+				value: "jiangsu",
+				label: "Jiangsu",
+				children: [
+					{
+						value: "nanjing",
+						label: "Nanjing",
+						children: [
+							{
+								value: "zhonghuamen",
+								label: "Zhong Hua Men",
+							},
+						],
+					},
+				],
+			},
+		],
+	},
+]
+</script>

package/playground/http.js

@@ -0,0 +1,23 @@
+import axios from "axios"
+
+export default {
+	install(app, options) {
+		options = options || {}
+		axios.defaults.baseURL = options.baseUrl || "/"
+		axios.defaults.headers.common["X-Requested-With"] = "XMLHttpRequest"
+		axios.defaults.withCredentials = false
+
+		axios.interceptors.response.use(
+			(response) => {
+				return response && response.data
+			},
+			(error) => {
+				return Promise.reject(error)
+			},
+		)
+
+		app.config.globalProperties.$http = axios
+
+		app.provide("http", axios)
+	},
+}

package/playground/main.js

@@ -0,0 +1,12 @@
+import { createApp } from "vue"
+import App from "./App.vue"
+import "vant/lib/index.css"
+import http from "./http.js"
+import ExTheme from "../components/theme"
+
+const app = createApp(App)
+
+app.use(ExTheme)
+app.use(http)
+
+app.mount("#app")

package/postcss.config.cjs

@@ -0,0 +1,8 @@
+module.exports = {
+	plugins: {
+		"postcss-pxtorem": {
+			rootValue: 37.5,
+			propList: ["*"],
+		},
+	},
+}

package/utils/style.js

@@ -0,0 +1,13 @@
+import { isNull, isNumber, isUndefined } from "lodash-es"
+
+const genPixel = (num) => {
+	if (isNull(num) || isUndefined(num)) {
+		return 0
+	} else if (isNumber(num)) {
+		return `${num}px`
+	}
+
+	return num
+}
+
+export { genPixel }

package/utils/withInstall.js

@@ -0,0 +1,7 @@
+export default (component) => {
+	component.install = (app) => {
+		const name = component.name || component.__name
+		app.component(name, component)
+	}
+	return component
+}

package/vite.config.js

@@ -0,0 +1,52 @@
+import { defineConfig } from "vite"
+import vue from "@vitejs/plugin-vue"
+import Components from "unplugin-vue-components/vite"
+import { VantResolver } from "unplugin-vue-components/resolvers"
+import vueJsx from "@vitejs/plugin-vue-jsx"
+import eslintPlugin from "vite-plugin-eslint"
+
+// https://vitejs.dev/config/
+export default defineConfig({
+	plugins: [
+		vue(),
+		vueJsx(),
+		Components({
+			resolvers: [VantResolver()],
+		}),
+		eslintPlugin({
+			include: ["components/**/*.{js,vue,jsx}"],
+		}),
+	],
+	build: {
+		lib: {
+			entry: ["./index.js", "./hooks/index.js"],
+			fileName: (format, entryName) => {
+				const extension = format === "es" ? "js" : "cjs"
+				return `${entryName}.${extension}`
+			},
+		},
+		sourcemap: true,
+		rollupOptions: {
+			input: {
+				"jobsys-explore": "./index.js",
+				hooks: "./hooks/index.js",
+			},
+			// make sure to externalize deps that shouldn't be bundledinto your library
+			external: ["vue", "vant", "axios", "lodash-es"],
+			output: {
+				exports: "named",
+				globals: {
+					vue: "Vue",
+					axios: "axios",
+					dayjs: "dayjs",
+					vant: "vant",
+					"lodash-es": "lodash",
+				},
+			},
+		},
+	},
+	server: {
+		host: true,
+		port: 3000,
+	},
+})