tav-ui
Version:
78 lines (75 loc) • 3.06 kB
JavaScript
import { ref, useAttrs, computed, onBeforeMount, watch, inject, reactive, onMounted, onBeforeUnmount, provide, openBlock, createBlock, unref, renderSlot, normalizeProps, mergeProps, defineComponent } from 'vue';
import { Spin } from 'ant-design-vue';
import { DEFAULT_APIPARAMS, permissionsContextKey, permissionContextKey } from '../constants2.mjs';
import { useMergedProps } from '../hooks/use-props2.mjs';
import { DEFAULT_TABLEPERMISSIONDATAQUERY_ID, DEFAULT_TABLEPERMISSIONDATAQUERY_CLASSNAME } from './constants2.mjs';
import { tablePermissionDataQueryProps } from './types2.mjs';
import _export_sfc from '../../../../../_virtual/plugin-vue_export-helper.mjs';
const __default__ = {
name: "TaTablePermissionDataQuery"
};
function setup(__props, { expose }) {
const props = __props;
const id = ref(DEFAULT_TABLEPERMISSIONDATAQUERY_ID());
const type = ref(DEFAULT_TABLEPERMISSIONDATAQUERY_CLASSNAME);
const attrs = useAttrs();
const mergedProps = useMergedProps(props, "TaTablePermissionDataQuery", DEFAULT_APIPARAMS);
const permissionContent = ref();
const isUseApi = computed(() => mergedProps.value.apiParams && mergedProps.value.apiPermissionData);
const loading = ref(false);
async function handlePermission() {
if (mergedProps.value.disabled)
return;
if (isUseApi.value) {
permissionContent.value = {
apiParams: mergedProps.value.apiParams,
apiPermissionData: mergedProps.value.apiPermissionData
};
}
}
onBeforeMount(async () => {
if (props.immediate) {
await handlePermission();
}
});
watch(() => JSON.stringify(mergedProps.value.apiParams), async (curVal, preVal) => {
if (curVal && curVal !== "{}" && curVal !== preVal) {
if (props.immediate) {
await handlePermission();
}
}
});
const permissionsContext = inject(permissionsContextKey, void 0);
const context = reactive({
id,
type,
disabled: mergedProps.value.disabled,
permission: permissionContent
});
onMounted(() => {
permissionsContext?.addPermission(context);
});
onBeforeUnmount(() => {
permissionsContext?.removePermission(context);
});
provide(permissionContextKey, context);
expose({
id,
permissionContext: context
});
return (_ctx, _cache) => {
return loading.value ? (openBlock(), createBlock(unref(Spin), {
key: 0,
size: "large",
tip: "\u6B63\u5728\u52A0\u8F7D\u6743\u9650\uFF0C\u8BF7\u7A0D\u7B49 \u{1F47E}"
})) : renderSlot(_ctx.$slots, "default", normalizeProps(mergeProps({ key: 1 }, { ...unref(mergedProps).value, ...unref(attrs), permission: permissionContent.value })));
};
}
const _sfc_main = /* @__PURE__ */ defineComponent({
...__default__,
props: tablePermissionDataQueryProps,
setup
});
var TablePermissionDataQuery = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/tav-ui/tav-ui/packages/components/permission/src/TablePermissionDataQuery/index.vue"]]);
export { TablePermissionDataQuery as default };
//# sourceMappingURL=index2.mjs.map