zy-react-library 1.1.0 → 1.1.2

package/components/Select/Dictionary/index.js

@@ -1,42 +1,42 @@
-import { request } from "@cqsjjb/jjb-common-lib/http";
-import { useEffect, useState } from "react";
-import { DICTIONARY_APP_KEY_ENUM } from "../../../enum/dictionary";
-import BasicSelect from "../Basic";
-
-/**
- * 数据字典下拉组件
- */
-function DictionarySelect(props) {
-  const {
-    appKey = DICTIONARY_APP_KEY_ENUM.DEFAULT,
-    dictValue = "",
-    nameKey = "dictLabel",
-    idKey = "dictValue",
-    ...restProps
-  } = props;
-
-  const [data, setData] = useState([]);
-
-  const getData = async () => {
-    if (!Object.values(DICTIONARY_APP_KEY_ENUM).includes(appKey)) {
-      console.error("传入的 appKey 不在 DICTIONARY_APP_KEY_ENUM 中");
-      return;
-    }
-
-    setData([]);
-    const { data } = await request("/config/dict-trees/list/by/dictValues", "get", { appKey, dictValue });
-    setData(data);
-  };
-
-  useEffect(() => {
-    dictValue && getData();
-  }, [dictValue]);
-
-  return (
-    <BasicSelect data={data} nameKey={nameKey} idKey={idKey} {...restProps} />
-  );
-}
-
-DictionarySelect.displayName = "DictionarySelect";
-
-export default DictionarySelect;
+import { request } from '@cqsjjb/jjb-common-lib/http';
+import { useState, useEffect } from 'react';
+import { DICTIONARY_APP_KEY_ENUM } from '../../../enum/dictionary/index.js';
+import BasicSelect from '../Basic/index.js';
+import { jsx } from 'react/jsx-runtime';
+
+function DictionarySelect(props) {
+  const {
+    appKey = DICTIONARY_APP_KEY_ENUM.DEFAULT,
+    dictValue = "",
+    nameKey = "dictLabel",
+    idKey = "dictValue",
+    ...restProps
+  } = props;
+  const [data, setData] = useState([]);
+  const getData = async () => {
+    if (!Object.values(DICTIONARY_APP_KEY_ENUM).includes(appKey)) {
+      console.error("传入的 appKey 不在 DICTIONARY_APP_KEY_ENUM 中");
+      return;
+    }
+    setData([]);
+    const {
+      data
+    } = await request("/config/dict-trees/list/by/dictValues", "get", {
+      appKey,
+      dictValue
+    });
+    setData(data);
+  };
+  useEffect(() => {
+    dictValue && getData();
+  }, [dictValue]);
+  return /*#__PURE__*/jsx(BasicSelect, {
+    data: data,
+    nameKey: nameKey,
+    idKey: idKey,
+    ...restProps
+  });
+}
+DictionarySelect.displayName = "DictionarySelect";
+
+export { DictionarySelect as default };

package/components/Select/Personnel/Gwj/index.js

