Merge branch 'develop' of http://xny.yj-3d.com:3000/zh/sdk4.0

src/Global/Contour/index.js

@@ -162,7 +162,7 @@ async function dialog(sdk) {
   //     }
   //   }
   // })
-  let activeColorPicker = new ewPlugins('colorpicker', {
+  let activeColorPicker = new YJColorPicker({
     el: contentElm.getElementsByClassName('active-color')[0],
     size: 'mini',//颜色box类型
     alpha: true,//是否开启透明度
@@ -193,7 +193,7 @@ async function dialog(sdk) {
     }
   })
   // 计曲线颜色
-  let indexContourColorPicker = new ewPlugins('colorpicker', {
+  let indexContourColorPicker = new YJColorPicker({
     el: contentElm.getElementsByClassName('index-contour-color')[0],
     size: 'mini',//颜色box类型
     alpha: true,//是否开启透明度
@@ -235,7 +235,7 @@ async function dialog(sdk) {
     }
   })
   // 首曲线颜色
-  let intermediateContourColorPicker = new ewPlugins('colorpicker', {
+  let intermediateContourColorPicker = new YJColorPicker({
     el: contentElm.getElementsByClassName('intermediate-contour-color')[0],
     size: 'mini',//颜色box类型
     alpha: true,//是否开启透明度
@@ -277,7 +277,7 @@ async function dialog(sdk) {
     }
   })
   // 间曲线颜色
-  let halfIntervalContourColorPicker = new ewPlugins('colorpicker', {
+  let halfIntervalContourColorPicker = new YJColorPicker({
     el: contentElm.getElementsByClassName('halfInterval-contour-color')[0],
     size: 'mini',//颜色box类型
     alpha: true,//是否开启透明度
@@ -319,7 +319,7 @@ async function dialog(sdk) {
     }
   })
   // 助曲线颜色
-  let supplementaryContourColorPicker = new ewPlugins('colorpicker', {
+  let supplementaryContourColorPicker = new YJColorPicker({
     el: contentElm.getElementsByClassName('supplementary-contour-color')[0],
     size: 'mini',//颜色box类型
     alpha: true,//是否开启透明度

src/Global/MapPrint/index.js

@@ -263,7 +263,7 @@ async function MapPrint(sdk, thumbnailImg, rectangle, originalImg) {
       updateCanvas()
     }
   })
-  let borderColorPicker = new ewPlugins('colorpicker', {
+  let borderColorPicker = new YJColorPicker({
     el: contentElm.getElementsByClassName('border-color')[0],
     size: 'mini', //颜色box类型
     alpha: false, //是否开启透明度
@@ -564,7 +564,7 @@ async function MapPrint(sdk, thumbnailImg, rectangle, originalImg) {
 
   function changeMapBorderColor(color) {
     border.color = color || '#000000'
-    new ewPlugins('colorpicker', {
+    new YJColorPicker({
       el: contentElm.getElementsByClassName('border-color')[0],
       size: 'mini', //颜色box类型
       alpha: false, //是否开启透明度

src/Obj/Analysis/test2/index.js

@@ -105,7 +105,7 @@ class PolygonObject extends Base {
     this.entity.polygon.material = Cesium.Color.fromCssColorString(v)
     if (this._elms.color) {
       this._elms.color.forEach((item, i) => {
-        let colorPicker = new ewPlugins('colorpicker', {
+        let colorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -218,7 +218,7 @@ class PolygonObject extends Base {
     this.entity.polyline.material = Cesium.Color.fromCssColorString(v)
     if (this._elms.lineColor) {
       this._elms.lineColor.forEach((item, i) => {
-        let lineColorPicker = new ewPlugins('colorpicker', {
+        let lineColorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -311,7 +311,7 @@ class PolygonObject extends Base {
     this.label.color = v
     if (this._elms.labelColor) {
       this._elms.labelColor.forEach((item, i) => {
-        let labelColorPicker = new ewPlugins('colorpicker', {
+        let labelColorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -411,7 +411,7 @@ class PolygonObject extends Base {
     this.label.lineColor = v
     if (this._elms.labelLineColor) {
       this._elms.labelLineColor.forEach((item, i) => {
-        let lineColorPicker = new ewPlugins('colorpicker', {
+        let lineColorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -438,7 +438,7 @@ class PolygonObject extends Base {
     this.label.backgroundColor = [v, this.label.backgroundColor[1]]
     if (this._elms.labelBackgroundColorStart) {
       this._elms.labelBackgroundColorStart.forEach((item, i) => {
-        let labelBackgroundColorStartPicker = new ewPlugins('colorpicker', {
+        let labelBackgroundColorStartPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -464,7 +464,7 @@ class PolygonObject extends Base {
     this.label.backgroundColor = [this.label.backgroundColor[0], v]
     if (this._elms.labelBackgroundColorEnd) {
       this._elms.labelBackgroundColorEnd.forEach((item, i) => {
-        let labelBackgroundColorEndPicker = new ewPlugins('colorpicker', {
+        let labelBackgroundColorEndPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -1013,7 +1013,7 @@ class PolygonObject extends Base {
       // 创建标签页
       let tabsElm = new cy_tabs('polygon-object-edit-tabs', undefined, this.sdk)
       // 颜色组件
-      let colorPicker = new ewPlugins('colorpicker', {
+      let colorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("color")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -1027,7 +1027,7 @@ class PolygonObject extends Base {
           this.color = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let linecolorPicker = new ewPlugins('colorpicker', {
+      let linecolorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("lineColor")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -1041,7 +1041,7 @@ class PolygonObject extends Base {
           this.lineColor = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let labelColorPicker = new ewPlugins('colorpicker', {
+      let labelColorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelColor")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -1055,7 +1055,7 @@ class PolygonObject extends Base {
           this.labelColor = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let lineColorPicker = new ewPlugins('colorpicker', {
+      let lineColorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelLineColor")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -1069,7 +1069,7 @@ class PolygonObject extends Base {
           this.labelLineColor = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let labelBackgroundColorStartPicker = new ewPlugins('colorpicker', {
+      let labelBackgroundColorStartPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelBackgroundColorStart")[0],
         size: 'mini',
         alpha: true,
@@ -1083,7 +1083,7 @@ class PolygonObject extends Base {
           this.labelBackgroundColorStart = 'rgba(255,255,255,1)'
         },
       })
-      let labelBackgroundColorEndPicker = new ewPlugins('colorpicker', {
+      let labelBackgroundColorEndPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelBackgroundColorEnd")[0],
         size: 'mini',
         alpha: true,

src/Obj/Base/AssembleObject/index.js

@@ -40,7 +40,7 @@ class AssembleObject extends Base {
     this.options.positions = options.positions || []
     this.options.line = options.line || {}
     this.options.line.width = ((this.options.line.width || this.options.line.width === 0) ? this.options.line.width : 3)
-    this.options.line.color = this.options.line.color || '#ff000080'
+    this.options.line.color = this.options.line.color || 'rgba(255, 0, 0, 0.5)'
     this.options['area-unit'] = options['area-unit'] || '平方米'
     this.entity
     this.event = new MouseEvent(this.sdk)
@@ -106,7 +106,7 @@ class AssembleObject extends Base {
     return this.options.color
   }
   set color(v) {
-    this.options.color = v || '#ff000080'
+    this.options.color = v || 'rgba(255, 0, 0, 0.5)'
     if (!this.sdk || !this.sdk.viewer || !this.entity || !this.entity.polygon) {
       return
     }
@@ -119,7 +119,7 @@ class AssembleObject extends Base {
     this.entity.polygon.material = material
     if (this._elms.color) {
       this._elms.color.forEach((item, i) => {
-        let colorPicker = new ewPlugins('colorpicker', {
+        let colorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -238,14 +238,14 @@ class AssembleObject extends Base {
     return this.options.line.color
   }
   set lineColor(v) {
-    this.options.line.color = v || '#ff000080'
+    this.options.line.color = v || 'rgba(255, 0, 0, 0.5)'
     if (!this.sdk || !this.sdk.viewer || !this.entity || !this.entity.polyline) {
       return
     }
     this.entity.polyline.material = Cesium.Color.fromCssColorString(this.options.line.color)
     if (this._elms.lineColor) {
       this._elms.lineColor.forEach((item, i) => {
-        let lineColorPicker = new ewPlugins('colorpicker', {
+        let lineColorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -353,7 +353,7 @@ class AssembleObject extends Base {
     this.label.color = v
     if (this._elms.labelColor) {
       this._elms.labelColor.forEach((item, i) => {
-        let labelColorPicker = new ewPlugins('colorpicker', {
+        let labelColorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -453,7 +453,7 @@ class AssembleObject extends Base {
     this.label.lineColor = v
     if (this._elms.labelLineColor) {
       this._elms.labelLineColor.forEach((item, i) => {
-        let lineColorPicker = new ewPlugins('colorpicker', {
+        let lineColorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -480,7 +480,7 @@ class AssembleObject extends Base {
     this.label.backgroundColor = [v, this.label.backgroundColor[1]]
     if (this._elms.labelBackgroundColorStart) {
       this._elms.labelBackgroundColorStart.forEach((item, i) => {
-        let labelBackgroundColorStartPicker = new ewPlugins('colorpicker', {
+        let labelBackgroundColorStartPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -506,7 +506,7 @@ class AssembleObject extends Base {
     this.label.backgroundColor = [this.label.backgroundColor[0], v]
     if (this._elms.labelBackgroundColorEnd) {
       this._elms.labelBackgroundColorEnd.forEach((item, i) => {
-        let labelBackgroundColorEndPicker = new ewPlugins('colorpicker', {
+        let labelBackgroundColorEndPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -1171,7 +1171,7 @@ class AssembleObject extends Base {
       // 创建标签页
       let tabsElm = new cy_tabs('assemble-object-edit-tabs', undefined, this.sdk)
       // 颜色组件
-      let colorPicker = new ewPlugins('colorpicker', {
+      let colorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("color")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -1185,7 +1185,7 @@ class AssembleObject extends Base {
           this.color = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let linecolorPicker = new ewPlugins('colorpicker', {
+      let linecolorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("lineColor")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -1199,7 +1199,7 @@ class AssembleObject extends Base {
           this.lineColor = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let labelColorPicker = new ewPlugins('colorpicker', {
+      let labelColorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelColor")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -1213,7 +1213,7 @@ class AssembleObject extends Base {
           this.labelColor = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let labellineColorPicker = new ewPlugins('colorpicker', {
+      let labellineColorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelLineColor")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -1227,7 +1227,7 @@ class AssembleObject extends Base {
           this.labelLineColor = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let labelBackgroundColorStartPicker = new ewPlugins('colorpicker', {
+      let labelBackgroundColorStartPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelBackgroundColorStart")[0],
         size: 'mini',
         alpha: true,
@@ -1241,7 +1241,7 @@ class AssembleObject extends Base {
           this.labelBackgroundColorStart = 'rgba(255,255,255,1)'
         },
       })
-      let labelBackgroundColorEndPicker = new ewPlugins('colorpicker', {
+      let labelBackgroundColorEndPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelBackgroundColorEnd")[0],
         size: 'mini',
         alpha: true,

src/Obj/Base/AttackArrowObject/index.js

@@ -40,7 +40,7 @@ class AttackArrowObject extends Base {
     this.options.heightMode = (options.heightMode || options.heightMode == 0) ? options.heightMode : 2
     this.options.line = options.line || {}
     this.options.line.width = ((this.options.line.width || this.options.line.width === 0) ? this.options.line.width : 3)
-    this.options.line.color = this.options.line.color || '#ff000080'
+    this.options.line.color = this.options.line.color || 'rgba(255, 0, 0, 0.5)'
     this.options['area-unit'] = options['area-unit'] || '平方米'
     this.entity
     this.event = new MouseEvent(this.sdk)
@@ -110,7 +110,7 @@ class AttackArrowObject extends Base {
     return this.options.color
   }
   set color(v) {
-    this.options.color = v || '#ff000080'
+    this.options.color = v || 'rgba(255, 0, 0, 0.5)'
     if (!this.sdk || !this.sdk.viewer || !this.entity || !this.entity.polygon) {
       return
     }
@@ -123,7 +123,7 @@ class AttackArrowObject extends Base {
     this.entity.polygon.material = material
     if (this._elms.color) {
       this._elms.color.forEach((item, i) => {
-        let colorPicker = new ewPlugins('colorpicker', {
+        let colorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -243,14 +243,14 @@ class AttackArrowObject extends Base {
     return this.options.line.color
   }
   set lineColor(v) {
-    this.options.line.color = v || '#ff000080'
+    this.options.line.color = v || 'rgba(255, 0, 0, 0.5)'
     if (!this.sdk || !this.sdk.viewer || !this.entity || !this.entity.polyline) {
       return
     }
     this.entity.polyline.material = Cesium.Color.fromCssColorString(this.options.line.color)
     if (this._elms.lineColor) {
       this._elms.lineColor.forEach((item, i) => {
-        let lineColorPicker = new ewPlugins('colorpicker', {
+        let lineColorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -358,7 +358,7 @@ class AttackArrowObject extends Base {
     this.label.color = v
     if (this._elms.labelColor) {
       this._elms.labelColor.forEach((item, i) => {
-        let labelColorPicker = new ewPlugins('colorpicker', {
+        let labelColorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -458,7 +458,7 @@ class AttackArrowObject extends Base {
     this.label.lineColor = v
     if (this._elms.labelLineColor) {
       this._elms.labelLineColor.forEach((item, i) => {
-        let lineColorPicker = new ewPlugins('colorpicker', {
+        let lineColorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -485,7 +485,7 @@ class AttackArrowObject extends Base {
     this.label.backgroundColor = [v, this.label.backgroundColor[1]]
     if (this._elms.labelBackgroundColorStart) {
       this._elms.labelBackgroundColorStart.forEach((item, i) => {
-        let labelBackgroundColorStartPicker = new ewPlugins('colorpicker', {
+        let labelBackgroundColorStartPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -511,7 +511,7 @@ class AttackArrowObject extends Base {
     this.label.backgroundColor = [this.label.backgroundColor[0], v]
     if (this._elms.labelBackgroundColorEnd) {
       this._elms.labelBackgroundColorEnd.forEach((item, i) => {
-        let labelBackgroundColorEndPicker = new ewPlugins('colorpicker', {
+        let labelBackgroundColorEndPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -1182,7 +1182,7 @@ class AttackArrowObject extends Base {
       // 创建标签页
       let tabsElm = new cy_tabs('attack-arrow-object-edit-tabs', undefined, this.sdk)
       // 颜色组件
-      let colorPicker = new ewPlugins('colorpicker', {
+      let colorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("color")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -1196,7 +1196,7 @@ class AttackArrowObject extends Base {
           this.color = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let linecolorPicker = new ewPlugins('colorpicker', {
+      let linecolorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("lineColor")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -1210,7 +1210,7 @@ class AttackArrowObject extends Base {
           this.lineColor = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let labelColorPicker = new ewPlugins('colorpicker', {
+      let labelColorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelColor")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -1224,7 +1224,7 @@ class AttackArrowObject extends Base {
           this.labelColor = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let labellineColorPicker = new ewPlugins('colorpicker', {
+      let labellineColorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelLineColor")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -1238,7 +1238,7 @@ class AttackArrowObject extends Base {
           this.labelLineColor = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let labelBackgroundColorStartPicker = new ewPlugins('colorpicker', {
+      let labelBackgroundColorStartPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelBackgroundColorStart")[0],
         size: 'mini',
         alpha: true,
@@ -1252,7 +1252,7 @@ class AttackArrowObject extends Base {
           this.labelBackgroundColorStart = 'rgba(255,255,255,1)'
         },
       })
-      let labelBackgroundColorEndPicker = new ewPlugins('colorpicker', {
+      let labelBackgroundColorEndPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelBackgroundColorEnd")[0],
         size: 'mini',
         alpha: true,

src/Obj/Base/BaseSource/BaseModel/Model/index.js

@@ -439,7 +439,7 @@ class Model extends BaseModel {
     this.entity.color = Cesium.Color.fromCssColorString(v)
     if (this._elms.color) {
       this._elms.color.forEach((item, i) => {
-        let colorPicker = new ewPlugins('colorpicker', {
+        let colorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -671,7 +671,7 @@ class Model extends BaseModel {
     this.label && (this.label.color = v)
     if (this._elms.labelColor) {
       this._elms.labelColor.forEach((item, i) => {
-        let labelColorPicker = new ewPlugins('colorpicker', {
+        let labelColorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -772,7 +772,7 @@ class Model extends BaseModel {
     this.label && (this.label.lineColor = v)
     if (this._elms.labelLineColor) {
       this._elms.labelLineColor.forEach((item, i) => {
-        let lineColorPicker = new ewPlugins('colorpicker', {
+        let lineColorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -799,7 +799,7 @@ class Model extends BaseModel {
     this.label && (this.label.backgroundColor = [v, this.label.backgroundColor[1]])
     if (this._elms.labelBackgroundColorStart) {
       this._elms.labelBackgroundColorStart.forEach((item, i) => {
-        let labelBackgroundColorStartPicker = new ewPlugins('colorpicker', {
+        let labelBackgroundColorStartPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -825,7 +825,7 @@ class Model extends BaseModel {
     this.label && (this.label.backgroundColor = [this.label.backgroundColor[0], v])
     if (this._elms.labelBackgroundColorEnd) {
       this._elms.labelBackgroundColorEnd.forEach((item, i) => {
-        let labelBackgroundColorEndPicker = new ewPlugins('colorpicker', {
+        let labelBackgroundColorEndPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -1419,7 +1419,7 @@ class Model extends BaseModel {
       }
 
       // 颜色组件
-      let colorPicker = new ewPlugins('colorpicker', {
+      let colorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("color")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -1433,7 +1433,7 @@ class Model extends BaseModel {
           this.color = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let labelColorPicker = new ewPlugins('colorpicker', {
+      let labelColorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelColor")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -1447,7 +1447,7 @@ class Model extends BaseModel {
           this.labelColor = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let lineColorPicker = new ewPlugins('colorpicker', {
+      let lineColorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelLineColor")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -1461,7 +1461,7 @@ class Model extends BaseModel {
           this.labelLineColor = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let labelBackgroundColorStartPicker = new ewPlugins('colorpicker', {
+      let labelBackgroundColorStartPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelBackgroundColorStart")[0],
         size: 'mini',
         alpha: true,
@@ -1475,7 +1475,7 @@ class Model extends BaseModel {
           this.labelBackgroundColorStart = 'rgba(255,255,255,1)'
         },
       })
-      let labelBackgroundColorEndPicker = new ewPlugins('colorpicker', {
+      let labelBackgroundColorEndPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelBackgroundColorEnd")[0],
         size: 'mini',
         alpha: true,

src/Obj/Base/BaseSource/BaseModel/Model2/index.js

@@ -381,7 +381,7 @@ class Model2 extends BaseModel {
     this.entity.color = Cesium.Color.fromCssColorString(v)
     if (this._elms.color) {
       this._elms.color.forEach((item, i) => {
-        let colorPicker = new ewPlugins('colorpicker', {
+        let colorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -583,7 +583,7 @@ class Model2 extends BaseModel {
     this.label.color = v
     if (this._elms.labelColor) {
       this._elms.labelColor.forEach((item, i) => {
-        let labelColorPicker = new ewPlugins('colorpicker', {
+        let labelColorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -676,7 +676,7 @@ class Model2 extends BaseModel {
     this.label.lineColor = v
     if (this._elms.lineColor) {
       this._elms.lineColor.forEach((item, i) => {
-        let lineColorPicker = new ewPlugins('colorpicker', {
+        let lineColorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -704,7 +704,7 @@ class Model2 extends BaseModel {
     this.label.backgroundColor = [v, this.labelBackgroundColorEnd]
     if (this._elms.labelBackgroundColorStart) {
       this._elms.labelBackgroundColorStart.forEach((item, i) => {
-        let labelBackgroundColorStartPicker = new ewPlugins('colorpicker', {
+        let labelBackgroundColorStartPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -732,7 +732,7 @@ class Model2 extends BaseModel {
     this.label.backgroundColor = [this.labelBackgroundColorStart, v]
     if (this._elms.labelBackgroundColorEnd) {
       this._elms.labelBackgroundColorEnd.forEach((item, i) => {
-        let labelBackgroundColorEndPicker = new ewPlugins('colorpicker', {
+        let labelBackgroundColorEndPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -1098,7 +1098,7 @@ class Model2 extends BaseModel {
       // 创建标签页
       let tabsElm = new cy_tabs('model-edit-tabs', undefined, this.sdk)
       // 颜色组件
-      let colorPicker = new ewPlugins('colorpicker', {
+      let colorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("color")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -1112,7 +1112,7 @@ class Model2 extends BaseModel {
           this.color = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let labelColorPicker = new ewPlugins('colorpicker', {
+      let labelColorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("label_color")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -1126,7 +1126,7 @@ class Model2 extends BaseModel {
           this.labelColor = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let lineColorPicker = new ewPlugins('colorpicker', {
+      let lineColorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("line_color")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -1140,7 +1140,7 @@ class Model2 extends BaseModel {
           this.lineColor = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let labelBackgroundColorStartPicker = new ewPlugins('colorpicker', {
+      let labelBackgroundColorStartPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelBackgroundColorStart")[0],
         size: 'mini',
         alpha: true,
@@ -1154,7 +1154,7 @@ class Model2 extends BaseModel {
           this.labelBackgroundColorStart = 'rgba(255,255,255,1)'
         },
       })
-      let labelBackgroundColorEndPicker = new ewPlugins('colorpicker', {
+      let labelBackgroundColorEndPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelBackgroundColorEnd")[0],
         size: 'mini',
         alpha: true,

src/Obj/Base/BillboardObject/index.js

@@ -931,7 +931,7 @@ class BillboardObject extends Base {
     this.renewPoint()
     if (this._elms.labelColor) {
       this._elms.labelColor.forEach((item, i) => {
-        let colorPicker = new ewPlugins('colorpicker', {
+        let colorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini', //颜色box类型
           alpha: true, //是否开启透明度
@@ -1004,7 +1004,7 @@ class BillboardObject extends Base {
   //   this.options.diffuseColor = v
   //   if (this._elms.diffuseColor) {
   //     this._elms.diffuseColor.forEach((item, i) => {
-  //       let diffuseColorPicker = new ewPlugins('colorpicker', {
+  //       let diffuseColorPicker = new YJColorPicker({
   //         el: item.el,
   //         size: 'mini',//颜色box类型
   //         alpha: false,//是否开启透明度
@@ -1080,7 +1080,7 @@ class BillboardObject extends Base {
   //   this.options.scanColor = v
   //   if (this._elms.scanColor) {
   //     this._elms.scanColor.forEach((item, i) => {
-  //       let scanColorPicker = new ewPlugins('colorpicker', {
+  //       let scanColorPicker = new YJColorPicker({
   //         el: item.el,
   //         size: 'mini',//颜色box类型
   //         alpha: false,//是否开启透明度
@@ -1645,7 +1645,7 @@ class BillboardObject extends Base {
       // 创建标签页
       let tabsElm = new cy_tabs('point-object-edit-tabs', undefined, this.sdk)
       // 颜色组件
-      let colorPicker = new ewPlugins('colorpicker', {
+      let colorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName('labelColor')[0],
         size: 'mini', //颜色box类型
         alpha: true, //是否开启透明度
@@ -1660,7 +1660,7 @@ class BillboardObject extends Base {
         } //点击清空按钮事件回调
       })
 
-      // let diffuseColorPicker = new ewPlugins('colorpicker', {
+      // let diffuseColorPicker = new YJColorPicker({
       //   el: contentElm.getElementsByClassName("diffuseColor")[0],
       //   size: 'mini',//颜色box类型
       //   alpha: false,//是否开启透明度
@@ -1674,7 +1674,7 @@ class BillboardObject extends Base {
       //     this.diffuseColor = 'rgba(255,255,255,1)'
       //   },//点击清空按钮事件回调
       // })
-      // let scanColorPicker = new ewPlugins('colorpicker', {
+      // let scanColorPicker = new YJColorPicker({
       //   el: contentElm.getElementsByClassName("scanColor")[0],
       //   size: 'mini',//颜色box类型
       //   alpha: false,//是否开启透明度

src/Obj/Base/CircleDiffuse/index.js

@@ -462,7 +462,7 @@ class CircleDiffuse extends Base {
     this.label.color = v
     if (this._elms.labelColor) {
       this._elms.labelColor.forEach((item, i) => {
-        let labelColorPicker = new ewPlugins('colorpicker', {
+        let labelColorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -562,7 +562,7 @@ class CircleDiffuse extends Base {
     this.label.lineColor = v
     if (this._elms.labelLineColor) {
       this._elms.labelLineColor.forEach((item, i) => {
-        let lineColorPicker = new ewPlugins('colorpicker', {
+        let lineColorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -589,7 +589,7 @@ class CircleDiffuse extends Base {
     this.label.backgroundColor = [v, this.label.backgroundColor[1]]
     if (this._elms.labelBackgroundColorStart) {
       this._elms.labelBackgroundColorStart.forEach((item, i) => {
-        let labelBackgroundColorStartPicker = new ewPlugins('colorpicker', {
+        let labelBackgroundColorStartPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -615,7 +615,7 @@ class CircleDiffuse extends Base {
     this.label.backgroundColor = [this.label.backgroundColor[0], v]
     if (this._elms.labelBackgroundColorEnd) {
       this._elms.labelBackgroundColorEnd.forEach((item, i) => {
-        let labelBackgroundColorEndPicker = new ewPlugins('colorpicker', {
+        let labelBackgroundColorEndPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -1104,7 +1104,7 @@ class CircleDiffuse extends Base {
       // 创建标签页
       let tabsElm = new cy_tabs('circle-diffuse-edit-tabs', undefined, this.sdk)
 
-      let labelColorPicker = new ewPlugins('colorpicker', {
+      let labelColorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelColor")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -1118,7 +1118,7 @@ class CircleDiffuse extends Base {
           this.labelColor = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let lineColorPicker = new ewPlugins('colorpicker', {
+      let lineColorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelLineColor")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -1132,7 +1132,7 @@ class CircleDiffuse extends Base {
           this.labelLineColor = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let labelBackgroundColorStartPicker = new ewPlugins('colorpicker', {
+      let labelBackgroundColorStartPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelBackgroundColorStart")[0],
         size: 'mini',
         alpha: true,
@@ -1146,7 +1146,7 @@ class CircleDiffuse extends Base {
           this.labelBackgroundColorStart = 'rgba(255,255,255,1)'
         },
       })
-      let labelBackgroundColorEndPicker = new ewPlugins('colorpicker', {
+      let labelBackgroundColorEndPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelBackgroundColorEnd")[0],
         size: 'mini',
         alpha: true,
@@ -1446,11 +1446,11 @@ class CircleDiffuse extends Base {
 
 
         // 颜色组件
-        let colorPicker = new ewPlugins('colorpicker', {
+        let colorPicker = new YJColorPicker({
           el: circleElm.getElementsByClassName("color")[0],
           size: 'mini',//颜色box类型
           alpha: false,//是否开启透明度
-          defaultColor: this.options.circle[i].color,
+          defaultColor: this.options.circle[i].color || this.options.color,
           disabled: false,//是否禁止打开颜色选择器
           openPickerAni: 'opacity',//打开颜色选择器动画
           sure: (color) => {

src/Obj/Base/CircleObject/index.js

@@ -45,7 +45,7 @@ class CircleObject extends Base {
     this.options.center = options.center || {}
     this.options.line = options.line || {}
     this.options.line.width = ((this.options.line.width || this.options.line.width === 0) ? this.options.line.width : 3)
-    this.options.line.color = this.options.line.color || '#ff000080'
+    this.options.line.color = this.options.line.color || 'rgba(255, 0, 0, 0.5)'
     this.options['area-unit'] = options['area-unit'] || '平方米'
     options.label = options.label || {}
     this._elms = {};
@@ -216,7 +216,7 @@ class CircleObject extends Base {
     return this.options.color
   }
   set color(v) {
-    this.options.color = v || '#ff000080'
+    this.options.color = v || 'rgba(255, 0, 0, 0.5)'
     if (!this.sdk || !this.sdk.viewer || !this.entity || !this.entity.polygon) {
       return
     }
@@ -229,7 +229,7 @@ class CircleObject extends Base {
     this.entity.polygon.material = material
     if (this._elms.color) {
       this._elms.color.forEach((item, i) => {
-        let colorPicker = new ewPlugins('colorpicker', {
+        let colorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -252,14 +252,14 @@ class CircleObject extends Base {
     return this.options.line.color
   }
   set lineColor(v) {
-    this.options.line.color = v || '#ff000080'
+    this.options.line.color = v || 'rgba(255, 0, 0, 0.5)'
     if (!this.sdk || !this.sdk.viewer || !this.entity || !this.entity.polyline) {
       return
     }
     this.entity.polyline.material = Cesium.Color.fromCssColorString(this.options.line.color)
     if (this._elms.lineColor) {
       this._elms.lineColor.forEach((item, i) => {
-        let lineColorPicker = new ewPlugins('colorpicker', {
+        let lineColorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -367,7 +367,7 @@ class CircleObject extends Base {
     this.label.color = v
     if (this._elms.labelColor) {
       this._elms.labelColor.forEach((item, i) => {
-        let labelColorPicker = new ewPlugins('colorpicker', {
+        let labelColorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -467,7 +467,7 @@ class CircleObject extends Base {
     this.label.lineColor = v
     if (this._elms.labelLineColor) {
       this._elms.labelLineColor.forEach((item, i) => {
-        let lineColorPicker = new ewPlugins('colorpicker', {
+        let lineColorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -494,7 +494,7 @@ class CircleObject extends Base {
     this.label.backgroundColor = [v, this.label.backgroundColor[1]]
     if (this._elms.labelBackgroundColorStart) {
       this._elms.labelBackgroundColorStart.forEach((item, i) => {
-        let labelBackgroundColorStartPicker = new ewPlugins('colorpicker', {
+        let labelBackgroundColorStartPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -520,7 +520,7 @@ class CircleObject extends Base {
     this.label.backgroundColor = [this.label.backgroundColor[0], v]
     if (this._elms.labelBackgroundColorEnd) {
       this._elms.labelBackgroundColorEnd.forEach((item, i) => {
-        let labelBackgroundColorEndPicker = new ewPlugins('colorpicker', {
+        let labelBackgroundColorEndPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -1151,7 +1151,7 @@ class CircleObject extends Base {
       // 创建标签页
       let tabsElm = new cy_tabs('circle-object-edit-tabs', undefined, this.sdk)
       // 颜色组件
-      let colorPicker = new ewPlugins('colorpicker', {
+      let colorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("color")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -1165,7 +1165,7 @@ class CircleObject extends Base {
           this.color = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let linecolorPicker = new ewPlugins('colorpicker', {
+      let linecolorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("lineColor")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -1179,7 +1179,7 @@ class CircleObject extends Base {
           this.lineColor = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let labelColorPicker = new ewPlugins('colorpicker', {
+      let labelColorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelColor")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -1193,7 +1193,7 @@ class CircleObject extends Base {
           this.labelColor = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let labellineColorPicker = new ewPlugins('colorpicker', {
+      let labellineColorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelLineColor")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -1207,7 +1207,7 @@ class CircleObject extends Base {
           this.labelLineColor = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let labelBackgroundColorStartPicker = new ewPlugins('colorpicker', {
+      let labelBackgroundColorStartPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelBackgroundColorStart")[0],
         size: 'mini',
         alpha: true,
@@ -1221,7 +1221,7 @@ class CircleObject extends Base {
           this.labelBackgroundColorStart = 'rgba(255,255,255,1)'
         },
       })
-      let labelBackgroundColorEndPicker = new ewPlugins('colorpicker', {
+      let labelBackgroundColorEndPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelBackgroundColorEnd")[0],
         size: 'mini',
         alpha: true,

src/Obj/Base/CurvelineObject/index.js

@@ -147,7 +147,7 @@ class CurvelineObject extends Base {
     this.entity.polyline.material = this.getMaterial(v, this.options.type)
     if (this._elms.color) {
       this._elms.color.forEach((item, i) => {
-        let colorPicker = new ewPlugins('colorpicker', {
+        let colorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini', //颜色box类型
           alpha: true, //是否开启透明度
@@ -438,7 +438,7 @@ class CurvelineObject extends Base {
     this.options['extend-color'] = v
     if (this._elms.extendColor) {
       this._elms.extendColor.forEach((item, i) => {
-        let extendColorPicker = new ewPlugins('colorpicker', {
+        let extendColorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini', //颜色box类型
           alpha: true, //是否开启透明度
@@ -508,7 +508,7 @@ class CurvelineObject extends Base {
     this.label.color = v
     if (this._elms.labelColor) {
       this._elms.labelColor.forEach((item, i) => {
-        let labelColorPicker = new ewPlugins('colorpicker', {
+        let labelColorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini', //颜色box类型
           alpha: true, //是否开启透明度
@@ -612,7 +612,7 @@ class CurvelineObject extends Base {
     this.label.lineColor = v
     if (this._elms.labelLineColor) {
       this._elms.labelLineColor.forEach((item, i) => {
-        let lineColorPicker = new ewPlugins('colorpicker', {
+        let lineColorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini', //颜色box类型
           alpha: true, //是否开启透明度
@@ -639,7 +639,7 @@ class CurvelineObject extends Base {
     this.label.backgroundColor = [v, this.label.backgroundColor[1]]
     if (this._elms.labelBackgroundColorStart) {
       this._elms.labelBackgroundColorStart.forEach((item, i) => {
-        let labelBackgroundColorStartPicker = new ewPlugins('colorpicker', {
+        let labelBackgroundColorStartPicker = new YJColorPicker({
           el: item.el,
           size: 'mini', //颜色box类型
           alpha: true, //是否开启透明度
@@ -667,7 +667,7 @@ class CurvelineObject extends Base {
     this.label.backgroundColor = [this.label.backgroundColor[0], v]
     if (this._elms.labelBackgroundColorEnd) {
       this._elms.labelBackgroundColorEnd.forEach((item, i) => {
-        let labelBackgroundColorEndPicker = new ewPlugins('colorpicker', {
+        let labelBackgroundColorEndPicker = new YJColorPicker({
           el: item.el,
           size: 'mini', //颜色box类型
           alpha: true, //是否开启透明度
@@ -1263,7 +1263,7 @@ class CurvelineObject extends Base {
         this.sdk
       )
       // 颜色组件
-      let colorPicker = new ewPlugins('colorpicker', {
+      let colorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName('color')[0],
         size: 'mini', //颜色box类型
         alpha: true, //是否开启透明度
@@ -1277,7 +1277,7 @@ class CurvelineObject extends Base {
           this.color = 'rgba(255,255,255,1)'
         } //点击清空按钮事件回调
       })
-      let labelColorPicker = new ewPlugins('colorpicker', {
+      let labelColorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName('labelColor')[0],
         size: 'mini', //颜色box类型
         alpha: true, //是否开启透明度
@@ -1291,7 +1291,7 @@ class CurvelineObject extends Base {
           this.labelColor = 'rgba(255,255,255,1)'
         } //点击清空按钮事件回调
       })
-      let extendColorPicker = new ewPlugins('colorpicker', {
+      let extendColorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName('extendColor')[0],
         size: 'mini', //颜色box类型
         alpha: true, //是否开启透明度
@@ -1305,7 +1305,7 @@ class CurvelineObject extends Base {
           this.extendColor = 'rgba(255,255,255,1)'
         } //点击清空按钮事件回调
       })
-      let lineColorPicker = new ewPlugins('colorpicker', {
+      let lineColorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName('labelLineColor')[0],
         size: 'mini', //颜色box类型
         alpha: true, //是否开启透明度
@@ -1319,7 +1319,7 @@ class CurvelineObject extends Base {
           this.labelLineColor = 'rgba(255,255,255,1)'
         } //点击清空按钮事件回调
       })
-      let labelBackgroundColorStartPicker = new ewPlugins('colorpicker', {
+      let labelBackgroundColorStartPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName('labelBackgroundColorStart')[0],
         size: 'mini',
         alpha: true,
@@ -1333,7 +1333,7 @@ class CurvelineObject extends Base {
           this.labelBackgroundColorStart = 'rgba(255,255,255,1)'
         }
       })
-      let labelBackgroundColorEndPicker = new ewPlugins('colorpicker', {
+      let labelBackgroundColorEndPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName('labelBackgroundColorEnd')[0],
         size: 'mini',
         alpha: true,

src/Obj/Base/EllipseObject/index.js

@@ -47,7 +47,7 @@ class EllipseObject extends Base {
     this.options.center = options.center || {}
     this.options.line = options.line || {}
     this.options.line.width = ((this.options.line.width || this.options.line.width === 0) ? this.options.line.width : 3)
-    this.options.line.color = this.options.line.color || '#ff000080'
+    this.options.line.color = this.options.line.color || 'rgba(255, 0, 0, 0.5)'
     this.options['area-unit'] = options['area-unit'] || '平方米'
     options.label = options.label || {}
     this._elms = {};
@@ -229,7 +229,7 @@ class EllipseObject extends Base {
     return this.options.color
   }
   set color(v) {
-    this.options.color = v || '#ff000080'
+    this.options.color = v || 'rgba(255, 0, 0, 0.5)'
     if (!this.sdk || !this.sdk.viewer || !this.entity || !this.entity.polygon) {
       return
     }
@@ -243,7 +243,7 @@ class EllipseObject extends Base {
     this.entity.polyline.width = this.lineWidth
     if (this._elms.color) {
       this._elms.color.forEach((item, i) => {
-        let colorPicker = new ewPlugins('colorpicker', {
+        let colorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -266,14 +266,14 @@ class EllipseObject extends Base {
     return this.options.line.color
   }
   set lineColor(v) {
-    this.options.line.color = v || '#ff000080'
+    this.options.line.color = v || 'rgba(255, 0, 0, 0.5)'
     if (!this.sdk || !this.sdk.viewer || !this.entity || !this.entity.polyline) {
       return
     }
     this.entity.polyline.material = Cesium.Color.fromCssColorString(this.options.line.color)
     if (this._elms.lineColor) {
       this._elms.lineColor.forEach((item, i) => {
-        let lineColorPicker = new ewPlugins('colorpicker', {
+        let lineColorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -381,7 +381,7 @@ class EllipseObject extends Base {
     this.label.color = v
     if (this._elms.labelColor) {
       this._elms.labelColor.forEach((item, i) => {
-        let labelColorPicker = new ewPlugins('colorpicker', {
+        let labelColorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -481,7 +481,7 @@ class EllipseObject extends Base {
     this.label.lineColor = v
     if (this._elms.labelLineColor) {
       this._elms.labelLineColor.forEach((item, i) => {
-        let lineColorPicker = new ewPlugins('colorpicker', {
+        let lineColorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -508,7 +508,7 @@ class EllipseObject extends Base {
     this.label.backgroundColor = [v, this.label.backgroundColor[1]]
     if (this._elms.labelBackgroundColorStart) {
       this._elms.labelBackgroundColorStart.forEach((item, i) => {
-        let labelBackgroundColorStartPicker = new ewPlugins('colorpicker', {
+        let labelBackgroundColorStartPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -534,7 +534,7 @@ class EllipseObject extends Base {
     this.label.backgroundColor = [this.label.backgroundColor[0], v]
     if (this._elms.labelBackgroundColorEnd) {
       this._elms.labelBackgroundColorEnd.forEach((item, i) => {
-        let labelBackgroundColorEndPicker = new ewPlugins('colorpicker', {
+        let labelBackgroundColorEndPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -1161,7 +1161,7 @@ class EllipseObject extends Base {
       // 创建标签页
       let tabsElm = new cy_tabs('circle-object-edit-tabs', undefined, this.sdk)
       // 颜色组件
-      let colorPicker = new ewPlugins('colorpicker', {
+      let colorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("color")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -1175,7 +1175,7 @@ class EllipseObject extends Base {
           this.color = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let linecolorPicker = new ewPlugins('colorpicker', {
+      let linecolorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("lineColor")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -1189,7 +1189,7 @@ class EllipseObject extends Base {
           this.lineColor = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let labelColorPicker = new ewPlugins('colorpicker', {
+      let labelColorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelColor")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -1203,7 +1203,7 @@ class EllipseObject extends Base {
           this.labelColor = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let labellineColorPicker = new ewPlugins('colorpicker', {
+      let labellineColorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelLineColor")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -1217,7 +1217,7 @@ class EllipseObject extends Base {
           this.labelLineColor = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let labelBackgroundColorStartPicker = new ewPlugins('colorpicker', {
+      let labelBackgroundColorStartPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelBackgroundColorStart")[0],
         size: 'mini',
         alpha: true,
@@ -1231,7 +1231,7 @@ class EllipseObject extends Base {
           this.labelBackgroundColorStart = 'rgba(255,255,255,1)'
         },
       })
-      let labelBackgroundColorEndPicker = new ewPlugins('colorpicker', {
+      let labelBackgroundColorEndPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelBackgroundColorEnd")[0],
         size: 'mini',
         alpha: true,

src/Obj/Base/FlowLine/index.js

@@ -163,7 +163,7 @@ class FlowLine extends Base {
 
     if (this._elms.color) {
       this._elms.color.forEach((item, i) => {
-        let picker = new ewPlugins('colorpicker', {
+        let picker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -317,7 +317,7 @@ class FlowLine extends Base {
       contentElm.innerHTML = html()
       this._DialogObject.contentAppChild(contentElm)
       // 颜色组件
-      let waterColorPicker = new ewPlugins('colorpicker', {
+      let waterColorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("flowLine-color")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度

src/Obj/Base/Graffiti/index.js

@@ -37,7 +37,7 @@ class Graffiti extends Draw {
     this.options.color = v
     if (this._elms.color) {
       this._elms.color.forEach((item, i) => {
-        let colorPicker = new ewPlugins('colorpicker', {
+        let colorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -77,7 +77,7 @@ class Graffiti extends Draw {
       contentElm.innerHTML = html()
       that._DialogObject.contentAppChild(contentElm)
       // 颜色组件
-      let colorPicker = new ewPlugins('colorpicker', {
+      let colorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("color")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度

src/Obj/Base/GroundSvg/index-3.js

@@ -123,7 +123,7 @@ class GroundSvg extends Base {
     }
     if (this._elms.color) {
       this._elms.color.forEach((item, i) => {
-        let colorPicker = new ewPlugins('colorpicker', {
+        let colorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -796,7 +796,7 @@ class GroundSvg extends Base {
       await this._DialogObject.contentAppChild(contentElm)
 
       // 颜色组件
-      let colorPicker = new ewPlugins('colorpicker', {
+      let colorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("color")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度

src/Obj/Base/GroundSvg/index.js

@@ -206,7 +206,7 @@ class GroundSvg extends Base {
     }
     if (this._elms.color) {
       this._elms.color.forEach((item, i) => {
-        let colorPicker = new ewPlugins('colorpicker', {
+        let colorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -334,7 +334,7 @@ class GroundSvg extends Base {
     this.text && (this.text.color = v)
     if (this._elms.textColor) {
       this._elms.textColor.forEach((item, i) => {
-        let textColorPicker = new ewPlugins('colorpicker', {
+        let textColorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -994,7 +994,7 @@ class GroundSvg extends Base {
       this.attributeType = this.options.attributeType
 
       // 颜色组件
-      let colorPicker = new ewPlugins('colorpicker', {
+      let colorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("color")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -1009,7 +1009,7 @@ class GroundSvg extends Base {
         },//点击清空按钮事件回调
       })
 
-      let textColorPicker = new ewPlugins('colorpicker', {
+      let textColorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("textColor")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度

src/Obj/Base/ParticleEffects/Flame/index.js

@@ -245,7 +245,7 @@ class Flame extends Base {
     this.particleSystem.startColor = Cesium.Color.fromCssColorString(v)
     if (this._elms.startColor) {
       this._elms.startColor.forEach((item, i) => {
-        let picker = new ewPlugins('colorpicker', {
+        let picker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -273,7 +273,7 @@ class Flame extends Base {
     this.particleSystem.endColor = Cesium.Color.fromCssColorString(v)
     if (this._elms.endColor) {
       this._elms.endColor.forEach((item, i) => {
-        let picker = new ewPlugins('colorpicker', {
+        let picker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -496,7 +496,7 @@ class Flame extends Base {
       contentElm.innerHTML = html()
       this._DialogObject.contentAppChild(contentElm)
       // 颜色组件
-      let startColorPicker = new ewPlugins('colorpicker', {
+      let startColorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("start_color")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -510,7 +510,7 @@ class Flame extends Base {
           this.startColor = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let endColorPicker = new ewPlugins('colorpicker', {
+      let endColorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("end_color")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度

src/Obj/Base/ParticleEffects/Fountain/index.js

@@ -269,7 +269,7 @@ class Fountain extends Base {
     this.particleSystem.startColor = Cesium.Color.fromCssColorString(v)
     if (this._elms.startColor) {
       this._elms.startColor.forEach((item, i) => {
-        let picker = new ewPlugins('colorpicker', {
+        let picker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -297,7 +297,7 @@ class Fountain extends Base {
     this.particleSystem.endColor = Cesium.Color.fromCssColorString(v)
     if (this._elms.endColor) {
       this._elms.endColor.forEach((item, i) => {
-        let picker = new ewPlugins('colorpicker', {
+        let picker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -520,7 +520,7 @@ class Fountain extends Base {
       contentElm.innerHTML = html()
       this._DialogObject.contentAppChild(contentElm)
       // 颜色组件
-      let startColorPicker = new ewPlugins('colorpicker', {
+      let startColorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("start_color")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -534,7 +534,7 @@ class Fountain extends Base {
           this.startColor = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let endColorPicker = new ewPlugins('colorpicker', {
+      let endColorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("end_color")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度

src/Obj/Base/ParticleEffects/Smoke/index.js

@@ -243,7 +243,7 @@ class Smoke extends Base {
     this.particleSystem.startColor = Cesium.Color.fromCssColorString(v)
     if (this._elms.startColor) {
       this._elms.startColor.forEach((item, i) => {
-        let picker = new ewPlugins('colorpicker', {
+        let picker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -271,7 +271,7 @@ class Smoke extends Base {
     this.particleSystem.endColor = Cesium.Color.fromCssColorString(v)
     if (this._elms.endColor) {
       this._elms.endColor.forEach((item, i) => {
-        let picker = new ewPlugins('colorpicker', {
+        let picker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -494,7 +494,7 @@ class Smoke extends Base {
       contentElm.innerHTML = html()
       this._DialogObject.contentAppChild(contentElm)
       // 颜色组件
-      let startColorPicker = new ewPlugins('colorpicker', {
+      let startColorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("start_color")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -508,7 +508,7 @@ class Smoke extends Base {
           this.startColor = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let endColorPicker = new ewPlugins('colorpicker', {
+      let endColorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("end_color")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度

src/Obj/Base/ParticleEffects/Spout/index.js

@@ -360,7 +360,7 @@ class Spout extends Base {
     this.particleSystem.startColor = Cesium.Color.fromCssColorString(v)
     if (this._elms.startColor) {
       this._elms.startColor.forEach((item, i) => {
-        let picker = new ewPlugins('colorpicker', {
+        let picker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -388,7 +388,7 @@ class Spout extends Base {
     this.particleSystem.endColor = Cesium.Color.fromCssColorString(v)
     if (this._elms.endColor) {
       this._elms.endColor.forEach((item, i) => {
-        let picker = new ewPlugins('colorpicker', {
+        let picker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -634,7 +634,7 @@ class Spout extends Base {
       contentElm.innerHTML = html()
       this._DialogObject.contentAppChild(contentElm)
       // 颜色组件
-      let startColorPicker = new ewPlugins('colorpicker', {
+      let startColorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("start_color")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -648,7 +648,7 @@ class Spout extends Base {
           this.startColor = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let endColorPicker = new ewPlugins('colorpicker', {
+      let endColorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("end_color")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度

src/Obj/Base/PincerArrowObject/index.js

@@ -40,7 +40,7 @@ class PincerArrowObject extends Base {
     this.options.heightMode = (options.heightMode || options.heightMode == 0) ? options.heightMode : 2
     this.options.line = options.line || {}
     this.options.line.width = ((this.options.line.width || this.options.line.width === 0) ? this.options.line.width : 3)
-    this.options.line.color = this.options.line.color || '#ff000080'
+    this.options.line.color = this.options.line.color || 'rgba(255, 0, 0, 0.5)'
     this.options['area-unit'] = options['area-unit'] || '平方米'
     this.options.height = options.height
     this.options.loop = options.loop || false
@@ -122,7 +122,7 @@ class PincerArrowObject extends Base {
     return this.options.color
   }
   set color(v) {
-    this.options.color = v || '#ff000080'
+    this.options.color = v || 'rgba(255, 0, 0, 0.5)'
     if (!this.sdk || !this.sdk.viewer || !this.entity || !this.entity.polygon) {
       return
     }
@@ -135,7 +135,7 @@ class PincerArrowObject extends Base {
     this.entity.polygon.material = material
     if (this._elms.color) {
       this._elms.color.forEach((item, i) => {
-        let colorPicker = new ewPlugins('colorpicker', {
+        let colorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -253,14 +253,14 @@ class PincerArrowObject extends Base {
     return this.options.line.color
   }
   set lineColor(v) {
-    this.options.line.color = v || '#ff000080'
+    this.options.line.color = v || 'rgba(255, 0, 0, 0.5)'
     if (!this.sdk || !this.sdk.viewer || !this.entity || !this.entity.polyline) {
       return
     }
     this.entity.polyline.material = Cesium.Color.fromCssColorString(this.options.line.color)
     if (this._elms.lineColor) {
       this._elms.lineColor.forEach((item, i) => {
-        let lineColorPicker = new ewPlugins('colorpicker', {
+        let lineColorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -368,7 +368,7 @@ class PincerArrowObject extends Base {
     this.label.color = v
     if (this._elms.labelColor) {
       this._elms.labelColor.forEach((item, i) => {
-        let labelColorPicker = new ewPlugins('colorpicker', {
+        let labelColorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -468,7 +468,7 @@ class PincerArrowObject extends Base {
     this.label.lineColor = v
     if (this._elms.labelLineColor) {
       this._elms.labelLineColor.forEach((item, i) => {
-        let lineColorPicker = new ewPlugins('colorpicker', {
+        let lineColorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -495,7 +495,7 @@ class PincerArrowObject extends Base {
     this.label.backgroundColor = [v, this.label.backgroundColor[1]]
     if (this._elms.labelBackgroundColorStart) {
       this._elms.labelBackgroundColorStart.forEach((item, i) => {
-        let labelBackgroundColorStartPicker = new ewPlugins('colorpicker', {
+        let labelBackgroundColorStartPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -521,7 +521,7 @@ class PincerArrowObject extends Base {
     this.label.backgroundColor = [this.label.backgroundColor[0], v]
     if (this._elms.labelBackgroundColorEnd) {
       this._elms.labelBackgroundColorEnd.forEach((item, i) => {
-        let labelBackgroundColorEndPicker = new ewPlugins('colorpicker', {
+        let labelBackgroundColorEndPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -1192,7 +1192,7 @@ class PincerArrowObject extends Base {
       // 创建标签页
       let tabsElm = new cy_tabs('pincer-arrow-object-edit-tabs', undefined, this.sdk)
       // 颜色组件
-      let colorPicker = new ewPlugins('colorpicker', {
+      let colorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("color")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -1206,7 +1206,7 @@ class PincerArrowObject extends Base {
           this.color = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let linecolorPicker = new ewPlugins('colorpicker', {
+      let linecolorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("lineColor")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -1220,7 +1220,7 @@ class PincerArrowObject extends Base {
           this.lineColor = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let labelColorPicker = new ewPlugins('colorpicker', {
+      let labelColorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelColor")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -1234,7 +1234,7 @@ class PincerArrowObject extends Base {
           this.labelColor = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let lineColorPicker = new ewPlugins('colorpicker', {
+      let lineColorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelLineColor")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -1248,7 +1248,7 @@ class PincerArrowObject extends Base {
           this.labelLineColor = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let labelBackgroundColorStartPicker = new ewPlugins('colorpicker', {
+      let labelBackgroundColorStartPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelBackgroundColorStart")[0],
         size: 'mini',
         alpha: true,
@@ -1262,7 +1262,7 @@ class PincerArrowObject extends Base {
           this.labelBackgroundColorStart = 'rgba(255,255,255,1)'
         },
       })
-      let labelBackgroundColorEndPicker = new ewPlugins('colorpicker', {
+      let labelBackgroundColorEndPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelBackgroundColorEnd")[0],
         size: 'mini',
         alpha: true,

src/Obj/Base/PolygonObject/index.js

@@ -25,7 +25,7 @@ class PolygonObject extends Base {
    * @param options.id {string} 唯一标识
    * @param options.show=true {boolean} 显示/隐藏
    * @param options.name {string} 名称
-   * @param options.color="#ff000080" {string} 颜色
+   * @param options.color='rgba(255, 0, 0, 0.5)' {string} 颜色
    * @param options.height {number} 高度
    * @param options.heightMode=2{number} 高度模式（0：海拔高度；1：相对地表；2：依附模式）
    * @param options.line {object} 边框
@@ -39,7 +39,7 @@ class PolygonObject extends Base {
   constructor(sdk, options = {}, _Dialog = {}) {
     super(sdk, options)
     this.options.name = options.name || '未命名对象'
-    this.options.color = options.color || '#ff000080'
+    this.options.color = options.color || 'rgba(255, 0, 0, 0.5)'
     this.options.show =
       options.show || options.show === false ? options.show : true
     this.options.heightMode = (options.heightMode || options.heightMode == 0) ? options.heightMode : 2
@@ -47,7 +47,7 @@ class PolygonObject extends Base {
     this.options.line = options.line || {}
     this.options.line.width = ((this.options.line.width || this.options.line.width === 0) ? this.options.line.width : 3)
     this.options.line.color =
-      this.options.line.color || '#ff000080'
+      this.options.line.color || 'rgba(255, 0, 0, 0.5)'
     this.options['area-unit'] = options['area-unit'] || '平方米'
     this.entity
     this.event = new MouseEvent(this.sdk)
@@ -133,7 +133,7 @@ class PolygonObject extends Base {
     return this.options.color
   }
   set color(v) {
-    this.options.color = v || '#ff000080'
+    this.options.color = v || 'rgba(255, 0, 0, 0.5)'
     if (!this.sdk || !this.sdk.viewer || !this.entity || !this.entity.polygon) {
       return
     }
@@ -150,7 +150,7 @@ class PolygonObject extends Base {
     this.entity.polygon.material = material
     if (this._elms.color) {
       this._elms.color.forEach((item, i) => {
-        let colorPicker = new ewPlugins('colorpicker', {
+        let colorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini', //颜色box类型
           alpha: true, //是否开启透明度
@@ -269,14 +269,14 @@ class PolygonObject extends Base {
     return this.options.line.color
   }
   set lineColor(v) {
-    this.options.line.color = v || '#ff000080'
+    this.options.line.color = v || 'rgba(255, 0, 0, 0.5)'
     if (!this.sdk || !this.sdk.viewer || !this.entity || !this.entity.polyline) {
       return
     }
     this.entity.polyline.material = Cesium.Color.fromCssColorString(this.options.line.color)
     if (this._elms.lineColor) {
       this._elms.lineColor.forEach((item, i) => {
-        let lineColorPicker = new ewPlugins('colorpicker', {
+        let lineColorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini', //颜色box类型
           alpha: true, //是否开启透明度
@@ -389,7 +389,7 @@ class PolygonObject extends Base {
     this.label.color = v
     if (this._elms.labelColor) {
       this._elms.labelColor.forEach((item, i) => {
-        let labelColorPicker = new ewPlugins('colorpicker', {
+        let labelColorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini', //颜色box类型
           alpha: true, //是否开启透明度
@@ -493,7 +493,7 @@ class PolygonObject extends Base {
     this.label.lineColor = v
     if (this._elms.labelLineColor) {
       this._elms.labelLineColor.forEach((item, i) => {
-        let lineColorPicker = new ewPlugins('colorpicker', {
+        let lineColorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini', //颜色box类型
           alpha: true, //是否开启透明度
@@ -520,7 +520,7 @@ class PolygonObject extends Base {
     this.label.backgroundColor = [v, this.label.backgroundColor[1]]
     if (this._elms.labelBackgroundColorStart) {
       this._elms.labelBackgroundColorStart.forEach((item, i) => {
-        let labelBackgroundColorStartPicker = new ewPlugins('colorpicker', {
+        let labelBackgroundColorStartPicker = new YJColorPicker({
           el: item.el,
           size: 'mini', //颜色box类型
           alpha: true, //是否开启透明度
@@ -548,7 +548,7 @@ class PolygonObject extends Base {
     this.label.backgroundColor = [this.label.backgroundColor[0], v]
     if (this._elms.labelBackgroundColorEnd) {
       this._elms.labelBackgroundColorEnd.forEach((item, i) => {
-        let labelBackgroundColorEndPicker = new ewPlugins('colorpicker', {
+        let labelBackgroundColorEndPicker = new YJColorPicker({
           el: item.el,
           size: 'mini', //颜色box类型
           alpha: true, //是否开启透明度
@@ -1270,7 +1270,7 @@ class PolygonObject extends Base {
       // 创建标签页
       let tabsElm = new cy_tabs('polygon-object-edit-tabs', undefined, this.sdk)
       // 颜色组件
-      let colorPicker = new ewPlugins('colorpicker', {
+      let colorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName('color')[0],
         size: 'mini', //颜色box类型
         alpha: true, //是否开启透明度
@@ -1284,7 +1284,7 @@ class PolygonObject extends Base {
           this.color = 'rgba(255,255,255,1)'
         } //点击清空按钮事件回调
       })
-      let linecolorPicker = new ewPlugins('colorpicker', {
+      let linecolorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName('lineColor')[0],
         size: 'mini', //颜色box类型
         alpha: true, //是否开启透明度
@@ -1298,7 +1298,7 @@ class PolygonObject extends Base {
           this.lineColor = 'rgba(255,255,255,1)'
         } //点击清空按钮事件回调
       })
-      let labelColorPicker = new ewPlugins('colorpicker', {
+      let labelColorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName('labelColor')[0],
         size: 'mini', //颜色box类型
         alpha: true, //是否开启透明度
@@ -1312,7 +1312,7 @@ class PolygonObject extends Base {
           this.labelColor = 'rgba(255,255,255,1)'
         } //点击清空按钮事件回调
       })
-      let lineColorPicker = new ewPlugins('colorpicker', {
+      let lineColorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName('labelLineColor')[0],
         size: 'mini', //颜色box类型
         alpha: true, //是否开启透明度
@@ -1326,7 +1326,7 @@ class PolygonObject extends Base {
           this.labelLineColor = 'rgba(255,255,255,1)'
         } //点击清空按钮事件回调
       })
-      let labelBackgroundColorStartPicker = new ewPlugins('colorpicker', {
+      let labelBackgroundColorStartPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName('labelBackgroundColorStart')[0],
         size: 'mini',
         alpha: true,
@@ -1340,7 +1340,7 @@ class PolygonObject extends Base {
           this.labelBackgroundColorStart = 'rgba(255,255,255,1)'
         }
       })
-      let labelBackgroundColorEndPicker = new ewPlugins('colorpicker', {
+      let labelBackgroundColorEndPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName('labelBackgroundColorEnd')[0],
         size: 'mini',
         alpha: true,

src/Obj/Base/PolyhedronObject/index.js

@@ -394,7 +394,7 @@ class PolyhedronObject extends Base {
     this.entity.polygon.material = material
     if (this._elms.color) {
       this._elms.color.forEach((item, i) => {
-        let colorPicker = new ewPlugins('colorpicker', {
+        let colorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -551,7 +551,7 @@ class PolyhedronObject extends Base {
     this.label.color = v
     if (this._elms.labelColor) {
       this._elms.labelColor.forEach((item, i) => {
-        let labelColorPicker = new ewPlugins('colorpicker', {
+        let labelColorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -651,7 +651,7 @@ class PolyhedronObject extends Base {
     this.label.lineColor = v
     if (this._elms.labelLineColor) {
       this._elms.labelLineColor.forEach((item, i) => {
-        let lineColorPicker = new ewPlugins('colorpicker', {
+        let lineColorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -678,7 +678,7 @@ class PolyhedronObject extends Base {
     this.label.backgroundColor = [v, this.label.backgroundColor[1]]
     if (this._elms.labelBackgroundColorStart) {
       this._elms.labelBackgroundColorStart.forEach((item, i) => {
-        let labelBackgroundColorStartPicker = new ewPlugins('colorpicker', {
+        let labelBackgroundColorStartPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -704,7 +704,7 @@ class PolyhedronObject extends Base {
     this.label.backgroundColor = [this.label.backgroundColor[0], v]
     if (this._elms.labelBackgroundColorEnd) {
       this._elms.labelBackgroundColorEnd.forEach((item, i) => {
-        let labelBackgroundColorEndPicker = new ewPlugins('colorpicker', {
+        let labelBackgroundColorEndPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -1105,7 +1105,7 @@ class PolyhedronObject extends Base {
       // 创建标签页
       let tabsElm = new cy_tabs('polygon-object-edit-tabs', undefined, this.sdk)
       // 颜色组件
-      let colorPicker = new ewPlugins('colorpicker', {
+      let colorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("color")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -1119,7 +1119,7 @@ class PolyhedronObject extends Base {
           this.color = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let labelColorPicker = new ewPlugins('colorpicker', {
+      let labelColorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelColor")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -1133,7 +1133,7 @@ class PolyhedronObject extends Base {
           this.labelColor = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let lineColorPicker = new ewPlugins('colorpicker', {
+      let lineColorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelLineColor")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -1147,7 +1147,7 @@ class PolyhedronObject extends Base {
           this.labelLineColor = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let labelBackgroundColorStartPicker = new ewPlugins('colorpicker', {
+      let labelBackgroundColorStartPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelBackgroundColorStart")[0],
         size: 'mini',
         alpha: true,
@@ -1161,7 +1161,7 @@ class PolyhedronObject extends Base {
           this.labelBackgroundColorStart = 'rgba(255,255,255,1)'
         },
       })
-      let labelBackgroundColorEndPicker = new ewPlugins('colorpicker', {
+      let labelBackgroundColorEndPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelBackgroundColorEnd")[0],
         size: 'mini',
         alpha: true,

src/Obj/Base/PolyhedronObject2/index.js

@@ -347,7 +347,7 @@ class PolyhedronObject extends Base {
     this.entity.polygon.material = Cesium.Color.fromCssColorString(v)
     if (this._elms.color) {
       this._elms.color.forEach((item, i) => {
-        let colorPicker = new ewPlugins('colorpicker', {
+        let colorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -488,7 +488,7 @@ class PolyhedronObject extends Base {
     this.label.color = v
     if (this._elms.labelColor) {
       this._elms.labelColor.forEach((item, i) => {
-        let labelColorPicker = new ewPlugins('colorpicker', {
+        let labelColorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -588,7 +588,7 @@ class PolyhedronObject extends Base {
     this.label.lineColor = v
     if (this._elms.labelLineColor) {
       this._elms.labelLineColor.forEach((item, i) => {
-        let lineColorPicker = new ewPlugins('colorpicker', {
+        let lineColorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -615,7 +615,7 @@ class PolyhedronObject extends Base {
     this.label.backgroundColor = [v, this.label.backgroundColor[1]]
     if (this._elms.labelBackgroundColorStart) {
       this._elms.labelBackgroundColorStart.forEach((item, i) => {
-        let labelBackgroundColorStartPicker = new ewPlugins('colorpicker', {
+        let labelBackgroundColorStartPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -641,7 +641,7 @@ class PolyhedronObject extends Base {
     this.label.backgroundColor = [this.label.backgroundColor[0], v]
     if (this._elms.labelBackgroundColorEnd) {
       this._elms.labelBackgroundColorEnd.forEach((item, i) => {
-        let labelBackgroundColorEndPicker = new ewPlugins('colorpicker', {
+        let labelBackgroundColorEndPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -890,7 +890,7 @@ class PolyhedronObject extends Base {
       // 创建标签页
       let tabsElm = new cy_tabs('polygon-object-edit-tabs', undefined, this.sdk)
       // 颜色组件
-      let colorPicker = new ewPlugins('colorpicker', {
+      let colorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("color")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -904,7 +904,7 @@ class PolyhedronObject extends Base {
           this.color = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let labelColorPicker = new ewPlugins('colorpicker', {
+      let labelColorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelColor")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -918,7 +918,7 @@ class PolyhedronObject extends Base {
           this.labelColor = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let lineColorPicker = new ewPlugins('colorpicker', {
+      let lineColorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelLineColor")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -932,7 +932,7 @@ class PolyhedronObject extends Base {
           this.labelLineColor = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let labelBackgroundColorStartPicker = new ewPlugins('colorpicker', {
+      let labelBackgroundColorStartPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelBackgroundColorStart")[0],
         size: 'mini',
         alpha: true,
@@ -946,7 +946,7 @@ class PolyhedronObject extends Base {
           this.labelBackgroundColorStart = 'rgba(255,255,255,1)'
         },
       })
-      let labelBackgroundColorEndPicker = new ewPlugins('colorpicker', {
+      let labelBackgroundColorEndPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelBackgroundColorEnd")[0],
         size: 'mini',
         alpha: true,

src/Obj/Base/PolylineObject/_element.js

@@ -96,10 +96,9 @@ function html(that) {
                             <input class="btn-switch" type="checkbox" @model="rotate">
                         </div>
                         <div class="col" style="flex: 0 0 33%;">
-                            <span class="label">动画时长</span>
+                            <span class="label">流动速率</span>
                             <div class="input-number input-number-unit-1" style="width: 80px;">
-                                <input class="input" type="number" title="" min="0" max="999999" step="0.1" @model="speed">
+                                <input class="input" type="number" title="" min="0" max="999999" step="1" @model="speed">
-                                <span class="unit">s</span>
                                 <span class="arrow"></span>
                             </div>
                         </div>

src/Obj/Base/PolylineObject/index.js

@@ -153,7 +153,7 @@ class PolylineObject extends Base {
     this.entity.polyline.material = this.getMaterial(this.options.color, this.options.type, this.entity, this.options)
     if (this._elms.color) {
       this._elms.color.forEach((item, i) => {
-        let colorPicker = new ewPlugins('colorpicker', {
+        let colorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini', //颜色box类型
           alpha: true, //是否开启透明度
@@ -177,7 +177,8 @@ class PolylineObject extends Base {
   }
 
   set speed(v) {
-    this.options.speed = v
+    // this.options.speed = v
+    this.options.speed = v !== 0 ? Math.pow(v, -1) * 100 : 0
     this.entity.polyline.material = this.getMaterial(this.options.color, this.options.type, this.entity, this.options)
   }
   get dashSize() {
@@ -645,7 +646,7 @@ class PolylineObject extends Base {
     this.options['extend-color'] = v
     if (this._elms.extendColor) {
       this._elms.extendColor.forEach((item, i) => {
-        let extendColorPicker = new ewPlugins('colorpicker', {
+        let extendColorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini', //颜色box类型
           alpha: true, //是否开启透明度
@@ -700,7 +701,7 @@ class PolylineObject extends Base {
     this.label.color = v
     if (this._elms.labelColor) {
       this._elms.labelColor.forEach((item, i) => {
-        let labelColorPicker = new ewPlugins('colorpicker', {
+        let labelColorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini', //颜色box类型
           alpha: true, //是否开启透明度
@@ -804,7 +805,7 @@ class PolylineObject extends Base {
     this.label.lineColor = v
     if (this._elms.labelLineColor) {
       this._elms.labelLineColor.forEach((item, i) => {
-        let lineColorPicker = new ewPlugins('colorpicker', {
+        let lineColorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini', //颜色box类型
           alpha: true, //是否开启透明度
@@ -836,7 +837,7 @@ class PolylineObject extends Base {
     this.label.backgroundColor = [this.label.backgroundColor[0], v]
     if (this._elms.labelBackgroundColorEnd) {
       this._elms.labelBackgroundColorEnd.forEach((item, i) => {
-        let labelBackgroundColorEndPicker = new ewPlugins('colorpicker', {
+        let labelBackgroundColorEndPicker = new YJColorPicker({
           el: item.el,
           size: 'mini', //颜色box类型
           alpha: true, //是否开启透明度
@@ -1321,6 +1322,7 @@ class PolylineObject extends Base {
       }
     })
     that.entity.polyline.oriWidth = that.options.width
+    that.judgeLine(that.entity, that.options)
     that.sdk._entityZIndex++
     PolylineObject.createLabel(that)
     // that.entity.polyline.positionsLngLat = positions
@@ -1355,7 +1357,102 @@ class PolylineObject extends Base {
 
     let scene = that.sdk.viewer.scene
   }
+  judgeLine(entity, newParam) {
+    if (!entity.polyline.oriRepeat) {
+      let param = {
+        color: newParam.color,
+        image: this.getSourceRootPath() + `/img/arrow/1.png`,
+        space: newParam.space,
+        speed: newParam.speed
+      }
 
+      param.speed = newParam.rotate ? param.speed : 0 - param.speed
+
+      const canvasEle = document.createElement('canvas');
+      const ctx = canvasEle.getContext('2d')
+      const myImg = new Image()
+      // myImg.src = that.getSourceRootPath() + '/img/arrow/1.png'
+      myImg.src = param.image
+      let that = this
+      myImg.onload = function () {
+        canvasEle.width = myImg.width * (param.space + 1)
+        canvasEle.height = myImg.height
+
+        let oriRepeat = that.getSceenLine(entity, param, canvasEle)
+        oriRepeat && (entity.polyline.oriRepeat = oriRepeat)
+
+
+        var positionProperty = entity.polyline.positions;
+        var positions = positionProperty.getValue(that.sdk.viewer.clock.currentTime);
+
+        if (!Cesium.defined(positions)) {
+          return new Cesium.Cartesian2(1.0, 1.0);
+          // return 1.0;
+        }
+
+        var distance = 0;
+        for (var i = 0; i < positions.length - 1; ++i) {
+          distance += Cesium.Cartesian3.distance(positions[i], positions[i + 1]);
+        }
+
+        var repeatX = distance / entity.polyline.width.getValue();
+        // 根据地图缩放程度调整repeatX
+        var cameraHeight = that.sdk.viewer.camera.positionCartographic.height;
+        var boundingSphere = new Cesium.BoundingSphere(
+          new Cesium.Cartesian3(-1000000, 0, 0), // 中心点坐标
+          500000 // 半径（距离）
+        );
+
+        // 获取绘图缓冲区的宽度和高度（通常是屏幕的分辨率）
+        var drawingBufferWidth = that.sdk.viewer.canvas.clientWidth;
+        var drawingBufferHeight = that.sdk.viewer.canvas.clientHeight;
+
+        // 使用 getPixelSize 方法获取包围球在屏幕上的像素大小
+        var groundResolution = that.sdk.viewer.scene.camera.getPixelSize(boundingSphere, drawingBufferWidth, drawingBufferHeight)
+        repeatX *= groundResolution / cameraHeight / (param.space * (canvasEle.width / canvasEle.height * 5) + 1);
+        // if (entity.polyline.material.oriRepeat) {
+        let speed = repeatX / entity.polyline.oriRepeat
+        entity.polyline.oriSpeed = speed
+        entity.polyline.oriRepeatX = repeatX
+      }
+
+
+
+
+    }
+  }
+  /**获取当前满屏横线速度 */
+  getSceenLine(entity, options, canvasEle) {
+    let point1 = new Cesium.Cartesian2(0, this.sdk.viewer.canvas.clientHeight)
+    let point2 = new Cesium.Cartesian2(this.sdk.viewer.canvas.clientWidth / 2, this.sdk.viewer.canvas.clientHeight)
+    var cartesian1 = this.sdk.viewer.scene.pickPosition(point1)
+    var cartesian2 = this.sdk.viewer.scene.pickPosition(point2)
+
+    var distance = Cesium.Cartesian3.distance(cartesian1, cartesian2);
+
+    var repeatX = distance / entity.polyline.width.getValue();
+    // 根据地图缩放程度调整repeatX
+    var cameraHeight = this.sdk.viewer.camera.positionCartographic.height;
+    var boundingSphere = new Cesium.BoundingSphere(
+      new Cesium.Cartesian3(-1000000, 0, 0), // 中心点坐标
+      500000 // 半径（距离）
+    );
+
+    // 获取绘图缓冲区的宽度和高度（通常是屏幕的分辨率）
+    var drawingBufferWidth = this.sdk.viewer.canvas.clientWidth;
+    var drawingBufferHeight = this.sdk.viewer.canvas.clientHeight;
+
+    // 使用 getPixelSize 方法获取包围球在屏幕上的像素大小
+    var groundResolution = this.sdk.viewer.scene.camera.getPixelSize(boundingSphere, drawingBufferWidth, drawingBufferHeight)
+    // repeatX *= groundResolution / cameraHeight / ((myImg.width / myImg.height * 5) + 1);
+    if (groundResolution > 700) {
+      repeatX *= groundResolution / cameraHeight / (options.space * (canvasEle.width / canvasEle.height * 5) + 1);
+    } else {
+      repeatX = undefined;
+    }
+
+    return repeatX
+  }
   /**
    * 编辑框
    * @param {boolean} state true打开，false关闭
@@ -1439,7 +1536,7 @@ class PolylineObject extends Base {
         this.sdk
       )
       // 颜色组件
-      let colorPicker = new ewPlugins('colorpicker', {
+      let colorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName('color')[0],
         size: 'mini', //颜色box类型
         alpha: true, //是否开启透明度
@@ -1453,7 +1550,7 @@ class PolylineObject extends Base {
           this.color = 'rgba(255,255,255,1)'
         } //点击清空按钮事件回调
       })
-      let labelColorPicker = new ewPlugins('colorpicker', {
+      let labelColorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName('labelColor')[0],
         size: 'mini', //颜色box类型
         alpha: true, //是否开启透明度
@@ -1467,7 +1564,7 @@ class PolylineObject extends Base {
           this.labelColor = 'rgba(255,255,255,1)'
         } //点击清空按钮事件回调
       })
-      let extendColorPicker = new ewPlugins('colorpicker', {
+      let extendColorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName('extendColor')[0],
         size: 'mini', //颜色box类型
         alpha: true, //是否开启透明度
@@ -1481,7 +1578,7 @@ class PolylineObject extends Base {
           this.extendColor = 'rgba(255,255,255,1)'
         } //点击清空按钮事件回调
       })
-      let lineColorPicker = new ewPlugins('colorpicker', {
+      let lineColorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName('labelLineColor')[0],
         size: 'mini', //颜色box类型
         alpha: true, //是否开启透明度
@@ -1495,7 +1592,7 @@ class PolylineObject extends Base {
           this.labelLineColor = 'rgba(255,255,255,1)'
         } //点击清空按钮事件回调
       })
-      let labelBackgroundColorStartPicker = new ewPlugins('colorpicker', {
+      let labelBackgroundColorStartPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName('labelBackgroundColorStart')[0],
         size: 'mini',
         alpha: true,
@@ -1509,7 +1606,7 @@ class PolylineObject extends Base {
           this.labelBackgroundColorStart = 'rgba(255,255,255,1)'
         }
       })
-      let labelBackgroundColorEndPicker = new ewPlugins('colorpicker', {
+      let labelBackgroundColorEndPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName('labelBackgroundColorEnd')[0],
         size: 'mini',
         alpha: true,

src/Obj/Base/RadarScan/index.js

@@ -425,7 +425,7 @@ class RadarScan extends Base {
     this.changeMaterial()
     if (this._elms.color) {
       this._elms.color.forEach((item, i) => {
-        let colorPicker = new ewPlugins('colorpicker', {
+        let colorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -483,7 +483,7 @@ class RadarScan extends Base {
     this.label.color = v
     if (this._elms.labelColor) {
       this._elms.labelColor.forEach((item, i) => {
-        let labelColorPicker = new ewPlugins('colorpicker', {
+        let labelColorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -583,7 +583,7 @@ class RadarScan extends Base {
     this.label.lineColor = v
     if (this._elms.labelLineColor) {
       this._elms.labelLineColor.forEach((item, i) => {
-        let lineColorPicker = new ewPlugins('colorpicker', {
+        let lineColorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -610,7 +610,7 @@ class RadarScan extends Base {
     this.label.backgroundColor = [v, this.label.backgroundColor[1]]
     if (this._elms.labelBackgroundColorStart) {
       this._elms.labelBackgroundColorStart.forEach((item, i) => {
-        let labelBackgroundColorStartPicker = new ewPlugins('colorpicker', {
+        let labelBackgroundColorStartPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -636,7 +636,7 @@ class RadarScan extends Base {
     this.label.backgroundColor = [this.label.backgroundColor[0], v]
     if (this._elms.labelBackgroundColorEnd) {
       this._elms.labelBackgroundColorEnd.forEach((item, i) => {
-        let labelBackgroundColorEndPicker = new ewPlugins('colorpicker', {
+        let labelBackgroundColorEndPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -1124,7 +1124,7 @@ class RadarScan extends Base {
       // 创建标签页
       let tabsElm = new cy_tabs('radar-scan-edit-tabs', undefined, this.sdk)
       // 颜色组件
-      let colorPicker = new ewPlugins('colorpicker', {
+      let colorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("color")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -1138,7 +1138,7 @@ class RadarScan extends Base {
           this.color = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let labelColorPicker = new ewPlugins('colorpicker', {
+      let labelColorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelColor")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -1152,7 +1152,7 @@ class RadarScan extends Base {
           this.labelColor = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let lineColorPicker = new ewPlugins('colorpicker', {
+      let lineColorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelLineColor")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -1166,7 +1166,7 @@ class RadarScan extends Base {
           this.labelLineColor = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let labelBackgroundColorStartPicker = new ewPlugins('colorpicker', {
+      let labelBackgroundColorStartPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelBackgroundColorStart")[0],
         size: 'mini',
         alpha: true,
@@ -1180,7 +1180,7 @@ class RadarScan extends Base {
           this.labelBackgroundColorStart = 'rgba(255,255,255,1)'
         },
       })
-      let labelBackgroundColorEndPicker = new ewPlugins('colorpicker', {
+      let labelBackgroundColorEndPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelBackgroundColorEnd")[0],
         size: 'mini',
         alpha: true,

src/Obj/Base/RadarScanStereoscopic/index.js

@@ -373,7 +373,7 @@ class RadarScanStereoscopic extends Base {
     this.entity.ellipsoid.outlineColor = Cesium.Color.fromCssColorString(v)
     if (this._elms.colorOut) {
       this._elms.colorOut.forEach((item, i) => {
-        let colorPicker = new ewPlugins('colorpicker', {
+        let colorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -400,7 +400,7 @@ class RadarScanStereoscopic extends Base {
     this.entity.wall.material = Cesium.Color.fromCssColorString(v)
     if (this._elms.colorIn) {
       this._elms.colorIn.forEach((item, i) => {
-        let colorPicker = new ewPlugins('colorpicker', {
+        let colorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -458,7 +458,7 @@ class RadarScanStereoscopic extends Base {
     this.label.color = v
     if (this._elms.labelColor) {
       this._elms.labelColor.forEach((item, i) => {
-        let labelColorPicker = new ewPlugins('colorpicker', {
+        let labelColorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -558,7 +558,7 @@ class RadarScanStereoscopic extends Base {
     this.label.lineColor = v
     if (this._elms.labelLineColor) {
       this._elms.labelLineColor.forEach((item, i) => {
-        let lineColorPicker = new ewPlugins('colorpicker', {
+        let lineColorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -585,7 +585,7 @@ class RadarScanStereoscopic extends Base {
     this.label.backgroundColor = [v, this.label.backgroundColor[1]]
     if (this._elms.labelBackgroundColorStart) {
       this._elms.labelBackgroundColorStart.forEach((item, i) => {
-        let labelBackgroundColorStartPicker = new ewPlugins('colorpicker', {
+        let labelBackgroundColorStartPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -611,7 +611,7 @@ class RadarScanStereoscopic extends Base {
     this.label.backgroundColor = [this.label.backgroundColor[0], v]
     if (this._elms.labelBackgroundColorEnd) {
       this._elms.labelBackgroundColorEnd.forEach((item, i) => {
-        let labelBackgroundColorEndPicker = new ewPlugins('colorpicker', {
+        let labelBackgroundColorEndPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -1030,7 +1030,7 @@ class RadarScanStereoscopic extends Base {
       // 创建标签页
       let tabsElm = new cy_tabs('radar-scan-edit-tabs', undefined, this.sdk)
       // 颜色组件
-      let colorOutPicker = new ewPlugins('colorpicker', {
+      let colorOutPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("colorOut")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -1044,7 +1044,7 @@ class RadarScanStereoscopic extends Base {
           this.colorOut = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let colorInPicker = new ewPlugins('colorpicker', {
+      let colorInPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("colorIn")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -1058,7 +1058,7 @@ class RadarScanStereoscopic extends Base {
           this.colorIn = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let labelColorPicker = new ewPlugins('colorpicker', {
+      let labelColorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelColor")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -1072,7 +1072,7 @@ class RadarScanStereoscopic extends Base {
           this.labelColor = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let lineColorPicker = new ewPlugins('colorpicker', {
+      let lineColorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelLineColor")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -1086,7 +1086,7 @@ class RadarScanStereoscopic extends Base {
           this.labelLineColor = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let labelBackgroundColorStartPicker = new ewPlugins('colorpicker', {
+      let labelBackgroundColorStartPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelBackgroundColorStart")[0],
         size: 'mini',
         alpha: true,
@@ -1100,7 +1100,7 @@ class RadarScanStereoscopic extends Base {
           this.labelBackgroundColorStart = 'rgba(255,255,255,1)'
         },
       })
-      let labelBackgroundColorEndPicker = new ewPlugins('colorpicker', {
+      let labelBackgroundColorEndPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelBackgroundColorEnd")[0],
         size: 'mini',
         alpha: true,

src/Obj/Base/SectorObject/index.js

@@ -47,7 +47,7 @@ class SectorObject extends Base {
     this.options.center = options.center || {}
     this.options.line = options.line || {}
     this.options.line.width = ((this.options.line.width || this.options.line.width === 0) ? this.options.line.width : 3)
-    this.options.line.color = this.options.line.color || '#ff000080'
+    this.options.line.color = this.options.line.color || 'rgba(255, 0, 0, 0.5)'
     this.options['area-unit'] = options['area-unit'] || '平方米'
     options.label = options.label || {}
     this._elms = {};
@@ -226,7 +226,7 @@ class SectorObject extends Base {
     return this.options.color
   }
   set color(v) {
-    this.options.color = v || '#ff000080'
+    this.options.color = v || 'rgba(255, 0, 0, 0.5)'
     if (!this.sdk || !this.sdk.viewer || !this.entity || !this.entity.polygon) {
       return
     }
@@ -240,7 +240,7 @@ class SectorObject extends Base {
     this.entity.polyline.width = this.lineWidth
     if (this._elms.color) {
       this._elms.color.forEach((item, i) => {
-        let colorPicker = new ewPlugins('colorpicker', {
+        let colorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -263,14 +263,14 @@ class SectorObject extends Base {
     return this.options.line.color
   }
   set lineColor(v) {
-    this.options.line.color = v || '#ff000080'
+    this.options.line.color = v || 'rgba(255, 0, 0, 0.5)'
     if (!this.sdk || !this.sdk.viewer || !this.entity || !this.entity.polyline) {
       return
     }
     this.entity.polyline.material = Cesium.Color.fromCssColorString(this.options.line.color)
     if (this._elms.lineColor) {
       this._elms.lineColor.forEach((item, i) => {
-        let lineColorPicker = new ewPlugins('colorpicker', {
+        let lineColorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -378,7 +378,7 @@ class SectorObject extends Base {
     this.label.color = v
     if (this._elms.labelColor) {
       this._elms.labelColor.forEach((item, i) => {
-        let labelColorPicker = new ewPlugins('colorpicker', {
+        let labelColorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -478,7 +478,7 @@ class SectorObject extends Base {
     this.label.lineColor = v
     if (this._elms.labelLineColor) {
       this._elms.labelLineColor.forEach((item, i) => {
-        let lineColorPicker = new ewPlugins('colorpicker', {
+        let lineColorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -505,7 +505,7 @@ class SectorObject extends Base {
     this.label.backgroundColor = [v, this.label.backgroundColor[1]]
     if (this._elms.labelBackgroundColorStart) {
       this._elms.labelBackgroundColorStart.forEach((item, i) => {
-        let labelBackgroundColorStartPicker = new ewPlugins('colorpicker', {
+        let labelBackgroundColorStartPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -531,7 +531,7 @@ class SectorObject extends Base {
     this.label.backgroundColor = [this.label.backgroundColor[0], v]
     if (this._elms.labelBackgroundColorEnd) {
       this._elms.labelBackgroundColorEnd.forEach((item, i) => {
-        let labelBackgroundColorEndPicker = new ewPlugins('colorpicker', {
+        let labelBackgroundColorEndPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -1175,7 +1175,7 @@ class SectorObject extends Base {
       // 创建标签页
       let tabsElm = new cy_tabs('circle-object-edit-tabs', undefined, this.sdk)
       // 颜色组件
-      let colorPicker = new ewPlugins('colorpicker', {
+      let colorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("color")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -1189,7 +1189,7 @@ class SectorObject extends Base {
           this.color = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let linecolorPicker = new ewPlugins('colorpicker', {
+      let linecolorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("lineColor")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -1203,7 +1203,7 @@ class SectorObject extends Base {
           this.lineColor = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let labelColorPicker = new ewPlugins('colorpicker', {
+      let labelColorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelColor")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -1217,7 +1217,7 @@ class SectorObject extends Base {
           this.labelColor = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let labellineColorPicker = new ewPlugins('colorpicker', {
+      let labellineColorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelLineColor")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -1231,7 +1231,7 @@ class SectorObject extends Base {
           this.labelLineColor = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let labelBackgroundColorStartPicker = new ewPlugins('colorpicker', {
+      let labelBackgroundColorStartPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelBackgroundColorStart")[0],
         size: 'mini',
         alpha: true,
@@ -1245,7 +1245,7 @@ class SectorObject extends Base {
           this.labelBackgroundColorStart = 'rgba(255,255,255,1)'
         },
       })
-      let labelBackgroundColorEndPicker = new ewPlugins('colorpicker', {
+      let labelBackgroundColorEndPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelBackgroundColorEnd")[0],
         size: 'mini',
         alpha: true,

src/Obj/Base/StraightArrowObject/index.js

@@ -40,7 +40,7 @@ class StraightArrowObject extends Base {
     this.options.positions = options.positions || []
     this.options.line = options.line || {}
     this.options.line.width = ((this.options.line.width || this.options.line.width === 0) ? this.options.line.width : 3)
-    this.options.line.color = this.options.line.color || '#ff000080'
+    this.options.line.color = this.options.line.color || 'rgba(255, 0, 0, 0.5)'
     this.options['area-unit'] = options['area-unit'] || '平方米'
     this.entity
     this.event = new MouseEvent(this.sdk)
@@ -109,7 +109,7 @@ class StraightArrowObject extends Base {
     return this.options.color
   }
   set color(v) {
-    this.options.color = v || '#ff000080'
+    this.options.color = v || 'rgba(255, 0, 0, 0.5)'
     if (!this.sdk || !this.sdk.viewer || !this.entity || !this.entity.polygon) {
       return
     }
@@ -122,7 +122,7 @@ class StraightArrowObject extends Base {
     this.entity.polygon.material = material
     if (this._elms.color) {
       this._elms.color.forEach((item, i) => {
-        let colorPicker = new ewPlugins('colorpicker', {
+        let colorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -247,7 +247,7 @@ class StraightArrowObject extends Base {
     this.entity.polyline.material = Cesium.Color.fromCssColorString(v)
     if (this._elms.lineColor) {
       this._elms.lineColor.forEach((item, i) => {
-        let lineColorPicker = new ewPlugins('colorpicker', {
+        let lineColorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -355,7 +355,7 @@ class StraightArrowObject extends Base {
     this.label.color = v
     if (this._elms.labelColor) {
       this._elms.labelColor.forEach((item, i) => {
-        let labelColorPicker = new ewPlugins('colorpicker', {
+        let labelColorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -455,7 +455,7 @@ class StraightArrowObject extends Base {
     this.label.lineColor = v
     if (this._elms.labelLineColor) {
       this._elms.labelLineColor.forEach((item, i) => {
-        let lineColorPicker = new ewPlugins('colorpicker', {
+        let lineColorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -482,7 +482,7 @@ class StraightArrowObject extends Base {
     this.label.backgroundColor = [v, this.label.backgroundColor[1]]
     if (this._elms.labelBackgroundColorStart) {
       this._elms.labelBackgroundColorStart.forEach((item, i) => {
-        let labelBackgroundColorStartPicker = new ewPlugins('colorpicker', {
+        let labelBackgroundColorStartPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -508,7 +508,7 @@ class StraightArrowObject extends Base {
     this.label.backgroundColor = [this.label.backgroundColor[0], v]
     if (this._elms.labelBackgroundColorEnd) {
       this._elms.labelBackgroundColorEnd.forEach((item, i) => {
-        let labelBackgroundColorEndPicker = new ewPlugins('colorpicker', {
+        let labelBackgroundColorEndPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -1178,7 +1178,7 @@ class StraightArrowObject extends Base {
       // 创建标签页
       let tabsElm = new cy_tabs('assemble-object-edit-tabs', undefined, this.sdk)
       // 颜色组件
-      let colorPicker = new ewPlugins('colorpicker', {
+      let colorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("color")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -1192,7 +1192,7 @@ class StraightArrowObject extends Base {
           this.color = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let linecolorPicker = new ewPlugins('colorpicker', {
+      let linecolorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("lineColor")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -1206,7 +1206,7 @@ class StraightArrowObject extends Base {
           this.lineColor = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let labelColorPicker = new ewPlugins('colorpicker', {
+      let labelColorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelColor")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -1220,7 +1220,7 @@ class StraightArrowObject extends Base {
           this.labelColor = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let labellineColorPicker = new ewPlugins('colorpicker', {
+      let labellineColorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelLineColor")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -1234,7 +1234,7 @@ class StraightArrowObject extends Base {
           this.labelLineColor = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let labelBackgroundColorStartPicker = new ewPlugins('colorpicker', {
+      let labelBackgroundColorStartPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelBackgroundColorStart")[0],
         size: 'mini',
         alpha: true,
@@ -1248,7 +1248,7 @@ class StraightArrowObject extends Base {
           this.labelBackgroundColorStart = 'rgba(255,255,255,1)'
         },
       })
-      let labelBackgroundColorEndPicker = new ewPlugins('colorpicker', {
+      let labelBackgroundColorEndPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelBackgroundColorEnd")[0],
         size: 'mini',
         alpha: true,

src/Obj/Base/TextObject/3DText/index.js

@@ -52,7 +52,7 @@ class Text3D extends Base {
     })
     if (this._elms.color) {
       this._elms.color.forEach((item, i) => {
-        let colorPicker = new ewPlugins('colorpicker', {
+        let colorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -236,7 +236,7 @@ class Text3D extends Base {
       // 创建标签页
       // let tabsElm = new cy_tabs('radar-scan-edit-tabs')
       // 颜色组件
-      let colorPicker = new ewPlugins('colorpicker', {
+      let colorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("color")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -250,7 +250,7 @@ class Text3D extends Base {
           this.color = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let labelColorPicker = new ewPlugins('colorpicker', {
+      let labelColorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelColor")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -264,7 +264,7 @@ class Text3D extends Base {
           this.labelColor = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let lineColorPicker = new ewPlugins('colorpicker', {
+      let lineColorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelLineColor")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -278,7 +278,7 @@ class Text3D extends Base {
           this.labelLineColor = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let labelBackgroundColorStartPicker = new ewPlugins('colorpicker', {
+      let labelBackgroundColorStartPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelBackgroundColorStart")[0],
         size: 'mini',
         alpha: true,
@@ -292,7 +292,7 @@ class Text3D extends Base {
           this.labelBackgroundColorStart = 'rgba(255,255,255,1)'
         },
       })
-      let labelBackgroundColorEndPicker = new ewPlugins('colorpicker', {
+      let labelBackgroundColorEndPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelBackgroundColorEnd")[0],
         size: 'mini',
         alpha: true,

src/Obj/Base/TextObject/GroundText/index.js

@@ -263,7 +263,7 @@ class GroundText extends Base {
     })
     if (this._elms.color) {
       this._elms.color.forEach((item, i) => {
-        let colorPicker = new ewPlugins('colorpicker', {
+        let colorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini', //颜色box类型
           alpha: true, //是否开启透明度
@@ -401,7 +401,7 @@ class GroundText extends Base {
       this._elms = this._EventBinding.element
 
       // 颜色组件
-      let colorPicker = new ewPlugins('colorpicker', {
+      let colorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName('color')[0],
         size: 'mini', //颜色box类型
         alpha: true, //是否开启透明度

src/Obj/Base/TextObject/GroundText/index2.js

@@ -164,7 +164,7 @@ class GroundText extends Base {
     })
     if (this._elms.color) {
       this._elms.color.forEach((item, i) => {
-        let colorPicker = new ewPlugins('colorpicker', {
+        let colorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini', //颜色box类型
           alpha: true, //是否开启透明度
@@ -302,7 +302,7 @@ class GroundText extends Base {
       this._elms = this._EventBinding.element
 
       // 颜色组件
-      let colorPicker = new ewPlugins('colorpicker', {
+      let colorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName('color')[0],
         size: 'mini', //颜色box类型
         alpha: true, //是否开启透明度

src/Obj/Base/TextObject/StandText/index.js

@@ -118,7 +118,7 @@ class StandText extends Base {
     this.entity.wall.material = this.getMaterial()
     if (this._elms.color) {
       this._elms.color.forEach((item, i) => {
-        let colorPicker = new ewPlugins('colorpicker', {
+        let colorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -403,7 +403,7 @@ class StandText extends Base {
       // 创建标签页
       // let tabsElm = new cy_tabs('radar-scan-edit-tabs')
       // 颜色组件
-      let colorPicker = new ewPlugins('colorpicker', {
+      let colorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("color")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -417,7 +417,7 @@ class StandText extends Base {
           this.color = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let labelColorPicker = new ewPlugins('colorpicker', {
+      let labelColorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelColor")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -431,7 +431,7 @@ class StandText extends Base {
           this.labelColor = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let lineColorPicker = new ewPlugins('colorpicker', {
+      let lineColorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelLineColor")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -445,7 +445,7 @@ class StandText extends Base {
           this.labelLineColor = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let labelBackgroundColorStartPicker = new ewPlugins('colorpicker', {
+      let labelBackgroundColorStartPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelBackgroundColorStart")[0],
         size: 'mini',
         alpha: true,
@@ -459,7 +459,7 @@ class StandText extends Base {
           this.labelBackgroundColorStart = 'rgba(255,255,255,1)'
         },
       })
-      let labelBackgroundColorEndPicker = new ewPlugins('colorpicker', {
+      let labelBackgroundColorEndPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelBackgroundColorEnd")[0],
         size: 'mini',
         alpha: true,

src/Obj/Base/TrajectoryMotion/index.js

@@ -1162,7 +1162,7 @@ class TrajectoryMotion extends Base {
     this.label && (this.label.color = v)
     if (this._elms.labelColor) {
       this._elms.labelColor.forEach((item, i) => {
-        let labelColorPicker = new ewPlugins('colorpicker', {
+        let labelColorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -1917,7 +1917,7 @@ class TrajectoryMotion extends Base {
         this._DialogObject._element.content.getElementsByClassName('model-rotate-btn')[0].className = 'btn model-rotate-btn'
       }
 
-      let labelColorPicker = new ewPlugins('colorpicker', {
+      let labelColorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelColor")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度

src/Obj/Base/WallRealStereoscopic/index.js

@@ -142,7 +142,7 @@ class WallRealStereoscopic extends Base {
 
     if (this._elms.color) {
       this._elms.color.forEach((item, i) => {
-        let colorPicker = new ewPlugins('colorpicker', {
+        let colorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: false,//是否开启透明度
@@ -287,7 +287,7 @@ class WallRealStereoscopic extends Base {
     this.label.color = v
     if (this._elms.labelColor) {
       this._elms.labelColor.forEach((item, i) => {
-        let labelColorPicker = new ewPlugins('colorpicker', {
+        let labelColorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -387,7 +387,7 @@ class WallRealStereoscopic extends Base {
     this.label.lineColor = v
     if (this._elms.labelLineColor) {
       this._elms.labelLineColor.forEach((item, i) => {
-        let lineColorPicker = new ewPlugins('colorpicker', {
+        let lineColorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -414,7 +414,7 @@ class WallRealStereoscopic extends Base {
     this.label.backgroundColor = [v, this.label.backgroundColor[1]]
     if (this._elms.labelBackgroundColorStart) {
       this._elms.labelBackgroundColorStart.forEach((item, i) => {
-        let labelBackgroundColorStartPicker = new ewPlugins('colorpicker', {
+        let labelBackgroundColorStartPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -440,7 +440,7 @@ class WallRealStereoscopic extends Base {
     this.label.backgroundColor = [this.label.backgroundColor[0], v]
     if (this._elms.labelBackgroundColorEnd) {
       this._elms.labelBackgroundColorEnd.forEach((item, i) => {
-        let labelBackgroundColorEndPicker = new ewPlugins('colorpicker', {
+        let labelBackgroundColorEndPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -1414,7 +1414,7 @@ class WallRealStereoscopic extends Base {
       // 创建标签页
       let tabsElm = new cy_tabs('radar-scan-edit-tabs', undefined, this.sdk)
       // 颜色组件
-      let colorPicker = new ewPlugins('colorpicker', {
+      let colorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("color")[0],
         size: 'mini',//颜色box类型
         alpha: false,//是否开启透明度
@@ -1428,7 +1428,7 @@ class WallRealStereoscopic extends Base {
           this.color = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let labelColorPicker = new ewPlugins('colorpicker', {
+      let labelColorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelColor")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -1442,7 +1442,7 @@ class WallRealStereoscopic extends Base {
           this.labelColor = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let lineColorPicker = new ewPlugins('colorpicker', {
+      let lineColorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelLineColor")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -1456,7 +1456,7 @@ class WallRealStereoscopic extends Base {
           this.labelLineColor = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let labelBackgroundColorStartPicker = new ewPlugins('colorpicker', {
+      let labelBackgroundColorStartPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelBackgroundColorStart")[0],
         size: 'mini',
         alpha: true,
@@ -1470,7 +1470,7 @@ class WallRealStereoscopic extends Base {
           this.labelBackgroundColorStart = 'rgba(255,255,255,1)'
         },
       })
-      let labelBackgroundColorEndPicker = new ewPlugins('colorpicker', {
+      let labelBackgroundColorEndPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelBackgroundColorEnd")[0],
         size: 'mini',
         alpha: true,

src/Obj/Base/WallRealStereoscopic/index2.js

@@ -92,7 +92,7 @@ class WallStereoscopic extends Base {
     this.entity.corridor.material = Cesium.Color.fromCssColorString(v)
     if (this._elms.color) {
       this._elms.color.forEach((item, i) => {
-        let colorPicker = new ewPlugins('colorpicker', {
+        let colorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -176,7 +176,7 @@ class WallStereoscopic extends Base {
     this.label.color = v
     if (this._elms.labelColor) {
       this._elms.labelColor.forEach((item, i) => {
-        let labelColorPicker = new ewPlugins('colorpicker', {
+        let labelColorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -276,7 +276,7 @@ class WallStereoscopic extends Base {
     this.label.lineColor = v
     if (this._elms.labelLineColor) {
       this._elms.labelLineColor.forEach((item, i) => {
-        let lineColorPicker = new ewPlugins('colorpicker', {
+        let lineColorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -303,7 +303,7 @@ class WallStereoscopic extends Base {
     this.label.backgroundColor = [v, this.label.backgroundColor[1]]
     if (this._elms.labelBackgroundColorStart) {
       this._elms.labelBackgroundColorStart.forEach((item, i) => {
-        let labelBackgroundColorStartPicker = new ewPlugins('colorpicker', {
+        let labelBackgroundColorStartPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -329,7 +329,7 @@ class WallStereoscopic extends Base {
     this.label.backgroundColor = [this.label.backgroundColor[0], v]
     if (this._elms.labelBackgroundColorEnd) {
       this._elms.labelBackgroundColorEnd.forEach((item, i) => {
-        let labelBackgroundColorEndPicker = new ewPlugins('colorpicker', {
+        let labelBackgroundColorEndPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -627,7 +627,7 @@ class WallStereoscopic extends Base {
       // 创建标签页
       let tabsElm = new cy_tabs('radar-scan-edit-tabs',undefined,this.sdk)
       // 颜色组件
-      let colorPicker = new ewPlugins('colorpicker', {
+      let colorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("color")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -641,7 +641,7 @@ class WallStereoscopic extends Base {
           this.color = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let labelColorPicker = new ewPlugins('colorpicker', {
+      let labelColorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelColor")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -655,7 +655,7 @@ class WallStereoscopic extends Base {
           this.labelColor = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let lineColorPicker = new ewPlugins('colorpicker', {
+      let lineColorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelLineColor")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -669,7 +669,7 @@ class WallStereoscopic extends Base {
           this.labelLineColor = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let labelBackgroundColorStartPicker = new ewPlugins('colorpicker', {
+      let labelBackgroundColorStartPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelBackgroundColorStart")[0],
         size: 'mini',
         alpha: true,
@@ -683,7 +683,7 @@ class WallStereoscopic extends Base {
           this.labelBackgroundColorStart = 'rgba(255,255,255,1)'
         },
       })
-      let labelBackgroundColorEndPicker = new ewPlugins('colorpicker', {
+      let labelBackgroundColorEndPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelBackgroundColorEnd")[0],
         size: 'mini',
         alpha: true,

src/Obj/Base/WallRealStereoscopic2/index.js

@@ -135,7 +135,7 @@ class WallRealStereoscopic extends Base {
 
     if (this._elms.color) {
       this._elms.color.forEach((item, i) => {
-        let colorPicker = new ewPlugins('colorpicker', {
+        let colorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: false,//是否开启透明度
@@ -262,7 +262,7 @@ class WallRealStereoscopic extends Base {
     this.label.color = v
     if (this._elms.labelColor) {
       this._elms.labelColor.forEach((item, i) => {
-        let labelColorPicker = new ewPlugins('colorpicker', {
+        let labelColorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -362,7 +362,7 @@ class WallRealStereoscopic extends Base {
     this.label.lineColor = v
     if (this._elms.labelLineColor) {
       this._elms.labelLineColor.forEach((item, i) => {
-        let lineColorPicker = new ewPlugins('colorpicker', {
+        let lineColorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -389,7 +389,7 @@ class WallRealStereoscopic extends Base {
     this.label.backgroundColor = [v, this.label.backgroundColor[1]]
     if (this._elms.labelBackgroundColorStart) {
       this._elms.labelBackgroundColorStart.forEach((item, i) => {
-        let labelBackgroundColorStartPicker = new ewPlugins('colorpicker', {
+        let labelBackgroundColorStartPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -415,7 +415,7 @@ class WallRealStereoscopic extends Base {
     this.label.backgroundColor = [this.label.backgroundColor[0], v]
     if (this._elms.labelBackgroundColorEnd) {
       this._elms.labelBackgroundColorEnd.forEach((item, i) => {
-        let labelBackgroundColorEndPicker = new ewPlugins('colorpicker', {
+        let labelBackgroundColorEndPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -1363,7 +1363,7 @@ class WallRealStereoscopic extends Base {
       // 创建标签页
       let tabsElm = new cy_tabs('radar-scan-edit-tabs', undefined, this.sdk)
       // 颜色组件
-      let colorPicker = new ewPlugins('colorpicker', {
+      let colorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("color")[0],
         size: 'mini',//颜色box类型
         alpha: false,//是否开启透明度
@@ -1377,7 +1377,7 @@ class WallRealStereoscopic extends Base {
           this.color = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let labelColorPicker = new ewPlugins('colorpicker', {
+      let labelColorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelColor")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -1391,7 +1391,7 @@ class WallRealStereoscopic extends Base {
           this.labelColor = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let lineColorPicker = new ewPlugins('colorpicker', {
+      let lineColorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelLineColor")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -1405,7 +1405,7 @@ class WallRealStereoscopic extends Base {
           this.labelLineColor = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let labelBackgroundColorStartPicker = new ewPlugins('colorpicker', {
+      let labelBackgroundColorStartPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelBackgroundColorStart")[0],
         size: 'mini',
         alpha: true,
@@ -1419,7 +1419,7 @@ class WallRealStereoscopic extends Base {
           this.labelBackgroundColorStart = 'rgba(255,255,255,1)'
         },
       })
-      let labelBackgroundColorEndPicker = new ewPlugins('colorpicker', {
+      let labelBackgroundColorEndPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelBackgroundColorEnd")[0],
         size: 'mini',
         alpha: true,

src/Obj/Base/WallRealStereoscopic2/index2.js

@@ -92,7 +92,7 @@ class WallStereoscopic extends Base {
     this.entity.corridor.material = Cesium.Color.fromCssColorString(v)
     if (this._elms.color) {
       this._elms.color.forEach((item, i) => {
-        let colorPicker = new ewPlugins('colorpicker', {
+        let colorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -176,7 +176,7 @@ class WallStereoscopic extends Base {
     this.label.color = v
     if (this._elms.labelColor) {
       this._elms.labelColor.forEach((item, i) => {
-        let labelColorPicker = new ewPlugins('colorpicker', {
+        let labelColorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -276,7 +276,7 @@ class WallStereoscopic extends Base {
     this.label.lineColor = v
     if (this._elms.labelLineColor) {
       this._elms.labelLineColor.forEach((item, i) => {
-        let lineColorPicker = new ewPlugins('colorpicker', {
+        let lineColorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -303,7 +303,7 @@ class WallStereoscopic extends Base {
     this.label.backgroundColor = [v, this.label.backgroundColor[1]]
     if (this._elms.labelBackgroundColorStart) {
       this._elms.labelBackgroundColorStart.forEach((item, i) => {
-        let labelBackgroundColorStartPicker = new ewPlugins('colorpicker', {
+        let labelBackgroundColorStartPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -329,7 +329,7 @@ class WallStereoscopic extends Base {
     this.label.backgroundColor = [this.label.backgroundColor[0], v]
     if (this._elms.labelBackgroundColorEnd) {
       this._elms.labelBackgroundColorEnd.forEach((item, i) => {
-        let labelBackgroundColorEndPicker = new ewPlugins('colorpicker', {
+        let labelBackgroundColorEndPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -627,7 +627,7 @@ class WallStereoscopic extends Base {
       // 创建标签页
       let tabsElm = new cy_tabs('radar-scan-edit-tabs',undefined,this.sdk)
       // 颜色组件
-      let colorPicker = new ewPlugins('colorpicker', {
+      let colorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("color")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -641,7 +641,7 @@ class WallStereoscopic extends Base {
           this.color = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let labelColorPicker = new ewPlugins('colorpicker', {
+      let labelColorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelColor")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -655,7 +655,7 @@ class WallStereoscopic extends Base {
           this.labelColor = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let lineColorPicker = new ewPlugins('colorpicker', {
+      let lineColorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelLineColor")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -669,7 +669,7 @@ class WallStereoscopic extends Base {
           this.labelLineColor = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let labelBackgroundColorStartPicker = new ewPlugins('colorpicker', {
+      let labelBackgroundColorStartPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelBackgroundColorStart")[0],
         size: 'mini',
         alpha: true,
@@ -683,7 +683,7 @@ class WallStereoscopic extends Base {
           this.labelBackgroundColorStart = 'rgba(255,255,255,1)'
         },
       })
-      let labelBackgroundColorEndPicker = new ewPlugins('colorpicker', {
+      let labelBackgroundColorEndPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelBackgroundColorEnd")[0],
         size: 'mini',
         alpha: true,

src/Obj/Base/WallStereoscopic/index.js

@@ -117,7 +117,7 @@ class WallStereoscopic extends Base {
     this.entity.polylineVolume.material = this.getMaterial()
     if (this._elms.color) {
       this._elms.color.forEach((item, i) => {
-        let colorPicker = new ewPlugins('colorpicker', {
+        let colorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -225,7 +225,7 @@ class WallStereoscopic extends Base {
     this.label.color = v
     if (this._elms.labelColor) {
       this._elms.labelColor.forEach((item, i) => {
-        let labelColorPicker = new ewPlugins('colorpicker', {
+        let labelColorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -325,7 +325,7 @@ class WallStereoscopic extends Base {
     this.label.lineColor = v
     if (this._elms.labelLineColor) {
       this._elms.labelLineColor.forEach((item, i) => {
-        let lineColorPicker = new ewPlugins('colorpicker', {
+        let lineColorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -352,7 +352,7 @@ class WallStereoscopic extends Base {
     this.label.backgroundColor = [v, this.label.backgroundColor[1]]
     if (this._elms.labelBackgroundColorStart) {
       this._elms.labelBackgroundColorStart.forEach((item, i) => {
-        let labelBackgroundColorStartPicker = new ewPlugins('colorpicker', {
+        let labelBackgroundColorStartPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -378,7 +378,7 @@ class WallStereoscopic extends Base {
     this.label.backgroundColor = [this.label.backgroundColor[0], v]
     if (this._elms.labelBackgroundColorEnd) {
       this._elms.labelBackgroundColorEnd.forEach((item, i) => {
-        let labelBackgroundColorEndPicker = new ewPlugins('colorpicker', {
+        let labelBackgroundColorEndPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -900,7 +900,7 @@ class WallStereoscopic extends Base {
       // 创建标签页
       let tabsElm = new cy_tabs('radar-scan-edit-tabs', undefined, this.sdk)
       // 颜色组件
-      let colorPicker = new ewPlugins('colorpicker', {
+      let colorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("color")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -914,7 +914,7 @@ class WallStereoscopic extends Base {
           this.color = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let labelColorPicker = new ewPlugins('colorpicker', {
+      let labelColorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelColor")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -928,7 +928,7 @@ class WallStereoscopic extends Base {
           this.labelColor = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let lineColorPicker = new ewPlugins('colorpicker', {
+      let lineColorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelLineColor")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -942,7 +942,7 @@ class WallStereoscopic extends Base {
           this.labelLineColor = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let labelBackgroundColorStartPicker = new ewPlugins('colorpicker', {
+      let labelBackgroundColorStartPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelBackgroundColorStart")[0],
         size: 'mini',
         alpha: true,
@@ -956,7 +956,7 @@ class WallStereoscopic extends Base {
           this.labelBackgroundColorStart = 'rgba(255,255,255,1)'
         },
       })
-      let labelBackgroundColorEndPicker = new ewPlugins('colorpicker', {
+      let labelBackgroundColorEndPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelBackgroundColorEnd")[0],
         size: 'mini',
         alpha: true,

src/Obj/Base/WallStereoscopic/index2.js

@@ -92,7 +92,7 @@ class WallStereoscopic extends Base {
     this.entity.corridor.material = Cesium.Color.fromCssColorString(v)
     if (this._elms.color) {
       this._elms.color.forEach((item, i) => {
-        let colorPicker = new ewPlugins('colorpicker', {
+        let colorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -176,7 +176,7 @@ class WallStereoscopic extends Base {
     this.label.color = v
     if (this._elms.labelColor) {
       this._elms.labelColor.forEach((item, i) => {
-        let labelColorPicker = new ewPlugins('colorpicker', {
+        let labelColorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -276,7 +276,7 @@ class WallStereoscopic extends Base {
     this.label.lineColor = v
     if (this._elms.labelLineColor) {
       this._elms.labelLineColor.forEach((item, i) => {
-        let lineColorPicker = new ewPlugins('colorpicker', {
+        let lineColorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -303,7 +303,7 @@ class WallStereoscopic extends Base {
     this.label.backgroundColor = [v, this.label.backgroundColor[1]]
     if (this._elms.labelBackgroundColorStart) {
       this._elms.labelBackgroundColorStart.forEach((item, i) => {
-        let labelBackgroundColorStartPicker = new ewPlugins('colorpicker', {
+        let labelBackgroundColorStartPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -329,7 +329,7 @@ class WallStereoscopic extends Base {
     this.label.backgroundColor = [this.label.backgroundColor[0], v]
     if (this._elms.labelBackgroundColorEnd) {
       this._elms.labelBackgroundColorEnd.forEach((item, i) => {
-        let labelBackgroundColorEndPicker = new ewPlugins('colorpicker', {
+        let labelBackgroundColorEndPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -633,7 +633,7 @@ class WallStereoscopic extends Base {
       // 创建标签页
       let tabsElm = new cy_tabs('radar-scan-edit-tabs',undefined,this.sdk)
       // 颜色组件
-      let colorPicker = new ewPlugins('colorpicker', {
+      let colorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("color")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -647,7 +647,7 @@ class WallStereoscopic extends Base {
           this.color = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let labelColorPicker = new ewPlugins('colorpicker', {
+      let labelColorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelColor")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -661,7 +661,7 @@ class WallStereoscopic extends Base {
           this.labelColor = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let lineColorPicker = new ewPlugins('colorpicker', {
+      let lineColorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelLineColor")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -675,7 +675,7 @@ class WallStereoscopic extends Base {
           this.labelLineColor = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let labelBackgroundColorStartPicker = new ewPlugins('colorpicker', {
+      let labelBackgroundColorStartPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelBackgroundColorStart")[0],
         size: 'mini',
         alpha: true,
@@ -689,7 +689,7 @@ class WallStereoscopic extends Base {
           this.labelBackgroundColorStart = 'rgba(255,255,255,1)'
         },
       })
-      let labelBackgroundColorEndPicker = new ewPlugins('colorpicker', {
+      let labelBackgroundColorEndPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelBackgroundColorEnd")[0],
         size: 'mini',
         alpha: true,

src/Obj/Base/WallStereoscopic2/index.js

@@ -112,7 +112,7 @@ class WallStereoscopic2 extends Base {
     this.entity.polylineVolume.material = this.getMaterial()
     if (this._elms.color) {
       this._elms.color.forEach((item, i) => {
-        let colorPicker = new ewPlugins('colorpicker', {
+        let colorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -195,7 +195,7 @@ class WallStereoscopic2 extends Base {
     this.label.color = v
     if (this._elms.labelColor) {
       this._elms.labelColor.forEach((item, i) => {
-        let labelColorPicker = new ewPlugins('colorpicker', {
+        let labelColorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -295,7 +295,7 @@ class WallStereoscopic2 extends Base {
     this.label.lineColor = v
     if (this._elms.labelLineColor) {
       this._elms.labelLineColor.forEach((item, i) => {
-        let lineColorPicker = new ewPlugins('colorpicker', {
+        let lineColorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -322,7 +322,7 @@ class WallStereoscopic2 extends Base {
     this.label.backgroundColor = [v, this.label.backgroundColor[1]]
     if (this._elms.labelBackgroundColorStart) {
       this._elms.labelBackgroundColorStart.forEach((item, i) => {
-        let labelBackgroundColorStartPicker = new ewPlugins('colorpicker', {
+        let labelBackgroundColorStartPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -348,7 +348,7 @@ class WallStereoscopic2 extends Base {
     this.label.backgroundColor = [this.label.backgroundColor[0], v]
     if (this._elms.labelBackgroundColorEnd) {
       this._elms.labelBackgroundColorEnd.forEach((item, i) => {
-        let labelBackgroundColorEndPicker = new ewPlugins('colorpicker', {
+        let labelBackgroundColorEndPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -889,7 +889,7 @@ class WallStereoscopic2 extends Base {
       // 创建标签页
       let tabsElm = new cy_tabs('radar-scan-edit-tabs', undefined, this.sdk)
       // 颜色组件
-      let colorPicker = new ewPlugins('colorpicker', {
+      let colorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("color")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -903,7 +903,7 @@ class WallStereoscopic2 extends Base {
           this.color = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let labelColorPicker = new ewPlugins('colorpicker', {
+      let labelColorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelColor")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -917,7 +917,7 @@ class WallStereoscopic2 extends Base {
           this.labelColor = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let lineColorPicker = new ewPlugins('colorpicker', {
+      let lineColorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelLineColor")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -931,7 +931,7 @@ class WallStereoscopic2 extends Base {
           this.labelLineColor = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let labelBackgroundColorStartPicker = new ewPlugins('colorpicker', {
+      let labelBackgroundColorStartPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelBackgroundColorStart")[0],
         size: 'mini',
         alpha: true,
@@ -945,7 +945,7 @@ class WallStereoscopic2 extends Base {
           this.labelBackgroundColorStart = 'rgba(255,255,255,1)'
         },
       })
-      let labelBackgroundColorEndPicker = new ewPlugins('colorpicker', {
+      let labelBackgroundColorEndPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelBackgroundColorEnd")[0],
         size: 'mini',
         alpha: true,

src/Obj/Base/WallStereoscopic2/index2.js

@@ -92,7 +92,7 @@ class WallStereoscopic extends Base {
     this.entity.corridor.material = Cesium.Color.fromCssColorString(v)
     if (this._elms.color) {
       this._elms.color.forEach((item, i) => {
-        let colorPicker = new ewPlugins('colorpicker', {
+        let colorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -176,7 +176,7 @@ class WallStereoscopic extends Base {
     this.label.color = v
     if (this._elms.labelColor) {
       this._elms.labelColor.forEach((item, i) => {
-        let labelColorPicker = new ewPlugins('colorpicker', {
+        let labelColorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -276,7 +276,7 @@ class WallStereoscopic extends Base {
     this.label.lineColor = v
     if (this._elms.labelLineColor) {
       this._elms.labelLineColor.forEach((item, i) => {
-        let lineColorPicker = new ewPlugins('colorpicker', {
+        let lineColorPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -303,7 +303,7 @@ class WallStereoscopic extends Base {
     this.label.backgroundColor = [v, this.label.backgroundColor[1]]
     if (this._elms.labelBackgroundColorStart) {
       this._elms.labelBackgroundColorStart.forEach((item, i) => {
-        let labelBackgroundColorStartPicker = new ewPlugins('colorpicker', {
+        let labelBackgroundColorStartPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -329,7 +329,7 @@ class WallStereoscopic extends Base {
     this.label.backgroundColor = [this.label.backgroundColor[0], v]
     if (this._elms.labelBackgroundColorEnd) {
       this._elms.labelBackgroundColorEnd.forEach((item, i) => {
-        let labelBackgroundColorEndPicker = new ewPlugins('colorpicker', {
+        let labelBackgroundColorEndPicker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -627,7 +627,7 @@ class WallStereoscopic extends Base {
       // 创建标签页
       let tabsElm = new cy_tabs('radar-scan-edit-tabs',undefined,this.sdk)
       // 颜色组件
-      let colorPicker = new ewPlugins('colorpicker', {
+      let colorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("color")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -641,7 +641,7 @@ class WallStereoscopic extends Base {
           this.color = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let labelColorPicker = new ewPlugins('colorpicker', {
+      let labelColorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelColor")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -655,7 +655,7 @@ class WallStereoscopic extends Base {
           this.labelColor = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let lineColorPicker = new ewPlugins('colorpicker', {
+      let lineColorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelLineColor")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度
@@ -669,7 +669,7 @@ class WallStereoscopic extends Base {
           this.labelLineColor = 'rgba(255,255,255,1)'
         },//点击清空按钮事件回调
       })
-      let labelBackgroundColorStartPicker = new ewPlugins('colorpicker', {
+      let labelBackgroundColorStartPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelBackgroundColorStart")[0],
         size: 'mini',
         alpha: true,
@@ -683,7 +683,7 @@ class WallStereoscopic extends Base {
           this.labelBackgroundColorStart = 'rgba(255,255,255,1)'
         },
       })
-      let labelBackgroundColorEndPicker = new ewPlugins('colorpicker', {
+      let labelBackgroundColorEndPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("labelBackgroundColorEnd")[0],
         size: 'mini',
         alpha: true,

src/Obj/Base/WaterSurface/index.js

@@ -105,7 +105,7 @@ class WaterSurface extends Base {
     this.entity && (this.entity.appearance.material.uniforms.baseWaterColor = Cesium.Color.fromCssColorString(v))
     if (this._elms.color) {
       this._elms.color.forEach((item, i) => {
-        let picker = new ewPlugins('colorpicker', {
+        let picker = new YJColorPicker({
           el: item.el,
           size: 'mini',//颜色box类型
           alpha: true,//是否开启透明度
@@ -232,7 +232,7 @@ class WaterSurface extends Base {
       contentElm.innerHTML = html()
       this._DialogObject.contentAppChild(contentElm)
       // 颜色组件
-      let waterColorPicker = new ewPlugins('colorpicker', {
+      let waterColorPicker = new YJColorPicker({
         el: contentElm.getElementsByClassName("water-color")[0],
         size: 'mini',//颜色box类型
         alpha: true,//是否开启透明度

src/Obj/Element/yj-color-picker.js

@@ -8,63 +8,87 @@ class YJColorPicker {
       isLog: false,
       disabled: options.disabled || false, //是否禁止打开颜色选择器
       alpha: false, //是否开启透明度
-      sure: (color) => {
+      clickDefineColor: clickDefineColor,
+      hasClear: true,
+      openPickerAni: 'opacity',
+      defaultColor: options.defaultColor || '#ffffff',
+      startMainCallback: (t) => {
+        customizeStyle()
+      }
+    }
+    this.el = options.el
+    if (options.sure) {
+      config.sure = (color) => {
+        this.colorPicker.config.defaultColor = this.colorPicker.pickerInput.value
+        let c = Cesium.Color.fromCssColorString(color)
         if (pickAlphaInput) {
-          let c = Cesium.Color.fromCssColorString(color).withAlpha(pickAlphaInput.value / 100)
+          c = c.withAlpha(pickAlphaInput.value / 100)
           this.pickAlphaInputValue = pickAlphaInput.value
-          color = c.toCssHexString()
         }
-        if (options.sure && typeof options.sure == 'function') {
+        color = c.toCssHexString()
+        if (typeof options.sure == 'function') {
           options.sure(color)
         }
-        setTimeout(() => {
+        customizeStyle()
-          customizeStyle()
+      }
-        }, this.colorPicker.config.pickerAnimationTime);
-      },
-      clear: () => {
-        options.clear()
-      },
-      close: () => {
-        pickAlphaInput.value = this.pickAlphaInputValue
-      },
-      clickDefineColor: clickDefineColor,
-      hasClear: false,
-      defaultColor: options.defaultColor || '#ffffff'
     }
-    let CesiumColor = Cesium.Color.fromCssColorString(options.defaultColor)
+    if (options.clear) {
+      config.clear = () => {
+        if (pickAlphaInput) {
+          pickAlphaInput.value = this.pickAlphaInputValue = 100
+        }
+        customizeStyle()
+        if (typeof options.clear == 'function') {
+          options.clear()
+        }
+        // setTimeout(() => {
+        //   this.pickAlphaInputValue = 100
+        //   this.colorPicker.$Dom.pickerInput.value = ''
+        //   if (options.clear && typeof options.clear == 'function') {
+        //     options.clear()
+        //   }
+        //   customizeStyle()
+        // }, this.colorPicker.config.pickerAnimationTime);
+      }
+    }
+    let CesiumColor = Cesium.Color.fromCssColorString(config.defaultColor)
     if (!CesiumColor) {
       config.defaultColor = '#ffffff'
       CesiumColor = Cesium.Color.fromCssColorString(config.defaultColor)
     }
-    if (options.predefineColor) {
+    // if (options.predefineColor) {
-      config.predefineColor = ['rgba(255, 255, 255, 1)', 'rgba(255, 0, 0, 1)', 'rgba(208, 132, 209, 1)', 'rgba(100, 182, 217, 1)', 'rgba(42, 130, 228, 1)', 'rgba(214, 36, 36, 1)', 'rgba(252, 222, 111, 1)', 'rgba(67, 207, 124, 1)', 'rgba(176, 243, 143, 1)', 'rgba(121, 72, 234, 1)', 'rgba(255, 195, 0, 1)', 'rgba(0, 186, 173, 1)', 'rgba(165, 214, 63, 1)', 'rgba(0, 0, 0, 1)', 'rgba(46, 47, 51, 1)', 'rgba(172, 51, 193, 1)', 'rgba(130, 21, 21, 1)', 'rgba(255, 87, 51, 1)', 'rgba(255, 140, 0, 1)', 'rgba(125, 191, 255, 1)']
+    //   config.predefineColor = ['rgba(255, 255, 255, 1)', 'rgba(255, 0, 0, 1)', 'rgba(208, 132, 209, 1)', 'rgba(100, 182, 217, 1)', 'rgba(42, 130, 228, 1)', 'rgba(214, 36, 36, 1)', 'rgba(252, 222, 111, 1)', 'rgba(67, 207, 124, 1)', 'rgba(176, 243, 143, 1)', 'rgba(121, 72, 234, 1)', 'rgba(255, 195, 0, 1)', 'rgba(0, 186, 173, 1)', 'rgba(165, 214, 63, 1)', 'rgba(0, 0, 0, 1)', 'rgba(46, 47, 51, 1)', 'rgba(172, 51, 193, 1)', 'rgba(130, 21, 21, 1)', 'rgba(255, 87, 51, 1)', 'rgba(255, 140, 0, 1)', 'rgba(125, 191, 255, 1)']
-    }
+    // }
-    this.colorPicker = new ewColorPicker(config)
+    config.predefineColor = ['rgba(255, 255, 255, 1)', 'rgba(255, 0, 0, 1)', 'rgba(208, 132, 209, 1)', 'rgba(100, 182, 217, 1)', 'rgba(42, 130, 228, 1)', 'rgba(214, 36, 36, 1)', 'rgba(252, 222, 111, 1)', 'rgba(67, 207, 124, 1)', 'rgba(176, 243, 143, 1)', 'rgba(121, 72, 234, 1)', 'rgba(255, 195, 0, 1)', 'rgba(0, 186, 173, 1)', 'rgba(165, 214, 63, 1)', 'rgba(0, 0, 0, 1)', 'rgba(46, 47, 51, 1)', 'rgba(172, 51, 193, 1)', 'rgba(130, 21, 21, 1)', 'rgba(255, 87, 51, 1)', 'rgba(255, 140, 0, 1)', 'rgba(125, 191, 255, 1)']
+    this.colorPicker = new ewPlugins('colorpicker', config)
     window.colorPicker = this.colorPicker
-    console.log('this.colorPicker', this.colorPicker, this.colorPicker.$Dom.pickerInput)
 
     customizeStyle()
 
     function customizeStyle() {
+      if (!_this.colorPicker) {
+        return
+      }
       let isSubtract = false
-      let box = _this.colorPicker.$Dom.box
+      let box = _this.colorPicker.box
-      let picker = _this.colorPicker.$Dom.picker
+      let picker = _this.colorPicker.picker
-      picker.style.minWidth = '300px'
+      picker.style.minWidth = '325px'
       let pickerContent = picker.getElementsByClassName('ew-color-picker-content')[0]
       let pickAlphaSliderBar = picker.getElementsByClassName('ew-alpha-slider-bar')[0]
       if (pickAlphaSliderBar) {
         pickAlphaSliderBar.parentNode.style.width = '16px'
         pickAlphaSliderBar.parentNode.removeChild(pickAlphaSliderBar)
       }
-      let customDivider = document.createElement('span')
+      // let customDivider = document.createElement('span')
-      customDivider.className = 'custom-divider'
+      // customDivider.className = 'custom-divider'
-      pickerContent.parentNode.insertBefore(customDivider, pickerContent.nextSibling)
+      // customDivider.style.margin = '10px 0'
+      // pickerContent.parentNode.insertBefore(customDivider, pickerContent.nextSibling)
       let pickPen = document.createElement('div')
       pickPen.className = 'icon-pen-box'
       pickPen.innerHTML = '<svg class="icon-pen"><use xlink:href="#yj-icon-pen"></use></svg>'
-      let pickerInput = _this.colorPicker.$Dom.pickerInput
+      let pickerInput = _this.colorPicker.pickerInput
       pickerInput.parentNode.insertBefore(pickPen, pickerInput)
-      pickerInput.style.width = 'calc(77% - 24px)'
+      pickerInput.style.width = '188px'
 
       if (options.alpha) {
         let pickAlpha = document.createElement('div')
@@ -74,9 +98,25 @@ class YJColorPicker {
         <span class="unit">%</span>
         <span class="arrow"></span>`
         pickerInput.parentNode.insertBefore(pickAlpha, pickerInput.nextSibling)
-        pickerInput.style.width = '39%'
+        pickerInput.style.width = '106px'
-        pickAlpha.style.width = 'calc(32% - 12px)'
+        pickAlpha.style.width = '80px'
         pickAlphaInput = pickAlpha.getElementsByClassName('input')[0]
+        pickAlphaInput.addEventListener('blur', (e) => {
+          let value = e.target.value
+          if (e.target.value || (e.target.dataset.null !== 'undefined' && e.target.dataset.null !== '' && !Boolean(e.target.dataset.null))) {
+            value = Number(value)
+            if ((e.target.max) && value > Number(e.target.max)) {
+              value = Number(e.target.max)
+            }
+            if ((e.target.min) && value < Number(e.target.min)) {
+              value = Number(e.target.min)
+            }
+            if ((e.target.dataset.min) && value < Number(e.target.dataset.min)) {
+              value = Number(e.target.dataset.min)
+            }
+            pickAlphaInput.value = value
+          }
+        })
         if (_this.pickAlphaInputValue || _this.pickAlphaInputValue === 0 || _this.pickAlphaInputValue === '0') {
           pickAlphaInput.value = Number(Number(_this.pickAlphaInputValue).toFixed(2))
         }
@@ -84,10 +124,11 @@ class YJColorPicker {
           pickAlphaInput.value = Number((CesiumColor.alpha * 100).toFixed(2))
         }
         _this.pickAlphaInputValue = pickAlphaInput.value
-        box.style.background = Cesium.Color.fromCssColorString(_this.colorPicker._privateConfig.colorValue).withAlpha(pickAlphaInput.value / 100).toCssColorString()
+        box.style.background = Cesium.Color.fromCssColorString(_this.colorPicker.config.defaultColor || '#ffffff').withAlpha(pickAlphaInput.value / 100).toCssColorString()
       }
       else {
         CesiumColor = CesiumColor.withAlpha(1)
+        box.style.background = Cesium.Color.fromCssColorString(_this.colorPicker.config.defaultColor || '#ffffff').toCssColorString()
       }
 
       let defineColorContainer = picker.getElementsByClassName('ew-pre-define-color-container')[0]
@@ -101,6 +142,7 @@ class YJColorPicker {
         }
         let customDivider2 = document.createElement('span')
         customDivider2.className = 'custom-divider'
+        customDivider2.style.margin = '10px 0'
         let customDivider3 = document.createElement('span')
         customDivider3.className = 'custom-divider'
         defineColorContainer.parentNode.insertBefore(customDivider2, defineColorContainer)
@@ -124,6 +166,8 @@ class YJColorPicker {
         for (let key in colorList) {
           let colorElm = document.createElement('div')
           colorElm.className = 'yj-pre-collect-color'
+          colorElm.setAttribute('tabindex', '0')
+          colorElm.setAttribute('color-box-id', _this.colorPicker.uid)
           let colorItemElm = document.createElement('div')
           colorItemElm.className = 'yj-pre-define-color-item'
           colorElm.appendChild(colorItemElm)
@@ -131,10 +175,14 @@ class YJColorPicker {
           let c = Cesium.Color.fromCssColorString(colorList[key])
           let colorString = c.toCssHexString()
           colorItemElm.style.backgroundColor = colorString
-          colorItemElm.addEventListener('click', () => {
+          colorItemElm.addEventListener('click', (e) => {
-            _this.colorPicker.updateColor(c.toCssColorString())
+            _this.colorPicker.updateColor(e)
+            colorElm.className = 'yj-pre-collect-color yj-pre-collect-color-active'
             clickDefineColor(colorString)
           })
+          colorElm.addEventListener("blur", function (e) {
+            colorElm.className = 'yj-pre-collect-color'
+          })
 
           let subtractElm = document.createElement('div')
           subtractElm.className = 'yj-pre-define-color-item subtract-btn'
@@ -161,20 +209,27 @@ class YJColorPicker {
           }
           let colorElm = document.createElement('div')
           colorElm.className = 'yj-pre-collect-color'
+          colorElm.setAttribute('tabindex', '0')
+          colorElm.setAttribute('color-box-id', _this.colorPicker.uid)
           let colorItemElm = document.createElement('div')
           colorItemElm.className = 'yj-pre-define-color-item'
           colorElm.appendChild(colorItemElm)
 
-          let c = Cesium.Color.fromCssColorString(_this.colorPicker.prevInputValue)
+          let color = colorRgbaToHex(colorHsbaToRgba(_this.colorPicker.hsba))
+          let c = Cesium.Color.fromCssColorString(color || '#ffffff')
           if (pickAlphaInput) {
             c = c.withAlpha(pickAlphaInput.value / 100)
           }
           let colorString = c.toCssHexString()
           colorItemElm.style.backgroundColor = colorString
-          colorItemElm.addEventListener('click', () => {
+          colorItemElm.addEventListener('click', (e) => {
-            _this.colorPicker.updateColor(c.toCssColorString())
+            _this.colorPicker.updateColor(e)
+            colorElm.className = 'yj-pre-collect-color yj-pre-collect-color-active'
             clickDefineColor(colorString)
           })
+          colorElm.addEventListener("blur", function (e) {
+            colorElm.className = 'yj-pre-collect-color'
+          })
           collectColorContainer.appendChild(colorElm)
 
           let subtractElm = document.createElement('div')
@@ -216,6 +271,58 @@ class YJColorPicker {
         pickAlphaInput.value = c.alpha * 100
       }
     }
+
+    function colorHsbaToRgba(e) {
+      var r, n, o, i = e.a, a = Math.round(e.h), s = Math.round(255 * e.s / 100), l = Math.round(255 * e.b / 100);
+      if (0 === s)
+        r = n = o = l;
+      else {
+        var c = (255 - s) * l / 255
+          , d = a % 60 * (l - c) / 60;
+        360 === a ? (r = l,
+          n = o = 0) : a < 60 ? (r = l,
+            n = c + d,
+            o = c) : a < 120 ? (r = l - d,
+              n = l,
+              o = c) : a < 180 ? (r = c,
+                n = l,
+                o = c + d) : a < 240 ? (r = c,
+                  n = l - d,
+                  o = l) : a < 300 ? (r = c + d,
+                    n = c,
+                    o = l) : a < 360 ? (r = l,
+                      n = c,
+                      o = l - d) : r = n = o = 0
+      }
+      return "rgba(" + Math.round(r) + "," + Math.round(n) + "," + Math.round(o) + "," + i + ")"
+    }
+
+    function colorRgbaToHex(e) {
+      var t = {
+        10: "A",
+        11: "B",
+        12: "C",
+        13: "D",
+        14: "E",
+        15: "F"
+      };
+      if (/rgba?/.test(e)) {
+        var r = e.replace(/rgba?\(/, "").replace(/\)/, "").replace(/[\s+]/g, "").split(",")
+          , n = "";
+        r[3];
+        return r.map(function (e, r) {
+          r <= 2 && (n += function (e) {
+            e = Math.min(Math.round(e), 255);
+            var r = Math.floor(e / 16)
+              , n = e % 16;
+            return "" + (t[r] || r) + (t[n] || n)
+          }(e))
+        }),
+          "#" + n
+      }
+    }
   }
 }
+
+window.YJColorPicker = YJColorPicker
 export default YJColorPicker

src/Obj/Materail/FlowDashedLineFlowMaterialProperty.js

@@ -10,12 +10,14 @@ function FlowDashedLine() {
       this._uType = undefined;
       this._space = undefined;
       this._dashSize = undefined;
+      this._scale = undefined;
       this.color = new Cesium.Color.fromCssColorString(options.color || "rgba(255,255,255,1)");
       this.speed = options.speed != undefined ? options.speed : 1.0;//速度
       this.space = options.space || 0.0;//速度
       this.dashSize = options.dashSize || 0.03;//速度
       this.uType = options.uType === undefined ? 1 : options.uType;//类型：0：普通流动线 1：虚化虚线
       this.lineBackAlpha = options.lineBackAlpha || 0.05;
+      this.scale = options.scale || 1.0;
     }
 
     get isConstant() {
@@ -65,6 +67,12 @@ function FlowDashedLine() {
         1,
         result.uType
       );
+      result.scale = Cesium.Property.getValueOrDefault(
+        this._scale,
+        time,
+        1.0,
+        result.scale
+      );
       result.lineBackAlpha = this.lineBackAlpha;
       result.frameNumber = Cesium.getTimestamp();
       return result;
@@ -77,7 +85,8 @@ function FlowDashedLine() {
           Cesium.Property.equals(this._color, other._color) &&
           Cesium.Property.equals(this._speed, other.speed) &&
           Cesium.Property.equals(this._uType, other.uType) &&
-          Cesium.Property.equals(this.lineBackAlpha, other.lineBackAlpha))
+          Cesium.Property.equals(this._lineBackAlpha, other.lineBackAlpha) &&
+          Cesium.Property.equals(this._scale, other.scale))
       );
     }
   }
@@ -89,6 +98,7 @@ function FlowDashedLine() {
     dashSize: Cesium.createPropertyDescriptor("dashSize"),
     uType: Cesium.createPropertyDescriptor("uType"),
     transparency: Cesium.createPropertyDescriptor("lineBackAlpha"),
+    scale: Cesium.createPropertyDescriptor("scale"),
   });
 
   Cesium.FlowDashedLineFlowMaterialProperty = FlowDashedLineFlowMaterialProperty;
@@ -108,7 +118,7 @@ function FlowDashedLine() {
             float dashSize = 0.1;
             float gapSize = space;
             // speed现在表示完成一次完整动画循环的秒数
-            float progress = speed==0.0 ? 0.0 : fract(frameNumber / 1000.0 / speed);
+            float progress = speed==0.0 ? 0.0 : fract(frameNumber / 1000.0 / speed * scale);
             float pattern = fract(st.x / dashSize * (1.0 + gapSize) + progress / dashSize * (1.0 + gapSize));
             float dash1 = step(0.0, pattern) - step(1.0/(1.0 + gapSize), pattern);
             float dash2 = smoothstep(0.0, 0.2, pattern) -
@@ -131,6 +141,7 @@ function FlowDashedLine() {
           color: new Cesium.Color(1.0, 1.0, 1.0, 1.0),
           speed: 1,
           space: 0.0,
+          scale: 1.0,
           dashSize: 0.03,
           frameNumber: Cesium.getTimestamp(),
           uType: 1,

src/Tools/index.js

@@ -586,6 +586,17 @@ class Tools {
 
   getMaterial(color = '#2ab0c2', type = 0, entity = null, newParam = {}) {
     let material = ''
+    let arr = {
+      '7': 10,
+      '8': 3,
+      '9': 4,
+      '10': 4,
+      '11': 4,
+      '12': 2
+    }
+    if (entity) {
+      arr[type + ''] ? (entity.polyline.width = entity.polyline.oriWidth + arr[type + '']) : (entity.polyline.width = entity.polyline.oriWidth)
+    }
 
     switch (Number(type)) {
 
@@ -616,22 +627,48 @@ class Tools {
         })
         break
       case 5: //普通流动虚线
-        material = new Cesium.FlowDashedLineFlowMaterialProperty({
+      // material = new Cesium.FlowDashedLineFlowMaterialProperty({
-          color: color,
+      //   color: color,
-          uType: 0,
+      //   uType: 0,
-          speed: newParam.rotate ? newParam.speed : 0 - newParam.speed,
+      //   speed: newParam.rotate ? newParam.speed : 0 - newParam.speed,
-          // dashSize: newParam.dashSize,
+      //   // dashSize: newParam.dashSize,
-          space: newParam.space
+      //   space: newParam.space,
-        })
+      //   scale: 1.0
-        break
+      // })
+      // break
       case 6: //流动虚线2
+        let that = this
+
         material = new Cesium.FlowDashedLineFlowMaterialProperty({
           color: color,
-          uType: 1,
+          uType: type == 5 ? 0 : 1,
           speed: newParam.rotate ? newParam.speed : 0 - newParam.speed,
           // dashSize: newParam.dashSize,
-          space: newParam.space
+          space: newParam.space,
+          scale: new Cesium.CallbackProperty(function () {
+            var oriPositions = entity.polyline.positions.getValue();
+
+            if (!Cesium.defined(oriPositions)) {
+              return 1.0;
+            }
+            var distance = 0;
+            for (var i = 0; i < oriPositions.length - 1; ++i) {
+              distance += Cesium.Cartesian3.distance(oriPositions[i], oriPositions[i + 1]);
+            }
+            //屏幕坐标
+            let point1 = new Cesium.Cartesian2(0, that.sdk.viewer.canvas.clientHeight)
+            let point2 = new Cesium.Cartesian2(that.sdk.viewer.canvas.clientWidth / 2, that.sdk.viewer.canvas.clientHeight)
+            var cartesian1 = that.sdk.viewer.scene.pickPosition(point1)
+            var cartesian2 = that.sdk.viewer.scene.pickPosition(point2)
+
+            var distance2 = Cesium.Cartesian3.distance(cartesian1, cartesian2);
+
+            let repeatX = distance2 * 2 / distance
+
+            return repeatX;
+          })
         })
+
         break
       case 7: //流动箭头1
       case 8: //流动箭头2
@@ -645,17 +682,8 @@ class Tools {
           space: newParam.space,
           speed: newParam.speed
         }
-        let arr = {
+
-          '7': 10,
-          '8': 3,
-          '9': 4,
-          '10': 4,
-          '11': 4,
-          '12': 2
-        }
         param.speed = newParam.rotate ? param.speed : 0 - param.speed
-        console.log(entity.polyline.oriWidth, arr[type + ''], type, 'oriWidth')
-        entity.polyline.width = entity.polyline.oriWidth + arr[type + '']
 
         this.getFlowTexture(this, param, entity)
 
@@ -666,6 +694,7 @@ class Tools {
     }
     return material
   }
+
   getFlowTexture(that, options, entity) {
 
     const canvasEle = document.createElement('canvas');
@@ -693,17 +722,15 @@ class Tools {
 
       // let repeat = getRepeat()
       // }, false)
-      entity.polyline.material.oriRepeat = undefined
+      // entity.polyline.material.oriRepeat = that.getSceenLine(entity, options, canvasEle)
-      entity.polyline.material.oriSpeed = undefined
+      // entity.polyline.material.oriSpeed = undefined
+      let beforeSpeed = 0, repeat = 0
       entity.polyline.material = new Cesium.LineTextureMaterialProperty(
         {
           color: options.color,
-          // image: options.image,
           image: canvasEle,
           speed: options.speed,
-          // repeat: repeat
           repeat: new Cesium.CallbackProperty(function () {
-            // function getRepeat() {
             var positionProperty = entity.polyline.positions;
             var positions = positionProperty.getValue(that.sdk.viewer.clock.currentTime);
 
@@ -731,25 +758,64 @@ class Tools {
 
             // 使用 getPixelSize 方法获取包围球在屏幕上的像素大小
             var groundResolution = that.sdk.viewer.scene.camera.getPixelSize(boundingSphere, drawingBufferWidth, drawingBufferHeight)
-            // repeatX *= groundResolution / cameraHeight / ((myImg.width / myImg.height * 5) + 1);
+            let result
-            repeatX *= groundResolution / cameraHeight / (options.space * (canvasEle.width / canvasEle.height * 5) + 1);
+            if (groundResolution > 700) {
-            let speed
+              repeatX *= groundResolution / cameraHeight / (options.space * (canvasEle.width / canvasEle.height * 5) + 1);
-            if (entity.polyline.material.oriRepeat) {
+              // if (entity.polyline.material.oriRepeat) {
-              speed = repeatX / entity.polyline.material.oriRepeat
+              let speed = repeatX / entity.polyline.oriRepeat
+              entity.polyline.oriSpeed = speed
+              entity.polyline.oriRepeatX = repeatX
+              // } else {
+              //   entity.polyline.material.oriRepeat = repeatX
+              // }
+              beforeSpeed = speed
+              repeat = repeatX
+              result = new Cesium.Cartesian2(repeatX, speed || 1.0)
             } else {
-              entity.polyline.material.oriRepeat = repeatX
+              result = new Cesium.Cartesian2(repeat || entity.polyline.oriRepeatX, beforeSpeed || entity.polyline.oriSpeed)
             }
-            // if (repeatX < 3) {
+
-            //   repeatX = 3
+            return result;
-            // }
-            return new Cesium.Cartesian2(repeatX, speed || 1.0);
             // return repeatX;
           })
         }
       )
-      entity.polyline.material.oriSpeed = options.speed
+      let oriRepeat = that.getSceenLine(entity, options, canvasEle)
+      oriRepeat && (entity.polyline.oriRepeat = oriRepeat)
     }
   }
+  /**获取当前满屏横线速度 */
+  getSceenLine(entity, options, canvasEle) {
+    let point1 = new Cesium.Cartesian2(0, this.sdk.viewer.canvas.clientHeight)
+    let point2 = new Cesium.Cartesian2(this.sdk.viewer.canvas.clientWidth / 2, this.sdk.viewer.canvas.clientHeight)
+    var cartesian1 = this.sdk.viewer.scene.pickPosition(point1)
+    var cartesian2 = this.sdk.viewer.scene.pickPosition(point2)
+
+    var distance = Cesium.Cartesian3.distance(cartesian1, cartesian2);
+
+    var repeatX = distance / entity.polyline.width.getValue();
+    // 根据地图缩放程度调整repeatX
+    var cameraHeight = this.sdk.viewer.camera.positionCartographic.height;
+    var boundingSphere = new Cesium.BoundingSphere(
+      new Cesium.Cartesian3(-1000000, 0, 0), // 中心点坐标
+      500000 // 半径（距离）
+    );
+
+    // 获取绘图缓冲区的宽度和高度（通常是屏幕的分辨率）
+    var drawingBufferWidth = this.sdk.viewer.canvas.clientWidth;
+    var drawingBufferHeight = this.sdk.viewer.canvas.clientHeight;
+
+    // 使用 getPixelSize 方法获取包围球在屏幕上的像素大小
+    var groundResolution = this.sdk.viewer.scene.camera.getPixelSize(boundingSphere, drawingBufferWidth, drawingBufferHeight)
+    // repeatX *= groundResolution / cameraHeight / ((myImg.width / myImg.height * 5) + 1);
+    if (groundResolution > 700) {
+      repeatX *= groundResolution / cameraHeight / (options.space * (canvasEle.width / canvasEle.height * 5) + 1);
+    } else {
+      repeatX = undefined;
+    }
+
+    return repeatX
+  }
 
   /*创建直箭头图片*/
   create_arrow1_picture(color) {

src/YJEarth/index.js

@@ -25,6 +25,7 @@ import {
 } from '../Global/global'
 import { syncSplitData, setActiveId } from '../Global/SplitScreen'
 import { apiQueryGoodsList } from '../Tools/getGoodsList'
+import YJColorPicker from "../Obj/Element/yj-color-picker";
 // window.check = check
 
 class YJEarth {

static/custom/css/index.css

@@ -1029,21 +1029,152 @@
   line-height: 18px;
 }
 
-.YJ-custom-base-dialog .ew-color-picker>.ew-color-dropbtns>.ew-color-input {
+.YJ-custom-base-dialog .ew-color-picker {
-  color: #000000;
+  background: linear-gradient(0deg, var(--color-sdk-bg-gradual)), rgba(0, 0, 0, 0.6);
-  width: 60%;
+  border-image: linear-gradient(to bottom, var(--color-sdk-gradual)) 1;
-  background-color: #00000000;
+  padding: 5px;
-  margin-top: 1px;
 }
 
-.YJ-custom-base-dialog .ew-color-picker>.ew-color-dropbtns>.ew-color-dropbtngroup {
+.YJ-custom-base-dialog .ew-color-picker>.ew-color-picker-content {
+  margin-bottom: 10px;
+}
+.YJ-custom-base-dialog .ew-color-picker>.ew-color-picker-content>.ew-color-panel  {
+  width: 302px;
+}
+
+.YJ-custom-base-dialog .ew-color-picker> .ew-color-input {
+  margin-top: 1px;
+  font-size: 14px;
+  background-color: rgba(0, 0, 0, 0.5);
+  border: 1px solid rgba(var(--color-sdk-base-rgb), 0.5);
+  border-radius: 5px;
+  line-height: 32px;
+  height: 32px;
+  color: var(--color-sdk-auxiliary-public);
+  box-sizing: border-box;
+  padding: 0px 10px;
+}
+
+.YJ-custom-base-dialog .ew-color-picker .icon-pen-box {
+  display: inline-block;
+  /* cursor: pointer; */
+  cursor: no-drop;
+  width: 24px;
+  height: 24px;
+  text-align: center;
+  line-height: 24px;
+}
+
+.YJ-custom-base-dialog .ew-color-picker .icon-pen-box .icon-pen {
+  margin: 0;
+}
+
+.YJ-custom-base-dialog .ew-color-picker .icon-pen-box:hover .icon-pen {
+  fill: rgba(var(--color-sdk-base-rgb), 1);
+  margin: 0;
+}
+
+.YJ-custom-base-dialog .ew-color-picker .color-alpha {
+  margin-left: 6px;
+  display: inline-block;
+}
+
+.YJ-custom-base-dialog .ew-color-picker .color-alpha>input {
+  font-weight: 400;
+  font-family: Arial;
+  font-size: 14px;
+}
+
+.YJ-custom-base-dialog .ew-color-picker>.ew-pre-define-color-container {
+  width: 324px;
+}
+
+.YJ-custom-base-dialog .ew-color-picker>.ew-pre-define-color-container>.ew-pre-define-color {
+  width: 22px;
+  height: 22px;
+  margin: 0 0 8px 8px;
+  border: 1px solid #9b979b;
+}
+.YJ-custom-base-dialog .ew-color-picker>.ew-pre-define-color-container>.ew-pre-define-color:nth-child(11n+1) {
+  width: 22px;
+  height: 22px;
+  margin: 0 0 8px 0;
+}
+
+.YJ-custom-base-dialog .ew-color-picker>.ew-pre-define-color-container>.ew-pre-define-color-active {
+  border-color: #ffffff;
+  -webkit-box-shadow: unset !important;
+  box-shadow: unset !important;
+}
+
+.YJ-custom-base-dialog .ew-color-picker>.yj-pre-collect-color-container {
+  margin-top: 8px;
+  width: 324px;
+}
+
+.YJ-custom-base-dialog .ew-color-picker>.yj-pre-collect-color-container>.yj-pre-collect-color {
+  position: relative;
+  width: 22px;
+  height: 22px;
+  float: left;
+  margin: 0 0 8px 8px;
+  border-radius: 4px;
+  border: 1px solid #9b979b;
+  outline: none;
+  text-align: center;
+  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==");
+}
+.YJ-custom-base-dialog .ew-color-picker>.yj-pre-collect-color-container>.yj-pre-collect-color:nth-child(11n+1) {
+  margin: 0 0 8px 0;
+}
+
+.YJ-custom-base-dialog .ew-color-picker>.yj-pre-collect-color-container>.yj-pre-collect-color.add,
+.YJ-custom-base-dialog .ew-color-picker>.yj-pre-collect-color-container>.yj-pre-collect-color.subtract {
+  border-color: rgba(var(--color-sdk-base-rgb), 0.2);
+  background: unset;
+}
+.YJ-custom-base-dialog .ew-color-picker>.yj-pre-collect-color-container>.yj-pre-collect-color.add:hover,
+.YJ-custom-base-dialog .ew-color-picker>.yj-pre-collect-color-container>.yj-pre-collect-color.subtract:hover {
+  border-color: rgba(var(--color-sdk-base-rgb), 0.4);
+}
+
+.YJ-custom-base-dialog .ew-color-picker>.yj-pre-collect-color-container svg,
+.YJ-custom-base-dialog .ew-color-picker>.yj-pre-collect-color-container> svg {
+  margin: 0;
+}
+
+.YJ-custom-base-dialog .ew-color-picker>.yj-pre-collect-color-container>.yj-pre-collect-color-active {
+  border-color: #ffffff !important;
+  -webkit-box-shadow: unset !important;
+  box-shadow: unset !important;
+}
+
+.YJ-custom-base-dialog .ew-color-picker>.yj-pre-collect-color-container>.yj-pre-collect-color>.yj-pre-define-color-item.subtract-btn,
+.YJ-custom-base-dialog .ew-color-picker>.yj-pre-collect-color-container>.yj-pre-collect-color>.yj-pre-define-color-item {
+  width: 100%;
+  height: 100%;
+  border-radius: 3px;
+  cursor: pointer;
+}
+.YJ-custom-base-dialog .ew-color-picker>.yj-pre-collect-color-container>.yj-pre-collect-color>.yj-pre-define-color-item.subtract-btn {
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+
+.YJ-custom-base-dialog .ew-color-picker>.yj-pre-collect-color-container>.yj-pre-collect-color:hover {
+  opacity: .8;
+}
+
+.YJ-custom-base-dialog .ew-color-picker .ew-color-dropbtngroup {
   display: flex;
 }
 
-.YJ-custom-base-dialog .ew-color-picker>.ew-color-dropbtns>.ew-color-dropbtngroup button {
+.YJ-custom-base-dialog .ew-color-picker .ew-color-dropbtngroup button {
-  background: unset;
+  padding: 5px 10px 4px 10px;
-  border: 1px solid #dcdfe6;
+}
-  color: #000;
+.YJ-custom-base-dialog .ew-color-picker .ew-color-dropbtngroup button.ew-color-clear {
+  margin-right: 8px;
 }
 
 .YJ-custom-base-dialog .ew-color-picker-box {
@@ -1051,9 +1182,19 @@
   border-color: #ffffff;
 }
 
+.YJ-custom-base-dialog .ew-color-picker-box>.ew-color-picker-no,
 .YJ-custom-base-dialog .ew-color-picker-box>.ew-color-picker-arrow {
   border: 1px solid rgba(var(--color-sdk-auxiliary), 0.5);
-  ;
+  width: 21px !important;
+  height: 21px !important;
+  line-height: 18px !important;
+  font-size: 14px;
+}
+
+.YJ-custom-base-dialog .ew-color-picker-box>.ew-color-picker-no svg,
+.YJ-custom-base-dialog .ew-color-picker-box>.ew-color-picker-arrow svg {
+  margin: 0;
+  fill: rgba(var(--color-sdk-auxiliary), 1)
 }
 
 .YJ-custom-base-dialog .ew-color-picker-box>.ew-color-picker-arrow>.ew-color-picker-arrow-right,
@@ -1068,6 +1209,15 @@
   transform: rotate(-45deg);
 }
 
+.YJ-custom-base-dialog .ew-color-picker .ew-color-dropbtns{
+  display: flex;
+  align-items: center;
+}
+
+.YJ-custom-base-dialog .ew-color-picker svg{
+  margin: 0;
+}
+
 /* 滑块样式 */
 .DIV_cy_slider {
   width: 100%;
@@ -1515,7 +1665,6 @@
   display: flex;
   align-items: center;
   height: 32px;
-  line-height: 32px;
 }
 
 .YJ-custom-base-dialog>.content .cy_datalist dl dd:hover {
@@ -1525,7 +1674,7 @@
 
 .YJ-custom-base-dialog>.content .cy_datalist dl dd.active {
   color: rgba(var(--color-sdk-base-rgb)) !important;
-  background-color: rgba(var(--color-sdk-base-rgb), 0.2);
+  /* background-color: rgba(var(--color-sdk-base-rgb), 0.2); */
 }
 
 .YJ-custom-base-dialog>.content .cy_datalist dl dd.active svg {
@@ -1785,89 +1934,6 @@
 .YJ-custom-base-dialog.water-surface>.content>div .row .label {
   flex: 0 0 60px;
 }
-/* 流光飞线 */
-.YJ-custom-base-dialog.flow-line-surface>.content {
-  width: 586px;
-}
-
-.YJ-custom-base-dialog.flow-line-surface>.content>div .row .label {
-  flex: 0 0 60px;
-}
-
-/* 光照 */
-.YJ-custom-base-dialog.sun-shine-surface>.content {
-  width: 586px;
-}
-
-.YJ-custom-base-dialog.sun-shine-surface>.content>div .row .label {
-  flex: 0 0 60px;
-}
-
-.YJ-custom-base-dialog.sun-shine-surface>.content>div .timeline-container {
-  width: 100%;
-  padding: 20px 0;
-  position: relative;
-}
-
-.YJ-custom-base-dialog.sun-shine-surface>.content>div .timeline {
-  height: 8px;
-  background: #f0f0f0;
-  border-radius: 15px;
-  position: relative;
-  cursor: pointer;
-}
-
-.YJ-custom-base-dialog.sun-shine-surface>.content>div .progress {
-  height: 100%;
-  width: 0;
-  background: rgba(var(--color-sdk-base-rgb), 1);
-  border-radius: 15px;
-  position: relative;
-}
-
-.YJ-custom-base-dialog.sun-shine-surface>.content>div .handle {
-  width: 16px;
-  height: 16px;
-  background: white;
-  /* border: 3px solid #4285f4; */
-  background: rgba(var(--color-sdk-base-rgb), 1);
-  border-radius: 50%;
-  position: absolute;
-  right: -8px;
-  top: 50%;
-  transform: translateY(-50%);
-  cursor: grab;
-}
-
-.YJ-custom-base-dialog.sun-shine-surface>.content>div .time-marks {
-  display: flex;
-  justify-content: space-between;
-  margin-top: 5px;
-}
-
-.YJ-custom-base-dialog.sun-shine-surface>.content>div .time-mark {
-  font-size: 12px;
-  color: #fff;
-}
-
-.YJ-custom-base-dialog.sun-shine-surface>.content>div .controls {
-  margin: 15px 0;
-}
-
-
-.YJ-custom-base-dialog.sun-shine-surface>.content>div .current-time {
-  font-size: 12px;
-  position: absolute;
-  width: 50px;
-  text-align: center;
-  right: -25px;
-  top: -200%;
-  transform: translateY(-50%);
-}
-
-.YJ-custom-base-dialog.sun-shine-surface>.content>div #timePause {
-  margin-top: 10px;
-}
 
 /* 电子围墙 */
 .YJ-custom-base-dialog.wall-stereoscopic>.content {
@@ -2599,9 +2665,7 @@
 .YJ-custom-base-dialog.polyline>.content {
   width: 580px;
 }
-.YJ-custom-base-dialog.polyline>.content>div #dashTextureDom {
+
-  display: none;
-}
 .YJ-custom-base-dialog.polyline>.content>div .row .col {
   margin: 0 10px;
 }
@@ -2699,21 +2763,21 @@
 .YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist i.icon {
   display: inline-block;
   width: 22px;
-  height: 10px;
+  height: 13px;
-  margin-right: 5px;
+  margin-right: 7px;
 }
 .YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist i.line {
-  border: 1px solid rgba(255, 255, 255, 1);
+  border: 1px solid rgba(var(--color-sdk-base-rgb), 1);
   height: 0px;
   margin-top: 4px;
 }
 .YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist i.dash-line {
-  border: 1px dashed rgba(255, 255, 255, 1);
+  border: 1px dashed rgba(var(--color-sdk-base-rgb), 1);
   height: 0px;
   margin-top: 4px;
 }
 .YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist i.light-line {
-  border: 1px solid rgba(255, 255, 255, 1);
+  border: 1px solid rgba(var(--color-sdk-base-rgb), 1);
   height: 0px;
   margin-top: 4px;
   box-shadow: 0 0 3px #fff
@@ -2727,34 +2791,39 @@
   background-size: 100% 100%;
 }
 .YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist i.flow-dash-line1 {
-  border: 1px dashed rgba(255, 255, 255, 1);
+  border: 1px dashed rgba(var(--color-sdk-base-rgb), 1);
   height: 0px;
   margin-top: 4px;
 }
 .YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist i.flow-dash-line2 {
-  border: 1px dashed rgba(255, 255, 255, 1);
+  border: 1px dashed rgba(var(--color-sdk-base-rgb), 1);
   height: 0px;
   margin-top: 4px;
 }
 .YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist i.pic-line1 {
-  background: url(../../img/arrow/1.png) 100% 100% no-repeat;
+  background: url(../../img/arrow/1.png);
-  background-size: 100% 100%;
+  background-size: cover;
+  background-position: center;
 }
 .YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist i.pic-line2 {
-  background: url(../../img/arrow/2.png) 100% 100% no-repeat;
+  background: url(../../img/arrow/2.png);
-  background-size: 100% 100%;
+  background-size: cover;
+  background-position: center;
 }
 .YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist i.pic-line3 {
-  background: url(../../img/arrow/3.png) 100% 100% no-repeat;
+  background: url(../../img/arrow/3.png);
-  background-size: 100% 100%;
+  background-size: cover;
+  background-position: center;
 }
 .YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist i.pic-line4 {
-  background: url(../../img/arrow/4.png) 100% 100% no-repeat;
+  background: url(../../img/arrow/4.png) ;
-  background-size: 100% 100%;
+  background-size: cover;
+  background-position: center;
 }
 .YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist i.pic-line5 {
-  background: url(../../img/arrow/5.png) 100% 100% no-repeat;
+  background: url(../../img/arrow/5.png);
-  background-size: 100% 100%;
+  background-size: cover;
+  background-position: center;
 }
 .YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist i.pic-line6 {
   background: url(../../img/arrow/6.png) 100% 100% no-repeat;