inl-ui 0.0.37 → 0.0.39

package/src/pageComponent/views/systemManager/authManager/menuManager/menuSelectTree.tsx

@@ -1,129 +1,129 @@
-/*
- * @Abstract: 摘要
- * @Author: wang liang
- * @Date: 2022-03-25 10:51:32
- * @LastEditors: wang liang
- * @LastEditTime: 2022-04-27 11:03:50
- */
-import { defineComponent, onMounted, ref, inject } from "vue";
-import useModalVisibleControl from "@/pageComponent/hooks/manage-module/useModalVisibleControl";
-import useBus from "@/pageComponent/hooks/useBus";
-import { omit } from "lodash";
-import api from "@/api/auth/menuManager";
-import { IUrlObj } from "./index";
-
-import { Modal, message } from "ant-design-vue";
-import CommonTree from "@/pageComponent/components/CommonTree";
-import UpdateMenuDialog from "./updateMenuDialog";
-import UploadJSONDialog from "./uploadJSONDialog";
-
-/**
- * 菜单树结构
- */
-const MenuSelectTree = defineComponent({
-  props: {
-    onSelect: {
-      type: Function,
-    },
-    onEdit: {
-      type: Function,
-    },
-  },
-  setup(props) {
-    const urlMap = inject<IUrlObj>("urlMap")!;
-
-    const bus = useBus("system");
-
-    const treeRef = ref();
-
-    let refresh: () => void;
-
-    onMounted(() => (refresh = treeRef.value._refresh));
-
-    // 获取数据函数
-    const getTreeData = async (keyword = "") => {
-      const { data } = await api.getMenuTreeList(urlMap.tree)({ keyword });
-      return data.map((item: any) => {
-        item.name = item.softSysName;
-        item.id = "sys" + item.softSysId;
-        item.isSystem = true;
-        item.subList = item.menuList;
-        return item;
-      });
-    };
-
-    /* 当前选中的节点 */
-    const handleSelectNode = (node?: any) => {
-      props.onSelect?.(node);
-    };
-
-    /* ===== 节点操作 ===== */
-    // 复制节点
-    const handleCopy = async (node: any) => {
-      await api.insertMenuRecord(urlMap.add)(
-        omit(node, "id", "sort", "subList", "code")
-      );
-      message.success("复制成功");
-      refresh();
-    };
-    // 编辑节点
-    const handleEdit = (node: any) => {
-      props.onEdit?.(node);
-    };
-    // 删除节点
-    const handleDelete = async (node: any) => {
-      await api.deleteMenuById(urlMap.delete)(node.id);
-      message.success("删除成功");
-      refresh();
-      handleSelectNode();
-    };
-    // 添加节点
-    const [isAddNodeDialogShow, handleAddNodeClick, addNodeParent] =
-      useModalVisibleControl();
-
-    /* ===== 拖拽操作 ===== */
-    const handleDrop = (data: any) => {
-      // 发送排序请求 成功后重新查询数据
-      api
-        .sortMenu(urlMap.sort)(data)
-        .then(() => {
-          message.success("排序成功");
-          refresh();
-        });
-    };
-
-    // 上传json文件
-    const [isUploadDialogShow, handleUploadClick] = useModalVisibleControl();
-
-    return () => (
-      <div class="menu-select-tree">
-        <CommonTree
-          ref={treeRef}
-          isJSONOperation
-          downLoadName="菜单结构.json"
-          getData={getTreeData}
-          onCopy={handleCopy}
-          onAdd={handleAddNodeClick}
-          onEdit={handleEdit}
-          onDelete={handleDelete}
-          onDrop={handleDrop}
-          onSelect={handleSelectNode}
-          onJSONUploadClick={handleUploadClick}
-        />
-
-        <UpdateMenuDialog
-          onRefresh={refresh}
-          parent={addNodeParent.value}
-          v-model={[isAddNodeDialogShow.value, "visible"]}
-        />
-
-        <UploadJSONDialog
-          v-model={[isUploadDialogShow.value, "visible"]}
-          onRefresh={refresh}
-        />
-      </div>
-    );
-  },
-});
-
-export default MenuSelectTree;
+/*
+ * @Abstract: 摘要
+ * @Author: wang liang
+ * @Date: 2022-03-25 10:51:32
+ * @LastEditors: wang liang
+ * @LastEditTime: 2022-04-27 11:03:50
+ */
+import { defineComponent, onMounted, ref, inject } from "vue";
+import useModalVisibleControl from "@/pageComponent/hooks/manage-module/useModalVisibleControl";
+import useBus from "@/pageComponent/hooks/useBus";
+import { omit } from "lodash";
+import api from "@/api/auth/menuManager";
+import { IUrlObj } from "./index";
+
+import { Modal, message } from "ant-design-vue";
+import CommonTree from "@/pageComponent/components/CommonTree";
+import UpdateMenuDialog from "./updateMenuDialog";
+import UploadJSONDialog from "./uploadJSONDialog";
+
+/**
+ * 菜单树结构
+ */
+const MenuSelectTree = defineComponent({
+  props: {
+    onSelect: {
+      type: Function,
+    },
+    onEdit: {
+      type: Function,
+    },
+  },
+  setup(props) {
+    const urlMap = inject<IUrlObj>("urlMap")!;
+
+    const bus = useBus("system");
+
+    const treeRef = ref();
+
+    let refresh: () => void;
+
+    onMounted(() => (refresh = treeRef.value._refresh));
+
+    // 获取数据函数
+    const getTreeData = async (keyword = "") => {
+      const { data } = await api.getMenuTreeList(urlMap.tree)({ keyword });
+      return data.map((item: any) => {
+        item.name = item.softSysName;
+        item.id = "sys" + item.softSysId;
+        item.isSystem = true;
+        item.subList = item.menuList;
+        return item;
+      });
+    };
+
+    /* 当前选中的节点 */
+    const handleSelectNode = (node?: any) => {
+      props.onSelect?.(node);
+    };
+
+    /* ===== 节点操作 ===== */
+    // 复制节点
+    const handleCopy = async (node: any) => {
+      await api.insertMenuRecord(urlMap.add)(
+        omit(node, "id", "sort", "subList", "code")
+      );
+      message.success("复制成功");
+      refresh();
+    };
+    // 编辑节点
+    const handleEdit = (node: any) => {
+      props.onEdit?.(node);
+    };
+    // 删除节点
+    const handleDelete = async (node: any) => {
+      await api.deleteMenuById(urlMap.delete)(node.id);
+      message.success("删除成功");
+      refresh();
+      handleSelectNode();
+    };
+    // 添加节点
+    const [isAddNodeDialogShow, handleAddNodeClick, addNodeParent] =
+      useModalVisibleControl();
+
+    /* ===== 拖拽操作 ===== */
+    const handleDrop = (data: any) => {
+      // 发送排序请求 成功后重新查询数据
+      api
+        .sortMenu(urlMap.sort)(data)
+        .then(() => {
+          message.success("排序成功");
+          refresh();
+        });
+    };
+
+    // 上传json文件
+    const [isUploadDialogShow, handleUploadClick] = useModalVisibleControl();
+
+    return () => (
+      <div class="menu-select-tree">
+        <CommonTree
+          ref={treeRef}
+          isJSONOperation
+          downLoadName="菜单结构.json"
+          getData={getTreeData}
+          onCopy={handleCopy}
+          onAdd={handleAddNodeClick}
+          onEdit={handleEdit}
+          onDelete={handleDelete}
+          onDrop={handleDrop}
+          onSelect={handleSelectNode}
+          onJSONUploadClick={handleUploadClick}
+        />
+
+        <UpdateMenuDialog
+          onRefresh={refresh}
+          parent={addNodeParent.value}
+          v-model={[isAddNodeDialogShow.value, "visible"]}
+        />
+
+        <UploadJSONDialog
+          v-model={[isUploadDialogShow.value, "visible"]}
+          onRefresh={refresh}
+        />
+      </div>
+    );
+  },
+});
+
+export default MenuSelectTree;

