@cc-component/cc-core 1.2.8

package/assets/core/lib/old/ViewModel.ts.meta

@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.24",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "ea9c4868-8221-4173-87be-9ad3d078a241",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}

package/assets/core/lib/old/ViewSearch.ts

@@ -0,0 +1,125 @@
+import { error, isValid, js } from "cc";
+
+
+const inject_vsearch = function (key, targetDataBinding) {
+    let propertys = targetDataBinding["vsearch"] || [];
+    if (propertys.length == 0) return;
+
+    let allNodeMap = new Map();
+    vsearchHandler(this.node, allNodeMap);
+    for (const property of propertys) {
+        let className = property.className;
+        let tag = property.tag || property.name;
+
+        let instance = allNodeMap.get(tag);
+        if (className.prototype.__classname__ != "cc.Node") {
+            instance = instance?.getComponent(className) ?? instance?.addComponent(className);
+        }
+
+        if (instance == null) {
+            console.error(`没有找到属性 ${key}->${tag}`);
+            continue;
+        }
+        this[property.name] = instance;
+    }
+    allNodeMap = null;
+};
+
+const dataBindingContainer = new WeakMap();
+
+
+export function ViewSearch(target: any) {
+    const onLoad = target.prototype.onLoad;
+    /**
+     * 重载onload 注入更新
+     */
+    target.prototype.onLoad = function () {
+        let classKey = js.getClassName(target);
+        let targetDataBinding = dataBindingContainer.get(target.prototype) || {};
+        //console.log("vm onload111", classKey, targetDataBinding);
+        inject_vsearch.call(this, classKey, targetDataBinding);
+        //调用之前的onload
+        onLoad?.call(this);
+    };
+}
+
+function vsearchHandler(parent: any, map: Map<string, Node>) {
+    map.set(parent.name, parent);
+    let children = parent.children;
+    for (const key in children) {
+        if (!isValid(children[key])) continue;
+        vsearchHandler(children[key], map);
+    }
+}
+
+
+/**
+ * 通过 属性名称 或者标签查询对应的node 或组件
+ * @example
+ *  @vsearch(Label) //查找名节点称为icon的Label组件
+ *  icon:Label = null;
+ *
+ *  @vsearch(Label,"aa") //查找名节点称为aa的Label组件，并赋值给version
+ *  version:Label = null;
+ *
+ * @param className 组件名称
+ * @param tag 名称
+ * @returns
+ */
+export function vsearch(className: any, tag?: string) {
+    return (target: any, propertyKey: string) => {
+        let targetDataBinding = dataBindingContainer.get(target) || {};
+        let propertys = targetDataBinding["vsearch"] || [];
+        propertys.push({ tag: tag, name: propertyKey, className: className });
+        targetDataBinding["vsearch"] = propertys;
+        dataBindingContainer.set(target, targetDataBinding);
+    };
+}
+
+
+export function BindUI(target: any, key: string, callback: (key: string, value: any) => void, superPath?: string) {
+    const privateKey = `__${key}`;
+    target[privateKey] = target[key];
+    if (!superPath) {
+        superPath = key;
+    } else {
+        superPath += `.${key}`;
+    }
+
+    Object.defineProperty(target, key, {
+        get() {
+            return this[privateKey];
+        },
+        set(value) {
+            const path = superPath;
+            this[privateKey] = value;
+            if (callback) {
+                callback(path, value);
+            }
+        },
+        enumerable: true,
+        configurable: true,
+    });
+
+    // **跳过数组，避免递归绑定数组**
+    if (target[key] && typeof target[key] === "object" && !Array.isArray(target[key])) {
+        BindViewModel(target[key], callback, superPath);
+    }
+}
+
+export function BindViewModel(viewModel: any, callback: (key: string, value: any) => void, superPath?: string) {
+    Object.keys(viewModel).forEach((key) => {
+        if (!key.includes("$")) {
+            BindUI(viewModel, key, callback, superPath);
+        }
+    });
+}
+
+export interface IViewModel {
+    /**数据 */
+    viewModel: any
+    vmMessage: Map<string, any>;
+    /**状态改变 */
+    updateState(key: string, value: any);
+}
+

package/assets/core/lib/old/ViewSearch.ts.meta

@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.24",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "607b975b-0f88-40a2-8930-37f921f881fc",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}

package/assets/core/lib/old.meta

@@ -0,0 +1,9 @@
+{
+  "ver": "1.2.0",
+  "importer": "directory",
+  "imported": true,
+  "uuid": "72fe6f43-b640-4a13-97a1-bf8cd014be48",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}

package/assets/core/lib/tabbar/TabBarComponent.ts

