@dobot-plus/template 1.0.0

package/.dobot/store/types.ts.txt

@@ -0,0 +1,237 @@
+export interface IStoreState {
+  toolReducer: ToolState
+  userMagamentReducer: userMagamentState
+}
+
+export interface ICapacityData {
+  totalPallet: number
+  totalBox: number
+  timeHour: number
+  timeMin: number
+  timeSec: number
+}
+
+export interface IPalletRunningData {
+  status: number
+  layer: number
+  box: number
+}
+
+export interface ParamsStyle {
+  x: number
+  y: number
+  // 0：默认；1：旋转90
+  rotate: number
+  connection: number // 0：单吸 1：双吸（长边对齐） 2：双吸（短边对齐）
+}
+
+export interface ItemPreviewParams {
+  boxCount: number
+  pallet: {
+    length: number
+    width: number
+    height: number
+  }
+  box: {
+    length: number
+    width: number
+    height: number
+    weight: number
+  }
+  style:
+    | {
+        typeA: ParamsStyle[]
+        typeB: ParamsStyle[]
+      }
+    | {
+        typeC: ParamsStyle[]
+        typeD: ParamsStyle[]
+      }
+  layer: {
+    count: number
+    order: number[]
+    partition: number
+    partitionHeight: number
+  }
+  coordinate: {
+    user: Array<number>
+    tool: number
+  }
+}
+
+export interface PreviewParamsData {
+  conveyer?: number
+  suction?: number
+  lift?: number
+  left?: ItemPreviewParams
+  right?: ItemPreviewParams
+}
+export interface PointType {
+  x: number
+  y: number
+  z: number
+  rx: number
+  ry: number
+  rz: number
+}
+export interface caliPointType {
+  imageX: number
+  imageY: number
+  physicalX: number
+  physicalY: number
+  angle: number
+}
+export interface ToolState {
+  portData: {
+    ip: string
+    port: string
+    isSync: boolean
+  }
+  tcpStatus: boolean
+  tcpInfo: any
+  extendIoData: any[]
+  onRobotTool: string[]
+  deviceStateData: DeviceState
+  ioData: any
+  pluginPort: string
+  dobotplusHost: string
+  ioList: {
+    input: {
+      address: number
+      diValue: number
+      editName: string
+      init: string
+      isShow: boolean
+      name: string
+      value: number
+    }[]
+    output: {
+      address: number
+      editName: string
+      init: string
+      isShow: boolean
+      name: string
+      value: number
+    }[]
+  }
+  pointData: any[]
+  jogInPaused: boolean
+}
+
+export type DeviceState = {
+  isTimeout?: boolean
+  stateL?: boolean
+  pose: {
+    joints: number[]
+    axes: number[]
+    auxJoint: number[]
+    l: number
+    rdnCoordinate?: number[]
+  }
+  alarm: number[]
+  alarmGo: number[]
+  hht: {
+    isEnabled: boolean
+  }
+  safeGuardMode?: 0 | 1 | 2
+  batteryVoltage?: number
+  batteryStatus?: 0 | 1
+  moveSpeed?: {
+    x: number
+    y: number
+    r: number
+  }
+  position?: {
+    x: number
+    y: number
+    yaw: number
+  }
+  joyState?: boolean
+  controlMode: number
+  isCollision?: boolean
+  skinCollison?: boolean
+
+  remoteControl?: remoteControlType
+  cameraModel?: {
+    arm: number
+    car: number
+  }
+  inputs?: number[]
+  outputs?: number[]
+  endDI?: number[]
+  endDO?: number[]
+  gpioAO?: number[]
+  extendDO?: number[][]
+  extendDI?: number[][]
+  ioAI?: number[]
+  endAI?: number[]
+  prjState?: PrjStateType
+  powerState?: boolean
+  detailsInfo?: {
+    controlParams: number[]
+    jointCurrent: number[]
+    jointVoltage: number[]
+    jointTemp: number[]
+  }
+  dragMode?: boolean // 拖拽状态
+  isSafeRun?: number
+  isSafeSuspend?: number
+  safeDO?: number[]
+  safeDI?: number[]
+  selectedControlBarCoordinate: {
+    user: number
+    tool: number
+  }
+  jogMode: JogMode
+  dragPlayback?: boolean // 复现状态
+  dragTrack?: boolean // 录制状态
+  autoManual?: 'auto' | 'manual'
+  emergencyStop?: boolean
+  warning?: number
+  speedRatio?: number
+  remoteRun?: boolean
+  jointBrake?: number[]
+  coordinate?: CoordinateType
+  pointSignal?: number
+  ledStatus?: number
+  skinValue?: number[]
+}
+
+export enum RemoteModeType {
+  Online = 'tp',
+  TCP = 'tcp'
+}
+export type remoteControlType = {
+  mode: RemoteModeType
+  name: string
+}
+export enum PrjStateType {
+  stopped = 'stopped',
+  suspended = 'suspended',
+  running = 'running'
+}
+export enum JogMode {
+  Jog = 'jog',
+  Step = 'step'
+}
+export enum CoordinateType {
+  Cartesian = 'cartesian',
+  Joint = 'joint',
+  Tool = 'tool'
+}
+export interface userMagamentState {
+  userModalData: {
+    show: boolean
+    edit?: boolean
+    user?: any
+    index?: number
+  }
+  permissionList: any[]
+  currentLevel: number
+  currentUserInfo: string
+}
+
+export enum ModuleType {
+  Module = 'Module',
+  Template = 'Template'
+}

