inl-ui 0.0.3 → 0.0.4

package/src/pageComponent/components/SearchSelect.tsx

@@ -6,17 +6,17 @@
  * @LastEditTime: 2022-04-24 13:58:53
  */
 
-import { PropType, defineComponent, ref, watch } from 'vue';
-import useVModel from '@/hooks/useVModel';
-import { instance } from '@/api';
-import { isNil, debounce, isEqual } from 'lodash';
-import { every } from '@/utils/is';
+import { PropType, defineComponent, ref, watch } from "vue";
+import useVModel from "@/pageComponent/hooks/useVModel";
+import { instance } from "@/pageComponent/api";
+import { isNil, debounce, isEqual } from "lodash";
+import { every } from "@/pageComponent/utils/is";
 
-import { Select, SelectOption } from 'inl-ui';
-import { ArrowDownOutlined, ArrowUpOutlined } from '@ant-design/icons-vue';
+import { Select, SelectOption } from "ant-design-vue";
+import { ArrowDownOutlined, ArrowUpOutlined } from "@ant-design/icons-vue";
 
 const SearchSelect = defineComponent({
-  emits: ['update:value'],
+  emits: ["update:value"],
   props: {
     value: {
       type: [String, Array, Number],
@@ -41,7 +41,7 @@ const SearchSelect = defineComponent({
     },
   },
   setup(props, { emit, attrs }) {
-    const modelValue = useVModel(props, 'value', emit);
+    const modelValue = useVModel(props, "value", emit);
 
     /* 列表 */
     const optionList = ref([]);
@@ -71,15 +71,15 @@ const SearchSelect = defineComponent({
         }
       }
     }, 300);
-    getOptionList('');
+    getOptionList("");
 
     watch(
       () => props.extParams,
       (curr, prev) => {
         if (!isEqual(curr, prev)) {
-          getOptionList('');
+          getOptionList("");
         }
-      },
+      }
     );
 
     watch(
@@ -88,36 +88,36 @@ const SearchSelect = defineComponent({
         if (isEqual(curr, prev)) return;
         if (Array.isArray(modelValue.value)) {
           modelValue.value = modelValue.value.filter(
-            (item) => !props.excludeValues.includes(item),
+            (item) => !props.excludeValues.includes(item)
           );
         } else {
           if (props.excludeValues.includes(modelValue.value)) {
             modelValue.value = undefined;
           }
         }
-      },
+      }
     );
 
     return () => (
       <Select
         {...attrs}
-        notFoundContent={isFetching.value ? '加载中' : '暂无数据'}
+        notFoundContent={isFetching.value ? "加载中" : "暂无数据"}
         showSearch
         defaultActiveFirstOption={false}
         showArrow={true}
         filterOption={false}
-        v-model={[modelValue.value, 'value']}
+        v-model={[modelValue.value, "value"]}
         onSearch={getOptionList}
       >
         {optionList.value.map(
           (item: any) =>
             !props.excludeValues.includes(
-              item[props.valuePorp.key ?? 'id'],
+              item[props.valuePorp.key ?? "id"]
             ) && (
-              <SelectOption key={item[props.valuePorp.key ?? 'id']}>
-                {item[props.valuePorp.label ?? 'name']}
+              <SelectOption key={item[props.valuePorp.key ?? "id"]}>
+                {item[props.valuePorp.label ?? "name"]}
               </SelectOption>
-            ),
+            )
         )}
       </Select>
     );

package/src/pageComponent/components/Sidebar.tsx

@@ -5,9 +5,9 @@ import {
   h,
   resolveComponent,
   watch,
-} from 'vue';
-import { Menu, MenuItem, SubMenu } from 'inl-ui';
-import { useRoute, useRouter } from 'vue-router';
+} from "vue";
+import { Menu, MenuItem, SubMenu } from "ant-design-vue";
+import { useRoute, useRouter } from "vue-router";
 
 // props
 const props = {
@@ -17,7 +17,7 @@ const props = {
   },
   path: {
     type: String,
-    default: '',
+    default: "",
   },
 };
 
@@ -46,11 +46,11 @@ export default defineComponent({
     watch(
       route,
       (nVal) => {
-        const urlList = nVal.path.split('/');
+        const urlList = nVal.path.split("/");
         state.openKeys = [urlList[urlList.length - 2]];
         state.selectedKeys = [urlList[urlList.length - 1]];
       },
-      { deep: true, immediate: true },
+      { deep: true, immediate: true }
     );
 
     const toPath = (path: string) => {
@@ -78,8 +78,8 @@ export default defineComponent({
         ele = (
           <MenuItem
             key={item.path}
-            onClick={() => toPath((fPath ? `${fPath}/` : '') + item.path)}
-            v-slots={getSlots(meta.title, meta?.icon || 'container-outlined')}
+            onClick={() => toPath((fPath ? `${fPath}/` : "") + item.path)}
+            v-slots={getSlots(meta.title, meta?.icon || "container-outlined")}
           >
             {meta.title}
           </MenuItem>
@@ -110,10 +110,10 @@ export default defineComponent({
 
     return () => (
       <Menu
-        mode='inline'
+        mode="inline"
         v-models={[
-          [state.selectedKeys, 'selectedKeys'],
-          [state.openKeys, 'openKeys'],
+          [state.selectedKeys, "selectedKeys"],
+          [state.openKeys, "openKeys"],
         ]}
       >
         {getSubMenu(prop.menu)}

package/src/pageComponent/config/htconfig.ts

@@ -2,10 +2,10 @@ window.htconfig = {
   Default: {
     toolTipDelay: 100,
     toolTipContinual: true,
-    debugTipBackground: 'rgba(61,61,61,0.6)',
-    debugTipLabelColor: '#fff',
+    debugTipBackground: "rgba(61,61,61,0.6)",
+    debugTipLabelColor: "#fff",
     convertURL: (url: string) => {
-      const storagePrefix = '/ht_';
+      const storagePrefix = "/ht_";
       if (
         storagePrefix &&
         url &&
@@ -16,9 +16,9 @@ window.htconfig = {
         url = `${storagePrefix}/${url}`;
       }
       // append timestamp
-      url += `${url.indexOf('?') >= 0 ? '&' : '?'}ts=${Date.now()}`;
+      url += `${url.indexOf("?") >= 0 ? "&" : "?"}ts=${Date.now()}`;
       // append sid
-      const match = window.location.href.match('sid=([0-9a-z-]*)');
+      const match = window.location.href.match("sid=([0-9a-z-]*)");
       if (match) {
         // eslint-disable-next-line prefer-destructuring
         window.sid = match[1];

package/dist/types/src/gl.d.ts

@@ -1,8 +0,0 @@
-import Store from "./pageComponent/config/install";
-import { instance } from "./pageComponent/api";
-declare module "@vue/runtime-core" {
-    interface ComponentCustomProperties {
-        $store: typeof Store;
-        $axios: typeof instance;
-    }
-}

package/dist/types/src/utll.d.ts

@@ -1,2 +0,0 @@
-import utils from "inl-util";
-export default utils;