@vyr/cli 0.0.12 → 0.0.13

package/output/design/src/theme/index.ts

@@ -0,0 +1,155 @@
+import '../font/iconfont.css'
+import '../theme/global.less'
+import { reactive } from "vue"
+
+interface ThemeConfig {
+  whiteColor: string
+  blackColor: string
+  blueColor: string
+  greenColor: string
+  yellowColor: string
+  redColor: string
+
+  successColor: string
+  warningColor: string
+  dangerColor: string
+
+  topicColor: string
+  activeTopicColor: string
+  fontColor: string
+  titleColor: string
+  borderColor: string
+  helperColor: string
+  disabledColor: string
+  draggableColor: string
+  flashingDraggableColor: string
+
+  fontSize: { unit: string, value: number }
+  titleSize: { unit: string, value: number }
+  borderSize: { unit: string, value: number }
+  radiusSize: { unit: string, value: number }
+
+  zIndex: number
+
+  animationTime: { unit: string, value: number }
+
+  scrollBarColor: string
+
+  inputHeight: { unit: string, value: number }
+  inputRadius: { unit: string, value: number }
+  inputLRPadding: { unit: string, value: number }
+  inputFontSize: { unit: string, value: number }
+  inputIconSize: { unit: string, value: number }
+  inputBorderSize: { unit: string, value: number }
+  inputFontColor: string
+  inputBorderColor: string
+  inputPlaceholderColor: string
+  inputBackgroundColor: string
+
+  optionMargin: { unit: string, value: number }
+  optionArrowSize: { unit: string, value: number }
+  optionBackgroundColor: string
+  optionHoverBackgroundColor: string
+  optionExpandBackgroundColor: string
+  optionDisabledBackgroundColor: string
+
+  optionsScrollMargin: { unit: string, value: number }
+  optionsBorderColor: string
+  optionsBackgroundColor: string
+
+  dialogHeaderBackgroundColor: string
+
+  popoverBackgroundColor: string
+
+  notifyZIndex: number
+}
+
+const transform = (source: string, split: RegExp, replace: RegExp) => {
+  const clips = source.split(split)
+  const codes: string[] = []
+  for (const clip of clips) codes.push(clip.replace(replace, '$1-').toLowerCase())
+  return '--vyr-' + codes.join('-')
+}
+
+class Theme {
+  static config: ThemeConfig = reactive({
+    whiteColor: 'rgba(255, 255, 255, 1)',
+    blackColor: 'rgba(0, 0, 0, 1)',
+    blueColor: 'rgba(27, 143, 223, 1)',
+    greenColor: 'rgba(106, 210, 54, 1)',
+    yellowColor: 'rgba(230, 162, 60, 1)',
+    redColor: 'rgba(245, 108, 108, 1)',
+
+    successColor: 'rgba(106, 210, 54, 1)',
+    warningColor: 'rgba(230, 162, 60, 1)',
+    dangerColor: 'rgba(245, 108, 108, 1)',
+
+    topicColor: 'rgba(30, 30, 30, 1)',
+    activeTopicColor: 'rgba(27, 143, 223, 0.8)',
+    fontColor: 'rgba(255, 255, 255, 1)',
+    titleColor: 'rgba(255, 255, 255, 1)',
+    borderColor: 'rgba(46, 46, 46, 1)',
+    helperColor: 'rgba(113, 113, 113, 1)',
+    disabledColor: 'rgba(175, 175, 175, 1)',
+    draggableColor: 'rgba(27, 143, 223, 0.3)',
+    flashingDraggableColor: 'rgba(27, 143, 223, 0.8)',
+
+    fontSize: { unit: 'px', value: 12 },
+    titleSize: { unit: 'px', value: 14 },
+    borderSize: { unit: 'px', value: 1 },
+    radiusSize: { unit: 'px', value: 2 },
+
+    zIndex: 999,
+
+    animationTime: { unit: 'ms', value: 500 },
+
+    scrollBarColor: 'rgba(46, 46, 46, 1)',
+
+    inputFontSize: { unit: 'px', value: 12 },
+    inputHeight: { unit: 'px', value: 30 },
+    inputRadius: { unit: 'px', value: 2 },
+    inputLRPadding: { unit: 'px', value: 10 },
+    inputIconSize: { unit: 'px', value: 20 },
+    inputBorderSize: { unit: 'px', value: 1 },
+    inputFontColor: 'rgba(255, 255, 255, 1)',
+    inputBorderColor: 'rgba(77, 77, 77, 1)',
+    inputPlaceholderColor: 'rgba(113, 113, 113, 1)',
+    inputBackgroundColor: 'rgba(42, 42, 42, 1)',
+
+    optionMargin: { unit: 'px', value: 2 },
+    optionArrowSize: { unit: 'px', value: 18 },
+    optionBackgroundColor: 'rgba(30, 30, 30, 1)',
+    optionHoverBackgroundColor: 'rgba(55, 55, 61, 1)',
+    optionExpandBackgroundColor: 'rgba(55, 55, 61, 1)',
+    optionDisabledBackgroundColor: 'rgba(77, 77, 77, 1)',
+
+    optionsScrollMargin: { unit: 'px', value: 6 },
+    optionsBorderColor: 'rgba(77, 77, 77, 1)',
+    optionsBackgroundColor: 'rgba(30, 30, 30, 1)',
+
+    dialogHeaderBackgroundColor: 'rgba(30, 30, 30, 0.9)',
+
+    popoverBackgroundColor: 'rgba(30, 30, 30, 1)',
+
+    notifyZIndex: 2000,
+  })
+
+  static update(config: Partial<ThemeConfig>) {
+    const keys = Object.keys(config) as Array<keyof ThemeConfig>
+    const style = document.documentElement.style
+
+    const splitReg = /(?=[A-Z])/
+    const replaceReg = /(.)(?=[A-Z])/g
+    for (const key of keys) {
+      const attribute = config[key] as any
+      const value = typeof attribute === 'object' ? attribute.value + attribute.unit : attribute
+      const cssVar = transform(key, splitReg, replaceReg)
+      style.setProperty(cssVar, value)
+    }
+    Object.assign(this.config, config)
+  }
+}
+
+Theme.update(Theme.config)
+
+export { ThemeConfig, Theme }

