tntd 3.0.0-beta → 3.0.0-beta.10
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/alert/alert.js +5 -4
- package/es/alert/alert.js.map +1 -1
- package/es/array-input/1.png +1 -0
- package/es/array-input/111.gif +0 -0
- package/es/breadcrumb/style/index.less +2 -1
- package/es/button/button.less +17 -12
- package/es/cascader/cascader.js +30 -0
- package/es/cascader/cascader.js.map +1 -0
- package/es/cascader/cascader.less +16 -0
- package/es/cascader/index.js +3 -6
- package/es/cascader/index.js.map +1 -1
- package/es/cascader/style/index.less +2 -2
- package/es/check-card/index.js +2 -3
- package/es/check-card/index.js.map +1 -1
- package/es/checkbox/checkbox.js +5 -5
- package/es/checkbox/checkbox.js.map +1 -1
- package/es/collapse/collapse.less +3 -3
- package/es/collapse/style/index.less +2 -1
- package/es/color-picker/ColorPicker.js +4 -6
- package/es/color-picker/ColorPicker.js.map +1 -1
- package/es/date-picker/style/Picker.less +2 -1
- package/es/drawer/drawer.js +26 -22
- package/es/drawer/drawer.js.map +1 -1
- package/es/drawer/index.less +5 -2
- package/es/dropdown/style/index.less +2 -1
- package/es/form/form.js +5 -3
- package/es/form/form.js.map +1 -1
- package/es/handle/index.js +9 -6
- package/es/handle/index.js.map +1 -1
- package/es/handle/index.less +16 -0
- package/es/icon/index.js +2 -3
- package/es/icon/index.js.map +1 -1
- package/es/icon/style/index.js +2 -1
- package/es/icon/style/index.js.map +1 -1
- package/es/icon/style/style.less +3 -1
- package/es/index.js +4 -0
- package/es/index.js.map +1 -1
- package/es/input/style/mixin.less +1 -2
- package/es/locale/en_US.js +3 -0
- package/es/locale/en_US.js.map +1 -1
- package/es/locale/zh_CN.js +3 -0
- package/es/locale/zh_CN.js.map +1 -1
- package/es/modal/style/confirm.less +1 -1
- package/es/modal/style/modal.less +5 -1
- package/es/notification/style/index.less +4 -2
- package/es/page-container/index.js +13 -0
- package/es/page-container/index.js.map +1 -0
- package/es/page-container/index.less +38 -0
- package/es/page-loading/index.js +29 -0
- package/es/page-loading/index.js.map +1 -0
- package/es/page-loading/index.less +38 -0
- package/es/page-loading/loading.gif +0 -0
- package/es/popconfirm/index.less +10 -4
- package/es/popconfirm/popconfirm.js +6 -3
- package/es/popconfirm/popconfirm.js.map +1 -1
- package/es/popover/index.less +6 -0
- package/es/popover/popover.js +4 -3
- package/es/popover/popover.js.map +1 -1
- package/es/popover/style/index.less +2 -1
- package/es/query-form/Field/Composition/FieldPopover.js +70 -46
- package/es/query-form/Field/Composition/FieldPopover.js.map +1 -1
- package/es/query-form/Field/Composition/Select.js +8 -12
- package/es/query-form/Field/Composition/Select.js.map +1 -1
- package/es/query-form/Field/Composition/index.js +70 -53
- package/es/query-form/Field/Composition/index.js.map +1 -1
- package/es/query-form/Field/Composition/index.less +13 -5
- package/es/query-form/Field/SelectInput.js +22 -4
- package/es/query-form/Field/SelectInput.js.map +1 -1
- package/es/query-form/Field/fieldsMap.js +2 -2
- package/es/query-form/Field/fieldsMap.js.map +1 -1
- package/es/query-form/Field/index.js +1 -0
- package/es/query-form/Field/index.js.map +1 -1
- package/es/query-form/index.js +11 -5
- package/es/query-form/index.js.map +1 -1
- package/es/query-list-scene/index.less +3 -3
- package/es/radio/radio.js +4 -4
- package/es/radio/radio.js.map +1 -1
- package/es/select/select.less +3 -1
- package/es/select/style/index.less +2 -1
- package/es/style/mixins/iconfont.less +3 -2
- package/es/style/themes/default.less +7 -6
- package/es/table/style/index.less +34 -12
- package/es/table/style/size.less +4 -4
- package/es/table/table.js +1 -1
- package/es/table/table.js.map +1 -1
- package/es/table/table.less +2 -1
- package/es/table-container/index.js +15 -0
- package/es/table-container/index.js.map +1 -0
- package/es/table-container/index.less +16 -0
- package/es/tabs/tabs.less +23 -25
- package/es/tabs-container/index.js +13 -0
- package/es/tabs-container/index.js.map +1 -0
- package/es/tabs-container/index.less +51 -0
- package/es/tag/index.js +1 -1
- package/es/tag/index.js.map +1 -1
- package/es/tag/tag.less +3 -2
- package/es/time-picker/style/index.less +2 -1
- package/es/timeline/style/index.less +1 -1
- package/es/tntd-action/Action.js +2 -1
- package/es/tntd-action/Action.js.map +1 -1
- package/es/tntd-action/index.js +5 -5
- package/es/tntd-action/index.js.map +1 -1
- package/es/tntd-action/index.less +17 -0
- package/es/tntd-cascader/AntdCascader/component/getIcons.js +7 -8
- package/es/tntd-cascader/AntdCascader/component/getIcons.js.map +1 -1
- package/es/tntd-cascader/AntdCascader/index.js +4 -5
- package/es/tntd-cascader/AntdCascader/index.js.map +1 -1
- package/es/tntd-rc-select/_util/getIcons.js +7 -8
- package/es/tntd-rc-select/_util/getIcons.js.map +1 -1
- package/es/tntd-select/index.js +4 -5
- package/es/tntd-select/index.js.map +1 -1
- package/es/tntd-select/index.less +7 -0
- package/es/tooltip/index.less +5 -0
- package/es/tooltip/tooltip.js +4 -3
- package/es/tooltip/tooltip.js.map +1 -1
- package/lib/alert/alert.d.ts.map +1 -1
- package/lib/alert/alert.js +4 -3
- package/lib/alert/alert.js.map +1 -1
- package/lib/array-input/1.png +1 -0
- package/lib/array-input/111.gif +0 -0
- package/lib/breadcrumb/style/index.less +2 -1
- package/lib/button/button.less +17 -12
- package/lib/cascader/cascader.d.ts +10 -0
- package/lib/cascader/cascader.d.ts.map +1 -0
- package/lib/cascader/cascader.js +49 -0
- package/lib/cascader/cascader.js.map +1 -0
- package/lib/cascader/cascader.less +16 -0
- package/lib/cascader/index.d.ts +3 -7
- package/lib/cascader/index.d.ts.map +1 -1
- package/lib/cascader/index.js +5 -10
- package/lib/cascader/index.js.map +1 -1
- package/lib/cascader/style/index.less +2 -2
- package/lib/check-card/index.js +1 -2
- package/lib/check-card/index.js.map +1 -1
- package/lib/checkbox/checkbox.d.ts +2 -2
- package/lib/checkbox/checkbox.d.ts.map +1 -1
- package/lib/checkbox/checkbox.js +5 -5
- package/lib/checkbox/checkbox.js.map +1 -1
- package/lib/collapse/collapse.less +3 -3
- package/lib/collapse/style/index.less +2 -1
- package/lib/color-picker/ColorPicker.d.ts.map +1 -1
- package/lib/color-picker/ColorPicker.js +2 -4
- package/lib/color-picker/ColorPicker.js.map +1 -1
- package/lib/date-picker/style/Picker.less +2 -1
- package/lib/drawer/drawer.d.ts +3 -0
- package/lib/drawer/drawer.d.ts.map +1 -1
- package/lib/drawer/drawer.js +27 -22
- package/lib/drawer/drawer.js.map +1 -1
- package/lib/drawer/index.less +5 -2
- package/lib/dropdown/style/index.less +2 -1
- package/lib/form/form.js +5 -3
- package/lib/form/form.js.map +1 -1
- package/lib/handle/index.d.ts.map +1 -1
- package/lib/handle/index.js +15 -10
- package/lib/handle/index.js.map +1 -1
- package/lib/handle/index.less +16 -0
- package/lib/icon/index.d.ts +1 -1
- package/lib/icon/index.d.ts.map +1 -1
- package/lib/icon/index.js +2 -2
- package/lib/icon/index.js.map +1 -1
- package/lib/icon/style/index.d.ts +1 -0
- package/lib/icon/style/index.d.ts.map +1 -1
- package/lib/icon/style/index.js +2 -1
- package/lib/icon/style/index.js.map +1 -1
- package/lib/icon/style/style.less +3 -1
- package/lib/index.d.ts +4 -0
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +28 -0
- package/lib/index.js.map +1 -1
- package/lib/input/style/mixin.less +1 -2
- package/lib/locale/default.d.ts +3 -0
- package/lib/locale/default.d.ts.map +1 -1
- package/lib/locale/en_US.d.ts +3 -0
- package/lib/locale/en_US.d.ts.map +1 -1
- package/lib/locale/en_US.js +3 -0
- package/lib/locale/en_US.js.map +1 -1
- package/lib/locale/zh_CN.d.ts +3 -0
- package/lib/locale/zh_CN.d.ts.map +1 -1
- package/lib/locale/zh_CN.js +3 -0
- package/lib/locale/zh_CN.js.map +1 -1
- package/lib/modal/style/confirm.less +1 -1
- package/lib/modal/style/modal.less +5 -1
- package/lib/notification/style/index.less +4 -2
- package/lib/page-container/index.d.ts +4 -0
- package/lib/page-container/index.d.ts.map +1 -0
- package/lib/page-container/index.js +22 -0
- package/lib/page-container/index.js.map +1 -0
- package/lib/page-container/index.less +38 -0
- package/lib/page-loading/index.d.ts +4 -0
- package/lib/page-loading/index.d.ts.map +1 -0
- package/lib/page-loading/index.js +34 -0
- package/lib/page-loading/index.js.map +1 -0
- package/lib/page-loading/index.less +38 -0
- package/lib/page-loading/loading.gif +0 -0
- package/lib/popconfirm/index.less +10 -4
- package/lib/popconfirm/popconfirm.d.ts +3 -1
- package/lib/popconfirm/popconfirm.d.ts.map +1 -1
- package/lib/popconfirm/popconfirm.js +5 -2
- package/lib/popconfirm/popconfirm.js.map +1 -1
- package/lib/popover/index.less +6 -0
- package/lib/popover/popover.d.ts +1 -0
- package/lib/popover/popover.d.ts.map +1 -1
- package/lib/popover/popover.js +4 -2
- package/lib/popover/popover.js.map +1 -1
- package/lib/popover/style/index.less +2 -1
- package/lib/query-form/Field/Composition/FieldPopover.d.ts +7 -5
- package/lib/query-form/Field/Composition/FieldPopover.d.ts.map +1 -1
- package/lib/query-form/Field/Composition/FieldPopover.js +107 -79
- package/lib/query-form/Field/Composition/FieldPopover.js.map +1 -1
- package/lib/query-form/Field/Composition/Select.d.ts.map +1 -1
- package/lib/query-form/Field/Composition/Select.js +8 -12
- package/lib/query-form/Field/Composition/Select.js.map +1 -1
- package/lib/query-form/Field/Composition/index.d.ts +1 -1
- package/lib/query-form/Field/Composition/index.js +72 -60
- package/lib/query-form/Field/Composition/index.js.map +1 -1
- package/lib/query-form/Field/Composition/index.less +13 -5
- package/lib/query-form/Field/SelectInput.d.ts.map +1 -1
- package/lib/query-form/Field/SelectInput.js +15 -3
- package/lib/query-form/Field/SelectInput.js.map +1 -1
- package/lib/query-form/Field/fieldsMap.d.ts +6 -3
- package/lib/query-form/Field/fieldsMap.js +2 -2
- package/lib/query-form/Field/fieldsMap.js.map +1 -1
- package/lib/query-form/Field/index.d.ts.map +1 -1
- package/lib/query-form/Field/index.js +1 -0
- package/lib/query-form/Field/index.js.map +1 -1
- package/lib/query-form/index.d.ts.map +1 -1
- package/lib/query-form/index.js +11 -5
- package/lib/query-form/index.js.map +1 -1
- package/lib/query-list-scene/index.less +3 -3
- package/lib/radio/radio.d.ts +2 -2
- package/lib/radio/radio.d.ts.map +1 -1
- package/lib/radio/radio.js +4 -4
- package/lib/radio/radio.js.map +1 -1
- package/lib/select/select.less +3 -1
- package/lib/select/style/index.less +2 -1
- package/lib/style/mixins/iconfont.less +3 -2
- package/lib/style/themes/default.less +7 -6
- package/lib/table/style/index.less +34 -12
- package/lib/table/style/size.less +4 -4
- package/lib/table/table.js +1 -2
- package/lib/table/table.js.map +1 -1
- package/lib/table/table.less +2 -1
- package/lib/table-container/index.d.ts +3 -0
- package/lib/table-container/index.d.ts.map +1 -0
- package/lib/table-container/index.js +25 -0
- package/lib/table-container/index.js.map +1 -0
- package/lib/table-container/index.less +16 -0
- package/lib/tabs/tabs.less +23 -25
- package/lib/tabs-container/index.d.ts +4 -0
- package/lib/tabs-container/index.d.ts.map +1 -0
- package/lib/tabs-container/index.js +22 -0
- package/lib/tabs-container/index.js.map +1 -0
- package/lib/tabs-container/index.less +51 -0
- package/lib/tag/index.js +1 -1
- package/lib/tag/index.js.map +1 -1
- package/lib/tag/tag.less +3 -2
- package/lib/time-picker/style/index.less +2 -1
- package/lib/timeline/style/index.less +1 -1
- package/lib/tntd-action/Action.js +2 -1
- package/lib/tntd-action/Action.js.map +1 -1
- package/lib/tntd-action/index.js +6 -8
- package/lib/tntd-action/index.js.map +1 -1
- package/lib/tntd-action/index.less +17 -0
- package/lib/tntd-cascader/AntdCascader/component/getIcons.js +2 -3
- package/lib/tntd-cascader/AntdCascader/component/getIcons.js.map +1 -1
- package/lib/tntd-cascader/AntdCascader/index.d.ts.map +1 -1
- package/lib/tntd-cascader/AntdCascader/index.js +1 -2
- package/lib/tntd-cascader/AntdCascader/index.js.map +1 -1
- package/lib/tntd-rc-select/_util/getIcons.js +2 -3
- package/lib/tntd-rc-select/_util/getIcons.js.map +1 -1
- package/lib/tntd-select/index.d.ts.map +1 -1
- package/lib/tntd-select/index.js +4 -5
- package/lib/tntd-select/index.js.map +1 -1
- package/lib/tntd-select/index.less +7 -0
- package/lib/tooltip/index.less +5 -0
- package/lib/tooltip/tooltip.d.ts +1 -0
- package/lib/tooltip/tooltip.d.ts.map +1 -1
- package/lib/tooltip/tooltip.js +4 -2
- package/lib/tooltip/tooltip.js.map +1 -1
- package/package.json +3 -4
- package/themes/common/css2.x.css +35 -0
- package/themes/common/css3.x.css +35 -0
- package/themes/default/colors.less +4 -4
- package/themes/default/colorsVar.less +3 -3
- package/themes/default/lessToCssVar.less +39 -0
- package/themes/default/lessVars2.x.less +4 -4
- package/themes/default/lessVars3.x.less +0 -2
- package/themes/default/variables.less +7 -6
- package/themes/default/variablesVar.less +65 -40
package/es/alert/alert.js
CHANGED
|
@@ -24,9 +24,10 @@ const prefix = 'tnt-alert';
|
|
|
24
24
|
export const Alert = forwardRef((_a, ref) => {
|
|
25
25
|
var {
|
|
26
26
|
action,
|
|
27
|
-
message
|
|
27
|
+
message,
|
|
28
|
+
icon
|
|
28
29
|
} = _a,
|
|
29
|
-
rest = __rest(_a, ["action", "message"]);
|
|
30
|
+
rest = __rest(_a, ["action", "message", "icon"]);
|
|
30
31
|
const fragment = React.createElement(React.Fragment, null, message, !!action && React.createElement("span", {
|
|
31
32
|
className: "action-btn"
|
|
32
33
|
}, action));
|
|
@@ -48,11 +49,11 @@ export const Alert = forwardRef((_a, ref) => {
|
|
|
48
49
|
default:
|
|
49
50
|
iconType = 'default';
|
|
50
51
|
}
|
|
51
|
-
const iconNode = rest.type ? React.createElement(Icon, {
|
|
52
|
+
const iconNode = icon || (rest.type ? React.createElement(Icon, {
|
|
52
53
|
className: `${prefix}-icon`,
|
|
53
54
|
type: iconType,
|
|
54
55
|
theme: iconTheme
|
|
55
|
-
}) : null;
|
|
56
|
+
}) : null);
|
|
56
57
|
return React.createElement(ConfigConsumer, null, ({
|
|
57
58
|
getPrefixCls
|
|
58
59
|
}) => {
|
package/es/alert/alert.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert.js","sourceRoot":"","sources":["../../src/alert/alert.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA;;;;;;;GAOG;AACH,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGzC,OAAO,IAAI,MAAM,cAAc,CAAA;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,eAAe,CAAA;AACpD,OAAO,SAAS,MAAM,YAAY,CAAA;AAClC,cAAc,eAAe,CAAA;AAS7B,MAAM,MAAM,GAAG,WAAW,CAAA;AAE1B,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,
|
|
1
|
+
{"version":3,"file":"alert.js","sourceRoot":"","sources":["../../src/alert/alert.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA;;;;;;;GAOG;AACH,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGzC,OAAO,IAAI,MAAM,cAAc,CAAA;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,eAAe,CAAA;AACpD,OAAO,SAAS,MAAM,YAAY,CAAA;AAClC,cAAc,eAAe,CAAA;AAS7B,MAAM,MAAM,GAAG,WAAW,CAAA;AAE1B,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAC7B,CAAC,EAAkC,EAAE,GAAG,EAAE,EAAE;QAA3C,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,OAAW,EAAN,IAAI,cAAhC,6BAAkC,CAAF;IAC/B,MAAM,QAAQ,GAAG,CACf;QACG,OAAO;QACP,CAAC,CAAC,MAAM,IAAI,8BAAM,SAAS,EAAC,YAAY,IAAE,MAAM,CAAQ,CACxD,CACJ,CAAA;IAED,MAAM,SAAS,GAAc,QAAQ,CAAA;IACrC,IAAI,QAAQ,GAAG,SAAS,CAAA;IAExB,QAAQ,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,EAAE;QAClB,KAAK,SAAS;YACZ,QAAQ,GAAG,cAAc,CAAA;YACzB,MAAK;QACP,KAAK,MAAM;YACT,QAAQ,GAAG,aAAa,CAAA;YACxB,MAAK;QACP,KAAK,OAAO;YACV,QAAQ,GAAG,cAAc,CAAA;YACzB,MAAK;QACP,KAAK,SAAS;YACZ,QAAQ,GAAG,oBAAoB,CAAA;YAC/B,MAAK;QACP;YACE,QAAQ,GAAG,SAAS,CAAA;KACvB;IAED,MAAM,QAAQ,GACZ,IAAI;QACJ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,oBAAC,IAAI,IAAC,SAAS,EAAE,GAAG,MAAM,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,GAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAA;IAE9F,OAAO,CACL,oBAAC,cAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,OAAO,CACL,oBAAC,SAAS,kBACR,GAAG,EAAE,GAAG,IACJ,IAAI,IACR,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,QAAQ,EACd,SAAS,EAAE,SAAS,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,SAAS,EAAE,WAAW,EAAE;gBACjD,CAAC,GAAG,MAAM,cAAc,CAAC,EAAE,MAAM;aAClC,CAAC,IACF,CACH,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CACgB,CAAA;AAEnB,eAAe,KAAK,CAAA","sourcesContent":["/*\n * @Author: 周泽飞 zefei.zhou@tongdun.net\n * @Date: 2024-03-21 19:43:36\n * @LastEditors: 周泽飞 zefei.zhou@tongdun.net\n * @LastEditTime: 2024-03-21 19:46:23\n * @FilePath: /tntd/packages/tntd/src/alert/alert.tsx\n * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE\n */\nimport React, { forwardRef } from 'react'\nimport type { AlertProps as AntdAlertProps } from 'antd/es/alert'\nimport type { ThemeType } from 'antd/es/icon'\nimport Icon from 'antd/es/icon'\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport { default as AntdAlert } from 'antd/es/alert'\nimport classname from 'classnames'\nexport * from 'antd/es/alert'\n\nexport interface AlertProps extends AntdAlertProps {\n action: React.ReactNode\n}\n\ninterface AlertComponent\n extends React.ForwardRefExoticComponent<AntdAlertProps & React.RefAttributes<AntdAlert>> {}\n\nconst prefix = 'tnt-alert'\n\nexport const Alert = forwardRef<AntdAlert, AlertProps>(\n ({ action, message, icon, ...rest }, ref) => {\n const fragment = (\n <>\n {message}\n {!!action && <span className=\"action-btn\">{action}</span>}\n </>\n )\n\n const iconTheme: ThemeType = 'filled'\n let iconType = 'default'\n\n switch (rest?.type) {\n case 'success':\n iconType = 'check-circle'\n break\n case 'info':\n iconType = 'info-circle'\n break\n case 'error':\n iconType = 'close-circle'\n break\n case 'warning':\n iconType = 'exclamation-circle'\n break\n default:\n iconType = 'default'\n }\n\n const iconNode =\n icon ||\n (rest.type ? <Icon className={`${prefix}-icon`} type={iconType} theme={iconTheme} /> : null)\n\n return (\n <ConfigConsumer>\n {({ getPrefixCls }) => {\n return (\n <AntdAlert\n ref={ref}\n {...rest}\n message={fragment}\n icon={iconNode}\n className={classname(rest?.className, 'tnt-alert', {\n [`${prefix}-with-action`]: action,\n })}\n />\n )\n }}\n </ConfigConsumer>\n )\n }\n) as AlertComponent\n\nexport default Alert\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1715845363423" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="19285" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M421.472 96c-95.904 0-172.8 78.88-172.8 175.104 0 96.224 76.896 175.104 172.8 175.104 95.936 0 172.8-78.88 172.8-175.104 0-96.224-76.864-175.104-172.8-175.104z m-108.8 175.104C312.672 209.28 361.92 160 421.472 160c59.616 0 108.8 49.28 108.8 111.104 0 61.856-49.184 111.104-108.8 111.104-59.584 0-108.8-49.248-108.8-111.104z" p-id="19286"></path><path d="M320 544a192 192 0 0 0-192 192v96a64 64 0 0 0 64 64h384a32 32 0 1 0 0-64H192v-96a128 128 0 0 1 128-128h256a32 32 0 1 0 0-64h-256zM672 672a32 32 0 1 0 0 64h192a32 32 0 1 0 0-64h-192z" p-id="19287"></path></svg>
|
|
Binary file
|
package/es/button/button.less
CHANGED
|
@@ -4,18 +4,6 @@
|
|
|
4
4
|
@btn-prefix-cls: ~'@{ant-prefix}-btn';
|
|
5
5
|
|
|
6
6
|
.tnt-btn {
|
|
7
|
-
&-tertiary {
|
|
8
|
-
.button-variant-tertiary(@btn-default-color, @primary-color, @btn-tertiary-bg);
|
|
9
|
-
}
|
|
10
|
-
&.@{btn-prefix-cls}-primary {
|
|
11
|
-
.button-disabled(@btn-primary-color, @blue-3, @blue-3);
|
|
12
|
-
}
|
|
13
|
-
&.@{btn-prefix-cls}-danger {
|
|
14
|
-
.button-disabled(@btn-primary-color, @red-3, @red-3);
|
|
15
|
-
}
|
|
16
|
-
&.@{btn-prefix-cls}-link {
|
|
17
|
-
.button-disabled(@blue-3, transparent, transparent);
|
|
18
|
-
}
|
|
19
7
|
&.tnt-btn-mini {
|
|
20
8
|
.button-size(@btn-height-mini; @btn-padding-mini; @btn-font-size-mini; @btn-border-radius-sm);
|
|
21
9
|
&.@{btn-prefix-cls}-icon-only {
|
|
@@ -46,6 +34,23 @@
|
|
|
46
34
|
padding-left: 0;
|
|
47
35
|
}
|
|
48
36
|
}
|
|
37
|
+
&-tertiary {
|
|
38
|
+
.button-variant-tertiary(@btn-default-color, @primary-color, @btn-tertiary-bg);
|
|
39
|
+
}
|
|
40
|
+
&.@{btn-prefix-cls}-primary {
|
|
41
|
+
.button-disabled(@btn-primary-color, @blue-3, @blue-3);
|
|
42
|
+
}
|
|
43
|
+
&.@{btn-prefix-cls}-danger {
|
|
44
|
+
.button-disabled(@btn-primary-color, @red-3, @red-3);
|
|
45
|
+
}
|
|
46
|
+
&.@{btn-prefix-cls}-link {
|
|
47
|
+
.button-disabled(@blue-3, transparent, transparent);
|
|
48
|
+
padding: 0;
|
|
49
|
+
}
|
|
50
|
+
> .@{iconfont-css-prefix} + span,
|
|
51
|
+
> span + .@{iconfont-css-prefix} {
|
|
52
|
+
margin-left: 4px;
|
|
53
|
+
}
|
|
49
54
|
}
|
|
50
55
|
|
|
51
56
|
.button-variant-tertiary(@color; @hover-color; @background) {
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
var __rest = this && this.__rest || function (s, e) {
|
|
2
|
+
var t = {};
|
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
4
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
5
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
6
|
+
}
|
|
7
|
+
return t;
|
|
8
|
+
};
|
|
9
|
+
import AntdCascader from 'antd/es/cascader';
|
|
10
|
+
import { ConfigConsumer } from 'antd/es/config-provider';
|
|
11
|
+
import classNames from 'classnames';
|
|
12
|
+
import React, { forwardRef } from 'react';
|
|
13
|
+
import { connectReadonlyComponent } from '../connect';
|
|
14
|
+
import { PreviewText } from '../preview-text';
|
|
15
|
+
export * from 'antd/es/cascader';
|
|
16
|
+
const tntPrefixCls = 'tnt-cascader';
|
|
17
|
+
const Cascader = forwardRef((_a, ref) => {
|
|
18
|
+
var {
|
|
19
|
+
className,
|
|
20
|
+
children
|
|
21
|
+
} = _a,
|
|
22
|
+
rest = __rest(_a, ["className", "children"]);
|
|
23
|
+
return React.createElement(ConfigConsumer, null, () => {
|
|
24
|
+
return React.createElement(AntdCascader, Object.assign({}, rest, {
|
|
25
|
+
ref: ref,
|
|
26
|
+
className: classNames(className, tntPrefixCls)
|
|
27
|
+
}), children);
|
|
28
|
+
});
|
|
29
|
+
});
|
|
30
|
+
export default connectReadonlyComponent(Cascader, PreviewText.Cascader);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"cascader.js","sourceRoot":"","sources":["../../src/cascader/cascader.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,YAAY,MAAM,kBAAkB,CAAA;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAA;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAE7C,cAAc,kBAAkB,CAAA;AAShC,MAAM,YAAY,GAAG,cAAc,CAAA;AAEnC,MAAM,QAAQ,GAAG,UAAU,CACzB,CAAC,EAAgC,EAAE,GAAG,EAAE,EAAE;QAAzC,EAAE,SAAS,EAAE,QAAQ,OAAW,EAAN,IAAI,cAA9B,yBAAgC,CAAF;IAC7B,OAAO,CACL,oBAAC,cAAc,QACZ,GAAG,EAAE;QACJ,OAAO,CACL,oBAAC,YAAY,oBAAK,IAAI,IAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,YAAY,CAAC,KAC7E,QAAQ,CACI,CAChB,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CACmB,CAAA;AAEtB,eAAe,wBAAwB,CAAC,QAAQ,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAA","sourcesContent":["import type { CascaderProps as AntdCascaderProps } from 'antd/es/cascader'\nimport AntdCascader from 'antd/es/cascader'\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport classNames from 'classnames'\nimport React, { forwardRef } from 'react'\nimport { connectReadonlyComponent } from '../connect'\nimport { PreviewText } from '../preview-text'\n\nexport * from 'antd/es/cascader'\n\nexport type CascaderProps = AntdCascaderProps & {\n readonly?: boolean\n}\n\ninterface CascaderComponent\n extends React.ForwardRefExoticComponent<AntdCascaderProps & React.RefAttributes<AntdCascader>> {}\n\nconst tntPrefixCls = 'tnt-cascader'\n\nconst Cascader = forwardRef<AntdCascader, AntdCascaderProps>(\n ({ className, children, ...rest }, ref) => {\n return (\n <ConfigConsumer>\n {() => {\n return (\n <AntdCascader {...rest} ref={ref} className={classNames(className, tntPrefixCls)}>\n {children}\n </AntdCascader>\n )\n }}\n </ConfigConsumer>\n )\n }\n) as CascaderComponent\n\nexport default connectReadonlyComponent(Cascader, PreviewText.Cascader)\n"]}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
@cascader-prefix-cls: ~'@{ant-prefix}-cascader';
|
|
2
|
+
|
|
3
|
+
.tnt-cascader {
|
|
4
|
+
.@{cascader-prefix-cls}-picker {
|
|
5
|
+
&-clear {
|
|
6
|
+
width: 16px;
|
|
7
|
+
height: 16px;
|
|
8
|
+
font-size: initial;
|
|
9
|
+
margin-top: -8px;
|
|
10
|
+
}
|
|
11
|
+
&-arrow {
|
|
12
|
+
width: 16px;
|
|
13
|
+
height: 16px;
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
}
|
package/es/cascader/index.js
CHANGED
|
@@ -1,8 +1,5 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { connectReadonlyComponent } from '../connect';
|
|
3
|
-
import { PreviewText } from '../preview-text';
|
|
1
|
+
import Cascader from './cascader';
|
|
4
2
|
import './style';
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
export const Cascader = connectReadonlyComponent(AntdCascader, PreviewText.Cascader);
|
|
3
|
+
import './cascader.less';
|
|
4
|
+
export * from './cascader';
|
|
8
5
|
export default Cascader;
|
package/es/cascader/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/cascader/index.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/cascader/index.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,SAAS,CAAA;AAChB,OAAO,iBAAiB,CAAA;AAExB,cAAc,YAAY,CAAA;AAE1B,eAAe,QAAQ,CAAA","sourcesContent":["import Cascader from './cascader'\nimport './style'\nimport './cascader.less'\n\nexport * from './cascader'\n\nexport default Cascader\n"]}
|
package/es/check-card/index.js
CHANGED
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
import "antd/es/avatar/style";
|
|
2
|
-
import _Avatar from "antd/es/avatar";
|
|
3
1
|
var __rest = this && this.__rest || function (s, e) {
|
|
4
2
|
var t = {};
|
|
5
3
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
@@ -9,6 +7,7 @@ var __rest = this && this.__rest || function (s, e) {
|
|
|
9
7
|
return t;
|
|
10
8
|
};
|
|
11
9
|
import useMountMergeState from 'rc-util/lib/hooks/useMergedState';
|
|
10
|
+
import Avatar from '../avatar';
|
|
12
11
|
import classNames from 'classnames';
|
|
13
12
|
import React, { useContext, useEffect, useMemo } from 'react';
|
|
14
13
|
import ProCardActions from '../actions';
|
|
@@ -114,7 +113,7 @@ const CheckCard = props => {
|
|
|
114
113
|
}
|
|
115
114
|
const avatarDom = avatar ? React.createElement("div", {
|
|
116
115
|
className: `${prefixCls}-avatar`
|
|
117
|
-
}, typeof avatar === 'string' ? React.createElement(
|
|
116
|
+
}, typeof avatar === 'string' ? React.createElement(Avatar, {
|
|
118
117
|
size: 48,
|
|
119
118
|
shape: "square",
|
|
120
119
|
src: avatar
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/check-card/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import useMountMergeState from 'rc-util/lib/hooks/useMergedState'\nimport { Avatar, ConfigProvider } from 'antd'\nimport classNames from 'classnames'\nimport type { MouseEventHandler } from 'react'\nimport React, { useContext, useEffect, useMemo } from 'react'\nimport ProCardActions from '../actions'\nimport type { CheckCardGroupProps } from './group'\nimport CheckCardGroup, { CardLoading, CheckCardGroupConnext } from './group'\nimport './index.less'\n\ninterface CheckCardProps {\n /**\n * 自定义前缀\n *\n * @ignore\n */\n prefixCls?: string\n /** Change 回调 */\n onChange?: (checked: boolean) => void\n /** Click 回调 */\n onClick?: (event: MouseEventHandler<HTMLDivElement> | undefined) => void\n /** 鼠标进入时的回调 */\n onMouseEnter?: MouseEventHandler<HTMLDivElement>\n /** 鼠标出来时的回调 */\n onMouseLeave?: (event: MouseEventHandler<HTMLDivElement> | undefined) => void\n /**\n * 默认是否勾选\n *\n * @default false\n * @title 默认勾选\n */\n defaultChecked?: boolean\n /**\n * 强制勾选\n *\n * @default false\n * @title 强制勾选\n */\n checked?: boolean\n /**\n * 不可用\n *\n * @default false\n * @title 禁用\n */\n disabled?: boolean\n /**\n * 选项卡样式\n *\n * @ignore\n */\n style?: React.CSSProperties\n /**\n * 选项卡 className\n *\n * @ignore\n */\n className?: string\n /**\n * 左侧头像展示,可以是一个链接也可以是是一个 ReactNode\n *\n * @title 头像\n */\n avatar?: React.ReactNode\n /**\n * 标题展示\n *\n * @title 标题\n */\n title?: React.ReactNode\n /**\n * 二级标题展示\n *\n * @title 二级标题\n */\n subTitle?: React.ReactNode\n /**\n * 描述展示\n *\n * @title 描述\n */\n description?: React.ReactNode\n /**\n * 选项值\n *\n * @title 值\n */\n value?: any\n /**\n * 内容是否在加载中\n *\n * @default false\n * @title 加载中\n */\n loading?: boolean\n /**\n * 图片封面默认,该模式下其他展示值被忽略\n *\n * @title 卡片背景图片\n */\n cover?: React.ReactNode\n /**\n * 组件尺寸,支持大,中,小三种默认尺寸,用户可以自定义宽高\n *\n * @default default\n * @title 选择框大小\n */\n size?: 'large' | 'default' | 'small'\n /**\n * 是否显示边框\n *\n * @default true\n * @title 显示边框\n */\n bordered?: boolean\n /**\n * 卡片右上角的操作区域\n *\n * @title 操作栏\n */\n extra?: React.ReactNode\n\n children?: React.ReactNode\n /**\n * 内容区域的样式设计\n */\n bodyStyle?: React.CSSProperties\n /**\n * 右下角的操作区\n */\n actions?: React.ReactNode[]\n\n ghost?: boolean\n}\n\nexport interface CheckCardState {\n checked: boolean\n}\n\nconst CheckCard: React.FC<CheckCardProps> & {\n Group: typeof CheckCardGroup\n} = (props) => {\n const [stateChecked, setStateChecked] = useMountMergeState<boolean>(\n props.defaultChecked || false,\n {\n value: props.checked,\n onChange: props.onChange,\n }\n )\n const checkCardGroup = useContext(CheckCardGroupConnext)\n\n const handleClick = (e: any) => {\n props?.onClick?.(e)\n const newChecked = !stateChecked\n checkCardGroup?.toggleOption?.({ value: props.value })\n setStateChecked?.(newChecked, e)\n }\n\n // small => sm large => lg\n const getSizeCls = (size?: string) => {\n if (size === 'large') return 'lg'\n if (size === 'small') return 'sm'\n return ''\n }\n\n useEffect(() => {\n checkCardGroup?.registerValue?.(props.value)\n return () => checkCardGroup?.cancelValue?.(props.value)\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [props.value])\n\n /**\n * 头像自定义\n *\n * @param prefixCls\n * @param cover\n * @returns\n */\n const renderCover = (prefixCls: string, cover: string | React.ReactNode) => {\n return (\n <div className={`${prefixCls}-cover`}>\n {typeof cover === 'string' ? <img src={cover} alt=\"tntd-checkcard\" /> : cover}\n </div>\n )\n }\n\n const {\n prefixCls: customizePrefixCls,\n className,\n avatar,\n title,\n description,\n cover,\n extra,\n style = {},\n ...others\n } = props\n\n const checkCardProps: CheckCardProps = { ...others }\n const prefixCls = 'tntd-checkcard'\n checkCardProps.checked = stateChecked\n\n let multiple: boolean | undefined = false\n\n if (checkCardGroup) {\n // 受组控制模式\n checkCardProps.disabled = props.disabled || checkCardGroup.disabled\n checkCardProps.loading = props.loading || checkCardGroup.loading\n checkCardProps.bordered = props.bordered || checkCardGroup.bordered\n\n multiple = checkCardGroup.multiple\n\n const isChecked = checkCardGroup.multiple\n ? checkCardGroup.value?.includes(props.value)\n : checkCardGroup.value === props.value\n\n // loading时check为false\n checkCardProps.checked = checkCardProps.loading ? false : isChecked\n checkCardProps.size = props.size || checkCardGroup.size\n }\n\n const { disabled = false, size, loading: cardLoading, bordered = true, checked } = checkCardProps\n const sizeCls = getSizeCls(size)\n\n const classString = classNames(prefixCls, className, {\n [`${prefixCls}-loading`]: cardLoading,\n [`${prefixCls}-${sizeCls}`]: sizeCls,\n [`${prefixCls}-checked`]: checked,\n [`${prefixCls}-multiple`]: multiple,\n [`${prefixCls}-disabled`]: disabled,\n [`${prefixCls}-bordered`]: bordered,\n [`${prefixCls}-ghost`]: props.ghost,\n })\n\n const metaDom = useMemo(() => {\n if (cardLoading) {\n return <CardLoading prefixCls={prefixCls || ''} />\n }\n\n if (cover) {\n return renderCover(prefixCls || '', cover)\n }\n\n const avatarDom = avatar ? (\n <div className={`${prefixCls}-avatar`}>\n {typeof avatar === 'string' ? <Avatar size={48} shape=\"square\" src={avatar} /> : avatar}\n </div>\n ) : null\n\n const headerDom = (title ?? extra) != null && (\n <div className={`${prefixCls}-header`}>\n <div className={`${prefixCls}-header-left`}>\n <div className={`${prefixCls}-title`}>{title}</div>\n {props.subTitle ? <div className={`${prefixCls}-subTitle`}>{props.subTitle}</div> : null}\n </div>\n {extra && <div className={`${prefixCls}-extra`}>{extra}</div>}\n </div>\n )\n\n const descriptionDom = description ? (\n <div className={`${prefixCls}-description`}>{description}</div>\n ) : null\n\n const metaClass = classNames(`${prefixCls}-content`, {\n [`${prefixCls}-avatar-header`]: avatarDom && headerDom && !descriptionDom,\n })\n\n return (\n <div className={metaClass}>\n {avatarDom}\n {headerDom || descriptionDom ? (\n <div className={`${prefixCls}-detail`}>\n {headerDom}\n {descriptionDom}\n </div>\n ) : null}\n </div>\n )\n }, [avatar, cardLoading, cover, description, extra, prefixCls, props.subTitle, title])\n\n return (\n <div\n className={classString}\n style={style}\n onClick={(e) => {\n if (!cardLoading && !disabled) {\n handleClick(e)\n }\n }}\n onMouseEnter={props.onMouseEnter}\n >\n {metaDom}\n {props.children ? (\n <div className={classNames(`${prefixCls}-body`)} style={props.bodyStyle}>\n {props.children}\n </div>\n ) : null}\n {props.actions ? <ProCardActions actions={props.actions} prefixCls={prefixCls} /> : null}\n </div>\n )\n}\n\nCheckCard.Group = CheckCardGroup\n\nexport type { CheckCardGroupProps, CheckCardProps }\n\nexport default CheckCard\n"]}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/check-card/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import useMountMergeState from 'rc-util/lib/hooks/useMergedState'\nimport Avatar from '../avatar'\nimport classNames from 'classnames'\nimport type { MouseEventHandler } from 'react'\nimport React, { useContext, useEffect, useMemo } from 'react'\nimport ProCardActions from '../actions'\nimport type { CheckCardGroupProps } from './group'\nimport CheckCardGroup, { CardLoading, CheckCardGroupConnext } from './group'\nimport './index.less'\n\ninterface CheckCardProps {\n /**\n * 自定义前缀\n *\n * @ignore\n */\n prefixCls?: string\n /** Change 回调 */\n onChange?: (checked: boolean) => void\n /** Click 回调 */\n onClick?: (event: MouseEventHandler<HTMLDivElement> | undefined) => void\n /** 鼠标进入时的回调 */\n onMouseEnter?: MouseEventHandler<HTMLDivElement>\n /** 鼠标出来时的回调 */\n onMouseLeave?: (event: MouseEventHandler<HTMLDivElement> | undefined) => void\n /**\n * 默认是否勾选\n *\n * @default false\n * @title 默认勾选\n */\n defaultChecked?: boolean\n /**\n * 强制勾选\n *\n * @default false\n * @title 强制勾选\n */\n checked?: boolean\n /**\n * 不可用\n *\n * @default false\n * @title 禁用\n */\n disabled?: boolean\n /**\n * 选项卡样式\n *\n * @ignore\n */\n style?: React.CSSProperties\n /**\n * 选项卡 className\n *\n * @ignore\n */\n className?: string\n /**\n * 左侧头像展示,可以是一个链接也可以是是一个 ReactNode\n *\n * @title 头像\n */\n avatar?: React.ReactNode\n /**\n * 标题展示\n *\n * @title 标题\n */\n title?: React.ReactNode\n /**\n * 二级标题展示\n *\n * @title 二级标题\n */\n subTitle?: React.ReactNode\n /**\n * 描述展示\n *\n * @title 描述\n */\n description?: React.ReactNode\n /**\n * 选项值\n *\n * @title 值\n */\n value?: any\n /**\n * 内容是否在加载中\n *\n * @default false\n * @title 加载中\n */\n loading?: boolean\n /**\n * 图片封面默认,该模式下其他展示值被忽略\n *\n * @title 卡片背景图片\n */\n cover?: React.ReactNode\n /**\n * 组件尺寸,支持大,中,小三种默认尺寸,用户可以自定义宽高\n *\n * @default default\n * @title 选择框大小\n */\n size?: 'large' | 'default' | 'small'\n /**\n * 是否显示边框\n *\n * @default true\n * @title 显示边框\n */\n bordered?: boolean\n /**\n * 卡片右上角的操作区域\n *\n * @title 操作栏\n */\n extra?: React.ReactNode\n\n children?: React.ReactNode\n /**\n * 内容区域的样式设计\n */\n bodyStyle?: React.CSSProperties\n /**\n * 右下角的操作区\n */\n actions?: React.ReactNode[]\n\n ghost?: boolean\n}\n\nexport interface CheckCardState {\n checked: boolean\n}\n\nconst CheckCard: React.FC<CheckCardProps> & {\n Group: typeof CheckCardGroup\n} = (props) => {\n const [stateChecked, setStateChecked] = useMountMergeState<boolean>(\n props.defaultChecked || false,\n {\n value: props.checked,\n onChange: props.onChange,\n }\n )\n const checkCardGroup = useContext(CheckCardGroupConnext)\n\n const handleClick = (e: any) => {\n props?.onClick?.(e)\n const newChecked = !stateChecked\n checkCardGroup?.toggleOption?.({ value: props.value })\n setStateChecked?.(newChecked, e)\n }\n\n // small => sm large => lg\n const getSizeCls = (size?: string) => {\n if (size === 'large') return 'lg'\n if (size === 'small') return 'sm'\n return ''\n }\n\n useEffect(() => {\n checkCardGroup?.registerValue?.(props.value)\n return () => checkCardGroup?.cancelValue?.(props.value)\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [props.value])\n\n /**\n * 头像自定义\n *\n * @param prefixCls\n * @param cover\n * @returns\n */\n const renderCover = (prefixCls: string, cover: string | React.ReactNode) => {\n return (\n <div className={`${prefixCls}-cover`}>\n {typeof cover === 'string' ? <img src={cover} alt=\"tntd-checkcard\" /> : cover}\n </div>\n )\n }\n\n const {\n prefixCls: customizePrefixCls,\n className,\n avatar,\n title,\n description,\n cover,\n extra,\n style = {},\n ...others\n } = props\n\n const checkCardProps: CheckCardProps = { ...others }\n const prefixCls = 'tntd-checkcard'\n checkCardProps.checked = stateChecked\n\n let multiple: boolean | undefined = false\n\n if (checkCardGroup) {\n // 受组控制模式\n checkCardProps.disabled = props.disabled || checkCardGroup.disabled\n checkCardProps.loading = props.loading || checkCardGroup.loading\n checkCardProps.bordered = props.bordered || checkCardGroup.bordered\n\n multiple = checkCardGroup.multiple\n\n const isChecked = checkCardGroup.multiple\n ? checkCardGroup.value?.includes(props.value)\n : checkCardGroup.value === props.value\n\n // loading时check为false\n checkCardProps.checked = checkCardProps.loading ? false : isChecked\n checkCardProps.size = props.size || checkCardGroup.size\n }\n\n const { disabled = false, size, loading: cardLoading, bordered = true, checked } = checkCardProps\n const sizeCls = getSizeCls(size)\n\n const classString = classNames(prefixCls, className, {\n [`${prefixCls}-loading`]: cardLoading,\n [`${prefixCls}-${sizeCls}`]: sizeCls,\n [`${prefixCls}-checked`]: checked,\n [`${prefixCls}-multiple`]: multiple,\n [`${prefixCls}-disabled`]: disabled,\n [`${prefixCls}-bordered`]: bordered,\n [`${prefixCls}-ghost`]: props.ghost,\n })\n\n const metaDom = useMemo(() => {\n if (cardLoading) {\n return <CardLoading prefixCls={prefixCls || ''} />\n }\n\n if (cover) {\n return renderCover(prefixCls || '', cover)\n }\n\n const avatarDom = avatar ? (\n <div className={`${prefixCls}-avatar`}>\n {typeof avatar === 'string' ? <Avatar size={48} shape=\"square\" src={avatar} /> : avatar}\n </div>\n ) : null\n\n const headerDom = (title ?? extra) != null && (\n <div className={`${prefixCls}-header`}>\n <div className={`${prefixCls}-header-left`}>\n <div className={`${prefixCls}-title`}>{title}</div>\n {props.subTitle ? <div className={`${prefixCls}-subTitle`}>{props.subTitle}</div> : null}\n </div>\n {extra && <div className={`${prefixCls}-extra`}>{extra}</div>}\n </div>\n )\n\n const descriptionDom = description ? (\n <div className={`${prefixCls}-description`}>{description}</div>\n ) : null\n\n const metaClass = classNames(`${prefixCls}-content`, {\n [`${prefixCls}-avatar-header`]: avatarDom && headerDom && !descriptionDom,\n })\n\n return (\n <div className={metaClass}>\n {avatarDom}\n {headerDom || descriptionDom ? (\n <div className={`${prefixCls}-detail`}>\n {headerDom}\n {descriptionDom}\n </div>\n ) : null}\n </div>\n )\n }, [avatar, cardLoading, cover, description, extra, prefixCls, props.subTitle, title])\n\n return (\n <div\n className={classString}\n style={style}\n onClick={(e) => {\n if (!cardLoading && !disabled) {\n handleClick(e)\n }\n }}\n onMouseEnter={props.onMouseEnter}\n >\n {metaDom}\n {props.children ? (\n <div className={classNames(`${prefixCls}-body`)} style={props.bodyStyle}>\n {props.children}\n </div>\n ) : null}\n {props.actions ? <ProCardActions actions={props.actions} prefixCls={prefixCls} /> : null}\n </div>\n )\n}\n\nCheckCard.Group = CheckCardGroup\n\nexport type { CheckCardGroupProps, CheckCardProps }\n\nexport default CheckCard\n"]}
|
package/es/checkbox/checkbox.js
CHANGED
|
@@ -6,12 +6,12 @@ var __rest = this && this.__rest || function (s, e) {
|
|
|
6
6
|
}
|
|
7
7
|
return t;
|
|
8
8
|
};
|
|
9
|
-
import React, { forwardRef } from 'react';
|
|
10
|
-
import { ConfigConsumer } from 'antd/es/config-provider';
|
|
11
9
|
import AntdCheckbox from 'antd/es/checkbox';
|
|
10
|
+
import { ConfigConsumer } from 'antd/es/config-provider';
|
|
11
|
+
import classNames from 'classnames';
|
|
12
|
+
import React, { forwardRef } from 'react';
|
|
12
13
|
import { connectReadonlyComponent } from '../connect';
|
|
13
14
|
import { PreviewText } from '../preview-text';
|
|
14
|
-
import classNames from 'classnames';
|
|
15
15
|
export * from 'antd/es/checkbox';
|
|
16
16
|
const tntPrefixCls = 'tnt-checkbox';
|
|
17
17
|
const Checkbox = forwardRef((_a, ref) => {
|
|
@@ -25,11 +25,11 @@ const Checkbox = forwardRef((_a, ref) => {
|
|
|
25
25
|
return React.createElement(AntdCheckbox, Object.assign({}, rest, {
|
|
26
26
|
ref: ref,
|
|
27
27
|
className: classNames(className, tntPrefixCls)
|
|
28
|
-
}), React.createElement("span", {
|
|
28
|
+
}), children ? React.createElement("span", {
|
|
29
29
|
className: `${tntPrefixCls}-children`
|
|
30
30
|
}, React.createElement("span", null, children), !!desc && React.createElement("span", {
|
|
31
31
|
className: `${tntPrefixCls}-desc`
|
|
32
|
-
}, desc)));
|
|
32
|
+
}, desc)) : undefined);
|
|
33
33
|
});
|
|
34
34
|
});
|
|
35
35
|
const CheckboxGroup = forwardRef((_a, ref) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../src/checkbox/checkbox.tsx"],"names":[],"mappings":";;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../src/checkbox/checkbox.tsx"],"names":[],"mappings":";;;;;;;;;;;AAIA,OAAO,YAAY,MAAM,kBAAkB,CAAA;AAE3C,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAA;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAE7C,cAAc,kBAAkB,CAAA;AAchC,MAAM,YAAY,GAAG,cAAc,CAAA;AAEnC,MAAM,QAAQ,GAAG,UAAU,CACzB,CAAC,EAAsC,EAAE,GAAG,EAAE,EAAE;QAA/C,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,OAAW,EAAN,IAAI,cAApC,iCAAsC,CAAF;IACnC,OAAO,CACL,oBAAC,cAAc,QACZ,GAAG,EAAE;QACJ,OAAO,CACL,oBAAC,YAAY,oBAAK,IAAI,IAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,YAAY,CAAC,KAC7E,QAAQ,CAAC,CAAC,CAAC,CACV,8BAAM,SAAS,EAAE,GAAG,YAAY,WAAW;YACzC,kCAAO,QAAQ,CAAQ;YACtB,CAAC,CAAC,IAAI,IAAI,8BAAM,SAAS,EAAE,GAAG,YAAY,OAAO,IAAG,IAAI,CAAQ,CAC5D,CACR,CAAC,CAAC,CAAC,SAAS,CACA,CAChB,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CACmB,CAAA;AAEtB,MAAM,aAAa,GAAG,UAAU,CAC9B,CAAC,EAAsB,EAAE,GAAG,EAAE,EAAE;QAA/B,EAAE,SAAS,OAAW,EAAN,IAAI,cAApB,aAAsB,CAAF;IACnB,OAAO,CACL,oBAAC,cAAc,QACZ,GAAG,EAAE;QACJ,OAAO,CACL,oBAAC,YAAY,CAAC,KAAK,oBACb,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,GAAG,YAAY,QAAQ,CAAC,IACzD,CACH,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CACF,CAAA;AAED,QAAQ,CAAC,KAAK,GAAG,wBAAwB,CAAC,aAAa,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;AAE5E,eAAe,QAAQ,CAAA","sourcesContent":["import type {\n CheckboxGroupProps as AntdCheckboxGroupProps,\n CheckboxProps as AntdCheckboxProps,\n} from 'antd/es/checkbox'\nimport AntdCheckbox from 'antd/es/checkbox'\nimport type AntdCheckboxGroup from 'antd/es/checkbox/Group'\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport classNames from 'classnames'\nimport React, { forwardRef } from 'react'\nimport { connectReadonlyComponent } from '../connect'\nimport { PreviewText } from '../preview-text'\n\nexport * from 'antd/es/checkbox'\n\nexport type CheckboxProps = AntdCheckboxProps & {\n desc?: string | React.ReactNode\n}\nexport type CheckboxGroupProps = AntdCheckboxGroupProps & {\n readonly?: boolean\n}\n\ninterface CheckboxComponent\n extends React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<AntdCheckbox>> {\n Group: React.FC<CheckboxGroupProps>\n}\n\nconst tntPrefixCls = 'tnt-checkbox'\n\nconst Checkbox = forwardRef<AntdCheckbox, CheckboxProps>(\n ({ className, children, desc, ...rest }, ref) => {\n return (\n <ConfigConsumer>\n {() => {\n return (\n <AntdCheckbox {...rest} ref={ref} className={classNames(className, tntPrefixCls)}>\n {children ? (\n <span className={`${tntPrefixCls}-children`}>\n <span>{children}</span>\n {!!desc && <span className={`${tntPrefixCls}-desc`}>{desc}</span>}\n </span>\n ) : undefined}\n </AntdCheckbox>\n )\n }}\n </ConfigConsumer>\n )\n }\n) as CheckboxComponent\n\nconst CheckboxGroup = forwardRef<AntdCheckboxGroup, CheckboxGroupProps>(\n ({ className, ...rest }, ref) => {\n return (\n <ConfigConsumer>\n {() => {\n return (\n <AntdCheckbox.Group\n {...rest}\n ref={ref}\n className={classNames(className, `${tntPrefixCls}-group`)}\n />\n )\n }}\n </ConfigConsumer>\n )\n }\n)\n\nCheckbox.Group = connectReadonlyComponent(CheckboxGroup, PreviewText.Select)\n\nexport default Checkbox\n"]}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
@collapse-prefix-cls: ~'@{ant-prefix}-collapse';
|
|
2
2
|
|
|
3
3
|
.@{collapse-prefix-cls} {
|
|
4
|
-
border: @border-
|
|
4
|
+
border-color: @border-color-split;
|
|
5
5
|
& > &-item {
|
|
6
|
-
border-bottom: @border-
|
|
6
|
+
border-bottom-color: @border-color-split;
|
|
7
7
|
}
|
|
8
8
|
|
|
9
9
|
&-content {
|
|
10
|
-
border-top: @border-
|
|
10
|
+
border-top-color: @border-color-split;
|
|
11
11
|
}
|
|
12
12
|
}
|
|
@@ -1,7 +1,3 @@
|
|
|
1
|
-
import "antd/es/icon/style";
|
|
2
|
-
import _Icon from "antd/es/icon";
|
|
3
|
-
import "antd/es/popover/style";
|
|
4
|
-
import _Popover from "antd/es/popover";
|
|
5
1
|
import _toLower from "lodash/toLower";
|
|
6
2
|
import _upperFirst from "lodash/upperFirst";
|
|
7
3
|
import _isObject from "lodash/isObject";
|
|
@@ -16,6 +12,8 @@ var __rest = this && this.__rest || function (s, e) {
|
|
|
16
12
|
import React, { useState, useCallback, useEffect, useMemo } from 'react';
|
|
17
13
|
import { AlphaPicker, BlockPicker, ChromePicker, CirclePicker, CompactPicker, GithubPicker, HuePicker, MaterialPicker, PhotoshopPicker, SketchPicker, SliderPicker, SwatchesPicker, TwitterPicker } from 'react-color';
|
|
18
14
|
import cn from 'classnames';
|
|
15
|
+
import Popover from '../popover';
|
|
16
|
+
import Icon from '../icon';
|
|
19
17
|
import imgSrc from './tip.svg';
|
|
20
18
|
const prefixCls = 'tntd-color-picker';
|
|
21
19
|
const modeMap = {
|
|
@@ -92,7 +90,7 @@ export default function ColorPicker(_a) {
|
|
|
92
90
|
const ModePicker = modeMap[modeKey] || SketchPicker;
|
|
93
91
|
return [ModePicker, propsFormatMap[modeKey] || (p => p)];
|
|
94
92
|
}, [mode]);
|
|
95
|
-
return React.createElement(
|
|
93
|
+
return React.createElement(Popover, {
|
|
96
94
|
placement: placement,
|
|
97
95
|
trigger: "click",
|
|
98
96
|
visible: visible && !disabled,
|
|
@@ -131,7 +129,7 @@ export default function ColorPicker(_a) {
|
|
|
131
129
|
})), allowClear && !!value && !disabled && React.createElement("span", {
|
|
132
130
|
className: `${prefixCls}-clear`,
|
|
133
131
|
onClick: doClear
|
|
134
|
-
}, React.createElement(
|
|
132
|
+
}, React.createElement(Icon, {
|
|
135
133
|
type: "close-circle",
|
|
136
134
|
theme: "filled"
|
|
137
135
|
})))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColorPicker.js","sourceRoot":"","sources":["../../src/color-picker/ColorPicker.js"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACxE,OAAO,
|
|
1
|
+
{"version":3,"file":"ColorPicker.js","sourceRoot":"","sources":["../../src/color-picker/ColorPicker.js"],"names":[],"mappings":"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","sourcesContent":["import React, { useState, useCallback, useEffect, useMemo } from 'react'\nimport {\n AlphaPicker,\n BlockPicker,\n ChromePicker,\n CirclePicker,\n CompactPicker,\n GithubPicker,\n HuePicker,\n MaterialPicker,\n PhotoshopPicker,\n SketchPicker,\n SliderPicker,\n SwatchesPicker,\n TwitterPicker,\n} from 'react-color'\nimport cn from 'classnames'\nimport { get, isObject, upperFirst, toLower } from 'lodash'\nimport Popover from '../popover'\nimport Icon from '../icon'\nimport imgSrc from './tip.svg'\n\nconst prefixCls = 'tntd-color-picker'\n\nconst modeMap = {\n AlphaPicker,\n BlockPicker,\n ChromePicker,\n CirclePicker,\n CompactPicker,\n GithubPicker,\n HuePicker,\n MaterialPicker,\n PhotoshopPicker,\n SketchPicker,\n SliderPicker,\n SwatchesPicker,\n TwitterPicker,\n}\n\nconst propsFormatMap = {\n SketchPicker: ({ colors, ...otherProps }) => {\n if (colors) {\n return {\n presetColors: colors,\n ...otherProps,\n }\n }\n return otherProps\n },\n}\n\nexport default function ColorPicker({\n value: _value,\n onChange,\n visible: vs,\n allowClear,\n disabled,\n className,\n mode = 'sketch',\n style = {},\n size,\n placeholder,\n placement = 'bottomLeft',\n locale,\n simple,\n ...otherProps\n}) {\n const [visible, setVisible] = useState(vs)\n const [value, setValue] = useState(_value)\n\n useEffect(() => {\n setValue(_value)\n }, [_value])\n\n const handleChange = useCallback(\n (color) => {\n let value\n if (isObject(color?.rgb)) {\n value = `rgba(${color.rgb.r},${color.rgb.g},${color.rgb.b},${color.rgb.a})`\n }\n if (onChange) {\n onChange(value)\n } else {\n setValue(value)\n }\n },\n [onChange]\n )\n\n const domClick = useCallback(() => {\n setVisible(true)\n }, [])\n\n const doClear = useCallback(\n (e) => {\n e.stopPropagation()\n handleChange()\n },\n [handleChange]\n )\n\n const [ModePicker, propsFormat] = useMemo(() => {\n const modeKey = upperFirst(toLower(mode)) + 'Picker' || 'SketchPicker'\n const ModePicker = modeMap[modeKey] || SketchPicker\n return [ModePicker, propsFormatMap[modeKey] || ((p) => p)]\n }, [mode])\n\n return (\n <Popover\n placement={placement}\n trigger=\"click\"\n visible={visible && !disabled}\n onVisibleChange={setVisible}\n content={\n <ModePicker {...propsFormat(otherProps)} color={value} onChangeComplete={handleChange} />\n }\n overlayClassName={`${prefixCls}-pop`}\n >\n <div\n className={cn(prefixCls, className, {\n [`${prefixCls}-selected`]: !!value,\n [`${prefixCls}-disabled`]: disabled,\n [`${prefixCls}-active`]: visible && !disabled,\n [`${prefixCls}-simple`]: simple,\n [`${prefixCls}-sm`]: size === 'small',\n [`${prefixCls}-lg`]: size === 'large',\n })}\n style={style}\n onClick={domClick}\n >\n <div className={`${prefixCls}-inner`}>\n {!!value ? (\n <div className={`${prefixCls}-value`}>\n <div className={`${prefixCls}-value-bg`} style={{ background: value }}></div>\n </div>\n ) : (\n <div className={`${prefixCls}-placeholder`}>{placeholder}</div>\n )}\n <span className={`${prefixCls}-img`}>\n <img src={imgSrc} />\n </span>\n {allowClear && !!value && !disabled && (\n <span className={`${prefixCls}-clear`} onClick={doClear}>\n <Icon type=\"close-circle\" theme=\"filled\" />\n </span>\n )}\n </div>\n </div>\n </Popover>\n )\n}\n"]}
|
package/es/drawer/drawer.js
CHANGED
|
@@ -15,24 +15,22 @@ import { Button } from '../button';
|
|
|
15
15
|
import Icon from '../icon';
|
|
16
16
|
const DefaultFooter = ({
|
|
17
17
|
locale,
|
|
18
|
-
|
|
19
|
-
|
|
18
|
+
onCancel,
|
|
19
|
+
onOk,
|
|
20
20
|
okText,
|
|
21
21
|
okType,
|
|
22
22
|
cancelText,
|
|
23
23
|
confirmLoading,
|
|
24
24
|
okButtonProps,
|
|
25
|
-
cancelButtonProps
|
|
25
|
+
cancelButtonProps,
|
|
26
|
+
cancelType
|
|
26
27
|
}) => {
|
|
27
28
|
return React.createElement(React.Fragment, null, React.createElement(Button, Object.assign({
|
|
28
|
-
onClick:
|
|
29
|
-
|
|
30
|
-
marginRight: 8
|
|
31
|
-
},
|
|
32
|
-
type: 'tertiary'
|
|
29
|
+
onClick: onCancel,
|
|
30
|
+
type: cancelType || 'default'
|
|
33
31
|
}, cancelButtonProps), cancelText || (locale === null || locale === void 0 ? void 0 : locale.cancelText)), React.createElement(Button, Object.assign({
|
|
34
|
-
onClick:
|
|
35
|
-
type: okType,
|
|
32
|
+
onClick: onOk,
|
|
33
|
+
type: okType || 'primary',
|
|
36
34
|
loading: confirmLoading
|
|
37
35
|
}, okButtonProps), okText || (locale === null || locale === void 0 ? void 0 : locale.okText)));
|
|
38
36
|
};
|
|
@@ -44,17 +42,22 @@ export const Drawer = _a => {
|
|
|
44
42
|
showFooter,
|
|
45
43
|
onClose,
|
|
46
44
|
onSubmit,
|
|
45
|
+
onCancel,
|
|
46
|
+
onOk,
|
|
47
47
|
okText = '',
|
|
48
48
|
cancelText = '',
|
|
49
49
|
locale,
|
|
50
50
|
okType = 'primary',
|
|
51
|
+
cancelType = 'default',
|
|
51
52
|
confirmLoading = false,
|
|
52
53
|
okButtonProps = {},
|
|
53
54
|
cancelButtonProps = {},
|
|
54
55
|
clickOnBlankToClose = false
|
|
55
56
|
} = _a,
|
|
56
|
-
rest = __rest(_a, ["closable", "className", "footer", "showFooter", "onClose", "onSubmit", "okText", "cancelText", "locale", "okType", "confirmLoading", "okButtonProps", "cancelButtonProps", "clickOnBlankToClose"]);
|
|
57
|
+
rest = __rest(_a, ["closable", "className", "footer", "showFooter", "onClose", "onSubmit", "onCancel", "onOk", "okText", "cancelText", "locale", "okType", "cancelType", "confirmLoading", "okButtonProps", "cancelButtonProps", "clickOnBlankToClose"]);
|
|
57
58
|
const drawerDom = React.useRef(null);
|
|
59
|
+
const _onCancel = onCancel || onClose;
|
|
60
|
+
const _onOk = onOk || onSubmit;
|
|
58
61
|
useEffect(() => {
|
|
59
62
|
if (clickOnBlankToClose) {
|
|
60
63
|
const handleOutsideClick = event => {
|
|
@@ -65,8 +68,8 @@ export const Drawer = _a => {
|
|
|
65
68
|
isInDrawer = drawer.contains(targetElement) || targetElement === drawer;
|
|
66
69
|
}
|
|
67
70
|
drawerDom.current = null;
|
|
68
|
-
if (rest.visible && !isInDrawer &&
|
|
69
|
-
|
|
71
|
+
if (rest.visible && !isInDrawer && _onCancel) {
|
|
72
|
+
_onCancel();
|
|
70
73
|
}
|
|
71
74
|
};
|
|
72
75
|
document.removeEventListener('click', handleOutsideClick);
|
|
@@ -75,7 +78,7 @@ export const Drawer = _a => {
|
|
|
75
78
|
document.removeEventListener('click', handleOutsideClick);
|
|
76
79
|
};
|
|
77
80
|
}
|
|
78
|
-
}, [rest.visible, clickOnBlankToClose,
|
|
81
|
+
}, [rest.visible, clickOnBlankToClose, _onCancel]);
|
|
79
82
|
return React.createElement(ConfigConsumer, null, ({
|
|
80
83
|
getPrefixCls
|
|
81
84
|
}) => {
|
|
@@ -91,28 +94,29 @@ export const Drawer = _a => {
|
|
|
91
94
|
}, React.createElement(AntdDrawer, Object.assign({
|
|
92
95
|
className: classNames(prefixCls, 'tnt-drawer', className, {
|
|
93
96
|
[`${prefixCls}-contain-closable`]: closable !== false,
|
|
94
|
-
[`${prefixCls}-footer`]: showFooter
|
|
97
|
+
[`${prefixCls}-footer`]: showFooter || footer
|
|
95
98
|
}),
|
|
96
99
|
closable: false,
|
|
97
|
-
onClose:
|
|
100
|
+
onClose: _onCancel,
|
|
98
101
|
width: 480
|
|
99
102
|
}, rest), React.createElement(React.Fragment, null, closable !== false && React.createElement(Icon, {
|
|
100
103
|
type: "close",
|
|
101
104
|
className: `${prefixCls}-close`,
|
|
102
|
-
onClick:
|
|
103
|
-
}), rest.children, showFooter && React.createElement("div", {
|
|
105
|
+
onClick: _onCancel
|
|
106
|
+
}), rest.children, (showFooter || footer) && React.createElement("div", {
|
|
104
107
|
className: `${prefixCls}-footer-style`
|
|
105
|
-
},
|
|
108
|
+
}, footer || React.createElement(DefaultFooter, {
|
|
106
109
|
confirmLoading: confirmLoading,
|
|
107
110
|
okButtonProps: okButtonProps,
|
|
108
111
|
cancelButtonProps: cancelButtonProps,
|
|
109
112
|
okType: okType,
|
|
110
113
|
locale: locale,
|
|
111
114
|
okText: okText,
|
|
115
|
+
cancelType: cancelType,
|
|
112
116
|
cancelText: cancelText,
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
})
|
|
117
|
+
onOk: _onOk,
|
|
118
|
+
onCancel: _onCancel
|
|
119
|
+
})))));
|
|
116
120
|
});
|
|
117
121
|
});
|
|
118
122
|
};
|
package/es/drawer/drawer.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drawer.js","sourceRoot":"","sources":["../../src/drawer/drawer.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAExD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gBAAgB,CAAA;AACtD,OAAO,cAAc,MAAM,wCAAwC,CAAA;AACnE,OAAO,UAAU,MAAM,YAAY,CAAA;AAInC,OAAO,KAAK,EAAE,EAAM,SAAS,EAAU,MAAM,OAAO,CAAA;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,IAAI,MAAM,SAAS,CAAA;AAC1B,MAAM,aAAa,GAAG,CAAC,EACrB,MAAM,EACN,
|
|
1
|
+
{"version":3,"file":"drawer.js","sourceRoot":"","sources":["../../src/drawer/drawer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ConfigConsumer } from 'antd/es/config-provider'\nimport type { DrawerProps as AntdDrawerProps } from 'antd/es/drawer'\nimport { default as AntdDrawer } from 'antd/es/drawer'\nimport LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver'\nimport classNames from 'classnames'\nimport type { BaseButtonProps } from 'antd/es/button/button'\nimport type { TntButtonType } from '../button/button'\n\nimport React, { FC, useEffect, useRef } from 'react'\nimport { Button } from '../button'\nimport Icon from '../icon'\nconst DefaultFooter = ({\n locale,\n onCancel,\n onOk,\n okText,\n okType,\n cancelText,\n confirmLoading,\n okButtonProps,\n cancelButtonProps,\n cancelType,\n}: {\n locale?: {\n okText?: string\n cancelText?: string\n }\n onCancel?: () => void\n onOk?: () => void\n okText: string\n cancelText: string\n okType?: TntButtonType\n cancelType: TntButtonType\n confirmLoading?: boolean\n okButtonProps?: BaseButtonProps\n cancelButtonProps?: BaseButtonProps\n}) => {\n return (\n <>\n <Button onClick={onCancel} type={cancelType || 'default'} {...cancelButtonProps}>\n {cancelText || locale?.cancelText}\n </Button>\n <Button onClick={onOk} type={okType || 'primary'} loading={confirmLoading} {...okButtonProps}>\n {okText || locale?.okText}\n </Button>\n </>\n )\n}\n\ninterface CustomDrawerProps extends AntdDrawerProps {\n footer?: React.ReactNode\n showFooter?: boolean\n onClose?: () => void\n onSubmit?: () => void\n onCancel?: () => void\n onOk?: () => void\n okText?: string\n cancelText?: string\n locale?: {\n okText?: string\n cancelText?: string\n }\n okType?: TntButtonType\n cancelType?: TntButtonType\n confirmLoading?: boolean\n okButtonProps?: BaseButtonProps\n cancelButtonProps?: BaseButtonProps\n clickOnBlankToClose: boolean\n}\n\nexport const Drawer: FC<CustomDrawerProps> = ({\n closable = true,\n className,\n footer,\n showFooter,\n onClose,\n onSubmit,\n onCancel,\n onOk,\n okText = '',\n cancelText = '',\n locale,\n okType = 'primary',\n cancelType = 'default',\n confirmLoading = false,\n okButtonProps = {},\n cancelButtonProps = {},\n clickOnBlankToClose = false,\n ...rest\n}) => {\n const drawerDom = React.useRef<EventTarget | null>(null)\n const _onCancel = onCancel || onClose\n const _onOk = onOk || onSubmit\n\n useEffect(() => {\n if (clickOnBlankToClose) {\n const handleOutsideClick = (event: Event) => {\n const drawer = drawerDom.current as Node\n const targetElement = event.target as Node\n\n let isInDrawer = false\n if (drawer && targetElement) {\n isInDrawer = drawer.contains(targetElement as Node) || targetElement === drawer\n }\n drawerDom.current = null\n if (rest.visible && !isInDrawer && _onCancel) {\n _onCancel()\n }\n }\n document.removeEventListener('click', handleOutsideClick)\n document.addEventListener('click', handleOutsideClick)\n return () => {\n document.removeEventListener('click', handleOutsideClick)\n }\n }\n }, [rest.visible, clickOnBlankToClose, _onCancel])\n\n return (\n <ConfigConsumer>\n {({ getPrefixCls }) => {\n const prefixCls = getPrefixCls('drawer')\n return (\n <LocaleReceiver componentName=\"Drawer\" defaultLocale={locale}>\n {(locale) => {\n return (\n <div\n onClick={(event: React.MouseEvent<HTMLDivElement>) => {\n drawerDom.current = event.target\n }}\n >\n <AntdDrawer\n className={classNames(prefixCls, 'tnt-drawer', className, {\n [`${prefixCls}-contain-closable`]: closable !== false,\n [`${prefixCls}-footer`]: showFooter || footer,\n })}\n closable={false}\n onClose={_onCancel}\n width={480}\n {...rest}\n >\n <>\n {closable !== false && (\n <Icon type=\"close\" className={`${prefixCls}-close`} onClick={_onCancel} />\n )}\n {rest.children}\n {(showFooter || footer) && (\n <div className={`${prefixCls}-footer-style`}>\n {footer || (\n <DefaultFooter\n confirmLoading={confirmLoading}\n okButtonProps={okButtonProps}\n cancelButtonProps={cancelButtonProps}\n okType={okType}\n locale={locale}\n okText={okText}\n cancelType={cancelType}\n cancelText={cancelText}\n onOk={_onOk}\n onCancel={_onCancel}\n />\n )}\n </div>\n )}\n </>\n </AntdDrawer>\n </div>\n )\n }}\n </LocaleReceiver>\n )\n }}\n </ConfigConsumer>\n )\n}\n"]}
|