uni-oaview 1.0.3 → 1.0.5

package/components/oa-helloworld/oa-helloworld.vue

@@ -1,8 +1,12 @@
 <template>
-  <div>hello world</div>
+  <div>我真的是服了 现在已经风湿了{{ a }}</div>
 </template>
 
 <script lang="ts" setup>
+  import { ref } from 'vue';
+  import { getAsk } from '../../src';
+
   console.log('hello world');
+  const a = ref(getAsk());
 </script>
 <style scoped lang="scss"></style>

package/components/oa-image/oa-image.vue

@@ -0,0 +1,9 @@
+<template>
+  <div ></div>
+</template>
+
+<script lang='ts' setup>
+
+</script>
+<style scoped lang='scss'>
+</style>

package/components/oa-login/oa-login.vue

@@ -0,0 +1,109 @@
+<template>
+  <view style="padding: 0 45px">
+    <uni-forms :modelValue="formData" ref="formRef" :rules="rules">
+      <uni-forms-item required label="用户名" name="username">
+        <uni-easyinput type="text" v-model="formData.username" placeholder="请输入用户名" />
+      </uni-forms-item>
+      <uni-forms-item name="verificationCode" label="验证码">
+        <uni-easyinput type="text" v-model="formData.verificationCode" placeholder="请输入验证码" />
+      </uni-forms-item>
+      <view style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px">
+        <img :src="imageSrc" alt="" />
+        <button @click="refresh" type="primary" size="mini" style="margin: 0">刷新</button>
+      </view>
+    </uni-forms>
+    <button @click="submitForm" type="primary">登录</button>
+  </view>
+</template>
+
+<script setup lang="ts">
+  import { ref, reactive } from 'vue';
+  const formRef = ref();
+  const props = defineProps({
+    password: String,
+  });
+  const emit = defineEmits(['loginSuccess']);
+  const formData = reactive({
+    username: 'lixd',
+    password: props.password,
+    verificationCode: 88,
+  });
+  const rules = ref({
+    username: [
+      {
+        required: true,
+        errorMessage: '请输入姓名',
+      },
+    ],
+    password: [
+      {
+        required: true,
+        errorMessage: '请输入密码',
+      },
+    ],
+  });
+  const imageSrc = ref('');
+  const ppid = ref();
+  let baseUrl = '';
+  /** 在真机模拟调试的时候运行 */
+  // #ifndef H5
+  baseUrl = uni.getStorageSync('baseUrl');
+  // #endif
+  const refresh = () => {
+    uni.request({
+      url: `${baseUrl}/api/auth/verification/get?t=${Date.now()}`,
+      method: 'POST',
+      success: (res: any) => {
+        const { pid, image } = res.data.data;
+        imageSrc.value = image;
+        ppid.value = pid;
+      },
+    });
+  };
+  refresh();
+  const submitForm = () => {
+    uni.showLoading({
+      title: '加载中',
+      mask: true,
+    });
+    uni.request({
+      url: `${baseUrl}/api/auth/user/login?t=${Date.now()}`,
+      method: 'POST',
+      data: {
+        username: formData.username,
+        password: formData.password,
+        verification: {
+          code: formData.verificationCode,
+          pid: ppid.value,
+        },
+      },
+      success: (res: any) => {
+        const { uuid: id, email, ...otherParams } = res.data.data;
+        const userInfo = {
+          id,
+          email,
+          ...otherParams,
+          department: '这是一个很长很长的部门部门321312321312',
+          position: '这是一个很长很长的职位321312312321321312',
+        };
+        uni.request({
+          url: `${baseUrl}/api/gatewayproxy/routing/getToken?t=${Date.now()}`,
+          method: 'POST',
+          success: (res: any) => {
+            uni.hideLoading();
+            emit('loginSuccess', {
+              token: res.data.data,
+              userInfo,
+            });
+            uni.showToast({
+              title: '登录成功',
+            });
+          },
+        });
+      },
+      complete: () => {
+        uni.hideLoading();
+      },
+    });
+  };
+</script>

package/components/oa-single-select/oa-single-select.vue

