@ray-js/ipc-player-integration 0.0.49 → 0.0.50-beta.0

package/lib/widgets/zoomTurntable/turntable/rjs/index.js

@@ -0,0 +1,242 @@
+/* eslint-disable vars-on-top, func-names, no-var, one-var
+   -- 小程序原生组件层（rjs Component 壳），运行在 render 线程的 ES5 环境，
+      沿用内嵌来源 ray-zoom-turntable 的写法，不套用主工程的 ES6+ 规则 */
+import Render from './index.rjs';
+var BASE_RX = 258;
+var BASE_RY = 175.5;
+
+// 仅作 props 缺省兜底，实际刻度由 zoom_skill 推导后传入
+var DEFAULT_MARKS = [{
+  value: 1,
+  label: '1'
+}, {
+  value: 3,
+  label: '3'
+}, {
+  value: 6,
+  label: '6'
+}];
+function normalizeMarks(value) {
+  if (Array.isArray(value)) return value;
+  if (typeof value === 'string') {
+    try {
+      var parsed = JSON.parse(value);
+      return Array.isArray(parsed) ? parsed : DEFAULT_MARKS;
+    } catch (e) {
+      return DEFAULT_MARKS;
+    }
+  }
+  return DEFAULT_MARKS;
+}
+function normalizeTicks(value) {
+  if (Array.isArray(value)) return value;
+  if (typeof value === 'string') {
+    try {
+      var parsed = JSON.parse(value);
+      return Array.isArray(parsed) ? parsed : [];
+    } catch (e) {
+      return [];
+    }
+  }
+  return [];
+}
+function normalizeStyleOptions(value) {
+  if (value && typeof value === 'object') return value;
+  if (typeof value === 'string') {
+    try {
+      var parsed = JSON.parse(value);
+      return parsed && typeof parsed === 'object' ? parsed : {};
+    } catch (e) {
+      return {};
+    }
+  }
+  return {};
+}
+function styleNumber(styleOptions, name, fallback) {
+  var options = normalizeStyleOptions(styleOptions);
+  var value = options && options[name];
+  if (value == null) return fallback;
+  var parsed = Number(value);
+  return isNaN(parsed) ? fallback : parsed;
+}
+function computeCanvasViewport(props) {
+  var inputScale = props.scale != null ? Number(props.scale) : 1;
+  var orientation = props.orientation === 'right' ? 'right' : 'bottom';
+  var cropRatio = props.cropRatio != null ? Number(props.cropRatio) : 0.2;
+  if (cropRatio < 0) cropRatio = 0;
+  if (cropRatio > 1) cropRatio = 1;
+  // 与 renderer 的 hitPadding 保持一致，否则 canvas 的 DOM 尺寸与绘制尺寸会打架
+  var hitPaddingX = styleNumber(props.styleOptions, 'hitPaddingX', 0) * inputScale;
+  var hitPaddingY = styleNumber(props.styleOptions, 'hitPaddingY', 0) * inputScale;
+  var bottomSin = 2 * cropRatio - 1;
+  if (bottomSin < -1) bottomSin = -1;
+  if (bottomSin > 1) bottomSin = 1;
+  var cropWidthRatio = 1;
+  if (cropRatio < 0.5) {
+    cropWidthRatio = Math.sqrt(1 - bottomSin * bottomSin);
+  }
+  var contentScale = inputScale;
+  var cropHalfWidth = BASE_RX * contentScale * cropWidthRatio;
+  var canvasWidth = cropHalfWidth * 2 + hitPaddingX * 2;
+  var canvasHeight = BASE_RY * contentScale * 2 * cropRatio + hitPaddingY * 2;
+  return orientation === 'right' ? {
+    canvasWidth: canvasHeight,
+    canvasHeight: canvasWidth
+  } : {
+    canvasWidth: canvasWidth,
+    canvasHeight: canvasHeight
+  };
+}
+var DEFAULT_VIEWPORT = computeCanvasViewport({
+  scale: 1,
+  cropRatio: 0.2,
+  orientation: 'bottom'
+});
+
+// eslint-disable-next-line no-undef
+Component({
+  properties: {
+    canvasId: {
+      type: String
+    },
+    scale: {
+      type: Number,
+      value: 1
+    },
+    orientation: {
+      type: String,
+      value: 'bottom'
+    },
+    cropRatio: {
+      type: Number,
+      value: 0.2
+    },
+    min: {
+      type: Number,
+      value: 1
+    },
+    max: {
+      type: Number,
+      value: 6
+    },
+    step: {
+      type: Number,
+      value: 0.1
+    },
+    defaultValue: {
+      type: Number,
+      value: 1.0
+    },
+    value: {
+      type: Number,
+      optionalTypes: [Number]
+    },
+    marks: {
+      type: null,
+      value: DEFAULT_MARKS
+    },
+    ticks: {
+      type: null,
+      value: []
+    },
+    curve: {
+      type: null,
+      value: 1
+    },
+    activeColor: {
+      type: String,
+      value: '#FFFFFF'
+    },
+    styleOptions: {
+      type: null,
+      value: {}
+    },
+    onChange: {
+      type: Function
+    },
+    onChangeEnd: {
+      type: Function
+    }
+  },
+  data: {
+    canvasWidth: DEFAULT_VIEWPORT.canvasWidth,
+    canvasHeight: DEFAULT_VIEWPORT.canvasHeight
+  },
+  observers: {
+    value: function (newVal) {
+      if (this.render && this.render.setValue && newVal != null) {
+        this.render.setValue(newVal);
+      }
+    },
+    'scale, orientation, cropRatio, min, max, step, marks, ticks, curve, activeColor, styleOptions': function () {
+      this.updateCanvasViewport();
+      if (this.render && this.render.updateOptions) {
+        this.render.updateOptions(this.getRendererOptions());
+      }
+    }
+  },
+  lifetimes: {
+    attached() {
+      this.render = new Render(this);
+    },
+    ready() {
+      var self = this;
+      setTimeout(function () {
+        self.updateCanvasViewport();
+        self.initCanvas();
+      }, 10);
+    },
+    detached() {
+      if (this.render) {
+        this.render.destroy();
+      }
+    }
+  },
+  methods: {
+    updateCanvasViewport() {
+      var viewport = computeCanvasViewport(this.data);
+      if (Math.abs(viewport.canvasWidth - this.data.canvasWidth) > 0.01 || Math.abs(viewport.canvasHeight - this.data.canvasHeight) > 0.01) {
+        this.setData(viewport);
+      }
+    },
+    getRendererOptions() {
+      var props = this.data;
+      return {
+        scale: props.scale,
+        orientation: props.orientation,
+        cropRatio: props.cropRatio,
+        min: props.min,
+        max: props.max,
+        step: props.step,
+        defaultValue: props.defaultValue,
+        marks: normalizeMarks(props.marks),
+        ticks: normalizeTicks(props.ticks),
+        curve: props.curve,
+        activeColor: props.activeColor,
+        styleOptions: normalizeStyleOptions(props.styleOptions)
+      };
+    },
+    initCanvas() {
+      var canvasId = this.data.canvasId || 'zoomTurntableCanvas';
+      var options = this.getRendererOptions();
+      // If controlled value is provided, use it as initial value
+      if (this.data.value != null) {
+        options.defaultValue = this.data.value;
+      }
+      this.render.init(canvasId, options);
+    },
+    onChange(value) {
+      this.triggerEvent('change', value);
+    },
+    onChangeEnd(value) {
+      this.triggerEvent('changeEnd', value);
+    },
+    // 转盘触摸开始 / 结束（含 touchcancel），逻辑层据此切换 ty.nativeDisabled
+    onTouchStart() {
+      this.triggerEvent('turntableTouchStart');
+    },
+    onTouchEnd() {
+      this.triggerEvent('turntableTouchEnd');
+    }
+  }
+});

package/lib/widgets/zoomTurntable/turntable/rjs/index.json

@@ -0,0 +1,3 @@
+{
+  "component": true
+}