package/src/pageComponent/views/systemManager/authManager/menuManager/updateMenuDialog.tsx

@@ -1,87 +1,87 @@
-/*
- * @Abstract: 摘要
- * @Author: wang liang
- * @Date: 2022-04-05 10:26:48
- * @LastEditors: wang liang
- * @LastEditTime: 2022-04-24 11:29:48
- */
-
-import { defineComponent, inject, ref, watch } from "vue";
-import useVModel from "@/pageComponent/hooks/useVModel";
-import { getRequiredRule } from "@/pageComponent/utils/validation";
-import api from "@/api/auth/menuManager";
-import { IUrlObj, openMode } from "./index";
-
-import { Modal, message } from "ant-design-vue";
-import IconSelect from "@/pageComponent/components/IconSelect";
-import MenuForm from "./menuForm";
-
-const UpdateMenuDialog = defineComponent({
-  emits: ["update:visible"],
-  props: {
-    visible: {
-      type: Boolean,
-      default: false,
-    },
-    parent: {
-      type: Object,
-      required: true,
-    },
-    onRefresh: {
-      type: Function,
-    },
-  },
-  setup(props, { emit }) {
-    const urlMap = inject<IUrlObj>("urlMap")!;
-
-    const formRef = ref();
-
-    const isVisible = useVModel(props, "visible", emit);
-
-    const form = ref({
-      code: "",
-      name: "",
-      url: "",
-      valid: true,
-      icon: undefined,
-      mode: 0,
-    });
-
-    const handleCommit = async () => {
-      const data = await formRef.value._validate();
-      const isSystemParent = props.parent.id.startsWith("sys");
-      await api.insertMenuRecord(urlMap.add)({
-        ...data,
-        valid: Number(data.valid),
-        level: isSystemParent ? 1 : props.parent.level + 1,
-        parentId: isSystemParent ? null : props.parent.id,
-        softSysId: props.parent.softSysId,
-      });
-      message.success("添加成功");
-      props.onRefresh?.();
-      isVisible.value = false;
-    };
-
-    // 清空表单
-    watch(isVisible, (val) => {
-      if (!val) {
-        formRef.value._resetFields();
-      }
-    });
-
-    return () => (
-      <div class="update-menu-dialog">
-        <Modal
-          title="添加菜单"
-          centered
-          v-model={[isVisible.value, "visible"]}
-          onOk={handleCommit}
-        >
-          <MenuForm ref={formRef} form={form.value} />
-        </Modal>
-      </div>
-    );
-  },
-});
-
-export default UpdateMenuDialog;
+/*
+ * @Abstract: 摘要
+ * @Author: wang liang
+ * @Date: 2022-04-05 10:26:48
+ * @LastEditors: wang liang
+ * @LastEditTime: 2022-04-24 11:29:48
+ */
+
+import { defineComponent, inject, ref, watch } from "vue";
+import useVModel from "@/pageComponent/hooks/useVModel";
+import { getRequiredRule } from "@/pageComponent/utils/validation";
+import api from "@/api/auth/menuManager";
+import { IUrlObj, openMode } from "./index";
+
+import { Modal, message } from "ant-design-vue";
+import IconSelect from "@/pageComponent/components/IconSelect";
+import MenuForm from "./menuForm";
+
+const UpdateMenuDialog = defineComponent({
+  emits: ["update:visible"],
+  props: {
+    visible: {
+      type: Boolean,
+      default: false,
+    },
+    parent: {
+      type: Object,
+      required: true,
+    },
+    onRefresh: {
+      type: Function,
+    },
+  },
+  setup(props, { emit }) {
+    const urlMap = inject<IUrlObj>("urlMap")!;
+
+    const formRef = ref();
+
+    const isVisible = useVModel(props, "visible", emit);
+
+    const form = ref({
+      code: "",
+      name: "",
+      url: "",
+      valid: true,
+      icon: undefined,
+      mode: 0,
+    });
+
+    const handleCommit = async () => {
+      const data = await formRef.value._validate();
+      const isSystemParent = props.parent.id.startsWith("sys");
+      await api.insertMenuRecord(urlMap.add)({
+        ...data,
+        valid: Number(data.valid),
+        level: isSystemParent ? 1 : props.parent.level + 1,
+        parentId: isSystemParent ? null : props.parent.id,
+        softSysId: props.parent.softSysId,
+      });
+      message.success("添加成功");
+      props.onRefresh?.();
+      isVisible.value = false;
+    };
+
+    // 清空表单
+    watch(isVisible, (val) => {
+      if (!val) {
+        formRef.value._resetFields();
+      }
+    });
+
+    return () => (
+      <div class="update-menu-dialog">
+        <Modal
+          title="添加菜单"
+          centered
+          v-model={[isVisible.value, "visible"]}
+          onOk={handleCommit}
+        >
+          <MenuForm ref={formRef} form={form.value} />
+        </Modal>
+      </div>
+    );
+  },
+});
+
+export default UpdateMenuDialog;

