widget.qw 1.0.21 → 1.0.24

package/src/components/Switch.vue

@@ -1,65 +1,65 @@
-<template>
-    <van-field :label="props.label" v-if="!isGone" :disabled="isDisabled" :required="isRequired"
-        :placeholder="props.placeholder">
-        <template #input>
-            <van-switch v-model="modelValue" :disabled="isDisabled" />
-        </template>
-    </van-field>
-</template>
-
-<script setup>
-import { ref, computed, onMounted, defineProps, defineEmits, watch } from "vue"
-import { useVModel } from '@vueuse/core'
-import util from '../util'
-
-const props = defineProps({
-    modelValue: {
-        type: Boolean,
-        default: false
-    },
-    label: {
-        type: String,
-        default: ''
-    },
-    placeholder: {
-        type: String,
-        default: ''
-    },
-    readonly: {
-        type: Boolean,
-        default: true
-    },
-    required: {
-        type: Boolean,
-        default: false
-    },
-    auth: {
-        type: String,
-        default: ''
-    }
-})
-const emit = defineEmits(['update:modelValue'])
-const modelValue = useVModel(props, 'modelValue', emit)
-const { isRequired, isReadonly, isGone, isDisabled } = util.props2auth(props)
-
-onMounted(() => {
-})
-
-watch(()=>props.modelValue,(o,n)=>{
-    if(!props.modelValue)
-        modelValue.value = false
-},{immediate:true})
-</script>
-
-<style lang="scss" scoped>
-:deep(.label) {
-    color: #000 !important;
-}
-
-:deep(.van-field__control:disabled) {
-    color: #000 !important;
-    cursor: not-allowed;
-    opacity: 1;
-    -webkit-text-fill-color: #000;
-}
+<template>
+    <van-field :label="props.label" v-if="!isGone" :disabled="isDisabled" :required="isRequired"
+        :placeholder="props.placeholder">
+        <template #input>
+            <van-switch v-model="modelValue" :disabled="isDisabled" />
+        </template>
+    </van-field>
+</template>
+
+<script setup>
+import { ref, computed, onMounted, defineProps, defineEmits, watch } from "vue"
+import { useVModel } from '@vueuse/core'
+import util from '../util'
+
+const props = defineProps({
+    modelValue: {
+        type: Boolean,
+        default: false
+    },
+    label: {
+        type: String,
+        default: ''
+    },
+    placeholder: {
+        type: String,
+        default: ''
+    },
+    readonly: {
+        type: Boolean,
+        default: true
+    },
+    required: {
+        type: Boolean,
+        default: false
+    },
+    auth: {
+        type: String,
+        default: ''
+    }
+})
+const emit = defineEmits(['update:modelValue'])
+const modelValue = useVModel(props, 'modelValue', emit)
+const { isRequired, isReadonly, isGone, isDisabled } = util.props2auth(props)
+
+onMounted(() => {
+})
+
+watch(()=>props.modelValue,(o,n)=>{
+    if(!props.modelValue)
+        modelValue.value = false
+},{immediate:true})
+</script>
+
+<style lang="scss" scoped>
+:deep(.label) {
+    color: #000 !important;
+}
+
+:deep(.van-field__control:disabled) {
+    color: #000 !important;
+    cursor: not-allowed;
+    opacity: 1;
+    -webkit-text-fill-color: #000;
+}
 </style>

package/src/components/TreePicker.vue

