wui-components-v2 1.1.84 → 1.1.85

package/components/add-address-page/add-address-page.vue

@@ -1,9 +1,9 @@
 <template>
   <view class="rounded-md mb-3">
     <view class="rounded-md shadow-md dark:bg-[#252530] pb-3">
-      <wd-textarea v-model="personDetail" placeholder="「粘贴识别」或输入文本，智能拆分、姓名、电话和地址" />
+      <wd-textarea v-model="personDetail" :readonly="readonly" placeholder="「粘贴识别」或输入文本，智能拆分、姓名、电话和地址" />
       <view class="flex justify-end align-center px-3">
-        <view class="px-3 text-white bg-[#007AFF] rounded-md py-1 text-sm box-border" @click="identifyingFn">
+        <view v-if="!readonly" class="px-3 text-white bg-[#007AFF] rounded-md py-1 text-sm box-border" @click="identifyingFn">
           智能识别
         </view>
       </view>
@@ -20,6 +20,7 @@ defineOptions({
 })
 const props = defineProps<{
   group: any
+  readonly?: boolean
 }>()
 const model = defineModel<any>()
 const personDetail = ref('')
@@ -29,6 +30,7 @@ const form = ref(null)
  * @description: 智能识别
  */
 function identifyingFn() {
+  if (props.readonly) return
   if (!personDetail.value) {
     toast.info('请输入内容')
     return

package/components/custom-date-picker/custom-date-picker.vue

@@ -13,6 +13,7 @@ const props = defineProps({
   type: { type: String, default: 'date' },
   min: String,
   max: String,
+  readonly: { type: Boolean, default: false },
 })
 
 const emit = defineEmits<{
@@ -64,9 +65,9 @@ console.log('labelText', props)
 
 <template>
   <div class="flex items-center justify-between">
-    <wd-input v-model="labelText" readonly :placeholder="placeholder" class="flex-1" @click="open = true" />
-    <wd-icon v-if="labelText" name="close-circle" size="16px" @click="clear" />
-    <wd-icon v-else name="right" size="16px" @click="clear" />
+    <wd-input v-model="labelText" readonly :placeholder="placeholder" class="flex-1" @click="!readonly && (open = true)" />
+    <wd-icon v-if="!readonly && labelText" name="close-circle" size="16px" @click="clear" />
+    <wd-icon v-else-if="!readonly" name="right" size="16px" @click="clear" />
   </div>
 
   <wd-calendar

package/components/custom-select-picker/custom-select-picker.vue

@@ -14,6 +14,7 @@ const props = defineProps({
   labelKey: { type: String, default: 'label' },
   valueKey: { type: String, default: 'value' },
   type: { type: String, default: 'radio' },
+  readonly: { type: Boolean, default: false },
 })
 
 const emit = defineEmits<{
@@ -63,9 +64,15 @@ const labelText = computed(() => {
 
 <template>
   <div class="flex items-center justify-between">
-    <wd-input v-model="labelText" readonly :placeholder="placeholder" class="flex-1" @click="open = true" />
-    <wd-icon v-if="labelText" name="close-circle" size="16px" @click="clear" />
-    <wd-icon v-else name="right" size="16px" @click="clear" />
+    <wd-input
+      v-model="labelText"
+      readonly
+      :placeholder="placeholder"
+      class="flex-1"
+      @click="!readonly && (open = true)"
+    />
+    <wd-icon v-if="!readonly && labelText" name="close-circle" size="16px" @click="clear" />
+    <wd-icon v-else-if="!readonly" name="right" size="16px" @click="clear" />
   </div>
 
   <wd-select-picker
@@ -76,6 +83,7 @@ const labelText = computed(() => {
     value-key="value"
     class="custom-select-picker"
     :type="type as any"
+    :readonly="readonly"
   />
 </template>
 

package/components/form-control/form-control.vue

@@ -111,7 +111,7 @@ function initFormData() {
 
     // 时间
     if (
-      ControlTypeSupportor.getControlType(item, props.entity && props.entity[item.sourceId]) === 'datetime' ||
+      ControlTypeSupportor.getControlType(item, props.entity && props.entity[item.sourceId]) === 'eetime' ||
       ControlTypeSupportor.getControlType(item, props.entity && props.entity[item.sourceId]) === 'date'
     ) {
       return (models[item.sourceId] =
@@ -623,6 +623,7 @@ console.log('clearValueMap', clearValueMap)
               :placeholder="`请选择${item.title}`"
               :columns="enumColumn && formatSelectColumns(enumColumn[item.mstrucId])"
               type="radio"
+              :readonly="item.disabled || item.rowEditType === 'readonly'"
             />
           </wd-form-item>
           <wd-form-item
@@ -642,6 +643,7 @@ console.log('clearValueMap', clearValueMap)
               :title="item.title"
               :add-event="addEvent"
               :ext-control-type="item.extControlType"
+              :readonly="item.disabled || item.rowEditType === 'readonly'"
             />
           </wd-form-item>
           <wd-form-item
@@ -657,6 +659,7 @@ console.log('clearValueMap', clearValueMap)
               :placeholder="`请选择${item.title}`"
               :columns="enumColumn && formatSelectColumns(enumColumn[item.mstrucId])"
               type="checkbox"
+              :readonly="item.disabled || item.rowEditType === 'readonly'"
             />
           </wd-form-item>
           <wd-form-item
@@ -672,6 +675,7 @@ console.log('clearValueMap', clearValueMap)
               type="date"
               :clearable="!item.disabled"
               :placeholder="`请选择${item.title}`"
+              :readonly="item.disabled || item.rowEditType === 'readonly'"
             />
           </wd-form-item>
           <wd-form-item
@@ -688,6 +692,7 @@ console.log('clearValueMap', clearValueMap)
               type="datetime"
               :clearable="!item.disabled"
               :placeholder="`请选择${item.title}`"
+              :readonly="item.disabled || item.rowEditType === 'readonly'"
             />
           </wd-form-item>
           <wd-form-item
@@ -704,6 +709,7 @@ console.log('clearValueMap', clearValueMap)
               use-second
               :clearable="!item.disabled"
               :placeholder="`请选择${item.title}`"
+              :readonly="item.disabled || item.rowEditType === 'readonly'"
             />
           </wd-form-item>
           <wd-form-item
@@ -720,6 +726,7 @@ console.log('clearValueMap', clearValueMap)
               use-second
               :clearable="!item.disabled"
               :placeholder="`请选择${item.title}`"
+              :readonly="item.disabled || item.rowEditType === 'readonly'"
             />
           </wd-form-item>
           <wd-form-item
@@ -736,6 +743,7 @@ console.log('clearValueMap', clearValueMap)
               use-second
               :clearable="!item.disabled"
               :placeholder="`请选择${item.title}`"
+              :readonly="item.disabled || item.rowEditType === 'readonly'"
             />
           </wd-form-item>
           <wd-form-item

package/components/user-choose/user-choose.vue

@@ -31,6 +31,7 @@ const props = defineProps({
   sourceId: String,
   title: String,
   extControlType: String,
+  readonly: { type: Boolean, default: false },
 })
 
 const emit = defineEmits<{
@@ -49,6 +50,7 @@ const showValue = reactive({
 const EVENT_NAME = `userChooseSelected_${generateHighResolutionID()}`
 
 const addUser = () => {
+  if (props.readonly) return
   const addEvent = generateHighResolutionID()
   // 当前已有数据时，跳转到编辑页面
   if (currentValue.value && typeof currentValue.value === 'string') {
@@ -69,6 +71,7 @@ const addUser = () => {
 }
 
 const toAddressList = () => {
+  if (props.readonly) return
   uni.navigateTo({
     url: `/pages/select-list/index?sourceId=${props.sourceId}&title=${props.title}&extControlType=${props.extControlType}&selectEvent=${EVENT_NAME}`,
   })

package/components/wui-select-popup/wui-select-popup.vue

@@ -425,8 +425,8 @@ console.log(props, 'props')
 
       <!-- 右侧箭头 -->
       <view class="cell-arrow">
-        <wd-icon v-if="clearable && displayValue" name="close-circle" size="16px" @click.stop="clear" />
-        <wd-icon name="right" v-else size="16px"></wd-icon>
+        <wd-icon v-if="clearable && !readonly && displayValue" name="close-circle" size="16px" @click.stop="clear" />
+        <wd-icon v-else-if="!readonly" name="right" size="16px"></wd-icon>
       </view>
     </view>
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wui-components-v2",
-  "version": "1.1.84",
+  "version": "1.1.85",
   "description": "wui 组件库",
   "author": "wgxshh",
   "license": "MIT",