新增动态输入单选、多行文本、默认值等特性；发布新版本

extend/base/admin/view/mall/goods/edit.html

@@ -75,7 +75,7 @@
         <div class="layui-form-item full-line">
             <label class="layui-form-label">属性（指定列）</label>
             <div class="layui-input-block">
-                <div data-toggle="property-input" data-name="property_static" data-field='{memory_size:"内存",disk_size:"硬盘",cpu_nums:"CPU核心数"}'>{$row.property_static|raw|default=''}</div>
+                <div data-toggle="property-input" data-name="property_static" data-field='[{key:"type",title:"类型",type:"radio",selectList:["单行文本","多行文本","单选"],default:"单行文本"},{key:"title",title:"名称"},{key:"data",title:"数据",type:"textarea",height:"80px",default:"请注意填写内容"}]'>{$row.property_static|raw|default=''}</div>
             </div>
         </div>
         <div class="layui-form-item full-line">

extend/base/common/command/admin/VersionBase.php

@@ -12,7 +12,7 @@ use think\console\Output;
 
 class VersionBase extends Command
 {
-    public const VERSION = 'v2.0.69';
+    public const VERSION = 'v2.0.70';
 
     public const LAYUI_VERSION = '2.8.17';
 

public/static/plugs/lay-module/propertyInput/propertyInput.css

@@ -3,4 +3,16 @@
 }
 .property-input-container .input-item .input-option {
   white-space: nowrap;
+}
+.property-input-container .input-item .layui-textarea {
+  min-height: auto;
+}
+.property-input-container .input-item td {
+  vertical-align: top;
+}
+.property-input-container .input-item .input-radio label {
+  margin-right: 10px;
+}
+.property-input-container .input-item .input-radio .item-radio {
+  display: inline-block;
 }

public/static/plugs/lay-module/propertyInput/propertyInput.html

@@ -5,7 +5,21 @@
 
         <tr class="input-item" :key="item.uid" v-for="(item,index) in listItem">
             <td class="input-value" :class="item.uid+itemField.key" :key="'drag-item-'+indexField" v-for="(itemField,indexField) in field">
-                <input type="text" class="layui-input" :placeholder="'请输入'+itemField.title" :value="item[itemField.key]" @change="onItemChange(item,index,itemField,$event)">
+
+                <template v-if="itemField.type == 'text'">
+                    <input type="text" class="layui-input" :placeholder="'请输入'+itemField.title" :value="item[itemField.key]" @change="onItemChange(item,index,itemField,$event)">
+                </template>
+                <template v-else-if="itemField.type == 'textarea'">
+                    <textarea class="layui-textarea" :style="{height: itemField.height}" :placeholder="'请输入'+itemField.title" :value="item[itemField.key]" @change="onItemChange(item,index,itemField,$event)" rows="1"></textarea>
+                </template>
+                <template v-else-if="itemField.type == 'radio'">
+                    <div class="input-radio">
+                        <template v-for="(itemSelect,indexSelect) in itemField.selectList">
+                            <input lay-ignore class="item-radio" type="radio" :name="itemField.key+item.uid" :id="itemField.key+item.uid+indexSelect" :value="itemSelect.value" :checked="item[itemField.key] == itemSelect.value" @change="onItemChange(item,index,itemField,$event)">
+                            <label :for="itemField.key+item.uid+indexSelect">{{itemSelect.title}}</label>
+                        </template>
+                    </div>
+
             </td>
             <td class="input-option">
                 <div class="layui-btn-group">

public/static/plugs/lay-module/propertyInput/propertyInput.js

@@ -36,7 +36,6 @@
         var options = $.extend(defaultOption, data);
 
         options.value = $.trim(options.value);
-
         // 处理field参数
         // 如果是字符串，则转为json
         if (typeof options.field === 'string') {
@@ -47,6 +46,7 @@
                     options.field = eval('(' + options.field + ')');
                 } catch (e) {
                     options.field = [];
+                    console.error('field参数格式错误');
                 }
             }
         }
