widget.qw 1.0.76 → 1.0.77

package/src/components/Input.vue

@@ -1,81 +1,81 @@
-<template>
-    <van-field :label="props.label" v-model.number="modelValue" v-if="!isGone && props.type === 'number'"
-        :disabled="isDisabled" :required="isRequired" :placeholder="props.placeholder" :type="props.type"
-        :rows="props.rows" :autosize="props.autosize" :rules="props.rules" />
-    <van-field :label="props.label" v-model="modelValue" v-if="!isGone && props.type != 'number'" :disabled="isDisabled"
-        :required="isRequired" :placeholder="props.placeholder" :type="props.type" :rows="props.rows"
-        :autosize="props.autosize" :rules="props.rules" />
-</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: [String, Number],
-        default: null
-    },
-    // 支持v-model.number写法
-    modelModifiers: {
-        type: Object,
-        default: () => ({})
-    },
-    label: {
-        type: String,
-        default: ''
-    },
-    type: {
-        type: String,
-        default: 'text'
-    },
-    rows: {
-        type: Number,
-        default: 1
-    },
-    autosize: {
-        type: Boolean,
-        default: false
-    },
-    placeholder: {
-        type: String,
-        default: ''
-    },
-    readonly: {
-        type: Boolean,
-        default: true
-    },
-    required: {
-        type: Boolean,
-        default: false
-    },
-    auth: {
-        type: String,
-        default: ''
-    },
-    rules: {
-        type: Array,
-        default: null
-    }
-})
-const emit = defineEmits(['update:modelValue'])
-const modelValue = useVModel(props, 'modelValue', emit)
-const { isRequired, isReadonly, isGone, isDisabled } = util.props2auth(props)
-
-onMounted(() => {
-})
-</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-model.number="modelValue" v-if="!isGone && props.type === 'number'"
+        :disabled="isDisabled" :required="isRequired" :placeholder="props.placeholder" :type="props.type"
+        :rows="props.rows" :autosize="props.autosize" :rules="props.rules" />
+    <van-field :label="props.label" v-model="modelValue" v-if="!isGone && props.type != 'number'" :disabled="isDisabled"
+        :required="isRequired" :placeholder="props.placeholder" :type="props.type" :rows="props.rows"
+        :autosize="props.autosize" :rules="props.rules" />
+</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: [String, Number],
+        default: null
+    },
+    // 支持v-model.number写法
+    modelModifiers: {
+        type: Object,
+        default: () => ({})
+    },
+    label: {
+        type: String,
+        default: ''
+    },
+    type: {
+        type: String,
+        default: 'text'
+    },
+    rows: {
+        type: Number,
+        default: 1
+    },
+    autosize: {
+        type: Boolean,
+        default: false
+    },
+    placeholder: {
+        type: String,
+        default: ''
+    },
+    readonly: {
+        type: Boolean,
+        default: true
+    },
+    required: {
+        type: Boolean,
+        default: false
+    },
+    auth: {
+        type: String,
+        default: ''
+    },
+    rules: {
+        type: Array,
+        default: null
+    }
+})
+const emit = defineEmits(['update:modelValue'])
+const modelValue = useVModel(props, 'modelValue', emit)
+const { isRequired, isReadonly, isGone, isDisabled } = util.props2auth(props)
+
+onMounted(() => {
+})
+</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/MonthDropdown.vue