package/output/design/src/tool/ArrayUtils.ts

@@ -0,0 +1,38 @@
+class ArrayUtils {
+
+    static insert<T extends any = any>(arr: T[], item: T) {
+        const i = arr.indexOf(item)
+        if (i === -1) arr.push(item)
+    }
+
+    static remove<T extends any = any>(arr: T[], item: T) {
+        const i = arr.indexOf(item)
+        if (i > -1) arr.splice(i, 1)
+    }
+
+    static auto<T extends any = any>(arr: T[], item: T) {
+        const i = arr.indexOf(item)
+        i === -1 ? arr.push(item) : arr.splice(i, 1)
+    }
+
+    static insertByKey<T extends any = any>(arr: T[], key: keyof T, item: T) {
+        const count = arr.length;
+        for (let i = 0; i < count; i++) {
+            if (arr[i][key] === item[key]) return
+        }
+        arr.push(item)
+    }
+
+    static removeByKey<T extends any = any, K extends keyof T = keyof T>(arr: T[], key: keyof T, value: T[K]) {
+        const count = arr.length;
+        for (let i = 0; i < count; i++) {
+            const item = arr[i]
+            if (item[key] === value) {
+                arr.splice(i, 1)
+                return
+            }
+        }
+    }
+}
+
+export { ArrayUtils }

package/output/design/src/tool/Color.ts

@@ -0,0 +1,7 @@
+import * as tinycolor from "tinycolor2"
+
+const Color = tinycolor.default
+
+export{
+    Color
+}

package/output/design/src/tool/Draggable.ts

@@ -0,0 +1,36 @@
+type DraggableEndType = 'insert' | 'insertBefore' | 'insertAfter'
+interface AdditionalData { [k: string]: any }
+interface DraggableData<T extends AdditionalData = AdditionalData> { id: string, data: T }
+
+interface Draggable<D extends AdditionalData = AdditionalData, T extends AdditionalData = D> {
+    id: string
+
+    /**对拖拽的类型进行限制 */
+    limit(dragData: DraggableData<D>, targetData: DraggableData<D>, type: DraggableEndType): DraggableEndType
+
+    updateTargetOfKey<T extends AdditionalData = AdditionalData>(key: string, value: any, target: any): void
+
+    /**拖拽组的启动器，当托拽功能准备启动拖拽组时会调用该方法。
+     * 
+     * @param dragData 准备拖动的对象
+     * @returns 返回值决定了该对象是否可被拖动
+     */
+    starter(dragData: D): boolean
+
+    /**拖拽组的验证器，当托拽对象进入目标对象`(该托拽组内的任意一个对象)`时会调用该方法。
+     * 
+     * @param targetData 进入的目标对象
+     * @returns 返回值决定了托拽对象能否被放置在目标对象
+     */
+    validator(dragData: DraggableData<D>, targetData: DraggableData<T>): boolean
+
+    /**成功完成托拽时该方法将被执行 */
+    finished(dragData: DraggableData<D>, targetData: DraggableData<T>, type: DraggableEndType): void
+}
+
+export {
+    DraggableEndType,
+    AdditionalData,
+    DraggableData,
+    Draggable
+}

