aoi-comp 1.0.0

package/README.md

@@ -0,0 +1,187 @@
+# React + Vite + Less + Antd
+
+前端组件库
+
+### 组件库目录结构
+
+```text
+packages/
+├─ index.js                 # 组件库入口，导出 AoiGlobal、aoiInit 等初始化能力
+├─ assets/                  # 静态资源与枚举配置
+│  ├─ enum/                 # 全局枚举、默认配置常量
+│  ├─ images/               # 图片资源
+│  └─ svgs/                 # SVG 图标资源，按图标类型分类
+│     ├─ colo/              # 彩色图标
+│     ├─ fill/              # 填充图标
+│     │  └─ status/         # 状态类填充图标
+│     └─ line/              # 线性图标
+│        └─ tool/           # 工具类线性图标
+├─ components/              # 组件源码
+│  ├─ index.jsx             # 组件统一导出入口
+│  ├─ base/                 # 基础组件
+│  │  ├─ AoiApp/            # 应用外层容器，注入全局状态、消息、权限等上下文
+│  │  ├─ AoiEllipsis/       # 文本省略组件
+│  │  ├─ AoiErr/            # 错误展示组件
+│  │  ├─ AoiIcon/           # 图标组件
+│  │  └─ AoiSwitch/         # 开关组件
+│  ├─ data/                 # 数据展示组件
+│  │  ├─ AoiList/           # 列表组件
+│  │  ├─ AoiModal/          # 弹窗组件
+│  │  ├─ AoiNews/           # 消息/通知组件
+│  │  ├─ AoiTable/          # 表格组件
+│  │  └─ AoiView/           # PixiJS 图像与缺陷数据绘制视图
+│  └─ form/                 # 表单输入组件
+│     ├─ AoiColor/          # 颜色选择组件
+│     ├─ AoiDate/           # 日期选择组件
+│     ├─ AoiInput/          # 输入框组件
+│     ├─ AoiNumber/         # 数字输入组件
+│     └─ AoiSelect/         # 下拉选择组件
+├─ hooks/                   # 公共 React Hooks
+│  ├─ index.js              # 对外导出的 hooks
+│  └─ privatize.js          # 内部使用的私有 hooks
+├─ locales/                 # 国际化资源
+│  ├─ index.js              # i18n 初始化与导出
+│  ├─ zh.json               # 中文语言包
+│  └─ en.json               # 英文语言包
+├─ styles/                  # 全局样式与公共 Less 资源
+├─ themes/                  # 主题 token 与主题变量
+└─ utils/                   # 工具模块
+   ├─ config.js             # 配置初始化与文件路径配置
+   ├─ defect.js             # 缺陷类型配置管理
+   ├─ event.js              # 全局事件定义与发布订阅
+   ├─ index.js              # 工具统一导出入口
+   ├─ msgs.js               # 消息提示封装
+   ├─ queue.js              # 队列工具
+   ├─ sqldb.js              # 数据库访问封装
+   └─ util.js               # 通用工具函数
+```
+
+组件目录通常遵循以下约定：
+
+- 每个组件以独立文件夹维护，入口文件为 `index.jsx`。
+- 组件私有样式放在同级 `index.less` 中，并由组件入口按需引入。
+- `packages/components/index.jsx` 负责统一导出所有对外组件。
+- `packages/index.js` 负责组件库全局初始化能力，例如主题、国际化、数据库、事件与配置初始化。
+
+### 组件图标
+
+- [简约图标库 1](https://www.iconfont.cn/collections/detail?cid=18616)
+- [全能图标库 1](https://www.iconfont.cn/collections/detail?cid=48981)
+
+### 组件使用步骤
+
+#### 1. 安装依赖
+
+组件库安装：
+
+```bash
+pnpm install aoi-comp
+```
+
+#### 2. 引入全局样式
+
+在应用入口文件中引入组件库样式：
+
+```js
+import 'aoi-comp/style.css';
+```
+
+#### 3. 初始化组件库
+
+在渲染 React 应用前调用 `aoiInit`，用于初始化主题、国际化、数据库、事件、配置等全局能力：
+
+```js
+import { aoiInit } from 'aoi-comp';
+
+const config = {
+  exe: window._executer,
+  cv: window._cv,
+  resource: {
+    zh: { welcome: '欢迎使用 Aoi Comp' },
+    en: { welcome: 'Welcome to Aoi Comp' },
+  },
+  sqls: [],
+  config: {},
+};
+
+aoiInit(config);
+```
+
+常用初始化参数：
+
+- `exe`：宿主环境注入的执行对象，用于数据库、文件等能力。
+- `cv`：宿主环境注入的图像处理对象。
+- `resource`：业务侧追加的国际化语言包。
+- `lang`：默认语言，默认为 `zh`。
+- `sqls`：数据库表结构与 SQL 配置。
+- `level`：权限配置。
+- `config`：业务配置项。
+- `dev`：是否开启开发模式。
+
+#### 4. 挂载 AoiApp
+
+使用 `AoiApp` 包裹业务应用，注入 Ant Design 配置、主题、语言包、全局消息和组件库上下文：
+
+```jsx
+import { createRoot } from 'react-dom/client';
+import { AoiApp } from 'aoi-comp/comps';
+import zhCN from 'antd/locale/zh_CN';
+import App from './App';
+
+createRoot(document.getElementById('root')).render(
+  <AoiApp lang="zh" locale={zhCN}>
+    <App />
+  </AoiApp>
+);
+```
+
+#### 5. 使用组件
+
+从 `aoi-comp/comps` 按需导入组件：
+
+```jsx
+import { AoiInput, AoiTable, AoiView } from 'aoi-comp/comps';
+```
+
+示例：
+
+```jsx
+import { AoiInput, AoiNumber, AoiTable } from 'aoi-comp/comps';
+
+const Demo = () => (
+  <>
+    <AoiInput value="test" />
+    <AoiNumber value={8} max={10} />
+    <AoiTable rowKey="id" columns={[]} data={[]} />
+  </>
+);
+```
+
+#### 6. 使用 Hooks 和工具函数
+
+Hooks 从 `aoi-comp/hooks` 导入：
+
+```js
+import { useMessage, useStore, usePagination, useVastState } from 'aoi-comp/hooks';
+```
+
+工具函数从 `aoi-comp/utils` 导入：
+
+```js
+import { Msg, uid, emit, on, off } from 'aoi-comp/utils';
+```
+
+#### 7. 本地开发验证
+
+当前仓库可通过以下命令启动和构建：
+
+```bash
+pnpm dev
+pnpm build
+```
+
+本地测试入口参考：
+
+- `test/main.jsx`：组件库初始化与 `AoiApp` 挂载示例。
+- `test/config.js`：`aoiInit` 配置示例。
+- `test/App.jsx`：组件使用示例。

package/dist/BufferResource-CVU-ZRRz.js

@@ -0,0 +1,273 @@
+import { R as e, Z as t, n, nt as r, p as i, r as a } from "./Geometry-CN7W9DnD.js";
+import { k as o, w as s } from "./RenderTargetSystem-D_FiZPnb.js";
+//#region node_modules/.pnpm/pixi.js@8.20.1/node_modules/pixi.js/lib/rendering/high-shader/shader-bits/localUniformBit.mjs
+var c = {
+	name: "local-uniform-bit",
+	vertex: {
+		header: "\n\n            struct LocalUniforms {\n                uTransformMatrix:mat3x3<f32>,\n                uColor:vec4<f32>,\n                uRound:f32,\n            }\n\n            @group(1) @binding(0) var<uniform> localUniforms : LocalUniforms;\n        ",
+		main: "\n            vColor *= localUniforms.uColor;\n            modelMatrix *= localUniforms.uTransformMatrix;\n        ",
+		end: "\n            if(localUniforms.uRound == 1)\n            {\n                vPosition = vec4(roundPixels(vPosition.xy, globalUniforms.uResolution), vPosition.zw);\n            }\n        "
+	}
+}, l = {
+	...c,
+	vertex: {
+		...c.vertex,
+		header: c.vertex.header.replace("group(1)", "group(2)")
+	}
+}, u = {
+	name: "local-uniform-bit",
+	vertex: {
+		header: "\n\n            uniform mat3 uTransformMatrix;\n            uniform vec4 uColor;\n            uniform float uRound;\n        ",
+		main: "\n            vColor *= uColor;\n            modelMatrix = uTransformMatrix;\n        ",
+		end: "\n            if(uRound == 1.)\n            {\n                gl_Position.xy = roundPixels(gl_Position.xy, uResolution);\n            }\n        "
+	}
+}, d = {
+	name: "texture-bit",
+	vertex: {
+		header: "\n\n        struct TextureUniforms {\n            uTextureMatrix:mat3x3<f32>,\n        }\n\n        @group(2) @binding(2) var<uniform> textureUniforms : TextureUniforms;\n        ",
+		main: "\n            uv = (textureUniforms.uTextureMatrix * vec3(uv, 1.0)).xy;\n        "
+	},
+	fragment: {
+		header: "\n            @group(2) @binding(0) var uTexture: texture_2d<f32>;\n            @group(2) @binding(1) var uSampler: sampler;\n\n\n        ",
+		main: "\n            outColor = textureSample(uTexture, uSampler, vUV);\n        "
+	}
+}, f = {
+	name: "texture-bit",
+	vertex: {
+		header: "\n            uniform mat3 uTextureMatrix;\n        ",
+		main: "\n            uv = (uTextureMatrix * vec3(uv, 1.0)).xy;\n        "
+	},
+	fragment: {
+		header: "\n        uniform sampler2D uTexture;\n\n\n        ",
+		main: "\n            outColor = texture(uTexture, vUV);\n        "
+	}
+};
+//#endregion
+//#region node_modules/.pnpm/pixi.js@8.20.1/node_modules/pixi.js/lib/rendering/renderers/gl/shader/program/ensureAttributes.mjs
+function p(t, n) {
+	for (let r in t.attributes) {
+		let i = t.attributes[r], a = n[r];
+		a ? (i.format ??= a.format, i.offset ??= a.offset, i.instance ??= a.instance) : e(`Attribute ${r} is not present in the shader, but is present in the geometry. Unable to infer attribute details.`);
+	}
+	m(t);
+}
+function m(e) {
+	let { buffers: t, attributes: n } = e, r = {}, a = {};
+	for (let e in t) {
+		let n = t[e];
+		r[n.uid] = 0, a[n.uid] = 0;
+	}
+	for (let e in n) {
+		let t = n[e];
+		r[t.buffer.uid] += i(t.format).stride;
+	}
+	for (let e in n) {
+		let t = n[e];
+		t.stride ??= r[t.buffer.uid], t.start ??= a[t.buffer.uid], a[t.buffer.uid] += i(t.format).stride;
+	}
+}
+//#endregion
+//#region node_modules/.pnpm/pixi.js@8.20.1/node_modules/pixi.js/lib/rendering/renderers/gpu/state/GpuStencilModesToPixi.mjs
+var h = [];
+h[s.NONE] = void 0, h[s.DISABLED] = {
+	stencilWriteMask: 0,
+	stencilReadMask: 0
+}, h[s.RENDERING_MASK_ADD] = {
+	stencilFront: {
+		compare: "equal",
+		passOp: "increment-clamp"
+	},
+	stencilBack: {
+		compare: "equal",
+		passOp: "increment-clamp"
+	}
+}, h[s.RENDERING_MASK_REMOVE] = {
+	stencilFront: {
+		compare: "equal",
+		passOp: "decrement-clamp"
+	},
+	stencilBack: {
+		compare: "equal",
+		passOp: "decrement-clamp"
+	}
+}, h[s.MASK_ACTIVE] = {
+	stencilWriteMask: 0,
+	stencilFront: {
+		compare: "equal",
+		passOp: "keep"
+	},
+	stencilBack: {
+		compare: "equal",
+		passOp: "keep"
+	}
+}, h[s.INVERSE_MASK_ACTIVE] = {
+	stencilWriteMask: 0,
+	stencilFront: {
+		compare: "not-equal",
+		passOp: "keep"
+	},
+	stencilBack: {
+		compare: "not-equal",
+		passOp: "keep"
+	}
+};
+//#endregion
+//#region node_modules/.pnpm/pixi.js@8.20.1/node_modules/pixi.js/lib/rendering/renderers/shared/shader/UboSystem.mjs
+var g = class {
+	constructor(e) {
+		this._syncFunctionHash = /* @__PURE__ */ Object.create(null), this._adaptor = e, this._systemCheck();
+	}
+	_systemCheck() {
+		if (!o()) throw Error("Current environment does not allow unsafe-eval, please use pixi.js/unsafe-eval module to enable support.");
+	}
+	ensureUniformGroup(e) {
+		let t = this.getUniformGroupData(e);
+		e.buffer ||= new n({
+			data: new Float32Array(t.layout.size / 4),
+			usage: a.UNIFORM | a.COPY_DST
+		});
+	}
+	getUniformGroupData(e) {
+		return this._syncFunctionHash[e._signature] || this._initUniformGroup(e);
+	}
+	_initUniformGroup(e) {
+		let t = e._signature, n = this._syncFunctionHash[t];
+		if (!n) {
+			let r = Object.keys(e.uniformStructures).map((t) => e.uniformStructures[t]), i = this._adaptor.createUboElements(r), a = this._generateUboSync(i.uboElements);
+			n = this._syncFunctionHash[t] = {
+				layout: i,
+				syncFunction: a
+			};
+		}
+		return this._syncFunctionHash[t];
+	}
+	_generateUboSync(e) {
+		return this._adaptor.generateUboSync(e);
+	}
+	syncUniformGroup(e, t, r) {
+		let i = this.getUniformGroupData(e);
+		e.buffer ||= new n({
+			data: new Float32Array(i.layout.size / 4),
+			usage: a.UNIFORM | a.COPY_DST
+		});
+		let o = null;
+		return t || (t = e.buffer.data, o = e.buffer.dataInt32), r ||= 0, i.syncFunction(e.uniforms, t, o, r), !0;
+	}
+	updateUniformGroup(e) {
+		if (e.isStatic && !e._dirtyId) return !1;
+		e._dirtyId = 0;
+		let t = this.syncUniformGroup(e);
+		return e.buffer.update(), t;
+	}
+	destroy() {
+		this._syncFunctionHash = null;
+	}
+}, _ = [
+	{
+		type: "mat3x3<f32>",
+		test: (e) => e.value.a !== void 0,
+		ubo: "\n            var matrix = uv[name].toArray(true);\n            data[offset] = matrix[0];\n            data[offset + 1] = matrix[1];\n            data[offset + 2] = matrix[2];\n            data[offset + 4] = matrix[3];\n            data[offset + 5] = matrix[4];\n            data[offset + 6] = matrix[5];\n            data[offset + 8] = matrix[6];\n            data[offset + 9] = matrix[7];\n            data[offset + 10] = matrix[8];\n        ",
+		uniform: "\n            gl.uniformMatrix3fv(ud[name].location, false, uv[name].toArray(true));\n        "
+	},
+	{
+		type: "vec4<f32>",
+		test: (e) => e.type === "vec4<f32>" && e.size === 1 && e.value.width !== void 0,
+		ubo: "\n            v = uv[name];\n            data[offset] = v.x;\n            data[offset + 1] = v.y;\n            data[offset + 2] = v.width;\n            data[offset + 3] = v.height;\n        ",
+		uniform: "\n            cv = ud[name].value;\n            v = uv[name];\n            if (cv[0] !== v.x || cv[1] !== v.y || cv[2] !== v.width || cv[3] !== v.height) {\n                cv[0] = v.x;\n                cv[1] = v.y;\n                cv[2] = v.width;\n                cv[3] = v.height;\n                gl.uniform4f(ud[name].location, v.x, v.y, v.width, v.height);\n            }\n        "
+	},
+	{
+		type: "vec2<f32>",
+		test: (e) => e.type === "vec2<f32>" && e.size === 1 && e.value.x !== void 0,
+		ubo: "\n            v = uv[name];\n            data[offset] = v.x;\n            data[offset + 1] = v.y;\n        ",
+		uniform: "\n            cv = ud[name].value;\n            v = uv[name];\n            if (cv[0] !== v.x || cv[1] !== v.y) {\n                cv[0] = v.x;\n                cv[1] = v.y;\n                gl.uniform2f(ud[name].location, v.x, v.y);\n            }\n        "
+	},
+	{
+		type: "vec4<f32>",
+		test: (e) => e.type === "vec4<f32>" && e.size === 1 && e.value.red !== void 0,
+		ubo: "\n            v = uv[name];\n            data[offset] = v.red;\n            data[offset + 1] = v.green;\n            data[offset + 2] = v.blue;\n            data[offset + 3] = v.alpha;\n        ",
+		uniform: "\n            cv = ud[name].value;\n            v = uv[name];\n            if (cv[0] !== v.red || cv[1] !== v.green || cv[2] !== v.blue || cv[3] !== v.alpha) {\n                cv[0] = v.red;\n                cv[1] = v.green;\n                cv[2] = v.blue;\n                cv[3] = v.alpha;\n                gl.uniform4f(ud[name].location, v.red, v.green, v.blue, v.alpha);\n            }\n        "
+	},
+	{
+		type: "vec3<f32>",
+		test: (e) => e.type === "vec3<f32>" && e.size === 1 && e.value.red !== void 0,
+		ubo: "\n            v = uv[name];\n            data[offset] = v.red;\n            data[offset + 1] = v.green;\n            data[offset + 2] = v.blue;\n        ",
+		uniform: "\n            cv = ud[name].value;\n            v = uv[name];\n            if (cv[0] !== v.red || cv[1] !== v.green || cv[2] !== v.blue) {\n                cv[0] = v.red;\n                cv[1] = v.green;\n                cv[2] = v.blue;\n                gl.uniform3f(ud[name].location, v.red, v.green, v.blue);\n            }\n        "
+	}
+];
+//#endregion
+//#region node_modules/.pnpm/pixi.js@8.20.1/node_modules/pixi.js/lib/rendering/renderers/shared/shader/utils/compileBufferSync.mjs
+function v(e, t, n) {
+	let r = ["\n        var v = null;\n        var v2 = null;\n        var t = 0;\n        var index = 0;\n        var name = null;\n        var arrayOffset = null;\n    "], i = 0;
+	for (let a = 0; a < e.length; a++) {
+		let o = e[a], s = o.data.name, c = !1, l = 0;
+		for (let e = 0; e < _.length; e++) if (_[e].test(o.data)) {
+			l = o.offset / 4, r.push(`name = "${s}";`, `offset += ${l - i};`, _[e].ubo), c = !0;
+			break;
+		}
+		if (!c) if (o.data.size > 1) l = o.offset / 4, r.push(n(o, l - i));
+		else {
+			let e = t[o.data.type];
+			l = o.offset / 4, r.push(`
+                    v = uv.${s};
+                    offset += ${l - i};
+                    ${e};
+                `);
+		}
+		i = l;
+	}
+	let a = r.join("\n");
+	return Function("uv", "data", "dataInt32", "offset", a);
+}
+//#endregion
+//#region node_modules/.pnpm/pixi.js@8.20.1/node_modules/pixi.js/lib/rendering/renderers/shared/shader/utils/uboSyncFunctions.mjs
+function y(e, t) {
+	return `
+        for (let i = 0; i < ${e * t}; i++) {
+            data[offset + (((i / ${e})|0) * 4) + (i % ${e})] = v[i];
+        }
+    `;
+}
+var b = {
+	f32: "\n        data[offset] = v;",
+	i32: "\n        dataInt32[offset] = v;",
+	u32: "\n        dataInt32[offset] = v;",
+	"vec2<f32>": "\n        data[offset] = v[0];\n        data[offset + 1] = v[1];",
+	"vec3<f32>": "\n        data[offset] = v[0];\n        data[offset + 1] = v[1];\n        data[offset + 2] = v[2];",
+	"vec4<f32>": "\n        data[offset] = v[0];\n        data[offset + 1] = v[1];\n        data[offset + 2] = v[2];\n        data[offset + 3] = v[3];",
+	"vec2<i32>": "\n        dataInt32[offset] = v[0];\n        dataInt32[offset + 1] = v[1];",
+	"vec3<i32>": "\n        dataInt32[offset] = v[0];\n        dataInt32[offset + 1] = v[1];\n        dataInt32[offset + 2] = v[2];",
+	"vec4<i32>": "\n        dataInt32[offset] = v[0];\n        dataInt32[offset + 1] = v[1];\n        dataInt32[offset + 2] = v[2];\n        dataInt32[offset + 3] = v[3];",
+	"vec2<u32>": "\n        dataInt32[offset] = v[0];\n        dataInt32[offset + 1] = v[1];",
+	"vec3<u32>": "\n        dataInt32[offset] = v[0];\n        dataInt32[offset + 1] = v[1];\n        dataInt32[offset + 2] = v[2];",
+	"vec4<u32>": "\n        dataInt32[offset] = v[0];\n        dataInt32[offset + 1] = v[1];\n        dataInt32[offset + 2] = v[2];\n        dataInt32[offset + 3] = v[3];",
+	"mat2x2<f32>": "\n        data[offset] = v[0];\n        data[offset + 1] = v[1];\n        data[offset + 4] = v[2];\n        data[offset + 5] = v[3];",
+	"mat3x3<f32>": "\n        data[offset] = v[0];\n        data[offset + 1] = v[1];\n        data[offset + 2] = v[2];\n        data[offset + 4] = v[3];\n        data[offset + 5] = v[4];\n        data[offset + 6] = v[5];\n        data[offset + 8] = v[6];\n        data[offset + 9] = v[7];\n        data[offset + 10] = v[8];",
+	"mat4x4<f32>": "\n        for (let i = 0; i < 16; i++) {\n            data[offset + i] = v[i];\n        }",
+	"mat3x2<f32>": y(3, 2),
+	"mat4x2<f32>": y(4, 2),
+	"mat2x3<f32>": y(2, 3),
+	"mat4x3<f32>": y(4, 3),
+	"mat2x4<f32>": y(2, 4),
+	"mat3x4<f32>": y(3, 4)
+}, x = {
+	...b,
+	"mat2x2<f32>": "\n        data[offset] = v[0];\n        data[offset + 1] = v[1];\n        data[offset + 2] = v[2];\n        data[offset + 3] = v[3];\n    "
+}, S = class extends r {
+	constructor({ buffer: e, offset: n, size: r }) {
+		super(), this.uid = t("buffer"), this._resourceType = "bufferResource", this._touched = 0, this._resourceId = t("resource"), this._bufferResource = !0, this.destroyed = !1, this.buffer = e, this.offset = n | 0, this.size = r, this.buffer.on("change", this.onBufferChange, this);
+	}
+	get _gcLastUsed() {
+		return this.buffer?._gcLastUsed ?? -1;
+	}
+	set _gcLastUsed(e) {
+		this.buffer && (this.buffer._gcLastUsed = e);
+	}
+	onBufferChange() {
+		this._resourceId = t("resource"), this.emit("change", this);
+	}
+	destroy(e = !1) {
+		this.destroyed = !0, e && this.buffer.destroy(), this.emit("change", this), this.buffer = null, this.removeAllListeners();
+	}
+};
+//#endregion
+export { _ as a, p as c, c as d, u as f, v as i, d as l, b as n, g as o, l as p, x as r, h as s, S as t, f as u };

package/dist/CanvasPool-C3aVgvEX.js

@@ -0,0 +1,30 @@
+import { L as e, b as t, q as n } from "./Geometry-CN7W9DnD.js";
+var r = new class {
+	constructor(e) {
+		this._canvasPool = /* @__PURE__ */ Object.create(null), this.canvasOptions = e || {}, this.enableFullScreen = !1;
+	}
+	_createCanvasAndContext(e, n) {
+		let r = t.get().createCanvas();
+		return r.width = e, r.height = n, {
+			canvas: r,
+			context: r.getContext("2d")
+		};
+	}
+	getOptimalCanvasAndContext(e, t, r = 1) {
+		e = Math.ceil(e * r - 1e-6), t = Math.ceil(t * r - 1e-6), e = n(e), t = n(t);
+		let i = (e << 17) + (t << 1);
+		this._canvasPool[i] || (this._canvasPool[i] = []);
+		let a = this._canvasPool[i].pop();
+		return a ||= this._createCanvasAndContext(e, t), a;
+	}
+	returnCanvasAndContext(e) {
+		let { width: t, height: n } = e.canvas, r = (t << 17) + (n << 1);
+		e.context.resetTransform(), e.context.clearRect(0, 0, t, n), this._canvasPool[r].push(e);
+	}
+	clear() {
+		this._canvasPool = {};
+	}
+}();
+e.register(r);
+//#endregion
+export { r as t };