组件新增隐藏属性标题显示

hookehuyr
Commit 6cf89297ab87ba28d50b109149005cdfb4d2290c 6cf89297 1 parent d2ea98fe
Showing 25 changed files with 47 additions and 22 deletions
src/components/AppointmentField/index.vue
src/components/AreaPickerField/index.vue
src/components/CalendarField/index.vue
src/components/CheckboxField/index.vue
src/components/DatePickerField/index.vue
src/components/DateTimePickerField/index.vue
src/components/EmailField/index.vue
src/components/GenderField/index.vue
src/components/GroupField/index.vue
src/components/IdentityField/index.vue
src/components/ImageUploaderField/index.vue
src/components/NameField/index.vue
src/components/NumberField/index.vue
src/components/OrgPickerField/index.vue
src/components/PhoneField/index.vue
src/components/PickerField/index.vue
src/components/RadioField/index.vue
src/components/RatePickerField/index.vue
src/components/RuleField/index.vue
src/components/SignField/index.vue
--- a/src/components/AppointmentField/index.vue
View file @6cf8929
+++ b/src/components/AppointmentField/index.vue
View file @6cf8929
@@ -8,6 +8,7 @@
 <template>
   <div class="Appointment-field-page">
     <div class="label">
+      <span v-if="item.component_props.disabled_show"><van-icon name="closed-eye" /></span>
       <span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
       <span :class="[ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
     </div>
--- a/src/components/AreaPickerField/index.vue
View file @6cf8929
+++ b/src/components/AreaPickerField/index.vue
View file @6cf8929
@@ -8,6 +8,7 @@
 <template>
   <div v-if="HideShow" class="area-picker-field">
     <div class="label">
+      <span v-if="item.component_props.disabled_show"><van-icon name="closed-eye" /></span>
       <span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
       <span :class="[ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
     </div>
--- a/src/components/CalendarField/index.vue
View file @6cf8929
+++ b/src/components/CalendarField/index.vue
View file @6cf8929
 <!--
  * @Date: 2022-09-14 11:00:01
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2023-02-10 10:06:27
+ * @LastEditTime: 2024-08-07 18:13:33
  * @FilePath: /data-table/src/components/CalendarField/index.vue
  * @Description: 日历选择控件
 -->
 <template>
   <div class="calendar-page">
     <div class="label">
+      <span v-if="item.component_props.disabled_show"><van-icon name="closed-eye" /></span>
       <span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
       <span :class="[ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
     </div>
--- a/src/components/CheckboxField/index.vue
View file @6cf8929
+++ b/src/components/CheckboxField/index.vue
View file @6cf8929
 <!--
  * @Date: 2022-08-30 11:34:19
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-08-03 20:34:28
+ * @LastEditTime: 2024-08-07 18:13:41
  * @FilePath: /data-table/src/components/CheckboxField/index.vue
  * @Description: 多项选择控件
 -->
 <template>
   <div v-if="HideShow" class="checkbox-field-page">
     <div class="label">
+      <span v-if="item.component_props.disabled_show"><van-icon name="closed-eye" /></span>
       <span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
       <span :class="[ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
       <span v-if="item.component_props.max" style="color: gray">
--- a/src/components/DatePickerField/index.vue
View file @6cf8929
+++ b/src/components/DatePickerField/index.vue
View file @6cf8929
 <!--
  * @Date: 2022-08-31 11:45:30
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-08-03 20:34:51
+ * @LastEditTime: 2024-08-07 18:13:46
  * @FilePath: /data-table/src/components/DatePickerField/index.vue
  * @Description: 日期选择组件
 -->
 <template>
   <div v-if="HideShow" class="date-picker-field">
     <div class="label">
+      <span v-if="item.component_props.disabled_show"><van-icon name="closed-eye" /></span>
       <span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
       <span :class="[ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
     </div>
--- a/src/components/DateTimePickerField/index.vue
View file @6cf8929
+++ b/src/components/DateTimePickerField/index.vue
View file @6cf8929
 <!--
  * @Date: 2022-09-08 15:02:45
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-08-03 20:34:57
+ * @LastEditTime: 2024-08-07 18:13:52
  * @FilePath: /data-table/src/components/DateTimePickerField/index.vue
  * @Description: 日期时间选择器
 -->
 <template>
   <div v-if="HideShow" class="datetime-picker">
     <div class="label">
