From f7796fb422f55e1ca8def25fce23d16ac0424d01 Mon Sep 17 00:00:00 2001
From: wolfcode <37436228+wolf-leo@users.noreply.github.com>
Date: Fri, 17 Nov 2023 21:58:32 +0800
Subject: [PATCH] Update Images Select.

---
 public/static/plugs/easy-admin/easy-admin.js  |   7 +-
 .../lay-module/tableSelect/tableSelect.js     | 145 +++++++++---------
 2 files changed, 75 insertions(+), 77 deletions(-)

diff --git a/public/static/plugs/easy-admin/easy-admin.js b/public/static/plugs/easy-admin/easy-admin.js
index 1532a86..505e445 100644
--- a/public/static/plugs/easy-admin/easy-admin.js
+++ b/public/static/plugs/easy-admin/easy-admin.js
@@ -1454,11 +1454,8 @@ define(["jquery", "tableSelect", "ckeditor"], function ($, tableSelect, undefine
                                 });
                                 var url = urlArray.join(uploadSign);
                                 admin.msg.success('选择成功', function () {
-                                    let _dom = $(e).parents('.layui-form-item').find('input')
-                                    _dom.attr('value', url)
-                                    _dom.trigger("input")
-                                    // $(elem).val(url);
-                                    // $(elem).trigger("input");
+                                    $(elem).val(url);
+                                    $(elem).trigger("input");
                                 });
                             }
                         })
