@opentiny/tiny-robot 0.2.0-alpha.7 → 0.2.0-alpha.9

package/dist/action-group/index.js

@@ -1,7 +1,7 @@
 import { defineComponent as $, useSlots as H, computed as i, ref as f, watch as N, nextTick as W, createElementBlock as _, openBlock as n, createBlock as v, createCommentVNode as R, Fragment as G, renderList as I, unref as h, withCtx as S, createElementVNode as w, resolveDynamicComponent as x, renderSlot as L, createVNode as E, Transition as j, withDirectives as q, normalizeClass as J, withModifiers as K, toDisplayString as Q, vShow as U } from "vue";
 import { o as Y } from "../tiny-robot-svgs.js";
 import { T as M } from "../index4.js";
-import { o as Z, b as ee } from "../index3.js";
+import { o as Z, a as ee } from "../index2.js";
 import te from "../icon-button/index.js";
 import { _ as oe } from "../_plugin-vue_export-helper.js";
 const ne = { class: "tr-action-group" }, re = ["onClick"], le = ["onClick"], ae = { class: "tr-action-group__dropdown-item-text" }, ce = /* @__PURE__ */ $({
@@ -17,10 +17,10 @@ const ne = { class: "tr-action-group" }, re = ["onClick"], le = ["onClick"], ae
       var o, t;
       const e = F.default();
       return Array.isArray(e) ? e.length === 1 && ((o = e[0].type) == null ? void 0 : o.toString()) === "Symbol(v-fgt)" ? e[0].children : e : ((t = e.type) == null ? void 0 : t.toString()) === "Symbol(v-fgt)" ? e.children : [e];
-    }), b = i(() => {
+    }), y = i(() => {
       const e = a.maxNum ?? Number.MAX_SAFE_INTEGER;
       return e > 0 ? e : Number.MAX_SAFE_INTEGER;
-    }), y = i(() => p.value.length > b.value), V = i(() => y.value ? p.value.slice(0, b.value) : p.value), z = i(() => y.value ? p.value.slice(b.value) : []), m = f(null), d = f(null), r = f(!1), P = () => {
+    }), b = i(() => p.value.length > y.value), V = i(() => b.value ? p.value.slice(0, y.value) : p.value), z = i(() => b.value ? p.value.slice(y.value) : []), m = f(null), d = f(null), r = f(!1), P = () => {
       r.value = !r.value;
     };
     Z(d, (e) => {
@@ -66,7 +66,7 @@ const ne = { class: "tr-action-group" }, re = ["onClick"], le = ["onClick"], ae
           _: 2
         }, 1032, ["content", "disabled"]);
       }), 128)),
-      y.value ? (n(), v(h(M), {
+      b.value ? (n(), v(h(M), {
         key: 0,
         content: "更多",
         effect: "dark",
@@ -117,7 +117,7 @@ const ne = { class: "tr-action-group" }, re = ["onClick"], le = ["onClick"], ae
       }, 8, ["disabled"])) : R("", !0)
     ]));
   }
