ngx-axis-appforge 0.0.88 → 0.0.90

package/fesm2022/ngx-axis-appforge-axis-components-video.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngx-axis-appforge-axis-components-video.mjs","sources":["../../../axis-components/video/video.options.ts","../../../axis-components/video/video.ts","../../../axis-components/video/video.html","../../../axis-components/video/ngx-axis-appforge-axis-components-video.ts"],"sourcesContent":["import { DataOptions } from \"ngx-axis-appforge/core\";\n\nexport class VideoOptions extends DataOptions {\n\n    // mode = signal<\"aspectFit\" | \"aspectFill\" | \"scaleToFill\">(\"aspectFit\");\n    // preview = signal(true);\n}","import { ChangeDetectionStrategy, Component, CUSTOM_ELEMENTS_SCHEMA, inject } from '@angular/core';\nimport { AXIS_FILE_BASE_URL_TOKEN, Base } from 'ngx-axis-appforge/core';\nimport { VideoOptions } from './video.options';\nimport { BehaviorSubject } from 'rxjs';\nimport 'vidstack/player';\nimport 'vidstack/player/layouts/default';\nimport 'vidstack/player/ui';\n\n@Component({\n  selector: 'axis-video',\n  imports: [],\n  templateUrl: './video.html',\n  styleUrl: './video.css',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  schemas: [CUSTOM_ELEMENTS_SCHEMA]\n})\nexport class Video extends Base<VideoOptions> {\n\n  private readonly fileBaseUrl = inject(AXIS_FILE_BASE_URL_TOKEN, { optional: true }) ?? \"\";\n  override options: VideoOptions = new VideoOptions();\n\n  get src(): string | undefined {\n    if (this.options.data()) {\n      return this.getUrl(this.options.data());\n    }\n    return undefined;\n  }\n\n\n  getUrl(url: string): string {\n    if (url.startsWith(\"http\")) {\n      return url;\n    } else if (this.fileBaseUrl instanceof BehaviorSubject) {\n      return this.fileBaseUrl.value + url;\n    } else {\n      return this.fileBaseUrl + url;\n    }\n  }\n}\n","@if (src) {\n<media-player controls [src]=\"src\">\n  <media-provider></media-provider>\n</media-player>\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './video';\n"],"names":[],"mappings":";;;;;;;;AAEM,MAAO,YAAa,SAAQ,WAAW,CAAA;AAI5C;;ACUK,MAAO,KAAM,SAAQ,IAAkB,CAAA;AAE1B,IAAA,WAAW,GAAG,MAAM,CAAC,wBAAwB,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,IAAI,EAAE;AAChF,IAAA,OAAO,GAAiB,IAAI,YAAY,EAAE;AAEnD,IAAA,IAAI,GAAG,GAAA;AACL,QAAA,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE;YACvB,OAAO,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;QACzC;AACA,QAAA,OAAO,SAAS;IAClB;AAGA,IAAA,MAAM,CAAC,GAAW,EAAA;AAChB,QAAA,IAAI,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE;AAC1B,YAAA,OAAO,GAAG;QACZ;AAAO,aAAA,IAAI,IAAI,CAAC,WAAW,YAAY,eAAe,EAAE;AACtD,YAAA,OAAO,IAAI,CAAC,WAAW,CAAC,KAAK,GAAG,GAAG;QACrC;aAAO;AACL,YAAA,OAAO,IAAI,CAAC,WAAW,GAAG,GAAG;QAC/B;IACF;wGArBW,KAAK,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAL,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,KAAK,6FChBlB,6GAIC,EAAA,MAAA,EAAA,CAAA,0DAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FDYY,KAAK,EAAA,UAAA,EAAA,CAAA;kBARjB,SAAS;+BACE,YAAY,EAAA,OAAA,EACb,EAAE,EAAA,eAAA,EAGM,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC,CAAC,sBAAsB,CAAC,EAAA,QAAA,EAAA,6GAAA,EAAA,MAAA,EAAA,CAAA,0DAAA,CAAA,EAAA;;;AEdnC;;AAEG;;;;"}

package/fesm2022/ngx-axis-appforge-axis-components.mjs

