widget.qw 0.0.1

package/src/views/userSelector/index.vue

@@ -0,0 +1,54 @@
+<template>
+    <div class="page">
+        <uiqw-user-selector v-model="formData.singleUser" 
+        label="单选人员" 
+        mode="single" 
+        :auth="formData.auth"
+        @select="onSelect" />
+
+        <uiqw-user-selector v-model="formData.multUser" 
+        label="多选人员" 
+        mode="multiple" 
+        :required="true"  
+        :rules="[{ required: true, message: '请选择人员' }]" 
+        :readonly="false" />
+
+        <uiqw-user-selector v-model="formData.singleUser" 
+        label="指定部门下的人员" 
+        mode="single" 
+        :required="true"
+        :currentDept="formData.department"  
+        :rules="[{ required: true, message: '请选择人员' }]" 
+        :readonly="false" />
+    </div>
+</template>
+
+<script setup>
+import { ref, onMounted, reactive, watch } from "vue";
+
+const formData = ref({
+    department: '1517', // 组件默认展开哪个部门下的数据，可为空
+    singleUser: '014391',
+    multUser: ['014391','014392'],
+    auth:'require'
+})
+
+const onSelect=(e)=>{
+    console.log('onSelect', e)
+}
+
+</script>
+
+<style lang="scss" scoped>
+.page {
+  height: 100vh;
+  background: #fff;
+  text-align: center;
+  background-size: cover;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  padding: 80px 15px 0 15px;
+  box-sizing: border-box;
+}
+</style>

package/src/views/userSelectorNew/index.vue

@@ -0,0 +1,45 @@
+<template>
+  <div class="page">
+    <UiqwSingleUserSelector
+      :auth="formData.auth"
+      :deptRangeId="formData.deptRangeId"
+      v-model="formData.singleUser"
+      @select="onSelect"
+    />
+  </div>
+</template>
+
+<script setup>
+import { reactive ,onMounted} from "vue";
+const formData = reactive({
+  departmentId: "1517", // 组件默认展开哪个部门下的数据，可为空
+  deptRangeId: "production_dept_ids",
+  singleUser: "023663",
+  // singleUser: "014391",
+  auth: "require",
+});
+
+const onSelect=(e)=>{
+  console.log('onSelect', e)
+}
+
+onMounted(()=>{
+  setTimeout(()=>{
+    formData.singleUser = '014391'
+  },10000)
+})
+</script>
+
+<style lang="scss" scoped>
+.page {
+  height: 100vh;
+  background: #fff;
+  text-align: center;
+  background-size: cover;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  padding: 80px 15px 0 15px;
+  box-sizing: border-box;
+}
+</style>

package/src/views/userpicker/index.vue

@@ -0,0 +1,43 @@
+<template>
+  <div class="page">
+    <UiqwUserPicker
+      :auth="formData.auth"
+      v-model="formData.userId"
+      @select="onSelect"
+      rootDeptId="-1"
+    />
+  </div>
+</template>
+
+<script setup>
+import { reactive ,onMounted} from "vue";
+const formData = reactive({
+  deptRangeId: "production_dept_ids",
+  userId: "014391",
+  auth: "option",
+});
+
+const onSelect=(e)=>{
+  console.log('onSelect', e)
+}
+
+onMounted(()=>{
+  setTimeout(()=>{
+    formData.singleUser = '014391'
+  },10000)
+})
+</script>
+
+<style lang="scss" scoped>
+.page {
+  height: 100vh;
+  background: #fff;
+  text-align: center;
+  background-size: cover;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  padding: 80px 15px 0 15px;
+  box-sizing: border-box;
+}
+</style>

package/src/views/userprofile/index.vue

@@ -0,0 +1,30 @@
+<template>
+  <div class="page">
+    <uiqw-user-profile @logout="onLogout" />
+  </div>
+</template>
+
+<script setup>
+import { reactive ,onMounted} from "vue";
+
+const onLogout=(e)=>{
+  console.log('+++onLogout+++', e)
+}
+
+onMounted(()=>{
+})
+</script>
+
+<style lang="scss" scoped>
+.page {
+  height: 100vh;
+  background: #fff;
+  text-align: center;
+  background-size: cover;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  padding: 80px 15px 0 15px;
+  box-sizing: border-box;
+}
+</style>

package/src/views/userspicker/index.vue

@@ -0,0 +1,43 @@
+<template>
+  <div class="page">
+    <UiqwUsersPicker
+      :auth="formData.auth"
+      :deptRangeId="formData.deptRangeId"
+      v-model="formData.userIds"
+      @select="onSelect"
+    />
+  </div>
+</template>
+
+<script setup>
+import { reactive ,onMounted} from "vue";
+const formData = reactive({
+  deptRangeId: "production_dept_ids",
+  userIds: null,
+  auth: "require",
+});
+
+const onSelect=(e)=>{
+  console.log('onSelect', e)
+}
+
+onMounted(()=>{
+  // setTimeout(()=>{
+  //   formData.singleUser = '014391'
+  // },10000)
+})
+</script>
+
+<style lang="scss" scoped>
+.page {
+  height: 100vh;
+  background: #fff;
+  text-align: center;
+  background-size: cover;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  padding: 80px 15px 0 15px;
+  box-sizing: border-box;
+}
+</style>