package/src/pageComponent/views/systemManager/authManager/menuManager/uploadJSONDialog.tsx

@@ -1,79 +1,79 @@
-/*
- * @Abstract: 上传JSON文件模态框
- * @Author: wang liang
- * @Date: 2022-04-26 14:16:45
- * @LastEditors: wang liang
- * @LastEditTime: 2022-04-26 15:55:21
- */
-
-import { defineComponent, ref, inject } from "vue";
-import useVModel from "@/pageComponent/hooks/useVModel";
-import { IUrlObj } from "./index";
-
-import { Modal, message } from "ant-design-vue";
-import api from "@/api/auth/menuManager";
-
-const UploadJSONDialog = defineComponent({
-  emits: ["update:visible"],
-  props: {
-    visible: {
-      type: Boolean,
-      default: false,
-    },
-    onRefresh: {
-      type: Function,
-    },
-  },
-  setup(props, { emit }) {
-    const urlMap = inject<IUrlObj>("urlMap")!;
-
-    const fileList = ref<any[]>([]);
-
-    const isVisible = useVModel(props, "visible", emit);
-
-    // 点击确定 上传文件
-    const handleCommit = async () => {
-      const file = fileList.value[0];
-      if (!file) {
-        return message.warn("请上传文件");
-      }
-      await api.uploadJSONFile(urlMap.upload)(file.originFileObj);
-      message.success("上传成功");
-      isVisible.value = false;
-      props.onRefresh?.();
-    };
-
-    // 点击取消
-    const onCancle = () => {
-      fileList.value = [];
-    };
-
-    return { isVisible, handleCommit, fileList, onCancle };
-  },
-  render() {
-    return (
-      <div class="upload-json-dialog">
-        <Modal
-          title="上传JSON文件"
-          v-model={[this.isVisible, "visible"]}
-          onOk={this.handleCommit}
-          onCancel={this.onCancle}
-        >
-          <a-upload-dragger
-            accept="application/json"
-            maxCount={1}
-            v-model={[this.fileList, "fileList"]}
-            beforeUpload={async () => false}
-          >
-            <p class="ant-upload-drag-icon">
-              <inbox-outlined></inbox-outlined>
-            </p>
-            <p class="ant-upload-text">点击或把文件拖到这里上传</p>
-          </a-upload-dragger>
-        </Modal>
-      </div>
-    );
-  },
-});
-
-export default UploadJSONDialog;
+/*
+ * @Abstract: 上传JSON文件模态框
+ * @Author: wang liang
+ * @Date: 2022-04-26 14:16:45
+ * @LastEditors: wang liang
+ * @LastEditTime: 2022-04-26 15:55:21
+ */
+
+import { defineComponent, ref, inject } from "vue";
+import useVModel from "@/pageComponent/hooks/useVModel";
+import { IUrlObj } from "./index";
+
+import { Modal, message } from "ant-design-vue";
+import api from "@/api/auth/menuManager";
+
+const UploadJSONDialog = defineComponent({
+  emits: ["update:visible"],
+  props: {
+    visible: {
+      type: Boolean,
+      default: false,
+    },
+    onRefresh: {
+      type: Function,
+    },
+  },
+  setup(props, { emit }) {
+    const urlMap = inject<IUrlObj>("urlMap")!;
+
+    const fileList = ref<any[]>([]);
+
+    const isVisible = useVModel(props, "visible", emit);
+
+    // 点击确定 上传文件
+    const handleCommit = async () => {
+      const file = fileList.value[0];
+      if (!file) {
+        return message.warn("请上传文件");
+      }
+      await api.uploadJSONFile(urlMap.upload)(file.originFileObj);
+      message.success("上传成功");
+      isVisible.value = false;
+      props.onRefresh?.();
+    };
+
+    // 点击取消
+    const onCancle = () => {
+      fileList.value = [];
+    };
+
+    return { isVisible, handleCommit, fileList, onCancle };
+  },
+  render() {
+    return (
+      <div class="upload-json-dialog">
+        <Modal
+          title="上传JSON文件"
+          v-model={[this.isVisible, "visible"]}
+          onOk={this.handleCommit}
+          onCancel={this.onCancle}
+        >
+          <a-upload-dragger
+            accept="application/json"
+            maxCount={1}
+            v-model={[this.fileList, "fileList"]}
+            beforeUpload={async () => false}
+          >
+            <p class="ant-upload-drag-icon">
+              <inbox-outlined></inbox-outlined>
+            </p>
+            <p class="ant-upload-text">点击或把文件拖到这里上传</p>
+          </a-upload-dragger>
+        </Modal>
+      </div>
+    );
+  },
+});
+
+export default UploadJSONDialog;