package/.dobot/template/default.tsx.mustache

@@ -0,0 +1,20 @@
+import React from 'react'
+import './index.scss'
+import { Provider } from 'react-redux'
+import store from '../store'
+import App from '$APP_PATH$'
+import '@dobot/utils/rem'
+import '@dobot/utils/i18n'
+import '@dobot-plus/components/dist/style.css'
+import { createRoot } from 'react-dom/client'
+
+const root = document.getElementById('root')
+if (root) {
+  createRoot(root).render(
+    <React.StrictMode>
+      <Provider store={store}>
+        <App />
+      </Provider>
+    </React.StrictMode>
+  )
+}

package/.dobot/template/entry.css

@@ -0,0 +1,26 @@
+body,
+html {
+  padding: 0;
+  margin: 0;
+}
+
+.container {
+    padding: 12px 24px;
+}
+
+.iframe-container {
+    position: relative;
+    width: 320px;
+    height: 180px;
+}
+
+iframe {
+    width: 1920px;
+    height: 1080px;
+    transform: scale(0.1667); /* 根据比例缩放，320/1920 = 0.1667 */
+    transform-origin: top left; /* 保持左上角为缩放原点 */
+    position: absolute;
+    top: 0;
+    left: 0;
+    border: 1px solid #F5F5F5;
+}

package/.dobot/template/entry.tsx

@@ -0,0 +1,53 @@
+import React from 'react'
+import './entry.css'
+import { createRoot } from 'react-dom/client'
+import { Card, Space } from 'antd'
+
+const root = document.getElementById('root')
+if (root) {
+  createRoot(root).render(
+    <React.StrictMode>
+      <div className="container">
+        <h2>插件页面</h2>
+        <Space>
+          <Card
+            title={
+              <Space>
+                <span>导航栏</span>
+                <a href="/Toolbar/toolbar.html">预览|调试</a>
+              </Space>
+            }
+          >
+            <div className="iframe-container">
+              <iframe src="/Toolbar/toolbar.html"></iframe>
+            </div>
+          </Card>
+          <Card
+            title={
+              <Space>
+                <span>控制页面</span>
+                <a href="/Main">预览|调试</a>
+              </Space>
+            }
+          >
+            <div className="iframe-container">
+              <iframe src="/Main"></iframe>
+            </div>
+          </Card>
+          <Card
+            title={
+              <Space>
+                <span>积木弹窗</span>
+                <a href="/Blocks">预览|调试</a>
+              </Space>
+            }
+          >
+            <div className="iframe-container">
+              <iframe src="/Blocks"></iframe>
+            </div>
+          </Card>
+        </Space>
+      </div>
+    </React.StrictMode>
+  )
+}

package/.dobot/template/index.html

@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Document</title>
+    <style>
+      body,
+      html {
+        height: 100%;
+      }
+      body,
+      html {
+        margin: 0;
+        padding: 0;
+      }
+    </style>
+  </head>
+
+  <body>
+    <div id="root"></div>
+  </body>
+</html>

package/.dobot/template/index.scss

@@ -0,0 +1,5 @@
+body,
+html {
+  padding: 0;
+  margin: 0;
+}

package/.dobot/utils/i18n.ts

@@ -0,0 +1,31 @@
+import zh from '../../Resources/i18n/plugin/zh.json'
+import de from '../../Resources/i18n/plugin/de.json'
+import ja from '../../Resources/i18n/plugin/ja.json'
+import ko from '../../Resources/i18n/plugin/ko.json'
+import en from '../../Resources/i18n/plugin/en.json'
+import ru from '../../Resources/i18n/plugin/ru.json'
+import es from '../../Resources/i18n/plugin/es.json'
+import hk from '../../Resources/i18n/plugin/hk.json'
+
+import i18n from 'i18next'
+import { initReactI18next } from 'react-i18next'
+
+i18n.use(initReactI18next).init({
+  resources: {
+    en: { translation: en },
+    zh: { translation: zh },
+    de: { translation: de },
+    ja: { translation: ja },
+    ko: { translation: ko },
+    ru: { translation: ru },
+    es: { translation: es },
+    hk: { translation: hk }
+  },
+  lng: 'zh',
+  interpolation: {
+    escapeValue: false
+  },
+  fallbackLng: 'en'
+})
+
+export default i18n

