@flatbiz/antd 4.5.55 → 4.5.56
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/ace-editor-groovy/index.js +1 -1
- package/esm/ace-editor-groovy/index.js.map +1 -1
- package/esm/ace-editor-java/index.js +1 -1
- package/esm/ace-editor-java/index.js.map +1 -1
- package/esm/ace-editor-json/index.js +1 -1
- package/esm/ace-editor-json/index.js.map +1 -1
- package/esm/ace-editor-mysql/index.js +1 -1
- package/esm/ace-editor-mysql/index.js.map +1 -1
- package/esm/ace-editor-xml/index.js +1 -1
- package/esm/ace-editor-xml/index.js.map +1 -1
- package/esm/anchor-steps/index.js +1 -1
- package/esm/anchor-steps/index.js.map +1 -1
- package/esm/bootstrap/index.js +1 -1
- package/esm/bootstrap/index.js.map +1 -1
- package/esm/box-grid/index.js +1 -1
- package/esm/box-grid/index.js.map +1 -1
- package/esm/button-operate/index.js +1 -1
- package/esm/button-operate/index.js.map +1 -1
- package/esm/button-wrapper/index.js +1 -1
- package/esm/button-wrapper/index.js.map +1 -1
- package/esm/card-layout/index.js +1 -1
- package/esm/card-layout/index.js.map +1 -1
- package/esm/cascader-wrapper/index.js +1 -1
- package/esm/cascader-wrapper/index.js.map +1 -1
- package/esm/check-list/index.js +1 -1
- package/esm/check-list/index.js.map +1 -1
- package/esm/checkbox-wrapper/index.js +1 -1
- package/esm/checkbox-wrapper/index.js.map +1 -1
- package/esm/code-render/index.css +1 -0
- package/esm/code-render/index.js +5 -0
- package/esm/code-render/index.js.map +1 -0
- package/esm/color-picker-wrapper/index.css +1 -1
- package/esm/color-picker-wrapper/index.js +1 -1
- package/esm/color-picker-wrapper/index.js.map +1 -1
- package/esm/config-provider-wrapper/index.js +1 -1
- package/esm/copy-wrapper/index.js +1 -1
- package/esm/copy-wrapper/index.js.map +1 -1
- package/esm/date-picker-wrapper/index.js +1 -1
- package/esm/date-picker-wrapper/index.js.map +1 -1
- package/esm/date-range-picker-wrapper/index.js +1 -1
- package/esm/date-range-picker-wrapper/index.js.map +1 -1
- package/esm/date-range-picker-wrapper-form-item/index.js +1 -1
- package/esm/date-range-picker-wrapper-form-item/index.js.map +1 -1
- package/esm/delete-node/index.js +1 -1
- package/esm/delete-node/index.js.map +1 -1
- package/esm/dialog-alert/index.js +1 -1
- package/esm/dialog-confirm/index.js +1 -1
- package/esm/dialog-drag-modal/index.js +1 -1
- package/esm/dialog-drag-modal/index.js.map +1 -1
- package/esm/dialog-drawer/index.js +1 -1
- package/esm/dialog-drawer/index.js.map +1 -1
- package/esm/dialog-drawer-content/index.js +1 -1
- package/esm/dialog-drawer-content/index.js.map +1 -1
- package/esm/dialog-loading/index.js +1 -1
- package/esm/dialog-loading/index.js.map +1 -1
- package/esm/dialog-modal/index.js +1 -1
- package/esm/dialog-modal/index.js.map +1 -1
- package/esm/dialog-preview-image/index.js +1 -1
- package/esm/dialog-preview-image/index.js.map +1 -1
- package/esm/drag-collapse/index.js +1 -1
- package/esm/drag-collapse/index.js.map +1 -1
- package/esm/drag-collapse-form-list/index.js +1 -1
- package/esm/drag-collapse-form-list/index.js.map +1 -1
- package/esm/drag-editable-card/index.js +1 -1
- package/esm/drag-editable-card/index.js.map +1 -1
- package/esm/drag-editable-table/index.js +1 -1
- package/esm/drag-editable-table/index.js.map +1 -1
- package/esm/drag-editable-table-pro/index.js +1 -1
- package/esm/drag-editable-table-pro/index.js.map +1 -1
- package/esm/drag-form-list/index.js +1 -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/drawer-wrapper/index.js +1 -1
- package/esm/drawer-wrapper/index.js.map +1 -1
- package/esm/dropdown-menu-wrapper/index.js +1 -1
- package/esm/dropdown-menu-wrapper/index.js.map +1 -1
- package/esm/easy-form/index.js +1 -1
- package/esm/easy-form/index.js.map +1 -1
- package/esm/easy-table/index.js +1 -1
- package/esm/easy-table/index.js.map +1 -1
- package/esm/editable-card/index.js +1 -1
- package/esm/editable-card/index.js.map +1 -1
- package/esm/editable-field/index.js +1 -1
- package/esm/editable-field/index.js.map +1 -1
- package/esm/editable-table/index.js +1 -1
- package/esm/editable-table/index.js.map +1 -1
- package/esm/editable-table-pro/index.js +1 -1
- package/esm/editable-table-pro/index.js.map +1 -1
- package/esm/editor-wrapper/index.js +1 -1
- package/esm/editor-wrapper/index.js.map +1 -1
- package/esm/fba-app/index.js +1 -1
- package/esm/fba-app/index.js.map +1 -1
- package/esm/fba-hooks/index.js +1 -1
- package/esm/fba-hooks/index.js.map +1 -1
- package/esm/fba-utils/index.js +1 -1
- package/esm/fba-utils/index.js.map +1 -1
- package/esm/file-export/index.js +1 -1
- package/esm/file-export/index.js.map +1 -1
- package/esm/file-import/index.js +1 -1
- package/esm/file-import/index.js.map +1 -1
- package/esm/file-select/index.js +1 -1
- package/esm/file-select/index.js.map +1 -1
- package/esm/flex-layout/index.js +1 -1
- package/esm/flex-layout/index.js.map +1 -1
- package/esm/form-grid/index.js +1 -1
- package/esm/form-grid/index.js.map +1 -1
- package/esm/form-item-group/index.js +1 -1
- package/esm/form-item-group/index.js.map +1 -1
- package/esm/form-item-text/index.js +1 -1
- package/esm/form-item-text/index.js.map +1 -1
- package/esm/form-item-wrapper/index.js +1 -1
- package/esm/form-item-wrapper/index.js.map +1 -1
- package/esm/form-list-wrapper/index.js +1 -1
- package/esm/form-list-wrapper/index.js.map +1 -1
- package/esm/form-wrapper/index.js +1 -1
- package/esm/form-wrapper/index.js.map +1 -1
- package/esm/full-screen/index.js +1 -1
- package/esm/full-screen/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-83bede1b.js → index-853b36e6.js} +2 -2
- package/esm/{index-83bede1b.js.map → index-853b36e6.js.map} +1 -1
- package/esm/index.js +2 -1
- package/esm/input-search-wrapper/index.js +1 -1
- package/esm/input-search-wrapper/index.js.map +1 -1
- package/esm/input-text-area-wrapper/index.js +1 -1
- package/esm/input-text-area-wrapper/index.js.map +1 -1
- package/esm/input-wrapper/index.js +1 -1
- package/esm/input-wrapper/index.js.map +1 -1
- package/esm/json-editor/index.js +1 -1
- package/esm/json-editor/index.js.map +1 -1
- package/esm/label-value-layout/index.js +1 -1
- package/esm/label-value-layout/index.js.map +1 -1
- package/esm/label-value-render/index.js +1 -1
- package/esm/label-value-render/index.js.map +1 -1
- package/esm/local-loading/index.js +1 -1
- package/esm/local-loading/index.js.map +1 -1
- package/esm/mention-editor/index.js +1 -1
- package/esm/mention-editor/index.js.map +1 -1
- package/esm/mentions-wrapper/index.js +1 -1
- package/esm/mentions-wrapper/index.js.map +1 -1
- package/esm/modal-action/index.js +1 -1
- package/esm/modal-action/index.js.map +1 -1
- package/esm/modal-wrapper/index.js +1 -1
- package/esm/modal-wrapper/index.js.map +1 -1
- package/esm/number-range-form-item/index.js +1 -1
- package/esm/number-range-form-item/index.js.map +1 -1
- package/esm/pdf/index.js +1 -1
- package/esm/pdf/index.js.map +1 -1
- package/esm/pdf-preview/index.js +1 -1
- package/esm/pdf-preview/index.js.map +1 -1
- package/esm/radio-group-wrapper/index.js +1 -1
- package/esm/radio-group-wrapper/index.js.map +1 -1
- package/esm/relation-tree/index.js +1 -1
- package/esm/relation-tree/index.js.map +1 -1
- package/esm/request-status/index.js +1 -1
- package/esm/request-status/index.js.map +1 -1
- package/esm/resizable-drawer/index.js +1 -1
- package/esm/resizable-drawer/index.js.map +1 -1
- package/esm/rich-text-editor/index.js +1 -1
- package/esm/rich-text-editor/index.js.map +1 -1
- package/esm/rich-text-viewer/index.js +1 -1
- package/esm/rich-text-viewer/index.js.map +1 -1
- package/esm/roll-location-center/index.js +1 -1
- package/esm/roll-location-center/index.js.map +1 -1
- package/esm/roll-location-in-view/index.js +1 -1
- package/esm/roll-location-in-view/index.js.map +1 -1
- package/esm/rule-describe/index.js +1 -1
- package/esm/rule-describe/index.js.map +1 -1
- package/esm/search-form/index.js +1 -1
- package/esm/search-form/index.js.map +1 -1
- package/esm/search-menu/index.js +1 -1
- package/esm/search-menu/index.js.map +1 -1
- package/esm/selector-wrapper/index.js +1 -1
- package/esm/selector-wrapper/index.js.map +1 -1
- package/esm/selector-wrapper-search/index.js +1 -1
- package/esm/selector-wrapper-search/index.js.map +1 -1
- package/esm/selector-wrapper-simple/index.js +1 -1
- package/esm/selector-wrapper-simple/index.js.map +1 -1
- package/esm/simple-layout/index.js +1 -1
- package/esm/simple-layout/index.js.map +1 -1
- package/esm/sms-count-down/index.js +1 -1
- package/esm/sms-count-down/index.js.map +1 -1
- package/esm/split-wrapper/index.js +1 -1
- package/esm/split-wrapper/index.js.map +1 -1
- package/esm/styles/index.css +1 -1
- package/esm/svg-http-view/index.js +1 -1
- package/esm/svg-http-view/index.js.map +1 -1
- package/esm/switch-confirm-wrapper/index.js +1 -1
- package/esm/switch-confirm-wrapper/index.js.map +1 -1
- package/esm/switch-wrapper/index.js +1 -1
- package/esm/switch-wrapper/index.js.map +1 -1
- package/esm/table-cell-render/index.js +1 -1
- package/esm/table-cell-render/index.js.map +1 -1
- package/esm/table-scrollbar/index.js +1 -1
- package/esm/table-scrollbar/index.js.map +1 -1
- package/esm/tabs-sticky/index.js +1 -1
- package/esm/tabs-sticky/index.js.map +1 -1
- package/esm/tabs-wrapper/index.js +1 -1
- package/esm/tabs-wrapper/index.js.map +1 -1
- package/esm/tag-group/index.js +1 -1
- package/esm/tag-group/index.js.map +1 -1
- package/esm/tag-list-render/index.js +1 -1
- package/esm/tag-list-render/index.js.map +1 -1
- package/esm/tag-list-select/index.js +1 -1
- package/esm/tag-list-select/index.js.map +1 -1
- package/esm/tag-wrapper/index.js +1 -1
- package/esm/tag-wrapper/index.js.map +1 -1
- package/esm/text-css-ellipsis/index.js +1 -1
- package/esm/text-css-ellipsis/index.js.map +1 -1
- package/esm/text-overflow/index.js +1 -1
- package/esm/text-overflow/index.js.map +1 -1
- package/esm/text-overflow-render/index.js +1 -1
- package/esm/text-symbol-wrapper/index.js +1 -1
- package/esm/text-symbol-wrapper/index.js.map +1 -1
- package/esm/time-ea73b2fb.js +3 -0
- package/esm/{time-53b3f55f.js.map → time-ea73b2fb.js.map} +1 -1
- package/esm/time-picker-wrapper/index.js +1 -1
- package/esm/time-picker-wrapper/index.js.map +1 -1
- package/esm/time-range-picker-wrapper/index.js +1 -1
- package/esm/time-range-picker-wrapper/index.js.map +1 -1
- package/esm/time-range-picker-wrapper-form-item/index.js +1 -1
- package/esm/time-range-picker-wrapper-form-item/index.js.map +1 -1
- package/esm/tree-modal/index.js +1 -1
- package/esm/tree-modal/index.js.map +1 -1
- package/esm/tree-modal-selector/index.js +1 -1
- package/esm/tree-modal-selector/index.js.map +1 -1
- package/esm/tree-selector-wrapper/index.js +1 -1
- package/esm/tree-selector-wrapper/index.js.map +1 -1
- package/esm/tree-wrapper/index.js +1 -1
- package/esm/tree-wrapper/index.js.map +1 -1
- package/esm/upload-wrapper/index.js +1 -1
- package/esm/upload-wrapper/index.js.map +1 -1
- package/esm/use-responsive-point-1e6d93d9.js +3 -0
- package/esm/{use-responsive-point-21b8c601.js.map → use-responsive-point-1e6d93d9.js.map} +1 -1
- package/esm/x-mind-preview/index.js +1 -1
- package/esm/x-mind-preview/index.js.map +1 -1
- package/index.d.ts +43 -4
- package/package.json +4 -5
- package/esm/time-53b3f55f.js +0 -3
- package/esm/use-responsive-point-21b8c601.js +0 -3
|
@@ -9,5 +9,5 @@ import './../dialog-confirm/index.css';
|
|
|
9
9
|
import './../dialog-modal/index.css';
|
|
10
10
|
import './index.css';
|
|
11
11
|
/*! @flatjs/forge MIT @flatbiz/antd */
|
|
12
|
-
import r from"@ant-design/icons/es/icons/MoreOutlined";import{_ as e,a as i}from"../_rollupPluginBabelHelpers-c0dbec57.js";import{isUndefined as t}from"@dimjs/lang/cjs/is-undefined";import{classNames as n}from"@dimjs/utils/cjs/class-names";import{isPlainObject as o}from"@dimjs/lang/cjs/is-plain-object";import{isString as s}from"@dimjs/lang/cjs/is-string";import{isPromise as l}from"@dimjs/lang/cjs/is-promise";import{hooks as p}from"@wove/react/cjs/hooks";import{Popover as a,Tooltip as c,Divider as u,Space as d,Popconfirm as m,Button as f}from"antd";import{isValidElement as v,Fragment as j,useState as h,useMemo as g,createElement as y}from"react";import{ButtonWrapper as k}from"../button-wrapper/index.js";import{DropdownMenuWrapper as x}from"../dropdown-menu-wrapper/index.js";import{fbaUtils as T}from"../fba-utils/index.js";import{jsx as w,jsxs as P}from"react/jsx-runtime";import"@ant-design/icons/es/icons/LoadingOutlined";import"@flatbiz/utils";import"../index-
|
|
12
|
+
import r from"@ant-design/icons/es/icons/MoreOutlined";import{_ as e,a as i}from"../_rollupPluginBabelHelpers-c0dbec57.js";import{isUndefined as t}from"@dimjs/lang/cjs/is-undefined";import{classNames as n}from"@dimjs/utils/cjs/class-names";import{isPlainObject as o}from"@dimjs/lang/cjs/is-plain-object";import{isString as s}from"@dimjs/lang/cjs/is-string";import{isPromise as l}from"@dimjs/lang/cjs/is-promise";import{hooks as p}from"@wove/react/cjs/hooks";import{Popover as a,Tooltip as c,Divider as u,Space as d,Popconfirm as m,Button as f}from"antd";import{isValidElement as v,Fragment as j,useState as h,useMemo as g,createElement as y}from"react";import{ButtonWrapper as k}from"../button-wrapper/index.js";import{DropdownMenuWrapper as x}from"../dropdown-menu-wrapper/index.js";import{fbaUtils as T}from"../fba-utils/index.js";import{jsx as w,jsxs as P}from"react/jsx-runtime";import"@ant-design/icons/es/icons/LoadingOutlined";import"@flatbiz/utils";import"../index-853b36e6.js";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"../fba-hooks/index.js";import"@dimjs/lang/cjs/is-array";import"../use-responsive-point-1e6d93d9.js";import"@dimjs/utils/cjs/uuid";import"@dimjs/utils/cjs/extend";import"@ant-design/icons/es/icons/ExclamationCircleFilled";import"../dialog-confirm/index.js";import"../dialog-modal/index.js";import"ahooks";import"react-dom/client";import"../flex-layout/index.js";import"@wove/react/cjs/create-ctx";import"@dimjs/model";var C=["text","onClick","needConfirm","confirmMessage","popconfirmProps","hoverTips","color","tipsType","type","isFold","show"];var b=function r(e){if(e.hoverTips){if(e.tipsType==="popover"){return w(a,{content:e.hoverTips,zIndex:1e3,children:w("span",{children:e.content})})}return w(c,{title:e.hoverTips,zIndex:1e3,children:w("span",{children:e.content})})}if(v(e.content)){return w(j,{children:e.content})}return w("span",{children:e.content})};var z=function a(c){var j=h(false),z=j[0],O=j[1];var F=p.useCallbackRef(function(r,e){var i=r.onClick==null?void 0:r.onClick(e);if(i&&l(i)){O(true);return i.finally(function(){O(false)})}return});var I=c.operateList.filter(function(r){if(!r)return false;if(v(r)){var e,i,t;if(((e=r.props)==null?void 0:e["hidden"])===true)return false;if(((i=r.props)==null?void 0:i["v-hidden"])===true)return false;var n=(t=r.props)==null?void 0:t["v-permission"];if(s(n)){return T.hasPermission(n)}return true}if(o(r)){if(!T.hasPermission(r["permission"])){return false}if(Object.prototype.hasOwnProperty.call(r,"show")){return r["show"]}else if(Object.prototype.hasOwnProperty.call(r,"hidden")){return!r["hidden"]}return true}return false});var M=g(function(){return I.filter(function(r){if(v(r)){return true}return!r["isFold"]})},[I]);var N=g(function(){var r=I.filter(function(r){if(v(r)){return false}return r["isFold"]});var i=[];r.forEach(function(r){var t=e({},r);delete t.isFold;i.push(t)});return i},[I]);var _=g(function(){if(c.size==="small")return 0;return c.gap===undefined?10:c.gap},[c.gap,c.size]);var L=g(function(){if(c.size==="small")return 0;return!c.split?_:0},[_,c.size,c.split]);var B=g(function(){if(c.size==="small")return null;return c.split?w(u,{type:"vertical"}):null},[c.size,c.split]);return w("div",{className:n("table-operate",c.className),style:c.style,children:P(d,e({split:B,size:L,wrap:t(c.wrap)?true:c.wrap},c.spaceProps,{children:[M.map(function(r,t){if(r&&v(r)){return w(b,{content:r,hoverTips:r.hoverTips,tipsType:r.tipsType},t)}var n=r.text,o=r.onClick,s=r.needConfirm,l=r.confirmMessage,p=r.popconfirmProps,a=r.hoverTips,c=r.color,u=r.tipsType,d=r.type;r.isFold;r.show;var f=i(r,C);var j=d||"link";if(s&&!f.disabled){var h=c?false:true;return y(m,e({okText:"确定",cancelText:"取消",trigger:["click"],placement:"topRight",arrow:true,destroyTooltipOnHide:true},p,{title:l,onConfirm:F.bind(null,r),key:t,okButtonProps:{loading:z},onOpenChange:function r(e){if(!e){O(false)}},onCancel:function r(e){e==null||e.stopPropagation()}}),w(k,e({danger:h},f,{onClick:function r(e){e.stopPropagation()},type:j,children:w(b,{content:n,hoverTips:a,tipsType:u},t)})))}return y(k,e({loadingPosition:"center"},f,{color:c,type:j,onClick:function r(e){e.stopPropagation();return o==null?void 0:o(e)},key:t}),w(b,{content:n,hoverTips:a,tipsType:r.tipsType}))}),N.length>0?w(x,e({menuList:N,placement:"bottom"},c.dropdownMenuProps,{children:w(f,{type:"link",className:"fold-more-button",onClick:function r(e){e.stopPropagation()},children:c.foldIcon?c.foldIcon:w(r,{})})})):null]}))})};z.defaultProps={split:true};export{z as ButtonOperate,b as ButtonOperateItemContent};
|
|
13
13
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/button-operate/button-operate.tsx"],"sourcesContent":["import { MoreOutlined } from '@ant-design/icons';\nimport { isPlainObject, isPromise, isString, isUndefined } from '@dimjs/lang';\nimport { classNames } from '@dimjs/utils';\nimport { hooks } from '@wove/react';\nimport type { PopconfirmProps, SpaceProps } from 'antd';\nimport { Button, Divider, Popconfirm, Popover, Space, Tooltip } from 'antd';\nimport type { CSSProperties, FC, ReactElement, ReactNode } from 'react';\nimport { Fragment, isValidElement, useMemo, useState } from 'react';\nimport type { ButtonWrapperProps } from '../button-wrapper/button-wrapper.jsx';\nimport { ButtonWrapper } from '../button-wrapper/button-wrapper.jsx';\nimport type { DialogModalProps } from '../dialog-modal/dialog-modal.jsx';\nimport type { DropdownMenuWrapperProps } from '../dropdown-menu-wrapper/dropdown-menu-wrapper.jsx';\nimport { DropdownMenuWrapper } from '../dropdown-menu-wrapper/dropdown-menu-wrapper.jsx';\nimport { fbaUtils } from '../fba-utils/index.js';\nimport './style.less';\n\nexport interface ButtonOperateItem extends ButtonWrapperProps {\n /** hover 提示文字,isFold=true无效 */\n hoverTips?: string | React.ReactElement;\n /** hover 提示类型 默认:'tooltip' */\n tipsType?: 'popover' | 'tooltip';\n /** 按钮文案 */\n text?: string | ReactElement;\n /** 自定义按钮颜色 */\n color?: string;\n /** 是否需要二次弹框确认 */\n needConfirm?: boolean;\n /** 二次弹框确认文案 */\n confirmMessage?: ReactNode;\n /* isFold=false & needConfirm=true 有效 */\n popconfirmProps?: Pick<PopconfirmProps, 'placement' | 'okText' | 'cancelText' | 'trigger'>;\n /** 是否折叠合拢 */\n isFold?: boolean;\n /* isFold=true & needConfirm=true 有效 */\n confirmModalProps?: DialogModalProps;\n /** 是否显示按钮,优先级高于 hidden */\n show?: boolean;\n}\n\nexport interface ButtonOperateProps {\n className?: string;\n style?: CSSProperties;\n /**\n * 如果数组中元素为ReactElement类型\n * 1. 一般为antd Button组件,如果组件存在属性hidden=true、v-hidden=true,则会隐藏\n * 2. 可配置 v-permission 权限值,例如 v-permission=\"add\"\n * 3. 任何confirm、disabled等状态在外部控制\n * 3. 不支持fold效果\n */\n operateList: Array<ButtonOperateItem | null | ReactElement>;\n /** 是否换行,默认true */\n wrap?: boolean;\n /** 隐藏图标Icon */\n foldIcon?: ReactElement;\n /** 按钮之间是否添加分隔符 */\n split?: boolean;\n /** 多个按钮的包装组件Space属性 */\n spaceProps?: SpaceProps;\n /** 间距,默认:10;split=true配置下无效(可通过spaceProps设置间距) */\n gap?: number;\n /** 折叠合拢属性 */\n dropdownMenuProps?: Omit<DropdownMenuWrapperProps, 'menuList'>;\n\n /**\n * 按钮布局尺寸\n * ```\n * 1. 设置为small后,gap、split 配置失效\n * ```\n */\n size?: 'small' | 'default';\n}\n\nexport const ButtonOperateItemContent = (\n props: Pick<ButtonOperateItem, 'hoverTips' | 'tipsType'> & {\n content: ReactNode;\n },\n) => {\n if (props.hoverTips) {\n if (props.tipsType === 'popover') {\n return (\n <Popover content={props.hoverTips} zIndex={1000}>\n <span>{props.content}</span>\n </Popover>\n );\n }\n return (\n <Tooltip title={props.hoverTips} zIndex={1000}>\n <span>{props.content}</span>\n </Tooltip>\n );\n }\n if (isValidElement(props.content)) {\n return <Fragment>{props.content}</Fragment>;\n }\n // ButtonOperate item 内部 span 包文案会有动态效果\n return <span>{props.content}</span>;\n};\n\n/**\n * 按钮组合处理组件\n * ```\n * 1. operateList中存在ReactElement类型的元素,可通过配置 v-permission 属性来设置权限,例如 v-permission=\"add\"\n * 2. operateList中存在ReactElement类型的元素,如果有hidden、v-hidden属性,值为true会隐藏\n *\n *\n * flatbiz/antd@4.2.49\n * 1. 替换 Fold 中 needConfirm交互,有 Popconfirm 改为 dialogConfirm组件实现二次弹框确认功能\n * 2. 修改原因:升级 antd 5.5.1 后,Dropdown 中 Popconfirm弹框组合使用存在问题\n * ```\n */\nexport const ButtonOperate: FC<ButtonOperateProps> = (props) => {\n const [loading, setLoading] = useState(false);\n\n const onConfirm = hooks.useCallbackRef((item: ButtonOperateItem, event) => {\n const result = item.onClick?.(event);\n if (result && isPromise(result)) {\n setLoading(true);\n return result.finally(() => {\n setLoading(false);\n });\n }\n return;\n });\n\n const operateList = props.operateList.filter((item) => {\n if (!item) return false;\n if (isValidElement(item)) {\n if (item.props?.['hidden'] === true) return false;\n if (item.props?.['v-hidden'] === true) return false;\n const permission = item.props?.['v-permission'];\n if (isString(permission)) {\n return fbaUtils.hasPermission(permission);\n }\n return true;\n }\n if (isPlainObject(item)) {\n if (!fbaUtils.hasPermission(item['permission'])) {\n return false;\n }\n if (Object.prototype.hasOwnProperty.call(item, 'show')) {\n return item['show'];\n } else if (Object.prototype.hasOwnProperty.call(item, 'hidden')) {\n return !item['hidden'];\n }\n return true;\n }\n return false;\n }) as Array<ButtonOperateItem | ReactElement>;\n\n const viewList = useMemo(() => {\n return operateList.filter((item) => {\n if (isValidElement(item)) {\n return true;\n }\n return !item['isFold'];\n }) as ButtonOperateItem[];\n }, [operateList]);\n\n const foldList = useMemo(() => {\n const filterList = operateList.filter((item) => {\n if (isValidElement(item)) {\n return false;\n }\n return item['isFold'];\n }) as ButtonOperateItem[];\n const result = [] as ButtonOperateItem[];\n filterList.forEach((item) => {\n const target = { ...item };\n // 多余字段渲染到react dom上,出现警告\n delete target.isFold;\n result.push(target);\n });\n return result;\n }, [operateList]);\n\n const spaceGap = useMemo(() => {\n if (props.size === 'small') return 0;\n return props.gap === undefined ? 10 : props.gap;\n }, [props.gap, props.size]);\n\n const spaceSize = useMemo(() => {\n if (props.size === 'small') return 0;\n return !props.split ? spaceGap : 0;\n }, [spaceGap, props.size, props.split]);\n\n const spaceSplit = useMemo(() => {\n if (props.size === 'small') return null;\n return props.split ? <Divider type=\"vertical\" /> : null;\n }, [props.size, props.split]);\n\n return (\n <div className={classNames('table-operate', props.className)} style={props.style}>\n <Space\n split={spaceSplit}\n size={spaceSize}\n wrap={isUndefined(props.wrap) ? true : props.wrap}\n {...props.spaceProps}\n >\n {viewList.map((item, index) => {\n if (item && isValidElement(item)) {\n return (\n <ButtonOperateItemContent\n content={item}\n hoverTips={item.hoverTips}\n tipsType={item.tipsType}\n key={index}\n />\n );\n }\n const {\n text,\n onClick,\n needConfirm,\n confirmMessage,\n popconfirmProps,\n hoverTips,\n color,\n tipsType,\n type,\n // 多余字段渲染到react dom上,出现警告\n isFold: _isFold,\n show: _show,\n ...otherProps\n } = item;\n const typeFt = type || 'link';\n if (needConfirm && !otherProps.disabled) {\n const danger = color ? false : true;\n return (\n <Popconfirm\n okText=\"确定\"\n cancelText=\"取消\"\n trigger={['click']}\n placement=\"topRight\"\n arrow={true}\n destroyTooltipOnHide={true}\n {...popconfirmProps}\n title={confirmMessage}\n onConfirm={onConfirm.bind(null, item)}\n key={index}\n okButtonProps={{\n loading,\n }}\n onOpenChange={(_open) => {\n if (!_open) {\n setLoading(false);\n }\n }}\n onCancel={(event) => {\n event?.stopPropagation();\n }}\n >\n <ButtonWrapper\n danger={danger}\n {...otherProps}\n onClick={(event) => {\n event.stopPropagation();\n }}\n type={typeFt}\n >\n <ButtonOperateItemContent\n content={text}\n hoverTips={hoverTips}\n tipsType={tipsType}\n key={index}\n />\n </ButtonWrapper>\n </Popconfirm>\n );\n }\n return (\n <ButtonWrapper\n loadingPosition=\"center\"\n {...otherProps}\n color={color}\n type={typeFt}\n onClick={(event) => {\n event.stopPropagation();\n return onClick?.(event);\n }}\n key={index}\n >\n <ButtonOperateItemContent content={text} hoverTips={hoverTips} tipsType={item.tipsType} />\n </ButtonWrapper>\n );\n })}\n {foldList.length > 0 ? (\n <DropdownMenuWrapper menuList={foldList} placement=\"bottom\" {...props.dropdownMenuProps}>\n <Button\n type=\"link\"\n className=\"fold-more-button\"\n onClick={(event) => {\n event.stopPropagation();\n }}\n >\n {props.foldIcon ? props.foldIcon : <MoreOutlined />}\n </Button>\n </DropdownMenuWrapper>\n ) : null}\n </Space>\n </div>\n );\n};\n\nButtonOperate.defaultProps = {\n split: true,\n};\n"],"names":["ButtonOperateItemContent","props","hoverTips","tipsType","_jsx","Popover","content","zIndex","children","Tooltip","title","isValidElement","Fragment","ButtonOperate","_useState","useState","loading","setLoading","onConfirm","_hooks","useCallbackRef","item","event","result","onClick","_isPromise","finally","operateList","filter","_item$props","_item$props2","_item$props3","permission","_isString","fbaUtils","hasPermission","_isPlainObject","Object","prototype","hasOwnProperty","call","viewList","useMemo","foldList","filterList","forEach","target","_extends","isFold","push","spaceGap","size","gap","undefined","spaceSize","split","spaceSplit","Divider","type","className","_classNames","style","_jsxs","Space","wrap","_isUndefined","spaceProps","map","index","text","needConfirm","confirmMessage","popconfirmProps","color","show","otherProps","_objectWithoutPropertiesLoose","_excluded","typeFt","disabled","danger","_createElement","Popconfirm","okText","cancelText","trigger","placement","arrow","destroyTooltipOnHide","bind","key","okButtonProps","onOpenChange","_open","onCancel","stopPropagation","ButtonWrapper","loadingPosition","length","DropdownMenuWrapper","menuList","dropdownMenuProps","Button","foldIcon","_MoreOutlined","defaultProps"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/button-operate/button-operate.tsx"],"sourcesContent":["import { MoreOutlined } from '@ant-design/icons';\nimport { isPlainObject, isPromise, isString, isUndefined } from '@dimjs/lang';\nimport { classNames } from '@dimjs/utils';\nimport { hooks } from '@wove/react';\nimport type { PopconfirmProps, SpaceProps } from 'antd';\nimport { Button, Divider, Popconfirm, Popover, Space, Tooltip } from 'antd';\nimport type { CSSProperties, FC, ReactElement, ReactNode } from 'react';\nimport { Fragment, isValidElement, useMemo, useState } from 'react';\nimport type { ButtonWrapperProps } from '../button-wrapper/button-wrapper.jsx';\nimport { ButtonWrapper } from '../button-wrapper/button-wrapper.jsx';\nimport type { DialogModalProps } from '../dialog-modal/dialog-modal.jsx';\nimport type { DropdownMenuWrapperProps } from '../dropdown-menu-wrapper/dropdown-menu-wrapper.jsx';\nimport { DropdownMenuWrapper } from '../dropdown-menu-wrapper/dropdown-menu-wrapper.jsx';\nimport { fbaUtils } from '../fba-utils/index.js';\nimport './style.less';\n\nexport interface ButtonOperateItem extends ButtonWrapperProps {\n /** hover 提示文字,isFold=true无效 */\n hoverTips?: string | React.ReactElement;\n /** hover 提示类型 默认:'tooltip' */\n tipsType?: 'popover' | 'tooltip';\n /** 按钮文案 */\n text?: string | ReactElement;\n /** 自定义按钮颜色 */\n color?: string;\n /** 是否需要二次弹框确认 */\n needConfirm?: boolean;\n /** 二次弹框确认文案 */\n confirmMessage?: ReactNode;\n /* isFold=false & needConfirm=true 有效 */\n popconfirmProps?: Pick<PopconfirmProps, 'placement' | 'okText' | 'cancelText' | 'trigger'>;\n /** 是否折叠合拢 */\n isFold?: boolean;\n /* isFold=true & needConfirm=true 有效 */\n confirmModalProps?: DialogModalProps;\n /** 是否显示按钮,优先级高于 hidden */\n show?: boolean;\n}\n\nexport interface ButtonOperateProps {\n className?: string;\n style?: CSSProperties;\n /**\n * 如果数组中元素为ReactElement类型\n * 1. 一般为antd Button组件,如果组件存在属性hidden=true、v-hidden=true,则会隐藏\n * 2. 可配置 v-permission 权限值,例如 v-permission=\"add\"\n * 3. 任何confirm、disabled等状态在外部控制\n * 3. 不支持fold效果\n */\n operateList: Array<ButtonOperateItem | null | ReactElement>;\n /** 是否换行,默认true */\n wrap?: boolean;\n /** 隐藏图标Icon */\n foldIcon?: ReactElement;\n /** 按钮之间是否添加分隔符 */\n split?: boolean;\n /** 多个按钮的包装组件Space属性 */\n spaceProps?: SpaceProps;\n /** 间距,默认:10;split=true配置下无效(可通过spaceProps设置间距) */\n gap?: number;\n /** 折叠合拢属性 */\n dropdownMenuProps?: Omit<DropdownMenuWrapperProps, 'menuList'>;\n\n /**\n * 按钮布局尺寸\n * ```\n * 1. 设置为small后,gap、split 配置失效\n * ```\n */\n size?: 'small' | 'default';\n}\n\nexport const ButtonOperateItemContent = (\n props: Pick<ButtonOperateItem, 'hoverTips' | 'tipsType'> & {\n content: ReactNode;\n },\n) => {\n if (props.hoverTips) {\n if (props.tipsType === 'popover') {\n return (\n <Popover content={props.hoverTips} zIndex={1000}>\n <span>{props.content}</span>\n </Popover>\n );\n }\n return (\n <Tooltip title={props.hoverTips} zIndex={1000}>\n <span>{props.content}</span>\n </Tooltip>\n );\n }\n if (isValidElement(props.content)) {\n return <Fragment>{props.content}</Fragment>;\n }\n // ButtonOperate item 内部 span 包文案会有动态效果\n return <span>{props.content}</span>;\n};\n\n/**\n * 按钮组合处理组件\n * ```\n * 1. operateList中存在ReactElement类型的元素,可通过配置 v-permission 属性来设置权限,例如 v-permission=\"add\"\n * 2. operateList中存在ReactElement类型的元素,如果有hidden、v-hidden属性,值为true会隐藏\n *\n *\n * flatbiz/antd@4.2.49\n * 1. 替换 Fold 中 needConfirm交互,有 Popconfirm 改为 dialogConfirm组件实现二次弹框确认功能\n * 2. 修改原因:升级 antd 5.5.1 后,Dropdown 中 Popconfirm弹框组合使用存在问题\n * ```\n */\nexport const ButtonOperate: FC<ButtonOperateProps> = (props) => {\n const [loading, setLoading] = useState(false);\n\n const onConfirm = hooks.useCallbackRef((item: ButtonOperateItem, event) => {\n const result = item.onClick?.(event);\n if (result && isPromise(result)) {\n setLoading(true);\n return result.finally(() => {\n setLoading(false);\n });\n }\n return;\n });\n\n const operateList = props.operateList.filter((item) => {\n if (!item) return false;\n if (isValidElement(item)) {\n if (item.props?.['hidden'] === true) return false;\n if (item.props?.['v-hidden'] === true) return false;\n const permission = item.props?.['v-permission'];\n if (isString(permission)) {\n return fbaUtils.hasPermission(permission);\n }\n return true;\n }\n if (isPlainObject(item)) {\n if (!fbaUtils.hasPermission(item['permission'])) {\n return false;\n }\n if (Object.prototype.hasOwnProperty.call(item, 'show')) {\n return item['show'];\n } else if (Object.prototype.hasOwnProperty.call(item, 'hidden')) {\n return !item['hidden'];\n }\n return true;\n }\n return false;\n }) as Array<ButtonOperateItem | ReactElement>;\n\n const viewList = useMemo(() => {\n return operateList.filter((item) => {\n if (isValidElement(item)) {\n return true;\n }\n return !item['isFold'];\n }) as ButtonOperateItem[];\n }, [operateList]);\n\n const foldList = useMemo(() => {\n const filterList = operateList.filter((item) => {\n if (isValidElement(item)) {\n return false;\n }\n return item['isFold'];\n }) as ButtonOperateItem[];\n const result = [] as ButtonOperateItem[];\n filterList.forEach((item) => {\n const target = { ...item };\n // 多余字段渲染到react dom上,出现警告\n delete target.isFold;\n result.push(target);\n });\n return result;\n }, [operateList]);\n\n const spaceGap = useMemo(() => {\n if (props.size === 'small') return 0;\n return props.gap === undefined ? 10 : props.gap;\n }, [props.gap, props.size]);\n\n const spaceSize = useMemo(() => {\n if (props.size === 'small') return 0;\n return !props.split ? spaceGap : 0;\n }, [spaceGap, props.size, props.split]);\n\n const spaceSplit = useMemo(() => {\n if (props.size === 'small') return null;\n return props.split ? <Divider type=\"vertical\" /> : null;\n }, [props.size, props.split]);\n\n return (\n <div className={classNames('table-operate', props.className)} style={props.style}>\n <Space\n split={spaceSplit}\n size={spaceSize}\n wrap={isUndefined(props.wrap) ? true : props.wrap}\n {...props.spaceProps}\n >\n {viewList.map((item, index) => {\n if (item && isValidElement(item)) {\n return (\n <ButtonOperateItemContent\n content={item}\n hoverTips={item.hoverTips}\n tipsType={item.tipsType}\n key={index}\n />\n );\n }\n const {\n text,\n onClick,\n needConfirm,\n confirmMessage,\n popconfirmProps,\n hoverTips,\n color,\n tipsType,\n type,\n // 多余字段渲染到react dom上,出现警告\n isFold: _isFold,\n show: _show,\n ...otherProps\n } = item;\n const typeFt = type || 'link';\n if (needConfirm && !otherProps.disabled) {\n const danger = color ? false : true;\n return (\n <Popconfirm\n okText=\"确定\"\n cancelText=\"取消\"\n trigger={['click']}\n placement=\"topRight\"\n arrow={true}\n destroyTooltipOnHide={true}\n {...popconfirmProps}\n title={confirmMessage}\n onConfirm={onConfirm.bind(null, item)}\n key={index}\n okButtonProps={{\n loading,\n }}\n onOpenChange={(_open) => {\n if (!_open) {\n setLoading(false);\n }\n }}\n onCancel={(event) => {\n event?.stopPropagation();\n }}\n >\n <ButtonWrapper\n danger={danger}\n {...otherProps}\n onClick={(event) => {\n event.stopPropagation();\n }}\n type={typeFt}\n >\n <ButtonOperateItemContent\n content={text}\n hoverTips={hoverTips}\n tipsType={tipsType}\n key={index}\n />\n </ButtonWrapper>\n </Popconfirm>\n );\n }\n return (\n <ButtonWrapper\n loadingPosition=\"center\"\n {...otherProps}\n color={color}\n type={typeFt}\n onClick={(event) => {\n event.stopPropagation();\n return onClick?.(event);\n }}\n key={index}\n >\n <ButtonOperateItemContent content={text} hoverTips={hoverTips} tipsType={item.tipsType} />\n </ButtonWrapper>\n );\n })}\n {foldList.length > 0 ? (\n <DropdownMenuWrapper menuList={foldList} placement=\"bottom\" {...props.dropdownMenuProps}>\n <Button\n type=\"link\"\n className=\"fold-more-button\"\n onClick={(event) => {\n event.stopPropagation();\n }}\n >\n {props.foldIcon ? props.foldIcon : <MoreOutlined />}\n </Button>\n </DropdownMenuWrapper>\n ) : null}\n </Space>\n </div>\n );\n};\n\nButtonOperate.defaultProps = {\n split: true,\n};\n"],"names":["ButtonOperateItemContent","props","hoverTips","tipsType","_jsx","Popover","content","zIndex","children","Tooltip","title","isValidElement","Fragment","ButtonOperate","_useState","useState","loading","setLoading","onConfirm","_hooks","useCallbackRef","item","event","result","onClick","_isPromise","finally","operateList","filter","_item$props","_item$props2","_item$props3","permission","_isString","fbaUtils","hasPermission","_isPlainObject","Object","prototype","hasOwnProperty","call","viewList","useMemo","foldList","filterList","forEach","target","_extends","isFold","push","spaceGap","size","gap","undefined","spaceSize","split","spaceSplit","Divider","type","className","_classNames","style","_jsxs","Space","wrap","_isUndefined","spaceProps","map","index","text","needConfirm","confirmMessage","popconfirmProps","color","show","otherProps","_objectWithoutPropertiesLoose","_excluded","typeFt","disabled","danger","_createElement","Popconfirm","okText","cancelText","trigger","placement","arrow","destroyTooltipOnHide","bind","key","okButtonProps","onOpenChange","_open","onCancel","stopPropagation","ButtonWrapper","loadingPosition","length","DropdownMenuWrapper","menuList","dropdownMenuProps","Button","foldIcon","_MoreOutlined","defaultProps"],"mappings":"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"}
|
|
@@ -5,5 +5,5 @@ import './../types/index.css';
|
|
|
5
5
|
import './../fba-utils/index.css';
|
|
6
6
|
import './index.css';
|
|
7
7
|
/*! @flatjs/forge MIT @flatbiz/antd */
|
|
8
|
-
import o from"@ant-design/icons/es/icons/LoadingOutlined";import{a as r,_ as i}from"../_rollupPluginBabelHelpers-c0dbec57.js";import{isPromise as e}from"@dimjs/lang/cjs/is-promise";import{hooks as l}from"@wove/react/cjs/hooks";import{classNames as a}from"@dimjs/utils/cjs/class-names";import{isUndefinedOrNull as n}from"@flatbiz/utils";import{Button as t}from"antd";import{useState as s}from"react";import{C as c}from"../index-
|
|
8
|
+
import o from"@ant-design/icons/es/icons/LoadingOutlined";import{a as r,_ as i}from"../_rollupPluginBabelHelpers-c0dbec57.js";import{isPromise as e}from"@dimjs/lang/cjs/is-promise";import{hooks as l}from"@wove/react/cjs/hooks";import{classNames as a}from"@dimjs/utils/cjs/class-names";import{isUndefinedOrNull as n}from"@flatbiz/utils";import{Button as t}from"antd";import{useState as s}from"react";import{C as c}from"../index-853b36e6.js";import{fbaHooks as m}from"../fba-hooks/index.js";import{fbaUtils as d}from"../fba-utils/index.js";import{jsx as p,jsxs as u}from"react/jsx-runtime";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"@dimjs/utils/cjs/extend";import"@dimjs/lang/cjs/is-array";import"../use-responsive-point-1e6d93d9.js";import"@dimjs/utils/cjs/uuid";import"@dimjs/model";var f=["loadingPosition","color","debounceDuration","permission","hidden","loading","removeGap"];var j=function o(r){if(r.color&&!r.disabled){var i={};if(r.type==="link"){i={colorLink:r.color,colorLinkActive:r.color,colorLinkHover:r.color}}else if(r.type==="primary"){i={colorPrimary:r.color,colorPrimaryHover:r.color,colorPrimaryActive:r.color}}else{i={colorPrimaryHover:r.color,colorPrimaryActive:r.color,colorText:r.color,colorBorder:r.color}}return p(c,{theme:{components:{Button:i}},children:r.children})}return r.children};var v=function c(v){var y=v.loadingPosition,h=v.color,g=v.debounceDuration,b=v.permission,k=v.hidden,P=v.loading,x=v.removeGap,C=r(v,f);var w=P;var N=s(false),D=N[0],H=N[1];var L=y===undefined?"left":y;var _=L==="left";var z=n(g)?500:g;var A=a(C.className,{"button-remove-gap":x});m.useEffectCustom(function(){if(!n(P)){H(w||false)}},[P]);var B=l.useDebounceClick(function(o){var r=v.onClick;if(!r){return}var i=r(o);if(i&&e(i)){H(true);i.catch(function(o){console.error(o)}).finally(function(){H(false)})}},z);if(!d.hasPermission(b)){return null}if(k){return null}if(_){return p(j,{color:h,disabled:v.disabled,type:v.type,children:p(t,i({},C,{onClick:B,loading:D,className:A,children:v.children}))})}return p(j,{color:h,disabled:v.disabled,type:v.type,children:u(t,i({},C,{onClick:B,className:A,children:[D&&p("div",{className:"bw-center-loading",children:p(o,{})}),D?p("div",{style:{opacity:.5},children:v.children}):v.children]}))})};export{v as ButtonWrapper};
|
|
9
9
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/button-wrapper/button-wrapper.tsx"],"sourcesContent":["import { LoadingOutlined } from '@ant-design/icons';\nimport { isPromise } from '@dimjs/lang';\nimport { classNames } from '@dimjs/utils';\nimport { isUndefinedOrNull, TAny } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { Button, ButtonProps } from 'antd';\nimport { OverrideToken } from 'antd/es/theme/interface';\nimport { ReactElement, useState } from 'react';\nimport { ConfigProviderWrapper } from '../config-provider-wrapper';\nimport { fbaHooks } from '../fba-hooks';\nimport { fbaUtils } from '../fba-utils';\nimport './style.less';\n\nexport type ButtonWrapperProps = Omit<ButtonProps, 'onClick' | 'color'> & {\n /** 当返回 Promise 时,按钮自动loading */\n onClick?: (e: React.MouseEvent<HTMLElement>) => Promise<TAny> | void;\n /** 重复点击间隙,单位毫秒 默认值:500 */\n debounceDuration?: number;\n /** 基于GLOBAL中elemAclLimits按钮权限列表,控制按钮显示、隐藏 */\n permission?: string;\n /** 是否隐藏按钮 */\n hidden?: boolean;\n /** loading 显示位置,默认值:left */\n loadingPosition?: 'left' | 'center';\n /** 移除按钮内边距,一般用于 type=link 类型下 */\n removeGap?: boolean;\n color?: string;\n};\n\nconst DefaultButton = (props: {\n children: ReactElement;\n color?: string;\n type?: ButtonProps['type'];\n disabled?: boolean;\n}) => {\n if (props.color && !props.disabled) {\n let buttonTheme: OverrideToken['Button'] = {};\n if (props.type === 'link') {\n buttonTheme = {\n colorLink: props.color,\n colorLinkActive: props.color,\n colorLinkHover: props.color,\n };\n } else if (props.type === 'primary') {\n buttonTheme = {\n colorPrimary: props.color,\n colorPrimaryHover: props.color,\n colorPrimaryActive: props.color,\n };\n } else {\n buttonTheme = {\n colorPrimaryHover: props.color,\n colorPrimaryActive: props.color,\n colorText: props.color,\n colorBorder: props.color,\n };\n }\n\n return (\n <ConfigProviderWrapper\n theme={{\n components: {\n Button: buttonTheme,\n },\n }}\n >\n {props.children}\n </ConfigProviderWrapper>\n );\n }\n return props.children;\n};\n\n/**\n * antd Button包装组件\n * 1. 添加按钮 onClick 返回 Promise自动loading效果\n * 2. 内置 防抖 效果(在第一触发函数后,在指定时间内再次触发无效,即两次触发的时间间隙大于指定时间)\n * @param props\n * @returns\n */\nexport const ButtonWrapper = (props: ButtonWrapperProps) => {\n const { loadingPosition, color, debounceDuration, permission, hidden, loading, removeGap, ...otherProps } =\n props;\n const loadingNew = loading as boolean | undefined;\n const [innerLoading, setLoading] = useState(false);\n const loadingPositionNew = loadingPosition === undefined ? 'left' : loadingPosition;\n const isLoadingLeft = loadingPositionNew === 'left';\n const debounceDurationMew = isUndefinedOrNull(debounceDuration) ? 500 : debounceDuration;\n const className = classNames(otherProps.className, { 'button-remove-gap': removeGap });\n\n fbaHooks.useEffectCustom(() => {\n if (!isUndefinedOrNull(loading)) {\n setLoading(loadingNew || false);\n }\n }, [loading]);\n\n const onClick = hooks.useDebounceClick((e) => {\n const onClick = props.onClick;\n if (!onClick) {\n return;\n }\n const result = onClick(e);\n if (result && isPromise(result)) {\n setLoading(true);\n result\n .catch((error) => {\n console.error(error);\n })\n .finally(() => {\n setLoading(false);\n });\n }\n }, debounceDurationMew);\n\n if (!fbaUtils.hasPermission(permission)) {\n return null;\n }\n\n if (hidden) {\n return null;\n }\n\n if (isLoadingLeft) {\n return (\n <DefaultButton color={color} disabled={props.disabled} type={props.type}>\n <Button {...otherProps} onClick={onClick} loading={innerLoading} className={className}>\n {props.children}\n </Button>\n </DefaultButton>\n );\n }\n\n return (\n <DefaultButton color={color} disabled={props.disabled} type={props.type}>\n <Button {...otherProps} onClick={onClick} className={className}>\n {innerLoading && (\n <div className=\"bw-center-loading\">\n <LoadingOutlined />\n </div>\n )}\n {innerLoading ? <div style={{ opacity: 0.5 }}>{props.children}</div> : props.children}\n </Button>\n </DefaultButton>\n );\n};\n"],"names":["DefaultButton","props","color","disabled","buttonTheme","type","colorLink","colorLinkActive","colorLinkHover","colorPrimary","colorPrimaryHover","colorPrimaryActive","colorText","colorBorder","_jsx","ConfigProviderWrapper","theme","components","Button","children","ButtonWrapper","loadingPosition","debounceDuration","permission","hidden","loading","removeGap","otherProps","_objectWithoutPropertiesLoose","_excluded","loadingNew","_useState","useState","innerLoading","setLoading","loadingPositionNew","undefined","isLoadingLeft","debounceDurationMew","isUndefinedOrNull","className","_classNames","fbaHooks","useEffectCustom","onClick","_hooks","useDebounceClick","e","result","_isPromise","catch","error","console","finally","fbaUtils","hasPermission","_extends","_jsxs","_LoadingOutlined","style","opacity"],"mappings":";uqCA6BA,IAAMA,EAAgB,SAAhBA,EAAiBC,GAMrB,GAAIA,EAAMC,QAAUD,EAAME,SAAU,CAClC,IAAIC,EAAuC,CAAA,EAC3C,GAAIH,EAAMI,OAAS,OAAQ,CACzBD,EAAc,CACZE,UAAWL,EAAMC,MACjBK,gBAAiBN,EAAMC,MACvBM,eAAgBP,EAAMC,MAE1B,MAAO,GAAID,EAAMI,OAAS,UAAW,CACnCD,EAAc,CACZK,aAAcR,EAAMC,MACpBQ,kBAAmBT,EAAMC,MACzBS,mBAAoBV,EAAMC,MAE9B,KAAO,CACLE,EAAc,CACZM,kBAAmBT,EAAMC,MACzBS,mBAAoBV,EAAMC,MAC1BU,UAAWX,EAAMC,MACjBW,YAAaZ,EAAMC,MAEvB,CAEA,OACEY,EAACC,EAAqB,CACpBC,MAAO,CACLC,WAAY,CACVC,OAAQd,IAEVe,SAEDlB,EAAMkB,UAGb,CACA,OAAOlB,EAAMkB,QACf,MASaC,EAAgB,SAAhBA,EAAiBnB,GAC5B,IAAQoB,EACNpB,EADMoB,gBAAiBnB,EACvBD,EADuBC,MAAOoB,EAC9BrB,EAD8BqB,iBAAkBC,EAChDtB,EADgDsB,WAAYC,EAC5DvB,EAD4DuB,OAAQC,EACpExB,EADoEwB,QAASC,EAC7EzB,EAD6EyB,UAAcC,EAAUC,EACrG3B,EAAK4B,GACP,IAAMC,EAAaL,EACnB,IAAAM,EAAmCC,EAAS,OAArCC,EAAYF,EAAA,GAAEG,EAAUH,EAAA,GAC/B,IAAMI,EAAqBd,IAAoBe,UAAY,OAASf,EACpE,IAAMgB,EAAgBF,IAAuB,OAC7C,IAAMG,EAAsBC,EAAkBjB,GAAoB,IAAMA,EACxE,IAAMkB,EAAYC,EAAWd,EAAWa,UAAW,CAAE,oBAAqBd,IAE1EgB,EAASC,
|
|
1
|
+
{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/button-wrapper/button-wrapper.tsx"],"sourcesContent":["import { LoadingOutlined } from '@ant-design/icons';\nimport { isPromise } from '@dimjs/lang';\nimport { classNames } from '@dimjs/utils';\nimport { isUndefinedOrNull, TAny } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { Button, ButtonProps } from 'antd';\nimport { OverrideToken } from 'antd/es/theme/interface';\nimport { ReactElement, useState } from 'react';\nimport { ConfigProviderWrapper } from '../config-provider-wrapper';\nimport { fbaHooks } from '../fba-hooks';\nimport { fbaUtils } from '../fba-utils';\nimport './style.less';\n\nexport type ButtonWrapperProps = Omit<ButtonProps, 'onClick' | 'color'> & {\n /** 当返回 Promise 时,按钮自动loading */\n onClick?: (e: React.MouseEvent<HTMLElement>) => Promise<TAny> | void;\n /** 重复点击间隙,单位毫秒 默认值:500 */\n debounceDuration?: number;\n /** 基于GLOBAL中elemAclLimits按钮权限列表,控制按钮显示、隐藏 */\n permission?: string;\n /** 是否隐藏按钮 */\n hidden?: boolean;\n /** loading 显示位置,默认值:left */\n loadingPosition?: 'left' | 'center';\n /** 移除按钮内边距,一般用于 type=link 类型下 */\n removeGap?: boolean;\n color?: string;\n};\n\nconst DefaultButton = (props: {\n children: ReactElement;\n color?: string;\n type?: ButtonProps['type'];\n disabled?: boolean;\n}) => {\n if (props.color && !props.disabled) {\n let buttonTheme: OverrideToken['Button'] = {};\n if (props.type === 'link') {\n buttonTheme = {\n colorLink: props.color,\n colorLinkActive: props.color,\n colorLinkHover: props.color,\n };\n } else if (props.type === 'primary') {\n buttonTheme = {\n colorPrimary: props.color,\n colorPrimaryHover: props.color,\n colorPrimaryActive: props.color,\n };\n } else {\n buttonTheme = {\n colorPrimaryHover: props.color,\n colorPrimaryActive: props.color,\n colorText: props.color,\n colorBorder: props.color,\n };\n }\n\n return (\n <ConfigProviderWrapper\n theme={{\n components: {\n Button: buttonTheme,\n },\n }}\n >\n {props.children}\n </ConfigProviderWrapper>\n );\n }\n return props.children;\n};\n\n/**\n * antd Button包装组件\n * 1. 添加按钮 onClick 返回 Promise自动loading效果\n * 2. 内置 防抖 效果(在第一触发函数后,在指定时间内再次触发无效,即两次触发的时间间隙大于指定时间)\n * @param props\n * @returns\n */\nexport const ButtonWrapper = (props: ButtonWrapperProps) => {\n const { loadingPosition, color, debounceDuration, permission, hidden, loading, removeGap, ...otherProps } =\n props;\n const loadingNew = loading as boolean | undefined;\n const [innerLoading, setLoading] = useState(false);\n const loadingPositionNew = loadingPosition === undefined ? 'left' : loadingPosition;\n const isLoadingLeft = loadingPositionNew === 'left';\n const debounceDurationMew = isUndefinedOrNull(debounceDuration) ? 500 : debounceDuration;\n const className = classNames(otherProps.className, { 'button-remove-gap': removeGap });\n\n fbaHooks.useEffectCustom(() => {\n if (!isUndefinedOrNull(loading)) {\n setLoading(loadingNew || false);\n }\n }, [loading]);\n\n const onClick = hooks.useDebounceClick((e) => {\n const onClick = props.onClick;\n if (!onClick) {\n return;\n }\n const result = onClick(e);\n if (result && isPromise(result)) {\n setLoading(true);\n result\n .catch((error) => {\n console.error(error);\n })\n .finally(() => {\n setLoading(false);\n });\n }\n }, debounceDurationMew);\n\n if (!fbaUtils.hasPermission(permission)) {\n return null;\n }\n\n if (hidden) {\n return null;\n }\n\n if (isLoadingLeft) {\n return (\n <DefaultButton color={color} disabled={props.disabled} type={props.type}>\n <Button {...otherProps} onClick={onClick} loading={innerLoading} className={className}>\n {props.children}\n </Button>\n </DefaultButton>\n );\n }\n\n return (\n <DefaultButton color={color} disabled={props.disabled} type={props.type}>\n <Button {...otherProps} onClick={onClick} className={className}>\n {innerLoading && (\n <div className=\"bw-center-loading\">\n <LoadingOutlined />\n </div>\n )}\n {innerLoading ? <div style={{ opacity: 0.5 }}>{props.children}</div> : props.children}\n </Button>\n </DefaultButton>\n );\n};\n"],"names":["DefaultButton","props","color","disabled","buttonTheme","type","colorLink","colorLinkActive","colorLinkHover","colorPrimary","colorPrimaryHover","colorPrimaryActive","colorText","colorBorder","_jsx","ConfigProviderWrapper","theme","components","Button","children","ButtonWrapper","loadingPosition","debounceDuration","permission","hidden","loading","removeGap","otherProps","_objectWithoutPropertiesLoose","_excluded","loadingNew","_useState","useState","innerLoading","setLoading","loadingPositionNew","undefined","isLoadingLeft","debounceDurationMew","isUndefinedOrNull","className","_classNames","fbaHooks","useEffectCustom","onClick","_hooks","useDebounceClick","e","result","_isPromise","catch","error","console","finally","fbaUtils","hasPermission","_extends","_jsxs","_LoadingOutlined","style","opacity"],"mappings":";uqCA6BA,IAAMA,EAAgB,SAAhBA,EAAiBC,GAMrB,GAAIA,EAAMC,QAAUD,EAAME,SAAU,CAClC,IAAIC,EAAuC,CAAA,EAC3C,GAAIH,EAAMI,OAAS,OAAQ,CACzBD,EAAc,CACZE,UAAWL,EAAMC,MACjBK,gBAAiBN,EAAMC,MACvBM,eAAgBP,EAAMC,MAE1B,MAAO,GAAID,EAAMI,OAAS,UAAW,CACnCD,EAAc,CACZK,aAAcR,EAAMC,MACpBQ,kBAAmBT,EAAMC,MACzBS,mBAAoBV,EAAMC,MAE9B,KAAO,CACLE,EAAc,CACZM,kBAAmBT,EAAMC,MACzBS,mBAAoBV,EAAMC,MAC1BU,UAAWX,EAAMC,MACjBW,YAAaZ,EAAMC,MAEvB,CAEA,OACEY,EAACC,EAAqB,CACpBC,MAAO,CACLC,WAAY,CACVC,OAAQd,IAEVe,SAEDlB,EAAMkB,UAGb,CACA,OAAOlB,EAAMkB,QACf,MASaC,EAAgB,SAAhBA,EAAiBnB,GAC5B,IAAQoB,EACNpB,EADMoB,gBAAiBnB,EACvBD,EADuBC,MAAOoB,EAC9BrB,EAD8BqB,iBAAkBC,EAChDtB,EADgDsB,WAAYC,EAC5DvB,EAD4DuB,OAAQC,EACpExB,EADoEwB,QAASC,EAC7EzB,EAD6EyB,UAAcC,EAAUC,EACrG3B,EAAK4B,GACP,IAAMC,EAAaL,EACnB,IAAAM,EAAmCC,EAAS,OAArCC,EAAYF,EAAA,GAAEG,EAAUH,EAAA,GAC/B,IAAMI,EAAqBd,IAAoBe,UAAY,OAASf,EACpE,IAAMgB,EAAgBF,IAAuB,OAC7C,IAAMG,EAAsBC,EAAkBjB,GAAoB,IAAMA,EACxE,IAAMkB,EAAYC,EAAWd,EAAWa,UAAW,CAAE,oBAAqBd,IAE1EgB,EAASC,gBAAgB,WACvB,IAAKJ,EAAkBd,GAAU,CAC/BS,EAAWJ,GAAc,MAC3B,CACF,EAAG,CAACL,IAEJ,IAAMmB,EAAUC,EAAMC,iBAAiB,SAACC,GACtC,IAAMH,EAAU3C,EAAM2C,QACtB,IAAKA,EAAS,CACZ,MACF,CACA,IAAMI,EAASJ,EAAQG,GACvB,GAAIC,GAAUC,EAAUD,GAAS,CAC/Bd,EAAW,MACXc,EACGE,MAAM,SAACC,GACNC,QAAQD,MAAMA,EAChB,GACCE,QAAQ,WACPnB,EAAW,MACb,EACJ,CACD,EAAEI,GAEH,IAAKgB,EAASC,cAAchC,GAAa,CACvC,OAAO,IACT,CAEA,GAAIC,EAAQ,CACV,OAAO,IACT,CAEA,GAAIa,EAAe,CACjB,OACEvB,EAACd,EAAa,CAACE,MAAOA,EAAOC,SAAUF,EAAME,SAAUE,KAAMJ,EAAMI,KAAKc,SACtEL,EAACI,EAAMsC,KAAK7B,EAAU,CAAEiB,QAASA,EAASnB,QAASQ,EAAcO,UAAWA,EAAUrB,SACnFlB,EAAMkB,aAIf,CAEA,OACEL,EAACd,EAAa,CAACE,MAAOA,EAAOC,SAAUF,EAAME,SAAUE,KAAMJ,EAAMI,KAAKc,SACtEsC,EAACvC,EAAMsC,KAAK7B,EAAU,CAAEiB,QAASA,EAASJ,UAAWA,EAAUrB,SAAA,CAC5Dc,GACCnB,EAAA,MAAA,CAAK0B,UAAU,oBAAmBrB,SAChCL,EAAA4C,EAAkB,MAGrBzB,EAAenB,EAAA,MAAA,CAAK6C,MAAO,CAAEC,QAAS,IAAMzC,SAAElB,EAAMkB,WAAkBlB,EAAMkB,cAIrF"}
|
package/esm/card-layout/index.js
CHANGED
|
@@ -2,5 +2,5 @@
|
|
|
2
2
|
import './../block-layout/index.css';
|
|
3
3
|
import './index.css';
|
|
4
4
|
/*! @flatjs/forge MIT @flatbiz/antd */
|
|
5
|
-
import{isArray as t}from"@dimjs/lang/cjs/is-array";import{_ as e}from"../_rollupPluginBabelHelpers-c0dbec57.js";import{extend as l}from"@dimjs/utils/cjs/extend";import{classNames as i}from"@dimjs/utils/cjs/class-names";import{Space as a}from"antd";import{Fragment as r}from"react";import{BlockLayout as s}from"../block-layout/index.js";import{jsx as d,jsxs as c}from"react/jsx-runtime";var n=function n(o){var u;var m=i("card-layout",{"card-layout-tight":o.layoutType==="tight","card-layout-title-fixed":o.titleFixed,"card-layout-small":o.size==="small"},o.className);var y=l(o.style,{padding:o.padding,width:o.width,height:o.height,overflowY:!o.titleFixed&&(o.height||(u=o.style)!=null&&u.height)?"auto":undefined});if(o.hidden)return d(r,{});return c(s,{className:m,style:y,onClick:o.onClick,children:[o.title||o.titleExtra?c("div",{className:i("card-layout-title",{"card-layout-title-sign":o.title?o.titleLeftLine:false}),style:o.titleStyle,children:[o.subTitle?c(r,{children:[d("div",{className:"card-layout-title-content",style:o.titleContentStyle,children:o.title}),d("div",{className:"card-layout-subtitle",style:e({marginLeft:10},o.subTitleStyle),children:o.subTitle})]}):d("div",{className:"card-layout-title-content",style:e({flex:1},o.titleContentStyle),children:o.title}),o.titleExtra?d("div",{className:"card-layout-title-extra",style:o.titleExtraStyle,children:o.titleExtra}):null]}):null,o.desc&&!t(o.desc)?d("div",{className:"card-layout-desc",children:o.desc}):null,o.desc&&t(o.desc)?d("div",{className:"card-layout-desc-list",children:d(a,{direction:"vertical",size:0,children:o.desc.map(
|
|
5
|
+
import{isArray as t}from"@dimjs/lang/cjs/is-array";import{_ as e}from"../_rollupPluginBabelHelpers-c0dbec57.js";import{extend as l}from"@dimjs/utils/cjs/extend";import{classNames as i}from"@dimjs/utils/cjs/class-names";import{Space as a}from"antd";import{Fragment as r}from"react";import{BlockLayout as s}from"../block-layout/index.js";import{jsx as d,jsxs as c}from"react/jsx-runtime";var n=function n(o){var u;var m=i("card-layout",{"card-layout-tight":o.layoutType==="tight","card-layout-title-fixed":o.titleFixed,"card-layout-small":o.size==="small"},o.className);var y=l(o.style,{padding:o.padding,width:o.width,height:o.height,overflowY:!o.titleFixed&&(o.height||(u=o.style)!=null&&u.height)?"auto":undefined});if(o.hidden)return d(r,{});return c(s,{className:m,style:y,onClick:o.onClick,children:[o.title||o.titleExtra?c("div",{className:i("card-layout-title",{"card-layout-title-sign":o.title?o.titleLeftLine:false}),style:o.titleStyle,children:[o.subTitle?c(r,{children:[d("div",{className:"card-layout-title-content",style:o.titleContentStyle,children:o.title}),d("div",{className:"card-layout-subtitle",style:e({marginLeft:10},o.subTitleStyle),children:o.subTitle})]}):d("div",{className:"card-layout-title-content",style:e({flex:1},o.titleContentStyle),children:o.title}),o.titleExtra?d("div",{className:"card-layout-title-extra",style:o.titleExtraStyle,children:o.titleExtra}):null]}):null,o.desc&&!t(o.desc)?d("div",{className:"card-layout-desc",children:o.desc}):null,o.desc&&t(o.desc)?d("div",{className:"card-layout-desc-list",children:d(a,{direction:"vertical",size:0,children:o.desc.map(function(t,e){return d(r,{children:t},e)})})}):null,o.children?d("div",{className:"card-layout-content",style:o.contentStyle,children:o.children}):null]})};n.defaultProps={titleLeftLine:true,layoutType:"layer"};export{n as CardLayout};
|
|
6
6
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/card-layout/card-layout.tsx"],"sourcesContent":["import { isArray } from '@dimjs/lang';\nimport { classNames, extend } from '@dimjs/utils';\nimport { Space } from 'antd';\nimport { Fragment, type CSSProperties, type ReactElement, type ReactNode } from 'react';\nimport { BlockLayout } from '../block-layout';\nimport './style.less';\n\nexport type CardLayoutProps = {\n /** 描述 */\n desc?: string | string[] | ReactElement | ReactElement[];\n /** 标题 */\n title?: string | ReactElement;\n /** 子标题,在标题右侧 */\n subTitle?: string | ReactElement;\n /**\n * layoutType 布局类型\n * ```\n * 1. layer:分层布局\n * 2. tight:紧凑布局(没有外边距)\n * ```\n */\n layoutType?: 'layer' | 'tight';\n /** 隐藏标题左侧符号 */\n titleLeftLine?: boolean;\n titleStyle?: CSSProperties;\n titleContentStyle?: CSSProperties;\n subTitleStyle?: CSSProperties;\n titleExtraStyle?: CSSProperties;\n contentStyle?: CSSProperties;\n /** 优先级大于 style padding */\n padding?: CSSProperties['padding'];\n /** 优先级大于 style width */\n width?: CSSProperties['width'];\n /** 优先级大于 style height */\n height?: CSSProperties['height'];\n /** 标题右侧布局 */\n titleExtra?: string | ReactElement;\n /** 当存在滚动条时,标题固定,滚动区域为内部部分 */\n titleFixed?: boolean;\n /**\n * 间距尺寸\n * 1. default = 15\n * 2. small = 8\n */\n size?: 'default' | 'small';\n onClick?: (event) => void;\n hidden?: boolean;\n children?: ReactNode;\n className?: string;\n style?: CSSProperties;\n};\n\n/**\n * 卡片结构布局,替代 SimpleLayout 组件\n * @param props\n * @returns\n * ```\n * 1. layoutType 布局类型\n * layer:分层布局\n * tight:紧凑布局(没有外边距)\n * ```\n */\nexport const CardLayout = (props: CardLayoutProps) => {\n const className = classNames(\n 'card-layout',\n {\n 'card-layout-tight': props.layoutType === 'tight',\n // 'card-layout-formlabel-left': labelAlign === 'left',\n 'card-layout-title-fixed': props.titleFixed,\n 'card-layout-small': props.size === 'small',\n },\n props.className,\n );\n\n // const theme = fbaHooks.useThemeToken();\n const style = extend(\n // { '--card-layout-colorPrimary': theme.colorPrimary },\n props.style,\n {\n padding: props.padding,\n width: props.width,\n height: props.height,\n overflowY: !props.titleFixed && (props.height || props.style?.height) ? 'auto' : undefined,\n },\n );\n\n if (props.hidden) return <Fragment />;\n\n return (\n <BlockLayout className={className} style={style} onClick={props.onClick}>\n {props.title || props.titleExtra ? (\n <div\n className={classNames('card-layout-title', {\n 'card-layout-title-sign': props.title ? props.titleLeftLine : false,\n })}\n style={props.titleStyle}\n >\n {props.subTitle ? (\n <Fragment>\n <div className=\"card-layout-title-content\" style={props.titleContentStyle}>\n {props.title}\n </div>\n <div className=\"card-layout-subtitle\" style={{ marginLeft: 10, ...props.subTitleStyle }}>\n {props.subTitle}\n </div>\n </Fragment>\n ) : (\n <div\n className=\"card-layout-title-content\"\n style={{\n flex: 1,\n ...props.titleContentStyle,\n }}\n >\n {props.title}\n </div>\n )}\n\n {props.titleExtra ? (\n <div className=\"card-layout-title-extra\" style={props.titleExtraStyle}>\n {props.titleExtra}\n </div>\n ) : null}\n </div>\n ) : null}\n {props.desc && !isArray(props.desc) ? <div className=\"card-layout-desc\">{props.desc}</div> : null}\n {props.desc && isArray(props.desc) ? (\n <div className=\"card-layout-desc-list\">\n <Space direction=\"vertical\" size={0}>\n {(props.desc as string[]).map((item, index) => {\n return <Fragment key={index}>{item}</Fragment>;\n })}\n </Space>\n </div>\n ) : null}\n {props.children ? (\n <div className=\"card-layout-content\" style={props.contentStyle}>\n {props.children}\n </div>\n ) : null}\n </BlockLayout>\n );\n};\n\nCardLayout.defaultProps = {\n titleLeftLine: true,\n layoutType: 'layer',\n};\n"],"names":["CardLayout","props","_props$style","className","_classNames","layoutType","titleFixed","size","style","_extend","padding","width","height","overflowY","undefined","hidden","_jsx","Fragment","_jsxs","BlockLayout","onClick","children","title","titleExtra","titleLeftLine","titleStyle","subTitle","titleContentStyle","_extends","marginLeft","subTitleStyle","flex","titleExtraStyle","desc","_isArray","Space","direction","map","item","index","contentStyle","defaultProps"],"mappings":";sYA8DaA,EAAa,SAAbA,EAAcC,GAA2B,IAAAC,EACpD,IAAMC,EAAYC,EAChB,cACA,CACE,oBAAqBH,EAAMI,aAAe,QAE1C,0BAA2BJ,EAAMK,WACjC,oBAAqBL,EAAMM,OAAS,SAEtCN,EAAME,WAIR,IAAMK,EAAQC,EAEZR,EAAMO,MACN,CACEE,QAAST,EAAMS,QACfC,MAAOV,EAAMU,MACbC,OAAQX,EAAMW,OACdC,WAAYZ,EAAMK,aAAeL,EAAMW,SAAMV,EAAID,EAAMO,QAANN,MAAAA,EAAaU,QAAU,OAASE,YAIrF,GAAIb,EAAMc,OAAQ,OAAOC,EAACC,EAAQ,CAAE,GAEpC,OACEC,EAACC,EAAW,CAAChB,UAAWA,EAAWK,MAAOA,EAAOY,QAASnB,EAAMmB,QAAQC,SAAA,CACrEpB,EAAMqB,OAASrB,EAAMsB,WACpBL,EAAA,MAAA,CACEf,UAAWC,EAAW,oBAAqB,CACzC,yBAA0BH,EAAMqB,MAAQrB,EAAMuB,cAAgB,QAEhEhB,MAAOP,EAAMwB,WAAWJ,UAEvBpB,EAAMyB,SACLR,EAACD,EAAQ,CAAAI,UACPL,EAAA,MAAA,CAAKb,UAAU,4BAA4BK,MAAOP,EAAM0B,kBAAkBN,SACvEpB,EAAMqB,QAETN,EAAA,MAAA,CAAKb,UAAU,uBAAuBK,MAAKoB,EAAA,CAAIC,WAAY,IAAO5B,EAAM6B,eAAgBT,SACrFpB,EAAMyB,cAIXV,EAAA,MAAA,CACEb,UAAU,4BACVK,MAAKoB,EAAA,CACHG,KAAM,GACH9B,EAAM0B,mBACTN,SAEDpB,EAAMqB,QAIVrB,EAAMsB,WACLP,EAAA,MAAA,CAAKb,UAAU,0BAA0BK,MAAOP,EAAM+B,gBAAgBX,SACnEpB,EAAMsB,aAEP,QAEJ,KACHtB,EAAMgC,OAASC,EAAQjC,EAAMgC,MAAQjB,EAAA,MAAA,CAAKb,UAAU,mBAAkBkB,SAAEpB,EAAMgC,OAAc,KAC5FhC,EAAMgC,MAAQC,EAAQjC,EAAMgC,MAC3BjB,EAAA,MAAA,CAAKb,UAAU,wBAAuBkB,SACpCL,EAACmB,EAAK,CAACC,UAAU,WAAW7B,KAAM,EAAEc,SAChCpB,EAAMgC,KAAkBI,
|
|
1
|
+
{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/card-layout/card-layout.tsx"],"sourcesContent":["import { isArray } from '@dimjs/lang';\nimport { classNames, extend } from '@dimjs/utils';\nimport { Space } from 'antd';\nimport { Fragment, type CSSProperties, type ReactElement, type ReactNode } from 'react';\nimport { BlockLayout } from '../block-layout';\nimport './style.less';\n\nexport type CardLayoutProps = {\n /** 描述 */\n desc?: string | string[] | ReactElement | ReactElement[];\n /** 标题 */\n title?: string | ReactElement;\n /** 子标题,在标题右侧 */\n subTitle?: string | ReactElement;\n /**\n * layoutType 布局类型\n * ```\n * 1. layer:分层布局\n * 2. tight:紧凑布局(没有外边距)\n * ```\n */\n layoutType?: 'layer' | 'tight';\n /** 隐藏标题左侧符号 */\n titleLeftLine?: boolean;\n titleStyle?: CSSProperties;\n titleContentStyle?: CSSProperties;\n subTitleStyle?: CSSProperties;\n titleExtraStyle?: CSSProperties;\n contentStyle?: CSSProperties;\n /** 优先级大于 style padding */\n padding?: CSSProperties['padding'];\n /** 优先级大于 style width */\n width?: CSSProperties['width'];\n /** 优先级大于 style height */\n height?: CSSProperties['height'];\n /** 标题右侧布局 */\n titleExtra?: string | ReactElement;\n /** 当存在滚动条时,标题固定,滚动区域为内部部分 */\n titleFixed?: boolean;\n /**\n * 间距尺寸\n * 1. default = 15\n * 2. small = 8\n */\n size?: 'default' | 'small';\n onClick?: (event) => void;\n hidden?: boolean;\n children?: ReactNode;\n className?: string;\n style?: CSSProperties;\n};\n\n/**\n * 卡片结构布局,替代 SimpleLayout 组件\n * @param props\n * @returns\n * ```\n * 1. layoutType 布局类型\n * layer:分层布局\n * tight:紧凑布局(没有外边距)\n * ```\n */\nexport const CardLayout = (props: CardLayoutProps) => {\n const className = classNames(\n 'card-layout',\n {\n 'card-layout-tight': props.layoutType === 'tight',\n // 'card-layout-formlabel-left': labelAlign === 'left',\n 'card-layout-title-fixed': props.titleFixed,\n 'card-layout-small': props.size === 'small',\n },\n props.className,\n );\n\n // const theme = fbaHooks.useThemeToken();\n const style = extend(\n // { '--card-layout-colorPrimary': theme.colorPrimary },\n props.style,\n {\n padding: props.padding,\n width: props.width,\n height: props.height,\n overflowY: !props.titleFixed && (props.height || props.style?.height) ? 'auto' : undefined,\n },\n );\n\n if (props.hidden) return <Fragment />;\n\n return (\n <BlockLayout className={className} style={style} onClick={props.onClick}>\n {props.title || props.titleExtra ? (\n <div\n className={classNames('card-layout-title', {\n 'card-layout-title-sign': props.title ? props.titleLeftLine : false,\n })}\n style={props.titleStyle}\n >\n {props.subTitle ? (\n <Fragment>\n <div className=\"card-layout-title-content\" style={props.titleContentStyle}>\n {props.title}\n </div>\n <div className=\"card-layout-subtitle\" style={{ marginLeft: 10, ...props.subTitleStyle }}>\n {props.subTitle}\n </div>\n </Fragment>\n ) : (\n <div\n className=\"card-layout-title-content\"\n style={{\n flex: 1,\n ...props.titleContentStyle,\n }}\n >\n {props.title}\n </div>\n )}\n\n {props.titleExtra ? (\n <div className=\"card-layout-title-extra\" style={props.titleExtraStyle}>\n {props.titleExtra}\n </div>\n ) : null}\n </div>\n ) : null}\n {props.desc && !isArray(props.desc) ? <div className=\"card-layout-desc\">{props.desc}</div> : null}\n {props.desc && isArray(props.desc) ? (\n <div className=\"card-layout-desc-list\">\n <Space direction=\"vertical\" size={0}>\n {(props.desc as string[]).map((item, index) => {\n return <Fragment key={index}>{item}</Fragment>;\n })}\n </Space>\n </div>\n ) : null}\n {props.children ? (\n <div className=\"card-layout-content\" style={props.contentStyle}>\n {props.children}\n </div>\n ) : null}\n </BlockLayout>\n );\n};\n\nCardLayout.defaultProps = {\n titleLeftLine: true,\n layoutType: 'layer',\n};\n"],"names":["CardLayout","props","_props$style","className","_classNames","layoutType","titleFixed","size","style","_extend","padding","width","height","overflowY","undefined","hidden","_jsx","Fragment","_jsxs","BlockLayout","onClick","children","title","titleExtra","titleLeftLine","titleStyle","subTitle","titleContentStyle","_extends","marginLeft","subTitleStyle","flex","titleExtraStyle","desc","_isArray","Space","direction","map","item","index","contentStyle","defaultProps"],"mappings":";sYA8DaA,EAAa,SAAbA,EAAcC,GAA2B,IAAAC,EACpD,IAAMC,EAAYC,EAChB,cACA,CACE,oBAAqBH,EAAMI,aAAe,QAE1C,0BAA2BJ,EAAMK,WACjC,oBAAqBL,EAAMM,OAAS,SAEtCN,EAAME,WAIR,IAAMK,EAAQC,EAEZR,EAAMO,MACN,CACEE,QAAST,EAAMS,QACfC,MAAOV,EAAMU,MACbC,OAAQX,EAAMW,OACdC,WAAYZ,EAAMK,aAAeL,EAAMW,SAAMV,EAAID,EAAMO,QAANN,MAAAA,EAAaU,QAAU,OAASE,YAIrF,GAAIb,EAAMc,OAAQ,OAAOC,EAACC,EAAQ,CAAE,GAEpC,OACEC,EAACC,EAAW,CAAChB,UAAWA,EAAWK,MAAOA,EAAOY,QAASnB,EAAMmB,QAAQC,SAAA,CACrEpB,EAAMqB,OAASrB,EAAMsB,WACpBL,EAAA,MAAA,CACEf,UAAWC,EAAW,oBAAqB,CACzC,yBAA0BH,EAAMqB,MAAQrB,EAAMuB,cAAgB,QAEhEhB,MAAOP,EAAMwB,WAAWJ,UAEvBpB,EAAMyB,SACLR,EAACD,EAAQ,CAAAI,UACPL,EAAA,MAAA,CAAKb,UAAU,4BAA4BK,MAAOP,EAAM0B,kBAAkBN,SACvEpB,EAAMqB,QAETN,EAAA,MAAA,CAAKb,UAAU,uBAAuBK,MAAKoB,EAAA,CAAIC,WAAY,IAAO5B,EAAM6B,eAAgBT,SACrFpB,EAAMyB,cAIXV,EAAA,MAAA,CACEb,UAAU,4BACVK,MAAKoB,EAAA,CACHG,KAAM,GACH9B,EAAM0B,mBACTN,SAEDpB,EAAMqB,QAIVrB,EAAMsB,WACLP,EAAA,MAAA,CAAKb,UAAU,0BAA0BK,MAAOP,EAAM+B,gBAAgBX,SACnEpB,EAAMsB,aAEP,QAEJ,KACHtB,EAAMgC,OAASC,EAAQjC,EAAMgC,MAAQjB,EAAA,MAAA,CAAKb,UAAU,mBAAkBkB,SAAEpB,EAAMgC,OAAc,KAC5FhC,EAAMgC,MAAQC,EAAQjC,EAAMgC,MAC3BjB,EAAA,MAAA,CAAKb,UAAU,wBAAuBkB,SACpCL,EAACmB,EAAK,CAACC,UAAU,WAAW7B,KAAM,EAAEc,SAChCpB,EAAMgC,KAAkBI,IAAI,SAACC,EAAMC,GACnC,OAAOvB,EAACC,EAAQ,CAAAI,SAAciB,GAARC,SAI1B,KACHtC,EAAMoB,SACLL,EAAA,MAAA,CAAKb,UAAU,sBAAsBK,MAAOP,EAAMuC,aAAanB,SAC5DpB,EAAMoB,WAEP,OAGV,EAEArB,EAAWyC,aAAe,CACxBjB,cAAe,KACfnB,WAAY"}
|
|
@@ -2,5 +2,5 @@
|
|
|
2
2
|
import './../fba-hooks/index.css';
|
|
3
3
|
import './index.css';
|
|
4
4
|
/*! @flatjs/forge MIT @flatbiz/antd */
|
|
5
|
-
import e from"@ant-design/icons/es/icons/CloseCircleFilled";import n from"@ant-design/icons/es/icons/RedoOutlined";import{classNames as r}from"@dimjs/utils/cjs/class-names";import{a as t,_ as i}from"../_rollupPluginBabelHelpers-c0dbec57.js";import{hooks as o}from"@wove/react/cjs/hooks";import{isArray as a}from"@dimjs/lang/cjs/is-array";import{get as s}from"@dimjs/utils/cjs/get";import{extend as l}from"@dimjs/utils/cjs/extend";import{toArray as u,isUndefinedOrNull as f,treeNodeParentsList as c}from"@flatbiz/utils";import{Cascader as m,Button as d,Flex as p}from"antd";import{forwardRef as v,useState as g,useRef as h,useMemo as C,useEffect as j,useImperativeHandle as q}from"react";import{fbaHooks as y}from"../fba-hooks/index.js";import{RequestStatus as R}from"../request-status/index.js";import{isPlainObject as b}from"@dimjs/lang/cjs/is-plain-object";import{jsx as x,jsxs as L}from"react/jsx-runtime";import"../use-responsive-point-
|
|
5
|
+
import e from"@ant-design/icons/es/icons/CloseCircleFilled";import n from"@ant-design/icons/es/icons/RedoOutlined";import{classNames as r}from"@dimjs/utils/cjs/class-names";import{a as t,_ as i}from"../_rollupPluginBabelHelpers-c0dbec57.js";import{hooks as o}from"@wove/react/cjs/hooks";import{isArray as a}from"@dimjs/lang/cjs/is-array";import{get as s}from"@dimjs/utils/cjs/get";import{extend as l}from"@dimjs/utils/cjs/extend";import{toArray as u,isUndefinedOrNull as f,treeNodeParentsList as c}from"@flatbiz/utils";import{Cascader as m,Button as d,Flex as p}from"antd";import{forwardRef as v,useState as g,useRef as h,useMemo as C,useEffect as j,useImperativeHandle as q}from"react";import{fbaHooks as y}from"../fba-hooks/index.js";import{RequestStatus as R}from"../request-status/index.js";import{isPlainObject as b}from"@dimjs/lang/cjs/is-plain-object";import{jsx as x,jsxs as L}from"react/jsx-runtime";import"../use-responsive-point-1e6d93d9.js";import"@dimjs/utils/cjs/uuid";import"../index-636a568e.js";import"../text-overflow/index.js";import"@dimjs/lang/cjs/is-string";import"ahooks";var k=function e(n){var r=u(n);return r.map(function(e){return b(e)?e==null?void 0:e["value"]:e})};var w=["serviceConfig","fieldNames","isDynamicLoad","requestMessageConfig","onSelectorListChange","responseType","labelInValue"];var P=v(function(u,v){var b=u.serviceConfig,P=u.fieldNames,N=u.isDynamicLoad,S=u.requestMessageConfig,E=u.onSelectorListChange,D=u.responseType,I=u.labelInValue,O=t(u,w);var A=g([]),B=A[0],F=A[1];var J=g("request-init"),K=J[0],M=J[1];var T=h(S);var V=y.useSafeState(false),_=V[0],z=V[1];var H=l(true,{label:"label",value:"value",children:"children"},P);var G=g(),Q=G[0],U=G[1];var W=y.usePrevious(JSON.stringify((b==null?void 0:b.params)||{}));var X=C(function(){return JSON.stringify((b==null?void 0:b.params)||{})},[b==null?void 0:b.params]);j(function(){T.current=S},[S]);var Y=function e(n){if(b!=null&&b.onRequestResultAdapter){return b.onRequestResultAdapter(n)}if(P!=null&&P.list){n=s(n,P==null?void 0:P.list)}if(!a(n)){console.warn("接口返回数据不是数组类型,已被忽略",n);return[]}return n};var Z=o.useCallbackRef(function(){return new Promise(function(e,n){var r,t,o,a;if(!(b!=null&&b.onRequest)){return n(new Error("onRequest 调用接口服务不能为空"))}var s=function(){try{return e()}catch(e){return n(e)}};var l=function(e){try{z(false);T.current=i({},T.current,{"request-error":e.message||"获取数据异常"});M("request-error");return s()}catch(e){return n(e)}};try{r=b.params||{};if(b!=null&&b.requiredParamsKeys){t=b==null?void 0:b.requiredParamsKeys.find(function(e){return f(r[e])});if(t){F([]);M("no-dependencies-params");if(u.value){u.onChange==null||u.onChange(undefined)}return e()}}z(true);M("request-progress");return Promise.resolve(b.onRequest==null?void 0:b.onRequest(r)).then(function(e){try{o=e;a=Y(o);if(N){a.map(function(e){e.isLeaf=e.isLeaf||false})}z(false);F(a||[]);E==null||E(a||[]);M("request-success");return s()}catch(e){return l(e)}},l)}catch(e){l(e)}})});y.useEffectCustom(function(){var e=k(u.value);if(e.length>0){if(D==="all"){U(e)}else{var n=c(e[0],B,true,H).reverse();if(n.length===0){U([u.value])}else{U(n)}}}else{U(undefined)}},[B,u.value]);q(v,function(){return{getCascaderList:function e(){return B}}});y.useEffectCustom(function(){if(W){if(X!==W){void Z()}}},[W,X]);var $=o.useCallbackRef(function(){void Z()});y.useEffectCustom(function(){void Z()},[]);var ee=function e(n){return new Promise(function(e,r){var t,o,a,s;o=n[n.length-1];o.loading=true;return Promise.resolve(b==null||b.onRequest==null?void 0:b.onRequest(i({},b.params,(t={},t[H.value]=o[H.value],t)))).then(function(n){try{a=n;s=Y(a);if(!s||s.length===0){o.isLeaf=true}else{s.map(function(e){e.isLeaf=e.isLeaf||false});o.children=s}o.loading=false;E==null||E(B||[]);F([].concat(B));return e()}catch(e){return r(e)}},r)})};var ne=o.useCallbackRef(function(e,n){if(I!==true){if(D==="all"){u.onChange==null||u.onChange(e,n)}else{u.onChange==null||u.onChange(e==null?void 0:e[e.length-1],n)}}else{var r=n==null?void 0:n.map(function(e){return{label:e[H.label],value:e[H.value]}});if(D==="all"){u.onChange==null||u.onChange(r,n)}else{u.onChange==null||u.onChange(r==null?void 0:r[r.length-1],n)}}});var re=o.useCallbackRef(function(){void(u.onChange==null?void 0:u.onChange(undefined))});return x(m,i({showSearch:true,allowClear:true},O,{popupClassName:r("cascader-wrapper-popup",O.popupClassName),notFoundContent:x(R,{status:K,loading:_,messageConfig:T.current,errorButton:x(d,{type:"primary",onClick:$,ghost:true,children:"重新获取数据"})}),loading:_,loadData:N?ee:undefined,fieldNames:H,suffixIcon:K==="request-error"?L(p,{style:{display:"inline-flex",gap:10},children:[x(n,{spin:_,onClick:$}),x(e,{style:{color:"#ff4d4f"}})]}):undefined,options:B,value:Q,multiple:false,onChange:ne,onClear:re}))});export{P as CascaderWrapper};
|
|
6
6
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/cascader-wrapper/utils.ts","@flatbiz/antd/src/cascader-wrapper/cascader-wrapper.tsx"],"sourcesContent":["import { isPlainObject } from '@dimjs/lang';\nimport { toArray } from '@flatbiz/utils';\n\nexport const getValues = (value: any) => {\n const values = toArray(value);\n return values.map((item) => {\n return isPlainObject(item) ? item?.['value'] : item;\n });\n};\n","import { CloseCircleFilled, RedoOutlined } from '@ant-design/icons';\nimport { isArray } from '@dimjs/lang';\nimport { classNames, extend, get } from '@dimjs/utils';\nimport {\n isUndefinedOrNull,\n LabelValueItem,\n TPlainObject,\n treeNodeParentsList,\n type TAny,\n} from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { Button, Cascader, CascaderProps, Flex } from 'antd';\nimport { forwardRef, ReactElement, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';\nimport { fbaHooks } from '../fba-hooks/index';\nimport type { TRequestStatus, TRequestStatusProps } from '../request-status/request-status';\nimport { RequestStatus } from '../request-status/request-status';\nimport './style.less';\nimport { getValues } from './utils';\n\ntype CascaderWrapperServiceConfig = {\n params?: TPlainObject;\n onRequest?: (params?: TAny) => TAny;\n /** 响应数据适配器 */\n onRequestResultAdapter?: (respData: TAny) => TPlainObject[];\n /** 必填字段设置 */\n requiredParamsKeys?: string[];\n};\n\nexport type CascaderWrapperProps = Omit<\n CascaderProps<TAny>,\n 'loading' | 'notFoundContent' | 'options' | 'value' | 'multiple' | 'onChange' | 'fieldNames'\n> & {\n /**\n * 参数Key映射\n * ```\n * 1. 默认值:value=value、label=label、children=children\n * 2. list 为 onRequest 返回数据中列表key值,可多级取值,例如: 'a.b.c'\n * 3. 配置 serviceConfig.onRequestResultAdapter后,fieldNames.list配置失效\n * 4. 如果没有配置list,可说明接口返回为数组\n * ```\n */\n fieldNames?: {\n list?: string;\n label?: string;\n value?: string;\n children?: string;\n };\n /**\n * 请求服务需求的数据,当设置`selectorList`后无效果\n */\n serviceConfig?: CascaderWrapperServiceConfig;\n // label渲染适配器\n onLabelRenderAdapter?: (dataItem: TPlainObject) => string | ReactElement;\n onSelectorListChange?: (dataList: TPlainObject[]) => void;\n /**\n * 是否动态加载选项\n */\n isDynamicLoad?: boolean;\n value?: string | number | Array<string | number> | LabelValueItem | LabelValueItem[];\n onChange?: (value?: string | number | Array<string | number>, selectedList?: TPlainObject[]) => void;\n /** 配置数据查询状态描述,比如有依赖字段描述 */\n requestMessageConfig?: TRequestStatusProps['messageConfig'];\n /**\n * 选择数据响应类型(当用户选中后响应数据),默认值:last\n * ```\n * 1. last 响应选中的最后一级数据\n * 2. all 响应选中的多级数据\n * ```\n */\n responseType?: 'last' | 'all';\n /** 响应数据是否包含label、value */\n labelInValue?: boolean;\n};\n\nexport type CascaderWrapperRefApi = {\n getCascaderList: () => TPlainObject[];\n};\n/**\n * 级联选择器包装组件\n * ```\n * 1. 数据源中 value 不能重复\n * 2. 不支持多选\n * 3. modelKey的配置是为了缓存数据,只缓存初始化数据,如果isDynamicLoad=true,动态获取的数据不再缓存\n * 4. onChange操作第一个参数返回叶子节点value(可配置返回多级),第二个参数返回选中的多级数据\n * 5. isDynamicLoad=true 会在请求中添加当前选中option的fieldNames.value为key的数据\n * 6. @flatbiz/antd@5.0.25 删除 modelKey 字段\n * 7. serviceConfig.params 参数发生变化时,会重新请求数据\n * ```\n */\nexport const CascaderWrapper = forwardRef<CascaderWrapperRefApi, CascaderWrapperProps>((props, ref) => {\n const {\n serviceConfig,\n fieldNames,\n isDynamicLoad,\n requestMessageConfig,\n onSelectorListChange,\n responseType,\n labelInValue,\n ...otherProps\n } = props;\n const [dataList, setDataList] = useState<TAny[]>([]);\n\n const [status, setStatus] = useState<TRequestStatus>('request-init');\n\n const requestMessageConfigRef = useRef(requestMessageConfig);\n\n const [loading, setLoading] = fbaHooks.useSafeState(false);\n const fieldNamesMerge = extend(true, { label: 'label', value: 'value', children: 'children' }, fieldNames);\n const [valueList, setValueList] = useState<string[]>();\n\n const prevParams = fbaHooks.usePrevious(JSON.stringify(serviceConfig?.params || {}));\n\n const paramsStr = useMemo(() => {\n return JSON.stringify(serviceConfig?.params || {});\n }, [serviceConfig?.params]);\n\n useEffect(() => {\n requestMessageConfigRef.current = requestMessageConfig;\n }, [requestMessageConfig]);\n\n const serviceRespDataAdapter = (respData) => {\n if (serviceConfig?.onRequestResultAdapter) {\n return serviceConfig.onRequestResultAdapter(respData as unknown as TPlainObject);\n }\n if (fieldNames?.list) {\n respData = get(respData, fieldNames?.list);\n }\n if (!isArray(respData)) {\n console.warn('接口返回数据不是数组类型,已被忽略', respData);\n return [];\n }\n return respData;\n };\n\n const startDataSourceRequest = hooks.useCallbackRef(async () => {\n if (!serviceConfig?.onRequest) {\n throw new Error('onRequest 调用接口服务不能为空');\n }\n try {\n const params = serviceConfig.params || {};\n // 判断必填参数是否完整\n if (serviceConfig?.requiredParamsKeys) {\n const target = serviceConfig?.requiredParamsKeys.find((item) => {\n return isUndefinedOrNull(params[item]);\n });\n if (target) {\n // 当依赖项查询条件为空时,清空当前缓存数据\n setDataList([]);\n setStatus('no-dependencies-params');\n if (props.value) {\n props.onChange?.(undefined);\n }\n return;\n }\n }\n setLoading(true);\n setStatus('request-progress');\n const respData = await serviceConfig.onRequest?.(params);\n const respAdapterData = serviceRespDataAdapter(respData);\n if (isDynamicLoad) {\n respAdapterData.map((item) => {\n item.isLeaf = item.isLeaf || false;\n });\n }\n setLoading(false);\n setDataList(respAdapterData || []);\n onSelectorListChange?.(respAdapterData || []);\n setStatus('request-success');\n } catch (error: TAny) {\n setLoading(false);\n requestMessageConfigRef.current = {\n ...requestMessageConfigRef.current,\n 'request-error': error.message || '获取数据异常',\n };\n setStatus('request-error');\n }\n });\n\n fbaHooks.useEffectCustom(() => {\n const values = getValues(props.value) as Array<number | string>;\n if (values.length > 0) {\n if (responseType === 'all') {\n setValueList(values as string[]);\n } else {\n const filterList = treeNodeParentsList(values[0], dataList, true, fieldNamesMerge).reverse();\n if (filterList.length === 0) {\n setValueList([props.value as string]);\n } else {\n setValueList(filterList as string[]);\n }\n }\n } else {\n setValueList(undefined);\n }\n }, [dataList, props.value]);\n\n useImperativeHandle(ref, () => {\n return {\n getCascaderList: () => {\n return dataList;\n },\n };\n });\n\n fbaHooks.useEffectCustom(() => {\n if (prevParams) {\n if (paramsStr !== prevParams) {\n void startDataSourceRequest();\n }\n }\n }, [prevParams, paramsStr]);\n\n const onAgainRequest = hooks.useCallbackRef(() => {\n void startDataSourceRequest();\n });\n\n fbaHooks.useEffectCustom(() => {\n void startDataSourceRequest();\n }, []);\n\n const loadData = async (selectedOptions: TAny[]) => {\n const targetOption = selectedOptions[selectedOptions.length - 1];\n targetOption.loading = true;\n const respData = await serviceConfig?.onRequest?.({\n ...serviceConfig.params,\n [fieldNamesMerge.value]: targetOption[fieldNamesMerge.value],\n });\n const respAdapterData = serviceRespDataAdapter(respData);\n if (!respAdapterData || respAdapterData.length === 0) {\n targetOption.isLeaf = true;\n } else {\n respAdapterData.map((item) => {\n item.isLeaf = item.isLeaf || false;\n });\n targetOption.children = respAdapterData;\n }\n targetOption.loading = false;\n onSelectorListChange?.(dataList || []);\n setDataList([...dataList]);\n };\n\n const onChange = hooks.useCallbackRef((values: Array<string | number>, selectList) => {\n if (labelInValue !== true) {\n if (responseType === 'all') {\n props.onChange?.(values, selectList);\n } else {\n props.onChange?.(values?.[values.length - 1], selectList);\n }\n } else {\n const labelInValueList = selectList?.map((item) => {\n return {\n label: item[fieldNamesMerge.label],\n value: item[fieldNamesMerge.value],\n };\n });\n if (responseType === 'all') {\n props.onChange?.(labelInValueList, selectList);\n } else {\n props.onChange?.(labelInValueList?.[labelInValueList.length - 1], selectList);\n }\n }\n });\n\n const onClear = hooks.useCallbackRef(() => {\n void props.onChange?.(undefined);\n });\n\n return (\n <Cascader\n showSearch={true}\n allowClear={true}\n {...(otherProps as TAny)}\n popupClassName={classNames('cascader-wrapper-popup', otherProps.popupClassName)}\n notFoundContent={\n <RequestStatus\n status={status}\n loading={loading}\n messageConfig={requestMessageConfigRef.current}\n errorButton={\n <Button type=\"primary\" onClick={onAgainRequest} ghost>\n 重新获取数据\n </Button>\n }\n />\n }\n loading={loading}\n loadData={isDynamicLoad ? loadData : undefined}\n fieldNames={fieldNamesMerge}\n suffixIcon={\n status === 'request-error' ? (\n <Flex style={{ display: 'inline-flex', gap: 10 }}>\n <RedoOutlined spin={loading} onClick={onAgainRequest} />\n <CloseCircleFilled style={{ color: '#ff4d4f' }} />\n </Flex>\n ) : undefined\n }\n options={dataList}\n value={valueList}\n multiple={false}\n onChange={onChange}\n onClear={onClear}\n />\n );\n});\n"],"names":["getValues","value","values","toArray","map","item","_isPlainObject","CascaderWrapper","forwardRef","props","ref","serviceConfig","fieldNames","isDynamicLoad","requestMessageConfig","onSelectorListChange","responseType","labelInValue","otherProps","_objectWithoutPropertiesLoose","_excluded","_useState","useState","dataList","setDataList","_useState2","status","setStatus","requestMessageConfigRef","useRef","_fbaHooks$useSafeStat","fbaHooks","useSafeState","loading","setLoading","fieldNamesMerge","_extend","label","children","_useState3","valueList","setValueList","prevParams","usePrevious","JSON","stringify","params","paramsStr","useMemo","useEffect","current","serviceRespDataAdapter","respData","onRequestResultAdapter","list","_get","_isArray","console","warn","startDataSourceRequest","_hooks","useCallbackRef","Promise","$return","$error","target","respAdapterData","onRequest","Error","$Try_1_Post","$boundEx","$Try_1_Catch","error","_extends","message","requiredParamsKeys","find","isUndefinedOrNull","onChange","undefined","resolve","then","$await_2","isLeaf","useEffectCustom","length","filterList","treeNodeParentsList","reverse","useImperativeHandle","getCascaderList","onAgainRequest","loadData","selectedOptions","_extends2","targetOption","$await_3","concat","selectList","labelInValueList","onClear","_jsx","Cascader","showSearch","allowClear","popupClassName","_classNames","notFoundContent","RequestStatus","messageConfig","errorButton","Button","type","onClick","ghost","suffixIcon","_jsxs","Flex","style","display","gap","_RedoOutlined","spin","_CloseCircleFilled","color","options","multiple"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/cascader-wrapper/utils.ts","@flatbiz/antd/src/cascader-wrapper/cascader-wrapper.tsx"],"sourcesContent":["import { isPlainObject } from '@dimjs/lang';\nimport { toArray } from '@flatbiz/utils';\n\nexport const getValues = (value: any) => {\n const values = toArray(value);\n return values.map((item) => {\n return isPlainObject(item) ? item?.['value'] : item;\n });\n};\n","import { CloseCircleFilled, RedoOutlined } from '@ant-design/icons';\nimport { isArray } from '@dimjs/lang';\nimport { classNames, extend, get } from '@dimjs/utils';\nimport {\n isUndefinedOrNull,\n LabelValueItem,\n TPlainObject,\n treeNodeParentsList,\n type TAny,\n} from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { Button, Cascader, CascaderProps, Flex } from 'antd';\nimport { forwardRef, ReactElement, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';\nimport { fbaHooks } from '../fba-hooks/index';\nimport type { TRequestStatus, TRequestStatusProps } from '../request-status/request-status';\nimport { RequestStatus } from '../request-status/request-status';\nimport './style.less';\nimport { getValues } from './utils';\n\ntype CascaderWrapperServiceConfig = {\n params?: TPlainObject;\n onRequest?: (params?: TAny) => TAny;\n /** 响应数据适配器 */\n onRequestResultAdapter?: (respData: TAny) => TPlainObject[];\n /** 必填字段设置 */\n requiredParamsKeys?: string[];\n};\n\nexport type CascaderWrapperProps = Omit<\n CascaderProps<TAny>,\n 'loading' | 'notFoundContent' | 'options' | 'value' | 'multiple' | 'onChange' | 'fieldNames'\n> & {\n /**\n * 参数Key映射\n * ```\n * 1. 默认值:value=value、label=label、children=children\n * 2. list 为 onRequest 返回数据中列表key值,可多级取值,例如: 'a.b.c'\n * 3. 配置 serviceConfig.onRequestResultAdapter后,fieldNames.list配置失效\n * 4. 如果没有配置list,可说明接口返回为数组\n * ```\n */\n fieldNames?: {\n list?: string;\n label?: string;\n value?: string;\n children?: string;\n };\n /**\n * 请求服务需求的数据,当设置`selectorList`后无效果\n */\n serviceConfig?: CascaderWrapperServiceConfig;\n // label渲染适配器\n onLabelRenderAdapter?: (dataItem: TPlainObject) => string | ReactElement;\n onSelectorListChange?: (dataList: TPlainObject[]) => void;\n /**\n * 是否动态加载选项\n */\n isDynamicLoad?: boolean;\n value?: string | number | Array<string | number> | LabelValueItem | LabelValueItem[];\n onChange?: (value?: string | number | Array<string | number>, selectedList?: TPlainObject[]) => void;\n /** 配置数据查询状态描述,比如有依赖字段描述 */\n requestMessageConfig?: TRequestStatusProps['messageConfig'];\n /**\n * 选择数据响应类型(当用户选中后响应数据),默认值:last\n * ```\n * 1. last 响应选中的最后一级数据\n * 2. all 响应选中的多级数据\n * ```\n */\n responseType?: 'last' | 'all';\n /** 响应数据是否包含label、value */\n labelInValue?: boolean;\n};\n\nexport type CascaderWrapperRefApi = {\n getCascaderList: () => TPlainObject[];\n};\n/**\n * 级联选择器包装组件\n * ```\n * 1. 数据源中 value 不能重复\n * 2. 不支持多选\n * 3. modelKey的配置是为了缓存数据,只缓存初始化数据,如果isDynamicLoad=true,动态获取的数据不再缓存\n * 4. onChange操作第一个参数返回叶子节点value(可配置返回多级),第二个参数返回选中的多级数据\n * 5. isDynamicLoad=true 会在请求中添加当前选中option的fieldNames.value为key的数据\n * 6. @flatbiz/antd@5.0.25 删除 modelKey 字段\n * 7. serviceConfig.params 参数发生变化时,会重新请求数据\n * ```\n */\nexport const CascaderWrapper = forwardRef<CascaderWrapperRefApi, CascaderWrapperProps>((props, ref) => {\n const {\n serviceConfig,\n fieldNames,\n isDynamicLoad,\n requestMessageConfig,\n onSelectorListChange,\n responseType,\n labelInValue,\n ...otherProps\n } = props;\n const [dataList, setDataList] = useState<TAny[]>([]);\n\n const [status, setStatus] = useState<TRequestStatus>('request-init');\n\n const requestMessageConfigRef = useRef(requestMessageConfig);\n\n const [loading, setLoading] = fbaHooks.useSafeState(false);\n const fieldNamesMerge = extend(true, { label: 'label', value: 'value', children: 'children' }, fieldNames);\n const [valueList, setValueList] = useState<string[]>();\n\n const prevParams = fbaHooks.usePrevious(JSON.stringify(serviceConfig?.params || {}));\n\n const paramsStr = useMemo(() => {\n return JSON.stringify(serviceConfig?.params || {});\n }, [serviceConfig?.params]);\n\n useEffect(() => {\n requestMessageConfigRef.current = requestMessageConfig;\n }, [requestMessageConfig]);\n\n const serviceRespDataAdapter = (respData) => {\n if (serviceConfig?.onRequestResultAdapter) {\n return serviceConfig.onRequestResultAdapter(respData as unknown as TPlainObject);\n }\n if (fieldNames?.list) {\n respData = get(respData, fieldNames?.list);\n }\n if (!isArray(respData)) {\n console.warn('接口返回数据不是数组类型,已被忽略', respData);\n return [];\n }\n return respData;\n };\n\n const startDataSourceRequest = hooks.useCallbackRef(async () => {\n if (!serviceConfig?.onRequest) {\n throw new Error('onRequest 调用接口服务不能为空');\n }\n try {\n const params = serviceConfig.params || {};\n // 判断必填参数是否完整\n if (serviceConfig?.requiredParamsKeys) {\n const target = serviceConfig?.requiredParamsKeys.find((item) => {\n return isUndefinedOrNull(params[item]);\n });\n if (target) {\n // 当依赖项查询条件为空时,清空当前缓存数据\n setDataList([]);\n setStatus('no-dependencies-params');\n if (props.value) {\n props.onChange?.(undefined);\n }\n return;\n }\n }\n setLoading(true);\n setStatus('request-progress');\n const respData = await serviceConfig.onRequest?.(params);\n const respAdapterData = serviceRespDataAdapter(respData);\n if (isDynamicLoad) {\n respAdapterData.map((item) => {\n item.isLeaf = item.isLeaf || false;\n });\n }\n setLoading(false);\n setDataList(respAdapterData || []);\n onSelectorListChange?.(respAdapterData || []);\n setStatus('request-success');\n } catch (error: TAny) {\n setLoading(false);\n requestMessageConfigRef.current = {\n ...requestMessageConfigRef.current,\n 'request-error': error.message || '获取数据异常',\n };\n setStatus('request-error');\n }\n });\n\n fbaHooks.useEffectCustom(() => {\n const values = getValues(props.value) as Array<number | string>;\n if (values.length > 0) {\n if (responseType === 'all') {\n setValueList(values as string[]);\n } else {\n const filterList = treeNodeParentsList(values[0], dataList, true, fieldNamesMerge).reverse();\n if (filterList.length === 0) {\n setValueList([props.value as string]);\n } else {\n setValueList(filterList as string[]);\n }\n }\n } else {\n setValueList(undefined);\n }\n }, [dataList, props.value]);\n\n useImperativeHandle(ref, () => {\n return {\n getCascaderList: () => {\n return dataList;\n },\n };\n });\n\n fbaHooks.useEffectCustom(() => {\n if (prevParams) {\n if (paramsStr !== prevParams) {\n void startDataSourceRequest();\n }\n }\n }, [prevParams, paramsStr]);\n\n const onAgainRequest = hooks.useCallbackRef(() => {\n void startDataSourceRequest();\n });\n\n fbaHooks.useEffectCustom(() => {\n void startDataSourceRequest();\n }, []);\n\n const loadData = async (selectedOptions: TAny[]) => {\n const targetOption = selectedOptions[selectedOptions.length - 1];\n targetOption.loading = true;\n const respData = await serviceConfig?.onRequest?.({\n ...serviceConfig.params,\n [fieldNamesMerge.value]: targetOption[fieldNamesMerge.value],\n });\n const respAdapterData = serviceRespDataAdapter(respData);\n if (!respAdapterData || respAdapterData.length === 0) {\n targetOption.isLeaf = true;\n } else {\n respAdapterData.map((item) => {\n item.isLeaf = item.isLeaf || false;\n });\n targetOption.children = respAdapterData;\n }\n targetOption.loading = false;\n onSelectorListChange?.(dataList || []);\n setDataList([...dataList]);\n };\n\n const onChange = hooks.useCallbackRef((values: Array<string | number>, selectList) => {\n if (labelInValue !== true) {\n if (responseType === 'all') {\n props.onChange?.(values, selectList);\n } else {\n props.onChange?.(values?.[values.length - 1], selectList);\n }\n } else {\n const labelInValueList = selectList?.map((item) => {\n return {\n label: item[fieldNamesMerge.label],\n value: item[fieldNamesMerge.value],\n };\n });\n if (responseType === 'all') {\n props.onChange?.(labelInValueList, selectList);\n } else {\n props.onChange?.(labelInValueList?.[labelInValueList.length - 1], selectList);\n }\n }\n });\n\n const onClear = hooks.useCallbackRef(() => {\n void props.onChange?.(undefined);\n });\n\n return (\n <Cascader\n showSearch={true}\n allowClear={true}\n {...(otherProps as TAny)}\n popupClassName={classNames('cascader-wrapper-popup', otherProps.popupClassName)}\n notFoundContent={\n <RequestStatus\n status={status}\n loading={loading}\n messageConfig={requestMessageConfigRef.current}\n errorButton={\n <Button type=\"primary\" onClick={onAgainRequest} ghost>\n 重新获取数据\n </Button>\n }\n />\n }\n loading={loading}\n loadData={isDynamicLoad ? loadData : undefined}\n fieldNames={fieldNamesMerge}\n suffixIcon={\n status === 'request-error' ? (\n <Flex style={{ display: 'inline-flex', gap: 10 }}>\n <RedoOutlined spin={loading} onClick={onAgainRequest} />\n <CloseCircleFilled style={{ color: '#ff4d4f' }} />\n </Flex>\n ) : undefined\n }\n options={dataList}\n value={valueList}\n multiple={false}\n onChange={onChange}\n onClear={onClear}\n />\n );\n});\n"],"names":["getValues","value","values","toArray","map","item","_isPlainObject","CascaderWrapper","forwardRef","props","ref","serviceConfig","fieldNames","isDynamicLoad","requestMessageConfig","onSelectorListChange","responseType","labelInValue","otherProps","_objectWithoutPropertiesLoose","_excluded","_useState","useState","dataList","setDataList","_useState2","status","setStatus","requestMessageConfigRef","useRef","_fbaHooks$useSafeStat","fbaHooks","useSafeState","loading","setLoading","fieldNamesMerge","_extend","label","children","_useState3","valueList","setValueList","prevParams","usePrevious","JSON","stringify","params","paramsStr","useMemo","useEffect","current","serviceRespDataAdapter","respData","onRequestResultAdapter","list","_get","_isArray","console","warn","startDataSourceRequest","_hooks","useCallbackRef","Promise","$return","$error","target","respAdapterData","onRequest","Error","$Try_1_Post","$boundEx","$Try_1_Catch","error","_extends","message","requiredParamsKeys","find","isUndefinedOrNull","onChange","undefined","resolve","then","$await_2","isLeaf","useEffectCustom","length","filterList","treeNodeParentsList","reverse","useImperativeHandle","getCascaderList","onAgainRequest","loadData","selectedOptions","_extends2","targetOption","$await_3","concat","selectList","labelInValueList","onClear","_jsx","Cascader","showSearch","allowClear","popupClassName","_classNames","notFoundContent","RequestStatus","messageConfig","errorButton","Button","type","onClick","ghost","suffixIcon","_jsxs","Flex","style","display","gap","_RedoOutlined","spin","_CloseCircleFilled","color","options","multiple"],"mappings":"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"}
|
package/esm/check-list/index.js
CHANGED
|
@@ -3,5 +3,5 @@ import './../fba-utils/index.css';
|
|
|
3
3
|
import './../fba-hooks/index.css';
|
|
4
4
|
import './index.css';
|
|
5
5
|
/*! @flatjs/forge MIT @flatbiz/antd */
|
|
6
|
-
import{fbaUtils as e}from"../fba-utils/index.js";import{classNames as r}from"@dimjs/utils/cjs/class-names";import{extend as t}from"@dimjs/utils/cjs/extend";import{hooks as n}from"@wove/react/cjs/hooks";import{useMemo as i}from"react";import{fbaHooks as a}from"../fba-hooks/index.js";import{createCtx as l}from"@wove/react/cjs/create-ctx";import{toArray as s}from"@flatbiz/utils";import{jsx as o,jsxs as u}from"react/jsx-runtime";import"@dimjs/lang/cjs/is-array";import"@dimjs/model";import"../_rollupPluginBabelHelpers-c0dbec57.js";import"../use-responsive-point-
|
|
6
|
+
import{fbaUtils as e}from"../fba-utils/index.js";import{classNames as r}from"@dimjs/utils/cjs/class-names";import{extend as t}from"@dimjs/utils/cjs/extend";import{hooks as n}from"@wove/react/cjs/hooks";import{useMemo as i}from"react";import{fbaHooks as a}from"../fba-hooks/index.js";import{createCtx as l}from"@wove/react/cjs/create-ctx";import{toArray as s}from"@flatbiz/utils";import{jsx as o,jsxs as u}from"react/jsx-runtime";import"@dimjs/lang/cjs/is-array";import"@dimjs/model";import"../_rollupPluginBabelHelpers-c0dbec57.js";import"../use-responsive-point-1e6d93d9.js";import"antd";import"@dimjs/utils/cjs/uuid";var c=l(),d=c[0],f=c[1];var m=function e(r,t){if(r!==undefined){var n=s(r);return t?n:n.splice(0,1)}return null};var p=function e(l){var s=a.useArrayChange([]),c=s[0],d=s[1];var p=i(function(){return m(l.value,l.multiple)},[l.value,l.multiple]);a.useEffectCustom(function(){var e=p||m(l.defaultValue,l.multiple);d.resetList(e||[])},[]);n.useUpdateEffect(function(){d.resetList(p||[])},[p]);var h=n.useCallbackRef(function(e,r){return new Promise(function(n,i){var a,s,o;if(l.onPreChange){return Promise.resolve(l.onPreChange(e)).then(function(e){try{return u.call(this)}catch(e){return i(e)}}.bind(this),i)}function u(){a=c.findIndex(function(r){return r===e});if(l.multiple===true){if(c.length===1&&a>=0&&l.required){return n()}if(a>=0){d.delete(a)}else{d.add(e)}}else{if(a>=0&&l.required){return n()}else{d.resetList(a>=0?[]:[e])}}if(!r){s=d.getList();if(l.multiple){o=s.length>0?t([],s):undefined}else{o=s.length>0?s[0]:undefined}l.onChange==null||l.onChange(o,e)}return n()}return u.call(this)})});return o("div",{className:r("check-list",l.className),style:l.style,children:u(f,{value:{onChange:h,checkedValues:c,stopPropagation:l.stopPropagation},children:[l.beforeExtra,l.children,l.afterExtra]})})};var h=function e(t){var i;var a=d();if(a===null){console.error("CheckList.Item can only be used inside CheckList.");return null}var l=n.useCallbackRef(function(e){if(a.stopPropagation){e.stopPropagation()}if(!t.disabled){a==null||a.onChange(t.value)}});var s=(a==null?void 0:a.checkedValues.findIndex(function(e){return e===t.value}))>=0;var o="check-list";var u=r(o+"-item",(i={},i[o+"-disabled"]=t.disabled,i[o+"-readonly"]=t.readonly,i[o+"-checked"]=s,i),t.className);return t.children({onClick:l,checked:s,disabled:t.disabled,readonly:t.readonly,className:u,style:t.style})};var v=e.attachPropertiesToComponent(p,{Item:h});export{v as CheckList};
|
|
7
7
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/check-list/context.ts","@flatbiz/antd/src/check-list/utils.ts","@flatbiz/antd/src/check-list/check-list.tsx","@flatbiz/antd/src/check-list/check-list-item.tsx","@flatbiz/antd/src/check-list/index.ts"],"sourcesContent":["import { createCtx } from '@wove/react';\nimport { CheckListItemValue } from './types';\n\nexport const [useCheckListCtx, CheckListCtxProvider] = createCtx<{\n checkedValues: CheckListItemValue[];\n onChange: (value: CheckListItemValue, defaultChange?: boolean) => void;\n stopPropagation?: boolean;\n}>();\n","import { toArray } from '@flatbiz/utils';\nimport { CheckListItemValue, CheckListValue } from './types';\n\nexport const getValueList = (value?: CheckListValue, multiple?: boolean) => {\n if (value !== undefined) {\n const valueList = toArray<CheckListItemValue>(value);\n return multiple ? valueList : valueList.splice(0, 1);\n }\n return null;\n};\n","import { classNames, extend } from '@dimjs/utils';\nimport { hooks } from '@wove/react';\nimport { ReactNode, useMemo } from 'react';\nimport { fbaHooks } from '../fba-hooks';\nimport { CommonPropsWithChildren } from '../_utils/native-props';\nimport { CheckListCtxProvider } from './context';\nimport './style.less';\nimport { CheckListItemValue } from './types';\nimport { getValueList } from './utils';\n\nexport type CheckListSelectedValue<T extends 'multi' | 'radio'> = T extends 'multi'\n ? CheckListItemValue[]\n : CheckListItemValue;\n\nexport type CheckListProps<T extends 'multi' | 'radio'> = {\n multiple?: boolean;\n onChange?: (value: CheckListSelectedValue<T>, operateValue: CheckListItemValue) => void;\n onPreChange?: (value: CheckListItemValue) => Promise<void>;\n value?: CheckListSelectedValue<T>;\n defaultValue?: CheckListSelectedValue<T>;\n beforeExtra?: ReactNode;\n afterExtra?: ReactNode;\n stopPropagation?: boolean;\n required?: boolean;\n} & CommonPropsWithChildren;\n\nexport const CheckListInner = <T extends 'multi' | 'radio'>(props: CheckListProps<T>) => {\n const [checkedValues, arrayOperate] = fbaHooks.useArrayChange<CheckListItemValue>([]);\n\n const valueList = useMemo(() => {\n return getValueList(props.value, props.multiple);\n }, [props.value, props.multiple]);\n\n fbaHooks.useEffectCustom(() => {\n const current = valueList || getValueList(props.defaultValue, props.multiple);\n arrayOperate.resetList(current || []);\n }, []);\n\n hooks.useUpdateEffect(() => {\n arrayOperate.resetList(valueList || []);\n }, [valueList]);\n\n const onChange = hooks.useCallbackRef(async (value: CheckListItemValue, defaultChange) => {\n if (props.onPreChange) {\n await props.onPreChange(value);\n }\n const targetIndex = checkedValues.findIndex((temp) => temp === value);\n if (props.multiple === true) {\n if (checkedValues.length === 1 && targetIndex >= 0 && props.required) {\n return;\n }\n if (targetIndex >= 0) {\n arrayOperate.delete(targetIndex);\n } else {\n arrayOperate.add(value);\n }\n } else {\n if (targetIndex >= 0 && props.required) {\n return;\n } else {\n arrayOperate.resetList(targetIndex >= 0 ? [] : [value]);\n }\n }\n if (!defaultChange) {\n const newValues = arrayOperate.getList();\n let selectedValue;\n if (props.multiple) {\n selectedValue = newValues.length > 0 ? extend([], newValues) : undefined;\n } else {\n selectedValue = newValues.length > 0 ? newValues[0] : undefined;\n }\n props.onChange?.(selectedValue as CheckListSelectedValue<T>, value);\n }\n });\n\n return (\n <div className={classNames('check-list', props.className)} style={props.style}>\n <CheckListCtxProvider\n value={{\n onChange,\n checkedValues,\n stopPropagation: props.stopPropagation,\n }}\n >\n {props.beforeExtra}\n {props.children}\n {props.afterExtra}\n </CheckListCtxProvider>\n </div>\n );\n};\n","import { classNames } from '@dimjs/utils';\nimport { hooks } from '@wove/react';\nimport { CSSProperties, ReactElement } from 'react';\nimport { useCheckListCtx } from './context';\nimport { CheckListItemValue } from './types';\n\nexport type CheckListItemContentProps = {\n checked?: boolean;\n disabled?: boolean;\n onClick?: (event) => void;\n className?: string;\n readonly?: boolean;\n style?: CSSProperties;\n};\n\nexport type CheckListItemProps = {\n value: CheckListItemValue;\n disabled?: boolean;\n readonly?: boolean;\n children: (data: CheckListItemContentProps) => ReactElement;\n className?: string;\n style?: CSSProperties;\n};\n\nexport const CheckListItem = (props: CheckListItemProps) => {\n const context = useCheckListCtx();\n\n if (context === null) {\n console.error('CheckList.Item can only be used inside CheckList.');\n return null;\n }\n\n const onClick = hooks.useCallbackRef((event) => {\n if (context.stopPropagation) {\n event.stopPropagation();\n }\n if (!props.disabled) {\n context?.onChange(props.value);\n }\n });\n\n const checked = context?.checkedValues.findIndex((temp) => temp === props.value) >= 0;\n const checkedClassPrefix = 'check-list';\n\n const className = classNames(\n `${checkedClassPrefix}-item`,\n {\n [`${checkedClassPrefix}-disabled`]: props.disabled,\n [`${checkedClassPrefix}-readonly`]: props.readonly,\n [`${checkedClassPrefix}-checked`]: checked,\n },\n props.className,\n );\n\n return props.children({\n onClick,\n checked,\n disabled: props.disabled,\n readonly: props.readonly,\n className,\n style: props.style,\n });\n};\n","import { fbaUtils } from '../fba-utils';\nimport { CheckListInner } from './check-list';\nimport { CheckListItem } from './check-list-item';\n\nexport const CheckList = fbaUtils.attachPropertiesToComponent(CheckListInner, {\n Item: CheckListItem,\n});\n"],"names":["_createCtx","_createCtx2","useCheckListCtx","CheckListCtxProvider","getValueList","value","multiple","undefined","valueList","toArray","splice","CheckListInner","props","_fbaHooks$useArrayCha","fbaHooks","useArrayChange","checkedValues","arrayOperate","useMemo","useEffectCustom","current","defaultValue","resetList","_hooks","useUpdateEffect","onChange","useCallbackRef","defaultChange","Promise","$return","$error","targetIndex","newValues","selectedValue","onPreChange","resolve","then","$await_2","$If_1","call","this","$boundEx","bind","findIndex","temp","length","required","delete","add","getList","_extend","_jsx","className","_classNames","style","children","_jsxs","stopPropagation","beforeExtra","afterExtra","CheckListItem","_classNames2","context","console","error","onClick","event","disabled","checked","checkedClassPrefix","readonly","CheckList","fbaUtils","attachPropertiesToComponent","Item"],"mappings":";2mBAGO,IAAAA,EAAgDC,IAAzCC,EAAeF,EAAA,GAAEG,EAAoBH,EAAA,GCA5C,IAAMI,EAAe,SAAfA,EAAgBC,EAAwBC,GACnD,GAAID,IAAUE,UAAW,CACvB,IAAMC,EAAYC,EAA4BJ,GAC9C,OAAOC,EAAWE,EAAYA,EAAUE,OAAO,EAAG,EACpD,CACA,OAAO,IACT,ECiBO,IAAMC,EAAiB,SAAjBA,EAA+CC,GAC1D,IAAAC,EAAsCC,EAASC,eAAmC,IAA3EC,EAAaH,EAAA,GAAEI,EAAYJ,EAAA,GAElC,IAAML,EAAYU,
|
|
1
|
+
{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/check-list/context.ts","@flatbiz/antd/src/check-list/utils.ts","@flatbiz/antd/src/check-list/check-list.tsx","@flatbiz/antd/src/check-list/check-list-item.tsx","@flatbiz/antd/src/check-list/index.ts"],"sourcesContent":["import { createCtx } from '@wove/react';\nimport { CheckListItemValue } from './types';\n\nexport const [useCheckListCtx, CheckListCtxProvider] = createCtx<{\n checkedValues: CheckListItemValue[];\n onChange: (value: CheckListItemValue, defaultChange?: boolean) => void;\n stopPropagation?: boolean;\n}>();\n","import { toArray } from '@flatbiz/utils';\nimport { CheckListItemValue, CheckListValue } from './types';\n\nexport const getValueList = (value?: CheckListValue, multiple?: boolean) => {\n if (value !== undefined) {\n const valueList = toArray<CheckListItemValue>(value);\n return multiple ? valueList : valueList.splice(0, 1);\n }\n return null;\n};\n","import { classNames, extend } from '@dimjs/utils';\nimport { hooks } from '@wove/react';\nimport { ReactNode, useMemo } from 'react';\nimport { fbaHooks } from '../fba-hooks';\nimport { CommonPropsWithChildren } from '../_utils/native-props';\nimport { CheckListCtxProvider } from './context';\nimport './style.less';\nimport { CheckListItemValue } from './types';\nimport { getValueList } from './utils';\n\nexport type CheckListSelectedValue<T extends 'multi' | 'radio'> = T extends 'multi'\n ? CheckListItemValue[]\n : CheckListItemValue;\n\nexport type CheckListProps<T extends 'multi' | 'radio'> = {\n multiple?: boolean;\n onChange?: (value: CheckListSelectedValue<T>, operateValue: CheckListItemValue) => void;\n onPreChange?: (value: CheckListItemValue) => Promise<void>;\n value?: CheckListSelectedValue<T>;\n defaultValue?: CheckListSelectedValue<T>;\n beforeExtra?: ReactNode;\n afterExtra?: ReactNode;\n stopPropagation?: boolean;\n required?: boolean;\n} & CommonPropsWithChildren;\n\nexport const CheckListInner = <T extends 'multi' | 'radio'>(props: CheckListProps<T>) => {\n const [checkedValues, arrayOperate] = fbaHooks.useArrayChange<CheckListItemValue>([]);\n\n const valueList = useMemo(() => {\n return getValueList(props.value, props.multiple);\n }, [props.value, props.multiple]);\n\n fbaHooks.useEffectCustom(() => {\n const current = valueList || getValueList(props.defaultValue, props.multiple);\n arrayOperate.resetList(current || []);\n }, []);\n\n hooks.useUpdateEffect(() => {\n arrayOperate.resetList(valueList || []);\n }, [valueList]);\n\n const onChange = hooks.useCallbackRef(async (value: CheckListItemValue, defaultChange) => {\n if (props.onPreChange) {\n await props.onPreChange(value);\n }\n const targetIndex = checkedValues.findIndex((temp) => temp === value);\n if (props.multiple === true) {\n if (checkedValues.length === 1 && targetIndex >= 0 && props.required) {\n return;\n }\n if (targetIndex >= 0) {\n arrayOperate.delete(targetIndex);\n } else {\n arrayOperate.add(value);\n }\n } else {\n if (targetIndex >= 0 && props.required) {\n return;\n } else {\n arrayOperate.resetList(targetIndex >= 0 ? [] : [value]);\n }\n }\n if (!defaultChange) {\n const newValues = arrayOperate.getList();\n let selectedValue;\n if (props.multiple) {\n selectedValue = newValues.length > 0 ? extend([], newValues) : undefined;\n } else {\n selectedValue = newValues.length > 0 ? newValues[0] : undefined;\n }\n props.onChange?.(selectedValue as CheckListSelectedValue<T>, value);\n }\n });\n\n return (\n <div className={classNames('check-list', props.className)} style={props.style}>\n <CheckListCtxProvider\n value={{\n onChange,\n checkedValues,\n stopPropagation: props.stopPropagation,\n }}\n >\n {props.beforeExtra}\n {props.children}\n {props.afterExtra}\n </CheckListCtxProvider>\n </div>\n );\n};\n","import { classNames } from '@dimjs/utils';\nimport { hooks } from '@wove/react';\nimport { CSSProperties, ReactElement } from 'react';\nimport { useCheckListCtx } from './context';\nimport { CheckListItemValue } from './types';\n\nexport type CheckListItemContentProps = {\n checked?: boolean;\n disabled?: boolean;\n onClick?: (event) => void;\n className?: string;\n readonly?: boolean;\n style?: CSSProperties;\n};\n\nexport type CheckListItemProps = {\n value: CheckListItemValue;\n disabled?: boolean;\n readonly?: boolean;\n children: (data: CheckListItemContentProps) => ReactElement;\n className?: string;\n style?: CSSProperties;\n};\n\nexport const CheckListItem = (props: CheckListItemProps) => {\n const context = useCheckListCtx();\n\n if (context === null) {\n console.error('CheckList.Item can only be used inside CheckList.');\n return null;\n }\n\n const onClick = hooks.useCallbackRef((event) => {\n if (context.stopPropagation) {\n event.stopPropagation();\n }\n if (!props.disabled) {\n context?.onChange(props.value);\n }\n });\n\n const checked = context?.checkedValues.findIndex((temp) => temp === props.value) >= 0;\n const checkedClassPrefix = 'check-list';\n\n const className = classNames(\n `${checkedClassPrefix}-item`,\n {\n [`${checkedClassPrefix}-disabled`]: props.disabled,\n [`${checkedClassPrefix}-readonly`]: props.readonly,\n [`${checkedClassPrefix}-checked`]: checked,\n },\n props.className,\n );\n\n return props.children({\n onClick,\n checked,\n disabled: props.disabled,\n readonly: props.readonly,\n className,\n style: props.style,\n });\n};\n","import { fbaUtils } from '../fba-utils';\nimport { CheckListInner } from './check-list';\nimport { CheckListItem } from './check-list-item';\n\nexport const CheckList = fbaUtils.attachPropertiesToComponent(CheckListInner, {\n Item: CheckListItem,\n});\n"],"names":["_createCtx","_createCtx2","useCheckListCtx","CheckListCtxProvider","getValueList","value","multiple","undefined","valueList","toArray","splice","CheckListInner","props","_fbaHooks$useArrayCha","fbaHooks","useArrayChange","checkedValues","arrayOperate","useMemo","useEffectCustom","current","defaultValue","resetList","_hooks","useUpdateEffect","onChange","useCallbackRef","defaultChange","Promise","$return","$error","targetIndex","newValues","selectedValue","onPreChange","resolve","then","$await_2","$If_1","call","this","$boundEx","bind","findIndex","temp","length","required","delete","add","getList","_extend","_jsx","className","_classNames","style","children","_jsxs","stopPropagation","beforeExtra","afterExtra","CheckListItem","_classNames2","context","console","error","onClick","event","disabled","checked","checkedClassPrefix","readonly","CheckList","fbaUtils","attachPropertiesToComponent","Item"],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/* eslint-disable */
|
|
2
2
|
import './index.css';
|
|
3
3
|
/*! @flatjs/forge MIT @flatbiz/antd */
|
|
4
|
-
import{a as e,_ as a}from"../_rollupPluginBabelHelpers-c0dbec57.js";import{hooks as r}from"@wove/react/cjs/hooks";import{isUndefinedOrNull as o}from"@flatbiz/utils";import{Checkbox as l}from"antd";import{jsx as n}from"react/jsx-runtime";var t=["checkedValue","unCheckedValue","onChange","value"];var u=function u(c){var i=c.checkedValue,m=c.unCheckedValue,h=c.onChange,f=c.value,s=e(c,t);var k=r.useCallbackRef(
|
|
4
|
+
import{a as e,_ as a}from"../_rollupPluginBabelHelpers-c0dbec57.js";import{hooks as r}from"@wove/react/cjs/hooks";import{isUndefinedOrNull as o}from"@flatbiz/utils";import{Checkbox as l}from"antd";import{jsx as n}from"react/jsx-runtime";var t=["checkedValue","unCheckedValue","onChange","value"];var u=function u(c){var i=c.checkedValue,m=c.unCheckedValue,h=c.onChange,f=c.value,s=e(c,t);var k=r.useCallbackRef(function(e){var a=e.target.checked;h==null||h(a?i:m)});return n(l,a({},s,{checked:!o(f)&&i===f,onChange:k}))};export{u as CheckboxWrapper};
|
|
5
5
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/checkbox-wrapper/checkbox-wrapper.tsx"],"sourcesContent":["import { isUndefinedOrNull } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { Checkbox, CheckboxProps } from 'antd';\n\nexport type CheckboxWrapperProps = Omit<CheckboxProps, 'checked' | 'defaultChecked' | 'onChange'> & {\n value?: string | number | boolean;\n checkedValue: string | number | boolean;\n unCheckedValue: string | number | boolean;\n onChange?: (value: string | number | boolean) => void;\n};\n/**\n * 解决 Checkbox 只能接收boolean的限制,与Form.Item结合使用最佳\n * ```\n * 1. value 为状态值,不局限于boolean,可以为 [string | number | boolean]\n * 2. checkedValue 选中值\n * 3. unCheckedValue 未选中值\n * 4. 与 Form.Item 结合使用,不再需要配置 valuePropName\n * <Form.Item name=\"fieldName\">\n * <CheckboxWrapper checkedValue={2} unCheckedValue={1} />\n * </Form.Item>\n * ```\n */\nexport const CheckboxWrapper = (props: CheckboxWrapperProps) => {\n const { checkedValue, unCheckedValue, onChange, value, ...otherProps } = props;\n const onChangeHandle = hooks.useCallbackRef((event) => {\n const checked = event.target.checked;\n onChange?.(checked ? checkedValue : unCheckedValue);\n });\n\n return (\n <Checkbox\n {...otherProps}\n checked={!isUndefinedOrNull(value) && checkedValue === value}\n onChange={onChangeHandle}\n />\n );\n};\n"],"names":["CheckboxWrapper","props","checkedValue","unCheckedValue","onChange","value","otherProps","_objectWithoutPropertiesLoose","_excluded","onChangeHandle","_hooks","useCallbackRef","event","checked","target","_jsx","Checkbox","_extends","isUndefinedOrNull"],"mappings":";4SAsBaA,EAAkB,SAAlBA,EAAmBC,GAC9B,IAAQC,EAAiED,EAAjEC,aAAcC,EAAmDF,EAAnDE,eAAgBC,EAAmCH,EAAnCG,SAAUC,EAAyBJ,EAAzBI,MAAUC,EAAUC,EAAKN,EAAKO,GAC9E,IAAMC,EAAiBC,EAAMC,
|
|
1
|
+
{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/checkbox-wrapper/checkbox-wrapper.tsx"],"sourcesContent":["import { isUndefinedOrNull } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { Checkbox, CheckboxProps } from 'antd';\n\nexport type CheckboxWrapperProps = Omit<CheckboxProps, 'checked' | 'defaultChecked' | 'onChange'> & {\n value?: string | number | boolean;\n checkedValue: string | number | boolean;\n unCheckedValue: string | number | boolean;\n onChange?: (value: string | number | boolean) => void;\n};\n/**\n * 解决 Checkbox 只能接收boolean的限制,与Form.Item结合使用最佳\n * ```\n * 1. value 为状态值,不局限于boolean,可以为 [string | number | boolean]\n * 2. checkedValue 选中值\n * 3. unCheckedValue 未选中值\n * 4. 与 Form.Item 结合使用,不再需要配置 valuePropName\n * <Form.Item name=\"fieldName\">\n * <CheckboxWrapper checkedValue={2} unCheckedValue={1} />\n * </Form.Item>\n * ```\n */\nexport const CheckboxWrapper = (props: CheckboxWrapperProps) => {\n const { checkedValue, unCheckedValue, onChange, value, ...otherProps } = props;\n const onChangeHandle = hooks.useCallbackRef((event) => {\n const checked = event.target.checked;\n onChange?.(checked ? checkedValue : unCheckedValue);\n });\n\n return (\n <Checkbox\n {...otherProps}\n checked={!isUndefinedOrNull(value) && checkedValue === value}\n onChange={onChangeHandle}\n />\n );\n};\n"],"names":["CheckboxWrapper","props","checkedValue","unCheckedValue","onChange","value","otherProps","_objectWithoutPropertiesLoose","_excluded","onChangeHandle","_hooks","useCallbackRef","event","checked","target","_jsx","Checkbox","_extends","isUndefinedOrNull"],"mappings":";4SAsBaA,EAAkB,SAAlBA,EAAmBC,GAC9B,IAAQC,EAAiED,EAAjEC,aAAcC,EAAmDF,EAAnDE,eAAgBC,EAAmCH,EAAnCG,SAAUC,EAAyBJ,EAAzBI,MAAUC,EAAUC,EAAKN,EAAKO,GAC9E,IAAMC,EAAiBC,EAAMC,eAAe,SAACC,GAC3C,IAAMC,EAAUD,EAAME,OAAOD,QAC7BT,GAAQ,MAARA,EAAWS,EAAUX,EAAeC,EACtC,GAEA,OACEY,EAACC,EAAQC,KACHX,EAAU,CACdO,SAAUK,EAAkBb,IAAUH,IAAiBG,EACvDD,SAAUK,IAGhB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.code-render{background-color:#f5f5f5;border-radius:4px;margin:0;padding:10px}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/* eslint-disable */
|
|
2
|
+
import './index.css';
|
|
3
|
+
/*! @flatjs/forge MIT @flatbiz/antd */
|
|
4
|
+
import{c as e}from"../index-636a568e.js";import{jsx as r}from"react/jsx-runtime";var c=function c(o){var s=o.code,t=o.className,a=o.style;return r("pre",{className:e("code-render",t),style:a,children:r("code",{children:s})})};export{c as CodeRender};
|
|
5
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/code-render/code.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport './style.less';\n\nexport type CodeRenderProps = {\n code?: string;\n className?: string;\n style?: React.CSSProperties;\n};\n\n/**\n * 代码、json格式化渲染\n * ```\n * 例如:\n * // json数据渲染\n * <CodeWrapper code={JSON.stringify(data, null, 2)}/>\n * \n * // 代码渲染\n * <CodeWrapper code={`def results=[];\ndef datas=表单字段.dataList;\nfor index,data in datas do\n def item = [\n 'a':data.DomainName,\n 'b':data.Owner,\n 'userName': 流程参数.发起人账号\n ];\n results = results+item;\nend\nreturn results;\n` \n}/>\n *\n * ```\n *\n */\nexport const CodeRender = (props: CodeRenderProps) => {\n const { code, className, style } = props;\n return (\n <pre className={classNames('code-render', className)} style={style}>\n <code>{code}</code>\n </pre>\n );\n};\n"],"names":["CodeRender","props","code","className","style","_jsx","classNames","children"],"mappings":";qFAkCaA,EAAa,SAAbA,EAAcC,GACzB,IAAQC,EAA2BD,EAA3BC,KAAMC,EAAqBF,EAArBE,UAAWC,EAAUH,EAAVG,MACzB,OACEC,EAAA,MAAA,CAAKF,UAAWG,EAAW,cAAeH,GAAYC,MAAOA,EAAMG,SACjEF,EAAA,OAAA,CAAAE,SAAOL,KAGb"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.color-placeholder{border:1px solid #d9d9d9;border-radius:6px;color:#cfcece;padding:4px 11px}.color-picker-wrapper{display:inline-flex}
|
|
1
|
+
.color-placeholder{border:1px solid #d9d9d9;border-radius:6px;color:#cfcece;padding:4px 11px}.color-picker-wrapper{align-items:center;display:inline-flex}.color-picker-wrapper .icon-wrapper-wrapper{display:inline-block}
|
|
@@ -2,5 +2,5 @@
|
|
|
2
2
|
import './../icon-wrapper/index.css';
|
|
3
3
|
import './index.css';
|
|
4
4
|
/*! @flatjs/forge MIT @flatbiz/antd */
|
|
5
|
-
import e from"@ant-design/icons/es/icons/CloseCircleOutlined";import{_ as n}from"../_rollupPluginBabelHelpers-c0dbec57.js";import{ColorPicker as o}from"antd";import{useState as r,useEffect as i}from"react";import{IconWrapper as l}from"../icon-wrapper/index.js";import{jsxs as c,jsx as t}from"react/jsx-runtime";import"@dimjs/utils/cjs/class-names";import"@dimjs/lang/cjs/is-undefined";var a=function a(s){var m=r(),d=m[0],u=m[1];i(
|
|
5
|
+
import e from"@ant-design/icons/es/icons/CloseCircleOutlined";import{_ as n}from"../_rollupPluginBabelHelpers-c0dbec57.js";import{ColorPicker as o}from"antd";import{useState as r,useEffect as i}from"react";import{IconWrapper as l}from"../icon-wrapper/index.js";import{jsxs as c,jsx as t}from"react/jsx-runtime";import"@dimjs/utils/cjs/class-names";import"@dimjs/lang/cjs/is-undefined";var a=function a(s){var m=r(),d=m[0],u=m[1];i(function(){u(s.value)},[s.value]);return c("div",{className:"color-picker-wrapper",children:[t(o,n({},s,{onChange:function e(n){u(n.toHexString());s.onChange==null||s.onChange(n.toHexString())},children:!d?t("div",{className:"color-placeholder",children:"请选择颜色"}):undefined})),d?t(l,{icon:t(e,{}),onClick:function e(){s.onChange==null||s.onChange(undefined)},size:"small",style:{marginLeft:10,color:"#cfcece"},hideHoverBgColor:true}):null]})};export{a as ColorPickerWrapper};
|
|
6
6
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/color-picker-wrapper/color-picker.tsx"],"sourcesContent":["import { CloseCircleOutlined } from '@ant-design/icons';\nimport { ColorPicker, type ColorPickerProps } from 'antd';\nimport { useEffect, useState } from 'react';\nimport { IconWrapper } from '../icon-wrapper';\nimport './style.less';\n\nexport type ColorPickerWrapperProps = Omit<ColorPickerProps, 'value' | 'onChange'> & {\n /** 格式:#1677ff */\n value?: string;\n /** 转换成 hex 格式颜色字符串,返回格式如:#1677ff */\n onChange?: (hex?: string) => void;\n viewMinWidth?: number;\n};\n\nexport const ColorPickerWrapper = (props: ColorPickerWrapperProps) => {\n const [color, setColor] = useState<string>();\n\n useEffect(() => {\n setColor(props.value);\n }, [props.value]);\n\n return (\n <div className=\"color-picker-wrapper\">\n <ColorPicker\n {...props}\n onChange={(color) => {\n setColor(color.toHexString());\n props.onChange?.(color.toHexString());\n }}\n >\n {!color ? <div className=\"color-placeholder\">请选择颜色</div> : undefined}\n </ColorPicker>\n\n {color ? (\n <IconWrapper\n icon={<CloseCircleOutlined />}\n onClick={() => {\n props.onChange?.(undefined);\n }}\n size=\"small\"\n style={{ marginLeft: 10, color: '#cfcece' }}\n hideHoverBgColor\n />\n ) : null}\n </div>\n );\n};\n"],"names":["ColorPickerWrapper","props","_useState","useState","color","setColor","useEffect","value","_jsxs","className","children","_jsx","ColorPicker","_extends","onChange","toHexString","undefined","IconWrapper","icon","_CloseCircleOutlined","onClick","size","style","marginLeft","hideHoverBgColor"],"mappings":";qYAcaA,EAAqB,SAArBA,EAAsBC,GACjC,IAAAC,EAA0BC,IAAnBC,EAAKF,EAAA,GAAEG,EAAQH,EAAA,GAEtBI,
|
|
1
|
+
{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/color-picker-wrapper/color-picker.tsx"],"sourcesContent":["import { CloseCircleOutlined } from '@ant-design/icons';\nimport { ColorPicker, type ColorPickerProps } from 'antd';\nimport { useEffect, useState } from 'react';\nimport { IconWrapper } from '../icon-wrapper';\nimport './style.less';\n\nexport type ColorPickerWrapperProps = Omit<ColorPickerProps, 'value' | 'onChange'> & {\n /** 格式:#1677ff */\n value?: string;\n /** 转换成 hex 格式颜色字符串,返回格式如:#1677ff */\n onChange?: (hex?: string) => void;\n viewMinWidth?: number;\n};\n\nexport const ColorPickerWrapper = (props: ColorPickerWrapperProps) => {\n const [color, setColor] = useState<string>();\n\n useEffect(() => {\n setColor(props.value);\n }, [props.value]);\n\n return (\n <div className=\"color-picker-wrapper\">\n <ColorPicker\n {...props}\n onChange={(color) => {\n setColor(color.toHexString());\n props.onChange?.(color.toHexString());\n }}\n >\n {!color ? <div className=\"color-placeholder\">请选择颜色</div> : undefined}\n </ColorPicker>\n\n {color ? (\n <IconWrapper\n icon={<CloseCircleOutlined />}\n onClick={() => {\n props.onChange?.(undefined);\n }}\n size=\"small\"\n style={{ marginLeft: 10, color: '#cfcece' }}\n hideHoverBgColor\n />\n ) : null}\n </div>\n );\n};\n"],"names":["ColorPickerWrapper","props","_useState","useState","color","setColor","useEffect","value","_jsxs","className","children","_jsx","ColorPicker","_extends","onChange","toHexString","undefined","IconWrapper","icon","_CloseCircleOutlined","onClick","size","style","marginLeft","hideHoverBgColor"],"mappings":";qYAcaA,EAAqB,SAArBA,EAAsBC,GACjC,IAAAC,EAA0BC,IAAnBC,EAAKF,EAAA,GAAEG,EAAQH,EAAA,GAEtBI,EAAU,WACRD,EAASJ,EAAMM,MACjB,EAAG,CAACN,EAAMM,QAEV,OACEC,EAAA,MAAA,CAAKC,UAAU,uBAAsBC,UACnCC,EAACC,EAAWC,KACNZ,EAAK,CACTa,SAAU,SAAVA,EAAWV,GACTC,EAASD,EAAMW,eACfd,EAAMa,UAANb,MAAAA,EAAMa,SAAWV,EAAMW,cACvB,EAAAL,UAEAN,EAAQO,EAAA,MAAA,CAAKF,UAAU,oBAAmBC,SAAC,UAAcM,aAG5DZ,EACCO,EAACM,EAAW,CACVC,KAAMP,EAAAQ,MACNC,QAAS,SAATA,IACEnB,EAAMa,UAANb,MAAAA,EAAMa,SAAWE,UACjB,EACFK,KAAK,QACLC,MAAO,CAAEC,WAAY,GAAInB,MAAO,WAChCoB,iBAAgB,OAEhB,OAGV"}
|
|
@@ -3,5 +3,5 @@ import './../fba-hooks/index.css';
|
|
|
3
3
|
import './../types/index.css';
|
|
4
4
|
import './index.css';
|
|
5
5
|
/*! @flatjs/forge MIT @flatbiz/antd */
|
|
6
|
-
export{C as ConfigProviderWrapper}from"../index-
|
|
6
|
+
export{C as ConfigProviderWrapper}from"../index-853b36e6.js";import"../_rollupPluginBabelHelpers-c0dbec57.js";import"antd";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"../fba-hooks/index.js";import"@dimjs/lang/cjs/is-array";import"@wove/react/cjs/hooks";import"react";import"@flatbiz/utils";import"../use-responsive-point-1e6d93d9.js";import"@dimjs/utils/cjs/uuid";import"@dimjs/utils/cjs/extend";import"react/jsx-runtime";
|
|
7
7
|
//# sourceMappingURL=index.js.map
|
|
@@ -2,5 +2,5 @@
|
|
|
2
2
|
import './../icon-wrapper/index.css';
|
|
3
3
|
import './index.css';
|
|
4
4
|
/*! @flatjs/forge MIT @flatbiz/antd */
|
|
5
|
-
import i from"@ant-design/icons/es/icons/CopyOutlined";import r from"@ant-design/icons/es/icons/CheckOutlined";import{_ as e}from"../_rollupPluginBabelHelpers-c0dbec57.js";import{Flex as o,message as n}from"antd";import t from"copy-to-clipboard";import{useState as l,useEffect as c,useMemo as s,Fragment as p}from"react";import{IconWrapper as a}from"../icon-wrapper/index.js";import{jsx as f,jsxs as m}from"react/jsx-runtime";import"@dimjs/utils/cjs/class-names";import"@dimjs/lang/cjs/is-undefined";var u=function u(y){var d=l(false),v=d[0],h=d[1];var x=function i(){if(v)return;h(true);var r=typeof y.copyText==="function"?y.copyText():y.copyText;t(r);if(y.copyAfterMsg){void n.success(y.copyAfterMsg)}};c(
|
|
5
|
+
import i from"@ant-design/icons/es/icons/CopyOutlined";import r from"@ant-design/icons/es/icons/CheckOutlined";import{_ as e}from"../_rollupPluginBabelHelpers-c0dbec57.js";import{Flex as o,message as n}from"antd";import t from"copy-to-clipboard";import{useState as l,useEffect as c,useMemo as s,Fragment as p}from"react";import{IconWrapper as a}from"../icon-wrapper/index.js";import{jsx as f,jsxs as m}from"react/jsx-runtime";import"@dimjs/utils/cjs/class-names";import"@dimjs/lang/cjs/is-undefined";var u=function u(y){var d=l(false),v=d[0],h=d[1];var x=function i(){if(v)return;h(true);var r=typeof y.copyText==="function"?y.copyText():y.copyText;t(r);if(y.copyAfterMsg){void n.success(y.copyAfterMsg)}};c(function(){if(v){setTimeout(function(){h(false)},1e3)}},[v]);var T=s(function(){if(y.hiddenTips)return undefined;if(typeof y.hoverTips==="function"){return y.hoverTips(v)}if(y.hoverTips)return y.hoverTips;return"复制"},[y,v]);if(!y.text){return f(a,{hoverTips:T,wrapperStyle:{display:"inline-flex"},text:v?f(r,{style:e({color:"var(--color-primary)"},y.iconStyle)}):y.icon?f(p,{children:y.icon}):f(i,{style:e({color:"var(--color-primary)"},y.iconStyle)}),size:"small",onClick:x})}return m(o,{align:"center",gap:5,style:{alignItems:"center"},children:[y.iconPosition!=="left"?f("div",{children:y.text}):null,f(a,{hoverTips:T,wrapperStyle:{display:"inline-flex"},text:v?f(r,{style:e({color:"var(--color-primary)"},y.iconStyle)}):y.icon?f(p,{children:y.icon}):f(i,{style:e({color:"var(--color-primary)"},y.iconStyle)}),size:"small",onClick:x}),y.iconPosition==="left"?f("div",{children:y.text}):null]})};u.copy=function(i){t(i)};export{u as CopyWrapper};
|
|
6
6
|
//# sourceMappingURL=index.js.map
|