@@ -179,6 +179,7 @@ public function config($name='',$options=[],$value='')
179179 $ form = $ this ->slider ($ name ,$ options ,$ value );
180180 break ;
181181 case 'arrays ' :
182+ case 'array ' :
182183 $ attr = $ options ['attr ' ]??['id ' ,'title ' ];
183184 $ list = ($ options ['list ' ]??$ extra );
184185 $ form = $ this ->arrays ($ name ,$ list ,$ options );
@@ -568,60 +569,77 @@ public function arrays($name = '', $list = [], $options = [])
568569 {
569570 list ($ name ,$ id ) = $ this ->getNameId ($ name ,$ options );
570571 $ arr = '' ;
571- $ i = 0 ;
572- if (empty ($ list )) {
572+ $ tr = '' ;
573+ if (!empty ($ list )){
574+ foreach ($ list as $ key =>$ val ){
575+ $ tr .=<<<EOF
576+ <tr class="tr sortable">
577+ <td>
578+ <div><input type="text" {$ this ->getDataPropAttr ("{$ name }[key][] " ,$ key ,$ options )} placeholder=" {$ this ->__ ('Key ' )}" class="layui-input key">
579+ </div>
580+ </td>
581+ <td>
582+ <div><input type="text" {$ this ->getDataPropAttr ("{$ name }[value][] " ,$ val ,$ options )} placeholder=" {$ this ->__ ('Value ' )}" class="layui-input value">
583+ </div>
584+ </td>
585+ <th>
586+ <div class="btn">
587+ <span class="add">
588+ <i class="layui-icon layui-icon-addition"></i>
589+ </span><span class="del">
590+ <i class="layui-icon layui-icon-delete"></i></span>
591+ </div>
592+ </th>
593+ </tr>
594+ EOF ;
595+
596+ }
597+
598+ }else {
599+ $ tr .=<<<EOF
600+
601+ <tr class="tr sortable">
602+ <td>
603+ <div><input type="text" name=" {$ name }[key][]" value="" placeholder=" {$ this ->__ ('Key ' )}" class="layui-input key">
604+ </div>
605+ </td>
606+ <td>
607+ <div><input type="text" name=" {$ name }[value][]" value="" placeholder=" {$ this ->__ ('Value ' )}" class="layui-input value">
608+ </div>
609+ </td>
610+ <th>
611+ <div class="btn">
612+ <span class="add">
613+ <i class="layui-icon layui-icon-addition"></i>
614+ </span><span class="del">
615+ <i class="layui-icon layui-icon-delete"></i></span>
616+ </div>
617+ </th>
618+ </tr>
619+ EOF ;
620+ }
573621 $ arr .=<<<EOF
574- <div class="layui-form-item" >
575- {$ this ->label ($ name ,$ options )}
576- <div class="layui-input-inline">
577- <input {$ this ->verify ($ options )} type="text" name=" {$ name }[key][]" value="" placeholder=" {$ this ->__ ('key ' )}" autocomplete="off" class="layui-input input-double-width">
622+ <div class="layui-form-item" >
623+ {$ this ->label ($ name ,$ options )}
624+ <div class="layui-input-block">
625+ <table class="layui-table" filter="array">
626+ <thead>
627+ <tr>
628+ <th> {$ this ->__ ('Key ' )}</th>
629+ <th> {$ this ->__ ('Value ' )}</th>
630+ <td> {$ this ->__ ('Oprate ' )}</td>
631+ </tr>
632+ </thead>
633+ <tbody class="form-sortable layui-table-tr">
634+ {$ tr }
635+ </tbody>
636+ </table>
578637 </div>
579- <div class="layui-input-inline">
580- <input {$ this ->verify ($ options )} type="text" name=" {$ name }[value][]" value="" placeholder=" {$ this ->__ ('value ' )}" autocomplete="off" class="layui-input input-double-width">
581- </div><div class="layui-input-inline" >
582- <button data-name=" {$ name }" type="button" class="layui-btn layui-btn-warm layui-btn-sm addInput" lay-event="addInput">
583- <i class="layui-icon"></i>
584- </button>
585638 </div>
586- </div>
587639EOF ;
588- }
589- foreach ($ list as $ key => $ value ) {
590- if ($ i == 0 ) {
591- $ arr .= <<<EOF
592- <div class="layui-form-item" > {$ this ->label ($ name , $ options )}<div class="layui-input-inline">
593- <input {$ this ->getDataPropAttr ("{$ name }[key][] " ,$ key ,$ options )} type="text" autocomplete="off" class="layui-input input-double-width">
594- </div>
595- <div class="layui-input-inline">
596- <input {$ this ->getDataPropAttr ("{$ name }[value][] " ,$ value ,$ options )} type="text" placeholder=" {$ this ->__ ('value ' )}" autocomplete="off" class="layui-input input-double-width">
597- </div><div class="layui-input-inline" >
598- <button data-name=" {$ name }" type="button" class="layui-btn layui-btn-warm layui-btn-sm addInput" lay-event="addInput">
599- <i class="layui-icon"></i>
600- </button>
601- </div>
602- </div>
603- EOF ;
604- } else {
605- $ arr .=<<<EOF
606- <div class="layui-form-item"> {$ this ->label ($ name , $ options )}
607- <div class="layui-input-inline">
608- <input {$ this ->verify ($ options )} type="text" {$ this ->getDataPropAttr ("{$ name }[key][] " ,$ key ,$ options )} placeholder="' . $ this ->__ ('key') . '" autocomplete="off" class="layui-input input-double-width">
609- </div><div class="layui-input-inline">
610- <input {$ this ->verify ($ options )} type="text" {$ this ->getDataPropAttr ("{$ name }[value][] " ,$ value ,$ options )} placeholder="' . $ this ->__ ('value') . '" autocomplete="off" class="layui-input input-double-width">
611- </div><div class="layui-input-inline">
612- <button data-name="' . $ name . '" type="button" class="layui-btn layui-btn-danger layui-btn-sm removeInupt" lay-event="removeInupt">
613- <i class="layui-icon"></i>
614- </button>
615- </div></div>
616- EOF ;
617- }
618- $ i ++;
619- }
620- $ str = '<div id=" ' . $ name . '"> ' . $ arr . '</div> ' ;
621-
640+ $ str = '<div class="form-array" id=" ' . $ name . '"> ' . $ arr . '</div> ' ;
622641 return $ str ;
623642 }
624-
625643 /**
626644 * 文本
627645 * @param null $name
@@ -1303,7 +1321,7 @@ public function js($name=[],$options=[]){
13031321 * @param $options
13041322 * @return string
13051323 */
1306- public function css ($ name =[],$ options =[]){
1324+ public function link ($ name =[],$ options =[]){
13071325 if (is_string ($ name )){
13081326 $ name = explode (', ' ,$ name );
13091327 }
0 commit comments