poe-svelte-ui-lib 1.5.10 → 1.5.11

package/dist/Table/Table.svelte

@@ -14,7 +14,7 @@
     body = $bindable(),
     header = [],
     footer = '',
-    dataBuffer = { stashData: false, rowsAmmount: 10, cleanButton: true, cleanClass: '' },
+    dataBuffer = { stashData: false, rowsAmmount: 10, clearButton: true, clearClass: '' },
     type = 'table',
     outline = false,
     cursor = null,
@@ -165,8 +165,8 @@
         },
       ]
 
-      if (dataBuffer && buffer.length > (dataBuffer.rowsAmmount ?? 10) * 5) {
-        buffer = buffer.slice(-((dataBuffer.rowsAmmount ?? 10) * 5))
+      if (dataBuffer && buffer.length > (dataBuffer.rowsAmmount ?? 10)) {
+        buffer = buffer.slice(-(dataBuffer.rowsAmmount ?? 10))
       }
 
       body = null
@@ -309,9 +309,9 @@
         </div>
       {/each}
     </div>
-    {#if dataBuffer.cleanButton}
+    {#if dataBuffer.clearButton}
       <button
-        class={twMerge('absolute right-2 bg-(--back-color) rounded-full p-1 cursor-pointer', dataBuffer.cleanClass)}
+        class={twMerge('absolute right-2 bg-(--back-color) rounded-full p-1 cursor-pointer', dataBuffer.clearClass)}
         onclick={() => (buffer = [])}
       >
         <ButtonClear />

package/dist/Table/TableProps.svelte

@@ -374,22 +374,37 @@
         onUpdate={(option) => {
           updateProperty('type', option.value as string, component, onPropertyChange)
           if (option.value === 'logger') updateProperty('dataBuffer.stashData', true, component, onPropertyChange)
+          if (option.value === 'table') updateProperty('dataBuffer.clearButton', false, component, onPropertyChange)
         }}
       />
-      <UI.Switch
-        label={{ name: $t('constructor.props.table.stashData') }}
-        value={component.properties.dataBuffer.stashData}
-        options={[{ id: crypto.randomUUID(), value: 0, class: '', disabled: component.properties.type === 'logger' }]}
-        onChange={(value) => {
-          updateProperty('dataBuffer.stashData', value, component, onPropertyChange)
-        }}
-      />
-      {#if component.properties.stashData}
-        <UI.Input
+      <div class="flex">
+        <UI.Switch
+          label={{ name: $t('constructor.props.table.stashData') }}
+          value={component.properties.dataBuffer.stashData}
+          options={[{ id: crypto.randomUUID(), value: 0, class: '', disabled: component.properties.type === 'logger' }]}
+          onChange={(value) => {
+            updateProperty('dataBuffer.stashData', value, component, onPropertyChange)
+          }}
+        />
+        {#if component.properties.type === 'logger'}
+          <UI.Switch
+            label={{ name: $t('constructor.props.table.clearButton') }}
+            value={component.properties.dataBuffer.clearButton}
+            options={[{ id: crypto.randomUUID(), value: 0, class: '' }]}
+            onChange={(value) => {
+              updateProperty('dataBuffer.clearButton', value, component, onPropertyChange)
+            }}
+          />
+        {/if}
+      </div>
+
+      {#if component.properties.dataBuffer.stashData}
+        <UI.Select
           label={{ name: $t('constructor.props.table.buffersize') }}
-          type="number"
-          value={component.properties.dataBuffer.rowsAmmount}
-          onUpdate={(value) => updateProperty('dataBuffer.rowsAmmount', value as string, component, onPropertyChange)}
+          type="buttons"
+          options={$optionsStore.BUFFER_SIFE_OPTIONS}
+          value={$optionsStore.BUFFER_SIFE_OPTIONS.find((o) => o.value === component.properties.dataBuffer.rowsAmmount)}
+          onUpdate={(value) => updateProperty('dataBuffer.rowsAmmount', value.value as number, component, onPropertyChange)}
         />
       {/if}
     </div>

package/dist/locales/translations.js

@@ -153,6 +153,7 @@ const translations = {
         'constructor.props.table.keys.info': 'Ключи таблицы, значения которых будут возвращаться',
         'constructor.props.table.stashData': 'Накопление данных',
         'constructor.props.table.buffersize': 'Размер буфера',
+        'constructor.props.table.clearButton': 'Кнопка очистки',
         'constructor.props.icon.access': 'Доступ',
         'constructor.props.icon.common': 'Общее',
         'constructor.props.icon.scenarios': 'Сценарии',

package/dist/options.d.ts

@@ -120,6 +120,11 @@ export declare const optionsStore: import("svelte/store").Readable<{
         value: string;
         name: string;
     }[];
+    BUFFER_SIFE_OPTIONS: {
+        id: `${string}-${string}-${string}-${string}-${string}`;
+        value: number;
+        name: string;
+    }[];
     AUTOCOMPLETE_CONSTRUCTOR_OPTIONS: {
         id: string;
         value: string;

package/dist/options.js

@@ -128,6 +128,13 @@ export const optionsStore = derived(t, ($t) => {
             { id: id(), value: 'table', name: $t('constructor.props.table.type.table') },
             { id: id(), value: 'logger', name: $t('constructor.props.table.type.logger') },
         ],
+        BUFFER_SIFE_OPTIONS: [
+            { id: crypto.randomUUID(), value: 10, name: '10' },
+            { id: crypto.randomUUID(), value: 50, name: '50' },
+            { id: crypto.randomUUID(), value: 100, name: '100' },
+            { id: crypto.randomUUID(), value: 500, name: '500' },
+            { id: crypto.randomUUID(), value: 1000, name: '1000' },
+        ],
         AUTOCOMPLETE_CONSTRUCTOR_OPTIONS: [
             { id: id(), value: 'on', name: $t('constructor.props.autocomplete.on') },
             { id: id(), value: 'off', name: $t('constructor.props.autocomplete.off') },

package/dist/types.d.ts

@@ -270,8 +270,8 @@ export interface ITableProps<T extends object> {
     dataBuffer?: {
         stashData?: boolean;
         rowsAmmount?: number;
-        cleanButton?: boolean;
-        cleanClass?: string;
+        clearButton?: boolean;
+        clearClass?: string;
     };
     outline?: boolean;
     cursor?: string | null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "poe-svelte-ui-lib",
-  "version": "1.5.10",
+  "version": "1.5.11",
   "license": "MIT",
   "type": "module",
   "scripts": {
@@ -33,7 +33,7 @@
   },
   "dependencies": {
     "@tailwindcss/vite": "^4.1.18",
-    "prettier": "^3.6.2",
+    "prettier": "^3.7.4",
     "prettier-plugin-svelte": "^3.4.0",
     "prettier-plugin-tailwindcss": "^0.7.2",
     "svelte-maplibre-gl": "^1.0.2",