@things-factory/meta-ui 7.0.1-alpha.30 → 7.0.1-alpha.31

package/dist-client/utils/meta-ui-util.js

@@ -1,6 +1,6 @@
 import '@material/web/icon/icon.js';
 import moment from 'moment-timezone';
-import { css, html } from 'lit';
+import { css, html, render } from 'lit';
 import { getEditor, getRenderer } from '@operato/data-grist';
 import { getValueGenerators } from '@operato/time-calculator';
 import { ScrollbarStyles, CommonGristStyles, CommonButtonStyles, ButtonContainerStyles } from '@operato/styles';
@@ -991,13 +991,16 @@ export class MetaUiUtil {
             }
         };
         const { raised, outlined, dense, danger, icon } = btnStyle.emphasis;
-        let btnHtml = html `
-      <button ?dense=${dense} ?raised=${raised} ?outlined=${outlined} ?danger=${danger} ?filled=${filled}>
-        <md-icon>${icon || 'done_all'}</md-icon>
-        ${title}
+        const template = html `
+      <button ?dense=${dense} ?raised=${raised} ?outlined=${outlined} ?danger=${danger}>
+        <md-icon>${icon || 'done'}</md-icon>
+        ${buttonName}
       </button>
     `;
-        return UiUtil.htmlToElement(btnHtml);
+        const container = document.createElement('div');
+        render(template, container);
+        const element = container.firstElementChild;
+        return container.removeChild(element);
     }
     /**
      * @description 버튼과 연결할 핸들러를 리턴
@@ -2865,7 +2868,7 @@ export class MetaUiUtil {
                 : html ``}
               ${MetaUiUtil.getGridViewOption(pageView)}
               <ox-record-creator id="add" ?hidden="${!useFilterAddButton}" .callback=${recordCreationCallback}>
-                <button>
+                <button style="display: flex; justify-content: center">
                   <md-icon>add</md-icon>
                 </button>
               </ox-record-creator>