@flatbiz/antd 4.2.7 → 4.2.9
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/easy-table/index.js
CHANGED
|
@@ -7,5 +7,5 @@ import './../form-grid/index.css';
|
|
|
7
7
|
import './../simple-layout/index.css';
|
|
8
8
|
import './index.css';
|
|
9
9
|
/*! @flatjs/forge MIT @flatbiz/antd */
|
|
10
|
-
import{a as e}from"../attach-properties-to-component-9d9644cf.js";import{isArray as
|
|
10
|
+
import{a as e}from"../attach-properties-to-component-9d9644cf.js";import{isArray as r}from"@dimjs/lang/cjs/is-array";import{hooks as t}from"@wove/react/cjs/hooks";import{a as i,_ as n}from"../_rollupPluginBabelHelpers-1f4d8910.js";import{cloneState as o}from"@dimjs/model";import{Form as a,message as u,Table as s}from"antd";import{forwardRef as l,useState as c,useImperativeHandle as d,Children as m,useRef as p,useMemo as f}from"react";import{createCtx as v}from"@wove/react/cjs/create-ctx";import{Model as g}from"@dimjs/model-react";import{jsx as y,jsxs as h}from"react/jsx-runtime";import{B as C}from"../button-wrapper-82efd2ee.js";import{FormGrid as S}from"../form-grid/index.js";import{S as j}from"../simple-layout-1676e586.js";import{isUndefinedOrNull as F,getUuid as q}from"@flatbiz/utils";import{fbaHooks as R}from"../fba-hooks/index.js";import"@ant-design/icons/es/icons/LoadingOutlined";import"@dimjs/lang/cjs/is-promise";import"../config-provider-wrapper-dfe8f592.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-utils-a4c7d94d.js";import"@dimjs/utils/cjs/class-names";import"../use-responsive-point-21b8c601.js";import"@dimjs/utils/cjs/extend";var b=v(),z=b[0],P=b[1];var w={queryCondition:{},isInit:true};var N={actions:{updateFilterCondition:function e(r){return function(e){e.queryCondition=i({},e.queryCondition,r)}},resetFilterCondition:function e(){return function(e){e.queryCondition=w.queryCondition}},updateInitStatus:function e(){return function(e){e.isInit=false}}},state:w};var T={};var k=function e(r){if(!T[r]){T[r]=g(N)}return T[r]};var x=l((function(e,n){var s;var l=c([]),m=l[0],p=l[1];var f=c(0),v=f[0],g=f[1];var h=c(false),C=h[0],S=h[1];var j=k(e.modelKey).useStore(),F=j[0],q=j[1];var R=e.pageSize||((s=e.initialPaginationParams)==null?void 0:s.pageSize)||10;var b=e.initRequest===undefined?true:e.initRequest;var z=c(false),w=z[0],N=z[1];var T=i({list:"list",total:"tatal",pageNo:"pageNo",pageSize:"pageSize"},e.fieldNames);var x=a.useForm(),V=x[0];var K=t.useCallbackRef((function(t){return new Promise((function(i,n){var a,s,l,c,d,m,f,v,y,h;var C=function(){try{return i()}catch(e){return n(e)}};var j=function(e){try{S(false);void u.error(e.message);return C()}catch(e){return n(e)}};try{S(true);return Promise.resolve(q.updateFilterCondition(t)).then((function(t){try{a=t;s=o(a.queryCondition||{});l=e.serviceConfig,c=l.requestParamsAdapter,d=l.onRequest,m=l.requestResultAdapter;f=c?c(s):s;return Promise.resolve(d(f)).then((function(t){try{v=t||{};e.onDataSourceChange==null?void 0:e.onDataSourceChange(v);y=m?m(v):v;h=y[T.list];p(r(h)?h:[]);g(y[T.total]);S(false);return C()}catch(e){return j(e)}}),j)}catch(e){return j(e)}}),j)}catch(e){j(e)}}))}));var E=t.useCallbackRef((function(e){return new Promise((function(r,t){return Promise.resolve(q.resetFilterCondition()).then((function(i){try{V.resetFields();if(e){void q.updateFilterCondition(e);V.setFieldsValue(e)}return r()}catch(e){return t(e)}}),t)}))}));var I=t.useCallbackRef((function(r){return new Promise((function(t,n){var o;return Promise.resolve(q.resetFilterCondition()).then((function(a){try{V.resetFields();if(w){void K(i((o={},o[T.pageNo]=1,o[T.pageSize]=R,o),e.initialValues,r))}else{void K(i({},e.initialValues,r))}return t()}catch(e){return n(e)}}),n)}))}));var A=function e(){return i({},F.queryCondition,V.getFieldsValue())};var B=function e(){return{onRequest:K,clearQueryCondition:E,getRequestParams:A,onResetRequest:I,form:V}};d(n,(function(){return B()}));var L=function e(r){N(r)};var O=function r(){var t=V.getFieldsValue();if(e.onFormFinish){e.onFormFinish(t)}else{if(w){var n;void K(i({},t,(n={},n[T.pageNo]=1,n[T.pageSize]=F.queryCondition.pageSize,n)))}else{void K(t)}}};return y(P,{value:{getEasyTableRef:B,modelKey:e.modelKey,onRequest:K,tableList:m,tableTotal:v,loading:C,fieldNames:T,pageSize:R,initRequest:b,initialValues:e.initialValues||{},onSetPaginationStatus:L,paginationStatus:w,onFormFinish:O,form:V},children:e.children})}));var V=function e(r){var n=r.queryButtonProps,o=r.resetButtonProps,u=r.filterOperate;var s=z(),l=s.modelKey,c=s.fieldNames,d=s.onRequest,p=s.pageSize,f=s.paginationStatus,v=s.initialValues,g=s.form,h=s.onFormFinish;var F=typeof r.children==="function"?r.children(g):r.children;var q=m.toArray(F);var R=k(l).useStore(),b=R[0],P=R[1];var w=t.useCallbackRef((function(){return new Promise((function(e,r){var t;return Promise.resolve(P.resetFilterCondition()).then((function(n){try{g.resetFields();if(f){d(i((t={},t[c.pageNo]=1,t[c.pageSize]=p,t),v))}else{d(v)}return e()}catch(e){return r(e)}}),r)}))}));var N=i({rightList:[!(n!=null&&n.hidden)?y(C,i({type:"primary",htmlType:"submit"},n,{children:(n==null?void 0:n.text)||"查询"}),"1"):null,!(o!=null&&o.hidden)?y(C,i({onClick:w},o,{children:(o==null?void 0:o.text)||"重置"}),"2"):null]},u==null?void 0:u(g));var T=q.map((function(e,r){if(e.type["domTypeName"]==="FormCol"){return e}return y(S.Col,{children:e},r)})).concat(y(S.OperateCol,i({},N),99));return y(j,{children:y(a,{form:g,onFinish:h,initialValues:i({},v,b.queryCondition),children:r.isPure?F:y(S.Row,{gutter:[15,0],children:T})})})};var K=function e(){var r=z();var t=p(r.getEasyTableRef());return t.current};var E=function e(){var r=z(),t=r.getEasyTableRef;var i=p(t());return i};var I=["children","rowKey","pagination"];var A=function e(r){var t=r.children,o=r.rowKey,a=r.pagination,u=n(r,I);var l=z(),c=l.modelKey,d=l.fieldNames,m=l.onRequest,p=l.tableList,v=l.initRequest,g=l.pageSize,C=l.tableTotal,S=l.loading,b=l.initialValues,P=l.onSetPaginationStatus;var w=k(c).useStore(),N=w[0],T=w[1];var x=a==false?false:i({showSizeChanger:true,current:N.queryCondition[d.pageNo],pageSize:N.queryCondition[d.pageSize],total:C,showTotal:function e(r){return"共 "+r+" 条记录"}},r.pagination);var V=function e(t){if(x){var i;m((i={},i[d.pageSize]=t.pageSize,i[d.pageNo]=t.current,i))}for(var n=arguments.length,o=new Array(n>1?n-1:0),a=1;a<n;a++){o[a-1]=arguments[a]}r.onChange==null?void 0:r.onChange.apply(r,[t].concat(o))};var K=f((function(){if(p.length===0){return[]}if(F(p[0][o])){return p.map((function(e){e[o]=q();return e}))}return p}),[p,o]);R.useEffectCustom((function(){P(x!==false);if(v!==false||!N.isInit){if(x){var e;void m(i((e={},e[d.pageNo]=1,e[d.pageSize]=g,e),b))}else{void m(b)}}else{void T.updateFilterCondition(b)}void T.updateInitStatus()}),[]);return h(j,{children:[t,y(s,i({size:"small",scroll:{x:"max-content"},bordered:true},u,{pagination:x,rowKey:o,onChange:V,loading:S,dataSource:K}))]})};var B=e(x,{Filter:V,Table:A,useEasyTablRef:E,useEasyTable:K});export{B as EasyTable};
|
|
11
11
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/easy-table/context.ts","@flatbiz/antd/src/easy-table/model.ts","@flatbiz/antd/src/easy-table/easy-table.tsx","@flatbiz/antd/src/easy-table/filter.tsx","@flatbiz/antd/src/easy-table/table.tsx","@flatbiz/antd/src/easy-table/use-easy-table-ref.ts","@flatbiz/antd/src/easy-table/index.ts"],"sourcesContent":["import { TPlainObject } from '@flatbiz/utils';\nimport { createCtx } from '@wove/react';\nimport { FormInstance } from 'antd';\nimport { EasyTableRefApi } from './type';\n\nexport const [useEasyTableCtx, EasyTableCtxProvider] = createCtx<{\n modelKey: string;\n onRequest: (params?: TPlainObject) => void;\n tableList: TPlainObject[];\n tableTotal: number;\n loading?: boolean;\n fieldNames: TPlainObject;\n pageSize: number;\n initRequest: boolean;\n initialValues: TPlainObject;\n onSetPaginationStatus: (status: boolean) => void;\n paginationStatus: boolean;\n onFormFinish?: (values?: TPlainObject) => void;\n form: FormInstance;\n getEasyTableRef: () => EasyTableRefApi;\n}>();\n","import { API, ModelType } from '@dimjs/model';\nimport { Model } from '@dimjs/model-react';\nimport { TAny, TPlainObject } from '@flatbiz/utils';\n\nexport type ModelState = {\n queryCondition: TPlainObject;\n isInit: boolean;\n};\n\ntype ModelActionParams = {\n updateFilterCondition?: Partial<ModelState['queryCondition']>;\n resetFilterCondition: void;\n updateInitStatus: void;\n};\n\nconst defaultState: ModelState = {\n queryCondition: {},\n isInit: true,\n};\n\nconst _EasyTableModel: ModelType<ModelState, ModelActionParams> = {\n actions: {\n updateFilterCondition: (params) => {\n return (state) => {\n state.queryCondition = {\n ...state.queryCondition,\n ...params,\n };\n };\n },\n resetFilterCondition: () => {\n return (state) => {\n state.queryCondition = defaultState.queryCondition;\n };\n },\n updateInitStatus: () => {\n return (state) => {\n state.isInit = false;\n };\n },\n },\n state: defaultState,\n};\n\nconst easyTableModels: Record<string, API<ModelType<ModelState, ModelActionParams, TAny>>> = {};\n\n/**\n * ```\n * 使用方式\n * const [state, actions] = selectorWrapperModel('key值').useStore();\n * ```\n */\nexport const easyTableModel = (key: string) => {\n if (!easyTableModels[key]) {\n easyTableModels[key] = Model(_EasyTableModel);\n }\n return easyTableModels[key];\n};\n","import { isArray } from '@dimjs/lang';\nimport { cloneState } from '@dimjs/model';\nimport { TAny, TPlainObject } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { Form, message } from 'antd';\nimport { forwardRef, ReactElement, useImperativeHandle, useState } from 'react';\nimport { EasyTableCtxProvider } from './context';\nimport { easyTableModel } from './model';\nimport { EasyTableRefApi } from './type';\n\ntype EasyTableServiceConfig = {\n /** 接口配置 */\n onRequest: (params?: TPlainObject) => Promise<TPlainObject | TPlainObject[]>;\n /** 请求参数处理 */\n requestParamsAdapter?: (params: TPlainObject) => TPlainObject;\n /**\n * 接口相应数据处理\n * @param params\n * ```\n * 返回数据为对象，包含两个字段\n * 1. 表格列表数据 - Array\n * 2. 表格条数总数 - Number\n * 其中 字段key 命名会通过 fieldNames 进行转义\n * ```\n */\n requestResultAdapter?: (params: TAny) => TPlainObject;\n};\n\nexport type EasyTableProps = {\n children: ReactElement | ReactElement[];\n modelKey: string;\n /** 接口数据配置 */\n serviceConfig: EasyTableServiceConfig;\n /**\n * 1. 查询条件Form initialValues\n * 2. 接口其他参数，例如常量类型\n */\n initialValues?: TPlainObject;\n /**\n * 分页初始化参数，默认值： pageSize = 10\n * @deprecated 使用 pageSize 赋值\n */\n initialPaginationParams?: { pageSize?: number };\n /** 分页单页条数，默认值：10 */\n pageSize?: number;\n /** 字段映射 */\n fieldNames?: { list?: string; total?: string; pageNo?: string; pageSize?: string; uid?: string };\n /** 初始化是否请求，默认值：true */\n initRequest?: boolean;\n onDataSourceChange?: (dataSource: TAny) => void;\n /** 如果自定义查询按钮，可设置 Form onFinish */\n onFormFinish?: (values?: TPlainObject) => void;\n};\n\n/**\n * 对 查询条件+表格数据 进行深度封装，内置数据交互处理\n * ```\n * 1. 需要获取查询条件、主动发起请求等可通过ref操作\n * 2. 可通过属性 initRequest 设置初始化是否请求数据\n * 3. 可通过属性 fieldNames 来设置自定义变量，默认值为：list、total、pageNo、pageSize\n *\n * Demo https://fex.qa.tcshuke.com/docs/admin/main/crud/easy-table\n * ```\n */\nexport const EasyTable = forwardRef<EasyTableRefApi, EasyTableProps>((props: EasyTableProps, ref) => {\n const [dataSource, setDataSource] = useState<TPlainObject[]>([]);\n const [total, setTotal] = useState<number>(0);\n const [loading, setLoading] = useState<boolean>(false);\n const [state, actions] = easyTableModel(props.modelKey).useStore();\n const pageSize = props.pageSize || props.initialPaginationParams?.pageSize || 10;\n const initRequest = props.initRequest === undefined ? true : props.initRequest;\n const [paginationStatus, setPaginationStatus] = useState(false);\n\n const fieldNames = {\n list: 'list',\n total: 'tatal',\n pageNo: 'pageNo',\n pageSize: 'pageSize',\n ...props.fieldNames,\n };\n\n const [form] = Form.useForm();\n\n const onRequest = hooks.useCallbackRef(async (params) => {\n try {\n setLoading(true);\n const allState = await actions.updateFilterCondition(params);\n const queryCondition = cloneState(allState.queryCondition || {});\n const { requestParamsAdapter, onRequest, requestResultAdapter } = props.serviceConfig;\n const paramsNew = requestParamsAdapter ? requestParamsAdapter(queryCondition) : queryCondition;\n const respData = (await onRequest(paramsNew)) || {};\n props.onDataSourceChange?.(respData);\n const respDataNew = requestResultAdapter ? requestResultAdapter(respData) : respData;\n const respList = respDataNew[fieldNames.list];\n setDataSource(isArray(respList) ? respList : []);\n setTotal(respDataNew[fieldNames.total]);\n setLoading(false);\n } catch (error) {\n setLoading(false);\n void message.error(error.message);\n }\n });\n\n const clearQueryCondition = hooks.useCallbackRef(async (values?: TPlainObject) => {\n await actions.resetFilterCondition();\n form.resetFields();\n if (values) {\n void actions.updateFilterCondition(values);\n form.setFieldsValue(values);\n }\n });\n const onResetRequest = hooks.useCallbackRef(async (values?: TPlainObject) => {\n await actions.resetFilterCondition();\n form.resetFields();\n if (paginationStatus) {\n void onRequest({\n [fieldNames.pageNo]: 1,\n [fieldNames.pageSize]: pageSize,\n ...props.initialValues,\n ...values,\n });\n } else {\n void onRequest({\n ...props.initialValues,\n ...values,\n });\n }\n });\n\n const getRequestParams = () => {\n return {\n ...state.queryCondition,\n ...form.getFieldsValue(),\n };\n };\n\n useImperativeHandle(ref, () => {\n return {\n onRequest: onRequest,\n clearQueryCondition,\n getRequestParams,\n onResetRequest,\n form,\n };\n });\n\n const getEasyTableRef = () => {\n return {\n onRequest: onRequest,\n clearQueryCondition,\n getRequestParams,\n onResetRequest,\n form,\n };\n };\n\n const onSetPaginationStatus = (status: boolean) => {\n setPaginationStatus(status);\n };\n\n const onFormFinish = () => {\n const values = form.getFieldsValue();\n if (props.onFormFinish) {\n props.onFormFinish(values);\n } else {\n if (paginationStatus) {\n void onRequest({\n ...values,\n [fieldNames.pageNo]: 1,\n [fieldNames.pageSize]: state.queryCondition.pageSize,\n });\n } else {\n void onRequest(values);\n }\n }\n };\n\n return (\n <EasyTableCtxProvider\n value={{\n getEasyTableRef,\n modelKey: props.modelKey,\n onRequest,\n tableList: dataSource,\n tableTotal: total,\n loading,\n fieldNames,\n pageSize,\n initRequest,\n initialValues: props.initialValues || {},\n onSetPaginationStatus,\n paginationStatus,\n onFormFinish,\n form,\n }}\n >\n {props.children}\n </EasyTableCtxProvider>\n );\n});\n","import { hooks } from '@wove/react';\nimport { ButtonProps, Form, FormInstance } from 'antd';\nimport { Children, ReactElement } from 'react';\nimport { ButtonWrapper } from '../button-wrapper';\nimport { FormGrid } from '../form-grid';\nimport { FormOperateColProps } from '../form-grid/form-operate-col';\nimport { SimpleLayout } from '../simple-layout';\nimport { useEasyTableCtx } from './context';\nimport { easyTableModel } from './model';\n\nexport type EasyTableFilterProps = {\n children: ReactElement | ReactElement[] | ((form: FormInstance) => ReactElement);\n /** isPure = true时无效 */\n filterOperate?: (form: FormInstance) => FormOperateColProps;\n /** 是否为纯净模式（查询条件布局是否自定义）， */\n isPure?: boolean;\n // 查询按钮配置\n queryButtonProps?: Omit<ButtonProps, 'onClick'> & { text?: string };\n // 重置按钮配置\n resetButtonProps?: Omit<ButtonProps, 'onClick'> & { text?: string };\n};\n\n/**\n * 过滤条件\n * @param props\n * @returns\n *\n *```\n *1. 用法1\n * -- 默认网格布局 规则：{ xs: 24, sm: 12, md: 12, lg: 8, xl: 8, xxl: 6 }\n * <EasyTableFilter>\n * <Form.Item name=\"field1\" label=\"条件1\">xxx</Form.Item>\n * </EasyTableFilter>\n *\n * -- 自定义网格布局 使用 FormCol组件包装 Form.Item\n * <EasyTableFilter>\n * <FormCol span={12}><Form.Item name=\"field1\" label=\"条件1\">xxx</Form.Item></FormCol>\n * </EasyTableFilter>\n *\n * -- children 可为 function\n * <EasyTableFilter>\n * {(form) => {\n * return <Form.Item name=\"field1\" label=\"条件1\">xxx</Form.Item>\n * }}\n * </EasyTableFilter>\n *2. 用户2（自定义布局）\n * EasyTableFilter设置 isPure = true，FormItem无布局规则\n *3. EasyTableFilter中内置了 Form 标签，当children为函数时，可获取form实例\n *4. 默认布局下，可通过设置 filterOperate 设置操作按钮\n *```\n */\nexport const EasyTableFilter = (props: EasyTableFilterProps) => {\n const { queryButtonProps, resetButtonProps, filterOperate } = props;\n const { modelKey, fieldNames, onRequest, pageSize, paginationStatus, initialValues, form, onFormFinish } =\n useEasyTableCtx();\n const children = typeof props.children === 'function' ? props.children(form) : props.children;\n const childrens = Children.toArray(children);\n\n const [state, actions] = easyTableModel(modelKey).useStore();\n\n // const onQuery = hooks.useCallbackRef(() => {\n // if (paginationStatus) {\n // onRequest({\n // ...form.getFieldsValue(),\n // [fieldNames.pageNo]: 1,\n // [fieldNames.pageSize]: state.queryCondition.pageSize,\n // });\n // } else {\n // onRequest(form.getFieldsValue());\n // }\n // });\n\n const onReset = hooks.useCallbackRef(async () => {\n await actions.resetFilterCondition();\n form.resetFields();\n if (paginationStatus) {\n onRequest({\n [fieldNames.pageNo]: 1,\n [fieldNames.pageSize]: pageSize,\n ...initialValues,\n });\n } else {\n onRequest(initialValues);\n }\n });\n\n const formOperateColProps = {\n rightList: [\n !queryButtonProps?.hidden ? (\n <ButtonWrapper key=\"1\" type=\"primary\" htmlType=\"submit\" {...queryButtonProps}>\n {queryButtonProps?.text || '查询'}\n </ButtonWrapper>\n ) : null,\n !resetButtonProps?.hidden ? (\n <ButtonWrapper key=\"2\" onClick={onReset} {...resetButtonProps}>\n {resetButtonProps?.text || '重置'}\n </ButtonWrapper>\n ) : null,\n ],\n ...filterOperate?.(form),\n };\n\n const formRowChildren = childrens\n .map((item, index) => {\n if ((item as ReactElement).type['domTypeName'] === 'FormCol') {\n return item;\n }\n return <FormGrid.Col key={index}>{item}</FormGrid.Col>;\n })\n .concat(<FormGrid.OperateCol key={99} {...formOperateColProps} />);\n\n return (\n <SimpleLayout>\n <Form\n form={form}\n onFinish={onFormFinish}\n initialValues={{\n ...initialValues,\n ...state.queryCondition,\n }}\n >\n {props.isPure ? children : <FormGrid.Row gutter={[15, 0]}>{formRowChildren}</FormGrid.Row>}\n </Form>\n </SimpleLayout>\n );\n};\n","import { getUuid, isUndefinedOrNull, TAny } from '@flatbiz/utils';\nimport { Table, TableProps } from 'antd';\nimport { ReactElement, useMemo } from 'react';\nimport { fbaHooks } from '../fba-hooks';\nimport { SimpleLayout } from '../simple-layout';\nimport { useEasyTableCtx } from './context';\nimport { easyTableModel } from './model';\n\nexport type EasyTableTableProps = Omit<TableProps<TAny>, 'dataSource' | 'loading' | 'rowKey'> & {\n children?: ReactElement;\n /** 表格行 key 的取值 */\n rowKey: string;\n};\n\n/**\n * 表格渲染\n * @param props\n * ```\n * 1. 继承了 TableProps 可设置antd table功能\n * ```\n */\nexport const EasyTableTable = (props: EasyTableTableProps) => {\n const { children, rowKey, pagination, ...otherProps } = props;\n\n const {\n modelKey,\n fieldNames,\n onRequest,\n tableList,\n initRequest,\n pageSize,\n tableTotal,\n loading,\n initialValues,\n onSetPaginationStatus,\n } = useEasyTableCtx();\n const [state, actions] = easyTableModel(modelKey).useStore();\n\n const paginationData =\n pagination == false\n ? false\n : {\n showSizeChanger: true,\n current: state.queryCondition[fieldNames.pageNo],\n pageSize: state.queryCondition[fieldNames.pageSize],\n total: tableTotal,\n showTotal: (total) => `共 ${total} 条记录`,\n ...props.pagination,\n };\n\n const onChangePage: TableProps<TAny>['onChange'] = (data, ...otherProps) => {\n if (paginationData) {\n onRequest({ [fieldNames.pageSize]: data.pageSize, [fieldNames.pageNo]: data.current });\n }\n props.onChange?.(data, ...otherProps);\n };\n\n const dataSource = useMemo(() => {\n if (tableList.length === 0) {\n return [];\n }\n if (isUndefinedOrNull(tableList[0][rowKey])) {\n return tableList.map((item) => {\n item[rowKey] = getUuid();\n return item;\n });\n }\n return tableList;\n }, [tableList, rowKey]);\n\n fbaHooks.useEffectCustom(() => {\n onSetPaginationStatus(paginationData !== false);\n if (initRequest !== false || !state.isInit) {\n if (paginationData) {\n void onRequest({\n [fieldNames.pageNo]: 1,\n [fieldNames.pageSize]: pageSize,\n ...initialValues,\n });\n } else {\n void onRequest(initialValues);\n }\n } else {\n void actions.updateFilterCondition(initialValues);\n }\n void actions.updateInitStatus();\n }, []);\n\n return (\n <SimpleLayout>\n {children}\n <Table\n size=\"small\"\n scroll={{ x: 'max-content' }}\n bordered\n {...otherProps}\n pagination={paginationData}\n rowKey={rowKey}\n onChange={onChangePage}\n loading={loading}\n dataSource={dataSource}\n />\n </SimpleLayout>\n );\n};\n","import { useRef } from 'react';\nimport { useEasyTableCtx } from './context';\nimport { EasyTableRefApi } from './type';\n\nexport const useEasyTablRef = () => {\n const { getEasyTableRef } = useEasyTableCtx();\n const ref = useRef<EasyTableRefApi>(getEasyTableRef());\n return ref;\n};\n","import { attachPropertiesToComponent } from '../_utils/attach-properties-to-component';\nimport { EasyTable as EasyTableInner } from './easy-table';\nimport { EasyTableFilter } from './filter';\nimport { EasyTableTable } from './table';\nimport { useEasyTablRef } from './use-easy-table-ref';\n\nexport const EasyTable = attachPropertiesToComponent(EasyTableInner, {\n /**\n * 过滤条件\n * @param props\n * @returns\n *\n *```\n *1. 用法1\n * -- 默认网格布局 规则：{ xs: 24, sm: 12, md: 12, lg: 8, xl: 8, xxl: 6 }\n * <EasyTable.Filter>\n * <Form.Item name=\"field1\" label=\"条件1\">xxx</Form.Item>\n * </EasyTable.Filter>\n *\n * -- 自定义网格布局 使用 FormCol组件包装 Form.Item\n * <EasyTable.Filter>\n * <FormCol span={12}><Form.Item name=\"field1\" label=\"条件1\">xxx</Form.Item></FormCol>\n * </EasyTable.Filter>\n *\n * -- children 可为 function\n * <EasyTable.Filter>\n * {(form) => {\n * return <Form.Item name=\"field1\" label=\"条件1\">xxx</Form.Item>\n * }}\n * </EasyTable.Filter>\n *2. 用户2（自定义布局）\n * EasyTable.Filter设置 isPure = true，FormItem无布局规则\n *3. EasyTable.Filter中内置了 Form 标签，当children为函数时，可获取form实例\n *4. 默认布局下，可通过设置 filterOperate 设置操作按钮\n *```\n */\n Filter: EasyTableFilter,\n /**\n * 表格渲染\n * @param props\n * ```\n * 1. 继承了 TableProps 可设置antd table功能\n * ```\n */\n Table: EasyTableTable,\n\n useEasyTablRef: useEasyTablRef,\n});\n"],"names":["_createCtx","_createCtx2","useEasyTableCtx","EasyTableCtxProvider","defaultState","queryCondition","isInit","_EasyTableModel","actions","updateFilterCondition","params","state","_extends","resetFilterCondition","updateInitStatus","easyTableModels","easyTableModel","key","Model","EasyTable","forwardRef","props","ref","_props$initialPaginat","_useState","useState","dataSource","setDataSource","_useState2","total","setTotal","_useState3","loading","setLoading","_easyTableModel$useSt","modelKey","useStore","pageSize","initialPaginationParams","initRequest","undefined","_useState4","paginationStatus","setPaginationStatus","fieldNames","list","pageNo","_Form$useForm","Form","useForm","form","onRequest","_hooks","useCallbackRef","Promise","$return","$error","allState","_props$serviceConfig","requestParamsAdapter","_onRequest","requestResultAdapter","paramsNew","respData","respDataNew","respList","$Try_1_Post","$boundEx","$Try_1_Catch","error","message","resolve","then","$await_2","cloneState","serviceConfig","$await_3","onDataSourceChange","_isArray","clearQueryCondition","values","$await_4","resetFields","setFieldsValue","onResetRequest","_extends2","$await_5","initialValues","getRequestParams","getFieldsValue","useImperativeHandle","getEasyTableRef","onSetPaginationStatus","status","onFormFinish","_extends3","_jsx","value","tableList","tableTotal","children","EasyTableFilter","queryButtonProps","resetButtonProps","filterOperate","_useEasyTableCtx","childrens","Children","toArray","onReset","$await_1","formOperateColProps","rightList","hidden","ButtonWrapper","type","htmlType","text","onClick","formRowChildren","map","item","index","FormGrid","Col","concat","OperateCol","SimpleLayout","onFinish","isPure","Row","gutter","EasyTableTable","rowKey","pagination","otherProps","_objectWithoutPropertiesLoose","_excluded","paginationData","showSizeChanger","current","showTotal","onChangePage","data","_len","arguments","length","Array","_key","onChange","apply","useMemo","isUndefinedOrNull","getUuid","fbaHooks","useEffectCustom","_jsxs","Table","size","scroll","x","bordered","useEasyTablRef","useRef","attachPropertiesToComponent","EasyTableInner","Filter"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/easy-table/context.ts","@flatbiz/antd/src/easy-table/model.ts","@flatbiz/antd/src/easy-table/easy-table.tsx","@flatbiz/antd/src/easy-table/filter.tsx","@flatbiz/antd/src/easy-table/hooks.ts","@flatbiz/antd/src/easy-table/table.tsx","@flatbiz/antd/src/easy-table/index.ts"],"sourcesContent":["import { TPlainObject } from '@flatbiz/utils';\nimport { createCtx } from '@wove/react';\nimport { FormInstance } from 'antd';\nimport { EasyTableRefApi } from './type';\n\nexport const [useEasyTableCtx, EasyTableCtxProvider] = createCtx<{\n modelKey: string;\n onRequest: (params?: TPlainObject) => void;\n tableList: TPlainObject[];\n tableTotal: number;\n loading?: boolean;\n fieldNames: TPlainObject;\n pageSize: number;\n initRequest: boolean;\n initialValues: TPlainObject;\n onSetPaginationStatus: (status: boolean) => void;\n paginationStatus: boolean;\n onFormFinish?: (values?: TPlainObject) => void;\n form: FormInstance;\n getEasyTableRef: () => EasyTableRefApi;\n}>();\n","import { API, ModelType } from '@dimjs/model';\nimport { Model } from '@dimjs/model-react';\nimport { TAny, TPlainObject } from '@flatbiz/utils';\n\nexport type ModelState = {\n queryCondition: TPlainObject;\n isInit: boolean;\n};\n\ntype ModelActionParams = {\n updateFilterCondition?: Partial<ModelState['queryCondition']>;\n resetFilterCondition: void;\n updateInitStatus: void;\n};\n\nconst defaultState: ModelState = {\n queryCondition: {},\n isInit: true,\n};\n\nconst _EasyTableModel: ModelType<ModelState, ModelActionParams> = {\n actions: {\n updateFilterCondition: (params) => {\n return (state) => {\n state.queryCondition = {\n ...state.queryCondition,\n ...params,\n };\n };\n },\n resetFilterCondition: () => {\n return (state) => {\n state.queryCondition = defaultState.queryCondition;\n };\n },\n updateInitStatus: () => {\n return (state) => {\n state.isInit = false;\n };\n },\n },\n state: defaultState,\n};\n\nconst easyTableModels: Record<string, API<ModelType<ModelState, ModelActionParams, TAny>>> = {};\n\n/**\n * ```\n * 使用方式\n * const [state, actions] = selectorWrapperModel('key值').useStore();\n * ```\n */\nexport const easyTableModel = (key: string) => {\n if (!easyTableModels[key]) {\n easyTableModels[key] = Model(_EasyTableModel);\n }\n return easyTableModels[key];\n};\n","import { isArray } from '@dimjs/lang';\nimport { cloneState } from '@dimjs/model';\nimport { TAny, TPlainObject } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { Form, message } from 'antd';\nimport { forwardRef, ReactElement, useImperativeHandle, useState } from 'react';\nimport { EasyTableCtxProvider } from './context';\nimport { easyTableModel } from './model';\nimport { EasyTableRefApi } from './type';\n\ntype EasyTableServiceConfig = {\n /** 接口配置 */\n onRequest: (params?: TPlainObject) => Promise<TPlainObject | TPlainObject[]>;\n /** 请求参数处理 */\n requestParamsAdapter?: (params: TPlainObject) => TPlainObject;\n /**\n * 接口相应数据处理\n * @param params\n * ```\n * 返回数据为对象，包含两个字段\n * 1. 表格列表数据 - Array\n * 2. 表格条数总数 - Number\n * 其中 字段key 命名会通过 fieldNames 进行转义\n * ```\n */\n requestResultAdapter?: (params: TAny) => TPlainObject;\n};\n\nexport type EasyTableProps = {\n children: ReactElement | ReactElement[];\n modelKey: string;\n /** 接口数据配置 */\n serviceConfig: EasyTableServiceConfig;\n /**\n * 1. 查询条件Form initialValues\n * 2. 接口其他参数，例如常量类型\n */\n initialValues?: TPlainObject;\n /**\n * 分页初始化参数，默认值： pageSize = 10\n * @deprecated 使用 pageSize 赋值\n */\n initialPaginationParams?: { pageSize?: number };\n /** 分页单页条数，默认值：10 */\n pageSize?: number;\n /** 字段映射 */\n fieldNames?: { list?: string; total?: string; pageNo?: string; pageSize?: string; uid?: string };\n /** 初始化是否请求，默认值：true */\n initRequest?: boolean;\n onDataSourceChange?: (dataSource: TAny) => void;\n /** 如果自定义查询按钮，可设置 Form onFinish */\n onFormFinish?: (values?: TPlainObject) => void;\n};\n\n/**\n * 对 查询条件+表格数据 进行深度封装，内置数据交互处理\n * ```\n * 1. 需要获取查询条件、主动发起请求等可通过ref操作\n * 2. 可通过属性 initRequest 设置初始化是否请求数据\n * 3. 可通过属性 fieldNames 来设置自定义变量，默认值为：list、total、pageNo、pageSize\n *\n * Demo https://fex.qa.tcshuke.com/docs/admin/main/crud/easy-table\n * ```\n */\nexport const EasyTable = forwardRef<EasyTableRefApi, EasyTableProps>((props: EasyTableProps, ref) => {\n const [dataSource, setDataSource] = useState<TPlainObject[]>([]);\n const [total, setTotal] = useState<number>(0);\n const [loading, setLoading] = useState<boolean>(false);\n const [state, actions] = easyTableModel(props.modelKey).useStore();\n const pageSize = props.pageSize || props.initialPaginationParams?.pageSize || 10;\n const initRequest = props.initRequest === undefined ? true : props.initRequest;\n const [paginationStatus, setPaginationStatus] = useState(false);\n\n const fieldNames = {\n list: 'list',\n total: 'tatal',\n pageNo: 'pageNo',\n pageSize: 'pageSize',\n ...props.fieldNames,\n };\n\n const [form] = Form.useForm();\n\n const onRequest = hooks.useCallbackRef(async (params) => {\n try {\n setLoading(true);\n const allState = await actions.updateFilterCondition(params);\n const queryCondition = cloneState(allState.queryCondition || {});\n const { requestParamsAdapter, onRequest, requestResultAdapter } = props.serviceConfig;\n const paramsNew = requestParamsAdapter ? requestParamsAdapter(queryCondition) : queryCondition;\n const respData = (await onRequest(paramsNew)) || {};\n props.onDataSourceChange?.(respData);\n const respDataNew = requestResultAdapter ? requestResultAdapter(respData) : respData;\n const respList = respDataNew[fieldNames.list];\n setDataSource(isArray(respList) ? respList : []);\n setTotal(respDataNew[fieldNames.total]);\n setLoading(false);\n } catch (error) {\n setLoading(false);\n void message.error(error.message);\n }\n });\n\n const clearQueryCondition = hooks.useCallbackRef(async (values?: TPlainObject) => {\n await actions.resetFilterCondition();\n form.resetFields();\n if (values) {\n void actions.updateFilterCondition(values);\n form.setFieldsValue(values);\n }\n });\n const onResetRequest = hooks.useCallbackRef(async (values?: TPlainObject) => {\n await actions.resetFilterCondition();\n form.resetFields();\n if (paginationStatus) {\n void onRequest({\n [fieldNames.pageNo]: 1,\n [fieldNames.pageSize]: pageSize,\n ...props.initialValues,\n ...values,\n });\n } else {\n void onRequest({\n ...props.initialValues,\n ...values,\n });\n }\n });\n\n const getRequestParams = () => {\n return {\n ...state.queryCondition,\n ...form.getFieldsValue(),\n };\n };\n\n const getEasyTableRef = () => {\n return {\n onRequest: onRequest,\n clearQueryCondition,\n getRequestParams,\n onResetRequest,\n form,\n };\n };\n\n useImperativeHandle(ref, () => {\n return getEasyTableRef();\n });\n\n const onSetPaginationStatus = (status: boolean) => {\n setPaginationStatus(status);\n };\n\n const onFormFinish = () => {\n const values = form.getFieldsValue();\n if (props.onFormFinish) {\n props.onFormFinish(values);\n } else {\n if (paginationStatus) {\n void onRequest({\n ...values,\n [fieldNames.pageNo]: 1,\n [fieldNames.pageSize]: state.queryCondition.pageSize,\n });\n } else {\n void onRequest(values);\n }\n }\n };\n\n return (\n <EasyTableCtxProvider\n value={{\n getEasyTableRef,\n modelKey: props.modelKey,\n onRequest,\n tableList: dataSource,\n tableTotal: total,\n loading,\n fieldNames,\n pageSize,\n initRequest,\n initialValues: props.initialValues || {},\n onSetPaginationStatus,\n paginationStatus,\n onFormFinish,\n form,\n }}\n >\n {props.children}\n </EasyTableCtxProvider>\n );\n});\n","import { hooks } from '@wove/react';\nimport { ButtonProps, Form, FormInstance } from 'antd';\nimport { Children, ReactElement } from 'react';\nimport { ButtonWrapper } from '../button-wrapper';\nimport { FormGrid } from '../form-grid';\nimport { FormOperateColProps } from '../form-grid/form-operate-col';\nimport { SimpleLayout } from '../simple-layout';\nimport { useEasyTableCtx } from './context';\nimport { easyTableModel } from './model';\n\nexport type EasyTableFilterProps = {\n children: ReactElement | ReactElement[] | ((form: FormInstance) => ReactElement);\n /** isPure = true时无效 */\n filterOperate?: (form: FormInstance) => FormOperateColProps;\n /** 是否为纯净模式（查询条件布局是否自定义）， */\n isPure?: boolean;\n // 查询按钮配置\n queryButtonProps?: Omit<ButtonProps, 'onClick'> & { text?: string };\n // 重置按钮配置\n resetButtonProps?: Omit<ButtonProps, 'onClick'> & { text?: string };\n};\n\n/**\n * 过滤条件\n * @param props\n * @returns\n *\n *```\n *1. 用法1\n * -- 默认网格布局 规则：{ xs: 24, sm: 12, md: 12, lg: 8, xl: 8, xxl: 6 }\n * <EasyTableFilter>\n * <Form.Item name=\"field1\" label=\"条件1\">xxx</Form.Item>\n * </EasyTableFilter>\n *\n * -- 自定义网格布局 使用 FormCol组件包装 Form.Item\n * <EasyTableFilter>\n * <FormCol span={12}><Form.Item name=\"field1\" label=\"条件1\">xxx</Form.Item></FormCol>\n * </EasyTableFilter>\n *\n * -- children 可为 function\n * <EasyTableFilter>\n * {(form) => {\n * return <Form.Item name=\"field1\" label=\"条件1\">xxx</Form.Item>\n * }}\n * </EasyTableFilter>\n *2. 用户2（自定义布局）\n * EasyTableFilter设置 isPure = true，FormItem无布局规则\n *3. EasyTableFilter中内置了 Form 标签，当children为函数时，可获取form实例\n *4. 默认布局下，可通过设置 filterOperate 设置操作按钮\n *```\n */\nexport const EasyTableFilter = (props: EasyTableFilterProps) => {\n const { queryButtonProps, resetButtonProps, filterOperate } = props;\n const { modelKey, fieldNames, onRequest, pageSize, paginationStatus, initialValues, form, onFormFinish } =\n useEasyTableCtx();\n const children = typeof props.children === 'function' ? props.children(form) : props.children;\n const childrens = Children.toArray(children);\n\n const [state, actions] = easyTableModel(modelKey).useStore();\n\n // const onQuery = hooks.useCallbackRef(() => {\n // if (paginationStatus) {\n // onRequest({\n // ...form.getFieldsValue(),\n // [fieldNames.pageNo]: 1,\n // [fieldNames.pageSize]: state.queryCondition.pageSize,\n // });\n // } else {\n // onRequest(form.getFieldsValue());\n // }\n // });\n\n const onReset = hooks.useCallbackRef(async () => {\n await actions.resetFilterCondition();\n form.resetFields();\n if (paginationStatus) {\n onRequest({\n [fieldNames.pageNo]: 1,\n [fieldNames.pageSize]: pageSize,\n ...initialValues,\n });\n } else {\n onRequest(initialValues);\n }\n });\n\n const formOperateColProps = {\n rightList: [\n !queryButtonProps?.hidden ? (\n <ButtonWrapper key=\"1\" type=\"primary\" htmlType=\"submit\" {...queryButtonProps}>\n {queryButtonProps?.text || '查询'}\n </ButtonWrapper>\n ) : null,\n !resetButtonProps?.hidden ? (\n <ButtonWrapper key=\"2\" onClick={onReset} {...resetButtonProps}>\n {resetButtonProps?.text || '重置'}\n </ButtonWrapper>\n ) : null,\n ],\n ...filterOperate?.(form),\n };\n\n const formRowChildren = childrens\n .map((item, index) => {\n if ((item as ReactElement).type['domTypeName'] === 'FormCol') {\n return item;\n }\n return <FormGrid.Col key={index}>{item}</FormGrid.Col>;\n })\n .concat(<FormGrid.OperateCol key={99} {...formOperateColProps} />);\n\n return (\n <SimpleLayout>\n <Form\n form={form}\n onFinish={onFormFinish}\n initialValues={{\n ...initialValues,\n ...state.queryCondition,\n }}\n >\n {props.isPure ? children : <FormGrid.Row gutter={[15, 0]}>{formRowChildren}</FormGrid.Row>}\n </Form>\n </SimpleLayout>\n );\n};\n","import { useRef } from 'react';\nimport { useEasyTableCtx } from './context';\nimport { EasyTableRefApi } from './type';\n\n/**\n * 在 EasyTable子组件内才可使用\n * @returns\n */\nexport const useEasyTable = () => {\n const ctx = useEasyTableCtx();\n const resp = useRef(ctx.getEasyTableRef());\n return resp.current;\n};\n\n/**\n *\n * @deprecated 已过去，请使用 useEasyTable\n * @returns\n */\nexport const useEasyTablRef = () => {\n const { getEasyTableRef } = useEasyTableCtx();\n const ref = useRef<EasyTableRefApi>(getEasyTableRef());\n return ref;\n};\n","import { getUuid, isUndefinedOrNull, TAny } from '@flatbiz/utils';\nimport { Table, TableProps } from 'antd';\nimport { ReactElement, useMemo } from 'react';\nimport { fbaHooks } from '../fba-hooks';\nimport { SimpleLayout } from '../simple-layout';\nimport { useEasyTableCtx } from './context';\nimport { easyTableModel } from './model';\n\nexport type EasyTableTableProps = Omit<TableProps<TAny>, 'dataSource' | 'loading' | 'rowKey'> & {\n children?: ReactElement;\n /** 表格行 key 的取值 */\n rowKey: string;\n};\n\n/**\n * 表格渲染\n * @param props\n * ```\n * 1. 继承了 TableProps 可设置antd table功能\n * ```\n */\nexport const EasyTableTable = (props: EasyTableTableProps) => {\n const { children, rowKey, pagination, ...otherProps } = props;\n\n const {\n modelKey,\n fieldNames,\n onRequest,\n tableList,\n initRequest,\n pageSize,\n tableTotal,\n loading,\n initialValues,\n onSetPaginationStatus,\n } = useEasyTableCtx();\n const [state, actions] = easyTableModel(modelKey).useStore();\n\n const paginationData =\n pagination == false\n ? false\n : {\n showSizeChanger: true,\n current: state.queryCondition[fieldNames.pageNo],\n pageSize: state.queryCondition[fieldNames.pageSize],\n total: tableTotal,\n showTotal: (total) => `共 ${total} 条记录`,\n ...props.pagination,\n };\n\n const onChangePage: TableProps<TAny>['onChange'] = (data, ...otherProps) => {\n if (paginationData) {\n onRequest({ [fieldNames.pageSize]: data.pageSize, [fieldNames.pageNo]: data.current });\n }\n props.onChange?.(data, ...otherProps);\n };\n\n const dataSource = useMemo(() => {\n if (tableList.length === 0) {\n return [];\n }\n if (isUndefinedOrNull(tableList[0][rowKey])) {\n return tableList.map((item) => {\n item[rowKey] = getUuid();\n return item;\n });\n }\n return tableList;\n }, [tableList, rowKey]);\n\n fbaHooks.useEffectCustom(() => {\n onSetPaginationStatus(paginationData !== false);\n if (initRequest !== false || !state.isInit) {\n if (paginationData) {\n void onRequest({\n [fieldNames.pageNo]: 1,\n [fieldNames.pageSize]: pageSize,\n ...initialValues,\n });\n } else {\n void onRequest(initialValues);\n }\n } else {\n void actions.updateFilterCondition(initialValues);\n }\n void actions.updateInitStatus();\n }, []);\n\n return (\n <SimpleLayout>\n {children}\n <Table\n size=\"small\"\n scroll={{ x: 'max-content' }}\n bordered\n {...otherProps}\n pagination={paginationData}\n rowKey={rowKey}\n onChange={onChangePage}\n loading={loading}\n dataSource={dataSource}\n />\n </SimpleLayout>\n );\n};\n","import { attachPropertiesToComponent } from '../_utils/attach-properties-to-component';\nimport { EasyTable as EasyTableInner } from './easy-table';\nimport { EasyTableFilter } from './filter';\nimport { useEasyTable, useEasyTablRef } from './hooks';\nimport { EasyTableTable } from './table';\n\nexport const EasyTable = attachPropertiesToComponent(EasyTableInner, {\n /**\n * 过滤条件\n * @param props\n * @returns\n *\n *```\n *1. 用法1\n * -- 默认网格布局 规则：{ xs: 24, sm: 12, md: 12, lg: 8, xl: 8, xxl: 6 }\n * <EasyTable.Filter>\n * <Form.Item name=\"field1\" label=\"条件1\">xxx</Form.Item>\n * </EasyTable.Filter>\n *\n * -- 自定义网格布局 使用 FormCol组件包装 Form.Item\n * <EasyTable.Filter>\n * <FormCol span={12}><Form.Item name=\"field1\" label=\"条件1\">xxx</Form.Item></FormCol>\n * </EasyTable.Filter>\n *\n * -- children 可为 function\n * <EasyTable.Filter>\n * {(form) => {\n * return <Form.Item name=\"field1\" label=\"条件1\">xxx</Form.Item>\n * }}\n * </EasyTable.Filter>\n *2. 用户2（自定义布局）\n * EasyTable.Filter设置 isPure = true，FormItem无布局规则\n *3. EasyTable.Filter中内置了 Form 标签，当children为函数时，可获取form实例\n *4. 默认布局下，可通过设置 filterOperate 设置操作按钮\n *```\n */\n Filter: EasyTableFilter,\n /**\n * 表格渲染\n * @param props\n * ```\n * 1. 继承了 TableProps 可设置antd table功能\n * ```\n */\n Table: EasyTableTable,\n\n /**\n * @deprecated 已过去，请使用 useEasyTable\n */\n useEasyTablRef: useEasyTablRef,\n\n /** 在 EasyTable子组件内才可使用 */\n useEasyTable: useEasyTable,\n});\n"],"names":["_createCtx","_createCtx2","useEasyTableCtx","EasyTableCtxProvider","defaultState","queryCondition","isInit","_EasyTableModel","actions","updateFilterCondition","params","state","_extends","resetFilterCondition","updateInitStatus","easyTableModels","easyTableModel","key","Model","EasyTable","forwardRef","props","ref","_props$initialPaginat","_useState","useState","dataSource","setDataSource","_useState2","total","setTotal","_useState3","loading","setLoading","_easyTableModel$useSt","modelKey","useStore","pageSize","initialPaginationParams","initRequest","undefined","_useState4","paginationStatus","setPaginationStatus","fieldNames","list","pageNo","_Form$useForm","Form","useForm","form","onRequest","_hooks","useCallbackRef","Promise","$return","$error","allState","_props$serviceConfig","requestParamsAdapter","_onRequest","requestResultAdapter","paramsNew","respData","respDataNew","respList","$Try_1_Post","$boundEx","$Try_1_Catch","error","message","resolve","then","$await_2","cloneState","serviceConfig","$await_3","onDataSourceChange","_isArray","clearQueryCondition","values","$await_4","resetFields","setFieldsValue","onResetRequest","_extends2","$await_5","initialValues","getRequestParams","getFieldsValue","getEasyTableRef","useImperativeHandle","onSetPaginationStatus","status","onFormFinish","_extends3","_jsx","value","tableList","tableTotal","children","EasyTableFilter","queryButtonProps","resetButtonProps","filterOperate","_useEasyTableCtx","childrens","Children","toArray","onReset","$await_1","formOperateColProps","rightList","hidden","ButtonWrapper","type","htmlType","text","onClick","formRowChildren","map","item","index","FormGrid","Col","concat","OperateCol","SimpleLayout","onFinish","isPure","Row","gutter","useEasyTable","ctx","resp","useRef","current","useEasyTablRef","EasyTableTable","rowKey","pagination","otherProps","_objectWithoutPropertiesLoose","_excluded","paginationData","showSizeChanger","showTotal","onChangePage","data","_len","arguments","length","Array","_key","onChange","apply","useMemo","isUndefinedOrNull","getUuid","fbaHooks","useEffectCustom","_jsxs","Table","size","scroll","x","bordered","attachPropertiesToComponent","EasyTableInner","Filter"],"mappings":";g8CAKO,IAAAA,EAAgDC,IAAzCC,EAAeF,EAAA,GAAEG,EAAoBH,EAAA,GCUnD,IAAMI,EAA2B,CAC/BC,eAAgB,CAAE,EAClBC,OAAQ,MAGV,IAAMC,EAA4D,CAChEC,QAAS,CACPC,sBAAuB,SAAAA,EAACC,GACtB,OAAO,SAACC,GACNA,EAAMN,eAAcO,EAAA,CAAA,EACfD,EAAMN,eACNK,GAGR,EACDG,qBAAsB,SAAAA,IACpB,OAAO,SAACF,GACNA,EAAMN,eAAiBD,EAAaC,eAEvC,EACDS,iBAAkB,SAAAA,IAChB,OAAO,SAACH,GACNA,EAAML,OAAS,MAEnB,GAEFK,MAAOP,GAGT,IAAMW,EAAuF,CAAA,EAQtF,IAAMC,EAAiB,SAAjBA,EAAkBC,GAC7B,IAAKF,EAAgBE,GAAM,CACzBF,EAAgBE,GAAOC,EAAMX,EAC/B,CACA,OAAOQ,EAAgBE,EACzB,ECOO,IAAME,EAAYC,GAA4C,SAACC,EAAuBC,GAAQ,IAAAC,EACnG,IAAAC,EAAoCC,EAAyB,IAAtDC,EAAUF,EAAA,GAAEG,EAAaH,EAAA,GAChC,IAAAI,EAA0BH,EAAiB,GAApCI,EAAKD,EAAA,GAAEE,EAAQF,EAAA,GACtB,IAAAG,EAA8BN,EAAkB,OAAzCO,EAAOD,EAAA,GAAEE,EAAUF,EAAA,GAC1B,IAAAG,EAAyBlB,EAAeK,EAAMc,UAAUC,WAAjDzB,EAAKuB,EAAA,GAAE1B,EAAO0B,EAAA,GACrB,IAAMG,EAAWhB,EAAMgB,YAAQd,EAAIF,EAAMiB,0BAANf,UAAAA,EAAAA,EAA+Bc,WAAY,GAC9E,IAAME,EAAclB,EAAMkB,cAAgBC,UAAY,KAAOnB,EAAMkB,YACnE,IAAAE,EAAgDhB,EAAS,OAAlDiB,EAAgBD,EAAA,GAAEE,EAAmBF,EAAA,GAE5C,IAAMG,EAAUhC,EAAA,CACdiC,KAAM,OACNhB,MAAO,QACPiB,OAAQ,SACRT,SAAU,YACPhB,EAAMuB,YAGX,IAAAG,EAAeC,EAAKC,UAAbC,EAAIH,EAAA,GAEX,IAAMI,EAAYC,EAAMC,gBAAe,SAAO3C,GAAP,OAAA,IAAA4C,SAAA,SAAAC,EAAAC,GAAA,IAG7BC,EACApD,EAA0DqD,EAAAC,EAAAC,EAAAC,EAE1DC,EACAC,EAEAC,EACAC,EA7FZ,IAAIC,aAAJ,IAAI,OAAAX,GAAK,CAAC,MAAAY,GAAW,OAAOX,EAAAW,EAAM,GAAlC,IAAIC,EAAA,SAiGSC,GAjGb,IAkGMpC,EAAW,YACNqC,EAAQD,MAAMA,EAAMC,SAnG/B,OAAOJ,GAAE,CAAC,MAAAC,GAAW,OAAOX,EAAAW,EAAM,GAoF9B,IACElC,EAAW,MACM,OAAAqB,QAAAiB,QAAM/D,EAAQC,sBAAsBC,IAApC8D,eAA2CC,GAtFlE,IAsFYhB,EAAWgB,EACXpE,EAAiBqE,EAAWjB,EAASpD,gBAAkB,CAAE,GAC/DqD,EAAkErC,EAAMsD,cAAhEhB,EAAoBD,EAApBC,qBAAsBR,EAASO,EAATP,UAAWU,EAAoBH,EAApBG,qBACnCC,EAAYH,EAAuBA,EAAqBtD,GAAkBA,EAC9D,OAAAiD,QAAAiB,QAAMpB,EAAUW,IAAhBU,MAA0B,SAAAI,GA1FlD,IA0FYb,EAAYa,GAA+B,GACjDvD,EAAMwD,oBAANxD,UAAAA,EAAAA,EAAMwD,mBAAqBd,GACrBC,EAAcH,EAAuBA,EAAqBE,GAAYA,EACtEE,EAAWD,EAAYpB,EAAWC,MACxClB,EAAcmD,EAAQb,GAAYA,EAAW,IAC7CnC,EAASkC,EAAYpB,EAAWf,QAChCI,EAAW,OAhGjB,OAAOiC,GAAE,CAAC,MAAAC,GAAW,OAAOC,EAAAD,EAAM,CAAC,GAAAC,EAA1B,CAAC,MAAAD,GAAW,OAAOC,EAAAD,EAAM,CAAC,GAAAC,EAiG9B,CAAC,MAAOC,GAAOD,EAAPC,EAGT,CAAC,OAGH,IAAMU,EAAsB3B,EAAMC,gBAAe,SAAO2B,GAAP,OAAA,IAAA1B,SAAA,SAAAC,EAAAC,GAC/C,OAAAF,QAAAiB,QAAM/D,EAAQK,wBAAd2D,MAAoC,SAAAS,GAxGxC,IAyGI/B,EAAKgC,cACL,GAAIF,EAAQ,MACLxE,EAAQC,sBAAsBuE,GACnC9B,EAAKiC,eAAeH,EACtB,CAAC,OAAAzB,GA7GI,CAAC,MAAAY,GAAW,OAAOX,EAAAW,EAAM,CAAC,GAAAX,EAwGK,OAOtC,IAAM4B,EAAiBhC,EAAMC,gBAAe,SAAO2B,GAAP,OAAA,IAAA1B,SAAA,SAAAC,EAAAC,GAAA,IAAA6B,EAC1C,OAAA/B,QAAAiB,QAAM/D,EAAQK,wBAAd2D,MAAoC,SAAAc,GAhHxC,IAiHIpC,EAAKgC,cACL,GAAIxC,EAAkB,MACfS,EAASvC,GAAAyE,EAAA,CAAA,EAAAA,EACXzC,EAAWE,QAAS,EAACuC,EACrBzC,EAAWP,UAAWA,EAAQgD,GAC5BhE,EAAMkE,cACNP,GAEP,KAAO,MACA7B,EAASvC,EAAA,CAAA,EACTS,EAAMkE,cACNP,GAEP,CAAC,OAAAzB,GA9HI,CAAC,MAAAY,GAAW,OAAOX,EAAAW,EAAM,CAAC,GAAAX,EAgHK,OAiBtC,IAAMgC,EAAmB,SAAnBA,IACJ,OAAA5E,KACKD,EAAMN,eACN6C,EAAKuC,mBAIZ,IAAMC,EAAkB,SAAlBA,IACJ,MAAO,CACLvC,UAAWA,EACX4B,oBAAAA,EACAS,iBAAAA,EACAJ,eAAAA,EACAlC,KAAAA,IAIJyC,EAAoBrE,GAAK,WACvB,OAAOoE,GACT,IAEA,IAAME,EAAwB,SAAxBA,EAAyBC,GAC7BlD,EAAoBkD,IAGtB,IAAMC,EAAe,SAAfA,IACJ,IAAMd,EAAS9B,EAAKuC,iBACpB,GAAIpE,EAAMyE,aAAc,CACtBzE,EAAMyE,aAAad,EACrB,KAAO,CACL,GAAItC,EAAkB,CAAA,IAAAqD,OACf5C,EAASvC,EAAA,GACToE,GAAMe,EAAA,CAAA,EAAAA,EACRnD,EAAWE,QAAS,EAACiD,EACrBnD,EAAWP,UAAW1B,EAAMN,eAAegC,SAAQ0D,IAExD,KAAO,MACA5C,EAAU6B,EACjB,CACF,GAGF,OACEgB,EAAC7F,EAAoB,CACnB8F,MAAO,CACLP,gBAAAA,EACAvD,SAAUd,EAAMc,SAChBgB,UAAAA,EACA+C,UAAWxE,EACXyE,WAAYtE,EACZG,QAAAA,EACAY,WAAAA,EACAP,SAAAA,EACAE,YAAAA,EACAgD,cAAelE,EAAMkE,eAAiB,CAAE,EACxCK,sBAAAA,EACAlD,iBAAAA,EACAoD,aAAAA,EACA5C,KAAAA,GACAkD,SAED/E,EAAM+E,UAGb,IC9IO,IAAMC,EAAkB,SAAlBA,EAAmBhF,GAC9B,IAAQiF,EAAsDjF,EAAtDiF,iBAAkBC,EAAoClF,EAApCkF,iBAAkBC,EAAkBnF,EAAlBmF,cAC5C,IAAAC,EACEvG,IADMiC,EAAQsE,EAARtE,SAAUS,EAAU6D,EAAV7D,WAAYO,EAASsD,EAATtD,UAAWd,EAAQoE,EAARpE,SAAUK,EAAgB+D,EAAhB/D,iBAAkB6C,EAAakB,EAAblB,cAAerC,EAAIuD,EAAJvD,KAAM4C,EAAYW,EAAZX,aAE1F,IAAMM,SAAkB/E,EAAM+E,WAAa,WAAa/E,EAAM+E,SAASlD,GAAQ7B,EAAM+E,SACrF,IAAMM,EAAYC,EAASC,QAAQR,GAEnC,IAAAlE,EAAyBlB,EAAemB,GAAUC,WAA3CzB,EAAKuB,EAAA,GAAE1B,EAAO0B,EAAA,GAcrB,IAAM2E,EAAUzD,EAAMC,gBAAe,WAAA,OAAA,IAAAC,SAAA,SAAAC,EAAAC,GAAA,IAAA6B,EACnC,OAAA/B,QAAAiB,QAAM/D,EAAQK,wBAAd2D,MAAoC,SAAAsC,GAzExC,IA0EI5D,EAAKgC,cACL,GAAIxC,EAAkB,CACpBS,EAASvC,GAAAyE,EAAA,CAAA,EAAAA,EACNzC,EAAWE,QAAS,EAACuC,EACrBzC,EAAWP,UAAWA,EAAQgD,GAC5BE,GAEP,KAAO,CACLpC,EAAUoC,EACZ,CAAC,OAAAhC,GAnFI,CAAC,MAAAY,GAAW,OAAOX,EAAAW,EAAM,CAAC,GAAAX,EAyEK,OAatC,IAAMuD,EAAmBnG,EAAA,CACvBoG,UAAW,GACRV,GAAAA,MAAAA,EAAkBW,QACjBjB,EAACkB,EAAatG,EAAA,CAASuG,KAAK,UAAUC,SAAS,UAAad,EAAgB,CAAAF,UACzEE,eAAAA,EAAkBe,OAAQ,OADV,KAGjB,OACHd,GAAgB,MAAhBA,EAAkBU,QACjBjB,EAACkB,EAAatG,EAAA,CAAS0G,QAAST,GAAaN,EAAgB,CAAAH,UAC1DG,eAAAA,EAAkBc,OAAQ,OADV,KAGjB,OAEHb,GAAAA,UAAAA,EAAAA,EAAgBtD,IAGrB,IAAMqE,EAAkBb,EACrBc,KAAI,SAACC,EAAMC,GACV,GAAKD,EAAsBN,KAAK,iBAAmB,UAAW,CAC5D,OAAOM,CACT,CACA,OAAOzB,EAAC2B,EAASC,IAAG,CAAAxB,SAAcqB,GAARC,EAC3B,IACAG,OAAO7B,EAAC2B,EAASG,WAAUlH,EAAcmG,CAAAA,EAAAA,GAAR,KAEpC,OACEf,EAAC+B,EAAY,CAAA3B,SACXJ,EAAChD,EAAI,CACHE,KAAMA,EACN8E,SAAUlC,EACVP,cAAa3E,EACR2E,CAAAA,EAAAA,EACA5E,EAAMN,gBACT+F,SAED/E,EAAM4G,OAAS7B,EAAWJ,EAAC2B,EAASO,IAAG,CAACC,OAAQ,CAAC,GAAI,GAAG/B,SAAEmB,OAInE,ECrHO,IAAMa,EAAe,SAAfA,IACX,IAAMC,EAAMnI,IACZ,IAAMoI,EAAOC,EAAOF,EAAI3C,mBACxB,OAAO4C,EAAKE,OACd,EAOO,IAAMC,EAAiB,SAAjBA,IACX,IAAAhC,EAA4BvG,IAApBwF,EAAee,EAAff,gBACR,IAAMpE,EAAMiH,EAAwB7C,KACpC,OAAOpE,CACT,2CCFO,IAAMoH,EAAiB,SAAjBA,EAAkBrH,GAC7B,IAAQ+E,EAAgD/E,EAAhD+E,SAAUuC,EAAsCtH,EAAtCsH,OAAQC,EAA8BvH,EAA9BuH,WAAeC,EAAUC,EAAKzH,EAAK0H,GAE7D,IAAAtC,EAWIvG,IAVFiC,EAAQsE,EAARtE,SACAS,EAAU6D,EAAV7D,WACAO,EAASsD,EAATtD,UACA+C,EAASO,EAATP,UACA3D,EAAWkE,EAAXlE,YACAF,EAAQoE,EAARpE,SACA8D,EAAUM,EAAVN,WACAnE,EAAOyE,EAAPzE,QACAuD,EAAakB,EAAblB,cACAK,EAAqBa,EAArBb,sBAEF,IAAA1D,EAAyBlB,EAAemB,GAAUC,WAA3CzB,EAAKuB,EAAA,GAAE1B,EAAO0B,EAAA,GAErB,IAAM8G,EACJJ,GAAc,MACV,MAAKhI,EAAA,CAEHqI,gBAAiB,KACjBT,QAAS7H,EAAMN,eAAeuC,EAAWE,QACzCT,SAAU1B,EAAMN,eAAeuC,EAAWP,UAC1CR,MAAOsE,EACP+C,UAAW,SAAAA,EAACrH,GAAK,MAAA,KAAUA,EAAK,MAAA,GAC7BR,EAAMuH,YAGjB,IAAMO,EAA6C,SAA7CA,EAA8CC,GAClD,GAAIJ,EAAgB,CAAA,IAAApF,EAClBT,GAASS,EAAA,CAAA,EAAAA,EAAIhB,EAAWP,UAAW+G,EAAK/G,SAAQuB,EAAGhB,EAAWE,QAASsG,EAAKZ,QAAO5E,GACrF,CAAC,IAAAyF,IAAAA,EAAAC,UAAAC,OAH0DV,MAAUW,MAAAH,EAAAA,EAAAA,OAAAI,EAAA,EAAAA,EAAAJ,EAAAI,IAAA,CAAVZ,EAAUY,EAAAH,GAAAA,UAAAG,EAAA,CAIrEpI,EAAMqI,UAAQ,UAAA,EAAdrI,EAAMqI,SAAQC,MAAdtI,GAAiB+H,GAAIvB,OAAKgB,KAG5B,IAAMnH,EAAakI,GAAQ,WACzB,GAAI1D,EAAUqD,SAAW,EAAG,CAC1B,MAAO,EACT,CACA,GAAIM,EAAkB3D,EAAU,GAAGyC,IAAU,CAC3C,OAAOzC,EAAUsB,KAAI,SAACC,GACpBA,EAAKkB,GAAUmB,IACf,OAAOrC,CACT,GACF,CACA,OAAOvB,CACT,GAAG,CAACA,EAAWyC,IAEfoB,EAASC,iBAAgB,WACvBpE,EAAsBoD,IAAmB,OACzC,GAAIzG,IAAgB,QAAU5B,EAAML,OAAQ,CAC1C,GAAI0I,EAAgB,CAAA,IAAA3D,OACblC,EAASvC,GAAAyE,KAAAA,EACXzC,EAAWE,QAAS,EAACuC,EACrBzC,EAAWP,UAAWA,EAAQgD,GAC5BE,GAEP,KAAO,MACApC,EAAUoC,EACjB,CACF,KAAO,MACA/E,EAAQC,sBAAsB8E,EACrC,MACK/E,EAAQM,kBACd,GAAE,IAEH,OACEmJ,EAAClC,EAAY,CAAA3B,UACVA,EACDJ,EAACkE,EAAKtJ,EAAA,CACJuJ,KAAK,QACLC,OAAQ,CAAEC,EAAG,eACbC,SAAQ,MACJzB,EAAU,CACdD,WAAYI,EACZL,OAAQA,EACRe,SAAUP,EACVnH,QAASA,EACTN,WAAYA,OAIpB,MClGaP,EAAYoJ,EAA4BC,EAAgB,CA8BnEC,OAAQpE,EAQR6D,MAAOxB,EAKPD,eAAgBA,EAGhBL,aAAcA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/* eslint-disable */
|
|
2
2
|
import './index.css';
|
|
3
3
|
/*! @flatjs/forge MIT @flatbiz/antd */
|
|
4
|
-
import{Editor as e}from"@wove/react/cjs/editor";import{a as t}from"../_rollupPluginBabelHelpers-1f4d8910.js";import{hooks as i}from"@wove/react/cjs/hooks";import{jsx as
|
|
4
|
+
import{Editor as e}from"@wove/react/cjs/editor";import{a as t}from"../_rollupPluginBabelHelpers-1f4d8910.js";import{hooks as i}from"@wove/react/cjs/hooks";import{jsx as r}from"react/jsx-runtime";var a=function a(l){var n=i.useCallbackRef((function(e,t){var i=t.getContent();var r=i?i:undefined;l.onChange==null?void 0:l.onChange(r)}));return r("div",{className:"v-editor-wrapper",children:r(e,t({value:l.value,cdnTinyMce:"https://file.40017.cn/tcsk/tinymce/tinymce.min.js",init:t({height:l.height||300,menubar:true,language:"zh_CN",paste_retain_style_properties:"all",table_default_styles:{width:"100%"},plugins:"advlist lists image charmap preview visualblocks code hr print media table paste help template fullscreen",toolbar:["undo redo fullscreen preview","formatselect bold italic backcolor bullist numlist","outdent indent alignleft aligncenter alignright alignjustify","textmark untextmark code preview","template link image help"].join("|"),fontsize_formats:"8px 10px 12px 14px 16px 18px 24px 36px 48px",autoresize_bottom_margin:50},l.editorInitParams)},l.editorProps,{onEditorChange:n}))})};export{a as EditorWrapper};
|
|
5
5
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/editor-wrapper/editor-wrapper.tsx"],"sourcesContent":["import { TPlainObject } from '@flatbiz/utils';\nimport { Editor, hooks } from '@wove/react';\nimport { CSSProperties } from 'react';\nimport './style.less';\nimport { varStyles } from './types';\n\nexport type EditorWrapperProps = {\n onChange?: (data?: string) => void;\n value?: string;\n editorInitParams?: TPlainObject;\n editorProps?: TPlainObject;\n varStyle?: Record<varStyles, CSSProperties['color']>;\n height?: number | string;\n};\n\n/**\n * 富文本编辑器，配置参考tinymce\n * @param props\n * @returns\n */\nexport const EditorWrapper = (props: EditorWrapperProps) => {\n const onChange = hooks.useCallbackRef((_, editor) => {\n const content = editor.getContent();\n const respValue = content ? content : undefined;\n props.onChange?.(respValue);\n });\n\n // const varStyleString = useMemo(() => {\n // const merge = { ...defaultVarStyle, ...props.varStyle };\n // let varStyleString = '';\n // Object.keys(merge).map((key) => {\n // varStyleString += `${key}:${merge[key]};`;\n // });\n // return varStyleString;\n // }, [props.varStyle]);\n\n return (\n <div className=\"v-editor-wrapper\">\n <Editor\n value={props.value}\n cdnTinyMce=\"https://file.40017.cn/tcsk/tinymce/tinymce.min.js\"\n init={{\n height: props.height || 300,\n menubar: true,\n language: 'zh_CN',\n paste_retain_style_properties: 'all',\n table_default_styles: {\n width: '100%',\n },\n plugins:\n 'advlist lists image charmap preview visualblocks code hr print media table paste help template',\n toolbar: [\n 'undo redo fullscreen preview',\n 'formatselect bold italic backcolor bullist numlist',\n 'outdent indent alignleft aligncenter alignright alignjustify',\n 'textmark untextmark code preview',\n 'template link image help',\n ].join('|'),\n fontsize_formats: '8px 10px 12px 14px 16px 18px 24px 36px 48px',\n autoresize_bottom_margin: 50,\n // templates: [\n // editorTemplates.block,\n // editorTemplates.primary_p,\n // editorTemplates.secondary_p,\n // editorTemplates.warning_p,\n // editorTemplates.danger_p,\n // editorTemplates.success_p,\n // editorTemplates.p,\n // ],\n // template_replace_values: {\n // varStyle: varStyleString,\n // },\n // template_preview_replace_values: {\n // varStyle: varStyleString,\n // },\n ...props.editorInitParams,\n }}\n {...props.editorProps}\n onEditorChange={onChange}\n />\n </div>\n );\n};\n\n/**\n * undo redo\n * codesample\n * fontselect fontsizeselect formatselect\n * image media link anchor\n * preview save print\n * emoticons(表情)\n */\n"],"names":["EditorWrapper","props","onChange","_hooks","useCallbackRef","_","editor","content","getContent","respValue","undefined","_jsx","className","children","_Editor","_extends","value","cdnTinyMce","init","height","menubar","language","paste_retain_style_properties","table_default_styles","width","plugins","toolbar","join","fontsize_formats","autoresize_bottom_margin","editorInitParams","editorProps","onEditorChange"],"mappings":";uMAoBaA,EAAgB,SAAhBA,EAAiBC,GAC5B,IAAMC,EAAWC,EAAMC,gBAAe,SAACC,EAAGC,GACxC,IAAMC,EAAUD,EAAOE,aACvB,IAAMC,EAAYF,EAAUA,EAAUG,UACtCT,EAAMC,UAAND,UAAAA,EAAAA,EAAMC,SAAWO,EACnB,IAWA,OACEE,EAAA,MAAA,CAAKC,UAAU,mBAAkBC,SAC/BF,EAAAG,EAAAC,EAAA,CACEC,MAAOf,EAAMe,MACbC,WAAW,oDACXC,KAAIH,EAAA,CACFI,OAAQlB,EAAMkB,QAAU,IACxBC,QAAS,KACTC,SAAU,QACVC,8BAA+B,MAC/BC,qBAAsB,CACpBC,MAAO,QAETC,QACE,
|
|
1
|
+
{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/editor-wrapper/editor-wrapper.tsx"],"sourcesContent":["import { TPlainObject } from '@flatbiz/utils';\nimport { Editor, hooks } from '@wove/react';\nimport { CSSProperties } from 'react';\nimport './style.less';\nimport { varStyles } from './types';\n\nexport type EditorWrapperProps = {\n onChange?: (data?: string) => void;\n value?: string;\n editorInitParams?: TPlainObject;\n editorProps?: TPlainObject;\n varStyle?: Record<varStyles, CSSProperties['color']>;\n height?: number | string;\n};\n\n/**\n * 富文本编辑器，配置参考tinymce\n * @param props\n * @returns\n */\nexport const EditorWrapper = (props: EditorWrapperProps) => {\n const onChange = hooks.useCallbackRef((_, editor) => {\n const content = editor.getContent();\n const respValue = content ? content : undefined;\n props.onChange?.(respValue);\n });\n\n // const varStyleString = useMemo(() => {\n // const merge = { ...defaultVarStyle, ...props.varStyle };\n // let varStyleString = '';\n // Object.keys(merge).map((key) => {\n // varStyleString += `${key}:${merge[key]};`;\n // });\n // return varStyleString;\n // }, [props.varStyle]);\n\n return (\n <div className=\"v-editor-wrapper\">\n <Editor\n value={props.value}\n cdnTinyMce=\"https://file.40017.cn/tcsk/tinymce/tinymce.min.js\"\n init={{\n height: props.height || 300,\n menubar: true,\n language: 'zh_CN',\n paste_retain_style_properties: 'all',\n table_default_styles: {\n width: '100%',\n },\n plugins:\n 'advlist lists image charmap preview visualblocks code hr print media table paste help template fullscreen',\n toolbar: [\n 'undo redo fullscreen preview',\n 'formatselect bold italic backcolor bullist numlist',\n 'outdent indent alignleft aligncenter alignright alignjustify',\n 'textmark untextmark code preview',\n 'template link image help',\n ].join('|'),\n fontsize_formats: '8px 10px 12px 14px 16px 18px 24px 36px 48px',\n autoresize_bottom_margin: 50,\n // templates: [\n // editorTemplates.block,\n // editorTemplates.primary_p,\n // editorTemplates.secondary_p,\n // editorTemplates.warning_p,\n // editorTemplates.danger_p,\n // editorTemplates.success_p,\n // editorTemplates.p,\n // ],\n // template_replace_values: {\n // varStyle: varStyleString,\n // },\n // template_preview_replace_values: {\n // varStyle: varStyleString,\n // },\n ...props.editorInitParams,\n }}\n {...props.editorProps}\n onEditorChange={onChange}\n />\n </div>\n );\n};\n\n/**\n * undo redo\n * codesample\n * fontselect fontsizeselect formatselect\n * image media link anchor\n * preview save print\n * emoticons(表情)\n */\n"],"names":["EditorWrapper","props","onChange","_hooks","useCallbackRef","_","editor","content","getContent","respValue","undefined","_jsx","className","children","_Editor","_extends","value","cdnTinyMce","init","height","menubar","language","paste_retain_style_properties","table_default_styles","width","plugins","toolbar","join","fontsize_formats","autoresize_bottom_margin","editorInitParams","editorProps","onEditorChange"],"mappings":";uMAoBaA,EAAgB,SAAhBA,EAAiBC,GAC5B,IAAMC,EAAWC,EAAMC,gBAAe,SAACC,EAAGC,GACxC,IAAMC,EAAUD,EAAOE,aACvB,IAAMC,EAAYF,EAAUA,EAAUG,UACtCT,EAAMC,UAAND,UAAAA,EAAAA,EAAMC,SAAWO,EACnB,IAWA,OACEE,EAAA,MAAA,CAAKC,UAAU,mBAAkBC,SAC/BF,EAAAG,EAAAC,EAAA,CACEC,MAAOf,EAAMe,MACbC,WAAW,oDACXC,KAAIH,EAAA,CACFI,OAAQlB,EAAMkB,QAAU,IACxBC,QAAS,KACTC,SAAU,QACVC,8BAA+B,MAC/BC,qBAAsB,CACpBC,MAAO,QAETC,QACE,4GACFC,QAAS,CACP,+BACA,qDACA,+DACA,mCACA,4BACAC,KAAK,KACPC,iBAAkB,8CAClBC,yBAA0B,IAgBvB5B,EAAM6B,mBAEP7B,EAAM8B,YAAW,CACrBC,eAAgB9B,MAIxB"}
|
package/index.d.ts
CHANGED
|
@@ -687,7 +687,12 @@ export declare const EasyTable: import("react").ForwardRefExoticComponent<EasyTa
|
|
|
687
687
|
* ```
|
|
688
688
|
*/
|
|
689
689
|
Table: (props: EasyTableTableProps) => JSX.Element;
|
|
690
|
+
/**
|
|
691
|
+
* @deprecated 已过去，请使用 useEasyTable
|
|
692
|
+
*/
|
|
690
693
|
useEasyTablRef: () => import("react").MutableRefObject<EasyTableRefApi>;
|
|
694
|
+
/** 在 EasyTable子组件内才可使用 */
|
|
695
|
+
useEasyTable: () => EasyTableRefApi;
|
|
691
696
|
};
|
|
692
697
|
export interface EditableFieldProps {
|
|
693
698
|
className?: string;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@flatbiz/antd",
|
|
3
|
-
"version": "4.2.
|
|
3
|
+
"version": "4.2.9",
|
|
4
4
|
"description": "flat-biz oss ui components",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"typings": "index.d.ts",
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
"@dimjs/model-react": ">=1.1.8",
|
|
33
33
|
"@dimjs/utils": ">=1.2.33",
|
|
34
34
|
"@flatbiz/utils": ">=4.0.4",
|
|
35
|
-
"@wove/react": ">=1.2.
|
|
35
|
+
"@wove/react": ">=1.2.23",
|
|
36
36
|
"antd": ">=5.2.1",
|
|
37
37
|
"dayjs": ">=1.11.7",
|
|
38
38
|
"react": ">=18.2.0",
|