@chief-editor/brick-control/lib/brick/VerticalRepeat/Brick.js

Control Brick for chief editor

"use strict";var __assign=this&&this.__assign||function(){return(__assign=Object.assign||function(e){for(var t,r=1,a=arguments.length;r<a;r++)for(var i in t=arguments[r])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e}).apply(this,arguments)},__spreadArrays=this&&this.__spreadArrays||function(){for(var e=0,t=0,r=arguments.length;t<r;t++)e+=arguments[t].length;var a=Array(e),i=0;for(t=0;t<r;t++)for(var n=arguments[t],s=0,l=n.length;s<l;s++,i++)a[i]=n[s];return a},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0});var icons_1=require("@chief-editor/icons"),ui_1=require("@chief-editor/ui"),util_1=require("@co-hooks/util"),use_1=require("@rc-hooks/use"),react_1=__importDefault(require("react"));function VerticalRepeatBrick(e){var t=e.config.props.getInitItemData,r=e.styles,a=e.layout,i=e.creator,n=e.value,s=e.setValue,l=e.renderPart,u=e.getHook,c=e.env,o=u(t),_=use_1.useRefCallback((function(){s(n.concat(null==o?{}:o()))})),f=use_1.useRefCallback((function(e){var t=n.slice();t.splice(e,1),s(t)}));use_1.useRefCallback((function(e,t){if(e!==t){e<t&&t--;var r=n.slice();r.splice.apply(r,__spreadArrays([t,0],r.splice(e,1))),s(r)}}));return react_1.default.createElement("div",{"data-id":i,style:__assign(__assign({},r),a)},"flow"===c?n.map((function(e,t){var r=util_1.getUniqueKey(e);return react_1.default.createElement("div",{key:r},l(r),react_1.default.createElement(icons_1.CloseSmall,{onClick:function(){return f(t)}}))})):l("template"),react_1.default.createElement(ui_1.Link,{onClick:_},"新增"))}exports.VerticalRepeatBrick=VerticalRepeatBrick;