package/output/design/src/tool/Listener.ts

@@ -0,0 +1,59 @@
+type DeafultCallback = (...args: any[]) => any
+type CallbackCollection<T extends {} = {}> = { [k: string]: DeafultCallback } & T
+
+interface listenOptions {
+  once?: boolean
+  insertIndex?: number
+}
+
+class Listener<T extends {} = {}> {
+  private registrys: any = {}
+
+  listen<K extends keyof T>(type: K, callback: T[K], options?: listenOptions): () => void
+  listen(type: string, callback: DeafultCallback, options?: listenOptions): () => void
+  listen<K extends keyof T>(type: K | string, callback?: T[K], options: listenOptions = {}) {
+
+    let register = this.registrys[type]
+    if (register === undefined) {
+      register = []
+      this.registrys[type] = register
+    }
+    const insertIndex = options.insertIndex === undefined ? register.length : options.insertIndex
+
+    const row = register.find((r: any) => r.callback === callback)
+    if (!row) register.splice(insertIndex, 0, { once: options.once ?? false, callback })
+    const unlisten = () => this.unlisten(type as any, callback)
+    return unlisten
+  }
+
+  unlisten<K extends keyof T>(type: K, callback: T[K]): void
+  unlisten(type: string, callback: DeafultCallback): void
+  unlisten<K extends keyof T>(type: K, callback: T[K]) {
+    let registry = this.registrys[type]
+    if (registry === undefined) return
+
+    for (let i = 0; i < registry.length; i++) {
+      if (registry[i].callback !== callback) continue
+
+      registry.splice(i, 1)
+      if (registry.length === 0) delete this.registrys[type]
+      return
+    }
+  }
+
+  trigger<K extends keyof T>(type: K, ...args: Parameters<CallbackCollection<T>[K]>): void
+  trigger(type: string, ...args: any[]): void
+  trigger<K extends keyof T>(type: K, ...args: Parameters<CallbackCollection<T>[K]>) {
+    let registry = this.registrys[type]
+    if (registry === undefined) return //console.warn(`无法触发该事件 ${type as string}`)
+
+    if (registry.length === 0) return
+
+    registry = [...this.registrys[type]]
+    for (let i = 0; i < registry.length; i++) {
+      registry[i].callback(...args as any)
+      if (registry[i].once === true) this.unlisten(type, registry[i].callback)
+    }
+  }
+}
+export { Listener }

package/output/design/src/tool/index.ts

@@ -0,0 +1,4 @@
+export * from './ArrayUtils'
+export * from './Color'
+export * from './Listener'
+export * from './Draggable'

package/output/design/tsconfig.json

@@ -0,0 +1,37 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "module": "ESNext",
+    "moduleResolution": "node",
+    "lib": [
+      "ESNext",
+      "DOM",
+      "DOM.Iterable"
+    ],
+    "outDir": "build",
+    "declaration": true,
+    "resolveJsonModule": true,
+    "strict": true,
+    "jsx": "preserve",
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "forceConsistentCasingInFileNames": true,
+    "useDefineForClassFields": true,
+    "sourceMap": false,
+    "baseUrl": ".",
+    "types": [
+      "webpack-env",
+    ],
+    "paths": {}
+  },
+  "include": [
+    "src/**/*.ts",
+    "src/**/*.tsx",
+    "src/**/*.vue",
+    "src/shims-vue.d.ts"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
+}

package/output/engine/package.json

@@ -0,0 +1 @@
+{"name":"@vyr/engine","version":"0.0.13","description":"","main":"./src/index.ts","author":"","license":"MIT","dependencies":{"@vyr/locale":"0.0.13","tinycolor2":"1.6.0"},"devDependencies":{"@types/tinycolor2":"1.4.6"},"files":["package.json","src/"]}

