@steedos-widgets/sortable 1.3.4-beta.17 → 1.3.4-beta.19

package/dist/sortable.umd.js

@@ -22093,7 +22093,8 @@
                             "&": "${list_view}",
                             "name":"",
                             "label": instance.t('frontend_listview_control_clone_defaultData_label_start') + " ${list_view.label} " + instance.t('frontend_listview_control_clone_defaultData_label_end'),
-                            "shared":false
+                            "shared":false,
+                            "object_name": "${targetObjectName}",
                           },
                           "fieldsExtend": fieldsExtend$3(),
                           "fields": fields(),
@@ -23801,7 +23802,9 @@ crudService && crudService.setData({showFieldsFilter: toShowFieldsFilter});
             pickerSchema.headerToolbar = getObjectHeaderToolbar(refObjectConfig, fieldsArr, ctx.formFactor, { headerToolbarItems, isLookup: true, keywordsSearchBoxName });
             const isAllowCreate = refObjectConfig.permissions.allowCreate;
             const isCreate = lodash.exports.isBoolean(field.create) ? field.create : true;
-            if (isAllowCreate && isCreate) {
+            // lookup字段配置过滤条件就强制不显示新建按钮
+            let isHasFilters = (field.filters || field._filtersFunction) ? true : false;
+            if (isAllowCreate && isCreate && !isHasFilters) {
                 const new_button = await getSchema$5(refObjectConfig, { appId: ctx.appId, objectName: refObjectConfig.name, formFactor: ctx.formFactor });
                 new_button.align = "right";
                 // 保持快速搜索放在最左侧，新建按钮往里插，而不是push到最后
@@ -24175,10 +24178,10 @@ crudService && crudService.setData({showFieldsFilter: toShowFieldsFilter});
 
         const refObject = await getUISchema(referenceTo.objectName);
 
-        // 此处不参考 steedos 的 enable_enhanced_lookup 规则. 如果默认是开启弹出选择,用户选择过程操作太繁琐, 所以默认是关闭弹出选择.
-        // 由于amis picker 目前不支持联动, 配置了depend_on时, 使用使用select ,以支持联动
-        // TODO: 确认 amis picker 支持联动时, 清理field.depend_on判断
-        if(refObject.enable_enhanced_lookup == true && lodash.exports.isEmpty(field.depend_on)){
+        // 优先取字段中配置的enable_enhanced_lookup，字段上没配置时，才从对象上取enable_enhanced_lookup属性
+        let enableEnhancedLookup = lodash.exports.isBoolean(field.enable_enhanced_lookup) ? field.enable_enhanced_lookup : refObject.enable_enhanced_lookup;
+        // 默认使用下拉框模式显示lookup选项，只能配置了enable_enhanced_lookup才使用弹出增强模式
+        if(enableEnhancedLookup == true){
             return await lookupToAmisPicker(field, readonly, ctx);
         }else if(refObject.enable_tree) {
             return await lookupToAmisTreeSelect(field, readonly, Object.assign({}, ctx, {
@@ -24491,8 +24494,8 @@ crudService && crudService.setData({showFieldsFilter: toShowFieldsFilter});
     /*
      * @Author: baozhoutao@steedos.com
      * @Date: 2022-10-28 14:15:09
-     * @LastEditors: baozhoutao@steedos.com
-     * @LastEditTime: 2022-11-02 18:06:16
+     * @LastEditors: liaodaxue
+     * @LastEditTime: 2023-10-30 17:51:54
      * @Description: 
      */
 
@@ -24543,11 +24546,26 @@ crudService && crudService.setData({showFieldsFilter: toShowFieldsFilter});
             useChunk: false, // 关闭分块上传
             receiver: {
                 method: "post",
+                dataType: "form-data",
                 url: `\${context.rootUrl}/s3/${tableName}`,
-                data: {
-                    $: "$$",
-                    context: `\${context}`,
-                },
+                requestAdaptor: `
+                const { _master, global,context } = api.body;
+                // const { recordId, objectName } = _master;
+                const { spaceId, userId, user } = global;
+                /*
+                    record_id: recordId,
+                    parent: recordId,
+                    object_name: objectName,
+                    owner_name: user.name,
+                    space: spaceId,
+                    owner: userId
+                */
+                // 参考platform 2.2版本，附件字段保存时cfs.files.filerecord、cfs.images.filerecord表中的metadata下只保存space、owner两个属性值。
+                api.data.append('space', spaceId);
+                api.data.append('owner', userId);
+
+                return api;
+            `,
                 adaptor: `
                 const { context } = api.body; 
                 var rootUrl = context.rootUrl + "/api/files/${tableName}/";
@@ -25289,8 +25307,44 @@ crudService && crudService.setData({showFieldsFilter: toShowFieldsFilter});
     };
 
     async function getQuickEditSchema(field, options){
+        //判断在amis3.2以上环境下，放开批量编辑
+        const isAmisVersionforBatchEdit = amisRequire('amis').version[0] >= 3 && amisRequire('amis').version[2] >= 2;
         const quickEditId = options.objectName + "_" + field.name + "QuickEdit";//定义快速编辑的表单id，用于setvalue传值
         var quickEditSchema = { body: [], id: quickEditId };
+        //select,avatar,image,file等组件无法行记录字段赋值，暂不支持批量编辑；
+        if(field.type != 'avatar' && field.type != 'image' && field.type != 'file' && isAmisVersionforBatchEdit){
+            const submitEvent = {
+                submit: {
+                    actions: [
+                        {
+                            actionType: "custom",
+                            script: `
+                            const items = event.data.items;
+                            const selectedItems = event.data.selectedItems;
+                            if(event.data.isBatchEdit){
+                                selectedItems.forEach(function(selectedItem){
+                                    items[selectedItem._index-1]._display.${field.name} = event.data._display.${field.name};
+                                })
+                                doAction({actionType: 'setValue', "args": {"value": {items}},componentId: "${options.crudId}","dataMergeMode": "override"});
+                                selectedItems.forEach(function(selectedItem){
+                                    doAction({actionType: 'setValue', "args": {"value": event.data.${field.name}},componentId: "${options.objectName + "_" + field.name + "_"}" + selectedItem._index});
+                                })
+                            }else{
+                                items[event.data._index-1]._display.${field.name} = event.data._display.${field.name};
+                                doAction({actionType: 'setValue', "args": {"value": {items}},componentId: "${options.crudId}","dataMergeMode": "override"});
+                                doAction({actionType: 'setValue', "args": {"value": event.data.${field.name}},componentId: "${options.objectName + "_" + field.name + "_"}" + event.data._index});
+                            }
+                        `
+                        },
+                        {
+                            "actionType": "closeDialog"
+                        }
+                    ]
+                }
+            };
+            quickEditSchema.onEvent = submitEvent;
+        }
+        
         if (field.disabled) {
             quickEditSchema = false;
         } else {
@@ -25524,6 +25578,14 @@ crudService && crudService.setData({showFieldsFilter: toShowFieldsFilter});
                     }
                     
                 });
+                if(field.type != 'avatar' && field.type != 'image' && field.type != 'file' && isAmisVersionforBatchEdit){
+                    quickEditSchema.body.push({
+                        "name": "isBatchEdit",
+                        "type": "checkbox",
+                        "option": "更新${COUNT(selectedItems)}个选定记录",
+                        "visibleOn": "${ARRAYSOME(selectedItems, item => item._id === _id) && COUNT(selectedItems)>1}"
+                    });
+                }
             } else {
                 quickEditSchema = false;
             }
@@ -25589,7 +25651,7 @@ crudService && crudService.setData({showFieldsFilter: toShowFieldsFilter});
                             {
                                 "args": {
                                     "api": {
-                                        "url": "${context.rootUrl}/api/files/files/${versions[0]}?download=true",
+                                        "url": "${(versions[0] && versions[0].url) ? versions[0].url+'?download=true' : context.rootUrl+'/api/files/files/'+versions[0]+'?download=true'}",
                                         "method": "get",
                                         "headers": {
                                             "Authorization": "Bearer ${context.tenantId},${context.authToken}"
@@ -25636,7 +25698,7 @@ crudService && crudService.setData({showFieldsFilter: toShowFieldsFilter});
             else if(field.type === 'select'){
                 const map = getSelectMap(field.options);
                 columnItem = Object.assign({}, {
-                    type: "mapping",
+                    type: "static-mapping",
                     name: field.name,
                     label: field.label,
                     map: map,
@@ -25651,7 +25713,7 @@ crudService && crudService.setData({showFieldsFilter: toShowFieldsFilter});
                 const tpl = await getFieldTpl(field, options);
                 let type = 'text';
                 if(tpl){
-                    type = 'tpl';
+                    type = 'static';
                 }else if(field.type === 'html'){
                     type = 'markdown';
                 }else if(field.type === 'url'){
@@ -25692,6 +25754,7 @@ crudService && crudService.setData({showFieldsFilter: toShowFieldsFilter});
                     columnItem.quickEdit = quickEditSchema;
                     columnItem.quickEditEnabledOn = "${is_system !== true}";
                 }
+                columnItem.id = `${options.objectName}_${field.name}_\${_index}`;
                 columns.push(columnItem);
             }
         }
@@ -26069,6 +26132,7 @@ crudService && crudService.setData({showFieldsFilter: toShowFieldsFilter});
                 }
                 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: "",
@@ -26091,6 +26155,7 @@ crudService && crudService.setData({showFieldsFilter: toShowFieldsFilter});
 
         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: "",
@@ -31629,6 +31694,10 @@ crudService && crudService.setData({showFieldsFilter: toShowFieldsFilter});
             };
         }), 2), items = _w[0], setItems = _w[1];
         var _x = __read(React.useState(Object.keys(items)), 2), containers = _x[0], setContainers = _x[1];
+        React.useEffect(function () {
+            setItems(value);
+            setContainers(Object.keys(value));
+        }, [value]);
         var handleChange = function (newItems) { return __awaiter(_this, void 0, void 0, function () {
             var value, rendererEvent;
             return __generator(this, function (_a) {
@@ -31645,7 +31714,7 @@ crudService && crudService.setData({showFieldsFilter: toShowFieldsFilter});
                         if (rendererEvent === null || rendererEvent === void 0 ? void 0 : rendererEvent.prevented) {
                             return [2 /*return*/];
                         }
-                        setTimeout(function () { return amisOnChange(value); }, 1000);
+                        setTimeout(function () { return amisOnChange(value); }, 500);
                         return [2 /*return*/];
                 }
             });
@@ -31748,6 +31817,7 @@ crudService && crudService.setData({showFieldsFilter: toShowFieldsFilter});
                 var active = _a.active, over = _a.over;
                 var overId = over === null || over === void 0 ? void 0 : over.id;
                 if (overId == null || overId === TRASH_ID || active.id in items) {
+                    // 拖动的是分组则跳过后面的逻辑
                     return;
                 }
                 var overContainer = findContainer(overId);
@@ -31825,14 +31895,37 @@ crudService && crudService.setData({showFieldsFilter: toShowFieldsFilter});
                 var overContainer = findContainer(overId);
                 var newItems = items;
                 if (overContainer) {
-                    var activeIndex_1 = items[activeContainer].indexOf(active.id);
-                    var overIndex_1 = items[overContainer].indexOf(overId);
-                    if (activeIndex_1 !== overIndex_1) {
-                        setItems(function (items) {
-                            var _a;
-                            newItems = __assign$1(__assign$1({}, items), (_a = {}, _a[overContainer] = arrayMove(items[overContainer], activeIndex_1, overIndex_1), _a));
-                            return newItems;
-                        });
+                    if (activeContainer !== overContainer) {
+                        // 拖动变更分组之间的顺序时，activeContainer 与 overContainer 值不相等
+                        setTimeout(function () {
+                            var sortedGroups = over.data.current.sortable.items; //不加setTimeout的话，这里拿到的会是变更前的数据
+                            newItems = {};
+                            sortedGroups.forEach(function (groupKey) {
+                                newItems[groupKey] = items[groupKey];
+                            });
+                            delete newItems[TRASH_ID];
+                            delete newItems[PLACEHOLDER_ID];
+                            if (lodash.exports.keys(items).join(",") !== lodash.exports.keys(newItems).join(",")) {
+                                // 只有顺序发生变化时才触发change事件
+                                setItems(newItems);
+                                // console.log('拖动结束2，更新form value')
+                                handleChange(newItems);
+                            }
+                            setActiveId(null);
+                        }, 500);
+                        return;
+                    }
+                    else {
+                        // 同一个分组中字段顺序变更以及把一个字段从某个分组拖动到另一个分组内时，activeContainer 与 overContainer 值相等
+                        var activeIndex_1 = items[activeContainer].indexOf(active.id);
+                        var overIndex_1 = items[overContainer].indexOf(overId);
+                        if (activeIndex_1 !== overIndex_1) {
+                            setItems(function (items) {
+                                var _a;
+                                newItems = __assign$1(__assign$1({}, items), (_a = {}, _a[overContainer] = arrayMove(items[overContainer], activeIndex_1, overIndex_1), _a));
+                                return newItems;
+                            });
+                        }
                     }
                 }
                 setActiveId(null);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@steedos-widgets/sortable",
-  "version": "1.3.4-beta.17",
+  "version": "1.3.4-beta.19",
   "main": "dist/sortable.cjs.js",
   "module": "dist/sortable.esm.js",
   "unpkg": "dist/sortable.umd.js",
@@ -45,7 +45,7 @@
   "dependencies": {
     "@dnd-kit/core": "^6.0.5",
     "@dnd-kit/sortable": "^7.0.1",
-    "@steedos-widgets/amis-lib": "1.3.4-beta.17"
+    "@steedos-widgets/amis-lib": "1.3.4-beta.19"
   },
-  "gitHead": "184247f4260015e19c82a49fa4d6562839e73d2c"
+  "gitHead": "e0636927f13d497d2f2838d60ead4abaa331a615"
 }

package/src/components/MultipleContainers.tsx

@@ -1,6 +1,6 @@
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { createPortal, unstable_batchedUpdates } from 'react-dom';
-import { map, keyBy, cloneDeep } from 'lodash';
+import { map, keyBy, cloneDeep, keys } from 'lodash';
 
 import { createObject } from '@steedos-widgets/amis-lib'
 
@@ -227,6 +227,11 @@ export function MultipleContainers(props) {
     Object.keys(items) as UniqueIdentifier[]
   );
 
+  useEffect(() => {
+    setItems(value as Items);
+    setContainers(Object.keys(value) as UniqueIdentifier[]);
+  }, [value]);
+
   const handleChange = async (newItems? : any) => {
     if (!amisDispatchEvent || !amisOnChange)
       return 
@@ -243,7 +248,7 @@ export function MultipleContainers(props) {
       return;
     }
 
-    setTimeout(()=> amisOnChange(value), 1000);
+    setTimeout(()=> amisOnChange(value), 500);
   }
   
   const [activeId, setActiveId] = useState<UniqueIdentifier | null>(null);
@@ -384,6 +389,7 @@ export function MultipleContainers(props) {
         const overId = over?.id;
 
         if (overId == null || overId === TRASH_ID || active.id in items) {
+          // 拖动的是分组则跳过后面的逻辑
           return;
         }
 
@@ -496,21 +502,45 @@ export function MultipleContainers(props) {
         let newItems = items;
 
         if (overContainer) {
-          const activeIndex = items[activeContainer].indexOf(active.id);
-          const overIndex = items[overContainer].indexOf(overId);
-
-          if (activeIndex !== overIndex) {
-            setItems((items) => {
-              newItems = {
-                ...items,
-                [overContainer]: arrayMove(
-                  items[overContainer],
-                  activeIndex,
-                  overIndex
-                ),
+          if(activeContainer !== overContainer){
+            // 拖动变更分组之间的顺序时，activeContainer 与 overContainer 值不相等
+            setTimeout(function(){
+              const sortedGroups = over.data.current.sortable.items; //不加setTimeout的话，这里拿到的会是变更前的数据
+              newItems = {};
+              sortedGroups.forEach((groupKey: string) => {
+                newItems[groupKey] = items[groupKey];
+              });
+              delete newItems[TRASH_ID];
+              delete newItems[PLACEHOLDER_ID];
+              if(keys(items).join(",") !== keys(newItems).join(",")){
+              // 只有顺序发生变化时才触发change事件
+                setItems(newItems);
+                // console.log('拖动结束2，更新form value')
+                handleChange(newItems)
               }
-              return newItems;
-            });
+
+              setActiveId(null);
+            },500);
+            return;
+          }
+          else {
+            // 同一个分组中字段顺序变更以及把一个字段从某个分组拖动到另一个分组内时，activeContainer 与 overContainer 值相等
+            const activeIndex = items[activeContainer].indexOf(active.id);
+            const overIndex = items[overContainer].indexOf(overId);
+  
+            if (activeIndex !== overIndex) {
+              setItems((items) => {
+                newItems = {
+                  ...items,
+                  [overContainer]: arrayMove(
+                    items[overContainer],
+                    activeIndex,
+                    overIndex
+                  ),
+                }
+                return newItems;
+              });
+            }
           }
         }