{"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\\logicflow\\editor\\components\\PropertyPanel.vue?vue&type=template&id=9b930522&scoped=true","dependencies":[{"path":"D:\\data\\hanguodoushan\\acs2\\nladmin-ui\\src\\views\\system\\logicflow\\editor\\components\\PropertyPanel.vue","mtime":1732871026747},{"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\\loaders\\templateLoader.js","mtime":1732872827008},{"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":["\n<div class=\"diagram-panel\">\n  <div class=\"setting-block\">\n    <div>快捷样式</div>\n    <div class=\"short-styles\" style=\"margin-top: 5px\">\n      <div\n        v-for=\"(item, index) in shortStyles\"\n        :key=\"index\"\n        :style=\"{ 'backgroundColor': item.backgroundColor, 'borderColor': item.borderColor, 'borderWidth': item.borderWidth }\"\n        @click=\"setStyle(item)\"\n      />\n    </div>\n  </div>\n  <div class=\"setting-block\">\n    <div class=\"setting-item\">\n      <span>背景色</span>\n      <el-popover\n        placement=\"top-start\"\n        title=\"填充样式\"\n        width=\"220\"\n        trigger=\"click\"\n      >\n        <sketch-picker :value=\"style.backgroundColor\" @input=\"(c) => $_changeColorProperty(c, 'backgroundColor')\" />\n        <div slot=\"reference\" class=\"border-color\" :style=\"{'backgroundColor': style.backgroundColor}\" />\n      </el-popover>\n      <span>渐变色</span>\n      <el-popover\n        placement=\"top-start\"\n        title=\"填充样式\"\n        width=\"220\"\n        trigger=\"click\"\n      >\n        <sketch-picker :value=\"style.gradientColor\" @input=\"(c) => $_changeColorProperty(c, 'gradientColor')\" />\n        <div slot=\"reference\" class=\"border-color\" :style=\"{'backgroundColor': style.gradientColor}\" />\n      </el-popover>\n    </div>\n    <div class=\"setting-item\">\n      <span>设备绑定</span>\n      <el-select\n        filterable\n        clearable\n        v-model=\"style.device\"\n        size=\"mini\"\n        @change=\"$_changeDevice\"\n      >\n        <el-option\n          v-for=\"item in deviceCodeOptions\"\n          :key=\"item.device_id\"\n          :value=\"item.device_code\"\n          :label=\"item.device_code\"\n        >\n          <span style=\"float: left\">{{ item.device_code }}</span>\n          <span style=\"float: right; color: #8492a6; font-size: 13px\">{{ item.device_name }}</span>\n        </el-option>\n      </el-select>\n    </div>\n    <div class=\"setting-item\">\n      <span>旋转角度</span>\n      <el-input-number\n        v-model=\"style.transform\"\n        controls-position=\"right\"\n        size=\"mini\"\n        :min=\"0\"\n        :max=\"360\"\n        :step=\"90\"\n        @change=\"$_changeTransform\"\n      />\n      <span>度</span>\n    </div>\n    <div v-if=\"showChoice\" class=\"setting-item\">\n      <span>设备选择</span>\n      <el-select\n        filterable\n        clearable\n        v-model=\"style.imageUrl\"\n        size=\"mini\"\n        @change=\"$_changeImageUrl\"\n      >\n        <el-option\n          v-for=\"item in imageUrlOptions\"\n          :key=\"item.image_uuid\"\n          :value=\"item.image_code\"\n          :label=\"item.image_name\"\n        />\n      </el-select>\n    </div>\n    <div class=\"setting-item\">\n      <span>线条样式</span>\n      <el-select v-model=\"style.borderStyle\" size=\"small\" @change=\"$_selectBorder\">\n        <el-option value=\"hidden\" label=\"不显示\" />\n        <el-option\n          v-for=\"(border, index) in borderStyles\"\n          :key=\"index\"\n          :value=\"border.value\"\n        >\n          <div class=\"border-style\" :style=\"{ 'borderBottomStyle': border.value}\" />\n        </el-option>\n      </el-select>\n    </div>\n    <div class=\"setting-item\">\n      <span>线条颜色</span>\n      <el-popover\n        placement=\"top-start\"\n        title=\"填充样式\"\n        width=\"220\"\n        trigger=\"click\"\n      >\n        <sketch-picker :value=\"style.borderColor\" @input=\"(c) => $_changeColorProperty(c, 'borderColor')\" />\n        <div slot=\"reference\" class=\"border-color\" :style=\"{'backgroundColor': style.borderColor}\" />\n      </el-popover>\n    </div>\n    <div class=\"setting-item\">\n      <span>线条宽度</span>\n      <el-select v-model=\"style.borderWidth\" @change=\"$_changeBorderWidth\">\n        <el-option\n          v-for=\"item in borderWidthOptions\"\n          :key=\"item\"\n          :label=\"`${item}px`\"\n          :value=\"item\"\n        />\n      </el-select>\n    </div>\n    <div class=\"setting-item\">\n      <span>文本颜色</span>\n      <el-popover\n        placement=\"top-start\"\n        title=\"填充样式\"\n        width=\"220\"\n        trigger=\"click\"\n      >\n        <sketch-picker :value=\"style.fontColor\" @input=\"(c) => $_changeColorProperty(c, 'fontColor')\" />\n        <div slot=\"reference\" class=\"border-color\" :style=\"{'backgroundColor': style.fontColor}\" />\n      </el-popover>\n    </div>\n    <div class=\"setting-item\">\n      <span>文本大小</span>\n      <el-input-number\n        v-model=\"style.fontSize\"\n        controls-position=\"right\"\n        size=\"mini\"\n        :min=\"12\"\n        :max=\"30\"\n        @change=\"$_changeFontSize\"\n      />\n      <span>px</span>\n    </div>\n    <div class=\"setting-item\">\n      <span>文本字体</span>\n      <el-select v-model=\"style.fontFamily\" size=\"small\" @change=\"$_changeFontFamily\">\n        <el-option\n          v-for=\"(fontFamily, index) in fontFamilies\"\n          :key=\"index\"\n          :value=\"fontFamily.value\"\n        />\n      </el-select>\n    </div>\n    <div class=\"setting-item\">\n      <span>文本行高</span>\n      <el-select v-model=\"style.lineHeight\" size=\"small\" @change=\"$_changeLineHeight\">\n        <el-option\n          v-for=\"(item, index) in lineHeightOptions\"\n          :key=\"index\"\n          :label=\"`${item}`\"\n          :value=\"item\"\n        />\n      </el-select>\n    </div>\n    <div class=\"setting-item\">\n      <span>文本对齐</span>\n      <el-radio-group v-model=\"style.textAlign\" size=\"small\" @change=\"$_changeTextAlign\">\n        <el-radio-button label=\"left\">左对齐</el-radio-button>\n        <el-radio-button label=\"center\">居中</el-radio-button>\n        <el-radio-button label=\"right\">右对齐</el-radio-button>\n      </el-radio-group>\n    </div>\n    <div class=\"setting-item\">\n      <span>文本样式</span>\n      <el-button size=\"small\" @click=\"$_changeFontWeight\">B</el-button>\n      <el-button size=\"small\" @click=\"$_changeTextDecoration\">U</el-button>\n      <el-button size=\"small\" @click=\"$_changeFontStyle\">I</el-button>\n    </div>\n    <div class=\"setting-item\">\n      <el-button size=\"small\" @click=\"$emit('setZIndex', 'top')\">置为顶部</el-button>\n      <el-button size=\"small\" @click=\"$emit('setZIndex', 'bottom')\">置为底部</el-button>\n    </div>\n  </div>\n</div>\n",null]}