+      <span v-if="item.component_props.disabled_show"><van-icon name="closed-eye" /></span>
       <span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
       <span :class="[ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
     </div>
--- a/src/components/EmailField/index.vue
View file @6cf8929
+++ b/src/components/EmailField/index.vue
View file @6cf8929
 <!--
  * @Date: 2022-08-29 14:31:20
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-08-03 20:35:02
+ * @LastEditTime: 2024-08-07 18:13:59
  * @FilePath: /data-table/src/components/EmailField/index.vue
  * @Description: 邮箱输入框
 -->
 <template>
   <div v-if="HideShow" class="text-field-page">
     <div class="label">
+      <span v-if="item.component_props.disabled_show"><van-icon name="closed-eye" /></span>
       <span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
       <span :class="[ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
     </div>
--- a/src/components/GenderField/index.vue
View file @6cf8929
+++ b/src/components/GenderField/index.vue
View file @6cf8929
 <!--
  * @Date: 2022-08-30 11:34:19
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-08-03 20:35:08
+ * @LastEditTime: 2024-08-07 18:14:05
  * @FilePath: /data-table/src/components/GenderField/index.vue
  * @Description: 性别选择控件
 -->
 <template>
   <div v-if="HideShow" class="gender-field-page">
     <div class="label">
+      <span v-if="item.component_props.disabled_show"><van-icon name="closed-eye" /></span>
       <span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
       <span :class="[ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
     </div>
--- a/src/components/GroupField/index.vue
View file @6cf8929
+++ b/src/components/GroupField/index.vue
View file @6cf8929
 <!--
  * @Date: 2024-05-27 14:28:57
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-08-03 20:35:14
+ * @LastEditTime: 2024-08-07 18:14:11
  * @FilePath: /data-table/src/components/GroupField/index.vue
  * @Description: 组集合输入控件
 -->
 <template>
   <div v-if="HideShow" class="group-field-page">
     <div class="label">
+      <span v-if="item.component_props.disabled_show"><van-icon name="closed-eye" /></span>
       <span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
       <span :class="[ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
     </div>
--- a/src/components/IdentityField/index.vue
View file @6cf8929
+++ b/src/components/IdentityField/index.vue
View file @6cf8929
 <!--
  * @Date: 2022-09-14 14:44:30
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-08-03 20:35:18
+ * @LastEditTime: 2024-08-07 18:14:16
  * @FilePath: /data-table/src/components/IdentityField/index.vue
  * @Description: 身份证输入控件
 -->
 <template>
   <div v-if="HideShow" class="identity-page">
     <div class="label">
+      <span v-if="item.component_props.disabled_show"><van-icon name="closed-eye" /></span>
       <span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
       <span :class="[ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
     </div>
--- a/src/components/ImageUploaderField/index.vue
View file @6cf8929
+++ b/src/components/ImageUploaderField/index.vue
View file @6cf8929
 <!--
  * @Date: 2022-08-31 16:16:49
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-07-27 11:16:04
+ * @LastEditTime: 2024-08-07 18:14:21
  * @FilePath: /data-table/src/components/ImageUploaderField/index.vue
  * @Description: 图片上传控件
 -->
 <template>
   <div v-if="HideShow" class="image-uploader-field">
     <div class="label">
+      <span v-if="item.component_props.disabled_show"><van-icon name="closed-eye" /></span>
       <span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
       <span :class="[ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
     </div>
--- a/src/components/NameField/index.vue
View file @6cf8929
+++ b/src/components/NameField/index.vue
View file @6cf8929
 <!--
  * @Date: 2022-08-29 14:31:20
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-08-03 20:27:38
+ * @LastEditTime: 2024-08-07 18:13:13
  * @FilePath: /data-table/src/components/NameField/index.vue
  * @Description: 姓名输入框
 -->
 <template>
   <div v-if="HideShow" class="name-field-page">
     <div :class="[isGroup ? 'group-label' : 'label']">
