tntd 2.8.0-beta.10 → 2.8.0-beta.12
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/descriptions/descriptions.js +1 -1
- package/es/descriptions/descriptions.js.map +1 -1
- package/es/descriptions/descriptions.less +1 -1
- package/es/form/form.js +5 -3
- package/es/form/form.js.map +1 -1
- package/es/form/style/index.less +3 -3
- package/es/modal/style/confirm.less +6 -10
- package/es/modal/style/modal.less +3 -1
- package/es/tag/color.less +11 -1
- package/es/tag/tag.less +40 -5
- package/es/tooltip/index.js +3 -2
- package/es/tooltip/index.js.map +1 -1
- package/es/tooltip/index.less +29 -0
- package/es/tooltip/tooltip.js +33 -0
- package/es/tooltip/tooltip.js.map +1 -0
- package/lib/descriptions/descriptions.js +2 -1
- package/lib/descriptions/descriptions.js.map +1 -1
- package/lib/descriptions/descriptions.less +1 -1
- package/lib/form/form.js +5 -3
- package/lib/form/form.js.map +1 -1
- package/lib/form/style/index.less +3 -3
- package/lib/modal/style/confirm.less +6 -10
- package/lib/modal/style/modal.less +3 -1
- package/lib/tag/color.less +11 -1
- package/lib/tag/tag.less +40 -5
- package/lib/tooltip/index.d.ts +3 -2
- package/lib/tooltip/index.d.ts.map +1 -1
- package/lib/tooltip/index.js +3 -2
- package/lib/tooltip/index.js.map +1 -1
- package/lib/tooltip/index.less +29 -0
- package/lib/tooltip/tooltip.d.ts +9 -0
- package/lib/tooltip/tooltip.d.ts.map +1 -0
- package/lib/tooltip/tooltip.js +53 -0
- package/lib/tooltip/tooltip.js.map +1 -0
- package/package.json +1 -1
- package/themes/default/variables.less +1 -1
- package/themes/default/variablesVar.less +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"descriptions.js","sourceRoot":"","sources":["../../src/descriptions/descriptions.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA;;;;;;;GAOG;AACH,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAA2B,wCAAwC,CAAA;AAGnE,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AAElE,OAAO,QAAQ,MAAM,aAAa,CAAA;AAElC,cAAc,sBAAsB,CAAA;AAoBpC,MAAM,CAAC,MAAM,YAAY,GAAG,UAAU,CAGpC,CAAC,
|
|
1
|
+
{"version":3,"file":"descriptions.js","sourceRoot":"","sources":["../../src/descriptions/descriptions.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA;;;;;;;GAOG;AACH,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAA2B,wCAAwC,CAAA;AAGnE,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AAElE,OAAO,QAAQ,MAAM,aAAa,CAAA;AAElC,cAAc,sBAAsB,CAAA;AAoBpC,MAAM,CAAC,MAAM,YAAY,GAAG,UAAU,CAGpC,CAAC,EAA6D,EAAE,GAAG,EAAE,EAAE;QAAtE,EAAE,SAAS,EAAE,MAAM,GAAG,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,OAAW,EAAN,IAAI,cAA3D,qDAA6D,CAAF;IAC5D,OAAO,CACL,oBAAC,cAAc,QACZ,GAAG,EAAE;QACJ,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,IAAI,IAAI,EAAE,CAAA;QACjD,aAAa;QACb,MAAM,cAAc,GAAG,MAAM,KAAK,UAAU,IAAI,MAAM,CAAA;QACtD,OAAO,CACL,oBAAC,gBAAgB,kBACf,SAAS,EAAE,UAAU,CACnB,SAAS,KAAK,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,EACjD;gBACE,6BAA6B,EAAE,CAAC,QAAQ;aACzC,EACD;gBACE,mBAAmB,EAAE,cAAc;aACpC,EACD;gBACE,4BAA4B,EAAE,QAAQ;aACvC,EACD,SAAS,CACV,IACG,IAAI,IACR,KAAK,EAAE,cAAc,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,KAGjD,cAAc,IAAI,CAAC,QAAQ;YAC1B,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gBACrC,IAAI,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;oBAC/B,MAAM,UAAU,GAAG,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,CAAQ,CAAA;oBAC7C,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,UAAU,CAAA;oBACtC,OAAO,CACL;wBACE,oBAAC,QAAQ,IACP,SAAS,EAAC,uBAAuB,EACjC,MAAM,EAAE,6BAAK,SAAS,EAAC,8BAA8B,IAAE,KAAK,CAAO,EACnE,KAAK,EAAE,KAAK,GACZ,CACE,CACP,CAAA;iBACF;YACH,CAAC,CAAC;YACJ,CAAC,CAAC,QAAQ,CACK,CACpB,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CAA0B,CAAA;AAE3B,YAAY,CAAC,IAAI,GAAG,gBAAgB,CAAC,IAAI,CAAA","sourcesContent":["/*\n * @Author: 周泽飞 zefei.zhou@tongdun.net\n * @Date: 2023-05-05 15:48:09\n * @LastEditors: 周泽飞 zefei.zhou@tongdun.net\n * @LastEditTime: 2024-01-18 15:27:45\n * @FilePath: /tntd/packages/tntd/src/descriptions/descriptions.tsx\n * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE\n */\nimport React, { forwardRef } from 'react'\nimport LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver'\nimport type { DescriptionsProps as AntdDescriptionsProps } from 'antd/es/descriptions'\nimport type { DescriptionsItemProps as AntdDescriptionsItemProps } from 'antd/es/descriptions'\nimport classNames from 'classnames'\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport { default as AntdDescriptions } from 'antd/es/descriptions'\n\nimport Ellipsis from '../ellipsis'\n\nexport * from 'antd/es/descriptions'\n\nexport interface DescriptionsProps extends AntdDescriptionsProps {\n tdType: boolean\n ellipsis: boolean\n theme: string\n}\n\nexport interface DescriptionsItemProps extends AntdDescriptionsItemProps {\n tdType: boolean\n theme: string\n}\n\ninterface DescriptionsComponent\n extends React.ForwardRefExoticComponent<\n DescriptionsProps & React.RefAttributes<AntdDescriptions>\n > {\n Item: typeof AntdDescriptions.Item\n}\n\nexport const Descriptions = forwardRef<\n AntdDescriptions,\n DescriptionsProps & { capitalize?: boolean }\n>(({ className, tdType = true, theme, colon, children, ...rest }, ref) => {\n return (\n <ConfigConsumer>\n {() => {\n const { layout, ellipsis, bordered } = rest || {}\n // 非垂直 且 同盾\n const tdDescriptions = layout !== 'vertical' && tdType\n return (\n <AntdDescriptions\n className={classNames(\n `theme-${theme || (bordered ? 'line' : 'block')}`,\n {\n 'tntd-descriptions-no-border': !bordered,\n },\n {\n 'tntd-descriptions': tdDescriptions,\n },\n {\n 'tntd-descriptions-ellipsis': ellipsis,\n },\n className\n )}\n {...rest}\n colon={tdDescriptions && !bordered ? false : colon}\n >\n {/* 非边框的同盾内置样式 */}\n {tdDescriptions && !bordered\n ? React.Children.map(children, (child) => {\n if (React.isValidElement(child)) {\n const childProps = (child.props || {}) as any\n const { label, children } = childProps\n return (\n <div>\n <Ellipsis\n className=\"tntd-description-item\"\n prefix={<div className=\"tntd-description-label-title\">{label}</div>}\n title={child}\n />\n </div>\n )\n }\n })\n : children}\n </AntdDescriptions>\n )\n }}\n </ConfigConsumer>\n )\n}) as DescriptionsComponent\n\nDescriptions.Item = AntdDescriptions.Item\n"]}
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
border-radius: 8px 20px 20px 0px;
|
|
51
51
|
background: linear-gradient(0deg, rgba(18, 107, 251, 0.16) 0%, rgba(18, 107, 251, 0.08) 76.56%);
|
|
52
52
|
margin-right: 4px;
|
|
53
|
-
margin-bottom:
|
|
53
|
+
margin-bottom:8px;
|
|
54
54
|
white-space: nowrap;
|
|
55
55
|
overflow: hidden;
|
|
56
56
|
text-overflow: ellipsis;
|
package/es/form/form.js
CHANGED
|
@@ -37,7 +37,7 @@ Form.Item = forwardRef((_a, ref) => {
|
|
|
37
37
|
});
|
|
38
38
|
const Create = options => WrappedComponent => {
|
|
39
39
|
const validateSubmitMap = {};
|
|
40
|
-
const CustomFormWrapper = props => {
|
|
40
|
+
const CustomFormWrapper = (props, ref) => {
|
|
41
41
|
const getFieldDecorator = props.form.getFieldDecorator;
|
|
42
42
|
props.form.getFieldDecorator = (name, options) => {
|
|
43
43
|
let opt = options || {};
|
|
@@ -49,7 +49,9 @@ const Create = options => WrappedComponent => {
|
|
|
49
49
|
}
|
|
50
50
|
return getFieldDecorator(name, opt);
|
|
51
51
|
};
|
|
52
|
-
return React.createElement(WrappedComponent, Object.assign({}, props
|
|
52
|
+
return React.createElement(WrappedComponent, Object.assign({}, props, {
|
|
53
|
+
ref: ref
|
|
54
|
+
}));
|
|
53
55
|
};
|
|
54
56
|
return AntdForm.create(Object.assign(Object.assign({}, options), {
|
|
55
57
|
onValuesChange: (props, changedValues, allValues) => {
|
|
@@ -69,7 +71,7 @@ const Create = options => WrappedComponent => {
|
|
|
69
71
|
options.onValuesChange(props, changedValues, allValues);
|
|
70
72
|
}
|
|
71
73
|
}
|
|
72
|
-
}))(CustomFormWrapper);
|
|
74
|
+
}))(forwardRef(CustomFormWrapper));
|
|
73
75
|
};
|
|
74
76
|
Form.createFormField = AntdForm.createFormField;
|
|
75
77
|
Form.create = Create;
|
package/es/form/form.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form.js","sourceRoot":"","sources":["../../src/form/form.tsx"],"names":[],"mappings":";;;;;;;;;;;AAMA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAExD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,cAAc,CAAA;AAGlD,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,cAAc,cAAc,CAAA;AAW5B,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAA0B,CAAC,EAAW,EAAE,GAAG,EAAE,EAAE;QAAf,IAAI,cAAT,EAAW,CAAF;IAChE,OAAO,CACL,oBAAC,cAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,OAAO,oBAAC,QAAQ,oBAAK,IAAI,IAAE,GAAG,EAAE,GAAG,IAAI,CAAA;IACzC,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CAAkB,CAAA;AAEnB,IAAI,CAAC,IAAI,GAAG,UAAU,CAAkC,CAAC,EAAkB,EAAE,GAAG,EAAE,EAAE;QAA3B,EAAE,KAAK,OAAW,EAAN,IAAI,cAAhB,SAAkB,CAAF;IACvE,OAAO,CACL,oBAAC,cAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,OAAO,oBAAC,QAAQ,CAAC,IAAI,oBAAK,IAAI,IAAE,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,EAAE,GAAG,EAAE,GAAG,IAAI,CAAA;IAC1E,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CAAC,CAAA;AAOF,MAAM,MAAM,GAAmB,CAAC,OAAY,EAAE,EAAE,CAAC,CAAC,gBAAqB,EAAE,EAAE;IACzE,MAAM,iBAAiB,GAAQ,EAAE,CAAA;IACjC,MAAM,iBAAiB,GAAG,CAAC,KAAU,EAAE,EAAE;
|
|
1
|
+
{"version":3,"file":"form.js","sourceRoot":"","sources":["../../src/form/form.tsx"],"names":[],"mappings":";;;;;;;;;;;AAMA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAExD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,cAAc,CAAA;AAGlD,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,cAAc,cAAc,CAAA;AAW5B,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAA0B,CAAC,EAAW,EAAE,GAAG,EAAE,EAAE;QAAf,IAAI,cAAT,EAAW,CAAF;IAChE,OAAO,CACL,oBAAC,cAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,OAAO,oBAAC,QAAQ,oBAAK,IAAI,IAAE,GAAG,EAAE,GAAG,IAAI,CAAA;IACzC,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CAAkB,CAAA;AAEnB,IAAI,CAAC,IAAI,GAAG,UAAU,CAAkC,CAAC,EAAkB,EAAE,GAAG,EAAE,EAAE;QAA3B,EAAE,KAAK,OAAW,EAAN,IAAI,cAAhB,SAAkB,CAAF;IACvE,OAAO,CACL,oBAAC,cAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,OAAO,oBAAC,QAAQ,CAAC,IAAI,oBAAK,IAAI,IAAE,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,EAAE,GAAG,EAAE,GAAG,IAAI,CAAA;IAC1E,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CAAC,CAAA;AAOF,MAAM,MAAM,GAAmB,CAAC,OAAY,EAAE,EAAE,CAAC,CAAC,gBAAqB,EAAE,EAAE;IACzE,MAAM,iBAAiB,GAAQ,EAAE,CAAA;IACjC,MAAM,iBAAiB,GAAG,CAAC,KAAU,EAAE,GAAQ,EAAE,EAAE;QACjD,MAAM,iBAAiB,GAAG,KAAK,CAAC,IAAI,CAAC,iBAAiB,CAAA;QACtD,KAAK,CAAC,IAAI,CAAC,iBAAiB,GAAG,CAAC,IAAS,EAAE,OAAY,EAAE,EAAE;YACzD,IAAI,GAAG,GAAG,OAAO,IAAI,EAAE,CAAA;YACvB,IAAI,GAAG,CAAC,cAAc,EAAE;gBACtB,GAAG,mCACE,OAAO,KACV,eAAe,EAAE,SAAS,GAC3B,CAAA;gBACD,iBAAiB,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;aAC/B;YACD,OAAO,iBAAiB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAA;QACrC,CAAC,CAAA;QACD,OAAO,oBAAC,gBAAgB,oBAAK,KAAK,IAAE,GAAG,EAAE,GAAG,IAAI,CAAA;IAClD,CAAC,CAAA;IAED,OAAO,QAAQ,CAAC,MAAM,iCACjB,OAAO,KACV,cAAc,EAAE,CAAC,KAAU,EAAE,aAAkB,EAAE,SAAc,EAAE,EAAE;YACjE,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,CAAA;YACvC,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE;gBACrB,IAAI,CAAC,OAAO,CAAC,CAAC,IAAS,EAAE,EAAE;oBACzB,IAAI,iBAAiB,CAAC,IAAI,CAAC,EAAE;wBAC3B,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC;4BACnB,CAAC,IAAI,CAAC,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE;yBAC9B,CAAC,CAAA;qBACH;gBACH,CAAC,CAAC,CAAA;aACH;YACD,IAAI,OAAO,IAAI,OAAO,CAAC,cAAc,EAAE;gBACrC,OAAO,CAAC,cAAc,CAAC,KAAK,EAAE,aAAa,EAAE,SAAS,CAAC,CAAA;aACxD;QACH,CAAC,IACD,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAA;AACnC,CAAC,CAAA;AAED,IAAI,CAAC,eAAe,GAAG,QAAQ,CAAC,eAAe,CAAA;AAC/C,IAAI,CAAC,MAAM,GAAG,MAAM,CAAA","sourcesContent":["import type {\n FormItemProps as AntdFormItemProps,\n FormProps as AntdFormProps,\n FormComponentProps,\n FormCreateOption,\n} from 'antd/es/form'\nimport React, { forwardRef } from 'react'\n\nimport { ConfigConsumer } from 'antd/es/config-provider'\n\nimport { default as AntdForm } from 'antd/es/form'\nimport type AntdFormItem from 'antd/es/form/FormItem'\n\nimport { doUpperTitle } from '../utils'\n\nexport * from 'antd/es/form'\n\ninterface FormItemComponent\n extends React.ForwardRefExoticComponent<AntdFormItemProps & React.RefAttributes<AntdFormItem>> {}\ninterface FormComponent\n extends React.ForwardRefExoticComponent<AntdFormProps & React.RefAttributes<AntdForm>> {\n Item: FormItemComponent\n create: typeof AntdForm.create\n createFormField: typeof AntdForm.createFormField\n}\n\nexport const Form = forwardRef<AntdForm, AntdFormProps>(({ ...rest }, ref) => {\n return (\n <ConfigConsumer>\n {({ getPrefixCls }) => {\n return <AntdForm {...rest} ref={ref} />\n }}\n </ConfigConsumer>\n )\n}) as FormComponent\n\nForm.Item = forwardRef<AntdFormItem, AntdFormItemProps>(({ label, ...rest }, ref) => {\n return (\n <ConfigConsumer>\n {({ getPrefixCls }) => {\n return <AntdForm.Item {...rest} label={doUpperTitle(label)} ref={ref} />\n }}\n </ConfigConsumer>\n )\n})\n\n// 定义 create 函数的类型\ntype CreateFunction = <TOwnProps extends FormComponentProps<any>>(\n options?: FormCreateOption<TOwnProps>\n) => any\n\nconst Create: CreateFunction = (options: any) => (WrappedComponent: any) => {\n const validateSubmitMap: any = {}\n const CustomFormWrapper = (props: any, ref: any) => {\n const getFieldDecorator = props.form.getFieldDecorator\n props.form.getFieldDecorator = (name: any, options: any) => {\n let opt = options || {}\n if (opt.validateSubmit) {\n opt = {\n ...options,\n validateTrigger: 'noEvent',\n }\n validateSubmitMap[name] = true\n }\n return getFieldDecorator(name, opt)\n }\n return <WrappedComponent {...props} ref={ref} />\n }\n\n return AntdForm.create({\n ...options,\n onValuesChange: (props: any, changedValues: any, allValues: any) => {\n const keys = Object.keys(changedValues)\n if (keys.length === 1) {\n keys.forEach((name: any) => {\n if (validateSubmitMap[name]) {\n props.form.setFields({\n [name]: { errors: undefined },\n })\n }\n })\n }\n if (options && options.onValuesChange) {\n options.onValuesChange(props, changedValues, allValues)\n }\n },\n })(forwardRef(CustomFormWrapper))\n}\n\nForm.createFormField = AntdForm.createFormField\nForm.create = Create\n"]}
|
package/es/form/style/index.less
CHANGED
|
@@ -310,9 +310,9 @@ form {
|
|
|
310
310
|
}
|
|
311
311
|
|
|
312
312
|
.@{form-prefix-cls}-vertical {
|
|
313
|
-
.@{form-prefix-cls}-item {
|
|
314
|
-
|
|
315
|
-
}
|
|
313
|
+
// .@{form-prefix-cls}-item {
|
|
314
|
+
// padding-bottom: 8px;
|
|
315
|
+
// }
|
|
316
316
|
.@{form-prefix-cls}-item-control {
|
|
317
317
|
line-height: @line-height-base;
|
|
318
318
|
}
|
|
@@ -13,11 +13,6 @@
|
|
|
13
13
|
|
|
14
14
|
.@{ant-prefix}-modal-body {
|
|
15
15
|
padding: @padding-base;
|
|
16
|
-
|
|
17
|
-
.anticon {
|
|
18
|
-
font-size: @heading-2-size;
|
|
19
|
-
margin-right: @margin-xs;
|
|
20
|
-
}
|
|
21
16
|
}
|
|
22
17
|
|
|
23
18
|
&-body-wrapper {
|
|
@@ -32,12 +27,17 @@
|
|
|
32
27
|
overflow: hidden;
|
|
33
28
|
color: @heading-color;
|
|
34
29
|
font-weight: 500;
|
|
35
|
-
font-size: @
|
|
30
|
+
font-size: @font-size-lg;
|
|
36
31
|
line-height: @heading-3-line-height;
|
|
37
32
|
font-family: PingFang SC;
|
|
38
33
|
margin: @margin-xxs 0;
|
|
39
34
|
}
|
|
40
35
|
|
|
36
|
+
.anticon {
|
|
37
|
+
font-size: @heading-2-size;
|
|
38
|
+
margin-right: @margin-xs;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
41
|
.@{confirm-prefix-cls}-content {
|
|
42
42
|
margin-top: @margin-xxs;
|
|
43
43
|
color: @text-color-secondary;
|
|
@@ -71,10 +71,6 @@
|
|
|
71
71
|
margin-bottom: 0;
|
|
72
72
|
margin-left: 8px;
|
|
73
73
|
}
|
|
74
|
-
|
|
75
|
-
button {
|
|
76
|
-
border-radius: @border-radius-lg;
|
|
77
|
-
}
|
|
78
74
|
}
|
|
79
75
|
|
|
80
76
|
&-error &-body > .@{iconfont-css-prefix} {
|
|
@@ -89,6 +89,7 @@
|
|
|
89
89
|
background: @modal-header-bg;
|
|
90
90
|
border: 0;
|
|
91
91
|
border-radius: @border-radius-base @border-radius-base 0 0;
|
|
92
|
+
border-bottom: 1px solid #e8e8e8;
|
|
92
93
|
}
|
|
93
94
|
|
|
94
95
|
&-body {
|
|
@@ -99,11 +100,12 @@
|
|
|
99
100
|
}
|
|
100
101
|
|
|
101
102
|
&-footer {
|
|
102
|
-
padding: @padding-xs @padding-lg @padding-
|
|
103
|
+
padding: @padding-xs @padding-lg @padding-xs;
|
|
103
104
|
text-align: right;
|
|
104
105
|
background: @modal-footer-bg;
|
|
105
106
|
border: 0;
|
|
106
107
|
border-radius: 0 0 @border-radius-base @border-radius-base;
|
|
108
|
+
border-top: 1px solid #e8e8e8;
|
|
107
109
|
button + button {
|
|
108
110
|
margin-bottom: 0;
|
|
109
111
|
margin-left: @margin-xs;
|
package/es/tag/color.less
CHANGED
|
@@ -1,43 +1,53 @@
|
|
|
1
|
-
@preset-colors-custom: grey,
|
|
1
|
+
@preset-colors-custom: grey, green, red, gold, lightblue, bluegrey, purplegrey, purple, lightpurple, lightgreen, pink, rose, orange, magenta, volcano, yellow, cyan, lime, geekblue, tnt-pink, tnt-orange, tnt-purple;
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
@grey-7: @text-color-secondary;
|
|
5
|
+
@grey-5: #8b919e;
|
|
5
6
|
@grey-4: @border-color-base;
|
|
6
7
|
@grey-1: @tag-default-bg;
|
|
7
8
|
|
|
8
9
|
@rose-7:#D8395E;
|
|
10
|
+
@rose-5: #EE3E67;
|
|
9
11
|
@rose-4: #FEA3B4;
|
|
10
12
|
@rose-1: #FFF1F3;
|
|
11
13
|
|
|
12
14
|
@lightblue-7: #1AA9E6;
|
|
15
|
+
@lightblue-5: #36BFFA;
|
|
13
16
|
@lightblue-4: #8FE0FF;
|
|
14
17
|
@lightblue-1: #F0F9FF;
|
|
15
18
|
|
|
16
19
|
@bluegrey-7: #486FBB;
|
|
20
|
+
@bluegrey-5: #628FE4;
|
|
17
21
|
@bluegrey-4: #A1BCEF;
|
|
18
22
|
@bluegrey-1: #F4F8FF;
|
|
19
23
|
|
|
20
24
|
@purplegrey-7: #4E5BA6;
|
|
25
|
+
@purplegrey-5: #717BBC;
|
|
21
26
|
@purplegrey-4: #AFB5D9;
|
|
22
27
|
@purplegrey-1: #F8F9FC;
|
|
23
28
|
|
|
24
29
|
@tnt-purple-7: #6E54D4;
|
|
30
|
+
@tnt-purple-5: #7A5AF8;
|
|
25
31
|
@tnt-purple-4: #BDB4FE;
|
|
26
32
|
@tnt-purple-1: #F4F3FF;
|
|
27
33
|
|
|
28
34
|
@lightpurple-7: #5161D7;
|
|
35
|
+
@lightpurple-5: #6172F3;
|
|
29
36
|
@lightpurple-4: #A4BCFD;
|
|
30
37
|
@lightpurple-1: #EEF4FF;
|
|
31
38
|
|
|
32
39
|
@lightgreen-7: #2E9C98;
|
|
40
|
+
@lightgreen-5: #3AB4AF;
|
|
33
41
|
@lightgreen-4: #8CE0DD;
|
|
34
42
|
@lightgreen-1: #F1FBFB;
|
|
35
43
|
|
|
36
44
|
@tnt-pink-7: #D03E93;
|
|
45
|
+
@tnt-pink-5: #E844B7;
|
|
37
46
|
@tnt-pink-4: #FAA7E0;
|
|
38
47
|
@tnt-pink-1: #FDF2FA;
|
|
39
48
|
|
|
40
49
|
@tnt-orange-7:#DF5F28;
|
|
50
|
+
@tnt-orange-5:#F47345;
|
|
41
51
|
@tnt-orange-4: #FEB173;
|
|
42
52
|
@tnt-orange-1: #FFF6ED;
|
|
43
53
|
|
package/es/tag/tag.less
CHANGED
|
@@ -112,6 +112,29 @@
|
|
|
112
112
|
}
|
|
113
113
|
}
|
|
114
114
|
|
|
115
|
+
&.@{tag-prefix-cls}-blue {
|
|
116
|
+
color: @blue-6;
|
|
117
|
+
background: @blue-1;
|
|
118
|
+
border-color: @blue-3;
|
|
119
|
+
>.@{iconfont-css-prefix}-close {
|
|
120
|
+
color: @blue-5;
|
|
121
|
+
}
|
|
122
|
+
&.@{tag-prefix-cls}-no-border{
|
|
123
|
+
border-color:transparent;
|
|
124
|
+
}
|
|
125
|
+
}
|
|
126
|
+
&.@{tag-prefix-cls}-blue-inverse {
|
|
127
|
+
color: @text-color-inverse;
|
|
128
|
+
background: @blue-6;
|
|
129
|
+
border-color: @blue-6;
|
|
130
|
+
>.@{iconfont-css-prefix}-close {
|
|
131
|
+
color: @text-color-inverse;
|
|
132
|
+
}
|
|
133
|
+
&.@{tag-prefix-cls}-no-border{
|
|
134
|
+
border-color:transparent;
|
|
135
|
+
}
|
|
136
|
+
}
|
|
137
|
+
|
|
115
138
|
// mixin to iterate over colors and create CSS class for each one
|
|
116
139
|
.make-color-classes(@i: length(@preset-colors-custom)) when (@i > 0) {
|
|
117
140
|
.make-color-classes(@i - 1);
|
|
@@ -119,13 +142,13 @@
|
|
|
119
142
|
@lightColor: '@{color}-1';
|
|
120
143
|
@lightBorderColor: '@{color}-4';
|
|
121
144
|
@darkColor: '@{color}-7';
|
|
145
|
+
@closeColor:'@{color}-5';
|
|
122
146
|
&.@{tag-prefix-cls}-@{color} {
|
|
123
147
|
color: @@darkColor;
|
|
124
148
|
background: @@lightColor;
|
|
125
149
|
border-color: @@lightBorderColor;
|
|
126
150
|
>.@{iconfont-css-prefix}-close {
|
|
127
|
-
color: @@
|
|
128
|
-
opacity: .8;
|
|
151
|
+
color: @@closeColor;
|
|
129
152
|
}
|
|
130
153
|
&.@{tag-prefix-cls}-no-border{
|
|
131
154
|
border-color:transparent;
|
|
@@ -135,7 +158,9 @@
|
|
|
135
158
|
color: @text-color-inverse;
|
|
136
159
|
background: @@darkColor;
|
|
137
160
|
border-color: @@darkColor;
|
|
138
|
-
|
|
161
|
+
>.@{iconfont-css-prefix}-close {
|
|
162
|
+
color: @text-color-inverse;
|
|
163
|
+
}
|
|
139
164
|
&.@{tag-prefix-cls}-no-border{
|
|
140
165
|
border-color:transparent;
|
|
141
166
|
}
|
|
@@ -154,11 +179,21 @@
|
|
|
154
179
|
cursor: pointer;
|
|
155
180
|
&-border{
|
|
156
181
|
border-color: @border-color-base;
|
|
182
|
+
// 非disabled
|
|
183
|
+
&:not(.@{tag-prefix-cls}-checkable-disabled):hover {
|
|
184
|
+
border-color: @primary-3;
|
|
185
|
+
}
|
|
186
|
+
}
|
|
187
|
+
|
|
188
|
+
&:not(.@{tag-prefix-cls}-checkable-disabled):hover {
|
|
189
|
+
color: @primary-6;
|
|
190
|
+
background-color: @primary-1;
|
|
191
|
+
transition: all 0.3s @ease-in-out-circ;
|
|
157
192
|
}
|
|
158
193
|
|
|
159
194
|
&:active,
|
|
160
195
|
&-checked {
|
|
161
|
-
color: @primary-
|
|
196
|
+
color: @primary-6;
|
|
162
197
|
background-color: @primary-1;
|
|
163
198
|
&.@{tag-prefix-cls}-checkable-border{
|
|
164
199
|
border-color: @primary-3;
|
|
@@ -167,7 +202,7 @@
|
|
|
167
202
|
|
|
168
203
|
&-checked {
|
|
169
204
|
&.@{tag-prefix-cls}-checkable-disabled:hover {
|
|
170
|
-
color: @primary-
|
|
205
|
+
color: @primary-6;
|
|
171
206
|
}
|
|
172
207
|
}
|
|
173
208
|
|
package/es/tooltip/index.js
CHANGED
package/es/tooltip/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,CAAA;AAChB,OAAO,OAAO,MAAM,WAAW,CAAA;AAC/B,OAAO,cAAc,CAAA;AACrB,cAAc,WAAW,CAAA;AAEzB,eAAe,OAAO,CAAA","sourcesContent":["import './style'\nimport Tooltip from './tooltip'\nimport './index.less'\nexport * from './tooltip'\n\nexport default Tooltip\n"]}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
@tooltip-prefix-cls: ~'@{ant-prefix}-tooltip';
|
|
2
|
+
|
|
3
|
+
// Base class
|
|
4
|
+
.tnt-tooltip.@{tooltip-prefix-cls} {
|
|
5
|
+
|
|
6
|
+
&-light {
|
|
7
|
+
.@{tooltip-prefix-cls}-inner {
|
|
8
|
+
background-color: white;
|
|
9
|
+
color: #343f54
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.@{tooltip-prefix-cls}-arrow {
|
|
13
|
+
&::before {
|
|
14
|
+
background-color: white;
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
// Arrows
|
|
20
|
+
&-arrow {
|
|
21
|
+
border-radius: 1px;
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.@{tooltip-prefix-cls}-arrow-hidden {
|
|
26
|
+
.@{tooltip-prefix-cls}-arrow {
|
|
27
|
+
display: none;
|
|
28
|
+
}
|
|
29
|
+
}
|
|
@@ -0,0 +1,33 @@
|
|
|
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 React from 'react';
|
|
10
|
+
import { ConfigConsumer } from 'antd/es/config-provider';
|
|
11
|
+
import AntdTooltip from 'antd/es/tooltip';
|
|
12
|
+
import classNames from 'classnames';
|
|
13
|
+
export * from 'antd/es/tooltip';
|
|
14
|
+
const themeMap = (prefixCls, themeColor) => {
|
|
15
|
+
return `${prefixCls}-${themeColor}`;
|
|
16
|
+
};
|
|
17
|
+
const Tooltip = props => {
|
|
18
|
+
const {
|
|
19
|
+
overlayClassName,
|
|
20
|
+
theme = '',
|
|
21
|
+
hiddenArrow = false
|
|
22
|
+
} = props,
|
|
23
|
+
restProps = __rest(props, ["overlayClassName", "theme", "hiddenArrow"]);
|
|
24
|
+
return React.createElement(ConfigConsumer, null, ({
|
|
25
|
+
getPrefixCls
|
|
26
|
+
}) => {
|
|
27
|
+
const prefixCls = getPrefixCls('tooltip');
|
|
28
|
+
return React.createElement(AntdTooltip, Object.assign({
|
|
29
|
+
overlayClassName: classNames(prefixCls, 'tnt-tooltip', themeMap(prefixCls, theme), hiddenArrow ? prefixCls + '-arrow-hidden' : '', overlayClassName)
|
|
30
|
+
}, restProps));
|
|
31
|
+
});
|
|
32
|
+
};
|
|
33
|
+
export default Tooltip;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../src/tooltip/tooltip.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,WAAW,MAAM,iBAAiB,CAAA;AACzC,OAAO,UAAU,MAAM,YAAY,CAAA;AAEnC,cAAc,iBAAiB,CAAA;AAC/B,MAAM,QAAQ,GAAG,CAAC,SAAiB,EAAE,UAAkB,EAAE,EAAE;IACzD,OAAO,GAAG,SAAS,IAAI,UAAU,EAAE,CAAA;AACrC,CAAC,CAAA;AAED,MAAM,OAAO,GAAuE,CAAC,KAAK,EAAE,EAAE;IAC5F,MAAM,EAAE,gBAAgB,EAAE,KAAK,GAAG,EAAE,EAAE,WAAW,GAAG,KAAK,KAAmB,KAAK,EAAnB,SAAS,UAAK,KAAK,EAA3E,4CAAmE,CAAQ,CAAA;IAEjF,OAAO,CACL,oBAAC,cAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,MAAM,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,CAAA;QAEzC,OAAO,CACL,oBAAC,WAAW,kBACV,gBAAgB,EAAE,UAAU,CAC1B,SAAS,EACT,aAAa,EACb,QAAQ,CAAC,SAAS,EAAE,KAAK,CAAC,EAC1B,WAAW,CAAC,CAAC,CAAC,SAAS,GAAG,eAAe,CAAC,CAAC,CAAC,EAAE,EAC9C,gBAAgB,CACjB,IACG,SAAS,EACb,CACH,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,OAAO,CAAA","sourcesContent":["import React from 'react'\nimport type { TooltipProps } from 'antd/es/tooltip'\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport AntdTooltip from 'antd/es/tooltip'\nimport classNames from 'classnames'\n\nexport * from 'antd/es/tooltip'\nconst themeMap = (prefixCls: string, themeColor: string) => {\n return `${prefixCls}-${themeColor}`\n}\n\nconst Tooltip: React.FC<TooltipProps & { theme?: string; hiddenArrow?: boolean }> = (props) => {\n const { overlayClassName, theme = '', hiddenArrow = false, ...restProps } = props\n\n return (\n <ConfigConsumer>\n {({ getPrefixCls }) => {\n const prefixCls = getPrefixCls('tooltip')\n\n return (\n <AntdTooltip\n overlayClassName={classNames(\n prefixCls,\n 'tnt-tooltip',\n themeMap(prefixCls, theme),\n hiddenArrow ? prefixCls + '-arrow-hidden' : '',\n overlayClassName\n )}\n {...restProps}\n />\n )\n }}\n </ConfigConsumer>\n )\n}\n\nexport default Tooltip\n"]}
|
|
@@ -47,7 +47,8 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
|
|
|
47
47
|
|
|
48
48
|
var Descriptions = exports.Descriptions = (0, _react.forwardRef)(function (_a, ref) {
|
|
49
49
|
var className = _a.className,
|
|
50
|
-
tdType = _a.tdType,
|
|
50
|
+
_a$tdType = _a.tdType,
|
|
51
|
+
tdType = _a$tdType === void 0 ? true : _a$tdType,
|
|
51
52
|
theme = _a.theme,
|
|
52
53
|
colon = _a.colon,
|
|
53
54
|
children = _a.children,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"descriptions.js","sourceRoot":"","sources":["../../src/descriptions/descriptions.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;GAOG;AACH,+CAAyC;AACzC,kDAAmE;AAGnE,4DAAmC;AACnC,6DAAwD;AACxD,wEAAkE;AAElE,2DAAkC;AAElC,uDAAoC;AAoBvB,QAAA,YAAY,GAAG,IAAA,kBAAU,EAGpC,CAAC,
|
|
1
|
+
{"version":3,"file":"descriptions.js","sourceRoot":"","sources":["../../src/descriptions/descriptions.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;GAOG;AACH,+CAAyC;AACzC,kDAAmE;AAGnE,4DAAmC;AACnC,6DAAwD;AACxD,wEAAkE;AAElE,2DAAkC;AAElC,uDAAoC;AAoBvB,QAAA,YAAY,GAAG,IAAA,kBAAU,EAGpC,CAAC,EAA6D,EAAE,GAAG,EAAE,EAAE;QAAtE,EAAE,SAAS,EAAE,MAAM,GAAG,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,OAAW,EAAN,IAAI,cAA3D,qDAA6D,CAAF;IAC5D,OAAO,CACL,8BAAC,gCAAc,QACZ,GAAG,EAAE;QACJ,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,IAAI,IAAI,EAAE,CAAA;QACjD,aAAa;QACb,MAAM,cAAc,GAAG,MAAM,KAAK,UAAU,IAAI,MAAM,CAAA;QACtD,OAAO,CACL,8BAAC,sBAAgB,kBACf,SAAS,EAAE,IAAA,oBAAU,EACnB,SAAS,KAAK,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,EACjD;gBACE,6BAA6B,EAAE,CAAC,QAAQ;aACzC,EACD;gBACE,mBAAmB,EAAE,cAAc;aACpC,EACD;gBACE,4BAA4B,EAAE,QAAQ;aACvC,EACD,SAAS,CACV,IACG,IAAI,IACR,KAAK,EAAE,cAAc,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,KAGjD,cAAc,IAAI,CAAC,QAAQ;YAC1B,CAAC,CAAC,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gBACrC,IAAI,eAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;oBAC/B,MAAM,UAAU,GAAG,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,CAAQ,CAAA;oBAC7C,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,UAAU,CAAA;oBACtC,OAAO,CACL;wBACE,8BAAC,kBAAQ,IACP,SAAS,EAAC,uBAAuB,EACjC,MAAM,EAAE,uCAAK,SAAS,EAAC,8BAA8B,IAAE,KAAK,CAAO,EACnE,KAAK,EAAE,KAAK,GACZ,CACE,CACP,CAAA;iBACF;YACH,CAAC,CAAC;YACJ,CAAC,CAAC,QAAQ,CACK,CACpB,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CAA0B,CAAA;AAE3B,oBAAY,CAAC,IAAI,GAAG,sBAAgB,CAAC,IAAI,CAAA","sourcesContent":["/*\n * @Author: 周泽飞 zefei.zhou@tongdun.net\n * @Date: 2023-05-05 15:48:09\n * @LastEditors: 周泽飞 zefei.zhou@tongdun.net\n * @LastEditTime: 2024-01-18 15:27:45\n * @FilePath: /tntd/packages/tntd/src/descriptions/descriptions.tsx\n * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE\n */\nimport React, { forwardRef } from 'react'\nimport LocaleReceiver from 'antd/lib/locale-provider/LocaleReceiver'\nimport type { DescriptionsProps as AntdDescriptionsProps } from 'antd/lib/descriptions'\nimport type { DescriptionsItemProps as AntdDescriptionsItemProps } from 'antd/lib/descriptions'\nimport classNames from 'classnames'\nimport { ConfigConsumer } from 'antd/lib/config-provider'\nimport { default as AntdDescriptions } from 'antd/lib/descriptions'\n\nimport Ellipsis from '../ellipsis'\n\nexport * from 'antd/lib/descriptions'\n\nexport interface DescriptionsProps extends AntdDescriptionsProps {\n tdType: boolean\n ellipsis: boolean\n theme: string\n}\n\nexport interface DescriptionsItemProps extends AntdDescriptionsItemProps {\n tdType: boolean\n theme: string\n}\n\ninterface DescriptionsComponent\n extends React.ForwardRefExoticComponent<\n DescriptionsProps & React.RefAttributes<AntdDescriptions>\n > {\n Item: typeof AntdDescriptions.Item\n}\n\nexport const Descriptions = forwardRef<\n AntdDescriptions,\n DescriptionsProps & { capitalize?: boolean }\n>(({ className, tdType = true, theme, colon, children, ...rest }, ref) => {\n return (\n <ConfigConsumer>\n {() => {\n const { layout, ellipsis, bordered } = rest || {}\n // 非垂直 且 同盾\n const tdDescriptions = layout !== 'vertical' && tdType\n return (\n <AntdDescriptions\n className={classNames(\n `theme-${theme || (bordered ? 'line' : 'block')}`,\n {\n 'tntd-descriptions-no-border': !bordered,\n },\n {\n 'tntd-descriptions': tdDescriptions,\n },\n {\n 'tntd-descriptions-ellipsis': ellipsis,\n },\n className\n )}\n {...rest}\n colon={tdDescriptions && !bordered ? false : colon}\n >\n {/* 非边框的同盾内置样式 */}\n {tdDescriptions && !bordered\n ? React.Children.map(children, (child) => {\n if (React.isValidElement(child)) {\n const childProps = (child.props || {}) as any\n const { label, children } = childProps\n return (\n <div>\n <Ellipsis\n className=\"tntd-description-item\"\n prefix={<div className=\"tntd-description-label-title\">{label}</div>}\n title={child}\n />\n </div>\n )\n }\n })\n : children}\n </AntdDescriptions>\n )\n }}\n </ConfigConsumer>\n )\n}) as DescriptionsComponent\n\nDescriptions.Item = AntdDescriptions.Item\n"]}
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
border-radius: 8px 20px 20px 0px;
|
|
51
51
|
background: linear-gradient(0deg, rgba(18, 107, 251, 0.16) 0%, rgba(18, 107, 251, 0.08) 76.56%);
|
|
52
52
|
margin-right: 4px;
|
|
53
|
-
margin-bottom:
|
|
53
|
+
margin-bottom:8px;
|
|
54
54
|
white-space: nowrap;
|
|
55
55
|
overflow: hidden;
|
|
56
56
|
text-overflow: ellipsis;
|
package/lib/form/form.js
CHANGED
|
@@ -59,7 +59,7 @@ Form.Item = (0, _react.forwardRef)(function (_a, ref) {
|
|
|
59
59
|
var Create = function Create(options) {
|
|
60
60
|
return function (WrappedComponent) {
|
|
61
61
|
var validateSubmitMap = {};
|
|
62
|
-
var CustomFormWrapper = function CustomFormWrapper(props) {
|
|
62
|
+
var CustomFormWrapper = function CustomFormWrapper(props, ref) {
|
|
63
63
|
var getFieldDecorator = props.form.getFieldDecorator;
|
|
64
64
|
props.form.getFieldDecorator = function (name, options) {
|
|
65
65
|
var opt = options || {};
|
|
@@ -71,7 +71,9 @@ var Create = function Create(options) {
|
|
|
71
71
|
}
|
|
72
72
|
return getFieldDecorator(name, opt);
|
|
73
73
|
};
|
|
74
|
-
return _react["default"].createElement(WrappedComponent, Object.assign({}, props
|
|
74
|
+
return _react["default"].createElement(WrappedComponent, Object.assign({}, props, {
|
|
75
|
+
ref: ref
|
|
76
|
+
}));
|
|
75
77
|
};
|
|
76
78
|
return _form["default"].create(Object.assign(Object.assign({}, options), {
|
|
77
79
|
onValuesChange: function onValuesChange(props, changedValues, allValues) {
|
|
@@ -89,7 +91,7 @@ var Create = function Create(options) {
|
|
|
89
91
|
options.onValuesChange(props, changedValues, allValues);
|
|
90
92
|
}
|
|
91
93
|
}
|
|
92
|
-
}))(CustomFormWrapper);
|
|
94
|
+
}))((0, _react.forwardRef)(CustomFormWrapper));
|
|
93
95
|
};
|
|
94
96
|
};
|
|
95
97
|
Form.createFormField = _form["default"].createFormField;
|
package/lib/form/form.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form.js","sourceRoot":"","sources":["../../src/form/form.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,+CAAyC;AAEzC,6DAAwD;AAExD,wDAAkD;AAGlD,oCAAuC;AAEvC,+CAA4B;AAWf,QAAA,IAAI,GAAG,IAAA,kBAAU,EAA0B,CAAC,EAAW,EAAE,GAAG,EAAE,EAAE;QAAf,IAAI,cAAT,EAAW,CAAF;IAChE,OAAO,CACL,8BAAC,gCAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,OAAO,8BAAC,cAAQ,oBAAK,IAAI,IAAE,GAAG,EAAE,GAAG,IAAI,CAAA;IACzC,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CAAkB,CAAA;AAEnB,YAAI,CAAC,IAAI,GAAG,IAAA,kBAAU,EAAkC,CAAC,EAAkB,EAAE,GAAG,EAAE,EAAE;QAA3B,EAAE,KAAK,OAAW,EAAN,IAAI,cAAhB,SAAkB,CAAF;IACvE,OAAO,CACL,8BAAC,gCAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,OAAO,8BAAC,cAAQ,CAAC,IAAI,oBAAK,IAAI,IAAE,KAAK,EAAE,IAAA,oBAAY,EAAC,KAAK,CAAC,EAAE,GAAG,EAAE,GAAG,IAAI,CAAA;IAC1E,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CAAC,CAAA;AAOF,MAAM,MAAM,GAAmB,CAAC,OAAY,EAAE,EAAE,CAAC,CAAC,gBAAqB,EAAE,EAAE;IACzE,MAAM,iBAAiB,GAAQ,EAAE,CAAA;IACjC,MAAM,iBAAiB,GAAG,CAAC,KAAU,EAAE,EAAE;
|
|
1
|
+
{"version":3,"file":"form.js","sourceRoot":"","sources":["../../src/form/form.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,+CAAyC;AAEzC,6DAAwD;AAExD,wDAAkD;AAGlD,oCAAuC;AAEvC,+CAA4B;AAWf,QAAA,IAAI,GAAG,IAAA,kBAAU,EAA0B,CAAC,EAAW,EAAE,GAAG,EAAE,EAAE;QAAf,IAAI,cAAT,EAAW,CAAF;IAChE,OAAO,CACL,8BAAC,gCAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,OAAO,8BAAC,cAAQ,oBAAK,IAAI,IAAE,GAAG,EAAE,GAAG,IAAI,CAAA;IACzC,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CAAkB,CAAA;AAEnB,YAAI,CAAC,IAAI,GAAG,IAAA,kBAAU,EAAkC,CAAC,EAAkB,EAAE,GAAG,EAAE,EAAE;QAA3B,EAAE,KAAK,OAAW,EAAN,IAAI,cAAhB,SAAkB,CAAF;IACvE,OAAO,CACL,8BAAC,gCAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,OAAO,8BAAC,cAAQ,CAAC,IAAI,oBAAK,IAAI,IAAE,KAAK,EAAE,IAAA,oBAAY,EAAC,KAAK,CAAC,EAAE,GAAG,EAAE,GAAG,IAAI,CAAA;IAC1E,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CAAC,CAAA;AAOF,MAAM,MAAM,GAAmB,CAAC,OAAY,EAAE,EAAE,CAAC,CAAC,gBAAqB,EAAE,EAAE;IACzE,MAAM,iBAAiB,GAAQ,EAAE,CAAA;IACjC,MAAM,iBAAiB,GAAG,CAAC,KAAU,EAAE,GAAQ,EAAE,EAAE;QACjD,MAAM,iBAAiB,GAAG,KAAK,CAAC,IAAI,CAAC,iBAAiB,CAAA;QACtD,KAAK,CAAC,IAAI,CAAC,iBAAiB,GAAG,CAAC,IAAS,EAAE,OAAY,EAAE,EAAE;YACzD,IAAI,GAAG,GAAG,OAAO,IAAI,EAAE,CAAA;YACvB,IAAI,GAAG,CAAC,cAAc,EAAE;gBACtB,GAAG,mCACE,OAAO,KACV,eAAe,EAAE,SAAS,GAC3B,CAAA;gBACD,iBAAiB,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;aAC/B;YACD,OAAO,iBAAiB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAA;QACrC,CAAC,CAAA;QACD,OAAO,8BAAC,gBAAgB,oBAAK,KAAK,IAAE,GAAG,EAAE,GAAG,IAAI,CAAA;IAClD,CAAC,CAAA;IAED,OAAO,cAAQ,CAAC,MAAM,iCACjB,OAAO,KACV,cAAc,EAAE,CAAC,KAAU,EAAE,aAAkB,EAAE,SAAc,EAAE,EAAE;YACjE,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,CAAA;YACvC,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE;gBACrB,IAAI,CAAC,OAAO,CAAC,CAAC,IAAS,EAAE,EAAE;oBACzB,IAAI,iBAAiB,CAAC,IAAI,CAAC,EAAE;wBAC3B,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC;4BACnB,CAAC,IAAI,CAAC,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE;yBAC9B,CAAC,CAAA;qBACH;gBACH,CAAC,CAAC,CAAA;aACH;YACD,IAAI,OAAO,IAAI,OAAO,CAAC,cAAc,EAAE;gBACrC,OAAO,CAAC,cAAc,CAAC,KAAK,EAAE,aAAa,EAAE,SAAS,CAAC,CAAA;aACxD;QACH,CAAC,IACD,CAAC,IAAA,kBAAU,EAAC,iBAAiB,CAAC,CAAC,CAAA;AACnC,CAAC,CAAA;AAED,YAAI,CAAC,eAAe,GAAG,cAAQ,CAAC,eAAe,CAAA;AAC/C,YAAI,CAAC,MAAM,GAAG,MAAM,CAAA","sourcesContent":["import type {\n FormItemProps as AntdFormItemProps,\n FormProps as AntdFormProps,\n FormComponentProps,\n FormCreateOption,\n} from 'antd/lib/form'\nimport React, { forwardRef } from 'react'\n\nimport { ConfigConsumer } from 'antd/lib/config-provider'\n\nimport { default as AntdForm } from 'antd/lib/form'\nimport type AntdFormItem from 'antd/lib/form/FormItem'\n\nimport { doUpperTitle } from '../utils'\n\nexport * from 'antd/lib/form'\n\ninterface FormItemComponent\n extends React.ForwardRefExoticComponent<AntdFormItemProps & React.RefAttributes<AntdFormItem>> {}\ninterface FormComponent\n extends React.ForwardRefExoticComponent<AntdFormProps & React.RefAttributes<AntdForm>> {\n Item: FormItemComponent\n create: typeof AntdForm.create\n createFormField: typeof AntdForm.createFormField\n}\n\nexport const Form = forwardRef<AntdForm, AntdFormProps>(({ ...rest }, ref) => {\n return (\n <ConfigConsumer>\n {({ getPrefixCls }) => {\n return <AntdForm {...rest} ref={ref} />\n }}\n </ConfigConsumer>\n )\n}) as FormComponent\n\nForm.Item = forwardRef<AntdFormItem, AntdFormItemProps>(({ label, ...rest }, ref) => {\n return (\n <ConfigConsumer>\n {({ getPrefixCls }) => {\n return <AntdForm.Item {...rest} label={doUpperTitle(label)} ref={ref} />\n }}\n </ConfigConsumer>\n )\n})\n\n// 定义 create 函数的类型\ntype CreateFunction = <TOwnProps extends FormComponentProps<any>>(\n options?: FormCreateOption<TOwnProps>\n) => any\n\nconst Create: CreateFunction = (options: any) => (WrappedComponent: any) => {\n const validateSubmitMap: any = {}\n const CustomFormWrapper = (props: any, ref: any) => {\n const getFieldDecorator = props.form.getFieldDecorator\n props.form.getFieldDecorator = (name: any, options: any) => {\n let opt = options || {}\n if (opt.validateSubmit) {\n opt = {\n ...options,\n validateTrigger: 'noEvent',\n }\n validateSubmitMap[name] = true\n }\n return getFieldDecorator(name, opt)\n }\n return <WrappedComponent {...props} ref={ref} />\n }\n\n return AntdForm.create({\n ...options,\n onValuesChange: (props: any, changedValues: any, allValues: any) => {\n const keys = Object.keys(changedValues)\n if (keys.length === 1) {\n keys.forEach((name: any) => {\n if (validateSubmitMap[name]) {\n props.form.setFields({\n [name]: { errors: undefined },\n })\n }\n })\n }\n if (options && options.onValuesChange) {\n options.onValuesChange(props, changedValues, allValues)\n }\n },\n })(forwardRef(CustomFormWrapper))\n}\n\nForm.createFormField = AntdForm.createFormField\nForm.create = Create\n"]}
|
|
@@ -310,9 +310,9 @@ form {
|
|
|
310
310
|
}
|
|
311
311
|
|
|
312
312
|
.@{form-prefix-cls}-vertical {
|
|
313
|
-
.@{form-prefix-cls}-item {
|
|
314
|
-
|
|
315
|
-
}
|
|
313
|
+
// .@{form-prefix-cls}-item {
|
|
314
|
+
// padding-bottom: 8px;
|
|
315
|
+
// }
|
|
316
316
|
.@{form-prefix-cls}-item-control {
|
|
317
317
|
line-height: @line-height-base;
|
|
318
318
|
}
|
|
@@ -13,11 +13,6 @@
|
|
|
13
13
|
|
|
14
14
|
.@{ant-prefix}-modal-body {
|
|
15
15
|
padding: @padding-base;
|
|
16
|
-
|
|
17
|
-
.anticon {
|
|
18
|
-
font-size: @heading-2-size;
|
|
19
|
-
margin-right: @margin-xs;
|
|
20
|
-
}
|
|
21
16
|
}
|
|
22
17
|
|
|
23
18
|
&-body-wrapper {
|
|
@@ -32,12 +27,17 @@
|
|
|
32
27
|
overflow: hidden;
|
|
33
28
|
color: @heading-color;
|
|
34
29
|
font-weight: 500;
|
|
35
|
-
font-size: @
|
|
30
|
+
font-size: @font-size-lg;
|
|
36
31
|
line-height: @heading-3-line-height;
|
|
37
32
|
font-family: PingFang SC;
|
|
38
33
|
margin: @margin-xxs 0;
|
|
39
34
|
}
|
|
40
35
|
|
|
36
|
+
.anticon {
|
|
37
|
+
font-size: @heading-2-size;
|
|
38
|
+
margin-right: @margin-xs;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
41
|
.@{confirm-prefix-cls}-content {
|
|
42
42
|
margin-top: @margin-xxs;
|
|
43
43
|
color: @text-color-secondary;
|
|
@@ -71,10 +71,6 @@
|
|
|
71
71
|
margin-bottom: 0;
|
|
72
72
|
margin-left: 8px;
|
|
73
73
|
}
|
|
74
|
-
|
|
75
|
-
button {
|
|
76
|
-
border-radius: @border-radius-lg;
|
|
77
|
-
}
|
|
78
74
|
}
|
|
79
75
|
|
|
80
76
|
&-error &-body > .@{iconfont-css-prefix} {
|
|
@@ -89,6 +89,7 @@
|
|
|
89
89
|
background: @modal-header-bg;
|
|
90
90
|
border: 0;
|
|
91
91
|
border-radius: @border-radius-base @border-radius-base 0 0;
|
|
92
|
+
border-bottom: 1px solid #e8e8e8;
|
|
92
93
|
}
|
|
93
94
|
|
|
94
95
|
&-body {
|
|
@@ -99,11 +100,12 @@
|
|
|
99
100
|
}
|
|
100
101
|
|
|
101
102
|
&-footer {
|
|
102
|
-
padding: @padding-xs @padding-lg @padding-
|
|
103
|
+
padding: @padding-xs @padding-lg @padding-xs;
|
|
103
104
|
text-align: right;
|
|
104
105
|
background: @modal-footer-bg;
|
|
105
106
|
border: 0;
|
|
106
107
|
border-radius: 0 0 @border-radius-base @border-radius-base;
|
|
108
|
+
border-top: 1px solid #e8e8e8;
|
|
107
109
|
button + button {
|
|
108
110
|
margin-bottom: 0;
|
|
109
111
|
margin-left: @margin-xs;
|
package/lib/tag/color.less
CHANGED
|
@@ -1,43 +1,53 @@
|
|
|
1
|
-
@preset-colors-custom: grey,
|
|
1
|
+
@preset-colors-custom: grey, green, red, gold, lightblue, bluegrey, purplegrey, purple, lightpurple, lightgreen, pink, rose, orange, magenta, volcano, yellow, cyan, lime, geekblue, tnt-pink, tnt-orange, tnt-purple;
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
@grey-7: @text-color-secondary;
|
|
5
|
+
@grey-5: #8b919e;
|
|
5
6
|
@grey-4: @border-color-base;
|
|
6
7
|
@grey-1: @tag-default-bg;
|
|
7
8
|
|
|
8
9
|
@rose-7:#D8395E;
|
|
10
|
+
@rose-5: #EE3E67;
|
|
9
11
|
@rose-4: #FEA3B4;
|
|
10
12
|
@rose-1: #FFF1F3;
|
|
11
13
|
|
|
12
14
|
@lightblue-7: #1AA9E6;
|
|
15
|
+
@lightblue-5: #36BFFA;
|
|
13
16
|
@lightblue-4: #8FE0FF;
|
|
14
17
|
@lightblue-1: #F0F9FF;
|
|
15
18
|
|
|
16
19
|
@bluegrey-7: #486FBB;
|
|
20
|
+
@bluegrey-5: #628FE4;
|
|
17
21
|
@bluegrey-4: #A1BCEF;
|
|
18
22
|
@bluegrey-1: #F4F8FF;
|
|
19
23
|
|
|
20
24
|
@purplegrey-7: #4E5BA6;
|
|
25
|
+
@purplegrey-5: #717BBC;
|
|
21
26
|
@purplegrey-4: #AFB5D9;
|
|
22
27
|
@purplegrey-1: #F8F9FC;
|
|
23
28
|
|
|
24
29
|
@tnt-purple-7: #6E54D4;
|
|
30
|
+
@tnt-purple-5: #7A5AF8;
|
|
25
31
|
@tnt-purple-4: #BDB4FE;
|
|
26
32
|
@tnt-purple-1: #F4F3FF;
|
|
27
33
|
|
|
28
34
|
@lightpurple-7: #5161D7;
|
|
35
|
+
@lightpurple-5: #6172F3;
|
|
29
36
|
@lightpurple-4: #A4BCFD;
|
|
30
37
|
@lightpurple-1: #EEF4FF;
|
|
31
38
|
|
|
32
39
|
@lightgreen-7: #2E9C98;
|
|
40
|
+
@lightgreen-5: #3AB4AF;
|
|
33
41
|
@lightgreen-4: #8CE0DD;
|
|
34
42
|
@lightgreen-1: #F1FBFB;
|
|
35
43
|
|
|
36
44
|
@tnt-pink-7: #D03E93;
|
|
45
|
+
@tnt-pink-5: #E844B7;
|
|
37
46
|
@tnt-pink-4: #FAA7E0;
|
|
38
47
|
@tnt-pink-1: #FDF2FA;
|
|
39
48
|
|
|
40
49
|
@tnt-orange-7:#DF5F28;
|
|
50
|
+
@tnt-orange-5:#F47345;
|
|
41
51
|
@tnt-orange-4: #FEB173;
|
|
42
52
|
@tnt-orange-1: #FFF6ED;
|
|
43
53
|
|
package/lib/tag/tag.less
CHANGED
|
@@ -112,6 +112,29 @@
|
|
|
112
112
|
}
|
|
113
113
|
}
|
|
114
114
|
|
|
115
|
+
&.@{tag-prefix-cls}-blue {
|
|
116
|
+
color: @blue-6;
|
|
117
|
+
background: @blue-1;
|
|
118
|
+
border-color: @blue-3;
|
|
119
|
+
>.@{iconfont-css-prefix}-close {
|
|
120
|
+
color: @blue-5;
|
|
121
|
+
}
|
|
122
|
+
&.@{tag-prefix-cls}-no-border{
|
|
123
|
+
border-color:transparent;
|
|
124
|
+
}
|
|
125
|
+
}
|
|
126
|
+
&.@{tag-prefix-cls}-blue-inverse {
|
|
127
|
+
color: @text-color-inverse;
|
|
128
|
+
background: @blue-6;
|
|
129
|
+
border-color: @blue-6;
|
|
130
|
+
>.@{iconfont-css-prefix}-close {
|
|
131
|
+
color: @text-color-inverse;
|
|
132
|
+
}
|
|
133
|
+
&.@{tag-prefix-cls}-no-border{
|
|
134
|
+
border-color:transparent;
|
|
135
|
+
}
|
|
136
|
+
}
|
|
137
|
+
|
|
115
138
|
// mixin to iterate over colors and create CSS class for each one
|
|
116
139
|
.make-color-classes(@i: length(@preset-colors-custom)) when (@i > 0) {
|
|
117
140
|
.make-color-classes(@i - 1);
|
|
@@ -119,13 +142,13 @@
|
|
|
119
142
|
@lightColor: '@{color}-1';
|
|
120
143
|
@lightBorderColor: '@{color}-4';
|
|
121
144
|
@darkColor: '@{color}-7';
|
|
145
|
+
@closeColor:'@{color}-5';
|
|
122
146
|
&.@{tag-prefix-cls}-@{color} {
|
|
123
147
|
color: @@darkColor;
|
|
124
148
|
background: @@lightColor;
|
|
125
149
|
border-color: @@lightBorderColor;
|
|
126
150
|
>.@{iconfont-css-prefix}-close {
|
|
127
|
-
color: @@
|
|
128
|
-
opacity: .8;
|
|
151
|
+
color: @@closeColor;
|
|
129
152
|
}
|
|
130
153
|
&.@{tag-prefix-cls}-no-border{
|
|
131
154
|
border-color:transparent;
|
|
@@ -135,7 +158,9 @@
|
|
|
135
158
|
color: @text-color-inverse;
|
|
136
159
|
background: @@darkColor;
|
|
137
160
|
border-color: @@darkColor;
|
|
138
|
-
|
|
161
|
+
>.@{iconfont-css-prefix}-close {
|
|
162
|
+
color: @text-color-inverse;
|
|
163
|
+
}
|
|
139
164
|
&.@{tag-prefix-cls}-no-border{
|
|
140
165
|
border-color:transparent;
|
|
141
166
|
}
|
|
@@ -154,11 +179,21 @@
|
|
|
154
179
|
cursor: pointer;
|
|
155
180
|
&-border{
|
|
156
181
|
border-color: @border-color-base;
|
|
182
|
+
// 非disabled
|
|
183
|
+
&:not(.@{tag-prefix-cls}-checkable-disabled):hover {
|
|
184
|
+
border-color: @primary-3;
|
|
185
|
+
}
|
|
186
|
+
}
|
|
187
|
+
|
|
188
|
+
&:not(.@{tag-prefix-cls}-checkable-disabled):hover {
|
|
189
|
+
color: @primary-6;
|
|
190
|
+
background-color: @primary-1;
|
|
191
|
+
transition: all 0.3s @ease-in-out-circ;
|
|
157
192
|
}
|
|
158
193
|
|
|
159
194
|
&:active,
|
|
160
195
|
&-checked {
|
|
161
|
-
color: @primary-
|
|
196
|
+
color: @primary-6;
|
|
162
197
|
background-color: @primary-1;
|
|
163
198
|
&.@{tag-prefix-cls}-checkable-border{
|
|
164
199
|
border-color: @primary-3;
|
|
@@ -167,7 +202,7 @@
|
|
|
167
202
|
|
|
168
203
|
&-checked {
|
|
169
204
|
&.@{tag-prefix-cls}-checkable-disabled:hover {
|
|
170
|
-
color: @primary-
|
|
205
|
+
color: @primary-6;
|
|
171
206
|
}
|
|
172
207
|
}
|
|
173
208
|
|
package/lib/tooltip/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,CAAA;AAChB,OAAO,OAAO,MAAM,WAAW,CAAA;AAC/B,OAAO,cAAc,CAAA;AACrB,cAAc,WAAW,CAAA;AAEzB,eAAe,OAAO,CAAA"}
|
package/lib/tooltip/index.js
CHANGED
|
@@ -6,7 +6,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
var _exportNames = {};
|
|
8
8
|
exports["default"] = void 0;
|
|
9
|
-
|
|
9
|
+
require("./style");
|
|
10
|
+
var _tooltip = _interopRequireWildcard(require("./tooltip"));
|
|
10
11
|
Object.keys(_tooltip).forEach(function (key) {
|
|
11
12
|
if (key === "default" || key === "__esModule") return;
|
|
12
13
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
@@ -18,7 +19,7 @@ Object.keys(_tooltip).forEach(function (key) {
|
|
|
18
19
|
}
|
|
19
20
|
});
|
|
20
21
|
});
|
|
21
|
-
require("./
|
|
22
|
+
require("./index.less");
|
|
22
23
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
23
24
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
24
25
|
var _default = exports["default"] = _tooltip["default"];
|
package/lib/tooltip/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tooltip/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tooltip/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,mBAAgB;AAChB,wDAA+B;AAC/B,wBAAqB;AACrB,4CAAyB;AAEzB,kBAAe,iBAAO,CAAA","sourcesContent":["import './style'\nimport Tooltip from './tooltip'\nimport './index.less'\nexport * from './tooltip'\n\nexport default Tooltip\n"]}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
@tooltip-prefix-cls: ~'@{ant-prefix}-tooltip';
|
|
2
|
+
|
|
3
|
+
// Base class
|
|
4
|
+
.tnt-tooltip.@{tooltip-prefix-cls} {
|
|
5
|
+
|
|
6
|
+
&-light {
|
|
7
|
+
.@{tooltip-prefix-cls}-inner {
|
|
8
|
+
background-color: white;
|
|
9
|
+
color: #343f54
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.@{tooltip-prefix-cls}-arrow {
|
|
13
|
+
&::before {
|
|
14
|
+
background-color: white;
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
// Arrows
|
|
20
|
+
&-arrow {
|
|
21
|
+
border-radius: 1px;
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.@{tooltip-prefix-cls}-arrow-hidden {
|
|
26
|
+
.@{tooltip-prefix-cls}-arrow {
|
|
27
|
+
display: none;
|
|
28
|
+
}
|
|
29
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { TooltipProps } from 'antd/lib/tooltip';
|
|
3
|
+
export * from 'antd/lib/tooltip';
|
|
4
|
+
declare const Tooltip: React.FC<TooltipProps & {
|
|
5
|
+
theme?: string;
|
|
6
|
+
hiddenArrow?: boolean;
|
|
7
|
+
}>;
|
|
8
|
+
export default Tooltip;
|
|
9
|
+
//# sourceMappingURL=tooltip.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../src/tooltip/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAKnD,cAAc,iBAAiB,CAAA;AAK/B,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,OAAO,CAAA;CAAE,CAuB/E,CAAA;AAED,eAAe,OAAO,CAAA"}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
var _exportNames = {};
|
|
8
|
+
exports["default"] = void 0;
|
|
9
|
+
var _react = _interopRequireDefault(require("react"));
|
|
10
|
+
var _configProvider = require("antd/lib/config-provider");
|
|
11
|
+
var _tooltip = _interopRequireWildcard(require("antd/lib/tooltip"));
|
|
12
|
+
Object.keys(_tooltip).forEach(function (key) {
|
|
13
|
+
if (key === "default" || key === "__esModule") return;
|
|
14
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
15
|
+
if (key in exports && exports[key] === _tooltip[key]) return;
|
|
16
|
+
Object.defineProperty(exports, key, {
|
|
17
|
+
enumerable: true,
|
|
18
|
+
get: function get() {
|
|
19
|
+
return _tooltip[key];
|
|
20
|
+
}
|
|
21
|
+
});
|
|
22
|
+
});
|
|
23
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
24
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
25
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
26
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
27
|
+
var __rest = void 0 && (void 0).__rest || function (s, e) {
|
|
28
|
+
var t = {};
|
|
29
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
30
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
31
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
32
|
+
}
|
|
33
|
+
return t;
|
|
34
|
+
};
|
|
35
|
+
var themeMap = function themeMap(prefixCls, themeColor) {
|
|
36
|
+
return "".concat(prefixCls, "-").concat(themeColor);
|
|
37
|
+
};
|
|
38
|
+
var Tooltip = function Tooltip(props) {
|
|
39
|
+
var overlayClassName = props.overlayClassName,
|
|
40
|
+
_props$theme = props.theme,
|
|
41
|
+
theme = _props$theme === void 0 ? '' : _props$theme,
|
|
42
|
+
_props$hiddenArrow = props.hiddenArrow,
|
|
43
|
+
hiddenArrow = _props$hiddenArrow === void 0 ? false : _props$hiddenArrow,
|
|
44
|
+
restProps = __rest(props, ["overlayClassName", "theme", "hiddenArrow"]);
|
|
45
|
+
return _react["default"].createElement(_configProvider.ConfigConsumer, null, function (_ref) {
|
|
46
|
+
var getPrefixCls = _ref.getPrefixCls;
|
|
47
|
+
var prefixCls = getPrefixCls('tooltip');
|
|
48
|
+
return _react["default"].createElement(_tooltip["default"], Object.assign({
|
|
49
|
+
overlayClassName: (0, _classnames["default"])(prefixCls, 'tnt-tooltip', themeMap(prefixCls, theme), hiddenArrow ? prefixCls + '-arrow-hidden' : '', overlayClassName)
|
|
50
|
+
}, restProps));
|
|
51
|
+
});
|
|
52
|
+
};
|
|
53
|
+
var _default = exports["default"] = Tooltip;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../src/tooltip/tooltip.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAyB;AAEzB,6DAAwD;AACxD,8DAAyC;AACzC,4DAAmC;AAEnC,kDAA+B;AAC/B,MAAM,QAAQ,GAAG,CAAC,SAAiB,EAAE,UAAkB,EAAE,EAAE;IACzD,OAAO,GAAG,SAAS,IAAI,UAAU,EAAE,CAAA;AACrC,CAAC,CAAA;AAED,MAAM,OAAO,GAAuE,CAAC,KAAK,EAAE,EAAE;IAC5F,MAAM,EAAE,gBAAgB,EAAE,KAAK,GAAG,EAAE,EAAE,WAAW,GAAG,KAAK,KAAmB,KAAK,EAAnB,SAAS,UAAK,KAAK,EAA3E,4CAAmE,CAAQ,CAAA;IAEjF,OAAO,CACL,8BAAC,gCAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,MAAM,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,CAAA;QAEzC,OAAO,CACL,8BAAC,iBAAW,kBACV,gBAAgB,EAAE,IAAA,oBAAU,EAC1B,SAAS,EACT,aAAa,EACb,QAAQ,CAAC,SAAS,EAAE,KAAK,CAAC,EAC1B,WAAW,CAAC,CAAC,CAAC,SAAS,GAAG,eAAe,CAAC,CAAC,CAAC,EAAE,EAC9C,gBAAgB,CACjB,IACG,SAAS,EACb,CACH,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,OAAO,CAAA","sourcesContent":["import React from 'react'\nimport type { TooltipProps } from 'antd/lib/tooltip'\nimport { ConfigConsumer } from 'antd/lib/config-provider'\nimport AntdTooltip from 'antd/lib/tooltip'\nimport classNames from 'classnames'\n\nexport * from 'antd/lib/tooltip'\nconst themeMap = (prefixCls: string, themeColor: string) => {\n return `${prefixCls}-${themeColor}`\n}\n\nconst Tooltip: React.FC<TooltipProps & { theme?: string; hiddenArrow?: boolean }> = (props) => {\n const { overlayClassName, theme = '', hiddenArrow = false, ...restProps } = props\n\n return (\n <ConfigConsumer>\n {({ getPrefixCls }) => {\n const prefixCls = getPrefixCls('tooltip')\n\n return (\n <AntdTooltip\n overlayClassName={classNames(\n prefixCls,\n 'tnt-tooltip',\n themeMap(prefixCls, theme),\n hiddenArrow ? prefixCls + '-arrow-hidden' : '',\n overlayClassName\n )}\n {...restProps}\n />\n )\n }}\n </ConfigConsumer>\n )\n}\n\nexport default Tooltip\n"]}
|
package/package.json
CHANGED
|
@@ -286,7 +286,7 @@
|
|
|
286
286
|
@label-required-color: @highlight-color;
|
|
287
287
|
@label-color: @heading-color;
|
|
288
288
|
@form-warning-input-bg: @input-bg;
|
|
289
|
-
@form-item-margin-bottom:
|
|
289
|
+
@form-item-margin-bottom: 16px;
|
|
290
290
|
@form-item-trailing-colon: true;
|
|
291
291
|
@form-vertical-label-padding: 0 0 8px;
|
|
292
292
|
@form-vertical-label-margin: 0;
|
|
@@ -287,7 +287,7 @@
|
|
|
287
287
|
@label-required-color: @highlight-color;
|
|
288
288
|
@label-color: @heading-color;
|
|
289
289
|
@form-warning-input-bg: @input-bg;
|
|
290
|
-
@form-item-margin-bottom:
|
|
290
|
+
@form-item-margin-bottom: 16px;
|
|
291
291
|
@form-item-trailing-colon: true;
|
|
292
292
|
@form-vertical-label-padding: 0 0 8px;
|
|
293
293
|
@form-vertical-label-margin: 0;
|