@ray-js/lamp-circle-picker 1.0.5-beta-1 → 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,9 +6,15 @@ 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;
+    titleStyle?: React.CSSProperties;
+    descStyle?: React.CSSProperties;
+    style?: React.CSSProperties;
 }
 declare const LampCirclePicker: {
     (props: IProps): React.JSX.Element;
@@ -17,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,6 +16,9 @@ const LampCirclePicker = props => {
     innerRingRadius,
     useEventChannel,
     eventChannelName,
+    titleStyle,
+    descStyle,
+    style,
     onTouchStart,
     onTouchMove,
     onTouchEnd
@@ -23,7 +26,8 @@ const LampCirclePicker = props => {
   const innerImgRadius = innerRingRadius * 4 * 0.8;
   const _value = value !== null && value !== void 0 ? value : temperature;
   return /*#__PURE__*/React.createElement(View, {
-    className: clsx(styled.container, styled.flexCenter)
+    className: clsx(styled.container, styled.flexCenter),
+    style: style
   }, /*#__PURE__*/React.createElement(AnnulusPickerColor, {
     value: _value,
     radius: radius,
@@ -45,9 +49,11 @@ const LampCirclePicker = props => {
   }), /*#__PURE__*/React.createElement(View, {
     className: clsx(styled.textBox, styled.flexCenter)
   }, /*#__PURE__*/React.createElement(Text, {
-    className: styled.title
+    className: styled.title,
+    style: titleStyle
   }, Math.trunc(_value / 10), "%"), /*#__PURE__*/React.createElement(Text, {
-    className: styled.desc
+    className: styled.desc,
+    style: descStyle
   }, Strings.getLang('temperature')))));
 };
 const nilFn = () => null;
@@ -56,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-1",
+  "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);
-    });
-  },
-});