+      <span v-if="item.component_props.disabled_show"><van-icon name="closed-eye" /></span>
       <span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
       <span :class="[ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
     </div>
--- a/src/components/NumberField/index.vue
View file @6cf8929
+++ b/src/components/NumberField/index.vue
View file @6cf8929
 <!--
  * @Date: 2022-09-14 14:44:30
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-08-03 20:35:32
+ * @LastEditTime: 2024-08-07 18:14:33
  * @FilePath: /data-table/src/components/NumberField/index.vue
  * @Description: 数字输入框
 -->
 <template>
   <div v-if="HideShow" class="number-page">
     <div class="label">
+      <span v-if="item.component_props.disabled_show"><van-icon name="closed-eye" /></span>
       <span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
       <span :class="[ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
     </div>
--- a/src/components/OrgPickerField/index.vue
View file @6cf8929
+++ b/src/components/OrgPickerField/index.vue
View file @6cf8929
 <!--
  * @Date: 2022-08-29 14:31:20
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-07-27 11:14:39
+ * @LastEditTime: 2024-08-07 18:14:41
  * @FilePath: /data-table/src/components/OrgPickerField/index.vue
  * @Description: 树形组件
 -->
 <template>
   <div v-if="HideShow" class="name-field-page">
     <div :class="[isGroup ? 'group-label' : 'label']">
+      <span v-if="item.component_props.disabled_show"><van-icon name="closed-eye" /></span>
       <span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
       <span :class="[ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
     </div>
--- a/src/components/PhoneField/index.vue
View file @6cf8929
+++ b/src/components/PhoneField/index.vue
View file @6cf8929
 <!--
  * @Date: 2022-09-02 10:46:03
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-08-03 20:35:41
+ * @LastEditTime: 2024-08-07 18:14:46
  * @FilePath: /data-table/src/components/PhoneField/index.vue
  * @Description: 手机输入框
 -->
 <template>
   <div v-if="HideShow" class="phone-field-page">
     <div class="label">
+      <span v-if="item.component_props.disabled_show"><van-icon name="closed-eye" /></span>
       <span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
       <span :class="[ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
     </div>
--- a/src/components/PickerField/index.vue
View file @6cf8929
+++ b/src/components/PickerField/index.vue
View file @6cf8929
 <!--
  * @Date: 2022-08-30 13:46:51
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-08-03 20:35:47
+ * @LastEditTime: 2024-08-07 18:14:51
  * @FilePath: /data-table/src/components/PickerField/index.vue
  * @Description: 单列选择器组件
 -->
 <template>
   <div v-if="HideShow" class="picker-field-page">
     <div class="label">
+      <span v-if="item.component_props.disabled_show"><van-icon name="closed-eye" /></span>
       <span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
       <span :class="[ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
     </div>
--- a/src/components/RadioField/index.vue
View file @6cf8929
+++ b/src/components/RadioField/index.vue
View file @6cf8929
 <!--
  * @Date: 2022-08-30 11:34:19
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-08-03 20:35:59
+ * @LastEditTime: 2024-08-07 18:14:56
  * @FilePath: /data-table/src/components/RadioField/index.vue
  * @Description: 单项选择控件
 -->
 <template>
   <div v-if="HideShow" class="radio-field-page">
     <div class="label">
+      <span v-if="item.component_props.disabled_show"><van-icon name="closed-eye" /></span>
       <span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
       <span :class="[ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
     </div>
--- a/src/components/RatePickerField/index.vue
View file @6cf8929
+++ b/src/components/RatePickerField/index.vue
View file @6cf8929
 <!--
  * @Date: 2022-09-08 15:47:54
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2023-03-29 13:27:43
+ * @LastEditTime: 2024-08-07 18:15:01
  * @FilePath: /data-table/src/components/RatePickerField/index.vue
  * @Description: 评分选择控件
 -->
 <template>
   <div v-if="HideShow" class="rate-field">
     <div class="label">
+      <span v-if="item.component_props.disabled_show"><van-icon name="closed-eye" /></span>
       <span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
       <span :class="[ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
     </div>
