@steedos-widgets/amis-lib 1.2.6 → 1.2.7

package/dist/index.esm.js

@@ -1,5 +1,5 @@
 import * as _$1 from 'lodash';
-import ___default, { isEmpty, isArray, each, find, endsWith, cloneDeep, includes, get, map, toArray, mergeWith, isBoolean, omitBy, isNil, isString, union, has, slice, defaultsDeep as defaultsDeep$1, isObject as isObject$1, filter, startsWith } from 'lodash';
+import ___default, { isEmpty, isArray, each, find, endsWith, cloneDeep, includes, get, map, toArray, mergeWith, forEach, isBoolean, omitBy, isNil, isString, union, has, slice, defaultsDeep as defaultsDeep$1, isObject as isObject$1, filter, startsWith } from 'lodash';
 import { Router as Router$1, getSteedosAuth as getSteedosAuth$1, lookupToAmis as lookupToAmis$1, fetchAPI as fetchAPI$1 } from '@steedos-widgets/amis-lib';
 import isPlainObject from 'lodash/isPlainObject';
 
@@ -2658,7 +2658,7 @@ async function getObjectFieldsFilterBarSchema(objectSchema, ctx) {
     // }
     // listView.handleFilterSubmit(Object.assign({}, removedValues, filterFormValues));
   `;
-  const onResetScript = `
+  const onCancelScript = `
     const scope = event.context.scoped;
     var filterForm = scope.parent.parent.getComponents().find(function(n){
       return n.props.type === "form";
@@ -2686,6 +2686,14 @@ async function getObjectFieldsFilterBarSchema(objectSchema, ctx) {
       }
     }
     listView.handleFilterSubmit(removedValues);
+    const filterService = filterForm.context.getComponents().find(function(n){
+      return n.props.type === "service";
+    });
+    filterService.setData({showFieldsFilter: !!!filterService.props.data.showFieldsFilter});
+    //触发amis crud 高度重算
+    setTimeout(()=>{
+      window.dispatchEvent(new Event("resize"))
+    }, 100);
   `;
   const dataProviderInited = `
     const objectName = data.objectName;
@@ -2882,14 +2890,15 @@ async function getObjectFieldsFilterBarSchema(objectSchema, ctx) {
               },
               {
                 "type": "button",
-                "label": "重置",
+                "label": "取消",
+                "name": "btn_filter_form_cancel",
                 "visibleOn": "this.filterFormSearchableFields && this.filterFormSearchableFields.length",
                 "onEvent": {
                   "click": {
                     "actions": [
                       {
                         "actionType": "custom",
-                        "script": onResetScript
+                        "script": onCancelScript
                       }
                     ]
                   }
@@ -3493,11 +3502,26 @@ const filterForm = scope.getComponents().find(function(n){
 const filterService = filterForm.context.getComponents().find(function(n){
   return n.props.type === "service";
 });
-filterService.setData({showFieldsFilter: !!!filterService.props.data.showFieldsFilter});
-//触发amis crud 高度重算
-setTimeout(()=>{
-  window.dispatchEvent(new Event("resize"))
-}, 100)
+// filterService.setData({showFieldsFilter: !!!filterService.props.data.showFieldsFilter});
+let resizeWindow = function(){
+  //触发amis crud 高度重算
+  setTimeout(()=>{
+    window.dispatchEvent(new Event("resize"))
+  }, 500);
+}
+if(filterService.props.data.showFieldsFilter){
+  let buttonCancel = SteedosUI.getClosestAmisComponentByType(filterForm.context, "button", { 
+    direction: "down", 
+    name: "btn_filter_form_cancel" 
+  });
+  buttonCancel.props.dispatchEvent('click', {}).then(function(){
+    resizeWindow();
+  });
+}
+else{
+  filterService.setData({showFieldsFilter: true});
+  resizeWindow();
+}
 `;
 
 function getExportApiRequestAdaptorScript(){
@@ -4236,8 +4260,8 @@ function getObjectFooterToolbar(mainObject, formFactor) {
   }
   else {
     return [
+      "switch-per-page",
       "statistics",
-      // "switch-per-page",
       "pagination"
     ]
   }
@@ -5429,6 +5453,23 @@ const getAmisFileSchema = (steedosField, readonly)=>{
     return readonly ? getAmisFileReadonlySchema(steedosField) : getAmisFileEditSchema(steedosField);
 };
 
+/*
+ * @Author: baozhoutao@steedos.com
+ * @Date: 2022-07-20 16:29:22
+ * @LastEditors: Please set LastEditors
+ * @LastEditTime: 2023-05-11 11:19:54
+ * @Description: 
+ */
+
+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 ? "#000000" : "#ffffff";
+}
+
 const OMIT_FIELDS = ['created', 'created_by', 'modified', 'modified_by'];
 // const Lookup = require('./lookup');
 
@@ -5582,6 +5623,8 @@ function getSelectFieldOptions(field){
 }
 
 async function convertSFieldToAmisField(field, readonly, ctx) {
+    // console.log('convertSFieldToAmisField====>', field, readonly, ctx)
+    const isMobile = window.innerWidth <= 768;
     // 创建人和修改人、创建时间和修改时间不显示
     if(_$1.includes(OMIT_FIELDS, field.name) && ctx.showSystemFields != true){
         return;
@@ -5616,20 +5659,42 @@ async function convertSFieldToAmisField(field, readonly, ctx) {
             // }
             // break;
         case 'select':
-            convertData = {
-                type: getAmisStaticFieldType('select', readonly),
-                joinValues: false,
-                options: getSelectFieldOptions(field),
-                extractValue: true,
-                clearable: true,
-                labelField: 'label',
-                valueField: 'value',
-                tpl: readonly ? getSelectTpl(field) : null
-            };
-            if(field.multiple){
-                convertData.multiple = true;
-                convertData.extractValue = true;
+            if(readonly){
+                const selectOptions = field.options;
+                let map = {};
+                _$1.forEach(selectOptions,(option)=>{
+                    const optionValue = option.value + '';
+                    if(option.color){
+                        const background = '#'+option.color;
+                        const color = getContrastColor(background);
+                        const optionColorStyle = 'background:'+background+';color:'+color;
+                        map[optionValue] = `<span class="rounded-xl px-2 py-1" style='${optionColorStyle}'>${option.label}</span>`;
+                    }else {
+                        map[optionValue] = option.label;
+                    }
+                });
+                convertData = {
+                    type: "static-mapping",
+                    name: field.name,
+                    label: field.label,
+                    map: map
+                };
+            }else {
+                convertData = {
+                    type: getAmisStaticFieldType('select', readonly),
+                    joinValues: false,
+                    options: getSelectFieldOptions(field),
+                    extractValue: true,
+                    clearable: true,
+                    labelField: 'label',
+                    valueField: 'value'
+                };
+                if(field.multiple){
+                    convertData.multiple = true;
+                    convertData.extractValue = true;
+                }
             }
+
             break;
         case 'boolean':
             convertData = {
@@ -5649,7 +5714,26 @@ async function convertSFieldToAmisField(field, readonly, ctx) {
             };
             break;
         case 'date':
-            convertData = {
+            convertData = isMobile && !readonly ? {
+                type: "native-date",
+                pipeIn: (value, data) => {
+                    if (value) {
+                        value = moment(value).utc().format('YYYY-MM-DD');
+                        return value;
+                    } else {
+                        return "";
+                    }
+
+                },
+                pipeOut: (value, oldValue, data) => {
+                    if (value) {
+                        value = moment(value).format('YYYY-MM-DDT00:00:00.000[Z]');
+                        return value;
+                    } else {
+                        return "";
+                    }
+                }
+            } : {
                 type: getAmisStaticFieldType('date', readonly),
                 inputFormat: "YYYY-MM-DD",
                 format:'YYYY-MM-DDT00:00:00.000[Z]',
@@ -5668,12 +5752,48 @@ async function convertSFieldToAmisField(field, readonly, ctx) {
             };
             break;
         case 'datetime':
-            convertData = {
+            convertData = isMobile && !readonly ? {
+                type: "combo",
+                pipeIn: (value, data) => {
+                    let revalue = {};
+                    if (value && value != "Invalid date") {
+                        value = moment(value).format('YYYY-MM-DD HH:mm:ss');
+                        revalue[field.name + "-native-date"] = value.split(' ')[0];
+                        revalue[field.name + "-native-time"] = value.split(' ')[1];
+                    } else {
+                        revalue[field.name + "-native-date"] = "";
+                        revalue[field.name + "-native-time"] = "";
+                    }
+                    return revalue;
+                },
+                pipeOut: (value, oldValue, data) => {
+                    let revalue = "";
+                    if (value[field.name + "-native-date"] && value[field.name + "-native-time"]) {
+                        revalue = value[field.name + "-native-date"] + " " + value[field.name + "-native-time"];
+                        revalue = moment(revalue).utc().format('YYYY-MM-DDTHH:mm:ss.SSS[Z]');
+                    }
+                    return revalue;
+                },
+                items: [
+                    {
+                        type: "native-date",
+                        name: field.name + "-native-date",
+                        className: "steedos-native-date",
+                        value: ""
+                    },
+                    {
+                        type: "native-time",
+                        name: field.name + "-native-time",
+                        className: "steedos-native-time",
+                        value: ""
+                    }
+                ]
+            } : {
                 type: getAmisStaticFieldType('datetime', readonly),
                 inputFormat: 'YYYY-MM-DD HH:mm',
-                format:'YYYY-MM-DDTHH:mm:ss.SSSZ',
+                format: 'YYYY-MM-DDTHH:mm:ss.SSSZ',
                 tpl: readonly ? getDateTimeTpl(field) : null,
-                utc: true
+                utc: true,
             };
             break;
         case 'input-time-range':
@@ -5688,7 +5808,26 @@ async function convertSFieldToAmisField(field, readonly, ctx) {
             };
             break;
         case 'time':
-            convertData = {
+            convertData = isMobile && !readonly ? {
+                type: "native-time",
+                pipeIn: (value, data) => {
+                    if (value) {
+                        value = moment(value).utc().format('HH:mm');
+                        return value;
+                    } else {
+                        return "";
+                    }
+
+                },
+                pipeOut: (value, oldValue, data) => {
+                    if (value) {
+                        value = moment('1970-01-01 ' + value).format('1970-01-01THH:mm:00.000[Z]');
+                        return value;
+                    } else {
+                        return "";
+                    }
+                }
+            } : {
                 type: getAmisStaticFieldType('time', readonly),
                 inputFormat: 'HH:mm',
                 timeFormat:'HH:mm',
@@ -5892,6 +6031,13 @@ async function convertSFieldToAmisField(field, readonly, ctx) {
             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){
             // convertData.visibleOn = `\$${field.visible_on.substring(1, field.visible_on.length -1).replace(/formData./g, '')}`;
             if(field.visible_on.startsWith("{{")){
@@ -6575,7 +6721,7 @@ async function getObjectCRUD(objectSchema, fields, options){
         api: await getTableApi(objectSchema, fields, options),
         hiddenOn: options.tableHiddenOn,
         autoFillHeight: options.isRelated ? false : true,
-        className: `flex-auto ${crudClassName || ""}`,
+        className: `flex-auto bg-white ${crudClassName || ""}`,
         crudClassName: crudClassName,
       }, 
         bodyProps,
@@ -6921,7 +7067,31 @@ async function getTableColumns(fields, options){
                 ...getAmisFileReadonlySchema(field)
             }, field.amis, {name: field.name}));
         }
-        
+        else if(field.type === 'select'){
+            const selectOptions = field.options;
+            let map = {};
+            forEach(selectOptions,(option)=>{
+                const optionValue = option.value + '';
+                if(option.color){
+                    const background = '#'+option.color;
+                    const color = getContrastColor(background);
+                    const optionColorStyle = 'background:'+background+';color:'+color;
+                    map[optionValue] = `<span class="rounded-xl px-2 py-1" style='${optionColorStyle}'>${option.label}</span>`;
+                }else {
+                    map[optionValue] = option.label;
+                }
+            });
+            columns.push(Object.assign({}, {
+                type: "mapping",
+                name: field.name,
+                label: field.label,
+                map: map,
+                sortable: field.sortable,
+                width: field.width,
+                toggled: field.toggled,
+                className:"whitespace-nowrap",
+            }, field.amis, {name: field.name}));
+        }
         else {
             const tpl = await getFieldTpl(field, options);