@steedos-widgets/sortable 1.3.9 → 1.3.10

package/dist/sortable.esm.js

@@ -53851,6 +53851,53 @@ var funcToString = funcProto.toString;
 /** 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 {};
@@ -53925,437 +53972,109 @@ function getRootUrl(defaultRootUrl){
     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";
@@ -54808,6 +54527,67 @@ async function getListSchema$1(fields, options){
     }
 }
 
+/*
+ * @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
@@ -57523,7 +57303,7 @@ async function lookupToAmisPicker(field, readonly, ctx){
         if(refObjectConfig.name === 'organizations'){
           labelFieldName = 'name';
         }
-        pickerSchema = await getTableSchema$1(tableFields, {
+        pickerSchema = await getTableSchema(tableFields, {
             labelFieldName,
             top:  top,
             isLookup: true,
@@ -58013,7 +57793,7 @@ async function getIdsPickerSchema(field, readonly, ctx){
             actions: false
         });
     }else {
-        pickerSchema = await getTableSchema$1(tableFields, {
+        pickerSchema = await getTableSchema(tableFields, {
             labelFieldName: refObjectConfig.NAME_FIELD_KEY,
             top:  top,
             isLookup: true,
@@ -58762,295 +58542,907 @@ async function convertSFieldToAmisField(field, readonly, ctx) {
                        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;
 }
 
 /*
@@ -59503,7 +59895,7 @@ function getFieldWidth(width){
 
 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: ""});
@@ -59646,7 +60038,7 @@ async function getTableColumns(fields, options){
         }
     }
     // 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}}`
@@ -59830,624 +60222,232 @@ async function getMobileTableColumns(fields, options){
                                     "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) {