1、ileUploadueditor_supload2021-822d_VSNVnKmm9chqu03H6xTwS26CH.jpg data-type=png data-w=1280 style=width:100%;/搭建系统的演进过程再往后发展，页面出现了更自由的组合关系：导航栏、父子嵌套、弹窗、表单表格，这是典型的中后台应用。我们必须进一步拆分，并且多数组件已经无法针对具体应用重新开发，必须沉淀更细粒度的通用型组件，把原本大量内置到模版的逻辑，拆出来表达为组件间关系，才能支撑业务的持续增长，如上图 3。从最简单的营销搭建到中后台搭建，整个组件体系在技术上有很多挑战：组件体系 1.0 - 铸型
2、 要建立一个怎样的组件体系，才能应对这些挑战呢？组件从哪里来？首先要回答一个问题，去哪找组件？NPM 是社区非常有生命力的组件中心，复用 NPM 的基础设施是一个理想的选择：重新造一套组件的成本太高了，Ant Design 一个组件的平均成本在一个月左右NPM 上有大量的高质量组件，可以快速补充组件内容不同的业务会有自己的一套组件库，无法全部内置到平台，必须要开放当业务出现自定义需求，可以封装 NPM 完成最后一公里和 NPM 的关系而组件的生产必须与平台解耦，再通过组件规范建立连接，这样才能快速建立组件生态，完成面向组件的拓展。1、对组件进行抽象和建模建立组件规范：NPM 和搭建系统的连接前
3、面我们提到，对应用的配置可以分解对多个组件的配置。一个典型的组件编辑的场景如下，我们要能找到组件向外暴露的接口，并通过图形化的方式编辑他们。编辑组件再以主流的前端框架来看，一个组件是什么？组件的抽象UI 就是组件最终的渲染效果，f 是组件的实现，而 props 就是组件向外暴露的接口，以 React 的代码为例，上面的可视化编辑和下面的代码相对应：<Button type="primary" loading=false children="我是一个按钮" />2、从类型出发找到组件根据 NPM 的规范，我们可以从 package.json.t
4、ypings 类型文件出发，通过 AST 解析找到所有的模块导出，并提取出其中符合 code style=font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace;background-color: rgba(0, 00.65 非流动资产: 发放贷款及垫款 可供出售金融资产 持有至到期投资 长期应收款 长期股权投资 投资性房地产 固定资产 在建工程 生产性生物资产 无形资产 开发支出 商誉 长期待摊费用 递延所得税资产 非流动资产合计 5,050,352.35 11
5、2,311.78 7,140,718.70 322,510.04 21,186,521.02 114,525.22 27,602,513.06 118,114,758.13 25,976.00 13,274,618.07 1,306,627.17 161,969.54 24,514.66 14,148.52 160,673,036.18 181,859,557.20 其他非流动资产 资 产 总 计163,747,078.63 t R炱 私育 期末数 以公允价值计量且其变动计入当期损益的金融负债 预收款项 应付手续 保险合同准备金 代理承销证券款 其他流动负债 其中:优先股 长期应付款 预计负
6、其他非流动负债 (或股东权益): 国有资本 其他权益工具 其他综合收益 中:外币报表折算差额 盈余公积 中:法定公积金 未分配利润 资产负债表续 19年3月 背脚 纳单位:万元编制单位: 流动负 债:i 刂 期末数 3、408,886.38 单位负责人;主管会计工作负责人: 会计机构负责人 铽 P湘 利润表 z O19年3月编制单位:国 (-)营业总 其中:营业收 利息 收入 飞 已赚保费1R1$,:1: 手续费及佣金收入 (二营业总成本 1.营业成本 2.利息支出 3.手续费及佣金支出 4.退保金 5.赔付支出诤额 6提取保险合同准备金净额 7保单红利支出 8.分保费用 9税金及附加 10.
7、销售费用 11,管理费用 其中:党建工作经费 12研发费用 13.财务费用 14.资产减值损失 加:其他收益 投资收益 汇兑收益 (损失以“ ”号填列) 公允价值变动收益 资产处置收益 (三)营业利润 加:营业外收入 减:营业外支出 (四)利润总额 减:所得税费用 (五)净利润(挣亏损以 “ -”号填列) 归属于母公司所有者的净利润 米少数股东损益 (六)其他综合收益的税后净额 归属于母公司所有者的其他综合收益的税后净额 ( )以后不能重分类进损益的其他综合收益 (二)以后将重分类进损益的其他综合收益 艹归属于少数股东的其他综合收益的税后净额 (七)综合收益总额 归属于母公司所有者的综合收益总
8、额 艹归属于少数股东的综合收益总额 单位:万元 上年同期累计数 6,696,061.11 6,696,061.11 6,198,672.17 6,155,114.57 7,204.19 231.36 36,122.05 174.00 709,247.67 1,206,810.61 88.衽2 17,243.76 1,189,655.26 155,308.82 1,034,346.45 1,034,346.45 1,034,346.45 7,566,623.45 7,566,623.45 7,027,345.81 30,073.98 967,105.60 151,554.23 814,290.2
9、0 814,290.20 814,290.20 814,290.20 筲 冫 搀 单位负责人;主管会计工作负责人:FI会计机构负责人 1,034,346.45 7,092,993.23 向中央银行 向其他金融机构拆入资金净增加额 收到原保险合同保费取得的现金 收到再倮险业务现金净额 保户储金及投资款净增加额 处置以公允价值计量且其变动计入当期损益的金融资产诤增加额 收取利息、手续费及佣金的现金 拆入资金净增加额 回购业务资金净增加额 收刭的税费返还 收刭其他与经营活动有关的现金 经营活动现金流入小计 购买商品、按受劳务支付的现金 客户贷款及垫款净增加额 存放中央银行和同业款项净增加额 支付原保
10、险合同赔付款项的现金 支付利息、手续费及佣金的现金 支付保单红 支付给职工以及为职工支付的现金 支付的各项税贾 支付其他与经营活动有关的现金 经苷活动产生的现全流净颌 收回投资收到的现金 取得投资收益收到的现金 收刭其他与投资活动有关的现金 投资活动现佥流入小计 购建固定资产、无形资产和其他长期资产所支付的现金 投资支付的现金 质押贷款净增加额 支付其他与投资活动有关的现金 投资活动现金流出小计 生的现金流且净颉 吸收投资收到的现金 艹其中:子公司吸收 东投资收到的现金 发行债券收刭的现金 收到其他与筹资活动有关的现金 箸资活动现全流入小计 偿还债务支付的现金 分配股利、利润或偿付利息支付的现
11、金 艹其中:子公司支付给少数股东的股利、利润 支付其他与筹资活动有关的现金 箸资活动现金流出小计 生的现金流童净额 四、汇率变动对现全及现全 五、现全及现全等价物净坩加额 加:期初现金及现金等价物佘额 六、期末现全及现全等价物余颌 现金流量表 本年累计效上年同期累计效 218.37 948,827.83 119,779.84510,497.29 516,712.63 1,981,970.01 857,108.41 -875,138.40 687,720.31 7,487,720.31 816,457.28 671,263。03 550,317.12 6 6 5 玛璨蜘 单位负责人主管会计工作负责人:会计机构负责人 吲瑚
个人主页