package/output/engine/src/ArrayUtils.ts

@@ -0,0 +1,65 @@
+import { ObjectUtils } from "./ObjectUtils"
+
+class ArrayUtils {
+
+    static insert<T extends any = any>(arr: T[], item: T) {
+        const i = arr.indexOf(item)
+        if (i === -1) arr.push(item)
+    }
+
+    static remove<T extends any = any>(arr: T[], item: T) {
+        const i = arr.indexOf(item)
+        if (i > -1) arr.splice(i, 1)
+    }
+
+    static auto<T extends any = any>(arr: T[], item: T) {
+        const i = arr.indexOf(item)
+        i === -1 ? arr.push(item) : arr.splice(i, 1)
+    }
+
+    static insertByKey<T extends any = any>(arr: T[], key: keyof T, item: T) {
+        const count = arr.length;
+        for (let i = 0; i < count; i++) {
+            if (arr[i][key] === item[key]) return
+        }
+        arr.push(item)
+    }
+
+    static removeByKey<T extends any = any, K extends keyof T = keyof T>(arr: T[], key: keyof T, value: T[K]) {
+        const count = arr.length;
+        for (let i = 0; i < count; i++) {
+            const item = arr[i]
+            if (item[key] === value) {
+                arr.splice(i, 1)
+                return
+            }
+        }
+    }
+
+    static equals(left: { [k: string]: any }, right: { [k: string]: any }, ignore: string[] = []) {
+        if (left.length !== right.length) return false
+
+        for (let i = 0; i < left.length; i++) {
+            const value = left[i]
+            const t = typeof value
+
+            if (t === 'string' || t === 'boolean' || t === 'number' || t === 'bigint' || t === 'undefined' || t === 'symbol' || t === null) {
+                if (value !== right[i]) return false
+            }
+
+            if (Array.isArray(value)) {
+                if (ArrayUtils.equals(value, right[i], ignore) == false) return false
+                continue
+            }
+
+            if (t === 'object') {
+                if (ObjectUtils.equals(value, right[i], ignore) === false) return false
+                continue
+            }
+        }
+
+        return true
+    }
+}
+
+export { ArrayUtils }

package/output/engine/src/AsyncTask.ts

@@ -0,0 +1,72 @@
+import { language } from './locale'
+
+enum STATUS {
+    PENDING = 1,
+    RUNNING = 2,
+    RESOLVED = 3,
+    REJECTED = 4,
+    CANCELLED = 5
+}
+
+type AsyncTaskFn<T> = () => T | Promise<T>
+
+class AsyncTask<T = any> {
+    private _task: AsyncTaskFn<T>;
+    private _status: STATUS;
+    private _promise: Promise<T>;
+    private _resolve!: ((value: T | PromiseLike<T>) => void) | null;
+    private _reject!: ((reason?: any) => void) | null;
+
+    constructor(task?: AsyncTaskFn<T>) {
+        this._task = task ?? (async () => { }) as AsyncTaskFn<T>;
+        this._status = STATUS.PENDING;
+        this._promise = new Promise<T>((resolve, reject) => {
+            this._resolve = resolve;
+            this._reject = reject;
+        })
+    }
+
+    /**运行任务 */
+    run(): Promise<T> {
+        if (this._status !== STATUS.PENDING) return this._promise
+
+        this._status = STATUS.RUNNING;
+
+        Promise.resolve(this._task())
+            .then(result => {
+                if (this._status === STATUS.RUNNING) {
+                    this._status = STATUS.RESOLVED;
+                    this._resolve!(result);
+                }
+            })
+            .catch(error => {
+                if (this._status === STATUS.RUNNING) {
+                    this._status = STATUS.REJECTED;
+                    this._reject!(error);
+                }
+            });
+
+        return this._promise;
+    }
+
+    /**取消运行中的任务 */
+    cancel(): boolean {
+        if (this._status === STATUS.PENDING || this._status === STATUS.RUNNING) {
+            this._status = STATUS.CANCELLED;
+            if (this._reject) {
+                this._reject(new Error(language.get('asyncTask.task.was.cancelled')));
+            }
+            return true;
+        }
+        return false;
+    }
+
+    /**等待任务完成 */
+    done(): Promise<T> {
+        return this._promise;
+    }
+}
+
+export {
+    AsyncTask
+}