@@ -1,49 +1,45 @@
-import { request } from "@cqsjjb/jjb-common-lib/http";
-import { useEffect, useState } from "react";
-import BasicSelect from "../../Basic";
-
-/**
- * 人员下拉组件（港务局版本）
- */
-function PersonnelSelect(props) {
-  const {
-    params = {},
-    placeholder = "人员",
-    isNeedCorpInfoId = false,
-    isNeedDepartmentId = true,
-    isNeedPostId = false,
-    extraParams = {
-      noMain: "",
-      eqEmploymentFlag: 1,
-    },
-    ...restProps
-  } = props;
-
-  const [data, setData] = useState([]);
-
-  const getData = async () => {
-    setData([]);
-    // 根据参数决定是否发送请求
-    if (isNeedCorpInfoId && !params.corpinfoId)
-      return;
-    if (isNeedDepartmentId && !params.departmentId)
-      return;
-    if (isNeedPostId && !params.postId)
-      return;
-
-    const { data } = await request("/basicInfo/user/listAll", "get", { ...params, ...extraParams });
-    setData(data);
-  };
-
-  useEffect(() => {
-    getData();
-  }, [JSON.stringify(params), isNeedCorpInfoId, isNeedDepartmentId, isNeedPostId, JSON.stringify(extraParams)]);
-
-  return (
-    <BasicSelect data={data} placeholder={placeholder} {...restProps} />
-  );
-}
-
-PersonnelSelect.displayName = "PersonnelSelect";
-
-export default PersonnelSelect;
+import { request } from '@cqsjjb/jjb-common-lib/http';
+import { useState, useEffect } from 'react';
+import BasicSelect from '../../Basic/index.js';
+import { jsx } from 'react/jsx-runtime';
+
+function PersonnelSelect(props) {
+  const {
+    params = {},
+    placeholder = "人员",
+    isNeedCorpInfoId = false,
+    isNeedDepartmentId = true,
+    isNeedPostId = false,
+    extraParams = {
+      noMain: "",
+      eqEmploymentFlag: 1
+    },
+    ...restProps
+  } = props;
+  const [data, setData] = useState([]);
+  const getData = async () => {
+    setData([]);
+    // 根据参数决定是否发送请求
+    if (isNeedCorpInfoId && !params.corpinfoId) return;
+    if (isNeedDepartmentId && !params.departmentId) return;
+    if (isNeedPostId && !params.postId) return;
+    const {
+      data
+    } = await request("/basicInfo/user/listAll", "get", {
+      ...params,
+      ...extraParams
+    });
+    setData(data);
+  };
+  useEffect(() => {
+    getData();
+  }, [JSON.stringify(params), isNeedCorpInfoId, isNeedDepartmentId, isNeedPostId, JSON.stringify(extraParams)]);
+  return /*#__PURE__*/jsx(BasicSelect, {
+    data: data,
+    placeholder: placeholder,
+    ...restProps
+  });
+}
+PersonnelSelect.displayName = "PersonnelSelect";
+
+export { PersonnelSelect as default };

package/components/SelectCreate/index.js

@@ -1,9 +1,7 @@
-import { CloseCircleOutlined } from "@ant-design/icons";
-import { Select } from "antd";
+import { CloseCircleOutlined } from '@ant-design/icons';
+import { Select } from 'antd';
+import { jsx, jsxs } from 'react/jsx-runtime';
 
