npm - @type-dom/svgs - Versions diffs - 0.1.0 → 0.1.1 - Mend

@type-dom/svgs 0.1.0 → 0.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1095) hide show

package/README.md CHANGED Viewed

@@ -1,11 +1,67 @@
-# svgs
+## TypeDomSvgs
-This library was generated with [Nx](https://nx.dev).
+> 这是一个基于前端框架TypeDom创建的svg组件库。
-## Building
+## Usage
-Run `nx build svgs` to build the library.
+### Install the lib
-## Running unit tests
+```bash
+# or pnpm or yarn
+npm install @type-dom/svgs
+```
-Run `nx test svgs` to execute the unit tests via [Jest](https://jestjs.io).
+```ts
+// Typescript Webpack
+import {Br, Division, TypeRoot, TextNode} from '@type-dom/framework';
+import {AddSvg} from '@type-dom/svgs';
+// svgs-root.ts 项目根节点
+export class AppElement extends TypeRoot {
+  className: 'AppElement';
+  constructor(editorEl: HTMLElement) {
+    super();
+    this.className = 'AppElement';
+    this.addAttrObj({ // 设置根节点的属性
+      name: 'app-root'
+    })
+    this.addStyleObj({ // 设置根节点样式
+      padding: '30px',
+      border: '20px solid #dddddd'
+    });
+    this.addChild(
+      new Div({ // 子节点
+        childNodes: [
+          new AddSvg(), // 加号图标
+        ]
+      }),
+      new Br()
+    );
+    this.render(); // 渲染
+  }
+}
+// main.ts 项目主程序
+import {fromEvent} from 'rxjs';
+import {AppElement} from "./app-root";
+fromEvent(document, 'DOMContentLoaded').subscribe(() => {
+  const uiEl = document.querySelector('#example-ref') as HTMLElement;
+  if (uiEl) {
+    const view = new AppElement(uiEl);
+  }
+});
+```
+```html
+// index.html
+<!DOCTYPE html>
+<html lang="en" xmlns="http://www.w3.org/1999/html">
+  <head>
+    <meta charset="UTF-8"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+    <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
+    <title>type dom svgs </title>
+  </head>
+  <body>
+    <div id="example-ref"></div>
+  </body>
+</html>
+```

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@type-dom/svgs",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "dependencies": {
     "@type-dom/framework": "*",
     "tslib": "^2.3.0"
@@ -8,6 +8,10 @@
   "type": "commonjs",
   "main": "./src/index.js",
   "typings": "./src/index.d.ts",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/type-dom/svgs.git"
+  },
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"

package/src/common-svg-list.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+import { TypeDiv } from '@type-dom/framework';
+export declare class CommonSvgList extends TypeDiv {
+    className: 'CommonSvgList';
+    constructor();
+}