@@ -1,52 +1,52 @@
-<template>
-    <van-dropdown-item v-model="modelValue" :options="data.monthOptions" />
-</template>
-<script setup>
-import { reactive, onMounted, watch } from "vue";
-import util from "../util"
-import { useVModel } from '@vueuse/core'
-
-const props = defineProps({
-    modelValue: {
-        type: Number,
-        default: 0,
-    },
-    label: {
-        type: String,
-        default: "选择月份",
-    },
-    placeholder: {
-        type: String,
-        default: "请选择月份",
-    },
-});
-
-// 弹出层
-const data = reactive({
-    monthOptions: []
-})
-
-// 定义emit
-const emit = defineEmits(["update:modelValue"]);
-const modelValue = useVModel(props, 'modelValue', emit)
-
-const setupOptions = () => {
-    data.monthOptions.push({
-        text: '月',
-        value: 0
-    })
-    for (var i = 1; i <= 12; i++) {
-        data.monthOptions.push({
-            text: i+'月',
-            value: i,
-        });
-    }
-};
-
-//首页加载
-onMounted(() => {
-    setupOptions()
-})
-</script>
-
+<template>
+    <van-dropdown-item v-model="modelValue" :options="data.monthOptions" />
+</template>
+<script setup>
+import { reactive, onMounted, watch } from "vue";
+import util from "../util"
+import { useVModel } from '@vueuse/core'
+
+const props = defineProps({
+    modelValue: {
+        type: Number,
+        default: 0,
+    },
+    label: {
+        type: String,
+        default: "选择月份",
+    },
+    placeholder: {
+        type: String,
+        default: "请选择月份",
+    },
+});
+
+// 弹出层
+const data = reactive({
+    monthOptions: []
+})
+
+// 定义emit
+const emit = defineEmits(["update:modelValue"]);
+const modelValue = useVModel(props, 'modelValue', emit)
+
+const setupOptions = () => {
+    data.monthOptions.push({
+        text: '月',
+        value: 0
+    })
+    for (var i = 1; i <= 12; i++) {
+        data.monthOptions.push({
+            text: i+'月',
+            value: i,
+        });
+    }
+};
+
+//首页加载
+onMounted(() => {
+    setupOptions()
+})
+</script>
+
 <style scoped></style>

package/src/components/MultiPicker.vue

