@sdata/web-vue 3.2.0 → 3.3.0

package/es/toolbar/types.d.ts

@@ -0,0 +1,26 @@
+import type { JsonFormSchema } from '../json-form';
+export type ToolbarModelValue = Record<string, unknown>;
+export interface ToolbarProps {
+    schemas?: JsonFormSchema<string>[];
+    loading?: boolean;
+    showSearch?: boolean;
+    showReset?: boolean;
+    showActions?: boolean;
+    searchText?: string;
+    resetText?: string;
+    expandText?: string;
+    collapseText?: string;
+    allowExpand?: boolean;
+    defaultExpand?: boolean;
+    itemHeight?: number;
+    spanWidth?: number;
+    itemMaxWidth?: string;
+    showBorderBottom?: boolean;
+    resetSkipKeys?: string[];
+}
+export interface ToolbarEmits {
+    search: [params: ToolbarModelValue];
+    reset: [];
+}
+export type ToolbarSearchEventHandler = (params: ToolbarModelValue) => void;
+export type ToolbarResetEventHandler = () => void;

package/es/trigger/interface.d.ts

@@ -37,5 +37,12 @@ export interface TriggerProps {
     autoFixPosition?: boolean;
     popupContainer?: string | HTMLElement;
     updateAtScroll?: boolean;
+    autoFitTransformOrigin?: boolean;
+    hideEmpty?: boolean;
+    opendClass?: string | string[] | Record<string, boolean>;
     autoFitPosition?: boolean;
+    renderToBody?: boolean;
+    preventFocus?: boolean;
+    scrollToClose?: boolean;
+    scrollToCloseDistance?: number;
 }

package/es/trigger/trigger.js

