eco-vue-js 0.16.0 → 0.16.1
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/Chip/WChip.vue.d.ts.map +1 -1
- package/dist/components/Chip/WChip.vue_vue_type_script_setup_true_lang.js +3 -10
- package/dist/components/Link/WLink.vue_vue_type_script_setup_true_lang.js +6 -3
- package/dist/components/List/WList.vue.d.ts.map +1 -1
- package/dist/components/List/WList.vue_vue_type_script_setup_true_lang.js +19 -7
- package/dist/utils/SemanticType.js +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WChip.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Chip/WChip.vue"],"names":[],"mappings":"AAgBA;
|
|
1
|
+
{"version":3,"file":"WChip.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Chip/WChip.vue"],"names":[],"mappings":"AAgBA;AA2CA,OAAO,EAAC,YAAY,EAAyB,MAAM,sBAAsB,CAAA;AAGzE,KAAK,WAAW,GAAG;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AAoEJ,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAM/C,QAAA,MAAM,UAAU;cA7ED,OAAO;UAFX,MAAM;kBACE,YAAY;6EAiF7B,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import WSkeleton_default from "../Skeleton/WSkeleton.vue.js";
|
|
2
|
-
import { SemanticType } from "../../utils/SemanticType.js";
|
|
2
|
+
import { SemanticType, useSemanticTypeChipMap } from "../../utils/SemanticType.js";
|
|
3
3
|
import { useComponentStatesSkeleton } from "../../utils/useComponentStates.js";
|
|
4
4
|
import { createBlock, createElementBlock, createTextVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, unref } from "vue";
|
|
5
5
|
//#region src/components/Chip/WChip.vue?vue&type=script&setup=true&lang.ts
|
|
@@ -15,21 +15,14 @@ var WChip_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
|
|
|
15
15
|
},
|
|
16
16
|
setup(__props) {
|
|
17
17
|
const { isSkeleton } = useComponentStatesSkeleton(__props);
|
|
18
|
-
const
|
|
19
|
-
[SemanticType.PRIMARY]: "text-primary dark:text-primary-dark",
|
|
20
|
-
[SemanticType.SECONDARY]: "text-description",
|
|
21
|
-
[SemanticType.POSITIVE]: "text-positive dark:text-positive-dark",
|
|
22
|
-
[SemanticType.NEGATIVE]: "text-negative dark:text-negative-dark",
|
|
23
|
-
[SemanticType.WARNING]: "text-warning dark:text-warning-dark",
|
|
24
|
-
[SemanticType.INFO]: "text-info dark:text-info-dark"
|
|
25
|
-
};
|
|
18
|
+
const semanticTypeChipMap = useSemanticTypeChipMap();
|
|
26
19
|
return (_ctx, _cache) => {
|
|
27
20
|
return unref(isSkeleton) ? (openBlock(), createBlock(WSkeleton_default, {
|
|
28
21
|
key: 0,
|
|
29
22
|
class: "w-skeleton-h-5 max-w-28"
|
|
30
23
|
})) : (openBlock(), createElementBlock("div", {
|
|
31
24
|
key: 1,
|
|
32
|
-
class: normalizeClass(["w-max rounded-md
|
|
25
|
+
class: normalizeClass(["w-max rounded-md px-2 py-0.5 text-xs font-semibold text-default", unref(semanticTypeChipMap)[__props.semanticType]])
|
|
33
26
|
}, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(__props.text), 1)])], 2));
|
|
34
27
|
};
|
|
35
28
|
}
|
|
@@ -18,9 +18,12 @@ var WLink_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
|
|
|
18
18
|
const semanticTypeTextMap = useSemanticTypeTextMap();
|
|
19
19
|
return (_ctx, _cache) => {
|
|
20
20
|
return openBlock(), createBlock(resolveDynamicComponent(__props.to ? WRouterLink_default : "a"), mergeProps(!__props.to ? {
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
} : {
|
|
21
|
+
href: __props.href,
|
|
22
|
+
target: __props.target
|
|
23
|
+
} : {
|
|
24
|
+
to: __props.to,
|
|
25
|
+
target: __props.target
|
|
26
|
+
}, { class: ["cursor-pointer overflow-hidden truncate whitespace-normal font-normal no-underline hover:underline", unref(semanticTypeTextMap)[__props.semanticType]] }), {
|
|
24
27
|
default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(__props.icon ?? unref(IconLink_default)), { class: normalizeClass(["square-[1.25em] mr-[0.25em] mt-[-0.25em] inline rounded-[0.5em] p-px", unref(semanticTypeChipMap)[__props.semanticType]]) }, null, 8, ["class"])), renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(__props.text), 1)])]),
|
|
25
28
|
_: 3
|
|
26
29
|
}, 16, ["class"]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WList.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/List/WList.vue"],"names":[],"mappings":"AA8KA;
|
|
1
|
+
{"version":3,"file":"WList.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/List/WList.vue"],"names":[],"mappings":"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"}
|
|
@@ -5,6 +5,7 @@ import { useSelected, useSelectionHash } from "../../utils/useSelected.js";
|
|
|
5
5
|
import WInfiniteList_default from "../InfiniteList/WInfiniteList.vue.js";
|
|
6
6
|
import { encodeOrdering, parseOrdering } from "../../utils/order.js";
|
|
7
7
|
import "../../utils/useDefaultQuery.js";
|
|
8
|
+
import "./types.js";
|
|
8
9
|
import { filterFields, forEachField, getFieldStylesFixed, getFieldStylesWidth, getFieldVariable, sortFields, sortFieldsDeep, useListConfig } from "./use/useListConfig.js";
|
|
9
10
|
import ListItem_default from "./components/ListItem.vue.js";
|
|
10
11
|
import ListToolbar_default from "./components/ListToolbar.vue.js";
|
|
@@ -99,13 +100,6 @@ var WList_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
|
|
|
99
100
|
const { isMobile } = useIsMobile();
|
|
100
101
|
const listCount = ref(void 0);
|
|
101
102
|
const countValue = computed(() => props.count ?? listCount.value);
|
|
102
|
-
const cardStyles = computed(() => {
|
|
103
|
-
if (!props.cardColumns || !props.cardAreas) return;
|
|
104
|
-
return {
|
|
105
|
-
"--w-list-grid-cols": props.cardColumns.join(" "),
|
|
106
|
-
"--w-list-grid-areas": props.cardAreas.map((inner) => `"${inner.join(" ")}"`).join("\n")
|
|
107
|
-
};
|
|
108
|
-
});
|
|
109
103
|
const fieldsVisible = computed(() => filterFields(props.fields, (field) => field.visibleGetter?.(props.queryParams) ?? true));
|
|
110
104
|
const { listConfig, fieldConfigMap, isGrid, hasSaved, reset, save, updateMode } = useListConfig(() => props.configKey, () => props.fields, () => props.defaultConfigMap, () => props.defaultMode, props.noHeaderSettings);
|
|
111
105
|
const fieldsFiltered = computed(() => filterFields(fieldsVisible.value, (field) => fieldConfigMap.value[field.label]?.visible ?? false));
|
|
@@ -139,6 +133,24 @@ var WList_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
|
|
|
139
133
|
const allowOpen = computed(() => props.expansion !== void 0);
|
|
140
134
|
const hasMenu = computed(() => props.menu !== void 0 || props.toMarkdown !== void 0);
|
|
141
135
|
const disableSelect = computed(() => !allowSelect.value);
|
|
136
|
+
const cardStyles = computed(() => {
|
|
137
|
+
const cardColumns = props.cardColumns;
|
|
138
|
+
const cardAreas = props.cardAreas;
|
|
139
|
+
if (!cardColumns || !cardAreas) return;
|
|
140
|
+
const isAreaShown = (area) => {
|
|
141
|
+
if (area === "area_select") return allowSelect.value;
|
|
142
|
+
if (area === "area_more") return hasMenu.value;
|
|
143
|
+
return area in columnDataMap.value;
|
|
144
|
+
};
|
|
145
|
+
const areas = cardAreas.map((row) => row.map((area) => isAreaShown(area) ? area : "."));
|
|
146
|
+
const colsShown = cardColumns.map((_, index) => areas.some((row) => row[index] !== "."));
|
|
147
|
+
const areasShown = areas.filter((row) => row.some((area) => area !== ".")).map((row) => row.filter((_, index) => colsShown[index]));
|
|
148
|
+
if (!areasShown.length) return;
|
|
149
|
+
return {
|
|
150
|
+
"--w-list-grid-cols": cardColumns.filter((_, index) => colsShown[index]).join(" "),
|
|
151
|
+
"--w-list-grid-areas": areasShown.map((row) => `"${row.join(" ")}"`).join("\n")
|
|
152
|
+
};
|
|
153
|
+
});
|
|
142
154
|
const { selection: selectionUsed, updateSelection } = props.selection ? {
|
|
143
155
|
selection: toRef(props, "selection"),
|
|
144
156
|
updateSelection: (value) => emit("update:selection", value)
|
|
@@ -25,7 +25,7 @@ var setSemanticTypeBackgroundMap = (value) => {
|
|
|
25
25
|
};
|
|
26
26
|
var semanticTypeChipMap = reactive({
|
|
27
27
|
...semanticTypeConfig,
|
|
28
|
-
["secondary"]: "bg-gray-200 dark:bg-gray-800 text-
|
|
28
|
+
["secondary"]: "bg-gray-200 dark:bg-gray-800 text-default"
|
|
29
29
|
});
|
|
30
30
|
var useSemanticTypeChipMap = () => {
|
|
31
31
|
return semanticTypeChipMap;
|