{"remainingRequest":"D:\\data\\hanguodoushan\\acs2\\nladmin-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\data\\hanguodoushan\\acs2\\nladmin-ui\\src\\views\\system\\build\\components\\DraggableItem.vue?vue&type=script&lang=js","dependencies":[{"path":"D:\\data\\hanguodoushan\\acs2\\nladmin-ui\\src\\views\\system\\build\\components\\DraggableItem.vue","mtime":1732871026713},{"path":"D:\\data\\hanguodoushan\\acs2\\nladmin-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1732872824662},{"path":"D:\\data\\hanguodoushan\\acs2\\nladmin-ui\\node_modules\\babel-loader\\lib\\index.js","mtime":1732872825017},{"path":"D:\\data\\hanguodoushan\\acs2\\nladmin-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1732872824662},{"path":"D:\\data\\hanguodoushan\\acs2\\nladmin-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":1732872825835}],"contextDependencies":[],"result":["\r\nimport draggable from 'vuedraggable'\r\nimport render from '../render/render'\r\n\r\nconst components = {\r\n  itemBtns(h, currentItem, index, list) {\r\n    const { copyItem, deleteItem } = this.$listeners\r\n    return [\r\n      <span class='drawing-item-copy' title='复制' onClick={event => {\r\n        copyItem(currentItem, list); event.stopPropagation()\r\n      }}>\r\n        <i class='el-icon-copy-document' />\r\n      </span>,\r\n      <span class='drawing-item-delete' title='删除' onClick={event => {\r\n        deleteItem(index, list); event.stopPropagation()\r\n      }}>\r\n        <i class='el-icon-delete' />\r\n      </span>\r\n    ]\r\n  }\r\n}\r\nconst layouts = {\r\n  colFormItem(h, currentItem, index, list) {\r\n    const { activeItem } = this.$listeners\r\n    const config = currentItem.__config__\r\n    const child = renderChildren.apply(this, arguments)\r\n    let className = this.activeId === config.formId ? 'drawing-item active-from-item' : 'drawing-item'\r\n    if (this.formConf.unFocusedComponentBorder) className += ' unfocus-bordered'\r\n    let labelWidth = config.labelWidth ? `${config.labelWidth}px` : null\r\n    if (config.showLabel === false) labelWidth = '0'\r\n    return (\r\n      <el-col span={config.span} class={className}\r\n        nativeOnClick={event => { activeItem(currentItem); event.stopPropagation() }}>\r\n        <el-form-item label-width={labelWidth}\r\n          label={config.showLabel ? config.label : ''} required={config.required}>\r\n          <render key={config.renderKey} conf={currentItem} onInput={ event => {\r\n            this.$set(config, 'defaultValue', event)\r\n          }}>\r\n            {child}\r\n          </render>\r\n        </el-form-item>\r\n        {components.itemBtns.apply(this, arguments)}\r\n      </el-col>\r\n    )\r\n  },\r\n  rowFormItem(h, currentItem, index, list) {\r\n    const { activeItem } = this.$listeners\r\n    const config = currentItem.__config__\r\n    const className = this.activeId === config.formId\r\n      ? 'drawing-row-item active-from-item'\r\n      : 'drawing-row-item'\r\n    let child = renderChildren.apply(this, arguments)\r\n    if (currentItem.type === 'flex') {\r\n      child = <el-row type={currentItem.type} justify={currentItem.justify} align={currentItem.align}>\r\n        {child}\r\n      </el-row>\r\n    }\r\n    return (\r\n      <el-col span={config.span}>\r\n        <el-row gutter={config.gutter} class={className}\r\n          nativeOnClick={event => { activeItem(currentItem); event.stopPropagation() }}>\r\n          <span class='component-name'>{config.componentName}</span>\r\n          <draggable list={config.children || []} animation={340}\r\n            group='componentsGroup' class='drag-wrapper'>\r\n            {child}\r\n          </draggable>\r\n          {components.itemBtns.apply(this, arguments)}\r\n        </el-row>\r\n      </el-col>\r\n    )\r\n  },\r\n  raw(h, currentItem, index, list) {\r\n    const config = currentItem.__config__\r\n    const child = renderChildren.apply(this, arguments)\r\n    return <render key={config.renderKey} conf={currentItem} onInput={ event => {\r\n      this.$set(config, 'defaultValue', event)\r\n    }}>\r\n      {child}\r\n    </render>\r\n  }\r\n}\r\n\r\nfunction renderChildren(h, currentItem, index, list) {\r\n  const config = currentItem.__config__\r\n  if (!Array.isArray(config.children)) return null\r\n  return config.children.map((el, i) => {\r\n    const layout = layouts[el.__config__.layout]\r\n    if (layout) {\r\n      return layout.call(this, h, el, i, config.children)\r\n    }\r\n    return layoutIsNotFound.call(this)\r\n  })\r\n}\r\n\r\nfunction layoutIsNotFound() {\r\n  throw new Error(`没有与${this.currentItem.__config__.layout}匹配的layout`)\r\n}\r\n\r\nexport default {\r\n  components: {\r\n    render,\r\n    draggable\r\n  },\r\n  props: [\r\n    'currentItem',\r\n    'index',\r\n    'drawingList',\r\n    'activeId',\r\n    'formConf'\r\n  ],\r\n  render(h) {\r\n    const layout = layouts[this.currentItem.__config__.layout]\r\n\r\n    if (layout) {\r\n      return layout.call(this, h, this.currentItem, this.index, this.drawingList)\r\n    }\r\n    return layoutIsNotFound.call(this)\r\n  }\r\n}\r\n",null]}