@@ -1,113 +1,113 @@
-<template>
-  <van-field v-if="!isGone"
-    :label="props.label" :required="isRequired" :rules="props.rules" :disabled="isDisabled"
-    :placeholder="props.placeholder" :is-link="isReadonly ? false : true" @click="data.isShowPop = !isReadonly"
-    label-class="label">
-    <template #input>
-      <div class="select-list">
-        <van-tag class="select-item" :closeable="!isDisabled" type="primary" plain v-for="(item, i) in selectOptions"
-          :key="item" @close.stop="onDelete(item)">
-          {{ item.text }}
-        </van-tag>
-      </div>
-    </template>
-  </van-field>
-
-  <TreePop v-model:show="data.isShowPop" 
-    v-model="modelValue"
-    :options="data.options" />
-
-</template>
-<script setup>
-import { reactive, onMounted, watch, computed } from "vue";
-import util from "../util"
-import { useVModel } from '@vueuse/core'
-import TreePop from './widget/TreePop.vue'
-
-const props = defineProps({
-  modelValue: {
-    type: Array,
-    default: [],
-  },
-  label: {
-    type: String,
-    default: "",
-  },
-  placeholder: {
-    type: String,
-    default: "请选择",
-  },
-  id: {
-    type: String,
-    default: "",
-  },
-  required: {
-    type: Boolean,
-    default: false,
-  },
-  readonly: {
-    type: Boolean,
-    default: false,
-  },
-  rules: {
-    type: Array,
-    default: () => [],
-  },
-  auth: {
-    type: String,
-    default: "",
-  },
-});
-
-// 弹出层
-const data = reactive({
-  isShowPop: false,
-  options: []
-})
-
-const selectOptions = computed(()=>{
-  return util.ids2nodes(modelValue.value, data.options)
-})
-
-// 定义emit
-const emit = defineEmits(["update:modelValue","select"]);
-const modelValue = useVModel(props, 'modelValue', emit)
-const { isRequired, isReadonly, isGone, isDisabled } = util.props2auth(props);
-
-onMounted(async () => {
-    await query()
-})
-
-const query = async () => {
-    let params = {
-        id: props.id,
-    }
-    const res = await util.dictionary_dict(params)
-    console.log(res.data)
-
-    if (!res.data.parseValue) {
-        data.options = []
-        return
-    }
-
-    data.options = res.data.parseValue
-}
-
-const onDelete=(option)=>{
-  modelValue.value = (modelValue.value || []).filter(item=>{
-    return item != option.id
-  })
-}
-
-watch(() => modelValue.value, async(n, o) => {
-  emit('select', selectOptions.value)
-}, {
-  immediate: true
-})
-</script>
-
-<style scoped>
-.select-item{
-  margin:3px;
-}
-</style>
+<template>
+  <van-field v-if="!isGone"
+    :label="props.label" :required="isRequired" :rules="props.rules" :disabled="isDisabled"
+    :placeholder="props.placeholder" :is-link="isReadonly ? false : true" @click="data.isShowPop = !isReadonly"
+    label-class="label">
+    <template #input>
+      <div class="select-list">
+        <van-tag class="select-item" :closeable="!isDisabled" type="primary" plain v-for="(item, i) in selectOptions"
+          :key="item" @close.stop="onDelete(item)">
+          {{ item.text }}
+        </van-tag>
+      </div>
+    </template>
+  </van-field>
+
+  <TreePop v-model:show="data.isShowPop" 
+    v-model="modelValue"
+    :options="data.options" />
+
+</template>
+<script setup>
+import { reactive, onMounted, watch, computed } from "vue";
+import util from "../util"
+import { useVModel } from '@vueuse/core'
+import TreePop from './widget/TreePop.vue'
+
+const props = defineProps({
+  modelValue: {
+    type: Array,
+    default: [],
+  },
+  label: {
+    type: String,
+    default: "",
+  },
+  placeholder: {
+    type: String,
+    default: "请选择",
+  },
+  id: {
+    type: String,
+    default: "",
+  },
+  required: {
+    type: Boolean,
+    default: false,
+  },
+  readonly: {
+    type: Boolean,
+    default: false,
+  },
+  rules: {
+    type: Array,
+    default: () => [],
+  },
+  auth: {
+    type: String,
+    default: "",
+  },
+});
+
+// 弹出层
+const data = reactive({
+  isShowPop: false,
+  options: []
+})
+
+const selectOptions = computed(()=>{
+  return util.ids2nodes(modelValue.value, data.options)
+})
+
+// 定义emit
+const emit = defineEmits(["update:modelValue","select"]);
+const modelValue = useVModel(props, 'modelValue', emit)
+const { isRequired, isReadonly, isGone, isDisabled } = util.props2auth(props);
+
+onMounted(async () => {
+    await query()
+})
+
+const query = async () => {
+    let params = {
+        id: props.id,
+    }
+    const res = await util.dictionary_dict(params)
+    console.log(res.data)
+
+    if (!res.data.parseValue) {
+        data.options = []
+        return
+    }
+
+    data.options = res.data.parseValue
+}
+
+const onDelete=(option)=>{
+  modelValue.value = (modelValue.value || []).filter(item=>{
+    return item != option.id
+  })
+}
+
+watch(() => modelValue.value, async(n, o) => {
+  emit('select', selectOptions.value)
+}, {
+  immediate: true
+})
+</script>
+
+<style scoped>
+.select-item{
+  margin:3px;
+}
+</style>

package/src/components/UserPicker.vue