package/src/views/yeardropdown/index.vue

@@ -0,0 +1,32 @@
+<template>
+    <div class="page">
+        <van-dropdown-menu>
+            <uiqw-year-dropdown v-model="formData.year" startYear="2020" />
+        </van-dropdown-menu>
+
+    </div>
+</template>
+
+<script setup>
+import { reactive, onMounted } from "vue";
+const formData = reactive({
+    year: new Date().getFullYear()
+})
+
+onMounted(() => {
+})
+</script>
+
+<style lang="scss" scoped>
+.page {
+    height: 100vh;
+    background: #fff;
+    text-align: center;
+    background-size: cover;
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    padding: 80px 15px 0 15px;
+    box-sizing: border-box;
+}
+</style>

package/src/vm/index.js

@@ -0,0 +1,6 @@
+// 默认的apibaseUrl
+export default {
+    urlCallback: null,
+    tokenCallback: null,
+    needLoginCallback: null,
+}

package/tsconfig.json

@@ -0,0 +1,19 @@
+{
+  "compilerOptions": {
+    "target": "esnext",
+    "useDefineForClassFields": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "strict": true,
+    "jsx": "preserve",
+    "sourceMap": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "esModuleInterop": true,
+    "lib": ["esnext", "dom"],
+    "skipLibCheck": true,
+    "allowJs": true,
+  },
+  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
+  "references": [{ "path": "./tsconfig.node.json" }]
+}

package/tsconfig.node.json

@@ -0,0 +1,8 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "module": "esnext",
+    "moduleResolution": "node"
+  },
+  "include": ["vite.config.ts"]
+}

package/vite.config.ts

@@ -0,0 +1,73 @@
+import vue from "@vitejs/plugin-vue";
+import styleImport, { VantResolve } from "vite-plugin-style-import";
+import { resolve } from "path"; // 主要用于alias文件路径别名
+//vite版require
+import requireTransform from "vite-plugin-require-transform";
+const path = require("path");
+
+export default {
+  build: {
+    outDir: 'build',
+    target: 'es2015',
+    // minify: 'esbuild',
+    minify: false,
+    cssTarget: 'chrome80',
+    chunkSizeWarningLimit: 2000,
+    lib: {
+      entry: path.resolve(__dirname, "./src/components/index.js"), //指定组件编译入口文件
+      name: "widget.qw",
+      fileName: "widget.qw",
+    },
+    rollupOptions: {
+      // 确保外部化处理那些你不想打包进库的依赖
+      external: ["vue"],
+      output: {
+        // 在 UMD 构建模式下为这些外部化的依赖提供一个全局变量
+        globals: {
+          vue: "Vue",
+        },
+      },
+    }, // rollup打包配置
+  },
+  //打包配置，一定要加，否则路径不对，找不到js/css文件
+  //作用：打包index.html中的js/css文件前加相对路径./
+  base: "./",
+  define: {
+    'process.env': {
+      VUE_APP_DOMAIN: 'https://www.hbhjhx.asia',
+      VUE_APP_TOKEN_KEY: 'Authorization',
+      VUE_APP_TOKEN_PREFIX: 'Bearer ',
+      VUE_APP_NEED_LOGIN_CODE: 401,
+      //注意：发布时 VUE_APP_IS_DEBUG必须配置为false
+      // 本地开发时 VUE_APP_IS_DEBUG必须配置为true
+      VUE_APP_IS_DEBUG: false,
+      // VUE_APP_IS_DEBUG: true,
+      VUE_APP_DEBUG_TOKEN: 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJsb2dpblR5cGUiOiJsb2dpbiIsImxvZ2luSWQiOiIwMTQzOTEiLCJyblN0ciI6ImZ0ejhnaFpLMWR4ejhnOTFDZkJUMXQxVWNJajF3R3c1In0.tgI4iGOJ8OrjoqWIqC2pjH7J52l6H7wyuUwJATKIVns'
+    },
+  },
+  resolve: {
+    // 配置路径别名
+    alias: {
+      "@": path.resolve(__dirname, "./src"),
+      "*": resolve(""),
+    },
+  },
+  plugins: [
+    vue(),
+    // 引入vant的样式依赖
+    // styleImport({
+    //   resolves: [VantResolve()],
+    //   libs: [
+    //     {
+    //       libraryName: 'vant',
+    //       esModule: true,
+    //       resolveStyle: (name) => `../es/${name}/style`,
+    //     },
+    //   ],
+    // }),
+    //vite版require配置
+    requireTransform({
+      fileRegex: /.ts$|.vue$/,
+    }),
+  ],
+};