{"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\\acs\\stage\\editor\\components\\PropertyPanel.vue?vue&type=template&id=108fe4ff&scoped=true","dependencies":[{"path":"D:\\data\\hanguodoushan\\acs2\\nladmin-ui\\src\\views\\acs\\stage\\editor\\components\\PropertyPanel.vue","mtime":1732871026626},{"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\">\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=\"{&quot;backgroundColor&quot;: 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=\"{&quot;backgroundColor&quot;: style.gradientColor}\" />\n      </el-popover>\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=\"{&quot;backgroundColor&quot;: 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=\"{&quot;backgroundColor&quot;: 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>\n      <el-button @click=\"$emit('setZIndex', 'top')\">置为顶部</el-button>\n      <el-button @click=\"$emit('setZIndex', 'bottom')\">置为底部</el-button>\n    </div>\n  </div>\n</div>\n",null]}