@flatbiz/antd 4.4.34 → 4.4.36
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/esm/block-layout/index.css +1 -0
- package/esm/block-layout/index.js +5 -0
- package/esm/block-layout/index.js.map +1 -0
- package/esm/bootstrap/index.js +2 -1
- package/esm/bootstrap/index.js.map +1 -1
- package/esm/card-layout/index.css +1 -1
- package/esm/card-layout/index.js +2 -1
- package/esm/card-layout/index.js.map +1 -1
- package/esm/drag-form-list/index.css +1 -1
- package/esm/drag-form-list/index.js +2 -1
- package/esm/drag-form-list/index.js.map +1 -1
- package/esm/drag-table/index.js +1 -1
- package/esm/drag-table/index.js.map +1 -1
- package/esm/easy-table/index.css +1 -1
- package/esm/easy-table/index.js +7 -3
- package/esm/easy-table/index.js.map +1 -1
- package/esm/fba-app/index.css +1 -1
- package/esm/fba-app/index.js +2 -1
- package/esm/fba-app/index.js.map +1 -1
- package/esm/icon-wrapper/index.js +1 -1
- package/esm/icon-wrapper/index.js.map +1 -1
- package/esm/index.css +0 -1
- package/esm/index.js +3 -2
- package/esm/svg-http-view/index.js +1 -1
- package/esm/svg-http-view/index.js.map +1 -1
- package/index.d.ts +61 -23
- package/package.json +1 -1
- package/esm/index-1f45bfd5.js +0 -3
- package/esm/index-1f45bfd5.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/icon-wrapper/icon-wrapper.tsx"],"sourcesContent":["import { isUndefined } from '@dimjs/lang';\nimport { classNames } from '@dimjs/utils';\nimport { Popover, Tooltip } from 'antd';\nimport { CSSProperties } from 'react';\nimport './style.less';\n\nexport type IconWrapperProps = {\n hoverTips?: string | React.ReactElement;\n /**\n * 提示类型\n * @default 'tooltip'\n */\n tipsType?: 'popover' | 'tooltip';\n icon?: React.ReactNode;\n style?: CSSProperties;\n text?: string | React.ReactElement;\n className?: string;\n size?: 'small' | 'middle' | 'large';\n onClick?: (event) => void;\n hideHoverBgColor?: boolean;\n hidden?: boolean;\n /** 图标对比文字的位置,默认:brefore */\n position?: 'before' | 'after';\n /** 图标与文字之间的间距 */\n gap?: number;\n};\nexport const IconWrapper = (props: IconWrapperProps) => {\n const gap = isUndefined(
|
|
1
|
+
{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/icon-wrapper/icon-wrapper.tsx"],"sourcesContent":["import { isUndefined } from '@dimjs/lang';\nimport { classNames } from '@dimjs/utils';\nimport { Popover, Tooltip } from 'antd';\nimport { CSSProperties, Fragment } from 'react';\nimport './style.less';\n\nexport type IconWrapperProps = {\n hoverTips?: string | React.ReactElement;\n /**\n * 提示类型\n * @default 'tooltip'\n */\n tipsType?: 'popover' | 'tooltip';\n icon?: React.ReactNode;\n style?: CSSProperties;\n text?: string | React.ReactElement;\n className?: string;\n size?: 'small' | 'middle' | 'large';\n onClick?: (event) => void;\n hideHoverBgColor?: boolean;\n hidden?: boolean;\n /** 图标对比文字的位置,默认:brefore */\n position?: 'before' | 'after';\n /** 图标与文字之间的间距 */\n gap?: number;\n};\nexport const IconWrapper = (props: IconWrapperProps) => {\n const {\n gap,\n size,\n hideHoverBgColor,\n onClick,\n className,\n hidden,\n style,\n icon,\n position,\n text,\n hoverTips,\n tipsType,\n ...otherProps\n } = props;\n const gapNew = isUndefined(gap) ? 5 : gap;\n const classNameNew = classNames(\n 'icon-wrapper',\n `icon-wrapper-${size || 'middle'}`,\n {\n 'icon-wrapper-hidden-hover-bgcolor': hideHoverBgColor,\n 'icon-wrapper-tigger': !!Object.keys(props).find((item) => item.startsWith('on')),\n },\n\n className,\n );\n\n if (hidden) return <Fragment />;\n\n const _content =\n position === 'after' ? (\n <span className={classNameNew} style={style} onClick={onClick} {...otherProps}>\n {text ? (\n <span className=\"icon-wrapper-text\" style={{ marginRight: gapNew }}>\n {text}\n </span>\n ) : null}\n {icon}\n </span>\n ) : (\n <span className={classNameNew} style={style} onClick={onClick} {...otherProps}>\n {icon}\n {text ? (\n <span className=\"icon-wrapper-text\" style={{ marginLeft: gapNew }}>\n {text}\n </span>\n ) : null}\n </span>\n );\n if (hoverTips) {\n if (tipsType === 'popover') {\n return (\n <Popover content={hoverTips} {...otherProps}>\n {_content}\n </Popover>\n );\n }\n return (\n <Tooltip title={hoverTips} {...otherProps}>\n {_content}\n </Tooltip>\n );\n }\n return _content;\n};\n"],"names":["IconWrapper","props","gap","size","hideHoverBgColor","onClick","className","hidden","style","icon","position","text","hoverTips","tipsType","otherProps","_objectWithoutPropertiesLoose","_excluded","gapNew","_isUndefined","classNameNew","_classNames","Object","keys","find","item","startsWith","_jsx","Fragment","_content","_jsxs","_extends","children","marginRight","marginLeft","Popover","content","Tooltip","title"],"mappings":";2bA0BaA,EAAc,SAAdA,EAAeC,GAC1B,IACEC,EAaED,EAbFC,IACAC,EAYEF,EAZFE,KACAC,EAWEH,EAXFG,iBACAC,EAUEJ,EAVFI,QACAC,EASEL,EATFK,UACAC,EAQEN,EARFM,OACAC,EAOEP,EAPFO,MACAC,EAMER,EANFQ,KACAC,EAKET,EALFS,SACAC,EAIEV,EAJFU,KACAC,EAGEX,EAHFW,UACAC,EAEEZ,EAFFY,SACGC,EAAUC,EACXd,EAAKe,GACT,IAAMC,EAASC,EAAYhB,GAAO,EAAIA,EACtC,IAAMiB,EAAeC,EACnB,eACgBjB,iBAAAA,GAAQ,UACxB,CACE,oCAAqCC,EACrC,wBAAyBiB,OAAOC,KAAKrB,GAAOsB,MAAK,SAACC,GAAI,OAAKA,EAAKC,WAAW,KAAK,KAGlFnB,GAGF,GAAIC,EAAQ,OAAOmB,EAACC,GAAU,GAE9B,IAAMC,EACJlB,IAAa,QACXmB,SAAAC,EAAA,CAAMxB,UAAWa,EAAcX,MAAOA,EAAOH,QAASA,GAAaS,EAAU,CAAAiB,SAAA,CAC1EpB,EACCe,EAAA,OAAA,CAAMpB,UAAU,oBAAoBE,MAAO,CAAEwB,YAAaf,GAASc,SAChEpB,IAED,KACHF,MAGHoB,EAAA,OAAAC,EAAA,CAAMxB,UAAWa,EAAcX,MAAOA,EAAOH,QAASA,GAAaS,EAAU,CAAAiB,SAC1EtB,CAAAA,EACAE,EACCe,EAAA,OAAA,CAAMpB,UAAU,oBAAoBE,MAAO,CAAEyB,WAAYhB,GAASc,SAC/DpB,IAED,SAGV,GAAIC,EAAW,CACb,GAAIC,IAAa,UAAW,CAC1B,OACEa,EAACQ,EAAOJ,EAAA,CAACK,QAASvB,GAAeE,EAAU,CAAAiB,SACxCH,IAGP,CACA,OACEF,EAACU,EAAON,EAAA,CAACO,MAAOzB,GAAeE,EAAU,CAAAiB,SACtCH,IAGP,CACA,OAAOA,CACT"}
|
package/esm/index.css
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.block-layout{background-color:var(--block-bg-color)}.light-theme .block-layout{color:rgba(0,0,0,.88)}.dark-theme .block-layout{color:hsla(0,0%,100%,.85)}
|
package/esm/index.js
CHANGED
|
@@ -16,6 +16,7 @@ import './amount-fen-input/index.css';
|
|
|
16
16
|
import './amount-fen-input-form-item/index.css';
|
|
17
17
|
import './anchor-steps/index.css';
|
|
18
18
|
import './gap/index.css';
|
|
19
|
+
import './block-layout/index.css';
|
|
19
20
|
import './bootstrap/index.css';
|
|
20
21
|
import './fba-app/index.css';
|
|
21
22
|
import './box-grid/index.css';
|
|
@@ -66,6 +67,7 @@ import './easy-form/index.css';
|
|
|
66
67
|
import './form-wrapper/index.css';
|
|
67
68
|
import './easy-table/index.css';
|
|
68
69
|
import './pagination-wrapper/index.css';
|
|
70
|
+
import './svg-http-view/index.css';
|
|
69
71
|
import './tips-wrapper/index.css';
|
|
70
72
|
import './form-grid/index.css';
|
|
71
73
|
import './table-scrollbar/index.css';
|
|
@@ -108,7 +110,6 @@ import './simple-layout/index.css';
|
|
|
108
110
|
import './sms-count-down/index.css';
|
|
109
111
|
import './split-wrapper/index.css';
|
|
110
112
|
import './styles/index.css';
|
|
111
|
-
import './svg-http-view/index.css';
|
|
112
113
|
import './switch-confirm-wrapper/index.css';
|
|
113
114
|
import './tabs-wrapper/index.css';
|
|
114
115
|
import './tag-group/index.css';
|
|
@@ -123,5 +124,5 @@ import './tree-selector-wrapper/index.css';
|
|
|
123
124
|
import './tree-wrapper/index.css';
|
|
124
125
|
import './index.css';
|
|
125
126
|
/*! @flatjs/forge MIT @flatbiz/antd */
|
|
126
|
-
export{AceEditorGroovy}from"./ace-editor-groovy/index.js";export{AceEditorJava}from"./ace-editor-java/index.js";export{AceEditorJson}from"./ace-editor-json/index.js";export{AceEditorMysql}from"./ace-editor-mysql/index.js";export{AceEditorXml}from"./ace-editor-xml/index.js";export{AlertWrapper}from"./alert-wrapper/index.js";export{AmountFenInput}from"./amount-fen-input/index.js";export{AmountFenInputFormItem}from"./amount-fen-input-form-item/index.js";export{AnchorSteps}from"./anchor-steps/index.js";export{
|
|
127
|
+
export{AceEditorGroovy}from"./ace-editor-groovy/index.js";export{AceEditorJava}from"./ace-editor-java/index.js";export{AceEditorJson}from"./ace-editor-json/index.js";export{AceEditorMysql}from"./ace-editor-mysql/index.js";export{AceEditorXml}from"./ace-editor-xml/index.js";export{AlertWrapper}from"./alert-wrapper/index.js";export{AmountFenInput}from"./amount-fen-input/index.js";export{AmountFenInputFormItem}from"./amount-fen-input-form-item/index.js";export{AnchorSteps}from"./anchor-steps/index.js";export{BlockLayout}from"./block-layout/index.js";export{Bootstrap}from"./bootstrap/index.js";export{BoxGrid,useBoxBreakpoint}from"./box-grid/index.js";export{ButtonOperate,ButtonOperateItemContent}from"./button-operate/index.js";export{ButtonWrapper}from"./button-wrapper/index.js";export{CardLayout}from"./card-layout/index.js";export{CardWrapper}from"./card-wrapper/index.js";export{CascaderWrapper}from"./cascader-wrapper/index.js";export{CheckList}from"./check-list/index.js";export{CheckboxWrapper}from"./checkbox-wrapper/index.js";export{ColorPickerWrapper}from"./color-picker-wrapper/index.js";export{C as ConfigProviderWrapper}from"./index-7f4ad045.js";export{createDrawerWrapperModel}from"./create-drawer-wrapper-model/index.js";export{createModalWrapperModel}from"./create-modal-wrapper-model/index.js";export{CssNodeHover}from"./css-node-hover/index.js";export{DataRender}from"./data-render/index.js";export{DatePickerWrapper}from"./date-picker-wrapper/index.js";export{DateRangePickerWrapper}from"./date-range-picker-wrapper/index.js";export{DateRangePickerWrapperFormItem}from"./date-range-picker-wrapper-form-item/index.js";export{dialogAlert}from"./dialog-alert/index.js";export{dialogConfirm}from"./dialog-confirm/index.js";export{dialogDrawer}from"./dialog-drawer/index.js";export{DialogDrawerContent}from"./dialog-drawer-content/index.js";export{dialogLoading}from"./dialog-loading/index.js";export{dialogModal}from"./dialog-modal/index.js";export{DragCollapse}from"./drag-collapse/index.js";export{DragCollapseFormList}from"./drag-collapse-form-list/index.js";export{DragEditableTable}from"./drag-editable-table/index.js";export{DragFormList}from"./drag-form-list/index.js";export{DragTable}from"./drag-table/index.js";export{DrawerWrapper}from"./drawer-wrapper/index.js";export{DropdownMenuWrapper}from"./dropdown-menu-wrapper/index.js";export{dynamicNode}from"./dynamic-node/index.js";export{EasyForm}from"./easy-form/index.js";export{EasyTable}from"./easy-table/index.js";export{EditableField}from"./editable-field/index.js";export{EditableFieldProvider}from"./editable-field-provider/index.js";export{EditableTable}from"./editable-table/index.js";export{EditorWrapper}from"./editor-wrapper/index.js";export{ErrorBoundaryWrapper}from"./error-boundary-wrapper/index.js";export{FbaApp}from"./fba-app/index.js";export{fbaHooks}from"./fba-hooks/index.js";export{fbaUtils}from"./fba-utils/index.js";export{FileExport}from"./file-export/index.js";export{FileImport}from"./file-import/index.js";export{FileSelect}from"./file-select/index.js";export{FlexLayout}from"./flex-layout/index.js";export{FormGrid}from"./form-grid/index.js";export{FormItemGroup}from"./form-item-group/index.js";export{FormItemHidden}from"./form-item-hidden/index.js";export{FormItemText}from"./form-item-text/index.js";export{FormItemWrapper}from"./form-item-wrapper/index.js";export{FormListWrapper}from"./form-list-wrapper/index.js";export{FormWrapper}from"./form-wrapper/index.js";export{Gap}from"./gap/index.js";export{IconWrapper}from"./icon-wrapper/index.js";export{InputSearchWrapper}from"./input-search-wrapper/index.js";export{InputTextAreaWrapper}from"./input-text-area-wrapper/index.js";export{InputWrapper}from"./input-wrapper/index.js";export{JsonEditor}from"./json-editor/index.js";export{LabelValueLayout}from"./label-value-layout/index.js";export{LabelValueRender}from"./label-value-render/index.js";export{LocalLoading}from"./local-loading/index.js";export{MentionEditor}from"./mention-editor/index.js";export{MentionsWrapper}from"./mentions-wrapper/index.js";export{ModalAction}from"./modal-action/index.js";export{ModalWrapper}from"./modal-wrapper/index.js";export{PageFixedFooter}from"./page-fixed-footer/index.js";export{Page404}from"./page404/index.js";export{P as PaginationWrapper}from"./index-6677fbfc.js";export{Pdf}from"./pdf/index.js";export{PdfPreview}from"./pdf-preview/index.js";export{Permission}from"./permission/index.js";export{preDefinedClassName}from"./pre-defined-class-name/index.js";export{RadioGroupWrapper}from"./radio-group-wrapper/index.js";export{RelationTree}from"./relation-tree/index.js";export{RequestStatus}from"./request-status/index.js";export{RichTextEditor}from"./rich-text-editor/index.js";export{RichTextViewer}from"./rich-text-viewer/index.js";export{RollLocationCenter}from"./roll-location-center/index.js";export{RollLocationInView}from"./roll-location-in-view/index.js";export{RuleDescribe}from"./rule-describe/index.js";export{SearchForm}from"./search-form/index.js";export{SearchMenu}from"./search-menu/index.js";export{SelectorWrapper}from"./selector-wrapper/index.js";export{SelectorWrapperSearch}from"./selector-wrapper-search/index.js";export{SelectorWrapperSimple}from"./selector-wrapper-simple/index.js";export{SimpleLayout}from"./simple-layout/index.js";export{SmsCountDown}from"./sms-count-down/index.js";export{SplitWrapper}from"./split-wrapper/index.js";export{styles}from"./styles/index.js";export{SvgHttpView}from"./svg-http-view/index.js";export{SwitchConfirmWrapper}from"./switch-confirm-wrapper/index.js";export{SwitchWrapper}from"./switch-wrapper/index.js";export{tableCellRender}from"./table-cell-render/index.js";export{TableScrollbar}from"./table-scrollbar/index.js";export{TableTitleTooltip}from"./table-title-tooltip/index.js";export{TabsWrapper}from"./tabs-wrapper/index.js";export{TagGroup}from"./tag-group/index.js";export{TagListSelect}from"./tag-list-select/index.js";export{TagWrapper}from"./tag-wrapper/index.js";export{TextCssEllipsis}from"./text-css-ellipsis/index.js";export{TextOverflow}from"./text-overflow/index.js";export{TextOverflowRender}from"./text-overflow-render/index.js";export{TextSymbolWrapper}from"./text-symbol-wrapper/index.js";export{TimePickerWrapper}from"./time-picker-wrapper/index.js";export{TimeRangePickerWrapper}from"./time-range-picker-wrapper/index.js";export{TimeRangePickerWrapperFormItem}from"./time-range-picker-wrapper-form-item/index.js";export{TipsTitle}from"./tips-title/index.js";export{TipsWrapper}from"./tips-wrapper/index.js";export{TreeSelectorWrapper}from"./tree-selector-wrapper/index.js";export{TreeWrapper}from"./tree-wrapper/index.js";export{UploadWrapper}from"./upload-wrapper/index.js";import"./_rollupPluginBabelHelpers-a0769acd.js";import"@dimjs/utils/cjs/class-names";import"@wove/react/cjs/hooks";import"@dimjs/lang/cjs/is-object";import"@flatbiz/utils";import"react";import"react-ace";import"ace-builds/src-noconflict/ext-language_tools";import"ace-builds/src-noconflict/mode-groovy";import"ace-builds/src-noconflict/snippets/groovy";import"react/jsx-runtime";import"ace-builds/src-noconflict/mode-java";import"ace-builds/src-noconflict/snippets/java";import"ace-builds/src-noconflict/mode-json";import"ace-builds/src-noconflict/snippets/json";import"sql-formatter";import"ace-builds/src-noconflict/mode-mysql";import"ace-builds/src-noconflict/snippets/mysql";import"antd";import"xml-formatter";import"ace-builds/src-noconflict/mode-xml";import"ace-builds/src-noconflict/snippets/xml";import"@dimjs/utils/cjs/get";import"@dimjs/lang/cjs/is-number";import"ahooks";import"@ant-design/icons/es/icons/MoreOutlined";import"@dimjs/lang/cjs/is-undefined";import"@dimjs/lang/cjs/is-plain-object";import"@dimjs/lang/cjs/is-string";import"@dimjs/lang/cjs/is-promise";import"@ant-design/icons/es/icons/LoadingOutlined";import"@dimjs/lang/cjs/is-array";import"@dimjs/utils/cjs/extend";import"@ant-design/icons/es/icons/RedoOutlined";import"@dimjs/model";import"@dimjs/model-react";import"@wove/react/cjs/create-ctx";import"@ant-design/icons/es/icons/CloseCircleOutlined";import"antd/es/locale/en_US";import"antd/es/locale/zh_CN";import"dayjs";import"dayjs/locale/en";import"dayjs/locale/zh-cn";import"dayjs/plugin/advancedFormat";import"dayjs/plugin/customParseFormat";import"dayjs/plugin/localeData";import"dayjs/plugin/utc";import"dayjs/plugin/weekday";import"dayjs/plugin/weekOfYear";import"dayjs/plugin/weekYear";import"./time-53b3f55f.js";import"react-dom/client";import"./context-1f2093c6.js";import"./dom-4d04aa64.js";import"@dimjs/lang/cjs/is-null";import"@dimjs/utils/cjs/array";import"@dnd-kit/core";import"@dnd-kit/sortable";import"@ant-design/icons/es/icons/DragOutlined";import"@dnd-kit/utilities";import"@dnd-kit/modifiers";import"@ant-design/icons/es/icons/SaveOutlined";import"@ant-design/icons/es/icons/ExclamationCircleFilled";import"@ant-design/icons/es/icons/DownOutlined";import"@ant-design/icons/es/icons/UpOutlined";import"react-is";import"./use-responsive-point-21b8c601.js";import"@ant-design/icons/es/icons/CloseOutlined";import"@ant-design/icons/es/icons/CheckOutlined";import"@ant-design/icons/es/icons/EditOutlined";import"./context-25d0b686.js";import"@ant-design/icons/es/icons/PlusOutlined";import"@dimjs/lang/cjs/is-boolean";import"@ant-design/icons/es/icons/DeleteOutlined";import"@wove/react/cjs/editor";import"@ant-design/icons/es/icons/QuestionCircleFilled";import"@dimjs/lang/cjs/is-deep-equal";import"@tinymce/tinymce-react";import"@ant-design/icons/es/icons/PlusCircleOutlined";import"@ant-design/icons/es/icons/FullscreenOutlined";import"@dimjs/utils/cjs/json";import"pubsub-js";import"react-split";import"@dimjs/lang/cjs/is-empty";import"@ant-design/icons/es/icons/QuestionCircleOutlined";import"dayjs/plugin/isSameOrAfter";import"dayjs/plugin/isSameOrBefore";import"@ant-design/icons/es/icons/CaretDownFilled";import"dequal";import"@dimjs/utils/cjs/tree";import"react-dom";
|
|
127
128
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/* eslint-disable */
|
|
2
2
|
import './index.css';
|
|
3
3
|
/*! @flatjs/forge MIT @flatbiz/antd */
|
|
4
|
-
import{_ as
|
|
4
|
+
import{a as t,_ as i}from"../_rollupPluginBabelHelpers-a0769acd.js";import{classNames as r}from"@dimjs/utils/cjs/class-names";import{isHttpUri as s}from"@flatbiz/utils";import{useMemo as e}from"react";import{jsx as a}from"react/jsx-runtime";var l=["color","svgPath","className","height","width","style","onClick"];var h=function h(o){var c=o.color,n=o.svgPath,m=o.className,v=o.height,d=o.width,g=o.style,p=o.onClick,f=t(o,l);var u=c||"#555";var w=s(n)?n:"https://file.40017.cn/tcsk/alicon/"+n+".svg";var j=e((function(){if(d||v){return{width:d,height:v}}return{width:20,height:20}}),[v,d]);return a("div",i({},f,{onClick:p,className:r("http-svg-view",m),style:i({width:j.width,height:j.height},g),children:a("div",{className:"hsv-content",style:{filter:"drop-shadow("+u+" 200px 0)"},children:a("img",{src:w})})}))};export{h as SvgHttpView};
|
|
5
5
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/svg-http-view/svg.tsx"],"sourcesContent":["import { classNames } from '@dimjs/utils';\nimport { isHttpUri } from '@flatbiz/utils';\nimport { CSSProperties } from 'react';\nimport './style.less';\nexport type SvgHttpViewProps = {\n /**\n * svg地址\n * ```\n * 1. 可传http绝对路径\n * 2. 可传ionic组图标,例如:ionic/alarm-outline\n * 3. 可传lucide组图标,例如:lucide/crosshair\n *\n * 查询ionic、lucide图标 https://fex.qa.tcshuke.com/docs/admin/resources/icons\n * ```\n */\n svgPath: string;\n /** 默认:
|
|
1
|
+
{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/svg-http-view/svg.tsx"],"sourcesContent":["import { classNames } from '@dimjs/utils';\nimport { isHttpUri } from '@flatbiz/utils';\nimport { CSSProperties, useMemo } from 'react';\nimport './style.less';\nexport type SvgHttpViewProps = {\n /**\n * svg地址\n * ```\n * 1. 可传http绝对路径\n * 2. 可传ionic组图标,例如:ionic/alarm-outline\n * 3. 可传lucide组图标,例如:lucide/crosshair\n *\n * 查询ionic、lucide图标 https://fex.qa.tcshuke.com/docs/admin/resources/icons\n * ```\n */\n svgPath: string;\n /** 默认:20px */\n width?: number;\n /** 默认:20px */\n height?: number;\n /** svg 颜色, 默认:#555 */\n color?: string;\n onClick?: (e) => void;\n className?: string;\n style?: CSSProperties;\n};\n\n/**\n * http svg地址解析,可自定义颜色\n * ```\n * 1. 内置ionic、lucide组图标基础路径\n * 2. 可传自定义http绝对路径svg数据\n * 3.\n * ```\n */\nexport const SvgHttpView = (props: SvgHttpViewProps) => {\n const { color, svgPath, className, height, width, style, onClick, ...otherProps } = props;\n const colorNew = color || '#555';\n\n const srcLink = isHttpUri(svgPath) ? svgPath : `https://file.40017.cn/tcsk/alicon/${svgPath}.svg`;\n\n const size = useMemo(() => {\n if (width || height) {\n return { width, height };\n }\n return { width: 20, height: 20 };\n }, [height, width]);\n\n return (\n <div\n {...otherProps}\n onClick={onClick}\n className={classNames('http-svg-view', className)}\n style={{ width: size.width, height: size.height, ...style }}\n >\n <div className=\"hsv-content\" style={{ filter: `drop-shadow(${colorNew} 200px 0)` }}>\n <img src={srcLink} />\n </div>\n </div>\n );\n};\n"],"names":["SvgHttpView","props","color","svgPath","className","height","width","style","onClick","otherProps","_objectWithoutPropertiesLoose","_excluded","colorNew","srcLink","isHttpUri","size","useMemo","_jsx","_extends","_classNames","children","filter","src"],"mappings":";8TAmCaA,EAAc,SAAdA,EAAeC,GAC1B,IAAQC,EAA4ED,EAA5EC,MAAOC,EAAqEF,EAArEE,QAASC,EAA4DH,EAA5DG,UAAWC,EAAiDJ,EAAjDI,OAAQC,EAAyCL,EAAzCK,MAAOC,EAAkCN,EAAlCM,MAAOC,EAA2BP,EAA3BO,QAAYC,EAAUC,EAAKT,EAAKU,GACzF,IAAMC,EAAWV,GAAS,OAE1B,IAAMW,EAAUC,EAAUX,GAAWA,EAA+CA,qCAAAA,EAAa,OAEjG,IAAMY,EAAOC,GAAQ,WACnB,GAAIV,GAASD,EAAQ,CACnB,MAAO,CAAEC,MAAAA,EAAOD,OAAAA,EAClB,CACA,MAAO,CAAEC,MAAO,GAAID,OAAQ,GAC9B,GAAG,CAACA,EAAQC,IAEZ,OACEW,EAAA,MAAAC,EAAA,CAAA,EACMT,EAAU,CACdD,QAASA,EACTJ,UAAWe,EAAW,gBAAiBf,GACvCG,MAAKW,EAAA,CAAIZ,MAAOS,EAAKT,MAAOD,OAAQU,EAAKV,QAAWE,GAAQa,SAE5DH,EAAA,MAAA,CAAKb,UAAU,cAAcG,MAAO,CAAEc,sBAAuBT,EAAQ,aAAcQ,SACjFH,EAAA,MAAA,CAAKK,IAAKT,QAIlB"}
|
package/index.d.ts
CHANGED
|
@@ -2171,26 +2171,10 @@ export type TEasyTableTableColumn<T> = ColumnsType<T>[0] & {
|
|
|
2171
2171
|
* ```
|
|
2172
2172
|
*/
|
|
2173
2173
|
tipsWrapperProps?: string | TipsWrapperProps;
|
|
2174
|
-
|
|
2175
|
-
|
|
2176
|
-
/**
|
|
2177
|
-
|
|
2178
|
-
/** 获取请求参数 */
|
|
2179
|
-
getRequestParams: () => TPlainObject;
|
|
2180
|
-
/** 清除查询条件 */
|
|
2181
|
-
clearQueryCondition: (values?: TPlainObject) => Promise<void>;
|
|
2182
|
-
/** 搜素表单实例 */
|
|
2183
|
-
form: FormInstance;
|
|
2184
|
-
/** 重置请求 */
|
|
2185
|
-
onResetRequest: (params?: TPlainObject) => void;
|
|
2186
|
-
/** 接口数据源 */
|
|
2187
|
-
getDataSource: () => TAny;
|
|
2188
|
-
/** 过滤表格数据源,不会触发 onDataSourceChange 函数 */
|
|
2189
|
-
onFilterDataSource: (dataSource: TPlainObject[]) => void;
|
|
2190
|
-
/** 清空表格数据 */
|
|
2191
|
-
onClearDataSource: () => void;
|
|
2192
|
-
/** 修改表格数据源,会触发onDataSourceChange函数 */
|
|
2193
|
-
onUpdateDataSource: (dataList: TPlainObject[]) => void;
|
|
2174
|
+
/** 是否隐藏 */
|
|
2175
|
+
hidden?: boolean;
|
|
2176
|
+
/** 是否折叠在更多中 */
|
|
2177
|
+
isFold?: boolean;
|
|
2194
2178
|
};
|
|
2195
2179
|
export type EasyTableServiceConfig = {
|
|
2196
2180
|
/** 接口配置 */
|
|
@@ -2310,6 +2294,57 @@ export type EasyTableProps = {
|
|
|
2310
2294
|
isInline?: boolean;
|
|
2311
2295
|
/** Form 实例 */
|
|
2312
2296
|
form?: FormInstance;
|
|
2297
|
+
/**
|
|
2298
|
+
* 字段折叠配置
|
|
2299
|
+
* ```
|
|
2300
|
+
* 1. 设置EasyTable.Table columns中isFold=true
|
|
2301
|
+
* 2. 通过initSelectedKeys、onChange可将选择字段数据外部存储
|
|
2302
|
+
* 3. 设置cacheKey后,缓存数据优先级高于initSelectedKeys
|
|
2303
|
+
* 4. 必须要设置 EasyTable.Table columns中dataIndex字段(保证在columns中唯一)
|
|
2304
|
+
* ```
|
|
2305
|
+
*/
|
|
2306
|
+
columnFoldConfig?: {
|
|
2307
|
+
/** 初始化选中数据,缓存数据优先级更高 */
|
|
2308
|
+
initSelectedKeys?: string[];
|
|
2309
|
+
/** 隐藏默认触发节点 */
|
|
2310
|
+
hidden?: boolean;
|
|
2311
|
+
/** 自定义图标 */
|
|
2312
|
+
icon?: ReactElement;
|
|
2313
|
+
/** 文本 */
|
|
2314
|
+
text?: string;
|
|
2315
|
+
/** 鼠标悬浮文案 */
|
|
2316
|
+
hoverTipText?: string;
|
|
2317
|
+
/** 缓存key,默认false,如果设置会将选择字段数据缓存在浏览器中 */
|
|
2318
|
+
cacheKey?: string;
|
|
2319
|
+
/** 折叠字段选择事件 */
|
|
2320
|
+
onChange?: (keys: string[]) => void;
|
|
2321
|
+
/** 触发交互弹出类型 */
|
|
2322
|
+
triggerType?: "drawer" | "dropdown";
|
|
2323
|
+
};
|
|
2324
|
+
};
|
|
2325
|
+
export type EasyTableRefApi = {
|
|
2326
|
+
/** 外部发起请求服务 */
|
|
2327
|
+
onRequest: (params?: TPlainObject) => void;
|
|
2328
|
+
/** 获取请求参数 */
|
|
2329
|
+
getRequestParams: () => TPlainObject;
|
|
2330
|
+
/** 清除查询条件 */
|
|
2331
|
+
clearQueryCondition: (values?: TPlainObject) => Promise<void>;
|
|
2332
|
+
/** 搜素表单实例 */
|
|
2333
|
+
form: FormInstance;
|
|
2334
|
+
/** 重置请求 */
|
|
2335
|
+
onResetRequest: (params?: TPlainObject) => void;
|
|
2336
|
+
/** 接口数据源 */
|
|
2337
|
+
getDataSource: () => TAny;
|
|
2338
|
+
/** 过滤表格数据源,不会触发 onDataSourceChange 函数 */
|
|
2339
|
+
onFilterDataSource: (dataSource: TPlainObject[]) => void;
|
|
2340
|
+
/** 清空表格数据 */
|
|
2341
|
+
onClearDataSource: () => void;
|
|
2342
|
+
/** 修改表格数据源,会触发onDataSourceChange函数 */
|
|
2343
|
+
onUpdateDataSource: (dataList: TPlainObject[]) => void;
|
|
2344
|
+
/** 自定义字段折叠触发位置,默认位置在最后一个字段标题右侧 */
|
|
2345
|
+
columnFoldTriggerRender: (children: ReactElement) => ReactElement;
|
|
2346
|
+
/** 查询loading状态 */
|
|
2347
|
+
loading?: boolean;
|
|
2313
2348
|
};
|
|
2314
2349
|
export type FormOperateColProps = {
|
|
2315
2350
|
className?: string;
|
|
@@ -2421,6 +2456,7 @@ export type EasyTableTableProps<T> = Omit<TableProps<TAny>, "dataSource" | "load
|
|
|
2421
2456
|
* 8. paginationFixed=true,可设置分页条件在底部固定,不随滚动条滚动
|
|
2422
2457
|
* 9. foldKeys=string[],查询条件展开、收起,被收起数组内容为EasyTable.Filter 子节点key值
|
|
2423
2458
|
* 10. windows环境下,会在EasyTable.Table外部包装一下 TableScrollbar,提高windows下table左右滚动体验
|
|
2459
|
+
* 11. 可实现部分字段折叠,手动选择显示,将EasyTable.Table columns中isFold属性设为true,可通过EasyTable columnFoldConfig配置属性,demo(https://fex.qa.tcshuke.com/docs/admin/main/crud/demo1)
|
|
2424
2460
|
* ```
|
|
2425
2461
|
*/
|
|
2426
2462
|
export declare const EasyTable: import("react").ForwardRefExoticComponent<EasyTableProps & import("react").RefAttributes<EasyTableRefApi>> & {
|
|
@@ -3145,7 +3181,7 @@ export type IconWrapperProps = {
|
|
|
3145
3181
|
/** 图标与文字之间的间距 */
|
|
3146
3182
|
gap?: number;
|
|
3147
3183
|
};
|
|
3148
|
-
export declare const IconWrapper: (props: IconWrapperProps) => import("react/jsx-runtime").JSX.Element
|
|
3184
|
+
export declare const IconWrapper: (props: IconWrapperProps) => import("react/jsx-runtime").JSX.Element;
|
|
3149
3185
|
export type InputSearchWrapperProps = Omit<SearchProps, "defaultValue">;
|
|
3150
3186
|
/**
|
|
3151
3187
|
* ```
|
|
@@ -4245,12 +4281,13 @@ export type SvgHttpViewProps = {
|
|
|
4245
4281
|
* ```
|
|
4246
4282
|
*/
|
|
4247
4283
|
svgPath: string;
|
|
4248
|
-
/** 默认:
|
|
4284
|
+
/** 默认:20px */
|
|
4249
4285
|
width?: number;
|
|
4250
|
-
/** 默认:
|
|
4286
|
+
/** 默认:20px */
|
|
4251
4287
|
height?: number;
|
|
4252
4288
|
/** svg 颜色, 默认:#555 */
|
|
4253
4289
|
color?: string;
|
|
4290
|
+
onClick?: (e: any) => void;
|
|
4254
4291
|
className?: string;
|
|
4255
4292
|
style?: CSSProperties;
|
|
4256
4293
|
};
|
|
@@ -4259,6 +4296,7 @@ export type SvgHttpViewProps = {
|
|
|
4259
4296
|
* ```
|
|
4260
4297
|
* 1. 内置ionic、lucide组图标基础路径
|
|
4261
4298
|
* 2. 可传自定义http绝对路径svg数据
|
|
4299
|
+
* 3.
|
|
4262
4300
|
* ```
|
|
4263
4301
|
*/
|
|
4264
4302
|
export declare const SvgHttpView: (props: SvgHttpViewProps) => import("react/jsx-runtime").JSX.Element;
|
package/package.json
CHANGED
package/esm/index-1f45bfd5.js
DELETED
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
/*! @flatjs/forge MIT @flatbiz/antd */
|
|
2
|
-
import{_ as r}from"./_rollupPluginBabelHelpers-a0769acd.js";import{classNames as s}from"@dimjs/utils/cjs/class-names";import{jsx as l}from"react/jsx-runtime";var a=function a(e){return l("div",r({},e,{className:s("block-layout",e.className),children:e.children}))};export{a as B};
|
|
3
|
-
//# sourceMappingURL=index-1f45bfd5.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index-1f45bfd5.js","sources":["@flatbiz/antd/src/block-layout/index.tsx"],"sourcesContent":["import { classNames } from '@dimjs/utils';\nimport { type DetailedHTMLProps } from 'react';\nimport './style.less';\n\ntype BlockLayoutProps = DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;\n/**\n * 块布局(控制light/dark模式下,块背景色和字体颜色)\n * ```\n * 1. light 模式\n * 网页背景色为 #1b1a1a(黑灰),此时块布局背景色为 #000(黑色),字体颜色rgba(255, 255, 255, 0.85)\n * 2. dark 模式\n * 网页背景色为 #f9f9f9(白灰),此时块布局背景色为 #FFF(白色),字体颜色rgba(0, 0, 0, 0.88)\n * ```\n * @param props\n * @returns\n */\nexport const BlockLayout = (props: BlockLayoutProps) => {\n return (\n <div {...props} className={classNames('block-layout', props.className)}>\n {props.children}\n </div>\n );\n};\n"],"names":["BlockLayout","props","_jsx","_extends","className","_classNames","children"],"mappings":";kKAgBaA,EAAc,SAAdA,EAAeC,GAC1B,OACEC,EAAA,MAAAC,EAAA,CAAA,EAASF,EAAK,CAAEG,UAAWC,EAAW,eAAgBJ,EAAMG,WAAWE,SACpEL,EAAMK,WAGb"}
|