@@ -85,6 +85,12 @@ const cmpMap = {
     "axis-components/rich-text-editor/design": () => import('ngx-axis-appforge/axis-components/rich-text-editor/design'),
     "axis-components/echarts": () => import('ngx-axis-appforge/axis-components/echarts'),
     "axis-components/echarts/design": () => import('ngx-axis-appforge/axis-components/echarts/design'),
+    "axis-components/video": () => import('ngx-axis-appforge/axis-components/video'),
+    "axis-components/video/design": () => import('ngx-axis-appforge/axis-components/video/design'),
+    "axis-components/drawer": () => import('ngx-axis-appforge/axis-components/drawer'),
+    "axis-components/drawer/design": () => import('ngx-axis-appforge/axis-components/drawer/design'),
+    "axis-components/time-line": () => import('ngx-axis-appforge/axis-components/time-line'),
+    "axis-components/time-line/design": () => import('ngx-axis-appforge/axis-components/time-line/design'),
 };
 
 const buttonExampleDesc = {
@@ -786,7 +792,7 @@ const badgeExampleDesc = {
 const imageExampleDesc = {
     component: "图片",
     coverImg: "assets/axis-components-covers/image.svg",
-    span: 10,
+    span: 12,
     height: 70,
     example: {
         options: {
@@ -949,8 +955,8 @@ const datePickerExampleDesc = {
 const stepsExampleDesc = {
     component: "步骤条",
     coverImg: "assets/axis-components-covers/steps.svg",
-    span: 12,
-    height: 90,
+    span: 10,
+    height: 70,
     example: {
         options: {
             component: "axis-components/steps",
@@ -1565,7 +1571,7 @@ const richTextEditorExampleDesc = {
 const echartsExampleDesc = {
     component: "图表",
     coverImg: "assets/axis-components-covers/echarts.png",
-    span: 24,
+    span: 12,
     height: 80,
     example: {
         options: {
@@ -1641,6 +1647,71 @@ const echartsExampleDesc = {
     ]
 };
 
+const videoExampleDesc = {
+    component: "视频",
+    coverImg: "assets/axis-components-covers/video.svg",
+    span: 12,
+    height: 70,
+    example: {
+        options: {
+            component: "axis-components/video",
+            id: "axis-components/video#1",
+            inuse: true,
+        },
+    }
+};
+
+const drawerExampleDesc = {
+    component: "抽屉",
+    coverImg: "assets/axis-components-covers/drawer.svg",
+    span: 12,
+    height: 70,
+    example: {
+        options: {
+            component: "axis-components/drawer",
+            id: "axis-components/drawer#1",
+            inuse: true,
+        },
+    }
+};
+
+const timeLineExampleDesc = {
+    component: "时间轴",
+    coverImg: "assets/axis-components-covers/time-line.svg",
+    span: 24,
+    height: 70,
+    example: {
+        options: {
+            component: "axis-components/time-line",
+            id: "axis-components/time-line#1",
+            inuse: true,
+            pending: "等待复审",
+            items: [
+                {
+                    inuse: true,
+                    content: "提交合同申请",
+                    color: "#1890ff",
+                }, {
+                    inuse: true,
+                    content: "合同初审通过",
+                    color: "#1890ff",
+                }
+            ]
+        },
+    },
+    moreExamples: [
+        {
+            name: "空时间轴",
+            options: {
+                component: "axis-components/time-line",
+                id: "axis-components/time-line#1",
+                inuse: true,
+                items: []
+            },
+        },
+    ]
+};
+
 const examples = [
     {
         groupName: "通用",
@@ -1653,6 +1724,7 @@ const examples = [
             timerExampleDesc,
             dropdownExampleDesc,
             menuExampleDesc,
+            drawerExampleDesc,
         ]
     }, {
         groupName: "布局",
@@ -1693,10 +1765,12 @@ const examples = [
             tableExampleDesc,
             descExampleDesc,
             badgeExampleDesc,
-            imageExampleDesc,
             stepsExampleDesc,
+            imageExampleDesc,
+            videoExampleDesc,
             cytoscapeExampleDesc,
             echartsExampleDesc,
+            timeLineExampleDesc,
         ]
     }, {
         groupName: "其他",