eco-vue-js 0.11.63 → 0.11.65
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Button/WButton.vue.d.ts.map +1 -1
- package/dist/components/Button/WButton.vue.js +6 -2
- package/dist/components/Button/WButtonGroup.vue.d.ts.map +1 -1
- package/dist/components/Button/WButtonGroup.vue.js +3 -0
- package/dist/components/Button/types.d.ts +3 -1
- package/dist/components/Button/types.d.ts.map +1 -1
- package/dist/components/FormAsync/WFormAsyncButtonGroup.vue.js +2 -0
- package/dist/components/Input/WInput.vue.d.ts.map +1 -1
- package/dist/components/Input/WInput.vue.js +7 -5
- package/dist/components/Input/WInputAsync.vue.d.ts.map +1 -1
- package/dist/components/Input/WInputAsync.vue.js +1 -2
- package/dist/components/Input/WInputSuggest.vue.d.ts.map +1 -1
- package/dist/components/Input/WInputSuggest.vue.js +3 -2
- package/dist/components/Input/components/ContentEditable.vue.d.ts.map +1 -1
- package/dist/components/Input/components/ContentEditable.vue2.js +35 -3
- package/dist/components/Input/components/InputActions.vue.d.ts.map +1 -1
- package/dist/components/Input/components/InputActions.vue.js +6 -4
- package/dist/components/Input/components/InputToolbar.vue.d.ts +1 -0
- package/dist/components/Input/components/InputToolbar.vue.d.ts.map +1 -1
- package/dist/components/Input/components/InputToolbar.vue2.js +8 -5
- package/dist/main.js +1 -1
- package/dist/utils/SemanticType.d.ts +22 -0
- package/dist/utils/SemanticType.d.ts.map +1 -1
- package/dist/utils/SemanticType.js +15 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButton.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"WButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButton.vue"],"names":[],"mappings":"AA+EA;AAqLA,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,SAAS,CAAA;AASxC,OAAO,EAAC,YAAY,EAA4F,MAAM,sBAAsB,CAAA;AAwG5I,iBAAS,cAAc;WAmLT,OAAO,IAA6B;;yBAZrB,GAAG;yBACF,GAAG;;;;;;EAgBhC;AAsBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;OASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -3,7 +3,7 @@ import _sfc_main$2 from '../RouterLink/WRouterLink.vue.js';
|
|
|
3
3
|
import _sfc_main$4 from '../Shine/WShine.vue.js';
|
|
4
4
|
import WSpinner from '../Spinner/WSpinner.vue.js';
|
|
5
5
|
import _sfc_main$3 from '../Tooltip/WTooltip.vue.js';
|
|
6
|
-
import { SemanticType, useSemanticTypeBorderMap, useSemanticTypeBackgroundMap } from '../../utils/SemanticType.js';
|
|
6
|
+
import { SemanticType, useSemanticTypeBorderMap, useSemanticTypeBackgroundMap, useSemanticTypeBorderComponentMap } from '../../utils/SemanticType.js';
|
|
7
7
|
import { useComponentStatesButton } from '../../utils/useComponentStates.js';
|
|
8
8
|
import _sfc_main$1 from '../Skeleton/WSkeleton.vue.js';
|
|
9
9
|
import { useTabActiveListener } from '../Tabs/use/useTabActiveListener.js';
|
|
@@ -27,6 +27,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
27
27
|
skeleton: { type: Boolean, default: void 0 },
|
|
28
28
|
autofocus: { type: Boolean },
|
|
29
29
|
outline: { type: Boolean },
|
|
30
|
+
borderComponent: {},
|
|
31
|
+
noBorderComponent: { type: Boolean },
|
|
30
32
|
to: { default: void 0 }
|
|
31
33
|
},
|
|
32
34
|
emits: ["click", "mousedown"],
|
|
@@ -36,6 +38,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
36
38
|
const { isDisabled, isSkeleton } = useComponentStatesButton(props);
|
|
37
39
|
const semanticTypeBackgroundMap = useSemanticTypeBackgroundMap();
|
|
38
40
|
const semanticTypeBorderMap = useSemanticTypeBorderMap();
|
|
41
|
+
const semanticTypeBorderComponentMap = useSemanticTypeBorderComponentMap();
|
|
39
42
|
const emit = __emit;
|
|
40
43
|
const click = (event) => {
|
|
41
44
|
if (isDisabled.value || props.loading) return;
|
|
@@ -131,7 +134,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
131
134
|
key: 0,
|
|
132
135
|
text: __props.tooltipText
|
|
133
136
|
}, null, 8, ["text"])) : createCommentVNode("", true),
|
|
134
|
-
!unref(isDisabled) && !__props.loading ? (openBlock(), createBlock(_sfc_main$4, { key: 1 })) : createCommentVNode("", true)
|
|
137
|
+
!unref(isDisabled) && !__props.loading ? (openBlock(), createBlock(_sfc_main$4, { key: 1 })) : createCommentVNode("", true),
|
|
138
|
+
!__props.noBorderComponent && (__props.borderComponent ?? unref(semanticTypeBorderComponentMap)[__props.semanticType]) ? (openBlock(), createBlock(resolveDynamicComponent(__props.borderComponent ?? unref(semanticTypeBorderComponentMap)[__props.semanticType]), { key: 2 })) : createCommentVNode("", true)
|
|
135
139
|
]),
|
|
136
140
|
_: 3
|
|
137
141
|
}, 16, ["class", "disabled", "download", "type", "onKeypress"]));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WButtonGroup.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonGroup.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"WButtonGroup.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonGroup.vue"],"names":[],"mappings":"AAiGA;AAuJA,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,SAAS,CAAA;yBAW5B,KAAK,SAAS,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,OAAO,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,WAAW,SAAS;IAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK,CAAA;CAAC,CAAC,IAAI,CAAC,GAAG,SAAS,GAAG,SAAS,EACpL,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WA4PO,mBAAmB,CAAC;;yMAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;uBA1CgB,GAAG;0BACA,GAAG;;;;YACL,GAAG;;;;YACF,GAAG;uBACJ,GAAG;;cA1MzB,oBAAoB,SAAS,KAAK,KAAG,IAAI;EAoP3C,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAvQzE,wBAuQ4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
|
|
@@ -45,6 +45,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
45
45
|
download: {},
|
|
46
46
|
autofocus: { type: Boolean },
|
|
47
47
|
outline: { type: Boolean },
|
|
48
|
+
borderComponent: {},
|
|
49
|
+
noBorderComponent: { type: Boolean },
|
|
48
50
|
to: {}
|
|
49
51
|
},
|
|
50
52
|
emits: ["update:model-value"],
|
|
@@ -121,6 +123,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
121
123
|
return openBlock(), createBlock(_sfc_main$2, mergeProps({ key: index }, { ref_for: true }, {
|
|
122
124
|
...props,
|
|
123
125
|
semanticType: getValue(item) === __props.modelValue ? __props.semanticType ?? unref(SemanticType).PRIMARY : unref(SemanticType).SECONDARY,
|
|
126
|
+
noBorderComponent: getValue(item) !== __props.modelValue,
|
|
124
127
|
loading: __props.loading && getValue(item) === loadingItem.value,
|
|
125
128
|
disabled: unref(isDisabled) || unref(isReadonly) || __props.loading && getValue(item) !== loadingItem.value,
|
|
126
129
|
join: !__props.wrap && !__props.col,
|
|
@@ -3,7 +3,7 @@ import { DropdownMenuProps } from '../DropdownMenu/types';
|
|
|
3
3
|
import { FieldWrapperProps } from '../FieldWrapper/types';
|
|
4
4
|
import { LinkProps } from '../../types/types';
|
|
5
5
|
import { SemanticType } from '../../utils/SemanticType';
|
|
6
|
-
import { Component } from 'vue';
|
|
6
|
+
import { Component, VNode } from 'vue';
|
|
7
7
|
export interface ButtonProps extends Partial<LinkProps> {
|
|
8
8
|
semanticType?: SemanticType;
|
|
9
9
|
disabled?: boolean;
|
|
@@ -19,6 +19,8 @@ export interface ButtonProps extends Partial<LinkProps> {
|
|
|
19
19
|
skeleton?: boolean;
|
|
20
20
|
autofocus?: boolean;
|
|
21
21
|
outline?: boolean;
|
|
22
|
+
borderComponent?: VNode;
|
|
23
|
+
noBorderComponent?: boolean;
|
|
22
24
|
}
|
|
23
25
|
export type ButtonGroupOptionComponent<Option> = Component<SelectOptionProps<Option>>;
|
|
24
26
|
interface ButtonGroupPropsBase<Model extends number | string | null | boolean> extends Omit<FieldWrapperProps, 'modelValue'>, Omit<ButtonProps, 'tag' | 'type' | 'replace' | 'href' | 'target' | 'join'> {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,iBAAiB,CAAA;AACtD,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,iCAAiC,CAAA;AACtE,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,iCAAiC,CAAA;AACtE,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAC5C,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,sBAAsB,CAAA;AACtD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,KAAK,CAAA;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/WInput.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"WInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/WInput.vue"],"names":[],"mappings":"AAqQA;AAmmBA,OAAO,KAAK,EAAC,UAAU,EAAE,aAAa,EAAC,MAAM,SAAS,CAAA;AActD,OAAO,EAAC,KAAK,WAAW,EAAC,MAAM,gBAAgB,CAAA;yBAE9B,IAAI,SAAS,SAAS,GAAG,MAAM,EAC/C,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WAk2BO,mBAAmB,CAAC;;;;;;;;;;;;;;2XAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;qBA5oB7B,IAAI;oBAOL,IAAI;+BA6DS,aAAa;0BA5NlB,MAAM,QAAQ,MAAM,KAAG,IAAI;wBAR/B,WAAW;;;oBAkDf,IAAI;oBAgBJ,IAAI;MA0uBgD,GAAG,IAAI;WACpE,GAAG;;uBAlEgB,GAAG;0BACA,GAAG;wBACJ,GAAG;;;YAGH,GAAG;;;YAFH,GAAG;;;YAGH,GAAG;;mCA7gBF,aAAa;YA2gBb,GAAG;uBAGL,GAAG;;;;YACF,GAAG;uBACJ,GAAG;uBACH,GAAG;wBACF,GAAG;;;YAlxB1B,oBAAoB,SAAS,4CAAa,SAAS,GAAG,IAAI;YAC1D,gBAAgB,SAAS,aAAa,GAAG,IAAI;YAC7C,aAAa,SAAS,aAAa,GAAG,IAAI;YAC1C,eAAe,SAAS,aAAa,GAAG,IAAI;YAC5C,iBAAiB,SAAS,aAAa,GAAG,IAAI;YAC9C,oBAAoB,SAAS,aAAa,GAAG,IAAI;YACjD,aAAa,GAAG,IAAI;YACpB,OAAO,SAAS,UAAU,GAAG,SAAS,GAAG,IAAI;YAC7C,MAAM,SAAS,UAAU,GAAG,IAAI;YAChC,OAAO,SAAS,UAAU,GAAG,IAAI;YACjC,WAAW,SAAS,UAAU,GAAG,IAAI;YACrC,cAAc,SAAS,KAAK,GAAG,IAAI;YACnC,OAAO,GAAG,IAAI;;EAi0BhB,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AA72BzE,wBA62B4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent, defineAsyncComponent, useTemplateRef, ref, watch, nextTick, onMounted, onBeforeUnmount,
|
|
1
|
+
import { defineComponent, defineAsyncComponent, useTemplateRef, ref, computed, watch, nextTick, onMounted, onBeforeUnmount, createBlock, openBlock, mergeProps, createSlots, withCtx, renderSlot, unref, createElementVNode, normalizeClass, createElementBlock, createCommentVNode, createTextVNode, normalizeProps, guardReactiveProps, toDisplayString, resolveDynamicComponent, withModifiers, withKeys } from 'vue';
|
|
2
2
|
import _sfc_main$1 from '../FieldWrapper/WFieldWrapper.vue.js';
|
|
3
3
|
import { useTabActiveListener } from '../Tabs/use/useTabActiveListener.js';
|
|
4
4
|
import { Notify } from '../../utils/Notify.js';
|
|
@@ -82,6 +82,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
82
82
|
const isSecureVisible = ref(false);
|
|
83
83
|
const history = ref([]);
|
|
84
84
|
const historyPosition = ref(-1);
|
|
85
|
+
const hasNoValue = computed(() => !props.modelValue && !props.textParts?.length && !props.placeholderSecure);
|
|
85
86
|
const getCaret = () => {
|
|
86
87
|
if (!inputRef.value) return { start: 0, end: 0 };
|
|
87
88
|
if ("getCaret" in inputRef.value) return inputRef.value.getCaret();
|
|
@@ -360,13 +361,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
360
361
|
}]),
|
|
361
362
|
onClick: focus
|
|
362
363
|
}, [
|
|
363
|
-
!unref(
|
|
364
|
+
!unref(isReadonly) && __props.textarea && (__props.rich || __props.toolbarActions || _ctx.$slots.toolbar) ? (openBlock(), createBlock(unref(InputToolbar), {
|
|
364
365
|
key: 0,
|
|
365
366
|
list: __props.toolbarActions,
|
|
366
367
|
rich: __props.rich === true,
|
|
367
368
|
"is-undo": historyPosition.value > 0,
|
|
368
369
|
"is-redo": historyPosition.value < history.value.length - 1,
|
|
369
370
|
"text-secure": __props.textSecure ?? false,
|
|
371
|
+
disabled: unref(isDisabled) === true,
|
|
370
372
|
onWrapSelection: wrapSelection,
|
|
371
373
|
onUndo: undo,
|
|
372
374
|
onRedo: redo
|
|
@@ -375,7 +377,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
375
377
|
renderSlot(_ctx.$slots, "toolbar", normalizeProps(guardReactiveProps({ wrapSelection })))
|
|
376
378
|
]),
|
|
377
379
|
_: 3
|
|
378
|
-
}, 8, ["list", "rich", "is-undo", "is-redo", "text-secure"])) : createCommentVNode("", true),
|
|
380
|
+
}, 8, ["list", "rich", "is-undo", "is-redo", "text-secure", "disabled"])) : createCommentVNode("", true),
|
|
379
381
|
__props.icon ? (openBlock(), createElementBlock("div", {
|
|
380
382
|
key: 1,
|
|
381
383
|
class: normalizeClass(["flex h-full w-[--w-input-height,2.75rem] select-none items-center justify-center", {
|
|
@@ -418,7 +420,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
418
420
|
}, [
|
|
419
421
|
createElementVNode("div", _hoisted_1, [
|
|
420
422
|
renderSlot(_ctx.$slots, "before", normalizeProps(guardReactiveProps({ modelValue: __props.modelValue }))),
|
|
421
|
-
__props.placeholder && __props.textarea &&
|
|
423
|
+
__props.placeholder && __props.textarea && hasNoValue.value ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(__props.placeholder), 1)) : createCommentVNode("", true),
|
|
422
424
|
(openBlock(), createBlock(resolveDynamicComponent(__props.textarea ? unref(ContentEditable) : "input"), {
|
|
423
425
|
id,
|
|
424
426
|
ref: "input",
|
|
@@ -478,7 +480,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
478
480
|
key: 2,
|
|
479
481
|
"model-value": __props.modelValue,
|
|
480
482
|
loading: __props.loading,
|
|
481
|
-
"allow-clear": __props.allowClear &&
|
|
483
|
+
"allow-clear": __props.allowClear && !hasNoValue.value,
|
|
482
484
|
disabled: unref(isDisabled) || __props.disabledActions,
|
|
483
485
|
readonly: unref(isReadonly) || __props.unclickable === true,
|
|
484
486
|
"text-secure": __props.textSecure,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WInputAsync.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/WInputAsync.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"WInputAsync.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/WInputAsync.vue"],"names":[],"mappings":"AA0HA;AAgRA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,SAAS,CAAA;yBAU3B,IAAI,SAAS,SAAS,GAAG,MAAM,EAC/C,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WAubO,mBAAmB,CAAC;;kLAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;uBA/CiB,GAAG;0BACA,GAAG;uBACN,GAAG;;;YACF,GAAG;;;YACH,GAAG;;cA7X1B,oBAAoB,SAAS,4CAAa,SAAS,KAAG,IAAI;EA4a5D,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAlczE,wBAkc4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
|
|
@@ -159,10 +159,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
159
159
|
return openBlock(), createBlock(_sfc_main$1, mergeProps({ ref: "input" }, {
|
|
160
160
|
...props,
|
|
161
161
|
modelValue: value.value,
|
|
162
|
-
disabledActions: !focused.value && !hasChangesValue.value || __props.disabledActions,
|
|
163
162
|
errorMessage: errorMessageValue.value ?? __props.errorMessage,
|
|
164
163
|
hasChanges: __props.hasChanges || hasChangesValue.value,
|
|
165
|
-
allowClear: !__props.textarea || __props.allowClear,
|
|
164
|
+
allowClear: (!__props.textarea || __props.allowClear) && focused.value,
|
|
166
165
|
loading: void 0
|
|
167
166
|
}, {
|
|
168
167
|
class: _ctx.$attrs.class,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WInputSuggest.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/WInputSuggest.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"WInputSuggest.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/WInputSuggest.vue"],"names":[],"mappings":"AAyIA;AAuPA,OAAO,KAAK,EAAC,iBAAiB,EAAE,aAAa,EAAC,MAAM,SAAS,CAAA;AAE7D,OAAO,EAAC,KAAK,KAAK,EAAgC,MAAM,KAAK,CAAA;yBAgB5C,IAAI,SAAS,SAAS,GAAG,MAAM,EAC/C,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WA6bO,mBAAmB,CAAC;;;;;;;;;;;qUAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;;;;;;+BA9XjB,aAAa;+BACb,MAAM,aAAa,MAAM;;MA6Xc,GAAG,IAAI;WACpE,GAAG;;gBAnWD,MAAM,IAAI;iBACT,MAAM,IAAI;mBACR,MAAM,IAAI;kBACX,MAAM,IAAI;iBACX,CAAC,KAAK,EAAE;YAAC,WAAW,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;SAAC,KAAK,IAAI;gBAChD,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;kBACpC,CAAC,KAAK,EAAE;YAAC,OAAO,EAAE,OAAO,CAAC;YAAC,IAAI,EAAE,MAAM,IAAI,CAAC;YAAC,KAAK,EAAE,MAAM,IAAI,CAAA;SAAC,KAAK,KAAK,EAAE;;gBAN7E,MAAM,IAAI;iBACT,MAAM,IAAI;mBACR,MAAM,IAAI;kBACX,MAAM,IAAI;iBACX,CAAC,KAAK,EAAE;YAAC,WAAW,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;SAAC,KAAK,IAAI;gBAChD,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;kBACpC,CAAC,KAAK,EAAE;YAAC,OAAO,EAAE,OAAO,CAAC;YAAC,IAAI,EAAE,MAAM,IAAI,CAAC;YAAC,KAAK,EAAE,MAAM,IAAI,CAAA;SAAC,KAAK,KAAK,EAAE;;;YA/EjF,oBAAoB,mDAAsB,IAAI;YAC9C,gBAAgB,SAAS,aAAa,GAAG,IAAI;YAC7C,aAAa,SAAS,aAAa,GAAG,IAAI;YAC1C,eAAe,SAAS,aAAa,GAAG,IAAI;YAC5C,iBAAiB,SAAS,aAAa,GAAG,IAAI;YAC9C,MAAM,GAAG,IAAI;YACb,OAAO,GAAG,IAAI;YACd,aAAa,GAAG,IAAI;YACpB,OAAO,SAAS,UAAU,GAAG,SAAS,GAAG,IAAI;YAC7C,MAAM,SAAS,UAAU,GAAG,IAAI;;EAualC,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAxczE,wBAwc4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
|
|
@@ -167,10 +167,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
167
167
|
})
|
|
168
168
|
]),
|
|
169
169
|
suffix: withCtx(() => [
|
|
170
|
-
!unref(
|
|
170
|
+
!unref(isReadonly) ? (openBlock(), createBlock(_sfc_main$4, {
|
|
171
171
|
key: 0,
|
|
172
172
|
label: "Show suggest",
|
|
173
173
|
expanded: isOpen.value,
|
|
174
|
+
disabled: unref(isDisabled),
|
|
174
175
|
onClick: ($event) => isOpen.value ? toggleScope.unclickable === false ? close() : blur() : focus()
|
|
175
176
|
}, {
|
|
176
177
|
default: withCtx(() => [
|
|
@@ -179,7 +180,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
179
180
|
}, null, 8, ["class"])
|
|
180
181
|
]),
|
|
181
182
|
_: 1
|
|
182
|
-
}, 8, ["expanded", "onClick"])) : createCommentVNode("", true)
|
|
183
|
+
}, 8, ["expanded", "disabled", "onClick"])) : createCommentVNode("", true)
|
|
183
184
|
]),
|
|
184
185
|
_: 2
|
|
185
186
|
}, [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContentEditable.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/components/ContentEditable.vue"],"names":[],"mappings":"AAeA;
|
|
1
|
+
{"version":3,"file":"ContentEditable.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/components/ContentEditable.vue"],"names":[],"mappings":"AAeA;AA+WA,OAAO,KAAK,EAAC,QAAQ,EAAG,aAAa,EAAC,MAAM,UAAU,CAAA;AAStD,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,QAAQ,EAAE,GAAG,SAAS,CAAA;IACjC,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7B,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAA;CAC9B,CAAC;;;;2BA0L4B,aAAa,KAAG,IAAI;2BATpB,MAAM,aAAa,MAAM;;wBAhB5B,MAAM;;;;;;;;;;;;;;;AAsPjC,wBAUG"}
|
|
@@ -74,10 +74,42 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
74
74
|
return props.textParts ? textPartsToText(props.textParts) : props.value;
|
|
75
75
|
};
|
|
76
76
|
const lineBreakEvents = ["insertParagraph", "insertLineBreak"];
|
|
77
|
-
const
|
|
77
|
+
const autoPairMap = {
|
|
78
|
+
"(": ")",
|
|
79
|
+
"[": "]",
|
|
80
|
+
"{": "}",
|
|
81
|
+
'"': '"',
|
|
82
|
+
"'": "'",
|
|
83
|
+
"`": "`"
|
|
84
|
+
};
|
|
85
|
+
const handleBeforeInput = (e) => {
|
|
78
86
|
if (lineBreakEvents.includes(e.inputType)) {
|
|
79
87
|
e.preventDefault();
|
|
80
|
-
|
|
88
|
+
const { start } = getCaret();
|
|
89
|
+
const currentText = getCurrentText();
|
|
90
|
+
const lineStart = currentText.lastIndexOf("\n", start - 1) + 1;
|
|
91
|
+
const currentLine = currentText.slice(lineStart, start);
|
|
92
|
+
const leadingSpaces = currentLine.match(/^[ ]*/)?.[0] || "";
|
|
93
|
+
insertPlain("\n" + leadingSpaces);
|
|
94
|
+
return;
|
|
95
|
+
}
|
|
96
|
+
if (e.inputType === "insertText" && e.data && autoPairMap[e.data]) {
|
|
97
|
+
e.preventDefault();
|
|
98
|
+
const { start, end } = getCaret();
|
|
99
|
+
const currentText = getCurrentText();
|
|
100
|
+
const closingChar = autoPairMap[e.data];
|
|
101
|
+
if (start !== end) {
|
|
102
|
+
const before = currentText.slice(0, start);
|
|
103
|
+
const selected = currentText.slice(start, end);
|
|
104
|
+
const after = currentText.slice(end);
|
|
105
|
+
const newText = before + e.data + selected + closingChar + after;
|
|
106
|
+
emit("update:model-value", newText, true);
|
|
107
|
+
nextTick(() => setCaret(start + 1, end + 1));
|
|
108
|
+
} else {
|
|
109
|
+
const newText = currentText.slice(0, start) + e.data + closingChar + currentText.slice(start);
|
|
110
|
+
emit("update:model-value", newText, true);
|
|
111
|
+
nextTick(() => setCaret(start + 1));
|
|
112
|
+
}
|
|
81
113
|
}
|
|
82
114
|
};
|
|
83
115
|
const regexDifferentEnding = /\r\n?/g;
|
|
@@ -251,7 +283,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
251
283
|
spellcheck: "false",
|
|
252
284
|
class: "relative [white-space:var(--w-input-whitespace,pre)]",
|
|
253
285
|
onInput,
|
|
254
|
-
onBeforeinput: _cache[0] || (_cache[0] = ($event) =>
|
|
286
|
+
onBeforeinput: _cache[0] || (_cache[0] = ($event) => handleBeforeInput($event)),
|
|
255
287
|
onKeydown: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("keydown", $event)),
|
|
256
288
|
onFocus: _cache[2] || (_cache[2] = ($event) => {
|
|
257
289
|
_ctx.$emit("focus", $event);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputActions.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/components/InputActions.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"InputActions.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/components/InputActions.vue"],"names":[],"mappings":"AAsDA;AAyGA,KAAK,WAAW,GAAG;IACjB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAC;AAeF,iBAAS,cAAc;WAwJT,OAAO,IAA6B;;;;;YAVpB,GAAG;;;;EAehC;AAkBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;kFAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -35,13 +35,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
35
35
|
const { doCopy, iconCopy } = useCopy(toRef(props, "modelValue"));
|
|
36
36
|
return (_ctx, _cache) => {
|
|
37
37
|
return __props.loading || _ctx.$slots.default || __props.textSecure || __props.allowCopy || (__props.allowPaste || __props.allowClear) && !__props.disabled && !__props.readonly ? (openBlock(), createElementBlock("div", _hoisted_1, [
|
|
38
|
-
__props.allowClear && !__props.
|
|
38
|
+
__props.allowClear && !__props.readonly ? (openBlock(), createBlock(_sfc_main$1, {
|
|
39
39
|
key: 0,
|
|
40
40
|
icon: markRaw(unref(IconClose)),
|
|
41
|
+
disabled: __props.disabled,
|
|
41
42
|
"tooltip-text": "Clear",
|
|
42
43
|
top: "",
|
|
43
44
|
onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click:clear"))
|
|
44
|
-
}, null, 8, ["icon"])) : createCommentVNode("", true),
|
|
45
|
+
}, null, 8, ["icon", "disabled"])) : createCommentVNode("", true),
|
|
45
46
|
__props.allowCopy && !__props.textSecure ? (openBlock(), createBlock(_sfc_main$1, {
|
|
46
47
|
key: 1,
|
|
47
48
|
icon: markRaw(unref(iconCopy)),
|
|
@@ -49,13 +50,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
49
50
|
top: "",
|
|
50
51
|
onClick: unref(doCopy)
|
|
51
52
|
}, null, 8, ["icon", "onClick"])) : createCommentVNode("", true),
|
|
52
|
-
__props.allowPaste && !__props.
|
|
53
|
+
__props.allowPaste && !__props.readonly ? (openBlock(), createBlock(_sfc_main$1, {
|
|
53
54
|
key: 2,
|
|
54
55
|
icon: markRaw(unref(IconPaste)),
|
|
56
|
+
disabled: __props.disabled,
|
|
55
57
|
"tooltip-text": "Paste",
|
|
56
58
|
top: "",
|
|
57
59
|
onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("click:paste"))
|
|
58
|
-
}, null, 8, ["icon"])) : createCommentVNode("", true),
|
|
60
|
+
}, null, 8, ["icon", "disabled"])) : createCommentVNode("", true),
|
|
59
61
|
__props.textSecure ? (openBlock(), createBlock(_sfc_main$1, {
|
|
60
62
|
key: 3,
|
|
61
63
|
icon: __props.isSecureVisible ? markRaw(unref(IconEye)) : markRaw(unref(IconEyeSlash)),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputToolbar.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/components/InputToolbar.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"InputToolbar.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/components/InputToolbar.vue"],"names":[],"mappings":"AA6CA;AA8EA,OAAO,KAAK,EAAC,aAAa,EAAE,aAAa,EAAC,MAAM,0BAA0B,CAAA;AAU1E,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,aAAa,EAAE,GAAG,SAAS,CAAA;IACjC,IAAI,EAAE,OAAO,CAAA;IACb,MAAM,EAAE,OAAO,CAAA;IACf,MAAM,EAAE,OAAO,CAAA;IACf,UAAU,EAAE,OAAO,CAAA;IACnB,QAAQ,EAAE,OAAO,CAAA;CAClB,CAAC;AAiBF,iBAAS,cAAc;WAgIT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;6FAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -11,7 +11,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
11
11
|
rich: { type: Boolean },
|
|
12
12
|
isUndo: { type: Boolean },
|
|
13
13
|
isRedo: { type: Boolean },
|
|
14
|
-
textSecure: { type: Boolean }
|
|
14
|
+
textSecure: { type: Boolean },
|
|
15
|
+
disabled: { type: Boolean }
|
|
15
16
|
},
|
|
16
17
|
emits: ["wrap-selection", "undo", "redo"],
|
|
17
18
|
setup(__props, { emit: __emit }) {
|
|
@@ -29,25 +30,27 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
29
30
|
renderSlot(_ctx.$slots, "default"),
|
|
30
31
|
(openBlock(true), createElementBlock(Fragment, null, renderList(__props.list, (action, index) => {
|
|
31
32
|
return openBlock(), createBlock(_sfc_main$1, mergeProps({ key: index }, { ref_for: true }, action, {
|
|
33
|
+
disabled: __props.disabled,
|
|
32
34
|
onClick: ($event) => wrapSelection(action, $event)
|
|
33
|
-
}), null, 16, ["onClick"]);
|
|
35
|
+
}), null, 16, ["disabled", "onClick"]);
|
|
34
36
|
}), 128)),
|
|
35
37
|
__props.rich ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(unref(toolbarActionList), (action, index) => {
|
|
36
38
|
return openBlock(), createBlock(_sfc_main$1, mergeProps({ key: index }, { ref_for: true }, action, {
|
|
39
|
+
disabled: __props.disabled,
|
|
37
40
|
onClick: ($event) => wrapSelection(action, $event)
|
|
38
|
-
}), null, 16, ["onClick"]);
|
|
41
|
+
}), null, 16, ["disabled", "onClick"]);
|
|
39
42
|
}), 128)) : createCommentVNode("", true),
|
|
40
43
|
!__props.textSecure ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
|
|
41
44
|
createVNode(_sfc_main$1, {
|
|
42
45
|
tooltip: "Undo",
|
|
43
46
|
icon: markRaw(unref(IconUndo)),
|
|
44
|
-
disabled: !__props.isUndo,
|
|
47
|
+
disabled: !__props.isUndo || __props.disabled,
|
|
45
48
|
onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("undo"))
|
|
46
49
|
}, null, 8, ["icon", "disabled"]),
|
|
47
50
|
createVNode(_sfc_main$1, {
|
|
48
51
|
tooltip: "Redo",
|
|
49
52
|
icon: markRaw(unref(IconRedo)),
|
|
50
|
-
disabled: !__props.isRedo,
|
|
53
|
+
disabled: !__props.isRedo || __props.disabled,
|
|
51
54
|
onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("redo"))
|
|
52
55
|
}, null, 8, ["icon", "disabled"])
|
|
53
56
|
], 64)) : createCommentVNode("", true)
|
package/dist/main.js
CHANGED
|
@@ -112,7 +112,7 @@ export { DOMListenerContainer } from './utils/DOMListenerContainer.js';
|
|
|
112
112
|
export { HorizontalAlign } from './utils/HorizontalAlign.js';
|
|
113
113
|
export { Modal, initModal } from './utils/Modal.js';
|
|
114
114
|
export { Notify, initNotify } from './utils/Notify.js';
|
|
115
|
-
export { SemanticType, setSemanticTypeBackgroundMap, setSemanticTypeBorderMap, setSemanticTypeChipMap, setSemanticTypeTextMap, useSemanticTypeBackgroundMap, useSemanticTypeBorderMap, useSemanticTypeChipMap, useSemanticTypeTextMap } from './utils/SemanticType.js';
|
|
115
|
+
export { SemanticType, setSemanticTypeBackgroundMap, setSemanticTypeBorderComponentMap, setSemanticTypeBorderMap, setSemanticTypeChipMap, setSemanticTypeTextMap, useSemanticTypeBackgroundMap, useSemanticTypeBorderComponentMap, useSemanticTypeBorderMap, useSemanticTypeChipMap, useSemanticTypeTextMap } from './utils/SemanticType.js';
|
|
116
116
|
export { ApiError, ApiErrorCancel, createUseQueryParams, encodeQueryParam, encodeQueryParams, encodeRouteParams, handleApiError } from './utils/api.js';
|
|
117
117
|
export { Month, WeekDay, addDay, addMonth, addYear, dateFormat, dateFormatter, dateRegexp, dateToQueryString, datetimeFormat, durationHumanize, getDurationRound, getStartOfDay, getStartOfMonth, getStartOfNextDay, getStartOfWeek, isSameDate, isSameMonth, isSameWeek, isSameYear, monthShortFormatter, parseDate, timeFormat, timeFormatShort, weekdayShortFormatter } from './utils/dateTime.js';
|
|
118
118
|
export { getIsMobile, getIsTablet, getIsTouchDevice, setIsTouchDeviceInit, useIsMobile } from './utils/mobile.js';
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { VNode } from 'vue';
|
|
1
2
|
export declare enum SemanticType {
|
|
2
3
|
PRIMARY = "primary",
|
|
3
4
|
SECONDARY = "secondary",
|
|
@@ -42,4 +43,25 @@ export declare const useSemanticTypeTextMap: () => {
|
|
|
42
43
|
info: string;
|
|
43
44
|
};
|
|
44
45
|
export declare const setSemanticTypeTextMap: (value: Partial<Record<SemanticType, string>>) => void;
|
|
46
|
+
export declare const useSemanticTypeBorderComponentMap: () => {
|
|
47
|
+
primary?: VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
48
|
+
[key: string]: any;
|
|
49
|
+
}> | undefined;
|
|
50
|
+
secondary?: VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
51
|
+
[key: string]: any;
|
|
52
|
+
}> | undefined;
|
|
53
|
+
negative?: VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
54
|
+
[key: string]: any;
|
|
55
|
+
}> | undefined;
|
|
56
|
+
positive?: VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
57
|
+
[key: string]: any;
|
|
58
|
+
}> | undefined;
|
|
59
|
+
warning?: VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
60
|
+
[key: string]: any;
|
|
61
|
+
}> | undefined;
|
|
62
|
+
info?: VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
63
|
+
[key: string]: any;
|
|
64
|
+
}> | undefined;
|
|
65
|
+
};
|
|
66
|
+
export declare const setSemanticTypeBorderComponentMap: (value: Partial<Record<SemanticType, VNode>>) => void;
|
|
45
67
|
//# sourceMappingURL=SemanticType.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SemanticType.d.ts","sourceRoot":"","sources":["../../../src/utils/SemanticType.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SemanticType.d.ts","sourceRoot":"","sources":["../../../src/utils/SemanticType.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,KAAK,EAAW,MAAM,KAAK,CAAA;AAExC,oBAAY,YAAY;IACtB,OAAO,YAAY;IACnB,SAAS,cAAc;IACvB,QAAQ,aAAa;IACrB,QAAQ,aAAa;IACrB,OAAO,YAAY;IACnB,IAAI,SAAS;CACd;AAWD,eAAO,MAAM,4BAA4B;;;;;;;CAExC,CAAA;AAED,eAAO,MAAM,4BAA4B,GAAI,OAAO,OAAO,CAAC,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,SAExF,CAAA;AAOD,eAAO,MAAM,sBAAsB;;;;;;;CAElC,CAAA;AAED,eAAO,MAAM,sBAAsB,GAAI,OAAO,OAAO,CAAC,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,SAElF,CAAA;AAWD,eAAO,MAAM,wBAAwB;;;;;;;CAEpC,CAAA;AAED,eAAO,MAAM,wBAAwB,GAAI,OAAO,OAAO,CAAC,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,SAEpF,CAAA;AAWD,eAAO,MAAM,sBAAsB;;;;;;;CAElC,CAAA;AAED,eAAO,MAAM,sBAAsB,GAAI,OAAO,OAAO,CAAC,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,SAElF,CAAA;AAWD,eAAO,MAAM,iCAAiC;;;;;;;;;;;;;;;;;;;CAE7C,CAAA;AAED,eAAO,MAAM,iCAAiC,GAAI,OAAO,OAAO,CAAC,MAAM,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC,SAE5F,CAAA"}
|
|
@@ -61,5 +61,19 @@ const useSemanticTypeTextMap = () => {
|
|
|
61
61
|
const setSemanticTypeTextMap = (value) => {
|
|
62
62
|
Object.assign(semanticTypeTextStylesMap, value);
|
|
63
63
|
};
|
|
64
|
+
const semanticTypeBorderComponentMap = reactive({
|
|
65
|
+
["primary" /* PRIMARY */]: void 0,
|
|
66
|
+
["secondary" /* SECONDARY */]: void 0,
|
|
67
|
+
["negative" /* NEGATIVE */]: void 0,
|
|
68
|
+
["positive" /* POSITIVE */]: void 0,
|
|
69
|
+
["warning" /* WARNING */]: void 0,
|
|
70
|
+
["info" /* INFO */]: void 0
|
|
71
|
+
});
|
|
72
|
+
const useSemanticTypeBorderComponentMap = () => {
|
|
73
|
+
return semanticTypeBorderComponentMap;
|
|
74
|
+
};
|
|
75
|
+
const setSemanticTypeBorderComponentMap = (value) => {
|
|
76
|
+
Object.assign(semanticTypeBorderComponentMap, value);
|
|
77
|
+
};
|
|
64
78
|
|
|
65
|
-
export { SemanticType, setSemanticTypeBackgroundMap, setSemanticTypeBorderMap, setSemanticTypeChipMap, setSemanticTypeTextMap, useSemanticTypeBackgroundMap, useSemanticTypeBorderMap, useSemanticTypeChipMap, useSemanticTypeTextMap };
|
|
79
|
+
export { SemanticType, setSemanticTypeBackgroundMap, setSemanticTypeBorderComponentMap, setSemanticTypeBorderMap, setSemanticTypeChipMap, setSemanticTypeTextMap, useSemanticTypeBackgroundMap, useSemanticTypeBorderComponentMap, useSemanticTypeBorderMap, useSemanticTypeChipMap, useSemanticTypeTextMap };
|