@ibiz-template/vue3-components 0.5.7-alpha.4 → 0.5.7-alpha.6

package/es/common/grid-setting/grid-setting.css

@@ -1 +1 @@
-.ibiz-grid-setting-column-states{max-height:500px;overflow-y:auto}.ibiz-grid-setting-column-states .ibiz-grid-setting-column-state{display:flex;align-items:center;justify-content:flex-start;padding:var(--ibiz-spacing-extra-tight) 0;font-size:var(--ibiz-font-size-regular);cursor:pointer}.ibiz-grid-setting-column-states .ibiz-grid-setting-column-state.is-disabled{opacity:.5}.ibiz-grid-setting-column-states .ibiz-grid-setting-column-state img{display:inline-block;width:var(--ibiz-font-size-small);margin-right:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-text-3)}.ibiz-grid-setting-column-states .ibiz-grid-setting-column-state-ghost{background-color:var(--ibiz-color-primary-light-default);opacity:.5}.ibiz-grid-setting-set-icon{color:var(--ibiz-color-primary);cursor:pointer}
+.ibiz-grid-setting-column-states{width:100%;max-height:500px;overflow-y:auto}.ibiz-grid-setting-column-states .ibiz-grid-setting-column-state{display:flex;align-items:center;justify-content:flex-start;width:100%;padding:var(--ibiz-spacing-extra-tight) 0;font-size:var(--ibiz-font-size-regular);cursor:pointer}.ibiz-grid-setting-column-states .ibiz-grid-setting-column-state ion-icon{display:inline-block;width:var(--ibiz-font-size-small);margin-right:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-font-size-regular)}.ibiz-grid-setting-column-states .ibiz-grid-setting-column-state .ibiz-grid-setting-drag-icon{color:var(--ibiz-color-text)}.ibiz-grid-setting-column-states .ibiz-grid-setting-column-state .ibiz-grid-setting-enable-icon{color:var(--ibiz-color-success)}.ibiz-grid-setting-column-states .ibiz-grid-setting-column-state .ibiz-grid-setting-disable-icon{display:none;color:var(--ibiz-color-danger)}.ibiz-grid-setting-column-states .ibiz-grid-setting-column-state .ibiz-grid-setting-state-caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-grid-setting-column-states .ibiz-grid-setting-column-state.is-disabled .ibiz-grid-setting-enable-icon{display:none}.ibiz-grid-setting-column-states .ibiz-grid-setting-column-state.is-disabled .ibiz-grid-setting-disable-icon{display:block}.ibiz-grid-setting-column-states .ibiz-grid-setting-column-state.is-disabled .ibiz-grid-setting-state-caption{color:var(--ibiz-color-disabled-text)}.ibiz-grid-setting-column-states .ibiz-grid-setting-column-state-ghost{background-color:var(--ibiz-color-primary-light-default);opacity:.5}.ibiz-grid-setting-set-icon{color:var(--ibiz-color-primary);cursor:pointer}

package/es/common/grid-setting/grid-setting.mjs

@@ -60,7 +60,8 @@ const IBizGridSetting = /* @__PURE__ */ defineComponent({
   render() {
     return createVNode(resolveComponent("el-popover"), {
       "placement": "right-start",
-      "trigger": "click"
+      "trigger": "click",
+      "width": "auto"
     }, {
       reference: () => {
         return createVNode("ion-icon", {
@@ -89,9 +90,27 @@ const IBizGridSetting = /* @__PURE__ */ defineComponent({
             return createVNode("div", {
               "class": [this.ns.b("column-state"), this.ns.is("disabled", state.hidden), this.ns.is("fixed", !!state.fixed), !!state.fixed && "unmover"],
               "onClick": () => this.handleClick(state)
-            }, [this.isDraggable && !state.fixed && createVNode("img", {
-              "src": "./assets/iconfont/svg/drag.svg"
-            }, null), state.caption]);
+            }, [this.isDraggable && !state.fixed && createVNode(resolveComponent("iBizIcon"), {
+              "class": this.ns.b("drag-icon"),
+              "icon": {
+                imagePath: "svg/drag.svg"
+              },
+              "baseDir": "iconfont"
+            }, null), createVNode(resolveComponent("iBizIcon"), {
+              "class": this.ns.b("disable-icon"),
+              "icon": {
+                imagePath: "svg/disable.svg"
+              },
+              "baseDir": "iconfont"
+            }, null), createVNode(resolveComponent("iBizIcon"), {
+              "class": this.ns.b("enable-icon"),
+              "icon": {
+                imagePath: "svg/enable.svg"
+              },
+              "baseDir": "iconfont"
+            }, null), createVNode("div", {
+              "class": this.ns.b("state-caption")
+            }, [state.caption])]);
           }
         });
       }

package/es/control/calendar/calendar.mjs

@@ -107,7 +107,7 @@ const CalendarControl = /* @__PURE__ */ defineComponent({
         "style": style,
         "onClick": () => this.c.onRowClick(item),
         "onDblclick": () => this.c.onDbRowClick(item)
-      }, ["".concat(item.text)]);
+      }, [item.text]);
     };
     const renderCalendarList = (items) => {
       return items.map((item) => {