package/.dobot/utils/i18n.ts.txt

@@ -0,0 +1,31 @@
+import zh from '../../Resources/i18n/plugin/zh.json'
+import de from '../../Resources/i18n/plugin/de.json'
+import ja from '../../Resources/i18n/plugin/ja.json'
+import ko from '../../Resources/i18n/plugin/ko.json'
+import en from '../../Resources/i18n/plugin/en.json'
+import ru from '../../Resources/i18n/plugin/ru.json'
+import es from '../../Resources/i18n/plugin/es.json'
+import hk from '../../Resources/i18n/plugin/hk.json'
+
+import i18n from 'i18next'
+import { initReactI18next } from 'react-i18next'
+
+i18n.use(initReactI18next).init({
+  resources: {
+    en: { translation: en },
+    zh: { translation: zh },
+    de: { translation: de },
+    ja: { translation: ja },
+    ko: { translation: ko },
+    ru: { translation: ru },
+    es: { translation: es },
+    hk: { translation: hk }
+  },
+  lng: 'zh',
+  interpolation: {
+    escapeValue: false
+  },
+  fallbackLng: 'en'
+})
+
+export default i18n

package/.dobot/utils/mqtt.ts

@@ -0,0 +1,61 @@
+import { connect, MqttClient, IClientOptions } from 'mqtt'
+export class MqttWebSocketClient {
+  private client!: MqttClient
+  private receiveMessageHandle!: (topic: string, msg: Buffer) => void
+  private serverUrl: string
+  private clientId: string
+  private options: IClientOptions
+  public constructor(serverUrl: string, clientId: string, options?: IClientOptions) {
+    this.serverUrl = serverUrl
+    this.clientId = clientId
+    this.options = options || {}
+  }
+
+  //连接
+  public connect(): void {
+    this.client = connect(this.serverUrl, {
+      clientId: this.clientId,
+      ...this.options
+    })
+    this.client.on('connect', this.onConnect)
+    this.client.on('message', this.onMessage) //接收消息
+    this.client.on('error', this.onError)
+  }
+  //断开连接
+  public disconnect(): void {
+    if (this.client) {
+      this.client.end()
+    }
+  }
+
+  // 订阅
+  public subscribe(topic: string, receiveMessageHandle?: (topic: string, msg: Buffer) => void): void {
+    if (this.client) {
+      this.client.subscribe(topic)
+      if (receiveMessageHandle) {
+        this.receiveMessageHandle = receiveMessageHandle
+      }
+    }
+  }
+  //取消订阅
+  public unsubscribe(topic: string): void {
+    if (this.client) {
+      this.client.unsubscribe(topic)
+    }
+  }
+  // 发布消息
+  public publish(topic: string, message: string | Buffer): void {
+    if (this.client) {
+      this.client.publish(topic, message)
+    }
+  }
+  private onConnect = (): void => {}
+  private onMessage = (topic: string, message: Buffer): void => {
+    if (this.receiveMessageHandle) {
+      this.receiveMessageHandle(topic, message)
+    }
+  }
+  private onError = (error: Error): void => {
+    console.log('连接错误：', error)
+  }
+}

package/.dobot/utils/mqtt.ts.txt

@@ -0,0 +1,61 @@
+import { connect, MqttClient, IClientOptions } from 'mqtt'
+export class MqttWebSocketClient {
+  private client!: MqttClient
+  private receiveMessageHandle!: (topic: string, msg: Buffer) => void
+  private serverUrl: string
+  private clientId: string
+  private options: IClientOptions
+  public constructor(serverUrl: string, clientId: string, options?: IClientOptions) {
+    this.serverUrl = serverUrl
+    this.clientId = clientId
+    this.options = options || {}
+  }
+
+  //连接
+  public connect(): void {
+    this.client = connect(this.serverUrl, {
+      clientId: this.clientId,
+      ...this.options
+    })
+    this.client.on('connect', this.onConnect)
+    this.client.on('message', this.onMessage) //接收消息
+    this.client.on('error', this.onError)
+  }
+  //断开连接
+  public disconnect(): void {
+    if (this.client) {
+      this.client.end()
+    }
+  }
+
+  // 订阅
+  public subscribe(topic: string, receiveMessageHandle?: (topic: string, msg: Buffer) => void): void {
+    if (this.client) {
+      this.client.subscribe(topic)
+      if (receiveMessageHandle) {
+        this.receiveMessageHandle = receiveMessageHandle
+      }
+    }
+  }
+  //取消订阅
+  public unsubscribe(topic: string): void {
+    if (this.client) {
+      this.client.unsubscribe(topic)
+    }
+  }
+  // 发布消息
+  public publish(topic: string, message: string | Buffer): void {
+    if (this.client) {
+      this.client.publish(topic, message)
+    }
+  }
+  private onConnect = (): void => {}
+  private onMessage = (topic: string, message: Buffer): void => {
+    if (this.receiveMessageHandle) {
+      this.receiveMessageHandle(topic, message)
+    }
+  }
+  private onError = (error: Error): void => {
+    console.log('连接错误：', error)
+  }
+}

