inl-ui 0.0.3 → 0.0.4

package/src/ht/index.d.ts

@@ -0,0 +1,4 @@
+interface Window {
+  g: any;
+  htconfig: any;
+}

package/src/pageComponent/api/axios.ts

@@ -5,26 +5,26 @@
  * @LastEditors: wang liang
  * @LastEditTime: 2022-04-19 16:10:57
  */
-import axios from 'axios';
-import { omit, isPlainObject } from 'lodash';
-import { message } from 'inl-ui';
+import axios from "axios";
+import { omit, isPlainObject } from "lodash";
+import { message } from "ant-design-vue";
 
 const instance = axios.create({
-  baseURL: '/api/comlite/v1', // /api/
+  baseURL: "/api/comlite/v1", // /api/
   timeout: 5000,
   headers: {
-    'X-Custom-Header': 'foobar',
-    clientType: 'app',
-    'Content-Type': 'application/json;charset=UTF-8',
+    "X-Custom-Header": "foobar",
+    clientType: "app",
+    "Content-Type": "application/json;charset=UTF-8",
   },
 });
 
 const getToken = (): string => {
-  return `${sessionStorage.getItem('token')}`;
+  return `${sessionStorage.getItem("token")}`;
 };
 
 const getUser = () => {
-  const user = sessionStorage.getItem('userinfo');
+  const user = sessionStorage.getItem("userinfo");
   if (user) {
     return JSON.parse(user);
   }
@@ -32,7 +32,7 @@ const getUser = () => {
 
 instance.interceptors.request.use(
   (conf) => {
-    const corpId = sessionStorage.getItem('corpId');
+    const corpId = sessionStorage.getItem("corpId");
     conf.headers.token = getToken();
     conf.headers.userId = getUser()?.userId;
     conf.headers.userName = getUser()?.userName;
@@ -41,10 +41,10 @@ instance.interceptors.request.use(
     if (isPlainObject(data)) {
       conf.data = omit(
         data,
-        'createDt',
-        'createUser',
-        'updateDt',
-        'updateUser',
+        "createDt",
+        "createUser",
+        "updateDt",
+        "updateUser"
       );
     }
     if (corpId) {
@@ -54,24 +54,24 @@ instance.interceptors.request.use(
   },
   (err) => {
     return Promise.reject(err);
-  },
+  }
 );
 
 instance.interceptors.response.use(
   (res) => {
     const resData = res.data;
-    const status = resData.code === '0';
+    const status = resData.code === "0";
     if (status) {
       return Promise.resolve(resData);
     }
-    const msg = res.data?.msg ?? '请求失败';
+    const msg = res.data?.msg ?? "请求失败";
     message.error(msg);
 
     return Promise.reject(resData);
   },
   (err) => {
     return Promise.reject(err);
-  },
+  }
 );
 
 export { instance };

package/src/pageComponent/components/CommonTree.tsx

@@ -6,13 +6,13 @@
  * @LastEditTime: 2022-04-25 15:10:09
  */
 
-import { defineComponent, onBeforeUnmount, onMounted, ref } from 'vue';
-import useProxy from '@/hooks/useProxy';
-import useBus from '@/hooks/useBus';
-import { debounce } from 'lodash';
-import { findById } from '@/utils/tree';
+import { defineComponent, onBeforeUnmount, onMounted, ref } from "vue";
+import useProxy from "@/pageComponent/hooks/useProxy";
+import useBus from "@/pageComponent/hooks/useBus";
+import { debounce } from "lodash";
+import { findById } from "@/pageComponent/utils/tree";
 
-import { Tree, Input, Space, Button, Spin, Modal, Empty } from 'inl-ui';
+import { Tree, Input, Space, Button, Spin, Modal, Empty } from "ant-design-vue";
 import {
   SearchOutlined,
   CloudUploadOutlined,
@@ -22,13 +22,13 @@ import {
   DeleteOutlined,
   PlusCircleOutlined,
   HolderOutlined,
-} from '@ant-design/icons-vue';
+} from "@ant-design/icons-vue";
 
 const CommonTree = defineComponent({
   props: {
     downLoadName: {
       type: String,
-      default: '树结构数据.json',
+      default: "树结构数据.json",
     },
     getData: {
       type: Function,
@@ -59,9 +59,9 @@ const CommonTree = defineComponent({
   },
   setup(props) {
     const proxy = useProxy();
-    const bus = useBus('system');
+    const bus = useBus("system");
 
-    const searchText = ref('');
+    const searchText = ref("");
 
     const treeData = ref([]);
     const originData = ref([]);
@@ -110,7 +110,7 @@ const CommonTree = defineComponent({
       const str = JSON.stringify(originData.value, null, 2);
       const blob = new Blob([str]);
       const url = URL.createObjectURL(blob);
-      const aEl = document.createElement('a');
+      const aEl = document.createElement("a");
       aEl.href = url;
       aEl.download = props.downLoadName;
       aEl.click();
@@ -118,7 +118,7 @@ const CommonTree = defineComponent({
     // 复制节点
     const handleCopy = (node: any) => {
       Modal.confirm({
-        title: '复制菜单',
+        title: "复制菜单",
         content: `确定复制菜单“${node.name}”?`,
         async onOk() {
           props.onCopy?.(node);
@@ -137,7 +137,7 @@ const CommonTree = defineComponent({
     // 删除节点
     const handleDelete = (node: any) => {
       Modal.confirm({
-        title: '删除菜单',
+        title: "删除菜单",
         content: `确定删除菜单“${node.name}”?`,
         async onOk() {
           props.onDelete?.(node);
@@ -150,7 +150,7 @@ const CommonTree = defineComponent({
     const handleDrop = (info: any) => {
       const dropKey = info.node.id;
       const dragKey = info.dragNode.id;
-      const dropPos = info.node.pos.split('-');
+      const dropPos = info.node.pos.split("-");
       const dropPosition =
         info.dropPosition - Number(dropPos[dropPos.length - 1]);
       const loop = (data: any, id: string | number, callback: any) => {
@@ -218,7 +218,7 @@ const CommonTree = defineComponent({
       // 转换第一层数据
       const res = data.map((item: any, index: number) => {
         setSort(item, index);
-        item.id = parseInt(item.id.replace('sys', ''));
+        item.id = parseInt(item.id.replace("sys", ""));
         item.menuList = item.subList;
         return item;
       });
@@ -231,30 +231,30 @@ const CommonTree = defineComponent({
     const handleRefresh = async () => {
       await getTreeData(proxy._reselect);
     };
-    onMounted(() => bus.on('tree/refresh', handleRefresh));
-    onBeforeUnmount(() => bus.off('tree/refresh', handleRefresh));
+    onMounted(() => bus.on("tree/refresh", handleRefresh));
+    onBeforeUnmount(() => bus.off("tree/refresh", handleRefresh));
 
     return () => (
-      <div class='common-tree'>
+      <div class="common-tree">
         {/* 搜索 */}
         <Input
-          style={{ marginBottom: '16px' }}
-          placeholder='请输入内容'
+          style={{ marginBottom: "16px" }}
+          placeholder="请输入内容"
           allowClear
           suffix={<SearchOutlined />}
-          v-model={[searchText.value, 'value']}
+          v-model={[searchText.value, "value"]}
           onChange={getTreeData}
         />
         {/* 工具栏容器 */}
-        <div class='utils-container'>
+        <div class="utils-container">
           <Space>
             {props.isJSONOperation && (
               <>
-                <Button type='link'>
+                <Button type="link">
                   <CloudUploadOutlined />
                   上传JSON文件
                 </Button>
-                <Button type='link' onClick={handleDownload}>
+                <Button type="link" onClick={handleDownload}>
                   <CloudDownloadOutlined />
                   下载JSON文件
                 </Button>
@@ -262,7 +262,7 @@ const CommonTree = defineComponent({
             )}
           </Space>
         </div>
-        <div class='tree-container'>
+        <div class="tree-container">
           <Spin spinning={isLoading.value}>
             {treeData.value.length > 0 ? (
               <Tree
@@ -270,20 +270,20 @@ const CommonTree = defineComponent({
                 blockNode
                 draggable={isDraggable.value}
                 defaultExpandAll
-                fieldNames={{ children: 'subList', key: 'id', title: 'name' }}
+                fieldNames={{ children: "subList", key: "id", title: "name" }}
                 treeData={treeData.value}
-                v-model={[selectedKeys.value, 'selectedKeys']}
+                v-model={[selectedKeys.value, "selectedKeys"]}
                 onSelect={handleSelectNode}
                 onDrop={handleDrop}
               >
                 {{
                   title: ({ name, selected, isSystem, dataRef }: any) => {
                     return (
-                      <span class='tree-node-title'>
-                        <span class='name'>{name}</span>
+                      <span class="tree-node-title">
+                        <span class="name">{name}</span>
                         {/* 当前选中的节点需要展示操作按钮 */}
                         {selected && isSystem && (
-                          <span class='operation' style={{ float: 'right' }}>
+                          <span class="operation" style={{ float: "right" }}>
                             <PlusCircleOutlined
                               onClick={(e) => {
                                 e.stopPropagation();
@@ -293,7 +293,7 @@ const CommonTree = defineComponent({
                           </span>
                         )}
                         {selected && !isSystem && (
-                          <span class='operation' style={{ float: 'right' }}>
+                          <span class="operation" style={{ float: "right" }}>
                             <Space>
                               {/* 只能复制没有子菜单的菜单 */}
                               {!dataRef.subList.length &&

package/src/pageComponent/components/EditPasswordForm.tsx

@@ -6,11 +6,11 @@
  * @LastEditTime: 2022-04-14 16:45:42
  */
 
-import { defineComponent, PropType, ref } from 'vue';
-import useVModel from '@/hooks/useVModel';
-import useProxy from '@/hooks/useProxy';
+import { defineComponent, PropType, ref } from "vue";
+import useVModel from "@/pageComponent/hooks/useVModel";
+import useProxy from "@/pageComponent/hooks/useProxy";
 
-import { Form, FormItem, InputPassword } from 'inl-ui';
+import { Form, FormItem, InputPassword } from "ant-design-vue";
 
 export interface IEditPasswordForm {
   oldPassWord: string;
@@ -19,7 +19,7 @@ export interface IEditPasswordForm {
 }
 
 const Editpasswordform = defineComponent({
-  emits: ['udpate:form'],
+  emits: ["udpate:form"],
   props: {
     form: {
       type: Object as PropType<IEditPasswordForm>,
@@ -28,25 +28,25 @@ const Editpasswordform = defineComponent({
   },
   setup(props, { emit }) {
     const proxy = useProxy();
-    const formModel = useVModel(props, 'form', emit);
+    const formModel = useVModel(props, "form", emit);
 
     const rules = {
       passWord: {
         async validator(rule: any, value: string) {
-          if (!value) throw new Error('请输入新密码');
+          if (!value) throw new Error("请输入新密码");
           if (!formModel.value.checkPassWord) return true;
           if (value !== formModel.value.checkPassWord) {
-            throw new Error('新旧密码不一致');
+            throw new Error("新旧密码不一致");
           }
           return true;
         },
       },
       checkPassWord: {
         async validator(rule: any, value: string) {
-          if (!value) throw new Error('请确认密码');
+          if (!value) throw new Error("请确认密码");
           if (!formModel.value.passWord) return true;
           if (value !== formModel.value.passWord) {
-            throw new Error('新旧密码不一致');
+            throw new Error("新旧密码不一致");
           }
           return true;
         },
@@ -56,7 +56,7 @@ const Editpasswordform = defineComponent({
     const formRef = ref();
 
     proxy._validate = async () => {
-      console.log('验证');
+      console.log("验证");
 
       await formRef.value.validate();
     };
@@ -64,22 +64,22 @@ const Editpasswordform = defineComponent({
     return () => (
       <Form
         ref={formRef}
-        labelCol={{ style: { width: '100px' } }}
+        labelCol={{ style: { width: "100px" } }}
         model={formModel.value}
         rules={rules}
       >
         <FormItem
-          name='oldPassWord'
-          rules={{ required: true, message: '请输入原密码' }}
-          label='原密码'
+          name="oldPassWord"
+          rules={{ required: true, message: "请输入原密码" }}
+          label="原密码"
         >
-          <InputPassword v-model={[formModel.value.oldPassWord, 'value']} />
+          <InputPassword v-model={[formModel.value.oldPassWord, "value"]} />
         </FormItem>
-        <FormItem name='passWord' label='新密码'>
-          <InputPassword v-model={[formModel.value.passWord, 'value']} />
+        <FormItem name="passWord" label="新密码">
+          <InputPassword v-model={[formModel.value.passWord, "value"]} />
         </FormItem>
-        <FormItem name='checkPassWord' label='确认新密码'>
-          <InputPassword v-model={[formModel.value.checkPassWord, 'value']} />
+        <FormItem name="checkPassWord" label="确认新密码">
+          <InputPassword v-model={[formModel.value.checkPassWord, "value"]} />
         </FormItem>
       </Form>
     );

package/src/pageComponent/components/IconSelect.tsx

@@ -6,38 +6,38 @@
  * @LastEditTime: 2022-04-06 16:12:58
  */
 
-import { defineComponent } from 'vue';
-import useVModel from '@/hooks/useVModel';
+import { defineComponent } from "vue";
+import useVModel from "@/pageComponent/hooks/useVModel";
 
-import { Select, SelectOption } from 'inl-ui';
+import { Select, SelectOption } from "ant-design-vue";
 import {
   CiOutlined,
   UpOutlined,
   ApiOutlined,
   EyeOutlined,
   KeyOutlined,
-} from '@ant-design/icons-vue';
+} from "@ant-design/icons-vue";
 
 const iconsList = [
-  { name: 'CiOutlined', icon: CiOutlined },
-  { name: 'UpOutlined', icon: UpOutlined },
-  { name: 'ApiOutlined', icon: ApiOutlined },
-  { name: 'EyeOutlined', icon: EyeOutlined },
-  { name: 'KeyOutlined', icon: KeyOutlined },
+  { name: "CiOutlined", icon: CiOutlined },
+  { name: "UpOutlined", icon: UpOutlined },
+  { name: "ApiOutlined", icon: ApiOutlined },
+  { name: "EyeOutlined", icon: EyeOutlined },
+  { name: "KeyOutlined", icon: KeyOutlined },
 ];
 
 const IconSelect = defineComponent({
-  emits: ['update:value'],
+  emits: ["update:value"],
   props: {
     value: {
       type: [String, Number],
     },
   },
   setup(props, { emit }) {
-    const selectValue = useVModel(props, 'value', emit);
+    const selectValue = useVModel(props, "value", emit);
 
     return () => (
-      <Select v-model={[selectValue.value, 'value']}>
+      <Select v-model={[selectValue.value, "value"]}>
         {iconsList.map((item) => (
           <SelectOption key={item.name}>
             <item.icon />

package/src/pageComponent/components/Navbar.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 = {
@@ -40,10 +40,10 @@ export default defineComponent({
     watch(
       route,
       (nVal) => {
-        const urlList = nVal.path.split('/');
+        const urlList = nVal.path.split("/");
         state.selectedKeys = [`/${urlList[1]}`];
       },
-      { deep: true, immediate: true },
+      { deep: true, immediate: true }
     );
 
     const toPath = (path: string) => {
@@ -71,7 +71,7 @@ export default defineComponent({
           ele = (
             <MenuItem
               key={item.path}
-              onClick={() => toPath((fPath ? `${fPath}/` : '') + item.path)}
+              onClick={() => toPath((fPath ? `${fPath}/` : "") + item.path)}
               v-slots={getSlots(meta.title, meta?.icon)}
             >
               {meta.title}
@@ -85,9 +85,9 @@ export default defineComponent({
 
     return () => (
       <Menu
-        class='topMenu'
-        mode='horizontal'
-        v-model={[state.selectedKeys, 'selectedKeys']}
+        class="topMenu"
+        mode="horizontal"
+        v-model={[state.selectedKeys, "selectedKeys"]}
       >
         {getMenuItem(prop.menu)}
       </Menu>

package/src/pageComponent/components/ProFormItem.tsx

@@ -14,8 +14,8 @@ import {
   ref,
   watch,
   PropType,
-} from 'vue';
-import { isObject } from 'lodash';
+} from "vue";
+import { isObject } from "lodash";
 
 import {
   FormItem,
@@ -24,7 +24,7 @@ import {
   Switch,
   Select,
   SelectOption,
-} from 'inl-ui';
+} from "ant-design-vue";
 
 const ProFormItem = defineComponent({
   props: {
@@ -45,10 +45,10 @@ const ProFormItem = defineComponent({
     // 表单类型
     const type = computed(() => paramDefine.value.type);
     // 是否是开关表单
-    const isSwitch = computed(() => type.value === 'boolean');
+    const isSwitch = computed(() => type.value === "boolean");
 
     /* 是否修改状态 */
-    const isEdit = inject<Ref<boolean>>('isEdit')!;
+    const isEdit = inject<Ref<boolean>>("isEdit")!;
 
     /* ===== 输入框值 ===== */
     const inputValue = ref();
@@ -59,12 +59,12 @@ const ProFormItem = defineComponent({
         const value = props.description.paramDefineValue.value;
         // boolean类型 true/false是字符串 所以需要单独判断
         inputValue.value = isSwitch.value
-          ? value === 'false'
+          ? value === "false"
             ? false
             : true
           : value;
       },
-      { deep: true, immediate: true },
+      { deep: true, immediate: true }
     );
     // 输入框变化回调
     const handleValueChange = (e: any) => {
@@ -80,14 +80,14 @@ const ProFormItem = defineComponent({
     /* ==== 根据类型 返回不同的表单项 ===== */
     let Filed: any = null;
     switch (type.value) {
-      case 'float':
-      case 'int':
+      case "float":
+      case "int":
         Filed = InputNumber;
         break;
-      case 'boolean':
+      case "boolean":
         Filed = Switch;
         break;
-      case 'select':
+      case "select":
         Filed = Select;
         break;
 
@@ -102,7 +102,7 @@ const ProFormItem = defineComponent({
       // 最大值
       if (paramDefine.value.maxValue !== null) {
         res.push({
-          type: 'number',
+          type: "number",
           max: paramDefine.value.maxValue,
           message: `最大值为${paramDefine.value.maxValue}`,
         });
@@ -110,7 +110,7 @@ const ProFormItem = defineComponent({
       // 最小值
       if (paramDefine.value.minValue !== null) {
         res.push({
-          type: 'number',
+          type: "number",
           min: paramDefine.value.minValue,
           message: `最小值为${paramDefine.value.minValue}`,
         });
@@ -139,7 +139,7 @@ const ProFormItem = defineComponent({
 
       // 单位
       if (paramDefine.value.unit) {
-        res['addon-after'] = paramDefine.value.unit;
+        res["addon-after"] = paramDefine.value.unit;
       }
       // 是否可修改
       if (!paramDefine.value.writeable || !isEdit.value) {
@@ -160,8 +160,8 @@ const ProFormItem = defineComponent({
       // console.log(isSwitch.value);
 
       const vModel = isSwitch.value
-        ? [inputValue.value, 'checked']
-        : [inputValue.value, 'value'];
+        ? [inputValue.value, "checked"]
+        : [inputValue.value, "value"];
       return (
         <FormItem
           name={paramDefine.value.code}
@@ -170,11 +170,11 @@ const ProFormItem = defineComponent({
           rules={rules.value}
         >
           <Filed
-            style={{ width: isSwitch.value ? '' : '100%' }}
+            style={{ width: isSwitch.value ? "" : "100%" }}
             {...inputProps.value}
             onChange={handleValueChange}
           >
-            <SelectOption key='你好'>你好</SelectOption>
+            <SelectOption key="你好">你好</SelectOption>
           </Filed>
         </FormItem>
       );