@@ -1,107 +1,107 @@
-<template>
-    <van-field v-if="!isGone" :label="props.label" :required="isRequired" :rules="props.rules" :disabled="isDisabled"
-        :placeholder="props.placeholder" :is-link="isReadonly ? false : true" @click="data.isShowPop = !isReadonly"
-        label-class="label">
-        <template #input>
-        <van-tag class="user" v-if="modelValue" :closeable="!isDisabled" type="primary" plain
-          @close.stop="onDelete">
-          {{ data.user.name }}
-        </van-tag>
-        </template>
-    </van-field>
-
-    <UserPop v-model:show="data.isShowPop" :rootDeptId="props.rootDeptId" :deptRangeId="props.deptRangeId"
-        @select="onSelectUser" />
-
-</template>
-<script setup>
-import { reactive, onMounted, watch } from "vue";
-import util from "../util"
-import { useVModel } from '@vueuse/core'
-import UserPop from './widget/UserPop.vue'
-
-const props = defineProps({
-    modelValue: {
-        type: String,
-        default: '',
-    },
-    label: {
-        type: String,
-        default: "选择人员",
-    },
-    placeholder: {
-        type: String,
-        default: "请选择人员",
-    },
-    required: {
-        type: Boolean,
-        default: false,
-    },
-    readonly: {
-        type: Boolean,
-        default: false,
-    },
-    rules: {
-        type: Array,
-        default: [],
-    },
-    // 默认查询所有组织机构
-    rootDeptId: {
-        type: String,
-        default: "1", //组织机构id
-    },
-    // 二级部门取值范围字典id
-    // 取dictionary库.dict的配置id
-    deptRangeId: {
-        type: String,
-        default: ''
-    },
-    auth: {
-        type: String,
-        default: "",
-    },
-});
-
-// 弹出层
-const data = reactive({
-    isShowPop: false,
-    user: {}
-})
-
-// 定义emit
-const emit = defineEmits(["update:modelValue", "select"]);
-const modelValue = useVModel(props, 'modelValue', emit)
-const { isRequired, isReadonly, isGone, isDisabled } = util.props2auth(props);
-
-//首页加载
-onMounted(() => {
-})
-
-const onSelectUser = (userId) => {
-    modelValue.value = userId
-}
-
-const onDelete=()=>{
-    data.user={}
-    modelValue.value = null
-}
-
-watch(() => modelValue.value, async (n, o) => {
-    if (!n) {
-        data.user = {}
-        return
-    }
-
-    let res = await util.get_wxuser_by_id({ userId: n })
-    data.user = res.data
-    emit('select', data.user)
-}, {
-    immediate: true
-})
-</script>
-
-<style scoped>
-.user{
-  padding:4px 8px;
-}
+<template>
+    <van-field v-if="!isGone" :label="props.label" :required="isRequired" :rules="props.rules" :disabled="isDisabled"
+        :placeholder="props.placeholder" :is-link="isReadonly ? false : true" @click="data.isShowPop = !isReadonly"
+        label-class="label">
+        <template #input>
+        <van-tag class="user" v-if="modelValue" :closeable="!isDisabled" type="primary" plain
+          @close.stop="onDelete">
+          {{ data.user.name }}
+        </van-tag>
+        </template>
+    </van-field>
+
+    <UserPop v-model:show="data.isShowPop" :rootDeptId="props.rootDeptId" :deptRangeId="props.deptRangeId"
+        @select="onSelectUser" />
+
+</template>
+<script setup>
+import { reactive, onMounted, watch } from "vue";
+import util from "../util"
+import { useVModel } from '@vueuse/core'
+import UserPop from './widget/UserPop.vue'
+
+const props = defineProps({
+    modelValue: {
+        type: String,
+        default: '',
+    },
+    label: {
+        type: String,
+        default: "选择人员",
+    },
+    placeholder: {
+        type: String,
+        default: "请选择人员",
+    },
+    required: {
+        type: Boolean,
+        default: false,
+    },
+    readonly: {
+        type: Boolean,
+        default: false,
+    },
+    rules: {
+        type: Array,
+        default: [],
+    },
+    // 默认查询所有组织机构
+    rootDeptId: {
+        type: String,
+        default: "1", //组织机构id
+    },
+    // 二级部门取值范围字典id
+    // 取dictionary库.dict的配置id
+    deptRangeId: {
+        type: String,
+        default: ''
+    },
+    auth: {
+        type: String,
+        default: "",
+    },
+});
+
+// 弹出层
+const data = reactive({
+    isShowPop: false,
+    user: {}
+})
+
+// 定义emit
+const emit = defineEmits(["update:modelValue", "select"]);
+const modelValue = useVModel(props, 'modelValue', emit)
+const { isRequired, isReadonly, isGone, isDisabled } = util.props2auth(props);
+
+//首页加载
+onMounted(() => {
+})
+
+const onSelectUser = (userId) => {
+    modelValue.value = userId
+}
+
+const onDelete=()=>{
+    data.user={}
+    modelValue.value = null
+}
+
+watch(() => modelValue.value, async (n, o) => {
+    if (!n) {
+        data.user = {}
+        return
+    }
+
+    let res = await util.get_wxuser_by_id({ userId: n })
+    data.user = res.data
+    emit('select', data.user)
+}, {
+    immediate: true
+})
+</script>
+
+<style scoped>
+.user{
+  padding:4px 8px;
+}
 </style>