diff --git a/public/static/plugs/lay-module/tableSelect/tableSelect.js b/public/static/plugs/lay-module/tableSelect/tableSelect.js
index f38fed6..a436953 100644
--- a/public/static/plugs/lay-module/tableSelect/tableSelect.js
+++ b/public/static/plugs/lay-module/tableSelect/tableSelect.js
@@ -14,7 +14,8 @@ layui.define(['table', 'jquery', 'form'], function (exports) {
      */
     tableSelect.prototype.render = function (opt) {
         var elem = $(opt.elem);
-        var tableDone = opt.table.done || function(){};
+        var tableDone = opt.table.done || function () {
+        };
 
         //默认设置
         opt.searchKey = opt.searchKey || 'keyword';
@@ -30,34 +31,34 @@ layui.define(['table', 'jquery', 'form'], function (exports) {
         opt.searchType = opt.searchType || 'one';
         opt.searchList = opt.searchList || [{key: opt.searchKey, placeholder: opt.searchPlaceholder}];
 
-        elem.off('click').on('click', function(e) {
+        elem.off('click').on('click', function (e) {
             e.stopPropagation();
 
-            if($('div.tableSelect').length >= 1){
+            if ($('div.tableSelect').length >= 1) {
                 return false;
             }
 
-            var t = elem.offset().top + elem.outerHeight()+"px";
-            var l = elem.offset().left +"px";
+            var t = elem.offset().top + elem.outerHeight() + "px";
+            var l = elem.offset().left + "px";
             var tableName = "tableSelect_table_" + new Date().getTime();
-            var tableBox = '<div class="tableSelect layui-anim layui-anim-upbit" style="left:'+l+';top:'+t+';border: 1px solid #d2d2d2;background-color: #fff;box-shadow: 0 2px 4px rgba(0,0,0,.12);padding:10px 10px 0 10px;position: absolute;z-index:66666666;margin: 5px 0;border-radius: 2px;min-width:'+opt.width+'px;">';
+            var tableBox = '<div class="tableSelect layui-anim layui-anim-upbit" style="left:' + l + ';top:' + t + ';border: 1px solid #d2d2d2;background-color: #fff;box-shadow: 0 2px 4px rgba(0,0,0,.12);padding:10px 10px 0 10px;position: absolute;z-index:66666666;margin: 5px 0;border-radius: 2px;min-width:' + opt.width + 'px;">';
             tableBox += '<div class="tableSelectBar">';
             tableBox += '<form class="layui-form" action="" style="display:inline-block;">';
 
             //判断是否多搜索条件
-            if(opt.searchType == 'more'){
+            if (opt.searchType == 'more') {
                 $.each(opt.searchList, function (index, item) {
-                    tableBox += '<input style="display:inline-block;width:190px;height:30px;vertical-align:middle;margin-right:-1px;border: 1px solid #C9C9C9;" type="text" name="'+item.searchKey+'" placeholder="'+item.searchPlaceholder+'" autocomplete="off" class="layui-input">';
+                    tableBox += '<input style="display:inline-block;width:190px;height:30px;vertical-align:middle;margin-right:-1px;border: 1px solid #C9C9C9;" type="text" name="' + item.searchKey + '" placeholder="' + item.searchPlaceholder + '" autocomplete="off" class="layui-input">';
                 });
-            }else{
-                tableBox += '<input style="display:inline-block;width:190px;height:30px;vertical-align:middle;margin-right:-1px;border: 1px solid #C9C9C9;" type="text" name="'+opt.searchKey+'" placeholder="'+opt.searchPlaceholder+'" autocomplete="off" class="layui-input">';
+            } else {
+                tableBox += '<input style="display:inline-block;width:190px;height:30px;vertical-align:middle;margin-right:-1px;border: 1px solid #C9C9C9;" type="text" name="' + opt.searchKey + '" placeholder="' + opt.searchPlaceholder + '" autocomplete="off" class="layui-input">';
             }
 
             tableBox += '<button class="layui-btn layui-btn-sm layui-btn-primary tableSelect_btn_search" lay-submit lay-filter="tableSelect_btn_search"><i class="layui-icon layui-icon-search"></i></button>';
             tableBox += '</form>';
             tableBox += '<button style="float:right;" class="layui-btn layui-btn-sm tableSelect_btn_select">选择<span></span></button>';
             tableBox += '</div>';
-            tableBox += '<table id="'+tableName+'" lay-filter="'+tableName+'"></table>';
+            tableBox += '<table id="' + tableName + '" lay-filter="' + tableName + '"></table>';
             tableBox += '</div>';
             tableBox = $(tableBox);
             $('body').append(tableBox);
@@ -66,9 +67,9 @@ layui.define(['table', 'jquery', 'form'], function (exports) {
             var checkedData = [];
 
             //渲染TABLE
-            opt.table.elem = "#"+tableName;
+            opt.table.elem = "#" + tableName;
             opt.table.id = tableName;
-            opt.table.done = function(res, curr, count){
+            opt.table.done = function (res, curr, count) {
                 defaultChecked(res, curr, count);
                 setChecked(res, curr, count);
                 tableDone(res, curr, count);
@@ -76,28 +77,28 @@ layui.define(['table', 'jquery', 'form'], function (exports) {
             var tableSelect_table = table.render(opt.table);
 
             //分页选中保存数组
-            table.on('radio('+tableName+')', function(obj){
-                if(opt.checkedKey){
+            table.on('radio(' + tableName + ')', function (obj) {
+                if (opt.checkedKey) {
                     checkedData = table.checkStatus(tableName).data
                 }
                 updataButton(table.checkStatus(tableName).data.length)
             })
-            table.on('checkbox('+tableName+')', function(obj){
-                if(opt.checkedKey){
-                    if(obj.checked){
-                        for (var i=0;i<table.checkStatus(tableName).data.length;i++){
+            table.on('checkbox(' + tableName + ')', function (obj) {
+                if (opt.checkedKey) {
+                    if (obj.checked) {
+                        for (var i = 0; i < table.checkStatus(tableName).data.length; i++) {
                             checkedData.push(table.checkStatus(tableName).data[i])
                         }
-                    }else{
-                        if(obj.type=='all'){
-                            for (var j=0;j<table.cache[tableName].length;j++) {
-                                for (var i=0;i<checkedData.length;i++){
-                                    if(checkedData[i][opt.checkedKey] == table.cache[tableName][j][opt.checkedKey]){
-                                        checkedData.splice(i,1)
+                    } else {
+                        if (obj.type == 'all') {
+                            for (var j = 0; j < table.cache[tableName].length; j++) {
+                                for (var i = 0; i < checkedData.length; i++) {
+                                    if (checkedData[i][opt.checkedKey] == table.cache[tableName][j][opt.checkedKey]) {
+                                        checkedData.splice(i, 1)
                                     }
                                 }
                             }
-                        }else{
+                        } else {
                             //因为LAYUI问题，操作到变化全选状态时获取到的obj为空，这里用函数获取未选中的项。
                             var nu = function () {
                                 var noCheckedKey = '';
@@ -109,49 +110,49 @@ layui.define(['table', 'jquery', 'form'], function (exports) {
                                 return noCheckedKey
                             };
                             var noCheckedKey = obj.data[opt.checkedKey] || nu();
-                            for (var i=0;i<checkedData.length;i++){
-                                if(checkedData[i][opt.checkedKey] == noCheckedKey){
-                                    checkedData.splice(i,1);
+                            for (var i = 0; i < checkedData.length; i++) {
+                                if (checkedData[i][opt.checkedKey] == noCheckedKey) {
+                                    checkedData.splice(i, 1);
                                 }
                             }
                         }
                     }
                     checkedData = uniqueObjArray(checkedData, opt.checkedKey);
                     updataButton(checkedData.length)
-                }else{
+                } else {
                     updataButton(table.checkStatus(tableName).data.length)
                 }
             });
 
             //渲染表格后选中
-            function setChecked (res, curr, count) {
-                for(var i=0;i<res.data.length;i++){
-                    for (var j=0;j<checkedData.length;j++) {
-                        if(res.data[i][opt.checkedKey] == checkedData[j][opt.checkedKey]){
+            function setChecked(res, curr, count) {
+                for (var i = 0; i < res.data.length; i++) {
+                    for (var j = 0; j < checkedData.length; j++) {
+                        if (res.data[i][opt.checkedKey] == checkedData[j][opt.checkedKey]) {
                             res.data[i].LAY_CHECKED = true;
-                            var index= res.data[i]['LAY_TABLE_INDEX'];
-                            var checkbox = $('#'+tableName+'').next().find('tr[data-index=' + index + '] input[type="checkbox"]');
+                            var index = res.data[i]['LAY_INDEX'];
+                            var checkbox = $('#' + tableName + '').next().find('tr[data-index=' + index + '] input[type="checkbox"]');
                             checkbox.prop('checked', true).next().addClass('layui-form-checked');
-                            var radio  = $('#'+tableName+'').next().find('tr[data-index=' + index + '] input[type="radio"]');
-                            radio.prop('checked', true).next().addClass('layui-form-radioed').find("i").html('&#xe643;');
+                            var radio = $('#' + tableName + '').next().find('tr[data-index=' + index + '] input[type="radio"]');
+                            radio.prop('checked', true).next().addClass('layui-form-radioed').find("i").addClass('layui-icon-radio');
                         }
                     }
                 }
                 var checkStatus = table.checkStatus(tableName);
-                if(checkStatus.isAll){
-                    $('#'+tableName+'').next().find('.layui-table-header th[data-field="0"] input[type="checkbox"]').prop('checked', true);
-                    $('#'+tableName+'').next().find('.layui-table-header th[data-field="0"] input[type="checkbox"]').next().addClass('layui-form-checked');
+                if (checkStatus.isAll) {
+                    $('#' + tableName + '').next().find('.layui-table-header th[data-field="0"] input[type="checkbox"]').prop('checked', true);
+                    $('#' + tableName + '').next().find('.layui-table-header th[data-field="0"] input[type="checkbox"]').next().addClass('layui-form-checked');
                 }
                 updataButton(checkedData.length)
             }
 
             //写入默认选中值(puash checkedData)
-            function defaultChecked (res, curr, count){
-                if(opt.checkedKey && elem.attr('ts-selected')){
+            function defaultChecked(res, curr, count) {
+                if (opt.checkedKey && elem.attr('ts-selected')) {
                     var selected = elem.attr('ts-selected').split(",");
-                    for(var i=0;i<res.data.length;i++){
-                        for(var j=0;j<selected.length;j++){
-                            if(res.data[i][opt.checkedKey] == selected[j]){
+                    for (var i = 0; i < res.data.length; i++) {
+                        for (var j = 0; j < selected.length; j++) {
+                            if (res.data[i][opt.checkedKey] == selected[j]) {
                                 checkedData.push(res.data[i])
                             }
                         }
@@ -161,28 +162,28 @@ layui.define(['table', 'jquery', 'form'], function (exports) {
             }
 
             //更新选中数量
-            function updataButton (n) {
-                tableBox.find('.tableSelect_btn_select span').html(n==0?'':'('+n+')')
+            function updataButton(n) {
+                tableBox.find('.tableSelect_btn_select span').html(n == 0 ? '' : '(' + n + ')')
             }
 
             //数组去重
-            function uniqueObjArray(arr, type){
+            function uniqueObjArray(arr, type) {
                 var newArr = [];
                 var tArr = [];
-                if(arr.length == 0){
+                if (arr.length == 0) {
                     return arr;
-                }else{
-                    if(type){
-                        for(var i=0;i<arr.length;i++){
-                            if(!tArr[arr[i][type]]){
+                } else {
+                    if (type) {
+                        for (var i = 0; i < arr.length; i++) {
+                            if (!tArr[arr[i][type]]) {
                                 newArr.push(arr[i]);
                                 tArr[arr[i][type]] = true;
                             }
                         }
                         return newArr;
-                    }else{
-                        for(var i=0;i<arr.length;i++){
-                            if(!tArr[arr[i]]){
+                    } else {
+                        for (var i = 0; i < arr.length; i++) {
+                            if (!tArr[arr[i]]) {
                                 newArr.push(arr[i]);
                                 tArr[arr[i]] = true;
                             }
@@ -195,11 +196,11 @@ layui.define(['table', 'jquery', 'form'], function (exports) {
             //FIX位置
             var overHeight = (elem.offset().top + elem.outerHeight() + tableBox.outerHeight() - $(window).scrollTop()) > $(window).height();
             var overWidth = (elem.offset().left + tableBox.outerWidth()) > $(window).width();
-            overHeight && tableBox.css({'top':'auto','bottom':'0px'});
-            overWidth && tableBox.css({'left':'auto','right':'5px'})
+            overHeight && tableBox.css({'top': 'auto', 'bottom': '0px'});
+            overWidth && tableBox.css({'left': 'auto', 'right': '5px'})
 
             //关键词搜索
-            form.on('submit(tableSelect_btn_search)', function(data){
+            form.on('submit(tableSelect_btn_search)', function (data) {
                 tableSelect_table.reload({
                     where: data.field,
                     page: {
@@ -210,28 +211,28 @@ layui.define(['table', 'jquery', 'form'], function (exports) {
             });
 
             //双击行选中
-            table.on('rowDouble('+tableName+')', function(obj){
-                var checkStatus = {data:[obj.data]};
+            table.on('rowDouble(' + tableName + ')', function (obj) {
+                var checkStatus = {data: [obj.data]};
                 selectDone(checkStatus);
             })
 
             //按钮选中
-            tableBox.find('.tableSelect_btn_select').on('click', function() {
+            tableBox.find('.tableSelect_btn_select').on('click', function () {
                 var checkStatus = table.checkStatus(tableName);
-                if(checkedData.length > 1){
+                if (checkedData.length > 1) {
                     checkStatus.data = checkedData;
                 }
                 selectDone(checkStatus);
             })
 
             //写值回调和关闭
-            function selectDone (checkStatus){
-                if(opt.checkedKey){
+            function selectDone(checkStatus) {
+                if (opt.checkedKey) {
                     var selected = [];
-                    for(var i=0;i<checkStatus.data.length;i++){
+                    for (var i = 0; i < checkStatus.data.length; i++) {
                         selected.push(checkStatus.data[i][opt.checkedKey])
                     }
-                    elem.attr("ts-selected",selected.join(","));
+                    elem.attr("ts-selected", selected.join(","));
                 }
                 opt.done(elem, checkStatus);
                 tableBox.remove();
@@ -240,9 +241,9 @@ layui.define(['table', 'jquery', 'form'], function (exports) {
             }
 
             //点击其他区域关闭
-            $(document).mouseup(function(e){
-                var userSet_con = $(''+opt.elem+',.tableSelect');
-                if(!userSet_con.is(e.target) && userSet_con.has(e.target).length === 0){
+            $(document).mouseup(function (e) {
+                var userSet_con = $('' + opt.elem + ',.tableSelect');
+                if (!userSet_con.is(e.target) && userSet_con.has(e.target).length === 0) {
                     tableBox.remove();
                     delete table.cache[tableName];
                     checkedData = [];
@@ -262,7 +263,7 @@ layui.define(['table', 'jquery', 'form'], function (exports) {
     var tableSelect = new tableSelect();
 
     //FIX 滚动时错位
-    if(window.top == window.self){
+    if (window.top == window.self) {
         $(window).scroll(function () {
             tableSelect.hide();
         });