@skyfox2000/webui 1.4.15 → 1.4.16

package/package.json

@@ -1,6 +1,6 @@
 {
    "name": "@skyfox2000/webui",
-   "version": "1.4.15",
+   "version": "1.4.16",
    "description": "后台前端通用组件定义",
    "type": "module",
    "keywords": [],

package/src/components/content/table/index.vue

@@ -167,7 +167,7 @@ watch(
 
 const visible = ref(false);
 onActivated(() => {
-   if (visible.value && gridCtrl) gridCtrl.reload.value = true;
+   if (visible.value && gridCtrl && gridCtrl.autoload) gridCtrl.reload.value = true;
 });
 
 onMounted(async () => {

package/src/components/form/autoComplete/index.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, onUnmounted, useAttrs, watch, shallowRef, PropType } from 'vue';
+import { ref, onUnmounted, useAttrs, watch, shallowRef, PropType, onActivated } from 'vue';
 import { AutoComplete, Input } from 'ant-design-vue';
 import {
    useInputFactory,
@@ -130,6 +130,10 @@ const onSelected = (value: any) => {
    }
 };
 
+onActivated(() => {
+   if (optionCtrl && optionCtrl.autoload) optionCtrl.reload.value = true;
+});
+
 onUnmounted(() => {
    if (optionCtrl) unloadOption(optionCtrl, props);
 });

package/src/components/form/cascader/index.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, onMounted, onUnmounted, useAttrs, watch, shallowRef } from 'vue';
+import { ref, onMounted, onUnmounted, useAttrs, watch, shallowRef, onActivated } from 'vue';
 import {
    circleLoading,
    useInputFactory,
@@ -79,13 +79,17 @@ const onChanged = (_: ValueType, selected: DefaultOptionType[]) => {
    const labels: string[] = getSelectedLabels(selectedOptions);
 
    emit('update:labels', labels);
-   emit('update:value', values); 
+   emit('update:value', values);
    if (errInfo?.value.errClass && editorCtrl) {
       /// 重新开始验证
       formValidate(editorCtrl);
    }
 };
 
+onActivated(() => {
+   if (optionCtrl && optionCtrl.autoload) optionCtrl.reload.value = true;
+});
+
 onMounted(() => {
    if (url.value && !url.value.fieldMap) {
       url.value.fieldMap = {
@@ -108,14 +112,8 @@ onUnmounted(() => {
          <circleLoading class="text-[#555] mx-[5px] !ml-[10px] !w-4 !h-4" />
          <span>数据加载中...</span>
       </div>
-      <Cascader
-         :options="selectOptions"
-         :class="[errInfo?.errClass]"
-         :allow-clear="true"
-         :placeholder="selectOptions.length > 0 ? '请选择' + labelText : ''"
-         @change="onChanged"
-         v-bind="attrs"
-      />
+      <Cascader :options="selectOptions" :class="[errInfo?.errClass]" :allow-clear="true"
+         :placeholder="selectOptions.length > 0 ? '请选择' + labelText : ''" @change="onChanged" v-bind="attrs" />
    </div>
 </template>
 

package/src/components/form/checkbox/index.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, onMounted, onUnmounted, useAttrs, watch, shallowRef } from 'vue';
+import { ref, onMounted, onUnmounted, useAttrs, watch, shallowRef, onActivated } from 'vue';
 import { Checkbox, CheckboxGroup } from 'ant-design-vue';
 import {
    // circleLoading,
@@ -75,6 +75,10 @@ const onChanged = (e: CheckboxValueType[]) => {
    emit('update:labels', labels);
 };
 
+onActivated(() => {
+   if (optionCtrl && optionCtrl.autoload) optionCtrl.reload.value = true;
+});
+
 onMounted(() => {
    if (url.value && !url.value.fieldMap) {
       url.value.fieldMap = {
@@ -99,20 +103,13 @@ onUnmounted(() => {
       </div> -->
       <CheckboxGroup @change="onChanged" class="w-full mb-[-3px]" v-bind="attrs">
          <template v-if="checkboxOptions.length > 0">
-            <Checkbox
-               v-for="item in checkboxOptions"
-               :key="item.value"
-               :value="item.value"
-               :disabled="
-                  item.disabled || (item.value && disabledItems && disabledItems.indexOf(item.value.toString()) > -1)
-               "
-               :class="[
+            <Checkbox v-for="item in checkboxOptions" :key="item.value" :value="item.value" :disabled="item.disabled || (item.value && disabledItems && disabledItems.indexOf(item.value.toString()) > -1)
+               " :class="[
                   errInfo?.errClass === 'error' ? 'error !text-red-400' : '',
                   'text-nowrap',
                   'pb-1',
                   wrap ? `w-1/${props.wrap}` : '',
-               ]"
-            >
+               ]">
                {{ item.label }}
             </Checkbox>
          </template>

package/src/components/form/radio/index.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, onMounted, onUnmounted, watch, useAttrs, shallowRef } from 'vue';
+import { ref, onMounted, onUnmounted, watch, useAttrs, shallowRef, onActivated } from 'vue';
 import { Radio, RadioChangeEvent, RadioGroup } from 'ant-design-vue';
 import {
    OptionCommProps,
@@ -102,6 +102,10 @@ const onChanged = (e: RadioChangeEvent) => {
    emit('update:labels', labels);
 };
 
+onActivated(() => {
+   if (optionCtrl && optionCtrl.autoload) optionCtrl.reload.value = true;
+});
+
 onMounted(() => {
    if (url.value && !url.value.fieldMap) {
       url.value.fieldMap = {
@@ -118,26 +122,17 @@ onUnmounted(() => {
 </script>
 <template>
    <div class="min-h-[32px] pt-1">
-      <RadioGroup
-         v-model:value="innerValue"
-         :autocheck="false"
-         @change="onChanged"
-         class="w-full flex align-items flex-wrap mb-[-3px]"
-         v-bind="attrs"
-      >
+      <RadioGroup v-model:value="innerValue" :autocheck="false" @change="onChanged"
+         class="w-full flex align-items flex-wrap mb-[-3px]" v-bind="attrs">
          <template v-if="radioOptions.length > 0">
             <template v-for="item in radioOptions" :key="item.value">
-               <Radio
-                  :checked="isValueEqual(item.value, props.value)"
-                  v-if="item.visible !== false"
-                  :value="item.value"
+               <Radio :checked="isValueEqual(item.value, props.value)" v-if="item.visible !== false" :value="item.value"
                   :class="[
                      errInfo?.errClass === 'error' ? 'error !text-red-400' : '',
                      'text-nowrap',
                      'pb-1',
                      wrap ? `w-1/${props.wrap}` : '',
-                  ]"
-               >
+                  ]">
                   {{ item.label }}
                </Radio>
             </template>

package/src/components/form/select/index.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, onMounted, onUnmounted, watch, PropType, useAttrs, shallowRef } from 'vue';
+import { ref, onMounted, onUnmounted, watch, PropType, useAttrs, shallowRef, onActivated } from 'vue';
 import { Select, SelectOption } from 'ant-design-vue';
 import {
    circleLoading,
@@ -172,6 +172,9 @@ watch(
    },
 );
 
+onActivated(() => {
+   if (optionCtrl && optionCtrl.autoload) optionCtrl.reload.value = true;
+});
 
 onMounted(() => {
    if (url.value && !url.value.fieldMap) {

package/src/components/form/treeSelect/index.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { ref, watch, onMounted, PropType } from 'vue';
+import { ref, watch, onMounted, PropType, onActivated } from 'vue';
 import { TreeSelect } from 'ant-design-vue';
 import type { SelectValue, TreeControl, TreeNode } from '@/index';
 import { queryTree, useInputFactory } from '@/index';
@@ -87,6 +87,10 @@ const handleChange = (value: SelectValue) => {
    emit('change', currentValue.value);
 };
 
+onActivated(() => {
+   if (props.treeCtrl && props.treeCtrl.autoload) props.treeCtrl.reload.value = true;
+});
+
 // 组件挂载时加载数据
 onMounted(() => {
    if (!treeCtrl.fieldMap) {