-/**
- * 可创建选项的选择器组件
- */
 function SelectCreate(props) {
   const {
     items,
@@ -13,43 +11,38 @@ function SelectCreate(props) {
     onDelete,
     ...restProps
   } = props;
-
-  const handlerDelete = (option) => {
+  const handlerDelete = option => {
     onDelete?.(option);
   };
-
-  return (
-    <Select
-      mode="tags"
-      maxCount={maxCount}
-      placeholder={`请选择${label}，无对应选项可直接输入创建选项`}
-      optionRender={option => (
-        <div style={{ display: "flex", alignItems: "center", justifyContent: "space-between" }}>
-          <span>{option.label}</span>
-          {
-            showDelete && (
-              <CloseCircleOutlined
-                style={{ marginRight: 10 }}
-                onClick={(e) => {
-                  e.stopPropagation();
-                  handlerDelete(option);
-                }}
-              />
-            )
-          }
-        </div>
-      )}
-      {...restProps}
-    >
-      {
-        items.map(item => (
-          <Select.Option value={item.id} key={item.id}>{item.name}</Select.Option>
-        ))
-      }
-    </Select>
-  );
+  return /*#__PURE__*/jsx(Select, {
+    mode: "tags",
+    maxCount: maxCount,
+    placeholder: `请选择${label}，无对应选项可直接输入创建选项`,
+    optionRender: option => /*#__PURE__*/jsxs("div", {
+      style: {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "space-between"
+      },
+      children: [/*#__PURE__*/jsx("span", {
+        children: option.label
+      }), showDelete && /*#__PURE__*/jsx(CloseCircleOutlined, {
+        style: {
+          marginRight: 10
+        },
+        onClick: e => {
+          e.stopPropagation();
+          handlerDelete(option);
+        }
+      })]
+    }),
+    ...restProps,
+    children: items.map(item => /*#__PURE__*/jsx(Select.Option, {
+      value: item.id,
+      children: item.name
+    }, item.id))
+  });
 }
-
 SelectCreate.displayName = "SelectCreate";
 
-export default SelectCreate;
+export { SelectCreate as default };

package/components/SelectTree/Area/index.js

@@ -1,26 +1,20 @@
-import Area from "../../../json/area.json";
-import BasicSelectTree from "../Basic";
+import Area from '../../../json/area.json';
+import BasicSelectTree from '../Basic/index.js';
+import { jsx } from 'react/jsx-runtime';
 
-/**
- * 属地下拉树组件
- */
 function AreaSelectTree(props) {
   const {
     placeholder = "属地",
     ...restProps
   } = props;
-
-  return (
-    <BasicSelectTree
-      treeData={Area}
-      placeholder={placeholder}
-      nameKey="label"
-      idKey="value"
-      {...restProps}
-    />
-  );
+  return /*#__PURE__*/jsx(BasicSelectTree, {
+    treeData: Area,
+    placeholder: placeholder,
+    nameKey: "label",
+    idKey: "value",
+    ...restProps
+  });
 }
-
 AreaSelectTree.displayName = "AreaSelectTree";
 
-export default AreaSelectTree;
+export { AreaSelectTree as default };

package/components/SelectTree/Basic/index.js

@@ -1,102 +1,105 @@
-import { TreeSelect } from "antd";
-import { useEffect } from "react";
-import { arrayObjectDeduplication, getDataType, getTreeNodePaths, processTreeDataByLevel, processTreeDataForOnlyLastLevel } from "../../../utils";
-
-/**
- * 基础下拉树组件（不建议直接使用此组件，二次继承使用）
- */
-function BasicSelectTree(props) {
-  const {
-    onGetData,
-    onChange,
-    onGetLabel,
-    onGetNodePaths,
-    onGetNodePathsIsIncludeOneself = true,
-    placeholder = "",
-    treeData = [],
-    nameKey = "name",
-    idKey = "id",
-    childrenKey = "children",
-    level,
-    onlyLastLevel = false,
-    ...restProps
-  } = props;
-
-  // 根据 level 处理树数据
-  let processedTreeData = level
-    ? processTreeDataByLevel({
-        data: treeData,
-        level,
-        childrenKey,
-        currentLevel: 1,
-      })
-    : treeData;
-
-  // 根据 onlyLastLevel 处理树数据
-  processedTreeData = processTreeDataForOnlyLastLevel({ data: processedTreeData, childrenKey, onlyLastLevel });
-
-  const handleChange = (value, label, extra) => {
-    if (value) {
-      if (getDataType(value) === "Array") {
-        const parentNodes = [];
-        for (let i = 0; i < value.length; i++) {
-          const targetId = (restProps.labelInValue || restProps.treeCheckStrictly) ? value[i].value : value[i];
-          const currentParentNodes = getTreeNodePaths({
-            data: treeData,
-            targetId,
-            idKey,
-            childrenKey,
-            isIncludeOneself: onGetNodePathsIsIncludeOneself,
-          });
-          parentNodes.push(...currentParentNodes);
-        }
-        const deduplicationParentNodes = arrayObjectDeduplication(parentNodes, idKey);
-        onGetNodePaths?.(deduplicationParentNodes);
-        onGetLabel?.((restProps.labelInValue || restProps.treeCheckStrictly) ? value.map(item => item.label) : label);
-      }
-      else {
-        const targetId = (restProps.labelInValue || restProps.treeCheckStrictly) ? value.value : value;
-        const parentNodes = getTreeNodePaths({
-          data: treeData,
-          targetId,
-          idKey,
-          childrenKey,
-          isIncludeOneself: onGetNodePathsIsIncludeOneself,
-        });
-        onGetNodePaths?.(parentNodes);
-        onGetLabel?.(parentNodes[parentNodes.length - 1][nameKey]);
-      }
-    }
-    else {
-      onGetNodePaths?.([]);
-      onGetLabel?.("");
-    }
-    onChange?.((restProps.labelInValue || restProps.treeCheckStrictly) ? value.map(item => item.value) : value, label, extra);
-  };
-
-  useEffect(() => {
-    onGetData?.(treeData, processedTreeData);
-  }, [treeData, processedTreeData]);
-
-  return (
-    <TreeSelect
-      showSearch
-      style={{ width: "100%" }}
-      styles={{
-        popup: { root: { maxHeight: 400, overflow: "auto" } },
-      }}
-      placeholder={`请选择${placeholder}`}
-      onChange={handleChange}
-      allowClear
-      treeData={processedTreeData}
-      fieldNames={{ label: nameKey, value: idKey, children: childrenKey }}
-      treeNodeFilterProp={nameKey}
-      showCheckedStrategy={TreeSelect.SHOW_ALL}
-      {...restProps}
-    />
-  );
-}
-
-BasicSelectTree.displayName = "BasicSelectTree";
-
-export default BasicSelectTree;
+import { TreeSelect } from 'antd';
+import { useEffect } from 'react';
+import { processTreeDataByLevel, processTreeDataForOnlyLastLevel, getDataType, getTreeNodePaths, arrayObjectDeduplication } from '../../../utils/index.js';
+import { jsx } from 'react/jsx-runtime';
+
+function BasicSelectTree(props) {
+  const {
+    onGetData,
+    onChange,
+    onGetLabel,
+    onGetNodePaths,
+    onGetNodePathsIsIncludeOneself = true,
+    placeholder = "",
+    treeData = [],
+    nameKey = "name",
+    idKey = "id",
+    childrenKey = "children",
+    level,
+    onlyLastLevel = false,
+    ...restProps
+  } = props;
+
+  // 根据 level 处理树数据
+  let processedTreeData = level ? processTreeDataByLevel({
+    data: treeData,
+    level,
+    childrenKey,
+    currentLevel: 1
+  }) : treeData;
+
+  // 根据 onlyLastLevel 处理树数据
+  processedTreeData = processTreeDataForOnlyLastLevel({
+    data: processedTreeData,
+    childrenKey,
+    onlyLastLevel
+  });
+  const handleChange = (value, label, extra) => {
+    if (value) {
+      if (getDataType(value) === "Array") {
+        const parentNodes = [];
+        for (let i = 0; i < value.length; i++) {
+          const targetId = restProps.labelInValue || restProps.treeCheckStrictly ? value[i].value : value[i];
+          const currentParentNodes = getTreeNodePaths({
+            data: treeData,
+            targetId,
+            idKey,
+            childrenKey,
+            isIncludeOneself: onGetNodePathsIsIncludeOneself
+          });
+          parentNodes.push(...currentParentNodes);
+        }
+        const deduplicationParentNodes = arrayObjectDeduplication(parentNodes, idKey);
+        onGetNodePaths?.(deduplicationParentNodes);
+        onGetLabel?.(restProps.labelInValue || restProps.treeCheckStrictly ? value.map(item => item.label) : label);
+      } else {
+        const targetId = restProps.labelInValue || restProps.treeCheckStrictly ? value.value : value;
+        const parentNodes = getTreeNodePaths({
+          data: treeData,
+          targetId,
+          idKey,
+          childrenKey,
+          isIncludeOneself: onGetNodePathsIsIncludeOneself
+        });
+        onGetNodePaths?.(parentNodes);
+        onGetLabel?.(parentNodes[parentNodes.length - 1][nameKey]);
+      }
+    } else {
+      onGetNodePaths?.([]);
+      onGetLabel?.("");
+    }
+    onChange?.(restProps.labelInValue || restProps.treeCheckStrictly ? value.map(item => item.value) : value, label, extra);
+  };
+  useEffect(() => {
+    onGetData?.(treeData, processedTreeData);
+  }, [treeData, processedTreeData]);
+  return /*#__PURE__*/jsx(TreeSelect, {
+    showSearch: true,
+    style: {
+      width: "100%"
+    },
+    styles: {
+      popup: {
+        root: {
+          maxHeight: 400,
+          overflow: "auto"
+        }
+      }
+    },
+    placeholder: `请选择${placeholder}`,
+    onChange: handleChange,
+    allowClear: true,
+    treeData: processedTreeData,
+    fieldNames: {
+      label: nameKey,
+      value: idKey,
+      children: childrenKey
+    },
+    treeNodeFilterProp: nameKey,
+    showCheckedStrategy: TreeSelect.SHOW_ALL,
+    ...restProps
+  });
+}
+BasicSelectTree.displayName = "BasicSelectTree";
+
+export { BasicSelectTree as default };

package/components/SelectTree/Department/Gwj/index.js

@@ -1,46 +1,40 @@
-import { request } from "@cqsjjb/jjb-common-lib/http";
-import { useEffect, useState } from "react";
-import BasicSelectTree from "../../Basic";
-
-/**
- * 部门下拉树组件（港务局版本）
- */
-function DepartmentSelectTree(props) {
-  const {
-    params = {},
-    placeholder = "部门",
-    isNeedCorpInfoId = false,
-    isNeedParentId = false,
-    searchType = "current",
-    ...restProps
-  } = props;
-
-  const [treeData, setTreeData] = useState([]);
-
-  const getData = async () => {
-    setTreeData([]);
-
-    if (searchType === "current") {
-      // 根据参数决定是否发送请求
-      if (isNeedCorpInfoId && !params.eqCorpinfoId)
-        return;
-      if (isNeedParentId && !params.eqParentId)
-        return;
-    }
-
-    const { data } = await request(searchType === "current" ? "/basicInfo/department/listTree" : "/basicInfo/department/listAllTree", "post", params);
-    setTreeData(data);
-  };
-
-  useEffect(() => {
-    getData();
-  }, [JSON.stringify(params), isNeedCorpInfoId, isNeedParentId, searchType]);
-
-  return (
-    <BasicSelectTree treeData={treeData} placeholder={placeholder} childrenKey="childrenList" {...restProps} />
-  );
-}
-
-DepartmentSelectTree.displayName = "DepartmentSelectTree";
-
-export default DepartmentSelectTree;
+import { request } from '@cqsjjb/jjb-common-lib/http';
+import { useState, useEffect } from 'react';
+import BasicSelectTree from '../../Basic/index.js';
+import { jsx } from 'react/jsx-runtime';
+
+function DepartmentSelectTree(props) {
+  const {
+    params = {},
+    placeholder = "部门",
+    isNeedCorpInfoId = false,
+    isNeedParentId = false,
+    searchType = "current",
+    ...restProps
+  } = props;
+  const [treeData, setTreeData] = useState([]);
+  const getData = async () => {
+    setTreeData([]);
+    if (searchType === "current") {
+      // 根据参数决定是否发送请求
+      if (isNeedCorpInfoId && !params.eqCorpinfoId) return;
+      if (isNeedParentId && !params.eqParentId) return;
+    }
+    const {
+      data
+    } = await request(searchType === "current" ? "/basicInfo/department/listTree" : "/basicInfo/department/listAllTree", "post", params);
+    setTreeData(data);
+  };
+  useEffect(() => {
+    getData();
+  }, [JSON.stringify(params), isNeedCorpInfoId, isNeedParentId, searchType]);
+  return /*#__PURE__*/jsx(BasicSelectTree, {
+    treeData: treeData,
+    placeholder: placeholder,
+    childrenKey: "childrenList",
+    ...restProps
+  });
+}
+DepartmentSelectTree.displayName = "DepartmentSelectTree";
+
+export { DepartmentSelectTree as default };