@@ -563,7 +563,11 @@ var trigger_default = /* @__PURE__ */ defineComponent({
 		const handlePopupMouseDown = (e) => {
 			if (props.preventFocus) e.preventDefault();
 		};
-		if (popupRef.value) triggerCtx === null || triggerCtx === void 0 || triggerCtx.addChildRef(popupRef.value);
+		watch(popupRef, (el, _oldEl, onCleanup) => {
+			if (!el) return;
+			triggerCtx === null || triggerCtx === void 0 || triggerCtx.addChildRef(el);
+			onCleanup(() => triggerCtx === null || triggerCtx === void 0 ? void 0 : triggerCtx.removeChildRef(el));
+		}, { immediate: true });
 		const triggerCls = computed(() => {
 			return computedVisible.value ? props.openedClass : void 0;
 		});

package/json/vetur-attributes.json

@@ -661,6 +661,9 @@
   "sd-config-provider/drawer": {
     "description": "Default config for Drawer"
   },
+  "sd-config-provider/pagination": {
+    "description": "Default config for Pagination"
+  },
   "sd-config-provider/json-form": {
     "description": "Default config for JsonForm"
   },
@@ -3184,6 +3187,10 @@
   "sd-table/size": {
     "description": "The size of the table"
   },
+  "sd-table/table-layout-fixed": {
+    "description": "The table-layout property of the table is set to fixed. After it is set to fixed, the width of the table will not be stretched beyond 100% by the content.",
+    "type": "boolean"
+  },
   "sd-table/loading": {
     "description": "Whether it is loading state",
     "type": "boolean|object"
@@ -3518,7 +3525,7 @@
     "type": "string"
   },
   "sd-tag/background-alpha": {
-    "description": "Background opacity for custom color tags, only effective when using a custom color, default 0.8",
+    "description": "Background opacity for custom color tags, only effective when using a custom color. When not explicitly set, uses the color's own opacity if it has one, otherwise 0.8",
     "type": "number"
   },
   "sd-textarea/input": {
@@ -3711,6 +3718,74 @@
   "sd-timeline/label-position": {
     "description": "Position of label text"
   },
+  "sd-toolbar/search": {
+    "description": "Emitted when the search button is clicked, Enter is pressed, or `search()` is called"
+  },
+  "sd-toolbar/reset": {
+    "description": "Emitted when the reset button is clicked or `reset()` is called"
+  },
+  "sd-toolbar/schemas": {
+    "description": "Schema-driven filter items; the form is not rendered when empty and the default slot is absent"
+  },
+  "sd-toolbar/loading": {
+    "description": "Whether the toolbar is loading (an overlay over the content)",
+    "type": "boolean"
+  },
+  "sd-toolbar/show-search": {
+    "description": "Whether to show the search button",
+    "type": "boolean"
+  },
+  "sd-toolbar/show-reset": {
+    "description": "Whether to show the reset button",
+    "type": "boolean"
+  },
+  "sd-toolbar/show-actions": {
+    "description": "Whether to show the right-side action area",
+    "type": "boolean"
+  },
+  "sd-toolbar/search-text": {
+    "description": "Text of the search button",
+    "type": "string"
+  },
+  "sd-toolbar/reset-text": {
+    "description": "Text of the reset button",
+    "type": "string"
+  },
+  "sd-toolbar/expand-text": {
+    "description": "Text shown when the toolbar can be expanded",
+    "type": "string"
+  },
+  "sd-toolbar/collapse-text": {
+    "description": "Text shown when the toolbar can be collapsed",
+    "type": "string"
+  },
+  "sd-toolbar/allow-expand": {
+    "description": "Whether to allow expand/collapse when content overflows",
+    "type": "boolean"
+  },
+  "sd-toolbar/default-expand": {
+    "description": "Whether the toolbar is expanded initially (uncontrolled)",
+    "type": "boolean"
+  },
+  "sd-toolbar/item-height": {
+    "description": "Single row height in px, used for collapsed clipping and overflow detection",
+    "type": "number"
+  },
+  "sd-toolbar/span-width": {
+    "description": "Minimum column width in px for each filter item",
+    "type": "number"
+  },
+  "sd-toolbar/item-max-width": {
+    "description": "Maximum width of each filter item (any CSS width value); defaults to `unset` (unlimited)",
+    "type": "string"
+  },
+  "sd-toolbar/show-border-bottom": {
+    "description": "Whether to show the bottom divider",
+    "type": "boolean"
+  },
+  "sd-toolbar/reset-skip-keys": {
+    "description": "Field names whose current values should be preserved (not reset) on reset"
+  },
   "sd-tooltip/popup-visible-change": {
     "description": "Emitted when the tooltip display status changes"
   },

package/json/vetur-tags.json

@@ -296,6 +296,7 @@
       "date-picker",
       "modal",
       "drawer",
+      "pagination",
       "json-form",
       "theme",
       "theme-mode"
@@ -1304,6 +1305,7 @@
       "hoverable",
       "stripe",
       "size",
+      "table-layout-fixed",
       "loading",
       "row-selection",
       "expandable",
@@ -1511,6 +1513,28 @@
       "label-position"
     ]
   },
+  "sd-toolbar": {
+    "attributes": [
+      "search",
+      "reset",
+      "schemas",
+      "loading",
+      "show-search",
+      "show-reset",
+      "show-actions",
+      "search-text",
+      "reset-text",
+      "expand-text",
+      "collapse-text",
+      "allow-expand",
+      "default-expand",
+      "item-height",
+      "span-width",
+      "item-max-width",
+      "show-border-bottom",
+      "reset-skip-keys"
+    ]
+  },
   "sd-tooltip": {
     "attributes": [
       "popup-visible-change",

package/json/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
   "name": "@sdata/web-vue",
-  "version": "3.1.0",
+  "version": "3.2.1",
   "contributions": {
     "html": {
       "types-syntax": "typescript",
@@ -1721,6 +1721,14 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "pagination",
+              "description": "Default config for Pagination",
+              "value": {
+                "type": "ConfigProviderPagination",
+                "kind": "expression"
+              }
+            },
             {
               "name": "json-form",
               "description": "Default config for JsonForm",
@@ -7601,6 +7609,14 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "table-layout-fixed",
+              "description": "The table-layout property of the table is set to fixed. After it is set to fixed, the width of the table will not be stretched beyond 100% by the content.",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
             {
               "name": "loading",
               "description": "Whether it is loading state",
@@ -7677,7 +7693,7 @@
               "name": "virtual-list-props",
               "description": "Pass the virtual list attribute, pass in this parameter to turn on virtual scrolling [VirtualListProps](#VirtualListProps)",
               "value": {
-                "type": "TableVirtualListProps",
+                "type": "VirtualListProps",
                 "kind": "expression"
               }
             },
@@ -7925,10 +7941,6 @@
               "name": "thead",
               "description": "Custom thead element"
             },
-            {
-              "name": "append",
-              "description": "Content inserted after the last table row"
-            },
             {
               "name": "empty",
               "description": "Empty"
@@ -8561,7 +8573,7 @@
             },
             {
               "name": "background-alpha",
-              "description": "Background opacity for custom color tags, only effective when using a custom color, default 0.8",
+              "description": "Background opacity for custom color tags, only effective when using a custom color. When not explicitly set, uses the color's own opacity if it has one, otherwise 0.8",
               "value": {
                 "type": "number",
                 "kind": "expression"
@@ -9025,6 +9037,150 @@
             }
           ]
         },
+        {
+          "name": "sd-toolbar",
+          "attributes": [
+            {
+              "name": "schemas",
+              "description": "Schema-driven filter items; the form is not rendered when empty and the default slot is absent",
+              "value": {
+                "type": "Array",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "loading",
+              "description": "Whether the toolbar is loading (an overlay over the content)",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "show-search",
+              "description": "Whether to show the search button",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "show-reset",
+              "description": "Whether to show the reset button",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "show-actions",
+              "description": "Whether to show the right-side action area",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "search-text",
+              "description": "Text of the search button",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "reset-text",
+              "description": "Text of the reset button",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "expand-text",
+              "description": "Text shown when the toolbar can be expanded",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "collapse-text",
+              "description": "Text shown when the toolbar can be collapsed",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "allow-expand",
+              "description": "Whether to allow expand/collapse when content overflows",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "default-expand",
+              "description": "Whether the toolbar is expanded initially (uncontrolled)",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "item-height",
+              "description": "Single row height in px, used for collapsed clipping and overflow detection",
+              "value": {
+                "type": "number",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "span-width",
+              "description": "Minimum column width in px for each filter item",
+              "value": {
+                "type": "number",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "item-max-width",
+              "description": "Maximum width of each filter item (any CSS width value); defaults to `unset` (unlimited)",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "show-border-bottom",
+              "description": "Whether to show the bottom divider",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "reset-skip-keys",
+              "description": "Field names whose current values should be preserved (not reset) on reset",
+              "value": {
+                "type": "Array",
+                "kind": "expression"
+              }
+            }
+          ],
+          "events": [
+            {
+              "name": "search",
+              "description": "Emitted when the search button is clicked, Enter is pressed, or `search()` is called"
+            },
+            {
+              "name": "reset",
+              "description": "Emitted when the reset button is clicked or `reset()` is called"
+            }
+          ],
+          "slots": []
+        },
         {
           "name": "sd-tooltip",
           "attributes": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sdata/web-vue",
-  "version": "3.2.0",
+  "version": "3.3.0",
   "description": "SD Design Vue: A Vue.js 3 UI Library",
   "keywords": [
     "sd",

package/es/table/table-col-group.vue.d.ts

@@ -1,29 +0,0 @@
-import { PropType } from 'vue';
-import { TableColumnData, TableOperationColumn } from './interface';
-declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    dataColumns: {
-        type: PropType<TableColumnData[]>;
-        required: true;
-    };
-    operations: {
-        type: PropType<TableOperationColumn[]>;
-        required: true;
-    };
-    columnWidth: {
-        type: PropType<Record<string, number>>;
-    };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    dataColumns: {
-        type: PropType<TableColumnData[]>;
-        required: true;
-    };
-    operations: {
-        type: PropType<TableOperationColumn[]>;
-        required: true;
-    };
-    columnWidth: {
-        type: PropType<Record<string, number>>;
-    };
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;