@ray-js/lamp-circle-picker 1.0.5-beta-2 → 1.0.6-beta-1

package/lib/component/props.d.ts

@@ -29,6 +29,18 @@ export interface IProps {
      * @default 'lampCirclePickerEventChannel'
      */
     eventChannelName?: string;
+    /**
+     * @description.zh 注意⚠️：基础库版本大于2.18.0, 是否启用事件通道，当多个 rjs 组件同时使用时，用于优化 rjs 间数据传输时的性能问题
+     * @description.en Note ⚠️ : The base library version is greater than 2.18.0， Whether to enable event channels to optimize the performance of data transfer between rjs when multiple rjs components are used simultaneously
+     * @default false
+     */
+    useEventChannel?: boolean;
+    /**
+     * @description.zh 事件通道名称
+     * @description.en Event channel name
+     * @default 'lampCirclePickerEventChannel'
+     */
+    eventChannelName?: string;
     /**
      * @description.zh 手指按下时的回调函数
      * @description.en Finger press when the callback function

package/lib/component/rjs/index.js

@@ -8,7 +8,10 @@ const ETipRectPosition = {
 // eslint-disable-next-line no-undef
 Component({
   properties: {
-    containerStyle: String,
+    containerStyle: {
+      type: String,
+      value: 'position: relative;'
+    },
     radius: {
       type: Number,
       value: 100

package/lib/demoRjs/index.rjs

@@ -0,0 +1,12 @@
+export default Render({
+  renderChannel() {
+    try {
+      const eventChannelName = 'lampCirclePickerEventChannel';
+      this.instance.eventChannel.on(eventChannelName, (e) => {
+        console.warn('eventChannel get', e);
+      });
+    } catch (e) {
+      console.warn(e);
+    }
+  },
+});

package/lib/{exampleComponent/demoRjs → demoRjs}/index.tyml

@@ -1,4 +1,4 @@
 <view 
     class="container"
 >
-</view>
+</view>

package/lib/index.d.ts

@@ -6,6 +6,9 @@ interface IProps {
     useEventChannel?: boolean;
     eventChannelName?: string;
     temperature?: number;
+    titleStyle?: React.CSSProperties;
+    descStyle?: React.CSSProperties;
+    style?: React.CSSProperties;
     onTouchStart?: (v: number) => void;
     onTouchMove?: (v: number) => void;
     onTouchEnd?: (v: number) => void;
@@ -20,6 +23,9 @@ declare const LampCirclePicker: {
         innerRingRadius: number;
         useEventChannel: boolean;
         eventChannelName: string;
+        titleStyle: {};
+        descStyle: {};
+        style: {};
         onTouchStart: () => null;
         onTouchMove: () => null;
         onTouchEnd: () => null;

package/lib/index.js

@@ -16,12 +16,12 @@ const LampCirclePicker = props => {
     innerRingRadius,
     useEventChannel,
     eventChannelName,
-    onTouchStart,
-    onTouchMove,
-    onTouchEnd,
     titleStyle,
     descStyle,
-    style
+    style,
+    onTouchStart,
+    onTouchMove,
+    onTouchEnd
   } = props;
   const innerImgRadius = innerRingRadius * 4 * 0.8;
   const _value = value !== null && value !== void 0 ? value : temperature;
@@ -62,6 +62,9 @@ LampCirclePicker.defaultProps = {
   innerRingRadius: 80,
   useEventChannel: false,
   eventChannelName: 'lampCirclePickerEventChannel',
+  titleStyle: {},
+  descStyle: {},
+  style: {},
   onTouchStart: nilFn,
   onTouchMove: nilFn,
   onTouchEnd: nilFn

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ray-js/lamp-circle-picker",
-  "version": "1.0.5-beta-2",
+  "version": "1.0.6-beta-1",
   "description": "照明缺角色环",
   "main": "lib/index",
   "files": [

package/lib/exampleComponent/demoRjs/index.rjs

@@ -1,8 +0,0 @@
-export default Render({
-  renderChannel() {
-    const eventChannelName = 'lampCirclePickerEventChannel';
-    this.instance.eventChannel.on(eventChannelName, (e) => {
-      console.log('eventChannel get', e);
-    });
-  },
-});