tekelanew_acs/acs/nladmin-ui/node_modules/.cache/vue-loader/d3b574db0139c1674c6bcb92ed21696f.json

{"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=script&lang=js","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\\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":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport { Sketch } from 'vue-color'\r\nimport { shortStyles, borderStyles, fontFamilies } from '../constant'\r\nimport crudStageImage from '@/api/logicflow/stageImage'\r\nimport crudDevice from '@/api/acs/device/device'\r\n\r\nexport default {\r\n  components: {\r\n    SketchPicker: Sketch\r\n  },\r\n  props: {\r\n    elementsStyle: Object,\r\n    onlyEdge: Boolean, // 是否是只设置边的属性，当只设置边的属性时，隐藏快捷样式和背景色设置\r\n    showChoice: Boolean,\r\n    node: Object // 父组件传来的对象\r\n  },\r\n  data() {\r\n    return {\r\n      shortStyles,\r\n      borderStyles,\r\n      fontFamilies,\r\n      style: {\r\n        backgroundColor: '', // 填充色\r\n        gradientColor: '', // 渐变色\r\n        borderType: 0, // 线条类型\r\n        borderColor: '', // 填充颜色\r\n        borderWidth: 1, // 线条宽度\r\n        borderStyle: '', // 线条类型\r\n        fontSize: 12, // 文本大小\r\n        fontColor: '', // 文本颜色\r\n        fontWeight: '', // 文本加粗\r\n        fontFamily: '', // 文本样式\r\n        lineHeight: '', // 行高\r\n        textAlign: '', // 对齐\r\n        device: '', // 设备号\r\n        transform: 0, // 旋转角度\r\n        imageUrl: ''\r\n      },\r\n      borderWidthOptions: Array(11).fill().map((_, i) => i),\r\n      SketchPicker: Sketch,\r\n      fontWeight: '', // 文本加粗\r\n      lineHeightOptions: Array(5).fill(1).map((_, i) => _ + i * 0.5),\r\n      // imageUrl: '',\r\n      imageUrlOptions: [],\r\n      deviceCodeOptions: []\r\n    }\r\n  },\r\n  watch: {\r\n    elementsStyle: {\r\n      handler(val) {\r\n        this.style = { ...this.style, ...val }\r\n      },\r\n      immediate: true\r\n    },\r\n    node(newVal, oldVal) {\r\n      // newVal是新值，oldVal是旧值\r\n      this.node = newVal\r\n      this.cleanParam()\r\n    }\r\n  },\r\n  created() {\r\n    this.initStageIconList()\r\n    this.initDevicesList()\r\n  },\r\n  methods: {\r\n    initStageIconList() { // 初始化图标数据\r\n      // 初始化舞台下拉框\r\n      crudStageImage.selectStageIconList().then(data => {\r\n        // console.log('data', data)\r\n        // 赋值\r\n        this.imageUrlOptions = data\r\n      })\r\n    },\r\n    initDevicesList() {\r\n      crudDevice.selectDeviceList().then(res => {\r\n        console.log('devices:', res)\r\n        this.deviceCodeOptions = res\r\n      })\r\n    },\r\n    setStyle(item) {\r\n      this.$emit('setStyle', item)\r\n    },\r\n    $_selectBorder(val) {\r\n      this.$emit('setStyle', {\r\n        borderStyle: val\r\n      })\r\n    },\r\n    $_changeColorProperty({ rgba: { r, g, b, a }}, type) {\r\n      const color = `rgba(${r},${g},${b},${a})`\r\n      this[type] = color\r\n      this.$emit('setStyle', {\r\n        [type]: color\r\n      })\r\n    },\r\n    $_changeFontSize(val) {\r\n      this.$emit('setStyle', {\r\n        fontSize: val\r\n      })\r\n    },\r\n    $_changeTransform(val) {\r\n      this.$emit('setStyle', {\r\n        transform: val\r\n      })\r\n    },\r\n    $_changeBorderWidth(val) {\r\n      this.$emit('setStyle', {\r\n        borderWidth: val\r\n      })\r\n    },\r\n    $_changeFontFamily(val) {\r\n      this.$emit('setStyle', {\r\n        fontFamily: val\r\n      })\r\n    },\r\n    $_changeLineHeight(val) {\r\n      this.$emit('setStyle', {\r\n        lineHeight: val\r\n      })\r\n    },\r\n    $_changeImageUrl(val) {\r\n      this.$emit('setStyle', {\r\n        imageUrl: val\r\n      })\r\n    },\r\n    $_changeFontWeight() {\r\n      if (this.style.fontWeight === 'bold') {\r\n        this.$emit('setStyle', {\r\n          fontWeight: 'normal'\r\n        })\r\n      } else {\r\n        this.$emit('setStyle', {\r\n          fontWeight: 'bold'\r\n        })\r\n      }\r\n    },\r\n    $_changeTextDecoration() {\r\n      if (this.style.textDecoration === 'underline') {\r\n        this.$emit('setStyle', {\r\n          textDecoration: 'none'\r\n        })\r\n      } else {\r\n        this.$emit('setStyle', {\r\n          textDecoration: 'underline'\r\n        })\r\n      }\r\n    },\r\n    $_changeFontStyle() {\r\n      if (this.style.fontStyle === 'italic') {\r\n        this.$emit('setStyle', {\r\n          fontStyle: 'normal'\r\n        })\r\n      } else {\r\n        this.$emit('setStyle', {\r\n          fontStyle: 'italic'\r\n        })\r\n      }\r\n    },\r\n    $_changeTextAlign(val) {\r\n      this.$emit('setStyle', {\r\n        textAlign: val\r\n      })\r\n    },\r\n    $_changeDevice(val) {\r\n      this.$emit('setStyle', {\r\n        device: val\r\n      })\r\n    },\r\n    cleanParam() { // 判断来清空下拉框\r\n      if (this.node.properties.device === undefined) {\r\n        this.style.device = ''\r\n      }\r\n      if (this.node.properties.imageUrl === undefined) {\r\n        this.style.imageUrl = ''\r\n      }\r\n      if (this.node.properties.transform === undefined) {\r\n        this.style.transform = 0\r\n      }\r\n    }\r\n  }\r\n}\r\n",null]}