| 1 |
- {"remainingRequest":"E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\node_modules\\babel-loader\\lib\\index.js!E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\node_modules\\k-form-design\\packages\\components\\KFormDesign\\module\\layoutItem.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\node_modules\\k-form-design\\packages\\components\\KFormDesign\\module\\layoutItem.vue","mtime":1688725442017},{"path":"E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\babel.config.js","mtime":1688713370854},{"path":"E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1688725391035},{"path":"E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\node_modules\\babel-loader\\lib\\index.js","mtime":1688725407620},{"path":"E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1688725391035},{"path":"E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":1688725415411}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:InVzZSBzdHJpY3QiOwoKdmFyIF9pbnRlcm9wUmVxdWlyZURlZmF1bHQgPSByZXF1aXJlKCJFOi9tZWMtY2xvdWRfSW50ZWxsaWdlbnRNYW51ZmFjdHVyaW5nX0NSTS9tZWMtY2xvdWRfSW50ZWxsaWdlbnRNYW51ZmFjdHVyaW5nX0NSTS9ydW95aS11aS9ub2RlX21vZHVsZXMvQGJhYmVsL3J1bnRpbWUvaGVscGVycy9pbnRlcm9wUmVxdWlyZURlZmF1bHQuanMiKS5kZWZhdWx0OwpPYmplY3QuZGVmaW5lUHJvcGVydHkoZXhwb3J0cywgIl9fZXNNb2R1bGUiLCB7CiAgdmFsdWU6IHRydWUKfSk7CmV4cG9ydHMuZGVmYXVsdCA9IHZvaWQgMDsKcmVxdWlyZSgiY29yZS1qcy9tb2R1bGVzL2VzLmFycmF5LmluY2x1ZGVzLmpzIik7CnJlcXVpcmUoImNvcmUtanMvbW9kdWxlcy9lcy5zdHJpbmcuaW5jbHVkZXMuanMiKTsKdmFyIF92dWVkcmFnZ2FibGUgPSBfaW50ZXJvcFJlcXVpcmVEZWZhdWx0KHJlcXVpcmUoInZ1ZWRyYWdnYWJsZSIpKTsKdmFyIF9mb3JtTm9kZSA9IF9pbnRlcm9wUmVxdWlyZURlZmF1bHQocmVxdWlyZSgiLi9mb3JtTm9kZSIpKTsKdmFyIF9pbmRleCA9IHJlcXVpcmUoIi4uLy4uLy4uL3V0aWxzL2luZGV4Iik7Ci8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCgovKg0KICogYXV0aG9yIGtjeg0KICogZGF0ZSAyMDE5LTExLTIwDQogKiBkZXNjcmlwdGlvbiDkvb/nlKjpgJLlvZLnu4Tku7bosIPnlKjoh6rlt7HvvIznlJ/miJDluIPlsYDnu5PmnoTlj4rooajljZUNCiAqLwoKdmFyIENoZWNrYm94SXRlbSA9IF9pbmRleC5wbHVnaW5NYW5hZ2VyLmdldENvbXBvbmVudCgiY2hlY2tib3hJdGVtIikuY29tcG9uZW50Owp2YXIgUmFkaW9JdGVtID0gX2luZGV4LnBsdWdpbk1hbmFnZXIuZ2V0Q29tcG9uZW50KCJyYWRpb0l0ZW0iKS5jb21wb25lbnQ7CnZhciBfZGVmYXVsdCA9IHsKICBuYW1lOiAibGF5b3V0SXRlbSIsCiAgcHJvcHM6IHsKICAgIHJlY29yZDogewogICAgICB0eXBlOiBPYmplY3QsCiAgICAgIHJlcXVpcmVkOiB0cnVlCiAgICB9LAogICAgc2VsZWN0SXRlbTogewogICAgICB0eXBlOiBPYmplY3QsCiAgICAgIHJlcXVpcmVkOiB0cnVlCiAgICB9LAogICAgY29uZmlnOiB7CiAgICAgIHR5cGU6IE9iamVjdCwKICAgICAgcmVxdWlyZWQ6IHRydWUKICAgIH0sCiAgICBzdGFydFR5cGU6IHsKICAgICAgdHlwZTogU3RyaW5nLAogICAgICByZXF1aXJlZDogdHJ1ZQogICAgfSwKICAgIGluc2VydEFsbG93ZWRUeXBlOiB7CiAgICAgIHR5cGU6IEFycmF5LAogICAgICByZXF1aXJlZDogdHJ1ZQogICAgfSwKICAgIGhpZGVNb2RlbDogewogICAgICB0eXBlOiBCb29sZWFuLAogICAgICBkZWZhdWx0OiBmYWxzZQogICAgfQogIH0sCiAgY29tcHV0ZWQ6IHsKICAgIGluc2VydEFsbG93ZWQ6IGZ1bmN0aW9uIGluc2VydEFsbG93ZWQoKSB7CiAgICAgIHJldHVybiB0aGlzLmluc2VydEFsbG93ZWRUeXBlLmluY2x1ZGVzKHRoaXMuc3RhcnRUeXBlKTsKICAgIH0KICB9LAogIGNvbXBvbmVudHM6IHsKICAgIGZvcm1Ob2RlOiBfZm9ybU5vZGUuZGVmYXVsdCwKICAgIGRyYWdnYWJsZTogX3Z1ZWRyYWdnYWJsZS5kZWZhdWx0LAogICAgQ2hlY2tib3hJdGVtOiBDaGVja2JveEl0ZW0sCiAgICBSYWRpb0l0ZW06IFJhZGlvSXRlbQogIH0sCiAgbWV0aG9kczogewogICAgaGFuZGxlU2hvd1JpZ2h0TWVudTogZnVuY3Rpb24gaGFuZGxlU2hvd1JpZ2h0TWVudShlLCByZWNvcmQsIHRySW5kZXgsIHRkSW5kZXgpIHsKICAgICAgdGhpcy4kZW1pdCgiaGFuZGxlU2hvd1JpZ2h0TWVudSIsIGUsIHJlY29yZCwgdHJJbmRleCwgdGRJbmRleCk7CiAgICB9LAogICAgaGFuZGxlU2VsZWN0SXRlbTogZnVuY3Rpb24gaGFuZGxlU2VsZWN0SXRlbShyZWNvcmQpIHsKICAgICAgdGhpcy4kZW1pdCgiaGFuZGxlU2VsZWN0SXRlbSIsIHJlY29yZCk7CiAgICB9LAogICAgaGFuZGxlQ29sQWRkOiBmdW5jdGlvbiBoYW5kbGVDb2xBZGQoZSwgbGlzdCkgewogICAgICB0aGlzLiRlbWl0KCJoYW5kbGVDb2xBZGQiLCBlLCBsaXN0KTsKICAgIH0KICB9Cn07CmV4cG9ydHMuZGVmYXVsdCA9IF9kZWZhdWx0Ow=="},{"version":3,"names":["_vuedraggable","_interopRequireDefault","require","_formNode","_index","CheckboxItem","pluginManager","getComponent","component","RadioItem","_default","name","props","record","type","Object","required","selectItem","config","startType","String","insertAllowedType","Array","hideModel","Boolean","default","computed","insertAllowed","includes","components","formNode","draggable","methods","handleShowRightMenu","e","trIndex","tdIndex","$emit","handleSelectItem","handleColAdd","list","exports"],"sources":["node_modules/k-form-design/packages/components/KFormDesign/module/layoutItem.vue"],"sourcesContent":["<template>\r\n <div\r\n :class=\"{\r\n 'layout-width': [\r\n 'grid',\r\n 'table',\r\n 'selectInputList',\r\n 'tabs',\r\n 'card',\r\n 'editor',\r\n 'batch',\r\n 'divider',\r\n 'html'\r\n ].includes(record.type)\r\n }\"\r\n >\r\n <!-- 动态表格设计模块 start -->\r\n <template v-if=\"record.type === 'batch'\">\r\n <div\r\n class=\"batch-box\"\r\n :class=\"{ active: record.key === selectItem.key }\"\r\n @click.stop=\"handleSelectItem(record)\"\r\n >\r\n <a-form-item\r\n :label=\"!record.options.showLabel ? '' : record.label\"\r\n :label-col=\"\r\n config.layout === 'horizontal' && record.options.showLabel\r\n ? config.labelLayout === 'flex'\r\n ? { style: `width:${config.labelWidth}px` }\r\n : config.labelCol\r\n : {}\r\n \"\r\n :wrapper-col=\"\r\n config.layout === 'horizontal' && record.options.showLabel\r\n ? config.labelLayout === 'flex'\r\n ? { style: 'width:auto;flex:1' }\r\n : config.wrapperCol\r\n : {}\r\n \"\r\n :style=\"\r\n config.layout === 'horizontal' &&\r\n config.labelLayout === 'flex' &&\r\n record.options.showLabel\r\n ? { display: 'flex' }\r\n : {}\r\n \"\r\n >\r\n <draggable\r\n tag=\"div\"\r\n class=\"draggable-box\"\r\n v-bind=\"{\r\n group: insertAllowed ? 'form-draggable' : '',\r\n ghostClass: 'moving',\r\n animation: 180,\r\n handle: '.drag-move'\r\n }\"\r\n v-model=\"record.list\"\r\n @start=\"$emit('dragStart', $event, record.list)\"\r\n @add=\"$emit('handleColAdd', $event, record.list)\"\r\n >\r\n <transition-group tag=\"div\" name=\"list\" class=\"list-main\">\r\n <formNode\r\n v-for=\"item in record.list\"\r\n :key=\"item.key\"\r\n class=\"drag-move\"\r\n :selectItem.sync=\"selectItem\"\r\n :record=\"item\"\r\n :hideModel=\"hideModel\"\r\n :config=\"config\"\r\n @handleSelectItem=\"handleSelectItem\"\r\n @handleColAdd=\"handleColAdd\"\r\n @handleCopy=\"$emit('handleCopy')\"\r\n @handleShowRightMenu=\"handleShowRightMenu\"\r\n @handleDelete=\"$emit('handleDelete')\"\r\n />\r\n </transition-group>\r\n </draggable>\r\n </a-form-item>\r\n <div\r\n class=\"copy\"\r\n :class=\"record.key === selectItem.key ? 'active' : 'unactivated'\"\r\n @click.stop=\"$emit('handleCopy')\"\r\n >\r\n <a-icon type=\"copy\" />\r\n </div>\r\n <div\r\n class=\"delete\"\r\n :class=\"record.key === selectItem.key ? 'active' : 'unactivated'\"\r\n @click.stop=\"$emit('handleDelete')\"\r\n >\r\n <a-icon type=\"delete\" />\r\n </div>\r\n </div>\r\n </template>\r\n <!-- 动态表格设计模块 end -->\r\n <!-- 选择输入列 start -->\r\n <template v-else-if=\"record.type === 'selectInputList'\">\r\n <div\r\n class=\"select-input-list-box\"\r\n :class=\"{ active: record.key === selectItem.key }\"\r\n @click.stop=\"handleSelectItem(record)\"\r\n >\r\n <a-form-item\r\n :label=\"!record.options.showLabel ? '' : record.label\"\r\n :label-col=\"\r\n config.layout === 'horizontal' && record.options.showLabel\r\n ? config.labelLayout === 'flex'\r\n ? { style: `width:${config.labelWidth}px` }\r\n : config.labelCol\r\n : {}\r\n \"\r\n :wrapper-col=\"\r\n config.layout === 'horizontal' && record.options.showLabel\r\n ? config.labelLayout === 'flex'\r\n ? { style: 'width:auto;flex:1' }\r\n : config.wrapperCol\r\n : {}\r\n \"\r\n :style=\"\r\n config.layout === 'horizontal' &&\r\n config.labelLayout === 'flex' &&\r\n record.options.showLabel\r\n ? { display: 'flex' }\r\n : {}\r\n \"\r\n >\r\n <div\r\n class=\"column-box\"\r\n v-for=\"(column, index) in record.columns\"\r\n :key=\"index\"\r\n >\r\n <div class=\"check-box\">\r\n <CheckboxItem v-if=\"record.options.multiple\" disabled>\r\n {{ column.label }}\r\n </CheckboxItem>\r\n <RadioItem v-else disabled name=\"radio\" :value=\"column.value\">{{\r\n column.label\r\n }}</RadioItem>\r\n </div>\r\n <draggable\r\n tag=\"div\"\r\n class=\"draggable-box\"\r\n v-bind=\"{\r\n group: insertAllowed ? 'form-draggable' : '',\r\n ghostClass: 'moving',\r\n animation: 180,\r\n handle: '.drag-move'\r\n }\"\r\n v-model=\"column.list\"\r\n @start=\"$emit('dragStart', $event, column.list)\"\r\n @add=\"$emit('handleColAdd', $event, column.list)\"\r\n >\r\n <transition-group tag=\"div\" name=\"list\" class=\"list-main\">\r\n <formNode\r\n v-for=\"item in column.list\"\r\n :key=\"item.key\"\r\n class=\"drag-move\"\r\n :selectItem.sync=\"selectItem\"\r\n :record=\"item\"\r\n :hideModel=\"hideModel\"\r\n :config=\"config\"\r\n @handleSelectItem=\"handleSelectItem\"\r\n @handleColAdd=\"handleColAdd\"\r\n @handleCopy=\"$emit('handleCopy')\"\r\n @handleShowRightMenu=\"handleShowRightMenu\"\r\n @handleDelete=\"$emit('handleDelete')\"\r\n />\r\n </transition-group>\r\n </draggable>\r\n </div>\r\n </a-form-item>\r\n <div\r\n class=\"copy\"\r\n :class=\"record.key === selectItem.key ? 'active' : 'unactivated'\"\r\n @click.stop=\"$emit('handleCopy')\"\r\n >\r\n <a-icon type=\"copy\" />\r\n </div>\r\n <div\r\n class=\"delete\"\r\n :class=\"record.key === selectItem.key ? 'active' : 'unactivated'\"\r\n @click.stop=\"$emit('handleDelete')\"\r\n >\r\n <a-icon type=\"delete\" />\r\n </div>\r\n </div>\r\n </template>\r\n <!-- 选择输入列 end -->\r\n <!-- 标签Tabs布局 start -->\r\n <template v-else-if=\"record.type === 'tabs'\">\r\n <div\r\n class=\"grid-box\"\r\n :class=\"{ active: record.key === selectItem.key }\"\r\n @click.stop=\"handleSelectItem(record)\"\r\n >\r\n <a-tabs\r\n class=\"grid-row\"\r\n :default-active-key=\"0\"\r\n :tabBarGutter=\"record.options.tabBarGutter || null\"\r\n :type=\"record.options.type\"\r\n :size=\"record.options.size\"\r\n :tabPosition=\"record.options.tabPosition\"\r\n :animated=\"record.options.animated\"\r\n >\r\n <a-tab-pane\r\n v-for=\"(tabItem, index) in record.columns\"\r\n :key=\"index\"\r\n :tab=\"tabItem.label\"\r\n >\r\n <div class=\"grid-col\">\r\n <draggable\r\n tag=\"div\"\r\n class=\"draggable-box\"\r\n v-bind=\"{\r\n group: 'form-draggable',\r\n ghostClass: 'moving',\r\n animation: 180,\r\n handle: '.drag-move'\r\n }\"\r\n v-model=\"tabItem.list\"\r\n @start=\"$emit('dragStart', $event, tabItem.list)\"\r\n @add=\"$emit('handleColAdd', $event, tabItem.list)\"\r\n >\r\n <transition-group tag=\"div\" name=\"list\" class=\"list-main\">\r\n <layoutItem\r\n class=\"drag-move\"\r\n v-for=\"item in tabItem.list\"\r\n :key=\"item.key\"\r\n :selectItem.sync=\"selectItem\"\r\n :startType=\"startType\"\r\n :insertAllowedType=\"insertAllowedType\"\r\n :record=\"item\"\r\n :hideModel=\"hideModel\"\r\n :config=\"config\"\r\n @handleSelectItem=\"handleSelectItem\"\r\n @handleColAdd=\"handleColAdd\"\r\n @handleCopy=\"$emit('handleCopy')\"\r\n @handleShowRightMenu=\"handleShowRightMenu\"\r\n @handleDelete=\"$emit('handleDelete')\"\r\n />\r\n </transition-group>\r\n </draggable>\r\n </div>\r\n </a-tab-pane>\r\n </a-tabs>\r\n\r\n <div\r\n class=\"copy\"\r\n :class=\"record.key === selectItem.key ? 'active' : 'unactivated'\"\r\n @click.stop=\"$emit('handleCopy')\"\r\n >\r\n <a-icon type=\"copy\" />\r\n </div>\r\n <div\r\n class=\"delete\"\r\n :class=\"record.key === selectItem.key ? 'active' : 'unactivated'\"\r\n @click.stop=\"$emit('handleDelete')\"\r\n >\r\n <a-icon type=\"delete\" />\r\n </div>\r\n </div>\r\n </template>\r\n <!-- 标签Tabs布局 end -->\r\n <!-- 栅格布局 start -->\r\n <template v-else-if=\"record.type === 'grid'\">\r\n <div\r\n class=\"grid-box\"\r\n :class=\"{ active: record.key === selectItem.key }\"\r\n @click.stop=\"handleSelectItem(record)\"\r\n >\r\n <a-row class=\"grid-row\" :gutter=\"record.options.gutter\">\r\n <a-col\r\n class=\"grid-col\"\r\n v-for=\"(colItem, idnex) in record.columns\"\r\n :key=\"idnex\"\r\n :span=\"colItem.span || 0\"\r\n >\r\n <draggable\r\n tag=\"div\"\r\n class=\"draggable-box\"\r\n v-bind=\"{\r\n group: 'form-draggable',\r\n ghostClass: 'moving',\r\n animation: 180,\r\n handle: '.drag-move'\r\n }\"\r\n v-model=\"colItem.list\"\r\n @start=\"$emit('dragStart', $event, colItem.list)\"\r\n @add=\"$emit('handleColAdd', $event, colItem.list)\"\r\n >\r\n <transition-group tag=\"div\" name=\"list\" class=\"list-main\">\r\n <layoutItem\r\n class=\"drag-move\"\r\n v-for=\"item in colItem.list\"\r\n :key=\"item.key\"\r\n :selectItem.sync=\"selectItem\"\r\n :startType=\"startType\"\r\n :insertAllowedType=\"insertAllowedType\"\r\n :record=\"item\"\r\n :hideModel=\"hideModel\"\r\n :config=\"config\"\r\n @handleSelectItem=\"handleSelectItem\"\r\n @handleColAdd=\"handleColAdd\"\r\n @handleCopy=\"$emit('handleCopy')\"\r\n @handleShowRightMenu=\"handleShowRightMenu\"\r\n @handleDelete=\"$emit('handleDelete')\"\r\n />\r\n </transition-group>\r\n </draggable>\r\n </a-col>\r\n </a-row>\r\n\r\n <div\r\n class=\"copy\"\r\n :class=\"record.key === selectItem.key ? 'active' : 'unactivated'\"\r\n @click.stop=\"$emit('handleCopy')\"\r\n >\r\n <a-icon type=\"copy\" />\r\n </div>\r\n <div\r\n class=\"delete\"\r\n :class=\"record.key === selectItem.key ? 'active' : 'unactivated'\"\r\n @click.stop=\"$emit('handleDelete')\"\r\n >\r\n <a-icon type=\"delete\" />\r\n </div>\r\n </div>\r\n </template>\r\n <!-- 栅格布局 end -->\r\n <!-- 卡片布局 start -->\r\n <template v-else-if=\"record.type === 'card'\">\r\n <div\r\n class=\"grid-box\"\r\n :class=\"{ active: record.key === selectItem.key }\"\r\n @click.stop=\"handleSelectItem(record)\"\r\n >\r\n <a-card class=\"grid-row\" :title=\"record.label\">\r\n <div class=\"grid-col\">\r\n <draggable\r\n tag=\"div\"\r\n class=\"draggable-box\"\r\n v-bind=\"{\r\n group: 'form-draggable',\r\n ghostClass: 'moving',\r\n animation: 180,\r\n handle: '.drag-move'\r\n }\"\r\n v-model=\"record.list\"\r\n @start=\"$emit('dragStart', $event, record.list)\"\r\n @add=\"$emit('handleColAdd', $event, record.list)\"\r\n >\r\n <transition-group tag=\"div\" name=\"list\" class=\"list-main\">\r\n <layoutItem\r\n class=\"drag-move\"\r\n v-for=\"item in record.list\"\r\n :key=\"item.key\"\r\n :selectItem.sync=\"selectItem\"\r\n :startType=\"startType\"\r\n :insertAllowedType=\"insertAllowedType\"\r\n :record=\"item\"\r\n :hideModel=\"hideModel\"\r\n :config=\"config\"\r\n @handleSelectItem=\"handleSelectItem\"\r\n @handleColAdd=\"handleColAdd\"\r\n @handleCopy=\"$emit('handleCopy')\"\r\n @handleShowRightMenu=\"handleShowRightMenu\"\r\n @handleDelete=\"$emit('handleDelete')\"\r\n />\r\n </transition-group>\r\n </draggable>\r\n </div>\r\n </a-card>\r\n\r\n <div\r\n class=\"copy\"\r\n :class=\"record.key === selectItem.key ? 'active' : 'unactivated'\"\r\n @click.stop=\"$emit('handleCopy')\"\r\n >\r\n <a-icon type=\"copy\" />\r\n </div>\r\n <div\r\n class=\"delete\"\r\n :class=\"record.key === selectItem.key ? 'active' : 'unactivated'\"\r\n @click.stop=\"$emit('handleDelete')\"\r\n >\r\n <a-icon type=\"delete\" />\r\n </div>\r\n </div>\r\n </template>\r\n <!-- 卡片布局 end -->\r\n <!-- 表格布局 start -->\r\n <template v-else-if=\"record.type === 'table'\">\r\n <div\r\n class=\"table-box\"\r\n :class=\"{ active: record.key === selectItem.key }\"\r\n @click.stop=\"handleSelectItem(record)\"\r\n >\r\n <table\r\n class=\"table-layout kk-table-9136076486841527\"\r\n :class=\"{\r\n bright: record.options.bright,\r\n small: record.options.small,\r\n bordered: record.options.bordered\r\n }\"\r\n :style=\"\r\n 'width:' + record.options.width + ';' + record.options.customStyle\r\n \"\r\n >\r\n <tr v-for=\"(trItem, trIndex) in record.trs\" :key=\"trIndex\">\r\n <td\r\n class=\"table-td\"\r\n v-for=\"(tdItem, tdIndex) in trItem.tds\"\r\n v-show=\"tdItem.colspan && tdItem.rowspan\"\r\n :key=\"tdIndex\"\r\n :colspan=\"tdItem.colspan\"\r\n :rowspan=\"tdItem.rowspan\"\r\n @contextmenu.prevent=\"\r\n $emit('handleShowRightMenu', $event, record, trIndex, tdIndex)\r\n \"\r\n >\r\n <draggable\r\n tag=\"div\"\r\n class=\"draggable-box\"\r\n v-bind=\"{\r\n group: 'form-draggable',\r\n ghostClass: 'moving',\r\n animation: 180,\r\n handle: '.drag-move'\r\n }\"\r\n v-model=\"tdItem.list\"\r\n @start=\"$emit('dragStart', $event, tdItem.list)\"\r\n @add=\"$emit('handleColAdd', $event, tdItem.list)\"\r\n >\r\n <transition-group\r\n tag=\"div\"\r\n name=\"list\"\r\n :style=\"{ 'min-height': tdItem.rowspan * 80 - 19 + 'px' }\"\r\n class=\"list-main\"\r\n >\r\n <layoutItem\r\n class=\"drag-move\"\r\n v-for=\"item in tdItem.list\"\r\n :key=\"item.key\"\r\n :selectItem.sync=\"selectItem\"\r\n :startType=\"startType\"\r\n :insertAllowedType=\"insertAllowedType\"\r\n :record=\"item\"\r\n :hideModel=\"hideModel\"\r\n :config=\"config\"\r\n @handleSelectItem=\"handleSelectItem\"\r\n @handleColAdd=\"handleColAdd\"\r\n @handleCopy=\"$emit('handleCopy')\"\r\n @handleShowRightMenu=\"handleShowRightMenu\"\r\n @handleDelete=\"$emit('handleDelete')\"\r\n />\r\n </transition-group>\r\n </draggable>\r\n </td>\r\n </tr>\r\n </table>\r\n\r\n <div\r\n class=\"copy\"\r\n :class=\"record.key === selectItem.key ? 'active' : 'unactivated'\"\r\n @click.stop=\"$emit('handleCopy')\"\r\n >\r\n <a-icon type=\"copy\" />\r\n </div>\r\n <div\r\n class=\"delete\"\r\n :class=\"record.key === selectItem.key ? 'active' : 'unactivated'\"\r\n @click.stop=\"$emit('handleDelete')\"\r\n >\r\n <a-icon type=\"delete\" />\r\n </div>\r\n </div>\r\n </template>\r\n <!-- 表格布局 end -->\r\n <template v-else>\r\n <formNode\r\n :key=\"record.key\"\r\n :selectItem.sync=\"selectItem\"\r\n :record=\"record\"\r\n :config=\"config\"\r\n :hideModel=\"hideModel\"\r\n @handleSelectItem=\"handleSelectItem\"\r\n @handleCopy=\"$emit('handleCopy')\"\r\n @handleDelete=\"$emit('handleDelete')\"\r\n @handleShowRightMenu=\"$emit('handleShowRightMenu')\"\r\n />\r\n </template>\r\n </div>\r\n</template>\r\n<script>\r\n/*\r\n * author kcz\r\n * date 2019-11-20\r\n * description 使用递归组件调用自己，生成布局结构及表单\r\n */\r\nimport draggable from \"vuedraggable\";\r\nimport formNode from \"./formNode\";\r\nimport { pluginManager } from \"../../../utils/index\";\r\nconst CheckboxItem = pluginManager.getComponent(\"checkboxItem\").component;\r\nconst RadioItem = pluginManager.getComponent(\"radioItem\").component;\r\nexport default {\r\n name: \"layoutItem\",\r\n props: {\r\n record: {\r\n type: Object,\r\n required: true\r\n },\r\n selectItem: {\r\n type: Object,\r\n required: true\r\n },\r\n config: {\r\n type: Object,\r\n required: true\r\n },\r\n startType: {\r\n type: String,\r\n required: true\r\n },\r\n insertAllowedType: {\r\n type: Array,\r\n required: true\r\n },\r\n hideModel: {\r\n type: Boolean,\r\n default: false\r\n }\r\n },\r\n computed: {\r\n insertAllowed() {\r\n return this.insertAllowedType.includes(this.startType);\r\n }\r\n },\r\n components: {\r\n formNode,\r\n draggable,\r\n CheckboxItem,\r\n RadioItem\r\n },\r\n methods: {\r\n handleShowRightMenu(e, record, trIndex, tdIndex) {\r\n this.$emit(\"handleShowRightMenu\", e, record, trIndex, tdIndex);\r\n },\r\n handleSelectItem(record) {\r\n this.$emit(\"handleSelectItem\", record);\r\n },\r\n handleColAdd(e, list) {\r\n this.$emit(\"handleColAdd\", e, list);\r\n }\r\n }\r\n};\r\n</script>\r\n"],"mappings":";;;;;;;;;AAmfA,IAAAA,aAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAPA;AACA;AACA;AACA;AACA;;AAIA,IAAAG,YAAA,GAAAC,oBAAA,CAAAC,YAAA,iBAAAC,SAAA;AACA,IAAAC,SAAA,GAAAH,oBAAA,CAAAC,YAAA,cAAAC,SAAA;AAAA,IAAAE,QAAA,GACA;EACAC,IAAA;EACAC,KAAA;IACAC,MAAA;MACAC,IAAA,EAAAC,MAAA;MACAC,QAAA;IACA;IACAC,UAAA;MACAH,IAAA,EAAAC,MAAA;MACAC,QAAA;IACA;IACAE,MAAA;MACAJ,IAAA,EAAAC,MAAA;MACAC,QAAA;IACA;IACAG,SAAA;MACAL,IAAA,EAAAM,MAAA;MACAJ,QAAA;IACA;IACAK,iBAAA;MACAP,IAAA,EAAAQ,KAAA;MACAN,QAAA;IACA;IACAO,SAAA;MACAT,IAAA,EAAAU,OAAA;MACAC,OAAA;IACA;EACA;EACAC,QAAA;IACAC,aAAA,WAAAA,cAAA;MACA,YAAAN,iBAAA,CAAAO,QAAA,MAAAT,SAAA;IACA;EACA;EACAU,UAAA;IACAC,QAAA,EAAAA,iBAAA;IACAC,SAAA,EAAAA,qBAAA;IACA1B,YAAA,EAAAA,YAAA;IACAI,SAAA,EAAAA;EACA;EACAuB,OAAA;IACAC,mBAAA,WAAAA,oBAAAC,CAAA,EAAArB,MAAA,EAAAsB,OAAA,EAAAC,OAAA;MACA,KAAAC,KAAA,wBAAAH,CAAA,EAAArB,MAAA,EAAAsB,OAAA,EAAAC,OAAA;IACA;IACAE,gBAAA,WAAAA,iBAAAzB,MAAA;MACA,KAAAwB,KAAA,qBAAAxB,MAAA;IACA;IACA0B,YAAA,WAAAA,aAAAL,CAAA,EAAAM,IAAA;MACA,KAAAH,KAAA,iBAAAH,CAAA,EAAAM,IAAA;IACA;EACA;AACA;AAAAC,OAAA,CAAAhB,OAAA,GAAAf,QAAA"}]}
|