@@ -0,0 +1,127 @@
+<template>
+  <view>
+    <u-popup :show="modelValue" mode="bottom" @close="closeHandler" :closeOnClickOverlay="false">
+      <view class="button-box">
+        <view class="button-box-left" @click="closeHandler">取消</view>
+        <view class="button-box-center">{{ title }}</view>
+        <view class="button-box-right" @click="submit">确定</view>
+      </view>
+      <view class="search-box">
+        <view class="search-box-item">
+          <picker-view :indicator-style="indicatorStyle" :value="indexList" @change="bindChange" class="picker-view">
+            <picker-view-column>
+              <view class="item" v-for="(item, index) in columns" :key="index">{{ item[labelKey ?? 'label'] }}</view>
+            </picker-view-column>
+          </picker-view>
+        </view>
+      </view>
+    </u-popup>
+  </view>
+</template>
+<script lang="ts" setup>
+  import { createDebounceFn } from '../../src/index';
+  import { ref, nextTick, watch, watchEffect } from 'vue';
+  const props = defineProps<{
+    title?: string;
+    value?: string;
+    modelValue: boolean;
+    columns: Array<string>;
+    labelKey?: string;
+    valueKey?: string;
+  }>();
+  const title = ref(props.title);
+  const indicatorStyle = `height: 40px;`;
+  const emit = defineEmits(['updateValue', 'close', 'update:modelValue']);
+  const indexList = ref<number[]>([]);
+  let currentValue: string;
+  watchEffect(() => {
+    currentValue = props.value as string;
+  });
+  const init = () => {
+    const index = Math.max(
+      0,
+      props.columns.findIndex((item) => item[props.valueKey ?? 'value'] === currentValue),
+    );
+    indexList.value = [index];
+  };
+  init();
+  const bindChange = createDebounceFn((e: any) => {
+    const val = e.detail.value;
+    nextTick(() => {
+      indexList.value = val;
+    });
+  }, 200);
+  const submit = () => {
+    const val = indexList.value;
+    const newValue = props.columns[val[0]];
+    currentValue = newValue[props.valueKey ?? 'value'];
+    emit('updateValue', newValue);
+    emit('update:modelValue', false);
+    emit('close');
+  };
+  const closeHandler = () => {
+    emit('update:modelValue', false);
+    emit('close');
+  };
+  watch(
+    () => props.modelValue,
+    () => {
+      if (props.modelValue) {
+        init();
+      }
+    },
+  );
+</script>
+<style lang="scss" scoped>
+  .button-box {
+    display: flex;
+    justify-content: space-between;
+    font-size: 28rpx;
+    height: 58px;
+    text-align: center;
+    line-height: 36px;
+    margin: 20rpx 20rpx 0 20rpx;
+    &-left {
+      height: 36px;
+      font-size: 16px;
+      color: #909193;
+    }
+    &-center {
+      height: 36px;
+      font-size: 16px;
+      color: #19242c;
+    }
+    &-right {
+      height: 36px;
+      font-size: 16px;
+      color: #119af5;
+    }
+  }
+  .search-box {
+    padding: 24rpx 24rpx 0;
+    &-item {
+      margin: 12rpx;
+      overflow: hidden;
+      &-title {
+        height: 40rpx;
+        line-height: 40rpx;
+        font-size: 28rpx;
+        color: #333333;
+      }
+      .picker-view {
+        width: 100%;
+        height: 400rpx;
+        .flex-two {
+          flex: 2;
+        }
+      }
+      .item {
+        height: 40px;
+        line-height: 40px;
+        align-items: center;
+        justify-content: center;
+        text-align: center;
+      }
+    }
+  }
+</style>

package/dist/index.d.ts

@@ -1,5 +1,14 @@
+/**
+ * 防抖函数
+ * @param callback
+ * @param time
+ * @returns
+ */
+declare function createDebounceFn(callback: (...params: any[]) => void, time: number): (...params: any[]) => void;
+declare function getAsk(): string;
+
 declare const _default: {
     install: (Vue: any) => void;
 };
 
-export { _default as default };
+export { createDebounceFn, _default as default, getAsk };

package/dist/index.umd.mini.js