@@ -89,7 +89,7 @@
             }
         }
 
-        // 如果field没有key或title，则初始化
+        // 如果field没有key、title、type、default，则初始化
         for (var i = 0; i < options.field.length; i++) {
             if (!options.field[i].key) {
                 options.field[i].key = 'name';
@@ -97,6 +97,74 @@
             if (!options.field[i].title) {
                 options.field[i].title = '名称';
             }
+            if (!options.field[i].type) {
+                options.field[i].type = 'text';
+            }
+            if (!options.field[i].default) {
+                options.field[i].default = '';
+            }
+
+
+
+            // 如果type是textarea且没有定义height，则高度为40px
+            if (options.field[i].type == 'textarea' && !options.field[i].height) {
+                options.field[i].height = '40px';
+            }
+
+            // 如果type是radio
+            if (options.field[i].type == 'radio') {
+
+                // selectList支持以下三种形式的数据
+                // 1 ['string1','string2']
+                // 2 [{title:'string1',value:'string1'},{title:'string2',value:'string2'}]
+                // 3 {string1:'string1',string2:'string2'}
+                // 第2个是标准格式
+
+
+                // 如果没有定义selectList
+                if (!options.field[i].selectList) {
+                    options.field[i].selectList = [
+                        {
+                            title: '是',
+                            value: 1
+                        },
+                        {
+                            title: '否',
+                            value: 0
+                        }
+                    ];
+                }
+
+                // 如果selectList是数组，但是数组的元素是字符串，则将该元素转为对象，title和value都为该元素
+                if (Array.isArray(options.field[i].selectList)) {
+                    for (var j = 0; j < options.field[i].selectList.length; j++) {
+                        if (typeof options.field[i].selectList[j] === 'string') {
+                            options.field[i].selectList[j] = {
+                                title: options.field[i].selectList[j],
+                                value: options.field[i].selectList[j]
+                            };
+                        }
+                    }
+                } else if (typeof options.field[i].selectList === 'object') {
+                    // 如果selectList是对象，则将该对象转为数组
+                    var selectList = [];
+                    for (var key in options.field[i].selectList) {
+                        selectList.push({
+                            title: options.field[i].selectList[key],
+                            value: key
+                        });
+                    }
+                    options.field[i].selectList = selectList;
+                }
+
+                // selectList必须包含title和value，如果没有则报错
+                for (var j = 0; j < options.field[i].selectList.length; j++) {
+                    if (!options.field[i].selectList[j].title || !options.field[i].selectList[j].value) {
+                        console.error('selectList的元素必须包含title和value');
+                    }
+                }
+
+            }
         }
 
         // 处理value参数
@@ -162,12 +230,12 @@
 
                     var emptyItem = {};
 
-                    for (var i = 0; i < this.field.length; i++) {
-                        emptyItem[this.field[i].key] = '';
-                    }
-
                     emptyItem.uid = ua.randdomString();
 
+                    for (var i = 0; i < this.field.length; i++) {
+                        emptyItem[this.field[i].key] = this.field[i].default;
+                    }
+
                     this.listItem.push(emptyItem);
 
                     this.updateValue(this.listItem);

public/static/plugs/lay-module/propertyInput/propertyInput.scss

@@ -7,5 +7,23 @@
         .input-option{
             white-space: nowrap;
         }
+
+        .layui-textarea{
+            min-height: auto;
+        }
+
+        td{
+            vertical-align: top;
+        }
+
+        .input-radio{
+            label{
+                margin-right: 10px;
+            }
+
+            .item-radio{
+                display: inline-block;
+            }
+        }
     }
 }

public/static/plugs/ulthon-admin/ulthon-admin.js

@@ -2328,6 +2328,7 @@
                 var list = document.querySelectorAll('[data-toggle="property-input"]');
                 $.each(list, function (i, v) {
                     var data = $(v).data();
+
                     data.value = $(v).text();
 
                     propertyInput.render(v, data, admin);