diff --git a/src/Global/Contour/index.js b/src/Global/Contour/index.js
index 912ca8d..66bbd61 100644
--- a/src/Global/Contour/index.js
+++ b/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,//是否开启透明度
diff --git a/src/Global/MapPrint/index.js b/src/Global/MapPrint/index.js
index 8075be0..dd16630 100644
--- a/src/Global/MapPrint/index.js
+++ b/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, //是否开启透明度
diff --git a/src/Obj/Analysis/test2/index.js b/src/Obj/Analysis/test2/index.js
index 30606f1..1cb3415 100644
--- a/src/Obj/Analysis/test2/index.js
+++ b/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,
diff --git a/src/Obj/Base/AssembleObject/index.js b/src/Obj/Base/AssembleObject/index.js
index 15146b9..e04f065 100644
--- a/src/Obj/Base/AssembleObject/index.js
+++ b/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,
diff --git a/src/Obj/Base/AttackArrowObject/index.js b/src/Obj/Base/AttackArrowObject/index.js
index f62b71a..c3aaaac 100644
--- a/src/Obj/Base/AttackArrowObject/index.js
+++ b/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,
diff --git a/src/Obj/Base/BaseSource/BaseModel/Model/index.js b/src/Obj/Base/BaseSource/BaseModel/Model/index.js
index d693bbf..d4bd9b0 100644
--- a/src/Obj/Base/BaseSource/BaseModel/Model/index.js
+++ b/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,
diff --git a/src/Obj/Base/BaseSource/BaseModel/Model2/index.js b/src/Obj/Base/BaseSource/BaseModel/Model2/index.js
index 55654ff..7a3f5cd 100644
--- a/src/Obj/Base/BaseSource/BaseModel/Model2/index.js
+++ b/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,
diff --git a/src/Obj/Base/BillboardObject/index.js b/src/Obj/Base/BillboardObject/index.js
index 3b49016..053a51c 100644
--- a/src/Obj/Base/BillboardObject/index.js
+++ b/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,//是否开启透明度
diff --git a/src/Obj/Base/CircleDiffuse/index.js b/src/Obj/Base/CircleDiffuse/index.js
index 797ed93..be4646d 100644
--- a/src/Obj/Base/CircleDiffuse/index.js
+++ b/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) => {
diff --git a/src/Obj/Base/CircleObject/index.js b/src/Obj/Base/CircleObject/index.js
index 59aeac1..a6e88d1 100644
--- a/src/Obj/Base/CircleObject/index.js
+++ b/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,
diff --git a/src/Obj/Base/CurvelineObject/index.js b/src/Obj/Base/CurvelineObject/index.js
index a7a6f26..8b946e1 100644
--- a/src/Obj/Base/CurvelineObject/index.js
+++ b/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,
diff --git a/src/Obj/Base/EllipseObject/index.js b/src/Obj/Base/EllipseObject/index.js
index ff30a6b..1ad1c75 100644
--- a/src/Obj/Base/EllipseObject/index.js
+++ b/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,
diff --git a/src/Obj/Base/FlowLine/index.js b/src/Obj/Base/FlowLine/index.js
index 604f91b..d742203 100644
--- a/src/Obj/Base/FlowLine/index.js
+++ b/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,//是否开启透明度
diff --git a/src/Obj/Base/Graffiti/index.js b/src/Obj/Base/Graffiti/index.js
index f57b003..cd603d8 100644
--- a/src/Obj/Base/Graffiti/index.js
+++ b/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,//是否开启透明度
diff --git a/src/Obj/Base/GroundSvg/index-3.js b/src/Obj/Base/GroundSvg/index-3.js
index b55b4f8..8b70a88 100644
--- a/src/Obj/Base/GroundSvg/index-3.js
+++ b/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,//是否开启透明度
diff --git a/src/Obj/Base/GroundSvg/index.js b/src/Obj/Base/GroundSvg/index.js
index ae53143..2a0471c 100644
--- a/src/Obj/Base/GroundSvg/index.js
+++ b/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,//是否开启透明度
diff --git a/src/Obj/Base/ParticleEffects/Flame/index.js b/src/Obj/Base/ParticleEffects/Flame/index.js
index ff22b2b..15a541b 100644
--- a/src/Obj/Base/ParticleEffects/Flame/index.js
+++ b/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,//是否开启透明度
diff --git a/src/Obj/Base/ParticleEffects/Fountain/index.js b/src/Obj/Base/ParticleEffects/Fountain/index.js
index cdebb34..d14be27 100644
--- a/src/Obj/Base/ParticleEffects/Fountain/index.js
+++ b/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,//是否开启透明度
diff --git a/src/Obj/Base/ParticleEffects/Smoke/index.js b/src/Obj/Base/ParticleEffects/Smoke/index.js
index 4cd55d4..f70311d 100644
--- a/src/Obj/Base/ParticleEffects/Smoke/index.js
+++ b/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,//是否开启透明度
diff --git a/src/Obj/Base/ParticleEffects/Spout/index.js b/src/Obj/Base/ParticleEffects/Spout/index.js
index 835334d..e36a639 100644
--- a/src/Obj/Base/ParticleEffects/Spout/index.js
+++ b/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,//是否开启透明度
diff --git a/src/Obj/Base/PincerArrowObject/index.js b/src/Obj/Base/PincerArrowObject/index.js
index 38e0580..b293441 100644
--- a/src/Obj/Base/PincerArrowObject/index.js
+++ b/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,
diff --git a/src/Obj/Base/PolygonObject/index.js b/src/Obj/Base/PolygonObject/index.js
index fcb4f10..738cf61 100644
--- a/src/Obj/Base/PolygonObject/index.js
+++ b/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,
diff --git a/src/Obj/Base/PolyhedronObject/index.js b/src/Obj/Base/PolyhedronObject/index.js
index b880b7e..17d9934 100644
--- a/src/Obj/Base/PolyhedronObject/index.js
+++ b/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,
diff --git a/src/Obj/Base/PolyhedronObject2/index.js b/src/Obj/Base/PolyhedronObject2/index.js
index bea9c99..68cfbfe 100644
--- a/src/Obj/Base/PolyhedronObject2/index.js
+++ b/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,
diff --git a/src/Obj/Base/PolylineObject/index.js b/src/Obj/Base/PolylineObject/index.js
index e474b08..1f5d1f8 100644
--- a/src/Obj/Base/PolylineObject/index.js
+++ b/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, //是否开启透明度
@@ -645,7 +645,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 +700,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 +804,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 +836,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, //是否开启透明度
@@ -1439,7 +1439,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 +1453,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 +1467,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 +1481,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 +1495,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 +1509,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,
diff --git a/src/Obj/Base/RadarScan/index.js b/src/Obj/Base/RadarScan/index.js
index 5e6d16e..bd7101c 100644
--- a/src/Obj/Base/RadarScan/index.js
+++ b/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,
diff --git a/src/Obj/Base/RadarScanStereoscopic/index.js b/src/Obj/Base/RadarScanStereoscopic/index.js
index 935025f..aef9c62 100644
--- a/src/Obj/Base/RadarScanStereoscopic/index.js
+++ b/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,
diff --git a/src/Obj/Base/SectorObject/index.js b/src/Obj/Base/SectorObject/index.js
index ee649fe..8f7a317 100644
--- a/src/Obj/Base/SectorObject/index.js
+++ b/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,
diff --git a/src/Obj/Base/StraightArrowObject/index.js b/src/Obj/Base/StraightArrowObject/index.js
index 4600f4d..f1c26aa 100644
--- a/src/Obj/Base/StraightArrowObject/index.js
+++ b/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,
diff --git a/src/Obj/Base/TextObject/3DText/index.js b/src/Obj/Base/TextObject/3DText/index.js
index a8b7a98..2ba381d 100644
--- a/src/Obj/Base/TextObject/3DText/index.js
+++ b/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,
diff --git a/src/Obj/Base/TextObject/GroundText/index.js b/src/Obj/Base/TextObject/GroundText/index.js
index 7c8d46e..7009cb0 100644
--- a/src/Obj/Base/TextObject/GroundText/index.js
+++ b/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, //是否开启透明度
diff --git a/src/Obj/Base/TextObject/GroundText/index2.js b/src/Obj/Base/TextObject/GroundText/index2.js
index c797c41..41fea88 100644
--- a/src/Obj/Base/TextObject/GroundText/index2.js
+++ b/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, //是否开启透明度
diff --git a/src/Obj/Base/TextObject/StandText/index.js b/src/Obj/Base/TextObject/StandText/index.js
index c5be8c3..ed1ad98 100644
--- a/src/Obj/Base/TextObject/StandText/index.js
+++ b/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,
diff --git a/src/Obj/Base/TrajectoryMotion/index.js b/src/Obj/Base/TrajectoryMotion/index.js
index ea0deb7..888996a 100644
--- a/src/Obj/Base/TrajectoryMotion/index.js
+++ b/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,//是否开启透明度
diff --git a/src/Obj/Base/WallRealStereoscopic/index.js b/src/Obj/Base/WallRealStereoscopic/index.js
index 8ecd3fe..340eaaa 100644
--- a/src/Obj/Base/WallRealStereoscopic/index.js
+++ b/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,
diff --git a/src/Obj/Base/WallRealStereoscopic/index2.js b/src/Obj/Base/WallRealStereoscopic/index2.js
index 4851c67..bb12e89 100644
--- a/src/Obj/Base/WallRealStereoscopic/index2.js
+++ b/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,
diff --git a/src/Obj/Base/WallRealStereoscopic2/index.js b/src/Obj/Base/WallRealStereoscopic2/index.js
index 627965f..bd5ee5d 100644
--- a/src/Obj/Base/WallRealStereoscopic2/index.js
+++ b/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,
diff --git a/src/Obj/Base/WallRealStereoscopic2/index2.js b/src/Obj/Base/WallRealStereoscopic2/index2.js
index 4851c67..bb12e89 100644
--- a/src/Obj/Base/WallRealStereoscopic2/index2.js
+++ b/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,
diff --git a/src/Obj/Base/WallStereoscopic/index.js b/src/Obj/Base/WallStereoscopic/index.js
index 54b9789..938f2c1 100644
--- a/src/Obj/Base/WallStereoscopic/index.js
+++ b/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,
diff --git a/src/Obj/Base/WallStereoscopic/index2.js b/src/Obj/Base/WallStereoscopic/index2.js
index d45977c..6b011b8 100644
--- a/src/Obj/Base/WallStereoscopic/index2.js
+++ b/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,
diff --git a/src/Obj/Base/WallStereoscopic2/index.js b/src/Obj/Base/WallStereoscopic2/index.js
index e2eb95a..4d906a7 100644
--- a/src/Obj/Base/WallStereoscopic2/index.js
+++ b/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,
diff --git a/src/Obj/Base/WallStereoscopic2/index2.js b/src/Obj/Base/WallStereoscopic2/index2.js
index 4851c67..bb12e89 100644
--- a/src/Obj/Base/WallStereoscopic2/index2.js
+++ b/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,
diff --git a/src/Obj/Base/WaterSurface/index.js b/src/Obj/Base/WaterSurface/index.js
index 6cbe825..2f389be 100644
--- a/src/Obj/Base/WaterSurface/index.js
+++ b/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,//是否开启透明度
diff --git a/src/Obj/Element/yj-color-picker.js b/src/Obj/Element/yj-color-picker.js
index cfda110..ae451e3 100644
--- a/src/Obj/Element/yj-color-picker.js
+++ b/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()
-        }, this.colorPicker.config.pickerAnimationTime);
-      },
-      clear: () => {
-        options.clear()
-      },
-      close: () => {
-        pickAlphaInput.value = this.pickAlphaInputValue
-      },
-      clickDefineColor: clickDefineColor,
-      hasClear: false,
-      defaultColor: options.defaultColor || '#ffffff'
+        customizeStyle()
+      }
     }
