xydata-tools 1.0.0 → 1.0.1

package/README.md

@@ -0,0 +1 @@
+# 鑫义科技前端开发者工具包

package/package.json

@@ -1,8 +1,11 @@
 {
   "name": "xydata-tools",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "main": "lib/bundle.js",
   "license": "MIT",
+  "files": [
+    "/lib"
+  ],
   "devDependencies": {
     "@babel/core": "^7.22.5",
     "@babel/plugin-transform-runtime": "^7.22.5",

package/.babelrc

@@ -1,3 +0,0 @@
-{
-  "presets": ["@babel/preset-env", "@babel/preset-react"]
-}

package/rollup.config.mjs

@@ -1,43 +0,0 @@
-import babel from 'rollup-plugin-babel'
-import postcss from 'rollup-plugin-postcss'
-import resolve from 'rollup-plugin-node-resolve';
-import alias from "@rollup/plugin-alias";
-import terser from '@rollup/plugin-terser';
-import url from 'rollup-plugin-url';
-import image from 'rollup-plugin-image';
-
-export default {
-	input: './src/index.js',
-	output: {
-		file: './lib/bundle.js',
-		// 输出类型 (amd, cjs, es, iife, umd, system)：
-		// iife——最早的模块，jQuery时代流行，封装成一个自执行函数，缺点是污染全局变量，且需手动维护script标签加载顺序
-		// cjs——即CommonJS，解决了以上问题，但只运行在node.js环境，不支持浏览器。
-		// amd——通过requirejs实现，支持浏览器，解决了前面所有问题，但写法复杂，可读性很差，不符合通用的模块化思维
-		// umd——兼容了cjs和amd，但产生了更难理解的代码，包也增大
-		// system——面向未来的模块依赖方式，微前端流行
-		// es——现代化标准
-		format: 'es'
-	},
-	plugins: [
-		url(),
-		resolve(),
-		postcss(),
-		alias({
-			entries: [
-				{ find: '@', replacement: 'src' }
-			]
-		}),
-		image({
-			output: `lib/images`, // 打包后的文件
-			extensions: /\.(png|jpg|jpeg|gif|svg)$/,
-			limit: 8192,  // 文件大小的限制(字节)。当一个文件没有超过限制时，它将被转换为 base64字符串，否则，它将被复制到output下
-			exclude: 'node_modules/**'
-		}),
-		babel(),
-		terser(),
-	],
-	// 以下模块都为外部引用（不会打包进包里）
-	external: ['antd', '@ant-design/icons', '@ant-design/pro-table', 'umi-request', 'react', 'react-dom']
-}
-

package/src/components/Dictionary/components/UpdateForm.jsx

@@ -1,111 +0,0 @@
-import { Form, Input, Modal, TreeSelect } from "antd";
-import React from "react";
-
-const FormItem = Form.Item;
-const formLayout = {
-  labelCol: {
-    span: 7,
-  },
-  wrapperCol: {
-    span: 13,
-  },
-};
-
-const UpdateForm = (props) => {
-  const [form] = Form.useForm();
-  const {
-    onSubmit: handleUpdate,
-    onCancel: handleUpdateModalVisible,
-    updateModalVisible,
-    values,
-    type,
-    treeData,
-  } = props;
-
-  const handleSave = async () => {
-    const fieldsValue = await form.validateFields();
-    if (type === "U") {
-      handleUpdate({ ...values, ...fieldsValue });
-    } else {
-      handleUpdate(fieldsValue);
-    }
-  };
-  const renderContent = () => {
-    return (
-      <>
-        <FormItem name="parentId" label="父级">
-          <TreeSelect
-            style={{ width: "100%" }}
-            dropdownStyle={{ maxHeight: 400, overflow: "auto" }}
-            treeData={treeData}
-            treeDefaultExpandedKeys={[values.parentId || "-1"]}
-            showSearch
-            filterTreeNode={(inputValue, treeNode) => {
-              return treeNode.dictName.includes(inputValue);
-            }}
-          />
-        </FormItem>
-        <FormItem
-          name="dictName"
-          label="字典名称"
-          rules={[
-            {
-              required: true,
-              message: "请输入字典表名！",
-              whitespace: true,
-            },
-          ]}
-        >
-          <Input />
-        </FormItem>
-
-        <FormItem
-          name="dictCode"
-          label="字典编码"
-          rules={[
-            {
-              required: true,
-              message: "请输入字典值！",
-              whitespace: true,
-            },
-          ]}
-        >
-          <Input disabled={type === "U"} />
-        </FormItem>
-        <FormItem name="remark" label="备注">
-          <Input />
-        </FormItem>
-      </>
-    );
-  };
-  return (
-    <Modal
-      getContainer={() => top.document.body}
-      maskClosable={false}
-      width={640}
-      bodyStyle={{
-        padding: "32px 40px 48px",
-      }}
-      destroyOnClose
-      title={type === "C" ? "新增数据字典" : "编辑数据字典"}
-      open={updateModalVisible}
-      onOk={() => handleSave()}
-      onCancel={() => handleUpdateModalVisible()}
-    >
-      <Form
-        {...formLayout}
-        form={form}
-        initialValues={{
-          parentId: values?.parentId || "-1",
-          dictName: values?.dictName,
-          dictCode: values?.dictCode,
-          remark: values?.remark,
-        }}
-      >
-        {renderContent()}
-      </Form>
-    </Modal>
-  );
-};
-
-export default UpdateForm;

package/src/components/Dictionary/index.jsx

@@ -1,255 +0,0 @@
-import { PlusOutlined } from "@ant-design/icons";
-import ProTable from "@ant-design/pro-table";
-import { ROOT_ID, toTree } from "@zhengxs/js.tree";
-import { Button, ConfigProvider, Divider, Empty, Popconfirm, message } from "antd";
-import React, { useRef, useState } from "react";
-import { addApi, queryApi, removeApi, updateApi } from "@/services/service.js";
-import UpdateForm from "./components/UpdateForm.jsx";
-import emptyPng from "../../assets/empty.png";
-
-const customizeRenderEmpty = () => <Empty image={emptyPng} />;
-
-/**
- * 添加
- * @param fields
- */
-const handleAdd = async (fields, type) => {
-  const hide = message.loading("正在添加");
-
-  const res = type === "C" ? await addApi({ ...fields }) : await updateApi({ ...fields });
-  // //console.log(res)
-  hide();
-  if (res) {
-    message.success("操作成功！");
-    return true;
-  }
-};
-
-/**
- *  删除
- * @param selectedRows
- */
-
-const handleRemove = async (record) => {
-  let isSuccess = false;
-  // const hide = message.loading('正在删除');
-  const res = await removeApi(record);
-  if (res.rspCode === "000000") {
-    message.loading("正在删除");
-    message.success("删除成功，正在刷新");
-    isSuccess = true;
-  } else {
-    message.error(res.rspMsg);
-    isSuccess = false;
-  }
-  return isSuccess;
-};
-
-const DictionaryList = () => {
-  const [createModalVisible, handleModalVisible] = useState(false);
-  const [currentItem, setCurrentItem] = useState({});
-  const [originalData, setOriginalData] = useState([]);
-  const [treeData, setTreeData] = useState([]);
-  const [modalType, setModalType] = useState("C");
-
-  const actionRef = useRef();
-
-  const createAndUpdate = async (type, record) => {
-    // type = U编辑 C新增
-    // if (type === 'U') {
-    //     //本级及下级所有子节点均不可选择
-    //     const selectItems = await getData({ dictName: record.dictName, include: true });
-    //     const newData = JSON.parse(JSON.stringify(originalData));
-    //     newData.forEach((item, i) => {
-    //         selectItems.forEach((ele) => {
-    //             if (item.id === ele.id) {
-    //                 item.disabled = true;
-    //             }
-    //         });
-    //     });
-    //     setTreeData(rowTotree(newData));
-    // } else {
-    setTreeData(rowTotree(originalData));
-    // }
-    setModalType(type);
-    setCurrentItem(record);
-    handleModalVisible(true);
-  };
-
-  const handleCancel = () => {
-    handleModalVisible(false);
-    setCurrentItem({});
-  };
-
-  const getData = async (params) => {
-    const res = await queryApi(params);
-    //console.log(res);
-    if (res) {
-      return res.data;
-    }
-  };
-
-  const rowTotree = (dataList) => {
-    return toTree(dataList, {
-      // 如果 parentId 为 null 或 undefined 会合并一起
-      // 使用 ROOT_ID 作为 key 保存
-      // 支持函数，动态返回
-      root: ROOT_ID,
-
-      // lodash 版本，支持 path, 如: nested.id
-      idKey: "id", // 可选，默认: id
-
-      // lodash 版本，支持 path, 如: nested.parentId
-      parentKey: "parentId", // 可选，默认：parentId
-
-      // 挂载子级的属性名称，默认：children
-      childrenKey: "children",
-
-      // 数据添加进 children 数组前的处理，可选
-      transform(data) {
-        // 通过浅拷贝避免修改原始数据
-        // 可以在这里动态添加属性
-        const isTop = dataList.some((x) => x.id === "-1");
-        !isTop && data.parentId === "-1" && (data.parentId = null);
-        return {
-          ...data,
-          title: data.dictName,
-          value: data.id,
-          value: data.id,
-        };
-      },
-    });
-  };
-
-  const deepData = (list) => {
-    list.forEach((item) => {
-      if (item?.children?.length > 0) {
-        deepData(item.children);
-      } else {
-        delete item.children;
-      }
-    });
-  };
-
-  const columns = [
-    {
-      title: "字典名称",
-      dataIndex: "dictName",
-      search: true,
-    },
-    {
-      title: "字典编码",
-      dataIndex: "dictCode",
-      search: false,
-    },
-    {
-      title: "备注",
-      dataIndex: "remark",
-      search: false,
-    },
-    {
-      title: "操作",
-      dataIndex: "option",
-      valueType: "option",
-      render: (_, record) =>
-        record.dictName !== "BASE_DICT_ROOT" && (
-          <>
-            <a onClick={() => createAndUpdate("U", record)}>编辑</a>
-            <Divider type="vertical" />
-            <Popconfirm
-              title="确定删除吗?"
-              onConfirm={async () => {
-                const success = await handleRemove(record);
-                //console.log('🚀 ~ file: index.jsx ~ line 143 ~ onConfirm={ ~ success', success);
-                //console.log(actionRef.current)
-                if (success && actionRef.current) {
-                  await actionRef.current.reset();
-                  await actionRef.current.reload();
-                }
-              }}
-            >
-              <a href="#" className="ant-btn-dangerous">
-                删除
-              </a>
-            </Popconfirm>
-          </>
-        ),
-    },
-  ];
-  return (
-    <div>
-      <ConfigProvider renderEmpty={customizeRenderEmpty}>
-        <ProTable
-          headerTitle="列表"
-          actionRef={actionRef}
-          rowKey="id"
-          defaultExpandedRowKeys={["-1"]}
-          toolBarRender={() => [
-            <Button type="primary" onClick={() => createAndUpdate("C", {})}>
-              <PlusOutlined /> 新建
-            </Button>,
-          ]}
-          beforeSearchSubmit={(params) => {
-            const { dictName } = params;
-            const obj = {
-              dictName: dictName || "",
-              include: true,
-              allTree: true,
-            };
-
-            return obj;
-          }}
-          params={{}}
-          request={async (params = {}) => {
-            const res = await queryApi({ ...params, include: true });
-            if (res) {
-              res.data.map((item) => {
-                if (item.dictName === params.dictName) {
-                  item.parentId = null;
-                }
-                return item;
-              });
-              setOriginalData(res.data);
-              const handleRes = rowTotree(res.data);
-              deepData(handleRes);
-              return {
-                data: handleRes,
-                success: true,
-              };
-            } else {
-              //console.error(res);
-              return {
-                data: [],
-                success: false,
-              };
-            }
-          }}
-          columns={columns}
-          rowSelection={false}
-        />
-      </ConfigProvider>
-      {/* 新建 | 编辑 组件 */}
-      {createModalVisible ? (
-        <UpdateForm
-          onSubmit={async (value) => {
-            const success = await handleAdd(value, modalType);
-
-            if (success) {
-              handleCancel();
-              if (actionRef.current) {
-                actionRef.current.reload();
-              }
-            }
-          }}
-          onCancel={handleCancel}
-          type={modalType}
-          updateModalVisible={createModalVisible}
-          values={currentItem}
-          treeData={treeData}
-        />
-      ) : null}
-    </div>
-  );
-};
-
-export default DictionaryList;

package/src/components/Dictionary/index.less

@@ -1,3 +0,0 @@
-body{  
-  background-color: transparent; 
-}

package/src/index.js

@@ -1,7 +0,0 @@
-import DictionaryFront from '@/components/Dictionary/index.jsx'
-import registerService from './utils/register-service.js'
-
-export {
-	DictionaryFront,
-	registerService
-}

package/src/services/service.js

@@ -1,18 +0,0 @@
-import doRequest from '@/utils/request.js';
-
-//查询字典
-export async function queryApi(params) {
-    return doRequest('/api/dict/queryBaseDictList', "POST", params);
-}
-//删除字典
-export async function removeApi(params) {
-    return doRequest('/api/dict/deleteBaseDict', 'POST', params);
-}
-//添加字典
-export async function addApi(params) {
-    return doRequest('/api/dict/createBaseDict', 'POST', params);
-}
-//更新字典
-export async function updateApi(params) {
-    return doRequest('/api/dict/updateBaseDict', 'POST', params);
-}

package/src/utils/request.js

@@ -1,37 +0,0 @@
-import request from 'umi-request';
-import { message } from 'antd';
-import { getSessionStorage } from '@/utils/token.js';
-
-export default async function doRequest(url, method, data, params) {
-	const headers = {
-		SID: SID,
-		Authorization: getSessionStorage(),
-		UserId: getSessionStorage('userId'),
-		OrgId: getSessionStorage('orgId'),
-	}
-
-	return request(url, {
-		method, params, data, headers: {
-			...headers,
-			service: getSessionStorage('service') || 'unknow',
-		},
-		getResponse: true,
-	})
-		.then(function ({ data, }) {
-			if (data.rspCode === '000000') {
-				return data
-			} else {
-				message.error(data.rspMsg)
-				return data
-			}
-		})
-		.catch(async function (error) {
-			if (error.response.status === 401 || error.response.status === 402 || error.response.status === 403) {
-				let data = await error.response.json()
-				message.error(data.rspMsg)
-			} else {
-				message.error("服务器异常")
-			}
-			return error.response
-		});
-}

package/src/utils/set-service.js

@@ -1,10 +0,0 @@
-import { setSessionStorage, removeSessionStorage } from "./token.js"
-
-export const registerService = function (service) { 
-	return setSessionStorage('service', service) 
-}
-
-export const unRegisterService = function () {
-	return removeSessionStorage('service')
-
-}

package/src/utils/token.js

@@ -1,23 +0,0 @@
-// 读取数据语法
-export function getSessionStorage(key = 'Token') {
-    return sessionStorage.getItem(transformKey(key));
-}
- 
-// 保存数据语法
-export function setSessionStorage(key = 'Token', value) {
-    sessionStorage.setItem(transformKey(key), value);
-}
- 
-// 删除指定键的数据
-export function removeSessionStorage(key = 'Token') {
-    sessionStorage.removeItem(transformKey(key));
-}
- 
-// 删除所有数据
-export function clearSessionStorage() {
-    sessionStorage.clear();
-}
- 
-function transformKey(key) {
-    return SID ? `${SID}_${key}` : key
-}

package/src/utils/utils.less

@@ -1,51 +0,0 @@
-.textOverflow() {
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    word-break: break-all;
-  }
-  
-  .textOverflowMulti(@line: 3, @bg: #fff) {
-    position: relative;
-    max-height: @line * 1.5em;
-    margin-right: -1em;
-    padding-right: 1em;
-    overflow: hidden;
-    line-height: 1.5em;
-    text-align: justify;
-    &::before {
-      position: absolute;
-      right: 14px;
-      bottom: 0;
-      padding: 0 1px;
-      background: @bg;
-      content: '...';
-    }
-    &::after {
-      position: absolute;
-      right: 14px;
-      width: 1em;
-      height: 1em;
-      margin-top: 0.2em;
-      background: white;
-      content: '';
-    }
-  }
-  
-  // mixins for clearfix
-  // ------------------------
-  .clearfix() {
-    zoom: 1;
-    &::before,
-    &::after {
-      display: table;
-      content: ' ';
-    }
-    &::after {
-      clear: both;
-      height: 0;
-      font-size: 0;
-      visibility: hidden;
-    }
-  }
-