@hkyhy/marsun-components-core 0.1.42 → 0.1.43

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,4 +1,4 @@
1
- import { default as React, ReactNode } from 'react';
1
+ import { default as React, Key, ReactNode } from 'react';
2
2
  export type OrgTreeNode = {
3
3
  id: string;
4
4
  name: string;
@@ -13,6 +13,13 @@ export type OrgTreeProps = {
13
13
  /** 展示节点内增删改操作 */
14
14
  editable?: boolean;
15
15
  className?: string;
16
+ /** 受控选中(点选节点,如右侧岗位面板) */
17
+ selectedKeys?: Key[];
18
+ onSelect?: (node: {
19
+ id: string;
20
+ name: string;
21
+ parentId: string | null;
22
+ } | null) => void;
16
23
  onAdd?: (parentId: string) => void;
17
24
  onEdit?: (node: {
18
25
  id: string;
@@ -1,99 +1,113 @@
1
- import { jsx as a, jsxs as c } from "react/jsx-runtime";
2
- import { Plus as C, Pencil as E, Trash2 as K } from "../Icons/index.js";
3
- import { Spin as w, Tree as S, Tooltip as j, Space as v, Button as p, Popconfirm as I } from "antd";
4
- import l from "classnames";
5
- import { useMemo as B, useState as L, useEffect as M } from "react";
6
- import i from "./style.module.scss.js";
7
- function P(t) {
8
- var o;
9
- const n = [];
10
- for (const s of t)
11
- n.push(s.id), (o = s.children) != null && o.length && n.push(...P(s.children));
12
- return n;
1
+ import { jsx as t, jsxs as u } from "react/jsx-runtime";
2
+ import { Plus as K, Pencil as S, Trash2 as w } from "../Icons/index.js";
3
+ import { Spin as j, Tree as v, Tooltip as B, Space as L, Button as p, Popconfirm as M } from "antd";
4
+ import o from "classnames";
5
+ import { useMemo as O, useState as q, useEffect as A } from "react";
6
+ import c from "./style.module.scss.js";
7
+ function T(a) {
8
+ var l;
9
+ const i = [];
10
+ for (const n of a)
11
+ i.push(n.id), (l = n.children) != null && l.length && i.push(...T(n.children));
12
+ return i;
13
13
  }
14
- const J = ({
15
- nodes: t,
16
- loading: n = !1,
17
- editable: o = !1,
18
- className: s,
19
- onAdd: u,
14
+ function k(a, i) {
15
+ var l;
16
+ for (const n of a) {
17
+ if (n.id === i)
18
+ return { id: n.id, name: n.name, parentId: n.parentId ?? null };
19
+ if ((l = n.children) != null && l.length) {
20
+ const m = k(n.children, i);
21
+ if (m) return m;
22
+ }
23
+ }
24
+ return null;
25
+ }
26
+ const R = ({
27
+ nodes: a,
28
+ loading: i = !1,
29
+ editable: l = !1,
30
+ className: n,
31
+ selectedKeys: m,
32
+ onSelect: f,
33
+ onAdd: d,
20
34
  onEdit: g,
21
35
  onDelete: h,
22
- deleteConfirmTitle: k = "确认删除该节点?",
23
- deleteOkText: f = "删除",
24
- deleteOkType: z = "danger"
36
+ deleteConfirmTitle: b = "确认删除该节点?",
37
+ deleteOkText: x = "删除",
38
+ deleteOkType: C = "danger"
25
39
  }) => {
26
- const d = B(() => P(t), [t]), [T, x] = L([]);
27
- M(() => {
28
- x(d);
29
- }, [d]);
30
- const y = (m) => m.map((e) => {
31
- var N;
40
+ const y = O(() => T(a), [a]), [E, N] = q([]);
41
+ A(() => {
42
+ N(y);
43
+ }, [y]);
44
+ const P = (s) => s.map((r) => {
45
+ var z;
32
46
  return {
33
- key: e.id,
34
- title: /* @__PURE__ */ c("div", { className: l("marsun-org-tree-row", i["marsun-org-tree-row"]), children: [
35
- /* @__PURE__ */ a(j, { title: e.name, children: /* @__PURE__ */ c("span", { className: l("marsun-org-tree-name", i["marsun-org-tree-name"]), children: [
36
- e.name,
37
- e.nameExtra ? /* @__PURE__ */ a(
47
+ key: r.id,
48
+ title: /* @__PURE__ */ u("div", { className: o("marsun-org-tree-row", c["marsun-org-tree-row"]), children: [
49
+ /* @__PURE__ */ t(B, { title: r.name, children: /* @__PURE__ */ u("span", { className: o("marsun-org-tree-name", c["marsun-org-tree-name"]), children: [
50
+ r.name,
51
+ r.nameExtra ? /* @__PURE__ */ t(
38
52
  "span",
39
53
  {
40
- className: l("marsun-org-tree-extra", i["marsun-org-tree-extra"]),
41
- children: e.nameExtra
54
+ className: o("marsun-org-tree-extra", c["marsun-org-tree-extra"]),
55
+ children: r.nameExtra
42
56
  }
43
57
  ) : null
44
58
  ] }) }),
45
- o ? /* @__PURE__ */ c(
46
- v,
59
+ l ? /* @__PURE__ */ u(
60
+ L,
47
61
  {
48
62
  size: 0,
49
- className: l("marsun-org-tree-actions", i["marsun-org-tree-actions"]),
63
+ className: o("marsun-org-tree-actions", c["marsun-org-tree-actions"]),
50
64
  children: [
51
- u ? /* @__PURE__ */ a(
65
+ d ? /* @__PURE__ */ t(
52
66
  p,
53
67
  {
54
68
  type: "text",
55
69
  size: "small",
56
70
  "aria-label": "添加子节点",
57
- icon: /* @__PURE__ */ a(C, { size: 14 }),
58
- onClick: (r) => {
59
- r.stopPropagation(), u(e.id);
71
+ icon: /* @__PURE__ */ t(K, { size: 14 }),
72
+ onClick: (e) => {
73
+ e.stopPropagation(), d(r.id);
60
74
  }
61
75
  }
62
76
  ) : null,
63
- g ? /* @__PURE__ */ a(
77
+ g ? /* @__PURE__ */ t(
64
78
  p,
65
79
  {
66
80
  type: "text",
67
81
  size: "small",
68
82
  "aria-label": "编辑",
69
- icon: /* @__PURE__ */ a(E, { size: 14 }),
70
- onClick: (r) => {
71
- r.stopPropagation(), g({
72
- id: e.id,
73
- name: e.name,
74
- parentId: e.parentId ?? null
83
+ icon: /* @__PURE__ */ t(S, { size: 14 }),
84
+ onClick: (e) => {
85
+ e.stopPropagation(), g({
86
+ id: r.id,
87
+ name: r.name,
88
+ parentId: r.parentId ?? null
75
89
  });
76
90
  }
77
91
  }
78
92
  ) : null,
79
- h ? /* @__PURE__ */ a(
80
- I,
93
+ h ? /* @__PURE__ */ t(
94
+ M,
81
95
  {
82
- title: k,
83
- okText: f,
84
- okType: z,
96
+ title: b,
97
+ okText: x,
98
+ okType: C,
85
99
  cancelText: "取消",
86
- onConfirm: (r) => (r == null || r.stopPropagation(), h({ id: e.id, name: e.name })),
87
- onCancel: (r) => r == null ? void 0 : r.stopPropagation(),
88
- children: /* @__PURE__ */ a(
100
+ onConfirm: (e) => (e == null || e.stopPropagation(), h({ id: r.id, name: r.name })),
101
+ onCancel: (e) => e == null ? void 0 : e.stopPropagation(),
102
+ children: /* @__PURE__ */ t(
89
103
  p,
90
104
  {
91
105
  type: "text",
92
106
  size: "small",
93
107
  danger: !0,
94
- "aria-label": f,
95
- icon: /* @__PURE__ */ a(K, { size: 14 }),
96
- onClick: (r) => r.stopPropagation()
108
+ "aria-label": x,
109
+ icon: /* @__PURE__ */ t(w, { size: 14 }),
110
+ onClick: (e) => e.stopPropagation()
97
111
  }
98
112
  )
99
113
  }
@@ -102,22 +116,28 @@ const J = ({
102
116
  }
103
117
  ) : null
104
118
  ] }),
105
- children: (N = e.children) != null && N.length ? y(e.children) : void 0
119
+ children: (z = r.children) != null && z.length ? P(r.children) : void 0
106
120
  };
107
- }), b = y(t);
108
- return /* @__PURE__ */ a(w, { spinning: n, children: /* @__PURE__ */ a(
109
- S,
121
+ }), I = P(a);
122
+ return /* @__PURE__ */ t(j, { spinning: i, children: /* @__PURE__ */ t(
123
+ v,
110
124
  {
111
- className: l("marsun-org-tree", i["marsun-org-tree"], s),
112
- treeData: b,
113
- expandedKeys: T,
114
- onExpand: (m) => x(m),
125
+ className: o("marsun-org-tree", c["marsun-org-tree"], n),
126
+ treeData: I,
127
+ expandedKeys: E,
128
+ onExpand: (s) => N(s),
129
+ selectedKeys: m,
130
+ onSelect: (s) => {
131
+ if (!f) return;
132
+ const r = s[0] != null ? String(s[0]) : "";
133
+ f(r ? k(a, r) : null);
134
+ },
115
135
  showLine: !0,
116
136
  blockNode: !0
117
137
  }
118
138
  ) });
119
139
  };
120
140
  export {
121
- J as default
141
+ R as default
122
142
  };
123
143
  //# sourceMappingURL=OrgTree.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"OrgTree.js","sources":["../../../src/components/OrgTree/OrgTree.tsx"],"sourcesContent":["import { Pencil, Plus, Trash2 } from '../Icons';\nimport { Button, Popconfirm, Space, Spin, Tooltip, Tree } from 'antd';\nimport type { DataNode } from 'antd/es/tree';\nimport classNames from 'classnames';\nimport React, { useEffect, useMemo, useState, type Key, type ReactNode } from 'react';\nimport styles from './style.module.scss';\n\nexport type OrgTreeNode = {\n id: string;\n name: string;\n parentId?: string | null;\n children?: OrgTreeNode[];\n /** 名称旁附加文案(如 mapped) */\n nameExtra?: ReactNode;\n};\n\nexport type OrgTreeProps = {\n nodes: OrgTreeNode[];\n loading?: boolean;\n /** 展示节点内增删改操作 */\n editable?: boolean;\n className?: string;\n onAdd?: (parentId: string) => void;\n onEdit?: (node: { id: string; name: string; parentId: string | null }) => void;\n /** 确认删除后回调;由业务执行 API */\n onDelete?: (node: { id: string; name: string }) => void | Promise<void>;\n /** 删除确认文案 */\n deleteConfirmTitle?: string;\n /** 确认钮文案(软禁用场景可传「禁用」) */\n deleteOkText?: string;\n deleteOkType?: 'primary' | 'danger';\n};\n\nfunction collectAllKeys(nodes: OrgTreeNode[]): string[] {\n const keys: string[] = [];\n for (const n of nodes) {\n keys.push(n.id);\n if (n.children?.length) keys.push(...collectAllKeys(n.children));\n }\n return keys;\n}\n\n/**\n * 组织树(对齐 Assets 组织架构行为):默认展开、节点 hover 增删改。\n * 纯 UI,无业务 API。\n */\nconst OrgTree: React.FC<OrgTreeProps> = ({\n nodes,\n loading = false,\n editable = false,\n className,\n onAdd,\n onEdit,\n onDelete,\n deleteConfirmTitle = '确认删除该节点?',\n deleteOkText = '删除',\n deleteOkType = 'danger',\n}) => {\n const allKeys = useMemo(() => collectAllKeys(nodes), [nodes]);\n const [expandedKeys, setExpandedKeys] = useState<Key[]>([]);\n\n useEffect(() => {\n setExpandedKeys(allKeys);\n }, [allKeys]);\n\n const buildTreeNodes = (list: OrgTreeNode[]): DataNode[] =>\n list.map((node) => ({\n key: node.id,\n title: (\n <div className={classNames('marsun-org-tree-row', styles['marsun-org-tree-row'])}>\n <Tooltip title={node.name}>\n <span className={classNames('marsun-org-tree-name', styles['marsun-org-tree-name'])}>\n {node.name}\n {node.nameExtra ? (\n <span\n className={classNames('marsun-org-tree-extra', styles['marsun-org-tree-extra'])}\n >\n {node.nameExtra}\n </span>\n ) : null}\n </span>\n </Tooltip>\n {editable ? (\n <Space\n size={0}\n className={classNames('marsun-org-tree-actions', styles['marsun-org-tree-actions'])}\n >\n {onAdd ? (\n <Button\n type=\"text\"\n size=\"small\"\n aria-label=\"添加子节点\"\n icon={<Plus size={14} />}\n onClick={(e) => {\n e.stopPropagation();\n onAdd(node.id);\n }}\n />\n ) : null}\n {onEdit ? (\n <Button\n type=\"text\"\n size=\"small\"\n aria-label=\"编辑\"\n icon={<Pencil size={14} />}\n onClick={(e) => {\n e.stopPropagation();\n onEdit({\n id: node.id,\n name: node.name,\n parentId: node.parentId ?? null,\n });\n }}\n />\n ) : null}\n {onDelete ? (\n <Popconfirm\n title={deleteConfirmTitle}\n okText={deleteOkText}\n okType={deleteOkType}\n cancelText=\"取消\"\n onConfirm={(e) => {\n e?.stopPropagation();\n return onDelete({ id: node.id, name: node.name });\n }}\n onCancel={(e) => e?.stopPropagation()}\n >\n <Button\n type=\"text\"\n size=\"small\"\n danger\n aria-label={deleteOkText}\n icon={<Trash2 size={14} />}\n onClick={(e) => e.stopPropagation()}\n />\n </Popconfirm>\n ) : null}\n </Space>\n ) : null}\n </div>\n ),\n children: node.children?.length ? buildTreeNodes(node.children) : undefined,\n }));\n\n const treeData = buildTreeNodes(nodes);\n\n return (\n <Spin spinning={loading}>\n <Tree\n className={classNames('marsun-org-tree', styles['marsun-org-tree'], className)}\n treeData={treeData}\n expandedKeys={expandedKeys}\n onExpand={(keys) => setExpandedKeys(keys)}\n showLine\n blockNode\n />\n </Spin>\n );\n};\n\nexport default OrgTree;\n"],"names":["collectAllKeys","nodes","keys","n","_a","OrgTree","loading","editable","className","onAdd","onEdit","onDelete","deleteConfirmTitle","deleteOkText","deleteOkType","allKeys","useMemo","expandedKeys","setExpandedKeys","useState","useEffect","buildTreeNodes","list","node","classNames","styles","jsx","Tooltip","jsxs","Space","Button","Plus","e","Pencil","Popconfirm","Trash2","treeData","Spin","Tree"],"mappings":"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"}
1
+ {"version":3,"file":"OrgTree.js","sources":["../../../src/components/OrgTree/OrgTree.tsx"],"sourcesContent":["import { Pencil, Plus, Trash2 } from '../Icons';\nimport { Button, Popconfirm, Space, Spin, Tooltip, Tree } from 'antd';\nimport type { DataNode } from 'antd/es/tree';\nimport classNames from 'classnames';\nimport React, { useEffect, useMemo, useState, type Key, type ReactNode } from 'react';\nimport styles from './style.module.scss';\n\nexport type OrgTreeNode = {\n id: string;\n name: string;\n parentId?: string | null;\n children?: OrgTreeNode[];\n /** 名称旁附加文案(如 mapped) */\n nameExtra?: ReactNode;\n};\n\nexport type OrgTreeProps = {\n nodes: OrgTreeNode[];\n loading?: boolean;\n /** 展示节点内增删改操作 */\n editable?: boolean;\n className?: string;\n /** 受控选中(点选节点,如右侧岗位面板) */\n selectedKeys?: Key[];\n onSelect?: (node: { id: string; name: string; parentId: string | null } | null) => void;\n onAdd?: (parentId: string) => void;\n onEdit?: (node: { id: string; name: string; parentId: string | null }) => void;\n /** 确认删除后回调;由业务执行 API */\n onDelete?: (node: { id: string; name: string }) => void | Promise<void>;\n /** 删除确认文案 */\n deleteConfirmTitle?: string;\n /** 确认钮文案(软禁用场景可传「禁用」) */\n deleteOkText?: string;\n deleteOkType?: 'primary' | 'danger';\n};\n\nfunction collectAllKeys(nodes: OrgTreeNode[]): string[] {\n const keys: string[] = [];\n for (const n of nodes) {\n keys.push(n.id);\n if (n.children?.length) keys.push(...collectAllKeys(n.children));\n }\n return keys;\n}\n\nfunction findOrgNode(\n list: OrgTreeNode[],\n id: string,\n): { id: string; name: string; parentId: string | null } | null {\n for (const n of list) {\n if (n.id === id) {\n return { id: n.id, name: n.name, parentId: n.parentId ?? null };\n }\n if (n.children?.length) {\n const hit = findOrgNode(n.children, id);\n if (hit) return hit;\n }\n }\n return null;\n}\n\n/**\n * 组织树(对齐 Assets 组织架构行为):默认展开、节点 hover 增删改。\n * 纯 UI,无业务 API。\n */\nconst OrgTree: React.FC<OrgTreeProps> = ({\n nodes,\n loading = false,\n editable = false,\n className,\n selectedKeys,\n onSelect,\n onAdd,\n onEdit,\n onDelete,\n deleteConfirmTitle = '确认删除该节点?',\n deleteOkText = '删除',\n deleteOkType = 'danger',\n}) => {\n const allKeys = useMemo(() => collectAllKeys(nodes), [nodes]);\n const [expandedKeys, setExpandedKeys] = useState<Key[]>([]);\n\n useEffect(() => {\n setExpandedKeys(allKeys);\n }, [allKeys]);\n\n const buildTreeNodes = (list: OrgTreeNode[]): DataNode[] =>\n list.map((node) => ({\n key: node.id,\n title: (\n <div className={classNames('marsun-org-tree-row', styles['marsun-org-tree-row'])}>\n <Tooltip title={node.name}>\n <span className={classNames('marsun-org-tree-name', styles['marsun-org-tree-name'])}>\n {node.name}\n {node.nameExtra ? (\n <span\n className={classNames('marsun-org-tree-extra', styles['marsun-org-tree-extra'])}\n >\n {node.nameExtra}\n </span>\n ) : null}\n </span>\n </Tooltip>\n {editable ? (\n <Space\n size={0}\n className={classNames('marsun-org-tree-actions', styles['marsun-org-tree-actions'])}\n >\n {onAdd ? (\n <Button\n type=\"text\"\n size=\"small\"\n aria-label=\"添加子节点\"\n icon={<Plus size={14} />}\n onClick={(e) => {\n e.stopPropagation();\n onAdd(node.id);\n }}\n />\n ) : null}\n {onEdit ? (\n <Button\n type=\"text\"\n size=\"small\"\n aria-label=\"编辑\"\n icon={<Pencil size={14} />}\n onClick={(e) => {\n e.stopPropagation();\n onEdit({\n id: node.id,\n name: node.name,\n parentId: node.parentId ?? null,\n });\n }}\n />\n ) : null}\n {onDelete ? (\n <Popconfirm\n title={deleteConfirmTitle}\n okText={deleteOkText}\n okType={deleteOkType}\n cancelText=\"取消\"\n onConfirm={(e) => {\n e?.stopPropagation();\n return onDelete({ id: node.id, name: node.name });\n }}\n onCancel={(e) => e?.stopPropagation()}\n >\n <Button\n type=\"text\"\n size=\"small\"\n danger\n aria-label={deleteOkText}\n icon={<Trash2 size={14} />}\n onClick={(e) => e.stopPropagation()}\n />\n </Popconfirm>\n ) : null}\n </Space>\n ) : null}\n </div>\n ),\n children: node.children?.length ? buildTreeNodes(node.children) : undefined,\n }));\n\n const treeData = buildTreeNodes(nodes);\n\n return (\n <Spin spinning={loading}>\n <Tree\n className={classNames('marsun-org-tree', styles['marsun-org-tree'], className)}\n treeData={treeData}\n expandedKeys={expandedKeys}\n onExpand={(keys) => setExpandedKeys(keys)}\n selectedKeys={selectedKeys}\n onSelect={(keys) => {\n if (!onSelect) return;\n const id = keys[0] != null ? String(keys[0]) : '';\n onSelect(id ? findOrgNode(nodes, id) : null);\n }}\n showLine\n blockNode\n />\n </Spin>\n );\n};\n\nexport default OrgTree;\n"],"names":["collectAllKeys","nodes","keys","_a","findOrgNode","list","id","hit","OrgTree","loading","editable","className","selectedKeys","onSelect","onAdd","onEdit","onDelete","deleteConfirmTitle","deleteOkText","deleteOkType","allKeys","useMemo","expandedKeys","setExpandedKeys","useState","useEffect","buildTreeNodes","node","classNames","styles","jsx","Tooltip","jsxs","Space","Button","Plus","Pencil","Popconfirm","Trash2","treeData","Spin","Tree"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hkyhy/marsun-components-core",
3
- "version": "0.1.42",
3
+ "version": "0.1.43",
4
4
  "description": "Marsun pure UI component library",
5
5
  "type": "module",
6
6
  "repository": {