@@ -0,0 +1,113 @@
+// TabBarComponent.ts
+import { Color } from 'cc';
+import { _decorator, Component, Node, Button, Label, Sprite } from 'cc';
+const { ccclass, property } = _decorator;
+
+export interface TabItemConfig {
+    id: string;
+    title: string;
+    icon?: string;
+    selectedIcon?: string;
+}
+
+@ccclass('TabBarComponent')
+export class TabBarComponent extends Component {
+    tabContainer: Node = null;
+
+    contentContainer: Node = null;
+
+    private tabItems: Node[] = [];
+    private contentItems: Node[] = [];
+    private currentIndex: number = 0;
+    private tabConfigs: TabItemConfig[] = [];
+
+    onLoad() {
+        this.initTabBar();
+    }
+
+    initTabBar() {
+        // 清空现有内容
+        this.tabItems = [];
+        this.contentItems = [];
+        
+        // 根据配置创建标签项
+        for (let i = 0; i < this.tabConfigs.length; i++) {
+            const config = this.tabConfigs[i];
+            this.createTabItem(i, config);
+        }
+        
+        // 默认选中第一个标签
+        if (this.tabConfigs.length > 0) {
+            this.switchTab(0);
+        }
+    }
+
+    createTabItem(index: number, config: TabItemConfig) {
+        // 创建标签按钮
+        const tabNode = new Node(`Tab_${index}`);
+        tabNode.parent = this.tabContainer;
+        
+        const button = tabNode.addComponent(Button);
+        const label = tabNode.addComponent(Label);
+        
+        label.string = config.title;
+        
+        // 添加点击事件
+        button.node.on(Button.EventType.CLICK, () => {
+            this.switchTab(index);
+        }, this);
+        
+        this.tabItems.push(tabNode);
+    }
+
+    switchTab(index: number) {
+        if (index === this.currentIndex) return;
+        
+        // 更新标签状态
+        this.updateTabState(this.currentIndex, false);
+        this.updateTabState(index, true);
+        
+        // 切换内容视图
+        this.switchContent(this.currentIndex, index);
+        
+        this.currentIndex = index;
+        
+        // 发送事件通知
+        this.node.emit('tab-switched', {
+            from: this.currentIndex,
+            to: index
+        });
+    }
+
+    updateTabState(index: number, selected: boolean) {
+        const tabNode = this.tabItems[index];
+        if (!tabNode) return;
+        
+        // 更新标签样式（可根据需要自定义）
+        const label = tabNode.getComponent(Label);
+        if (label) {
+            label.color = selected ? Color.BLUE : Color.GRAY;
+        }
+    }
+
+    switchContent(fromIndex: number, toIndex: number) {
+        // 隐藏当前内容
+        if (this.contentItems[fromIndex]) {
+            this.contentItems[fromIndex].active = false;
+        }
+        
+        // 显示新内容
+        if (this.contentItems[toIndex]) {
+            this.contentItems[toIndex].active = true;
+        }
+    }
+
+    addTab(config: TabItemConfig, contentNode: Node) {
+        this.tabConfigs.push(config);
+        if (contentNode) {
+            contentNode.parent = this.contentContainer;
+            contentNode.active = false;
+            this.contentItems.push(contentNode);
+        }
+    }
+}

package/assets/core/lib/tabbar/TabBarComponent.ts.meta

@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.24",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "b8cbcf1b-4d1a-4da9-8611-f35d1fe8812b",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}

package/assets/core/lib/tabbar/TabBarController.ts

@@ -0,0 +1,86 @@
+// TabBarController.ts
+import { _decorator, Component, Node, Vec3, Enum } from 'cc';
+import { instantiate } from 'cc';
+import { Layout } from 'cc';
+import { Prefab } from 'cc';
+import { BindEventClick } from '../../home/Tools';
+
+
+const { ccclass, property } = _decorator;
+
+enum TabBarPosition {
+    BOTTOM = 0,
+    TOP = 1
+}
+export interface TabItemConfig {
+    id: string;
+    title: string;
+    icon?: string;
+    selectedIcon?: string;
+}
+
+
+@ccclass('TabBarController')
+export class TabBarController extends Component {
+    /**
+     * 列表项配置
+     */
+    public count = 0;
+    public selectRowNomal: number = 2;
+
+    public updateCell: (cell: Node, row: number) => void;
+    public callbackSelect: (row: number, selelNode: Node, lastNode: Node) => void = null;
+
+    @property(Prefab)
+    HomeTabbarItem: Prefab = null;
+    @property(Node)
+    bottom: Node = null;
+
+    layout: Layout;
+    itemList: Node[] = [];
+    public selectRow: number = 0;
+
+
+
+
+    onLoad() {
+        super.onLoad();
+        this.layout = this.bottom.getComponent(Layout);
+
+    }
+
+    reload() {
+        for (let index = 0; index < this.count; index++) {
+            let node = this.itemList[index]
+            if (!node) {
+                node = instantiate(this.HomeTabbarItem)
+                this.itemList.push(node);
+                node.parent = this.bottom;
+            }
+            node.name = index.toString();
+            node.active = true;
+            this.updateCell?.(node, index)
+
+            node.off(Node.EventType.TOUCH_END)
+            node.on(Node.EventType.TOUCH_END, () => {
+                this.switchTab(index);
+            })
+
+            if (this.selectRowNomal === index) {
+                this.switchTab(index, true);
+            }
+        }
+        this.layout.updateLayout();
+    }
+
+    switchTab(index: number, isDefault: boolean = false) {
+        if (this.selectRow === index && !isDefault) { return }
+        this.callbackSelect?.(index, this.itemList[index], this.itemList[this.selectRow])
+        this.selectRow = index;
+    }
+
+
+
+
+
+}

