eco-vue-js 0.9.17 → 0.9.18
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/Form/WFormValidator.vue.d.ts.map +1 -1
- package/dist/components/Form/WFormValidator.vue.js +14 -17
- package/dist/components/FormAsync/WFormAsyncInput.vue.js +3 -0
- package/dist/components/FormAsync/WFormAsyncSelect.vue.js +3 -0
- package/dist/components/FormAsync/WFormAsyncSelectInfiniteSingle.vue.js +3 -0
- package/dist/components/FormAsync/WFormAsyncSelectSingle.vue.js +3 -0
- package/dist/components/FormAsync/WFormAsyncSelectStringified.vue.js +3 -0
- package/dist/components/Input/WInput.vue.d.ts +2 -0
- package/dist/components/Input/WInput.vue.d.ts.map +1 -1
- package/dist/components/Input/WInput.vue.js +60 -47
- package/dist/components/Input/WInputAsync.vue.js +3 -0
- package/dist/components/Input/WInputDate.vue.js +3 -0
- package/dist/components/Input/WInputOptions.vue.js +3 -0
- package/dist/components/Input/WInputSuggest.vue.js +3 -0
- package/dist/components/Input/types.d.ts +3 -0
- package/dist/components/Input/types.d.ts.map +1 -1
- package/dist/components/Select/WSelect.vue.js +3 -0
- package/dist/components/Select/WSelectAsync.vue.js +3 -0
- package/dist/components/Select/WSelectAsyncSingle.vue.js +3 -0
- package/dist/components/Select/WSelectSingle.vue.js +3 -0
- package/dist/components/Select/WSelectStringified.vue.js +3 -0
- package/package.json +1 -1
- package/tailwind-base/plugins/default.cjs +11 -9
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WFormValidator.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Form/WFormValidator.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"WFormValidator.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Form/WFormValidator.vue"],"names":[],"mappings":"AA4mBA,iBAAS,cAAc;;iBAbZ,MAAM,IAAI;;iBAAV,MAAM,IAAI;;;;;WA4GP,OAAO,IAA6B;EAEjD;AAqBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;WAjaZ,MAAM;YACL,MAAM;eACH,UAAU,GAAG,UAAU,EAAE;sBAClB,MAAM;sBACN,MAAM;gBACZ,OAAO;eACR,OAAO;;;wBAuQE,MAAM;qBAxEN,IAAI;;;;;;;WArMjB,MAAM;YACL,MAAM;eACH,UAAU,GAAG,UAAU,EAAE;sBAClB,MAAM;sBACN,MAAM;gBACZ,OAAO;eACR,OAAO;;;;;;kFAwalB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -60,7 +60,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
60
60
|
const mandatory = computed(() => componentSlot.value?.props?.mandatory !== void 0 ? componentSlot.value?.props?.mandatory !== false : void 0);
|
|
61
61
|
const title = computed(() => props.title ?? componentSlot.value?.props?.title);
|
|
62
62
|
const errorMessage = ref(null);
|
|
63
|
-
const hasChanges =
|
|
63
|
+
const hasChanges = computed(() => {
|
|
64
|
+
if (props.noChanges) return false;
|
|
65
|
+
if (initModelValue.value === void 0) {
|
|
66
|
+
return modelValue.value !== void 0 && modelValue.value !== "";
|
|
67
|
+
} else {
|
|
68
|
+
if (Array.isArray(modelValue.value) && Array.isArray(initModelValue.value)) {
|
|
69
|
+
const oldValue = initModelValue.value;
|
|
70
|
+
const newValue = modelValue.value;
|
|
71
|
+
return newValue.length !== oldValue.length || newValue.some((item) => !oldValue.includes(item));
|
|
72
|
+
} else {
|
|
73
|
+
return modelValue.value !== initModelValue.value;
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
});
|
|
64
77
|
const hasBeenValidated = ref(false);
|
|
65
78
|
const hasValueExact = computed(() => {
|
|
66
79
|
if (props.hasValue) return true;
|
|
@@ -70,20 +83,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
70
83
|
});
|
|
71
84
|
const _hasValue = computed(() => mandatory.value && hasValueExact.value === false ? null : hasValueExact.value);
|
|
72
85
|
const requiredSymbols = computed(() => props.requiredSymbols?.split("") ?? []);
|
|
73
|
-
const _updateHasChanges = (value) => {
|
|
74
|
-
if (props.noChanges) return;
|
|
75
|
-
if (initModelValue.value === void 0) {
|
|
76
|
-
hasChanges.value = value !== void 0 && value !== "";
|
|
77
|
-
} else {
|
|
78
|
-
if (Array.isArray(value) && Array.isArray(initModelValue.value)) {
|
|
79
|
-
const oldValue = initModelValue.value;
|
|
80
|
-
const newValue = value;
|
|
81
|
-
hasChanges.value = newValue.length !== oldValue.length || newValue.some((item) => !oldValue.includes(item));
|
|
82
|
-
} else {
|
|
83
|
-
hasChanges.value = value !== initModelValue.value;
|
|
84
|
-
}
|
|
85
|
-
}
|
|
86
|
-
};
|
|
87
86
|
const _validate = (value) => {
|
|
88
87
|
const requiredMessage = required.value ? validateRequired(value) : void 0;
|
|
89
88
|
if (requiredMessage) return requiredMessage;
|
|
@@ -128,7 +127,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
128
127
|
};
|
|
129
128
|
const validateOnUpdate = (value) => {
|
|
130
129
|
const message = _validate(value);
|
|
131
|
-
_updateHasChanges(value);
|
|
132
130
|
errorMessage.value = message;
|
|
133
131
|
hasBeenValidated.value = true;
|
|
134
132
|
return message;
|
|
@@ -166,7 +164,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
166
164
|
};
|
|
167
165
|
const initModel = () => {
|
|
168
166
|
initModelValue.value = modelValue.value;
|
|
169
|
-
hasChanges.value = false;
|
|
170
167
|
};
|
|
171
168
|
const scrollTo = () => {
|
|
172
169
|
if (!errorMessage.value) return;
|
|
@@ -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":"AAsXA,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,SAAS,CAAA;yBAYtB,IAAI,SAAS,SAAS,wBACzB,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WA6sBxD,mBAAmB,CAAC,sBAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB;qBAtmB/B,IAAI;oBAML,IAAI;MAgmBkD,GAAG,IAAI;WACpE,GAAG;;uBAzDc,GAAG;0BACA,GAAG;wBACL,GAAG;wBACF,GAAG;wBACH,GAAG;uBACJ,GAAG;wBACF,GAAG;uBACJ,GAAG;;;YA5oBzB,mBAAmB,SAAS,4CAAa,SAAS,GAAG,IAAI;YACzD,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,IAAI;YACjC,MAAM,SAAS,UAAU,GAAG,IAAI;YAChC,OAAO,SAAS,UAAU,GAAG,IAAI;YACjC,WAAW,SAAS,UAAU,GAAG,IAAI;YACrC,cAAc,SAAS,UAAU,GAAG,IAAI;YACxC,cAAc,SAAS,KAAK,GAAG,IAAI;YACnC,OAAO,GAAG,IAAI;;;;;YAsrBwB,OAAO,CAAC,OAAO,WAAW,CAAC;;AAvtBvE,wBAutB4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
|
|
@@ -22,6 +22,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
22
22
|
icon: {},
|
|
23
23
|
size: { default: 10 },
|
|
24
24
|
maxLength: {},
|
|
25
|
+
step: {},
|
|
26
|
+
min: {},
|
|
27
|
+
max: {},
|
|
25
28
|
name: {},
|
|
26
29
|
autocomplete: { default: "off" },
|
|
27
30
|
autofocus: { type: Boolean },
|
|
@@ -232,54 +235,64 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
232
235
|
}, [
|
|
233
236
|
createElementVNode("div", _hoisted_3, [
|
|
234
237
|
renderSlot(_ctx.$slots, "prefix"),
|
|
235
|
-
(
|
|
236
|
-
|
|
237
|
-
ref: "input",
|
|
238
|
-
class: normalizeClass(["w-input max-w-full flex-1 appearance-none border-none bg-[inherit] text-base font-normal outline-0 placeholder:text-gray-400 disabled:cursor-not-allowed disabled:opacity-80 dark:placeholder:text-gray-500", {
|
|
239
|
-
"min-h-[var(--textarea-height,10rem)] w-full py-3": _ctx.textarea,
|
|
240
|
-
"resize-y": _ctx.resize && _ctx.textarea,
|
|
241
|
-
"resize-none": !_ctx.resize && _ctx.textarea,
|
|
242
|
-
"h-[var(--input-height,2.625rem)]": !_ctx.textarea && !_ctx.$slots.suffix,
|
|
243
|
-
"h-[var(--input-height,2.125rem)]": !_ctx.textarea && _ctx.$slots.suffix,
|
|
238
|
+
createElementVNode("div", {
|
|
239
|
+
class: normalizeClass(["flex flex-1 items-baseline", {
|
|
244
240
|
"first:pl-0 group-first/input:pl-3 group-last/input:pr-3 [&:not(:first-child)]:pl-3": !_ctx.hideInput,
|
|
245
|
-
"absolute w-0 max-w-0 p-0": _ctx.hideInput
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
_ctx
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
241
|
+
"absolute w-0 max-w-0 p-0": _ctx.hideInput
|
|
242
|
+
}])
|
|
243
|
+
}, [
|
|
244
|
+
renderSlot(_ctx.$slots, "before"),
|
|
245
|
+
(openBlock(), createBlock(resolveDynamicComponent(_ctx.textarea ? "textarea" : "input"), {
|
|
246
|
+
id,
|
|
247
|
+
ref: "input",
|
|
248
|
+
class: normalizeClass(["w-input max-w-full flex-1 appearance-none border-none bg-[inherit] text-base font-normal outline-0 placeholder:text-gray-400 disabled:cursor-not-allowed disabled:opacity-80 dark:placeholder:text-gray-500", {
|
|
249
|
+
"min-h-[var(--textarea-height,10rem)] w-full py-3": _ctx.textarea,
|
|
250
|
+
"resize-y": _ctx.resize && _ctx.textarea,
|
|
251
|
+
"resize-none": !_ctx.resize && _ctx.textarea,
|
|
252
|
+
"h-[var(--input-height,2.625rem)]": !_ctx.textarea && !_ctx.$slots.suffix,
|
|
253
|
+
"h-[var(--input-height,2.125rem)]": !_ctx.textarea && _ctx.$slots.suffix,
|
|
254
|
+
"font-mono": _ctx.mono,
|
|
255
|
+
"text-secure": _ctx.textSecure && !isSecureVisible.value,
|
|
256
|
+
"text-black-default dark:text-gray-200": !_ctx.disabled,
|
|
257
|
+
"text-black-default/50 dark:text-gray-200/50": _ctx.disabled
|
|
258
|
+
}]),
|
|
259
|
+
value: _ctx.placeholderSecure && _ctx.modelValue === void 0 && !focused ? "******" : _ctx.modelValue,
|
|
260
|
+
placeholder: _ctx.placeholder,
|
|
261
|
+
type: _ctx.type ?? "text",
|
|
262
|
+
name: _ctx.name,
|
|
263
|
+
disabled: _ctx.disabled,
|
|
264
|
+
readonly: _ctx.readonly || _ctx.unclickable,
|
|
265
|
+
autocomplete: _ctx.autocomplete,
|
|
266
|
+
size: _ctx.size || void 0,
|
|
267
|
+
step: _ctx.step,
|
|
268
|
+
min: _ctx.min,
|
|
269
|
+
max: _ctx.max,
|
|
270
|
+
spellcheck: _ctx.spellcheck ? "true" : "false",
|
|
271
|
+
onInput: handleInputEvent,
|
|
272
|
+
onKeypress: _cache[0] || (_cache[0] = withKeys(withModifiers(($event) => !_ctx.disabled && !_ctx.readonly && _ctx.$emit("keypress:enter", $event), ["exact"]), ["enter"])),
|
|
273
|
+
onKeydown: [
|
|
274
|
+
_cache[1] || (_cache[1] = withKeys(withModifiers(($event) => !_ctx.disabled && !_ctx.readonly && _ctx.$emit("keypress:up", $event), ["exact", "stop"]), ["up"])),
|
|
275
|
+
_cache[2] || (_cache[2] = withKeys(withModifiers(($event) => !_ctx.disabled && !_ctx.readonly && _ctx.$emit("keypress:down", $event), ["exact", "stop"]), ["down"])),
|
|
276
|
+
_cache[3] || (_cache[3] = withKeys(withModifiers(($event) => {
|
|
277
|
+
!_ctx.disabled && !_ctx.readonly && _ctx.$emit("keypress:delete", $event);
|
|
278
|
+
handleBackspace($event);
|
|
279
|
+
}, ["exact", "stop"]), ["delete"]))
|
|
280
|
+
],
|
|
281
|
+
onFocus: ($event) => {
|
|
282
|
+
_ctx.$emit("focus", $event);
|
|
283
|
+
setFocused(true);
|
|
284
|
+
},
|
|
285
|
+
onBlur: ($event) => {
|
|
286
|
+
_ctx.$emit("blur", $event);
|
|
287
|
+
setFocused(false);
|
|
288
|
+
isSecureVisible.value = false;
|
|
289
|
+
},
|
|
290
|
+
onClick: _cache[4] || (_cache[4] = ($event) => _ctx.$emit("click", $event)),
|
|
291
|
+
onMousedown: _cache[5] || (_cache[5] = withModifiers(($event) => _ctx.$emit("mousedown", $event), ["stop"])),
|
|
292
|
+
onSelect: _cache[6] || (_cache[6] = withModifiers(($event) => _ctx.$emit("select:input", $event), ["stop"]))
|
|
293
|
+
}, null, 40, ["id", "class", "value", "placeholder", "type", "name", "disabled", "readonly", "autocomplete", "size", "step", "min", "max", "spellcheck", "onFocus", "onBlur"])),
|
|
294
|
+
renderSlot(_ctx.$slots, "after")
|
|
295
|
+
], 2)
|
|
283
296
|
])
|
|
284
297
|
], 2),
|
|
285
298
|
createVNode(_sfc_main$2, {
|
|
@@ -10,6 +10,9 @@ export interface InputProps<Type extends InputType> extends Omit<FieldWrapperPro
|
|
|
10
10
|
icon?: SVGComponent;
|
|
11
11
|
size?: number;
|
|
12
12
|
maxLength?: number;
|
|
13
|
+
step?: number;
|
|
14
|
+
min?: number;
|
|
15
|
+
max?: number;
|
|
13
16
|
name?: string;
|
|
14
17
|
autocomplete?: 'off' | string;
|
|
15
18
|
autofocus?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Input/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,uBAAuB,CAAA;AAC5D,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,iCAAiC,CAAA;AACtE,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,KAAK,CAAA;AAElC,MAAM,WAAW,UAAU,CAAC,IAAI,SAAS,SAAS,CAAE,SAAQ,IAAI,CAAC,iBAAiB,EAAE,YAAY,CAAC;IAC/F,UAAU,CAAC,EAAE,CAAC,IAAI,SAAS,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC,GAAG,SAAS,CAAA;IAClE,IAAI,CAAC,EAAE,IAAI,CAAA;IAEX,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Input/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,uBAAuB,CAAA;AAC5D,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,iCAAiC,CAAA;AACtE,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,KAAK,CAAA;AAElC,MAAM,WAAW,UAAU,CAAC,IAAI,SAAS,SAAS,CAAE,SAAQ,IAAI,CAAC,iBAAiB,EAAE,YAAY,CAAC;IAC/F,UAAU,CAAC,EAAE,CAAC,IAAI,SAAS,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC,GAAG,SAAS,CAAA;IAClE,IAAI,CAAC,EAAE,IAAI,CAAA;IAEX,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IAEZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,KAAK,GAAG,MAAM,CAAA;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,MAAM,WAAW,eAAe,CAAC,IAAI,SAAS,SAAS,CAAE,SAAQ,UAAU,CAAC,IAAI,CAAC;IAC/E,QAAQ,CAAC,EAAE,UAAU,GAAG,UAAU,EAAE,CAAA;CACrC;AAED,MAAM,WAAW,iBAAiB,CAAC,IAAI,SAAS,SAAS,CAAE,SAAQ,UAAU,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,QAAQ,GAAG,aAAa,GAAG,YAAY,CAAC,CAAC;IAC5J,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,MAAM,WAAW,iBAAiB,CAAC,IAAI,SAAS,SAAS,EAAE,MAAM,CAAE,SAAQ,iBAAiB,CAAC,IAAI,CAAC;IAChG,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,QAAQ,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,CAAA;IAChF,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,eAAe,CAAC,EAAE,SAAS,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;QAAC,KAAK,CAAC,EAAE,OAAO,CAAA;KAAC,CAAC,CAAA;CACnF;AAED,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,EAAE,YAAY,CAAC;IACnF,UAAU,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;IAC7B,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;CACf"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
const plugin = require('tailwindcss/plugin')
|
|
2
2
|
|
|
3
|
-
module.exports = plugin(function ({matchUtilities, addVariant, addUtilities, addBase, theme, addComponents}) {
|
|
3
|
+
module.exports = plugin(function ({matchUtilities, addVariant, addUtilities, addBase, theme, addComponents, config}) {
|
|
4
4
|
matchUtilities(
|
|
5
5
|
{
|
|
6
6
|
square: (value) => {
|
|
@@ -128,7 +128,7 @@ module.exports = plugin(function ({matchUtilities, addVariant, addUtilities, add
|
|
|
128
128
|
|
|
129
129
|
'--input-autofill-bg': theme('colors.default'),
|
|
130
130
|
'--input-autofull-text': theme('colors.black.default'),
|
|
131
|
-
'
|
|
131
|
+
[config('darkMode')[1][0]]: {
|
|
132
132
|
'--input-autofill-bg': theme('colors.default-dark'),
|
|
133
133
|
'--input-autofull-text': theme('colors.gray.100'),
|
|
134
134
|
},
|
|
@@ -213,7 +213,7 @@ module.exports = plugin(function ({matchUtilities, addVariant, addUtilities, add
|
|
|
213
213
|
'background-position': 'top',
|
|
214
214
|
'background-image': 'linear-gradient(135deg, currentColor 10%, transparent 10%, transparent 50%, currentColor 50%, currentColor 60%, transparent 60%, transparent 100%)',
|
|
215
215
|
'color': theme('colors.gray.300'),
|
|
216
|
-
'
|
|
216
|
+
[config('darkMode')[1][0]]: {
|
|
217
217
|
'color': theme('colors.gray.700'),
|
|
218
218
|
},
|
|
219
219
|
},
|
|
@@ -275,13 +275,13 @@ module.exports = plugin(function ({matchUtilities, addVariant, addUtilities, add
|
|
|
275
275
|
addComponents({
|
|
276
276
|
'.text-accent': {
|
|
277
277
|
'color': theme('colors.black.default'),
|
|
278
|
-
'
|
|
278
|
+
[config('darkMode')[1][0]]: {
|
|
279
279
|
'color': theme('colors.gray.200'),
|
|
280
280
|
},
|
|
281
281
|
},
|
|
282
282
|
'.text-description': {
|
|
283
283
|
'color': theme('colors.gray.400'),
|
|
284
|
-
'
|
|
284
|
+
[config('darkMode')[1][0]]: {
|
|
285
285
|
'color': theme('colors.gray.500'),
|
|
286
286
|
},
|
|
287
287
|
},
|
|
@@ -405,9 +405,11 @@ module.exports = plugin(function ({matchUtilities, addVariant, addUtilities, add
|
|
|
405
405
|
'background-size': '40px 40px',
|
|
406
406
|
'animation': theme('animation.move-horizontal'),
|
|
407
407
|
},
|
|
408
|
-
'
|
|
409
|
-
'
|
|
410
|
-
|
|
408
|
+
[config('darkMode')[1][0]]: {
|
|
409
|
+
'&::before': {
|
|
410
|
+
'background-image': 'linear-gradient(135deg, hsla(0,0%,10%,.125) 25%, transparent 0, transparent 50%, hsla(0,0%,10%,.125) 0, hsla(0,0%,10%,.125) 75%, transparent 0, transparent)',
|
|
411
|
+
},
|
|
412
|
+
}
|
|
411
413
|
},
|
|
412
414
|
})
|
|
413
415
|
|
|
@@ -441,7 +443,7 @@ module.exports = plugin(function ({matchUtilities, addVariant, addUtilities, add
|
|
|
441
443
|
'background-image': 'linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.5), rgba(255,255,255,0))',
|
|
442
444
|
'animation': theme('animation.ticker'),
|
|
443
445
|
|
|
444
|
-
'
|
|
446
|
+
[config('darkMode')[1][0]]: {
|
|
445
447
|
'background-image': 'linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.01),rgba(255,255,255,0))',
|
|
446
448
|
},
|
|
447
449
|
},
|