| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384 |
- import { getCurrentInstance, watch } from 'vue';
- import { parseWidth, parseMinWidth } from '../util.mjs';
- import { hasOwn } from '@vue/shared';
- function getAllAliases(props, aliases) {
- return props.reduce((prev, cur) => {
- prev[cur] = cur;
- return prev;
- }, aliases);
- }
- function useWatcher(owner, props_) {
- const instance = getCurrentInstance();
- const registerComplexWatchers = () => {
- const props = ["fixed"];
- const aliases = {
- realWidth: "width",
- realMinWidth: "minWidth"
- };
- const allAliases = getAllAliases(props, aliases);
- Object.keys(allAliases).forEach((key) => {
- const columnKey = aliases[key];
- if (hasOwn(props_, columnKey)) {
- watch(() => props_[columnKey], (newVal) => {
- let value = newVal;
- if (columnKey === "width" && key === "realWidth") {
- value = parseWidth(newVal);
- }
- if (columnKey === "minWidth" && key === "realMinWidth") {
- value = parseMinWidth(newVal);
- }
- instance.columnConfig.value[columnKey] = value;
- instance.columnConfig.value[key] = value;
- const updateColumns = columnKey === "fixed";
- owner.value.store.scheduleLayout(updateColumns);
- });
- }
- });
- };
- const registerNormalWatchers = () => {
- const props = [
- "label",
- "filters",
- "filterMultiple",
- "filteredValue",
- "sortable",
- "index",
- "formatter",
- "className",
- "labelClassName",
- "filterClassName",
- "showOverflowTooltip",
- "tooltipFormatter"
- ];
- const parentProps = ["showOverflowTooltip"];
- const aliases = {
- property: "prop",
- align: "realAlign",
- headerAlign: "realHeaderAlign"
- };
- const allAliases = getAllAliases(props, aliases);
- Object.keys(allAliases).forEach((key) => {
- const columnKey = aliases[key];
- if (hasOwn(props_, columnKey)) {
- watch(() => props_[columnKey], (newVal) => {
- instance.columnConfig.value[key] = newVal;
- });
- }
- });
- parentProps.forEach((key) => {
- if (hasOwn(owner.value.props, key)) {
- watch(() => owner.value.props[key], (newVal) => {
- instance.columnConfig.value[key] = newVal;
- });
- }
- });
- };
- return {
- registerComplexWatchers,
- registerNormalWatchers
- };
- }
- export { useWatcher as default };
- //# sourceMappingURL=watcher-helper.mjs.map
|