@steedos-widgets/sortable 1.3.9 → 1.3.10

package/dist/sortable.umd.js

@@ -20156,6 +20156,53 @@
     /** Used to infer the `Object` constructor. */
     funcToString.call(Object);
 
+    /*
+     * @Author: baozhoutao@steedos.com
+     * @Date: 2022-08-16 17:02:08
+     * @LastEditors: baozhoutao@steedos.com
+     * @LastEditTime: 2023-06-20 13:50:15
+     * @Description:
+     */
+
+
+    const Router = {
+        getTabDisplayAs(tab_id){
+            var urlSearch = new URLSearchParams(document.location.search); 
+            if(urlSearch.has('display')){
+                return urlSearch.get('display')
+            }
+            const key = `tab_${tab_id}_display`;
+            // const key = `page_display`;
+            const value = localStorage.getItem(key);
+            return value ? value : 'grid'
+        },
+      
+        setTabDisplayAs(tab_id, displayAs){
+            const key = `tab_${tab_id}_display`;
+            localStorage.setItem(key, displayAs);
+        },
+        getAppPath({formFactor, appId}){
+            return `/app/${appId}`;
+        },
+        getPagePath(){
+            //TODO
+        },
+        getObjectListViewPath({formFactor, appId, objectName, listViewName}){
+            return `/app/${appId}/${objectName}/grid/${listViewName}`;
+        },
+        getObjectDetailPath(props){
+            const {formFactor, appId, objectName, recordId, listViewName, _templateType} = props;
+            if(_templateType === 'JavaScript'){
+                return `/app/${appId}/${objectName}/view/${recordId}?side_object=<%=item.objectName%>&side_listview_id=<%=item.listName%>`;
+            }
+            return `/app/${appId}/${objectName}/view/${recordId}?side_object=\${objectName}&side_listview_id=\${listName}`;
+        },
+        getObjectRelatedViewPath({formFactor, appId, masterObjectName, masterRecordId, objectName, foreignKey}){
+            return `/app/${appId}/${masterObjectName}/${masterRecordId}/${objectName}/grid?related_field_name=${foreignKey}`;
+        },
+
+    };
+
     const getBuilderContext = ()=>{
         if(typeof window === "undefined"){
             return {};
@@ -20230,437 +20277,109 @@
         return defaultRootUrl || '';
     }
 
-    /*
-     * @Author: baozhoutao@steedos.com
-     * @Date: 2022-08-16 17:02:08
-     * @LastEditors: baozhoutao@steedos.com
-     * @LastEditTime: 2023-06-20 13:50:15
-     * @Description:
-     */
-
-
-    const Router = {
-        getTabDisplayAs(tab_id){
-            var urlSearch = new URLSearchParams(document.location.search); 
-            if(urlSearch.has('display')){
-                return urlSearch.get('display')
-            }
-            const key = `tab_${tab_id}_display`;
-            // const key = `page_display`;
-            const value = localStorage.getItem(key);
-            return value ? value : 'grid'
-        },
-      
-        setTabDisplayAs(tab_id, displayAs){
-            const key = `tab_${tab_id}_display`;
-            localStorage.setItem(key, displayAs);
-        },
-        getAppPath({formFactor, appId}){
-            return `/app/${appId}`;
-        },
-        getPagePath(){
-            //TODO
-        },
-        getObjectListViewPath({formFactor, appId, objectName, listViewName}){
-            return `/app/${appId}/${objectName}/grid/${listViewName}`;
-        },
-        getObjectDetailPath(props){
-            const {formFactor, appId, objectName, recordId, listViewName, _templateType} = props;
-            if(_templateType === 'JavaScript'){
-                return `/app/${appId}/${objectName}/view/${recordId}?side_object=<%=item.objectName%>&side_listview_id=<%=item.listName%>`;
+    async function getFieldsTemplate(fields, display){
+        let expandFields = [];
+        if(display != false){
+            display = true;
+        }
+        let fieldsName = ['_id'];
+        let displayFields = [];
+        let fieldsArr = [];
+        if(lodash.exports.isArray(fields)){
+            fieldsArr = fields;
+        }else {
+            fieldsArr = lodash.exports.values(fields);
+        }
+        for (const field of fieldsArr) {
+            //graphql 的  ui\display 中使用的字段需要先在query中查询. 否则会返回null
+            if(field.expand){
+                expandFields.push(field);
+            }else {
+                if(field.name.indexOf('.') < 0){
+                    if(display && (field.type == 'lookup' || field.type == 'master_detail')){
+                        fieldsName.push(`${field.name}`);
+                        displayFields.push(`${field.name}`);
+                    }else {
+                        fieldsName.push( field.alias ? `${field.alias}:${field.name}` : field.name);
+                    }
+                    if(lodash.exports.includes(['time','date','datetime','boolean','number','currency'], field.type)){
+                        fieldsName.push(`${field.name}`);
+                    }
+                    if(lodash.exports.includes(['percent','time','filesize','date','datetime','boolean','number','currency', 'select', 'file', 'image', 'avatar', 'formula', 'summary', 'object', 'grid'], field.type)){
+                        displayFields.push(`${field.name}`);
+                    }
+                }else {
+                    objectFieldName = field.name.split('.')[0];
+                    fieldsName.push(objectFieldName);
+                    displayFields.push(objectFieldName);
+                }
             }
-            return `/app/${appId}/${objectName}/view/${recordId}?side_object=\${objectName}&side_listview_id=\${listName}`;
-        },
-        getObjectRelatedViewPath({formFactor, appId, masterObjectName, masterRecordId, objectName, foreignKey}){
-            return `/app/${appId}/${masterObjectName}/${masterRecordId}/${objectName}/grid?related_field_name=${foreignKey}`;
-        },
-
-    };
-
-    /*
-     * @Author: baozhoutao@steedos.com
-     * @Date: 2022-07-20 16:29:22
-     * @LastEditors: liaodaxue
-     * @LastEditTime: 2023-09-11 17:19:53
-     * @Description: 
-     */
-
-    function getImageFieldUrl(url) {
-      if (window.Meteor && window.Meteor.isCordova != true) {
-        //  '//'的位置
-        const doubleSlashIndex = url.indexOf('//');
-        const urlIndex = url.indexOf('/', doubleSlashIndex + 2);
-        const rootUrl = url.substring(urlIndex);
-        return rootUrl;
-      }
-      return url;
-    }
+        }
 
-    if(typeof window  != 'undefined'){
-      window.getImageFieldUrl = getImageFieldUrl;
-    }
+        displayFields = lodash.exports.uniq(displayFields);
+        fieldsName = lodash.exports.uniq(fieldsName);
+        let expandFieldsQuery = "";
+        if(expandFields.length > 0){
+            lodash.exports.each(expandFields, function(field){
+                expandFieldsQuery = expandFieldsQuery + `${field.expandInfo.fieldName}__expand{${field.expandInfo.displayName}}`;
+            });
+        }
 
-    function getContrastColor(bgColor) {
-      var backgroundColor = (bgColor.charAt(0) === '#') ? bgColor.substring(1, 7) : bgColor;
-      var r = parseInt(backgroundColor.substr(0, 2), 16);
-      var g = parseInt(backgroundColor.substr(2, 2), 16);
-      var b = parseInt(backgroundColor.substr(4, 2), 16);
-      var brightness = (r * 299 + g * 587 + b * 114) / 1000;
-      return brightness < 128 ? "#ffffff" : "#000000";
+        if(displayFields.length > 0){
+            return `${fieldsName.join(',')},${expandFieldsQuery},_display:_ui{${displayFields.join(',')}}`;
+        }
+        return lodash.exports.trimEnd(`${fieldsName.join(' ')},${expandFieldsQuery}`, ",")
     }
 
-    function getLookupListView(refObjectConfig) {
-      if(!refObjectConfig){
-        return null;
-      }
-      const listNameAll = "all";
-      const listNameLookup = "lookup";
-      let listViewAll, listViewLookup;
+    async function getFindQuery(object, recordId, fields, options){
+        let limit = options.limit || 10;
+        let queryOptions = `(top: ${limit})`;
+        if(recordId){
+            queryOptions = `(filters:["_id", "=", "${recordId}"], top: ${limit})`;
+        }
+        let alias = "data";
+        if(options){
+            if(options.alias){
+                alias = options.alias;
+            }
 
-      _.each(
-        refObjectConfig.list_views,
-        (view, name) => {
-          if (name === listNameAll) {
-            listViewAll = view;
-            if(!listViewAll.name){
-              listViewAll.name = name;
+            if(options.filters){
+                queryOptions = `(filters:${options.filters})`;
             }
-          }
-          else if (name === listNameLookup) {
-            listViewLookup = view;
-            if(!listViewLookup.name){
-              listViewLookup.name = name;
+            if(options.queryOptions){
+                queryOptions = `(${options.queryOptions})`;
             }
-          }
         }
-      );
-      let listView = listViewLookup || listViewAll;
-      return listView;
-    }
-
-    function getNumberTpl(field){
-        return `<span>\${_display.${field.name}}</span>`
-    }
-
-    function getTimeTpl(field){
-        return `<span>\${_display.${field.name}}</span>`
-    }
-
-    function getDateTpl(field){
-        return `<span>\${_display.${field.name}}</span>`
-    }
+        var treeFields = '';
+        if(object.enable_tree && lodash.exports.includes(lodash.exports.keys(object.fields), 'parent') && lodash.exports.includes(lodash.exports.keys(object.fields), 'children')){
+            treeFields = ',parent,children';
+        }
 
+        var cfsFields = '';
+        if(object.name === 'cms_files'){
+            cfsFields = ',versions';
+        }
 
-    function getDateTimeTpl(field){
-        return `<span>\${_display.${field.name}}</span>`
-    }
+        const countQuery = options.count === false ? "" : `,count:${object.name}__count(filters:{__filters})`;
+        // const moreQuerie = options.moreQueries?.length ? ("," + options.moreQueries.map(function(item){
+        //     // 把最外层的{}去除
+        //     return item.replace(/^{/,"").replace(/}$/,"");
+        // }).join(",")) : "";
 
-    function getUiFieldTpl(field){
-        return `<span>\${_display.${field.name}}</span>`
+        return {
+            orderBy: "${orderBy}",
+            orderDir: "${orderDir}",
+            pageNo: "${page}",
+            pageSize: "${perPage}",
+            query: `{${alias}:${object.name}${queryOptions}{${await getFieldsTemplate(fields, options.expand)}${treeFields}${cfsFields}}${countQuery}}`
+        }
     }
 
-    function getUiFileSizeTpl(field){
-        return `<span>\${_display.${field.name}}</span>`
-    }
-
-    //TODO 处理name字段
-    async function getRefObjectNameFieldName(field){
-        const refUiSchema = await getUISchema(field.reference_to);
-        const NAME_FIELD_KEY = refUiSchema.NAME_FIELD_KEY || 'name';
-        return NAME_FIELD_KEY;
-    }
-
-    function getSelectTpl(field){
-        return `<span>\${_display.${field.name}}</span>`
-    }
-    function getSelectMap(selectOptions){
-        let map = {};
-        lodash.exports.forEach(selectOptions,(option)=>{
-            const optionValue = option.value + '';
-            const optionColor = option.color + '';
-            if(optionColor){
-                const background = optionColor.charAt(0) === '#' ? optionColor : '#'+optionColor;
-                const color = getContrastColor(background);
-                const optionColorStyle = 'background:'+background+';color:'+color+';line-height:1.5rem';
-                map[optionValue] = `<span class="rounded-xl px-2 py-1" style='${optionColorStyle}'>${option.label}</span>`;
-            }else {
-                map[optionValue] = option.label;
-            }
-        });
-        return map;
-    }
-
-    function getNameTplUrl(field, ctx){
-        if(ctx.objectName === 'cms_files'){
-            return `\${context.rootUrl}/api/files/files/\${versions[0]}?download=true`
-        }
-        const href = Router.getObjectDetailPath({
-            ...ctx,  formFactor: ctx.formFactor, appId: "${appId}", objectName: ctx.objectName || "${objectName}", recordId: `\${${ctx.idFieldName}}`
-        });
-        return href;
-    }
-
-    function getNameTpl(field, ctx){
-        const href = getNameTplUrl(field, ctx);
-        let linkTarget = "";
-        if(ctx && ctx.isLookup){
-            linkTarget = "target='_blank'";
-        }
-        return `<a href="${href}" ${linkTarget}>\${${field.name}}</a>`
-    }
-
-    function getRelatedFieldTpl(field, ctx){
-        let tpl = '';
-        if(!field.reference_to && (field.optionsFunction || field._optionsFunction || field.options)){
-            if(field.isTableField){
-                return `\${${field.name}}`
-            }else {
-                return `\${${field.name}__label}`
-            }
-        }
-
-        let linkTarget = "";
-        if(ctx && ctx.isLookup){
-            linkTarget = "target='_blank'";
-        }
-
-        const onlyDisplayLookLabel = ctx.onlyDisplayLookLabel;
-
-        let fieldDataStrTpl = `data._display.${field.name}`;
-
-        if(field.isTableField){
-            fieldDataStrTpl = `data.${field.name}`;
-        }
-
-        if(_.isString(field.reference_to) || !field.reference_to){
-            if(field.multiple){
-                let labelTpl = `<%=item.label%>`;
-                if(!onlyDisplayLookLabel){
-                    const href = Router.getObjectDetailPath({
-                        formFactor: ctx.formFactor, appId: "<%=data.appId%>", objectName: `<%=item.objectName%>`, recordId: `<%=item.value%>`, _templateType: "JavaScript"
-                    });
-                    labelTpl = `<a href="${href}" ${linkTarget}><%=item.label%></a>`;
-                }
-                tpl = `
-            <% if (${fieldDataStrTpl} && ${fieldDataStrTpl}.length) { %><% ${fieldDataStrTpl}.forEach(function(item,index) { %> <% if(index>0 && index<${fieldDataStrTpl}.length){ %> , <% } %> ${labelTpl}  <% }); %><% } %>
-            `;
-            }else {
-                let labelTpl = `\${_display.${field.name}.label}`;
-                let objectNameTpl = `\${_display.${field.name}.objectName}`;
-                let recordIdTpl = `\${_display.${field.name}.value}`;
-                if(field.isTableField){
-                    labelTpl = `\${${field.name}.label}`;
-                    objectNameTpl = `\${${field.name}.objectName}`;
-                    recordIdTpl = `\${${field.name}.value}`;
-                }
-                if(!onlyDisplayLookLabel){
-                    const href = Router.getObjectDetailPath({
-                        formFactor: ctx.formFactor, appId: "${appId}", objectName: `${objectNameTpl}`, recordId: `${recordIdTpl}`
-                    });
-                    labelTpl = `<a href="${href}" ${linkTarget}>${labelTpl}</a>`;
-                }
-                tpl = labelTpl;
-            }
-
-            
-        }else {
-            let labelTpl = `<%=item.label%>`;
-            if(!onlyDisplayLookLabel){
-                const href = Router.getObjectDetailPath({
-                    formFactor: ctx.formFactor, appId: "<%=data.appId%>", objectName: `<%=item.objectName%>`, recordId: `<%=item.value%>`, _templateType: "JavaScript"
-                });
-                labelTpl = `<a href="${href}" ${linkTarget}><%=item.label%></a>`;
-            }
-            tpl = `
-        <% if (${fieldDataStrTpl} && ${fieldDataStrTpl}.length) { %><% ${fieldDataStrTpl}.forEach(function(item) { %> ${labelTpl}  <% }); %><% } %>
-        `;
-        }
-        return tpl
-    }
-
-    async function getLookupTpl(field, ctx){
-        if(!field.reference_to){
-            return getSelectTpl(field)
-        }
-        const NAME_FIELD_KEY = await getRefObjectNameFieldName(field);
-        if(field.multiple){
-            const href = Router.getObjectDetailPath({
-                formFactor: ctx.formFactor, appId: ctx.appId, objectName: field.reference_to, recordId: `<%=item._id%>`, _templateType: "JavaScript"
-            });
-            return `
-        <% if (data.${field.name} && data.${field.name}.length) { %><% data.${field.name}.forEach(function(item) { %> <a href="${href}"><%=item.${NAME_FIELD_KEY}%></a>  <% }); %><% } %>
-        `
-        }else {
-            const href = Router.getObjectDetailPath({
-                formFactor: ctx.formFactor, appId: ctx.appId, objectName: field.reference_to, recordId: `\${${field.name}._id}`
-            });
-            return `<a href="${href}">\${${field.name}.${NAME_FIELD_KEY}}</a>`
-        }
-        
-    }
-
-    function getSwitchTpl(field){
-        let fieldDataStrTpl = `data._display.${field.name}`;
-        if(field.isTableField){
-            fieldDataStrTpl = `data.${field.name}`;
-        }
-        return `<% if (data.${field.name}) { %>
-    <span class="slds-icon_container slds-icon-utility-check slds-current-color" title="<%=${fieldDataStrTpl}%>">
-        <span ><%= ${fieldDataStrTpl} === "√" ? "<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor' class='w-4 h-4'><path stroke-linecap='round' stroke-linejoin='round' d='M4.5 12.75l6 6 9-13.5' /></svg>" : ${fieldDataStrTpl} %></span>
-    </span>
-    <% } %>`
-    }
-
-    function getPasswordTpl(field){
-        return `<% if (data.${field.name}) { %>
-        <span>······</span>
-        <% } %>`
-    }
-
-    function getLocationTpl(field){
-        return `\${${field.name} ? ${field.name}.address : ''}`
-    }
-
-    async function getFieldTpl (field, options){
-        if((field.is_name || field.name === options.labelFieldName) && !options.onlyDisplayLookLabel){
-            return getNameTpl(field, options)
-        }
-        switch (field.type) {
-            case 'password':
-                return getPasswordTpl(field);
-            case 'boolean':
-                return getSwitchTpl(field);
-            case 'toggle':
-                return getSwitchTpl(field);
-            case 'select':
-                return getSelectTpl(field);
-            case 'time':
-                return getTimeTpl(field);
-            case 'date':
-                return getDateTpl(field);
-            case 'datetime':
-                return getDateTimeTpl(field);
-            case 'lookup':
-                return await getRelatedFieldTpl(field, options);
-            case 'master_detail':
-                return await getRelatedFieldTpl(field, options);
-            case 'location':
-                return await getLocationTpl(field);
-            case 'number':
-            case 'currency':
-                return await getNumberTpl(field);
-            case 'percent':
-            case 'formula':
-            case 'summary':
-                return getUiFieldTpl(field)
-            case 'filesize':
-                return getUiFileSizeTpl(field)
-        }
-    }
-
-    async function getFieldsTemplate(fields, display){
-        let expandFields = [];
-        if(display != false){
-            display = true;
-        }
-        let fieldsName = ['_id'];
-        let displayFields = [];
-        let fieldsArr = [];
-        if(lodash.exports.isArray(fields)){
-            fieldsArr = fields;
-        }else {
-            fieldsArr = lodash.exports.values(fields);
-        }
-        for (const field of fieldsArr) {
-            //graphql 的  ui\display 中使用的字段需要先在query中查询. 否则会返回null
-            if(field.expand){
-                expandFields.push(field);
-            }else {
-                if(field.name.indexOf('.') < 0){
-                    if(display && (field.type == 'lookup' || field.type == 'master_detail')){
-                        fieldsName.push(`${field.name}`);
-                        displayFields.push(`${field.name}`);
-                    }else {
-                        fieldsName.push( field.alias ? `${field.alias}:${field.name}` : field.name);
-                    }
-                    if(lodash.exports.includes(['time','date','datetime','boolean','number','currency'], field.type)){
-                        fieldsName.push(`${field.name}`);
-                    }
-                    if(lodash.exports.includes(['percent','time','filesize','date','datetime','boolean','number','currency', 'select', 'file', 'image', 'avatar', 'formula', 'summary', 'object', 'grid'], field.type)){
-                        displayFields.push(`${field.name}`);
-                    }
-                }else {
-                    objectFieldName = field.name.split('.')[0];
-                    fieldsName.push(objectFieldName);
-                    displayFields.push(objectFieldName);
-                }
-            }
-        }
-
-        displayFields = lodash.exports.uniq(displayFields);
-        fieldsName = lodash.exports.uniq(fieldsName);
-        let expandFieldsQuery = "";
-        if(expandFields.length > 0){
-            lodash.exports.each(expandFields, function(field){
-                expandFieldsQuery = expandFieldsQuery + `${field.expandInfo.fieldName}__expand{${field.expandInfo.displayName}}`;
-            });
-        }
-
-        if(displayFields.length > 0){
-            return `${fieldsName.join(',')},${expandFieldsQuery},_display:_ui{${displayFields.join(',')}}`;
-        }
-        return lodash.exports.trimEnd(`${fieldsName.join(' ')},${expandFieldsQuery}`, ",")
-    }
-
-    async function getFindQuery(object, recordId, fields, options){
-        let limit = options.limit || 10;
-        let queryOptions = `(top: ${limit})`;
-        if(recordId){
-            queryOptions = `(filters:["_id", "=", "${recordId}"], top: ${limit})`;
-        }
-        let alias = "data";
-        if(options){
-            if(options.alias){
-                alias = options.alias;
-            }
-
-            if(options.filters){
-                queryOptions = `(filters:${options.filters})`;
-            }
-            if(options.queryOptions){
-                queryOptions = `(${options.queryOptions})`;
-            }
-        }
-        var treeFields = '';
-        if(object.enable_tree && lodash.exports.includes(lodash.exports.keys(object.fields), 'parent') && lodash.exports.includes(lodash.exports.keys(object.fields), 'children')){
-            treeFields = ',parent,children';
-        }
-
-        var cfsFields = '';
-        if(object.name === 'cms_files'){
-            cfsFields = ',versions';
-        }
-
-        const countQuery = options.count === false ? "" : `,count:${object.name}__count(filters:{__filters})`;
-        // const moreQuerie = options.moreQueries?.length ? ("," + options.moreQueries.map(function(item){
-        //     // 把最外层的{}去除
-        //     return item.replace(/^{/,"").replace(/}$/,"");
-        // }).join(",")) : "";
-
-        return {
-            orderBy: "${orderBy}",
-            orderDir: "${orderDir}",
-            pageNo: "${page}",
-            pageSize: "${perPage}",
-            query: `{${alias}:${object.name}${queryOptions}{${await getFieldsTemplate(fields, options.expand)}${treeFields}${cfsFields}}${countQuery}}`
-        }
-    }
-
-    function getApi$2 (isMobile){
-        if(isMobile);else {
-            // return __meteor_runtime_config__.ROOT_URL_PATH_PREFIX + "/graphql"
-            return `\${context.rootUrl}/graphql?reload=\${additionalFilters}`
-        }
+    function getApi$2 (isMobile){
+        if(isMobile);else {
+            // return __meteor_runtime_config__.ROOT_URL_PATH_PREFIX + "/graphql"
+            return `\${context.rootUrl}/graphql?reload=\${additionalFilters}`
+        }
     }
 
     var frontend_field_group_generalization$1 = "General";
@@ -21113,6 +20832,67 @@
         }
     }
 
+    /*
+     * @Author: baozhoutao@steedos.com
+     * @Date: 2022-07-20 16:29:22
+     * @LastEditors: liaodaxue
+     * @LastEditTime: 2023-09-11 17:19:53
+     * @Description: 
+     */
+
+    function getImageFieldUrl(url) {
+      if (window.Meteor && window.Meteor.isCordova != true) {
+        //  '//'的位置
+        const doubleSlashIndex = url.indexOf('//');
+        const urlIndex = url.indexOf('/', doubleSlashIndex + 2);
+        const rootUrl = url.substring(urlIndex);
+        return rootUrl;
+      }
+      return url;
+    }
+
+    if(typeof window  != 'undefined'){
+      window.getImageFieldUrl = getImageFieldUrl;
+    }
+
+    function getContrastColor(bgColor) {
+      var backgroundColor = (bgColor.charAt(0) === '#') ? bgColor.substring(1, 7) : bgColor;
+      var r = parseInt(backgroundColor.substr(0, 2), 16);
+      var g = parseInt(backgroundColor.substr(2, 2), 16);
+      var b = parseInt(backgroundColor.substr(4, 2), 16);
+      var brightness = (r * 299 + g * 587 + b * 114) / 1000;
+      return brightness < 128 ? "#ffffff" : "#000000";
+    }
+
+    function getLookupListView(refObjectConfig) {
+      if(!refObjectConfig){
+        return null;
+      }
+      const listNameAll = "all";
+      const listNameLookup = "lookup";
+      let listViewAll, listViewLookup;
+
+      _.each(
+        refObjectConfig.list_views,
+        (view, name) => {
+          if (name === listNameAll) {
+            listViewAll = view;
+            if(!listViewAll.name){
+              listViewAll.name = name;
+            }
+          }
+          else if (name === listNameLookup) {
+            listViewLookup = view;
+            if(!listViewLookup.name){
+              listViewLookup.name = name;
+            }
+          }
+        }
+      );
+      let listView = listViewLookup || listViewAll;
+      return listView;
+    }
+
     /*
      * @Author: baozhoutao@steedos.com
      * @Date: 2022-11-01 15:51:00
@@ -23828,7 +23608,7 @@ crudService && crudService.setData({showFieldsFilter: toShowFieldsFilter});
             if(refObjectConfig.name === 'organizations'){
               labelFieldName = 'name';
             }
-            pickerSchema = await getTableSchema$1(tableFields, {
+            pickerSchema = await getTableSchema(tableFields, {
                 labelFieldName,
                 top:  top,
                 isLookup: true,
@@ -24318,7 +24098,7 @@ crudService && crudService.setData({showFieldsFilter: toShowFieldsFilter});
                 actions: false
             });
         }else {
-            pickerSchema = await getTableSchema$1(tableFields, {
+            pickerSchema = await getTableSchema(tableFields, {
                 labelFieldName: refObjectConfig.NAME_FIELD_KEY,
                 top:  top,
                 isLookup: true,
@@ -25067,295 +24847,907 @@ crudService && crudService.setData({showFieldsFilter: toShowFieldsFilter});
                            return value; // 切换到数字之后的默认值
                         }
                     }
-                };
-                break;
-            case 'avatar':
-                convertData = getAmisFileSchema(field, readonly);
-                break;
-            case 'image':
-                convertData = getAmisFileSchema(field, readonly);
-                break;
-            case 'file':
-                convertData = getAmisFileSchema(field, readonly);
+                };
+                break;
+            case 'avatar':
+                convertData = getAmisFileSchema(field, readonly);
+                break;
+            case 'image':
+                convertData = getAmisFileSchema(field, readonly);
+                break;
+            case 'file':
+                convertData = getAmisFileSchema(field, readonly);
+                break;
+            case 'formula':
+                if(readonly){
+                    convertData = {
+                        type: 'static-tpl',
+                        tpl: getUiFieldTpl(field)
+                    };
+                }
+                break;
+            case 'summary':
+                if(readonly){
+                    convertData = {
+                        type: 'static-tpl',
+                        tpl: getUiFieldTpl(field)
+                    };
+                }
+                break;
+            case 'code':
+                convertData = {
+                    type: "editor",
+                    disabled: readonly ? true : false,
+                    language: field.language,
+                    editorDidMount: new Function('editor', 'monaco', field.editorDidMount)
+                };
+                break;
+            case 'toggle':
+                convertData = {
+                    type: "switch",
+                    name: field.name,
+                    label: field.label,
+                    width: field.width,
+                    toggled: field.toggled,
+                    disabled: readonly,
+                };
+                break;
+            case 'grid':
+                if(field.subFields){
+                    convertData = {
+                        type: 'input-table',
+                        showIndex: true,
+                        columnsTogglable: false,
+                        strictMode:false,
+                        affixHeader: false, // 是否固定表头, 不固定表头, 否则form有y轴滚动条时, 表头会跟随滚动条滚动.
+                        needConfirm: false,
+                        editable: !readonly,
+                        addable: !readonly,
+                        removable: !readonly,
+                        draggable: !readonly,
+                        columns: []
+                    };
+                    // console.log(`convertData ==2====>`, field, convertData)
+                    for (const subField of field.subFields) {
+                        const subFieldName = subField.name.replace(`${field._prefix || ''}${field.name}.$.`, '').replace(`${field.name}.`, '');
+                        const gridSub = await convertSFieldToAmisField(Object.assign({}, subField, {name: subFieldName, isTableField: true}), readonly, ctx);
+                        if(gridSub){
+                            delete gridSub.name;
+                            delete gridSub.label;
+                            const gridItemSchema = {
+                                name: subFieldName,
+                                label: subField.label,
+                                quickEdit: readonly ? false : gridSub
+                            };
+                            if(["lookup", "boolean", "toggle"].indexOf(subField.type) > -1){
+                                gridItemSchema.type = gridSub.type;
+                                gridItemSchema.tpl = gridSub.tpl;
+                            }
+                            convertData.columns.push(Object.assign({}, gridItemSchema, subField.amis, {name: subFieldName}));
+                        }
+                    }
+                }
                 break;
-            case 'formula':
-                if(readonly){
+            case 'object':
+                if(field.subFields){
                     convertData = {
-                        type: 'static-tpl',
-                        tpl: getUiFieldTpl(field)
+                        type: 'combo',
+                        items: []
                     };
+                    // console.log(`convertData ======>`, field, convertData)
+                    for (let subField of field.subFields) {
+                        let subFieldName = subField.name.replace(`${field.name}.$.`, '').replace(`${field.name}.`, '');
+                        if(subField.type === 'grid'){
+                            subField = await getGridFieldSubFields(subField, ctx.__formFields);
+                        }else {
+                            if(readonly){
+                                subFieldName = `${field.name}.${subFieldName}`;
+                            }
+                        }
+                        const gridSub = await convertSFieldToAmisField(Object.assign({}, subField, {name: subFieldName}), readonly, ctx);
+                        if(gridSub){
+                            delete gridSub.name;
+                            delete gridSub.label;
+                            convertData.items.push(
+                                Object.assign({}, gridSub, {label: subField.label}, subField.amis, {
+                                    name: subFieldName
+                                })
+                            );
+                        }
+                    }
+                }
+                break;
+        }
+        if(!lodash.exports.isEmpty(convertData)){
+            if(field.is_wide || convertData.type === 'group'){
+                convertData.className = 'col-span-2 m-1';
+            }else {
+                convertData.className = 'm-1';
+            }
+            if(readonly){
+                convertData.className = `${convertData.className} border-b`;
+            }
+            if(readonly){
+                convertData.quickEdit = false;
+            }
+
+            let fieldTypeClassName = ' steedos-' + convertData.type + (readonly ? '-readonly' : '-edit');
+            if (convertData.className) {
+                convertData.className = convertData.className + fieldTypeClassName;
+            } else {
+                convertData.className = fieldTypeClassName;
+            }
+
+            if(field.visible_on && !ctx.inFilterForm){
+                // convertData.visibleOn = `\$${field.visible_on.substring(1, field.visible_on.length -1).replace(/formData./g, '')}`;
+                if(field.visible_on.startsWith("{{")){
+                    convertData.visibleOn = `${field.visible_on.substring(2, field.visible_on.length -2).replace(/formData./g, 'data.')}`;
+                }else {
+                    convertData.visibleOn = `${field.visible_on.replace(/formData./g, 'data.')}`;
+                }
+            }
+
+            if(lodash.exports.isString(baseData.required)){
+                if(baseData.required.startsWith("{{")){
+                    baseData.requiredOn = `${baseData.required.substring(2, baseData.required.length -2).replace(/formData./g, 'data.')}`;
+                    delete baseData.required;
+                }
+            }
+
+            if(convertData.type === 'group'){
+                convertData.body[0] = Object.assign({}, baseData, convertData.body[0], { labelClassName: 'text-left', clearValueOnHidden: true, fieldName: field.name});
+                return  convertData
+            }
+            // if(ctx.mode === 'edit'){
+            return Object.assign({}, baseData, convertData, { labelClassName: 'text-left', clearValueOnHidden: true, fieldName: field.name}, field.amis, {name: baseData.name});
+            // }else{
+            //     return Object.assign({}, baseData, convertData, { labelClassName: 'text-left', clearValueOnHidden: true, fieldName: field.name});
+            // }
+        }
+        
+    }
+
+    async function getFieldSearchable(perField, permissionFields, ctx){
+        if(!ctx){
+            ctx = {};
+        }
+        let field = perField;
+        if(field.type === 'grid'){
+            field = await getGridFieldSubFields(perField, permissionFields);
+        }else if(perField.type === 'object'){
+            field = await getObjectFieldSubFields(perField, permissionFields);
+        }
+
+        let fieldNamePrefix = '__searchable__';
+        if(field.name.indexOf(".") < 0){
+            let _field = lodash.exports.cloneDeep(field);
+            if(lodash.exports.includes(['textarea', 'html', 'code', 'autonumber'], field.type)){
+                _field.type = 'text';
+            }
+
+            if(lodash.exports.includes(['formula', 'summary'], field.type)){
+                _field.type = field.data_type;
+                _field.precision = field.precision;
+                _field.scale = field.scale;
+            }
+            else if(field.type === "select" && field.data_type && field.data_type != "text"){
+                _field.type = field.data_type;
+            }
+
+            if(_field.type === 'number' || _field.type === 'currency'){
+                _field.type = 'input-array';
+                _field.inline = true;
+                _field.addable = false;
+                _field.removable = false;
+                _field.value = [null,null];
+                _field.items = {
+                    type: "input-number"
+                };
+                _field.is_wide = true;
+                fieldNamePrefix = `${fieldNamePrefix}between__`;
+            }
+
+            if(_field.type ==='date'){
+                _field.type = 'input-date-range';
+                _field.is_wide = true;
+                fieldNamePrefix = `${fieldNamePrefix}between__`;
+            }
+            if(_field.type === 'datetime'){
+                _field.type = 'input-datetime-range';
+                _field.is_wide = true;
+                fieldNamePrefix = `${fieldNamePrefix}between__`;
+            }
+            if(_field.type === 'time'){
+                _field.type = 'input-time-range';
+                _field.is_wide = true;
+                fieldNamePrefix = `${fieldNamePrefix}between__`;
+            }
+            if(_field.reference_to === 'users'){
+                _field.reference_to = 'space_users';
+                _field.reference_to_field = 'user';
+            }
+            _field.readonly = false;
+            _field.disabled = false;
+            _field.multiple = true;
+            _field.is_wide = false;
+            _field.defaultValue = undefined;
+            _field.required = false;
+            _field.hidden = false;
+            _field.omit = false;
+
+            if(_field.amis){
+                delete _field.amis.static;
+                delete _field.amis.staticOn;
+                delete _field.amis.disabled;
+                delete _field.amis.disabledOn;
+                delete _field.amis.required;
+                delete _field.amis.requiredOn;
+                delete _field.amis.visible;
+                delete _field.amis.visibleOn;
+                delete _field.amis.hidden;
+                delete _field.amis.hiddenOn;
+                delete _field.amis.autoFill;
+            }
+
+            const amisField = await convertSFieldToAmisField(_field, false, Object.assign({}, ctx, {fieldNamePrefix: fieldNamePrefix, required: false, showSystemFields: true, inFilterForm: true}));
+            if(amisField){
+                return Object.assign({}, amisField,{
+                    submitOnChange: true
+                });
+            }
+        }
+    }
+
+    if(typeof window != 'undefined'){
+        window.getFieldSearchable = getFieldSearchable;
+    }
+
+
+    function isFieldTypeSearchable(fieldType) {
+        return !lodash.exports.includes(
+            [
+                "grid",
+                "avatar",
+                "image",
+                "object",
+                "[object]",
+                "[Object]",
+                "[grid]",
+                "[text]",
+                "audio",
+                "file",
+            ],
+            fieldType
+        )
+    }
+
+    if (typeof window != 'undefined') {
+        window.isFieldTypeSearchable = isFieldTypeSearchable;
+    }
+
+
+    function isFieldQuickSearchable(field, nameFieldKey) {
+        let fieldSearchable = field.searchable;
+        if(fieldSearchable !== false && field.name === nameFieldKey){
+            // 对象上名称字段的searchable默认认为是true
+            fieldSearchable = true;
+        }
+        if (fieldSearchable && QUICK_SEARCHABLE_FIELD_TYPES.indexOf(field.type) > -1) {
+            return true;
+        }
+        return false;
+    }
+
+    /******************************************************************************
+    Copyright (c) Microsoft Corporation.
+
+    Permission to use, copy, modify, and/or distribute this software for any
+    purpose with or without fee is hereby granted.
+
+    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+    PERFORMANCE OF THIS SOFTWARE.
+    ***************************************************************************** */
+
+    var __assign = function() {
+        __assign = Object.assign || function __assign(t) {
+            for (var s, i = 1, n = arguments.length; i < n; i++) {
+                s = arguments[i];
+                for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+            }
+            return t;
+        };
+        return __assign.apply(this, arguments);
+    };
+
+    // 方便取值的时候能够把上层的取到，但是获取的时候不会全部把所有的数据获取到。
+    function createObject(superProps, props, properties) {
+        if (superProps && Object.isFrozen(superProps)) {
+            superProps = cloneObject(superProps);
+        }
+        var obj = superProps
+            ? Object.create(superProps, __assign(__assign({}, properties), { __super: {
+                    value: superProps,
+                    writable: false,
+                    enumerable: false
+                } }))
+            : Object.create(Object.prototype, properties);
+        props &&
+            isObject(props) &&
+            Object.keys(props).forEach(function (key) { return (obj[key] = props[key]); });
+        return obj;
+    }
+    function cloneObject(target, persistOwnProps) {
+        if (persistOwnProps === void 0) { persistOwnProps = true; }
+        var obj = target && target.__super
+            ? Object.create(target.__super, {
+                __super: {
+                    value: target.__super,
+                    writable: false,
+                    enumerable: false
                 }
-                break;
-            case 'summary':
-                if(readonly){
-                    convertData = {
-                        type: 'static-tpl',
-                        tpl: getUiFieldTpl(field)
-                    };
+            })
+            : Object.create(Object.prototype);
+        persistOwnProps &&
+            target &&
+            Object.keys(target).forEach(function (key) { return (obj[key] = target[key]); });
+        return obj;
+    }
+    function isObject(obj) {
+        var typename = typeof obj;
+        return (obj &&
+            typename !== 'string' &&
+            typename !== 'number' &&
+            typename !== 'boolean' &&
+            typename !== 'function' &&
+            !Array.isArray(obj));
+    }
+
+    /*
+     * @Author: baozhoutao@steedos.com
+     * @Date: 2022-07-05 15:55:39
+     * @LastEditors: liaodaxue
+     * @LastEditTime: 2023-10-20 11:38:25
+     * @Description:
+     */
+
+    let UI_SCHEMA_CACHE = {};
+
+    let UISchemaFunction;
+
+    if('undefined' != typeof window){
+        if(!window.UI_SCHEMA_CACHE){
+            window.UI_SCHEMA_CACHE = UI_SCHEMA_CACHE;
+        }
+        UI_SCHEMA_CACHE = window.UI_SCHEMA_CACHE;
+    }
+
+    const setUISchemaCache = (key, value) => {
+        UI_SCHEMA_CACHE[key] = value;
+    };
+
+    const getUISchemaCache = (key) => {
+        return lodash.exports.cloneDeep(UI_SCHEMA_CACHE[key]);
+    };
+
+    const hasUISchemaCache = (key) => {
+        return lodash.exports.has(UI_SCHEMA_CACHE, key);
+    };
+
+    function getListViewColumns(listView, formFactor) {
+        let listViewColumns = [];
+        if (formFactor === "SMALL") {
+            listViewColumns = !lodash.exports.isEmpty(listView.mobile_columns)
+                ? listView.mobile_columns
+                : lodash.exports.slice(listView.columns, 0, 4);
+        } else {
+            listViewColumns = listView.columns;
+        }
+        return listViewColumns;
+    }
+    function getListViewSort(listView) {
+        let sort = '';
+        if(listView && listView.sort && listView.sort.length){
+            lodash.exports.each(listView.sort,function(item,index){
+                if(lodash.exports.isArray(item)){
+                    const field_name = item[0];
+                    const order = item[1] || '';
+                    let sortStr = field_name + ' ' + order;
+                    sortStr = index > 0 ? ','+sortStr : sortStr;
+                    sort += sortStr;
+                }else {
+                    let sortStr = item.field_name + ' ' + item.order;
+                    sortStr = index > 0 ? ','+sortStr : sortStr;
+                    sort += sortStr;
                 }
-                break;
-            case 'code':
-                convertData = {
-                    type: "editor",
-                    disabled: readonly ? true : false,
-                    language: field.language,
-                    editorDidMount: new Function('editor', 'monaco', field.editorDidMount)
-                };
-                break;
-            case 'toggle':
-                convertData = {
-                    type: "switch",
-                    name: field.name,
-                    label: field.label,
-                    width: field.width,
-                    toggled: field.toggled,
-                    disabled: readonly,
-                };
-                break;
-            case 'grid':
-                if(field.subFields){
-                    convertData = {
-                        type: 'input-table',
-                        showIndex: true,
-                        columnsTogglable: false,
-                        strictMode:false,
-                        affixHeader: false, // 是否固定表头, 不固定表头, 否则form有y轴滚动条时, 表头会跟随滚动条滚动.
-                        needConfirm: false,
-                        editable: !readonly,
-                        addable: !readonly,
-                        removable: !readonly,
-                        draggable: !readonly,
-                        columns: []
-                    };
-                    // console.log(`convertData ==2====>`, field, convertData)
-                    for (const subField of field.subFields) {
-                        const subFieldName = subField.name.replace(`${field._prefix || ''}${field.name}.$.`, '').replace(`${field.name}.`, '');
-                        const gridSub = await convertSFieldToAmisField(Object.assign({}, subField, {name: subFieldName, isTableField: true}), readonly, ctx);
-                        if(gridSub){
-                            delete gridSub.name;
-                            delete gridSub.label;
-                            const gridItemSchema = {
-                                name: subFieldName,
-                                label: subField.label,
-                                quickEdit: readonly ? false : gridSub
-                            };
-                            if(["lookup", "boolean", "toggle"].indexOf(subField.type) > -1){
-                                gridItemSchema.type = gridSub.type;
-                                gridItemSchema.tpl = gridSub.tpl;
-                            }
-                            convertData.columns.push(Object.assign({}, gridItemSchema, subField.amis, {name: subFieldName}));
-                        }
+            });
+        }
+        return sort;
+    }
+    function getListViewFilter(listView){
+        if(!listView){
+            return ;
+        }
+        try {
+            const userId = getUserId();
+            let filters = listView.filters;
+            if(listView.filter_scope === 'mine'){
+                if(___default.isEmpty(filters)){
+                    filters = [["owner", "=", userId]];
+                }else {
+                    if(___default.isString(filters) && ___default.startsWith(___default.trim(filters), "function")){
+                        filters = new Function(`return ${filters}`);
+                        filters = filters();
                     }
-                }
-                break;
-            case 'object':
-                if(field.subFields){
-                    convertData = {
-                        type: 'combo',
-                        items: []
-                    };
-                    // console.log(`convertData ======>`, field, convertData)
-                    for (let subField of field.subFields) {
-                        let subFieldName = subField.name.replace(`${field.name}.$.`, '').replace(`${field.name}.`, '');
-                        if(subField.type === 'grid'){
-                            subField = await getGridFieldSubFields(subField, ctx.__formFields);
-                        }else {
-                            if(readonly){
-                                subFieldName = `${field.name}.${subFieldName}`;
-                            }
-                        }
-                        const gridSub = await convertSFieldToAmisField(Object.assign({}, subField, {name: subFieldName}), readonly, ctx);
-                        if(gridSub){
-                            delete gridSub.name;
-                            delete gridSub.label;
-                            convertData.items.push(
-                                Object.assign({}, gridSub, {label: subField.label}, subField.amis, {
-                                    name: subFieldName
-                                })
-                            );
-                        }
+                    if(___default.isArray(filters)){
+                        filters.push(["owner", "=", userId]);
+                    }else {
+                        console.debug(`listView filters is not array`, listView);
+                        throw new Error('filters is not array')
                     }
                 }
-                break;
+            };
+            return filters;
+        } catch (error) {
+            console.error(error);
+        }
+    }
+
+    function formatUISchemaCache(objectName, uiSchema){
+        setUISchemaCache(objectName, uiSchema);
+        lodash.exports.each(uiSchema.fields, (field)=>{
+            try {
+                if(field.type === "lookup" && field._reference_to && ___default.isString(field._reference_to)){
+                    field.reference_to = eval(`(${field._reference_to})`)();
+                }
+            } catch (exception) {
+                field.reference_to = undefined;
+                console.error(exception);
+            }
+        });
+        lodash.exports.each(uiSchema.list_views, (v, k)=>{
+            v.name = k;
+            if(!lodash.exports.has(v, 'columns')){
+                v.columns = uiSchema.list_views.all.columns;
+            }
+        });
+    }
+
+    async function getUISchema(objectName, force) {
+        if (!objectName) {
+            return;
+        }
+        if (hasUISchemaCache(objectName) && !force) {
+            return getUISchemaCache(objectName);
+        }
+        let uiSchema = null;
+        try {
+            if(UISchemaFunction);
+            else {
+                const url = `/service/api/@${objectName.replace(/\./g, "_")}/uiSchema`;
+                uiSchema = await fetchAPI(url, { method: "get" });
+            }
+            if(!uiSchema){
+                return ;
+            }
+            formatUISchemaCache(objectName, uiSchema);
+        } catch (error) {
+            console.error(`getUISchema`, objectName, error);
+            setUISchemaCache(objectName, null);
+        }
+        return getUISchemaCache(objectName);
+    }
+
+    function getUISchemaSync(objectName, force) {
+        if (!objectName) {
+            return;
         }
-        if(!lodash.exports.isEmpty(convertData)){
-            if(field.is_wide || convertData.type === 'group'){
-                convertData.className = 'col-span-2 m-1';
-            }else {
-                convertData.className = 'm-1';
-            }
-            if(readonly){
-                convertData.className = `${convertData.className} border-b`;
+        if (hasUISchemaCache(objectName) && !force) {
+            return getUISchemaCache(objectName);
+        }
+        let uiSchema = null;
+        try {
+            
+            const url = `/service/api/@${objectName.replace(/\./g, "_")}/uiSchema`;
+            uiSchema = Steedos.authRequest(url, {
+                type: 'GET',
+                async: false,
+            });
+
+            if(!uiSchema){
+                return ;
             }
-            if(readonly){
-                convertData.quickEdit = false;
+            formatUISchemaCache(objectName, uiSchema);
+        } catch (error) {
+            console.error(`getUISchema`, objectName, error);
+            setUISchemaCache(objectName, null);
+        }
+        return getUISchemaCache(objectName);
+    }
+
+    // 获取列表视图
+    async function getListSchema(
+        appName,
+        objectName,
+        listViewName,
+        ctx = {}
+    ) {
+        const uiSchema = await getUISchema(objectName);
+        if(!uiSchema){
+            return {}
+        }
+        const listView =  lodash.exports.find(
+            uiSchema.list_views,
+            (listView, name) => {
+                // 传入listViewName空值则取第一个
+                if(!listViewName){
+                    listViewName = name;
+                }
+                return name === listViewName || listView._id === listViewName;
             }
+        );
 
-            let fieldTypeClassName = ' steedos-' + convertData.type + (readonly ? '-readonly' : '-edit');
-            if (convertData.className) {
-                convertData.className = convertData.className + fieldTypeClassName;
-            } else {
-                convertData.className = fieldTypeClassName;
+        if (!listView) {
+            return { uiSchema };
+        }
+
+        // 直接返回自定义的列表视图schema
+        if(listView.enable_amis_schema && listView.amis_schema){
+            const amisSchema = lodash.exports.isString(listView.amis_schema) ? JSON.parse(listView.amis_schema) : listView.amis_schema;
+            return {
+                uiSchema,
+                isCustomAmisSchema: true,
+                amisSchema
+            };
+        }
+
+        let listViewColumns = getListViewColumns(listView, ctx.formFactor);
+        let sort = getListViewSort(listView);
+        let listviewFilter = getListViewFilter(listView);
+        let listview_filters = listView && listView._filters;
+        // 返回 calendar 组件
+        if(listView.type === "calendar"){
+            const amisSchema = {
+                "type": "steedos-object-calendar",
+                "objectApiName": objectName,
+                "filters": listviewFilter,
+                "filtersFunction": listview_filters,
+                "sort": sort,
+                ...listView.options
+            };
+            return {
+                uiSchema,
+                isCalendar: true,
+                amisSchema
+            };
+        }
+
+        const defaults = ctx.defaults || {};
+
+        // // 未自定义header 且显示header的时候, 使用系统header
+        // if(!defaults.headerSchema && ctx.showHeader){
+        //     defaults.headerSchema = getObjectListHeader(uiSchema, listViewName);
+        // }
+        
+        // // 如果不显示header,则清理掉
+        // if(!ctx.showHeader){
+        //     defaults.headerSchema = null;
+        // }
+
+        defaults.headerSchema = null;
+
+        /**
+         * 本次存储代码段
+         */
+        try {
+          const listViewPropsStoreKey = location.pathname + "/crud";
+          let localListViewProps = sessionStorage.getItem(listViewPropsStoreKey);
+          /**
+           * localListViewProps规范来自crud请求api中api.data.$self参数值的。
+           * 比如：{"perPage":20,"page":1,"__searchable__name":"7","__searchable__between__n1__c":[null,null],"filter":[["name","contains","a"]]}
+           * __searchable__...:顶部放大镜搜索条件
+           * filter:右侧过滤器
+           * perPage:每页条数
+           * page:当前页码
+           * orderBy:排序字段
+           * orderDir:排序方向
+           */
+          if (localListViewProps) {
+            localListViewProps = JSON.parse(localListViewProps);
+            // localListViewProps.perPage = 3;
+            let listSchema = {};
+            if(localListViewProps.orderBy){
+                listSchema.orderBy = localListViewProps.orderBy;
+            }
+            if(localListViewProps.orderDir){
+                listSchema.orderDir = localListViewProps.orderDir;
             }
 
-            if(field.visible_on && !ctx.inFilterForm){
-                // convertData.visibleOn = `\$${field.visible_on.substring(1, field.visible_on.length -1).replace(/formData./g, '')}`;
-                if(field.visible_on.startsWith("{{")){
-                    convertData.visibleOn = `${field.visible_on.substring(2, field.visible_on.length -2).replace(/formData./g, 'data.')}`;
-                }else {
-                    convertData.visibleOn = `${field.visible_on.replace(/formData./g, 'data.')}`;
-                }
+            if(localListViewProps.perPage){
+                listSchema.defaultParams = {
+                    perPage: localListViewProps.perPage
+                };
             }
+            defaults.listSchema = lodash.exports.defaultsDeep({}, listSchema, defaults.listSchema || {});
+          }
+        }
+        catch (ex) {
+          console.error("本地存储中crud参数解析异常：", ex);
+        }
 
-            if(lodash.exports.isString(baseData.required)){
-                if(baseData.required.startsWith("{{")){
-                    baseData.requiredOn = `${baseData.required.substring(2, baseData.required.length -2).replace(/formData./g, 'data.')}`;
-                    delete baseData.required;
-                }
+        ctx.defaults = defaults;
+
+        if (listViewName == "recent") {
+            listview_filters = `
+            function(filters, data) {
+                var result = Steedos.authRequest('/graphql', {
+                    type: 'POST',
+                    async: false,
+                    data: JSON.stringify({
+                        query: '{object_recent_viewed(filters: [["record.o","=","' + data.objectName + '"],["space","=","' + data.context.tenantId + '"],["owner","=","' + data.context.userId + '"]],sort:"modified desc",top:50){ _id,record}  }'
+                    }),
+                });
+                var _ids = []
+                result.data.object_recent_viewed.forEach(function (item) {
+                    _ids = _ids.concat(item.record.ids)
+                })
+                return ["_id", "=", _ids];
             }
+        `;
+        }
+        const amisSchema = {
+            "type": "steedos-object-table",
+            "objectApiName": objectName,
+            "columns": listViewColumns,
+            "extraColumns": listView.extra_columns,
+            "filters": listviewFilter,
+            "filtersFunction": listview_filters,
+            "sort": sort,
+            "ctx": ctx,
+            "requestAdaptor": listView.requestAdaptor || ctx.requestAdaptor,  
+            "adaptor": listView.adaptor || ctx.adaptor,
+            "headerToolbarItems": ctx.headerToolbarItems,
+            "filterVisible": ctx.filterVisible,
+            "rowClassNameExpr": ctx.rowClassNameExpr,
+            "crudDataFilter": ctx.crudDataFilter,
+            "onCrudDataFilter": ctx.onCrudDataFilter
+        };
+        // console.log(`getListSchema===>`,amisSchema)
+        return {
+            uiSchema,
+            amisSchema,
+        };
+    }
 
-            if(convertData.type === 'group'){
-                convertData.body[0] = Object.assign({}, baseData, convertData.body[0], { labelClassName: 'text-left', clearValueOnHidden: true, fieldName: field.name});
-                return  convertData
+
+    if(typeof window != 'undefined'){
+        window.getUISchema = getUISchema;
+        window.getUISchemaSync = getUISchemaSync;
+        window.getListSchema = getListSchema;
+    }
+
+    function getNumberTpl(field){
+        return `<span>\${_display.${field.name}}</span>`
+    }
+
+    function getTimeTpl(field){
+        return `<span>\${_display.${field.name}}</span>`
+    }
+
+    function getDateTpl(field){
+        return `<span>\${_display.${field.name}}</span>`
+    }
+
+
+    function getDateTimeTpl(field){
+        return `<span>\${_display.${field.name}}</span>`
+    }
+
+    function getUiFieldTpl(field){
+        return `<span>\${_display.${field.name}}</span>`
+    }
+
+    function getUiFileSizeTpl(field){
+        return `<span>\${_display.${field.name}}</span>`
+    }
+
+    //TODO 处理name字段
+    async function getRefObjectNameFieldName(field){
+        const refUiSchema = await getUISchema(field.reference_to);
+        const NAME_FIELD_KEY = refUiSchema.NAME_FIELD_KEY || 'name';
+        return NAME_FIELD_KEY;
+    }
+
+    function getSelectTpl(field){
+        return `<span>\${_display.${field.name}}</span>`
+    }
+    function getSelectMap(selectOptions){
+        let map = {};
+        lodash.exports.forEach(selectOptions,(option)=>{
+            const optionValue = option.value + '';
+            const optionColor = option.color + '';
+            if(optionColor){
+                const background = optionColor.charAt(0) === '#' ? optionColor : '#'+optionColor;
+                const color = getContrastColor(background);
+                const optionColorStyle = 'background:'+background+';color:'+color+';line-height:1.5rem';
+                map[optionValue] = `<span class="rounded-xl px-2 py-1" style='${optionColorStyle}'>${option.label}</span>`;
+            }else {
+                map[optionValue] = option.label;
             }
-            // if(ctx.mode === 'edit'){
-            return Object.assign({}, baseData, convertData, { labelClassName: 'text-left', clearValueOnHidden: true, fieldName: field.name}, field.amis, {name: baseData.name});
-            // }else{
-            //     return Object.assign({}, baseData, convertData, { labelClassName: 'text-left', clearValueOnHidden: true, fieldName: field.name});
-            // }
-        }
-        
+        });
+        return map;
     }
 
-    async function getFieldSearchable(perField, permissionFields, ctx){
-        if(!ctx){
-            ctx = {};
+    function getNameTplUrl(field, ctx){
+        if(ctx.objectName === 'cms_files'){
+            return `\${context.rootUrl}/api/files/files/\${versions[0]}?download=true`
         }
-        let field = perField;
-        if(field.type === 'grid'){
-            field = await getGridFieldSubFields(perField, permissionFields);
-        }else if(perField.type === 'object'){
-            field = await getObjectFieldSubFields(perField, permissionFields);
+        const href = Router.getObjectDetailPath({
+            ...ctx,  formFactor: ctx.formFactor, appId: "${appId}", objectName: ctx.objectName || "${objectName}", recordId: `\${${ctx.idFieldName}}`
+        });
+        return href;
+    }
+
+    function getNameTpl(field, ctx){
+        const href = getNameTplUrl(field, ctx);
+        let linkTarget = "";
+        if(ctx && ctx.isLookup){
+            linkTarget = "target='_blank'";
         }
+        return `<a href="${href}" ${linkTarget}>\${${field.name}}</a>`
+    }
 
-        let fieldNamePrefix = '__searchable__';
-        if(field.name.indexOf(".") < 0){
-            let _field = lodash.exports.cloneDeep(field);
-            if(lodash.exports.includes(['textarea', 'html', 'code', 'autonumber'], field.type)){
-                _field.type = 'text';
+    function getRelatedFieldTpl(field, ctx){
+        let tpl = '';
+        if(!field.reference_to && (field.optionsFunction || field._optionsFunction || field.options)){
+            if(field.isTableField){
+                return `\${${field.name}}`
+            }else {
+                return `\${${field.name}__label}`
             }
+        }
 
-            if(lodash.exports.includes(['formula', 'summary'], field.type)){
-                _field.type = field.data_type;
-                _field.precision = field.precision;
-                _field.scale = field.scale;
-            }
-            else if(field.type === "select" && field.data_type && field.data_type != "text"){
-                _field.type = field.data_type;
-            }
+        let linkTarget = "";
+        if(ctx && ctx.isLookup){
+            linkTarget = "target='_blank'";
+        }
 
-            if(_field.type === 'number' || _field.type === 'currency'){
-                _field.type = 'input-array';
-                _field.inline = true;
-                _field.addable = false;
-                _field.removable = false;
-                _field.value = [null,null];
-                _field.items = {
-                    type: "input-number"
-                };
-                _field.is_wide = true;
-                fieldNamePrefix = `${fieldNamePrefix}between__`;
-            }
+        const onlyDisplayLookLabel = ctx.onlyDisplayLookLabel;
 
-            if(_field.type ==='date'){
-                _field.type = 'input-date-range';
-                _field.is_wide = true;
-                fieldNamePrefix = `${fieldNamePrefix}between__`;
-            }
-            if(_field.type === 'datetime'){
-                _field.type = 'input-datetime-range';
-                _field.is_wide = true;
-                fieldNamePrefix = `${fieldNamePrefix}between__`;
-            }
-            if(_field.type === 'time'){
-                _field.type = 'input-time-range';
-                _field.is_wide = true;
-                fieldNamePrefix = `${fieldNamePrefix}between__`;
-            }
-            if(_field.reference_to === 'users'){
-                _field.reference_to = 'space_users';
-                _field.reference_to_field = 'user';
-            }
-            _field.readonly = false;
-            _field.disabled = false;
-            _field.multiple = true;
-            _field.is_wide = false;
-            _field.defaultValue = undefined;
-            _field.required = false;
-            _field.hidden = false;
-            _field.omit = false;
+        let fieldDataStrTpl = `data._display.${field.name}`;
 
-            if(_field.amis){
-                delete _field.amis.static;
-                delete _field.amis.staticOn;
-                delete _field.amis.disabled;
-                delete _field.amis.disabledOn;
-                delete _field.amis.required;
-                delete _field.amis.requiredOn;
-                delete _field.amis.visible;
-                delete _field.amis.visibleOn;
-                delete _field.amis.hidden;
-                delete _field.amis.hiddenOn;
-                delete _field.amis.autoFill;
+        if(field.isTableField){
+            fieldDataStrTpl = `data.${field.name}`;
+        }
+
+        if(_.isString(field.reference_to) || !field.reference_to){
+            if(field.multiple){
+                let labelTpl = `<%=item.label%>`;
+                if(!onlyDisplayLookLabel){
+                    const href = Router.getObjectDetailPath({
+                        formFactor: ctx.formFactor, appId: "<%=data.appId%>", objectName: `<%=item.objectName%>`, recordId: `<%=item.value%>`, _templateType: "JavaScript"
+                    });
+                    labelTpl = `<a href="${href}" ${linkTarget}><%=item.label%></a>`;
+                }
+                tpl = `
+            <% if (${fieldDataStrTpl} && ${fieldDataStrTpl}.length) { %><% ${fieldDataStrTpl}.forEach(function(item,index) { %> <% if(index>0 && index<${fieldDataStrTpl}.length){ %> , <% } %> ${labelTpl}  <% }); %><% } %>
+            `;
+            }else {
+                let labelTpl = `\${_display.${field.name}.label}`;
+                let objectNameTpl = `\${_display.${field.name}.objectName}`;
+                let recordIdTpl = `\${_display.${field.name}.value}`;
+                if(field.isTableField){
+                    labelTpl = `\${${field.name}.label}`;
+                    objectNameTpl = `\${${field.name}.objectName}`;
+                    recordIdTpl = `\${${field.name}.value}`;
+                }
+                if(!onlyDisplayLookLabel){
+                    const href = Router.getObjectDetailPath({
+                        formFactor: ctx.formFactor, appId: "${appId}", objectName: `${objectNameTpl}`, recordId: `${recordIdTpl}`
+                    });
+                    labelTpl = `<a href="${href}" ${linkTarget}>${labelTpl}</a>`;
+                }
+                tpl = labelTpl;
             }
 
-            const amisField = await convertSFieldToAmisField(_field, false, Object.assign({}, ctx, {fieldNamePrefix: fieldNamePrefix, required: false, showSystemFields: true, inFilterForm: true}));
-            if(amisField){
-                return Object.assign({}, amisField,{
-                    submitOnChange: true
+            
+        }else {
+            let labelTpl = `<%=item.label%>`;
+            if(!onlyDisplayLookLabel){
+                const href = Router.getObjectDetailPath({
+                    formFactor: ctx.formFactor, appId: "<%=data.appId%>", objectName: `<%=item.objectName%>`, recordId: `<%=item.value%>`, _templateType: "JavaScript"
                 });
+                labelTpl = `<a href="${href}" ${linkTarget}><%=item.label%></a>`;
             }
+            tpl = `
+        <% if (${fieldDataStrTpl} && ${fieldDataStrTpl}.length) { %><% ${fieldDataStrTpl}.forEach(function(item) { %> ${labelTpl}  <% }); %><% } %>
+        `;
         }
+        return tpl
     }
 
-    if(typeof window != 'undefined'){
-        window.getFieldSearchable = getFieldSearchable;
+    async function getLookupTpl(field, ctx){
+        if(!field.reference_to){
+            return getSelectTpl(field)
+        }
+        const NAME_FIELD_KEY = await getRefObjectNameFieldName(field);
+        if(field.multiple){
+            const href = Router.getObjectDetailPath({
+                formFactor: ctx.formFactor, appId: ctx.appId, objectName: field.reference_to, recordId: `<%=item._id%>`, _templateType: "JavaScript"
+            });
+            return `
+        <% if (data.${field.name} && data.${field.name}.length) { %><% data.${field.name}.forEach(function(item) { %> <a href="${href}"><%=item.${NAME_FIELD_KEY}%></a>  <% }); %><% } %>
+        `
+        }else {
+            const href = Router.getObjectDetailPath({
+                formFactor: ctx.formFactor, appId: ctx.appId, objectName: field.reference_to, recordId: `\${${field.name}._id}`
+            });
+            return `<a href="${href}">\${${field.name}.${NAME_FIELD_KEY}}</a>`
+        }
+        
     }
 
-
-    function isFieldTypeSearchable(fieldType) {
-        return !lodash.exports.includes(
-            [
-                "grid",
-                "avatar",
-                "image",
-                "object",
-                "[object]",
-                "[Object]",
-                "[grid]",
-                "[text]",
-                "audio",
-                "file",
-            ],
-            fieldType
-        )
+    function getSwitchTpl(field){
+        let fieldDataStrTpl = `data._display.${field.name}`;
+        if(field.isTableField){
+            fieldDataStrTpl = `data.${field.name}`;
+        }
+        return `<% if (data.${field.name}) { %>
+    <span class="slds-icon_container slds-icon-utility-check slds-current-color" title="<%=${fieldDataStrTpl}%>">
+        <span ><%= ${fieldDataStrTpl} === "√" ? "<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor' class='w-4 h-4'><path stroke-linecap='round' stroke-linejoin='round' d='M4.5 12.75l6 6 9-13.5' /></svg>" : ${fieldDataStrTpl} %></span>
+    </span>
+    <% } %>`
     }
 
-    if (typeof window != 'undefined') {
-        window.isFieldTypeSearchable = isFieldTypeSearchable;
+    function getPasswordTpl(field){
+        return `<% if (data.${field.name}) { %>
+        <span>······</span>
+        <% } %>`
     }
 
+    function getLocationTpl(field){
+        return `\${${field.name} ? ${field.name}.address : ''}`
+    }
 
-    function isFieldQuickSearchable(field, nameFieldKey) {
-        let fieldSearchable = field.searchable;
-        if(fieldSearchable !== false && field.name === nameFieldKey){
-            // 对象上名称字段的searchable默认认为是true
-            fieldSearchable = true;
+    async function getFieldTpl (field, options){
+        if((field.is_name || field.name === options.labelFieldName) && !options.onlyDisplayLookLabel){
+            return getNameTpl(field, options)
         }
-        if (fieldSearchable && QUICK_SEARCHABLE_FIELD_TYPES.indexOf(field.type) > -1) {
-            return true;
+        switch (field.type) {
+            case 'password':
+                return getPasswordTpl(field);
+            case 'boolean':
+                return getSwitchTpl(field);
+            case 'toggle':
+                return getSwitchTpl(field);
+            case 'select':
+                return getSelectTpl(field);
+            case 'time':
+                return getTimeTpl(field);
+            case 'date':
+                return getDateTpl(field);
+            case 'datetime':
+                return getDateTimeTpl(field);
+            case 'lookup':
+                return await getRelatedFieldTpl(field, options);
+            case 'master_detail':
+                return await getRelatedFieldTpl(field, options);
+            case 'location':
+                return await getLocationTpl(field);
+            case 'number':
+            case 'currency':
+                return await getNumberTpl(field);
+            case 'percent':
+            case 'formula':
+            case 'summary':
+                return getUiFieldTpl(field)
+            case 'filesize':
+                return getUiFileSizeTpl(field)
         }
-        return false;
     }
 
     /*
@@ -25808,7 +26200,7 @@ crudService && crudService.setData({showFieldsFilter: toShowFieldsFilter});
 
     async function getTableColumns(fields, options){
         const columns = [];
-        if(!options.isLookup){
+        if(!options.isLookup && !options.isInputTable){
             //将_display放入crud的columns中，可以通过setvalue修改行内数据域的_display，而不影响上层items的_display,用于批量编辑
             columns.push({name: '_display',type: 'static', width: 32, placeholder: "",id: "_display_${_index}", className: "hidden"});
             columns.push({name: '_index',type: 'text', width: 32, placeholder: ""});
@@ -25951,7 +26343,7 @@ crudService && crudService.setData({showFieldsFilter: toShowFieldsFilter});
             }
         }
         // columns.push(getOperation(fields));
-        if(!options.isLookup && !lodash.exports.some(columns, { name: options.labelFieldName })){
+        if(!options.isLookup && !options.isInputTable && !lodash.exports.some(columns, { name: options.labelFieldName })){
             // 没有名称字段时显示序号字段为链接，lookup弹出的picker不需要此功能
             const href = Router.getObjectDetailPath({
                 ...options,  formFactor: options.formFactor, appId: "${appId}", objectName: options.objectName || "${objectName}", recordId: `\${${options.idFieldName}}`
@@ -26135,624 +26527,232 @@ crudService && crudService.setData({showFieldsFilter: toShowFieldsFilter});
                                         "api": {
                                             "url": url,
                                             "method": "get",
-                                            "headers": {
-                                                "Authorization": "Bearer ${context.tenantId},${context.authToken}"
-                                            }
-                                        }
-                                    },
-                                    "actionType": "download"
-                                }
-                            ],
-                            "weight": 0
-                        }
-                    }
-                };
-            }
-            
-        }
-
-        columns.push(column);
-        
-
-        return columns;
-    }
-
-    function getDefaultParams(options){
-        return {
-            perPage: options.top || options.perPage || config.listView.perPage
-        }
-    }
-
-    function getButtonVisibleOn(button){
-        let visible= button.visible;
-
-        if(button._visible){
-            visible = button._visible;
-        }
-
-        if(lodash.exports.isBoolean(visible)){
-            visible = visible.toString();
-        }
-
-        if(visible){
-            // if(visible.indexOf("Meteor.") > 0 || visible.indexOf("Creator.") > 0 || visible.indexOf("Session.") > 0){
-            //     console.warn('无效的visible', visible)
-            //     return 'false';
-            // }
-            if(visible.trim().startsWith('function')){
-                return `${visible}(objectName, typeof _id === 'undefined' ? null: _id, typeof record === 'undefined' ? (typeof recordPermissions === 'undefined' ? {} : recordPermissions) : record.recordPermissions, data)`
-            }
-            return visible;
-        }
-
-        if(button.type === 'amis_button'){
-            const amisSchema = button.amis_schema;
-            if(amisSchema && amisSchema.body && amisSchema.body.length > 0){
-                const btn1 = amisSchema.body[0];
-                return btn1.visibleOn
-            }
-        }
-    }
-
-    async function getTableOperation(ctx){
-        const buttons = ctx.buttons;
-        const operationButtons = [];
-        lodash.exports.each(buttons, (button)=>{
-            if(lodash.exports.isBoolean(button.visible)){
-                button.visible = button.visible.toString();
-            }
-            // operationButtons.push({
-            //     type: 'button',
-            //     label: button.label,
-            //     visibleOn: button.visible ? `${button.visible}` : (button._visible ? `${button._visible}` : null),
-            //     onEvent: {
-            //         click: {
-            //             actions: []
-            //         }
-            //     }
-            // })
-
-            operationButtons.push({
-                type: 'steedos-object-button',
-                name: button.name,
-                objectName: button.objectName,
-                visibleOn: getButtonVisibleOn(button),
-                className: 'antd-Button--default'
-            });
-        });
-        if(operationButtons.length < 1){
-            return ;
-        }
-        return {
-            type: 'operation',
-            label: "",
-            fixed: 'right',
-            labelClassName: 'text-center',
-            className: 'text-center steedos-listview-operation w-10',
-            buttons: [
-                  {
-                    "type": "steedos-dropdown-button",
-                    "label": "xxx",
-                    "buttons": operationButtons,
-                    "placement": "bottomRight",
-                    "overlayClassName": "shadow !min-w-[160px]",
-                    "trigger": ["click"],
-                    "id": "u:c2140a365019",
-                    onOpenApi: {
-                        url: `\${context.rootUrl}/service/api/@\${objectName}/recordPermissions/\${_id}`,
-                        method: "get",
-                        requestAdaptor: "api.data={}; return api;",
-                        headers: {
-                            Authorization: "Bearer ${context.tenantId},${context.authToken}"
-                        },
-                        adaptor: `
-                        payload = {
-                            record: {
-                                recordPermissions: payload
-                            }
-                        };
-                        return payload;
-                    `,
-                    }
-                  }
-            ]
-        }
-    }
-
-    async function getDefaultCrudCard(columns, options) {
-        let labelFieldName = options?.labelFieldName || "name";
-        let titleColumn, bodyColumns = [];
-        columns.forEach(function (item) {
-            delete item.quickEdit;
-            delete item.width;
-            if (item.name === labelFieldName) {
-                titleColumn = item;
-            }
-            else {
-                if (item.name !== "_index") {
-                    bodyColumns.push(item);
-                }
-            }
-        });
-        let card = {
-            "header": {
-                "title": titleColumn.tpl
-            },
-            body: bodyColumns,
-            // useCardLabel: false,
-            toolbar: []
-        };
-        let hideToolbarOperation = options.formFactor === 'SMALL' || ["split"].indexOf(options.displayAs) > -1;
-        if(!hideToolbarOperation){
-            let toolbarOperation = await getTableOperation(options);
-            if (toolbarOperation) {
-                toolbarOperation.className += " inline-block w-auto";
-            }
-            card.toolbar.push(toolbarOperation);
-        }
-        return card;
-    }
-
-    async function getTableSchema$1(fields, options){
-        if(!options){
-            options = {};
-        }
-        let { isLookup, hiddenColumnOperation } = options;
-        const defaults = options.defaults;
-        const listSchema = (defaults && defaults.listSchema) || {};
-
-        let columns = [];
-        let useMobileColumns = options.formFactor === 'SMALL' || ["split"].indexOf(options.displayAs) > -1;
-        if(isLookup){
-            // 在lookup手机端列表模式调式好之前不使用getMobileTableColumns
-            useMobileColumns = false;
-        }
-        if(listSchema.mode && listSchema.mode !== "table"){
-            // 如果指定的mode，则不走我们内置的手机端列表效果，使用steedos组件内部开发的默认card/list效果，或者由用户自己实现card/list模式的crud列表
-            useMobileColumns = false;
-        }
-        if(useMobileColumns){
-            columns = await getMobileTableColumns(fields, options);
-        }
-        else {
-            columns = await getTableColumns(fields, options);
-
-            if(listSchema.mode === "cards"){
-                let card = listSchema.card;
-                if(!card){
-                    card = await getDefaultCrudCard(columns, options);
-                }
-                return {
-                    mode: "cards",
-                    perPageAvailable: [5, 10, 20, 50, 100, 500],
-                    name: "thelist",
-                    headerToolbarClassName: "py-2 px-2 border-gray-300 border-solid border-b",
-                    className: "",
-                    draggable: false,
-                    defaultParams: getDefaultParams(options),
-                    card: card,
-                    syncLocation: false,
-                    keepItemSelectionOnPageChange: true,
-                    checkOnItemClick: isLookup ? true : false,
-                    labelTpl: `\${${options.labelFieldName}}`,
-                    autoFillHeight: false, // 自动高度效果不理想,先关闭
-                    columnsTogglable: false
-                }
-            }
-
-            if(!isLookup && !hiddenColumnOperation){
-                columns.push(await getTableOperation(options));
-            }
-        }
-
-        return {
-            mode: "table",
-            perPageAvailable: [5, 10, 20, 50, 100, 500],
-            name: "thelist",
-            headerToolbarClassName: "py-2 px-2 border-gray-300 border-solid border-b",
-            className: "",
-            draggable: false,
-            defaultParams: getDefaultParams(options),
-            columns: columns,
-            syncLocation: false,
-            keepItemSelectionOnPageChange: true,
-            checkOnItemClick: isLookup ? true : false,
-            labelTpl: `\${${options.labelFieldName}}`,
-            autoFillHeight: false, // 自动高度效果不理想,先关闭
-            columnsTogglable: false,
-        }
-    }
-
-    /******************************************************************************
-    Copyright (c) Microsoft Corporation.
-
-    Permission to use, copy, modify, and/or distribute this software for any
-    purpose with or without fee is hereby granted.
-
-    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-    PERFORMANCE OF THIS SOFTWARE.
-    ***************************************************************************** */
-
-    var __assign = function() {
-        __assign = Object.assign || function __assign(t) {
-            for (var s, i = 1, n = arguments.length; i < n; i++) {
-                s = arguments[i];
-                for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-            }
-            return t;
-        };
-        return __assign.apply(this, arguments);
-    };
-
-    // 方便取值的时候能够把上层的取到，但是获取的时候不会全部把所有的数据获取到。
-    function createObject(superProps, props, properties) {
-        if (superProps && Object.isFrozen(superProps)) {
-            superProps = cloneObject(superProps);
+                                            "headers": {
+                                                "Authorization": "Bearer ${context.tenantId},${context.authToken}"
+                                            }
+                                        }
+                                    },
+                                    "actionType": "download"
+                                }
+                            ],
+                            "weight": 0
+                        }
+                    }
+                };
+            }
+            
         }
-        var obj = superProps
-            ? Object.create(superProps, __assign(__assign({}, properties), { __super: {
-                    value: superProps,
-                    writable: false,
-                    enumerable: false
-                } }))
-            : Object.create(Object.prototype, properties);
-        props &&
-            isObject(props) &&
-            Object.keys(props).forEach(function (key) { return (obj[key] = props[key]); });
-        return obj;
-    }
-    function cloneObject(target, persistOwnProps) {
-        if (persistOwnProps === void 0) { persistOwnProps = true; }
-        var obj = target && target.__super
-            ? Object.create(target.__super, {
-                __super: {
-                    value: target.__super,
-                    writable: false,
-                    enumerable: false
-                }
-            })
-            : Object.create(Object.prototype);
-        persistOwnProps &&
-            target &&
-            Object.keys(target).forEach(function (key) { return (obj[key] = target[key]); });
-        return obj;
-    }
-    function isObject(obj) {
-        var typename = typeof obj;
-        return (obj &&
-            typename !== 'string' &&
-            typename !== 'number' &&
-            typename !== 'boolean' &&
-            typename !== 'function' &&
-            !Array.isArray(obj));
-    }
-
-    /*
-     * @Author: baozhoutao@steedos.com
-     * @Date: 2022-07-05 15:55:39
-     * @LastEditors: liaodaxue
-     * @LastEditTime: 2023-10-20 11:38:25
-     * @Description:
-     */
 
-    let UI_SCHEMA_CACHE = {};
+        columns.push(column);
+        
 
-    let UISchemaFunction;
+        return columns;
+    }
 
-    if('undefined' != typeof window){
-        if(!window.UI_SCHEMA_CACHE){
-            window.UI_SCHEMA_CACHE = UI_SCHEMA_CACHE;
+    function getDefaultParams(options){
+        return {
+            perPage: options.top || options.perPage || config.listView.perPage
         }
-        UI_SCHEMA_CACHE = window.UI_SCHEMA_CACHE;
     }
 
-    const setUISchemaCache = (key, value) => {
-        UI_SCHEMA_CACHE[key] = value;
-    };
-
-    const getUISchemaCache = (key) => {
-        return lodash.exports.cloneDeep(UI_SCHEMA_CACHE[key]);
-    };
-
-    const hasUISchemaCache = (key) => {
-        return lodash.exports.has(UI_SCHEMA_CACHE, key);
-    };
+    function getButtonVisibleOn(button){
+        let visible= button.visible;
 
-    function getListViewColumns(listView, formFactor) {
-        let listViewColumns = [];
-        if (formFactor === "SMALL") {
-            listViewColumns = !lodash.exports.isEmpty(listView.mobile_columns)
-                ? listView.mobile_columns
-                : lodash.exports.slice(listView.columns, 0, 4);
-        } else {
-            listViewColumns = listView.columns;
+        if(button._visible){
+            visible = button._visible;
         }
-        return listViewColumns;
-    }
-    function getListViewSort(listView) {
-        let sort = '';
-        if(listView && listView.sort && listView.sort.length){
-            lodash.exports.each(listView.sort,function(item,index){
-                if(lodash.exports.isArray(item)){
-                    const field_name = item[0];
-                    const order = item[1] || '';
-                    let sortStr = field_name + ' ' + order;
-                    sortStr = index > 0 ? ','+sortStr : sortStr;
-                    sort += sortStr;
-                }else {
-                    let sortStr = item.field_name + ' ' + item.order;
-                    sortStr = index > 0 ? ','+sortStr : sortStr;
-                    sort += sortStr;
-                }
-            });
+
+        if(lodash.exports.isBoolean(visible)){
+            visible = visible.toString();
         }
-        return sort;
-    }
-    function getListViewFilter(listView){
-        if(!listView){
-            return ;
+
+        if(visible){
+            // if(visible.indexOf("Meteor.") > 0 || visible.indexOf("Creator.") > 0 || visible.indexOf("Session.") > 0){
+            //     console.warn('无效的visible', visible)
+            //     return 'false';
+            // }
+            if(visible.trim().startsWith('function')){
+                return `${visible}(objectName, typeof _id === 'undefined' ? null: _id, typeof record === 'undefined' ? (typeof recordPermissions === 'undefined' ? {} : recordPermissions) : record.recordPermissions, data)`
+            }
+            return visible;
         }
-        try {
-            const userId = getUserId();
-            let filters = listView.filters;
-            if(listView.filter_scope === 'mine'){
-                if(___default.isEmpty(filters)){
-                    filters = [["owner", "=", userId]];
-                }else {
-                    if(___default.isString(filters) && ___default.startsWith(___default.trim(filters), "function")){
-                        filters = new Function(`return ${filters}`);
-                        filters = filters();
-                    }
-                    if(___default.isArray(filters)){
-                        filters.push(["owner", "=", userId]);
-                    }else {
-                        console.debug(`listView filters is not array`, listView);
-                        throw new Error('filters is not array')
-                    }
-                }
-            };
-            return filters;
-        } catch (error) {
-            console.error(error);
+
+        if(button.type === 'amis_button'){
+            const amisSchema = button.amis_schema;
+            if(amisSchema && amisSchema.body && amisSchema.body.length > 0){
+                const btn1 = amisSchema.body[0];
+                return btn1.visibleOn
+            }
         }
     }
 
-    function formatUISchemaCache(objectName, uiSchema){
-        setUISchemaCache(objectName, uiSchema);
-        lodash.exports.each(uiSchema.fields, (field)=>{
-            try {
-                if(field.type === "lookup" && field._reference_to && ___default.isString(field._reference_to)){
-                    field.reference_to = eval(`(${field._reference_to})`)();
-                }
-            } catch (exception) {
-                field.reference_to = undefined;
-                console.error(exception);
-            }
-        });
-        lodash.exports.each(uiSchema.list_views, (v, k)=>{
-            v.name = k;
-            if(!lodash.exports.has(v, 'columns')){
-                v.columns = uiSchema.list_views.all.columns;
+    async function getTableOperation(ctx){
+        const buttons = ctx.buttons;
+        const operationButtons = [];
+        lodash.exports.each(buttons, (button)=>{
+            if(lodash.exports.isBoolean(button.visible)){
+                button.visible = button.visible.toString();
             }
-        });
-    }
+            // operationButtons.push({
+            //     type: 'button',
+            //     label: button.label,
+            //     visibleOn: button.visible ? `${button.visible}` : (button._visible ? `${button._visible}` : null),
+            //     onEvent: {
+            //         click: {
+            //             actions: []
+            //         }
+            //     }
+            // })
 
-    async function getUISchema(objectName, force) {
-        if (!objectName) {
-            return;
-        }
-        if (hasUISchemaCache(objectName) && !force) {
-            return getUISchemaCache(objectName);
+            operationButtons.push({
+                type: 'steedos-object-button',
+                name: button.name,
+                objectName: button.objectName,
+                visibleOn: getButtonVisibleOn(button),
+                className: 'antd-Button--default'
+            });
+        });
+        if(operationButtons.length < 1){
+            return ;
         }
-        let uiSchema = null;
-        try {
-            if(UISchemaFunction);
-            else {
-                const url = `/service/api/@${objectName.replace(/\./g, "_")}/uiSchema`;
-                uiSchema = await fetchAPI(url, { method: "get" });
-            }
-            if(!uiSchema){
-                return ;
-            }
-            formatUISchemaCache(objectName, uiSchema);
-        } catch (error) {
-            console.error(`getUISchema`, objectName, error);
-            setUISchemaCache(objectName, null);
+        return {
+            type: 'operation',
+            label: "&nbsp;",
+            fixed: 'right',
+            labelClassName: 'text-center',
+            className: 'text-center steedos-listview-operation w-10',
+            buttons: [
+                  {
+                    "type": "steedos-dropdown-button",
+                    "label": "xxx",
+                    "buttons": operationButtons,
+                    "placement": "bottomRight",
+                    "overlayClassName": "shadow !min-w-[160px]",
+                    "trigger": ["click"],
+                    "id": "u:c2140a365019",
+                    onOpenApi: {
+                        url: `\${context.rootUrl}/service/api/@\${objectName}/recordPermissions/\${_id}`,
+                        method: "get",
+                        requestAdaptor: "api.data={}; return api;",
+                        headers: {
+                            Authorization: "Bearer ${context.tenantId},${context.authToken}"
+                        },
+                        adaptor: `
+                        payload = {
+                            record: {
+                                recordPermissions: payload
+                            }
+                        };
+                        return payload;
+                    `,
+                    }
+                  }
+            ]
         }
-        return getUISchemaCache(objectName);
     }
 
-    function getUISchemaSync(objectName, force) {
-        if (!objectName) {
-            return;
-        }
-        if (hasUISchemaCache(objectName) && !force) {
-            return getUISchemaCache(objectName);
-        }
-        let uiSchema = null;
-        try {
-            
-            const url = `/service/api/@${objectName.replace(/\./g, "_")}/uiSchema`;
-            uiSchema = Steedos.authRequest(url, {
-                type: 'GET',
-                async: false,
-            });
-
-            if(!uiSchema){
-                return ;
+    async function getDefaultCrudCard(columns, options) {
+        let labelFieldName = options?.labelFieldName || "name";
+        let titleColumn, bodyColumns = [];
+        columns.forEach(function (item) {
+            delete item.quickEdit;
+            delete item.width;
+            if (item.name === labelFieldName) {
+                titleColumn = item;
             }
-            formatUISchemaCache(objectName, uiSchema);
-        } catch (error) {
-            console.error(`getUISchema`, objectName, error);
-            setUISchemaCache(objectName, null);
+            else {
+                if (item.name !== "_index") {
+                    bodyColumns.push(item);
+                }
+            }
+        });
+        let card = {
+            "header": {
+                "title": titleColumn.tpl
+            },
+            body: bodyColumns,
+            // useCardLabel: false,
+            toolbar: []
+        };
+        let hideToolbarOperation = options.formFactor === 'SMALL' || ["split"].indexOf(options.displayAs) > -1;
+        if(!hideToolbarOperation){
+            let toolbarOperation = await getTableOperation(options);
+            if (toolbarOperation) {
+                toolbarOperation.className += " inline-block w-auto";
+            }
+            card.toolbar.push(toolbarOperation);
         }
-        return getUISchemaCache(objectName);
+        return card;
     }
 
-    // 获取列表视图
-    async function getListSchema(
-        appName,
-        objectName,
-        listViewName,
-        ctx = {}
-    ) {
-        const uiSchema = await getUISchema(objectName);
-        if(!uiSchema){
-            return {}
+    async function getTableSchema(fields, options){
+        if(!options){
+            options = {};
         }
-        const listView =  lodash.exports.find(
-            uiSchema.list_views,
-            (listView, name) => {
-                // 传入listViewName空值则取第一个
-                if(!listViewName){
-                    listViewName = name;
-                }
-                return name === listViewName || listView._id === listViewName;
-            }
-        );
+        let { isLookup, hiddenColumnOperation } = options;
+        const defaults = options.defaults;
+        const listSchema = (defaults && defaults.listSchema) || {};
 
-        if (!listView) {
-            return { uiSchema };
+        let columns = [];
+        let useMobileColumns = options.formFactor === 'SMALL' || ["split"].indexOf(options.displayAs) > -1;
+        if(isLookup){
+            // 在lookup手机端列表模式调式好之前不使用getMobileTableColumns
+            useMobileColumns = false;
         }
-
-        // 直接返回自定义的列表视图schema
-        if(listView.enable_amis_schema && listView.amis_schema){
-            const amisSchema = lodash.exports.isString(listView.amis_schema) ? JSON.parse(listView.amis_schema) : listView.amis_schema;
-            return {
-                uiSchema,
-                isCustomAmisSchema: true,
-                amisSchema
-            };
+        if(listSchema.mode && listSchema.mode !== "table"){
+            // 如果指定的mode，则不走我们内置的手机端列表效果，使用steedos组件内部开发的默认card/list效果，或者由用户自己实现card/list模式的crud列表
+            useMobileColumns = false;
         }
-
-        let listViewColumns = getListViewColumns(listView, ctx.formFactor);
-        let sort = getListViewSort(listView);
-        let listviewFilter = getListViewFilter(listView);
-        let listview_filters = listView && listView._filters;
-        // 返回 calendar 组件
-        if(listView.type === "calendar"){
-            const amisSchema = {
-                "type": "steedos-object-calendar",
-                "objectApiName": objectName,
-                "filters": listviewFilter,
-                "filtersFunction": listview_filters,
-                "sort": sort,
-                ...listView.options
-            };
-            return {
-                uiSchema,
-                isCalendar: true,
-                amisSchema
-            };
+        if(useMobileColumns){
+            columns = await getMobileTableColumns(fields, options);
         }
+        else {
+            columns = await getTableColumns(fields, options);
 
-        const defaults = ctx.defaults || {};
-
-        // // 未自定义header 且显示header的时候, 使用系统header
-        // if(!defaults.headerSchema && ctx.showHeader){
-        //     defaults.headerSchema = getObjectListHeader(uiSchema, listViewName);
-        // }
-        
-        // // 如果不显示header,则清理掉
-        // if(!ctx.showHeader){
-        //     defaults.headerSchema = null;
-        // }
-
-        defaults.headerSchema = null;
-
-        /**
-         * 本次存储代码段
-         */
-        try {
-          const listViewPropsStoreKey = location.pathname + "/crud";
-          let localListViewProps = sessionStorage.getItem(listViewPropsStoreKey);
-          /**
-           * localListViewProps规范来自crud请求api中api.data.$self参数值的。
-           * 比如：{"perPage":20,"page":1,"__searchable__name":"7","__searchable__between__n1__c":[null,null],"filter":[["name","contains","a"]]}
-           * __searchable__...:顶部放大镜搜索条件
-           * filter:右侧过滤器
-           * perPage:每页条数
-           * page:当前页码
-           * orderBy:排序字段
-           * orderDir:排序方向
-           */
-          if (localListViewProps) {
-            localListViewProps = JSON.parse(localListViewProps);
-            // localListViewProps.perPage = 3;
-            let listSchema = {};
-            if(localListViewProps.orderBy){
-                listSchema.orderBy = localListViewProps.orderBy;
-            }
-            if(localListViewProps.orderDir){
-                listSchema.orderDir = localListViewProps.orderDir;
+            if(listSchema.mode === "cards"){
+                let card = listSchema.card;
+                if(!card){
+                    card = await getDefaultCrudCard(columns, options);
+                }
+                return {
+                    mode: "cards",
+                    perPageAvailable: [5, 10, 20, 50, 100, 500],
+                    name: "thelist",
+                    headerToolbarClassName: "py-2 px-2 border-gray-300 border-solid border-b",
+                    className: "",
+                    draggable: false,
+                    defaultParams: getDefaultParams(options),
+                    card: card,
+                    syncLocation: false,
+                    keepItemSelectionOnPageChange: true,
+                    checkOnItemClick: isLookup ? true : false,
+                    labelTpl: `\${${options.labelFieldName}}`,
+                    autoFillHeight: false, // 自动高度效果不理想,先关闭
+                    columnsTogglable: false
+                }
             }
 
-            if(localListViewProps.perPage){
-                listSchema.defaultParams = {
-                    perPage: localListViewProps.perPage
-                };
+            if(!isLookup && !hiddenColumnOperation){
+                columns.push(await getTableOperation(options));
             }
-            defaults.listSchema = lodash.exports.defaultsDeep({}, listSchema, defaults.listSchema || {});
-          }
-        }
-        catch (ex) {
-          console.error("本地存储中crud参数解析异常：", ex);
         }
 
-        ctx.defaults = defaults;
-
-        if (listViewName == "recent") {
-            listview_filters = `
-            function(filters, data) {
-                var result = Steedos.authRequest('/graphql', {
-                    type: 'POST',
-                    async: false,
-                    data: JSON.stringify({
-                        query: '{object_recent_viewed(filters: [["record.o","=","' + data.objectName + '"],["space","=","' + data.context.tenantId + '"],["owner","=","' + data.context.userId + '"]],sort:"modified desc",top:50){ _id,record}  }'
-                    }),
-                });
-                var _ids = []
-                result.data.object_recent_viewed.forEach(function (item) {
-                    _ids = _ids.concat(item.record.ids)
-                })
-                return ["_id", "=", _ids];
-            }
-        `;
-        }
-        const amisSchema = {
-            "type": "steedos-object-table",
-            "objectApiName": objectName,
-            "columns": listViewColumns,
-            "extraColumns": listView.extra_columns,
-            "filters": listviewFilter,
-            "filtersFunction": listview_filters,
-            "sort": sort,
-            "ctx": ctx,
-            "requestAdaptor": listView.requestAdaptor || ctx.requestAdaptor,  
-            "adaptor": listView.adaptor || ctx.adaptor,
-            "headerToolbarItems": ctx.headerToolbarItems,
-            "filterVisible": ctx.filterVisible,
-            "rowClassNameExpr": ctx.rowClassNameExpr,
-            "crudDataFilter": ctx.crudDataFilter,
-            "onCrudDataFilter": ctx.onCrudDataFilter
-        };
-        // console.log(`getListSchema===>`,amisSchema)
         return {
-            uiSchema,
-            amisSchema,
-        };
-    }
-
-
-    if(typeof window != 'undefined'){
-        window.getUISchema = getUISchema;
-        window.getUISchemaSync = getUISchemaSync;
-        window.getListSchema = getListSchema;
+            mode: "table",
+            perPageAvailable: [5, 10, 20, 50, 100, 500],
+            name: "thelist",
+            headerToolbarClassName: "py-2 px-2 border-gray-300 border-solid border-b",
+            className: "",
+            draggable: false,
+            defaultParams: getDefaultParams(options),
+            columns: columns,
+            syncLocation: false,
+            keepItemSelectionOnPageChange: true,
+            checkOnItemClick: isLookup ? true : false,
+            labelTpl: `\${${options.labelFieldName}}`,
+            autoFillHeight: false, // 自动高度效果不理想,先关闭
+            columnsTogglable: false,
+        }
     }
 
     function useCombinedRefs(...refs) {