@@ -4,12 +4,36 @@
   (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["UNI-OAVIEW"] = {}));
 })(this, (function (exports) { 'use strict';
 
+  /**
+   * 防抖函数
+   * @param callback
+   * @param time
+   * @returns
+   */
+  function createDebounceFn(callback, time) {
+    var timer = null;
+    return function () {
+      for (var _len = arguments.length, params = new Array(_len), _key = 0; _key < _len; _key++) {
+        params[_key] = arguments[_key];
+      }
+      clearTimeout(timer);
+      timer = setTimeout(function () {
+        callback.apply(void 0, params);
+      }, time);
+    };
+  }
+  function getAsk() {
+    return '我是航帆范德萨范德萨';
+  }
+
   var install = function install(Vue) {};
   var index = {
     install: install
   };
 
+  exports.createDebounceFn = createDebounceFn;
   exports["default"] = index;
+  exports.getAsk = getAsk;
 
   Object.defineProperty(exports, '__esModule', { value: true });
 

package/package.json

@@ -1,13 +1,14 @@
 {
   "name": "uni-oaview",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "description": "uniapp小程序组件库",
   "main": "dist/index.umd.js",
   "typings": "dist/index.d.ts",
   "types": "dist/index.d.ts",
   "files": [
     "dist",
-    "components"
+    "components",
+    "src"
   ],
   "author": "",
   "license": "ISC",
@@ -34,9 +35,10 @@
     "rollup-plugin-eslint": "^7.0.0",
     "rollup-plugin-terser": "^7.0.2",
     "rollup-plugin-typescript2": "^0.27.2",
+    "rollup-plugin-vue": "^6.0.0",
     "typescript": "^4.0.2"
   },
-  "dependencies": {
+  "peerDependencies": {
     "uniapp-log-sdk": "^1.1.1"
   }
 }

package/src/index.ts

@@ -0,0 +1,7 @@
+export * from './utils';
+
+const install = (Vue: any) => {};
+
+export default {
+  install,
+};

package/src/shims-vue.d.ts

@@ -0,0 +1,4 @@
+declare module '*.vue' {
+  import Vue from 'vue'
+  export default Vue
+}

package/src/utils/index.ts

@@ -0,0 +1,19 @@
+/**
+ * 防抖函数
+ * @param callback
+ * @param time
+ * @returns
+ */
+export function createDebounceFn(callback: (...params: any[]) => void, time: number) {
+  let timer: any = null;
+  return (...params: any[]) => {
+    clearTimeout(timer);
+    timer = setTimeout(() => {
+      callback(...params);
+    }, time);
+  };
+}
+
+export function getAsk() {
+  return '我是航帆范德萨范德萨';
+}

package/src/utils/validation.ts

@@ -0,0 +1,52 @@
+/**
+ * 判断当前参数是否是undefined或者null
+ * @param {Object} obj
+ */
+export function isNullOrUndefined(value: any) {
+  return typeof value === 'undefined' || value === null;
+}
+/**
+ * 是否对象
+ */
+export function isObject(value: any) {
+  return Object.prototype.toString.call(value) === '[object Object]';
+}
+
+/**
+ * 判断当前参数是否是空, 包括空字符和空对象,空数组,null,undefined
+ * @param {Object} obj
+ */
+export function isEmpty(obj: any) {
+  if (isNullOrUndefined(obj)) {
+    return true;
+  }
+  if (Array.isArray(obj) && obj.length === 0) {
+    return true;
+  }
+  if (typeof obj === 'string' && obj === '') {
+    return true;
+  }
+  return false;
+}
+/**
+ * 验证十进制数字
+ */
+export function isNumber(value: any) {
+  return /^(?:-?\d+|-?\d{1,3}(?:,\d{3})+)?(?:\.\d+)?$/.test(value);
+}
+
+/**
+ * 正则校验是否为颜色，支持#FFF,#FFFFFF,#FFFFFFFF格式
+ */
+export function CheckIsColor(color: any) {
+  const type = '^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$';
+  const reg = new RegExp(type);
+  return color.match(reg) !== null;
+}
+
+export default {
+  isNullOrUndefined,
+  isObject,
+  isEmpty,
+  isNumber,
+};