cabloy 5.1.100 → 5.1.101

package/.cabloy-version

@@ -1 +1 @@
-5.1.100
+5.1.101

package/.gitignore

@@ -37,6 +37,7 @@ vona/.zova-rest
 **/.temp-dynamic-*
 **/quasar.config.*.temporary.compiled*
 zova/.zova
+zova/.zova-rest
 zova/.quasar
 
 **/src-cordova/node_modules

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## 5.1.101
+
+### Features
+
+- Add update functionality.
+- Add update enhancements.
+
 ## 5.1.100
 
 ### Improvements

package/cabloy-docs/frontend/use-state-data-best-practices.md

@@ -347,15 +347,16 @@ Representative files in the Cabloy Basic frontend:
 - `getUploadPolicy(...)` stays in the model
 - the query is created as formal state instead of a one-off click helper
 - `disableSuspenseOnInit: true` skips the automatic init-time `query.suspense()` kick while preserving the query as formal state
-- render derives `acceptAttr`, `multiple`, and `pending`
-- interaction reuses that state
+- upload policy still uses normal async freshness semantics here because the model method does not set `staleTime: Infinity`
+- render establishes and derives `acceptAttr`, `multiple`, and `pending` from that query-backed state
+- interaction reuses that same state
 - interaction may still `await query.suspense()` on the already-created query if an edge timing window requires it
 
 Why this is a good fit:
 
 - upload policy is a real query-backed state
-- it is relatively stable within the current frontend process
-- every first consumer does not need to auto-kick one eager init-time refresh semantic
+- it is stable enough that every first consumer does not need to auto-kick one eager init-time refresh semantic
+- it should still keep normal async freshness behavior rather than being frozen through `staleTime: Infinity`
 - the strict-ready moment is the interaction boundary, not every initial render consumer
 
 Taken together, Example A and Example B show the most important design contrast on this page:

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cabloy",
-  "version": "5.1.100",
+  "version": "5.1.101",
   "gitHead": "2c5c19284bab738e492856189acb6fad74b8a7b7",
   "description": "A Node.js fullstack framework",
   "keywords": [

package/zova/src/suite/cabloy-basic/modules/basic-file/src/bean/tableCell.file.tsx

@@ -101,11 +101,27 @@ export class TableCellFile extends BeanBase implements ITableCellRender {
   ) {
     const fieldTitle = renderContext.$celScope.property?.title ?? renderContext.$celScope.name;
     const placeholder = this.scope.locale.DownloadFile();
+    const selectBackgroundColor = 'var(--color-base-100)';
+    const selectColor = 'var(--color-base-content)';
+    const optionStyle = {
+      backgroundColor: selectBackgroundColor,
+      color: selectColor,
+    };
+    const placeholderOptionStyle = {
+      backgroundColor: selectBackgroundColor,
+      color: `color-mix(in oklch, ${selectColor} 60%, transparent)`,
+    };
+    const selectStyle = {
+      colorScheme: this.$theme.dark ? 'dark' : 'light',
+      backgroundColor: selectBackgroundColor,
+      color: selectColor,
+    };
     return (
       <span class="relative inline-flex min-w-0 max-w-full items-center">
         <span class="inline-flex min-w-0 max-w-full items-center">{contentNode}</span>
         <select
           class="absolute inset-0 h-full w-full cursor-pointer opacity-0"
+          style={selectStyle}
           aria-label={fieldTitle}
           title={placeholder}
           onClick={event => {
@@ -125,9 +141,16 @@ export class TableCellFile extends BeanBase implements ITableCellRender {
             this._openDownloadUrl(selectedItem.downloadUrl);
           }}
         >
-          <option value="">{placeholder}</option>
+          <option value="" style={placeholderOptionStyle}>
+            {placeholder}
+          </option>
           {items.map(item => (
-            <option key={item.key} value={item.key} disabled={!item.downloadUrl}>
+            <option
+              key={item.key}
+              value={item.key}
+              disabled={!item.downloadUrl}
+              style={optionStyle}
+            >
               {item.label}
             </option>
           ))}