package/src/pageComponent/views/systemManager/authManager/roleManager/README.md

@@ -1,43 +1,43 @@
-# 角色管理
-
-## 组件名称[**inl-role-manager**]
-
-## 使用方式
-
-```jsx
-import { defineComponent } from "vue";
-export default defineComponent({
-  setup() {
-    return () => (
-      <inl-role-manager></inl-role-manager>;
-    );
-  },
-});
-```
-
-## 参数
-
-| 参数名称   | 类型   | 默认值    | 作用         |
-| ---------- | ------ | --------- | ------------ |
-| url        | 见下方 | {}        | 网络请求路径 |
-| prefix     | string | /api/     | 网络请求前缀 |
-| serverName | string | common/v1 | 服务端名称   |
-
-### url
-
-```typescript
-export interface IUrlObj {
-  // 角色列表
-  list: string;
-  // 切换角色启用状态
-  switchStatus: string;
-  // 保存角色 新增/更新
-  save: string;
-  // 删除角色
-  delete: string;
-  // 获取角色权限树- 编辑角色
-  editPermission: string;
-  // 获取角色权限树- 新建角色
-  addPermission: string;
-}
-```
+# 角色管理
+
+## 组件名称[**inl-role-manager**]
+
+## 使用方式
+
+```jsx
+import { defineComponent } from "vue";
+export default defineComponent({
+  setup() {
+    return () => (
+      <inl-role-manager></inl-role-manager>;
+    );
+  },
+});
+```
+
+## 参数
+
+| 参数名称   | 类型   | 默认值    | 作用         |
+| ---------- | ------ | --------- | ------------ |
+| url        | 见下方 | {}        | 网络请求路径 |
+| prefix     | string | /api/     | 网络请求前缀 |
+| serverName | string | common/v1 | 服务端名称   |
+
+### url
+
+```typescript
+export interface IUrlObj {
+  // 角色列表
+  list: string;
+  // 切换角色启用状态
+  switchStatus: string;
+  // 保存角色 新增/更新
+  save: string;
+  // 删除角色
+  delete: string;
+  // 获取角色权限树- 编辑角色
+  editPermission: string;
+  // 获取角色权限树- 新建角色
+  addPermission: string;
+}
+```