-}), g = /* @__PURE__ */ oe(ce, [["__scopeId", "data-v-afd2130f"]]), u = /* @__PURE__ */ $({
+}), g = /* @__PURE__ */ oe(ce, [["__scopeId", "data-v-f3138789"]]), u = /* @__PURE__ */ $({
   __name: "ActionGroupItem",
   props: {
     name: {},

package/dist/bubble/index.js

@@ -1,7 +1,7 @@
 import { defineComponent as c0, useCssVars as L0, unref as P0, useSlots as O0, computed as au, createElementBlock as L, openBlock as S, normalizeClass as i0, createCommentVNode as _u, createElementVNode as Z, createBlock as yu, resolveDynamicComponent as o0, renderSlot as mu, toDisplayString as N0, ref as $0, watch as j0, Fragment as U0, renderList as Ou, mergeProps as Nu, createSlots as Z0, withCtx as H0 } from "vue";
-import { toCssUnit as V0 } from "../shared/index.js";
+import { t as V0 } from "../utils.js";
 import { _ as a0 } from "../_plugin-vue_export-helper.js";
-import { d as G0 } from "../index3.js";
+import { u as G0 } from "../index2.js";
 const $u = {};
 function W0(u) {
   let e = $u[u];

package/dist/close.js

@@ -1,4 +1,4 @@
-import { s as o } from "./index2.js";
+import { s as o } from "./index6.js";
 import { createElementBlock as n, openBlock as r, createElementVNode as t } from "vue";
 var c = {
   viewBox: "0 0 16 16",

package/dist/container/index.js

@@ -1,8 +1,8 @@
-import { defineComponent as m, useCssVars as v, useModel as c, computed as _, createElementBlock as $, openBlock as w, createElementVNode as n, renderSlot as r, createVNode as u, unref as a } from "vue";
+import { defineComponent as m, useCssVars as v, useModel as d, computed as _, createElementBlock as $, openBlock as w, createElementVNode as n, renderSlot as r, createVNode as c, unref as a } from "vue";
 import { $ as g, i as h, t as C } from "../tiny-robot-svgs.js";
-import d from "../icon-button/index.js";
+import u from "../icon-button/index.js";
 import { _ as b } from "../_plugin-vue_export-helper.js";
-const B = { class: "tr-container" }, k = { class: "tr-container__header" }, z = { class: "tr-container__header-operations" }, y = { class: "tr-container__footer" }, E = /* @__PURE__ */ m({
+const z = { class: "tr-container" }, B = { class: "tr-container__header" }, k = { class: "tr-container__header-operations" }, y = { class: "tr-container__footer" }, E = /* @__PURE__ */ m({
   __name: "index",
   props: {
     show: { type: Boolean, required: !0 },
@@ -13,29 +13,29 @@ const B = { class: "tr-container" }, k = { class: "tr-container__header" }, z =
   emits: ["update:show", "update:fullscreen"],
   setup(o) {
     v((t) => ({
-      b67b7ee6: s.value ? "0" : "unset",
-      "72873ea0": s.value ? "unset" : "var(--tr-container-width)",
-      "224ae4c1": l.value ? "100" : "-1",
-      cb10cae2: l.value ? "1" : "0"
+      "1daf37f2": s.value ? "0" : "unset",
+      "0679141a": s.value ? "unset" : "var(--tr-container-width)",
+      "234493b2": l.value ? "var(--tr-z-index-fixed)" : "-1",
+      "0c2ba509": l.value ? "1" : "0"
     }));
-    const l = c(o, "show"), s = c(o, "fullscreen"), f = _(() => s.value ? g : h);
-    return (t, e) => (w(), $("div", B, [
+    const l = d(o, "show"), s = d(o, "fullscreen"), f = _(() => s.value ? g : h);
+    return (t, e) => (w(), $("div", z, [
       e[3] || (e[3] = n("div", { class: "tr-container__dragging-bar-wrapper" }, [
         n("div", { class: "tr-container__dragging-bar" })
       ], -1)),
-      n("div", k, [
+      n("div", B, [
         r(t.$slots, "title", {}, () => [
           e[2] || (e[2] = n("h3", { class: "tr-container__title" }, "OpenTiny NEXT", -1))
         ]),
-        n("div", z, [
+        n("div", k, [
           r(t.$slots, "operations"),
-          u(a(d), {
+          c(a(u), {
             size: "28",
             "svg-size": "20",
             icon: f.value,
             onClick: e[0] || (e[0] = (p) => t.$emit("update:fullscreen", !s.value))
           }, null, 8, ["icon"]),
-          u(a(d), {
+          c(a(u), {
             size: "28",
             "svg-size": "20",
             icon: a(C),
@@ -49,7 +49,7 @@ const B = { class: "tr-container" }, k = { class: "tr-container__header" }, z =
       ])
     ]));
   }
-}), i = /* @__PURE__ */ b(E, [["__scopeId", "data-v-81c9f59e"]]);
+}), i = /* @__PURE__ */ b(E, [["__scopeId", "data-v-6a9b9126"]]);
 i.name = "TrContainer";
 const I = function(o) {
   o.component(i.name, i);

package/dist/dropdown-menu/index.js

@@ -1,8 +1,8 @@
-import { defineComponent as T, useCssVars as D, unref as S, ref as c, computed as B, watch as M, createElementBlock as m, openBlock as n, renderSlot as R, createVNode as V, Transition as E, withCtx as N, createBlock as O, createCommentVNode as W, Teleport as I, createElementVNode as p, normalizeStyle as b, Fragment as z, renderList as F, toDisplayString as H } from "vue";
-import { u as f, o as L } from "../index3.js";
-import { toCssUnit as o } from "../shared/index.js";
-import { _ as P } from "../_plugin-vue_export-helper.js";
-const U = { class: "tr-dropdown-menu__list" }, j = ["onClick"], q = /* @__PURE__ */ T({
+import { defineComponent as S, useCssVars as T, unref as M, ref as m, computed as R, watch as V, createElementBlock as o, openBlock as r, Fragment as p, createElementVNode as f, createVNode as B, renderSlot as E, Transition as N, withCtx as O, createCommentVNode as W, normalizeStyle as I, renderList as b, toDisplayString as z } from "vue";
+import { c as _, o as F } from "../index2.js";
+import { t as n } from "../utils.js";
+import { _ as H } from "../_plugin-vue_export-helper.js";
+const L = { class: "tr-dropdown-menu__list" }, P = ["onClick"], U = /* @__PURE__ */ S({
   __name: "index",
   props: {
     items: {},
@@ -10,64 +10,62 @@ const U = { class: "tr-dropdown-menu__list" }, j = ["onClick"], q = /* @__PURE__
     topOffset: { default: 0 }
   },
   emits: ["item-click"],
-  setup(s, { emit: _ }) {
-    D((e) => ({
-      "2f21d602": S(o)(l.minWidth)
+  setup(l, { emit: w }) {
+    T((e) => ({
+      "90b2d29e": M(n)(a.minWidth)
     }));
-    const l = s, t = c(!1), w = _, a = c(null), i = c(null), { x: h, y: v, update: k } = f(a), { width: g, height: x } = f(i), y = B(() => ({
-      left: `min(${o(h.value)}, 100% - ${o(g.value)})`,
-      top: `max(${o(v.value)} - ${o(x.value)} + ${o(l.topOffset)} - 8px, 0px)`
+    const a = l, t = m(!1), h = w, i = m(null), d = m(null), { x: v, y: g, update: k } = _(i), { width: x, height: C } = _(d), y = R(() => ({
+      left: `min(${n(v.value)}, 100% - ${n(x.value)})`,
+      top: `max(${n(g.value)} - ${n(C.value)} + ${n(a.topOffset)} - 8px, 0px)`
     }));
-    L(i, (e) => {
-      var d;
-      (d = a.value) != null && d.contains(e.target) && e.stopPropagation(), t.value = !1;
-    }), M(t, (e) => {
+    F(d, (e) => {
+      var c;
+      (c = i.value) != null && c.contains(e.target) && e.stopPropagation(), t.value = !1;
+    }), V(t, (e) => {
       e && k();
     });
-    const C = () => {
+    const $ = () => {
       t.value = !t.value;
-    }, $ = (e) => {
-      t.value = !1, w("item-click", e);
+    }, D = (e) => {
+      t.value = !1, h("item-click", e);
     };
-    return (e, d) => (n(), m("div", {
-      class: "tr-dropdown-menu__wrapper",
-      ref_key: "dropDownTriggerRef",
-      ref: a,
-      onClick: C
-    }, [
-      R(e.$slots, "default", {}, void 0, !0),
-      V(E, { name: "tr-dropdown-menu" }, {
-        default: N(() => [
-          t.value ? (n(), O(I, {
+    return (e, c) => (r(), o(p, null, [
+      f("div", {
+        class: "tr-dropdown-menu__wrapper",
+        ref_key: "dropDownTriggerRef",
+        ref: i,
+        onClick: $
+      }, [
+        E(e.$slots, "default", {}, void 0, !0)
+      ], 512),
+      B(N, { name: "tr-dropdown-menu" }, {
+        default: O(() => [
+          t.value ? (r(), o("div", {
             key: 0,
-            to: "body"
+            class: "tr-dropdown-menu",
+            style: I(y.value),
+            ref_key: "dropdownMenuRef",
+            ref: d
           }, [
-            p("div", {
-              class: "tr-dropdown-menu",
-              style: b(y.value),
-              ref_key: "dropdownMenuRef",
-              ref: i
-            }, [
-              p("ul", U, [
-                (n(!0), m(z, null, F(l.items, (u) => (n(), m("li", {
-                  class: "tr-dropdown-menu__list-item",
-                  key: u.id,
-                  onClick: (G) => $(u)
-                }, H(u.text), 9, j))), 128))
-              ])
-            ], 4)
-          ])) : W("", !0)
+            f("ul", L, [
+              (r(!0), o(p, null, b(a.items, (u) => (r(), o("li", {
+                class: "tr-dropdown-menu__list-item",
+                key: u.id,
+                onClick: (q) => D(u)
+              }, z(u.text), 9, P))), 128))
+            ])
+          ], 4)) : W("", !0)
         ]),
         _: 1
       })
-    ], 512));
+    ], 64));
   }
-}), r = /* @__PURE__ */ P(q, [["__scopeId", "data-v-978efe81"]]);
-r.name = "TrDropdownMenu";
-const A = function(s) {
-  s.component(r.name, r);
+}), s = /* @__PURE__ */ H(U, [["__scopeId", "data-v-ce90a07c"]]);
+s.name = "TrDropdownMenu";
+const j = function(l) {
+  l.component(s.name, s);
 };
-r.install = A;
+s.install = j;
 export {
-  r as default
+  s as default
 };

package/dist/feedback/index.js

@@ -1,6 +1,6 @@
 import { defineComponent as X, ref as E, computed as z, onMounted as D, watch as K, createElementBlock as a, openBlock as t, createCommentVNode as k, Fragment as I, renderList as S, toDisplayString as y, createVNode as h, unref as l, nextTick as O, createElementVNode as d, createBlock as _, withCtx as f, createTextVNode as U, resolveDynamicComponent as C } from "vue";
 import { K as T, U as N, d as q, s as j, p as H, e as J } from "../tiny-robot-svgs.js";
-import { B as R } from "../index5.js";
+import { B as R } from "../index3.js";
 import $, { ActionGroupItem as V } from "../action-group/index.js";
 import Q from "../icon-button/index.js";
 import { _ as P } from "../_plugin-vue_export-helper.js";

package/dist/flow-layout-buttons/index.js

@@ -1,6 +1,6 @@
-import { defineComponent as V, mergeModels as E, useModel as q, watch as g, ref as i, computed as $, createElementBlock as a, openBlock as l, createElementVNode as C, Fragment as I, renderList as S, createCommentVNode as _, normalizeClass as x, createBlock as B, resolveDynamicComponent as b, toDisplayString as D, nextTick as G } from "vue";
+import { defineComponent as V, mergeModels as E, useModel as q, watch as g, ref as i, computed as $, createElementBlock as a, openBlock as l, createElementVNode as C, Fragment as I, renderList as S, createCommentVNode as _, normalizeClass as b, createBlock as x, resolveDynamicComponent as B, toDisplayString as D, nextTick as G } from "vue";
 import { U as H } from "../tiny-robot-svgs.js";
-import { a as X, o as j } from "../index3.js";
+import { b as X, o as j } from "../index2.js";
 import { _ as J } from "../_plugin-vue_export-helper.js";
 const K = ["onClick"], P = {
   key: 0,
@@ -67,26 +67,26 @@ const K = ["onClick"], P = {
       }, [
         s.value === null || f < s.value ? (l(), a("button", {
           key: 0,
-          class: x(["tr-flow-layout__item", { "icon-only": !e.label }, { selected: e.id === u.value }]),
+          class: b(["tr-flow-layout__item", { "icon-only": !e.label }, { selected: e.id === u.value }]),
           ref_for: !0,
           ref: (r) => A(r, f),
           onClick: (r) => R(e.id)
         }, [
-          (l(), B(b(e.icon), { class: "tr-flow-layout__item-icon" })),
+          (l(), x(B(e.icon), { class: "tr-flow-layout__item-icon" })),
           e.label ? (l(), a("span", P, D(e.label), 1)) : _("", !0)
         ], 10, K)) : _("", !0)
       ], 64))), 128)),
       C("div", Q, [
         m.value ? _("", !0) : (l(), a("button", {
           key: 0,
-          class: x(["tr-flow-layout__item", "icon-only", { selected: O.value }]),
+          class: b(["tr-flow-layout__item", "icon-only", { selected: O.value }]),
           ref_key: "moreButtonRef",
           ref: w,
           onClick: U,
           onMouseenter: o[0] || (o[0] = (e) => v(!0)),
           onMouseleave: o[1] || (o[1] = (e) => v(!1))
         }, [
-          (l(), B(b(n.moreIcon), { class: "tr-flow-layout__item-icon" }))
+          (l(), x(B(n.moreIcon), { class: "tr-flow-layout__item-icon" }))
         ], 34)),
         C("div", {
           class: "tr-flow-layout__dropdown-container",
@@ -100,11 +100,11 @@ const K = ["onClick"], P = {
             ref: k
           }, [
             (l(!0), a(I, null, S(z.value, (e) => (l(), a("button", {
-              class: x(["tr-flow-layout__dropdown_item", { selected: e.id === u.value }]),
+              class: b(["tr-flow-layout__dropdown_item", { selected: e.id === u.value }]),
               key: e.id,
               onClick: (f) => R(e.id)
             }, [
-              (l(), B(b(e.icon), { class: "tr-flow-layout__item-icon" })),
+              (l(), x(B(e.icon), { class: "tr-flow-layout__item-icon" })),
               C("span", Z, D(e.label), 1)
             ], 10, Y))), 128))
           ], 512)) : _("", !0)
@@ -112,7 +112,7 @@ const K = ["onClick"], P = {
       ])
     ], 512));
   }
-}), p = /* @__PURE__ */ J(ee, [["__scopeId", "data-v-5a28ac75"]]);
+}), p = /* @__PURE__ */ J(ee, [["__scopeId", "data-v-5c283520"]]);
 p.name = "TrFlowLayout";
 const te = function(d) {
   d.component(p.name, p);

package/dist/history/index.js

@@ -1,9 +1,9 @@
 import { defineComponent as V, createElementBlock as u, openBlock as n, normalizeStyle as X, normalizeClass as D, createElementVNode as p, toDisplayString as k, createVNode as m, unref as e, ref as G, watchEffect as Y, nextTick as Z, mergeModels as N, useCssVars as q, computed as h, useModel as P, createCommentVNode as E, Fragment as T, renderList as $, createBlock as R, withDirectives as ee, mergeProps as te, withCtx as z, withModifiers as H, vModelText as re } from "vue";
 import { f as oe, z as se, r as ae, n as ne, t as ie } from "../tiny-robot-svgs.js";
-import { I as le } from "../index6.js";
+import { I as le } from "../index5.js";
 import { T as S } from "../index4.js";
 import B from "../icon-button/index.js";
-import { o as ce } from "../index3.js";
+import { o as ce } from "../index2.js";
 import { _ as M } from "../_plugin-vue_export-helper.js";
 const ue = /* @__PURE__ */ V({
   __name: "item-tag",

package/dist/icon-button/index.js

@@ -1,5 +1,5 @@
-import { defineComponent as p, useCssVars as l, computed as t, createElementBlock as u, openBlock as s, normalizeClass as m, createBlock as d, resolveDynamicComponent as _ } from "vue";
-import { toCssUnit as c } from "../shared/index.js";
+import { defineComponent as p, useCssVars as l, computed as n, createElementBlock as u, openBlock as s, normalizeClass as m, createBlock as d, resolveDynamicComponent as _ } from "vue";
+import { t as c } from "../utils.js";
 import { _ as f } from "../_plugin-vue_export-helper.js";
 const v = /* @__PURE__ */ p({
   __name: "index",
@@ -9,12 +9,12 @@ const v = /* @__PURE__ */ p({
     svgSize: { default: "16px" },
     rounded: { type: Boolean }
   },
-  setup(n) {
+  setup(t) {
     l((i) => ({
       "72b46ad2": a.value,
       66777814: r.value
     }));
-    const o = n, a = t(() => c(o.size)), r = t(() => c(o.svgSize));
+    const o = t, a = n(() => c(o.size)), r = n(() => c(o.svgSize));
     return (i, z) => (s(), u("button", {
       class: m(["tr-icon-button", { rounded: o.rounded }])
     }, [
@@ -23,8 +23,8 @@ const v = /* @__PURE__ */ p({
   }
 }), e = /* @__PURE__ */ f(v, [["__scopeId", "data-v-fe8553bc"]]);
 e.name = "TrIconButton";
-const x = function(n) {
-  n.component(e.name, e);
+const x = function(t) {
+  t.component(e.name, e);
 };
 e.install = x;
 export {

package/dist/index.d.ts

@@ -89,7 +89,7 @@ popoverHeight: string | number;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
 popoverTriggerRef: HTMLDivElement;
 popoverRef: HTMLDivElement;
-}, HTMLDivElement>;
+}, any>;
 
 declare const __VLS_component_2: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:show": (value: boolean) => any;
@@ -109,7 +109,7 @@ topOffset: string | number;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
 dropDownTriggerRef: HTMLDivElement;
 dropdownMenuRef: HTMLDivElement;
-}, HTMLDivElement>;
+}, any>;
 
 declare const __VLS_component_4: DefineComponent<PromptsProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 "item-click": (ev: MouseEvent, item: PromptProps) => any;
@@ -394,20 +394,20 @@ disabled: boolean;
 type: string;
 ellipsis: boolean;
 mask: boolean;
+vertical: boolean;
+customClass: string;
 tiny_mode_root: boolean;
 _constants: Record<string, any>;
 tabindex: string;
-contentStyle: Record<string, any>;
-customClass: string;
 showTitle: boolean;
 readonly: boolean;
 hoverExpand: boolean;
 memorySpace: number;
-vertical: boolean;
 selectMenu: {
 id: string;
 label: string;
 }[];
+contentStyle: Record<string, any>;
 isSelect: boolean;
 counter: boolean;
 autosize: boolean | Record<string, any>;
@@ -621,20 +621,20 @@ disabled: boolean;
 type: string;
 ellipsis: boolean;
 mask: boolean;
+vertical: boolean;
+customClass: string;
 tiny_mode_root: boolean;
 _constants: Record<string, any>;
 tabindex: string;
-contentStyle: Record<string, any>;
-customClass: string;
 showTitle: boolean;
 readonly: boolean;
 hoverExpand: boolean;
 memorySpace: number;
-vertical: boolean;
 selectMenu: {
 id: string;
 label: string;
 }[];
+contentStyle: Record<string, any>;
 isSelect: boolean;
 counter: boolean;
 autosize: boolean | Record<string, any>;
@@ -895,7 +895,7 @@ declare function __VLS_template_11(): {
         popoverTriggerRef: HTMLDivElement;
         popoverRef: HTMLDivElement;
     };
-    rootEl: HTMLDivElement;
+    rootEl: any;
 };
 
 declare function __VLS_template_2(): {
@@ -912,7 +912,7 @@ declare function __VLS_template_3(): {
         dropDownTriggerRef: HTMLDivElement;
         dropdownMenuRef: HTMLDivElement;
     };
-    rootEl: HTMLDivElement;
+    rootEl: any;
 };
 
 declare function __VLS_template_4(): {
@@ -1176,20 +1176,20 @@ declare function __VLS_template_5(): {
         type: string;
         ellipsis: boolean;
         mask: boolean;
+        vertical: boolean;
+        customClass: string;
         tiny_mode_root: boolean;
         _constants: Record<string, any>;
         tabindex: string;
-        contentStyle: Record<string, any>;
-        customClass: string;
         showTitle: boolean;
         readonly: boolean;
         hoverExpand: boolean;
         memorySpace: number;
-        vertical: boolean;
         selectMenu: {
         id: string;
         label: string;
         }[];
+        contentStyle: Record<string, any>;
         isSelect: boolean;
         counter: boolean;
         autosize: boolean | Record<string, any>;
@@ -1403,20 +1403,20 @@ declare function __VLS_template_5(): {
         type: string;
         ellipsis: boolean;
         mask: boolean;
+        vertical: boolean;
+        customClass: string;
         tiny_mode_root: boolean;
         _constants: Record<string, any>;
         tabindex: string;
-        contentStyle: Record<string, any>;
-        customClass: string;
         showTitle: boolean;
         readonly: boolean;
         hoverExpand: boolean;
         memorySpace: number;
-        vertical: boolean;
         selectMenu: {
         id: string;
         label: string;
         }[];
+        contentStyle: Record<string, any>;
         isSelect: boolean;
         counter: boolean;
         autosize: boolean | Record<string, any>;