-    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) {
-      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)
-    window.colorPicker = this.colorPicker 
-    console.log('this.colorPicker', this.colorPicker, this.colorPicker.$Dom.pickerInput)
+    // 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 ewPlugins('colorpicker', config)
+    window.colorPicker = this.colorPicker
 
     customizeStyle()
 
     function customizeStyle() {
+      if (!_this.colorPicker) {
+        return
+      }
       let isSubtract = false
-      let box = _this.colorPicker.$Dom.box
-      let picker = _this.colorPicker.$Dom.picker
-      picker.style.minWidth = '300px'
+      let box = _this.colorPicker.box
+      let picker = _this.colorPicker.picker
+      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')
-      customDivider.className = 'custom-divider'
-      pickerContent.parentNode.insertBefore(customDivider, pickerContent.nextSibling)
+      // let customDivider = document.createElement('span')
+      // customDivider.className = 'custom-divider'
+      // 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%'
-        pickAlpha.style.width = 'calc(32% - 12px)'
+        pickerInput.style.width = '106px'
+        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', () => {
-            _this.colorPicker.updateColor(c.toCssColorString())
+          colorItemElm.addEventListener('click', (e) => {
+            _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', () => {
-            _this.colorPicker.updateColor(c.toCssColorString())
+          colorItemElm.addEventListener('click', (e) => {
+            _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
\ No newline at end of file
diff --git a/src/YJEarth/index.js b/src/YJEarth/index.js
index 9bab248..5a12707 100644
--- a/src/YJEarth/index.js
+++ b/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 {
diff --git a/static/3rdparty/ewPlugins.min.js b/static/3rdparty/ewPlugins.min.js
index f1a8684..6500d89 100644
--- a/static/3rdparty/ewPlugins.min.js
+++ b/static/3rdparty/ewPlugins.min.js
@@ -1,1378 +1,1444 @@
 !function(e) {
-  var t = {};
-  function r(n) {
-      if (t[n])
-          return t[n].exports;
-      var o = t[n] = {
-          i: n,
-          l: !1,
-          exports: {}
-      };
-      return e[n].call(o.exports, o, o.exports, r),
-      o.l = !0,
-      o.exports
-  }
-  r.m = e,
-  r.c = t,
-  r.d = function(e, t, n) {
-      r.o(e, t) || Object.defineProperty(e, t, {
-          enumerable: !0,
-          get: n
-      })
-  }
-  ,
-  r.r = function(e) {
-      "undefined" != typeof Symbol && Symbol.toStringTag && Object.defineProperty(e, Symbol.toStringTag, {
-          value: "Module"
-      }),
-      Object.defineProperty(e, "__esModule", {
-          value: !0
-      })
-  }
-  ,
-  r.t = function(e, t) {
-      if (1 & t && (e = r(e)),
-      8 & t)
-          return e;
-      if (4 & t && "object" == typeof e && e && e.__esModule)
-          return e;
-      var n = Object.create(null);
-      if (r.r(n),
-      Object.defineProperty(n, "default", {
-          enumerable: !0,
-          value: e
-      }),
-      2 & t && "string" != typeof e)
-          for (var o in e)
-              r.d(n, o, function(t) {
-                  return e[t]
-              }
-              .bind(null, o));
-      return n
-  }
-  ,
-  r.n = function(e) {
-      var t = e && e.__esModule ? function() {
-          return e.default
-      }
-      : function() {
-          return e
-      }
-      ;
-      return r.d(t, "a", t),
-      t
-  }
-  ,
-  r.o = function(e, t) {
-      return Object.prototype.hasOwnProperty.call(e, t)
-  }
-  ,
-  r.p = "",
-  r(r.s = 1)
-}([function(e, t, r) {
-  "use strict";
-  Object.defineProperty(t, "__esModule", {
-      value: !0
-  });
-  var n = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
-      return typeof e
-  }
-  : function(e) {
-      return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e
-  }
-  ;
-  function o(e) {
-      return "string" == typeof e
-  }
-  function i(e) {
-      return null !== e && "object" === (void 0 === e ? "undefined" : n(e))
-  }
-  function a(e) {
-      return "[object Array]" === Object.prototype.toString.call(e)
-  }
-  t.isNumber = function(e) {
-      return "number" == typeof e
-  }
-  ,
-  t.isStr = o,
-  t.isUndefined = function(e) {
-      return void 0 === e
-  }
-  ,
-  t.isNull = function(e) {
-      return null === e
-  }
-  ,
-  t.isFunction = function(e) {
-      return "function" == typeof e
-  }
-  ,
-  t.isShallowObject = i,
-  t.isDeepObject = function(e) {
-      return "[object Object]" === Object.prototype.toString.call(e)
-  }
-  ,
-  t.isDeepArray = a,
-  t.ewObjToArray = function(e) {
-      if (e && e.length)
-          return Array.prototype.slice.call(e)
-  }
-  ,
-  t.isIB = function(e) {
-      return e.indexOf("inline-block") > -1
-  }
-  ,
-  t.isStat = function(e) {
-      return e.indexOf("static") > -1
-  }
-  ,
-  t.isRel = function(e) {
-      return e.indexOf("relative") > -1
-  }
-  ,
-  t.isAbs = function(e) {
-      return e.indexOf("absolute") > -1
-  }
-  ,
-  t.isDom = function(e) {
-      return "object" === ("undefined" == typeof HTMLElement ? "undefined" : n(HTMLElement)) ? e instanceof HTMLElement : e && "object" === (void 0 === e ? "undefined" : n(e)) && 1 === e.nodeType && "string" == typeof e.nodeName || e instanceof HTMLCollection || e instanceof NodeList
-  }
-  ,
-  t.ewAssign = function(e, t) {
-      if (null === e)
-          return;
-      if (Object.assign)
-          return Object.assign(e, t);
-      for (var r = Object(e), n = 1; n < arguments.length; n++) {
-          var o = arguments[n];
-          if (o)
-              for (var i in o)
-                  Object.prototype.hasOwnProperty.call(o, i) && (r[i] = o[i])
-      }
-      return r
-  }
-  ,
-  t.ewError = function(e) {
-      return new Error(e)
-  }
-  ,
-  t.deepCloneObjByJSON = function(e) {
-      return JSON.parse(JSON.stringify(e))
-  }
-  ,
-  t.cssObjToStr = function(e) {
-      if (!i(e))
-          return;
-      var t = "";
-      for (var r in e)
-          t += s(r) + ":" + e[r] + ";";
-      return t
-  }
-  ,
-  t.keba = s,
-  t.getCss = function(e, t) {
-      var r = e.currentStyle ? function(t) {
-          var n = e.currentStyle[t];
-          if (n.indexOf("height") > -1 && n.search(/px/i) > -1) {
-              var o = e.getBoundingClientRect;
-              return o.bottom - o.top - parseInt(r("padding-bottom")) - parseInt(r("padding-top")) + "px"
-          }
-      }
-      : function(t) {
-          return window.getComputedStyle(e, null)[t]
-      }
-      ;
-      return r(t)
-  }
-  ,
-  t.requestAnimationFrame = function() {
-      window.requestAnimationFrame = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.msRequestAnimationFrame || window.oRequestAnimationFrame || function(e) {
-          return window.setTimeout(e, 1e3 / 60)
-      }
-  }
-  ,
-  t.createElement = function(e) {
-      return document.createElement(e)
-  }
-  ,
-  t.addClass = function(e, t) {
-      return e.classList.add(t)
-  }
-  ,
-  t.removeClass = function(e, t) {
-      return e.classList.remove(t)
-  }
-  ,
-  t.clone = function(e) {
-      return e.cloneNode(!0)
-  }
-  ,
-  t.addEvent = function(e, t, r) {
-      e.addEventListener ? e.addEventListener(t, r, !1) : e.attachEvent("on" + t, r)
-  }
-  ;
-  t.deepCloneObjByRecursion = function e(t) {
-      if (i(t)) {
-          var r = a(t) ? [] : {};
-          for (var n in t)
-              r[n] = i(t[n]) ? e(t[n]) : t[n];
-          return r
-      }
-  }
-  ;
-  function s(e) {
-      if (o(e))
-          return e.replace(/A-Z/g, function(e) {
-              return "-" + e.toLowerCase()
-          })
-  }
-  t.getDom = function(e) {
-      var t, r = e.slice(0, 1), n = e.slice(1);
-      return /^[#\.]/.test(r) ? "#" === r ? t = document.getElementById(n) : "." === r && (t = document.getElementsByClassName(n)) : t = document.getElementsByTagName(e),
-      t
-  }
-  ,
-  t.eventType = navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i) ? ["touchstart", "touchmove", "touchend"] : ["mousedown", "mousemove", "mouseup"]
-}
-, function(e, t, r) {
-  "use strict";
-  var n, o, i, a = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
-      return typeof e
-  }
-  : function(e) {
-      return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e
-  }
-  , s = r(0), l = u(r(2)), c = u(r(3)), d = u(r(4));
-  function u(e) {
-      return e && e.__esModule ? e : {
-          default: e
-      }
-  }
-  i = function() {
-      function e(e, t) {
-          if (!(0,
-          s.isStr)(e))
-              throw (0,
-              s.ewError)("you should pass a string params,sush as drag,textarea,colorpicker！");
-          switch (e) {
-          case "drag":
-              return new l.default(t);
-          case "textarea":
-              return new c.default(t);
-          case "colorpicker":
-              return new d.default(t)
-          }
-          return this
-      }
-      return window.ewPlugins || (window.ewPlugins = e),
-      e
-  }
-  ,
-  "object" === a(t) && void 0 !== e ? e.exports = i() : void 0 === (o = "function" == typeof (n = i) ? n.call(t, r, t, e) : n) || (e.exports = o)
-}
-, function(e, t, r) {
-  "use strict";
-  Object.defineProperty(t, "__esModule", {
-      value: !0
-  });
-  var n = r(0)
-    , o = [];
-  function i(e, t, r) {
-      var n = null
-        , o = parseInt(e.style[t])
-        , i = !isNaN(r) && r > 0 && r <= o ? r : 50;
-      e.style.transition = t + " .3s ease-out .1s";
-      !function r() {
-          o -= i,
-          e.style[t] = o + "px",
-          n && o <= 0 ? (e.style[t] = "",
-          clearTimeout(n)) : n = setTimeout(r, 100)
-      }()
-  }
-  function a(e) {
-      var t, r, i, a, s;
-      if ((0,
-      n.isStr)(e) || (0,
-      n.isDom)(e))
-          r = (0,
-          n.isStr)(e) ? (0,
-          n.getDom)(e) : e,
-          t = {
-              width: window.innerWidth,
-              height: window.innerHeight,
-              isWindow: !0
-          };
-      else {
-          if (!(0,
-          n.isDeepObject)(e) || !e.el)
-              return (0,
-              n.ewError)("you should pass a string param or an object param!");
-          r = (0,
-          n.isStr)(e.el) ? (0,
-          n.getDom)(e.el) : e.el,
-          i = (0,
-          n.isStr)(e.scopeEl) ? (0,
-          n.getDom)(e.scopeEl) : e.scopeEl,
-          a = (0,
-          n.isStr)(e.designEl) ? (0,
-          n.getDom)(e.designEl) : e.designEl,
-          s = (0,
-          n.isStr)(e.disabledButton) ? (0,
-          n.getDom)(e.disabledButton) : e.disabledButton,
-          (t = {
-              width: e.width || window.innerWidth,
-              height: e.height || window.innerHeight,
-              scopeEl: e.scopeEl || null,
-              isWindow: !!(0,
-              n.isUndefined)(e.isWindow) || e.isWindow,
-              origin: e.origin || !1,
-              designEl: a || null,
-              startCB: (0,
-              n.isFunction)(e.startCB) ? e.startCB : null,
-              moveCB: (0,
-              n.isFunction)(e.moveCB) ? e.moveCB : null,
-              endCB: (0,
-              n.isFunction)(e.endCB) ? e.endCB : null,
-              dragDisabled: e.dragDisabled || !1,
-              disabledButton: s || null,
-              grid: e.grid || [],
-              ani_transition: (0,
-              n.isStr)(e.ani_transition) || (0,
-              n.isDeepObject)(e.ani_transition) ? e.ani_transition : null
-          }).scopeEl && (t.scopeEl = i.length ? i[0] : i,
-          t.width = (0,
-          n.getCss)(t.scopeEl, "width"),
-          t.height = (0,
-          n.getCss)(t.scopeEl, "height")),
-          e.axis && (t.axis = e.axis)
-      }
-      return o.push(t),
-      this.config = o,
-      this.beforeInit(r, t),
-      s && this.clickDisable(s, r, t),
-      this
-  }
-  a.prototype.clickDisable = function(e, t, r) {
-      if (e && e.length > 0)
-          for (var o = 0, i = e.length; o < i; o++)
-              a(this, e[o]);
-      else
-          a(this, e);
-      function a(e, o) {
-          o && (o.onclick = function() {
-              e.config.length > 1 ? e.config.forEach(function(t) {
-                  (0,
-                  n.ewObjToArray)(t.disabledButton).indexOf(o) > -1 && (t.dragDisabled = !t.dragDisabled,
-                  e.beforeInit(t.el, t))
-              }) : t.length > 0 ? (e.config[0].dragDisabled = !e.config[0].dragDisabled,
-              (0,
-              n.ewObjToArray)(t).forEach(function(t) {
-                  e.beforeInit(t, e.config[0])
-              })) : (r.dragDisabled = !r.dragDisabled,
-              e.beforeInit(r.el, r))
-          }
-          )
-      }
-  }
-  ,
-  a.prototype.beforeInit = function(e, t) {
-      if (e && e.length > 0)
-          for (var r = 0, o = e.length; r < o; r++)
-              this.init((0,
-              n.ewAssign)(t, {
-                  el: e[r]
-              })),
-              this.resize(this, (0,
-              n.ewAssign)(t, {
-                  el: e[r]
-              }));
-      else
-          t.el = e,
-          this.init(t),
-          this.resize(this, t)
-  }
-  ,
-  a.prototype.resize = function(e, t) {
-      window.onresize = function() {
-          t.scopeEl || (t.width = window.innerWidth,
-          t.height = window.innerHeight),
-          e.init(t)
-      }
-  }
-  ,
-  a.prototype.init = function(e) {
-      e.width = parseInt(e.width) <= parseInt((0,
-      n.getCss)(e.el, "width")) ? window.innerWidth : parseInt(e.width),
-      e.height = parseInt(e.height) <= parseInt((0,
-      n.getCss)(e.el, "height")) ? window.innerHeight : parseInt(e.height),
-      this.onMouseDown(e)
-  }
-  ,
-  a.prototype.onMouseDown = function(e) {
-      if ((0,
-      n.isDom)(e.designEl))
-          if (e.designEl.length > 0) {
-              var t = this;
-              (0,
-              n.ewObjToArray)(e.designEl).forEach(function(r) {
-                  t.config.length > 1 ? t.config.map(function(e) {
-                      e.designEl && (0,
-                      n.ewObjToArray)(e.designEl).indexOf(r) > -1 && i(t, e.el, r, e)
-                  }) : r.parentElement ? i(t, r.parentElement, r, t.config[0]) : i(t, e.el, r, t.config[0])
-              })
-          } else
-              i(this, e.el, e.designEl, e);
-      else
-          i(this, e.el, e.el, e);
-      function r() {
-          this.style.cursor = "move"
-      }
-      function o() {
-          this.style.cursor = ""
-      }
-      function i(e, t, i, a) {
-          a.dragDisabled ? (i.removeEventListener("mouseenter", r),
-          i.removeEventListener("mouseleave", o),
-          i["on" + n.eventType[0]] = null,
-          document["on" + n.eventType[1]] = document["on" + n.eventType[2]] = null) : (i.addEventListener("mouseenter", r),
-          i.addEventListener("mouseleave", o),
-          i["on" + n.eventType[0]] = function(r) {
-              a.startCB && a.startCB(),
-              a.ani_transition && (t.style.cssText += (0,
-              n.isStr)(a.ani_transition) && a.ani_transition.indexOf("transition") > -1 ? a.ani_transition : (0,
-              n.cssObjToStr)(a.ani_transition).indexOf("transition") > -1 ? (0,
-              n.cssObjToStr)(a.ani_transition) : "");
-              var o = n.eventType[0].indexOf("touch") > -1 ? r.changedTouches[0].clientX - t.offsetLeft : r.clientX - t.offsetLeft
-                , s = n.eventType[0].indexOf("touch") > -1 ? r.changedTouches[0].clientY - t.offsetTop : r.clientY - t.offsetTop;
-              e.onMouseMove(t, a, o, s, n.eventType),
-              e.onMouseUp(t, i, a, n.eventType)
-          }
-          )
-      }
-  }
-  ,
-  a.prototype.onMouseMove = function(e, t, r, o, i) {
-      var a = (0,
-      n.getCss)(e, "position");
-      document["on" + i[1]] = function(s) {
-          var l, c, d, u, p = i[0].indexOf("touch") > -1 ? s.changedTouches[0].clientX : s.clientX, f = i[0].indexOf("touch") > -1 ? s.changedTouches[0].clientY : s.clientY;
-          if (e.style.margin = 0,
-          (0,
-          n.isAbs)(a) || (e.style.position = "absolute"),
-          t.moveCB && t.moveCB(),
-          (0,
-          n.isDeepArray)(t.grid) && t.grid.length && t.grid.length <= 2) {
-              var h = p - r
-                , g = parseInt(t.grid[0])
-                , b = f - o
-                , m = parseInt(t.grid[1]);
-              isNaN(g) || (l = g * parseInt(h / g)),
-              isNaN(m) || (c = m * parseInt(b / m))
-          } else
-              l = p - r,
-              c = f - o;
-          if (d = t.width - e.offsetWidth,
-          u = t.height - e.offsetHeight,
-          t.axis)
-              if (t.axis.toLowerCase().indexOf("x") > -1)
-                  this.moveLeft(e, t, l, d);
-              else {
-                  if (!(t.axis.toLowerCase().indexOf("y") > -1))
-                      throw (0,
-                      n.ewError)("a Invalid value of axis!");
-                  this.moveTop(e, t, c, u)
-              }
-          else
-              this.moveLeft(e, t, l, d),
-              this.moveTop(e, t, c, u)
-      }
-      .bind(this)
-  }
-  ,
-  a.prototype.moveLeft = function(e, t, r, n) {
-      var o = r <= 0 && t.isWindow ? 0 : r >= n && t.isWindow ? n : r;
-      e.style.left = o + "px"
-  }
-  ,
-  a.prototype.moveTop = function(e, t, r, n) {
-      var o = r <= 0 && t.isWindow ? 0 : r >= n && t.isWindow ? n : r;
-      e.style.top = o + "px"
-  }
-  ,
-  a.prototype.restoreX = function(e, t) {
-      i(e, "left", t)
-  }
-  ,
-  a.prototype.restoreY = function(e, t) {
-      i(e, "top", t)
-  }
-  ,
-  a.prototype.onMouseUp = function(e, t, r, o) {
-      document["on" + o[2]] = function() {
-          if (r.endCB && r.endCB(),
-          document["on" + o[1]] = document["on" + o[2]] = null,
-          t.style.cursor = "",
-          r.origin) {
-              if (r.axis)
-                  if (r.axis.toLowerCase().indexOf("x") > -1)
-                      this.restoreX(e, r.originSpeed);
-                  else {
-                      if (!(r.axis.toLowerCase().indexOf("y") > -1))
-                          throw (0,
-                          n.ewError)("a Invalid value of axis!");
-                      this.restoreY(e, r.originSpeed)
-                  }
-              else
-                  this.restoreX(e, r.originSpeed),
-                  this.restoreY(e, r.originSpeed);
-              e.style.cssText = 'margin:0;position:"";'
-          }
-      }
-      .bind(this)
-  }
-  ,
-  t.default = a
-}
-, function(e, t, r) {
-  "use strict";
-  Object.defineProperty(t, "__esModule", {
-      value: !0
-  });
-  var n = r(0)
-    , o = {
-      width: "auto",
-      height: "auto",
-      border: "1px solid rgb(169, 169, 169)",
-      "min-height": "30px",
-      font: "400 13.3333px Arial;font-family: monospace",
-      "min-width": "157px",
-      "max-width": "157px",
-      padding: "2px",
-      display: "block",
-      background: "#fff"
-  };
-  function i(e) {
-      if ((0,
-      n.isDeepObject)(e))
-          if (e.el) {
-              var t = (0,
-              n.isStr)(e.el) ? (0,
-              n.getDom)(e.el) : e.el;
-              this.editextArea(t)
-          } else {
-              if (this.isModeUndefined(e.mode) && !this.isModeAuto(e.mode) && !this.isModeNotAuto(e.mode))
-                  throw (0,
-                  n.ewError)("you should pass a string param that called mode and mode is auto or notAuto!");
-              var r = (0,
-              n.isStr)(e.container) ? (0,
-              n.getDom)(e.container) : (0,
-              n.isDom)(e.container) ? e.container : null;
-              this.addTextArea(r, this.createEleAuto(e.mode))
-          }
-      else if ((0,
-      n.isUndefined)(e) || (0,
-      n.isNull)(e))
-          this.addTextArea(null, this.createEleAuto("notAuto"));
-      else if (this.isModeAuto(e) || this.isModeNotAuto(e))
-          this.addTextArea(null, this.createEleAuto(e));
-      else {
-          var o = (0,
-          n.isStr)(e) ? (0,
-          n.getDom)(e) : e;
-          this.editextArea(o)
-      }
-      return this
-  }
-  i.prototype.editextArea = function(e) {
-      if (e.length) {
-          var t = !0
-            , r = !1
-            , n = void 0;
-          try {
-              for (var o, i = e[Symbol.iterator](); !(t = (o = i.next()).done); t = !0) {
-                  var a = o.value;
-                  this.setEleAuto(a)
-              }
-          } catch (e) {
-              r = !0,
-              n = e
-          } finally {
-              try {
-                  !t && i.return && i.return()
-              } finally {
-                  if (r)
-                      throw n
-              }
-          }
-      } else
-          this.setEleAuto(e)
-  }
-  ,
-  i.prototype.addTextArea = function(e, t) {
-      var r = this;
-      if ((0,
-      n.isDom)(e))
-          if (e.length) {
-              var o = !0
-                , i = !1
-                , a = void 0;
-              try {
-                  for (var s, l = function() {
-                      var e = s.value
-                        , n = t.cloneNode(!0);
-                      n.tagName.toLowerCase().indexOf("textarea") > -1 && setTimeout(function() {
-                          r.autoTextArea(n)
-                      }, 0),
-                      e.appendChild(n)
-                  }, c = e[Symbol.iterator](); !(o = (s = c.next()).done); o = !0)
-                      l()
-              } catch (e) {
-                  i = !0,
-                  a = e
-              } finally {
-                  try {
-                      !o && c.return && c.return()
-                  } finally {
-                      if (i)
-                          throw a
-                  }
-              }
-          } else
-              e.appendChild(t);
-      else
-          document.body.appendChild(t)
-  }
-  ,
-  i.prototype.isModeUndefined = function(e) {
-      return !(0,
-      n.isStr)(e)
-  }
-  ,
-  i.prototype.isModeAuto = function(e) {
-      return e.indexOf("auto") > -1
-  }
-  ,
-  i.prototype.isModeNotAuto = function(e) {
-      return e.indexOf("notAuto") > -1
-  }
-  ,
-  i.prototype.setEleAuto = function(e) {
-      e.tagName.toLowerCase().indexOf("textarea") > -1 ? this.autoTextArea(e) : (e.setAttribute("contenteditable", !0),
-      e.style.cssText += (0,
-      n.cssObjToStr)(o))
-  }
-  ,
-  i.prototype.createEleAuto = function(e) {
-      var t = null
-        , r = function(e) {
-          this.autoTextArea(e)
-      }
-      .bind(this);
-      return this.isModeAuto(e) ? (t = document.createElement("textarea"),
-      setTimeout(r(t), 0)) : ((t = document.createElement("div")).style.cssText += (0,
-      n.cssObjToStr)(o),
-      t.classList.add("ew-textarea"),
-      t.setAttribute("contenteditable", !0)),
-      t
-  }
-  ,
-  i.prototype.autoTextArea = function(e, t, r) {
-      t = t || 0;
-      var o = document.getBoxObjectFor || "mozInnerScreenX"in window
-        , i = window.opera && window.opera.toString().indexOf("opera");
-      e.style.cssText += "resize:none;";
-      var a = parseInt((0,
-      n.getCss)(e, "height"))
-        , s = function() {
-          var s, l = 0, c = e.style;
-          o || i || (l = parseInt((0,
-          n.getCss)(e, "padding-bottom")) + parseInt((0,
-          n.getCss)(e, "padding-top"))),
-          c.height = a + "px",
-          e.scrollHeight > a && (r && e.scrollHeight > r ? (s = r - l,
-          c.overflowY = "auto") : (s = e.scrollHeight - l,
-          c.overflowY = "hidden"),
-          c.height = s + t + "px")
-      };
-      (0,
-      n.addEvent)(e, "propertychange", s),
-      (0,
-      n.addEvent)(e, "focus", s),
-      (0,
-      n.addEvent)(e, "input", s),
-      s()
-  }
-  ,
-  t.default = i
-}
-, function(e, t, r) {
-  "use strict";
-  Object.defineProperty(t, "__esModule", {
-      value: !0
-  });
-  var n = r(0)
-    , o = r(5)
-    , i = s(r(6))
-    , a = s(r(8));
-  function s(e) {
-      return e && e.__esModule ? e : {
-          default: e
-      }
-  }
-  function l(e, t, r) {
-      return r ? document.querySelectorAll ? e.querySelectorAll("." + t) : e.getElementsByClassName(t) : document.querySelector ? e.querySelector("." + t) : e.getElementsByClassName(t)[0]
-  }
-  function c(e, t, r) {
-      e.style[t] = r
-  }
-  function d(e) {
-      e.config.openPickerAni.indexOf("height") > -1 ? e.pickerFlag ? a.default.slideDown(e.picker, 400) : a.default.slideUp(e.picker, 400) : e.pickerFlag ? a.default.fadeIn(e.picker, 400) : a.default.fadeOut(e.picker, 400)
-  }
-  function u(e, t, r, n, o) {
-      c(e.pickerCursor, "left", t + "px"),
-      c(e.pickerCursor, "top", r + "px");
-      var i = parseInt(100 * t / n)
-        , a = parseInt(100 * (o - r) / o);
-      e.hsba.s = i > 100 ? 100 : i < 0 ? 0 : i,
-      e.hsba.b = a > 100 ? 100 : a < 0 ? 0 : a,
-      p(e)
-  }
-  function p(e, t) {
-      c(e.box, "background", (0,
-      o.colorHsbaToRgba)(e.hsba)),
-      c(e.arrowRight, "border-top-color", (0,
-      o.colorHsbaToRgba)(e.hsba)),
-      t || e.config.alpha ? e.pickerInput.value = (0,
-      o.colorHsbaToRgba)(e.hsba) : e.pickerInput.value = (0,
-      o.colorRgbaToHex)((0,
-      o.colorHsbaToRgba)(e.hsba))
-  }
-  function f(e) {
-      if (this.pickerFlag = !1,
-      (0,
-      n.isStr)(e) || (0,
-      n.isDom)(e)) {
-          var t = (0,
-          n.isDom)(e) ? e : (0,
-          n.getDom)(e);
-          if (this.config = {
-              hue: !0,
-              alpha: !1,
-              size: "normal",
-              predefineColor: [],
-              disabled: !1,
-              defaultColor: "",
-              openPickerAni: "height",
-              sure: function() {},
-              clear: function() {}
-          },
-          t.length)
-              for (var r = -1; ++r < t.length; )
-                  this.init(t[r], this.config);
-          else
-              this.init(t, this.config)
-      } else {
-          if (!(0,
-          n.isDeepObject)(e) || !(0,
-          n.isStr)(e.el) && !(0,
-          n.isDom)(e.el))
-              return (0,
-              n.isDeepObject)(e) ? (0,
-              n.ewError)("you should pass a param which is el and el must be a string or a dom element!") : (0,
-              n.ewError)("you should pass a param that it must be a string or a dom element!");
-          var o = (0,
-          n.isDom)(e.el) ? e.el : (0,
-          n.getDom)(e.el);
-          if (this.config = {
-              hue: e.hue || !0,
-              alpha: e.alpha || !1,
-              size: e.size || "normal",
-              predefineColor: e.predefineColor || [],
-              disabled: e.disabled || !1,
-              defaultColor: e.defaultColor || "",
-              openPickerAni: e.openPickerAni || "height",
-              sure: (0,
-              n.isFunction)(e.sure) ? e.sure : null,
-              clear: (0,
-              n.isFunction)(e.clear) ? e.clear : null
-          },
-          o.length)
-              for (var i = 0; i < o.length; )
-                  this.init(o[i], this.config),
-                  i++;
-          else
-              this.init(o, this.config)
-      }
-      return e
-  }
-  function h(e) {
-      var t = (0,
-      n.deepCloneObjByJSON)(e.hsba);
-      t? t.s = t.b = 100 : t = { s: 100, b: 100 }
-      e.alphaBarBg && c(e.alphaBarBg, "background", "linear-gradient(to top," + (0,
-      o.colorHsbaToRgba)(t, 0) + " 0%," + (0,
-      o.colorHsbaToRgba)(t) + " 100%)")
-  }
-  function g(e, t, r) {
-      e.pickerInput.value = e.config.alpha ? (0,
-      o.colorHsbaToRgba)(e.hsba) : (0,
-      o.colorRgbaToHex)((0,
-      o.colorHsbaToRgba)(e.hsba)),
-      e.arrowRight && c(e.arrowRight, "border-top-color", (0,
-      o.colorHsbaToRgba)(e.hsba));
-      var i = e.hueBar.offsetHeight || 180
-        , a = parseInt(e.hsba.s * t / 100)
-        , s = parseInt(r - e.hsba.b * r / 100)
-        , l = parseInt(e.hsba.h * i / 360);
-      c(e.pickerCursor, "left", a + 4 + "px"),
-      c(e.pickerCursor, "top", s + 4 + "px"),
-      c(e.hueThumb, "top", l + "px");
-      var d = (0,
-      n.deepCloneObjByJSON)(e.hsba);
-      if (d.s = d.b = 100,
-      c(e.pickerPanel, "background", (0,
-      o.colorRgbaToHex)((0,
-      o.colorHsbaToRgba)(d))),
-      e.config.alpha) {
-          var u = i - e.hsba.a * i;
-          c(e.alphaBarThumb, "top", u + "px")
-      }
-  }
-  function b(e, t) {
-      var r = e.hueBar.offsetHeight
-        , i = e.hueBar.getBoundingClientRect()
-        , a = Math.max(0, Math.min(t - i.y, r));
-      c(e.hueThumb, "top", a + "px");
-      var s = (0,
-      n.deepCloneObjByJSON)(e.hsba);
-      s.s = 100,
-      s.b = 100,
-      e.hsba.h = s.h = parseInt(360 * a / r),
-      c(e.pickerPanel, "background", (0,
-      o.colorRgbaToHex)((0,
-      o.colorHsbaToRgba)(s))),
-      p(e),
-      h(e)
-  }
-  function m(e, t) {
-      var r = e.hueBar.offsetHeight
-        , n = e.hueBar.getBoundingClientRect()
-        , o = Math.max(0, Math.min(t - n.y, r));
-      c(e.alphaBarThumb, "top", o + "px");
-      var i = (r - o <= 0 ? 0 : r - o) / r;
-      e.hsba.a = i >= 1 ? 1 : i.toFixed(2),
-      p(e, !0)
-  }
-  f.prototype.init = function(e, t) {
-      this.render(e, t),
-      document.getElementsByTagName("head")[0].appendChild(i.default)
-  }
-  ,
-  f.prototype.render = function(e, t) {
-      var r = void 0
-        , o = void 0
-        , i = "";
-      if ((0,
-      n.isStr)(t.size))
-          switch (t.size) {
-          case "normal":
-              r = o = "40px";
-              break;
-          case "medium":
-              r = o = "36px";
-              break;
-          case "small":
-              r = o = "32px";
-              break;
-          case "mini":
-              r = o = "28px"
-          }
-      else {
-          if (!(0,
-          n.isDeepObject)(t.size))
-              return (0,
-              n.ewError)("the value must be a string which is one of the normal,medium,small,mini,or must be an object and need to contain width or height property!");
-          r = t.size.width && (0,
-          n.isNumber)(t.size.width) ? t.size.width + "px" : (0,
-          n.isStr)(t.size.width) ? parseInt(t.size.width) + "px" : "40px",
-          o = t.size.height && (0,
-          n.isNumber)(t.size.height) ? t.size.height + "px" : (0,
-          n.isStr)(t.size.height) ? parseInt(t.size.height) : "40px"
-      }
-      (0,
-      n.isDeepArray)(t.predefineColor) && t.predefineColor.length && t.predefineColor.map(function(e) {
-          i += '<div class="ew-pre-define-color" style="background:' + e + ';" tabIndex=0></div>'
-      });
-      var a = t.defaultColor ? '<div class="ew-color-picker-arrow">\n        <div class="ew-color-picker-arrow-left"></div>\n        <div class="ew-color-picker-arrow-right"></div>\n    </div>' : '<div class="ew-color-picker-no">X</div>'
-        , s = t.alpha ? '<div class="ew-alpha-slider-bar">\n    <div class="ew-alpha-slider-wrapper"></div>\n    <div class="ew-alpha-slider-bg"></div>\n    <div class="ew-alpha-slider-thumb"></div>\n    </div>' : ""
-        , l = i ? '<div class="ew-pre-define-color-container">' + i + "</div>" : ""
-        , c = '<div class="ew-color-picker-box ' + (t.disabled ? "ew-color-picker-box-disabled" : "") + '" tabindex="0" style="background:' + t.defaultColor + ";width:" + r + ";height:" + o + '">\n                ' + a + '\n            </div>\n            <div class="ew-color-picker">\n                <div class="ew-color-picker-content">\n                    <div class="ew-color-slider">\n                        ' + s + '\n                        <div class="ew-color-slider-bar">\n                            <div class="ew-color-slider-thumb"></div>\n                        </div>\n                    </div>\n                    <div class="ew-color-panel" style="background:red;">\n                        <div class="ew-color-white-panel"></div>\n                        <div class="ew-color-black-panel"></div>\n                        <div class="ew-color-cursor"></div>\n                    </div>\n                </div>\n                <div class="ew-color-dropbtns">\n                    <input type="text" class="ew-color-input">\n                    <div class="ew-color-dropbtngroup">\n                        <button class="ew-color-clear ew-color-dropbtn">清空</button>\n                        <button class="ew-color-sure ew-color-dropbtn">确定</button>\n                    </div>\n                </div>\n                ' + l + "\n            </div>";
-      e.innerHTML = c,
-      this.startMain(e, t)
-  }
-  ,
-  f.prototype.startMain = function(e, t) {
-      var r = this;
-      this.box = l(e, "ew-color-picker-box"),
-      this.arrowRight = l(e, "ew-color-picker-arrow-right"),
-      this.pickerPanel = l(e, "ew-color-panel"),
-      this.pickerCursor = l(e, "ew-color-cursor"),
-      this.pickerInput = l(e, "ew-color-input"),
-      this.pickerClear = l(e, "ew-color-clear"),
-      this.pickerSure = l(e, "ew-color-sure"),
-      this.hueBar = l(e, "ew-color-slider-bar"),
-      this.hueThumb = l(e, "ew-color-slider-thumb"),
-      this.picker = l(e, "ew-color-picker"),
-      this.slider = l(e, "ew-color-slider"),
-      this.hsba = this.config.defaultColor ? (0,
-      o.colorRgbaToHsba)((0,
-      o.colorToRgb)(this.config.defaultColor)) : {
-        h: 0,
-        s: 0,
-        b: 100,
-        a: 1
+    var t = {};
+    function r(n) {
+        if (t[n])
+            return t[n].exports;
+        var o = t[n] = {
+            i: n,
+            l: !1,
+            exports: {}
+        };
+        return e[n].call(o.exports, o, o.exports, r),
+        o.l = !0,
+        o.exports
+    }
+    r.m = e,
+    r.c = t,
+    r.d = function(e, t, n) {
+        r.o(e, t) || Object.defineProperty(e, t, {
+            enumerable: !0,
+            get: n
+        })
+    }
+    ,
+    r.r = function(e) {
+        "undefined" != typeof Symbol && Symbol.toStringTag && Object.defineProperty(e, Symbol.toStringTag, {
+            value: "Module"
+        }),
+        Object.defineProperty(e, "__esModule", {
+            value: !0
+        })
+    }
+    ,
+    r.t = function(e, t) {
+        if (1 & t && (e = r(e)),
+        8 & t)
+            return e;
+        if (4 & t && "object" == typeof e && e && e.__esModule)
+            return e;
+        var n = Object.create(null);
+        if (r.r(n),
+        Object.defineProperty(n, "default", {
+            enumerable: !0,
+            value: e
+        }),
+        2 & t && "string" != typeof e)
+            for (var o in e)
+                r.d(n, o, function(t) {
+                    return e[t]
+                }
+                .bind(null, o));
+        return n
+    }
+    ,
+    r.n = function(e) {
+        var t = e && e.__esModule ? function() {
+            return e.default
+        }
+        : function() {
+            return e
+        }
+        ;
+        return r.d(t, "a", t),
+        t
+    }
+    ,
+    r.o = function(e, t) {
+        return Object.prototype.hasOwnProperty.call(e, t)
+    }
+    ,
+    r.p = "",
+    r(r.s = 1)
+  }([function(e, t, r) {
+    "use strict";
+    Object.defineProperty(t, "__esModule", {
+        value: !0
+    });
+    var n = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+        return typeof e
+    }
+    : function(e) {
+        return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e
+    }
+    ;
+    function o(e) {
+        return "string" == typeof e
+    }
+    function i(e) {
+        return null !== e && "object" === (void 0 === e ? "undefined" : n(e))
+    }
+    function a(e) {
+        return "[object Array]" === Object.prototype.toString.call(e)
+    }
+    t.isNumber = function(e) {
+        return "number" == typeof e
+    }
+    ,
+    t.isStr = o,
+    t.isUndefined = function(e) {
+        return void 0 === e
+    }
+    ,
+    t.isNull = function(e) {
+        return null === e
+    }
+    ,
+    t.isFunction = function(e) {
+        return "function" == typeof e
+    }
+    ,
+    t.isShallowObject = i,
+    t.isDeepObject = function(e) {
+        return "[object Object]" === Object.prototype.toString.call(e)
+    }
+    ,
+    t.isDeepArray = a,
+    t.ewObjToArray = function(e) {
+        if (e && e.length)
+            return Array.prototype.slice.call(e)
+    }
+    ,
+    t.isIB = function(e) {
+        return e.indexOf("inline-block") > -1
+    }
+    ,
+    t.isStat = function(e) {
+        return e.indexOf("static") > -1
+    }
+    ,
+    t.isRel = function(e) {
+        return e.indexOf("relative") > -1
+    }
+    ,
+    t.isAbs = function(e) {
+        return e.indexOf("absolute") > -1
+    }
+    ,
+    t.isDom = function(e) {
+        return "object" === ("undefined" == typeof HTMLElement ? "undefined" : n(HTMLElement)) ? e instanceof HTMLElement : e && "object" === (void 0 === e ? "undefined" : n(e)) && 1 === e.nodeType && "string" == typeof e.nodeName || e instanceof HTMLCollection || e instanceof NodeList
+    }
+    ,
+    t.ewAssign = function(e, t) {
+        if (null === e)
+            return;
+        if (Object.assign)
+            return Object.assign(e, t);
+        for (var r = Object(e), n = 1; n < arguments.length; n++) {
+            var o = arguments[n];
+            if (o)
+                for (var i in o)
+                    Object.prototype.hasOwnProperty.call(o, i) && (r[i] = o[i])
+        }
+        return r
+    }
+    ,
+    t.ewError = function(e) {
+        return new Error(e)
+    }
+    ,
+    t.deepCloneObjByJSON = function(e) {
+        return JSON.parse(JSON.stringify(e))
+    }
+    ,
+    t.cssObjToStr = function(e) {
+        if (!i(e))
+            return;
+        var t = "";
+        for (var r in e)
+            t += s(r) + ":" + e[r] + ";";
+        return t
+    }
+    ,
+    t.keba = s,
+    t.getCss = function(e, t) {
+        var r = e.currentStyle ? function(t) {
+            var n = e.currentStyle[t];
+            if (n.indexOf("height") > -1 && n.search(/px/i) > -1) {
+                var o = e.getBoundingClientRect;
+                return o.bottom - o.top - parseInt(r("padding-bottom")) - parseInt(r("padding-top")) + "px"
+            }
+        }
+        : function(t) {
+            return window.getComputedStyle(e, null)[t]
+        }
+        ;
+        return r(t)
+    }
+    ,
+    t.requestAnimationFrame = function() {
+        window.requestAnimationFrame = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.msRequestAnimationFrame || window.oRequestAnimationFrame || function(e) {
+            return window.setTimeout(e, 1e3 / 60)
+        }
+    }
+    ,
+    t.createElement = function(e) {
+        return document.createElement(e)
+    }
+    ,
+    t.addClass = function(e, t) {
+        return e.classList.add(t)
+    }
+    ,
+    t.removeClass = function(e, t) {
+        return e.classList.remove(t)
+    }
+    ,
+    t.clone = function(e) {
+        return e.cloneNode(!0)
+    }
+    ,
+    t.addEvent = function(e, t, r) {
+        e.addEventListener ? e.addEventListener(t, r, !1) : e.attachEvent("on" + t, r)
+    }
+    ;
+    t.deepCloneObjByRecursion = function e(t) {
+        if (i(t)) {
+            var r = a(t) ? [] : {};
+            for (var n in t)
+                r[n] = i(t[n]) ? e(t[n]) : t[n];
+            return r
+        }
+    }
+    ;
+    function s(e) {
+        if (o(e))
+            return e.replace(/A-Z/g, function(e) {
+                return "-" + e.toLowerCase()
+            })
+    }
+    t.getDom = function(e) {
+        var t, r = e.slice(0, 1), n = e.slice(1);
+        return /^[#\.]/.test(r) ? "#" === r ? t = document.getElementById(n) : "." === r && (t = document.getElementsByClassName(n)) : t = document.getElementsByTagName(e),
+        t
+    }
+    ,
+    t.eventType = navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i) ? ["touchstart", "touchmove", "touchend"] : ["mousedown", "mousemove", "mouseup"]
+  }
+  , function(e, t, r) {
+    "use strict";
+    var n, o, i, a = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+        return typeof e
+    }
+    : function(e) {
+        return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e
+    }
+    , s = r(0), l = u(r(2)), c = u(r(3)), d = u(r(4));
+    function u(e) {
+        return e && e.__esModule ? e : {
+            default: e
+        }
+    }
+    i = function() {
+        function e(e, t) {
+            if (!(0,
+            s.isStr)(e))
+                throw (0,
+                s.ewError)("you should pass a string params,sush as drag,textarea,colorpicker！");
+            switch (e) {
+            case "drag":
+                return new l.default(t);
+            case "textarea":
+                return new c.default(t);
+            case "colorpicker":
+                return new d.default(t)
+            }
+            return this
+        }
+        return window.ewPlugins || (window.ewPlugins = e),
+        e
+    }
+    ,
+    "object" === a(t) && void 0 !== e ? e.exports = i() : void 0 === (o = "function" == typeof (n = i) ? n.call(t, r, t, e) : n) || (e.exports = o)
+  }
+  , function(e, t, r) {
+    "use strict";
+    Object.defineProperty(t, "__esModule", {
+        value: !0
+    });
+    var n = r(0)
+      , o = [];
+    function i(e, t, r) {
+        var n = null
+          , o = parseInt(e.style[t])
+          , i = !isNaN(r) && r > 0 && r <= o ? r : 50;
+        e.style.transition = t + " .3s ease-out .1s";
+        !function r() {
+            o -= i,
+            e.style[t] = o + "px",
+            n && o <= 0 ? (e.style[t] = "",
+            clearTimeout(n)) : n = setTimeout(r, 100)
+        }()
+    }
+    function a(e) {
+        var t, r, i, a, s;
+        if ((0,
+        n.isStr)(e) || (0,
+        n.isDom)(e))
+            r = (0,
+            n.isStr)(e) ? (0,
+            n.getDom)(e) : e,
+            t = {
+                width: window.innerWidth,
+                height: window.innerHeight,
+                isWindow: !0
+            };
+        else {
+            if (!(0,
+            n.isDeepObject)(e) || !e.el)
+                return (0,
+                n.ewError)("you should pass a string param or an object param!");
+            r = (0,
+            n.isStr)(e.el) ? (0,
+            n.getDom)(e.el) : e.el,
+            i = (0,
+            n.isStr)(e.scopeEl) ? (0,
+            n.getDom)(e.scopeEl) : e.scopeEl,
+            a = (0,
+            n.isStr)(e.designEl) ? (0,
+            n.getDom)(e.designEl) : e.designEl,
+            s = (0,
+            n.isStr)(e.disabledButton) ? (0,
+            n.getDom)(e.disabledButton) : e.disabledButton,
+            (t = {
+                width: e.width || window.innerWidth,
+                height: e.height || window.innerHeight,
+                scopeEl: e.scopeEl || null,
+                isWindow: !!(0,
+                n.isUndefined)(e.isWindow) || e.isWindow,
+                origin: e.origin || !1,
+                designEl: a || null,
+                startCB: (0,
+                n.isFunction)(e.startCB) ? e.startCB : null,
+                moveCB: (0,
+                n.isFunction)(e.moveCB) ? e.moveCB : null,
+                endCB: (0,
+                n.isFunction)(e.endCB) ? e.endCB : null,
+                dragDisabled: e.dragDisabled || !1,
+                disabledButton: s || null,
+                grid: e.grid || [],
+                ani_transition: (0,
+                n.isStr)(e.ani_transition) || (0,
+                n.isDeepObject)(e.ani_transition) ? e.ani_transition : null
+            }).scopeEl && (t.scopeEl = i.length ? i[0] : i,
+            t.width = (0,
+            n.getCss)(t.scopeEl, "width"),
+            t.height = (0,
+            n.getCss)(t.scopeEl, "height")),
+            e.axis && (t.axis = e.axis)
+        }
+        return o.push(t),
+        this.config = o,
+        this.beforeInit(r, t),
+        s && this.clickDisable(s, r, t),
+        this
+    }
+    a.prototype.clickDisable = function(e, t, r) {
+        if (e && e.length > 0)
+            for (var o = 0, i = e.length; o < i; o++)
+                a(this, e[o]);
+        else
+            a(this, e);
+        function a(e, o) {
+            o && (o.onclick = function() {
+                e.config.length > 1 ? e.config.forEach(function(t) {
+                    (0,
+                    n.ewObjToArray)(t.disabledButton).indexOf(o) > -1 && (t.dragDisabled = !t.dragDisabled,
+                    e.beforeInit(t.el, t))
+                }) : t.length > 0 ? (e.config[0].dragDisabled = !e.config[0].dragDisabled,
+                (0,
+                n.ewObjToArray)(t).forEach(function(t) {
+                    e.beforeInit(t, e.config[0])
+                })) : (r.dragDisabled = !r.dragDisabled,
+                e.beforeInit(r.el, r))
+            }
+            )
+        }
+    }
+    ,
+    a.prototype.beforeInit = function(e, t) {
+        if (e && e.length > 0)
+            for (var r = 0, o = e.length; r < o; r++)
+                this.init((0,
+                n.ewAssign)(t, {
+                    el: e[r]
+                })),
+                this.resize(this, (0,
+                n.ewAssign)(t, {
+                    el: e[r]
+                }));
+        else
+            t.el = e,
+            this.init(t),
+            this.resize(this, t)
+    }
+    ,
+    a.prototype.resize = function(e, t) {
+        window.onresize = function() {
+            t.scopeEl || (t.width = window.innerWidth,
+            t.height = window.innerHeight),
+            e.init(t)
+        }
+    }
+    ,
+    a.prototype.init = function(e) {
+        e.width = parseInt(e.width) <= parseInt((0,
+        n.getCss)(e.el, "width")) ? window.innerWidth : parseInt(e.width),
+        e.height = parseInt(e.height) <= parseInt((0,
+        n.getCss)(e.el, "height")) ? window.innerHeight : parseInt(e.height),
+        this.onMouseDown(e)
+    }
+    ,
+    a.prototype.onMouseDown = function(e) {
+        if ((0,
+        n.isDom)(e.designEl))
+            if (e.designEl.length > 0) {
+                var t = this;
+                (0,
+                n.ewObjToArray)(e.designEl).forEach(function(r) {
+                    t.config.length > 1 ? t.config.map(function(e) {
+                        e.designEl && (0,
+                        n.ewObjToArray)(e.designEl).indexOf(r) > -1 && i(t, e.el, r, e)
+                    }) : r.parentElement ? i(t, r.parentElement, r, t.config[0]) : i(t, e.el, r, t.config[0])
+                })
+            } else
+                i(this, e.el, e.designEl, e);
+        else
+            i(this, e.el, e.el, e);
+        function r() {
+            this.style.cursor = "move"
+        }
+        function o() {
+            this.style.cursor = ""
+        }
+        function i(e, t, i, a) {
+            a.dragDisabled ? (i.removeEventListener("mouseenter", r),
+            i.removeEventListener("mouseleave", o),
+            i["on" + n.eventType[0]] = null,
+            document["on" + n.eventType[1]] = document["on" + n.eventType[2]] = null) : (i.addEventListener("mouseenter", r),
+            i.addEventListener("mouseleave", o),
+            i["on" + n.eventType[0]] = function(r) {
+                a.startCB && a.startCB(),
+                a.ani_transition && (t.style.cssText += (0,
+                n.isStr)(a.ani_transition) && a.ani_transition.indexOf("transition") > -1 ? a.ani_transition : (0,
+                n.cssObjToStr)(a.ani_transition).indexOf("transition") > -1 ? (0,
+                n.cssObjToStr)(a.ani_transition) : "");
+                var o = n.eventType[0].indexOf("touch") > -1 ? r.changedTouches[0].clientX - t.offsetLeft : r.clientX - t.offsetLeft
+                  , s = n.eventType[0].indexOf("touch") > -1 ? r.changedTouches[0].clientY - t.offsetTop : r.clientY - t.offsetTop;
+                e.onMouseMove(t, a, o, s, n.eventType),
+                e.onMouseUp(t, i, a, n.eventType)
+            }
+            )
+        }
+    }
+    ,
+    a.prototype.onMouseMove = function(e, t, r, o, i) {
+        var a = (0,
+        n.getCss)(e, "position");
+        document["on" + i[1]] = function(s) {
+            var l, c, d, u, p = i[0].indexOf("touch") > -1 ? s.changedTouches[0].clientX : s.clientX, f = i[0].indexOf("touch") > -1 ? s.changedTouches[0].clientY : s.clientY;
+            if (e.style.margin = 0,
+            (0,
+            n.isAbs)(a) || (e.style.position = "absolute"),
+            t.moveCB && t.moveCB(),
+            (0,
+            n.isDeepArray)(t.grid) && t.grid.length && t.grid.length <= 2) {
+                var h = p - r
+                  , g = parseInt(t.grid[0])
+                  , b = f - o
+                  , m = parseInt(t.grid[1]);
+                isNaN(g) || (l = g * parseInt(h / g)),
+                isNaN(m) || (c = m * parseInt(b / m))
+            } else
+                l = p - r,
+                c = f - o;
+            if (d = t.width - e.offsetWidth,
+            u = t.height - e.offsetHeight,
+            t.axis)
+                if (t.axis.toLowerCase().indexOf("x") > -1)
+                    this.moveLeft(e, t, l, d);
+                else {
+                    if (!(t.axis.toLowerCase().indexOf("y") > -1))
+                        throw (0,
+                        n.ewError)("a Invalid value of axis!");
+                    this.moveTop(e, t, c, u)
+                }
+            else
+                this.moveLeft(e, t, l, d),
+                this.moveTop(e, t, c, u)
+        }
+        .bind(this)
+    }
+    ,
+    a.prototype.moveLeft = function(e, t, r, n) {
+        var o = r <= 0 && t.isWindow ? 0 : r >= n && t.isWindow ? n : r;
+        e.style.left = o + "px"
+    }
+    ,
+    a.prototype.moveTop = function(e, t, r, n) {
+        var o = r <= 0 && t.isWindow ? 0 : r >= n && t.isWindow ? n : r;
+        e.style.top = o + "px"
+    }
+    ,
+    a.prototype.restoreX = function(e, t) {
+        i(e, "left", t)
+    }
+    ,
+    a.prototype.restoreY = function(e, t) {
+        i(e, "top", t)
+    }
+    ,
+    a.prototype.onMouseUp = function(e, t, r, o) {
+        document["on" + o[2]] = function() {
+            if (r.endCB && r.endCB(),
+            document["on" + o[1]] = document["on" + o[2]] = null,
+            t.style.cursor = "",
+            r.origin) {
+                if (r.axis)
+                    if (r.axis.toLowerCase().indexOf("x") > -1)
+                        this.restoreX(e, r.originSpeed);
+                    else {
+                        if (!(r.axis.toLowerCase().indexOf("y") > -1))
+                            throw (0,
+                            n.ewError)("a Invalid value of axis!");
+                        this.restoreY(e, r.originSpeed)
+                    }
+                else
+                    this.restoreX(e, r.originSpeed),
+                    this.restoreY(e, r.originSpeed);
+                e.style.cssText = 'margin:0;position:"";'
+            }
+        }
+        .bind(this)
+    }
+    ,
+    t.default = a
+  }
+  , function(e, t, r) {
+    "use strict";
+    Object.defineProperty(t, "__esModule", {
+        value: !0
+    });
+    var n = r(0)
+      , o = {
+        width: "auto",
+        height: "auto",
+        border: "1px solid rgb(169, 169, 169)",
+        "min-height": "30px",
+        font: "400 13.3333px Arial;font-family: monospace",
+        "min-width": "157px",
+        "max-width": "157px",
+        padding: "2px",
+        display: "block",
+        background: "#fff"
     };
-      for (var i = this.panelWidth = parseInt((0,
-      n.getCss)(this.pickerPanel, "width")), a = this.panelHeight = parseInt((0,
-      n.getCss)(this.pickerPanel, "height")), s = e, c = s.offsetTop, f = s.offsetLeft; s.offsetParent; )
-          c += s.offsetParent.offsetTop,
-          f += s.offsetParent.offsetLeft,
-          s = s.offsetParent;
-      this.pancelLeft = f,
-      this.pancelTop = c + e.offsetHeight,
-      this.preDefineItem = l(e, "ew-pre-define-color", !0),
-      this.preDefineItem.length && (0,
-      n.ewObjToArray)(this.preDefineItem).map(function(e) {
-          e.addEventListener("click", function(e) {
-              (0,
-              n.ewObjToArray)(this.parentElement.children).forEach(function(e) {
-                  (0,
-                  n.removeClass)(e, "ew-pre-define-color-active")
-              }),
-              (0,
-              n.addClass)(e.target, "ew-pre-define-color-active");
-              var t = (0,
+    function i(e) {
+        if ((0,
+        n.isDeepObject)(e))
+            if (e.el) {
+                var t = (0,
+                n.isStr)(e.el) ? (0,
+                n.getDom)(e.el) : e.el;
+                this.editextArea(t)
+            } else {
+                if (this.isModeUndefined(e.mode) && !this.isModeAuto(e.mode) && !this.isModeNotAuto(e.mode))
+                    throw (0,
+                    n.ewError)("you should pass a string param that called mode and mode is auto or notAuto!");
+                var r = (0,
+                n.isStr)(e.container) ? (0,
+                n.getDom)(e.container) : (0,
+                n.isDom)(e.container) ? e.container : null;
+                this.addTextArea(r, this.createEleAuto(e.mode))
+            }
+        else if ((0,
+        n.isUndefined)(e) || (0,
+        n.isNull)(e))
+            this.addTextArea(null, this.createEleAuto("notAuto"));
+        else if (this.isModeAuto(e) || this.isModeNotAuto(e))
+            this.addTextArea(null, this.createEleAuto(e));
+        else {
+            var o = (0,
+            n.isStr)(e) ? (0,
+            n.getDom)(e) : e;
+            this.editextArea(o)
+        }
+        return this
+    }
+    i.prototype.editextArea = function(e) {
+        if (e.length) {
+            var t = !0
+              , r = !1
+              , n = void 0;
+            try {
+                for (var o, i = e[Symbol.iterator](); !(t = (o = i.next()).done); t = !0) {
+                    var a = o.value;
+                    this.setEleAuto(a)
+                }
+            } catch (e) {
+                r = !0,
+                n = e
+            } finally {
+                try {
+                    !t && i.return && i.return()
+                } finally {
+                    if (r)
+                        throw n
+                }
+            }
+        } else
+            this.setEleAuto(e)
+    }
+    ,
+    i.prototype.addTextArea = function(e, t) {
+        var r = this;
+        if ((0,
+        n.isDom)(e))
+            if (e.length) {
+                var o = !0
+                  , i = !1
+                  , a = void 0;
+                try {
+                    for (var s, l = function() {
+                        var e = s.value
+                          , n = t.cloneNode(!0);
+                        n.tagName.toLowerCase().indexOf("textarea") > -1 && setTimeout(function() {
+                            r.autoTextArea(n)
+                        }, 0),
+                        e.appendChild(n)
+                    }, c = e[Symbol.iterator](); !(o = (s = c.next()).done); o = !0)
+                        l()
+                } catch (e) {
+                    i = !0,
+                    a = e
+                } finally {
+                    try {
+                        !o && c.return && c.return()
+                    } finally {
+                        if (i)
+                            throw a
+                    }
+                }
+            } else
+                e.appendChild(t);
+        else
+            document.body.appendChild(t)
+    }
+    ,
+    i.prototype.isModeUndefined = function(e) {
+        return !(0,
+        n.isStr)(e)
+    }
+    ,
+    i.prototype.isModeAuto = function(e) {
+        return e.indexOf("auto") > -1
+    }
+    ,
+    i.prototype.isModeNotAuto = function(e) {
+        return e.indexOf("notAuto") > -1
+    }
+    ,
+    i.prototype.setEleAuto = function(e) {
+        e.tagName.toLowerCase().indexOf("textarea") > -1 ? this.autoTextArea(e) : (e.setAttribute("contenteditable", !0),
+        e.style.cssText += (0,
+        n.cssObjToStr)(o))
+    }
+    ,
+    i.prototype.createEleAuto = function(e) {
+        var t = null
+          , r = function(e) {
+            this.autoTextArea(e)
+        }
+        .bind(this);
+        return this.isModeAuto(e) ? (t = document.createElement("textarea"),
+        setTimeout(r(t), 0)) : ((t = document.createElement("div")).style.cssText += (0,
+        n.cssObjToStr)(o),
+        t.classList.add("ew-textarea"),
+        t.setAttribute("contenteditable", !0)),
+        t
+    }
+    ,
+    i.prototype.autoTextArea = function(e, t, r) {
+        t = t || 0;
+        var o = document.getBoxObjectFor || "mozInnerScreenX"in window
+          , i = window.opera && window.opera.toString().indexOf("opera");
+        e.style.cssText += "resize:none;";
+        var a = parseInt((0,
+        n.getCss)(e, "height"))
+          , s = function() {
+            var s, l = 0, c = e.style;
+            o || i || (l = parseInt((0,
+            n.getCss)(e, "padding-bottom")) + parseInt((0,
+            n.getCss)(e, "padding-top"))),
+            c.height = a + "px",
+            e.scrollHeight > a && (r && e.scrollHeight > r ? (s = r - l,
+            c.overflowY = "auto") : (s = e.scrollHeight - l,
+            c.overflowY = "hidden"),
+            c.height = s + t + "px")
+        };
+        (0,
+        n.addEvent)(e, "propertychange", s),
+        (0,
+        n.addEvent)(e, "focus", s),
+        (0,
+        n.addEvent)(e, "input", s),
+        s()
+    }
+    ,
+    t.default = i
+  }
+  , function(e, t, r) {
+    "use strict";
+    Object.defineProperty(t, "__esModule", {
+        value: !0
+    });
+    var n = r(0)
+      , o = r(5)
+      , i = s(r(6))
+      , a = s(r(8));
+    function s(e) {
+        return e && e.__esModule ? e : {
+            default: e
+        }
+    }
+    function l(e, t, r) {
+        return r ? document.querySelectorAll ? e.querySelectorAll("." + t) : e.getElementsByClassName(t) : document.querySelector ? e.querySelector("." + t) : e.getElementsByClassName(t)[0]
+    }
+    function c(e, t, r) {
+        e.style[t] = r
+    }
+    function d(e) {
+        e.config.openPickerAni.indexOf("height") > -1 ? e.pickerFlag ? a.default.slideDown(e.picker, 400) : a.default.slideUp(e.picker, 400) : e.pickerFlag ? a.default.fadeIn(e.picker, 400) : a.default.fadeOut(e.picker, 400)
+    }
+    function u(e, t, r, n, o) {
+        c(e.pickerCursor, "left", t + "px"),
+        c(e.pickerCursor, "top", r + "px");
+        var i = parseInt(100 * t / n)
+          , a = parseInt(100 * (o - r) / o);
+        e.hsba.s = i > 100 ? 100 : i < 0 ? 0 : i,
+        e.hsba.b = a > 100 ? 100 : a < 0 ? 0 : a,
+        p(e)
+    }
+    function p(e, t) {
+      //   c(e.box, "background", (0,
+      //   o.colorHsbaToRgba)(e.hsba)),
+        c(e.arrowRight, "border-top-color", (0,
+        o.colorHsbaToRgba)(e.hsba)),
+        t || e.config.alpha ? e.pickerInput.value = (0,
+        o.colorHsbaToRgba)(e.hsba) : e.pickerInput.value = (0,
+        o.colorRgbaToHex)((0,
+        o.colorHsbaToRgba)(e.hsba))
+    }
+    function f(e) {
+        if (this.pickerFlag = !1,
+        (0,
+        n.isStr)(e) || (0,
+        n.isDom)(e)) {
+            var t = (0,
+            n.isDom)(e) ? e : (0,
+            n.getDom)(e);
+            if (this.config = {
+                hue: !0,
+                alpha: !1,
+                size: "normal",
+                predefineColor: [],
+                disabled: !1,
+                defaultColor: "",
+                openPickerAni: "height",
+                sure: function() {},
+                clear: function() {},
+            },
+            t.length)
+                for (var r = -1; ++r < t.length; )
+                    this.init(t[r], this.config);
+            else
+                this.init(t, this.config)
+        } else {
+            if (!(0,
+            n.isDeepObject)(e) || !(0,
+            n.isStr)(e.el) && !(0,
+            n.isDom)(e.el))
+                return (0,
+                n.isDeepObject)(e) ? (0,
+                n.ewError)("you should pass a param which is el and el must be a string or a dom element!") : (0,
+                n.ewError)("you should pass a param that it must be a string or a dom element!");
+            var o = (0,
+            n.isDom)(e.el) ? e.el : (0,
+            n.getDom)(e.el);
+            if (this.config = {
+                hue: e.hue || !0,
+                alpha: e.alpha || !1,
+                size: e.size || "normal",
+                predefineColor: e.predefineColor || [],
+                disabled: e.disabled || !1,
+                defaultColor: e.defaultColor || "",
+                openPickerAni: e.openPickerAni || "height",
+                sure: (0,
+                n.isFunction)(e.sure) ? e.sure : null,
+                clear: (0,
+                n.isFunction)(e.clear) ? e.clear : null,
+                startMainCallback: (0,
+                  n.isFunction)(e.startMainCallback) ? e.startMainCallback : null
+            },
+            o.length)
+                for (var i = 0; i < o.length; )
+                    this.init(o[i], this.config),
+                    i++;
+            else
+                this.init(o, this.config)
+        }
+        this.close = () => {
+          this.pickerFlag = !this.pickerFlag,
+          this.render(this.box.parentNode, this.config),
+          d(this),
+          g(this, this.panelWidth, this.panelHeight)
+        }
+  
+        function createGuid(){
+          return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(e){let t=Math.random()*16|0;return(e==="x"?t:t&3|8).toString(16)})
+        }
+  
+        let _this = this
+        let uid = createGuid()
+        this.uid = uid
+        _this.box.setAttribute("color-box-id", uid)
+        function clickEvent(event) {
+          if(!document.contains(_this.box)) {
+              document.removeEventListener('click', clickEvent);
+          }
+          // 检查点击事件是否发生在核心元素或其子元素之外
+          let boxNode
+          function recursion(node) {
+              if(!node.parentNode) {
+                  boxNode = node
+              }
+              else {
+                  if(node.getAttribute("color-box-id") === uid) {
+                      boxNode = node
+                  }
+                  else {
+                      recursion(node.parentNode)
+                  }
+              }
+          }
+          recursion(event.target)
+          if(!boxNode) {
+              if(_this.pickerFlag) {
+                  _this.close()
+              }
+          }
+          else {
+              if (!boxNode.getAttribute || boxNode.getAttribute("color-box-id") !== uid) {
+                  if(_this.pickerFlag) {
+                      _this.close()
+                  }
+              }
+          }
+        }
+        document.addEventListener('click', clickEvent);
+        return this
+    }
+    function h(e) {
+        var t = (0,
+        n.deepCloneObjByJSON)(e.hsba);
+        t? t.s = t.b = 100 : t = { s: 100, b: 100 }
+        e.alphaBarBg && c(e.alphaBarBg, "background", "linear-gradient(to top," + (0,
+        o.colorHsbaToRgba)(t, 0) + " 0%," + (0,
+        o.colorHsbaToRgba)(t) + " 100%)")
+    }
+    function g(e, t, r) {
+        e.pickerInput.value = e.config.alpha ? (0,
+        o.colorHsbaToRgba)(e.hsba) : (0,
+        o.colorRgbaToHex)((0,
+        o.colorHsbaToRgba)(e.hsba)),
+        e.arrowRight && c(e.arrowRight, "border-top-color", (0,
+        o.colorHsbaToRgba)(e.hsba));
+        var i = e.hueBar.offsetHeight || 180
+          , a = parseInt(e.hsba.s * t / 100)
+          , s = parseInt(r - e.hsba.b * r / 100)
+          , l = parseInt(e.hsba.h * i / 360);
+        c(e.pickerCursor, "left", a + "px"),
+        c(e.pickerCursor, "top", s + "px"),
+        c(e.hueThumb, "top", l + "px");
+        var d = (0,
+        n.deepCloneObjByJSON)(e.hsba);
+        if (d.s = d.b = 100,
+        c(e.pickerPanel, "background", (0,
+        o.colorRgbaToHex)((0,
+        o.colorHsbaToRgba)(d))),
+        e.config.alpha) {
+            var u = i - e.hsba.a * i;
+            c(e.alphaBarThumb, "top", u + "px")
+        }
+    }
+    function b(e, t) {
+        var r = e.hueBar.offsetHeight
+          , i = e.hueBar.getBoundingClientRect()
+          , a = Math.max(0, Math.min(t - i.y, r));
+        c(e.hueThumb, "top", a + "px");
+        var s = (0,
+        n.deepCloneObjByJSON)(e.hsba);
+        s.s = 100,
+        s.b = 100,
+        e.hsba.h = s.h = parseInt(360 * a / r),
+        c(e.pickerPanel, "background", (0,
+        o.colorRgbaToHex)((0,
+        o.colorHsbaToRgba)(s))),
+        p(e),
+        h(e)
+    }
+    function m(e, t) {
+        var r = e.hueBar.offsetHeight
+          , n = e.hueBar.getBoundingClientRect()
+          , o = Math.max(0, Math.min(t - n.y, r));
+        c(e.alphaBarThumb, "top", o + "px");
+        var i = (r - o <= 0 ? 0 : r - o) / r;
+        e.hsba.a = i >= 1 ? 1 : i.toFixed(2),
+        p(e, !0)
+    }
+    f.prototype.init = function(e, t) {
+        this.render(e, t),
+        document.getElementsByTagName("head")[0].appendChild(i.default)
+    }
+    ,
+    f.prototype.render = function(e, t) {
+        var r = void 0
+          , o = void 0
+          , i = "";
+        if ((0,
+        n.isStr)(t.size))
+            switch (t.size) {
+            case "normal":
+                r = o = "40px";
+                break;
+            case "medium":
+                r = o = "36px";
+                break;
+            case "small":
+                r = o = "32px";
+                break;
+            case "mini":
+                r = o = "28px"
+            }
+        else {
+            if (!(0,
+            n.isDeepObject)(t.size))
+                return (0,
+                n.ewError)("the value must be a string which is one of the normal,medium,small,mini,or must be an object and need to contain width or height property!");
+            r = t.size.width && (0,
+            n.isNumber)(t.size.width) ? t.size.width + "px" : (0,
+            n.isStr)(t.size.width) ? parseInt(t.size.width) + "px" : "40px",
+            o = t.size.height && (0,
+            n.isNumber)(t.size.height) ? t.size.height + "px" : (0,
+            n.isStr)(t.size.height) ? parseInt(t.size.height) : "40px"
+        }
+        (0,
+        n.isDeepArray)(t.predefineColor) && t.predefineColor.length && t.predefineColor.map(function(e) {
+            i += '<div class="ew-pre-define-color" style="background:' + e + ';" tabIndex=0></div>'
+        });
+        var a = t.defaultColor ? '<div class="ew-color-picker-arrow">\n        <div class="ew-color-picker-arrow-left"></div>\n        <div class="ew-color-picker-arrow-right"></div>\n    </div>' : '<div class="ew-color-picker-no">X</div>'
+          , s = t.alpha ? '<div class="ew-alpha-slider-bar">\n    <div class="ew-alpha-slider-wrapper"></div>\n    <div class="ew-alpha-slider-bg"></div>\n    <div class="ew-alpha-slider-thumb"></div>\n    </div>' : ""
+          , l = i ? '<div class="ew-pre-define-color-container">' + i + "</div>" : ""
+          , c = '<div class="ew-color-picker-box ' + (t.disabled ? "ew-color-picker-box-disabled" : "") + '" tabindex="0" style="background:' + t.defaultColor + ";width:" + r + ";height:" + o + '">\n                ' + a + '\n            </div>\n            <div class="ew-color-picker">\n                <div class="ew-color-picker-content">\n                    <div class="ew-color-slider">\n                        ' + s + '\n                        <div class="ew-color-slider-bar">\n                            <div class="ew-color-slider-thumb"></div>\n                        </div>\n                    </div>\n                    <div class="ew-color-panel" style="background:red;">\n                        <div class="ew-color-white-panel"></div>\n                        <div class="ew-color-black-panel"></div>\n                        <div class="ew-color-cursor"></div>\n                    </div>\n                </div>\n                <div class="ew-color-dropbtns">\n                    <input type="text" class="ew-color-input">\n                    <div class="ew-color-dropbtngroup">\n                        <button class="ew-color-clear ew-color-dropbtn">清空</button>\n                        <button class="ew-color-sure ew-color-dropbtn">确定</button>\n                    </div>\n                </div>\n                ' + l + "\n            </div>";
+        e.innerHTML = c,
+        this.startMain(e, t)
+    }
+    ,
+    f.prototype.startMain = function(e, t) {
+        var r = this;
+        this.box = l(e, "ew-color-picker-box"),
+        this.box.setAttribute("color-box-id", this.uid),
+        this.arrowRight = l(e, "ew-color-picker-arrow-right"),
+        this.pickerPanel = l(e, "ew-color-panel"),
+        this.pickerCursor = l(e, "ew-color-cursor"),
+        this.pickerInput = l(e, "ew-color-input"),
+        this.pickerClear = l(e, "ew-color-clear"),
+        this.pickerSure = l(e, "ew-color-sure"),
+        this.hueBar = l(e, "ew-color-slider-bar"),
+        this.hueThumb = l(e, "ew-color-slider-thumb"),
+        this.picker = l(e, "ew-color-picker"),
+        this.picker.setAttribute("color-box-id", this.uid),
+        this.slider = l(e, "ew-color-slider"),
+        this.hsba = this.config.defaultColor ? (0,
+        o.colorRgbaToHsba)((0,
+        o.colorToRgb)(this.config.defaultColor)) : {
+          h: 0,
+          s: 0,
+          b: 100,
+          a: 1
+      };
+      r.updateColor = (e)=>{
+          var t = (0,
               o.colorRgbaToHsba)((0,
               n.getCss)(e.target, "background-color"));
               r.hsba = t,
               p(r),
               h(r),
               g(r, i, a)
-          }, !1),
-          e.addEventListener("blur", function(e) {
-              (0,
-              n.removeClass)(e.target, "ew-pre-define-color-active")
-          }, !1)
-      }),
-      t.openPickerAni.indexOf("height") > -1 ? this.picker.style.display = "none" : this.picker.style.opacity = 0,
-      t.alpha ? (this.alphaBar = l(e, "ew-alpha-slider-bar"),
-      this.alphaBarBg = l(e, "ew-alpha-slider-bg"),
-      this.alphaBarThumb = l(e, "ew-alpha-slider-thumb"),
-      h(this),
-      this.bindEvent(this.alphaBarThumb, function(e, t, r, n) {
-          m(e, n)
-      }, !1),
-      this.alphaBar.addEventListener("click", function(e) {
-          m(r, e.y)
-      }, !1)) : (this.slider.style.width = "14px",
-      this.picker.style.minWidth = "300px"),
-      this.pickerInput.addEventListener("blur", function(e) {
-          !function(e, t) {
-              var r = (0,
-              o.colorRgbaToHsba)((0,
-              o.colorToRgb)(t));
-              (r.h || r.s || r.h || r.a) && (e.hsba = r,
-              g(e, e.panelWidth, e.panelHeight),
-              p(e))
-          }(r, e.target.value)
-      }, !1),
-      this.pickerClear.addEventListener("click", function() {
-          !function(e, t) {
-              t.config.defaultColor = "rgba(255,255,255,1)",
-              t.pickerFlag = !t.pickerFlag,
-              t.render(e, t.config),
-              d(t),
-              t.config.clear(t)
-          }(e, r)
-      }, !1),
-      this.pickerSure.addEventListener("click", function() {
-          !function(e) {
-              e.pickerFlag = !1,
-              d(e),
-              p(e);
-              var t = e.config.alpha ? (0,
-              o.colorHsbaToRgba)(e.hsba) : (0,
-              o.colorRgbaToHex)((0,
-              o.colorHsbaToRgba)(e.hsba));
-              e.config.sure(t, e)
-          }(r)
-      }),
-      t.disabled || this.box.addEventListener("click", function() {
-          !function(e, t) {
-              t.pickerFlag = !t.pickerFlag,
-              t.config.defaultColor = t.config.alpha ? (0,
-              o.colorHsbaToRgba)(t.hsba) : (0,
-              o.colorRgbaToHex)((0,
-              o.colorHsbaToRgba)(t.hsba)),
-              t.pickerFlag && t.render(e, t.config),
-              d(t),
-              g(t, t.panelWidth, t.panelHeight)
-          }(e, r)
-      }, !1),
-      this.pickerPanel.addEventListener("click", function(e) {
-          !function(e, t) {
-              if (t.target !== e.pickerCursor) {
-                  var r = t.layerX
-                    , n = t.layerY
-                    , o = e.pickerPanel.offsetWidth
-                    , i = e.pickerPanel.offsetHeight;
-                  u(e, r >= o - 1 ? o : r <= 0 ? 0 : r, n >= i - 2 ? i : n <= 0 ? 0 : n, o, i)
-              }
-          }(r, e)
-      }, !1),
-      this.bindEvent(this.pickerCursor, function(e, t, r, n) {
-          u(e, Math.max(0, Math.min(r - e.pancelLeft, i)) + 4, Math.max(0, Math.min(n - e.pancelTop, a)) + 4, i, a)
-      }, !1),
-      this.hueBar.addEventListener("click", function(e) {
-          b(r, e.y)
-      }, !1),
-      this.bindEvent(this.hueThumb, function(e, t, r, n) {
-          b(e, n)
-      }, !1)
+      }
+        for (var i = this.panelWidth = parseInt((0,
+        n.getCss)(this.pickerPanel, "width")), a = this.panelHeight = parseInt((0,
+        n.getCss)(this.pickerPanel, "height")), s = e, c = s.offsetTop, f = s.offsetLeft; s.offsetParent; )
+            c += s.offsetParent.offsetTop,
+            f += s.offsetParent.offsetLeft,
+            s = s.offsetParent;
+        this.pancelLeft = f,
+        this.pancelTop = c + e.offsetHeight,
+        this.preDefineItem = l(e, "ew-pre-define-color", !0),
+        this.preDefineItem.length && (0,
+        n.ewObjToArray)(this.preDefineItem).map(function(e) {
+            e.addEventListener("click", function(e) {
+                (0,
+                n.ewObjToArray)(this.parentElement.children).forEach(function(e) {
+                    (0,
+                    n.removeClass)(e, "ew-pre-define-color-active")
+                }),
+                (0,
+                n.addClass)(e.target, "ew-pre-define-color-active");
+                var t = (0,
+                o.colorRgbaToHsba)((0,
+                n.getCss)(e.target, "background-color"));
+                r.hsba = t,
+                p(r),
+                h(r),
+                g(r, i, a)
+            }, !1),
+            e.addEventListener("blur", function(e) {
+                (0,
+                n.removeClass)(e.target, "ew-pre-define-color-active")
+            }, !1)
+        }),
+        t.openPickerAni.indexOf("height") > -1 ? this.picker.style.display = "none" : this.picker.style.opacity = 0,
+        t.alpha ? (this.alphaBar = l(e, "ew-alpha-slider-bar"),
+        this.alphaBarBg = l(e, "ew-alpha-slider-bg"),
+        this.alphaBarThumb = l(e, "ew-alpha-slider-thumb"),
+        h(this),
+        this.bindEvent(this.alphaBarThumb, function(e, t, r, n) {
+            m(e, n)
+        }, !1),
+        this.alphaBar.addEventListener("click", function(e) {
+            m(r, e.y)
+        }, !1)) : (this.slider.style.width = "14px",
+        this.picker.style.minWidth = "300px"),
+        this.pickerInput.addEventListener("blur", function(e) {
+            !function(e, t) {
+                var r = (0,
+                o.colorRgbaToHsba)((0,
+                o.colorToRgb)(t));
+                (r.h || r.s || r.h || r.a) && (e.hsba = r,
+                g(e, e.panelWidth, e.panelHeight),
+                p(e))
+            }(r, e.target.value)
+        }, !1),
+        this.pickerClear.addEventListener("click", function() {
+            !function(e, t) {
+                t.config.defaultColor = "rgba(255,255,255,1)",
+                t.pickerFlag = !t.pickerFlag,
+                t.render(e, t.config),
+                d(t),
+                t.config.clear(t)
+            }(e, r)
+        }, !1),
+        this.pickerSure.addEventListener("click", function() {
+            !function(e) {
+                e.pickerFlag = !1,
+                d(e),
+                p(e);
+                var t = e.config.alpha ? (0,
+                o.colorHsbaToRgba)(e.hsba) : (0,
+                o.colorRgbaToHex)((0,
+                o.colorHsbaToRgba)(e.hsba));
+                e.config.sure(t, e)
+            }(r)
+        }),
+        t.disabled || this.box.addEventListener("click", function() {
+            !function(e, t) {
+                t.pickerFlag = !t.pickerFlag,
+              //   t.config.defaultColor = t.config.alpha ? (0,
+              //   o.colorHsbaToRgba)(t.hsba) : (0,
+              //   o.colorRgbaToHex)((0,
+              //   o.colorHsbaToRgba)(t.hsba)),
+                t.render(e, t.config),
+                d(t),
+                g(t, t.panelWidth, t.panelHeight)
+            }(e, r)
+        }, !1),
+        this.pickerPanel.addEventListener("click", function(e) {
+            !function(e, t) {
+                if (t.target !== e.pickerCursor) {
+                    var r = t.layerX
+                      , n = t.layerY
+                      , o = e.pickerPanel.offsetWidth
+                      , i = e.pickerPanel.offsetHeight;
+                    u(e, r >= o - 1 ? o : r <= 0 ? 0 : r, n >= i - 2 ? i : n <= 0 ? 0 : n, o, i)
+                }
+            }(r, e)
+        }, !1),
+        this.bindEvent(this.pickerCursor, function(e, t, r, n) {
+          r=r-7
+          n=n-7
+            u(e, Math.max(0, Math.min(r - e.pancelLeft, i)), Math.max(0, Math.min(n - e.pancelTop, a)), i, a)
+        }, !1),
+        this.hueBar.addEventListener("click", function(e) {
+            b(r, e.y)
+        }, !1),
+        this.bindEvent(this.hueThumb, function(e, t, r, n) {
+            b(e, n)
+        }, !1)
+        t.startMainCallback && t.startMainCallback(this)
+    }
+    ,
+    f.prototype.bindEvent = function(e, t, r) {
+        var o = this;
+        e.addEventListener(n.eventType[0], function(i) {
+            var a = function(i) {
+                var a;
+                i.preventDefault(),
+                a = i,
+                o.moveX = n.eventType[0].indexOf("touch") > -1 ? a.changedTouches[0].clientX : a.clientX,
+                o.moveY = n.eventType[0].indexOf("touch") > -1 ? a.changedTouches[0].clientY : a.clientY,
+                r ? t(o, o.moveX, o.moveY) : t(o, e, o.moveX, o.moveY)
+            };
+            document.addEventListener(n.eventType[1], a, {
+                capture: !1,
+                once: !1,
+                passive: !1,
+                useCapture: !1,
+                wantsUntrusted: !1
+            }),
+            document.addEventListener(n.eventType[2], function e() {
+                document.removeEventListener(n.eventType[1], a, {
+                    capture: !1,
+                    once: !1,
+                    passive: !1,
+                    useCapture: !1,
+                    wantsUntrusted: !1
+                }),
+                document.removeEventListener(n.eventType[2], e, {
+                    capture: !1,
+                    once: !1,
+                    passive: !1,
+                    useCapture: !1,
+                    wantsUntrusted: !1
+                })
+            }, {
+                capture: !1,
+                once: !1,
+                passive: !1,
+                useCapture: !1,
+                wantsUntrusted: !1
+            })
+        }, {
+            capture: !1,
+            once: !1,
+            passive: !1,
+            useCapture: !1,
+            wantsUntrusted: !1
+        })
+    }
+    ,
+    t.default = f
   }
-  ,
-  f.prototype.bindEvent = function(e, t, r) {
-      var o = this;
-      e.addEventListener(n.eventType[0], function(i) {
-          var a = function(i) {
-              var a;
-              i.preventDefault(),
-              a = i,
-              o.moveX = n.eventType[0].indexOf("touch") > -1 ? a.changedTouches[0].clientX : a.clientX,
-              o.moveY = n.eventType[0].indexOf("touch") > -1 ? a.changedTouches[0].clientY : a.clientY,
-              r ? t(o, o.moveX, o.moveY) : t(o, e, o.moveX, o.moveY)
-          };
-          document.addEventListener(n.eventType[1], a, {
-              capture: !1,
-              once: !1,
-              passive: !1,
-              useCapture: !1,
-              wantsUntrusted: !1
-          }),
-          document.addEventListener(n.eventType[2], function e() {
-              document.removeEventListener(n.eventType[1], a, {
-                  capture: !1,
-                  once: !1,
-                  passive: !1,
-                  useCapture: !1,
-                  wantsUntrusted: !1
-              }),
-              document.removeEventListener(n.eventType[2], e, {
-                  capture: !1,
-                  once: !1,
-                  passive: !1,
-                  useCapture: !1,
-                  wantsUntrusted: !1
-              })
-          }, {
-              capture: !1,
-              once: !1,
-              passive: !1,
-              useCapture: !1,
-              wantsUntrusted: !1
-          })
-      }, {
-          capture: !1,
-          once: !1,
-          passive: !1,
-          useCapture: !1,
-          wantsUntrusted: !1
-      })
+  , function(e, t, r) {
+    "use strict";
+    Object.defineProperty(t, "__esModule", {
+        value: !0
+    }),
+    t.colorRgbaToHsba = function(e) {
+        var t = e.slice(e.indexOf("(") + 1, e.lastIndexOf(")")).split(",")
+          , r = t.length < 4 ? 1 : Number(t[3])
+          , n = Number(t[0]) / 255
+          , o = Number(t[1]) / 255
+          , i = Number(t[2]) / 255
+          , a = void 0
+          , s = void 0
+          , l = void 0
+          , c = Math.min(n, o, i)
+          , d = l = Math.max(n, o, i)
+          , u = d - c;
+        if (d === c)
+            a = 0;
+        else {
+            switch (d) {
+            case n:
+                a = (o - i) / u + (o < i ? 6 : 0);
+                break;
+            case o:
+                a = 2 + (i - n) / u;
+                break;
+            case i:
+                a = 4 + (n - o) / u
+            }
+            a = Math.round(60 * a)
+        }
+        s = 0 === d ? 0 : 1 - c / d;
+        return s = Math.round(100 * s),
+        l = Math.round(100 * l),
+        {
+            h: a,
+            s: s,
+            b: l,
+            a: r
+        }
+    }
+    ,
+    t.colorToRgb = function(e) {
+        var t = document.createElement("div");
+        t.style.backgroundColor = e,
+        document.body.appendChild(t);
+        var r = window.getComputedStyle(t).backgroundColor;
+        return document.body.removeChild(t),
+        r
+    }
+    ;
+    t.colorHexToRgba = function(e, t) {
+        var r = t || 1
+          , n = e.toLowerCase()
+          , o = e.length
+          , i = [];
+        if (e && /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/.test(n)) {
+            if (4 === o) {
+                for (var a = "#", s = 0; s < o; s++) {
+                    var l = n.slice(s, s + 1);
+                    a += l.cancat(l)
+                }
+                n = a
+            }
+            for (var c = 0, d = n.length; c < d; c++)
+                i.push(parseInt("0X" + n.slice(c, c + 2)));
+            return "rgba(" + i.join(",") + "," + r + ")"
+        }
+        return n
+    }
+    ,
+    t.colorRgbaToHex = function(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
+        }
+    }
+    ,
+    t.colorHsbaToRgba = function(e, t) {
+        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 (t >= 0 || t <= 1) && (i = t),
+        "rgba(" + Math.round(r) + "," + Math.round(n) + "," + Math.round(o) + "," + i + ")"
+    }
   }
-  ,
-  t.default = f
-}
-, function(e, t, r) {
-  "use strict";
-  Object.defineProperty(t, "__esModule", {
-      value: !0
-  }),
-  t.colorRgbaToHsba = function(e) {
-      var t = e.slice(e.indexOf("(") + 1, e.lastIndexOf(")")).split(",")
-        , r = t.length < 4 ? 1 : Number(t[3])
-        , n = Number(t[0]) / 255
-        , o = Number(t[1]) / 255
-        , i = Number(t[2]) / 255
-        , a = void 0
-        , s = void 0
-        , l = void 0
-        , c = Math.min(n, o, i)
-        , d = l = Math.max(n, o, i)
-        , u = d - c;
-      if (d === c)
-          a = 0;
-      else {
-          switch (d) {
-          case n:
-              a = (o - i) / u + (o < i ? 6 : 0);
-              break;
-          case o:
-              a = 2 + (i - n) / u;
-              break;
-          case i:
-              a = 4 + (n - o) / u
-          }
-          a = Math.round(60 * a)
-      }
-      s = 0 === d ? 0 : 1 - c / d;
-      return s = Math.round(100 * s),
-      l = Math.round(100 * l),
-      {
-          h: a,
-          s: s,
-          b: l,
-          a: r
-      }
+  , function(e, t, r) {
+    "use strict";
+    Object.defineProperty(t, "__esModule", {
+        value: !0
+    });
+    var n, o = r(7), i = (n = o) && n.__esModule ? n : {
+        default: n
+    };
+    var a = (0,
+    r(0).createElement)("style");
+    a.textContent = i.default,
+    t.default = a
   }
-  ,
-  t.colorToRgb = function(e) {
-      var t = document.createElement("div");
-      t.style.backgroundColor = e,
-      document.body.appendChild(t);
-      var r = window.getComputedStyle(t).backgroundColor;
-      return document.body.removeChild(t),
-      r
+  , function(e, t, r) {
+    "use strict";
+    r.r(t),
+    t.default = '.ew-color-picker {\r\n    min-width: 320px;\r\n    position: absolute;\r\n    box-sizing: content-box;\r\n    border: 1px solid #ebeeff;\r\n    box-shadow: 0 4px 15px rgba(0, 0, 0, .2);\r\n    border-radius: 5px;\r\n    z-index: 10;\r\n    padding: 7px;\r\n    background-color: #ffffff;\r\n    /* left: 10px;\r\n    top: 10px; */\r\n    display: none;\r\n}\r\n\r\n.ew-color-picker .ew-color-picker-content:after {\r\n    content: "";\r\n    display: table;\r\n    clear: both;\r\n}\r\n\r\n.ew-color-picker-content {\r\n    margin-bottom: 6px;\r\n}\r\n\r\n.ew-color-panel {\r\n    position: relative;\r\n    width: 280px;\r\n    height: 180px;\r\n    cursor: pointer;\r\n}\r\n\r\n.ew-color-white-panel,\r\n.ew-color-black-panel {\r\n    position: absolute;\r\n    left: 0;\r\n    right: 0;\r\n    top: 0;\r\n    bottom: 0;\r\n}\r\n\r\n.ew-color-white-panel {\r\n    background: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0));\r\n}\r\n\r\n.ew-color-black-panel {\r\n    background: linear-gradient(0deg, #000, transparent);\r\n}\r\n\r\n.ew-color-slider {\r\n    width: 27px;\r\n    height: 180px;\r\n    position: relative;\r\n    float: right;\r\n    box-sizing: border-box;\r\n}\r\n.ew-color-slider-bar {\r\n    background: linear-gradient(180deg, #f00 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00);\r\n    margin-left: 3px;\r\n}\r\n.ew-alpha-slider-bar,.ew-color-slider-bar{\r\n    width: 12px;\r\n    height: 100%;\r\n    position: relative;\r\n    float: left;\r\n    cursor: pointer;\r\n}\r\n.ew-alpha-slider-wrapper{\r\n    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==");\r\n}\r\n.ew-alpha-slider-bg,.ew-alpha-slider-wrapper{\r\n    position: absolute;\r\n    right: 0;\r\n    top: 0;\r\n    left: 0;\r\n    bottom: 0;\r\n}\r\n/* .ew-alpha-slider-bg{\r\n    background:linear-gradient(to top,rgba(255,0,0,0) 0%,rgba(255,0,0,1) 100%);\r\n} */\r\n.ew-color-slider-thumb,.ew-alpha-slider-thumb {\r\n    position: absolute;\r\n    cursor: pointer;\r\n    box-sizing: border-box;\r\n    left: 0;\r\n    top: 0;\r\n    width: 12px;\r\n    height: 4px;\r\n    border-radius: 1px;\r\n    background: #fff;\r\n    border: 1px solid #f0f0f0;\r\n    box-shadow: 0 0 2px rgba(0, 0, 0, .6);\r\n}\r\n\r\n.ew-color-cursor{\r\n    position: absolute;\r\n    left: 100%;\r\n    top: 0%;\r\n    cursor: default;\r\n    width: 4px;\r\n    height: 4px;\r\n    transform: translate(-2px, -2px);\r\n    border-radius: 50%;\r\n    box-shadow: 0 0 0 3px #fff,\r\n        inset 0 0 2px 2px rgba(0, 0, 0, .4),\r\n        0 0 2px 3px rgba(0, 0, 0, .5);\r\n    transform: translate(-6px,-6px)\r\nuser-select: none;\r\n-webkit-user-select: none;\r\n-moz-user-select: none;\r\n-ms-user-select: none;\r\n}\r\n\r\n.ew-color-dropbtns {\r\n    margin-top: 6px;\r\n    position: relative;\r\n}\r\n\r\n.ew-color-input {\r\n    width: 160px;\r\n    height: 28px;\r\n    line-height: 28px;\r\n    border: 1px solid #dcdfe6;\r\n    background-color: #ffffff;\r\n    display: inline-block;\r\n    box-sizing: border-box;\r\n    padding: 0 5px;\r\n    transition: border-color .2s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    border-radius: 5px;\r\n    outline: none;\r\n}\r\n\r\n.ew-color-input:focus {\r\n    border-color: #239fe6;\r\n}\r\n\r\n.ew-color-dropbtn {\r\n    display: inline-block;\r\n    padding: 5px 15px;\r\n    font-size: 12px;\r\n    border-radius: 3px;\r\n    cursor: pointer;\r\n    text-align: center;\r\n    transition: .1s;\r\n    font-weight: 500;\r\n    outline: none;\r\n    box-sizing: border-box;\r\n    margin: 0;\r\n    white-space: nowrap;\r\n    color: #606266;\r\n    border: 1px solid #dcdfe6;\r\n}\r\n\r\n.ew-color-dropbtngroup {\r\n    position: absolute;\r\n    right: 0;\r\n    top: 1px;\r\n}\r\n\r\n.ew-color-clear {\r\n    color: #4096ef;\r\n    border-color: transparent;\r\n    background-color: transparent;\r\n    padding-left: 0;\r\n    padding-right: 0;\r\n}\r\n\r\n.ew-color-clear:hover,\r\n.ew-color-clear:active {\r\n    color: #66b1ff;\r\n}\r\n\r\n.ew-color-sure {\r\n    background-color: #ffffff;\r\n    margin-left: 10px;\r\n}\r\n\r\n.ew-color-sure:hover,\r\n.ew-color-sure:active {\r\n    border-color: #4096ef;\r\n    color: #4096ef;\r\n}\r\n.ew-pre-define-color-container{\r\n    width: 280px;\r\n    font-size: 12px;\r\n    margin-top: 8px;\r\n}\r\n.ew-pre-define-color-container:after{\r\n    content: "";\r\n    visibility: hidden;\r\n    clear: both;\r\n    display: block;\r\n    height: 0;\r\n}\r\n.ew-pre-define-color{\r\n    float: left;\r\n    margin: 0 0 8px 8px;\r\n    width: 20px;\r\n    height: 20px;\r\n    border-radius: 4px;\r\n    cursor: pointer;\r\n    outline: none;\r\n}\r\n.ew-pre-define-color:nth-child(10n+1){\r\n    margin-left: 0;\r\n}\r\n.ew-pre-define-color:hover,\r\n.ew-pre-define-color:active{\r\n    opacity: .8;\r\n}\r\n.ew-pre-define-color-active{\r\n    box-shadow: 0 0 3px 2px #409eff;\r\n}\r\n.ew-color-picker-box{\r\n    border: 1px solid #dcdee2;\r\n    color: #535353;\r\n    outline: none;\r\n    display: inline-block;\r\n    background-color: #ffffff;\r\n    position: relative;\r\n    border-radius: 4px;\r\n    padding: 4px 7px;\r\n    line-height: 1.5;\r\n    cursor: pointer;\r\n    font-size: 14px;\r\n    transition: border-color  .2s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n}\r\n.ew-color-picker-box-disabled{\r\n    background-color: #999999;\r\n    cursor: not-allowed;\r\n}\r\n.ew-color-picker-arrow,.ew-color-picker-no{\r\n    width: 20px;\r\n    height: 20px;\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0;\r\n    bottom: 0;\r\n    right: 0;\r\n    margin: auto;\r\n    z-index: 3;\r\n}\r\n.ew-color-picker-no{\r\n    width: 40px;\r\n    height: 40px;\r\n    font-size: 12px;\r\n    text-align: center;\r\n    line-height: 40px;\r\n    color: #5e535f;\r\n    border: 1px solid #5e535f;\r\n    border-radius: 2px;\r\n}\r\n.ew-color-picker-arrow-left,.ew-color-picker-arrow-right{\r\n    width: 0;\r\n    height: 0;\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0;\r\n    z-index: 5;\r\n    overflow: hidden;\r\n    border-bottom: 10px transparent dashed;\r\n    border-left: 10px transparent dashed;\r\n    border-right: 10px transparent dashed;\r\n    border-top: 10px #fff solid;\r\n}\r\n.ew-color-picker-arrow-left{\r\n    border-top: 10px solid #fff;\r\n}\r\n.ew-color-picker-arrow-right{\r\n    border-top: 10px solid #ff0000;\r\n}'
   }
-  ;
-  t.colorHexToRgba = function(e, t) {
-      var r = t || 1
-        , n = e.toLowerCase()
-        , o = e.length
-        , i = [];
-      if (e && /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/.test(n)) {
-          if (4 === o) {
-              for (var a = "#", s = 0; s < o; s++) {
-                  var l = n.slice(s, s + 1);
-                  a += l.cancat(l)
-              }
-              n = a
-          }
-          for (var c = 0, d = n.length; c < d; c++)
-              i.push(parseInt("0X" + n.slice(c, c + 2)));
-          return "rgba(" + i.join(",") + "," + r + ")"
-      }
-      return n
+  , function(e, t, r) {
+    "use strict";
+    Object.defineProperty(t, "__esModule", {
+        value: !0
+    });
+    var n = r(0)
+      , o = function() {
+        var e = {};
+        function t() {
+            this.timers = [],
+            this.args = [],
+            this.isTimerRun = !1
+        }
+        function r(e, r) {
+            if (e.offsetHeight > 0) {
+                var n = e.offsetHeight
+                  , o = n
+                  , i = n / (r / 10);
+                e.style.transition = "height " + r + " ms",
+                e.style.overflow = "hidden";
+                var a = setInterval(function() {
+                    o -= i,
+                    e.style.height = o + "px",
+                    o <= 0 && (clearInterval(a),
+                    e.style.display = "none",
+                    e.style.height = n + "px",
+                    e.TimerManage && e.TimerManage.constructor === t && e.TimerManage.next())
+                }, 10)
+            } else
+                e.TimerManage && e.TimerManage.constructor === t && e.TimerManage.next()
+        }
+        function o(e, r) {
+            if (e.offsetHeight <= 0) {
+                e.style.display = "block",
+                e.style.transition = "height" + r + " ms",
+                e.style.overflow = "hidden";
+                var n = e.offsetHeight
+                  , o = 0;
+                e.style.height = "0px";
+                var i = n / (r / 10)
+                  , a = setInterval(function() {
+                    o += i,
+                    e.style.height = o + "px",
+                    o >= n && (clearInterval(a),
+                    e.style.height = n + "px",
+                    e.TimerManage && e.TimerManage.constructor === t && e.TimerManage.next())
+                }, 10)
+            } else
+                e.TimerManage && e.TimerManage.constructor === t && e.TimerManage.next()
+        }
+        function i(e, r) {
+            if (e.style.transition = "opacity" + r + " ms",
+            !(0,
+            n.getCss)(e, "opactiy") || !parseInt((0,
+            n.getCss)(e, "opactiy")) <= 0) {
+                e.style.display = "none";
+                var o = 0;
+                e.style.opacity = 0;
+                var i = 100 / (r / 100)
+                  , a = setInterval(function() {
+                    o += i,
+                    e.style.display = "block",
+                    e.style.opacity = (o / 100).toFixed(2),
+                    o >= 100 && (clearInterval(a),
+                    e.style.opacity = 1,
+                    e.TimerManage && e.TimerManage.constructor === t && e.TimerManage.next())
+                }, 10)
+            } else
+                e.TimerManage && e.TimerManage.constructor === t && e.TimerManage.next()
+        }
+        function a(e, r) {
+            if (e.style.transition = "opacity" + r + " ms",
+            !(0,
+            n.getCss)(e, "opactiy") || !parseInt((0,
+            n.getCss)(e, "opactiy")) >= 1) {
+                var o = 100;
+                e.style.opacity = 1,
+                e.style.display = "block";
+                var i = 100 / (r / 100)
+                  , a = setInterval(function() {
+                    o -= i,
+                    e.style.opacity = (o / 100).toFixed(2),
+                    o <= 0 && (clearInterval(a),
+                    e.style.opacity = 0,
+                    e.style.display = "none",
+                    e.TimerManage && e.TimerManage.constructor === t && e.TimerManage.next())
+                }, 10)
+            } else
+                e.TimerManage && e.TimerManage.constructor === t && e.TimerManage.next()
+        }
+        return t.makeTimerManage = function(e) {
+            e.TimerManage && e.TimerManage.constructor === t || (e.TimerManage = new t)
+        }
+        ,
+        t.prototype.add = function(e, t) {
+            this.timers.push(e),
+            this.args.push(t),
+            this.timerRun()
+        }
+        ,
+        t.prototype.timerRun = function() {
+            if (!this.isTimerRun) {
+                var e = this.timers.shift()
+                  , t = this.args.shift();
+                e && t && (this.isTimerRun = !0,
+                e(t[0], t[1]))
+            }
+        }
+        ,
+        t.prototype.next = function() {
+            this.isTimerRun = !1,
+            this.timerRun()
+        }
+        ,
+        e.slideUp = function(e) {
+            return t.makeTimerManage(e),
+            e.TimerManage.add(r, arguments),
+            this
+        }
+        ,
+        e.slideDown = function(e) {
+            return t.makeTimerManage(e),
+            e.TimerManage.add(o, arguments),
+            this
+        }
+        ,
+        e.fadeIn = function(e) {
+            return t.makeTimerManage(e),
+            e.TimerManage.add(i, arguments),
+            this
+        }
+        ,
+        e.fadeOut = function(e) {
+            return t.makeTimerManage(e),
+            e.TimerManage.add(a, arguments),
+            this
+        }
+        ,
+        e
+    }();
+    t.default = o
   }
-  ,
-  t.colorRgbaToHex = function(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
-      }
-  }
-  ,
-  t.colorHsbaToRgba = function(e, t) {
-      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 (t >= 0 || t <= 1) && (i = t),
-      "rgba(" + Math.round(r) + "," + Math.round(n) + "," + Math.round(o) + "," + i + ")"
-  }
-}
-, function(e, t, r) {
-  "use strict";
-  Object.defineProperty(t, "__esModule", {
-      value: !0
-  });
-  var n, o = r(7), i = (n = o) && n.__esModule ? n : {
-      default: n
-  };
-  var a = (0,
-  r(0).createElement)("style");
-  a.textContent = i.default,
-  t.default = a
-}
-, function(e, t, r) {
-  "use strict";
-  r.r(t),
-  t.default = '.ew-color-picker {\r\n    min-width: 320px;\r\n    position: absolute;\r\n    box-sizing: content-box;\r\n    border: 1px solid #ebeeff;\r\n    box-shadow: 0 4px 15px rgba(0, 0, 0, .2);\r\n    border-radius: 5px;\r\n    z-index: 10;\r\n    padding: 7px;\r\n    background-color: #ffffff;\r\n    /* left: 10px;\r\n    top: 10px; */\r\n    display: none;\r\n}\r\n\r\n.ew-color-picker .ew-color-picker-content:after {\r\n    content: "";\r\n    display: table;\r\n    clear: both;\r\n}\r\n\r\n.ew-color-picker-content {\r\n    margin-bottom: 6px;\r\n}\r\n\r\n.ew-color-panel {\r\n    position: relative;\r\n    width: 280px;\r\n    height: 180px;\r\n    cursor: pointer;\r\n}\r\n\r\n.ew-color-white-panel,\r\n.ew-color-black-panel {\r\n    position: absolute;\r\n    left: 0;\r\n    right: 0;\r\n    top: 0;\r\n    bottom: 0;\r\n}\r\n\r\n.ew-color-white-panel {\r\n    background: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0));\r\n}\r\n\r\n.ew-color-black-panel {\r\n    background: linear-gradient(0deg, #000, transparent);\r\n}\r\n\r\n.ew-color-slider {\r\n    width: 27px;\r\n    height: 180px;\r\n    position: relative;\r\n    float: right;\r\n    box-sizing: border-box;\r\n}\r\n.ew-color-slider-bar {\r\n    background: linear-gradient(180deg, #f00 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00);\r\n    margin-left: 3px;\r\n}\r\n.ew-alpha-slider-bar,.ew-color-slider-bar{\r\n    width: 12px;\r\n    height: 100%;\r\n    position: relative;\r\n    float: left;\r\n    cursor: pointer;\r\n}\r\n.ew-alpha-slider-wrapper{\r\n    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==");\r\n}\r\n.ew-alpha-slider-bg,.ew-alpha-slider-wrapper{\r\n    position: absolute;\r\n    right: 0;\r\n    top: 0;\r\n    left: 0;\r\n    bottom: 0;\r\n}\r\n/* .ew-alpha-slider-bg{\r\n    background:linear-gradient(to top,rgba(255,0,0,0) 0%,rgba(255,0,0,1) 100%);\r\n} */\r\n.ew-color-slider-thumb,.ew-alpha-slider-thumb {\r\n    position: absolute;\r\n    cursor: pointer;\r\n    box-sizing: border-box;\r\n    left: 0;\r\n    top: 0;\r\n    width: 12px;\r\n    height: 4px;\r\n    border-radius: 1px;\r\n    background: #fff;\r\n    border: 1px solid #f0f0f0;\r\n    box-shadow: 0 0 2px rgba(0, 0, 0, .6);\r\n}\r\n\r\n.ew-color-cursor{\r\n    position: absolute;\r\n    left: 100%;\r\n    top: 0%;\r\n    cursor: default;\r\n    width: 4px;\r\n    height: 4px;\r\n    transform: translate(-2px, -2px);\r\n    border-radius: 50%;\r\n    box-shadow: 0 0 0 3px #fff,\r\n        inset 0 0 2px 2px rgba(0, 0, 0, .4),\r\n        0 0 2px 3px rgba(0, 0, 0, .5);\r\n    transform: translate(-6px,-6px)\r\n}\r\n\r\n.ew-color-dropbtns {\r\n    margin-top: 6px;\r\n    position: relative;\r\n}\r\n\r\n.ew-color-input {\r\n    width: 160px;\r\n    height: 28px;\r\n    line-height: 28px;\r\n    border: 1px solid #dcdfe6;\r\n    background-color: #ffffff;\r\n    display: inline-block;\r\n    box-sizing: border-box;\r\n    padding: 0 5px;\r\n    transition: border-color .2s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    border-radius: 5px;\r\n    outline: none;\r\n}\r\n\r\n.ew-color-input:focus {\r\n    border-color: #239fe6;\r\n}\r\n\r\n.ew-color-dropbtn {\r\n    display: inline-block;\r\n    padding: 5px 15px;\r\n    font-size: 12px;\r\n    border-radius: 3px;\r\n    cursor: pointer;\r\n    text-align: center;\r\n    transition: .1s;\r\n    font-weight: 500;\r\n    outline: none;\r\n    box-sizing: border-box;\r\n    margin: 0;\r\n    white-space: nowrap;\r\n    color: #606266;\r\n    border: 1px solid #dcdfe6;\r\n}\r\n\r\n.ew-color-dropbtngroup {\r\n    position: absolute;\r\n    right: 0;\r\n    top: 1px;\r\n}\r\n\r\n.ew-color-clear {\r\n    color: #4096ef;\r\n    border-color: transparent;\r\n    background-color: transparent;\r\n    padding-left: 0;\r\n    padding-right: 0;\r\n}\r\n\r\n.ew-color-clear:hover,\r\n.ew-color-clear:active {\r\n    color: #66b1ff;\r\n}\r\n\r\n.ew-color-sure {\r\n    background-color: #ffffff;\r\n    margin-left: 10px;\r\n}\r\n\r\n.ew-color-sure:hover,\r\n.ew-color-sure:active {\r\n    border-color: #4096ef;\r\n    color: #4096ef;\r\n}\r\n.ew-pre-define-color-container{\r\n    width: 280px;\r\n    font-size: 12px;\r\n    margin-top: 8px;\r\n}\r\n.ew-pre-define-color-container:after{\r\n    content: "";\r\n    visibility: hidden;\r\n    clear: both;\r\n    display: block;\r\n    height: 0;\r\n}\r\n.ew-pre-define-color{\r\n    float: left;\r\n    margin: 0 0 8px 8px;\r\n    width: 20px;\r\n    height: 20px;\r\n    border-radius: 4px;\r\n    cursor: pointer;\r\n    outline: none;\r\n}\r\n.ew-pre-define-color:nth-child(10n+1){\r\n    margin-left: 0;\r\n}\r\n.ew-pre-define-color:hover,\r\n.ew-pre-define-color:active{\r\n    opacity: .8;\r\n}\r\n.ew-pre-define-color-active{\r\n    box-shadow: 0 0 3px 2px #409eff;\r\n}\r\n.ew-color-picker-box{\r\n    border: 1px solid #dcdee2;\r\n    color: #535353;\r\n    outline: none;\r\n    display: inline-block;\r\n    background-color: #ffffff;\r\n    position: relative;\r\n    border-radius: 4px;\r\n    padding: 4px 7px;\r\n    line-height: 1.5;\r\n    cursor: pointer;\r\n    font-size: 14px;\r\n    transition: border-color  .2s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n}\r\n.ew-color-picker-box-disabled{\r\n    background-color: #999999;\r\n    cursor: not-allowed;\r\n}\r\n.ew-color-picker-arrow,.ew-color-picker-no{\r\n    width: 20px;\r\n    height: 20px;\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0;\r\n    bottom: 0;\r\n    right: 0;\r\n    margin: auto;\r\n    z-index: 3;\r\n}\r\n.ew-color-picker-no{\r\n    width: 40px;\r\n    height: 40px;\r\n    font-size: 12px;\r\n    text-align: center;\r\n    line-height: 40px;\r\n    color: #5e535f;\r\n    border: 1px solid #5e535f;\r\n    border-radius: 2px;\r\n}\r\n.ew-color-picker-arrow-left,.ew-color-picker-arrow-right{\r\n    width: 0;\r\n    height: 0;\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0;\r\n    z-index: 5;\r\n    overflow: hidden;\r\n    border-bottom: 10px transparent dashed;\r\n    border-left: 10px transparent dashed;\r\n    border-right: 10px transparent dashed;\r\n    border-top: 10px #fff solid;\r\n}\r\n.ew-color-picker-arrow-left{\r\n    border-top: 10px solid #fff;\r\n}\r\n.ew-color-picker-arrow-right{\r\n    border-top: 10px solid #ff0000;\r\n}'
-}
-, function(e, t, r) {
-  "use strict";
-  Object.defineProperty(t, "__esModule", {
-      value: !0
-  });
-  var n = r(0)
-    , o = function() {
-      var e = {};
-      function t() {
-          this.timers = [],
-          this.args = [],
-          this.isTimerRun = !1
-      }
-      function r(e, r) {
-          if (e.offsetHeight > 0) {
-              var n = e.offsetHeight
-                , o = n
-                , i = n / (r / 10);
-              e.style.transition = "height " + r + " ms",
-              e.style.overflow = "hidden";
-              var a = setInterval(function() {
-                  o -= i,
-                  e.style.height = o + "px",
-                  o <= 0 && (clearInterval(a),
-                  e.style.display = "none",
-                  e.style.height = n + "px",
-                  e.TimerManage && e.TimerManage.constructor === t && e.TimerManage.next())
-              }, 10)
-          } else
-              e.TimerManage && e.TimerManage.constructor === t && e.TimerManage.next()
-      }
-      function o(e, r) {
-          if (e.offsetHeight <= 0) {
-              e.style.display = "block",
-              e.style.transition = "height" + r + " ms",
-              e.style.overflow = "hidden";
-              var n = e.offsetHeight
-                , o = 0;
-              e.style.height = "0px";
-              var i = n / (r / 10)
-                , a = setInterval(function() {
-                  o += i,
-                  e.style.height = o + "px",
-                  o >= n && (clearInterval(a),
-                  e.style.height = n + "px",
-                  e.TimerManage && e.TimerManage.constructor === t && e.TimerManage.next())
-              }, 10)
-          } else
-              e.TimerManage && e.TimerManage.constructor === t && e.TimerManage.next()
-      }
-      function i(e, r) {
-          if (e.style.transition = "opacity" + r + " ms",
-          !(0,
-          n.getCss)(e, "opactiy") || !parseInt((0,
-          n.getCss)(e, "opactiy")) <= 0) {
-              e.style.display = "none";
-              var o = 0;
-              e.style.opacity = 0;
-              var i = 100 / (r / 100)
-                , a = setInterval(function() {
-                  o += i,
-                  e.style.display = "block",
-                  e.style.opacity = (o / 100).toFixed(2),
-                  o >= 100 && (clearInterval(a),
-                  e.style.opacity = 1,
-                  e.TimerManage && e.TimerManage.constructor === t && e.TimerManage.next())
-              }, 10)
-          } else
-              e.TimerManage && e.TimerManage.constructor === t && e.TimerManage.next()
-      }
-      function a(e, r) {
-          if (e.style.transition = "opacity" + r + " ms",
-          !(0,
-          n.getCss)(e, "opactiy") || !parseInt((0,
-          n.getCss)(e, "opactiy")) >= 1) {
-              var o = 100;
-              e.style.opacity = 1,
-              e.style.display = "block";
-              var i = 100 / (r / 100)
-                , a = setInterval(function() {
-                  o -= i,
-                  e.style.opacity = (o / 100).toFixed(2),
-                  o <= 0 && (clearInterval(a),
-                  e.style.opacity = 0,
-                  e.style.display = "none",
-                  e.TimerManage && e.TimerManage.constructor === t && e.TimerManage.next())
-              }, 10)
-          } else
-              e.TimerManage && e.TimerManage.constructor === t && e.TimerManage.next()
-      }
-      return t.makeTimerManage = function(e) {
-          e.TimerManage && e.TimerManage.constructor === t || (e.TimerManage = new t)
-      }
-      ,
-      t.prototype.add = function(e, t) {
-          this.timers.push(e),
-          this.args.push(t),
-          this.timerRun()
-      }
-      ,
-      t.prototype.timerRun = function() {
-          if (!this.isTimerRun) {
-              var e = this.timers.shift()
-                , t = this.args.shift();
-              e && t && (this.isTimerRun = !0,
-              e(t[0], t[1]))
-          }
-      }
-      ,
-      t.prototype.next = function() {
-          this.isTimerRun = !1,
-          this.timerRun()
-      }
-      ,
-      e.slideUp = function(e) {
-          return t.makeTimerManage(e),
-          e.TimerManage.add(r, arguments),
-          this
-      }
-      ,
-      e.slideDown = function(e) {
-          return t.makeTimerManage(e),
-          e.TimerManage.add(o, arguments),
-          this
-      }
-      ,
-      e.fadeIn = function(e) {
-          return t.makeTimerManage(e),
-          e.TimerManage.add(i, arguments),
-          this
-      }
-      ,
-      e.fadeOut = function(e) {
-          return t.makeTimerManage(e),
-          e.TimerManage.add(a, arguments),
-          this
-      }
-      ,
-      e
-  }();
-  t.default = o
-}
-]);
+  ]);
+  
\ No newline at end of file
diff --git a/static/custom/css/index.css b/static/custom/css/index.css
index 543184a..86b9b1c 100644
--- a/static/custom/css/index.css
+++ b/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 {
-  color: #000000;
-  width: 60%;
-  background-color: #00000000;
-  margin-top: 1px;
+.YJ-custom-base-dialog .ew-color-picker {
+  background: linear-gradient(0deg, var(--color-sdk-bg-gradual)), rgba(0, 0, 0, 0.6);
+  border-image: linear-gradient(to bottom, var(--color-sdk-gradual)) 1;
+  padding: 5px;
 }
 
-.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 {
-  background: unset;
-  border: 1px solid #dcdfe6;
-  color: #000;
+.YJ-custom-base-dialog .ew-color-picker .ew-color-dropbtngroup button {
+  padding: 5px 10px 4px 10px;
+}
+.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 {
@@ -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;
 }
@@ -2650,117 +2714,6 @@
   max-height: 185px;
 }
 
-.YJ-custom-base-dialog.polyline>.content>div .input-select-unit-box textarea {
-  border-radius: unset!important;
-}
-
-.YJ-custom-base-dialog.polyline>.content>div .input-select-unit .datalist {
-   background-color:rgba(var(--color-sdk-base-rgb), 0.1)!important;
-  border-radius: 4px 0px 0px 4px !important;
-}
-.YJ-custom-base-dialog.polyline>.content>div .input-select-unit:nth-of-type(1) .datalist {
-   background-color:rgba(var(--color-sdk-base-rgb), 0.1)!important;
-   border-radius: 4px 0px, 0px, 4px!important;
-}
-.YJ-custom-base-dialog.polyline>.content>div .input-select-unit:nth-of-type(2) .datalist {
-   background-color:rgba(var(--color-sdk-base-rgb), 0.1)!important;
-  border-radius: 0px 4px 4px 0px!important;
-}
-
-.YJ-custom-base-dialog.polyline>.content>div .input-select-unit:nth-of-type(1) input {
-    border: 1px solid rgba(var(--color-sdk-base-rgb), 0.5)!important;
-}
-.YJ-custom-base-dialog.polyline>.content>div .input-select-unit:nth-of-type(2) input {
-  border: 1px solid rgba(var(--color-sdk-base-rgb), 0.5)!important;
-}
-
-.YJ-custom-base-dialog.polyline>.content input.input-text{
-    background-color: rgba(0, 0, 0, 0.5)!important;
-    border-radius: unset!important;
-    border-top: 1px solid rgba(var(--color-sdk-base-rgb), 0.5)!important;
-    border-bottom: 1px solid rgba(var(--color-sdk-base-rgb), 0.5) !important;
-}
-
-.YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist input {
-  padding-left: 35px;
-}
-
-.YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .icon-active {
-  position: absolute;
-  top: 11px;
-  left: 10px;
-  -webkit-pointer-events: none;
-  -moz-pointer-events: none;
-  -ms-pointer-events: none;
-  -o-pointer-events: none;
-  pointer-events: none;
-}
-
-.YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist i.icon {
-  display: inline-block;
-  width: 22px;
-  height: 10px;
-  margin-right: 5px;
-}
-.YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist i.line {
-  border: 1px solid rgba(255, 255, 255, 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);
-  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);
-  height: 0px;
-  margin-top: 4px;
-  box-shadow: 0 0 3px #fff
-}
-.YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist i.tail-line {
-  background: url(../../img/arrow/tail.png) 100% 100% no-repeat;
-  background-size: 100% 100%;
-}
-.YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist i.mult-tail-line {
-  background: url(../../img/arrow/tail.png) 100% 100% no-repeat;
-  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);
-  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);
-  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-size: 100% 100%;
-}
-.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-size: 100% 100%;
-}
-.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-size: 100% 100%;
-}
-.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-size: 100% 100%;
-}
-.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-size: 100% 100%;
-}
-.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;
-  background-size: 100% 100%;
-}
-
 /* 贴地图片 */
 .YJ-custom-base-dialog.ground-image>.content {
   width: 500px;
@@ -3184,4 +3137,4 @@
 
 .YJ-custom-base-dialog.contour>.content .label {
   flex: unset;
-}
+}
\ No newline at end of file