tntd 3.0.68 → 3.0.70
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.
- package/es/index.js +7 -0
- package/es/index.js.map +1 -1
- package/es/prev-locale.js +4 -2
- package/es/prev-locale.js.map +1 -1
- package/es/tntd-checkbox-select/index.js +263 -0
- package/es/tntd-checkbox-select/index.js.map +1 -0
- package/es/tntd-checkbox-select/index.less +68 -0
- package/lib/index.d.ts +1 -0
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +7 -0
- package/lib/index.js.map +1 -1
- package/lib/prev-locale.d.ts +3 -0
- package/lib/prev-locale.d.ts.map +1 -1
- package/lib/prev-locale.js +4 -2
- package/lib/prev-locale.js.map +1 -1
- package/lib/tntd-checkbox-select/index.d.ts +12 -0
- package/lib/tntd-checkbox-select/index.d.ts.map +1 -0
- package/lib/tntd-checkbox-select/index.js +348 -0
- package/lib/tntd-checkbox-select/index.js.map +1 -0
- package/lib/tntd-checkbox-select/index.less +68 -0
- package/package.json +2 -2
- package/es/checkbox/checkbox-group.js +0 -16
- package/es/checkbox/checkbox-group.js.map +0 -1
- package/es/query-form/Field/Composition/FieldPopover.js +0 -459
- package/es/query-form/Field/Composition/FieldPopover.js.map +0 -1
- package/es/query-form/Field/Composition/FieldPopover.less +0 -41
- package/es/query-form/Field/Composition/Select.js +0 -253
- package/es/query-form/Field/Composition/Select.js.map +0 -1
- package/es/query-form/Field/Composition/SelectInput.js +0 -111
- package/es/query-form/Field/Composition/SelectInput.js.map +0 -1
- package/es/query-form/Field/Composition/ValueTag.js +0 -240
- package/es/query-form/Field/Composition/ValueTag.js.map +0 -1
- package/es/query-form/Field/Composition/index.js +0 -441
- package/es/query-form/Field/Composition/index.js.map +0 -1
- package/es/query-form/Field/Composition/index.less +0 -167
- package/es/query-form/Field/Composition/utils.js +0 -173
- package/es/query-form/Field/Composition/utils.js.map +0 -1
- package/es/query-form-v2/index.less +0 -133
- package/es/radio/radio-group.js +0 -16
- package/es/radio/radio-group.js.map +0 -1
- package/es/table/total-shower.js +0 -20
- package/es/table/total-shower.js.map +0 -1
- package/es/utils/simple-template.js +0 -19
- package/es/utils/simple-template.js.map +0 -1
- package/lib/checkbox/checkbox-group.d.ts +0 -8
- package/lib/checkbox/checkbox-group.d.ts.map +0 -1
- package/lib/checkbox/checkbox-group.js +0 -16
- package/lib/checkbox/checkbox-group.js.map +0 -1
- package/lib/query-form/Field/Composition/FieldPopover.d.ts +0 -19
- package/lib/query-form/Field/Composition/FieldPopover.d.ts.map +0 -1
- package/lib/query-form/Field/Composition/FieldPopover.js +0 -459
- package/lib/query-form/Field/Composition/FieldPopover.js.map +0 -1
- package/lib/query-form/Field/Composition/FieldPopover.less +0 -41
- package/lib/query-form/Field/Composition/Select.d.ts +0 -4
- package/lib/query-form/Field/Composition/Select.d.ts.map +0 -1
- package/lib/query-form/Field/Composition/Select.js +0 -253
- package/lib/query-form/Field/Composition/Select.js.map +0 -1
- package/lib/query-form/Field/Composition/SelectInput.d.ts +0 -3
- package/lib/query-form/Field/Composition/SelectInput.d.ts.map +0 -1
- package/lib/query-form/Field/Composition/SelectInput.js +0 -111
- package/lib/query-form/Field/Composition/SelectInput.js.map +0 -1
- package/lib/query-form/Field/Composition/ValueTag.d.ts +0 -13
- package/lib/query-form/Field/Composition/ValueTag.d.ts.map +0 -1
- package/lib/query-form/Field/Composition/ValueTag.js +0 -240
- package/lib/query-form/Field/Composition/ValueTag.js.map +0 -1
- package/lib/query-form/Field/Composition/index.d.ts +0 -15
- package/lib/query-form/Field/Composition/index.d.ts.map +0 -1
- package/lib/query-form/Field/Composition/index.js +0 -441
- package/lib/query-form/Field/Composition/index.js.map +0 -1
- package/lib/query-form/Field/Composition/index.less +0 -167
- package/lib/query-form/Field/Composition/utils.d.ts +0 -21
- package/lib/query-form/Field/Composition/utils.d.ts.map +0 -1
- package/lib/query-form/Field/Composition/utils.js +0 -173
- package/lib/query-form/Field/Composition/utils.js.map +0 -1
- package/lib/query-form-v2/index.less +0 -133
- package/lib/radio/radio-group.d.ts +0 -8
- package/lib/radio/radio-group.d.ts.map +0 -1
- package/lib/radio/radio-group.js +0 -16
- package/lib/radio/radio-group.js.map +0 -1
- package/lib/table/total-shower.d.ts +0 -9
- package/lib/table/total-shower.d.ts.map +0 -1
- package/lib/table/total-shower.js +0 -20
- package/lib/table/total-shower.js.map +0 -1
- package/lib/utils/simple-template.d.ts +0 -9
- package/lib/utils/simple-template.d.ts.map +0 -1
- package/lib/utils/simple-template.js +0 -19
- package/lib/utils/simple-template.js.map +0 -1
package/lib/prev-locale.js
CHANGED
|
@@ -41,7 +41,8 @@ var zh_CN = exports.zh_CN = {
|
|
|
41
41
|
referenceFail: '查询引用关系失败',
|
|
42
42
|
inQuery: '查询中...',
|
|
43
43
|
noData: '暂无数据',
|
|
44
|
-
viewReference: '引用关系查看'
|
|
44
|
+
viewReference: '引用关系查看',
|
|
45
|
+
all: '全选'
|
|
45
46
|
};
|
|
46
47
|
var en_US = exports.en_US = {
|
|
47
48
|
globalNavigation: 'Global Navigation',
|
|
@@ -79,7 +80,8 @@ var en_US = exports.en_US = {
|
|
|
79
80
|
referenceFail: 'Description Failed to query the reference relationship',
|
|
80
81
|
inQuery: 'In query...',
|
|
81
82
|
noData: 'No data',
|
|
82
|
-
viewReference: 'Reference relationship viewing'
|
|
83
|
+
viewReference: 'Reference relationship viewing',
|
|
84
|
+
all: 'all'
|
|
83
85
|
};
|
|
84
86
|
var getText = exports.getText = function getText(key) {
|
|
85
87
|
var language = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : getLanguage();
|
package/lib/prev-locale.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"prev-locale.js","sourceRoot":"","sources":["../src/prev-locale.js"],"names":[],"mappings":";;;AAAA,mDAAyD;AAE5C,QAAA,KAAK,GAAG;IACnB,gBAAgB,EAAE,MAAM;IACxB,UAAU,EAAE,MAAM;IAElB,YAAY;IACZ,MAAM,EAAE,IAAI;IACZ,KAAK,EAAE,IAAI;IACX,aAAa,EAAE,MAAM;IACrB,MAAM,EAAE,IAAI;IACZ,QAAQ,EAAE,IAAI;IAEd,iBAAiB;IACjB,YAAY,EAAE,QAAQ;IAEtB,eAAe;IACf,QAAQ,EAAE,MAAM;IAChB,gBAAgB,EAAE,MAAM;IACxB,SAAS,EAAE,MAAM;IACjB,OAAO,EAAE,IAAI;IAEb,SAAS;IACT,UAAU,EAAC,IAAI;IAEf,QAAQ;IACR,KAAK,EAAE,KAAK;IAEZ,SAAS;IACT,MAAM,EAAE,KAAK;IAGd,cAAc;IACb,UAAU,EAAE,QAAQ;IACpB,OAAO,EACL,qDAAqD;IACvD,SAAS,EAAE,4CAA4C;IACvD,MAAM,EAAE,IAAI;IACZ,IAAI,EAAE,KAAK;IACX,KAAK,EAAE,IAAI;IACX,MAAM,EAAE,KAAK;IACb,IAAI,EAAE,KAAK;IACX,YAAY,EAAE,UAAU;IACxB,aAAa,EAAE,cAAc;IAC7B,aAAa,EAAE,UAAU;IACzB,OAAO,EAAE,QAAQ;IACjB,MAAM,EAAE,MAAM;IACd,aAAa,EAAE,QAAQ;
|
|
1
|
+
{"version":3,"file":"prev-locale.js","sourceRoot":"","sources":["../src/prev-locale.js"],"names":[],"mappings":"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","sourcesContent":["import { getLanguageStore } from './tntd-layout/storage';\n\nexport const zh_CN = {\n globalNavigation: '全局导航',\n menuSearch: '菜单搜索',\n\n // QueryForm\n search: '搜索',\n reset: '重置',\n moreFiltering: '更多过滤',\n expand: '展开',\n collapse: '收起',\n\n // QueryListScene\n totalRecords: '共%s条记录',\n\n // user popover\n nameNull: '暂无昵称',\n personalSettings: '个人设置',\n changePwd: '修改密码',\n signOut: '退出',\n\n // Handle\n handleMore:'更多',\n\n // Enter\n enter: '请输入',\n\n // Select\n select: '请选择',\n\n\n // Reference\n onLineFail: '上线校验失败',\n weakMsg:\n '存在弱引用(被下线、禁用、待提交/上线、导入待提交/上线、暂存、保存等相关状态组件引用)关系,谨慎操作',\n strongMsg: '存在强引用(被上线、启用、上下线审批中和指标初始化等相关状态组件引用)关系,禁止操作',\n cancel: '取消',\n next: '下一步',\n exist: '存在',\n strong: '强引用',\n weak: '弱引用',\n relationFail: '查询关联关系失败',\n reliableQuery: '请提供一个可靠的查询请求',\n referenceFail: '查询引用关系失败',\n inQuery: '查询中...',\n noData: '暂无数据',\n viewReference: '引用关系查看',\n all: '全选'\n}\n\nexport const en_US = {\n globalNavigation: 'Global Navigation',\n menuSearch: 'Menu Search',\n\n\n // QueryForm\n search: 'Search',\n reset: 'Reset',\n moreFiltering: 'More filtering',\n expand: 'Expand',\n collapse: 'Collapse',\n\n // QueryListScene\n totalRecords: 'Totally %s Record(s)',\n\n // user popover\n nameNull: 'No nickname yet',\n personalSettings: 'Setting',\n changePwd: 'Change password',\n signOut: 'Sign out',\n\n // Handle\n handleMore:'More',\n\n // Enter\n enter: 'Enter',\n // Select\n select: 'Select',\n\n\n // Reference\n onLineFail: 'On-line verification failure',\n weakMsg:\n 'Caution When performing this operation, weak references exist for status components, such as offline, disabled, to be submitted/online, Import to be submitted/online, temporary, and save',\n strongMsg:\n 'A strong reference relationship exists (referenced by status components such as online, enabled, online and offline approval, and indicator initialization). Therefore, no operation is allowed',\n cancel: 'Cancel',\n next: 'Next',\n exist: 'Exist',\n strong: 'Strong',\n weak: 'Weak',\n relationFail: 'Description Failed to query the association relationship',\n reliableQuery: 'Please provide a reliable query request',\n referenceFail: 'Description Failed to query the reference relationship',\n inQuery: 'In query...',\n noData: 'No data',\n viewReference: 'Reference relationship viewing',\n all: 'all'\n}\n\nexport const getText = (key, language = getLanguage(), ...params) => {\n const text = ({\n cn: zh_CN,\n en: en_US,\n }[language] || zh_CN)?.[key]\n\n if (params?.length) {\n return params.reduce((acc, cur) => {\n return acc.replace(/%s/, cur)\n }, text)\n }\n\n return text\n}\n\nexport const getLanguage = () => getLanguageStore()|| 'cn'\n\nexport default { en_US, zh_CN }\n"]}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export default TntdCheckboxSelect;
|
|
2
|
+
declare function TntdCheckboxSelect({ mode, value, onChange, options, dropdownClassName, filterOption, ...restProps }: {
|
|
3
|
+
[x: string]: any;
|
|
4
|
+
mode: any;
|
|
5
|
+
value: any;
|
|
6
|
+
onChange: any;
|
|
7
|
+
options: any;
|
|
8
|
+
dropdownClassName: any;
|
|
9
|
+
filterOption?: ((inputValue: any, option: any) => any) | undefined;
|
|
10
|
+
}): React.JSX.Element;
|
|
11
|
+
import React from "react";
|
|
12
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tntd-checkbox-select/index.jsx"],"names":[],"mappings":";AAoBA;;;;;;;;sBA0LC"}
|
|
@@ -0,0 +1,348 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
function _typeof(o) {
|
|
4
|
+
"@babel/helpers - typeof";
|
|
5
|
+
|
|
6
|
+
return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
|
|
7
|
+
return typeof o;
|
|
8
|
+
} : function (o) {
|
|
9
|
+
return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
|
|
10
|
+
}, _typeof(o);
|
|
11
|
+
}
|
|
12
|
+
Object.defineProperty(exports, "__esModule", {
|
|
13
|
+
value: true
|
|
14
|
+
});
|
|
15
|
+
exports["default"] = void 0;
|
|
16
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
17
|
+
var _prevLocale = require("../prev-locale");
|
|
18
|
+
var _rcVirtualList = _interopRequireDefault(require("rc-virtual-list"));
|
|
19
|
+
var _tntdRcSelect = _interopRequireDefault(require("../tntd-rc-select"));
|
|
20
|
+
var _icon = _interopRequireDefault(require("../icon"));
|
|
21
|
+
var _tag = _interopRequireDefault(require("../tag"));
|
|
22
|
+
var _checkbox = _interopRequireDefault(require("../checkbox"));
|
|
23
|
+
var _empty = _interopRequireDefault(require("../empty"));
|
|
24
|
+
var _ellipsis = _interopRequireDefault(require("../ellipsis"));
|
|
25
|
+
require("./index.less");
|
|
26
|
+
function _interopRequireDefault(e) {
|
|
27
|
+
return e && e.__esModule ? e : {
|
|
28
|
+
"default": e
|
|
29
|
+
};
|
|
30
|
+
}
|
|
31
|
+
function _getRequireWildcardCache(e) {
|
|
32
|
+
if ("function" != typeof WeakMap) return null;
|
|
33
|
+
var r = new WeakMap(),
|
|
34
|
+
t = new WeakMap();
|
|
35
|
+
return (_getRequireWildcardCache = function _getRequireWildcardCache(e) {
|
|
36
|
+
return e ? t : r;
|
|
37
|
+
})(e);
|
|
38
|
+
}
|
|
39
|
+
function _interopRequireWildcard(e, r) {
|
|
40
|
+
if (!r && e && e.__esModule) return e;
|
|
41
|
+
if (null === e || "object" != _typeof(e) && "function" != typeof e) return {
|
|
42
|
+
"default": e
|
|
43
|
+
};
|
|
44
|
+
var t = _getRequireWildcardCache(r);
|
|
45
|
+
if (t && t.has(e)) return t.get(e);
|
|
46
|
+
var n = {
|
|
47
|
+
__proto__: null
|
|
48
|
+
},
|
|
49
|
+
a = Object.defineProperty && Object.getOwnPropertyDescriptor;
|
|
50
|
+
for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) {
|
|
51
|
+
var i = a ? Object.getOwnPropertyDescriptor(e, u) : null;
|
|
52
|
+
i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u];
|
|
53
|
+
}
|
|
54
|
+
return n["default"] = e, t && t.set(e, n), n;
|
|
55
|
+
}
|
|
56
|
+
function _toConsumableArray(r) {
|
|
57
|
+
return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();
|
|
58
|
+
}
|
|
59
|
+
function _nonIterableSpread() {
|
|
60
|
+
throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
61
|
+
}
|
|
62
|
+
function _iterableToArray(r) {
|
|
63
|
+
if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
|
|
64
|
+
}
|
|
65
|
+
function _arrayWithoutHoles(r) {
|
|
66
|
+
if (Array.isArray(r)) return _arrayLikeToArray(r);
|
|
67
|
+
}
|
|
68
|
+
function _slicedToArray(r, e) {
|
|
69
|
+
return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
|
|
70
|
+
}
|
|
71
|
+
function _nonIterableRest() {
|
|
72
|
+
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
73
|
+
}
|
|
74
|
+
function _unsupportedIterableToArray(r, a) {
|
|
75
|
+
if (r) {
|
|
76
|
+
if ("string" == typeof r) return _arrayLikeToArray(r, a);
|
|
77
|
+
var t = {}.toString.call(r).slice(8, -1);
|
|
78
|
+
return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
function _arrayLikeToArray(r, a) {
|
|
82
|
+
(null == a || a > r.length) && (a = r.length);
|
|
83
|
+
for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
|
|
84
|
+
return n;
|
|
85
|
+
}
|
|
86
|
+
function _iterableToArrayLimit(r, l) {
|
|
87
|
+
var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
|
|
88
|
+
if (null != t) {
|
|
89
|
+
var e,
|
|
90
|
+
n,
|
|
91
|
+
i,
|
|
92
|
+
u,
|
|
93
|
+
a = [],
|
|
94
|
+
f = !0,
|
|
95
|
+
o = !1;
|
|
96
|
+
try {
|
|
97
|
+
if (i = (t = t.call(r)).next, 0 === l) {
|
|
98
|
+
if (Object(t) !== t) return;
|
|
99
|
+
f = !1;
|
|
100
|
+
} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
|
|
101
|
+
} catch (r) {
|
|
102
|
+
o = !0, n = r;
|
|
103
|
+
} finally {
|
|
104
|
+
try {
|
|
105
|
+
if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
|
|
106
|
+
} finally {
|
|
107
|
+
if (o) throw n;
|
|
108
|
+
}
|
|
109
|
+
}
|
|
110
|
+
return a;
|
|
111
|
+
}
|
|
112
|
+
}
|
|
113
|
+
function _arrayWithHoles(r) {
|
|
114
|
+
if (Array.isArray(r)) return r;
|
|
115
|
+
}
|
|
116
|
+
var __rest = void 0 && (void 0).__rest || function (s, e) {
|
|
117
|
+
var t = {};
|
|
118
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
119
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
120
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
121
|
+
}
|
|
122
|
+
return t;
|
|
123
|
+
};
|
|
124
|
+
/*
|
|
125
|
+
* @Descripttion: antd3 select 增加checkbox
|
|
126
|
+
* @Author: 郑泳健
|
|
127
|
+
* @Date: 2025-08-05 10:50:17
|
|
128
|
+
* @LastEditors: 郑泳健
|
|
129
|
+
* @LastEditTime: 2025-08-12 14:25:38
|
|
130
|
+
*/
|
|
131
|
+
|
|
132
|
+
var all = (0, _prevLocale.getText)('all', (0, _prevLocale.getLanguage)());
|
|
133
|
+
var TntdCheckboxSelect = function TntdCheckboxSelect(_a) {
|
|
134
|
+
var mode = _a.mode,
|
|
135
|
+
value = _a.value,
|
|
136
|
+
onChange = _a.onChange,
|
|
137
|
+
options = _a.options,
|
|
138
|
+
dropdownClassName = _a.dropdownClassName,
|
|
139
|
+
_a$filterOption = _a.filterOption,
|
|
140
|
+
filterOption = _a$filterOption === void 0 ? function (inputValue, option) {
|
|
141
|
+
var _a;
|
|
142
|
+
return (_a = option === null || option === void 0 ? void 0 : option.label) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(inputValue === null || inputValue === void 0 ? void 0 : inputValue.toLowerCase());
|
|
143
|
+
} : _a$filterOption,
|
|
144
|
+
restProps = __rest(_a, ["mode", "value", "onChange", "options", "dropdownClassName", "filterOption"]);
|
|
145
|
+
// 搜索
|
|
146
|
+
var _useState = (0, _react.useState)(undefined),
|
|
147
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
148
|
+
searchValue = _useState2[0],
|
|
149
|
+
setSearchValue = _useState2[1];
|
|
150
|
+
/** 根据搜索过滤,dropDown的渲染数据 */
|
|
151
|
+
var renderData = (0, _react.useMemo)(function () {
|
|
152
|
+
if (!Array.isArray(options)) {
|
|
153
|
+
return [];
|
|
154
|
+
}
|
|
155
|
+
if (['', undefined, null].includes(searchValue)) {
|
|
156
|
+
return options;
|
|
157
|
+
}
|
|
158
|
+
return options.filter(function (item) {
|
|
159
|
+
return filterOption(searchValue, item);
|
|
160
|
+
});
|
|
161
|
+
}, [options, filterOption, searchValue]);
|
|
162
|
+
/** 全选中 */
|
|
163
|
+
var checkedAll = (0, _react.useMemo)(function () {
|
|
164
|
+
if (!Array.isArray(value) || !Array.isArray(value)) {
|
|
165
|
+
return false;
|
|
166
|
+
}
|
|
167
|
+
// 过滤掉disabled的选中情况
|
|
168
|
+
var filterDisabled = renderData.filter(function (item) {
|
|
169
|
+
return !item.disabled;
|
|
170
|
+
});
|
|
171
|
+
return filterDisabled.every(function (i) {
|
|
172
|
+
return value.includes(i.value);
|
|
173
|
+
});
|
|
174
|
+
}, [value, renderData]);
|
|
175
|
+
/** 半选中 */
|
|
176
|
+
var indeterminate = (0, _react.useMemo)(function () {
|
|
177
|
+
if (!Array.isArray(value) || !Array.isArray(value)) {
|
|
178
|
+
return false;
|
|
179
|
+
} // 过滤掉disabled的选中情况
|
|
180
|
+
var filterDisabled = renderData.filter(function (item) {
|
|
181
|
+
return !item.disabled;
|
|
182
|
+
});
|
|
183
|
+
/** 非disable既有选中的,也有没选中的 */
|
|
184
|
+
return filterDisabled.some(function (i) {
|
|
185
|
+
return value.includes(i.value);
|
|
186
|
+
}) && filterDisabled.some(function (i) {
|
|
187
|
+
return !value.includes(i.value);
|
|
188
|
+
});
|
|
189
|
+
}, [value, renderData]);
|
|
190
|
+
var handleSearch = function handleSearch(val) {
|
|
191
|
+
setSearchValue(val);
|
|
192
|
+
};
|
|
193
|
+
/** 全选情况 */
|
|
194
|
+
var handleAllClick = function handleAllClick(item, checked) {
|
|
195
|
+
// 筛选出非disabled的数组
|
|
196
|
+
var noDisabledChoosedList = Array.isArray(renderData) ? renderData.reduce(function (total, item) {
|
|
197
|
+
if (!item.disabled) {
|
|
198
|
+
total.push(item.value);
|
|
199
|
+
}
|
|
200
|
+
return total;
|
|
201
|
+
}, []) : [];
|
|
202
|
+
if (checked) {
|
|
203
|
+
// 这里加value的原因是有可能是搜索的时候点击了全选
|
|
204
|
+
var list = Array.isArray(value) ? Array.from(new Set([].concat(_toConsumableArray(value), _toConsumableArray(noDisabledChoosedList)))) : _toConsumableArray(noDisabledChoosedList);
|
|
205
|
+
onChange(list);
|
|
206
|
+
} else {
|
|
207
|
+
var _list = Array.isArray(value) ? value.filter(function (i) {
|
|
208
|
+
return !noDisabledChoosedList.includes(i);
|
|
209
|
+
}) : [];
|
|
210
|
+
onChange(_list);
|
|
211
|
+
}
|
|
212
|
+
setSearchValue(undefined);
|
|
213
|
+
};
|
|
214
|
+
var handleClick = function handleClick(item, checked) {
|
|
215
|
+
if (!Array.isArray(value)) {
|
|
216
|
+
value = [];
|
|
217
|
+
}
|
|
218
|
+
if (checked) {
|
|
219
|
+
onChange([].concat(_toConsumableArray(value), [item.value]));
|
|
220
|
+
} else {
|
|
221
|
+
onChange(value.filter(function (v) {
|
|
222
|
+
return v !== item.value;
|
|
223
|
+
}));
|
|
224
|
+
}
|
|
225
|
+
setSearchValue(undefined);
|
|
226
|
+
};
|
|
227
|
+
var handleStopPropagation = function handleStopPropagation(e) {
|
|
228
|
+
var _a;
|
|
229
|
+
(_a = e === null || e === void 0 ? void 0 : e.nativeEvent) === null || _a === void 0 ? void 0 : _a.stopImmediatePropagation();
|
|
230
|
+
e === null || e === void 0 ? void 0 : e.stopPropagation();
|
|
231
|
+
e === null || e === void 0 ? void 0 : e.preventDefault();
|
|
232
|
+
};
|
|
233
|
+
return _react["default"].createElement(_tntdRcSelect["default"], Object.assign({
|
|
234
|
+
showSearch: true,
|
|
235
|
+
searchValue: searchValue,
|
|
236
|
+
onSearch: handleSearch,
|
|
237
|
+
tagRender: function tagRender(item) {
|
|
238
|
+
var onClose = item.onClose,
|
|
239
|
+
value = item.value;
|
|
240
|
+
var _ref = Array.isArray(options) ? options.find(function (opt) {
|
|
241
|
+
return opt.value === value;
|
|
242
|
+
}) || {} : {},
|
|
243
|
+
label = _ref.label,
|
|
244
|
+
disabled = _ref.disabled;
|
|
245
|
+
return _react["default"].createElement(_tag["default"], {
|
|
246
|
+
size: "small",
|
|
247
|
+
className: "tntd-checkbox-select-item-tag"
|
|
248
|
+
}, _react["default"].createElement("div", {
|
|
249
|
+
className: 'tntd-checkbox-select-item-tag-label'
|
|
250
|
+
}, _react["default"].createElement(_ellipsis["default"], {
|
|
251
|
+
title: label,
|
|
252
|
+
widthLimit: "100%"
|
|
253
|
+
})), !disabled ? _react["default"].createElement(_icon["default"], {
|
|
254
|
+
type: "close",
|
|
255
|
+
onClick: onClose
|
|
256
|
+
}) : '');
|
|
257
|
+
},
|
|
258
|
+
value: value,
|
|
259
|
+
onChange: onChange
|
|
260
|
+
}, restProps, {
|
|
261
|
+
mode: mode || 'multiple',
|
|
262
|
+
dropdownClassName: "".concat(dropdownClassName || '', " tntd-checkbox-select-dropdown-wrap"),
|
|
263
|
+
dropdownRender: function dropdownRender() {
|
|
264
|
+
if (!Array.isArray(renderData) || !(renderData === null || renderData === void 0 ? void 0 : renderData.length)) {
|
|
265
|
+
return _react["default"].createElement("div", {
|
|
266
|
+
className: "tntd-checkbox-select-dropdown-render-wrapper"
|
|
267
|
+
}, _react["default"].createElement(_empty["default"], {
|
|
268
|
+
className: "tntd-rc-select-item-empty",
|
|
269
|
+
size: "mini"
|
|
270
|
+
}));
|
|
271
|
+
}
|
|
272
|
+
var renderList = [{
|
|
273
|
+
label: all,
|
|
274
|
+
value: 'all',
|
|
275
|
+
isAll: true
|
|
276
|
+
}].concat(_toConsumableArray(renderData));
|
|
277
|
+
return _react["default"].createElement("div", {
|
|
278
|
+
className: "tntd-checkbox-select-dropdown-render-wrapper",
|
|
279
|
+
onClick: function onClick(e) {
|
|
280
|
+
return handleStopPropagation(e);
|
|
281
|
+
}
|
|
282
|
+
}, _react["default"].createElement(_rcVirtualList["default"], {
|
|
283
|
+
height: renderData.length > 8 ? 250 : 'auto',
|
|
284
|
+
itemHeight: 32,
|
|
285
|
+
data: renderList,
|
|
286
|
+
itemKey: 'value'
|
|
287
|
+
}, function (item) {
|
|
288
|
+
var isAll = item.isAll,
|
|
289
|
+
disabled = item.disabled;
|
|
290
|
+
// 是否全部disabled
|
|
291
|
+
var allDisabled = renderData.filter(function (i) {
|
|
292
|
+
return i.disabled;
|
|
293
|
+
}).length === renderData.length;
|
|
294
|
+
var checked = Array.isArray(value) ? value.includes(item.value) : false;
|
|
295
|
+
if (isAll) {
|
|
296
|
+
return _react["default"].createElement("div", {
|
|
297
|
+
className: "tntd-checkbox-select-item ".concat(checkedAll ? 'tntd-checkbox-select-item_choosed' : '', " ").concat(allDisabled ? 'tntd-checkbox-select-item_disabled' : ''),
|
|
298
|
+
onMouseDown: function onMouseDown(e) {
|
|
299
|
+
handleStopPropagation(e);
|
|
300
|
+
},
|
|
301
|
+
onClick: function onClick() {
|
|
302
|
+
if (!allDisabled) {
|
|
303
|
+
handleAllClick(item, !checkedAll);
|
|
304
|
+
}
|
|
305
|
+
}
|
|
306
|
+
}, _react["default"].createElement(_checkbox["default"], {
|
|
307
|
+
disabled: allDisabled,
|
|
308
|
+
size: "small",
|
|
309
|
+
indeterminate: indeterminate,
|
|
310
|
+
checked: checkedAll,
|
|
311
|
+
onChange: function onChange(e) {
|
|
312
|
+
handleStopPropagation(e);
|
|
313
|
+
}
|
|
314
|
+
}), _react["default"].createElement("div", {
|
|
315
|
+
className: "tntd-checkbox-select-content"
|
|
316
|
+
}, _react["default"].createElement(_ellipsis["default"], {
|
|
317
|
+
title: item.label,
|
|
318
|
+
widthLimit: "100%"
|
|
319
|
+
})));
|
|
320
|
+
}
|
|
321
|
+
return _react["default"].createElement("div", {
|
|
322
|
+
className: "tntd-checkbox-select-item ".concat(checked ? 'tntd-checkbox-select-item_choosed' : '', " ").concat(disabled ? 'tntd-checkbox-select-item_disabled' : ''),
|
|
323
|
+
onMouseDown: function onMouseDown(e) {
|
|
324
|
+
handleStopPropagation(e);
|
|
325
|
+
},
|
|
326
|
+
onClick: function onClick() {
|
|
327
|
+
if (!disabled) {
|
|
328
|
+
handleClick(item, !checked);
|
|
329
|
+
}
|
|
330
|
+
}
|
|
331
|
+
}, _react["default"].createElement(_checkbox["default"], {
|
|
332
|
+
disabled: disabled,
|
|
333
|
+
size: "small",
|
|
334
|
+
checked: checked,
|
|
335
|
+
onChange: function onChange(e) {
|
|
336
|
+
return handleStopPropagation(e);
|
|
337
|
+
}
|
|
338
|
+
}), _react["default"].createElement("div", {
|
|
339
|
+
className: "tntd-checkbox-select-content"
|
|
340
|
+
}, _react["default"].createElement(_ellipsis["default"], {
|
|
341
|
+
title: item.label,
|
|
342
|
+
widthLimit: "100%"
|
|
343
|
+
})));
|
|
344
|
+
}));
|
|
345
|
+
}
|
|
346
|
+
}));
|
|
347
|
+
};
|
|
348
|
+
var _default = exports["default"] = TntdCheckboxSelect;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tntd-checkbox-select/index.jsx"],"names":[],"mappings":"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","sourcesContent":["/*\n * @Descripttion: antd3 select 增加checkbox\n * @Author: 郑泳健\n * @Date: 2025-08-05 10:50:17\n * @LastEditors: 郑泳健\n * @LastEditTime: 2025-08-12 14:25:38\n */\nimport React, { useState, useMemo } from 'react';\nimport { getLanguage, getText } from '../prev-locale';\nimport List from 'rc-virtual-list';\nimport Select from '../tntd-rc-select';\nimport Icon from '../icon';\nimport Tag from '../tag';\nimport Checkbox from '../checkbox';\nimport Empty from '../empty';\nimport Ellipsis from '../ellipsis';\nimport './index.less';\n\nconst all = getText('all', getLanguage());\n\nconst TntdCheckboxSelect = ({\n mode,\n value,\n onChange,\n options,\n dropdownClassName,\n filterOption = (inputValue, option) => {\n return option?.label?.toLowerCase().includes(inputValue?.toLowerCase());\n },\n ...restProps\n}) => {\n // 搜索\n const [searchValue, setSearchValue] = useState(undefined);\n\n /** 根据搜索过滤,dropDown的渲染数据 */\n const renderData = useMemo(() => {\n if (!Array.isArray(options)) {\n return [];\n }\n if (['', undefined, null].includes(searchValue)) {\n return options;\n }\n return options.filter((item) => filterOption(searchValue, item));\n }, [options, filterOption, searchValue]);\n\n /** 全选中 */\n const checkedAll = useMemo(() => {\n if (!Array.isArray(value) || !Array.isArray(value)) {\n return false;\n }\n // 过滤掉disabled的选中情况\n const filterDisabled = renderData.filter((item) => !item.disabled);\n return filterDisabled.every((i) => value.includes(i.value));\n }, [value, renderData]);\n\n /** 半选中 */\n const indeterminate = useMemo(() => {\n if (!Array.isArray(value) || !Array.isArray(value)) {\n return false;\n } // 过滤掉disabled的选中情况\n const filterDisabled = renderData.filter((item) => !item.disabled);\n /** 非disable既有选中的,也有没选中的 */\n return filterDisabled.some((i) => value.includes(i.value)) && filterDisabled.some((i) => !value.includes(i.value));\n }, [value, renderData]);\n\n const handleSearch = (val) => {\n setSearchValue(val);\n };\n\n /** 全选情况 */\n const handleAllClick = (item, checked) => {\n // 筛选出非disabled的数组\n const noDisabledChoosedList = Array.isArray(renderData)\n ? renderData.reduce((total, item) => {\n if (!item.disabled) {\n total.push(item.value);\n }\n return total;\n }, [])\n : [];\n\n if (checked) {\n // 这里加value的原因是有可能是搜索的时候点击了全选\n const list = Array.isArray(value) ? Array.from(new Set([...value, ...noDisabledChoosedList])) : [...noDisabledChoosedList];\n onChange(list);\n } else {\n const list = Array.isArray(value) ? value.filter((i) => !noDisabledChoosedList.includes(i)) : [];\n onChange(list);\n }\n setSearchValue(undefined);\n };\n\n const handleClick = (item, checked) => {\n if (!Array.isArray(value)) {\n value = [];\n }\n if (checked) {\n onChange([...value, item.value]);\n } else {\n onChange(value.filter((v) => v !== item.value));\n }\n setSearchValue(undefined);\n };\n\n const handleStopPropagation = (e) => {\n e?.nativeEvent?.stopImmediatePropagation();\n e?.stopPropagation();\n e?.preventDefault();\n };\n\n return (\n <Select\n showSearch\n searchValue={searchValue}\n onSearch={handleSearch}\n tagRender={(item) => {\n const { onClose, value } = item;\n const { label, disabled } = Array.isArray(options) ? options.find((opt) => opt.value === value) || {} : {};\n return (\n <Tag size=\"small\" className=\"tntd-checkbox-select-item-tag\">\n <div className='tntd-checkbox-select-item-tag-label'>\n <Ellipsis title={label} widthLimit={\"100%\"} />\n </div>\n {!disabled ? <Icon type=\"close\" onClick={onClose} /> : ''}\n </Tag>\n );\n }}\n value={value}\n onChange={onChange}\n {...restProps}\n mode={mode || 'multiple'}\n dropdownClassName={`${dropdownClassName || ''} tntd-checkbox-select-dropdown-wrap`}\n dropdownRender={() => {\n if (!Array.isArray(renderData) || !renderData?.length) {\n return (\n <div className=\"tntd-checkbox-select-dropdown-render-wrapper\">\n <Empty className=\"tntd-rc-select-item-empty\" size=\"mini\" />\n </div>\n );\n }\n const renderList = [{ label: all, value: 'all', isAll: true }, ...renderData];\n return (\n <div className=\"tntd-checkbox-select-dropdown-render-wrapper\" onClick={(e) => handleStopPropagation(e)}>\n <List height={renderData.length > 8 ? 250 : 'auto'} itemHeight={32} data={renderList} itemKey={'value'}>\n {(item) => {\n const { isAll, disabled } = item;\n // 是否全部disabled\n const allDisabled = renderData.filter((i) => i.disabled).length === renderData.length;\n const checked = Array.isArray(value) ? value.includes(item.value) : false;\n\n if (isAll) {\n return (\n <div\n className={`tntd-checkbox-select-item ${checkedAll ? 'tntd-checkbox-select-item_choosed' : ''} ${\n allDisabled ? 'tntd-checkbox-select-item_disabled' : ''\n }`}\n onMouseDown={(e) => {\n handleStopPropagation(e);\n }}\n onClick={() => {\n if (!allDisabled) {\n handleAllClick(item, !checkedAll);\n }\n }}>\n <Checkbox\n disabled={allDisabled}\n size=\"small\"\n indeterminate={indeterminate}\n checked={checkedAll}\n onChange={(e) => {\n handleStopPropagation(e);\n }}\n />\n <div className=\"tntd-checkbox-select-content\">\n <Ellipsis title={item.label} widthLimit=\"100%\" />\n </div>\n </div>\n );\n }\n\n return (\n <div\n className={`tntd-checkbox-select-item ${checked ? 'tntd-checkbox-select-item_choosed' : ''} ${\n disabled ? 'tntd-checkbox-select-item_disabled' : ''\n }`}\n onMouseDown={(e) => {\n handleStopPropagation(e);\n }}\n onClick={() => {\n if (!disabled) {\n handleClick(item, !checked);\n }\n }}>\n <Checkbox disabled={disabled} size=\"small\" checked={checked} onChange={(e) => handleStopPropagation(e)} />\n <div className=\"tntd-checkbox-select-content\">\n <Ellipsis title={item.label} widthLimit=\"100%\" />\n </div>\n </div>\n );\n }}\n </List>\n </div>\n );\n }}\n />\n );\n};\n\nexport default TntdCheckboxSelect;\n"]}
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
.tntd-checkbox-select-dropdown-render-wrapper {
|
|
2
|
+
padding: 0 0;
|
|
3
|
+
border-radius: 8px;
|
|
4
|
+
|
|
5
|
+
.tntd-rc-select-item-empty {
|
|
6
|
+
.ant-empty-description {
|
|
7
|
+
color: rgba(0, 0, 0, 0.25);
|
|
8
|
+
}
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
.tntd-checkbox-select-item {
|
|
12
|
+
display: flex;
|
|
13
|
+
font-size: 14px;
|
|
14
|
+
color: #454F64;
|
|
15
|
+
padding: 5px 8px 5px 16px;
|
|
16
|
+
cursor: pointer;
|
|
17
|
+
|
|
18
|
+
&:hover {
|
|
19
|
+
background: var(--blue-1);
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
&_choosed {
|
|
23
|
+
background: var(--blue-1);
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
&_disabled {
|
|
27
|
+
color: rgba(23, 35, 61, 0.3);
|
|
28
|
+
cursor: not-allowed;
|
|
29
|
+
background: #fafafa !important;
|
|
30
|
+
|
|
31
|
+
&:hover {
|
|
32
|
+
background: #fafafa !important;
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
.tntd-checkbox-select-content {
|
|
37
|
+
flex: 1;
|
|
38
|
+
overflow: hidden;
|
|
39
|
+
margin-left: 8px;
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.tntd-checkbox-select-dropdown-wrap{
|
|
45
|
+
border-radius: 8px;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
.tntd-checkbox-select-item-tag {
|
|
49
|
+
margin-right: 4px;
|
|
50
|
+
font-size: 14px;
|
|
51
|
+
margin-top: 2px;
|
|
52
|
+
margin-bottom: 2px;
|
|
53
|
+
max-width: 100%;
|
|
54
|
+
display: flex;
|
|
55
|
+
align-items: center;
|
|
56
|
+
border: none;
|
|
57
|
+
.tntd-checkbox-select-item-tag-label{
|
|
58
|
+
flex: 1;
|
|
59
|
+
overflow: hidden;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
.anticon-close{
|
|
63
|
+
color: rgba(23, 35, 61, 0.8);
|
|
64
|
+
font-size: 12px !important;
|
|
65
|
+
font-weight: bold;
|
|
66
|
+
margin-top: 2px;
|
|
67
|
+
}
|
|
68
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "tntd",
|
|
3
|
-
"version": "3.0.
|
|
3
|
+
"version": "3.0.70",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"start": "heft start --storybook",
|
|
@@ -113,4 +113,4 @@
|
|
|
113
113
|
"main": "lib/index.js",
|
|
114
114
|
"module": "es/index.js",
|
|
115
115
|
"typings": "lib/index.d.ts"
|
|
116
|
-
}
|
|
116
|
+
}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
require("react");
|
|
8
|
-
var _checkbox = _interopRequireDefault(require("antd/es/checkbox"));
|
|
9
|
-
var _connect = require("../connect");
|
|
10
|
-
var _previewText = require("../preview-text");
|
|
11
|
-
function _interopRequireDefault(e) {
|
|
12
|
-
return e && e.__esModule ? e : {
|
|
13
|
-
"default": e
|
|
14
|
-
};
|
|
15
|
-
}
|
|
16
|
-
var _default = exports["default"] = (0, _connect.connectReadonlyComponent)(_checkbox["default"].Group, _previewText.PreviewText.Select);
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox-group.js","sourceRoot":"","sources":["../../src/checkbox/checkbox-group.tsx"],"names":[],"mappings":"AAAA,OAAkC,OAAO,CAAA;AACzC,OAAO,QAAQ,MAAM,kBAAkB,CAAA;AAEvC,OAAO,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAA;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAM7C,eAAe,wBAAwB,CAAC,QAAQ,CAAC,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA","sourcesContent":["import React, { forwardRef } from 'react'\nimport Checkbox from 'antd/es/checkbox'\nimport type { CheckboxGroupProps as AntdCheckboxGroupProps } from 'antd/es/checkbox/Group'\nimport { connectReadonlyComponent } from '../connect'\nimport { PreviewText } from '../preview-text'\n\nexport type CheckboxGroupProps = AntdCheckboxGroupProps & {\n readonly?: boolean\n}\n\nexport default connectReadonlyComponent(Checkbox.Group, PreviewText.Select)\n"]}
|