@skyfox2000/webui 1.0.13 → 1.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
    "name": "@skyfox2000/webui",
-   "version": "1.0.13",
+   "version": "1.2.0",
    "description": "后台前端通用组件定义",
    "type": "module",
    "keywords": [],
@@ -30,11 +30,14 @@
       "build:dts": "vue-tsc -b && vite-dts-declaration",
       "build:types": "vue-tsc --declaration --emitDeclarationOnly"
    },
-   "dependencies": {},
    "peerDependencies": {
       "@skyfox2000/fapi": "^1.1.19",
-      "@skyfox2000/microbase": "^1.0.15",
-      "@skyfox2000/webbase": "^1.1.18",
+      "@skyfox2000/microbase": "^1.2.0",
+      "@vue-office/excel": "^1.7.14",
+      "@json2csv/plainjs": "^7.0.6",
+      "async-validator": "^4.2.5",
+      "exceljs": "^4.4.0",
+      "ace-builds": "^1.42.0",
       "ant-design-vue": "^4.2.6",
       "dayjs": "^1.11.13",
       "pinia": "^2.3.0",
@@ -43,8 +46,6 @@
       "vue-draggable-next": "^2.2.1",
       "vue-m-message": "^4.0.2",
       "vue-router": "^4.5.1",
-      "@vue-office/excel": "^1.7.14",
-      "ace-builds": "^1.42.0",
       "vue3-ace-editor": "^2.2.4"
    },
    "devDependencies": {

package/src/components/common/icon/appicon.vue

@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 import { SERVER_HOST } from '@skyfox2000/fapi';
-import { createFromIconfont } from '@skyfox2000/webbase';
+import { createFromIconfont } from '@/utils/icon-loader';
 
 const props = defineProps({
    icon: {

package/src/components/common/icon/fullscreen.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { onFullscreenClick, useSettingInfo } from '@skyfox2000/webbase';
+import { onFullscreenClick } from '@/index';
+import { useSettingInfo } from '@/stores/settingInfo';
 import ToolIcon from './toolIcon.vue';
 const settingStore = useSettingInfo();
 </script>

package/src/components/common/icon/index.vue

@@ -8,7 +8,7 @@
 
 import { ref, computed, inject, watch, useAttrs } from 'vue';
 import Tooltip from '../tooltip/index.vue';
-import { getIconTransform } from '@skyfox2000/webbase';
+import { getIconTransform } from '@/utils/icon-loader';
 
 // 关闭自动继承属性到根元素
 defineOptions({

package/src/components/common/icon/layoutIcon.vue

@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 import { SERVER_HOST } from '@skyfox2000/fapi';
-import { createFromIconfont } from '@skyfox2000/webbase';
+import { createFromIconfont } from '@/utils/icon-loader';
 
 const props = defineProps({
    icon: {

package/src/components/common/icon/projectIcon.vue

@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 import { SERVER_HOST } from '@skyfox2000/fapi';
-import { createFromIconfont } from '@skyfox2000/webbase';
+import { createFromIconfont } from '@/utils/icon-loader';
 
 const props = defineProps({
    icon: {

package/src/components/common/icon/toolIcon.vue

@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 import { SERVER_HOST } from '@skyfox2000/fapi';
-import { createFromIconfont } from '@skyfox2000/webbase';
+import { createFromIconfont } from '@/utils/icon-loader';
 
 const props = defineProps({
    icon: {

package/src/components/content/dialog/excelForm.vue

@@ -14,14 +14,14 @@ import {
    ExcelFileParams,
    processExcelFile,
    path,
-} from '@skyfox2000/webbase';
+   UploadFile,
+} from '@/index';
 import { AnyData, ResStatus } from '@skyfox2000/fapi';
 import message from 'vue-m-message';
 //引入相关样式
 import type { UploadProps } from 'ant-design-vue';
 import VueOfficeExcel from '@vue-office/excel';
 import '@vue-office/excel/lib/index.css';
-import { UploadFile } from '@skyfox2000/webbase';
 
 type AlertType = 'success' | 'info' | 'warning' | 'error';
 

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

@@ -2,7 +2,7 @@
 import { watch, ref, onMounted, provide } from 'vue';
 import { Button } from '../../common';
 import { Modal, Space } from 'ant-design-vue';
-import { onFormSave, onFormSaveAs, onFormClose, EditorControl, ProviderKeys } from '@skyfox2000/webbase';
+import { onFormSave, onFormSaveAs, onFormClose, EditorControl, ProviderKeys } from '@/index';
 import { AnyData } from '@skyfox2000/fapi';
 
 const props = defineProps<{

package/src/components/content/dialog/uploadForm.vue

@@ -2,12 +2,10 @@
 import { watch, ref, onMounted } from 'vue';
 import { Button } from '../../common';
 import { Modal, Space } from 'ant-design-vue';
-import { AsyncUploader, EditorControl, GridControl, gridRowUpdate } from '@skyfox2000/webbase';
+import { AsyncUploader, EditorControl, GridControl, gridRowUpdate, UploadStatus, UploadFile } from '@/index';
 import { AnyData, ApiResponse, IUrlInfo, ResStatus } from '@skyfox2000/fapi';
 import { UploadList } from '../../form';
-import { UploadFile } from '@skyfox2000/webbase';
 import message from 'vue-m-message';
-import { UploadStatus } from '@skyfox2000/webbase';
 
 const props = defineProps<{
    /**
@@ -103,7 +101,7 @@ const dialogUpload = async () => {
       // 开始上传文件
       await uploader.uploadFiles(
          fileList.value,
-         (_) => { },
+         (_) => {},
          (files) => {
             uploadFormCtrl.isFormLoading.value = false;
             let err_count = 0;
@@ -185,9 +183,12 @@ const dialogClose = () => {
 };
 </script>
 <template>
-   <Modal title="文件上传" v-model:open="open"
+   <Modal
+      title="文件上传"
+      v-model:open="open"
       :wrapClassName="'modal mx-auto ' + ($attrs.width ? 'w-[' + $attrs.width + ']' : 'w-[430px]')"
-      @close="dialogClose">
+      @close="dialogClose"
+   >
       <UploadList v-model:file-list="fileList" :download-url="downloadUrl!" :max-count="maxCount" :file-ext="fileExt" />
       <template #footer>
          <Space>

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

@@ -4,7 +4,7 @@ import { Button } from '../../common';
 import { Drawer, Space, theme } from 'ant-design-vue';
 const { useToken } = theme;
 const { token } = useToken();
-import { EditorControl, onFormSave, onFormSaveAs, onFormClose, ProviderKeys } from '@skyfox2000/webbase';
+import { EditorControl, onFormSave, onFormSaveAs, onFormClose, ProviderKeys } from '@/index';
 import { AnyData } from '@skyfox2000/fapi';
 import { ToolIcon } from '../../common';
 
@@ -40,7 +40,7 @@ provide(ProviderKeys.EditorControl, editorCtrl);
 
 watch(
    () => editorCtrl.visible.value,
-   (newVal) => {
+   (newVal: boolean) => {
       open.value = newVal ?? false;
    },
 );
@@ -54,22 +54,40 @@ const drawerClose = () => {
 };
 </script>
 <template>
-   <Drawer v-model:open="open" :get-container="false" :closable="false" :header-style="{
-      height: '40px',
-      padding: '10px 6px 10px 16px',
-      backgroundColor: token.colorBgLayout,
-}" :body-style="{
-      padding: '10px 16px',
-   }" :footer-style="{
+   <Drawer
+      v-model:open="open"
+      :get-container="false"
+      :closable="false"
+      :header-style="{
+         height: '40px',
+         padding: '10px 6px 10px 16px',
+         backgroundColor: token.colorBgLayout,
+      }"
+      :body-style="{
+         padding: '10px 16px',
+      }"
+      :footer-style="{
          textAlign: 'right',
-      }" :style="{
+      }"
+      :style="{
          position: 'absolute',
          boxShadow: 'rgba(0, 0, 0, 0.3) -2px 0px 8px',
-      }" width="420px" @close="drawerClose">
+      }"
+      width="420px"
+      @close="drawerClose"
+   >
       <template #extra>
          <div class="hover:bg-gray-200 w-[24px] h-[24px] rounded-md">
-            <ToolIcon class="top-[-2px] left-[2px] w-6 h-6" icon="icon-new" :angle="45" fontsize="24px" clickable
-               color="#666" :position="[0, 0]" @click="() => onFormClose(editorCtrl)" />
+            <ToolIcon
+               class="top-[-2px] left-[2px] w-6 h-6"
+               icon="icon-new"
+               :angle="45"
+               fontsize="24px"
+               clickable
+               color="#666"
+               :position="[0, 0]"
+               @click="() => onFormClose(editorCtrl)"
+            />
          </div>
       </template>
       <template #default>
@@ -78,13 +96,20 @@ const drawerClose = () => {
       <template #footer>
          <Space>
             <Button @click="() => onFormClose(editorCtrl)" v-if="cancelText !== ''">{{ cancelText ?? '取消' }}</Button>
-            <Button @click="() => onFormSaveAs(editorCtrl)"
-               v-if="saveAsText !== '' && editorCtrl.saveAsBtnVisible !== false" type="primary"
-               :loading="editorCtrl.isFormSaving.value">
+            <Button
+               @click="() => onFormSaveAs(editorCtrl)"
+               v-if="saveAsText !== '' && editorCtrl.saveAsBtnVisible !== false"
+               type="primary"
+               :loading="editorCtrl.isFormSaving.value"
+            >
                {{ saveAsText ?? '另存为' }}
             </Button>
-            <Button @click="() => onFormSave(editorCtrl)" v-if="saveText !== '' && editorCtrl.saveBtnVisible !== false"
-               type="primary" :loading="editorCtrl.isFormSaving.value">
+            <Button
+               @click="() => onFormSave(editorCtrl)"
+               v-if="saveText !== '' && editorCtrl.saveBtnVisible !== false"
+               type="primary"
+               :loading="editorCtrl.isFormSaving.value"
+            >
                {{ saveText ?? '保存' }}
             </Button>
          </Space>

package/src/components/content/form/formItem.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { EditorControl, ProviderKeys, useFormItemFactory, ValidateRuleItem } from '@skyfox2000/webbase';
+import { EditorControl, ProviderKeys, useFormItemFactory, ValidateRuleItem } from '@/index';
 import { FormItem, message } from 'ant-design-vue';
 import { Helper } from '../../common';
 import { computed, inject, ref, useAttrs } from 'vue';

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

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { EditorControl, ProviderKeys, onFormSave } from '@skyfox2000/webbase';
+import { EditorControl, ProviderKeys, onFormSave } from '@/index';
 import { AnyData } from '@skyfox2000/fapi';
 import { Form } from 'ant-design-vue';
 import { inject } from 'vue';

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

@@ -3,7 +3,7 @@ import { onMounted, ref, watch, useSlots, VNode } from 'vue';
 import { Form, Space } from 'ant-design-vue';
 import SearchItem from './searchItem.vue';
 import { Button } from '../../common';
-import { GridControl } from '@skyfox2000/webbase';
+import { GridControl } from '@/index';
 import { AnyData } from '@skyfox2000/fapi';
 
 /**

package/src/components/content/search/searchItem.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { inject, useAttrs } from 'vue';
-import { ProviderKeys, EditorControl, useFormItemFactory } from '@skyfox2000/webbase';
+import { ProviderKeys, EditorControl, useFormItemFactory } from '@/index';
 import { FormItem } from 'ant-design-vue';
 import { AnyData } from '@skyfox2000/fapi';
 

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

@@ -1,7 +1,8 @@
 <script lang="ts" setup>
-import { onMounted, Ref, ref, watch, provide, useAttrs, onActivated } from 'vue';
+import { onMounted, Ref, ref, watch, provide, useAttrs, onActivated, computed } from 'vue';
 import { Table, TablePaginationConfig, TableProps } from 'ant-design-vue';
 import {
+   AppRouter,
    gridQueryFind,
    gridStatusUpdate,
    PrimaryKey,
@@ -9,13 +10,12 @@ import {
    gridQueryList,
    GridControl,
    filterColumns,
-   AppRouter,
-} from '@skyfox2000/webbase';
+} from '@/index';
 import TableOperate from './tableOperate.vue';
 import Toolbar from '../toolbar/index.vue';
 import Switch from '../../form/switch/index.vue';
 import { AnyData } from '@skyfox2000/fapi';
-import { ProviderKeys } from '@skyfox2000/webbase';
+import { ProviderKeys } from '@/index';
 
 const props = defineProps<{
    /**
@@ -55,6 +55,9 @@ const attrs = useAttrs(); // 手动获取 $attrs
 
 const gridCtrl = props.gridCtrl;
 
+// 响应式获取当前路由路径
+const currentPath = computed(() => AppRouter.currentRoute.value.path);
+
 if (gridCtrl) {
    gridCtrl.pageNo.value = 1;
    gridCtrl.total.value = 0;
@@ -199,7 +202,7 @@ onMounted(async () => {
          <template v-if="gridCtrl && bodyCell?.column?.dataIndex === 'enabled'">
             <Switch
                v-model:checked="bodyCell.record.Enabled"
-               v-auth:disable="{ url: AppRouter.currentRoute.value.path, role: ['Super', 'Admin'], permit: ':enabled' }"
+               v-auth:disable="{ url: currentPath, role: ['Super', 'Admin'], permit: ':enabled' }"
                :disabled="statusDisabled ? statusDisabled(bodyCell.record) : false"
                :data="OPTIONS.EnableDisable"
                @click="gridStatusUpdate(gridCtrl, bodyCell.record)"

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

@@ -1,5 +1,6 @@
 <script setup lang="ts" generic="T">
 import {
+   AppRouter,
    ButtonTool,
    getToolGroup,
    getToolVisible,
@@ -8,9 +9,9 @@ import {
    onGridRowEdit,
    onGridRowDelete,
    GridControl,
-   AppRouter,
-} from '@skyfox2000/webbase';
+} from '@/index';
 import { ConfigProvider, Button, Space, DropdownButton, Menu, MenuItem, Popconfirm } from 'ant-design-vue';
+import { computed } from 'vue';
 
 const props = defineProps<{
    /**
@@ -25,6 +26,9 @@ const props = defineProps<{
 
 const gridCtrl = props.gridCtrl;
 
+// 响应式获取当前路由路径
+const currentPath = computed(() => AppRouter.currentRoute.value.path);
+
 /// 兼容其它按钮操作参数
 const defaultOperates: ButtonTool[] = [
    {
@@ -96,7 +100,7 @@ const disabled = (item: ButtonTool): boolean => {
                   :danger="item.danger"
                   v-if="getToolVisible(item, props.record)"
                   :disabled="disabled(item)"
-                  v-auth="{ url: AppRouter.currentRoute.value.path, role: item.role, permit: item.permit }"
+                  v-auth="{ url: currentPath, role: item.role, permit: item.permit }"
                   @click="onToolClicked(item, gridCtrl.page, gridCtrl, props.record)"
                   size="small"
                   :style="{
@@ -117,7 +121,7 @@ const disabled = (item: ButtonTool): boolean => {
                         <MenuItem
                            v-if="getToolVisible(item, props.record)"
                            :disabled="disabled(item)"
-                           v-auth="{ url: AppRouter.currentRoute.value.path, role: item.role, permit: item.permit }"
+                           v-auth="{ url: currentPath, role: item.role, permit: item.permit }"
                            @click="onToolClicked(item, gridCtrl.page, gridCtrl, props.record)"
                         >
                            {{ item.label }}

package/src/components/content/toolbar/icontool.vue

@@ -6,14 +6,14 @@ import {
    AppRouter,
    filterColumns,
    onColumnVisibleChanged,
-   useSettingInfo,
    getToolStatus,
    getToolByKey,
    getToolVisible,
    useToolFactory,
    onToolClicked,
    GridControl,
-} from '@skyfox2000/webbase';
+   useSettingInfo,
+} from '@/index';
 import { Button, ToolIcon } from '../../common';
 import { Dropdown, Menu, MenuItem } from 'ant-design-vue';
 

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

@@ -1,5 +1,6 @@
 <script setup lang="ts" generic="T">
 import {
+   AppRouter,
    ButtonTool,
    EditorControl,
    GridControl,
@@ -7,12 +8,11 @@ import {
    getToolStatus,
    onToolClicked,
    openNewForm,
-   AppRouter,
-} from '@skyfox2000/webbase';
+} from '@/index';
 import { Dropdown, Menu, MenuItem, Space } from 'ant-design-vue';
 import { Button } from '../../common';
 import IconTool from './icontool.vue';
-import { ref, watch } from 'vue';
+import { ref, watch, computed } from 'vue';
 
 const props = defineProps<{
    /**
@@ -29,6 +29,9 @@ const gridCtrl = props.gridCtrl;
 const pageCtrl = gridCtrl.page;
 const editorCtrl = props.editorCtrl;
 
+// 响应式获取当前路由路径
+const currentPath = computed(() => AppRouter.currentRoute.value.path);
+
 const defaultButtons: ButtonTool[] = [
    {
       key: 'New',
@@ -69,6 +72,7 @@ watch(
 <template>
    <div class="flex justify-between mb-[10px]">
       <Space>
+         {{ currentPath }}
          <Button
             v-for="item in ToolbarButtons"
             :key="item.key"
@@ -76,7 +80,7 @@ watch(
             :danger="item.danger"
             :disabled="getToolStatus(item)"
             :icon="item.icon"
-            v-auth="{ url: AppRouter.currentRoute.value.path, role: item.role, permit: item.permit }"
+            v-auth="{ url: currentPath, role: item.role, permit: item.permit }"
             @click="onToolClicked(item, pageCtrl, gridCtrl)"
          >
             {{ item.label }}
@@ -88,7 +92,7 @@ watch(
                      v-for="item in ToolbarMenus"
                      :key="item.key"
                      :disabled="getToolStatus(item)"
-                     v-auth="{ url: AppRouter.currentRoute.value.path, role: item.role, permit: item.permit }"
+                     v-auth="{ url: currentPath, role: item.role, permit: item.permit }"
                      @click="onToolClicked(item, pageCtrl, gridCtrl)"
                   >
                      {{ item.label }}

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

@@ -2,7 +2,7 @@
 import { onMounted, ref, useAttrs, watch } from 'vue';
 import { Tree } from 'ant-design-vue';
 import { ToolIcon } from '../../common';
-import { TreeControl, TreeNode, queryTree } from '@skyfox2000/webbase';
+import { TreeControl, TreeNode, queryTree } from '@/index';
 import { TreeDataNode } from 'ant-design-vue/es/vc-tree-select/interface';
 import { EventDataNode } from 'ant-design-vue/es/vc-tree/interface';
 import { fieldMapping } from '@skyfox2000/fapi';

package/src/components/error/error403.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
+import { AppRouter } from '@/index';
 import { Result, Button } from 'ant-design-vue';
-import { AppRouter } from '@skyfox2000/webbase';
 const onClicked = () => {
    AppRouter.back();
 };
@@ -11,4 +11,4 @@ const onClicked = () => {
          <Button type="primary" @click="onClicked">点击返回</Button>
       </template>
    </Result>
-</template> 
+</template>

package/src/components/error/error404.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
+import { AppRouter } from '@/index';
 import { Result, Button } from 'ant-design-vue';
-import { AppRouter } from '@skyfox2000/webbase';
 const onClicked = () => {
    AppRouter.back();
 };
@@ -11,4 +11,4 @@ const onClicked = () => {
          <Button type="primary" @click="onClicked">点击返回</Button>
       </template>
    </Result>
-</template>
+</template>

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

@@ -12,7 +12,7 @@ import {
    getSelectedLabels,
    formValidate,
    outFormDataFields,
-} from '@skyfox2000/webbase';
+} from '@/index';
 import { ReqParams, IUrlInfo } from '@skyfox2000/fapi';
 
 const props = defineProps({

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

@@ -8,7 +8,7 @@ import {
    loadOption,
    unloadOption,
    formValidate,
-} from '@skyfox2000/webbase';
+} from '@/index';
 import { Cascader } from 'ant-design-vue';
 import { DefaultOptionType, ValueType } from 'ant-design-vue/es/vc-cascader/Cascader';
 import { IUrlInfo } from '@skyfox2000/fapi';
@@ -42,7 +42,6 @@ watch(
    { immediate: true },
 );
 
-
 const emit = defineEmits(['change', 'update:labels', 'update:value']);
 inputFactory.inputEmit = emit;
 /**

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

@@ -10,9 +10,9 @@ import {
    SelectValue,
    unloadOption,
    useInputFactory,
-} from '@skyfox2000/webbase';
+   OptionCommProps,
+} from '@/index';
 import { CheckboxValueType } from 'ant-design-vue/es/checkbox/interface';
-import { OptionCommProps } from '@skyfox2000/webbase';
 import { IUrlInfo } from '@skyfox2000/fapi';
 
 const props = defineProps({
@@ -83,14 +83,20 @@ 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)"
+            <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/datePicker/index.vue

@@ -2,7 +2,7 @@
 import { ref } from 'vue';
 import { DatePicker } from 'ant-design-vue';
 import locale from 'ant-design-vue/es/date-picker/locale/zh_CN';
-import { formValidate, useInputFactory } from '@skyfox2000/webbase';
+import { formValidate, useInputFactory } from '@/index';
 const props = defineProps<{
    valueFormat?: string;
 }>();

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

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { formValidate, useInputFactory } from '@skyfox2000/webbase';
+import { formValidate, useInputFactory } from '@/index';
 import { Input } from 'ant-design-vue';
 import { ref, watch } from 'vue';
 

package/src/components/form/input/inputNumber.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { formValidate, useInputFactory } from '@skyfox2000/webbase';
+import { formValidate, useInputFactory } from '@/index';
 import { InputNumber } from 'ant-design-vue';
 
 const { editorCtrl, labelText, errInfo } = useInputFactory();

package/src/components/form/input/inputPassword.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { formValidate, useInputFactory } from '@skyfox2000/webbase';
+import { formValidate, useInputFactory } from '@/index';
 import { InputPassword } from 'ant-design-vue';
 
 const { editorCtrl, labelText, errInfo } = useInputFactory();

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

@@ -10,7 +10,7 @@ import {
    useInputFactory,
    getSelectedLabels,
    SelectValue,
-} from '@skyfox2000/webbase';
+} from '@/index';
 import { IUrlInfo } from '@skyfox2000/fapi';
 
 const props = defineProps({

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

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { ref, PropType } from 'vue';
 import Radio from './index.vue';
-import { OPTIONS } from '@skyfox2000/webbase';
+import { OPTIONS } from '@/index';
 
 const props = defineProps({
    /**

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

@@ -2,7 +2,7 @@
 import { computed } from 'vue';
 import { RangePicker } from 'ant-design-vue';
 import locale from 'ant-design-vue/es/date-picker/locale/zh_CN';
-import { useInputFactory } from '@skyfox2000/webbase';
+import { useInputFactory } from '@/index';
 import dayjs, { Dayjs } from 'dayjs';
 
 const props = withDefaults(

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

@@ -14,7 +14,7 @@ import {
    formValidate,
    OPTIONS,
    isEmpty,
-} from '@skyfox2000/webbase';
+} from '@/index';
 import { IUrlInfo } from '@skyfox2000/fapi';
 
 type SelectValueType = string | number | string[] | number[] | null;