plain-design 1.0.0-beta.127 → 1.0.0-beta.128

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "plain-design",
-  "version": "1.0.0-beta.127",
+  "version": "1.0.0-beta.128",
   "description": "",
   "main": "dist/plain-design.min.js",
   "module": "dist/plain-design.commonjs.min.js",
@@ -40,7 +40,7 @@
     "react-transition-group": "4.4.5"
   },
   "devDependencies": {
-    "@peryl/react-compose": "0.0.223",
+    "@peryl/react-compose": "0.0.224",
     "@babel/plugin-proposal-optional-chaining": "7.21.0",
     "@babel/plugin-transform-class-properties": "7.23.3",
     "@babel/preset-env": "7.23.7",

package/src/packages/components/AutoTable/filter/useTableOption.filter.form.tsx

@@ -160,11 +160,14 @@ export const useTableOptionFilterForm = AutoModule.createRegistration((
   });
 
   hooks.onTableOuterRender.use({
-    processor: ({ list, render }) => {list.push({ seq: 0, key: 'form-filter', render, });},
-    render: () => (
+    processor: ({ list, render }) => {
       !!filterOptions.value &&
       filterOptions.value.length > 0 &&
-      state.show && <FilterFormMultiple
+      state.show &&
+      list.push({ seq: 0, key: 'form-filter', render, });
+    },
+    render: () => (
+      <FilterFormMultiple
         ref={onRef.filter}
         filterOptions={filterOptions.value!}
         initialState={state.data}

package/src/packages/components/Table/standard/PlcOperation/PlcOperation.tsx

@@ -181,9 +181,10 @@ export const PlcOperation = designComponent({
      * @date    2022.11.24 16:25
      */
     const predicateWidth = computed((): number => {
+      const fontSize = ['small', 'mini'].indexOf(table.styleComputed.value.size) > -1 ? 14 : 16;
       if (innerOperationConfigs.value.length === 0) {return 0;}
       return innerOperationConfigs.value.reduce((prev) => {
-        return prev + 2 * 14 + 13;
+        return prev + 2 * fontSize + 13;
       }, 0) + 24;
     });
 
@@ -221,7 +222,12 @@ export const PlcOperation = designComponent({
           }
         });
         const width = maxWidth + state.cellPaddingX * 2;
+        console.warn({ width });
         if (!state.plcOperationWidth || width > state.plcOperationWidth) {
+          console.log({
+            'plcOperationWidth.value': plcOperationWidth.value,
+            'width + 4': width + 4,
+          });
           if (width + 4 > plcOperationWidth.value) {
             state.plcOperationWidth = width + 4;
           }

package/src/packages/components/VirtualList/useVirtualList.tsx

@@ -94,7 +94,7 @@ export function useVirtualList(
 
   const _pageSize = computed(() => {
     if (state.hostSize == null) {return null;}
-    return Math.floor(state.hostSize / _avgSize.value);
+    return Math.max(3, Math.floor(state.hostSize / _avgSize.value));
   });
 
   const idMap = new WeakMap<PlainObject, string>();
@@ -178,7 +178,7 @@ export function useVirtualList(
       if (!props.dynamicSize) {
         style.height = `${(dataModel.value || []).length * props.size}px`;
       } else {
-        style.height = `${nodes.value[nodes.value.length - 1].end}px`;
+        style.height = !nodes.value.length ? 0 : `${nodes.value[nodes.value.length - 1].end}px`;
       }
     } else {
       /*横向*/
@@ -189,7 +189,7 @@ export function useVirtualList(
       if (!props.dynamicSize) {
         style.width = `${(dataModel.value || []).length * props.size}px`;
       } else {
-        style.width = `${nodes.value[nodes.value.length - 1].end}px`;
+        style.width = !nodes.value.length ? 0 : `${nodes.value[nodes.value.length - 1].end}px`;
       }
     }
   });