@ningboyz/vue 1.0.27 → 1.0.29

package/es/{stimulsoft → packages/stimulsoft}/desginer/desginer.vue.js

@@ -1,10 +1,10 @@
 import { defineComponent as f, ref as u, watch as v, createBlock as d, openBlock as g, unref as s } from "vue";
-import { Designer as D } from "../../node_modules/stimulsoft-reports-js-vuejs/designer.js";
+import { Designer as D } from "../../../node_modules/stimulsoft-reports-js-vuejs/designer.js";
 import R from "./factory.js";
-import { Stimulsoft as _ } from "../../node_modules/stimulsoft-reports-js-vuejs/stimulsoft.reports.engine.js";
-import "../../node_modules/stimulsoft-reports-js-vuejs/stimulsoft.viewer.js";
-import "../../node_modules/stimulsoft-reports-js-vuejs/stimulsoft.designer.js";
-import "../../node_modules/stimulsoft-reports-js-vuejs/stimulsoft.blockly.editor.js";
+import { Stimulsoft as _ } from "../../../node_modules/stimulsoft-reports-js-vuejs/stimulsoft.reports.engine.js";
+import "../../../node_modules/stimulsoft-reports-js-vuejs/stimulsoft.viewer.js";
+import "../../../node_modules/stimulsoft-reports-js-vuejs/stimulsoft.designer.js";
+import "../../../node_modules/stimulsoft-reports-js-vuejs/stimulsoft.blockly.editor.js";
 const N = /* @__PURE__ */ f({
   __name: "desginer",
   props: {

package/es/{stimulsoft → packages/stimulsoft}/desginer/factory.js

@@ -1,9 +1,9 @@
 import l from "lodash";
-import "../../node_modules/stimulsoft-reports-js-vuejs/designer.js";
-import { Stimulsoft as o } from "../../node_modules/stimulsoft-reports-js-vuejs/stimulsoft.reports.engine.js";
-import "../../node_modules/stimulsoft-reports-js-vuejs/stimulsoft.viewer.js";
-import "../../node_modules/stimulsoft-reports-js-vuejs/stimulsoft.designer.js";
-import "../../node_modules/stimulsoft-reports-js-vuejs/stimulsoft.blockly.editor.js";
+import "../../../node_modules/stimulsoft-reports-js-vuejs/designer.js";
+import { Stimulsoft as o } from "../../../node_modules/stimulsoft-reports-js-vuejs/stimulsoft.reports.engine.js";
+import "../../../node_modules/stimulsoft-reports-js-vuejs/stimulsoft.viewer.js";
+import "../../../node_modules/stimulsoft-reports-js-vuejs/stimulsoft.designer.js";
+import "../../../node_modules/stimulsoft-reports-js-vuejs/stimulsoft.blockly.editor.js";
 class f {
   listData = [];
   report;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ningboyz/vue",
-  "version": "1.0.27",
+  "version": "1.0.29",
   "private": false,
   "type": "module",
   "description": "宁波甬政vue-ui库",
@@ -20,7 +20,9 @@
   "types": "types/index.d.ts",
   "files": [
     "es",
-    "types"
+    "types",
+    "packages",
+    "styles"
   ],
   "scripts": {
     "build": "vite build",

package/packages/components.ts

@@ -0,0 +1,9 @@
+import type { App } from "vue";
+import { YzDesginer } from "./stimulsoft/desginer";
+const components = [YzDesginer];
+
+export const install = (app: App) => {
+  components.forEach((component) => app.use(component));
+};
+
+export * from "./stimulsoft/desginer";

package/packages/index.ts

@@ -0,0 +1,3 @@
+import * as YzUI from "./components";
+export * from "./components";
+export default YzUI;

package/packages/stimulsoft/desginer/desginer.vue

@@ -0,0 +1,49 @@
+<script setup lang="ts">
+import { Designer as StimulsoftDesginer, Stimulsoft } from "stimulsoft-reports-js-vuejs/designer";
+import { ref, watch } from "vue";
+import _ from "lodash";
+import ReportFactory from "./factory";
+import type { TWldy } from "@ningboyz/types";
+import { YzDesginerEmits, YzDesginerProps, YzDesginerSlots } from "types/components/stimulsoft/desginer/desginer";
+const props = defineProps<YzDesginerProps>();
+defineSlots<YzDesginerSlots>();
+const report = ref<Stimulsoft.Report.StiReport>();
+const designerOptions = new Stimulsoft.Designer.StiDesignerOptions();
+designerOptions.appearance.fullScreenMode = true;
+
+const emits = defineEmits<YzDesginerEmits>();
+
+watch(
+  () => props.listData,
+  (newValue) => {
+    renderReport(newValue);
+  },
+  {
+    deep: true
+  }
+);
+
+const saveReport = (args: Stimulsoft.Designer.SaveReportArgs) => {
+  args.preventDefault = true;
+  const json = args.report.saveToJsonString();
+  const fileName = args.fileName;
+  emits("saveReport", fileName, json);
+};
+
+const renderReport = async (listData: TWldy.IWldyDataResponse[]) => {
+  try {
+    const instance = new ReportFactory();
+    instance.setListData(listData);
+    const reportInst = instance.getReport();
+    report.value = reportInst;
+  } catch (e: any) {
+    console.log(e.message);
+  }
+};
+</script>
+
+<template>
+  <StimulsoftDesginer :report="report" :options="designerOptions" @save-report="saveReport" />
+</template>
+
+<style scoped lang="scss"></style>

package/packages/stimulsoft/desginer/factory.ts

@@ -0,0 +1,74 @@
+import type { TWldy } from "@ningboyz/types";
+import type { IWldyDataResponse, IWldyItemResponse } from "@ningboyz/types/src/wldy";
+import _ from "lodash";
+import { Stimulsoft } from "stimulsoft-reports-js-vuejs/designer";
+
+class Factory {
+  private listData: TWldy.IWldyDataResponse[] = [];
+  private report: Stimulsoft.Report.StiReport;
+
+  constructor(listData?: TWldy.IWldyDataResponse[]) {
+    if (!_.isNil(listData)) {
+      this.listData = listData;
+    }
+    this.report = new Stimulsoft.Report.StiReport();
+  }
+
+  public setListData = (listData: TWldy.IWldyDataResponse[]) => {
+    this.listData = listData;
+  };
+
+  public getReport = () => {
+    this.report.dataSources.clear();
+    this.getDataSet();
+    return this.report;
+  };
+
+  private getDataSet = () => {
+    if (this.listData.length === 0) {
+      return;
+    }
+    const dataSet = new Stimulsoft.System.Data.DataSet("网络打印");
+    for (let i = 0; i < this.listData.length; i++) {
+      const wldyData = this.listData[i];
+      const dataTable = new Stimulsoft.System.Data.DataTable(wldyData.dataName);
+      this.listItem2DataTable(dataTable, wldyData);
+      this.listData2DataTable(dataTable, wldyData);
+      dataSet.tables.add(dataTable);
+      this.report.regData(dataSet.dataSetName, dataSet.dataSetName, dataSet);
+    }
+    this.report.dictionary.synchronize();
+  };
+
+  private listItem2DataTable = (dataTable: Stimulsoft.System.Data.DataTable, wldyData: IWldyDataResponse) => {
+    for (let i = 0; i < wldyData.listItem.length; i++) {
+      const item = wldyData.listItem[i];
+      if (_.isEmpty(item.printVal)) {
+        continue;
+      }
+      const dataColumn = new Stimulsoft.System.Data.DataColumn(item.printVal);
+      dataTable.columns.add(dataColumn);
+    }
+  };
+
+  private listData2DataTable = (dataTable: Stimulsoft.System.Data.DataTable, wldyData: IWldyDataResponse) => {
+    for (let i = 0; i < wldyData.listData.length; i++) {
+      const data = wldyData.listData[i];
+      const dataRow = this.getRow(dataTable, wldyData.listItem, data);
+      dataTable.addRow(dataRow);
+    }
+  };
+
+  private getRow = (dataTable: Stimulsoft.System.Data.DataTable, listItem: IWldyItemResponse[], data: any) => {
+    const dataRow = dataTable.newRow();
+    for (let j = 0; j < listItem.length; j++) {
+      const wldyItem = listItem[j];
+      if (!_.isEmpty(wldyItem.printVal)) {
+        dataRow.setValue(wldyItem.printVal, Reflect.get(data, wldyItem.itemCode));
+      }
+    }
+    return dataRow;
+  };
+}
+
+export default Factory;

package/packages/stimulsoft/desginer/index.ts

@@ -0,0 +1,8 @@
+import type { App } from "vue";
+import Desginer from "./desginer.vue";
+
+export const YzDesginer = Object.assign({}, Desginer, {
+  install(app: App) {
+    app.component(Desginer.name as string, Desginer);
+  }
+});

package/types/components/stimulsoft/desginer/desginer.d.ts

@@ -3,11 +3,18 @@ import { YzComponent } from "../../core/component";
 
 export declare const YzDesginer: YzComponent<YzDesginerProps, {}, YzDesginerSlots, YzDesginerMethod>;
 
+export namespace YzDesginerPropTypes {
+  export type ListData = TWldy.IWldyDataResponse[];
+}
+
 export type YzDesginerProps = {
-  listData: TWldy.IWldyDataResponse[];
+  listData: YzDesginerPropTypes.ListData;
 };
 
-export type YzDesginerMethod = {} & YzDesginerEmits;
+export type YzDesginerMethod = {
+  onOK: () => void;
+} & YzDesginerEmits;
+
 export type YzDesginerEmits = {
   (event: "saveReport", fileName: string, json: string): void;
 };