package/assets/core/lib/tabbar/TabBarController.ts.meta

@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.24",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "bf47bf0e-82f7-4af2-bd19-bff5f42513e5",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}

package/assets/core/lib/tabbar/TabBarItem.ts

@@ -0,0 +1,52 @@
+// TabBarItem.ts
+import { _decorator, Component, Node, Sprite, Label, Button, Color } from 'cc';
+const { ccclass, property } = _decorator;
+
+@ccclass('TabBarItem')
+export class TabBarItem extends Component {
+    @property(Label)
+    titleLabel: Label = null;
+
+    @property(Sprite)
+    iconSprite: Sprite = null;
+
+    @property(Color)
+    normalColor: Color = Color.GRAY;
+
+    @property(Color)
+    selectedColor: Color = Color.BLUE;
+
+    private _isSelected: boolean = false;
+    private _title: string = '';
+    private _icon: string = '';
+
+    get isSelected(): boolean {
+        return this._isSelected;
+    }
+
+    set title(value: string) {
+        this._title = value;
+        if (this.titleLabel) {
+            this.titleLabel.string = value;
+        }
+    }
+
+    get title(): string {
+        return this._title;
+    }
+
+    start() {
+        const button = this.node.addComponent(Button);
+        button.transition = Button.Transition.COLOR;
+        button.normalColor = Color.WHITE;
+        button.pressedColor = new Color(220, 220, 220);
+    }
+
+    setSelected(selected: boolean) {
+        this._isSelected = selected;
+        if (this.titleLabel) {
+            this.titleLabel.color = selected ? this.selectedColor : this.normalColor;
+        }
+        // 可以在这里添加图标切换逻辑
+    }
+}

package/assets/core/lib/tabbar/TabBarItem.ts.meta

@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.24",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "ec28ffc3-182f-4849-bce0-71fe6ee7a792",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}

package/assets/core/lib/tabbar.meta

@@ -0,0 +1,9 @@
+{
+  "ver": "1.2.0",
+  "importer": "directory",
+  "imported": true,
+  "uuid": "d4b001b9-1789-40d0-b742-9a17748e3ef8",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}

package/assets/core/lib.meta

@@ -0,0 +1,12 @@
+{
+  "ver": "1.2.0",
+  "importer": "directory",
+  "imported": true,
+  "uuid": "128646f0-7d00-4324-99f8-e6a6728f5e54",
+  "files": [],
+  "subMetas": {},
+  "userData": {
+    "compressionType": {},
+    "isRemoteBundle": {}
+  }
+}

package/assets/core.meta

@@ -0,0 +1,9 @@
+{
+  "ver": "1.2.0",
+  "importer": "directory",
+  "imported": true,
+  "uuid": "59c0daf9-a123-4365-adf5-4798aa754636",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}

package/assets.meta

@@ -0,0 +1,9 @@
+{
+  "ver": "1.2.0",
+  "importer": "directory",
+  "imported": true,
+  "uuid": "eaf5bea5-6b92-4d35-92ff-dd5a4164e092",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}

package/index.ts

@@ -0,0 +1,3 @@
+// 负责导出assets下的模块，如: export { default } from './assets/xxx.ts'
+
+export { } from './assets/core/interface/Interface';

package/index.ts.meta

@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.24",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "df5d096e-3cdf-4505-9d1d-03110324c44d",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}

package/package.json

@@ -0,0 +1,19 @@
+{
+    "name": "@cc-component/cc-core",
+    "version": "1.2.8",
+    "engine": ">=3.8.6",
+    "description": "系统组件添加常用扩展方法",
+    "main": "index.ts",
+    "scripts": {
+        "test": "echo \"Error: no test specified\" && exit 1"
+    },
+    "repository": {
+        "type": "git",
+        "url": "https://gitee.com/YangFanHome/cc-core"
+    },
+    "publishConfig": {
+        "access": "public",
+        "registry": "https://registry.npmjs.org"
+    },
+    "license": "MIT"
+}

package/package.json.meta

@@ -0,0 +1,11 @@
+{
+  "ver": "2.0.1",
+  "importer": "json",
+  "imported": true,
+  "uuid": "1f1686a7-50ff-42d0-917b-8c4a08d96c1a",
+  "files": [
+    ".json"
+  ],
+  "subMetas": {},
+  "userData": {}
+}