package/output/engine/src/Category.ts

@@ -0,0 +1,119 @@
+/**资产的类别 */
+class Category {
+  static ts = 'ts'
+  static prefab = 'prefab'
+  static dataset = 'dataset'
+  static style = 'style'
+  static font = 'font'
+  static interaction = 'interaction'
+  static texture = 'texture'
+  static material = 'material'
+  static geometry = 'geometry'
+  static scene = 'scene'
+  static json = 'json'
+  static image = 'image'
+  static audio = 'audio'
+  static video = 'video'
+  static model = 'model'
+  static other = 'other'
+
+  static tsSuffix = `.${this.ts}`
+  static prefabSuffix = `.${this.prefab}.json`
+  static datasetSuffix = `.${this.dataset}.json`
+  static styleSuffix = `.${this.style}.json`
+  static fontSuffix = `.${this.font}.json`
+  static interactionSuffix = `.${this.interaction}.json`
+  static textureSuffix = `.${this.texture}.json`
+  static materialSuffix = `.${this.material}.json`
+  static geometrySuffix = `.${this.geometry}.json`
+  static sceneSuffix = `.${this.scene}.json`
+  static manifestSuffix = `.manifest.json`
+
+  static jsonSuffixs = ['.json']
+  static imageSuffixs = ['.png', '.jpg', '.jpeg', '.bmp', '.gif']
+  static audioSuffixs = ['.mp3', '.wav', '.wmv']
+  static videoSuffixs = ['.mp4', '.m2v', '.mkv', '.rmvb', '.wmv', '.avi', '.flv', '.mov', '.m4v']
+  static modelSuffixs = ['.glb', '.gltf']
+
+  static descriptorSuffixs = [
+    this.prefabSuffix,
+    this.datasetSuffix,
+    this.styleSuffix,
+    this.interactionSuffix,
+    this.textureSuffix,
+    this.materialSuffix,
+    this.geometrySuffix,
+    this.sceneSuffix,
+  ]
+  static descriptorCategorys = [
+    this.prefab,
+    this.dataset,
+    this.style,
+    this.interaction,
+    this.texture,
+    this.material,
+    this.geometry,
+    this.scene,
+  ]
+
+  /**根据后缀获取资产类型 */
+  static getCategory(suffix: string) {
+    if (suffix === this.tsSuffix) {
+      return this.ts
+    } else if (suffix === this.prefabSuffix) {
+      return this.prefab
+    } else if (suffix === this.datasetSuffix) {
+      return this.dataset
+    } else if (suffix === this.styleSuffix) {
+      return this.style
+    } else if (suffix === this.fontSuffix) {
+      return this.font
+    } else if (suffix === this.interactionSuffix) {
+      return this.interaction
+    } else if (suffix === this.textureSuffix) {
+      return this.texture
+    } else if (suffix === this.materialSuffix) {
+      return this.material
+    } else if (suffix === this.geometrySuffix) {
+      return this.geometry
+    } else if (suffix === this.sceneSuffix) {
+      return this.scene
+    } else if (this.jsonSuffixs.includes(suffix)) {
+      return this.json
+    } else if (this.imageSuffixs.includes(suffix)) {
+      return this.image
+    } else if (this.audioSuffixs.includes(suffix)) {
+      return this.audio
+    } else if (this.videoSuffixs.includes(suffix)) {
+      return this.video
+    } else if (this.modelSuffixs.includes(suffix)) {
+      return this.model
+    } else {
+      return this.other
+    }
+  }
+
+  /**根据名称解析资产信息 */
+  static parseName(name?: string) {
+    const result = { name: '', suffix: '', category: 'other' }
+    if (name === undefined || name === '') return result
+
+    const nameClips = name.split('.')
+    result.name = nameClips[0] ?? ''
+
+    for (let i = 1; i < nameClips.length; i++) {
+      result.suffix += `.${nameClips[i]}`
+    }
+    result.category = this.getCategory(result.suffix)
+
+    return result
+  }
+
+  /**根据后缀判断是否为描述器类资产 */
+  static isDescriptor(suffix: string, type: 'suffix' | 'category' = 'suffix') {
+    const tests = type === 'suffix' ? Category.descriptorSuffixs : Category.descriptorCategorys
+    return tests.includes(suffix)
+  }
+}
+
+export { Category }