package/.dobot/utils/rem.js

@@ -0,0 +1,21 @@
+;(function (doc, win) {
+  var docEl = doc.documentElement,
+    resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
+    recalc = function () {
+      var clientWidth = docEl.clientWidth
+      var clientHeight = docEl.clientHeight
+      if (!clientWidth) return
+      if (clientWidth >= 596 && clientHeight >= 624) {
+        docEl.style.fontSize = '100px'
+      } else if (clientWidth < 596 && clientHeight >= 624) {
+        docEl.style.fontSize = 100 * (clientWidth / 596) + 'px'
+      } else if (clientWidth >= 596 && clientHeight < 624) {
+        docEl.style.fontSize = 100 * (clientHeight / 624) + 'px'
+      } else {
+        docEl.style.fontSize = 100 * (clientWidth / 624) + 'px'
+      }
+    }
+  if (!doc.addEventListener) return
+  win.addEventListener(resizeEvt, recalc, false)
+  doc.addEventListener('DOMContentLoaded', recalc, false)
+})(document, window)

package/.dobot/utils/rem.js.txt

@@ -0,0 +1,21 @@
+; (function (doc, win) {
+  var docEl = doc.documentElement,
+    resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
+    recalc = function () {
+      var clientWidth = docEl.clientWidth
+      var clientHeight = docEl.clientHeight
+      if (!clientWidth) return
+      if (clientWidth >= 596 && clientHeight >= 624) {
+        docEl.style.fontSize = '100px'
+      } else if (clientWidth < 596 && clientHeight >= 624) {
+        docEl.style.fontSize = 100 * (clientWidth / 596) + 'px'
+      } else if (clientWidth >= 596 && clientHeight < 624) {
+        docEl.style.fontSize = 100 * (clientHeight / 624) + 'px'
+      } else {
+        docEl.style.fontSize = 100 * (clientWidth / 624) + 'px'
+      }
+    }
+  if (!doc.addEventListener) return
+  win.addEventListener(resizeEvt, recalc, false)
+  doc.addEventListener('DOMContentLoaded', recalc, false)
+})(document, window)

package/.dobot/utils/tool.ts

@@ -0,0 +1,15 @@
+export const isInIframe = window.self !== window.top
+
+export const jsonSafeParse = (data: string|object) => {
+  if (typeof data === 'string') {
+    try {
+      const obj = JSON.parse(data)
+      if (typeof obj === 'object' && obj) {
+        return obj
+      }
+    } catch (e) {
+      return data
+    }
+  }
+  return data
+}

package/.dobot/utils/tool.ts.txt

@@ -0,0 +1,15 @@
+export const isInIframe = window.self !== window.top
+
+export const jsonSafeParse = (data: string | object) => {
+  if (typeof data === 'string') {
+    try {
+      const obj = JSON.parse(data)
+      if (typeof obj === 'object' && obj) {
+        return obj
+      }
+    } catch (e) {
+      return data
+    }
+  }
+  return data
+}

package/.eslintrc.cjs

@@ -0,0 +1,18 @@
+module.exports = {
+  root: true,
+  env: { browser: true, es2020: true },
+  extends: [
+    'eslint:recommended',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:react-hooks/recommended',
+  ],
+  ignorePatterns: ['dist', '.eslintrc.cjs'],
+  parser: '@typescript-eslint/parser',
+  plugins: ['react-refresh'],
+  rules: {
+    'react-refresh/only-export-components': [
+      'warn',
+      { allowConstantExport: true },
+    ]
+  },
+}

package/.luarc.json

@@ -0,0 +1,17 @@
+{
+  "workspace.library": [
+    ".dobot/lua"
+  ],
+  "workspace.ignoreDir": [
+    ".vscode",
+    "node_modules",
+    "configs",
+    "Resources",
+    "ui",
+    "dist"
+  ],
+  "runtime.version": "Lua 5.4",
+  "diagnostics": {
+    "enable": true
+  }
+}