--- a/src/components/RuleField/index.vue
View file @6cf8929
+++ b/src/components/RuleField/index.vue
View file @6cf8929
 <!--
  * @Date: 2022-08-30 11:34:19
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2023-02-09 16:07:40
+ * @LastEditTime: 2024-08-07 18:15:06
  * @FilePath: /data-table/src/components/RuleField/index.vue
  * @Description: 规则确认控件
 -->
 <template>
   <div class="rule-field-page">
     <div class="label">
+      <span v-if="item.component_props.disabled_show"><van-icon name="closed-eye" /></span>
       <span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
       <span :class="[ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
     </div>
--- a/src/components/SignField/index.vue
View file @6cf8929
+++ b/src/components/SignField/index.vue
View file @6cf8929
 <!--
  * @Date: 2022-09-06 16:29:31
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2023-04-28 13:11:27
+ * @LastEditTime: 2024-08-07 18:15:11
  * @FilePath: /data-table/src/components/SignField/index.vue
  * @Description: 电子签名控件
 -->
 <template>
   <div v-if="HideShow" class="sign-page">
     <div class="label">
+      <span v-if="item.component_props.disabled_show"><van-icon name="closed-eye" /></span>
       <span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
       <span :class="[ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
     </div>
--- a/src/components/TableField/index.vue
View file @6cf8929
+++ b/src/components/TableField/index.vue
View file @6cf8929
 <!--
  * @Date: 2022-08-29 14:31:20
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-08-07 11:07:29
+ * @LastEditTime: 2024-08-07 18:15:18
  * @FilePath: /data-table/src/components/TableField/index.vue
  * @Description: 表格组件
 -->
 <template>
   <div v-if="HideShow" class="table-field-page">
     <div class="label">
+      <span v-if="item.component_props.disabled_show"><van-icon name="closed-eye" /></span>
       <span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
       <span :class="[ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
     </div>
--- a/src/components/TextField/index.vue
View file @6cf8929
+++ b/src/components/TextField/index.vue
View file @6cf8929
 <!--
  * @Date: 2022-08-29 14:31:20
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-08-03 20:36:31
+ * @LastEditTime: 2024-08-07 18:15:28
  * @FilePath: /data-table/src/components/TextField/index.vue
  * @Description: 单行文本输入框(微信扫描功能)
 -->
 <template>
   <div v-if="HideShow" class="text-field-page">
     <div :class="[isGroup ? 'group-label' : 'label']">
+      <span v-if="item.component_props.disabled_show"><van-icon name="closed-eye" /></span>
       <span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
       <span :class="[ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
     </div>
--- a/src/components/TextareaField/index.vue
View file @6cf8929
+++ b/src/components/TextareaField/index.vue
View file @6cf8929
 <!--
  * @Date: 2022-08-29 14:31:20
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-08-03 20:36:23
+ * @LastEditTime: 2024-08-07 18:15:23
  * @FilePath: /data-table/src/components/TextareaField/index.vue
  * @Description: 多行文本输入框
 -->
 <template>
   <div v-if="HideShow" class="textarea-field-page">
     <div class="label">
+      <span v-if="item.component_props.disabled_show"><van-icon name="closed-eye" /></span>
       <span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
       <span :class="[ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
     </div>
--- a/src/components/TimePickerField/index.vue
View file @6cf8929
+++ b/src/components/TimePickerField/index.vue
View file @6cf8929
@@ -8,6 +8,7 @@
 <template>
   <div v-if="HideShow" class="time-picker-field">
     <div class="label">
+      <span v-if="item.component_props.disabled_show"><van-icon name="closed-eye" /></span>
       <span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
       <span :class="[ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
     </div>
--- a/src/components/VolunteerGroupField/index.vue
View file @6cf8929
+++ b/src/components/VolunteerGroupField/index.vue
View file @6cf8929
 <!--
  * @Date: 2022-08-30 11:34:19
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-08-03 20:36:47
+ * @LastEditTime: 2024-08-07 18:15:36
  * @FilePath: /data-table/src/components/VolunteerGroupField/index.vue
  * @Description: 义工组别选择控件
 -->
 <template>
   <div v-if="HideShow" class="radio-field-page">
     <div class="label">
+      <span v-if="item.component_props.disabled_show"><van-icon name="closed-eye" /></span>
       <span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
       <span :class="[!ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
     </div>