@@ -1,124 +1,124 @@
-<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 v-if="selectOptions.length>0">
-      <div class="data-list">
-        <van-tag class="data-item" :closeable="!isDisabled" type="primary" plain v-for="(item, i) in selectOptions"
-          :key="item" @close.stop="onDelete(i)">
-          {{ item.title }}
-        </van-tag>
-      </div>
-    </template>
-  </van-field>
-  <data-pop v-model="modelValue" :options="totalOptions" v-model:show="data.isShowPop" />
-</template>
-
-<script setup>
-import { onMounted, ref, onBeforeUpdate, computed, nextTick, watch, reactive } from "vue"
-import util from '../util'
-import DataPop from "./widget/DataPop.vue";
-import { useVModel } from "@vueuse/core";
-
-const props = defineProps({
-  id: String,
-  label: String,
-  placeholder: String,
-  options: {
-    type: Array,
-    default: [],
-  },
-  modelValue: {
-    type: Array,
-    default: () => [],
-  },
-  rules: {
-    type: Array,
-    default: () => []
-  },
-  required: {
-    type: Boolean,
-    default: false,
-  },
-  readonly: {
-    type: Boolean,
-    default: false,
-  },
-  auth: {
-    type: String,
-    default: ''
-  },
-});
-
-const { isRequired, isReadonly, isGone, isDisabled } = util.props2auth(props)
-const emit = defineEmits(["update:modelValue"]);
-const modelValue = useVModel(props, 'modelValue', emit)
-
-const data = reactive({
-  isShowPop: false,
-  options: []
-})
-
-// 将modelValue与选项列表合并
-const totalOptions = computed(() => {
-  if (!modelValue.value || modelValue.value.length < 1)
-    return data.options
-
-  let res = [...data.options]
-
-  for (var i = 0; i < modelValue.value.length; i++) {
-    let ary = data.options.filter(item => item.code == modelValue.value[i])
-    if (ary.length < 1)
-      res = [{ code: modelValue.value[i], title: modelValue.value[i] }, ...res]
-  }
-  return res
-})
-
-const selectOptions = computed(() => {
-  if (!modelValue.value || modelValue.value.length < 1)
-    return []
-
-  let res = totalOptions.value.filter(item => {
-    return modelValue.value.includes(item.code)
-  })
-  return res
-})
-
-onMounted(() => {
-  query()
-})
-
-const query = async () => {
-  if(!props.id){
-    data.options = props.options
-    return
-  }
-
-  let params = {
-    id: props.id,
-  }
-  const res = await util.dictionary_dict(params)
-  if (!res.data.parseValue) {
-    data.options = []
-    return
-  }
-
-  data.options = res.data.parseValue
-}
-
-const onDelete = (idx) => {
-  modelValue.value.splice(idx, 1)
-}
-
-watch(()=>props.modelValue,(o,n)=>{
-    if(!props.modelValue)
-        modelValue.value = []
-},{immediate:true})
-</script>
-
-<style scoped>
-.data-item{
-  margin: 0 8px 8px 0;
-  padding: 2px 5px;
-}
+<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 v-if="selectOptions.length>0">
+      <div class="data-list">
+        <van-tag class="data-item" :closeable="!isDisabled" type="primary" plain v-for="(item, i) in selectOptions"
+          :key="item" @close.stop="onDelete(i)">
+          {{ item.title }}
+        </van-tag>
+      </div>
+    </template>
+  </van-field>
+  <data-pop v-model="modelValue" :options="totalOptions" v-model:show="data.isShowPop" />
+</template>
+
+<script setup>
+import { onMounted, ref, onBeforeUpdate, computed, nextTick, watch, reactive } from "vue"
+import util from '../util'
+import DataPop from "./widget/DataPop.vue";
+import { useVModel } from "@vueuse/core";
+
+const props = defineProps({
+  id: String,
+  label: String,
+  placeholder: String,
+  options: {
+    type: Array,
+    default: [],
+  },
+  modelValue: {
+    type: Array,
+    default: () => [],
+  },
+  rules: {
+    type: Array,
+    default: () => []
+  },
+  required: {
+    type: Boolean,
+    default: false,
+  },
+  readonly: {
+    type: Boolean,
+    default: false,
+  },
+  auth: {
+    type: String,
+    default: ''
+  },
+});
+
+const { isRequired, isReadonly, isGone, isDisabled } = util.props2auth(props)
+const emit = defineEmits(["update:modelValue"]);
+const modelValue = useVModel(props, 'modelValue', emit)
+
+const data = reactive({
+  isShowPop: false,
+  options: []
+})
+
+// 将modelValue与选项列表合并
+const totalOptions = computed(() => {
+  if (!modelValue.value || modelValue.value.length < 1)
+    return data.options
+
+  let res = [...data.options]
+
+  for (var i = 0; i < modelValue.value.length; i++) {
+    let ary = data.options.filter(item => item.code == modelValue.value[i])
+    if (ary.length < 1)
+      res = [{ code: modelValue.value[i], title: modelValue.value[i] }, ...res]
+  }
+  return res
+})
+
+const selectOptions = computed(() => {
+  if (!modelValue.value || modelValue.value.length < 1)
+    return []
+
+  let res = totalOptions.value.filter(item => {
+    return modelValue.value.includes(item.code)
+  })
+  return res
+})
+
+onMounted(() => {
+  query()
+})
+
+const query = async () => {
+  if(!props.id){
+    data.options = props.options
+    return
+  }
+
+  let params = {
+    id: props.id,
+  }
+  const res = await util.dictionary_dict(params)
+  if (!res.data.parseValue) {
+    data.options = []
+    return
+  }
+
+  data.options = res.data.parseValue
+}
+
+const onDelete = (idx) => {
+  modelValue.value.splice(idx, 1)
+}
+
+watch(()=>props.modelValue,(o,n)=>{
+    if(!props.modelValue)
+        modelValue.value = []
+},{immediate:true})
+</script>
+
+<style scoped>
+.data-item{
+  margin: 0 8px 8px 0;
+  padding: 2px 5px;
+}
 </style>