cnhis-design-vue 3.1.8-beta.2 → 3.1.8-beta.3

package/es/packages/scale-view/index.d.ts

@@ -1941,26 +1941,26 @@ declare const CScaleView: SFCWithInstall<import("vue").DefineComponent<{
                 rippleDuration: string;
             }, any>>>;
         }>>, {
-            type: import("naive-ui/es/button/src/interface").Type;
-            tag: keyof HTMLElementTagNameMap;
-            block: boolean;
-            round: boolean;
-            dashed: boolean;
-            text: boolean;
-            circle: boolean;
-            disabled: boolean;
-            focusable: boolean;
-            strong: boolean;
-            loading: boolean;
-            bordered: boolean;
-            tertiary: boolean;
-            ghost: boolean;
-            keyboard: boolean;
-            secondary: boolean;
-            quaternary: boolean;
-            iconPlacement: "left" | "right";
-            attrType: "button" | "reset" | "submit";
-            nativeFocusBehavior: boolean;
+            readonly type: import("naive-ui/es/button/src/interface").Type;
+            readonly tag: keyof HTMLElementTagNameMap;
+            readonly block: boolean;
+            readonly round: boolean;
+            readonly dashed: boolean;
+            readonly text: boolean;
+            readonly circle: boolean;
+            readonly disabled: boolean;
+            readonly focusable: boolean;
+            readonly strong: boolean;
+            readonly loading: boolean;
+            readonly bordered: boolean;
+            readonly tertiary: boolean;
+            readonly ghost: boolean;
+            readonly keyboard: boolean;
+            readonly secondary: boolean;
+            readonly quaternary: boolean;
+            readonly iconPlacement: "left" | "right";
+            readonly attrType: "button" | "reset" | "submit";
+            readonly nativeFocusBehavior: boolean;
         }>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("closeEvaluateCountdown" | "writeGuage")[], "closeEvaluateCountdown" | "writeGuage", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         formArray: {
@@ -3459,26 +3459,26 @@ declare const CScaleView: SFCWithInstall<import("vue").DefineComponent<{
             rippleDuration: string;
         }, any>>>;
     }>>, {
-        type: import("naive-ui/es/button/src/interface").Type;
-        tag: keyof HTMLElementTagNameMap;
-        block: boolean;
-        round: boolean;
-        dashed: boolean;
-        text: boolean;
-        circle: boolean;
-        disabled: boolean;
-        focusable: boolean;
-        strong: boolean;
-        loading: boolean;
-        bordered: boolean;
-        tertiary: boolean;
-        ghost: boolean;
-        keyboard: boolean;
-        secondary: boolean;
-        quaternary: boolean;
-        iconPlacement: "left" | "right";
-        attrType: "button" | "reset" | "submit";
-        nativeFocusBehavior: boolean;
+        readonly type: import("naive-ui/es/button/src/interface").Type;
+        readonly tag: keyof HTMLElementTagNameMap;
+        readonly block: boolean;
+        readonly round: boolean;
+        readonly dashed: boolean;
+        readonly text: boolean;
+        readonly circle: boolean;
+        readonly disabled: boolean;
+        readonly focusable: boolean;
+        readonly strong: boolean;
+        readonly loading: boolean;
+        readonly bordered: boolean;
+        readonly tertiary: boolean;
+        readonly ghost: boolean;
+        readonly keyboard: boolean;
+        readonly secondary: boolean;
+        readonly quaternary: boolean;
+        readonly iconPlacement: "left" | "right";
+        readonly attrType: "button" | "reset" | "submit";
+        readonly nativeFocusBehavior: boolean;
     }>;
     NForm: import("vue").DefineComponent<{
         readonly inline: BooleanConstructor;
@@ -3735,14 +3735,14 @@ declare const CScaleView: SFCWithInstall<import("vue").DefineComponent<{
             labelTextAlignHorizontal: string;
         }, any>>>;
     }>>, {
-        inline: boolean;
-        disabled: boolean;
-        onSubmit: (e: Event) => void;
-        labelPlacement: import("naive-ui/es/form/src/interface").LabelPlacement;
-        model: Record<string, any>;
-        showRequireMark: boolean | undefined;
-        showFeedback: boolean;
-        showLabel: boolean | undefined;
+        readonly inline: boolean;
+        readonly disabled: boolean;
+        readonly onSubmit: (e: Event) => void;
+        readonly labelPlacement: import("naive-ui/es/form/src/interface").LabelPlacement;
+        readonly model: Record<string, any>;
+        readonly showRequireMark: boolean | undefined;
+        readonly showFeedback: boolean;
+        readonly showLabel: boolean | undefined;
     }>;
     NFormItem: import("vue").DefineComponent<{
         readonly label: StringConstructor;
@@ -3903,9 +3903,11 @@ declare const CScaleView: SFCWithInstall<import("vue").DefineComponent<{
         labelElementRef: import("vue").Ref<HTMLLabelElement | null>;
         mergedClsPrefix: import("vue").ComputedRef<string>;
         mergedRequired: import("vue").ComputedRef<boolean>;
-        hasFeedback: import("vue").ComputedRef<number | true>;
         feedbackId: import("vue").Ref<string>;
-        explains: import("vue").Ref<string[]>;
+        renderExplains: import("vue").Ref<{
+            key: string;
+            render: () => import("vue").VNodeChild;
+        }[]>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         readonly label: StringConstructor;
         readonly labelWidth: import("vue").PropType<string | number>;
@@ -4029,12 +4031,12 @@ declare const CScaleView: SFCWithInstall<import("vue").DefineComponent<{
             labelTextAlignHorizontal: string;
         }, any>>>;
     }>>, {
-        required: boolean;
-        first: boolean;
-        showRequireMark: boolean | undefined;
-        showFeedback: boolean | undefined;
-        showLabel: boolean | undefined;
-        ignorePathChange: boolean;
+        readonly required: boolean;
+        readonly first: boolean;
+        readonly showRequireMark: boolean | undefined;
+        readonly showFeedback: boolean | undefined;
+        readonly showLabel: boolean | undefined;
+        readonly ignorePathChange: boolean;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onCloseSetting" | "submitNoRequest" | "onSubmit")[], "onSubmit" | "onCloseSetting" | "submitNoRequest", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     ids: {

package/es/packages/scale-view/src/ScaleView.vue.d.ts

@@ -1941,26 +1941,26 @@ declare const _default: import("vue").DefineComponent<{
                 rippleDuration: string;
             }, any>>>;
         }>>, {
-            type: import("naive-ui/es/button/src/interface").Type;
-            tag: keyof HTMLElementTagNameMap;
-            block: boolean;
-            round: boolean;
-            dashed: boolean;
-            text: boolean;
-            circle: boolean;
-            disabled: boolean;
-            focusable: boolean;
-            strong: boolean;
-            loading: boolean;
-            bordered: boolean;
-            tertiary: boolean;
-            ghost: boolean;
-            keyboard: boolean;
-            secondary: boolean;
-            quaternary: boolean;
-            iconPlacement: "left" | "right";
-            attrType: "button" | "reset" | "submit";
-            nativeFocusBehavior: boolean;
+            readonly type: import("naive-ui/es/button/src/interface").Type;
+            readonly tag: keyof HTMLElementTagNameMap;
+            readonly block: boolean;
+            readonly round: boolean;
+            readonly dashed: boolean;
+            readonly text: boolean;
+            readonly circle: boolean;
+            readonly disabled: boolean;
+            readonly focusable: boolean;
+            readonly strong: boolean;
+            readonly loading: boolean;
+            readonly bordered: boolean;
+            readonly tertiary: boolean;
+            readonly ghost: boolean;
+            readonly keyboard: boolean;
+            readonly secondary: boolean;
+            readonly quaternary: boolean;
+            readonly iconPlacement: "left" | "right";
+            readonly attrType: "button" | "reset" | "submit";
+            readonly nativeFocusBehavior: boolean;
         }>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("closeEvaluateCountdown" | "writeGuage")[], "closeEvaluateCountdown" | "writeGuage", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         formArray: {
@@ -3459,26 +3459,26 @@ declare const _default: import("vue").DefineComponent<{
             rippleDuration: string;
         }, any>>>;
     }>>, {
-        type: import("naive-ui/es/button/src/interface").Type;
-        tag: keyof HTMLElementTagNameMap;
-        block: boolean;
-        round: boolean;
-        dashed: boolean;
-        text: boolean;
-        circle: boolean;
-        disabled: boolean;
-        focusable: boolean;
-        strong: boolean;
-        loading: boolean;
-        bordered: boolean;
-        tertiary: boolean;
-        ghost: boolean;
-        keyboard: boolean;
-        secondary: boolean;
-        quaternary: boolean;
-        iconPlacement: "left" | "right";
-        attrType: "button" | "reset" | "submit";
-        nativeFocusBehavior: boolean;
+        readonly type: import("naive-ui/es/button/src/interface").Type;
+        readonly tag: keyof HTMLElementTagNameMap;
+        readonly block: boolean;
+        readonly round: boolean;
+        readonly dashed: boolean;
+        readonly text: boolean;
+        readonly circle: boolean;
+        readonly disabled: boolean;
+        readonly focusable: boolean;
+        readonly strong: boolean;
+        readonly loading: boolean;
+        readonly bordered: boolean;
+        readonly tertiary: boolean;
+        readonly ghost: boolean;
+        readonly keyboard: boolean;
+        readonly secondary: boolean;
+        readonly quaternary: boolean;
+        readonly iconPlacement: "left" | "right";
+        readonly attrType: "button" | "reset" | "submit";
+        readonly nativeFocusBehavior: boolean;
     }>;
     NForm: import("vue").DefineComponent<{
         readonly inline: BooleanConstructor;
@@ -3735,14 +3735,14 @@ declare const _default: import("vue").DefineComponent<{
             labelTextAlignHorizontal: string;
         }, any>>>;
     }>>, {
-        inline: boolean;
-        disabled: boolean;
-        onSubmit: (e: Event) => void;
-        labelPlacement: import("naive-ui/es/form/src/interface").LabelPlacement;
-        model: Record<string, any>;
-        showRequireMark: boolean | undefined;
-        showFeedback: boolean;
-        showLabel: boolean | undefined;
+        readonly inline: boolean;
+        readonly disabled: boolean;
+        readonly onSubmit: (e: Event) => void;
+        readonly labelPlacement: import("naive-ui/es/form/src/interface").LabelPlacement;
+        readonly model: Record<string, any>;
+        readonly showRequireMark: boolean | undefined;
+        readonly showFeedback: boolean;
+        readonly showLabel: boolean | undefined;
     }>;
     NFormItem: import("vue").DefineComponent<{
         readonly label: StringConstructor;
@@ -3903,9 +3903,11 @@ declare const _default: import("vue").DefineComponent<{
         labelElementRef: import("vue").Ref<HTMLLabelElement | null>;
         mergedClsPrefix: import("vue").ComputedRef<string>;
         mergedRequired: import("vue").ComputedRef<boolean>;
-        hasFeedback: import("vue").ComputedRef<number | true>;
         feedbackId: import("vue").Ref<string>;
-        explains: import("vue").Ref<string[]>;
+        renderExplains: import("vue").Ref<{
+            key: string;
+            render: () => import("vue").VNodeChild;
+        }[]>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         readonly label: StringConstructor;
         readonly labelWidth: import("vue").PropType<string | number>;
@@ -4029,12 +4031,12 @@ declare const _default: import("vue").DefineComponent<{
             labelTextAlignHorizontal: string;
         }, any>>>;
     }>>, {
-        required: boolean;
-        first: boolean;
-        showRequireMark: boolean | undefined;
-        showFeedback: boolean | undefined;
-        showLabel: boolean | undefined;
-        ignorePathChange: boolean;
+        readonly required: boolean;
+        readonly first: boolean;
+        readonly showRequireMark: boolean | undefined;
+        readonly showFeedback: boolean | undefined;
+        readonly showLabel: boolean | undefined;
+        readonly ignorePathChange: boolean;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onCloseSetting" | "submitNoRequest" | "onSubmit")[], "onSubmit" | "onCloseSetting" | "submitNoRequest", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     ids: {

package/es/packages/scale-view/src/ScaleView.vue_vue_type_script_setup_true_lang.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, reactive, ref, watch, nextTick, openBlock, createElementBlock, createCommentVNode, unref, Fragment, createBlock, mergeProps, createElementVNode, normalizeClass, normalizeStyle, createVNode, withCtx, renderList, toDisplayString, resolveDynamicComponent, createTextVNode, h } from 'vue';
+import { defineComponent, reactive, ref, watch, nextTick, openBlock, createElementBlock, createCommentVNode, Fragment, unref, createBlock, mergeProps, createElementVNode, normalizeClass, normalizeStyle, createVNode, withCtx, renderList, toDisplayString, resolveDynamicComponent, createTextVNode, h } from 'vue';
 import useNoData from './hooks/use-noData2.mjs';
 import ScaleViewState from './hooks/scaleview-state2.mjs';
 import ScaleViewProps from './hooks/scaleview-props2.mjs';
@@ -39,6 +39,7 @@ const _hoisted_7 = {
 const _hoisted_8 = /* @__PURE__ */ createTextVNode("\u53D6\u6D88");
 const _hoisted_9 = /* @__PURE__ */ createTextVNode("\u4FDD\u5B58");
 var script = /* @__PURE__ */ defineComponent({
+  name: "ScaleView",
   props: ScaleViewProps,
   emits: ["onCloseSetting", "submitNoRequest", "onSubmit"],
   setup(__props, { emit }) {
@@ -291,7 +292,7 @@ var script = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createCommentVNode(' <template v-if="state.spinning">\n      <n-spin :show="state.spinning" description="\u52A0\u8F7D\u4E2D"></n-spin>\n    </template> '),
-        !unref(state).spinning && !unref(state).hasFrontAddress ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+        !state.spinning && !state.hasFrontAddress ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
           unref(noDataState).noData ? (openBlock(), createBlock(script$1, {
             key: 0,
             noDataImg: unref(noDataState).noDataImg,
@@ -309,17 +310,17 @@ var script = /* @__PURE__ */ defineComponent({
               }, [
                 unref(hasScore) ? (openBlock(), createBlock(unref(ScaleScore), {
                   key: 0,
-                  config: unref(state).config,
-                  maxScore: unref(state).maxScore
+                  config: state.config,
+                  maxScore: state.maxScore
                 }, null, 8, ["config", "maxScore"])) : createCommentVNode("v-if", true),
                 createVNode(unref(NForm), {
                   ref_key: "formRef",
                   ref: formRef,
-                  model: unref(state).form,
-                  rules: unref(state).rules
+                  model: state.form,
+                  rules: state.rules
                 }, {
                   default: withCtx(() => [
-                    (openBlock(true), createElementBlock(Fragment, null, renderList(unref(state).formArray, (item, index) => {
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(state.formArray, (item, index) => {
                       return openBlock(), createElementBlock(Fragment, {
                         key: (item.id || item.seq) + index
                       }, [
@@ -374,7 +375,7 @@ var script = /* @__PURE__ */ defineComponent({
                 !props.isLock ? (openBlock(), createBlock(unref(NButton), {
                   key: 0,
                   onClick: onSubmit,
-                  disabled: unref(state).banSubmit,
+                  disabled: state.banSubmit,
                   type: "info"
                 }, {
                   default: withCtx(() => [
@@ -384,8 +385,8 @@ var script = /* @__PURE__ */ defineComponent({
                 }, 8, ["disabled"])) : createCommentVNode("v-if", true)
               ])) : createCommentVNode("v-if", true)
             ], 64))
-          ], 2112))
-        ], 2112)) : createCommentVNode("v-if", true)
+          ], 64))
+        ], 64)) : createCommentVNode("v-if", true)
       ]);
     };
   }

package/es/packages/scale-view/src/components/AnswerParse.vue_vue_type_script_setup_true_lang.mjs

@@ -12,6 +12,7 @@ const _hoisted_5 = /* @__PURE__ */ createElementVNode("p", null, "\u6B63\u786E\u
 const _hoisted_6 = { class: "answer-key" };
 const _hoisted_7 = /* @__PURE__ */ createElementVNode("p", null, "\u7B54\u6848\u89E3\u6790\uFF1A", -1);
 var script = /* @__PURE__ */ defineComponent({
+  name: "AnswerParse",
   props: {
     item: { type: Object, default: () => ({}) }
   },

package/es/packages/scale-view/src/components/EvaluateCountdown.vue_vue_type_script_setup_true_lang.mjs

@@ -5,6 +5,7 @@ import SvgIcon from 'cnhis-design-vue/es/src/components/SvgIcon';
 
 const _hoisted_1 = { class: "answered-wrap" };
 var script = /* @__PURE__ */ defineComponent({
+  name: "EvaluateCountdown",
   props: {
     formArray: { type: Array, default: () => [] },
     evaluateResultConfig: { type: Object, default: () => ({}) },
@@ -97,7 +98,7 @@ var script = /* @__PURE__ */ defineComponent({
           createVNode(unref(SvgIcon), { "icon-class": "zhongtai-zujianliebiao-gongzuoshijian" })
         ], 2)) : createCommentVNode("v-if", true),
         createElementVNode("div", _hoisted_1, [
-          createTextVNode(" \u7B54\u9898\u60C5\u51B5\uFF1A " + toDisplayString(unref(state).setAnswered) + "/ ", 1),
+          createTextVNode(" \u7B54\u9898\u60C5\u51B5\uFF1A " + toDisplayString(state.setAnswered) + "/ ", 1),
           createElementVNode("span", null, toDisplayString(unref(evaluateState).totalLen), 1)
         ])
       ], 2);

package/es/packages/scale-view/src/components/EvaluatePage.vue.d.ts

@@ -1448,26 +1448,26 @@ declare const _default: import("vue").DefineComponent<{
             rippleDuration: string;
         }, any>>>;
     }>>, {
-        type: import("naive-ui/es/button/src/interface").Type;
-        tag: keyof HTMLElementTagNameMap;
-        block: boolean;
-        round: boolean;
-        dashed: boolean;
-        text: boolean;
-        circle: boolean;
-        disabled: boolean;
-        focusable: boolean;
-        strong: boolean;
-        loading: boolean;
-        bordered: boolean;
-        tertiary: boolean;
-        ghost: boolean;
-        keyboard: boolean;
-        secondary: boolean;
-        quaternary: boolean;
-        iconPlacement: "left" | "right";
-        attrType: "button" | "reset" | "submit";
-        nativeFocusBehavior: boolean;
+        readonly type: import("naive-ui/es/button/src/interface").Type;
+        readonly tag: keyof HTMLElementTagNameMap;
+        readonly block: boolean;
+        readonly round: boolean;
+        readonly dashed: boolean;
+        readonly text: boolean;
+        readonly circle: boolean;
+        readonly disabled: boolean;
+        readonly focusable: boolean;
+        readonly strong: boolean;
+        readonly loading: boolean;
+        readonly bordered: boolean;
+        readonly tertiary: boolean;
+        readonly ghost: boolean;
+        readonly keyboard: boolean;
+        readonly secondary: boolean;
+        readonly quaternary: boolean;
+        readonly iconPlacement: "left" | "right";
+        readonly attrType: "button" | "reset" | "submit";
+        readonly nativeFocusBehavior: boolean;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("closeEvaluateCountdown" | "writeGuage")[], "closeEvaluateCountdown" | "writeGuage", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     formArray: {

package/es/packages/scale-view/src/components/EvaluatePage.vue_vue_type_script_setup_true_lang.mjs

@@ -23,6 +23,7 @@ const _hoisted_10 = {
   class: "evaluate-time-range"
 };
 var script = /* @__PURE__ */ defineComponent({
+  name: "EvaluatePage",
   props: {
     formArray: { type: Array, default: () => [] },
     evaluateResultConfig: { type: Object, default: () => ({}) },
@@ -114,18 +115,18 @@ var script = /* @__PURE__ */ defineComponent({
               _hoisted_9
             ])) : createCommentVNode("v-if", true)
           ]),
-          unref(showRange) ? (openBlock(), createElementBlock("div", _hoisted_10, toDisplayString(unref(state).timeRange), 1)) : createCommentVNode("v-if", true),
+          unref(showRange) ? (openBlock(), createElementBlock("div", _hoisted_10, toDisplayString(state.timeRange), 1)) : createCommentVNode("v-if", true),
           createVNode(unref(NButton), {
             class: "evaluate-btn",
             type: "primary",
             onClick: writeGuage,
-            disabled: unref(disabledEvaluate) || unref(state).banStart
+            disabled: unref(disabledEvaluate) || state.banStart
           }, {
             default: withCtx(() => [
               createTextVNode(toDisplayString(unref(getEvaluateText)) + " ", 1),
               !unref(evaluateState).isTimeOut && unref(evaluateState).countdownStr ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
                 createTextVNode("\uFF08" + toDisplayString(unref(evaluateState).countdownStr) + "\uFF09", 1)
-              ], 2112)) : createCommentVNode("v-if", true)
+              ], 64)) : createCommentVNode("v-if", true)
             ]),
             _: 1
           }, 8, ["disabled"])

package/es/packages/scale-view/src/components/NoData.vue_vue_type_script_setup_true_lang.mjs

@@ -8,6 +8,7 @@ const _hoisted_1 = { class: "no-data-tip NoData-page" };
 const _hoisted_2 = ["src"];
 const _hoisted_3 = { key: 1 };
 var script = /* @__PURE__ */ defineComponent({
+  name: "NoData",
   props: {
     noDataTip: {
       type: String,

package/es/packages/scale-view/src/components/composables/choose-common.d.ts

@@ -1,5 +1,5 @@
 export default function (props: any, state: any): {
-    choiceUseKey: import("vue").ComputedRef<"key" | "value">;
+    choiceUseKey: import("vue").ComputedRef<"value" | "key">;
     choiceColor: import("vue").ComputedRef<(p: any) => string>;
     showImgWrap: import("vue").ComputedRef<(o: any) => any>;
     isRadioItem: import("vue").ComputedRef<boolean>;

package/es/packages/scale-view/src/components/formitem/text-over-tooltip/TextOverTooltip.vue.d.ts

@@ -240,10 +240,11 @@ declare const _default: import("vue").DefineComponent<{
                 opacity5: string;
                 dividerColor: string;
                 borderColor: string;
-                closeColor: string;
+                closeIconColor: string;
+                closeIconColorHover: string;
+                closeIconColorPressed: string;
                 closeColorHover: string;
                 closeColorPressed: string;
-                closeColorDisabled: string;
                 clearColor: string;
                 clearColorHover: string;
                 clearColorPressed: string;